@embeddable.com/remarkable-pro 0.1.12 → 0.1.14

package/dist/TableScrollable.js

@@ -1,118 +1,9 @@
-import { V as D, l as m, m as g } from "./Color.type.emb-Bon3x9VC.js";
-import { definePreview as w, defineComponent as A } from "@embeddable.com/react";
-import { a as u, T as t } from "./index-C2Wozewk.js";
-import { i as n, s as a } from "./component.inputs.constants-DX8nFR6c.js";
-import { p as s } from "./preview.data.constants-BeVHkWI3.js";
-const M = {
-  name: "TableScrollable",
-  label: "Table Chart - Scrollable",
-  category: "Table Charts",
-  inputs: [
-    n.dataset,
-    {
-      ...n.dimensionsAndMeasures,
-      label: "Columns",
-      inputs: [
-        ...n.dimensionsAndMeasures.inputs,
-        a.width,
-        a.align,
-        a.displayFormat,
-        a.tableCellStyle
-      ]
-    },
-    n.title,
-    n.description,
-    n.tooltip,
-    {
-      ...n.boolean,
-      name: "showIndex",
-      label: "Show index column",
-      defaultValue: !0,
-      category: "Component Settings"
-    },
-    n.displayNullAs,
-    { ...n.maxResults, label: "Max results to download" },
-    {
-      ...n.dimensionSimple,
-      label: "Dimension to set on click",
-      name: "clickDimension",
-      category: "Data mapping for interactions",
-      required: !1
-    }
-  ],
-  events: [
-    {
-      name: "onRowClicked",
-      label: "A row is clicked",
-      properties: [
-        {
-          name: "rowDimensionValue",
-          label: "Clicked row dimension value",
-          type: "string"
-        }
-      ]
-    }
-  ]
-}, T = w(u, {
-  dimensionsAndMeasures: [s.dimension, s.dimensionGroup, s.measure],
-  results: s.results1Measure2Dimensions,
-  dataset: s.dataset,
-  hideMenu: !0
-}), c = {
-  page: 0,
-  sort: void 0,
-  isLoadingDownloadData: !1
-}, L = A(u, M, {
-  /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (o, [e, p]) => {
-    const r = o.dimensionsAndMeasures.find(
-      (l) => {
-        var i;
-        return l.name === ((i = e == null ? void 0 : e.sort) == null ? void 0 : i.id);
-      }
-    ), d = r && (e != null && e.sort) ? [
-      {
-        property: r,
-        direction: e.sort.direction
-      }
-    ] : [], b = o.dimensionsAndMeasures.some(
-      (l) => {
-        var i;
-        return l.name === ((i = o.clickDimension) == null ? void 0 : i.name);
-      }
-    ), f = [
-      ...o.dimensionsAndMeasures,
-      ...b ? [] : [o.clickDimension]
-    ];
-    return {
-      ...o,
-      state: g(c, e ?? {}),
-      // Merge with default state
-      setState: p,
-      results: m({
-        from: o.dataset,
-        select: f,
-        offset: (e != null && e.page ? e.page : c.page) * t,
-        limit: t,
-        orderBy: d
-      }),
-      allResults: e != null && e.isLoadingDownloadData ? m({
-        from: o.dataset,
-        select: o.dimensionsAndMeasures,
-        orderBy: d,
-        limit: o.maxResults
-      }) : void 0
-    };
-  },
-  events: {
-    onRowClicked: (o) => ({
-      rowDimensionValue: o !== void 0 ? o : D.noFilter()
-    })
-  }
-});
+import { defineComponent as o } from "@embeddable.com/react";
+import { t as e } from "./definition-D7mkYIUq.js";
+const m = e.preview, t = e.meta, n = o(e.Component, t, e.config);
 export {
-  L as default,
-  M as meta,
-  T as preview
+  n as default,
+  t as meta,
+  m as preview
 };
 //# sourceMappingURL=TableScrollable.js.map

package/dist/TableScrollable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableScrollable.js","sources":["../src/components/charts/tables/TableScrollable/TableScrollable.emb.ts"],"sourcesContent":["import { loadData, OrderBy, Value } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport TableScrollableChart, {\n  TableScrollableProOnRowClickArg,\n  TableScrollableProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { TABLE_SCROLLABLE_SIZE } from './TableScrollable.utils';\nimport { previewData } from '../../../preview.data.constants';\n\nexport const meta = {\n  name: 'TableScrollable',\n  label: 'Table Chart - Scrollable',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.displayFormat,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data mapping for interactions',\n      required: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked row dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport const preview = definePreview(TableScrollableChart, {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: previewData.results1Measure2Dimensions,\n  dataset: previewData.dataset,\n  hideMenu: true,\n});\n\nconst defaultState: TableScrollableProState = {\n  page: 0,\n  sort: undefined,\n  isLoadingDownloadData: false,\n};\n\nexport default defineComponent(TableScrollableChart, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [TableScrollableProState, (state: TableScrollableProState) => void],\n  ) => {\n    const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n      (x) => x.name === state?.sort?.id,\n    );\n\n    const orderBy: OrderBy[] =\n      orderDimensionAndMeasure && state?.sort\n        ? [\n            {\n              property: orderDimensionAndMeasure,\n              direction: state.sort.direction,\n            },\n          ]\n        : [];\n\n    const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n      (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n    );\n\n    const dimensionsAndMeasuresToLoad = [\n      ...inputs.dimensionsAndMeasures,\n      ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n    ];\n\n    return {\n      ...inputs,\n\n      state: mergician(defaultState, state ?? {}), // Merge with default state\n      setState,\n\n      results: loadData({\n        from: inputs.dataset,\n        select: dimensionsAndMeasuresToLoad,\n        offset: (state?.page ? state.page : defaultState.page) * TABLE_SCROLLABLE_SIZE,\n        limit: TABLE_SCROLLABLE_SIZE,\n        orderBy,\n      }),\n\n      allResults: state?.isLoadingDownloadData\n        ? loadData({\n            from: inputs.dataset,\n            select: inputs.dimensionsAndMeasures,\n            orderBy,\n            limit: inputs.maxResults,\n          })\n        : undefined,\n    };\n  },\n  events: {\n    onRowClicked: (rowDimensionValue: TableScrollableProOnRowClickArg) => {\n      return {\n        rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","preview","definePreview","TableScrollableChart","previewData","defaultState","TableScrollable_emb","defineComponent","state","setState","orderDimensionAndMeasure","x","_a","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","TABLE_SCROLLABLE_SIZE","rowDimensionValue","Value"],"mappings":"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"}
+{"version":3,"file":"TableScrollable.js","sources":["../src/components/charts/tables/TableScrollable/TableScrollable.emb.ts"],"sourcesContent":["import { defineComponent } from '@embeddable.com/react';\nimport { tableScrollable } from './definition';\n\nexport const preview = tableScrollable.preview;\n\nexport const meta = tableScrollable.meta;\n\n// @ts-expect-error - to be fixed in @embeddable.com/react\nexport default defineComponent(tableScrollable.Component, meta, tableScrollable.config);\n"],"names":["preview","tableScrollable","meta","TableScrollable_emb","defineComponent"],"mappings":";;AAGO,MAAMA,IAAUC,EAAgB,SAE1BC,IAAOD,EAAgB,MAGpCE,IAAeC,EAAgBH,EAAgB,WAAWC,GAAMD,EAAgB,MAAM;"}

package/dist/{bars.utils-Cg5WRRVr.js → bars.utils-KAfWV1-z.js}

@@ -1,6 +1,6 @@
-import { a as D, b as M } from "./Color.type.emb-Bon3x9VC.js";
-import { r as O, h as T } from "./charts.utils-rBg2kZLJ.js";
-import { g as f } from "./preview.data.constants-BeVHkWI3.js";
+import { g as D, a as M } from "./Color.type.emb-BBdbJHvt.js";
+import { r as O, h as T } from "./charts.utils-DqZruys0.js";
+import { g as f } from "./preview.data.constants-D0uQPYd1.js";
 import { a as C } from "./styles.utils-BfpH_m_W.js";
 const _ = (s, d) => {
   var g;
@@ -151,4 +151,4 @@ export {
   _ as b,
   E as g
 };
-//# sourceMappingURL=bars.utils-Cg5WRRVr.js.map
+//# sourceMappingURL=bars.utils-KAfWV1-z.js.map

package/dist/{bars.utils-Cg5WRRVr.js.map → bars.utils-KAfWV1-z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bars.utils-Cg5WRRVr.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.nativeType === CUBE_DIMENSION_TYPE_TIME && groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const chartColors = getChartColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'background',\n      value: `${groupDimension.name}.${groupByItem}`,\n      index,\n      chartColors,\n    });\n\n    const borderColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'border',\n      value: `${groupDimension.name}.${groupByItem}`,\n      index,\n      chartColors,\n    });\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'background',\n        value: measure.name,\n        index,\n        chartColors,\n      });\n\n      const borderColor = getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'border',\n        value: measure.name,\n        index,\n        chartColors,\n      });\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked?: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\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 label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onBarClicked) return;\n\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getDimensionMeasureColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}
+{"version":3,"file":"bars.utils-KAfWV1-z.js","sources":["../src/components/charts/bars/bars.utils.ts"],"sourcesContent":["import { CUBE_DIMENSION_TYPE_TIME, DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { groupTailAsOther } from '../charts.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { Context } from 'chartjs-plugin-datalabels';\n\nexport const getBarStackedChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n  },\n  theme: Theme,\n): ChartData<'bar'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupDimensionName = `${groupDimension.name}${groupDimension.nativeType === CUBE_DIMENSION_TYPE_TIME && groupDimension.inputs?.granularity ? `.${groupDimension.inputs.granularity}` : ''}`;\n  const groupBy = [...new Set(data.map((d) => d[groupDimensionName]))].filter((d) => d != null);\n\n  const chartColors = getChartColors();\n  const datasets = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'background',\n      value: `${groupDimension.name}.${groupByItem}`,\n      index,\n      chartColors,\n    });\n\n    const borderColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'border',\n      value: `${groupDimension.name}.${groupByItem}`,\n      index,\n      chartColors,\n    });\n\n    return {\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor,\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimensionName] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record ? Number(record[measure.name]) : 0;\n      }),\n    };\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getBarChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    maxItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'bar'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n  const groupedData = groupTailAsOther(props.data, props.dimension, props.measures, props.maxItems);\n  const chartColors = getChartColors();\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const backgroundColor = getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'background',\n        value: measure.name,\n        index,\n        chartColors,\n      });\n\n      const borderColor = getDimensionMeasureColor({\n        dimensionOrMeasure: measure,\n        theme,\n        color: 'border',\n        value: measure.name,\n        index,\n        chartColors,\n      });\n\n      return {\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: groupedData.map((item) => item[measure.name] ?? 0),\n        backgroundColor,\n        borderColor,\n      };\n    }),\n  };\n};\n\nconst getBarChartProDatalabelTotalFormatter = (\n  context: Context,\n  formatter: (value: number) => string,\n) => {\n  const { datasets } = context.chart.data;\n  const i = context.dataIndex;\n\n  const total = datasets.reduce((sum, ds) => {\n    const val = ds.data[i] as number;\n    return sum + (val || 0);\n  }, 0);\n\n  return formatter(total);\n};\n\nexport const getBarChartProOptions = (\n  options: {\n    onBarClicked?: (args: {\n      axisDimensionValue: string | null;\n      groupingDimensionValue: string | null;\n    }) => void;\n    measures: Measure[];\n    dimension: Dimension;\n    horizontal: boolean;\n    data: ChartData<'bar'>;\n  },\n  theme: Theme,\n): Partial<ChartOptions<'bar'>> => {\n  const { onBarClicked, measures, dimension, horizontal, data } = options;\n\n  const themeFormatter = getThemeFormatter(theme);\n  return {\n    plugins: {\n      legend: { position: theme.charts.legendPosition ?? 'bottom' },\n      datalabels: {\n        labels: {\n          total: {\n            formatter: (_value: string | number, context: Context) =>\n              getBarChartProDatalabelTotalFormatter(context, (value: number) =>\n                themeFormatter.data(measures[0]!, value),\n              ),\n          },\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 label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex % measures.length]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            if (!horizontal) {\n              return themeFormatter.data(measures[0]!, value);\n            }\n            if (!data || !data.labels) return undefined;\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onBarClicked) return;\n\n      const element = elements[0];\n      const axisDimensionValue = (element ? chart.data.labels![element.index] : null) as\n        | string\n        | null;\n      const groupingDimensionValue = (\n        element\n          ? (chart.data.datasets[element.datasetIndex] as { rawLabel?: string | null })?.rawLabel\n          : null\n      ) as string | null;\n\n      onBarClicked({\n        axisDimensionValue,\n        groupingDimensionValue,\n      });\n    },\n  };\n};\n"],"names":["getBarStackedChartProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","axis","d","groupDimensionName","CUBE_DIMENSION_TYPE_TIME","_a","groupBy","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getDimensionMeasureColor","borderColor","axisItem","record","getBarChartProData","remarkableTheme","groupedData","groupTailAsOther","item","getBarChartProDatalabelTotalFormatter","context","formatter","i","total","sum","ds","val","getBarChartProOptions","options","onBarClicked","measures","horizontal","_value","value","label","raw","_event","elements","chart","element","axisDimensionValue","groupingDimensionValue"],"mappings":"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"}

package/dist/charts.fillGaps.hooks-CZW4DsTE.js

@@ -0,0 +1,70 @@
+import { d as n, u as j } from "./utc-ZJfc90oL.js";
+import { i as B, q as E } from "./quarterOfYear-Dy3NbBBT.js";
+import { g as M } from "./_commonjsHelpers-C6fGbg64.js";
+import { useTheme as W } from "@embeddable.com/react";
+import { useMemo as Z } from "react";
+import { d as b } from "./component.inputs.constants-DqFfoZ5R.js";
+var S = { exports: {} }, C = S.exports, G;
+function L() {
+  return G || (G = 1, (function(O, h) {
+    (function(r, t) {
+      O.exports = t();
+    })(C, (function() {
+      return function(r, t) {
+        t.prototype.isSameOrBefore = function(u, o) {
+          return this.isSame(u, o) || this.isBefore(u, o);
+        };
+      };
+    }));
+  })(S)), S.exports;
+}
+var N = L();
+const T = /* @__PURE__ */ M(N);
+n.extend(j);
+n.extend(B);
+n.extend(T);
+n.extend(E);
+function P(O) {
+  const h = W(), { results: r, dimension: t, orderDirection: u = "asc", externalDateBounds: o } = O;
+  return Z(() => {
+    var k, q, w, I, R, V, F;
+    const f = (k = t.inputs) == null ? void 0 : k.granularity, s = t.name, a = (q = t.inputs) == null ? void 0 : q.dateBounds, $ = b.map(
+      (e) => e.value
+    );
+    if (!f || !$.includes(f) || !s || !r || r.isLoading || ((w = r.data) == null ? void 0 : w.length) === 0)
+      return r;
+    const c = a != null && a.relativeTimeString ? (I = h.defaults.dateRangesOptions.find((e) => e.value === (a == null ? void 0 : a.relativeTimeString))) == null ? void 0 : I.getRange() : a;
+    if (t.nativeType !== "time") return r;
+    const l = [...(r == null ? void 0 : r.data) ?? []].sort((e, i) => {
+      const m = e[s], p = i[s];
+      return m == null ? 1 : p == null ? -1 : n.utc(m).diff(n.utc(p));
+    }), x = n.utc(
+      (o == null ? void 0 : o.from) ?? (c == null ? void 0 : c.from) ?? ((R = l[0]) == null ? void 0 : R[s])
+    ), y = n.utc(
+      (o == null ? void 0 : o.to) ?? (c == null ? void 0 : c.to) ?? ((V = l[l.length - 1]) == null ? void 0 : V[s]) ?? ((F = [...l].reverse().find((e) => (e == null ? void 0 : e[s]) != null)) == null ? void 0 : F[s])
+    );
+    if (!x.isValid() || !y.isValid())
+      return { ...r, data: [] };
+    const v = /* @__PURE__ */ new Map();
+    for (const e of l) {
+      const i = e[s];
+      if (i == null) continue;
+      const m = n.utc(i).toISOString().split("Z")[0], p = v.get(m) ?? [];
+      p.push(e), v.set(m, p);
+    }
+    const d = [];
+    let g = x.startOf(f === "week" ? "isoWeek" : f);
+    for (; g.isSameOrBefore(y); ) {
+      const e = g.toISOString().split("Z")[0], i = v.get(e);
+      i && i.length > 0 ? d.push(...i) : d.push({ [s]: e }), g = g.add(1, f);
+    }
+    return u === "desc" && d.reverse(), {
+      ...r,
+      data: d
+    };
+  }, [r, t, u, h]);
+}
+export {
+  P as u
+};
+//# sourceMappingURL=charts.fillGaps.hooks-CZW4DsTE.js.map

package/dist/charts.fillGaps.hooks-CZW4DsTE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.fillGaps.hooks-CZW4DsTE.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js","../src/components/charts/charts.fillGaps.hooks.ts"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));","import { DataResponse, Dimension, TimeRange } from '@embeddable.com/core';\nimport dayjs, { QUnitType } from 'dayjs';\nimport isoWeek from 'dayjs/plugin/isoWeek.js';\nimport utc from 'dayjs/plugin/utc.js';\nimport isSameOrBefore from 'dayjs/plugin/isSameOrBefore.js';\nimport { Theme } from '../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { useMemo } from 'react';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear.js';\nimport { defaultGranularitySelectFieldOptions } from '../../theme/defaults/defaults.GranularityOptions.constants';\n\ndayjs.extend(utc);\ndayjs.extend(isoWeek);\ndayjs.extend(isSameOrBefore);\ndayjs.extend(quarterOfYear);\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype DataRecord = { [key: string]: any };\n\ntype UseFillGapsProps = {\n  results: DataResponse | undefined;\n  dimension: Dimension;\n  orderDirection?: 'asc' | 'desc';\n  externalDateBounds?: TimeRange;\n};\n\nexport function useFillGaps(props: UseFillGapsProps): DataResponse {\n  const theme = useTheme() as Theme;\n  const { results, dimension, orderDirection = 'asc', externalDateBounds } = props;\n\n  const processed = useMemo(() => {\n    const granularity = dimension.inputs?.granularity;\n    const dimensionName = dimension.name;\n    const dateBoundsTmp: TimeRange = dimension.inputs?.dateBounds;\n\n    const knownGranularities = defaultGranularitySelectFieldOptions.map(\n      (opt) => opt.value as string,\n    );\n\n    if (\n      !granularity ||\n      !knownGranularities.includes(granularity) ||\n      !dimensionName ||\n      !results ||\n      results.isLoading ||\n      results.data?.length === 0\n    ) {\n      return results;\n    }\n\n    const dateBounds = dateBoundsTmp?.relativeTimeString\n      ? theme.defaults.dateRangesOptions\n          .find((option) => option.value === dateBoundsTmp?.relativeTimeString)\n          ?.getRange()\n      : dateBoundsTmp;\n\n    if (dimension.nativeType !== 'time') return results;\n\n    const sortedResults = [...(results?.data ?? [])].sort((a, b) => {\n      const aVal = a[dimensionName];\n      const bVal = b[dimensionName];\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      return dayjs.utc(aVal).diff(dayjs.utc(bVal));\n    });\n\n    // Determine the full date range even if data is empty\n    const from = dayjs.utc(\n      externalDateBounds?.from ?? dateBounds?.from ?? sortedResults[0]?.[dimensionName],\n    );\n\n    const to = dayjs.utc(\n      externalDateBounds?.to ??\n        dateBounds?.to ??\n        sortedResults[sortedResults.length - 1]?.[dimensionName] ??\n        [...sortedResults].reverse().find((item) => item?.[dimensionName] != null)?.[dimensionName],\n    );\n\n    // If we *still* don’t have valid date bounds, bail out safely\n    if (!from.isValid() || !to.isValid()) {\n      return { ...results, data: [] };\n    }\n\n    const recordsByDate = new Map<string, DataRecord[]>();\n    for (const record of sortedResults) {\n      const value = record[dimensionName];\n      if (value == null) continue;\n      const key = dayjs.utc(value).toISOString().split('Z')[0]!;\n      const arr = recordsByDate.get(key) ?? [];\n      arr.push(record);\n      recordsByDate.set(key, arr);\n    }\n\n    const filled: DataRecord[] = [];\n    let current = from.startOf((granularity === 'week' ? 'isoWeek' : granularity) as QUnitType);\n\n    while (current.isSameOrBefore(to)) {\n      const key = current.toISOString().split('Z')[0]!;\n      const records = recordsByDate.get(key);\n\n      if (records && records.length > 0) {\n        filled.push(...records);\n      } else {\n        filled.push({ [dimensionName]: key });\n      }\n\n      current = current.add(1, granularity as QUnitType);\n    }\n\n    if (orderDirection === 'desc') {\n      filled.reverse();\n    }\n\n    return {\n      ...results,\n      data: filled,\n    };\n  }, [results, dimension, orderDirection, theme]);\n\n  return processed as DataResponse;\n}\n"],"names":["e","i","module","this","dayjs","utc","isoWeek","isSameOrBefore","quarterOfYear","useFillGaps","props","theme","useTheme","results","dimension","orderDirection","externalDateBounds","useMemo","granularity","_a","dimensionName","dateBoundsTmp","_b","knownGranularities","defaultGranularitySelectFieldOptions","opt","_c","dateBounds","_d","option","sortedResults","a","b","aVal","bVal","from","_e","to","_f","_g","item","recordsByDate","record","value","key","arr","filled","current","records"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{charts.utils-rBg2kZLJ.js → charts.utils-DqZruys0.js}

@@ -1,9 +1,9 @@
-import { $ as Us } from "./Color.type.emb-Bon3x9VC.js";
-import { a as Ki, i as za } from "./component.utils-DubLDCwF.js";
+import { $ as Us } from "./Color.type.emb-BBdbJHvt.js";
+import { a as Ki, i as za } from "./component.utils-DNw0iugA.js";
 import { d as Re, u as ji } from "./utc-ZJfc90oL.js";
 import { i as qi, q as Ji } from "./quarterOfYear-Dy3NbBBT.js";
 import { g as Ws } from "./_commonjsHelpers-C6fGbg64.js";
-import { g as zs } from "./preview.data.constants-BeVHkWI3.js";
+import { g as zs } from "./preview.data.constants-D0uQPYd1.js";
 var Hs = {
   "--em-core-border-radius--000": "0px",
   "--em-core-border-radius--050": "2px",
@@ -17784,4 +17784,4 @@ export {
   no as j,
   ex as r
 };
-//# sourceMappingURL=charts.utils-rBg2kZLJ.js.map
+//# sourceMappingURL=charts.utils-DqZruys0.js.map