@embeddable.com/remarkable-pro 0.1.13 → 0.1.14

package/dist/definition-C0bSa4wt.js

@@ -0,0 +1,78 @@
+import { j as m, K as x, l as D } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as M, definePreview as P } from "@embeddable.com/react";
+import { a as y, r as z } from "./component.utils-DNw0iugA.js";
+import { C as A } from "./ChartCard-rrXP6aUC.js";
+import { g as w, p as u } from "./preview.data.constants-D0uQPYd1.js";
+import { g as F } from "./kpis.utils-DsZ2GzuB.js";
+import { i as t } from "./component.inputs.constants-DqFfoZ5R.js";
+const a = (e) => {
+  var n, l;
+  const o = M();
+  y(o);
+  const { title: f, description: h, tooltip: g, displayNullAs: i } = z(e), { measure: r, fontSize: C, hideMenu: v, results: s } = e, b = (l = (n = s.data) == null ? void 0 : n[0]) == null ? void 0 : l[r.name], K = w(o), N = (j) => K.data(r, j), S = F(s, r, !!i);
+  return /* @__PURE__ */ m.jsx(
+    A,
+    {
+      data: S,
+      dimensionsAndMeasures: [r],
+      errorMessage: s.error,
+      description: h,
+      title: f,
+      tooltip: g,
+      hideMenu: v,
+      children: /* @__PURE__ */ m.jsx(
+        x,
+        {
+          displayNullAs: i,
+          value: b,
+          valueFormatter: N,
+          valueFontSize: C
+        }
+      )
+    }
+  );
+}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: a
+}, Symbol.toStringTag, { value: "Module" })), R = {
+  name: "KpiChartNumberPro",
+  label: "Kpi Chart - Number",
+  category: "Kpi Charts",
+  inputs: [
+    t.dataset,
+    t.measure,
+    t.title,
+    t.description,
+    t.displayNullAs,
+    t.tooltip,
+    t.fontSize
+  ]
+}, p = {
+  measure: { ...u.measure },
+  results: u.results1Measure,
+  fontSize: 100,
+  hideMenu: !0
+}, _ = P(a, p), d = (e) => ({
+  from: e.dataset,
+  select: [e.measure]
+}), c = (e) => D(d(e)), T = (e) => ({
+  ...e,
+  results: c(e)
+}), G = {
+  Component: a,
+  meta: R,
+  preview: _,
+  previewConfig: p,
+  config: {
+    props: T
+  },
+  results: {
+    loadDataArgs: d,
+    loadData: c
+  }
+};
+export {
+  q as i,
+  G as k
+};
+//# sourceMappingURL=definition-C0bSa4wt.js.map

package/dist/definition-C0bSa4wt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-C0bSa4wt.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx","../src/components/charts/kpis/KpiChartNumberPro/definition.ts"],"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, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberProProp = {\n  results: DataResponse;\n  measure: Measure;\n  fontSize?: number;\n  displayNullAs?: string;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const { measure, fontSize, hideMenu, results } = 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  const resultsWithNullsHandled = getKpiResults(results, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[measure]}\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        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n","import { DataResponse, LoadDataRequest, loadData } 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: 'KpiChartNumberPro',\n  label: 'Kpi Chart - Number',\n  category: 'Kpi Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    inputs.title,\n    inputs.description,\n    inputs.displayNullAs,\n    inputs.tooltip,\n    inputs.fontSize,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\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});\n\nconst loadDataResults = (inputs: Inputs<typeof meta>): DataResponse =>\n  loadData(loadDataResultsArgs(inputs));\n\nconst props = (inputs: Inputs<typeof meta>) => ({\n  ...inputs,\n  results: loadDataResults(inputs),\n});\n\nexport const kpiChartNumberPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n} as const;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","measure","fontSize","hideMenu","results","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","kpiChartNumberPro"],"mappings":";;;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAiBR,CAAK,GACvE,EAAE,SAAAS,GAAS,UAAAC,GAAU,UAAAC,GAAU,SAAAC,MAAYZ,GAE3Ca,KAAQC,KAAAC,IAAAH,EAAQ,SAAR,gBAAAG,EAAe,OAAf,gBAAAD,EAAoBL,EAAQ,OAEpCO,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAiB,CAACC,MAA0BH,EAAe,KAAKP,GAASU,CAAa,GAEtFC,IAA0BC,EAAcT,GAASH,GAAS,EAAQF,CAAc;AAEtF,SACEe,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAACX,CAAO;AAAA,MAC/B,cAAcG,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAAjB;AAAA,UACA,OAAAM;AAAA,UACA,gBAAAK;AAAA,UACA,eAAeR;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;8CC3CMe,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,EAAA;AAEX,GAEMC,IAAgB;AAAA,EACpB,SAAS,EAAE,GAAGC,EAAY,QAAA;AAAA,EAC1B,SAASA,EAAY;AAAA,EACrB,UAAU;AAAA,EACV,UAAU;AACZ,GAEMC,IAAUC,EAAcC,GAAWJ,CAAa,GAEhDK,IAAsB,CAACN,OAAkD;AAAA,EAC7E,MAAMA,EAAO;AAAA,EACb,QAAQ,CAACA,EAAO,OAAO;AACzB,IAEMO,IAAkB,CAACP,MACvBQ,EAASF,EAAoBN,CAAM,CAAC,GAEhC1B,IAAQ,CAAC0B,OAAiC;AAAA,EAC9C,GAAGA;AAAAA,EACH,SAASO,EAAgBP,CAAM;AACjC,IAEaS,IAAoB;AAAA,EAAA,WAC/BJ;AAAAA,EACA,MAAAN;AAAA,EACA,SAAAI;AAAA,EACA,eAAAF;AAAA,EACA,QAAQ;AAAA,IACN,OAAA3B;AAAA,EAAA;AAAA,EAEF,SAAS;AAAA,IACP,cAAcgC;AAAA,IACd,UAAUC;AAAA,EAAA;AAEd;"}

package/dist/definition-C3bUC419.js

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

package/dist/definition-C3bUC419.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-C3bUC419.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx","../src/components/charts/lines/LineChartDefaultPro/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 { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\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: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, 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, context) => {\n              const measure = measures[context.datasetIndex]!;\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]!;\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 (!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(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onLineClicked) return;\n\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\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 { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.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 LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProps = {\n  xAxis: Dimension;\n  measures: 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 LineChartPro = (props: LineChartProProps) => {\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    measures,\n    xAxis,\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: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\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 LineChartPro;\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 { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nconst meta = {\n  name: 'LineChartDefaultPro',\n  label: 'Line Chart - Default',\n  category: 'Line Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.measures,\n      inputs: [\n        ...inputs.measures.inputs,\n        { ...subInputs.boolean, name: 'fillUnderLine', label: 'Fill under line' },\n        {\n          ...subInputs.color,\n          name: 'lineColor',\n          label: 'Line color',\n        },\n        {\n          ...subInputs.boolean,\n          name: 'connectGaps',\n          label: 'Connect gaps',\n          defaultValue: true,\n        },\n        {\n          ...subInputs.boolean,\n          name: 'dashedLine',\n          label: 'Dashed line',\n          defaultValue: false,\n        },\n      ],\n    },\n    { ...inputs.dimensionWithGranularitySelectField, label: 'X-axis', name: 'xAxis' },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\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    inputs.maxResults,\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    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type LineChartDefaultProState = {\n  granularity?: Granularity;\n};\n\nconst previewConfig = {\n  xAxis: previewData.dimension,\n  measures: [previewData.measure],\n  results: previewData.results1Measure1Dimension,\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: [...inputs.measures, xAxis ?? inputs.xAxis],\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  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [LineChartDefaultProState, (state: LineChartDefaultProState) => 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 lineChartDefaultPro = {\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":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","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","subInputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","lineChartDefaultPro"],"mappings":"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"}