{"version":3,"file":"CustomYAxisTick.mjs","names":[],"sources":["../../src/common/CustomYAxisTick.tsx"],"sourcesContent":["import { cssVar } from 'antd-style';\nimport React, { memo } from 'react';\n\nimport { ValueFormatter } from '@/types/charts';\n\ninterface CustomYAxisTickProps {\n  align: 'left' | 'right';\n  anchor?: 'end' | 'middle' | 'start';\n  formatter: ValueFormatter;\n\n  payload: {\n    value: number;\n  };\n\n  x: number;\n  y: number;\n  yAxisLabel?: boolean;\n}\n\nconst CustomYAxisTick = memo<CustomYAxisTickProps>(\n  ({ yAxisLabel, x, y, payload, align, formatter, anchor }) => {\n    const yAxisLabelWidth = yAxisLabel ? 24 : 0;\n    const resolvedTextAnchor = anchor ?? (align === 'left' ? 'start' : 'end');\n\n    return (\n      <g transform={`translate(${align === 'left' ? yAxisLabelWidth : x + yAxisLabelWidth},${y})`}>\n        <text\n          dy={4}\n          fill={cssVar.colorTextDescription}\n          fontSize={12}\n          textAnchor={resolvedTextAnchor}\n          x={0}\n          y={0}\n        >\n          {formatter(payload.value)}\n        </text>\n      </g>\n    );\n  },\n);\n\nexport default CustomYAxisTick;\n"],"mappings":";;;;AAmBA,MAAM,kBAAkB,MACrB,EAAE,YAAY,GAAG,GAAG,SAAS,OAAO,WAAW,aAAa;CAC3D,MAAM,kBAAkB,aAAa,KAAK;CAC1C,MAAM,qBAAqB,WAAW,UAAU,SAAS,UAAU;CAEnE,OACE,oBAAC,KAAD;EAAG,WAAW,aAAa,UAAU,SAAS,kBAAkB,IAAI,gBAAgB,GAAG,EAAE;EACvF,UAAA,oBAAC,QAAD;GACE,IAAI;GACJ,MAAM,OAAO;GACb,UAAU;GACV,YAAY;GACZ,GAAG;GACH,GAAG;GAEF,UAAA,UAAU,QAAQ,KAAK;EACpB,CAAA;CACL,CAAA;AAEP,CACF"}