@embeddable.com/remarkable-pro 0.0.11 → 0.0.12

package/dist/{formatter.utils-DCDukEZ9.js → formatter.utils-CU02gBE5.js}

@@ -1,4 +1,4 @@
-import { $ as T } from "./component.constants-DmK3uQGY.js";
+import { $ as T } from "./component.constants-5pSEkTqN.js";
 const i = (r) => {
   const s = {};
   return (m) => {
@@ -43,4 +43,4 @@ const i = (r) => {
 export {
   D as g
 };
-//# sourceMappingURL=formatter.utils-DCDukEZ9.js.map
+//# sourceMappingURL=formatter.utils-CU02gBE5.js.map

package/dist/{formatter.utils-DCDukEZ9.js.map → formatter.utils-CU02gBE5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"formatter.utils-DCDukEZ9.js","sources":["../src/utils.ts/cache.utils.ts","../src/utils.ts/data.utils.ts","../src/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"formatter.utils-CU02gBE5.js","sources":["../src/utils.ts/cache.utils.ts","../src/utils.ts/data.utils.ts","../src/theme/formatter/formatter.utils.ts"],"sourcesContent":["/**\n * Creates a formatter cache.\n * Cache used to prevent unnecessary (expensive) creation of formatter objects\n */\nexport const cache = <Params, Formatter>(factory: (params?: Params) => Formatter) => {\n  const internalCache: { [key: string]: Formatter } = {};\n  const get = (params?: Params) => {\n    const key = JSON.stringify(params);\n    let formatter = internalCache[key];\n    if (formatter) {\n      return formatter;\n    }\n    formatter = factory(params);\n    internalCache[key] = formatter;\n    return formatter;\n  };\n  return get;\n};\n","const ISO_DATE_TIME_REGEX = /^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}$/;\n\nexport const isValidISODate = (value: string): boolean => {\n  return Boolean(value && ISO_DATE_TIME_REGEX.test(value));\n};\n","import { DimensionOrMeasure } from '@embeddable.com/core';\nimport { DateTimeFormatter, NumberFormatter, StringFormatter } from './formatter.types';\nimport { Theme } from '../theme.types';\nimport { cache } from '../../utils.ts/cache.utils';\nimport { isValidISODate } from '../../utils.ts/data.utils';\nimport { resolveI18nString } from '../../components/component.utils';\n\nexport type GetThemeFormatter = {\n  string: (key: string) => string;\n  number: (value: number | bigint, options?: Intl.NumberFormatOptions) => string;\n  dateTime: (value: Date, options?: Intl.DateTimeFormatOptions) => string;\n  dimensionOrMeasureTitle: (key: DimensionOrMeasure) => string;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  data: (key: DimensionOrMeasure, value: any) => string;\n};\n\nexport const getThemeFormatter = (theme: Theme): GetThemeFormatter => {\n  const cachedNumberFormatter = cache<Intl.NumberFormatOptions, NumberFormatter>((options) =>\n    theme.formatter.numberFormatter(theme, options),\n  );\n\n  const cachedDataNumberFormatter = cache<DimensionOrMeasure, NumberFormatter>((key) =>\n    theme.formatter.dataNumberFormatter(theme, key!),\n  );\n\n  const cachedDateTimeFormatter = cache<Intl.DateTimeFormatOptions, DateTimeFormatter>((options) =>\n    theme.formatter.dateTimeFormatter(theme, options),\n  );\n\n  const cachedDataDateTimeFormatter = cache<DimensionOrMeasure, DateTimeFormatter>((key) =>\n    theme.formatter.dataDateTimeFormatter(theme, key!),\n  );\n\n  const cachedDataOthersFormatter = cache<DimensionOrMeasure, StringFormatter>((key) =>\n    theme.formatter.dataOthersFormatter(theme, key!),\n  );\n\n  return {\n    string: (key: string) => theme.formatter.stringFormatter().format(key),\n    number: (value: number | bigint, options?: Intl.NumberFormatOptions): string => {\n      return cachedNumberFormatter(options).format(value);\n    },\n    dateTime: (value: Date, options?: Intl.DateTimeFormatOptions): string => {\n      return cachedDateTimeFormatter(options).format(value);\n    },\n    dimensionOrMeasureTitle: (key: DimensionOrMeasure): string => {\n      const displayName = key.inputs?.displayName;\n      if (displayName) {\n        if (displayName.includes('|')) {\n          return resolveI18nString(displayName);\n        }\n        return displayName;\n      }\n\n      const resolved = cachedDataOthersFormatter(key).format(key.name);\n      return resolved === key.name ? (key.title ?? key.name) : resolved;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    data: (key: DimensionOrMeasure, value: any): string => {\n      let newValue = value;\n\n      // Number\n      if (key.nativeType === 'number') {\n        newValue = cachedDataNumberFormatter(key).format(value);\n      }\n\n      // Time\n      if (key.nativeType === 'time' && isValidISODate(value)) {\n        newValue = cachedDataDateTimeFormatter(key).format(new Date(value));\n      }\n\n      // Others (boolean and string)\n      if (key.nativeType === 'boolean' || key.nativeType === 'string') {\n        newValue = cachedDataOthersFormatter(key).format(value);\n      }\n\n      // Prefix and suffix\n      const appended = `${key.inputs?.prefix || ''}${newValue}${key.inputs?.suffix || ''}`;\n\n      // Max characters\n      if (key.inputs?.maxCharacters) {\n        if (appended.length <= key.inputs.maxCharacters) {\n          return appended;\n        }\n        return appended.substring(0, key.inputs.maxCharacters) + '...';\n      }\n\n      return appended;\n    },\n  };\n};\n"],"names":["cache","factory","internalCache","params","key","formatter","ISO_DATE_TIME_REGEX","isValidISODate","value","getThemeFormatter","theme","cachedNumberFormatter","options","cachedDataNumberFormatter","cachedDateTimeFormatter","cachedDataDateTimeFormatter","cachedDataOthersFormatter","displayName","_a","resolveI18nString","resolved","newValue","appended","_b","_c"],"mappings":";AAIO,MAAMA,IAAQ,CAAoBC,MAA4C;AACnF,QAAMC,IAA8C,CAAA;AAWpD,SAVY,CAACC,MAAoB;AAC/B,UAAMC,IAAM,KAAK,UAAUD,CAAM;AACjC,QAAIE,IAAYH,EAAcE,CAAG;AACjC,WAAIC,MAGJA,IAAYJ,EAAQE,CAAM,GAC1BD,EAAcE,CAAG,IAAIC,GACdA;AAAA,EACT;AAEF,GCjBMC,IAAsB,gDAEfC,IAAiB,CAACC,MACtB,GAAQA,KAASF,EAAoB,KAAKE,CAAK,ICa3CC,IAAoB,CAACC,MAAoC;AACpE,QAAMC,IAAwBX;AAAA,IAAiD,CAACY,MAC9EF,EAAM,UAAU,gBAAgBA,GAAOE,CAAO;AAAA,EAAA,GAG1CC,IAA4Bb;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA,GAG3CU,IAA0Bd;AAAA,IAAqD,CAACY,MACpFF,EAAM,UAAU,kBAAkBA,GAAOE,CAAO;AAAA,EAAA,GAG5CG,IAA8Bf;AAAA,IAA6C,CAACI,MAChFM,EAAM,UAAU,sBAAsBA,GAAON,CAAI;AAAA,EAAA,GAG7CY,IAA4BhB;AAAA,IAA2C,CAACI,MAC5EM,EAAM,UAAU,oBAAoBA,GAAON,CAAI;AAAA,EAAA;AAGjD,SAAO;AAAA,IACL,QAAQ,CAACA,MAAgBM,EAAM,UAAU,gBAAA,EAAkB,OAAON,CAAG;AAAA,IACrE,QAAQ,CAACI,GAAwBI,MACxBD,EAAsBC,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEpD,UAAU,CAACA,GAAaI,MACfE,EAAwBF,CAAO,EAAE,OAAOJ,CAAK;AAAA,IAEtD,yBAAyB,CAACJ,MAAoC;;AAC5D,YAAMa,KAAcC,IAAAd,EAAI,WAAJ,gBAAAc,EAAY;AAChC,UAAID;AACF,eAAIA,EAAY,SAAS,GAAG,IACnBE,EAAkBF,CAAW,IAE/BA;AAGT,YAAMG,IAAWJ,EAA0BZ,CAAG,EAAE,OAAOA,EAAI,IAAI;AAC/D,aAAOgB,MAAahB,EAAI,OAAQA,EAAI,SAASA,EAAI,OAAQgB;AAAA,IAC3D;AAAA;AAAA,IAEA,MAAM,CAAChB,GAAyBI,MAAuB;;AACrD,UAAIa,IAAWb;AAGf,MAAIJ,EAAI,eAAe,aACrBiB,IAAWR,EAA0BT,CAAG,EAAE,OAAOI,CAAK,IAIpDJ,EAAI,eAAe,UAAUG,EAAeC,CAAK,MACnDa,IAAWN,EAA4BX,CAAG,EAAE,OAAO,IAAI,KAAKI,CAAK,CAAC,KAIhEJ,EAAI,eAAe,aAAaA,EAAI,eAAe,cACrDiB,IAAWL,EAA0BZ,CAAG,EAAE,OAAOI,CAAK;AAIxD,YAAMc,IAAW,KAAGJ,IAAAd,EAAI,WAAJ,gBAAAc,EAAY,WAAU,EAAE,GAAGG,CAAQ,KAAGE,IAAAnB,EAAI,WAAJ,gBAAAmB,EAAY,WAAU,EAAE;AAGlF,cAAIC,IAAApB,EAAI,WAAJ,QAAAoB,EAAY,gBACVF,EAAS,UAAUlB,EAAI,OAAO,gBACzBkB,IAEFA,EAAS,UAAU,GAAGlB,EAAI,OAAO,aAAa,IAAI,QAGpDkB;AAAA,IACT;AAAA,EAAA;AAEJ;"}

package/dist/{index-D_-Nl-64.js → index-1KmRpcj0.js}

@@ -1,10 +1,10 @@
-import { m as $, a as N, c as S, e as w, f as M, j as R, L as F } from "./index-DjwSlZQY.js";
+import { m as $, a as N, e as S, f as w, h as M, j as R, L as F } from "./index-CIy-fCZE.js";
 import { useTheme as X } from "@embeddable.com/react";
-import { i as Y, a as z, r as E } from "./component.constants-DmK3uQGY.js";
-import { C as G } from "./ChartCard-uZBftDKk.js";
+import { i as Y, a as z, r as E } from "./component.constants-5pSEkTqN.js";
+import { C as G } from "./ChartCard-F1fMKsD4.js";
 import { useEffect as K } from "react";
-import { g as V } from "./timeRange.utils-C96Hp2HD.js";
-import { g as P } from "./formatter.utils-DCDukEZ9.js";
+import { g as V } from "./timeRange.utils-CNktS9Lb.js";
+import { g as P } from "./formatter.utils-CU02gBE5.js";
 import { g as J, a as U } from "./object.utils-D_Zzon-H.js";
 import { i as q, s as H } from "./color.utils-BSg_DFOh.js";
 import { g as Q } from "./lines.utils-CFEUUo4k.js";
@@ -323,4 +323,4 @@ export {
   W as g,
   ga as i
 };
-//# sourceMappingURL=index-D_-Nl-64.js.map
+//# sourceMappingURL=index-1KmRpcj0.js.map

package/dist/{index-D_-Nl-64.js.map → index-1KmRpcj0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D_-Nl-64.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport {\n  getChartContrastColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartContrastColors = getChartContrastColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\n        index,\n      );\n\n  const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    rawLabel,\n    label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n    data: processedData,\n    backgroundColor: setColorAlpha(lineColor, 0.5),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n          getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [\n        { xAxisID: AXIS_ID_MAIN, data: [] },\n        { xAxisID: AXIS_ID_COMPARISON, data: [] },\n      ],\n    };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : dataComparison\n      ? Array.from(\n          new Set([\n            ...data.map((item) => item[dimension.name]),\n            ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n          ]),\n        )\n      : undefined;\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: labels ?? data.map((item) => item[dimension.name]),\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis: boolean;\n  showDataComparison: boolean;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const contextItem = context[0];\n\n            if (!showDataComparison && contextItem) {\n              return themeFormatter.data(dimension, contextItem.label);\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { onLineClicked, dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n    onLineClicked,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n      onLineClicked,\n    },\n    theme,\n  );\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","chartContrastColors","getChartContrastColors","lineColorTemp","_c","lineColor","isColorValid","getColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart"],"mappings":"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"}
+{"version":3,"file":"index-1KmRpcj0.js","sources":["../src/components/charts/lines/LineChartComparisonDefaultPro/LineChartComparisonDefaultPro.utils.ts","../src/components/charts/lines/LineChartComparisonDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getObjectStableKey } from '../../../../utils.ts/object.utils';\nimport {\n  getChartContrastColors,\n  getChartjsAxisOptionsScalesTicksDefault,\n  getChartjsAxisOptionsScalesTitle,\n  getStyleNumber,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getColor } from '../../../../theme/styles/styles.utils';\nimport { i18n } from '../../../../theme/i18n/i18n';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils.ts/color.utils';\nimport { getLineChartProOptions, LineChartProOptionsClick } from '../lines.utils';\n\nconst AXIS_ID_MAIN = 'mainAxis';\nconst AXIS_ID_COMPARISON = 'comparisonAxis';\n\nconst getLineChartComparisonDataset = (\n  props: {\n    data: DataResponse['data'];\n    measure: Measure;\n    dimension: Dimension;\n    labels?: string[];\n    hasMinMaxYAxisRange: boolean;\n    isPreviousPeriod?: boolean;\n    index: number;\n  },\n  theme: Theme,\n): ChartData<'line'>['datasets'][number] => {\n  const { data, measure, dimension, index, isPreviousPeriod, hasMinMaxYAxisRange, labels } = props;\n  const datasetLabels = data?.map((item) => item[dimension.name]);\n\n  const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n\n  const processedData = labels\n    ? labels.map((label) => {\n        const found = data?.find((item) => item[dimension.name] === label);\n        return found?.[measure.name] ?? (zeroFill ? 0 : null);\n      })\n    : data?.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n  const themeFormatter = getThemeFormatter(theme);\n  const themeKey = getObjectStableKey(theme);\n\n  const isLineDashed = Boolean(\n    measure.inputs?.[isPreviousPeriod ? 'previousLineDashed' : 'lineDashed'],\n  );\n  const chartContrastColors = getChartContrastColors();\n  const lineColorTemp = measure.inputs?.[isPreviousPeriod ? 'previousLineColor' : 'lineColor'];\n  const lineColor = isColorValid(lineColorTemp)\n    ? lineColorTemp\n    : getColor(\n        `${themeKey}.charts.backgroundColors`,\n        measure.name,\n        theme.charts.backgroundColors ?? chartContrastColors,\n        index,\n      );\n\n  const rawLabel = themeFormatter.dimensionOrMeasureTitle(measure);\n\n  const dataset = {\n    xAxisID: isPreviousPeriod ? AXIS_ID_COMPARISON : AXIS_ID_MAIN,\n    labels: datasetLabels,\n    rawLabel,\n    label: (isPreviousPeriod ? `${i18n.t('common.compared')} ` : '') + rawLabel,\n    data: processedData,\n    backgroundColor: setColorAlpha(lineColor, 0.5),\n    pointBackgroundColor: lineColor,\n    borderDash: isLineDashed\n      ? [\n          getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n          getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n        ]\n      : undefined,\n    borderColor: lineColor,\n    fill: measure.inputs?.['fillUnderLine'],\n    clip: hasMinMaxYAxisRange,\n  } as ChartData<'line'>['datasets'][number];\n\n  return dataset;\n};\n\nexport const getLineChartComparisonProData = (\n  props: {\n    data: DataResponse['data'];\n    dataComparison: DataResponse['data'] | undefined;\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [\n        { xAxisID: AXIS_ID_MAIN, data: [] },\n        { xAxisID: AXIS_ID_COMPARISON, data: [] },\n      ],\n    };\n  }\n\n  const { data, dataComparison, dimension, measures, hasMinMaxYAxisRange } = props;\n\n  // Get all the available labels from both datasets if the dimension is not a time type (E.g. join United States with United Kindom and Germany)\n  const isTimeDimension = dimension.nativeType === 'time';\n  const labels = isTimeDimension\n    ? undefined\n    : dataComparison\n      ? Array.from(\n          new Set([\n            ...data.map((item) => item[dimension.name]),\n            ...(dataComparison?.map((item) => item[dimension.name]) ?? []),\n          ]),\n        )\n      : undefined;\n\n  const originalDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n      },\n      theme,\n    ),\n  );\n\n  const comparisonDatasets = measures.map((measure, index) =>\n    getLineChartComparisonDataset(\n      {\n        data: dataComparison,\n        measure,\n        dimension,\n        labels,\n        hasMinMaxYAxisRange,\n        index,\n        isPreviousPeriod: true,\n      },\n      theme,\n    ),\n  );\n\n  return {\n    labels: labels ?? data.map((item) => item[dimension.name]),\n    datasets: [...originalDatasets, ...comparisonDatasets],\n  };\n};\n\ntype LineChartComparisonProOptionsProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  data: ChartData<'line'>;\n  xAxisLabel?: string;\n  showComparisonAxis: boolean;\n  showDataComparison: boolean;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst getLineChartComparisonNonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            if (!context[0]) return '';\n\n            return themeFormatter.data(dimension, context[0].label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        display: false,\n      },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback(index) {\n            return themeFormatter.data(dimension, data.labels?.[index as number]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        display: false,\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nconst getLineChartComparisonTimeOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, xAxisLabel, showComparisonAxis, showDataComparison } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const mainDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_MAIN) as { labels?: string[] })?.labels ??\n    [];\n  const comparisonDimensionLabels: string[] =\n    (data.datasets.find((ds) => ds.xAxisID === AXIS_ID_COMPARISON) as { labels?: string[] })\n      ?.labels ?? [];\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      legend: {\n        labels: {\n          filter: (legendItem, chartData) => {\n            if (!legendItem) return false;\n            const dataset = chartData.datasets[legendItem.datasetIndex!]!;\n            // Only show legend if dataset has at least one data point\n            return Array.isArray(dataset.data) && dataset.data.length > 0;\n          },\n        },\n      },\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex % measures.length]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const contextItem = context[0];\n\n            if (!showDataComparison && contextItem) {\n              return themeFormatter.data(dimension, contextItem.label);\n            }\n\n            const dataIndex = contextItem?.dataIndex;\n\n            if (dataIndex === undefined) return '';\n\n            const main =\n              mainDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, mainDimensionLabels[dataIndex]);\n            const comparison =\n              comparisonDimensionLabels[dataIndex] &&\n              themeFormatter.data(dimension, comparisonDimensionLabels[dataIndex]);\n\n            return `${main ?? '-'} vs ${comparison ?? '-'}`;\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: { display: false },\n      [AXIS_ID_MAIN]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(\n            (!showComparisonAxis || comparisonDimensionLabels.length === 0) && xAxisLabel,\n          ),\n        },\n        grid: { display: false },\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            return themeFormatter.data(dimension, mainDimensionLabels[Number(index)]);\n          },\n        },\n      },\n      [AXIS_ID_COMPARISON]: {\n        title: {\n          ...getChartjsAxisOptionsScalesTitle(),\n          text: xAxisLabel,\n          display: Boolean(xAxisLabel),\n        },\n        grid: { display: false },\n        display: showComparisonAxis && comparisonDimensionLabels.length > 0,\n        ticks: {\n          ...getChartjsAxisOptionsScalesTicksDefault(),\n          callback: (index) => {\n            if (comparisonDimensionLabels.length === 0) {\n              return '';\n            }\n\n            const comparisonLabel = comparisonDimensionLabels[Number(index)];\n            return comparisonLabel ? themeFormatter.data(dimension, comparisonLabel) : '';\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n  };\n\n  return lineChartOptions;\n};\n\nexport const getLineChartComparisonProOptions = (\n  options: LineChartComparisonProOptionsProps,\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { onLineClicked, dimension } = options;\n\n  const getOptions =\n    dimension.nativeType === 'time'\n      ? getLineChartComparisonTimeOptions\n      : getLineChartComparisonNonTimeOptions;\n\n  return mergician(\n    getLineChartProOptions({ onLineClicked }),\n    getOptions(options, theme),\n    theme.charts?.lineChartComparisonDefaultPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { useEffect } from 'react';\nimport { getComparisonPeriodDateRange } from '../../../utils/timeRange.utils';\nimport {\n  getLineChartComparisonProData,\n  getLineChartComparisonProOptions,\n} from './LineChartComparisonDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\n\ntype LineChartComparisonDefaultProProps = {\n  description: string;\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reverseXAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showValueLabels: boolean;\n  title: string;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  comparisonPeriod?: string;\n  comparisonDateRange: TimeRange;\n  showComparisonAxis: boolean;\n  primaryDateRange: TimeRange;\n  setComparisonDateRange: (dateRange: TimeRange) => void;\n  onLineClicked: LineChartProOptionsClick;\n};\n\nconst LineChartComparisonDefaultPro = (props: LineChartComparisonDefaultProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    comparisonPeriod,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    primaryDateRange,\n    comparisonDateRange,\n    showComparisonAxis,\n    setComparisonDateRange,\n    onLineClicked,\n  } = props;\n\n  useEffect(() => {\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const results = useFillGaps({ results: props.results, dimension: xAxis });\n\n  const resultsComparison = useFillGaps({\n    results: props.resultsComparison,\n    dimension: xAxis,\n    externalDateBounds: comparisonDateRange,\n  });\n\n  const showDataComparison = Boolean(primaryDateRange && comparisonPeriod);\n  const data = getLineChartComparisonProData(\n    {\n      data: results.data,\n      dataComparison: showDataComparison ? (resultsComparison?.data ?? []) : undefined,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n\n  const options = getLineChartComparisonProOptions(\n    {\n      data: data,\n      dimension: xAxis,\n      measures,\n      xAxisLabel,\n      showComparisonAxis,\n      showDataComparison,\n      onLineClicked,\n    },\n    theme,\n  );\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [...(results.data ?? []), ...(resultsComparison?.data ?? [])],\n  };\n\n  return (\n    <ChartCard\n      data={resultsCombined}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error || resultsComparison?.error}\n      subtitle={description}\n      title={title}\n    >\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartComparisonDefaultPro;\n"],"names":["AXIS_ID_MAIN","AXIS_ID_COMPARISON","getLineChartComparisonDataset","props","theme","data","measure","dimension","index","isPreviousPeriod","hasMinMaxYAxisRange","labels","datasetLabels","item","zeroFill","_a","processedData","label","found","themeFormatter","getThemeFormatter","themeKey","getObjectStableKey","isLineDashed","_b","chartContrastColors","getChartContrastColors","lineColorTemp","_c","lineColor","isColorValid","getColor","rawLabel","i18n","setColorAlpha","getStyleNumber","_d","getLineChartComparisonProData","dataComparison","measures","originalDatasets","comparisonDatasets","getLineChartComparisonNonTimeOptions","options","xAxisLabel","legendItem","chartData","dataset","value","context","raw","getChartjsAxisOptionsScalesTitle","getChartjsAxisOptionsScalesTicksDefault","getLineChartComparisonTimeOptions","showComparisonAxis","showDataComparison","mainDimensionLabels","ds","comparisonDimensionLabels","contextItem","dataIndex","main","comparison","comparisonLabel","getLineChartComparisonProOptions","onLineClicked","getOptions","mergician","getLineChartProOptions","LineChartComparisonDefaultPro","useTheme","i18nSetup","title","description","yAxisLabel","resolveI18nProps","comparisonPeriod","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","primaryDateRange","comparisonDateRange","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","results","useFillGaps","resultsComparison","resultsCombined","jsx","ChartCard","LineChart"],"mappings":"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"}

package/dist/{index-Bk1YIZZf.js → index-33BWxRVA.js}

@@ -1,8 +1,8 @@
-import { j as a, K as f } from "./index-DjwSlZQY.js";
+import { j as a, K as f } from "./index-CIy-fCZE.js";
 import { useTheme as h } from "@embeddable.com/react";
-import { a as j, r as x } from "./component.constants-DmK3uQGY.js";
-import { C as b } from "./ChartCard-uZBftDKk.js";
-import { g } from "./formatter.utils-DCDukEZ9.js";
+import { a as j, r as x } from "./component.constants-5pSEkTqN.js";
+import { C as b } from "./ChartCard-F1fMKsD4.js";
+import { g } from "./formatter.utils-CU02gBE5.js";
 const v = (m) => {
   var o, s;
   const r = h();
@@ -27,4 +27,4 @@ export {
   v as K,
   z as i
 };
-//# sourceMappingURL=index-Bk1YIZZf.js.map
+//# sourceMappingURL=index-33BWxRVA.js.map

package/dist/{index-Bk1YIZZf.js.map → index-33BWxRVA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Bk1YIZZf.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype KpiChartNumberProProp = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measure: Measure;\n  fontSize: number;\n};\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, results, measure, fontSize } = resolveI18nProps(props);\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart value={value} valueFormatter={valueFormatter} valueFontSize={fontSize} />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","results","measure","fontSize","resolveI18nProps","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","jsx","ChartCard","KpiChart"],"mappings":";;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAE3EU,KAAQC,KAAAC,IAAAN,EAAQ,SAAR,gBAAAM,EAAe,OAAf,gBAAAD,EAAoBJ,EAAQ,OAEpCM,IAAiBC,EAAkBb,CAAK,GACxCc,IAAiB,CAACC,MAA0BH,EAAe,KAAKN,GAASS,CAAa;AAE5F,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,uBAAuB,CAACC,CAAO;AAAA,MAC/B,cAAcD,EAAQ;AAAA,MACtB,UAAUD;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAa,gBAAAA,EAAAA,IAACE,GAAA,EAAS,OAAAT,GAAc,gBAAAK,GAAgC,eAAeP,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGvF;;;;"}
+{"version":3,"file":"index-33BWxRVA.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\ntype KpiChartNumberProProp = {\n  title: string;\n  description: string;\n  results: DataResponse;\n  measure: Measure;\n  fontSize: number;\n};\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, results, measure, fontSize } = resolveI18nProps(props);\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <KpiChart value={value} valueFormatter={valueFormatter} valueFontSize={fontSize} />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","results","measure","fontSize","resolveI18nProps","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","jsx","ChartCard","KpiChart"],"mappings":";;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,SAAAC,GAAS,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAE3EU,KAAQC,KAAAC,IAAAN,EAAQ,SAAR,gBAAAM,EAAe,OAAf,gBAAAD,EAAoBJ,EAAQ,OAEpCM,IAAiBC,EAAkBb,CAAK,GACxCc,IAAiB,CAACC,MAA0BH,EAAe,KAAKN,GAASS,CAAa;AAE5F,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,uBAAuB,CAACC,CAAO;AAAA,MAC/B,cAAcD,EAAQ;AAAA,MACtB,UAAUD;AAAA,MACV,OAAAD;AAAA,MAEA,UAAAa,gBAAAA,EAAAA,IAACE,GAAA,EAAS,OAAAT,GAAc,gBAAAK,GAAgC,eAAeP,EAAA,CAAU;AAAA,IAAA;AAAA,EAAA;AAGvF;;;;"}

package/dist/{index-C6oyYlMu.js → index-6ZmZRk63.js}

@@ -1,9 +1,9 @@
-import { T as x, c as r, u as C, i as F, k as W, j as H, n as G, o as U } from "./index-DjwSlZQY.js";
+import { T as x, e as r, u as C, k as F, n as W, j as H, o as G, p as U } from "./index-CIy-fCZE.js";
 import { useTheme as V } from "@embeddable.com/react";
-import { a as q, r as B, i as J } from "./component.constants-DmK3uQGY.js";
-import { C as K } from "./ChartCard-uZBftDKk.js";
+import { a as q, r as B, i as J } from "./component.constants-5pSEkTqN.js";
+import { C as K } from "./ChartCard-F1fMKsD4.js";
 import { useState as y, useRef as Q, useCallback as X, useEffect as g } from "react";
-import { g as Y } from "./formatter.utils-DCDukEZ9.js";
+import { g as Y } from "./formatter.utils-CU02gBE5.js";
 const Z = (e) => {
   var a;
   const t = (a = e.inputs) == null ? void 0 : a.align;
@@ -64,7 +64,7 @@ const ie = (e) => {
     state: d,
     setState: f,
     onRowClicked: v
-  } = e, [w, T] = y(d.sort), L = M({ dimensionsAndMeasures: b, displayNullAs: j }, t), R = (l == null ? void 0 : l.data) || [], _ = O({ rows: R, clickDimension: D }), S = Q(null), { height: E } = C(S), u = F({
+  } = e, [w, T] = y(d.sort), L = M({ dimensionsAndMeasures: b, displayNullAs: j }, t), p = (l == null ? void 0 : l.data) || [], _ = O({ rows: p, clickDimension: D }), S = Q(null), { height: E } = C(S), u = F({
     availableHeight: E,
     headerHeight: te,
     rowHeight: ae,
@@ -86,16 +86,16 @@ const ie = (e) => {
       theme: t
     });
   }, z = (n) => {
-    var p;
+    var k;
     if (!D) return;
-    const h = (p = R[n]) == null ? void 0 : p[D.name];
+    const h = (k = p[n]) == null ? void 0 : k[D.name];
     v(h);
-  }, k = W(o);
+  }, R = W(o);
   return g(() => {
     ee(d.sort, w) && T(d.sort);
   }, [d.sort]), g(() => {
-    k({ sort: w });
-  }, [w, k]), g(() => {
+    R({ sort: w });
+  }, [w, R]), g(() => {
     u && o({ pageSize: u });
   }, [u, o]), g(() => {
     f((n) => ({
@@ -158,4 +158,4 @@ export {
   Z as g,
   ue as i
 };
-//# sourceMappingURL=index-C6oyYlMu.js.map
+//# sourceMappingURL=index-6ZmZRk63.js.map

package/dist/{index-C6oyYlMu.js.map → index-6ZmZRk63.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C6oyYlMu.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'number':\n    case 'boolean':\n    case 'time':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n    id: dimOrMeas.name,\n    title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n    accessor: (row: any) => {\n      if (row[dimOrMeas.name] == null) {\n        return props.displayNullAs ?? '';\n      }\n      return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n    },\n    minWidth: getTableHeaderMinWidth(dimOrMeas),\n    align: getTableHeaderAlign(dimOrMeas),\n  }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useDebounce,\n  useResizeObserver,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n  sort: TableChartPaginatedProState['sort'],\n  sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n  const changed =\n    sort?.id !== sortToCompare?.id ||\n    sort?.direction !== sortToCompare?.direction ||\n    (!sort && !!sortToCompare) ||\n    (!!sort && !sortToCompare);\n\n  return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n  hasTotalResults: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n  description: string;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  embeddableState: TableChartPaginatedProState;\n  results: DataResponse;\n  showIndex: boolean;\n  state: TableChartPaginatedProState;\n  title: string;\n  totalResults?: DataResponse;\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const [localSort, setLocalSort] = useState(state.sort);\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n  // Sync local sort with embeddable state\n  useEffect(() => {\n    if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.sort]);\n\n  // Debounce sort updates to embeddable state\n  useEffect(() => {\n    debouncedUpdateState({ sort: localSort });\n  }, [localSort, debouncedUpdateState]);\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    setState((prevState) => ({\n      ...prevState,\n      hasTotalResults: false,\n    }));\n  }, [dimensionsAndMeasures, pageSize]);\n\n  useEffect(() => {\n    if (totalResults?.total) {\n      setState((prevState) => ({\n        ...prevState,\n        hasTotalResults: true,\n      }));\n    }\n  }, [totalResults]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={state.page}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: state.page + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={localSort}\n        onSortChange={(newSort) => {\n          setLocalSort(newSort as TableChartPaginatedProState['sort']);\n        }}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","description","title","resolveI18nProps","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}
+{"version":3,"file":"index-6ZmZRk63.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'number':\n    case 'boolean':\n    case 'time':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n    id: dimOrMeas.name,\n    title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n    accessor: (row: any) => {\n      if (row[dimOrMeas.name] == null) {\n        return props.displayNullAs ?? '';\n      }\n      return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n    },\n    minWidth: getTableHeaderMinWidth(dimOrMeas),\n    align: getTableHeaderAlign(dimOrMeas),\n  }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useDebounce,\n  useResizeObserver,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n  sort: TableChartPaginatedProState['sort'],\n  sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n  const changed =\n    sort?.id !== sortToCompare?.id ||\n    sort?.direction !== sortToCompare?.direction ||\n    (!sort && !!sortToCompare) ||\n    (!!sort && !sortToCompare);\n\n  return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n  hasTotalResults: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n  description: string;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  embeddableState: TableChartPaginatedProState;\n  results: DataResponse;\n  showIndex: boolean;\n  state: TableChartPaginatedProState;\n  title: string;\n  totalResults?: DataResponse;\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const [localSort, setLocalSort] = useState(state.sort);\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n  // Sync local sort with embeddable state\n  useEffect(() => {\n    if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.sort]);\n\n  // Debounce sort updates to embeddable state\n  useEffect(() => {\n    debouncedUpdateState({ sort: localSort });\n  }, [localSort, debouncedUpdateState]);\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    setState((prevState) => ({\n      ...prevState,\n      hasTotalResults: false,\n    }));\n  }, [dimensionsAndMeasures, pageSize]);\n\n  useEffect(() => {\n    if (totalResults?.total) {\n      setState((prevState) => ({\n        ...prevState,\n        hasTotalResults: true,\n      }));\n    }\n  }, [totalResults]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={state.page}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: state.page + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={localSort}\n        onSortChange={(newSort) => {\n          setLocalSort(newSort as TableChartPaginatedProState['sort']);\n        }}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","description","title","resolveI18nProps","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}

package/dist/{index-C23J5jXR.js → index-B524G8aR.js}

@@ -1,8 +1,8 @@
-import { m as x, j as m, P as S } from "./index-DjwSlZQY.js";
+import { m as x, j as m, P as S } from "./index-CIy-fCZE.js";
 import { useTheme as b } from "@embeddable.com/react";
-import { g as v, a as _ } from "./pies.utils-Zw1lwwC4.js";
-import { a as k, r as w } from "./component.constants-DmK3uQGY.js";
-import { C as L } from "./ChartCard-uZBftDKk.js";
+import { g as v, a as _ } from "./pies.utils-ZhJMIog5.js";
+import { a as k, r as w } from "./component.constants-5pSEkTqN.js";
+import { C as L } from "./ChartCard-F1fMKsD4.js";
 const M = (d) => {
   var r;
   const e = b();
@@ -59,4 +59,4 @@ export {
   M as P,
   z as i
 };
-//# sourceMappingURL=index-C23J5jXR.js.map
+//# sourceMappingURL=index-B524G8aR.js.map

package/dist/{index-C23J5jXR.js.map → index-B524G8aR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-C23J5jXR.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAACC,MAA4B;;AAC/C,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,gBAAb,gBAAAmB,EAA0B,YAAW,CAAA;AAAA,EAAC,GAGlCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-B524G8aR.js","sources":["../src/components/charts/pies/PieChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.pieChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <PieChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","PieChart"],"mappings":";;;;;AAYA,MAAMA,IAAc,CAACC,MAA4B;;AAC/C,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,IAAOC;AAAA,IACX,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIgB,IAAUC;AAAA,IACdC,EAAsBZ,GAASN,CAAK;AAAA,MACpCmB,IAAAnB,EAAM,OAAO,gBAAb,gBAAAmB,EAA0B,YAAW,CAAA;AAAA,EAAC,GAGlCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAR;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBU;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-CFoVL8LS.js → index-B_zyCSBJ.js}

@@ -1,9 +1,9 @@
-import { m as M, j as u, D as _ } from "./index-DjwSlZQY.js";
+import { m as M, j as u, D as _ } from "./index-CIy-fCZE.js";
 import { useTheme as k } from "@embeddable.com/react";
-import { g as w, a as O } from "./pies.utils-Zw1lwwC4.js";
-import { g as y } from "./formatter.utils-DCDukEZ9.js";
-import { a as F, r as V } from "./component.constants-DmK3uQGY.js";
-import { C as z } from "./ChartCard-uZBftDKk.js";
+import { g as w, a as O } from "./pies.utils-ZhJMIog5.js";
+import { g as y } from "./formatter.utils-CU02gBE5.js";
+import { a as F, r as V } from "./component.constants-5pSEkTqN.js";
+import { C as z } from "./ChartCard-F1fMKsD4.js";
 const A = (p) => {
   var n, i, m;
   const e = k(), h = y(e);
@@ -68,4 +68,4 @@ export {
   A as D,
   H as i
 };
-//# sourceMappingURL=index-CFoVL8LS.js.map
+//# sourceMappingURL=index-B_zyCSBJ.js.map

package/dist/{index-CFoVL8LS.js.map → index-B_zyCSBJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CFoVL8LS.js","sources":["../src/components/charts/pies/DonutLabelChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    innerLabelMeasure,\n    resultsInnerLabel,\n    innerLabelText,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","innerLabelMeasure","resultsInnerLabel","innerLabelText","onSegmentClick","resolveI18nProps","data","getPieChartProData","handleSegmentClick","index","_b","_a","label","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","DonutChart"],"mappings":";;;;;;AAkBA,MAAMA,IAAgB,CAACC,MAAmC;;AACxD,QAAMC,IAAQC,EAAA,GACRC,IAAiBC,EAAkBH,CAAK;AAC9C,EAAAI,EAAUJ,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAK;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAOC;AAAA,IACX,EAAE,MAAMX,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CP;AAAA,EAAA,GAGIqB,IAAqB,CAACC,MAA8B;;AACxD,IAAAL,EAAe;AAAA,MACb,gBAAgBK,MAAU,WAAwBC,KAAAC,IAAAf,EAAQ,SAAR,gBAAAe,EAAeF,OAAf,OAAZ,SAAYC,EAAwBjB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH,GAEMmB,IAAQvB,EAAe;AAAA,IAC3BY;AAAA,KACAS,KAAAC,IAAAT,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAS,EAA0B,OAA1B,gBAAAD,EAA+BT,EAAkB;AAAA,EAAI,GAGjDY,IAAUC;AAAA,IACdC,EAAsBpB,GAASR,CAAK;AAAA,MACpC6B,IAAA7B,EAAM,OAAO,uBAAb,gBAAA6B,EAAiC,YAAW,CAAA;AAAA,EAAC;AAG/C,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMtB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAP;AAAA,UACA,UAAUT;AAAA,UACV,MAAAG;AAAA,UACA,SAAAO;AAAA,UACA,YAAAhB;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBS;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-B_zyCSBJ.js","sources":["../src/components/charts/pies/DonutLabelChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutLabelChartProProps = DefaultPieChartProps & {\n  innerLabelMeasure: Measure;\n  innerLabelText: string;\n  resultsInnerLabel: DataResponse;\n};\n\nconst DonutChartPro = (props: DonutLabelChartProProps) => {\n  const theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    innerLabelMeasure,\n    resultsInnerLabel,\n    innerLabelText,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  const label = themeFormatter.data(\n    innerLabelMeasure,\n    resultsInnerLabel?.data?.[0]?.[innerLabelMeasure.name],\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutLabelChartPro?.options ?? {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <DonutChart\n        label={label}\n        subLabel={innerLabelText}\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","themeFormatter","getThemeFormatter","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","innerLabelMeasure","resultsInnerLabel","innerLabelText","onSegmentClick","resolveI18nProps","data","getPieChartProData","handleSegmentClick","index","_b","_a","label","options","mergician","getPieChartProOptions","_c","jsx","ChartCard","DonutChart"],"mappings":";;;;;;AAkBA,MAAMA,IAAgB,CAACC,MAAmC;;AACxD,QAAMC,IAAQC,EAAA,GACRC,IAAiBC,EAAkBH,CAAK;AAC9C,EAAAI,EAAUJ,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAK;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpBoB,IAAOC;AAAA,IACX,EAAE,MAAMX,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CP;AAAA,EAAA,GAGIqB,IAAqB,CAACC,MAA8B;;AACxD,IAAAL,EAAe;AAAA,MACb,gBAAgBK,MAAU,WAAwBC,KAAAC,IAAAf,EAAQ,SAAR,gBAAAe,EAAeF,OAAf,OAAZ,SAAYC,EAAwBjB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH,GAEMmB,IAAQvB,EAAe;AAAA,IAC3BY;AAAA,KACAS,KAAAC,IAAAT,KAAA,gBAAAA,EAAmB,SAAnB,gBAAAS,EAA0B,OAA1B,gBAAAD,EAA+BT,EAAkB;AAAA,EAAI,GAGjDY,IAAUC;AAAA,IACdC,EAAsBpB,GAASR,CAAK;AAAA,MACpC6B,IAAA7B,EAAM,OAAO,uBAAb,gBAAA6B,EAAiC,YAAW,CAAA;AAAA,EAAC;AAG/C,SACEC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMtB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,OAAAP;AAAA,UACA,UAAUT;AAAA,UACV,MAAAG;AAAA,UACA,SAAAO;AAAA,UACA,YAAAhB;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBS;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-BuBPj3by.js → index-BsOU6A4h.js}

@@ -1,8 +1,8 @@
-import { j as i, M } from "./index-DjwSlZQY.js";
-import { g as b } from "./formatter.utils-DCDukEZ9.js";
+import { j as i, M } from "./index-CIy-fCZE.js";
+import { g as b } from "./formatter.utils-CU02gBE5.js";
 import { useTheme as O } from "@embeddable.com/react";
-import { E as j } from "./EditorCard-B95YC3pz.js";
-import { r as x, i as v } from "./component.constants-DmK3uQGY.js";
+import { E as j } from "./EditorCard-CXmogrdI.js";
+import { r as x, i as v } from "./component.constants-5pSEkTqN.js";
 const F = 200, _ = (l) => {
   var a, r;
   const m = O(), c = b(m), {
@@ -43,4 +43,4 @@ export {
   _ as a,
   C as i
 };
-//# sourceMappingURL=index-BuBPj3by.js.map
+//# sourceMappingURL=index-BsOU6A4h.js.map

package/dist/{index-BuBPj3by.js.map → index-BsOU6A4h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BuBPj3by.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues: string[];\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValues","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues"],"mappings":";;;;;AASO,MAAMA,IAAc,KAerBC,IAAsB,CAACC,MAAoC;;AAC/D,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GACxC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,WAAWZ,EAAQ;AAAA,MACnB,QAAQC,KAAkB,CAAA;AAAA,MAC1B,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAcX,KAAA,gBAAAA,EAAWW;AAAA,MACpC,UAAUZ;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;;;;"}
+{"version":3,"file":"index-BsOU6A4h.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues: string[];\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n};\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValues","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues"],"mappings":";;;;;AASO,MAAMA,IAAc,KAerBC,IAAsB,CAACC,MAAoC;;AAC/D,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GACxC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,WAAWZ,EAAQ;AAAA,MACnB,QAAQC,KAAkB,CAAA;AAAA,MAC1B,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAcX,KAAA,gBAAAA,EAAWW;AAAA,MACpC,UAAUZ;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;;;;"}

package/dist/{index-BEM0olHp.js → index-BvBc86AB.js}

@@ -1,8 +1,8 @@
-import { m as y, j as m, B as L } from "./index-DjwSlZQY.js";
+import { m as y, j as m, B as L } from "./index-CIy-fCZE.js";
 import { useTheme as P } from "@embeddable.com/react";
-import { a as k, r as w } from "./component.constants-DmK3uQGY.js";
-import { C as z } from "./ChartCard-uZBftDKk.js";
-import { g as M, b as T } from "./bars.utils-BHrcAtuH.js";
+import { a as k, r as w } from "./component.constants-5pSEkTqN.js";
+import { C as z } from "./ChartCard-F1fMKsD4.js";
+import { g as M, b as T } from "./bars.utils-g15uj8cH.js";
 import { u as _ } from "./charts.fillGaps.hooks-Dd-VYdOE.js";
 const v = (r) => {
   var n, l;
@@ -80,4 +80,4 @@ export {
   v as B,
   G as i
 };
-//# sourceMappingURL=index-BEM0olHp.js.map
+//# sourceMappingURL=index-BvBc86AB.js.map

package/dist/{index-BEM0olHp.js.map → index-BvBc86AB.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BEM0olHp.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACrB,CAAO,GAAG,YAAY,IAAM,cAAAa,GAAc,MAAAI,GAAM,WAAWT,EAAA;AAAA,MACxEb;AAAA,IAAA;AAAA,MAEF2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,UACA,SAAO;AAAA,UACP,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;;;;"}
+{"version":3,"file":"index-BvBc86AB.js","sources":["../src/components/charts/bars/BarChartStackedHorizontalPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartHorizontalStackedProProps = {\n  description: string;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis: boolean;\n  showLegend: boolean;\n  showLogarithmicScale: boolean;\n  showTooltips: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels: boolean;\n  title: string;\n  yAxis: Dimension;\n  xAxisLabel: string;\n  yAxisLabel: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  onBarClicked: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n};\n\nconst BarChartHorizontalStackedPro = (props: BarChartHorizontalStackedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    title,\n    yAxis,\n    xAxisLabel,\n    yAxisLabel,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartStackedHorizontalPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      subtitle={description}\n      title={title}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        stacked\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartHorizontalStackedPro;\n"],"names":["BarChartHorizontalStackedPro","props","theme","useTheme","i18nSetup","description","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","title","yAxis","xAxisLabel","yAxisLabel","xAxisRangeMax","xAxisRangeMin","onBarClicked","resolveI18nProps","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBpB,CAAK,GAEpBqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKuB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWP;AAAA,MACX,gBAAgBT;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFL;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACrB,CAAO,GAAG,YAAY,IAAM,cAAAa,GAAc,MAAAI,GAAM,WAAWT,EAAA;AAAA,MACxEb;AAAA,IAAA;AAAA,MAEF2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACf,GAASQ,GAAOT,CAAO;AAAA,MAC/C,cAAcgB,EAAQ;AAAA,MACtB,UAAUjB;AAAA,MACV,OAAAS;AAAA,MAEA,UAAAiB,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAf;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAE;AAAA,UACA,sBAAAH;AAAA,UACA,YAAAM;AAAA,UACA,YAAAC;AAAA,UACA,cAAAT;AAAA,UACA,eAAAW;AAAA,UACA,eAAAD;AAAA,UACA,iBAAAN;AAAA,UACA,SAAAc;AAAA,UACA,SAAO;AAAA,UACP,YAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-CbWn6WMr.js → index-By4dAXWS.js}

@@ -1,8 +1,8 @@
-import { m as y, j as m, B as L } from "./index-DjwSlZQY.js";
+import { m as y, j as m, B as L } from "./index-CIy-fCZE.js";
 import { useTheme as P } from "@embeddable.com/react";
-import { a as k, r as w } from "./component.constants-DmK3uQGY.js";
-import { C as M } from "./ChartCard-uZBftDKk.js";
-import { g as T, b as _ } from "./bars.utils-BHrcAtuH.js";
+import { a as k, r as w } from "./component.constants-5pSEkTqN.js";
+import { C as M } from "./ChartCard-F1fMKsD4.js";
+import { g as T, b as _ } from "./bars.utils-g15uj8cH.js";
 import { u as v } from "./charts.fillGaps.hooks-Dd-VYdOE.js";
 const O = (s) => {
   var n, l;
@@ -79,4 +79,4 @@ export {
   O as B,
   I as i
 };
-//# sourceMappingURL=index-CbWn6WMr.js.map
+//# sourceMappingURL=index-By4dAXWS.js.map