@embeddable.com/remarkable-pro 0.1.13 → 0.1.14

package/dist/definition-5X_7D7PB.js

@@ -0,0 +1,274 @@
+import { g as O, m as j, j as k, L as T, V as D, l as $ } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as _, definePreview as B } from "@embeddable.com/react";
+import { a as W, r as X } from "./component.utils-DNw0iugA.js";
+import { C as U } from "./ChartCard-rrXP6aUC.js";
+import { g as v, p as A } from "./preview.data.constants-D0uQPYd1.js";
+import { a as G } from "./styles.utils-BfpH_m_W.js";
+import { s as Y } from "./color.utils-BSg_DFOh.js";
+import { g as z } from "./lines.utils-CEGfmIHB.js";
+import { u as E } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { C as H, g as N } from "./granularity.utils-DFrZaG56.js";
+import { i as a } from "./component.inputs.constants-DqFfoZ5R.js";
+const q = (e, n) => {
+  const u = v(n), { data: t = [], dimension: r, groupDimension: i, measure: l, hasMinMaxYAxisRange: g } = e, m = [...new Set(t.map((s) => s[r.name]).filter((s) => s != null))].sort(), c = [...new Set(t.map((s) => s[i.name]))].filter((s) => s != null), o = O(), d = c.map((s, C) => {
+    var x;
+    const f = G({
+      dimensionOrMeasure: i,
+      theme: n,
+      color: "background",
+      value: `${i.name}.${s}`,
+      chartColors: o,
+      index: C
+    }), y = G({
+      dimensionOrMeasure: i,
+      theme: n,
+      color: "border",
+      value: `${i.name}.${s}`,
+      chartColors: o,
+      index: C
+    });
+    return {
+      clip: g,
+      label: u.data(i, s),
+      rawLabel: s,
+      backgroundColor: Y(f, 0.5),
+      pointBackgroundColor: f,
+      fill: (x = l.inputs) == null ? void 0 : x.fillUnderLine,
+      borderColor: y,
+      data: m.map((L) => {
+        var p;
+        const b = t.find(
+          (h) => h[i.name] === s && h[r.name] === L
+        );
+        return (b == null ? void 0 : b[l.name]) ?? ((p = l.inputs) != null && p.connectGaps ? 0 : null);
+      })
+    };
+  });
+  return {
+    labels: m,
+    datasets: d
+  };
+}, J = (e, n) => {
+  var m, c;
+  const { dimension: u, data: t, measure: r, onLineClicked: i } = e, l = v(n), g = {
+    plugins: {
+      datalabels: {
+        labels: {
+          value: {
+            formatter: (o) => l.data(r, o)
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (o) => {
+            var s;
+            const d = (s = o[0]) == null ? void 0 : s.label;
+            return l.data(u, d);
+          },
+          label: (o) => {
+            const d = o.raw;
+            return `${o.dataset.label}: ${l.data(r, d)}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          callback: (o) => {
+            if (!t || !t.labels) return;
+            const d = t.labels[Number(o)];
+            return l.data(u, d);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (o) => l.data(r, o)
+        }
+      }
+    }
+  };
+  return j(
+    z({ onLineClicked: i }),
+    g,
+    ((c = (m = n.charts) == null ? void 0 : m.lineChartGroupedPro) == null ? void 0 : c.options) || {}
+  );
+}, w = (e) => {
+  const n = _();
+  W(n);
+  const { title: u, description: t, tooltip: r, xAxisLabel: i, yAxisLabel: l } = X(e), {
+    hideMenu: g,
+    measure: m,
+    xAxis: c,
+    groupBy: o,
+    reverseXAxis: d,
+    showLegend: s,
+    showLogarithmicScale: C,
+    showTooltips: f,
+    showValueLabels: y,
+    yAxisRangeMax: M,
+    yAxisRangeMin: x,
+    setGranularity: L,
+    onLineClicked: b
+  } = e, p = E({
+    results: e.results,
+    dimension: e.xAxis
+  }), h = q(
+    {
+      data: p.data,
+      dimension: c,
+      groupDimension: o,
+      measure: m,
+      hasMinMaxYAxisRange: x != null || M != null
+    },
+    n
+  ), P = J(
+    { data: h, dimension: c, measure: m, onLineClicked: b },
+    n
+  ), F = !u && !t && !r;
+  return /* @__PURE__ */ k.jsxs(
+    U,
+    {
+      data: p,
+      dimensionsAndMeasures: [m, c, o],
+      errorMessage: p.error,
+      description: t,
+      title: u,
+      tooltip: r,
+      hideMenu: g,
+      children: [
+        L && /* @__PURE__ */ k.jsx(
+          H,
+          {
+            hasMarginTop: F,
+            dimension: c,
+            onChange: L
+          }
+        ),
+        /* @__PURE__ */ k.jsx(
+          T,
+          {
+            data: h,
+            reverseXAxis: d,
+            showLegend: s,
+            showLogarithmicScale: C,
+            showTooltips: f,
+            showValueLabels: y,
+            xAxisLabel: i,
+            yAxisLabel: l,
+            yAxisRangeMax: M,
+            yAxisRangeMin: x,
+            options: P
+          }
+        )
+      ]
+    }
+  );
+}, ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: w
+}, Symbol.toStringTag, { value: "Module" })), K = {
+  name: "LineChartGroupedPro",
+  label: "Line Chart - Grouped",
+  category: "Line Charts",
+  inputs: [
+    a.dataset,
+    {
+      ...a.measure,
+      inputs: [
+        ...a.measure.inputs,
+        {
+          ...a.boolean,
+          name: "fillUnderLine",
+          label: "Fill under line",
+          category: "Component Settings"
+        },
+        {
+          ...a.boolean,
+          name: "connectGaps",
+          label: "Connect gaps",
+          defaultValue: !0,
+          category: "Component Settings"
+        }
+      ]
+    },
+    { ...a.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
+    a.groupBy,
+    a.title,
+    a.description,
+    a.tooltip,
+    a.maxResults,
+    a.showLegend,
+    a.showTooltips,
+    a.showValueLabels,
+    a.showLogarithmicScale,
+    a.xAxisLabel,
+    a.yAxisLabel,
+    a.reverseXAxis,
+    a.yAxisRangeMin,
+    a.yAxisRangeMax
+  ],
+  events: [
+    {
+      name: "onLineClicked",
+      label: "A line is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked grouping dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, S = {
+  xAxis: A.dimension,
+  groupBy: A.dimensionGroup,
+  measure: A.measure,
+  results: A.results1Measure2Dimensions,
+  hideMenu: !0
+}, Q = B(w, S), R = (e, n) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [n ?? e.xAxis, e.groupBy, e.measure]
+}), V = (e, n) => $(R(e, n)), Z = {
+  onLineClicked: (e) => ({
+    axisDimensionValue: e.dimensionValue ?? D.noFilter(),
+    groupingDimensionValue: e.groupingDimensionValue ?? D.noFilter()
+  })
+}, I = (e, [n, u]) => {
+  const t = N(e.xAxis, n == null ? void 0 : n.granularity);
+  return {
+    ...e,
+    xAxis: t,
+    setGranularity: (r) => u({ granularity: r }),
+    results: V(e, t)
+  };
+}, de = {
+  Component: w,
+  meta: K,
+  preview: Q,
+  previewConfig: S,
+  config: {
+    props: I,
+    events: Z
+  },
+  results: {
+    loadDataArgs: R,
+    loadData: V
+  }
+};
+export {
+  J as a,
+  q as g,
+  ce as i,
+  de as l
+};
+//# sourceMappingURL=definition-5X_7D7PB.js.map

package/dist/definition-5X_7D7PB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-5X_7D7PB.js","sources":["../src/components/charts/lines/LineChartGroupedPro/LineChartGroupedPro.utils.ts","../src/components/charts/lines/LineChartGroupedPro/index.tsx","../src/components/charts/lines/LineChartGroupedPro/definition.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { mergician } from 'mergician';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { setColorAlpha } from '../../../../utils/color.utils';\nimport { getChartColors } from '@embeddable.com/remarkable-ui';\nimport { getLineChartProOptionsOnClick, LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartGroupedProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    groupDimension: Dimension;\n    measure: Measure;\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  const themeFormatter = getThemeFormatter(theme);\n  const { data = [], dimension, groupDimension, measure, hasMinMaxYAxisRange } = props;\n\n  const axis = [...new Set(data.map((d) => d[dimension.name]).filter((d) => d != null))].sort();\n  const groupBy = [...new Set(data.map((d) => d[groupDimension.name]))].filter((d) => d != null);\n\n  const chartColors = getChartColors();\n  const datasets: ChartData<'line'>['datasets'] = groupBy.map((groupByItem, index) => {\n    const backgroundColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'background',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const borderColor = getDimensionMeasureColor({\n      dimensionOrMeasure: groupDimension,\n      theme,\n      color: 'border',\n      value: `${groupDimension.name}.${groupByItem}`,\n      chartColors,\n      index,\n    });\n\n    const dataset = {\n      clip: hasMinMaxYAxisRange,\n      label: themeFormatter.data(groupDimension, groupByItem),\n      rawLabel: groupByItem,\n      backgroundColor: setColorAlpha(backgroundColor, 0.5),\n      pointBackgroundColor: backgroundColor,\n      fill: measure.inputs?.['fillUnderLine'],\n      borderColor,\n      data: axis.map((axisItem) => {\n        const record = data.find(\n          (d) => d[groupDimension.name] === groupByItem && d[dimension.name] === axisItem,\n        );\n        return record?.[measure.name] ?? (measure.inputs?.['connectGaps'] ? 0 : null);\n      }),\n    } as ChartData<'line'>['datasets'][number];\n\n    return dataset;\n  });\n\n  return {\n    labels: axis,\n    datasets,\n  };\n};\n\nexport const getLineChartGroupedProOptions = (\n  options: {\n    dimension: Dimension;\n    measure: Measure;\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measure, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number) => {\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 raw = context.raw as number;\n            return `${context.dataset.label}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measure, value);\n          },\n        },\n      },\n    },\n  };\n\n  return mergician(\n    getLineChartProOptionsOnClick({ onLineClicked }),\n    lineChartOptions,\n    theme.charts?.lineChartGroupedPro?.options || {},\n  );\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport {\n  getLineChartGroupedProData,\n  getLineChartGroupedProOptions,\n} from './LineChartGroupedPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartGroupedProPropsOnLineClicked = {\n  axisDimensionValue: string | null;\n  groupingDimensionValue: string | null;\n};\n\nexport type LineChartGroupedProProp = {\n  xAxis: Dimension;\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartGroupedPro = (props: LineChartGroupedProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    xAxis,\n    groupBy,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getLineChartGroupedProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartGroupedProOptions(\n    { data, dimension: xAxis, measure, onLineClicked },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      {setGranularity && (\n        <ChartGranularitySelectField\n          hasMarginTop={granularitySelectorHasMarginTop}\n          dimension={xAxis}\n          onChange={setGranularity}\n        />\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 LineChartGroupedPro;\n","import {\n  DataResponse,\n  Dimension,\n  Granularity,\n  LoadDataRequest,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { LineChartProOptionsClickArg } from '../lines.utils';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nconst meta = {\n  name: 'LineChartGroupedPro',\n  label: 'Line Chart - Grouped',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measure,\n      inputs: [\n        ...inputs.measure.inputs,\n        {\n          ...inputs.boolean,\n          name: 'fillUnderLine',\n          label: 'Fill under line',\n          category: 'Component Settings',\n        },\n        {\n          ...inputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n          category: 'Component Settings',\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, name: 'xAxis', label: 'X-axis' },\n    inputs.groupBy,\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.maxResults,\n    inputs.showLegend,\n    inputs.showTooltips,\n    inputs.showValueLabels,\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onLineClicked',\n      label: 'A line is clicked',\n      properties: [\n        {\n          name: 'axisDimensionValue',\n          label: 'Clicked axis dimension value',\n          type: 'string',\n        },\n        {\n          name: 'groupingDimensionValue',\n          label: 'Clicked grouping dimension value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartGroupedProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  groupBy: previewData.dimensionGroup,\n  measure: previewData.measure,\n  results: previewData.results1Measure2Dimensions,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>, xAxis?: Dimension): LoadDataRequest => ({\n  limit: inputs.maxResults,\n  from: inputs.dataset,\n  select: [xAxis ?? inputs.xAxis, inputs.groupBy, inputs.measure],\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>, xAxis: Dimension): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, xAxis));\n\nconst events = {\n  onLineClicked: (value: LineChartProOptionsClickArg) => ({\n    axisDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartGroupedProState, (state: LineChartGroupedProState) => void],\n) => {\n  const xAxisWithGranularity = getDimensionWithGranularity(inputs.xAxis, state?.granularity);\n\n  return {\n    ...inputs,\n    xAxis: xAxisWithGranularity,\n    setGranularity: (granularity: Granularity) => setState({ granularity }),\n    results: loadDataResults(inputs, xAxisWithGranularity),\n  };\n};\n\nexport const lineChartGroupedPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["getLineChartGroupedProData","props","theme","themeFormatter","getThemeFormatter","data","dimension","groupDimension","measure","hasMinMaxYAxisRange","axis","d","groupBy","chartColors","getChartColors","datasets","groupByItem","index","backgroundColor","getDimensionMeasureColor","borderColor","setColorAlpha","_a","axisItem","record","getLineChartGroupedProOptions","options","onLineClicked","lineChartOptions","value","context","label","raw","mergician","getLineChartProOptionsOnClick","_b","LineChartGroupedPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartGroupedPro"],"mappings":"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"}

package/dist/definition-B1JPVIaV.js

@@ -0,0 +1,200 @@
+import { j as R, K as H, l as S } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as I, definePreview as J } from "@embeddable.com/react";
+import { a as W, r as $, i as n } from "./component.utils-DNw0iugA.js";
+import { C as G } from "./ChartCard-rrXP6aUC.js";
+import { g as Q, p as c } from "./preview.data.constants-D0uQPYd1.js";
+import { useEffect as U } from "react";
+import { g as X, a as Z } from "./timeRange.utils-DvJETTKa.js";
+import { g as ee } from "./kpis.utils-DsZ2GzuB.js";
+import { i as o } from "./component.inputs.constants-DqFfoZ5R.js";
+const d = (e) => {
+  var f, D, h, y, P, b;
+  const a = I();
+  W(a);
+  const { title: s, description: l, tooltip: _, displayNullAs: g } = $(e), {
+    hideMenu: w,
+    changeFontSize: F,
+    comparisonPeriod: m,
+    comparisonDateRange: K,
+    displayChangeAsPercentage: M,
+    fontSize: j,
+    measure: i,
+    primaryDateRange: u,
+    results: r,
+    resultsComparison: t,
+    reversePositiveNegativeColors: x,
+    percentageDecimalPlaces: V,
+    setComparisonDateRange: v
+  } = e;
+  U(() => {
+    if (!v) return;
+    const p = X(
+      u,
+      m,
+      a
+    );
+    v(p);
+  }, [m, JSON.stringify(u), a]);
+  const k = (D = (f = r.data) == null ? void 0 : f[0]) == null ? void 0 : D[i.name], O = K ? (y = (h = t == null ? void 0 : t.data) == null ? void 0 : h[0]) == null ? void 0 : y[i.name] : void 0, q = Q(a), B = (p) => q.data(i, p), E = `vs ${Z(m, a).toLowerCase()}`, C = {
+    isLoading: !!(r.isLoading || t != null && t.isLoading),
+    data: !(r != null && r.data) && !(t != null && t.data) ? void 0 : [
+      ...(P = r.data) != null && P.length ? [{ label: n.t("charts.primaryPeriod"), ...r.data[0] }] : [],
+      ...(b = t == null ? void 0 : t.data) != null && b.length ? [{ label: n.t("charts.comparisonPeriod"), ...t.data[0] }] : []
+    ]
+  }, Y = ee(C, i, !!g);
+  return /* @__PURE__ */ R.jsx(
+    G,
+    {
+      data: Y,
+      dimensionsAndMeasures: [
+        // Add a label dimension to distinguish primary and comparison periods in exports
+        {
+          name: "label",
+          title: n.t("charts.label"),
+          nativeType: "string",
+          __type__: "dimension"
+        },
+        i
+      ],
+      errorMessage: r.error,
+      description: l,
+      title: s,
+      tooltip: _,
+      hideMenu: w,
+      children: /* @__PURE__ */ R.jsx(
+        H,
+        {
+          displayNullAs: g,
+          value: k,
+          comparisonValue: C.isLoading ? void 0 : O,
+          valueFormatter: B,
+          valueFontSize: j,
+          trendFontSize: F,
+          invertChangeColors: x,
+          showChangeAsPercentage: M,
+          comparisonLabel: E,
+          percentageDecimalPlaces: V,
+          noPreviousDataLabel: n.t("charts.kpiChart.noPreviousData"),
+          equalComparisonLabel: n.t("charts.kpiChart.equalComparison")
+        }
+      )
+    }
+  );
+}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d
+}, Symbol.toStringTag, { value: "Module" })), ae = {
+  name: "KpiChartNumberComparisonPro",
+  label: "Kpi Chart - Number Comparison",
+  category: "Kpi Charts",
+  inputs: [
+    o.dataset,
+    o.measure,
+    { ...o.dimensionTime, name: "timeProperty", label: "Time property" },
+    {
+      ...o.timeRange,
+      name: "primaryDateRange",
+      label: "Primary date-range",
+      description: "You can also connect this to a date range selector using its variable",
+      category: "Component Data"
+    },
+    {
+      ...o.comparisonPeriod,
+      description: "You can also connect this to a comparison period selector using its variable",
+      category: "Component Data"
+    },
+    o.title,
+    o.description,
+    o.tooltip,
+    o.displayNullAs,
+    {
+      ...o.boolean,
+      name: "displayChangeAsPercentage",
+      label: "Display change as %",
+      defaultValue: !1,
+      category: "Component Settings"
+    },
+    {
+      ...o.number,
+      name: "percentageDecimalPlaces",
+      label: "Percentage decimal places",
+      defaultValue: 1,
+      category: "Component Settings"
+    },
+    {
+      ...o.boolean,
+      name: "reversePositiveNegativeColors",
+      label: "Reverse positive/negative colors",
+      defaultValue: !1,
+      category: "Component Settings"
+    },
+    o.fontSize,
+    {
+      ...o.fontSize,
+      name: "changeFontSize",
+      label: "Trend font-size"
+    }
+  ]
+}, z = {
+  measure: { ...c.measure },
+  results: c.results1Measure,
+  resultsComparison: c.results1MeasureVariant,
+  primaryDateRange: void 0,
+  comparisonPeriod: "Previous period",
+  comparisonDateRange: { relativeTimeString: "Today", from: void 0, to: void 0 },
+  fontSize: 100,
+  hideMenu: !0
+}, oe = J(d, z), A = (e) => ({
+  from: e.dataset,
+  select: [e.measure],
+  limit: 1,
+  filters: e.primaryDateRange && e.timeProperty ? [
+    {
+      property: e.timeProperty,
+      operator: "inDateRange",
+      value: e.primaryDateRange
+    }
+  ] : void 0
+}), N = (e) => S(A(e)), L = (e, a) => ({
+  from: e.dataset,
+  select: [e.measure],
+  limit: 1,
+  filters: [
+    {
+      property: e.timeProperty,
+      operator: "inDateRange",
+      value: a
+    }
+  ]
+}), T = (e, a) => {
+  if (e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange))
+    return S(L(e, a.comparisonDateRange));
+}, te = (e, [a, s]) => ({
+  ...e,
+  comparisonPeriod: e.comparisonPeriod,
+  comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
+  setComparisonDateRange: (l) => s({ comparisonDateRange: l }),
+  results: N(e),
+  resultsComparison: T(e, a)
+}), ue = {
+  Component: d,
+  meta: ae,
+  preview: oe,
+  previewConfig: z,
+  config: {
+    props: te
+  },
+  results: {
+    loadDataArgs: A,
+    loadData: N
+  },
+  resultsComparison: {
+    loadDataArgs: L,
+    loadData: T
+  }
+};
+export {
+  ge as i,
+  ue as k
+};
+//# sourceMappingURL=definition-B1JPVIaV.js.map

package/dist/definition-B1JPVIaV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-B1JPVIaV.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description: 'You can also connect this to a date range selector using its variable',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (inputs: Inputs<typeof meta>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(loadDataResultsComparisonArgs(inputs, state.comparisonDateRange));\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs),\n  resultsComparison: loadDataResultsComparison(inputs, state),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}