@embeddable.com/remarkable-pro 0.1.31 → 0.2.0

package/dist/bars.utils-CG7i6UTJ.js

@@ -0,0 +1,159 @@
+import { t as O, v as w } from "./index-CJYh9LRs.js";
+import { r as M, g as T, a as $ } from "./charts.utils-BMX0edl3.js";
+import { g as C } from "./formatter.utils-BLaKKpAa.js";
+import { g as f } from "./styles.utils-C8CnV0SB.js";
+const A = (s, d) => {
+  var b;
+  const m = C(d), { data: o = [], dimension: c, groupDimension: a, measure: i } = s, n = [...new Set(o.map((t) => t[c.name]).filter((t) => t != null))];
+  n.sort();
+  const e = s.axisOrder ? s.axisOrder.filter((t) => n.includes(t)) : n, r = `${a.name}${a.nativeType === w && ((b = a.inputs) != null && b.granularity) ? `.${a.inputs.granularity}` : ""}`, l = [...new Set(o.map((t) => t[r]))].filter((t) => t != null), u = O(), g = l.map((t, h) => {
+    const v = f({
+      dimensionOrMeasure: a,
+      theme: d,
+      color: "background",
+      value: `${a.name}.${t}`,
+      index: h,
+      chartColors: u
+    }), P = f({
+      dimensionOrMeasure: a,
+      theme: d,
+      color: "border",
+      value: `${a.name}.${t}`,
+      index: h,
+      chartColors: u
+    });
+    return {
+      label: m.data(a, t),
+      rawLabel: t,
+      backgroundColor: v,
+      borderColor: P,
+      data: e.map((p) => {
+        const k = o.find(
+          (D) => D[r] === t && D[c.name] === p
+        );
+        return k ? Number(k[i.name]) : 0;
+      })
+    };
+  });
+  return {
+    labels: e,
+    datasets: g
+  };
+}, E = (s, d = M) => {
+  if (!s.data)
+    return {
+      labels: [],
+      datasets: [{ data: [] }]
+    };
+  const m = C(d), o = T(s.data, s.dimension, s.measures, s.maxItems), c = O();
+  return {
+    labels: o.map((a) => a[s.dimension.name]),
+    datasets: s.measures.map((a, i) => {
+      const n = f({
+        dimensionOrMeasure: a,
+        theme: d,
+        color: "background",
+        value: a.name,
+        index: i,
+        chartColors: c
+      }), e = f({
+        dimensionOrMeasure: a,
+        theme: d,
+        color: "border",
+        value: a.name,
+        index: i,
+        chartColors: c
+      });
+      return {
+        label: m.dimensionOrMeasureTitle(a),
+        data: o.map((r) => r[a.name] ?? 0),
+        backgroundColor: n,
+        borderColor: e
+      };
+    })
+  };
+}, N = (s, d) => {
+  const { datasets: m } = s.chart.data, o = s.dataIndex, c = m.reduce((a, i) => {
+    const n = i.data[o];
+    return a + (n || 0);
+  }, 0);
+  return d(c);
+}, I = (s, d) => {
+  const { onBarClicked: m, measures: o, dimension: c, horizontal: a, data: i } = s, n = C(d);
+  return {
+    plugins: {
+      legend: { position: d.charts.legendPosition ?? "bottom" },
+      datalabels: {
+        labels: {
+          total: {
+            formatter: (e, r) => N(
+              r,
+              (l) => n.data(o[0], l)
+            )
+          },
+          value: {
+            formatter: (e, r) => {
+              var u;
+              const l = o[r.datasetIndex % o.length];
+              return (u = l.inputs) != null && u.showValueAsPercentage ? $(Number(e), r.dataset.data) : n.data(l, e);
+            }
+          }
+        }
+      },
+      tooltip: {
+        callbacks: {
+          title: (e) => {
+            var l;
+            const r = (l = e[0]) == null ? void 0 : l.label;
+            return n.data(c, r);
+          },
+          label: (e) => {
+            var t;
+            const r = o[e.datasetIndex % o.length], l = e.raw, u = n.data(c, e.dataset.label) || "", g = n.data(r, l);
+            let b = "";
+            return (t = r.inputs) != null && t.showValueAsPercentage && (b = `(${$(l, e.dataset.data)})`), `${u}: ${g} ${b}`;
+          }
+        }
+      }
+    },
+    scales: {
+      x: {
+        ticks: {
+          callback: (e) => {
+            if (a)
+              return n.data(o[0], e);
+            if (!i || !i.labels) return;
+            const r = i.labels[Number(e)];
+            return n.data(c, r);
+          }
+        }
+      },
+      y: {
+        ticks: {
+          callback: (e) => {
+            if (!a)
+              return n.data(o[0], e);
+            if (!i || !i.labels) return;
+            const r = i.labels[Number(e)];
+            return n.data(c, r);
+          }
+        }
+      }
+    },
+    onClick: (e, r, l) => {
+      var t;
+      if (!m) return;
+      const u = r[0], g = u ? l.data.labels[u.index] : null, b = u ? (t = l.data.datasets[u.datasetIndex]) == null ? void 0 : t.rawLabel : null;
+      m({
+        axisDimensionValue: g,
+        groupingDimensionValue: b
+      });
+    }
+  };
+};
+export {
+  I as a,
+  A as b,
+  E as g
+};
+//# sourceMappingURL=bars.utils-CG7i6UTJ.js.map

package/dist/bars.utils-CG7i6UTJ.js.map

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

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

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

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

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