@embeddable.com/remarkable-pro 0.0.21 → 0.0.23

package/dist/SingleSelectFieldPro.js

@@ -1,8 +1,9 @@
-import { defineComponent as r } from "@embeddable.com/react";
-import { V as l, l as s } from "./Color.type.emb-Dkh_ZrO6.js";
-import { M as d, S as m } from "./index-Du2TCRQq.js";
-import { b as a } from "./component.inputs.constants-CNdmawDt.js";
-const c = {
+import { definePreview as d, defineComponent as m } from "@embeddable.com/react";
+import { V as o, l as u } from "./Color.type.emb-sebikYGW.js";
+import { M as c, S as i } from "./index-CTC3YNmw.js";
+import { b as a } from "./component.inputs.constants-Ds7YpNhT.js";
+import { p as l } from "./preview.data.constants-tDMYNi0n.js";
+const p = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",
   category: "Dropdowns",
@@ -19,7 +20,7 @@ const c = {
       name: "maxOptions",
       label: "Maximum options",
       category: "Component Settings",
-      defaultValue: d
+      defaultValue: c
     },
     {
       ...a.string,
@@ -56,25 +57,29 @@ const c = {
     {
       name: "single-select value",
       type: "string",
-      defaultValue: l.noFilter(),
+      defaultValue: o.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, S = r(m, c, {
-  props: (e, [n, o]) => {
-    const t = e.dimension.nativeType === "string" ? "contains" : "equals";
+}, h = d(i, {
+  dimension: l.dimension,
+  results: l.results1Measure1Dimension,
+  onChange: () => null
+}), V = m(i, p, {
+  props: (e, [n, t]) => {
+    const r = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
       ...e,
       maxOptions: e.maxOptions,
-      setSearchValue: (i) => o({ searchValue: i }),
-      results: s({
+      setSearchValue: (s) => t({ searchValue: s }),
+      results: u({
         limit: e.maxOptions,
         from: e.dataset,
         select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
         filters: n != null && n.searchValue ? [
           {
-            operator: t,
+            operator: r,
             property: e.dimension,
             value: n.searchValue
           }
@@ -84,12 +89,13 @@ const c = {
   },
   events: {
     onChange: (e) => ({
-      value: e || l.noFilter()
+      value: e || o.noFilter()
     })
   }
 });
 export {
-  S as default,
-  c as meta
+  V as default,
+  p as meta,
+  h as preview
 };
 //# sourceMappingURL=SingleSelectFieldPro.js.map

package/dist/SingleSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,WAAW,OAAO,sCAAA;AAAA,IAC9BA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGD,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcE,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBN,GAAM;AAAA,EACzD,OAAO,CACLC,GACA,CAACM,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWR,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACS,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOV,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASM,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUR,EAAO;AAAA,YACjB,OAAOM,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBT,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}
+{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\nimport { inputs } from '../../component.inputs.constants';\nimport { previewData } from '../../preview.data.constants';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.dataset,\n    { ...inputs.dimension, label: 'Dimension (to load Dropdown values)' },\n    inputs.title,\n    inputs.description,\n    { ...inputs.placeholder, defaultValue: 'Select value...' },\n    {\n      ...inputs.number,\n      name: 'maxOptions',\n      label: 'Maximum options',\n      category: 'Component Settings',\n      defaultValue: MAX_OPTIONS,\n    },\n    {\n      ...inputs.string,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured Variables',\n    },\n    {\n      ...inputs.dimension,\n      config: {\n        dataset: 'dataset',\n      },\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional secondary dimension',\n      category: 'Data Mapping for Interactions',\n      description: 'Send a different dimension to embeddable when the user clicks. Must be unique.',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected value updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport const preview = definePreview(SingleSelectFieldPro, {\n  dimension: previewData.dimension,\n  results: previewData.results1Measure1Dimension,\n  onChange: () => null,\n});\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","inputs","MAX_OPTIONS","Value","preview","definePreview","SingleSelectFieldPro","previewData","SingleSelectFieldPro_emb","defineComponent","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;;;AAWO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,WAAW,OAAO,sCAAA;AAAA,IAC9BA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,kBAAA;AAAA,IACvC;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,GAAGD,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa;AAAA,IAAA;AAAA,EACf;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcE,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMaC,IAAUC,EAAcC,GAAsB;AAAA,EACzD,WAAWC,EAAY;AAAA,EACvB,SAASA,EAAY;AAAA,EACrB,UAAU,MAAM;AAClB,CAAC,GAEDC,IAAeC,EAAgBH,GAAsBN,GAAM;AAAA,EACzD,OAAO,CACLC,GACA,CAACS,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWX,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACY,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOb,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASS,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUX,EAAO;AAAA,YACjB,OAAOS,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBZ,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}

package/dist/TableChartPaginated.js

@@ -1,36 +1,37 @@
-import { V as u, l as s, m as f } from "./Color.type.emb-Dkh_ZrO6.js";
-import { defineComponent as g } from "@embeddable.com/react";
-import { T as p } from "./index-1vsLONt_.js";
-import { b as n, s as l } from "./component.inputs.constants-CNdmawDt.js";
-const b = {
+import { V as D, l, m as b } from "./Color.type.emb-sebikYGW.js";
+import { definePreview as w, defineComponent as M } from "@embeddable.com/react";
+import { T as p } from "./index-DxpfQVmG.js";
+import { b as i, s as r } from "./component.inputs.constants-Ds7YpNhT.js";
+import { p as s } from "./preview.data.constants-tDMYNi0n.js";
+const h = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",
   category: "Table Charts",
   inputs: [
-    n.dataset,
+    i.dataset,
     {
-      ...n.dimensionsAndMeasures,
+      ...i.dimensionsAndMeasures,
       label: "Columns",
       inputs: [
-        ...n.dimensionsAndMeasures.inputs,
-        l.width,
-        l.align,
-        l.tableCellStyle
+        ...i.dimensionsAndMeasures.inputs,
+        r.width,
+        r.align,
+        r.tableCellStyle
       ]
     },
-    n.title,
-    n.description,
+    i.title,
+    i.description,
     {
-      ...n.boolean,
+      ...i.boolean,
       name: "showIndex",
       label: "Show index column",
       defaultValue: !0,
       category: "Component Settings"
     },
-    n.displayNullAs,
-    { ...n.maxResults, label: "Max results to download" },
+    i.displayNullAs,
+    { ...i.maxResults, label: "Max results to download" },
     {
-      ...n.dimensionSimple,
+      ...i.dimensionSimple,
       label: "Dimension to set on click",
       name: "clickDimension",
       category: "Data Mapping for Interactions",
@@ -50,69 +51,87 @@ const b = {
       ]
     }
   ]
-}, D = {
+}, d = 3;
+var c;
+const k = w(p, {
+  dimensionsAndMeasures: [s.dimension, s.dimensionGroup, s.measure],
+  results: {
+    ...s.results1Measure2Dimensions,
+    data: (c = s.results1Measure2Dimensions.data) == null ? void 0 : c.slice(0, d)
+  },
+  totalResults: { data: [], total: d, isLoading: !1 },
+  state: {
+    page: 0,
+    pageSize: d,
+    isLoadingDownloadData: !1,
+    hasTotalResults: !0,
+    hideMenu: !0
+  },
+  hideMenu: !0
+}), v = {
   page: 0,
   pageSize: void 0,
   sort: void 0,
   isLoadingDownloadData: !1,
-  hasTotalResults: !1
-}, h = g(p, b, {
+  hasTotalResults: !0
+}, y = M(p, h, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (o, [e, c]) => {
-    const r = o.dimensionsAndMeasures.find(
+  props: (o, [e, g]) => {
+    const m = o.dimensionsAndMeasures.find(
       (a) => {
-        var i;
-        return a.name === ((i = e == null ? void 0 : e.sort) == null ? void 0 : i.id);
+        var n;
+        return a.name === ((n = e == null ? void 0 : e.sort) == null ? void 0 : n.id);
       }
-    ), d = r && (e != null && e.sort) ? [
+    ), t = m && (e != null && e.sort) ? [
       {
-        property: r,
+        property: m,
         direction: e.sort.direction
       }
-    ] : [], t = o.dimensionsAndMeasures.some(
+    ] : [], f = o.dimensionsAndMeasures.some(
       (a) => {
-        var i;
-        return a.name === ((i = o.clickDimension) == null ? void 0 : i.name);
+        var n;
+        return a.name === ((n = o.clickDimension) == null ? void 0 : n.name);
       }
-    ), m = [
+    ), u = [
       ...o.dimensionsAndMeasures,
-      ...t ? [] : [o.clickDimension]
+      ...f ? [] : [o.clickDimension]
     ];
     return {
       ...o,
-      state: f(D, e ?? {}),
+      state: b(v, e ?? {}),
       // Merge with default state
-      setState: c,
-      results: e != null && e.pageSize ? s({
+      setState: g,
+      results: e != null && e.pageSize ? l({
         from: o.dataset,
-        select: m,
+        select: u,
         offset: e.page * e.pageSize,
         limit: e.pageSize,
-        orderBy: d
+        orderBy: t
       }) : void 0,
-      totalResults: e != null && e.hasTotalResults ? void 0 : s({
+      totalResults: e != null && e.hasTotalResults ? void 0 : l({
         from: o.dataset,
-        select: m,
+        select: u,
         offset: 0,
         limit: 0,
         countRows: !0
       }),
-      allResults: e != null && e.isLoadingDownloadData ? s({
+      allResults: e != null && e.isLoadingDownloadData ? l({
         from: o.dataset,
         select: o.dimensionsAndMeasures,
-        orderBy: d,
+        orderBy: t,
         limit: o.maxResults
       }) : void 0
     };
   },
   events: {
     onRowClicked: (o) => ({
-      rowDimensionValue: o !== void 0 ? o : u.noFilter()
+      rowDimensionValue: o !== void 0 ? o : D.noFilter()
     })
   }
 });
 export {
-  h as default,
-  b as meta
+  y as default,
+  h as meta,
+  k as preview
 };
 //# sourceMappingURL=TableChartPaginated.js.map

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: [\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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"}
+{"version":3,"file":"TableChartPaginated.js","sources":["../src/components/charts/tables/TableChartPaginated/TableChartPaginated.emb.ts"],"sourcesContent":["import { loadData, OrderBy, Value } from '@embeddable.com/core';\nimport {\n  defineComponent,\n  definePreview,\n  EmbeddedComponentMeta,\n  Inputs,\n} 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';\nimport { previewData } from '../../../preview.data.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 previewMaxResults = 3;\nexport const preview = definePreview(TablePaginatedChart, {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hasTotalResults: true,\n    hideMenu: true,\n  },\n  hideMenu: true,\n});\n\nconst defaultState: TableChartPaginatedProState = {\n  page: 0,\n  pageSize: undefined,\n  sort: undefined,\n  isLoadingDownloadData: false,\n  hasTotalResults: true,\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","previewMaxResults","preview","definePreview","TablePaginatedChart","previewData","_a","defaultState","TableChartPaginated_emb","defineComponent","state","setState","orderDimensionAndMeasure","x","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","rowDimensionValue","Value"],"mappings":";;;;;AAgBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,QACN,GAAGA,EAAO,sBAAsB;AAAA,QAChCC,EAAU;AAAA,QACVA,EAAU;AAAA,QACVA,EAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEFD,EAAO;AAAA,IACPA,EAAO;AAAA,IAEP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,UAAU;AAAA,IAAA;AAAA,IAEZA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,YAAY,OAAO,0BAAA;AAAA,IAC/B;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,OAAO;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,MACV,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEME,IAAoB;;AACnB,MAAMC,IAAUC,EAAcC,GAAqB;AAAA,EACxD,uBAAuB,CAACC,EAAY,WAAWA,EAAY,gBAAgBA,EAAY,OAAO;AAAA,EAC9F,SAAS;AAAA,IACP,GAAGA,EAAY;AAAA,IACf,OAAMC,IAAAD,EAAY,2BAA2B,SAAvC,gBAAAC,EAA6C,MAAM,GAAGL;AAAA,EAAiB;AAAA,EAE/E,cAAc,EAAE,MAAM,CAAA,GAAI,OAAOA,GAAmB,WAAW,GAAA;AAAA,EAC/D,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAUA;AAAA,IACV,uBAAuB;AAAA,IACvB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AACZ,CAAC,GAEKM,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,iBAAiB;AACnB,GAEAC,IAAeC,EAAgBL,GAAqBN,GAAM;AAAA;AAAA,EAExD,OAAO,CACLC,GACA,CAACW,GAAOC,CAAQ,MACb;AACH,UAAMC,IAA2Bb,EAAO,sBAAsB;AAAA,MAC5D,CAACc,MAAA;;AAAM,eAAAA,EAAE,WAASP,IAAAI,KAAA,gBAAAA,EAAO,SAAP,gBAAAJ,EAAa;AAAA;AAAA,IAAA,GAG3BQ,IACJF,MAA4BF,KAAA,QAAAA,EAAO,QAC/B;AAAA,MACE;AAAA,QACE,UAAUE;AAAA,QACV,WAAWF,EAAM,KAAK;AAAA,MAAA;AAAA,IACxB,IAEF,CAAA,GAEAK,IAAwChB,EAAO,sBAAsB;AAAA,MACzE,CAACiB,MAAA;;AAAc,eAAAA,EAAU,WAASjB,IAAAA,EAAO,mBAAPA,gBAAAA,EAAuB;AAAA;AAAA,IAAA,GAGrDkB,IAA8B;AAAA,MAClC,GAAGlB,EAAO;AAAA,MACV,GAAIgB,IAAwC,CAAA,IAAK,CAAChB,EAAO,cAAc;AAAA,IAAA;AAGzE,WAAO;AAAA,MACL,GAAGA;AAAAA,MAEH,OAAOmB,EAAUX,GAAcG,KAAS,CAAA,CAAE;AAAA;AAAA,MAC1C,UAAAC;AAAA,MAEA,SAASD,KAAA,QAAAA,EAAO,WACZS,EAAS;AAAA,QACP,MAAMpB,EAAO;AAAA,QACb,QAAQkB;AAAA,QACR,QAAQP,EAAM,OAAOA,EAAM;AAAA,QAC3B,OAAOA,EAAM;AAAA,QACb,SAAAI;AAAA,MAAA,CACD,IACD;AAAA,MACJ,cAAeJ,KAAA,QAAAA,EAAO,kBAQlB,SAPAS,EAAS;AAAA,QACP,MAAMpB,EAAO;AAAA,QACb,QAAQkB;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MAAA,CACZ;AAAA,MAEL,YAAYP,KAAA,QAAAA,EAAO,wBACfS,EAAS;AAAA,QACP,MAAMpB,EAAO;AAAA,QACb,QAAQA,EAAO;AAAA,QACf,SAAAe;AAAA,QACA,OAAOf,EAAO;AAAA,MAAA,CACf,IACD;AAAA,IAAA;AAAA,EAER;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACqB,OACN;AAAA,MACL,mBAAmBA,MAAsB,SAAYA,IAAoBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE5F;AAEJ,CAAC;"}