@embeddable.com/remarkable-pro 0.1.13 → 0.1.15

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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"}

package/dist/definition-BNiUf3pa.js

@@ -0,0 +1,198 @@
+import { j as p, H as V, b as k, l as N } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as z, definePreview as I } from "@embeddable.com/react";
+import { a as q, r as J } from "./component.utils-DNw0iugA.js";
+import { C as K } from "./ChartCard-rrXP6aUC.js";
+import { g, p as r } from "./preview.data.constants-D0uQPYd1.js";
+import { u as h } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { u as L } from "./tables.hooks-fVC_4V5K.js";
+import { i as o } from "./component.inputs.constants-DqFfoZ5R.js";
+const b = (e, t) => {
+  const n = g(t);
+  return {
+    key: e.measure.name,
+    label: n.dimensionOrMeasureTitle(e.measure),
+    format: (a) => n.data(e.measure, a)
+  };
+}, u = (e, t) => {
+  const n = g(t);
+  return {
+    key: e.dimension.name,
+    label: n.dimensionOrMeasureTitle(e.dimension),
+    format: (a) => n.data(e.dimension, a)
+  };
+}, d = (e) => {
+  var c;
+  const t = z();
+  q(t);
+  const { title: n, description: a, tooltip: D } = J(e), {
+    hideMenu: M,
+    measure: l,
+    rowDimension: s,
+    columnDimension: i,
+    maxColor: x,
+    midColor: y,
+    minColor: S,
+    displayNullAs: v,
+    columnWidth: T,
+    firstColumnWidth: R,
+    showValues: F,
+    minThreshold: A,
+    maxThreshold: H
+  } = e, j = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((m) => m[i.name]))
+  ), O = Array.from(
+    new Set((e.results.data ?? []).filter(Boolean).map((m) => m[s.name]))
+  ), P = h({
+    results: e.results,
+    dimension: i
+  }), W = h({
+    results: P,
+    dimension: s
+  }), G = L({
+    results: W,
+    columnOrder: j,
+    rowOrder: O,
+    columnDimension: i,
+    rowDimension: s,
+    measures: [l]
+  }), B = b({ measure: l }, t), _ = u({ dimension: s }, t), E = u({ dimension: i }, t);
+  return /* @__PURE__ */ p.jsx(
+    K,
+    {
+      title: n,
+      description: a,
+      tooltip: D,
+      data: e.results,
+      dimensionsAndMeasures: [s, i, l],
+      errorMessage: (c = e.results) == null ? void 0 : c.error,
+      hideMenu: M,
+      children: /* @__PURE__ */ p.jsx(
+        V,
+        {
+          data: G,
+          measure: B,
+          rowDimension: _,
+          columnDimension: E,
+          maxColor: x,
+          midColor: y ?? k("--em-tablechart-heatmap-color", "#FF5400"),
+          minColor: S,
+          showValues: F,
+          minThreshold: A,
+          maxThreshold: H,
+          columnWidth: T,
+          firstColumnWidth: R,
+          displayNullAs: v
+        }
+      )
+    }
+  );
+}, se = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: d,
+  getHeatDimension: u,
+  getHeatMeasure: b
+}, Symbol.toStringTag, { value: "Module" })), Q = {
+  name: "HeatMapPro",
+  label: "Heat Map",
+  category: "Table Charts",
+  inputs: [
+    o.dataset,
+    o.measure,
+    {
+      ...o.dimensionWithDateBounds,
+      label: "Row dimension",
+      name: "rowDimension"
+    },
+    {
+      ...o.dimensionWithDateBounds,
+      label: "Column dimension",
+      name: "columnDimension"
+    },
+    o.title,
+    o.description,
+    o.tooltip,
+    o.displayNullAs,
+    {
+      ...o.color,
+      name: "midColor",
+      label: "Mid-point color (optional)"
+    },
+    {
+      ...o.color,
+      name: "maxColor",
+      label: "Max-point color (optional)"
+    },
+    {
+      ...o.color,
+      name: "minColor",
+      label: "Min-point color (optional)"
+    },
+    {
+      ...o.string,
+      name: "minThreshold",
+      label: "Max-point range lower limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
+      category: "Component Settings"
+    },
+    {
+      ...o.string,
+      name: "maxThreshold",
+      label: "Min-point range upper limit",
+      description: "Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)",
+      category: "Component Settings"
+    },
+    {
+      ...o.boolean,
+      name: "showValues",
+      label: "Show values",
+      defaultValue: !0,
+      category: "Component Settings"
+    },
+    {
+      ...o.number,
+      name: "firstColumnWidth",
+      label: "First column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    {
+      ...o.number,
+      name: "columnWidth",
+      label: "Column width",
+      description: "Set the width in px (e.g. 200)",
+      category: "Component Settings"
+    },
+    o.maxResults
+  ]
+}, C = {
+  rowDimension: r.dimension,
+  columnDimension: r.dimensionGroup,
+  measure: r.measure,
+  results: r.results1Measure2Dimensions,
+  hideMenu: !0
+}, U = I(d, C), f = (e) => ({
+  from: e.dataset,
+  select: [e.rowDimension, e.columnDimension, e.measure],
+  limit: e.maxResults,
+  countRows: !0
+}), w = (e) => N(f(e)), X = (e) => ({
+  ...e,
+  results: w(e)
+}), ie = {
+  Component: d,
+  meta: Q,
+  preview: U,
+  previewConfig: C,
+  config: {
+    props: X
+  },
+  results: {
+    loadDataArgs: f,
+    loadData: w
+  }
+};
+export {
+  ie as h,
+  se as i
+};
+//# sourceMappingURL=definition-BNiUf3pa.js.map

package/dist/definition-BNiUf3pa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-BNiUf3pa.js","sources":["../src/components/charts/tables/HeatMapPro/index.tsx","../src/components/charts/tables/HeatMapPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport {\n  getStyle,\n  HeatMap,\n  HeatMapPropsDimension,\n  HeatMapPropsMeasure,\n} from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\nexport type HeatMapProProps = {\n  columnDimension: Dimension;\n  columnWidth?: number;\n\n  displayNullAs?: string;\n  firstColumnWidth?: number;\n  maxColor?: string;\n  maxThreshold?: string;\n  measure: Measure;\n  midColor?: string;\n  minColor?: string;\n  minThreshold?: string;\n  results: DataResponse;\n  rowDimension: Dimension;\n  showValues?: boolean;\n} & ChartCardHeaderProps;\n\nexport const getHeatMeasure = (\n  props: { measure: Measure },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsMeasure<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.measure.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.measure),\n    format: (value) => {\n      return themeFormatter.data(props.measure, value);\n    },\n  };\n};\n\nexport const getHeatDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): HeatMapPropsDimension<any> => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    format: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nconst HeatMapPro = (props: HeatMapProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measure,\n    rowDimension,\n    columnDimension,\n    maxColor,\n    midColor,\n    minColor,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    showValues,\n    minThreshold,\n    maxThreshold,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures: [measure],\n  });\n\n  const pivotMeasures = getHeatMeasure({ measure }, theme);\n  const pivotRowDimension = getHeatDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getHeatDimension({ dimension: columnDimension }, theme);\n\n  return (\n    <ChartCard\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, measure]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <HeatMap\n        data={results}\n        measure={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        maxColor={maxColor}\n        midColor={midColor ?? getStyle('--em-tablechart-heatmap-color', '#FF5400')}\n        minColor={minColor}\n        showValues={showValues}\n        minThreshold={minThreshold}\n        maxThreshold={maxThreshold}\n        columnWidth={columnWidth}\n        firstColumnWidth={firstColumnWidth}\n        displayNullAs={displayNullAs}\n      />\n    </ChartCard>\n  );\n};\n\nexport default HeatMapPro;\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: 'HeatMapPro',\n  label: 'Heat Map',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Row dimension',\n      name: 'rowDimension',\n    },\n    {\n      ...inputs.dimensionWithDateBounds,\n      label: 'Column dimension',\n      name: 'columnDimension',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.color,\n      name: 'midColor',\n      label: 'Mid-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'maxColor',\n      label: 'Max-point color (optional)',\n    },\n    {\n      ...inputs.color,\n      name: 'minColor',\n      label: 'Min-point color (optional)',\n    },\n    {\n      ...inputs.string,\n      name: 'minThreshold',\n      label: 'Max-point range lower limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.string,\n      name: 'maxThreshold',\n      label: 'Min-point range upper limit',\n      description: 'Enter a value as either a number (e.g. 20) or a percentage (e.g. 20%)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showValues',\n      label: 'Show values',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'firstColumnWidth',\n      label: 'First column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'columnWidth',\n      label: 'Column width',\n      description: 'Set the width in px (e.g. 200)',\n      category: 'Component Settings',\n    },\n    inputs.maxResults,\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewConfig = {\n  rowDimension: previewData.dimension,\n  columnDimension: 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>): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.rowDimension, inputs.columnDimension, inputs.measure],\n  limit: inputs.maxResults,\n  countRows: true,\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 heatMapPro = {\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":["getHeatMeasure","props","theme","themeFormatter","getThemeFormatter","value","getHeatDimension","HeatMapPro","useTheme","i18nSetup","title","description","tooltip","resolveI18nProps","hideMenu","measure","rowDimension","columnDimension","maxColor","midColor","minColor","displayNullAs","columnWidth","firstColumnWidth","showValues","minThreshold","maxThreshold","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","pivotMeasures","pivotRowDimension","pivotColumnDimension","jsx","ChartCard","_a","HeatMap","getStyle","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","heatMapPro"],"mappings":"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"}

package/dist/definition-BcVWZdce.js

@@ -0,0 +1,170 @@
+import { m as T, j as u, B as F, V as A, l as _ } from "./Color.type.emb-BBdbJHvt.js";
+import { useTheme as O, definePreview as W } from "@embeddable.com/react";
+import { a as X, r as z } from "./component.utils-DNw0iugA.js";
+import { C as E } from "./ChartCard-rrXP6aUC.js";
+import { b as H, a as I } from "./bars.utils-BrpDJfO5.js";
+import { u as q } from "./charts.fillGaps.hooks-CZW4DsTE.js";
+import { C as J, g as K } from "./granularity.utils-DFrZaG56.js";
+import { i as a } from "./component.inputs.constants-DqFfoZ5R.js";
+import { p as t } from "./preview.data.constants-D0uQPYd1.js";
+const m = (e) => {
+  var h, y;
+  const s = O();
+  X(s);
+  const {
+    groupBy: i,
+    measure: r,
+    reverseXAxis: n,
+    showLegend: D,
+    showLogarithmicScale: B,
+    showTooltips: w,
+    showTotalLabels: G,
+    showValueLabels: M,
+    xAxis: o,
+    yAxisRangeMax: v,
+    yAxisRangeMin: L,
+    setGranularity: d,
+    onBarClicked: V
+  } = e, { tooltip: c, description: x, title: g, xAxisLabel: P, yAxisLabel: R } = z(e), { hideMenu: S } = e, l = q({
+    results: e.results,
+    dimension: e.xAxis
+  }), p = H(
+    {
+      data: l.data,
+      dimension: o,
+      groupDimension: i,
+      measure: r
+    },
+    s
+  ), j = T(
+    I(
+      { measures: [r], horizontal: !1, onBarClicked: V, data: p, dimension: o },
+      s
+    ),
+    ((y = (h = s.charts) == null ? void 0 : h.barChartGroupedPro) == null ? void 0 : y.options) ?? {}
+  ), k = !g && !x && !c;
+  return /* @__PURE__ */ u.jsxs(
+    E,
+    {
+      data: l,
+      dimensionsAndMeasures: [r, o, i],
+      errorMessage: l.error,
+      description: x,
+      title: g,
+      tooltip: c,
+      hideMenu: S,
+      children: [
+        d && /* @__PURE__ */ u.jsx(
+          J,
+          {
+            hasMarginTop: k,
+            dimension: o,
+            onChange: d
+          }
+        ),
+        /* @__PURE__ */ u.jsx(
+          F,
+          {
+            data: p,
+            showLegend: D,
+            showTooltips: w,
+            showValueLabels: M,
+            showLogarithmicScale: B,
+            xAxisLabel: P,
+            yAxisLabel: R,
+            reverseXAxis: n,
+            yAxisRangeMin: L,
+            yAxisRangeMax: v,
+            showTotalLabels: G,
+            options: j
+          }
+        )
+      ]
+    }
+  );
+}, ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: m
+}, Symbol.toStringTag, { value: "Module" })), N = {
+  name: "BarChartGroupedPro",
+  label: "Bar Chart - Grouped",
+  category: "Bar Charts",
+  inputs: [
+    a.dataset,
+    a.measure,
+    { ...a.dimensionWithGranularitySelectField, name: "xAxis", label: "X-axis" },
+    a.groupBy,
+    a.title,
+    a.description,
+    a.tooltip,
+    a.maxResults,
+    a.showLegend,
+    a.showTooltips,
+    { ...a.showValueLabels, defaultValue: !1 },
+    a.showLogarithmicScale,
+    a.xAxisLabel,
+    a.yAxisLabel,
+    a.reverseXAxis,
+    a.yAxisRangeMin,
+    a.yAxisRangeMax
+  ],
+  events: [
+    {
+      name: "onBarClicked",
+      label: "A bar is clicked",
+      properties: [
+        {
+          name: "axisDimensionValue",
+          label: "Clicked axis dimension value",
+          type: "string"
+        },
+        {
+          name: "groupingDimensionValue",
+          label: "Clicked grouping dimension value",
+          type: "string"
+        }
+      ]
+    }
+  ]
+}, C = {
+  xAxis: t.dimension,
+  groupBy: t.dimensionGroup,
+  measure: t.measure,
+  results: t.results1Measure2Dimensions,
+  hideMenu: !0
+}, Q = W(m, C), b = (e, s) => ({
+  limit: e.maxResults,
+  from: e.dataset,
+  select: [s ?? e.xAxis, e.groupBy, e.measure]
+}), f = (e, s) => _(b(e, s)), U = {
+  onBarClicked: (e) => ({
+    axisDimensionValue: e.axisDimensionValue ?? A.noFilter(),
+    groupingDimensionValue: e.groupingDimensionValue ?? A.noFilter()
+  })
+}, Y = (e, [s, i]) => {
+  const r = K(e.xAxis, s == null ? void 0 : s.granularity);
+  return {
+    ...e,
+    xAxis: r,
+    setGranularity: (n) => i({ granularity: n }),
+    results: f(e, r)
+  };
+}, le = {
+  Component: m,
+  meta: N,
+  preview: Q,
+  previewConfig: C,
+  config: {
+    props: Y,
+    events: U
+  },
+  results: {
+    loadDataArgs: b,
+    loadData: f
+  }
+};
+export {
+  le as b,
+  ne as i
+};
+//# sourceMappingURL=definition-BcVWZdce.js.map

package/dist/definition-BcVWZdce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-BcVWZdce.js","sources":["../src/components/charts/bars/BarChartGroupedPro/index.tsx","../src/components/charts/bars/BarChartGroupedPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartGroupedProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  xAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity?: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options ?? {},\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      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\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 { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getDimensionWithGranularity } from '../../utils/granularity.utils';\n\nconst meta = {\n  name: 'BarChartGroupedPro',\n  label: 'Bar Chart - Grouped',\n  category: 'Bar Charts',\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\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, defaultValue: false },\n    inputs.showLogarithmicScale,\n    inputs.xAxisLabel,\n    inputs.yAxisLabel,\n    inputs.reverseXAxis,\n    inputs.yAxisRangeMin,\n    inputs.yAxisRangeMax,\n  ],\n  events: [\n    {\n      name: 'onBarClicked',\n      label: 'A bar 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 BarChartGroupedProState = {\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  onBarClicked: (value: { axisDimensionValue?: string; groupingDimensionValue?: string }) => ({\n    axisDimensionValue: value.axisDimensionValue ?? Value.noFilter(),\n    groupingDimensionValue: value.groupingDimensionValue ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [BarChartGroupedProState, (state: BarChartGroupedProState) => 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 barChartGroupedPro = {\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":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","loadDataResults","loadData","events","value","Value","state","setState","xAxisWithGranularity","getDimensionWithGranularity","granularity","barChartGroupedPro"],"mappings":"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"}