{"version":3,"file":"XTicksAndGridLines-Cykzylul.cjs","names":[],"sources":["../src/Components/Elements/Axes/XTicksAndGridLines.tsx"],"sourcesContent":["import { cn } from '@undp/design-system-react/cn';\r\nimport type { PadZerosTypes } from '@/Types';\r\nimport { numberFormattingFunction } from '@/Utils/numberFormattingFunction';\r\n\r\ninterface Props {\r\n  values?: (number | string)[];\r\n  x: number[];\r\n  y2: number;\r\n  y1: number;\r\n  styles: { gridLines?: React.CSSProperties; labels?: React.CSSProperties };\r\n  classNames: { gridLines?: string; labels?: string };\r\n  prefix?: string;\r\n  suffix?: string;\r\n  labelType: 'primary' | 'secondary';\r\n  showGridLines: boolean;\r\n  leftLabel?: boolean;\r\n  precision?: number;\r\n  locale?: string;\r\n  padZeros?: PadZerosTypes;\r\n}\r\n\r\nexport function XTicksAndGridLines(props: Props) {\r\n  const {\r\n    values,\r\n    x,\r\n    y1,\r\n    y2,\r\n    styles,\r\n    classNames,\r\n    prefix,\r\n    suffix,\r\n    labelType,\r\n    showGridLines,\r\n    precision = 2,\r\n    leftLabel = false,\r\n    locale = 'en',\r\n    padZeros = 'none',\r\n  } = props;\r\n  if (!values && !showGridLines) return null;\r\n  return (\r\n    <>\r\n      {x.map((d, i) => (\r\n        // biome-ignore lint/suspicious/noArrayIndexKey: index is the unique identifier\r\n        <g key={i}>\r\n          {showGridLines ? (\r\n            <line\r\n              x1={d}\r\n              x2={d}\r\n              y1={y1}\r\n              y2={y2}\r\n              className={cn('undp-tick-line stroke-stroke-lg', classNames?.gridLines)}\r\n              style={styles?.gridLines}\r\n            />\r\n          ) : null}\r\n          {values ? (\r\n            <text\r\n              x={d}\r\n              y={labelType === 'primary' ? y2 : y1}\r\n              dy={labelType === 'primary' ? '1em' : '0.75em'}\r\n              dx={labelType === 'primary' ? 0 : d < 0 || leftLabel ? -3 : 3}\r\n              style={{\r\n                textAnchor:\r\n                  labelType === 'primary' ? 'middle' : d < 0 || leftLabel ? 'end' : 'start',\r\n                ...(styles?.labels || {}),\r\n              }}\r\n              className={cn(\r\n                'text-xs',\r\n                labelType === 'primary' ? 'fill-content-primary' : 'fill-content-tertiary',\r\n                classNames?.labels,\r\n              )}\r\n            >\r\n              {typeof values[i] === 'string'\r\n                ? values[i]\r\n                : numberFormattingFunction(\r\n                    values[i],\r\n                    undefined,\r\n                    precision,\r\n                    prefix,\r\n                    suffix,\r\n                    locale,\r\n                    padZeros === 'all' ? 'decimal' : padZeros,\r\n                  )}\r\n            </text>\r\n          ) : null}\r\n        </g>\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"wIAqBA,SAAgB,EAAmB,EAAc,CAC/C,GAAM,CACJ,SACA,IACA,KACA,KACA,SACA,aACA,SACA,SACA,YACA,gBACA,YAAY,EACZ,YAAY,GACZ,SAAS,KACT,WAAW,QACT,EAEJ,MADI,CAAC,GAAU,CAAC,EAAsB,MAEpC,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,EAAE,KAAK,EAAG,KAET,EAAA,EAAA,MAAC,IAAD,CAAA,SAAA,CACG,GACC,EAAA,EAAA,KAAC,OAAD,CACE,GAAI,EACJ,GAAI,EACA,KACA,KACJ,WAAA,EAAA,EAAA,IAAc,kCAAmC,GAAY,SAAS,EACtE,MAAO,GAAQ,SAChB,CAAA,EACC,KACH,GACC,EAAA,EAAA,KAAC,OAAD,CACE,EAAG,EACH,EAAG,IAAc,UAAY,EAAK,EAClC,GAAI,IAAc,UAAY,MAAQ,SACtC,GAAI,IAAc,UAAY,EAAI,EAAI,GAAK,EAAY,GAAK,EAC5D,MAAO,CACL,WACE,IAAc,UAAY,SAAW,EAAI,GAAK,EAAY,MAAQ,QACpE,GAAI,GAAQ,QAAU,CAAC,CACzB,EACA,WAAA,EAAA,EAAA,IACE,UACA,IAAc,UAAY,uBAAyB,wBACnD,GAAY,MACd,WAEC,OAAO,EAAO,IAAO,SAClB,EAAO,GACP,EAAA,EACE,EAAO,GACP,IAAA,GACA,EACA,EACA,EACA,EACA,IAAa,MAAQ,UAAY,CACnC,CACA,CAAA,EACJ,IACH,CAAA,EAzCK,CAyCL,CACJ,CACD,CAAA,CAEN"}