@embeddable.com/remarkable-pro 0.3.5 → 0.3.6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "repository": {
     "type": "git",
     "url": "https://github.com/embeddable-hq/remarkable-pro"
@@ -63,7 +63,7 @@
     "@changesets/cli": "^2.29.6",
     "@embeddable.com/core": "^2.13.7",
     "@embeddable.com/react": "^2.13.7",
-    "@embeddable.com/remarkable-ui": "^3.0.18",
+    "@embeddable.com/remarkable-ui": "^3.0.19",
     "@tabler/icons-react": "^3.34.1",
     "chart.js": "^4.5.0",
     "chartjs-plugin-datalabels": "^2.2.0",

package/dist/dates.utils-LPINyM3w.js

@@ -1,169 +0,0 @@
-import { d as h, u as c } from "./utc-CiYVTKd5.js";
-import { useState as f, useEffect as u } from "react";
-import { useTheme as b } from "@embeddable.com/react";
-const k = {
-  af: () => import("./af-BnPGuyoZ.js").then((t) => t.a),
-  am: () => import("./am-CTht91gI.js").then((t) => t.a),
-  ar: () => import("./ar-D5oXffSK.js").then((t) => t.a),
-  az: () => import("./az-BuBcuMxD.js").then((t) => t.a),
-  be: () => import("./be-6TDMuRI-.js").then((t) => t.b),
-  bg: () => import("./bg-D7EFOpXU.js").then((t) => t.b),
-  bi: () => import("./bi-DMAheplM.js").then((t) => t.b),
-  bm: () => import("./bm-BiviiOQo.js").then((t) => t.b),
-  bn: () => import("./bn-C7hG6XMF.js").then((t) => t.b),
-  bo: () => import("./bo-DrDTPraW.js").then((t) => t.b),
-  br: () => import("./br-Bah-lsa8.js").then((t) => t.b),
-  bs: () => import("./bs-zyGkjpbD.js").then((t) => t.b),
-  ca: () => import("./ca-DCjvA_6e.js").then((t) => t.c),
-  cs: () => import("./cs-Dx5Ov9fp.js").then((t) => t.c),
-  cv: () => import("./cv-BkDAzcmE.js").then((t) => t.c),
-  cy: () => import("./cy-BIwudn52.js").then((t) => t.c),
-  da: () => import("./da-DMzGkzN0.js").then((t) => t.d),
-  de: () => import("./de-DN_srl9H.js").then((t) => t.d),
-  dv: () => import("./dv-DqfOiAOa.js").then((t) => t.d),
-  el: () => import("./el-DRazChj2.js").then((t) => t.e),
-  en: () => import("./en-Cbvl6b7O.js").then((t) => t.e),
-  eo: () => import("./eo-BHu_t0Eo.js").then((t) => t.e),
-  es: () => import("./es-cYnm2Hrv.js").then((t) => t.e),
-  et: () => import("./et-xxrOegSp.js").then((t) => t.e),
-  eu: () => import("./eu-DhktYxVI.js").then((t) => t.e),
-  fa: () => import("./fa-9WLmLDSh.js").then((t) => t.f),
-  fi: () => import("./fi-BaOUwI2P.js").then((t) => t.f),
-  fo: () => import("./fo-AY850tyv.js").then((t) => t.f),
-  fr: () => import("./fr-DuGU2qV3.js").then((t) => t.f),
-  fy: () => import("./fy-ByIsn3VC.js").then((t) => t.f),
-  ga: () => import("./ga-DO6N5UL5.js").then((t) => t.g),
-  gd: () => import("./gd-8Cpnoh3b.js").then((t) => t.g),
-  gl: () => import("./gl-oWfq6hSQ.js").then((t) => t.g),
-  gu: () => import("./gu-BTm5Ap5A.js").then((t) => t.g),
-  he: () => import("./he-Cd038LtN.js").then((t) => t.h),
-  hi: () => import("./hi-IFNUivAP.js").then((t) => t.h),
-  hr: () => import("./hr-CldUxejD.js").then((t) => t.h),
-  ht: () => import("./ht-ByUbblsT.js").then((t) => t.h),
-  hu: () => import("./hu-CPiHhaLJ.js").then((t) => t.h),
-  id: () => import("./id-5gnT8jF0.js").then((t) => t.i),
-  is: () => import("./is-6wYxGbHC.js").then((t) => t.i),
-  it: () => import("./it-Bs7yFtoC.js").then((t) => t.i),
-  ja: () => import("./ja-KxYq1Keq.js").then((t) => t.j),
-  jv: () => import("./jv-Z59fnm9r.js").then((t) => t.j),
-  ka: () => import("./ka-C5stxZNq.js").then((t) => t.k),
-  kk: () => import("./kk-Bjp2oS1M.js").then((t) => t.k),
-  km: () => import("./km-cCyErL-J.js").then((t) => t.k),
-  kn: () => import("./kn-Cn3e7R-p.js").then((t) => t.k),
-  ko: () => import("./ko-DwbRGcg_.js").then((t) => t.k),
-  ku: () => import("./ku-D8V8DLkP.js").then((t) => t.k),
-  ky: () => import("./ky-DgKCQpit.js").then((t) => t.k),
-  lb: () => import("./lb-B1H3ev7O.js").then((t) => t.l),
-  lo: () => import("./lo-BTLR-4Ua.js").then((t) => t.l),
-  lt: () => import("./lt-CpVBw6AZ.js").then((t) => t.l),
-  lv: () => import("./lv-CHWUynv0.js").then((t) => t.l),
-  me: () => import("./me-BPihshNS.js").then((t) => t.m),
-  mi: () => import("./mi-Cb-2ijwY.js").then((t) => t.m),
-  mk: () => import("./mk-BH7eZmqu.js").then((t) => t.m),
-  ml: () => import("./ml-CwYt0YaD.js").then((t) => t.m),
-  mn: () => import("./mn-BQDV_tLC.js").then((t) => t.m),
-  mr: () => import("./mr-Cz2meNaV.js").then((t) => t.m),
-  ms: () => import("./ms-Drl8Gge6.js").then((t) => t.m),
-  mt: () => import("./mt-Biv_dLXp.js").then((t) => t.m),
-  my: () => import("./my-BHy9cEF_.js").then((t) => t.m),
-  nb: () => import("./nb-BMrTF3LP.js").then((t) => t.n),
-  ne: () => import("./ne-B-gxqF-u.js").then((t) => t.n),
-  nl: () => import("./nl-Cral7JEK.js").then((t) => t.n),
-  nn: () => import("./nn-C1_ylJFR.js").then((t) => t.n),
-  pl: () => import("./pl-D2pKy9F1.js").then((t) => t.p),
-  pt: () => import("./pt-3Uvt8G16.js").then((t) => t.p),
-  ro: () => import("./ro-lXLM5wIH.js").then((t) => t.r),
-  ru: () => import("./ru-CvRL7AkU.js").then((t) => t.r),
-  rw: () => import("./rw-BWaAHq7K.js").then((t) => t.r),
-  sd: () => import("./sd-DwN_Idzz.js").then((t) => t.s),
-  se: () => import("./se-BnIu6dPe.js").then((t) => t.s),
-  si: () => import("./si-C7noOV3G.js").then((t) => t.s),
-  sk: () => import("./sk-aGMXL0jT.js").then((t) => t.s),
-  sl: () => import("./sl-CSDUQXp6.js").then((t) => t.s),
-  sq: () => import("./sq-BWIZHH0T.js").then((t) => t.s),
-  sr: () => import("./sr-DWXLYUZl.js").then((t) => t.s),
-  ss: () => import("./ss-DRoAfKgl.js").then((t) => t.s),
-  sv: () => import("./sv-COvXHvfd.js").then((t) => t.s),
-  sw: () => import("./sw-DVBjWTn7.js").then((t) => t.s),
-  ta: () => import("./ta-D_B2aKTU.js").then((t) => t.t),
-  te: () => import("./te-ZeV91eOU.js").then((t) => t.t),
-  tet: () => import("./tet-DVZKHkE5.js").then((t) => t.t),
-  tg: () => import("./tg-BzwSdhGO.js").then((t) => t.t),
-  th: () => import("./th-Cjw35Sul.js").then((t) => t.t),
-  tk: () => import("./tk-BJwa-YKB.js").then((t) => t.t),
-  tlh: () => import("./tlh-Bd8Hj-rX.js").then((t) => t.t),
-  tr: () => import("./tr-__Yjprt-.js").then((t) => t.t),
-  tzl: () => import("./tzl-DLj-cE5y.js").then((t) => t.t),
-  tzm: () => import("./tzm-BbgReqpM.js").then((t) => t.t),
-  uk: () => import("./uk-CkEIyMZ2.js").then((t) => t.u),
-  ur: () => import("./ur-CMRddQHy.js").then((t) => t.u),
-  uz: () => import("./uz-CKEHZNva.js").then((t) => t.u),
-  vi: () => import("./vi-DDguFMAp.js").then((t) => t.v),
-  x_pseudo: () => import("./x-pseudo-G09tNhGy.js").then((t) => t.x),
-  yo: () => import("./yo-C2uzXj00.js").then((t) => t.y),
-  zh_cn: () => import("./zh-cn-Cq0odDRx.js").then((t) => t.z),
-  zh_hk: () => import("./zh-hk-7tX7IidE.js").then((t) => t.z),
-  zh_tw: () => import("./zh-tw-LFc2ke0C.js").then((t) => t.z)
-};
-async function y(t) {
-  const r = k[t.toLowerCase()];
-  if (r)
-    try {
-      await r(), h.locale(t);
-    } catch {
-      console.warn(`Locale "${t}" not supported, falling back to "en".`), h.locale("en");
-    }
-}
-const Y = () => {
-  const t = b(), [r, n] = f(!1);
-  return u(() => {
-    const o = t.i18n.language ?? t.formatter.locale;
-    (async () => {
-      n(!1), await y(o), n(!0);
-    })();
-  }, [t.i18n.language, t.formatter.locale]), { dayjsLocaleReady: r };
-}, j = (t) => {
-  const r = t.getTimezoneOffset() * 6e4;
-  return new Date(t.getTime() - r);
-};
-h.extend(c);
-const w = (t, r, n) => {
-  var o;
-  if ((r == null ? void 0 : r.length) === 0)
-    return t;
-  if (t != null && t.relativeTimeString) {
-    const e = (o = r == null ? void 0 : r.find((p) => p.value === (t == null ? void 0 : t.relativeTimeString))) == null ? void 0 : o.getRange(n), { from: m, to: i } = e || {};
-    if (e)
-      return { from: m, to: i, relativeTimeString: t.relativeTimeString };
-  }
-  return t;
-}, T = (t, r, n, o) => {
-  const e = D(t, n, o);
-  if (!e)
-    return "";
-  const { from: m, to: i } = e, p = (/* @__PURE__ */ new Date()).getUTCFullYear(), s = p !== (m == null ? void 0 : m.getUTCFullYear()) || p !== (i == null ? void 0 : i.getUTCFullYear()) ? "DD MMM YYYY" : r, a = h(m).utc().format(s), l = h(i).utc().format(s);
-  return a === l ? a : `${a} - ${l}`;
-}, D = (t, r, n) => {
-  if (!t)
-    return t;
-  let o = t;
-  if ((!(t != null && t.from) || !(t != null && t.to)) && (t != null && t.relativeTimeString) && (r != null && r.length)) {
-    const e = r.find((m) => m.value === t.relativeTimeString);
-    o = e == null ? void 0 : e.getRange(n);
-  }
-  return o;
-}, S = (t) => t && {
-  relativeTimeString: void 0,
-  from: h.utc(t.from).toDate(),
-  to: h.utc(t.to).toDate()
-};
-export {
-  w as a,
-  D as b,
-  S as c,
-  j as d,
-  T as g,
-  y as l,
-  Y as u
-};
-//# sourceMappingURL=dates.utils-LPINyM3w.js.map

package/dist/pies.utils-Drvky2f7.js

@@ -1,112 +0,0 @@
-import { g as P, b, a as c } from "./charts.utils-DtGWPIVa.js";
-import { r as f } from "./theme.constants-T0AFNuJR.js";
-import { g as h } from "./formatter.utils-DE-_ADag.js";
-import { g } from "./styles.utils-C8CnV0SB.js";
-import { p as D } from "./index-BDd5cXFC.js";
-import { g as C } from "./dimension.utils-CB-LXCP5.js";
-import { a as T } from "./component.utils-oQMZT7TK.js";
-const v = ({
-  results: a,
-  dimension: o,
-  onClicked: n
-}) => ({ elementAtEvent: s }) => {
-  var e, t;
-  const i = s[0];
-  if (!i) return;
-  const m = (t = (e = a.data) == null ? void 0 : e[i.index]) == null ? void 0 : t[o.name], l = C({ value: m, dimension: o });
-  n == null || n({ dimensionValue: m, dimensionTimeRange: l });
-}, w = (a, o = f) => {
-  if (!a.data)
-    return {
-      labels: [],
-      datasets: [{ data: [] }]
-    };
-  const n = P(
-    a.data,
-    a.dimension,
-    [a.measure],
-    a.maxLegendItems
-  ), s = D(), i = n.map(
-    (e, t) => g({
-      dimensionOrMeasure: a.dimension,
-      theme: o,
-      color: "background",
-      value: `${a.dimension.name}.${e[a.dimension.name]}`,
-      chartColors: s,
-      index: t
-    })
-  ), m = n.map(
-    (e, t) => g({
-      dimensionOrMeasure: a.dimension,
-      theme: o,
-      color: "border",
-      value: `${a.dimension.name}.${e[a.dimension.name]}`,
-      chartColors: s,
-      index: t
-    })
-  ), l = h(o);
-  return {
-    labels: n.map((e) => {
-      const t = e[a.dimension.name], r = l.data(
-        b(a.dimension),
-        t
-      );
-      return t === r ? T.t(t) : r;
-    }),
-    datasets: [
-      {
-        data: n.map((e) => e[a.measure.name]),
-        backgroundColor: i,
-        borderColor: m
-      }
-    ]
-  };
-}, S = (a, o = f) => {
-  var l;
-  const { dimension: n, measure: s } = a, i = h(o), m = (l = s.inputs) == null ? void 0 : l.decimalPlaces;
-  return {
-    plugins: {
-      legend: {
-        position: o.charts.legendPosition ?? "bottom",
-        labels: {
-          generateLabels: (e) => (e.data.labels ?? []).map((r, d) => {
-            const u = e.getDatasetMeta(0).controller.getStyle(d, !1);
-            return {
-              text: i.data(n, r),
-              fillStyle: u.backgroundColor,
-              strokeStyle: u.borderColor,
-              lineWidth: u.borderWidth,
-              hidden: !e.getDataVisibility(d),
-              index: d
-            };
-          })
-        }
-      },
-      datalabels: {
-        formatter: (e, t) => {
-          var r;
-          return (r = s.inputs) != null && r.showValueAsPercentage ? c(Number(e), t.dataset.data, m) : i.data(s, e);
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (e) => {
-            var r;
-            const t = (r = e[0]) == null ? void 0 : r.label;
-            return i.data(b(n), t);
-          },
-          label(e) {
-            const t = e.raw;
-            return `${i.data(s, t)} (${c(t, e.dataset.data, m)})`;
-          }
-        }
-      }
-    }
-  };
-};
-export {
-  S as a,
-  v as c,
-  w as g
-};
-//# sourceMappingURL=pies.utils-Drvky2f7.js.map

package/dist/pies.utils-Drvky2f7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pies.utils-Drvky2f7.js","sources":["../src/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport {\n  getDatalabelPercentage,\n  getDimensionWithoutTruncation,\n  groupTailAsOther,\n} from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getDimensionMeasureColor } from '../../../theme/styles/styles.utils';\nimport { getChartColors, ChartClickArgs } from '@embeddable.com/remarkable-ui';\nimport { PieChartClickArg } from './pies.types';\nimport { getTimeRangeFromDimensionValue } from '../../utils/dimension.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\n\nexport const createPieClickHandler = ({\n  results,\n  dimension,\n  onClicked,\n}: {\n  results: DataResponse;\n  dimension: Dimension;\n  onClicked?: (args: PieChartClickArg) => void;\n}): ((args: ChartClickArgs) => void) => {\n  return ({ elementAtEvent }) => {\n    const element = elementAtEvent[0];\n    if (!element) return;\n    const dimensionValue = results.data?.[element.index]?.[dimension.name] as string | undefined;\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({ value: dimensionValue, dimension });\n    onClicked?.({ dimensionValue, dimensionTimeRange });\n  };\n};\n\nexport const getPieChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measure: Measure;\n    maxLegendItems?: number;\n  },\n  theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n  if (!props.data)\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n\n  const groupedData = groupTailAsOther(\n    props.data,\n    props.dimension,\n    [props.measure],\n    props.maxLegendItems,\n  );\n\n  const chartColors = getChartColors();\n  const backgroundColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'background',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const borderColor = groupedData.map((item, index) =>\n    getDimensionMeasureColor({\n      dimensionOrMeasure: props.dimension,\n      theme,\n      color: 'border',\n      value: `${props.dimension.name}.${item[props.dimension.name]}`,\n      chartColors,\n      index,\n    }),\n  );\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    labels: groupedData.map((item) => {\n      const value = item[props.dimension.name];\n      const formattedValue = themeFormatter.data(\n        getDimensionWithoutTruncation(props.dimension),\n        value,\n      );\n\n      // If formatter did not work, try i18n translation\n      if (value === formattedValue) {\n        return i18n.t(value);\n      }\n      return formattedValue;\n    }),\n    datasets: [\n      {\n        data: groupedData.map((item) => item[props.measure.name]),\n        backgroundColor,\n        borderColor,\n      },\n    ],\n  };\n};\n\nexport const getPieChartProOptions = (\n  props: { measure: Measure; dimension: Dimension },\n  theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n  const { dimension, measure } = props;\n  const themeFormatter = getThemeFormatter(theme);\n  const decimalPlaces = measure.inputs?.decimalPlaces;\n\n  return {\n    plugins: {\n      legend: {\n        position: theme.charts.legendPosition ?? 'bottom',\n        labels: {\n          generateLabels: (chart) => {\n            const labels = chart.data.labels ?? [];\n            return labels.map((label, i) => {\n              const meta = chart.getDatasetMeta(0);\n              const style = meta.controller.getStyle(i, false);\n              return {\n                text: themeFormatter.data(dimension, label as string),\n                fillStyle: style.backgroundColor as string,\n                strokeStyle: style.borderColor as string,\n                lineWidth: style.borderWidth,\n                hidden: !chart.getDataVisibility(i),\n                index: i,\n              };\n            });\n          },\n        },\n      },\n      datalabels: {\n        formatter: (value: string | number, context) => {\n          if (measure.inputs?.showValueAsPercentage) {\n            return getDatalabelPercentage(Number(value), context.dataset.data, decimalPlaces);\n          }\n          return themeFormatter.data(measure, value);\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(getDimensionWithoutTruncation(dimension), label);\n          },\n          label(context) {\n            const raw = context.raw as number;\n            return `${themeFormatter.data(measure, raw)} (${getDatalabelPercentage(raw, context.dataset.data, decimalPlaces)})`;\n          },\n        },\n      },\n    },\n  };\n};\n"],"names":["createPieClickHandler","results","dimension","onClicked","elementAtEvent","element","dimensionValue","_b","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","getPieChartProData","props","theme","remarkableTheme","groupedData","groupTailAsOther","chartColors","getChartColors","backgroundColor","item","index","getDimensionMeasureColor","borderColor","themeFormatter","getThemeFormatter","value","formattedValue","getDimensionWithoutTruncation","i18n","getPieChartProOptions","measure","decimalPlaces","chart","label","i","style","context","getDatalabelPercentage","raw"],"mappings":"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"}