@embeddable.com/remarkable-pro 0.2.13 → 0.3.0

package/dist/{definition-pF0N3U_N.js → definition-DFJBFIBQ.js}

@@ -1,34 +1,34 @@
-import { y as A, _ as Y, $ as Z, j as L, a0 as ee, a1 as ae, V, l as M } from "./index-7D6uMJ-C.js";
+import { a3 as v, af as Z, ag as $, a7 as L, Q as ee, a4 as ae, V, a8 as A } from "./index-Cddhb628.js";
 import { useTheme as oe, definePreview as te } from "@embeddable.com/react";
-import { a as se, r as ne, i as ie } from "./component.utils-Dua9clQJ.js";
-import { C as le } from "./ChartCard-DXg1i7Y2.js";
-import { g as re } from "./dimension.utils-DlzeRFgr.js";
+import { i as se, r as ne, a as ie } from "./component.utils-oQMZT7TK.js";
+import { C as le } from "./ChartCard-CZ0PnrNg.js";
+import { g as re } from "./dimension.utils-DN43DaL5.js";
 import { useState as de, useRef as me, useCallback as ce, useEffect as I } from "react";
-import { g as ge, a as ue } from "./tables.utils-FQtNWonG.js";
-import { i as t, s as S, g as De } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as f } from "./preview.data.constants-BSjhK_tx.js";
-const fe = A("--em-tablechart-cell-height", "2.5rem"), he = A("--em-tablechart-cell-height", "2.5rem"), pe = A("--em-tablechart-pagination-height", "3rem");
-let j;
-const v = (e) => {
+import { b as ge, c as ue } from "./tables.utils-DdGuZcE0.js";
+import { i as t, s as S, g as De } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as f } from "./preview.data.constants-HvHDcvh2.js";
+const fe = v("--em-tablechart-cell-height", "2.5rem"), he = v("--em-tablechart-cell-height", "2.5rem"), be = v("--em-tablechart-pagination-height", "3rem");
+let z;
+const M = (e) => {
   const a = oe();
   se(a);
   const [n, o] = de(!1), { title: i, description: h, tooltip: C } = ne(e), {
-    hideMenu: p,
+    hideMenu: b,
     totalResults: l,
     results: s,
     allResults: m,
     dimensionsAndMeasures: r,
     displayNullAs: q,
     showIndex: B,
-    clickDimension: b,
+    clickDimension: p,
     state: g,
     setState: w,
     onRowClicked: P
-  } = e, U = ge({ dimensionsAndMeasures: r, displayNullAs: q }, a), k = (s == null ? void 0 : s.data) || [], $ = ue({ rows: k, clickDimension: b }), R = me(null), { height: J } = Y(R), D = Z({
+  } = e, Q = ge({ dimensionsAndMeasures: r, displayNullAs: q }, a), k = (s == null ? void 0 : s.data) || [], U = ue({ rows: k, clickDimension: p }), R = me(null), { height: J } = Z(R), D = $({
     availableHeight: J,
     headerHeight: fe,
     rowHeight: he,
-    footerHeight: pe
+    footerHeight: be
   }), c = ce(
     (d) => {
       w == null || w((u) => ({
@@ -38,21 +38,21 @@ const v = (e) => {
     },
     [w]
   ), K = (d) => {
-    o(!0), c({ isLoadingDownloadData: !0 }), j = (u) => d({
+    o(!0), c({ isLoadingDownloadData: !0 }), z = (u) => d({
       title: i,
       data: u,
       dimensionsAndMeasures: r,
       containerRef: R,
       theme: a
     });
-  }, Q = (d) => {
-    var x;
-    if (!P || !b) return;
-    const u = (x = k[d]) == null ? void 0 : x[b.name], X = re({
+  }, W = (d) => {
+    var y;
+    if (!P || !p) return;
+    const u = (y = k[d]) == null ? void 0 : y[p.name], Y = re({
       value: u ?? void 0,
-      dimension: b
+      dimension: p
     });
-    P({ dimensionValue: u, dimensionTimeRange: X });
+    P({ dimensionValue: u, dimensionTimeRange: Y });
   };
   I(() => {
     D && c({ pageSize: D });
@@ -60,12 +60,12 @@ const v = (e) => {
     if (n) {
       if (!m || m.isLoading)
         return;
-      j(m.data), o(!1), c({ isLoadingDownloadData: !1 });
+      z(m.data), o(!1), c({ isLoadingDownloadData: !1 });
     }
   }, [n, m, c]);
-  const W = (d) => {
+  const X = (d) => {
     c({ sort: d });
-  }, y = (g == null ? void 0 : g.page) ?? 0;
+  }, x = (g == null ? void 0 : g.page) ?? 0;
   return /* @__PURE__ */ L.jsx(
     le,
     {
@@ -77,23 +77,23 @@ const v = (e) => {
       dimensionsAndMeasures: r,
       errorMessage: s == null ? void 0 : s.error,
       onCustomDownload: K,
-      hideMenu: p,
+      hideMenu: b,
       children: /* @__PURE__ */ L.jsx(
         ee,
         {
-          onRowIndexClick: Q,
-          headers: U,
-          rows: $,
+          onRowIndexClick: W,
+          headers: Q,
+          rows: U,
           showIndex: B,
-          page: y,
+          page: x,
           pageSize: D,
           paginationLabel: ie.t("charts.tablePaginated.pagination", {
-            page: y + 1,
+            page: x + 1,
             totalPages: ae(l == null ? void 0 : l.total, D) ?? "?"
           }),
           total: l == null ? void 0 : l.total,
           sort: g == null ? void 0 : g.sort,
-          onSortChange: W,
+          onSortChange: X,
           onPageChange: (d) => c({ page: d })
         }
       )
@@ -101,10 +101,11 @@ const v = (e) => {
   );
 }, Ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: v
-}, Symbol.toStringTag, { value: "Module" })), be = {
+  default: M
+}, Symbol.toStringTag, { value: "Module" })), pe = {
   name: "TableChartPaginated",
   label: "Table Chart - Paginated",
+  description: "Server-side paginated table. Pick over TableScrollable for large datasets.",
   category: "Table Charts",
   inputs: [
     { ...t.dataset, config: { hideSort: !0 } },
@@ -164,12 +165,12 @@ const v = (e) => {
     }
   ]
 }, T = 3;
-var z;
+var j;
 const H = {
   dimensionsAndMeasures: [f.dimension, f.dimensionGroup, f.measure],
   results: {
     ...f.results1Measure2Dimensions,
-    data: (z = f.results1Measure2Dimensions.data) == null ? void 0 : z.slice(0, T)
+    data: (j = f.results1Measure2Dimensions.data) == null ? void 0 : j.slice(0, T)
   },
   totalResults: { data: [], total: T, isLoading: !1 },
   state: {
@@ -179,7 +180,7 @@ const H = {
     hideMenu: !0
   },
   hideMenu: !0
-}, we = te(v, H), Ce = (e) => ({
+}, we = te(M, H), Ce = (e) => ({
   page: 0,
   pageSize: void 0,
   sort: e != null && e.sortColumn ? {
@@ -187,24 +188,24 @@ const H = {
     direction: De(e.sortDirection) ?? "asc"
   } : void 0,
   isLoadingDownloadData: !1
-}), _ = (e, a, n, o, i) => ({
+}), O = (e, a, n, o, i) => ({
   from: e.dataset,
   select: i,
   offset: a * n,
   limit: n,
   orderBy: o
-}), O = (e, a, n, o, i) => M(_(e, a, n, o, i)), E = (e, a) => ({
+}), _ = (e, a, n, o, i) => A(O(e, a, n, o, i)), E = (e, a) => ({
   from: e.dataset,
   select: a,
   offset: 0,
   limit: 0,
   countRows: !0
-}), F = (e, a) => M(E(e, a)), N = (e, a) => ({
+}), F = (e, a) => A(E(e, a)), N = (e, a) => ({
   from: e.dataset,
   select: e.dimensionsAndMeasures,
   orderBy: a,
   limit: e.maxResults
-}), G = (e, a) => M(N(e, a)), Re = {
+}), G = (e, a) => A(N(e, a)), Re = {
   onRowClicked: (e) => ({
     rowDimensionValue: e.dimensionValue ?? V.noFilter(),
     rowDimensionTimeRange: e.dimensionTimeRange ?? V.noFilter()
@@ -222,7 +223,7 @@ const H = {
       var r;
       return m.name === ((r = e.clickDimension) == null ? void 0 : r.name);
     }
-  ), p = [
+  ), b = [
     ...e.dimensionsAndMeasures,
     ...e.clickDimension && !C ? [e.clickDimension] : []
   ];
@@ -230,19 +231,19 @@ const H = {
     ...e,
     state: o,
     setState: n,
-    results: o.pageSize ? O(
+    results: o.pageSize ? _(
       e,
       o.page,
       o.pageSize,
       h,
-      p
+      b
     ) : void 0,
-    totalResults: F(e, p),
+    totalResults: F(e, b),
     allResults: o.isLoadingDownloadData ? G(e, h) : void 0
   };
 }, Ie = {
-  Component: v,
-  meta: be,
+  Component: M,
+  meta: pe,
   preview: we,
   previewConfig: H,
   config: {
@@ -250,8 +251,8 @@ const H = {
     events: Re
   },
   results: {
-    loadDataArgs: _,
-    loadData: O
+    loadDataArgs: O,
+    loadData: _
   },
   totalResults: {
     loadDataArgs: E,
@@ -267,4 +268,4 @@ export {
   Ve as i,
   Ie as t
 };
-//# sourceMappingURL=definition-pF0N3U_N.js.map
+//# sourceMappingURL=definition-DFJBFIBQ.js.map

package/dist/definition-DFJBFIBQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DFJBFIBQ.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx","../src/components/charts/tables/TableChartPaginated/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport {\n  DataResponse,\n  Dimension,\n  DimensionOrMeasure,\n  OrderDirection,\n  TimeRange,\n} from '@embeddable.com/core';\nimport { getTimeRangeFromDimensionValue } from '../../../utils/dimension.utils';\nimport {\n  getStyleNumber,\n  getTableTotalPages,\n  TablePaginated,\n  useTableGetRowsPerPage,\n  useResizeObserver,\n  TableSort,\n} from '@embeddable.com/remarkable-ui';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { getTableHeaders, getTableRows } from '../tables.utils';\nimport { ChartCardMenuOptionOnClickProps } from '../../../../theme/defaults/defaults.ChartCardMenu.constants';\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 = {\n  dimensionValue: string | null;\n  dimensionTimeRange: TimeRange | undefined;\n};\nexport type TableChartPaginatedProState = {\n  page: number;\n  pageSize?: number;\n  sort?: { id: string; direction: OrderDirection } | undefined;\n  isLoadingDownloadData: boolean;\n};\n\nexport type TableChartPaginatedProProps = {\n  allResults?: DataResponse;\n  clickDimension?: Dimension;\n\n  dimensionsAndMeasures: DimensionOrMeasure[];\n  displayNullAs?: string;\n  results: DataResponse;\n  showIndex?: boolean;\n  state?: TableChartPaginatedProState;\n\n  totalResults?: DataResponse;\n  onRowClicked?: (rowDimensionValue: TableChartPaginatedProOnRowClickArg) => void;\n  setState?: React.Dispatch<React.SetStateAction<TableChartPaginatedProState>>;\n} & ChartCardHeaderProps;\n\nconst TableChartPaginatedPro = (props: TableChartPaginatedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const [isDownloadingData, setIsDownloadingData] = useState(false);\n\n  const { title, description, tooltip } = resolveI18nProps(props);\n  const {\n    hideMenu,\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 headers = getTableHeaders({ dimensionsAndMeasures, displayNullAs }, theme);\n  const rows = results?.data || [];\n  const tableRows = getTableRows({ rows, clickDimension });\n  const cardContentRef = useRef<HTMLDivElement>(null);\n  const { height } = useResizeObserver(cardContentRef);\n  const pageSize = useTableGetRowsPerPage({\n    availableHeight: height,\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 (!onRowClicked || !clickDimension) return;\n\n    const dimensionValue = rows[rowIndex]?.[clickDimension.name];\n    const dimensionTimeRange = getTimeRangeFromDimensionValue({\n      value: dimensionValue ?? undefined,\n      dimension: clickDimension,\n    });\n\n    onRowClicked({ dimensionValue, dimensionTimeRange });\n  };\n\n  // Sync page size changes to embeddable state\n  useEffect(() => {\n    if (pageSize) {\n      handleUpdateEmbeddableState({ pageSize });\n    }\n  }, [pageSize, handleUpdateEmbeddableState]);\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  const handleSortChange = (newSort: TableSort<any> | undefined) => {\n    handleUpdateEmbeddableState({ sort: newSort as TableChartPaginatedProState['sort'] });\n  };\n\n  const currentPage = state?.page ?? 0;\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      tooltip={tooltip}\n      data={results}\n      dimensionsAndMeasures={dimensionsAndMeasures}\n      errorMessage={results?.error}\n      onCustomDownload={handleCustomDownload}\n      hideMenu={hideMenu}\n    >\n      <TablePaginated\n        onRowIndexClick={handleRowIndexClick}\n        headers={headers}\n        rows={tableRows}\n        showIndex={showIndex}\n        page={currentPage}\n        pageSize={pageSize}\n        paginationLabel={i18n.t('charts.tablePaginated.pagination', {\n          page: currentPage + 1,\n          totalPages: getTableTotalPages(totalResults?.total, pageSize) ?? '?',\n        })}\n        total={totalResults?.total}\n        sort={state?.sort}\n        onSortChange={handleSortChange}\n        onPageChange={(newPage) => handleUpdateEmbeddableState({ page: newPage })}\n      />\n    </ChartCard>\n  );\n};\n\nexport default TableChartPaginatedPro;\n","import {\n  DataResponse,\n  LoadDataRequest,\n  OrderBy,\n  OrderDirection,\n  Value,\n  loadData,\n} from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport TablePaginatedChart, {\n  TableChartPaginatedProOnRowClickArg,\n  TableChartPaginatedProState,\n} from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { getSortDirectionValue } from '../../../types/SortDirection.type.emb';\nimport { subInputs } from '../../../component.subinputs.constants';\nimport { previewData } from '../../../preview.data.constants';\n\nconst meta = {\n  name: 'TableChartPaginated',\n  label: 'Table Chart - Paginated',\n  description: 'Server-side paginated table. Pick over TableScrollable for large datasets.',\n  category: 'Table Charts',\n  inputs: [\n    { ...inputs.dataset, config: { hideSort: true } },\n    {\n      ...inputs.dimensionsAndMeasures,\n      label: 'Columns',\n      inputs: [\n        ...inputs.dimensionsAndMeasures.inputs,\n        subInputs.width,\n        subInputs.align,\n        subInputs.tableCellStyle,\n      ],\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    {\n      ...inputs.boolean,\n      name: 'showIndex',\n      label: 'Show index column',\n      defaultValue: true,\n      category: 'Component Settings',\n    },\n    inputs.displayNullAs,\n    { ...inputs.maxResults, label: 'Max results to download' },\n    {\n      ...inputs.dimensionSimple,\n      label: 'Dimension to set on click',\n      name: 'clickDimension',\n      category: 'Data Mapping for Interactions',\n      required: false,\n    },\n    {\n      ...inputs.sortDimensionOrMeasure,\n      name: 'sortColumn',\n      label: 'Default sort column',\n      category: 'Component Settings',\n    },\n    { ...inputs.sortDirection, label: 'Default sort direction', category: 'Component Settings' },\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          name: 'rowDimensionTimeRange',\n          label: 'Clicked row dimension time range',\n          type: 'timeRange',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst previewMaxResults = 3;\n\nconst previewConfig = {\n  dimensionsAndMeasures: [previewData.dimension, previewData.dimensionGroup, previewData.measure],\n  results: {\n    ...previewData.results1Measure2Dimensions,\n    data: previewData.results1Measure2Dimensions.data?.slice(0, previewMaxResults),\n  },\n  totalResults: { data: [], total: previewMaxResults, isLoading: false },\n  state: {\n    page: 0,\n    pageSize: previewMaxResults,\n    isLoadingDownloadData: false,\n    hideMenu: true,\n  },\n  hideMenu: true,\n};\n\nconst preview = definePreview(TablePaginatedChart, previewConfig);\n\nexport const defaultTableChartPaginatedState = (\n  inputs?: Inputs<typeof meta>,\n): TableChartPaginatedProState => ({\n  page: 0,\n  pageSize: undefined,\n  sort: inputs?.sortColumn\n    ? {\n        id: inputs.sortColumn.name,\n        direction: getSortDirectionValue(inputs.sortDirection as OrderDirection) ?? 'asc',\n      }\n    : undefined,\n  isLoadingDownloadData: false,\n});\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: page * pageSize,\n  limit: pageSize,\n  orderBy,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  page: number,\n  pageSize: number,\n  orderBy: OrderBy[],\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse =>\n  loadData(loadDataResultsArgs(inputs, page, pageSize, orderBy, dimensionsAndMeasuresToLoad));\n\nconst loadDataTotalResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: dimensionsAndMeasuresToLoad,\n  offset: 0,\n  limit: 0,\n  countRows: true,\n});\n\nconst loadDataTotalResults = (\n  inputs: Inputs<typeof meta>,\n  dimensionsAndMeasuresToLoad: Parameters<typeof loadData>[0]['select'],\n): DataResponse => loadData(loadDataTotalResultsArgs(inputs, dimensionsAndMeasuresToLoad));\n\nconst loadDataAllResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  orderBy: OrderBy[],\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: inputs.dimensionsAndMeasures,\n  orderBy,\n  limit: inputs.maxResults,\n});\n\nconst loadDataAllResults = (inputs: Inputs<typeof meta>, orderBy: OrderBy[]): DataResponse =>\n  loadData(loadDataAllResultsArgs(inputs, orderBy));\n\nconst events = {\n  onRowClicked: (value: TableChartPaginatedProOnRowClickArg) => ({\n    rowDimensionValue: value.dimensionValue ?? Value.noFilter(),\n    rowDimensionTimeRange: value.dimensionTimeRange ?? Value.noFilter(),\n  }),\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [TableChartPaginatedProState, (state: TableChartPaginatedProState) => void],\n) => {\n  const mergedState: TableChartPaginatedProState = {\n    ...defaultTableChartPaginatedState(inputs),\n    ...state,\n  };\n\n  const sortColumn =\n    inputs.dimensionsAndMeasures.find((x) => x.name === mergedState.sort?.id) ??\n    (inputs.sortColumn?.name === mergedState.sort?.id ? inputs.sortColumn : undefined);\n  const orderBy: OrderBy[] =\n    sortColumn && mergedState.sort\n      ? [{ property: sortColumn, direction: mergedState.sort.direction }]\n      : [];\n\n  const hasClickDimension = inputs.dimensionsAndMeasures.some(\n    (col) => col.name === inputs.clickDimension?.name,\n  );\n\n  const dimensionsAndMeasuresToLoad = [\n    ...inputs.dimensionsAndMeasures,\n    ...(inputs.clickDimension && !hasClickDimension ? [inputs.clickDimension] : []),\n  ];\n\n  return {\n    ...inputs,\n    state: mergedState,\n    setState,\n    results: mergedState.pageSize\n      ? loadDataResults(\n          inputs,\n          mergedState.page,\n          mergedState.pageSize,\n          orderBy,\n          dimensionsAndMeasuresToLoad,\n        )\n      : undefined,\n    totalResults: loadDataTotalResults(inputs, dimensionsAndMeasuresToLoad),\n    allResults: mergedState.isLoadingDownloadData ? loadDataAllResults(inputs, orderBy) : undefined,\n  };\n};\n\nexport const tableChartPaginated = {\n  Component: TablePaginatedChart,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n    events,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  totalResults: {\n    loadDataArgs: loadDataTotalResultsArgs,\n    loadData: loadDataTotalResults,\n  },\n  allResults: {\n    loadDataArgs: loadDataAllResultsArgs,\n    loadData: loadDataAllResults,\n  },\n} as const;\n"],"names":["headerHeight","getStyleNumber","rowHeight","footerHeight","downloadData","TableChartPaginatedPro","props","theme","useTheme","i18nSetup","isDownloadingData","setIsDownloadingData","useState","title","description","tooltip","resolveI18nProps","hideMenu","totalResults","results","allResults","dimensionsAndMeasures","displayNullAs","showIndex","clickDimension","state","setState","onRowClicked","headers","getTableHeaders","rows","tableRows","getTableRows","cardContentRef","useRef","height","useResizeObserver","pageSize","useTableGetRowsPerPage","handleUpdateEmbeddableState","useCallback","newState","prevState","handleCustomDownload","onDownload","data","handleRowIndexClick","rowIndex","dimensionValue","_a","dimensionTimeRange","getTimeRangeFromDimensionValue","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage","meta","inputs","subInputs","previewMaxResults","previewConfig","previewData","preview","definePreview","TablePaginatedChart","defaultTableChartPaginatedState","getSortDirectionValue","loadDataResultsArgs","page","orderBy","dimensionsAndMeasuresToLoad","loadDataResults","loadData","loadDataTotalResultsArgs","loadDataTotalResults","loadDataAllResultsArgs","loadDataAllResults","events","value","Value","mergedState","sortColumn","x","_b","hasClickDimension","col","tableChartPaginated"],"mappings":"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"}

package/dist/{definition-BDBY3RKi.js → definition-DGtAQtwL.js}

@@ -1,50 +1,51 @@
-import { useTheme as D, definePreview as P } from "@embeddable.com/react";
-import { j as s, a7 as S, V as o } from "./index-7D6uMJ-C.js";
-import { u as w, g as V, b as j, c as x } from "./dates.utils-pvbqdBFY.js";
-import { a as F, r as T, i as M } from "./component.utils-Dua9clQJ.js";
-import { E as k } from "./EditorCard-BcrwRhSA.js";
-import { I as L } from "./IconCalendarFilled-4k_3y3GP.js";
-import { i as t } from "./component.inputs.constants-ByMVK7Vv.js";
+import { useTheme as y, definePreview as D } from "@embeddable.com/react";
+import { a7 as s, i as w, V as o } from "./index-Cddhb628.js";
+import { u as S, c as k, g as V, a as x } from "./dates.utils-BS-h_mUI.js";
+import { i as F, r as T, a as j } from "./component.utils-oQMZT7TK.js";
+import { E as M } from "./EditorCard-DOCprGOC.js";
+import { I as L } from "./IconCalendarFilled-CINFYlTl.js";
+import { i as t } from "./component.inputs.constants-BFlnzCwS.js";
 const n = (e) => {
-  const a = D();
+  const a = y();
   F(a);
-  const { dayjsLocaleReady: c } = w();
-  if (!c)
+  const { dayjsLocaleReady: i } = S();
+  if (!i)
     return null;
-  const { description: d, placeholder: i, title: u, tooltip: p } = T(e), { onChange: m, clearable: f, selectedValue: l, showTwoMonths: g } = e, h = (v) => {
-    const y = x(v);
-    m(y);
-  }, r = a.defaults.dateRangesOptions, b = V(
-    l,
-    "MMM DD",
+  const { description: c, placeholder: d, title: u, tooltip: p } = T(e), { onChange: m, clearable: f, selectedValue: r, showTwoMonths: g } = e, h = (C) => {
+    const P = x(C);
+    m(P);
+  }, l = a.defaults.dateRangesOptions, b = k(
     r,
+    "MMM DD",
+    l,
     a.clientContext.timezone
-  ), C = a.i18n.language ?? a.formatter.locale;
-  return /* @__PURE__ */ s.jsx(k, { title: u, description: d, tooltip: p, children: /* @__PURE__ */ s.jsx(
-    S,
+  ), v = a.i18n.language ?? a.formatter.locale;
+  return /* @__PURE__ */ s.jsx(M, { title: u, description: c, tooltip: p, children: /* @__PURE__ */ s.jsx(
+    w,
     {
       startIcon: L,
-      locale: C,
+      locale: v,
       clearable: f,
-      placeholder: i,
+      placeholder: d,
       displayValue: b,
       numberOfMonths: g ? 2 : 1,
-      value: j(
-        l,
+      value: V(
         r,
+        l,
         a.clientContext.timezone
       ),
       onChange: h,
-      submitLabel: M.t("editors.dateRangePicker.apply"),
+      submitLabel: j.t("editors.dateRangePicker.apply"),
       avoidCollisions: !1
     }
   ) });
-}, J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: n
 }, Symbol.toStringTag, { value: "Module" })), O = {
   name: "DateRangePickerCustomPro",
   label: "Date-Range Picker - Custom",
+  description: "Date-range picker with a custom-range input. Pairs with a timeRange variable; emits onChange. Pick over DateRangePickerPresetsPro for arbitrary ranges.",
   category: "Dropdowns - dates",
   defaultWidth: 300,
   defaultHeight: 120,
@@ -100,7 +101,7 @@ const n = (e) => {
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, I = P(n, {
+}, I = D(n, {
   onChange: () => null
 }), _ = (e) => ({
   ...e
@@ -110,7 +111,7 @@ const n = (e) => {
     fromDate: e != null && e.from ? { date: e == null ? void 0 : e.from } : o.noFilter(),
     toDate: e != null && e.to ? { date: e == null ? void 0 : e.to } : o.noFilter()
   })
-}, K = {
+}, J = {
   Component: n,
   meta: O,
   preview: I,
@@ -120,7 +121,7 @@ const n = (e) => {
   }
 };
 export {
-  K as d,
-  J as i
+  J as d,
+  G as i
 };
-//# sourceMappingURL=definition-BDBY3RKi.js.map
+//# sourceMappingURL=definition-DGtAQtwL.js.map

package/dist/definition-DGtAQtwL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-DGtAQtwL.js","sources":["../src/components/editors/dates/DateRangePickerCustomPro/index.tsx","../src/components/editors/dates/DateRangePickerCustomPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { DateRange, DateRangePickerField } from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } from '../../shared/EditorCard/EditorCard';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeLabel,\n} from '../dates.utils';\nimport { IconCalendarFilled } from '@tabler/icons-react';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n  clearable?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { onChange, clearable, selectedValue, showTwoMonths } = props;\n\n  const handleChange = (newDateRange: DateRange | undefined) => {\n    const timeRange: TimeRange = getTimeRangeFromDateRange(newDateRange);\n    onChange(timeRange);\n  };\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n  const displayValue = getTimeRangeLabel(\n    selectedValue,\n    'MMM DD',\n    dateRangeOptions,\n    theme.clientContext.timezone,\n  );\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DateRangePickerField\n        startIcon={IconCalendarFilled}\n        locale={locale}\n        clearable={clearable}\n        placeholder={placeholder}\n        displayValue={displayValue}\n        numberOfMonths={showTwoMonths ? 2 : 1}\n        value={getDateRangeFromTimeRange(\n          selectedValue,\n          dateRangeOptions,\n          theme.clientContext.timezone,\n        )}\n        onChange={handleChange}\n        submitLabel={i18n.t('editors.dateRangePicker.apply')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n","import { EmbeddedComponentMeta, Inputs, definePreview } from '@embeddable.com/react';\nimport { TimeRange, Value } from '@embeddable.com/core';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\n\nconst meta = {\n  name: 'DateRangePickerCustomPro',\n  label: 'Date-Range Picker - Custom',\n  description:\n    'Date-range picker with a custom-range input. Pairs with a timeRange variable; emits onChange. Pick over DateRangePickerPresetsPro for arbitrary ranges.',\n  category: 'Dropdowns - dates',\n  defaultWidth: 300,\n  defaultHeight: 120,\n  inputs: [\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    { ...inputs.placeholder, defaultValue: 'Select a date-range' },\n    inputs.clearable,\n    {\n      ...inputs.timeRange,\n      name: 'selectedValue',\n      label: 'Selected value',\n      category: 'Pre-configured variables',\n    },\n    {\n      ...inputs.boolean,\n      name: 'showTwoMonths',\n      label: 'Show two months',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Selected date-range updated',\n      properties: [\n        {\n          name: 'value',\n          label: 'Selected date-range',\n          type: 'timeRange',\n        },\n        {\n          name: 'fromDate',\n          label: 'Start date of selected range',\n          type: 'time',\n        },\n        {\n          name: 'toDate',\n          label: 'To date of selected range',\n          type: 'time',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'date-range value',\n      type: 'timeRange',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nconst preview = definePreview(Component, {\n  onChange: () => null,\n});\n\nconst props = (inputs: Inputs<typeof meta>) => {\n  return {\n    ...inputs,\n  };\n};\n\nconst events = {\n  onChange: (timeRange: TimeRange) => {\n    return {\n      value: timeRange ?? Value.noFilter(),\n      fromDate: timeRange?.from ? { date: timeRange?.from } : Value.noFilter(),\n      toDate: timeRange?.to ? { date: timeRange?.to } : Value.noFilter(),\n    };\n  },\n};\n\nexport const dateRangePickerCustomPro = {\n  Component,\n  meta,\n  preview,\n  config: {\n    props,\n    events,\n  },\n} as const;\n"],"names":["DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","description","placeholder","title","tooltip","resolveI18nProps","onChange","clearable","selectedValue","showTwoMonths","handleChange","newDateRange","timeRange","getTimeRangeFromDateRange","dateRangeOptions","displayValue","getTimeRangeLabel","locale","jsx","EditorCard","DateRangePickerField","IconCalendarFilled","getDateRangeFromTimeRange","i18n","meta","inputs","Value","preview","definePreview","Component","events","dateRangePickerCustomPro"],"mappings":";;;;;;;AAuBA,MAAMA,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,kBAAAG,EAAA,IAAqBC,EAAA;AAE7B,MAAI,CAACD;AACH,WAAO;AAGT,QAAM,EAAE,aAAAE,GAAa,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GACrE,EAAE,UAAAW,GAAU,WAAAC,GAAW,eAAAC,GAAe,eAAAC,MAAkBd,GAExDe,IAAe,CAACC,MAAwC;AAC5D,UAAMC,IAAuBC,EAA0BF,CAAY;AACnE,IAAAL,EAASM,CAAS;AAAA,EACpB,GAEME,IAAmBlB,EAAM,SAAS,mBAClCmB,IAAeC;AAAA,IACnBR;AAAA,IACA;AAAA,IACAM;AAAA,IACAlB,EAAM,cAAc;AAAA,EAAA,GAGhBqB,IAASrB,EAAM,KAAK,YAAYA,EAAM,UAAU;AAEtD,SACEsB,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,aAAAF,GAA0B,SAAAG,GAClD,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,MACX,QAAAJ;AAAA,MACA,WAAAV;AAAA,MACA,aAAAL;AAAA,MACA,cAAAa;AAAA,MACA,gBAAgBN,IAAgB,IAAI;AAAA,MACpC,OAAOa;AAAA,QACLd;AAAA,QACAM;AAAA,QACAlB,EAAM,cAAc;AAAA,MAAA;AAAA,MAEtB,UAAUc;AAAA,MACV,aAAaa,EAAK,EAAE,+BAA+B;AAAA,MACnD,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;8CClEMC,IAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,aACE;AAAA,EACF,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC,EAAO;AAAA,IACPA,EAAO;AAAA,IACPA,EAAO;AAAA,IACP,EAAE,GAAGA,EAAO,aAAa,cAAc,sBAAA;AAAA,IACvCA,EAAO;AAAA,IACP;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,GAAGA,EAAO;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,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,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,QAER;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAEMC,IAAUC,EAAcC,GAAW;AAAA,EACvC,UAAU,MAAM;AAClB,CAAC,GAEKlC,IAAQ,CAAC8B,OACN;AAAA,EACL,GAAGA;AAAA,IAIDK,IAAS;AAAA,EACb,UAAU,CAAClB,OACF;AAAA,IACL,OAAOA,KAAac,EAAM,SAAA;AAAA,IAC1B,UAAUd,KAAA,QAAAA,EAAW,OAAO,EAAE,MAAMA,KAAA,gBAAAA,EAAW,KAAA,IAASc,EAAM,SAAA;AAAA,IAC9D,QAAQd,KAAA,QAAAA,EAAW,KAAK,EAAE,MAAMA,KAAA,gBAAAA,EAAW,GAAA,IAAOc,EAAM,SAAA;AAAA,EAAS;AAGvE,GAEaK,IAA2B;AAAA,EAAA,WACtCF;AAAAA,EACA,MAAAL;AAAA,EACA,SAAAG;AAAA,EACA,QAAQ;AAAA,IACN,OAAAhC;AAAA,IACA,QAAAmC;AAAA,EAAA;AAEJ;"}

package/dist/{definition-mZP4v8qO.js → definition-DQdIv_3r.js}

@@ -1,16 +1,16 @@
-import { j as C, O as oe, Q as se, J as re, V as z, l as N } from "./index-7D6uMJ-C.js";
+import { a7 as C, p as oe, h as se, L as re, V as I, a8 as G } from "./index-Cddhb628.js";
 import { useTheme as ne, definePreview as ie } from "@embeddable.com/react";
-import { useState as te, useEffect as G } from "react";
-import { a as me, r as le } from "./component.utils-Dua9clQJ.js";
-import { C as de } from "./ChartCard-DXg1i7Y2.js";
-import { u as I } from "./charts.fillGaps.hooks-DwMWViua.js";
-import { C as ce, g as pe } from "./granularity.utils-DwARRSja.js";
-import { g as ue, a as ge, c as De, l as h } from "./definition-BHWtQ59c.js";
-import { g as he } from "./formatter.utils-Y14po21h.js";
-import { g as ve } from "./timeRange.utils-CcP33PfM.js";
-import { s as K } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as u } from "./preview.data.constants-BSjhK_tx.js";
-import { g as O } from "./clientContext.utils-DpB5KsfX.js";
+import { useState as te, useEffect as k } from "react";
+import { i as me, r as le } from "./component.utils-oQMZT7TK.js";
+import { C as de } from "./ChartCard-CZ0PnrNg.js";
+import { u as z } from "./charts.fillGaps.hooks-CxXM5Ff3.js";
+import { C as ce, g as pe } from "./granularity.utils-DnAzYxES.js";
+import { g as ue, a as ge, c as he, l as D } from "./definition-DvjcMLKk.js";
+import { b as De } from "./formatter.utils-Dm_mQlX1.js";
+import { g as ve } from "./timeRange.utils-kK6r26ZO.js";
+import { s as K } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as u } from "./preview.data.constants-HvHDcvh2.js";
+import { g as N } from "./clientContext.utils-DpB5KsfX.js";
 const fe = ({
   measures: e,
   resultsKpis: a,
@@ -88,61 +88,61 @@ const fe = ({
     showComparisonAxis: H,
     primaryDateRange: R,
     setGranularity: j,
-    setComparisonDateRange: A,
+    setComparisonDateRange: L,
     onLineClicked: J,
-    resultsKpis: Q,
-    resultsKpisComparison: X
-  } = e, [b, F] = te(((V = i[0]) == null ? void 0 : V.name) ?? ""), D = i.find((f) => f.name === b);
-  G(() => {
+    resultsKpis: X,
+    resultsKpisComparison: Y
+  } = e, [b, F] = te(((V = i[0]) == null ? void 0 : V.name) ?? ""), h = i.find((f) => f.name === b);
+  k(() => {
     i.length !== 0 && (i.some((f) => f.name === b) || F(i[0].name));
-  }, [i, b]), G(() => {
+  }, [i, b]), k(() => {
     const f = ve(
       R,
       x,
       a
     );
-    A == null || A(f);
+    L == null || L(f);
   }, [x, JSON.stringify(R), a]);
-  const p = I({
+  const p = z({
     results: e.results,
     dimension: m,
     externalDateBounds: R
-  }), t = I({
+  }), t = z({
     results: e.resultsComparison,
     dimension: m,
     externalDateBounds: E
-  }), L = !!(R && x), w = ue(
+  }), A = !!(R && x), w = ue(
     {
       data: p.data,
-      dataComparison: L ? (t == null ? void 0 : t.data) ?? [] : void 0,
+      dataComparison: A ? (t == null ? void 0 : t.data) ?? [] : void 0,
       dimension: m,
-      measures: D ? [D] : [],
+      measures: h ? [h] : [],
       hasMinMaxYAxisRange: S != null || v != null
     },
     a
-  ), Y = ge(
+  ), q = ge(
     {
       data: w,
       dimension: m,
-      measures: D ? [D] : [],
+      measures: h ? [h] : [],
       xAxisLabel: n,
       showComparisonAxis: H,
-      showDataComparison: L
+      showDataComparison: A
     },
     a
-  ), q = De({
+  ), Q = he({
     data: w,
-    measures: D ? [D] : [],
+    measures: h ? [h] : [],
     dimension: m,
     onClicked: J
   }), U = {
     isLoading: !!(p.isLoading || t != null && t.isLoading),
     data: !(p != null && p.data) && !(t != null && t.data) ? void 0 : [...p.data ?? [], ...(t == null ? void 0 : t.data) ?? []]
-  }, Z = !o && !s && !r, ee = he(a), ae = fe({
+  }, Z = !o && !s && !r, ee = De(a), ae = fe({
     measures: i,
-    resultsKpis: Q,
-    resultsKpisComparison: X,
-    showDataComparison: L,
+    resultsKpis: X,
+    resultsKpisComparison: Y,
+    showDataComparison: A,
     themeFormatter: ee
   });
   return /* @__PURE__ */ C.jsxs(
@@ -178,8 +178,8 @@ const fe = ({
             yAxisLabel: d,
             yAxisRangeMax: v,
             yAxisRangeMin: S,
-            options: Y,
-            onClick: q
+            options: q,
+            onClick: Q
           }
         )
       ]
@@ -190,11 +190,12 @@ const fe = ({
   LineChartComparisonWithKpiTabsPro: M,
   default: M
 }, Symbol.toStringTag, { value: "Module" })), Te = {
-  ...h.meta,
+  ...D.meta,
   name: "LineChartComparisonWithKpiTabsPro",
   label: "Line Chart Comparison - With KPI Tabs",
+  description: "Line chart with comparison overlay and KPI tabs. Takes one or more measures, a time dimension, a timeRange variable, and a comparison period.",
   inputs: [
-    ...h.meta.inputs.map((e) => {
+    ...D.meta.inputs.map((e) => {
       if (e.name === "measures") {
         const a = e;
         return {
@@ -236,32 +237,32 @@ const fe = ({
   comparisonDateRange: { relativeTimeString: "Previous period", from: void 0, to: void 0 },
   primaryDateRange: { relativeTimeString: "This week", from: void 0, to: void 0 },
   hideMenu: !0
-}, Pe = ie(M, W), Re = h.results.loadData, be = h.resultsComparison.loadData, k = (e, a, o) => {
+}, Pe = ie(M, W), Re = D.results.loadData, be = D.resultsComparison.loadData, B = (e, a, o) => {
   const s = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: e.primaryDateRange && s ? [{ property: s, operator: "inDateRange", value: e.primaryDateRange }] : void 0,
-    timezone: O(o == null ? void 0 : o.timezone)
+    timezone: N(o == null ? void 0 : o.timezone)
   };
-}, B = (e, a, o) => N(k(e, a, o)), _ = (e, a, o, s) => {
+}, O = (e, a, o) => G(B(e, a, o)), _ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   return {
     from: e.dataset,
     select: [...e.measures],
     filters: [{ property: r, operator: "inDateRange", value: o }],
-    timezone: O(s == null ? void 0 : s.timezone)
+    timezone: N(s == null ? void 0 : s.timezone)
   };
 }, $ = (e, a, o, s) => {
   const r = a.nativeType === "time" ? a : e.timePropertyForNonTimeDimensions;
   if (e.primaryDateRange && r && (o != null && o.comparisonDateRange))
-    return N(
+    return G(
       _(e, a, o.comparisonDateRange, s)
     );
 }, Me = {
   onLineClicked: (e) => ({
-    axisDimensionValue: e.dimensionValue ?? z.noFilter(),
-    axisDimensionTimeRange: e.dimensionTimeRange ?? z.noFilter()
+    axisDimensionValue: e.dimensionValue ?? I.noFilter(),
+    axisDimensionTimeRange: e.dimensionTimeRange ?? I.noFilter()
   })
 }, xe = (e, [a, o], s) => {
   const r = pe(e.xAxis, a == null ? void 0 : a.granularity);
@@ -278,7 +279,7 @@ const fe = ({
       a,
       s
     ),
-    resultsKpis: B(e, r, s),
+    resultsKpis: O(e, r, s),
     resultsKpisComparison: $(
       e,
       r,
@@ -286,17 +287,17 @@ const fe = ({
       s
     )
   };
-}, ke = {
+}, Be = {
   Component: M,
   meta: Te,
   preview: Pe,
   previewConfig: W,
   config: { props: xe, events: Me },
-  results: h.results,
-  resultsComparison: h.resultsComparison,
+  results: D.results,
+  resultsComparison: D.resultsComparison,
   resultsKpis: {
-    loadDataArgs: k,
-    loadData: B
+    loadDataArgs: B,
+    loadData: O
   },
   resultsKpisComparison: {
     loadDataArgs: _,
@@ -305,6 +306,6 @@ const fe = ({
 };
 export {
   We as i,
-  ke as l
+  Be as l
 };
-//# sourceMappingURL=definition-mZP4v8qO.js.map
+//# sourceMappingURL=definition-DQdIv_3r.js.map