@embeddable.com/remarkable-ui 0.1.49 → 0.1.51

package/dist/{KpiChart-C6zepuhF.js.map → KpiChart-CS9s8nJ4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"KpiChart-C6zepuhF.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = value === undefined ? '' : valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"KpiChart-CS9s8nJ4.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingDown.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconTrendingUp.mjs","../src/remarkable-ui/charts/kpis/components/KpiChartChange.tsx","../src/remarkable-ui/charts/kpis/KpiChart.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 7l6 6l4 -4l8 8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M21 10l0 7l-7 0\", \"key\": \"svg-1\" }]];\nconst IconTrendingDown = createReactComponent(\"outline\", \"trending-down\", \"TrendingDown\", __iconNode);\n\nexport { __iconNode, IconTrendingDown as default };\n//# sourceMappingURL=IconTrendingDown.mjs.map\n","/**\n * @license @tabler/icons-react v3.35.0 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M3 17l6 -6l4 4l8 -8\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 7l7 0l0 7\", \"key\": \"svg-1\" }]];\nconst IconTrendingUp = createReactComponent(\"outline\", \"trending-up\", \"TrendingUp\", __iconNode);\n\nexport { __iconNode, IconTrendingUp as default };\n//# sourceMappingURL=IconTrendingUp.mjs.map\n","import { FC } from 'react';\nimport styles from './KpiChartChange.module.css';\nimport clsx from 'clsx';\nimport { Typography } from '../../../shared/Typography/Typography';\nimport { IconTrendingDown, IconTrendingUp } from '@tabler/icons-react';\nimport { KpiChartProps } from '../KpiChart.types';\n\nconst getChangeClass = (isPositive: boolean, invertChangeColors: boolean) => {\n  if (isPositive) return invertChangeColors ? styles.negative : styles.positive;\n  return invertChangeColors ? styles.positive : styles.negative;\n};\n\ntype KpiChartChangeProps = KpiChartProps & { className?: string };\n\nexport const KpiChartChange: FC<KpiChartChangeProps> = ({\n  value,\n  comparisonValue = 0,\n  showChangeAsPercentage,\n  invertChangeColors = false,\n  comparisonLabel,\n  valueFormatter,\n  percentageDecimalPlaces = 1,\n  className,\n}) => {\n  const difference = value - comparisonValue;\n  const isPositive = difference > 0;\n\n  let differenceLabel: string;\n\n  if (showChangeAsPercentage) {\n    const percentage = comparisonValue === 0 ? 0 : (difference / comparisonValue) * 100;\n    differenceLabel = `${percentage.toFixed(percentageDecimalPlaces)}%`;\n  } else {\n    differenceLabel = valueFormatter ? valueFormatter(difference) : difference.toString();\n  }\n\n  const displayValue = `${isPositive ? '+' : ''}${differenceLabel}`;\n\n  const Icon = isPositive ? IconTrendingUp : IconTrendingDown;\n\n  return (\n    <div className={clsx(className, styles.kpiChartChangeContainer)}>\n      <div className={clsx(styles.kpiChangeBadge, getChangeClass(isPositive, invertChangeColors))}>\n        <Icon />\n        <Typography>{displayValue}</Typography>\n      </div>\n      {comparisonLabel && <Typography>{comparisonLabel}</Typography>}\n    </div>\n  );\n};\n","import { FC } from 'react';\nimport { Typography } from '../../shared/Typography/Typography';\nimport styles from './KpiChart.module.css';\nimport { KpiChartChange } from './components/KpiChartChange';\nimport { KpiChartProps } from './KpiChart.types';\nimport clsx from 'clsx';\n\nexport const KpiChart: FC<KpiChartProps> = ({\n  value,\n  changeFontSize,\n  comparisonValue,\n  comparisonLabel,\n  invertChangeColors,\n  showChangeAsPercentage,\n  percentageDecimalPlaces = 1,\n  equalComparisonLabel = 'No change',\n  valueFontSize,\n  valueFormatter,\n}) => {\n  const hasComparisonValue = comparisonValue !== undefined;\n  const equalComparison = hasComparisonValue && comparisonValue === value;\n\n  const displayValue = value === undefined ? '' : valueFormatter ? valueFormatter(value) : value;\n\n  return (\n    <div className={styles.kpiChartContainer}>\n      <Typography style={{ fontSize: valueFontSize }}>{displayValue}</Typography>\n      <div className={styles.kpiComparisonContainer} style={{ fontSize: changeFontSize }}>\n        {equalComparison ? (\n          <Typography>{equalComparisonLabel}</Typography>\n        ) : (\n          <KpiChartChange\n            changeFontSize={changeFontSize}\n            className={clsx(!hasComparisonValue && styles.kpiChangeHidden)}\n            comparisonLabel={comparisonLabel}\n            comparisonValue={comparisonValue}\n            invertChangeColors={invertChangeColors}\n            percentageDecimalPlaces={percentageDecimalPlaces}\n            showChangeAsPercentage={showChangeAsPercentage}\n            value={value}\n            valueFormatter={valueFormatter}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"names":["__iconNode","IconTrendingDown","createReactComponent","IconTrendingUp","getChangeClass","isPositive","invertChangeColors","styles","KpiChartChange","value","comparisonValue","showChangeAsPercentage","comparisonLabel","valueFormatter","percentageDecimalPlaces","className","difference","differenceLabel","displayValue","Icon","clsx","jsxs","jsx","Typography","KpiChart","changeFontSize","equalComparisonLabel","valueFontSize","hasComparisonValue","equalComparison"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/KpiChartNumberComparisonPro.js

@@ -1,38 +1,38 @@
 import { useTheme as j, defineComponent as w } from "@embeddable.com/react";
-import { i as A, r as Y, U as l, j as y, d as q, w as B, W as E, X as M, t as I, c as J, Y as b, Z as c, o as v } from "./component.constants-CFaxyNCw.js";
-import { C as O } from "./ChartCard-CMgDz_bs.js";
-import { useEffect as U } from "react";
-import { K as W } from "./KpiChart-C6zepuhF.js";
-import { g as X } from "./formatter.utils-Cu4uKJSZ.js";
-import { g as Z, a as $ } from "./timeRange.utils-Z2lmKTCB.js";
-import { C as k } from "./ComparisonPeriod.type.emb-C1o3iM9L.js";
-const G = (e) => {
+import { i as A, r as q, F as l, j as y, d as B, w as E, G as I, H as J, t as M, c as Y, I as b, J as c, o as v } from "./component.constants-DCOqCFoY.js";
+import { C as G } from "./ChartCard-D-0O5ugW.js";
+import { useEffect as H } from "react";
+import { K as O } from "./KpiChart-CS9s8nJ4.js";
+import { g as $ } from "./formatter.utils-B80iNq9Q.js";
+import { g as k, a as Q } from "./timeRange.utils-u1NZ0u7o.js";
+import { C as U } from "./ComparisonPeriod.type.emb-CYp3nw-9.js";
+const W = (e) => {
   var d, C, P, h, u, f;
   const a = j();
   A(a);
-  const { title: i, description: n } = Y(e), {
+  const { title: i, description: n } = q(e), {
     changeFontSize: D,
     comparisonPeriod: s,
     comparisonDateRange: R,
-    displayChangeAsPercentage: N,
-    fontSize: S,
+    displayChangeAsPercentage: F,
+    fontSize: N,
     measure: t,
     primaryDateRange: p,
     results: r,
     resultsComparison: o,
-    reversePositiveNegativeColors: F,
+    reversePositiveNegativeColors: S,
     percentageDecimalPlaces: z,
     setComparisonDateRange: K
   } = e;
-  U(() => {
-    const m = Z(
+  H(() => {
+    const m = k(
       p,
       s,
       a
     );
     K(m);
   }, [s, JSON.stringify(p), a]);
-  const L = (C = (d = r.data) == null ? void 0 : d[0]) == null ? void 0 : C[t.name], T = R ? (h = (P = o == null ? void 0 : o.data) == null ? void 0 : P[0]) == null ? void 0 : h[t.name] : void 0, V = X(a), x = (m) => V.data(t, m), _ = `vs ${$(s, a).toLowerCase()}`, g = {
+  const L = (C = (d = r.data) == null ? void 0 : d[0]) == null ? void 0 : C[t.name], T = R ? (h = (P = o == null ? void 0 : o.data) == null ? void 0 : P[0]) == null ? void 0 : h[t.name] : void 0, V = $(a), x = (m) => V.data(t, m), _ = `vs ${Q(s, a).toLowerCase()}`, g = {
     isLoading: !!(r.isLoading || o != null && o.isLoading),
     data: !(r != null && r.data) && !(o != null && o.data) ? void 0 : [
       ...(u = r.data) != null && u.length ? [{ label: l.t("charts.primaryPeriod"), ...r.data[0] }] : [],
@@ -40,7 +40,7 @@ const G = (e) => {
     ]
   };
   return /* @__PURE__ */ y.jsx(
-    O,
+    G,
     {
       data: g,
       dimensionsAndMeasures: [
@@ -57,31 +57,31 @@ const G = (e) => {
       subtitle: n,
       title: i,
       children: /* @__PURE__ */ y.jsx(
-        W,
+        O,
         {
           value: L,
           comparisonValue: g.isLoading ? void 0 : T,
           valueFormatter: x,
-          valueFontSize: S,
+          valueFontSize: N,
           changeFontSize: D,
-          invertChangeColors: F,
-          showChangeAsPercentage: N,
+          invertChangeColors: S,
+          showChangeAsPercentage: F,
           comparisonLabel: _,
           percentageDecimalPlaces: z
         }
       )
     }
   );
-}, H = {
+}, X = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
   category: "Kpi Charts",
   inputs: [
-    q,
     B,
-    { ...E, name: "timeProperty", label: "Time Property" },
+    E,
+    { ...I, name: "timeProperty", label: "Time Property" },
     {
-      ...M,
+      ...J,
       name: "primaryDateRange",
       label: "Primary Date Range",
       description: "You can also connect this to a date range selector using its variable",
@@ -89,13 +89,13 @@ const G = (e) => {
     },
     {
       name: "comparisonPeriod",
-      type: k,
+      type: U,
       label: "Comparison Period",
       description: "You can also connect this to a comparison period selector using its variable",
       category: "Component Data"
     },
-    I,
-    J,
+    M,
+    Y,
     {
       ...b,
       name: "displayChangeAsPercentage",
@@ -123,7 +123,7 @@ const G = (e) => {
       required: !0
     }
   ]
-}, se = w(G, H, {
+}, se = w(W, X, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (e, [a, i]) => ({
     ...e,
@@ -157,6 +157,6 @@ const G = (e) => {
 });
 export {
   se as default,
-  H as meta
+  X as meta
 };
 //# sourceMappingURL=KpiChartNumberComparisonPro.js.map

package/dist/KpiChartNumberPro.js

@@ -1,9 +1,9 @@
 import { useTheme as h, defineComponent as f } from "@embeddable.com/react";
-import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, Z as N, o as S } from "./component.constants-CFaxyNCw.js";
-import { C as j } from "./ChartCard-CMgDz_bs.js";
+import { i as C, r as b, j as m, d as K, w as g, t as x, c as F, J as N, o as S } from "./component.constants-DCOqCFoY.js";
+import { C as j } from "./ChartCard-D-0O5ugW.js";
 import "react";
-import { K as v } from "./KpiChart-C6zepuhF.js";
-import { g as z } from "./formatter.utils-Cu4uKJSZ.js";
+import { K as v } from "./KpiChart-CS9s8nJ4.js";
+import { g as z } from "./formatter.utils-B80iNq9Q.js";
 const P = (e) => {
   var s, o;
   const a = h();

package/dist/LineChartComparisonDefaultPro.js

@@ -1,14 +1,14 @@
 import { useTheme as Y, defineComponent as _ } from "@embeddable.com/react";
-import { m as E, E as G, C as w, U, _ as I, $ as O, i as q, r as z, j as V, a0 as K, d as J, a as B, Y as A, a1 as S, z as W, X as H, W as Q, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as ie, y as oe, p as re, q as le, u as me, A as de, V as ce, o as F } from "./component.constants-CFaxyNCw.js";
-import { C as pe } from "./ChartCard-CMgDz_bs.js";
+import { m as G, E, K as w, F as K, L as I, M as O, i as q, r as z, j as V, N as U, d as H, a as B, I as A, O as S, z as J, H as Q, G as W, t as Z, c as ee, s as ae, e as se, f as ne, g as te, x as ie, y as oe, p as re, q as le, u as me, A as de, V as ce, o as F } from "./component.constants-DCOqCFoY.js";
+import { C as pe } from "./ChartCard-D-0O5ugW.js";
 import { useEffect as ue } from "react";
-import { g as ge } from "./timeRange.utils-Z2lmKTCB.js";
-import { g as M } from "./formatter.utils-Cu4uKJSZ.js";
+import { g as ge } from "./timeRange.utils-u1NZ0u7o.js";
+import { g as M } from "./formatter.utils-B80iNq9Q.js";
 import { g as xe, a as he } from "./object.utils-D_Zzon-H.js";
 import { i as be, s as Ce } from "./color.utils-CVyp-fGP.js";
 import { g as fe } from "./lines.utils-CFEUUo4k.js";
 import { u as N } from "./charts.fillGaps.hooks-5WclK2CD.js";
-import { C as ye } from "./ComparisonPeriod.type.emb-C1o3iM9L.js";
+import { C as ye } from "./ComparisonPeriod.type.emb-CYp3nw-9.js";
 const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
   var P, k, h, u;
   const { data: n, measure: i, dimension: s, index: c, isPreviousPeriod: r, hasMinMaxYAxisRange: b, labels: e } = a, p = n == null ? void 0 : n.map((C) => C[s.name]), l = !!((P = i.inputs) != null && P.connectGaps), g = e ? e.map((C) => {
@@ -17,14 +17,14 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
   }) : n == null ? void 0 : n.map((C) => C[i.name] ?? (l ? 0 : null)), x = M(t), f = xe(t), o = !!((k = i.inputs) != null && k[r ? "previousLineDashed" : "lineDashed"]), m = (h = i.inputs) == null ? void 0 : h[r ? "previousLineColor" : "lineColor"], d = be(m) ? m : he(
     `${f}.charts.backgroundColors`,
     i.name,
-    t.charts.backgroundColors ?? G,
+    t.charts.backgroundColors ?? E,
     c
   ), y = x.dimensionOrMeasureTitle(i);
   return {
     xAxisID: r ? v : L,
     labels: p,
     rawLabel: y,
-    label: (r ? `${U.t("common.compared")} ` : "") + y,
+    label: (r ? `${K.t("common.compared")} ` : "") + y,
     data: g,
     backgroundColor: Ce(
       d,
@@ -229,7 +229,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
 }, ve = (a, t) => {
   var c, r;
   const { onLineClicked: n, dimension: i } = a, s = i.nativeType === "time" ? Le : Ae;
-  return E(
+  return G(
     fe({ onLineClicked: n }),
     s(a, t),
     ((r = (c = t.charts) == null ? void 0 : c.lineChartComparisonDefaultPro) == null ? void 0 : r.options) || {}
@@ -299,7 +299,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       subtitle: i,
       title: n,
       children: /* @__PURE__ */ V.jsx(
-        K,
+        U,
         {
           data: D,
           reverseXAxis: p,
@@ -321,7 +321,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
   label: "Line Chart Comparison - Default",
   category: "Line Charts",
   inputs: [
-    J,
+    H,
     {
       ...B,
       inputs: [
@@ -348,9 +348,9 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
         { ...A, name: "connectGaps", label: "Connect gaps", defaultValue: !0 }
       ]
     },
-    { ...W, label: "X-axis", name: "xAxis" },
+    { ...J, label: "X-axis", name: "xAxis" },
     {
-      ...H,
+      ...Q,
       name: "primaryDateRange",
       label: "Primary Date Range",
       description: "You can also connect this to a date range selector using its variable",
@@ -364,7 +364,7 @@ const L = "mainAxis", v = "comparisonAxis", $ = (a, t) => {
       category: "Component Data"
     },
     {
-      ...Q,
+      ...W,
       name: "timePropertyForNonTimeDimensions",
       label: "Time property for non time dimensions",
       description: "Choose the time property used for filtering comparison ranges. This will be ignored if your x-axis is already time-based.",

package/dist/LineChartDefaultPro.js

@@ -1,7 +1,7 @@
 import { useTheme as v, defineComponent as w } from "@embeddable.com/react";
-import { E as f, C as g, m as R, i as F, r as P, j as A, a0 as B, d as j, a as k, Y as p, a1 as O, b as S, t as T, c as I, s as $, e as G, f as X, g as Y, x as E, y as K, p as N, q as U, u as _, A as q, V as z, o as W } from "./component.constants-CFaxyNCw.js";
-import { C as H } from "./ChartCard-CMgDz_bs.js";
-import { g as V } from "./formatter.utils-Cu4uKJSZ.js";
+import { E as f, K as g, m as R, i as F, r as P, j as A, N as B, d as O, a as k, I as p, O as j, b as I, t as S, c as T, s as $, e as G, f as K, g as N, x as X, y as E, p as U, q as Y, u as _, A as q, V as z, o as W } from "./component.constants-DCOqCFoY.js";
+import { C as H } from "./ChartCard-D-0O5ugW.js";
+import { g as V } from "./formatter.utils-B80iNq9Q.js";
 import { g as J, a as y } from "./object.utils-D_Zzon-H.js";
 import "react";
 import { i as D, s as Q } from "./color.utils-CVyp-fGP.js";
@@ -158,14 +158,14 @@ const ee = (e, o) => {
   label: "Line Chart - Default",
   category: "Line Charts",
   inputs: [
-    j,
+    O,
     {
       ...k,
       inputs: [
         ...k.inputs,
         { ...p, name: "fillUnderLine", label: "Fill under line" },
         {
-          ...O,
+          ...j,
           name: "lineColor",
           label: "Line color"
         },
@@ -173,17 +173,17 @@ const ee = (e, o) => {
         { ...p, name: "dashedLine", label: "Dashed line", defaultValue: !1 }
       ]
     },
-    { ...S, label: "X-axis", name: "xAxis" },
+    { ...I, label: "X-axis", name: "xAxis" },
+    S,
     T,
-    I,
     $,
     G,
-    X,
-    Y,
-    E,
     K,
     N,
+    X,
+    E,
     U,
+    Y,
     _,
     q
   ],

package/dist/LineChartGroupedPro.js

@@ -1,7 +1,7 @@
 import { useTheme as R, defineComponent as P } from "@embeddable.com/react";
-import { E as k, C as $, m as F, i as S, r as v, j as y, a0 as B, d as j, w, Y as V, b as O, z as T, t as X, c as Y, A as E, s as K, e as N, f as U, g as q, x as z, y as W, p as _, q as H, u as J, V as D, o as Q } from "./component.constants-CFaxyNCw.js";
-import { C as Z } from "./ChartCard-CMgDz_bs.js";
-import { g as M } from "./formatter.utils-Cu4uKJSZ.js";
+import { E as k, K as $, m as F, i as S, r as v, j as y, N as B, d as j, w, I as V, b as O, z as T, t as K, c as N, A as X, s as E, e as U, f as Y, g as q, x as z, y as W, p as _, q as H, u as J, V as D, o as Q } from "./component.constants-DCOqCFoY.js";
+import { C as Z } from "./ChartCard-D-0O5ugW.js";
+import { g as M } from "./formatter.utils-B80iNq9Q.js";
 import { g as I, a as G } from "./object.utils-D_Zzon-H.js";
 import { s as ee } from "./color.utils-CVyp-fGP.js";
 import "react";
@@ -165,12 +165,12 @@ const ne = (e, o) => {
     },
     { ...O, name: "xAxis", label: "X-axis" },
     { ...T, name: "groupBy", label: "Group by" },
-    X,
-    Y,
-    E,
     K,
     N,
+    X,
+    E,
     U,
+    Y,
     q,
     z,
     W,

package/dist/MultiSelectFieldPro.js

@@ -1,6 +1,6 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { d as r, z as s, t as d, c as u, ae as m, V as t, o as c } from "./component.constants-CFaxyNCw.js";
-import { M as p, a as f } from "./index-DvEWwlqq.js";
+import { d as r, z as s, t as d, c as u, a1 as m, V as t, o as c } from "./component.constants-DCOqCFoY.js";
+import { M as p, a as f } from "./index-BcPj51g3.js";
 const g = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,6 +1,6 @@
-import { d as a, w as s, z as t, t as o, c as n, s as i, a3 as r, e as m, f as l, V as d, o as c } from "./component.constants-CFaxyNCw.js";
+import { d as a, w as s, z as t, t as o, c as n, s as i, Q as r, e as m, f as l, V as d, o as c } from "./component.constants-DCOqCFoY.js";
 import { defineComponent as p } from "@embeddable.com/react";
-import { P as u } from "./index-DW-LmiPi.js";
+import { P as u } from "./index-D4oPbYPT.js";
 const C = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTable-Cx4WG6MV.js

@@ -0,0 +1,273 @@
+import { j as c, a3 as i, a4 as d } from "./component.constants-DCOqCFoY.js";
+import { useMemo as N, useState as Y, useEffect as Z } from "react";
+import { g as I } from "./tables.utils-D7KXdM2S.js";
+const L = "_pivotTableContainer_1tysn_2", D = "_tableContainer_1tysn_7", m = "_fullWidth_1tysn_23", tt = "_table_1tysn_7", lt = "_cell_1tysn_87", et = "_header_1tysn_112", ct = "_bold_1tysn_117", n = {
+  pivotTableContainer: L,
+  tableContainer: D,
+  fullWidth: m,
+  table: tt,
+  cell: lt,
+  header: et,
+  bold: ct
+}, z = (j) => typeof j == "number" && !Number.isNaN(j), E = (j, _) => `${j.toFixed(_)}%`, it = ({
+  columnWidth: j,
+  firstColumnWidth: _,
+  data: b,
+  measures: o,
+  rowDimension: y,
+  columnDimension: p,
+  progressive: P = !0,
+  batchSize: v = 100,
+  batchDelayMs: A = 0,
+  rowTotalsFor: R = [],
+  columnTotalsFor: F = [],
+  totalLabel: C = "Total",
+  className: G
+}) => {
+  const x = N(() => {
+    const t = /* @__PURE__ */ new Set();
+    for (const l of b) {
+      const e = l[y.key];
+      e && t.add(e);
+    }
+    return Array.from(t);
+  }, [b, y.key]), w = N(() => {
+    const t = /* @__PURE__ */ new Set();
+    for (const l of b) {
+      const e = l[p.key];
+      e && t.add(e);
+    }
+    return Array.from(t);
+  }, [b, p.key]), H = N(() => {
+    const t = /* @__PURE__ */ new Map();
+    for (const l of b) {
+      const e = String(l[y.key]), s = String(l[p.key]);
+      t.has(e) || t.set(e, /* @__PURE__ */ new Map()), t.get(e).set(s, l);
+    }
+    return t;
+  }, [b, y.key, p.key]), $ = N(() => new Set(R), [R]), W = N(() => new Set(F), [F]), V = $.size > 0, J = W.size > 0, B = N(() => {
+    const t = /* @__PURE__ */ new Map();
+    return o.forEach((l, e) => t.set(String(l.key), e)), t;
+  }, [o]), { colTotals: K, rowTotals: O, grandTotals: q } = N(() => {
+    const t = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), e = o.map(() => 0);
+    for (const s of b) {
+      const r = String(s[y.key]), a = String(s[p.key]), h = t.get(a) ?? o.map(() => 0), g = l.get(r) ?? o.map(() => 0);
+      o.forEach((f, k) => {
+        const T = s == null ? void 0 : s[f.key], S = Number(T);
+        Number.isNaN(S) || (h[k] += S, g[k] += S, e[k] += S);
+      }), t.set(a, h), l.set(r, g);
+    }
+    for (const s of w)
+      t.has(String(s)) || t.set(
+        String(s),
+        o.map(() => 0)
+      );
+    for (const s of x)
+      l.has(String(s)) || l.set(
+        String(s),
+        o.map(() => 0)
+      );
+    return { colTotals: t, rowTotals: l, grandTotals: e };
+  }, [b, o, y.key, p.key, w, x]), [Q, M] = Y(
+    () => P ? Math.min(v, x.length) : x.length
+  );
+  Z(() => {
+    if (!P) {
+      M(x.length);
+      return;
+    }
+    let t = !1, l = null;
+    M(0);
+    const e = () => {
+      M((s) => {
+        const r = Math.min(s + v, x.length);
+        return r < x.length && !t && (l = window.setTimeout(e, A)), r;
+      });
+    };
+    return l = window.setTimeout(e, A), () => {
+      t = !0, l !== null && window.clearTimeout(l);
+    };
+  }, [P, v, A, x.length, b]);
+  const U = P ? x.slice(0, Q) : x;
+  return /* @__PURE__ */ c.jsx("div", { className: i(n.pivotTableContainer, G), children: /* @__PURE__ */ c.jsx(
+    "div",
+    {
+      className: i(
+        n.tableContainer,
+        (!j || !_) && n.fullWidth
+      ),
+      children: /* @__PURE__ */ c.jsxs(
+        "table",
+        {
+          className: n.table,
+          "aria-label": `${y.label} by ${p.label}`,
+          children: [
+            /* @__PURE__ */ c.jsxs("thead", { children: [
+              /* @__PURE__ */ c.jsxs("tr", { children: [
+                /* @__PURE__ */ c.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    rowSpan: 1,
+                    className: i(n.cell, n.header),
+                    title: p.label,
+                    children: /* @__PURE__ */ c.jsx(d, { children: p.label })
+                  }
+                ),
+                w.map((t) => {
+                  const l = p.formatValue ? p.formatValue(t) : t;
+                  return /* @__PURE__ */ c.jsx(
+                    "th",
+                    {
+                      scope: "colgroup",
+                      colSpan: o.length,
+                      className: i(n.cell, n.header),
+                      title: l,
+                      children: /* @__PURE__ */ c.jsx(d, { children: l })
+                    },
+                    `col-${t}`
+                  );
+                }),
+                V && /* @__PURE__ */ c.jsx(
+                  "th",
+                  {
+                    scope: "colgroup",
+                    colSpan: Array.from($).length,
+                    className: i(n.cell, n.bold),
+                    title: C,
+                    children: /* @__PURE__ */ c.jsx(d, { children: C })
+                  },
+                  "col-total-group"
+                )
+              ] }),
+              /* @__PURE__ */ c.jsxs("tr", { children: [
+                /* @__PURE__ */ c.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    rowSpan: 1,
+                    className: i(n.cell, n.header),
+                    title: y.label,
+                    style: I(_),
+                    children: /* @__PURE__ */ c.jsx(d, { children: y.label })
+                  }
+                ),
+                w.flatMap(
+                  (t) => o.map((l, e) => /* @__PURE__ */ c.jsx(
+                    "th",
+                    {
+                      scope: "col",
+                      className: i(n.cell, n.header),
+                      title: l.label,
+                      style: I(j),
+                      children: /* @__PURE__ */ c.jsx(d, { children: l.label })
+                    },
+                    `sub-${String(t)}-${l.key}-${e}`
+                  ))
+                ),
+                V && o.filter((t) => $.has(t.key)).map((t, l) => /* @__PURE__ */ c.jsx(
+                  "th",
+                  {
+                    scope: "col",
+                    className: i(n.cell, n.bold),
+                    title: t.label,
+                    style: I(j),
+                    children: /* @__PURE__ */ c.jsx(d, { children: t.label })
+                  },
+                  `sub-total-${t.key}-${l}`
+                ))
+              ] })
+            ] }),
+            /* @__PURE__ */ c.jsx("tbody", { children: U.map((t) => {
+              const l = y.formatValue ? y.formatValue(t) : t;
+              return /* @__PURE__ */ c.jsxs("tr", { children: [
+                /* @__PURE__ */ c.jsx(
+                  "th",
+                  {
+                    scope: "row",
+                    className: i(n.cell, n.header),
+                    title: l,
+                    children: /* @__PURE__ */ c.jsx(d, { children: l })
+                  }
+                ),
+                w.flatMap(
+                  (e) => o.map((s, r) => {
+                    var T;
+                    const a = ((T = H.get(t)) == null ? void 0 : T.get(e)) ?? {}, h = a == null ? void 0 : a[s.key], g = `cell-${t}-${e}-${s.key}-${r}`, k = (() => {
+                      if (s.showAsPercentage) {
+                        const S = B.get(String(s.key)) ?? -1, X = K.get(String(e)) ?? o.map(() => 0), u = S >= 0 ? X[S] ?? 0 : 0;
+                        if (s.showAsPercentage && z(Number(h)) && z(u) && u > 0)
+                          return `${(h / u * 100).toFixed(s.percentageDecimalPlaces ?? 0)}%`;
+                      }
+                      return s.accessor ? s.accessor(a) : h;
+                    })();
+                    return /* @__PURE__ */ c.jsx("td", { className: i(n.cell), title: k, children: /* @__PURE__ */ c.jsx(d, { children: k }) }, g);
+                  })
+                ),
+                V && o.filter((e) => $.has(e.key)).map((e, s) => {
+                  const r = O.get(t) ?? o.map(() => 0), a = B.get(e.key) ?? -1, h = `row-total-${String(t)}-${e.key}-${s}`, g = a >= 0 ? r[a] ?? 0 : 0;
+                  let f = g;
+                  return e.showAsPercentage ? f = E(
+                    g / (q[a] || 1) * 100,
+                    e.percentageDecimalPlaces ?? 0
+                  ) : e.accessor && (f = e.accessor({ [e.key]: g })), /* @__PURE__ */ c.jsx(
+                    "td",
+                    {
+                      className: i(n.cell, n.bold),
+                      title: f,
+                      children: /* @__PURE__ */ c.jsx(d, { children: f })
+                    },
+                    h
+                  );
+                })
+              ] }, `row-${t}`);
+            }) }),
+            /* @__PURE__ */ c.jsx("tfoot", { children: J && /* @__PURE__ */ c.jsxs("tr", { children: [
+              /* @__PURE__ */ c.jsx("th", { scope: "row", className: i(n.cell, n.bold), title: C, children: /* @__PURE__ */ c.jsx(d, { children: C }) }),
+              w.flatMap(
+                (t) => o.map((l, e) => {
+                  const s = W.has(String(l.key)), r = K.get(String(t)) ?? o.map(() => 0), a = o.findIndex((T) => String(T.key) === String(l.key)), h = `col-total-${String(t)}-${l.key}-${e}`, g = r[a] ?? 0;
+                  let f = g;
+                  l.showAsPercentage ? f = E(
+                    100,
+                    l.percentageDecimalPlaces ?? 0
+                  ) : l.accessor && (f = l.accessor({ [l.key]: g }));
+                  const k = s ? f : "";
+                  return /* @__PURE__ */ c.jsx(
+                    "td",
+                    {
+                      className: i(n.cell, n.bold),
+                      title: k,
+                      children: /* @__PURE__ */ c.jsx(d, { children: k })
+                    },
+                    h
+                  );
+                })
+              ),
+              V && o.filter((t) => $.has(t.key)).map((t, l) => {
+                const e = o.findIndex((h) => String(h.key) === t.key), s = `grand-total-${t.key}-${l}`, r = q[e] ?? 0;
+                let a = r;
+                return t.showAsPercentage ? a = E(
+                  100,
+                  t.percentageDecimalPlaces ?? 0
+                ) : t.accessor && (a = t.accessor({ [t.key]: r })), /* @__PURE__ */ c.jsx(
+                  "td",
+                  {
+                    className: i(n.cell, n.bold),
+                    title: a,
+                    children: /* @__PURE__ */ c.jsx(d, { children: a })
+                  },
+                  s
+                );
+              })
+            ] }, "totals-row") })
+          ]
+        }
+      )
+    }
+  ) });
+};
+export {
+  it as P
+};
+//# sourceMappingURL=PivotTable-Cx4WG6MV.js.map