@embeddable.com/remarkable-pro 0.0.17 → 0.0.18

package/dist/ColorEditor.js

@@ -1,5 +1,5 @@
 import { defineEditor as l } from "@embeddable.com/react";
-import { j as r, A as a, I as i, s as p, V as u } from "./Color.type.emb-CLYI-rua.js";
+import { j as r, A as a, I as i, q as p, V as u } from "./Color.type.emb-BKd2NgB4.js";
 import { useState as m, useEffect as C } from "react";
 const I = "_colorInputContainer_1o1qe_1", d = "_colorInput_1o1qe_1", s = {
   colorInputContainer: I,

package/dist/ComparisonPeriodSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as i } from "@embeddable.com/react";
-import { V as r } from "./Color.type.emb-CLYI-rua.js";
-import { D as t } from "./index-DfXkoWel.js";
-import { b as e, C as a } from "./component.inputs.constants-CpWMPDsp.js";
+import { V as r } from "./Color.type.emb-BKd2NgB4.js";
+import { D as t } from "./index-0v8ZD5Px.js";
+import { b as e, C as a } from "./component.inputs.constants-DvrG0Pd4.js";
 const n = {
   name: "ComparisonPeriodSelectFieldPro",
   label: "Comparison Period Select Field",

package/dist/DateRangePickerCustomPro.js

@@ -1,26 +1,26 @@
 import { useTheme as C, defineComponent as v } from "@embeddable.com/react";
-import { j as s, c as y, V as l } from "./Color.type.emb-CLYI-rua.js";
-import { u as D, g as P, a as V, b as w } from "./dates.utils-f-XJ_LBg.js";
-import { a as j, r as k, i as M, b as a } from "./component.inputs.constants-CpWMPDsp.js";
-import { E as T } from "./EditorCard-CNtTIFGO.js";
+import { j as s, f as y, V as l } from "./Color.type.emb-BKd2NgB4.js";
+import { u as D, g as P, a as V, b as w } from "./dates.utils-BF32dTLi.js";
+import { a as j, r as k, i as M, b as a } from "./component.inputs.constants-DvrG0Pd4.js";
+import { E as T } from "./EditorCard-DjnvkPrk.js";
 const x = (e) => {
   const t = C();
   j(t);
   const { dayjsLocaleReady: r } = D();
   if (!r)
     return null;
-  const { onChange: i, clearable: c, selectedValue: n, showTwoMonths: u } = e, { description: d, placeholder: m, title: g } = k(e), p = (b) => {
-    const f = w(b);
-    i(f);
-  }, o = t.defaults.dateRangesOptions, h = P(n, "MMM DD", o), R = t.i18n.language ?? t.formatter.locale;
+  const { onChange: i, clearable: u, selectedValue: n, showTwoMonths: c } = e, { description: d, placeholder: m, title: g } = k(e), p = (R) => {
+    const b = w(R);
+    i(b);
+  }, o = t.defaults.dateRangesOptions, h = P(n, "MMM DD", o), f = t.i18n.language ?? t.formatter.locale;
   return /* @__PURE__ */ s.jsx(T, { title: g, subtitle: d, children: /* @__PURE__ */ s.jsx(
     y,
     {
-      locale: R,
-      clearable: c,
+      locale: f,
+      clearable: u,
       placeholder: m,
       displayValue: h,
-      numberOfMonths: u ? 2 : 1,
+      numberOfMonths: c ? 2 : 1,
       value: V(n, o),
       onChange: p,
       submitLabel: M.t("editors.dateRangePicker.apply")

package/dist/DateRangeSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as n } from "@embeddable.com/react";
-import { V as t } from "./Color.type.emb-CLYI-rua.js";
-import { D as l } from "./index-8dPSbeeV.js";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { V as t } from "./Color.type.emb-BKd2NgB4.js";
+import { D as l } from "./index-DER6yAdV.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const o = {
   name: "DateRangeSelectFieldPro",
   label: "Date-Range Picker - Presets",

package/dist/DonutChartPro.js

@@ -1,7 +1,7 @@
-import { V as o, l as n } from "./Color.type.emb-CLYI-rua.js";
+import { V as o, l as n } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as a } from "@embeddable.com/react";
-import { D as s } from "./index-CwL7feVe.js";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { D as s } from "./index-BVukmtai.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const r = {
   name: "DonutChartPro",
   label: "Donut Chart",

package/dist/DonutLabelChartPro.js

@@ -1,7 +1,7 @@
-import { D as n } from "./index-B6Nckx8Z.js";
-import { V as r, l as t } from "./Color.type.emb-CLYI-rua.js";
+import { D as n } from "./index-BkRLZw0F.js";
+import { V as r, l as t } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as o } from "@embeddable.com/react";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const s = {
   name: "DonutLabelChartPro",
   label: "Donut Label Chart",

package/dist/{EditorCard-CNtTIFGO.js → EditorCard-DjnvkPrk.js}

@@ -1,6 +1,6 @@
-import { j as r, C as c, p as d, q as m, r as l } from "./Color.type.emb-CLYI-rua.js";
+import { j as r, C as c, n as d, o as m, p as l } from "./Color.type.emb-BKd2NgB4.js";
 import { useTheme as p } from "@embeddable.com/react";
-import { a as C, i as x, I as j } from "./component.inputs.constants-CpWMPDsp.js";
+import { a as C, i as x, I as j } from "./component.inputs.constants-DvrG0Pd4.js";
 const u = "_card_15bw3_1", f = {
   card: u
 }, b = ({
@@ -29,4 +29,4 @@ const u = "_card_15bw3_1", f = {
 export {
   b as E
 };
-//# sourceMappingURL=EditorCard-CNtTIFGO.js.map
+//# sourceMappingURL=EditorCard-DjnvkPrk.js.map

package/dist/{EditorCard-CNtTIFGO.js.map → EditorCard-DjnvkPrk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EditorCard-CNtTIFGO.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}
+{"version":3,"file":"EditorCard-DjnvkPrk.js","sources":["../src/components/editors/shared/EditorCard/EditorCard.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport styles from './EditorCard.module.css';\nimport { FC } from 'react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { Card, CardContent, CardFeedback, CardHeader } from '@embeddable.com/remarkable-ui';\nimport { IconAlertCircle } from '@tabler/icons-react';\n\ntype EditorCardProps = {\n  title?: string;\n  subtitle?: string;\n  children: React.ReactNode;\n  errorMessage?: string;\n};\n\nexport const EditorCard: FC<EditorCardProps> = ({\n  title,\n  subtitle,\n  children,\n  errorMessage,\n  ...props\n}) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const getDisplay = () => {\n    if (errorMessage) {\n      return (\n        <CardFeedback\n          variant=\"error\"\n          icon={IconAlertCircle}\n          title={i18n.t('editors.errorTitle')}\n          message={errorMessage}\n        />\n      );\n    }\n\n    return children;\n  };\n\n  return (\n    <Card className={styles.card} {...props}>\n      <CardHeader title={title} subtitle={subtitle} />\n      <CardContent>{getDisplay()}</CardContent>\n    </Card>\n  );\n};\n"],"names":["EditorCard","title","subtitle","children","errorMessage","props","theme","useTheme","i18nSetup","getDisplay","jsx","CardFeedback","IconAlertCircle","i18n","Card","styles","CardHeader","CardContent"],"mappings":";;;;;GAeaA,IAAkC,CAAC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAMG,IAAa,MACbL,IAEAM,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMC;AAAA,MACN,OAAOC,EAAK,EAAE,oBAAoB;AAAA,MAClC,SAAST;AAAA,IAAA;AAAA,EAAA,IAKRD;AAGT,gCACGW,GAAA,EAAK,WAAWC,EAAO,MAAO,GAAGV,GAChC,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACM,GAAA,EAAW,OAAAf,GAAc,UAAAC,EAAA,CAAoB;AAAA,IAC9CQ,gBAAAA,EAAAA,IAACO,GAAA,EAAa,UAAAR,EAAA,EAAW,CAAE;AAAA,EAAA,GAC7B;AAEJ;"}

package/dist/HeatMapPro.js

@@ -1,7 +1,7 @@
-import { g as t, l as a } from "./Color.type.emb-CLYI-rua.js";
+import { g as t, l as a } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as n } from "@embeddable.com/react";
-import { H as i } from "./index-z0A1zEtp.js";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { H as i } from "./index-CrwZXvMM.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const r = {
   name: "HeatMapPro",
   label: "Heat Map",

package/dist/KpiChartNumberComparisonPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as n } from "@embeddable.com/react";
-import { K as m } from "./index-DjA9mRxV.js";
-import { l as r } from "./Color.type.emb-CLYI-rua.js";
-import { b as a } from "./component.inputs.constants-CpWMPDsp.js";
+import { K as m } from "./index-BAmKVmpn.js";
+import { l as r } from "./Color.type.emb-BKd2NgB4.js";
+import { b as a } from "./component.inputs.constants-DvrG0Pd4.js";
 const l = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",

package/dist/KpiChartNumberPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as e } from "@embeddable.com/react";
-import { K as a } from "./index-BQKTtuOl.js";
-import { l as o } from "./Color.type.emb-CLYI-rua.js";
-import { b as r } from "./component.inputs.constants-CpWMPDsp.js";
+import { K as a } from "./index-Ym6OQLII.js";
+import { l as o } from "./Color.type.emb-BKd2NgB4.js";
+import { b as r } from "./component.inputs.constants-DvrG0Pd4.js";
 const m = {
   name: "KpiChartNumberPro",
   label: "Kpi Chart - Number",

package/dist/LineChartComparisonDefaultPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as m } from "@embeddable.com/react";
-import { L as p } from "./index-DbQoW48_.js";
-import { V as c, l as s } from "./Color.type.emb-CLYI-rua.js";
-import { b as e, s as i } from "./component.inputs.constants-CpWMPDsp.js";
+import { L as p } from "./index-CAgVPB3g.js";
+import { V as c, l as s } from "./Color.type.emb-BKd2NgB4.js";
+import { b as e, s as i } from "./component.inputs.constants-DvrG0Pd4.js";
 const d = {
   name: "LineChartComparisonDefaultPro",
   label: "Line Chart Comparison - Default",

package/dist/LineChartDefaultPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as s } from "@embeddable.com/react";
-import { L as n } from "./index-natSwnW-.js";
-import { V as i, l as o } from "./Color.type.emb-CLYI-rua.js";
-import { b as e, s as l } from "./component.inputs.constants-CpWMPDsp.js";
+import { L as n } from "./index-CKp5i6mg.js";
+import { V as i, l as o } from "./Color.type.emb-BKd2NgB4.js";
+import { b as e, s as l } from "./component.inputs.constants-DvrG0Pd4.js";
 const t = {
   name: "LineChartDefaultPro",
   label: "Line Chart - Default",

package/dist/LineChartGroupedPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as a } from "@embeddable.com/react";
-import { L as o } from "./index-BUnUdDZd.js";
-import { V as i, l as s } from "./Color.type.emb-CLYI-rua.js";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { L as o } from "./index-B50xzMzX.js";
+import { V as i, l as s } from "./Color.type.emb-BKd2NgB4.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const t = {
   name: "LineChartGroupedPro",
   label: "Line Chart - Grouped",

package/dist/MultiSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { V as t, l as s } from "./Color.type.emb-CLYI-rua.js";
-import { M as d, a as u } from "./index-WDuZPeli.js";
-import { b as a } from "./component.inputs.constants-CpWMPDsp.js";
+import { V as t, l as s } from "./Color.type.emb-BKd2NgB4.js";
+import { M as d, a as u } from "./index-CChmPG5w.js";
+import { b as a } from "./component.inputs.constants-DvrG0Pd4.js";
 const m = {
   name: "MultiSelectFieldPro",
   label: "Multi Select Field",

package/dist/PieChartPro.js

@@ -1,7 +1,7 @@
-import { V as o, l as a } from "./Color.type.emb-CLYI-rua.js";
+import { V as o, l as a } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as s } from "@embeddable.com/react";
-import { P as i } from "./index-BHVaEsvO.js";
-import { b as e } from "./component.inputs.constants-CpWMPDsp.js";
+import { P as i } from "./index-CNfKPgoS.js";
+import { b as e } from "./component.inputs.constants-DvrG0Pd4.js";
 const n = {
   name: "PieChartPro",
   label: "Pie Chart",

package/dist/PivotTablePro.js

@@ -1,7 +1,7 @@
-import { l as a } from "./Color.type.emb-CLYI-rua.js";
+import { l as a } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as n } from "@embeddable.com/react";
-import { P as s } from "./index-CB5nTme1.js";
-import { b as e, s as t } from "./component.inputs.constants-CpWMPDsp.js";
+import { P as s } from "./index-BWXo1H8L.js";
+import { b as e, s as t } from "./component.inputs.constants-DvrG0Pd4.js";
 const l = {
   name: "PivotTablePro",
   label: "Pivot Table",

package/dist/SingleSelectFieldPro.js

@@ -1,7 +1,7 @@
 import { defineComponent as r } from "@embeddable.com/react";
-import { V as l, l as s } from "./Color.type.emb-CLYI-rua.js";
-import { M as d, S as m } from "./index-BaSNws-A.js";
-import { b as a } from "./component.inputs.constants-CpWMPDsp.js";
+import { V as l, l as s } from "./Color.type.emb-BKd2NgB4.js";
+import { M as d, S as m } from "./index-B8nyN_rk.js";
+import { b as a } from "./component.inputs.constants-DvrG0Pd4.js";
 const c = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",

package/dist/TableChartPaginated.js

@@ -1,7 +1,7 @@
-import { V as u, l as s, m as f } from "./Color.type.emb-CLYI-rua.js";
+import { V as u, l as s, m as f } from "./Color.type.emb-BKd2NgB4.js";
 import { defineComponent as g } from "@embeddable.com/react";
-import { T as p } from "./index-Dz6llBs_.js";
-import { b as n, s as m } from "./component.inputs.constants-CpWMPDsp.js";
+import { T as p } from "./index-B67vIicG.js";
+import { b as n, s as l } from "./component.inputs.constants-DvrG0Pd4.js";
 const b = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",
@@ -11,7 +11,12 @@ const b = {
     {
       ...n.dimensionsAndMeasures,
       label: "Columns",
-      inputs: [...n.dimensionsAndMeasures.inputs, m.width, m.align]
+      inputs: [
+        ...n.dimensionsAndMeasures.inputs,
+        l.width,
+        l.align,
+        l.tableCellStyle
+      ]
     },
     n.title,
     n.description,
@@ -54,14 +59,14 @@ const b = {
 }, R = g(p, b, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (o, [e, c]) => {
-    const l = o.dimensionsAndMeasures.find(
+    const r = o.dimensionsAndMeasures.find(
       (a) => {
         var i;
         return a.name === ((i = e == null ? void 0 : e.sort) == null ? void 0 : i.id);
       }
-    ), r = l && (e != null && e.sort) ? [
+    ), d = r && (e != null && e.sort) ? [
       {
-        property: l,
+        property: r,
         direction: e.sort.direction
       }
     ] : [], t = o.dimensionsAndMeasures.some(
@@ -69,9 +74,9 @@ const b = {
         var i;
         return a.name === ((i = o.clickDimension) == null ? void 0 : i.name);
       }
-    ), d = [
+    ), m = [
       ...o.dimensionsAndMeasures,
-      t ? [] : o.clickDimension
+      ...t ? [] : [o.clickDimension]
     ];
     return {
       ...o,
@@ -80,14 +85,14 @@ const b = {
       setState: c,
       results: e != null && e.pageSize ? s({
         from: o.dataset,
-        select: d,
+        select: m,
         offset: e.page * e.pageSize,
         limit: e.pageSize,
-        orderBy: r
+        orderBy: d
       }) : void 0,
       totalResults: e != null && e.hasTotalResults ? void 0 : s({
         from: o.dataset,
-        select: d,
+        select: m,
         offset: 0,
         limit: 0,
         countRows: !0
@@ -95,7 +100,7 @@ const b = {
       allResults: e != null && e.isLoadingDownloadData ? s({
         from: o.dataset,
         select: o.dimensionsAndMeasures,
-        orderBy: r,
+        orderBy: d,
         limit: o.maxResults
       }) : void 0
     };

package/dist/TableChartPaginated.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableChartPaginated.js","sources":["../src/components/charts/tables/TableChartPaginated/TableChartPaginated.emb.ts"],"sourcesContent":["import { loadData, OrderBy, Value } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nexport const meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [...inputs.dimensionsAndMeasures.inputs, subInputs.width, subInputs.align],\n    },\n    inputs.title,\n    inputs.description,\n\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show Index Column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max Results to Download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked Row Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst defaultState: TableChartPaginatedProState = {\n  page: 0,\n  pageSize: undefined,\n  sort: undefined,\n  isLoadingDownloadData: false,\n  hasTotalResults: false,\n};\n\nexport default defineComponent(TablePaginatedChart, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n  ) => {\n    const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n      (x) => x.name === state?.sort?.id,\n    );\n\n    const orderBy: OrderBy[] =\n      orderDimensionAndMeasure && state?.sort\n        ? [\n            {\n              property: orderDimensionAndMeasure,\n              direction: state.sort.direction,\n            },\n          ]\n        : [];\n\n    const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n      (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n    );\n\n    const dimensionsAndMeasuresToLoad = [\n      ...inputs.dimensionsAndMeasures,\n      clickDimensionInDimensionsAndMeasures ? [] : inputs.clickDimension,\n    ];\n\n    return {\n      ...inputs,\n\n      state: mergician(defaultState, state ?? {}), // Merge with default state\n      setState,\n\n      results: state?.pageSize\n        ? loadData({\n            from: inputs.dataset,\n            select: dimensionsAndMeasuresToLoad,\n            offset: state.page * state.pageSize,\n            limit: state.pageSize,\n            orderBy,\n          })\n        : undefined,\n      totalResults: !state?.hasTotalResults\n        ? loadData({\n            from: inputs.dataset,\n            select: dimensionsAndMeasuresToLoad,\n            offset: 0,\n            limit: 0,\n            countRows: true,\n          })\n        : undefined,\n      allResults: state?.isLoadingDownloadData\n        ? loadData({\n            from: inputs.dataset,\n            select: inputs.dimensionsAndMeasures,\n            orderBy,\n            limit: inputs.maxResults,\n          })\n        : undefined,\n    };\n  },\n  events: {\n    onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => {\n      return {\n        rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","state","setState","orderDimensionAndMeasure","x","_a","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","rowDimensionValue","Value"],"mappings":"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"}
+{"version":3,"file":"TableChartPaginated.js","sources":["../src/components/charts/tables/TableChartPaginated/TableChartPaginated.emb.ts"],"sourcesContent":["import { loadData, OrderBy, Value } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { mergician } from 'mergician';\nimport { inputs } from '../../../component.inputs.constants';\nimport { subInputs } from '../../../component.subinputs.constants';\n\nexport const meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    inputs.dataset,\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show Index Column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max Results to Download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n  ],\n  events: [\n    {\n      name: 'onRowClicked',\n      label: 'A row is clicked',\n      properties: [\n        {\n          name: 'rowDimensionValue',\n          label: 'Clicked Row Dimension Value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst defaultState: TableChartPaginatedProState = {\n  page: 0,\n  pageSize: undefined,\n  sort: undefined,\n  isLoadingDownloadData: false,\n  hasTotalResults: false,\n};\n\nexport default defineComponent(TablePaginatedChart, meta, {\n  /* @ts-expect-error - to be fixed in @embeddable.com/react */\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n  ) => {\n    const orderDimensionAndMeasure = inputs.dimensionsAndMeasures.find(\n      (x) => x.name === state?.sort?.id,\n    );\n\n    const orderBy: OrderBy[] =\n      orderDimensionAndMeasure && state?.sort\n        ? [\n            {\n              property: orderDimensionAndMeasure,\n              direction: state.sort.direction,\n            },\n          ]\n        : [];\n\n    const clickDimensionInDimensionsAndMeasures = inputs.dimensionsAndMeasures.some(\n      (dimOrMeas) => dimOrMeas.name === inputs.clickDimension?.name,\n    );\n\n    const dimensionsAndMeasuresToLoad = [\n      ...inputs.dimensionsAndMeasures,\n      ...(clickDimensionInDimensionsAndMeasures ? [] : [inputs.clickDimension]),\n    ];\n\n    return {\n      ...inputs,\n\n      state: mergician(defaultState, state ?? {}), // Merge with default state\n      setState,\n\n      results: state?.pageSize\n        ? loadData({\n            from: inputs.dataset,\n            select: dimensionsAndMeasuresToLoad,\n            offset: state.page * state.pageSize,\n            limit: state.pageSize,\n            orderBy,\n          })\n        : undefined,\n      totalResults: !state?.hasTotalResults\n        ? loadData({\n            from: inputs.dataset,\n            select: dimensionsAndMeasuresToLoad,\n            offset: 0,\n            limit: 0,\n            countRows: true,\n          })\n        : undefined,\n      allResults: state?.isLoadingDownloadData\n        ? loadData({\n            from: inputs.dataset,\n            select: inputs.dimensionsAndMeasures,\n            orderBy,\n            limit: inputs.maxResults,\n          })\n        : undefined,\n    };\n  },\n  events: {\n    onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => {\n      return {\n        rowDimensionValue: rowDimensionValue !== undefined ? rowDimensionValue : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","subInputs","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","state","setState","orderDimensionAndMeasure","x","_a","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","rowDimensionValue","Value"],"mappings":"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"}