@embeddable.com/remarkable-pro 0.0.7 → 0.0.8

package/dist/TableChartPaginated.js

@@ -1,25 +1,25 @@
-import { V as t, l, m as u } from "./index-CK9V-wz1.js";
+import { V as u, l as i, m as t } from "./index-CK9V-wz1.js";
 import { defineComponent as g } from "@embeddable.com/react";
-import { T as p } from "./index-zt-UY8xi.js";
-import { v as D, C as r, s as b, e as f, F as C, G as w, g as A, d as M, H as k, x as h } from "./component.constants-Dhb2rtRh.js";
-const v = {
+import { T as f } from "./index-CLN53xva.js";
+import { v as p, C as d, s as D, e as b, F as C, G as w, g as A, d as R, H as h, x as M } from "./component.constants-Dhb2rtRh.js";
+const k = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",
   category: "Table Charts",
   inputs: [
-    D,
+    p,
     {
-      ...r,
+      ...d,
       label: "Columns",
-      inputs: [...r.inputs, b, f]
+      inputs: [...d.inputs, D, b]
     },
     C,
     w,
     { ...A, name: "showIndex", label: "Show Index Column", defaultValue: !0 },
-    { ...M, name: "displayNullAs", label: "Display null as" },
-    { ...k, label: "Max Results to Download" },
+    { ...R, name: "displayNullAs", label: "Display null as" },
+    { ...h, label: "Max Results to Download" },
     {
-      ...h,
+      ...M,
       label: "Dimension to set on click",
       name: "clickDimension",
       category: "Data Mapping for Interactions",
@@ -39,62 +39,69 @@ const v = {
       ]
     }
   ]
-}, R = {
+}, v = {
   page: 0,
   pageSize: void 0,
   sort: void 0,
-  isLoadingDownloadData: !1
-}, I = g(p, v, {
+  isLoadingDownloadData: !1,
+  hasTotalResults: !1
+}, I = g(f, k, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
-  props: (n, [e, d]) => {
-    const a = n.dimensionsAndMeasures.find(
-      (i) => {
-        var o;
-        return i.name === ((o = e == null ? void 0 : e.sort) == null ? void 0 : o.id);
+  props: (o, [e, m]) => {
+    const s = o.dimensionsAndMeasures.find(
+      (a) => {
+        var n;
+        return a.name === ((n = e == null ? void 0 : e.sort) == null ? void 0 : n.id);
       }
-    ), s = a && (e != null && e.sort) ? [
+    ), l = s && (e != null && e.sort) ? [
       {
-        property: a,
+        property: s,
         direction: e.sort.direction
       }
-    ] : [], m = n.dimensionsAndMeasures.some(
-      (i) => {
-        var o;
-        return i.name === ((o = n.clickDimension) == null ? void 0 : o.name);
+    ] : [], c = o.dimensionsAndMeasures.some(
+      (a) => {
+        var n;
+        return a.name === ((n = o.clickDimension) == null ? void 0 : n.name);
       }
-    ), c = [
-      ...n.dimensionsAndMeasures,
-      m ? [] : n.clickDimension
+    ), r = [
+      ...o.dimensionsAndMeasures,
+      c ? [] : o.clickDimension
     ];
     return {
-      ...n,
-      state: u(R, e ?? {}),
+      ...o,
+      state: t(v, e ?? {}),
       // Merge with default state
-      setState: d,
-      results: e != null && e.pageSize ? l({
-        from: n.dataset,
-        select: c,
+      setState: m,
+      results: e != null && e.pageSize ? i({
+        from: o.dataset,
+        select: r,
         offset: e.page * e.pageSize,
         limit: e.pageSize,
-        countRows: !0,
-        orderBy: s
+        orderBy: l
       }) : void 0,
-      allResults: e != null && e.isLoadingDownloadData ? l({
-        from: n.dataset,
-        select: n.dimensionsAndMeasures,
-        orderBy: s,
-        limit: n.maxResults
+      totalResults: e != null && e.hasTotalResults ? void 0 : i({
+        from: o.dataset,
+        select: r,
+        offset: 0,
+        limit: 0,
+        countRows: !0
+      }),
+      allResults: e != null && e.isLoadingDownloadData ? i({
+        from: o.dataset,
+        select: o.dimensionsAndMeasures,
+        orderBy: l,
+        limit: o.maxResults
       }) : void 0
     };
   },
   events: {
-    onRowClicked: (n) => ({
-      rowDimensionValue: n !== void 0 ? n : t.noFilter()
+    onRowClicked: (o) => ({
+      rowDimensionValue: o !== void 0 ? o : u.noFilter()
     })
   }
 });
 export {
   I as default,
-  v as meta
+  k as meta
 };
 //# 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 {\n  dataset,\n  description,\n  title,\n  dimensionsAndMeasures,\n  subInputWidth,\n  subInputAlign,\n  genericBoolean,\n  genericString,\n  maxResults,\n  dimensionSimple,\n} from '../../../component.constants';\nimport { mergician } from 'mergician';\n\nexport const meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [...dimensionsAndMeasures.inputs, subInputWidth, subInputAlign],\n    },\n    title,\n    description,\n\n    { ...genericBoolean, name: 'showIndex', label: 'Show Index Column', defaultValue: true },\n    { ...genericString, name: 'displayNullAs', label: 'Display null as' },\n    { ...maxResults, label: 'Max Results to Download' },\n    {\n      ...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};\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            countRows: true,\n            orderBy,\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","dataset","dimensionsAndMeasures","subInputWidth","subInputAlign","title","description","genericBoolean","genericString","maxResults","dimensionSimple","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","inputs","state","setState","orderDimensionAndMeasure","x","_a","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","rowDimensionValue","Value"],"mappings":";;;;AAoBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA;AAAA,MACE,GAAGC;AAAA,MACH,OAAO;AAAA,MACP,QAAQ,CAAC,GAAGA,EAAsB,QAAQC,GAAeC,CAAa;AAAA,IAAA;AAAA,IAExEC;AAAA,IACAC;AAAA,IAEA,EAAE,GAAGC,GAAgB,MAAM,aAAa,OAAO,qBAAqB,cAAc,GAAA;AAAA,IAClF,EAAE,GAAGC,GAAe,MAAM,iBAAiB,OAAO,kBAAA;AAAA,IAClD,EAAE,GAAGC,GAAY,OAAO,0BAAA;AAAA,IACxB;AAAA,MACE,GAAGC;AAAA,MACH,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,GAEMC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,uBAAuB;AACzB,GAEAC,IAAeC,EAAgBC,GAAqBd,GAAM;AAAA;AAAA,EAExD,OAAO,CACLe,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAA2BH,EAAO,sBAAsB;AAAA,MAC5D,CAACI,MAAA;;AAAM,eAAAA,EAAE,WAASC,IAAAJ,KAAA,gBAAAA,EAAO,SAAP,gBAAAI,EAAa;AAAA;AAAA,IAAA,GAG3BC,IACJH,MAA4BF,KAAA,QAAAA,EAAO,QAC/B;AAAA,MACE;AAAA,QACE,UAAUE;AAAA,QACV,WAAWF,EAAM,KAAK;AAAA,MAAA;AAAA,IACxB,IAEF,CAAA,GAEAM,IAAwCP,EAAO,sBAAsB;AAAA,MACzE,CAACQ,MAAA;;AAAc,eAAAA,EAAU,WAASH,IAAAL,EAAO,mBAAP,gBAAAK,EAAuB;AAAA;AAAA,IAAA,GAGrDI,IAA8B;AAAA,MAClC,GAAGT,EAAO;AAAA,MACVO,IAAwC,CAAA,IAAKP,EAAO;AAAA,IAAA;AAGtD,WAAO;AAAA,MACL,GAAGA;AAAA,MAEH,OAAOU,EAAUd,GAAcK,KAAS,CAAA,CAAE;AAAA;AAAA,MAC1C,UAAAC;AAAA,MAEA,SAASD,KAAA,QAAAA,EAAO,WACZU,EAAS;AAAA,QACP,MAAMX,EAAO;AAAA,QACb,QAAQS;AAAA,QACR,QAAQR,EAAM,OAAOA,EAAM;AAAA,QAC3B,OAAOA,EAAM;AAAA,QACb,WAAW;AAAA,QACX,SAAAK;AAAA,MAAA,CACD,IACD;AAAA,MACJ,YAAYL,KAAA,QAAAA,EAAO,wBACfU,EAAS;AAAA,QACP,MAAMX,EAAO;AAAA,QACb,QAAQA,EAAO;AAAA,QACf,SAAAM;AAAA,QACA,OAAON,EAAO;AAAA,MAAA,CACf,IACD;AAAA,IAAA;AAAA,EAER;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACY,OACN;AAAA,MACL,mBAAmBA,MAAsB,SAAYA,IAAoBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE5F;AAEJ,CAAC;"}
+{"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 {\n  dataset,\n  description,\n  title,\n  dimensionsAndMeasures,\n  subInputWidth,\n  subInputAlign,\n  genericBoolean,\n  genericString,\n  maxResults,\n  dimensionSimple,\n} from '../../../component.constants';\nimport { mergician } from 'mergician';\n\nexport const meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  category: 'Table Charts',\n  inputs: [\n    dataset,\n    {\n      ...dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [...dimensionsAndMeasures.inputs, subInputWidth, subInputAlign],\n    },\n    title,\n    description,\n\n    { ...genericBoolean, name: 'showIndex', label: 'Show Index Column', defaultValue: true },\n    { ...genericString, name: 'displayNullAs', label: 'Display null as' },\n    { ...maxResults, label: 'Max Results to Download' },\n    {\n      ...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","dataset","dimensionsAndMeasures","subInputWidth","subInputAlign","title","description","genericBoolean","genericString","maxResults","dimensionSimple","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","inputs","state","setState","orderDimensionAndMeasure","x","_a","orderBy","clickDimensionInDimensionsAndMeasures","dimOrMeas","dimensionsAndMeasuresToLoad","mergician","loadData","rowDimensionValue","Value"],"mappings":";;;;AAoBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACA;AAAA,MACE,GAAGC;AAAA,MACH,OAAO;AAAA,MACP,QAAQ,CAAC,GAAGA,EAAsB,QAAQC,GAAeC,CAAa;AAAA,IAAA;AAAA,IAExEC;AAAA,IACAC;AAAA,IAEA,EAAE,GAAGC,GAAgB,MAAM,aAAa,OAAO,qBAAqB,cAAc,GAAA;AAAA,IAClF,EAAE,GAAGC,GAAe,MAAM,iBAAiB,OAAO,kBAAA;AAAA,IAClD,EAAE,GAAGC,GAAY,OAAO,0BAAA;AAAA,IACxB;AAAA,MACE,GAAGC;AAAA,MACH,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,GAEMC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,uBAAuB;AAAA,EACvB,iBAAiB;AACnB,GAEAC,IAAeC,EAAgBC,GAAqBd,GAAM;AAAA;AAAA,EAExD,OAAO,CACLe,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAA2BH,EAAO,sBAAsB;AAAA,MAC5D,CAACI,MAAA;;AAAM,eAAAA,EAAE,WAASC,IAAAJ,KAAA,gBAAAA,EAAO,SAAP,gBAAAI,EAAa;AAAA;AAAA,IAAA,GAG3BC,IACJH,MAA4BF,KAAA,QAAAA,EAAO,QAC/B;AAAA,MACE;AAAA,QACE,UAAUE;AAAA,QACV,WAAWF,EAAM,KAAK;AAAA,MAAA;AAAA,IACxB,IAEF,CAAA,GAEAM,IAAwCP,EAAO,sBAAsB;AAAA,MACzE,CAACQ,MAAA;;AAAc,eAAAA,EAAU,WAASH,IAAAL,EAAO,mBAAP,gBAAAK,EAAuB;AAAA;AAAA,IAAA,GAGrDI,IAA8B;AAAA,MAClC,GAAGT,EAAO;AAAA,MACVO,IAAwC,CAAA,IAAKP,EAAO;AAAA,IAAA;AAGtD,WAAO;AAAA,MACL,GAAGA;AAAA,MAEH,OAAOU,EAAUd,GAAcK,KAAS,CAAA,CAAE;AAAA;AAAA,MAC1C,UAAAC;AAAA,MAEA,SAASD,KAAA,QAAAA,EAAO,WACZU,EAAS;AAAA,QACP,MAAMX,EAAO;AAAA,QACb,QAAQS;AAAA,QACR,QAAQR,EAAM,OAAOA,EAAM;AAAA,QAC3B,OAAOA,EAAM;AAAA,QACb,SAAAK;AAAA,MAAA,CACD,IACD;AAAA,MACJ,cAAeL,KAAA,QAAAA,EAAO,kBAQlB,SAPAU,EAAS;AAAA,QACP,MAAMX,EAAO;AAAA,QACb,QAAQS;AAAA,QACR,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,MAAA,CACZ;AAAA,MAEL,YAAYR,KAAA,QAAAA,EAAO,wBACfU,EAAS;AAAA,QACP,MAAMX,EAAO;AAAA,QACb,QAAQA,EAAO;AAAA,QACf,SAAAM;AAAA,QACA,OAAON,EAAO;AAAA,MAAA,CACf,IACD;AAAA,IAAA;AAAA,EAER;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,CAACY,OACN;AAAA,MACL,mBAAmBA,MAAsB,SAAYA,IAAoBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE5F;AAEJ,CAAC;"}

package/dist/components/charts/tables/TableChartPaginated/index.d.ts

@@ -8,20 +8,22 @@ export type TableChartPaginatedProState = {
         direction: OrderDirection;
     } | undefined;
     isLoadingDownloadData: boolean;
+    hasTotalResults: boolean;
 };
 type TableChartPaginatedProProps = {
-    embeddableState: TableChartPaginatedProState;
-    title: string;
+    allResults?: DataResponse;
+    clickDimension?: Dimension;
     description: string;
+    dimensionsAndMeasures: DimensionOrMeasure[];
     displayNullAs?: string;
+    embeddableState: TableChartPaginatedProState;
     results: DataResponse;
-    dimensionsAndMeasures: DimensionOrMeasure[];
     showIndex: boolean;
-    allResults?: DataResponse;
-    clickDimension?: Dimension;
     state: TableChartPaginatedProState;
-    setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;
+    title: string;
+    totalResults?: DataResponse;
     onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;
+    setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;
 };
 declare const TableChartPaginatedPro: (props: TableChartPaginatedProProps) => import("react/jsx-runtime").JSX.Element;
 export default TableChartPaginatedPro;

package/dist/components/charts/tables/TableChartPaginated/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/tables/TableChartPaginated/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAkCnG,MAAM,MAAM,mCAAmC,GAAG,MAAM,GAAG,IAAI,CAAC;AAChE,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAE,GAAG,SAAS,CAAC;IAC7D,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,2BAA2B,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;IACtB,qBAAqB,EAAE,kBAAkB,EAAE,CAAC;IAC5C,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,EAAE,2BAA2B,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC,CAAC;IAC5E,YAAY,EAAE,CAAC,iBAAiB,EAAE,mCAAmC,KAAK,IAAI,CAAC;CAChF,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAyIjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/charts/tables/TableChartPaginated/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAkCnG,MAAM,MAAM,mCAAmC,GAAG,MAAM,GAAG,IAAI,CAAC;AAChE,MAAM,MAAM,2BAA2B,GAAG;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAE,GAAG,SAAS,CAAC;IAC7D,qBAAqB,EAAE,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,KAAK,2BAA2B,GAAG;IACjC,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,kBAAkB,EAAE,CAAC;IAC5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,2BAA2B,CAAC;IAC7C,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,2BAA2B,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,EAAE,CAAC,iBAAiB,EAAE,mCAAmC,KAAK,IAAI,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,2BAA2B,CAAC,CAAC,CAAC;CAC7E,CAAC;AAEF,QAAA,MAAM,sBAAsB,GAAI,OAAO,2BAA2B,4CAmJjE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/embeddable-components.json

@@ -1,25 +1,25 @@
 {
   "components": [
     "DateRangeSelectFieldPro",
+    "BarChartDefaultHorizontalPro",
+    "BarChartGroupedHorizontalPro",
     "ComparisonPeriodSelectFieldPro",
     "BarChartGroupedPro",
-    "BarChartGroupedHorizontalPro",
     "MultiSelectFieldPro",
-    "SingleSelectFieldPro",
-    "BarChartDefaultHorizontalPro",
-    "PivotTablePro",
-    "PieChartPro",
-    "HeatMapPro",
-    "LineChartGroupedPro",
-    "LineChartDefaultPro",
-    "DonutChartPro",
     "BarChartDefaultPro",
     "BarChartStackedHorizontalPro",
-    "LineChartComparisonDefaultPro",
-    "KpiChartNumberComparisonPro",
+    "SingleSelectFieldPro",
     "KpiChartNumberPro",
+    "KpiChartNumberComparisonPro",
+    "LineChartDefaultPro",
     "BarChartStackedPro",
+    "LineChartGroupedPro",
+    "HeatMapPro",
+    "PieChartPro",
+    "DonutChartPro",
     "DonutLabelChartPro",
+    "LineChartComparisonDefaultPro",
+    "PivotTablePro",
     "TableChartPaginated"
   ],
   "editors": [

package/dist/index-CLN53xva.js

@@ -0,0 +1,161 @@
+import { T as x, c as r, u as F, i as W, k as z, j as R, n as G, o as U } from "./index-CK9V-wz1.js";
+import { useTheme as V } from "@embeddable.com/react";
+import { a as q, r as B, i as J } from "./component.constants-Dhb2rtRh.js";
+import { C as K } from "./ChartCard-DbWy6Y6D.js";
+import { useState as y, useRef as Q, useCallback as X, useEffect as g } from "react";
+import { g as Y } from "./formatter.utils-Bdp9Y-Lv.js";
+const Z = (e) => {
+  var a;
+  const t = (a = e.inputs) == null ? void 0 : a.align;
+  if (t) return t;
+  switch (e.nativeType) {
+    case "number":
+    case "boolean":
+    case "time":
+      return x.RIGHT;
+    default:
+      return x.LEFT;
+  }
+}, $ = (e) => {
+  var a;
+  const t = (a = e.inputs) == null ? void 0 : a.width;
+  if (t) return t;
+  switch (e.nativeType) {
+    case "string":
+      return r("--em-tablechart-min-width--string", "8.75rem");
+    case "number":
+      return r("--em-tablechart-min-width--number", "5.625rem");
+    case "time":
+      return r("--em-tablechart-min-width--time", "8.75rem");
+    case "boolean":
+    default:
+      return r("--em-tablechart-min-width--boolean", "5.625rem");
+  }
+}, M = (e, t) => {
+  const a = Y(t);
+  return e.dimensionsAndMeasures.map((i) => ({
+    id: i.name,
+    title: a.dimensionOrMeasureTitle(i),
+    accessor: (c) => c[i.name] == null ? e.displayNullAs ?? "" : a.data(i, c[i.name]),
+    minWidth: $(i),
+    align: Z(i)
+  }));
+}, O = (e) => {
+  var a;
+  if (!e.rows || e.rows.length === 0)
+    return [];
+  const t = (a = e.clickDimension) == null ? void 0 : a.name;
+  return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: i, ...c }) => ({
+    ...c
+  }));
+}, ee = (e, t) => (e == null ? void 0 : e.id) !== (t == null ? void 0 : t.id) || (e == null ? void 0 : e.direction) !== (t == null ? void 0 : t.direction) || !e && !!t || !!e && !t, te = r("--em-tablechart-cell-height", "2.5rem"), ae = r("--em-tablechart-cell-height", "2.5rem"), ne = r("--em-tablechart-pagination-height", "3rem");
+let I;
+const ie = (e) => {
+  const t = V();
+  q(t);
+  const [a, i] = y(!1), { description: c, title: H } = B(e), {
+    totalResults: s,
+    results: l,
+    allResults: m,
+    dimensionsAndMeasures: b,
+    displayNullAs: j,
+    showIndex: A,
+    clickDimension: D,
+    state: d,
+    setState: f,
+    onRowClicked: v
+  } = e, [w, P] = y(d.sort), L = M({ dimensionsAndMeasures: b, displayNullAs: j }, t), T = (l == null ? void 0 : l.data) || [], _ = O({ rows: T, clickDimension: D }), S = Q(null), E = F(S), u = W({
+    availableHeight: E,
+    headerHeight: te,
+    rowHeight: ae,
+    footerHeight: ne
+  }), o = X(
+    (n) => {
+      f((h) => ({
+        ...h,
+        ...n
+      }));
+    },
+    [f]
+  ), N = (n) => {
+    i(!0), o({ isLoadingDownloadData: !0 }), I = (h) => n({
+      title: H,
+      data: h,
+      dimensionsAndMeasures: b,
+      containerRef: S,
+      theme: t
+    });
+  }, C = (n) => {
+    var p;
+    if (!D) return;
+    const h = (p = T[n]) == null ? void 0 : p[D.name];
+    v(h);
+  }, k = z(o);
+  return g(() => {
+    ee(d.sort, w) && P(d.sort);
+  }, [d.sort]), g(() => {
+    k({ sort: w });
+  }, [w, k]), g(() => {
+    u && o({ pageSize: u });
+  }, [u, o]), g(() => {
+    f((n) => ({
+      ...n,
+      hasTotalResults: !1
+    }));
+  }, [b, u]), g(() => {
+    s != null && s.total && f((n) => ({
+      ...n,
+      hasTotalResults: !0
+    }));
+  }, [s]), g(() => {
+    if (a) {
+      if (!m || m.isLoading)
+        return;
+      I(m.data), i(!1), o({ isLoadingDownloadData: !1 });
+    }
+  }, [a, m, o]), /* @__PURE__ */ R.jsx(
+    K,
+    {
+      ref: S,
+      title: H,
+      subtitle: c,
+      data: l,
+      dimensionsAndMeasures: b,
+      errorMessage: l == null ? void 0 : l.error,
+      onCustomDownload: N,
+      children: /* @__PURE__ */ R.jsx(
+        G,
+        {
+          onRowIndexClick: C,
+          headers: L,
+          rows: _,
+          showIndex: A,
+          page: d.page,
+          pageSize: u,
+          paginationLabel: J.t("charts.tablePaginated.pagination", {
+            page: d.page + 1,
+            totalPages: U(s == null ? void 0 : s.total, u) ?? "?"
+          }),
+          total: s == null ? void 0 : s.total,
+          sort: w,
+          onSortChange: (n) => {
+            P(n);
+          },
+          onPageChange: (n) => o({ page: n })
+        }
+      )
+    }
+  );
+}, ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ie
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ie as T,
+  $ as a,
+  M as b,
+  O as c,
+  Z as g,
+  ue as i
+};
+//# sourceMappingURL=index-CLN53xva.js.map

package/dist/index-CLN53xva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CLN53xva.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'number':\n    case 'boolean':\n    case 'time':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n    id: dimOrMeas.name,\n    title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n    accessor: (row: any) => {\n      if (row[dimOrMeas.name] == null) {\n        return props.displayNullAs ?? '';\n      }\n      return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n    },\n    minWidth: getTableHeaderMinWidth(dimOrMeas),\n    align: getTableHeaderAlign(dimOrMeas),\n  }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useDebounce,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '@embeddable.com/remarkable-ui';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n  sort: TableChartPaginatedProState['sort'],\n  sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n  const changed =\n    sort?.id !== sortToCompare?.id ||\n    sort?.direction !== sortToCompare?.direction ||\n    (!sort && !!sortToCompare) ||\n    (!!sort && !sortToCompare);\n\n  return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n  hasTotalResults: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n  description: string;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  embeddableState: TableChartPaginatedProState;\n  results: DataResponse;\n  showIndex: boolean;\n  state: TableChartPaginatedProState;\n  title: string;\n  totalResults?: DataResponse;\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    totalResults,\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const [localSort, setLocalSort] = useState(state.sort);\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const chartHeight = useObserverHeight(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: chartHeight,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n  // Sync local sort with embeddable state\n  useEffect(() => {\n    if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.sort]);\n\n  // Debounce sort updates to embeddable state\n  useEffect(() => {\n    debouncedUpdateState({ sort: localSort });\n  }, [localSort, debouncedUpdateState]);\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    setState((prevState) => ({\n      ...prevState,\n      hasTotalResults: false,\n    }));\n  }, [dimensionsAndMeasures, pageSize]);\n\n  useEffect(() => {\n    if (totalResults?.total) {\n      setState((prevState) => ({\n        ...prevState,\n        hasTotalResults: true,\n      }));\n    }\n  }, [totalResults]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={state.page}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: state.page + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={localSort}\n        onSortChange={(newSort) => {\n          setLocalSort(newSort as TableChartPaginatedProState['sort']);\n        }}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","description","title","resolveI18nProps","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","chartHeight","useObserverHeight","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}

package/dist/index.js

@@ -20,7 +20,7 @@ import { i as ja } from "./index-CGOYyhMg.js";
 import { g as Ya, a as qa } from "./pies.utils-eND-eqpj.js";
 import { i as Qa } from "./index-DsuuGokg.js";
 import { i as Za } from "./index-lk-Z0NGN.js";
-import { i as $a, g as ae, a as ee, b as re, c as se } from "./index-zt-UY8xi.js";
+import { i as $a, g as ae, a as ee, b as re, c as se } from "./index-CLN53xva.js";
 import { C as te } from "./ChartCard-DbWy6Y6D.js";
 import { i as ne, g as pe, a as me } from "./index-DyLLyX5j.js";
 import { i as ue, g as xe } from "./index-B7H0xf_l.js";

package/package.json

@@ -1,7 +1,11 @@
 {
   "name": "@embeddable.com/remarkable-pro",
   "author": "embeddable (https://embeddable.com)",
-  "version": "0.0.7",
+  "version": "0.0.8",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/embeddable-hq/remarkable-pro"
+  },
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/index-zt-UY8xi.js

@@ -1,152 +0,0 @@
-import { T as x, c, u as W, i as z, k as G, j as y, n as U, o as V } from "./index-CK9V-wz1.js";
-import { useTheme as q } from "@embeddable.com/react";
-import { a as B, r as J, i as K } from "./component.constants-Dhb2rtRh.js";
-import { C as Q } from "./ChartCard-DbWy6Y6D.js";
-import { useState as D, useRef as X, useCallback as Y, useEffect as g } from "react";
-import { g as Z } from "./formatter.utils-Bdp9Y-Lv.js";
-const $ = (e) => {
-  var a;
-  const t = (a = e.inputs) == null ? void 0 : a.align;
-  if (t) return t;
-  switch (e.nativeType) {
-    case "number":
-    case "boolean":
-    case "time":
-      return x.RIGHT;
-    default:
-      return x.LEFT;
-  }
-}, M = (e) => {
-  var a;
-  const t = (a = e.inputs) == null ? void 0 : a.width;
-  if (t) return t;
-  switch (e.nativeType) {
-    case "string":
-      return c("--em-tablechart-min-width--string", "8.75rem");
-    case "number":
-      return c("--em-tablechart-min-width--number", "5.625rem");
-    case "time":
-      return c("--em-tablechart-min-width--time", "8.75rem");
-    case "boolean":
-    default:
-      return c("--em-tablechart-min-width--boolean", "5.625rem");
-  }
-}, O = (e, t) => {
-  const a = Z(t);
-  return e.dimensionsAndMeasures.map((i) => ({
-    id: i.name,
-    title: a.dimensionOrMeasureTitle(i),
-    accessor: (o) => o[i.name] == null ? e.displayNullAs ?? "" : a.data(i, o[i.name]),
-    minWidth: M(i),
-    align: $(i)
-  }));
-}, ee = (e) => {
-  var a;
-  if (!e.rows || e.rows.length === 0)
-    return [];
-  const t = (a = e.clickDimension) == null ? void 0 : a.name;
-  return !t || Object.keys(e.rows[0]).includes(t) ? e.rows : e.rows.map(({ [t]: i, ...o }) => ({
-    ...o
-  }));
-}, te = (e, t) => (e == null ? void 0 : e.id) !== (t == null ? void 0 : t.id) || (e == null ? void 0 : e.direction) !== (t == null ? void 0 : t.direction) || !e && !!t || !!e && !t, ae = c("--em-tablechart-cell-height", "2.5rem"), ne = c("--em-tablechart-cell-height", "2.5rem"), ie = c("--em-tablechart-pagination-height", "3rem");
-let I;
-const se = (e) => {
-  const t = q();
-  B(t);
-  const [a, i] = D(void 0), [o, S] = D(!1), { description: j, title: R } = J(e), {
-    results: n,
-    allResults: h,
-    dimensionsAndMeasures: b,
-    displayNullAs: v,
-    showIndex: A,
-    clickDimension: f,
-    state: r,
-    setState: H,
-    onRowClicked: L
-  } = e, [m, P] = D(r.sort), _ = O({ dimensionsAndMeasures: b, displayNullAs: v }, t), T = (n == null ? void 0 : n.data) || [], E = ee({ rows: T, clickDimension: f }), w = X(null), N = W(w), d = z({
-    availableHeight: N,
-    headerHeight: ae,
-    rowHeight: ne,
-    footerHeight: ie
-  }), l = Y(
-    (s) => {
-      H((u) => ({
-        ...u,
-        ...s
-      }));
-    },
-    [H]
-  ), C = (s) => {
-    S(!0), l({ isLoadingDownloadData: !0 }), I = (u) => s({
-      title: R,
-      data: u,
-      dimensionsAndMeasures: b,
-      containerRef: w,
-      theme: t
-    });
-  }, F = (s) => {
-    var p;
-    if (!f) return;
-    const u = (p = T[s]) == null ? void 0 : p[f.name];
-    L(u);
-  }, k = G(l);
-  return g(() => {
-    te(r.sort, m) && P(r.sort);
-  }, [r.sort]), g(() => {
-    k({ sort: m });
-  }, [m, k]), g(() => {
-    d && l({ pageSize: d });
-  }, [d, l]), g(() => {
-    n != null && n.total && n.total !== a && i(n.total);
-  }, [n, a]), g(() => {
-    if (o) {
-      if (!h || h.isLoading)
-        return;
-      I(h.data), S(!1), l({ isLoadingDownloadData: !1 });
-    }
-  }, [o, h, l]), /* @__PURE__ */ y.jsx(
-    Q,
-    {
-      ref: w,
-      title: R,
-      subtitle: j,
-      data: n,
-      dimensionsAndMeasures: b,
-      errorMessage: n == null ? void 0 : n.error,
-      onCustomDownload: C,
-      children: /* @__PURE__ */ y.jsx(
-        U,
-        {
-          onRowIndexClick: F,
-          headers: _,
-          rows: E,
-          showIndex: A,
-          page: r.page,
-          pageSize: d,
-          paginationLabel: K.t("charts.tablePaginated.pagination", {
-            page: r.page + 1,
-            totalPages: V(a, d) ?? "?"
-          }),
-          total: a,
-          sort: m,
-          onSortChange: (s) => {
-            P(s);
-          },
-          onPageChange: (s) => l({ page: s })
-        }
-      )
-    }
-  );
-}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: se
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  se as T,
-  M as a,
-  O as b,
-  ee as c,
-  $ as g,
-  ge as i
-};
-//# sourceMappingURL=index-zt-UY8xi.js.map

package/dist/index-zt-UY8xi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-zt-UY8xi.js","sources":["../src/components/charts/tables/tables.utils.ts","../src/components/charts/tables/TableChartPaginated/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '@embeddable.com/remarkable-ui';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const getTableHeaderAlign = (dimOrMeas: DimensionOrMeasure): TableHeaderItemAlign => {\n  const subInputAlign = dimOrMeas.inputs?.align;\n\n  if (subInputAlign) return subInputAlign;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'number':\n    case 'boolean':\n    case 'time':\n      return TableHeaderAlign.RIGHT;\n    default:\n      return TableHeaderAlign.LEFT;\n  }\n};\n\nexport const getTableHeaderMinWidth = (dimOrMeas: DimensionOrMeasure): CssSize => {\n  const subInputWidth = dimOrMeas.inputs?.width;\n\n  if (subInputWidth) return subInputWidth;\n\n  // Get width by native type\n  switch (dimOrMeas.nativeType) {\n    case 'string':\n      return getStyleNumber('--em-tablechart-min-width--string' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-tablechart-min-width--number' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-tablechart-min-width--time' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-tablechart-min-width--boolean' as any, '5.625rem') as number;\n  }\n};\n\nexport const getTableHeaders = (\n  props: {\n    dimensionsAndMeasures: DimensionOrMeasure[];\n    displayNullAs?: string;\n  },\n  theme: Theme,\n): TableHeaderItem<any>[] => {\n  const themeFormatter = getThemeFormatter(theme);\n  return props.dimensionsAndMeasures.map((dimOrMeas) => ({\n    id: dimOrMeas.name,\n    title: themeFormatter.dimensionOrMeasureTitle(dimOrMeas),\n    accessor: (row: any) => {\n      if (row[dimOrMeas.name] == null) {\n        return props.displayNullAs ?? '';\n      }\n      return themeFormatter.data(dimOrMeas, row[dimOrMeas.name]);\n    },\n    minWidth: getTableHeaderMinWidth(dimOrMeas),\n    align: getTableHeaderAlign(dimOrMeas),\n  }));\n};\n\nexport const getTableRows = (props: { clickDimension?: Dimension; rows: DataResponse['data'] }) => {\n  if (!props.rows || props.rows.length === 0) {\n    return [];\n  }\n\n  const clickDimensionName = props.clickDimension?.name;\n\n  if (!clickDimensionName || Object.keys(props.rows[0]!).includes(clickDimensionName)) {\n    return props.rows;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  return props.rows.map(({ [clickDimensionName]: _, ...row }) => ({\n    ...row,\n  }));\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useDebounce,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '@embeddable.com/remarkable-ui';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\n\nconst hasSortChanges = (\n  sort: TableChartPaginatedProState['sort'],\n  sortToCompare: TableChartPaginatedProState['sort'],\n): boolean => {\n  const changed =\n    sort?.id !== sortToCompare?.id ||\n    sort?.direction !== sortToCompare?.direction ||\n    (!sort && !!sortToCompare) ||\n    (!!sort && !sortToCompare);\n\n  return changed;\n};\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nconst headerHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-tablechart-cell-height', '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-tablechart-pagination-height', '3rem') as number;\n\nlet downloadData: (data: DataResponse['data']) => void;\n\nexport type TableChartPaginatedProOnRowClickArg = string | null;\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n};\n\ntype TableChartPaginatedProProps = {\n  embeddableState: TableChartPaginatedProState;\n  title: string;\n  description: string;\n  displayNullAs?: string;\n  results: DataResponse;\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  showIndex: boolean;\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n  state: TableChartPaginatedProState;\n  setState: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n  onRowClicked: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n};\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [total, setTotal] = useState<number | undefined>(undefined);\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    results,\n    allResults,\n    dimensionsAndMeasures,\n    displayNullAs,\n    showIndex,\n    clickDimension,\n    state,\n    setState,\n    onRowClicked,\n  } = props;\n\n  const [localSort, setLocalSort] = useState(state.sort);\n\n  const headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const chartHeight = useObserverHeight(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: chartHeight,\n    headerHeight,\n    rowHeight,\n    footerHeight,\n  });\n\n  // Stable updater for embeddable state\n  const handleUpdateEmbeddableState = useCallback(\n    (newState: Partial<TableChartPaginatedProState>) => {\n      setState((prevState) => ({\n        ...prevState,\n        ...newState,\n      }));\n    },\n    [setState],\n  );\n\n  const handleCustomDownload = (onDownload: (props: ChartCardMenuOptionOnClickProps) => void) => {\n    setIsDownloadingData(true);\n    handleUpdateEmbeddableState({ isLoadingDownloadData: true });\n\n    downloadData = (data: DataResponse['data']) =>\n      onDownload({\n        title,\n        data,\n        dimensionsAndMeasures,\n        containerRef: cardContentRef,\n        theme,\n      });\n  };\n\n  const handleRowIndexClick = (rowIndex: number) => {\n    if (!clickDimension) return;\n\n    const rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\n\n  const debouncedUpdateState = useDebounce(handleUpdateEmbeddableState);\n\n  // Sync local sort with embeddable state\n  useEffect(() => {\n    if (hasSortChanges(state.sort, localSort)) setLocalSort(state.sort);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [state.sort]);\n\n  // Debounce sort updates to embeddable state\n  useEffect(() => {\n    debouncedUpdateState({ sort: localSort });\n  }, [localSort, debouncedUpdateState]);\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\n\n  // Sync total from results\n  useEffect(() => {\n    if (results?.total && results.total !== total) {\n      setTotal(results.total);\n    }\n  }, [results, total]);\n\n  // Handle data download when allResults is ready\n  useEffect(() => {\n    if (isDownloadingData) {\n      if (!allResults || allResults.isLoading) {\n        // Loading data to download\n        return;\n      }\n\n      downloadData(allResults.data);\n      setIsDownloadingData(false);\n      handleUpdateEmbeddableState({ isLoadingDownloadData: false });\n    }\n  }, [isDownloadingData, allResults, handleUpdateEmbeddableState]);\n\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      subtitle={description}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={state.page}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: state.page + 1,\n          totalPages: getTableTotalPages(total, pageSize) ?? '?',\n        })}\n        total={total}\n        sort={localSort}\n        onSortChange={(newSort) => {\n          setLocalSort(newSort as TableChartPaginatedProState['sort']);\n        }}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n"],"names":["getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","hasSortChanges","sort","sortToCompare","headerHeight","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","total","setTotal","useState","isDownloadingData","setIsDownloadingData","description","title","resolveI18nProps","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","useRef","chartHeight","useObserverHeight","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage"],"mappings":"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"}