@embeddable.com/remarkable-ui 0.1.52 → 1.0.2

package/dist/TableChartPaginated.js

@@ -1,38 +1,27 @@
-import { U as y, K as m, i as B, r as U, j as C, W as G, F as q, X as K, d as X, Y as P, Z as Y, _ as Z, t as $, c as J, I as Q, R as O, A as ee, $ as ne, V as te, o as M, m as ae } from "./component.constants-BysG97Au.js";
-import { useTheme as ie, defineComponent as oe } from "@embeddable.com/react";
-import { C as se } from "./ChartCard-9vU81B9E.js";
-import { useState as D, useRef as R, useLayoutEffect as re, useMemo as le, useEffect as u, useCallback as _ } from "react";
-import { g as ce } from "./formatter.utils-tk7xEyBO.js";
-const de = (e) => {
-  const [n, t] = D(0), a = R(void 0);
-  return re(() => {
+import { U as T, K as d, i as B, r as U, j as x, W as _, F as G, X as q, d as K, Y as C, Z as X, _ as Y, t as Z, c as $, I as J, R as Q, A as O, $ as ee, V as ne, o as H, m as ae } from "./component.constants-CYS5-3qd.js";
+import { useTheme as te, defineComponent as ie } from "@embeddable.com/react";
+import { C as oe } from "./ChartCard-CyemTSay.js";
+import { useState as D, useRef as L, useLayoutEffect as se, useCallback as re, useEffect as b } from "react";
+import { u as le, a as ce } from "./useDebounce.hook-DxiPFcz9.js";
+import { g as de } from "./formatter.utils-CaFr8SlX.js";
+const ue = (e) => {
+  const [n, t] = D(0), i = L(void 0);
+  return se(() => {
     const o = e.current;
     if (!o) return;
-    const s = (r) => {
-      t(Math.max(0, r));
-    }, c = new ResizeObserver((r) => {
-      const i = r[0];
-      i && (a.current && clearTimeout(a.current), a.current = window.setTimeout(() => {
-        s(i.contentRect.height);
+    const l = (s) => {
+      t(Math.max(0, s));
+    }, u = new ResizeObserver((s) => {
+      const a = s[0];
+      a && (i.current && clearTimeout(i.current), i.current = window.setTimeout(() => {
+        l(a.contentRect.height);
       }, 100));
     });
-    return c.observe(o), s(o.getBoundingClientRect().height || 0), () => {
-      a.current && clearTimeout(a.current), c.disconnect();
+    return u.observe(o), l(o.getBoundingClientRect().height || 0), () => {
+      i.current && clearTimeout(i.current), u.disconnect();
     };
   }, [e]), n;
-}, ue = ({
-  availableHeight: e,
-  headerHeight: n,
-  rowHeight: t,
-  footerHeight: a = 0
-}) => le(() => {
-  const o = e;
-  if (!o) return 0;
-  let s = o - n - a;
-  s < 0 && (s = 0);
-  const c = Math.floor(s / t);
-  return Math.max(0, c);
-}, [e, n, t, a]), me = (e) => {
+}, me = (e) => {
   var t;
   const n = (t = e.inputs) == null ? void 0 : t.align;
   if (n) return n;
@@ -40,9 +29,9 @@ const de = (e) => {
     case "number":
     case "boolean":
     case "time":
-      return y.RIGHT;
+      return T.RIGHT;
     default:
-      return y.LEFT;
+      return T.LEFT;
   }
 }, ge = (e) => {
   var t;
@@ -50,157 +39,139 @@ const de = (e) => {
   if (n) return n;
   switch (e.nativeType) {
     case "string":
-      return m("--em-table-min-width-string_R", "8.75rem");
+      return d("--em-tablechart-min-width--string", "8.75rem");
     case "number":
-      return m("--em-table-min-width-number_R", "5.625rem");
+      return d("--em-tablechart-min-width--number", "5.625rem");
     case "time":
-      return m("--em-table-min-width-time_R", "8.75rem");
+      return d("--em-tablechart-min-width--time", "8.75rem");
     case "boolean":
     default:
-      return m("--em-table-min-width-boolean_R", "5.625rem");
+      return d("--em-tablechart-min-width--boolean", "5.625rem");
   }
 }, he = (e, n) => {
-  const t = ce(n);
-  return e.dimensionsAndMeasures.map((a) => ({
-    id: a.name,
-    title: t.dimensionOrMeasureTitle(a),
-    accessor: (o) => o[a.name] == null ? e.displayNullAs ?? "" : t.data(a, o[a.name]),
-    minWidth: ge(a),
-    align: me(a)
+  const t = de(n);
+  return e.dimensionsAndMeasures.map((i) => ({
+    id: i.name,
+    title: t.dimensionOrMeasureTitle(i),
+    accessor: (o) => o[i.name] == null ? e.displayNullAs ?? "" : t.data(i, o[i.name]),
+    minWidth: ge(i),
+    align: me(i)
   }));
 }, be = (e) => {
   var t;
   if (!e.rows || e.rows.length === 0)
     return [];
   const n = (t = e.clickDimension) == null ? void 0 : t.name;
-  return !n || Object.keys(e.rows[0]).includes(n) ? e.rows : e.rows.map(({ [n]: a, ...o }) => ({
+  return !n || Object.keys(e.rows[0]).includes(n) ? e.rows : e.rows.map(({ [n]: i, ...o }) => ({
     ...o
   }));
-};
-function fe(e, n = 300) {
-  const t = R(null), a = R(e);
-  u(() => {
-    a.current = e;
-  }, [e]);
-  const o = _(
-    (...s) => {
-      t.current && clearTimeout(t.current), t.current = setTimeout(() => {
-        a.current(...s);
-      }, n);
-    },
-    [n]
-  );
-  return u(() => () => {
-    t.current && clearTimeout(t.current);
-  }, []), o;
-}
-const we = (e, n) => (e == null ? void 0 : e.id) !== (n == null ? void 0 : n.id) || (e == null ? void 0 : e.direction) !== (n == null ? void 0 : n.direction) || !e && !!n || !!e && !n, De = m("--em-table-size-cell-height_R", "2.5rem"), Re = m("--em-table-size-cell-height_R", "2.5rem"), pe = m("--em-table-size-footer-height_R", "3rem");
-let L;
-const Ae = (e) => {
-  const n = ie();
+}, fe = (e, n) => (e == null ? void 0 : e.id) !== (n == null ? void 0 : n.id) || (e == null ? void 0 : e.direction) !== (n == null ? void 0 : n.direction) || !e && !!n || !!e && !n, we = d("--em-tablechart-cell-height", "2.5rem"), De = d("--em-tablechart-cell-height", "2.5rem"), pe = d("--em-tablechart-pagination-height", "3rem");
+let P;
+const Re = (e) => {
+  const n = te();
   B(n);
-  const [t, a] = D(void 0), [o, s] = D(!1), { description: c, title: r } = U(e), {
-    results: i,
+  const [t, i] = D(void 0), [o, l] = D(!1), { description: u, title: s } = U(e), {
+    results: a,
     allResults: f,
     dimensionsAndMeasures: p,
-    displayNullAs: z,
-    showIndex: H,
-    clickDimension: A,
-    state: g,
-    setState: T,
-    onRowClicked: F
-  } = e, [w, k] = D(g.sort), V = he({ dimensionsAndMeasures: p, displayNullAs: z }, n), v = (i == null ? void 0 : i.data) || [], j = be({ rows: v, clickDimension: A }), S = R(null), E = de(S), h = ue({
-    availableHeight: E,
-    headerHeight: De,
-    rowHeight: Re,
+    displayNullAs: M,
+    showIndex: z,
+    clickDimension: R,
+    state: m,
+    setState: S,
+    onRowClicked: V
+  } = e, [w, k] = D(m.sort), j = he({ dimensionsAndMeasures: p, displayNullAs: M }, n), v = (a == null ? void 0 : a.data) || [], E = be({ rows: v, clickDimension: R }), A = L(null), F = ue(A), g = le({
+    availableHeight: F,
+    headerHeight: we,
+    rowHeight: De,
     footerHeight: pe
-  }), d = _(
-    (l) => {
-      T((b) => ({
-        ...b,
-        ...l
+  }), c = re(
+    (r) => {
+      S((h) => ({
+        ...h,
+        ...r
       }));
     },
-    [T]
-  ), N = (l) => {
-    s(!0), d({ isLoadingDownloadData: !0 }), L = (b) => l({
-      title: r,
-      data: b,
+    [S]
+  ), N = (r) => {
+    l(!0), c({ isLoadingDownloadData: !0 }), P = (h) => r({
+      title: s,
+      data: h,
       dimensionsAndMeasures: p,
-      containerRef: S,
+      containerRef: A,
       theme: n
     });
-  }, W = (l) => {
+  }, W = (r) => {
     var I;
-    if (!A) return;
-    const b = (I = v[l]) == null ? void 0 : I[A.name];
-    F(b);
-  }, x = fe(d);
-  return u(() => {
-    we(g.sort, w) && k(g.sort);
-  }, [g.sort]), u(() => {
-    x({ sort: w });
-  }, [w, x]), u(() => {
-    h && d({ pageSize: h });
-  }, [h, d]), u(() => {
-    i != null && i.total && i.total !== t && a(i.total);
-  }, [i, t]), u(() => {
+    if (!R) return;
+    const h = (I = v[r]) == null ? void 0 : I[R.name];
+    V(h);
+  }, y = ce(c);
+  return b(() => {
+    fe(m.sort, w) && k(m.sort);
+  }, [m.sort]), b(() => {
+    y({ sort: w });
+  }, [w, y]), b(() => {
+    g && c({ pageSize: g });
+  }, [g, c]), b(() => {
+    a != null && a.total && a.total !== t && i(a.total);
+  }, [a, t]), b(() => {
     if (o) {
       if (!f || f.isLoading)
         return;
-      L(f.data), s(!1), d({ isLoadingDownloadData: !1 });
+      P(f.data), l(!1), c({ isLoadingDownloadData: !1 });
     }
-  }, [o, f, d]), /* @__PURE__ */ C.jsx(
-    se,
+  }, [o, f, c]), /* @__PURE__ */ x.jsx(
+    oe,
     {
-      ref: S,
-      title: r,
-      subtitle: c,
-      data: i,
+      ref: A,
+      title: s,
+      subtitle: u,
+      data: a,
       dimensionsAndMeasures: p,
-      errorMessage: i == null ? void 0 : i.error,
+      errorMessage: a == null ? void 0 : a.error,
       onCustomDownload: N,
-      children: /* @__PURE__ */ C.jsx(
-        G,
+      children: /* @__PURE__ */ x.jsx(
+        _,
         {
           onRowIndexClick: W,
-          headers: V,
-          rows: j,
-          showIndex: H,
-          page: g.page,
-          pageSize: h,
-          paginationLabel: q.t("charts.tablePaginated.pagination", {
-            page: g.page + 1,
-            totalPages: K(t, h) ?? "?"
+          headers: j,
+          rows: E,
+          showIndex: z,
+          page: m.page,
+          pageSize: g,
+          paginationLabel: G.t("charts.tablePaginated.pagination", {
+            page: m.page + 1,
+            totalPages: q(t, g) ?? "?"
           }),
           total: t,
           sort: w,
-          onSortChange: (l) => {
-            k(l);
+          onSortChange: (r) => {
+            k(r);
           },
-          onPageChange: (l) => d({ page: l })
+          onPageChange: (r) => c({ page: r })
         }
       )
     }
   );
-}, Se = {
+}, Ae = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",
   category: "Table Charts",
   inputs: [
-    X,
+    K,
     {
-      ...P,
+      ...C,
       label: "Columns",
-      inputs: [...P.inputs, Y, Z]
+      inputs: [...C.inputs, X, Y]
     },
+    Z,
     $,
-    J,
-    { ...Q, name: "showIndex", label: "Show Index Column", defaultValue: !0 },
-    { ...O, name: "displayNullAs", label: "Display null as" },
-    { ...ee, label: "Max Results to Download" },
+    { ...J, name: "showIndex", label: "Show Index Column", defaultValue: !0 },
+    { ...Q, name: "displayNullAs", label: "Display null as" },
+    { ...O, label: "Max Results to Download" },
     {
-      ...ne,
+      ...ee,
       label: "Dimension to set on click",
       name: "clickDimension",
       category: "Data Mapping for Interactions",
@@ -220,47 +191,47 @@ const Ae = (e) => {
       ]
     }
   ]
-}, Te = {
+}, Se = {
   page: 0,
   pageSize: void 0,
   sort: void 0,
   isLoadingDownloadData: !1
-}, Ce = oe(Ae, Se, {
+}, Ce = ie(Re, Ae, {
   /* @ts-expect-error - to be fixed in @embeddable.com/react */
   props: (e, [n, t]) => {
-    const a = e.dimensionsAndMeasures.find(
-      (r) => {
-        var i;
-        return r.name === ((i = n == null ? void 0 : n.sort) == null ? void 0 : i.id);
+    const i = e.dimensionsAndMeasures.find(
+      (s) => {
+        var a;
+        return s.name === ((a = n == null ? void 0 : n.sort) == null ? void 0 : a.id);
       }
-    ), o = a && (n != null && n.sort) ? [
+    ), o = i && (n != null && n.sort) ? [
       {
-        property: a,
+        property: i,
         direction: n.sort.direction
       }
-    ] : [], s = e.dimensionsAndMeasures.some(
-      (r) => {
-        var i;
-        return r.name === ((i = e.clickDimension) == null ? void 0 : i.name);
+    ] : [], l = e.dimensionsAndMeasures.some(
+      (s) => {
+        var a;
+        return s.name === ((a = e.clickDimension) == null ? void 0 : a.name);
       }
-    ), c = [
+    ), u = [
       ...e.dimensionsAndMeasures,
-      s ? [] : e.clickDimension
+      l ? [] : e.clickDimension
     ];
     return {
       ...e,
-      state: ae(Te, n ?? {}),
+      state: ae(Se, n ?? {}),
       // Merge with default state
       setState: t,
-      results: n != null && n.pageSize ? M({
+      results: n != null && n.pageSize ? H({
         from: e.dataset,
-        select: c,
+        select: u,
         offset: n.page * n.pageSize,
         limit: n.pageSize,
         countRows: !0,
         orderBy: o
       }) : void 0,
-      allResults: n != null && n.isLoadingDownloadData ? M({
+      allResults: n != null && n.isLoadingDownloadData ? H({
         from: e.dataset,
         select: e.dimensionsAndMeasures,
         orderBy: o,
@@ -270,12 +241,12 @@ const Ae = (e) => {
   },
   events: {
     onRowClicked: (e) => ({
-      rowDimensionValue: e !== void 0 ? e : te.noFilter()
+      rowDimensionValue: e !== void 0 ? e : ne.noFilter()
     })
   }
 });
 export {
   Ce as default,
-  Se as meta
+  Ae as meta
 };
 //# sourceMappingURL=TableChartPaginated.js.map

package/dist/TableChartPaginated.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableChartPaginated.js","sources":["../src/remarkable-ui/hooks/useObserverHeight.hook.ts","../src/remarkable-ui/charts/tables/Table/Table.hooks.ts","../src/remarkable-pro/components/charts/tables/tables.utils.ts","../src/remarkable-ui/hooks/useDebounce.hook.ts","../src/remarkable-pro/components/charts/tables/TableChartPaginated/index.tsx","../src/remarkable-pro/components/charts/tables/TableChartPaginated/TableChartPaginated.emb.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport const useObserverHeight = (elRef: React.RefObject<HTMLDivElement | null>): number => {\n  const [height, setHeight] = useState(0);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  useLayoutEffect(() => {\n    const el = elRef.current;\n    if (!el) return;\n\n    const updateHeight = (newHeight: number) => {\n      setHeight(Math.max(0, newHeight));\n    };\n\n    const ro = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      // clear previous debounce\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // wait 100ms before updating\n      timeoutRef.current = window.setTimeout(() => {\n        updateHeight(entry.contentRect.height);\n      }, 100);\n    });\n\n    ro.observe(el);\n    // initial height\n    updateHeight(el.getBoundingClientRect().height || 0);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      ro.disconnect();\n    };\n  }, [elRef]);\n\n  return height;\n};\n","import { useMemo } from 'react';\n\ntype UseTableGetRowsPerPageProps = {\n  availableHeight: number;\n  headerHeight: number;\n  rowHeight: number;\n  footerHeight?: number;\n};\nexport const useTableGetRowsPerPage = ({\n  availableHeight,\n  headerHeight,\n  rowHeight,\n  footerHeight = 0,\n}: UseTableGetRowsPerPageProps): number =>\n  useMemo(() => {\n    const h = availableHeight;\n    if (!h) return 0;\n\n    // Available vertical space for BODY rows only\n    let available = h - headerHeight - footerHeight;\n    if (available < 0) available = 0;\n\n    // DO NOT show partial rows: floor only\n    const rows = Math.floor(available / rowHeight);\n    return Math.max(0, rows);\n  }, [availableHeight, headerHeight, rowHeight, footerHeight]);\n","import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '../../../../remarkable-ui/types/css.types';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '../../../../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-table-min-width-string_R' as any, '8.75rem') as number;\n    case 'number':\n      return getStyleNumber('--em-table-min-width-number_R' as any, '5.625rem') as number;\n    case 'time':\n      return getStyleNumber('--em-table-min-width-time_R' as any, '8.75rem') as number;\n    case 'boolean':\n    default:\n      return getStyleNumber('--em-table-min-width-boolean_R' 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 { useRef, useEffect, useCallback } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function useDebounce<T extends (...args: any[]) => void>(\n  fn: T,\n  delay = 300,\n): (...args: Parameters<T>) => void {\n  const timerRef = useRef<NodeJS.Timeout>(null);\n  const fnRef = useRef(fn);\n\n  // Always keep fn up to date without resetting timer\n  useEffect(() => {\n    fnRef.current = fn;\n  }, [fn]);\n\n  const debouncedFn = useCallback(\n    (...args: Parameters<T>) => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n      timerRef.current = setTimeout(() => {\n        fnRef.current(...args);\n      }, delay);\n    },\n    [delay],\n  );\n\n  // Cleanup on unmount\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) clearTimeout(timerRef.current);\n    };\n  }, []);\n\n  return debouncedFn;\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 { getStyleNumber, getTableTotalPages, TablePaginated } from '../../../../../remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '../../../../../remarkable-ui/hooks/useObserverHeight.hook';\nimport { useTableGetRowsPerPage } from '../../../../../remarkable-ui/charts/tables/Table/Table.hooks';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuProOptionOnClickProps } from '../../shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types';\nimport { useDebounce } from '../../../../../remarkable-ui/hooks/useDebounce.hook';\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-table-size-cell-height_R' as any, '2.5rem') as number;\nconst rowHeight = getStyleNumber('--em-table-size-cell-height_R' as any, '2.5rem') as number;\nconst footerHeight = getStyleNumber('--em-table-size-footer-height_R' as any, '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 = (\n    onDownload: (props: ChartCardMenuProOptionOnClickProps) => void,\n  ) => {\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","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":["useObserverHeight","elRef","height","setHeight","useState","timeoutRef","useRef","useLayoutEffect","el","updateHeight","newHeight","ro","entries","entry","useTableGetRowsPerPage","availableHeight","headerHeight","rowHeight","footerHeight","useMemo","h","available","rows","getTableHeaderAlign","dimOrMeas","subInputAlign","_a","TableHeaderAlign","getTableHeaderMinWidth","subInputWidth","getStyleNumber","getTableHeaders","props","theme","themeFormatter","getThemeFormatter","row","getTableRows","clickDimensionName","_","useDebounce","fn","delay","timerRef","fnRef","useEffect","debouncedFn","useCallback","args","hasSortChanges","sort","sortToCompare","downloadData","TableChartPaginatedPro","useTheme","i18nSetup","total","setTotal","isDownloadingData","setIsDownloadingData","description","title","resolveI18nProps","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","tableRows","cardContentRef","chartHeight","pageSize","handleUpdateEmbeddableState","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage","meta","dataset","genericBoolean","genericString","maxResults","dimensionSimple","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","inputs","orderDimensionAndMeasure","x","orderBy","clickDimensionInDimensionsAndMeasures","dimensionsAndMeasuresToLoad","mergician","loadData","Value"],"mappings":"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"}
+{"version":3,"file":"TableChartPaginated.js","sources":["../src/remarkable-ui/hooks/useObserverHeight.hook.ts","../src/remarkable-pro/components/charts/tables/tables.utils.ts","../src/remarkable-pro/components/charts/tables/TableChartPaginated/index.tsx","../src/remarkable-pro/components/charts/tables/TableChartPaginated/TableChartPaginated.emb.ts"],"sourcesContent":["import { useLayoutEffect, useRef, useState } from 'react';\n\nexport const useObserverHeight = (elRef: React.RefObject<HTMLDivElement | null>): number => {\n  const [height, setHeight] = useState(0);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  useLayoutEffect(() => {\n    const el = elRef.current;\n    if (!el) return;\n\n    const updateHeight = (newHeight: number) => {\n      setHeight(Math.max(0, newHeight));\n    };\n\n    const ro = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n\n      // clear previous debounce\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n\n      // wait 100ms before updating\n      timeoutRef.current = window.setTimeout(() => {\n        updateHeight(entry.contentRect.height);\n      }, 100);\n    });\n\n    ro.observe(el);\n    // initial height\n    updateHeight(el.getBoundingClientRect().height || 0);\n\n    return () => {\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\n      ro.disconnect();\n    };\n  }, [elRef]);\n\n  return height;\n};\n","import { DataResponse, Dimension, DimensionOrMeasure } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { CssSize } from '../../../../remarkable-ui/types/css.types';\nimport { Theme } from '../../../theme/theme.types';\nimport {\n  getStyleNumber,\n  TableHeaderAlign,\n  TableHeaderItem,\n  TableHeaderItemAlign,\n} from '../../../../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 '../../../../../remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useObserverHeight } from '../../../../../remarkable-ui/hooks/useObserverHeight.hook';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuProOptionOnClickProps } from '../../shared/ChartCard/ChartCardMenuPro/ChartCardMenuPro.types';\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 = (\n    onDownload: (props: ChartCardMenuProOptionOnClickProps) => void,\n  ) => {\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","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":["useObserverHeight","elRef","height","setHeight","useState","timeoutRef","useRef","useLayoutEffect","el","updateHeight","newHeight","ro","entries","entry","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","isDownloadingData","setIsDownloadingData","description","title","resolveI18nProps","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","localSort","setLocalSort","headers","rows","tableRows","cardContentRef","chartHeight","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","rowDimensionValue","debouncedUpdateState","useDebounce","useEffect","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newSort","newPage","meta","dataset","genericBoolean","genericString","maxResults","dimensionSimple","defaultState","TableChartPaginated_emb","defineComponent","TablePaginatedChart","inputs","orderDimensionAndMeasure","x","orderBy","clickDimensionInDimensionsAndMeasures","dimensionsAndMeasuresToLoad","mergician","loadData","Value"],"mappings":"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"}