@embeddable.com/remarkable-pro 0.1.8 → 0.1.11

package/dist/index-Ce0UWspv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Ce0UWspv.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarTime.mjs","../src/components/editors/ComparisonPeriodSelectFieldPro/ComparisonPeriodSelectFieldPro.utils.ts","../src/components/editors/ComparisonPeriodSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M14 18a4 4 0 1 0 8 0a4 4 0 1 0 -8 0\", \"key\": \"svg-1\" }], [\"path\", { \"d\": \"M15 3v4\", \"key\": \"svg-2\" }], [\"path\", { \"d\": \"M7 3v4\", \"key\": \"svg-3\" }], [\"path\", { \"d\": \"M3 11h16\", \"key\": \"svg-4\" }], [\"path\", { \"d\": \"M18 16.496v1.504l1 1\", \"key\": \"svg-5\" }]];\nconst IconCalendarTime = createReactComponent(\"outline\", \"calendar-time\", \"CalendarTime\", __iconNode);\n\nexport { __iconNode, IconCalendarTime as default };\n//# sourceMappingURL=IconCalendarTime.mjs.map\n","import { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { TimeRange } from '@embeddable.com/core';\nimport { ComparisonPeriodSelectFieldProOption } from './ComparisonPeriodSelectFieldPro.types';\nimport { resolveI18nString } from '../../component.utils';\nimport { getTimeRangeLabel } from '../dates/dates.utils';\n\n// Checks if the comparison period type is available in the embeddable types\nexport const isComparisonPeriodAvailable = (\n  option: string | undefined,\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n): boolean => {\n  return !option || comparisonPeriodSelectFieldProOptions.some((opt) => opt.value === option);\n};\n\nexport const getComparisonPeriodSelectFieldProOptions = (\n  comparisonPeriodSelectFieldProOptions: ComparisonPeriodSelectFieldProOption[],\n  toCompareTimeRange: TimeRange,\n): SelectListOptionProps[] => {\n  return comparisonPeriodSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: toCompareTimeRange\n        ? getTimeRangeLabel(option.getRange(toCompareTimeRange), option.dateFormat)\n        : '',\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } 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 { IconCalendarTime } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../theme/i18n/i18n';\nimport {\n  getComparisonPeriodSelectFieldProOptions,\n  isComparisonPeriodAvailable,\n} from './ComparisonPeriodSelectFieldPro.utils';\nimport { useEffect, useMemo } from 'react';\nimport { getTimeRangeFromPresets } from '../dates/dates.utils';\n\nexport type DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n} & EditorCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, tooltip } = resolveI18nProps(props);\n  const { comparisonPeriod, onChange } = props;\n\n  const comparisonPeriodOptions = theme.defaults.comparisonPeriodsOptions;\n\n  const comparisonPeriodAvailable = useMemo(\n    () => isComparisonPeriodAvailable(comparisonPeriod, comparisonPeriodOptions),\n    [comparisonPeriod, comparisonPeriodOptions],\n  );\n\n  // If the current comparison period is not available, reset the field\n  useEffect(() => {\n    if (!comparisonPeriodAvailable) {\n      onChange(undefined);\n    }\n  }, [comparisonPeriodAvailable, onChange]);\n\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  // Obtain the actual range for the selected primaryDateRange\n  const primaryDateRange = getTimeRangeFromPresets(\n    props.primaryDateRange,\n    theme.defaults.dateRangesOptions,\n  );\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const options = getComparisonPeriodSelectFieldProOptions(\n    comparisonPeriodOptions,\n    primaryDateRange,\n  );\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <SingleSelectField\n        startIcon={IconCalendarTime}\n        clearable\n        placeholder={placeholder}\n        value={comparisonPeriodAvailable ? comparisonPeriod : undefined}\n        onChange={onChange}\n        options={options}\n        noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n        avoidCollisions={false}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DateComparisonSelectFieldPro;\n"],"names":["__iconNode","IconCalendarTime","createReactComponent","isComparisonPeriodAvailable","option","comparisonPeriodSelectFieldProOptions","opt","getComparisonPeriodSelectFieldProOptions","toCompareTimeRange","getTimeRangeLabel","resolveI18nString","DateComparisonSelectFieldPro","props","theme","useTheme","i18nSetup","description","placeholder","title","tooltip","resolveI18nProps","comparisonPeriod","onChange","comparisonPeriodOptions","comparisonPeriodAvailable","useMemo","useEffect","dayjsLocaleReady","useLoadDayjsLocale","primaryDateRange","getTimeRangeFromPresets","options","jsx","EditorCard","SingleSelectField","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,2EAA2E,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,uCAAuC,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,WAAW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,UAAU,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,YAAY,KAAO,SAAS,GAAG,CAAC,QAAQ,EAAE,GAAK,wBAAwB,KAAO,QAAO,CAAE,CAAC,GACzYC,IAAmBC,EAAqB,WAAW,iBAAiB,gBAAgBF,CAAU,GCHvFG,IAA8B,CACzCC,GACAC,MAEO,CAACD,KAAUC,EAAsC,KAAK,CAACC,MAAQA,EAAI,UAAUF,CAAM,GAG/EG,IAA2C,CACtDF,GACAG,MAEOH,EAAsC,IAAI,CAACD,OACzC;AAAA,EACL,YAAYI,IACRC,EAAkBL,EAAO,SAASI,CAAkB,GAAGJ,EAAO,UAAU,IACxE;AAAA,EACJ,OAAOA,EAAO;AAAA,EACd,OAAOM,EAAkBN,EAAO,KAAK;AAAA,EAExC,GCHGO,IAA+B,CAACC,MAAwC;AAC5E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,aAAAG,GAAa,aAAAC,GAAa,OAAAC,GAAO,SAAAC,EAAA,IAAYC,EAAiBR,CAAK,GACrE,EAAE,kBAAAS,GAAkB,UAAAC,EAAA,IAAaV,GAEjCW,IAA0BV,EAAM,SAAS,0BAEzCW,IAA4BC;AAAA,IAChC,MAAMtB,EAA4BkB,GAAkBE,CAAuB;AAAA,IAC3E,CAACF,GAAkBE,CAAuB;AAAA,EAAA;AAI5C,EAAAG,EAAU,MAAM;AACd,IAAKF,KACHF,EAAS,MAAS;AAAA,EAEtB,GAAG,CAACE,GAA2BF,CAAQ,CAAC;AAExC,QAAM,EAAE,kBAAAK,EAAA,IAAqBC,EAAA,GAGvBC,IAAmBC;AAAA,IACvBlB,EAAM;AAAA,IACNC,EAAM,SAAS;AAAA,EAAA;AAGjB,MAAI,CAACc;AACH,WAAO;AAGT,QAAMI,IAAUxB;AAAA,IACdgB;AAAA,IACAM;AAAA,EAAA;AAGF,SACEG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAf,GAAc,aAAAF,GAA0B,SAAAG,GAClD,UAAAa,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWjC;AAAA,MACX,WAAS;AAAA,MACT,aAAAgB;AAAA,MACA,OAAOO,IAA4BH,IAAmB;AAAA,MACtD,UAAAC;AAAA,MACA,SAAAS;AAAA,MACA,kBAAkBI,EAAK,EAAE,2BAA2B;AAAA,MACpD,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/{index-GK0v6bfO.js → index-CfEzNLT4.js}

@@ -1,12 +1,12 @@
-import { d as S, e as M, m as T, j as x, L as w } from "./Color.type.emb-tRPNtuPs.js";
+import { a as S, c as M, m as T, j as x, L as w } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as F } from "@embeddable.com/react";
-import { a as P, r as D } from "./component.inputs.constants-DIZMtQw0.js";
-import { C as R } from "./ChartCard-BmBTN11g.js";
-import { g as v } from "./formatter.utils-BuiHCNHH.js";
+import { a as P, r as D } from "./component.utils-DIYAoUYH.js";
+import { C as R } from "./ChartCard-C94clFr-.js";
+import { g as v } from "./preview.data.constants-1No1RU-q.js";
 import { a as L } from "./styles.utils-BfpH_m_W.js";
 import { i as k, s as _ } from "./color.utils-BSg_DFOh.js";
 import { u as B } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as G } from "./granularity.utils-DAAi-602.js";
+import { C as G } from "./granularity.utils-SZItYXwU.js";
 const I = (o, l) => {
   if (!o.data)
     return {
@@ -180,4 +180,4 @@ export {
   I as g,
   K as i
 };
-//# sourceMappingURL=index-GK0v6bfO.js.map
+//# sourceMappingURL=index-CfEzNLT4.js.map

package/dist/index-CfEzNLT4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CfEzNLT4.js","sources":["../src/components/charts/lines/LineChartDefaultPro/LineChartDefaultPro.utils.ts","../src/components/charts/lines/LineChartDefaultPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getChartColors, getStyleNumber } from '@embeddable.com/remarkable-ui';\nimport { getDimensionMeasureColor } from '../../../../theme/styles/styles.utils';\nimport { mergician } from 'mergician';\nimport { isColorValid, setColorAlpha } from '../../../../utils/color.utils';\nimport { LineChartProOptionsClick } from '../lines.utils';\n\nexport const getLineChartProData = (\n  props: {\n    data: DataResponse['data'];\n    dimension: Dimension;\n    measures: Measure[];\n    hasMinMaxYAxisRange: boolean;\n  },\n  theme: Theme,\n): ChartData<'line'> => {\n  if (!props.data) {\n    return {\n      labels: [],\n      datasets: [{ data: [] }],\n    };\n  }\n\n  const themeFormatter = getThemeFormatter(theme);\n\n  const groupedData = props.data;\n\n  return {\n    labels: groupedData.map((item) => {\n      return item[props.dimension.name];\n    }),\n    datasets: props.measures.map((measure, index) => {\n      const zeroFill = Boolean(measure.inputs?.['connectGaps']);\n      const values = groupedData.map((item) => item[measure.name] ?? (zeroFill ? 0 : null));\n\n      const lineColor = measure.inputs?.['lineColor'];\n      const chartColors = getChartColors();\n      const backgroundColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'background',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      const borderColor = isColorValid(lineColor)\n        ? lineColor\n        : getDimensionMeasureColor({\n            dimensionOrMeasure: measure,\n            theme,\n            color: 'border',\n            value: measure.name,\n            chartColors,\n            index,\n          });\n\n      return {\n        clip: props.hasMinMaxYAxisRange,\n        label: themeFormatter.dimensionOrMeasureTitle(measure),\n        data: values,\n        backgroundColor: setColorAlpha(backgroundColor, 0.5),\n        pointBackgroundColor: backgroundColor,\n        borderDash: measure.inputs?.['dashedLine']\n          ? [\n              getStyleNumber('--em-linechart-line-dash', '0.25rem'),\n              getStyleNumber('--em-linechart-line-gap', '0.25rem'),\n            ]\n          : undefined,\n        borderColor,\n        fill: Boolean(measure.inputs?.['fillUnderLine']),\n      } as ChartData<'line'>['datasets'][number];\n    }),\n  };\n};\n\nexport const getLineChartProOptions = (\n  options: {\n    dimension: Dimension;\n    measures: Measure[];\n    data: ChartData<'line'>;\n    onLineClicked?: LineChartProOptionsClick;\n  },\n  theme: Theme,\n): ChartOptions<'line'> => {\n  const { dimension, data, measures, onLineClicked } = options;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const lineChartOptions: ChartOptions<'line'> = {\n    plugins: {\n      datalabels: {\n        labels: {\n          value: {\n            formatter: (value: string | number, context) => {\n              const measure = measures[context.datasetIndex]!;\n              return themeFormatter.data(measure, value);\n            },\n          },\n        },\n      },\n      tooltip: {\n        callbacks: {\n          title: (context) => {\n            const label = context[0]?.label;\n            return themeFormatter.data(dimension, label);\n          },\n          label: (context) => {\n            const measure = measures[context.datasetIndex]!;\n            const raw = context.raw as number;\n            return `${themeFormatter.data(dimension, context.dataset.label) || ''}: ${themeFormatter.data(measure, raw)}`;\n          },\n        },\n      },\n    },\n    scales: {\n      x: {\n        ticks: {\n          callback: (value) => {\n            if (!data || !data.labels) return undefined;\n\n            const label = data.labels[Number(value)] as string;\n            return themeFormatter.data(dimension, label);\n          },\n        },\n      },\n      y: {\n        ticks: {\n          callback: (value) => {\n            return themeFormatter.data(measures[0]!, value);\n          },\n        },\n      },\n    },\n    onClick: (_event, elements, chart) => {\n      if (!onLineClicked) return;\n\n      const element = elements[0];\n      const dimensionValue = (element ? chart.data.labels![element.index] : null) as string | null;\n\n      onLineClicked({\n        dimensionValue,\n      });\n    },\n  };\n\n  return mergician(lineChartOptions, theme.charts?.lineChartDefaultPro?.options || {});\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { getLineChartProData, getLineChartProOptions } from './LineChartDefaultPro.utils';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { LineChartProOptionsClick } from '../lines.utils';\nimport { LineChart } from '@embeddable.com/remarkable-ui';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type LineChartProPropsOnLineClicked = { axisDimensionValue: string | null };\n\nexport type LineChartProProp = {\n  xAxis: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity: (granularity: Granularity) => void;\n  onLineClicked?: LineChartProOptionsClick;\n} & ChartCardHeaderProps;\n\nconst LineChartPro = (props: LineChartProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    measures,\n    xAxis,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onLineClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: xAxis,\n  });\n\n  const data = getLineChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      measures,\n      hasMinMaxYAxisRange: Boolean(yAxisRangeMin != null || yAxisRangeMax != null),\n    },\n    theme,\n  );\n  const options = getLineChartProOptions(\n    { data, dimension: xAxis, measures, onLineClicked },\n    theme,\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[...measures, xAxis]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartGranularitySelectField\n        hasMarginTop={granularitySelectorHasMarginTop}\n        dimension={xAxis}\n        onChange={setGranularity}\n      />\n      <LineChart\n        data={data}\n        reverseXAxis={reverseXAxis}\n        showLegend={showLegend}\n        showLogarithmicScale={showLogarithmicScale}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        yAxisRangeMax={yAxisRangeMax}\n        yAxisRangeMin={yAxisRangeMin}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default LineChartPro;\n"],"names":["getLineChartProData","props","theme","themeFormatter","getThemeFormatter","groupedData","item","measure","index","zeroFill","_a","values","lineColor","_b","chartColors","getChartColors","backgroundColor","isColorValid","getDimensionMeasureColor","borderColor","setColorAlpha","_c","getStyleNumber","_d","getLineChartProOptions","options","dimension","data","measures","onLineClicked","mergician","value","context","label","raw","_event","elements","chart","element","dimensionValue","LineChartPro","useTheme","i18nSetup","title","description","tooltip","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","xAxis","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showValueLabels","yAxisRangeMax","yAxisRangeMin","setGranularity","results","useFillGaps","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","LineChart"],"mappings":"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"}

package/dist/{index-BSXcd7SN.js → index-CwFEQ-aM.js}

@@ -1,9 +1,9 @@
-import { e as f, u as E, f as O, j as x, T as A, h as N } from "./Color.type.emb-tRPNtuPs.js";
+import { c as f, u as E, d as O, j as x, T as A, e as N } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as G } from "@embeddable.com/react";
-import { a as U, r as V, i as q } from "./component.inputs.constants-DIZMtQw0.js";
-import { C as B } from "./ChartCard-BmBTN11g.js";
+import { a as U, r as V, i as q } from "./component.utils-DIYAoUYH.js";
+import { C as B } from "./ChartCard-C94clFr-.js";
 import { useState as F, useRef as J, useCallback as K, useEffect as d } from "react";
-import { b as Q, c as W } from "./tables.utils-CBn15nfE.js";
+import { b as Q, c as W } from "./tables.utils-BxlCEGVt.js";
 const X = f("--em-tablechart-cell-height", "2.5rem"), Y = f("--em-tablechart-cell-height", "2.5rem"), Z = f("--em-tablechart-pagination-height", "3rem");
 let R;
 const $ = (u) => {
@@ -111,4 +111,4 @@ export {
   $ as T,
   re as i
 };
-//# sourceMappingURL=index-BSXcd7SN.js.map
+//# sourceMappingURL=index-CwFEQ-aM.js.map

package/dist/index-CwFEQ-aM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CwFEQ-aM.js","sources":["../src/components/charts/tables/TableChartPaginated/index.tsx"],"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 { DataResponse, Dimension, DimensionOrMeasure, OrderDirection } from '@embeddable.com/core';\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 = 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\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 rowDimensionValue = rows[rowIndex]?.[clickDimension.name];\n    onRowClicked(rowDimensionValue);\n  };\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  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"],"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","rowDimensionValue","_a","useEffect","handleSortChange","newSort","currentPage","jsx","ChartCard","TablePaginated","i18n","getTableTotalPages","newPage"],"mappings":";;;;;;AAoBA,MAAMA,IAAeC,EAAe,+BAA+B,QAAQ,GACrEC,IAAYD,EAAe,+BAA+B,QAAQ,GAClEE,IAAeF,EAAe,qCAAqC,MAAM;AAE/E,IAAIG;AA0BJ,MAAMC,IAAyB,CAACC,MAAuC;AACrE,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,CAACG,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1D,EAAE,OAAAC,GAAO,aAAAC,GAAa,SAAAC,EAAA,IAAYC,EAAiBV,CAAK,GACxD;AAAA,IACJ,UAAAW;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACErB,GAEEsB,IAAUC,EAAgB,EAAE,uBAAAR,GAAuB,eAAAC,EAAA,GAAiBf,CAAK,GACzEuB,KAAOX,KAAA,gBAAAA,EAAS,SAAQ,CAAA,GACxBY,IAAYC,EAAa,EAAE,MAAAF,GAAM,gBAAAN,GAAgB,GACjDS,IAAiBC,EAAuB,IAAI,GAC5C,EAAE,QAAAC,EAAA,IAAWC,EAAkBH,CAAc,GAC7CI,IAAWC,EAAuB;AAAA,IACtC,iBAAiBH;AAAA,IACjB,cAAAnC;AAAA,IACA,WAAAE;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAGKoC,IAA8BC;AAAA,IAClC,CAACC,MAAmD;AAClD,MAAAf,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,QACzB,GAAGA;AAAA,QACH,GAAGD;AAAA,MAAA;AAAA,IAEP;AAAA,IACA,CAACf,CAAQ;AAAA,EAAA,GAGLiB,IAAuB,CAACC,MAAiE;AAC7F,IAAAjC,EAAqB,EAAI,GACzB4B,EAA4B,EAAE,uBAAuB,IAAM,GAE3DnC,IAAe,CAACyC,MACdD,EAAW;AAAA,MACT,OAAA/B;AAAA,MACA,MAAAgC;AAAA,MACA,uBAAAxB;AAAA,MACA,cAAcY;AAAA,MACd,OAAA1B;AAAA,IAAA,CACD;AAAA,EACL,GAEMuC,IAAsB,CAACC,MAAqB;;AAChD,QAAI,CAACpB,KAAgB,CAACH,EAAgB;AAEtC,UAAMwB,KAAoBC,IAAAnB,EAAKiB,CAAQ,MAAb,gBAAAE,EAAiBzB,EAAe;AAC1D,IAAAG,EAAaqB,CAAiB;AAAA,EAChC;AAGA,EAAAE,EAAU,MAAM;AACd,IAAIb,KACFE,EAA4B,EAAE,UAAAF,GAAU;AAAA,EAE5C,GAAG,CAACA,GAAUE,CAA2B,CAAC,GAG1CW,EAAU,MAAM;AACd,IAAAxB,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,MACzB,GAAGA;AAAA,MACH,iBAAiB;AAAA,IAAA;AAAA,EAErB,GAAG,CAACrB,GAAuBgB,CAAQ,CAAC,GAEpCa,EAAU,MAAM;AACd,IAAIhC,KAAA,QAAAA,EAAc,UAChBQ,KAAA,QAAAA,EAAW,CAACgB,OAAe;AAAA,MACzB,GAAGA;AAAA,MACH,iBAAiB;AAAA,IAAA;AAAA,EAGvB,GAAG,CAACxB,CAAY,CAAC,GAGjBgC,EAAU,MAAM;AACd,QAAIxC,GAAmB;AACrB,UAAI,CAACU,KAAcA,EAAW;AAE5B;AAGF,MAAAhB,EAAagB,EAAW,IAAI,GAC5BT,EAAqB,EAAK,GAC1B4B,EAA4B,EAAE,uBAAuB,IAAO;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC7B,GAAmBU,GAAYmB,CAA2B,CAAC;AAE/D,QAAMY,IAAmB,CAACC,MAAwC;AAChE,IAAAb,EAA4B,EAAE,MAAMa,GAAgD;AAAA,EACtF,GAEMC,KAAc5B,KAAA,gBAAAA,EAAO,SAAQ;AACnC,SACE6B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAKtB;AAAA,MACL,OAAApB;AAAA,MACA,aAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAMI;AAAA,MACN,uBAAAE;AAAA,MACA,cAAcF,KAAA,gBAAAA,EAAS;AAAA,MACvB,kBAAkBwB;AAAA,MAClB,UAAA1B;AAAA,MAEA,UAAAqC,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,iBAAiBV;AAAA,UACjB,SAAAlB;AAAA,UACA,MAAMG;AAAA,UACN,WAAAR;AAAA,UACA,MAAM8B;AAAA,UACN,UAAAhB;AAAA,UACA,iBAAiBoB,EAAK,EAAE,oCAAoC;AAAA,YAC1D,MAAMJ,IAAc;AAAA,YACpB,YAAYK,EAAmBxC,KAAA,gBAAAA,EAAc,OAAOmB,CAAQ,KAAK;AAAA,UAAA,CAClE;AAAA,UACD,OAAOnB,KAAA,gBAAAA,EAAc;AAAA,UACrB,MAAMO,KAAA,gBAAAA,EAAO;AAAA,UACb,cAAc0B;AAAA,UACd,cAAc,CAACQ,MAAYpB,EAA4B,EAAE,MAAMoB,GAAS;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1E;AAAA,EAAA;AAGN;;;;"}

package/dist/index-CzKKN6Om.js

@@ -0,0 +1,9 @@
+const e = () => null, t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  e as E,
+  t as i
+};
+//# sourceMappingURL=index-CzKKN6Om.js.map

package/dist/index-CzKKN6Om.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CzKKN6Om.js","sources":["../src/components/shared/EmptyContainerPro/index.tsx"],"sourcesContent":["const EmptyBlockPro = () => {\n  return null;\n};\n\nexport default EmptyBlockPro;\n"],"names":["EmptyBlockPro"],"mappings":"AAAA,MAAMA,IAAgB,MACb;;;;"}

package/dist/{index-CvQFVQLU.js → index-D4PsdoMC.js}

@@ -1,8 +1,8 @@
-import { j as i, K as x } from "./Color.type.emb-tRPNtuPs.js";
+import { j as i, K as x } from "./Color.type.emb-Ba6kRLMO.js";
 import { useTheme as v } from "@embeddable.com/react";
-import { a as C, r as K } from "./component.inputs.constants-DIZMtQw0.js";
-import { C as S } from "./ChartCard-BmBTN11g.js";
-import { g as b } from "./formatter.utils-BuiHCNHH.js";
+import { a as C, r as K } from "./component.utils-DIYAoUYH.js";
+import { C as S } from "./ChartCard-C94clFr-.js";
+import { g as b } from "./preview.data.constants-1No1RU-q.js";
 import { g as F } from "./kpis.utils-DsZ2GzuB.js";
 const M = (r) => {
   var a, n;
@@ -38,4 +38,4 @@ export {
   M as K,
   A as i
 };
-//# sourceMappingURL=index-CvQFVQLU.js.map
+//# sourceMappingURL=index-D4PsdoMC.js.map

package/dist/index-D4PsdoMC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-D4PsdoMC.js","sources":["../src/components/charts/kpis/KpiChartNumberPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure } from '@embeddable.com/core';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { KpiChart } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberProProp = {\n  results: DataResponse;\n  measure: Measure;\n  fontSize?: number;\n  displayNullAs?: string;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberPro = (props: KpiChartNumberProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const { measure, fontSize, hideMenu, results } = props;\n\n  const value = results.data?.[0]?.[measure.name];\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n\n  const resultsWithNullsHandled = getKpiResults(results, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <KpiChart\n        displayNullAs={displayNullAs}\n        value={value}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberPro;\n"],"names":["KpiChartNumberPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","measure","fontSize","hideMenu","results","value","_b","_a","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart"],"mappings":";;;;;;AAiBA,MAAMA,IAAoB,CAACC,MAAiC;;AAC1D,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,OAAAG,GAAO,aAAAC,GAAa,SAAAC,GAAS,eAAAC,EAAA,IAAkBC,EAAiBR,CAAK,GACvE,EAAE,SAAAS,GAAS,UAAAC,GAAU,UAAAC,GAAU,SAAAC,MAAYZ,GAE3Ca,KAAQC,KAAAC,IAAAH,EAAQ,SAAR,gBAAAG,EAAe,OAAf,gBAAAD,EAAoBL,EAAQ,OAEpCO,IAAiBC,EAAkBhB,CAAK,GACxCiB,IAAiB,CAACC,MAA0BH,EAAe,KAAKP,GAASU,CAAa,GAEtFC,IAA0BC,EAAcT,GAASH,GAAS,EAAQF,CAAc;AAEtF,SACEe,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMH;AAAA,MACN,uBAAuB,CAACX,CAAO;AAAA,MAC/B,cAAcG,EAAQ;AAAA,MACtB,aAAAP;AAAA,MACA,OAAAD;AAAA,MACA,SAAAE;AAAA,MACA,UAAAK;AAAA,MAEA,UAAAW,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,eAAAjB;AAAA,UACA,OAAAM;AAAA,UACA,gBAAAK;AAAA,UACA,eAAeR;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EAAA;AAGN;;;;"}

package/dist/index-D7xFEool.js

@@ -0,0 +1,436 @@
+import { j as k, v as ee } from "./Color.type.emb-Ba6kRLMO.js";
+import { useTheme as te } from "@embeddable.com/react";
+import { a as re, r as ne, i as oe } from "./component.utils-DIYAoUYH.js";
+import { C as ae } from "./ChartCard-C94clFr-.js";
+import { useState as B, useRef as I, useEffect as S, useCallback as ue } from "react";
+import { b as ce, c as ie } from "./tables.utils-BxlCEGVt.js";
+const se = 50, { getOwnPropertyNames: le, getOwnPropertySymbols: fe } = Object, { hasOwnProperty: de } = Object.prototype;
+function M(t, e) {
+  return function(r, a, i) {
+    return t(r, a, i) && e(r, a, i);
+  };
+}
+function D(t) {
+  return function(n, r, a) {
+    if (!n || !r || typeof n != "object" || typeof r != "object")
+      return t(n, r, a);
+    const { cache: i } = a, c = i.get(n), u = i.get(r);
+    if (c && u)
+      return c === r && u === n;
+    i.set(n, r), i.set(r, n);
+    const f = t(n, r, a);
+    return i.delete(n), i.delete(r), f;
+  };
+}
+function N(t) {
+  return le(t).concat(fe(t));
+}
+const pe = (
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  Object.hasOwn || ((t, e) => de.call(t, e))
+), me = "__v", ge = "__o", he = "_owner", { getOwnPropertyDescriptor: V, keys: T } = Object, q = (
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+  Object.is || function(e, n) {
+    return e === n ? e !== 0 || 1 / e === 1 / n : e !== e && n !== n;
+  }
+);
+function Ee(t, e) {
+  return t === e;
+}
+function je(t, e) {
+  return t.byteLength === e.byteLength && L(new Uint8Array(t), new Uint8Array(e));
+}
+function be(t, e, n) {
+  let r = t.length;
+  if (e.length !== r)
+    return !1;
+  for (; r-- > 0; )
+    if (!n.equals(t[r], e[r], r, r, t, e, n))
+      return !1;
+  return !0;
+}
+function ye(t, e) {
+  return t.byteLength === e.byteLength && L(new Uint8Array(t.buffer, t.byteOffset, t.byteLength), new Uint8Array(e.buffer, e.byteOffset, e.byteLength));
+}
+function we(t, e) {
+  return q(t.getTime(), e.getTime());
+}
+function qe(t, e) {
+  return t.name === e.name && t.message === e.message && t.cause === e.cause && t.stack === e.stack;
+}
+function z(t, e, n) {
+  const r = t.size;
+  if (r !== e.size)
+    return !1;
+  if (!r)
+    return !0;
+  const a = new Array(r), i = t.entries();
+  let c, u, f = 0;
+  for (; (c = i.next()) && !c.done; ) {
+    const m = e.entries();
+    let d = !1, s = 0;
+    for (; (u = m.next()) && !u.done; ) {
+      if (a[s]) {
+        s++;
+        continue;
+      }
+      const o = c.value, l = u.value;
+      if (n.equals(o[0], l[0], f, s, t, e, n) && n.equals(o[1], l[1], o[0], l[0], t, e, n)) {
+        d = a[s] = !0;
+        break;
+      }
+      s++;
+    }
+    if (!d)
+      return !1;
+    f++;
+  }
+  return !0;
+}
+function Ce(t, e, n) {
+  const r = T(t);
+  let a = r.length;
+  if (T(e).length !== a)
+    return !1;
+  for (; a-- > 0; )
+    if (!$(t, e, n, r[a]))
+      return !1;
+  return !0;
+}
+function x(t, e, n) {
+  const r = N(t);
+  let a = r.length;
+  if (N(e).length !== a)
+    return !1;
+  let i, c, u;
+  for (; a-- > 0; )
+    if (i = r[a], !$(t, e, n, i) || (c = V(t, i), u = V(e, i), (c || u) && (!c || !u || c.configurable !== u.configurable || c.enumerable !== u.enumerable || c.writable !== u.writable)))
+      return !1;
+  return !0;
+}
+function Oe(t, e) {
+  return q(t.valueOf(), e.valueOf());
+}
+function Ae(t, e) {
+  return t.source === e.source && t.flags === e.flags;
+}
+function F(t, e, n) {
+  const r = t.size;
+  if (r !== e.size)
+    return !1;
+  if (!r)
+    return !0;
+  const a = new Array(r), i = t.values();
+  let c, u;
+  for (; (c = i.next()) && !c.done; ) {
+    const f = e.values();
+    let m = !1, d = 0;
+    for (; (u = f.next()) && !u.done; ) {
+      if (!a[d] && n.equals(c.value, u.value, c.value, u.value, t, e, n)) {
+        m = a[d] = !0;
+        break;
+      }
+      d++;
+    }
+    if (!m)
+      return !1;
+  }
+  return !0;
+}
+function L(t, e) {
+  let n = t.byteLength;
+  if (e.byteLength !== n || t.byteOffset !== e.byteOffset)
+    return !1;
+  for (; n-- > 0; )
+    if (t[n] !== e[n])
+      return !1;
+  return !0;
+}
+function xe(t, e) {
+  return t.hostname === e.hostname && t.pathname === e.pathname && t.protocol === e.protocol && t.port === e.port && t.hash === e.hash && t.username === e.username && t.password === e.password;
+}
+function $(t, e, n, r) {
+  return (r === he || r === ge || r === me) && (t.$$typeof || e.$$typeof) ? !0 : pe(e, r) && n.equals(t[r], e[r], r, r, t, e, n);
+}
+const Ie = Object.prototype.toString;
+function De(t) {
+  const e = Me(t), { areArraysEqual: n, areDatesEqual: r, areFunctionsEqual: a, areMapsEqual: i, areNumbersEqual: c, areObjectsEqual: u, areRegExpsEqual: f, areSetsEqual: m, getUnsupportedCustomComparator: d } = t;
+  return function(o, l, p) {
+    if (o === l)
+      return !0;
+    if (o == null || l == null)
+      return !1;
+    const E = typeof o;
+    if (E !== typeof l)
+      return !1;
+    if (E !== "object")
+      return E === "number" || E === "bigint" ? c(o, l, p) : E === "function" ? a(o, l, p) : !1;
+    const g = o.constructor;
+    if (g !== l.constructor)
+      return !1;
+    if (g === Object)
+      return u(o, l, p);
+    if (g === Array)
+      return n(o, l, p);
+    if (g === Date)
+      return r(o, l, p);
+    if (g === RegExp)
+      return f(o, l, p);
+    if (g === Map)
+      return i(o, l, p);
+    if (g === Set)
+      return m(o, l, p);
+    if (g === Promise)
+      return !1;
+    if (Array.isArray(o))
+      return n(o, l, p);
+    const b = Ie.call(o), j = e[b];
+    if (j)
+      return j(o, l, p);
+    const C = d && d(o, l, p, b);
+    return C ? C(o, l, p) : !1;
+  };
+}
+function Le({ circular: t, createCustomConfig: e, strict: n }) {
+  let r = {
+    areArrayBuffersEqual: je,
+    areArraysEqual: n ? x : be,
+    areDataViewsEqual: ye,
+    areDatesEqual: we,
+    areErrorsEqual: qe,
+    areFunctionsEqual: Ee,
+    areMapsEqual: n ? M(z, x) : z,
+    areNumbersEqual: q,
+    areObjectsEqual: n ? x : Ce,
+    arePrimitiveWrappersEqual: Oe,
+    areRegExpsEqual: Ae,
+    areSetsEqual: n ? M(F, x) : F,
+    areTypedArraysEqual: n ? M(L, x) : L,
+    areUrlsEqual: xe,
+    getUnsupportedCustomComparator: void 0
+  };
+  if (e && (r = Object.assign({}, r, e(r))), t) {
+    const a = D(r.areArraysEqual), i = D(r.areMapsEqual), c = D(r.areObjectsEqual), u = D(r.areSetsEqual);
+    r = Object.assign({}, r, {
+      areArraysEqual: a,
+      areMapsEqual: i,
+      areObjectsEqual: c,
+      areSetsEqual: u
+    });
+  }
+  return r;
+}
+function Re(t) {
+  return function(e, n, r, a, i, c, u) {
+    return t(e, n, u);
+  };
+}
+function Se({ circular: t, comparator: e, createState: n, equals: r, strict: a }) {
+  if (n)
+    return function(u, f) {
+      const { cache: m = t ? /* @__PURE__ */ new WeakMap() : void 0, meta: d } = n();
+      return e(u, f, {
+        cache: m,
+        equals: r,
+        meta: d,
+        strict: a
+      });
+    };
+  if (t)
+    return function(u, f) {
+      return e(u, f, {
+        cache: /* @__PURE__ */ new WeakMap(),
+        equals: r,
+        meta: void 0,
+        strict: a
+      });
+    };
+  const i = {
+    cache: void 0,
+    equals: r,
+    meta: void 0,
+    strict: a
+  };
+  return function(u, f) {
+    return e(u, f, i);
+  };
+}
+function Me({ areArrayBuffersEqual: t, areArraysEqual: e, areDataViewsEqual: n, areDatesEqual: r, areErrorsEqual: a, areFunctionsEqual: i, areMapsEqual: c, areNumbersEqual: u, areObjectsEqual: f, arePrimitiveWrappersEqual: m, areRegExpsEqual: d, areSetsEqual: s, areTypedArraysEqual: o, areUrlsEqual: l }) {
+  return {
+    "[object Arguments]": f,
+    "[object Array]": e,
+    "[object ArrayBuffer]": t,
+    "[object AsyncGeneratorFunction]": i,
+    "[object BigInt]": u,
+    "[object BigInt64Array]": o,
+    "[object BigUint64Array]": o,
+    "[object Boolean]": m,
+    "[object DataView]": n,
+    "[object Date]": r,
+    // If an error tag, it should be tested explicitly. Like RegExp, the properties are not
+    // enumerable, and therefore will give false positives if tested like a standard object.
+    "[object Error]": a,
+    "[object Float16Array]": o,
+    "[object Float32Array]": o,
+    "[object Float64Array]": o,
+    "[object Function]": i,
+    "[object GeneratorFunction]": i,
+    "[object Int8Array]": o,
+    "[object Int16Array]": o,
+    "[object Int32Array]": o,
+    "[object Map]": c,
+    "[object Number]": m,
+    "[object Object]": (p, E, g) => (
+      // The exception for value comparison is custom `Promise`-like class instances. These should
+      // be treated the same as standard `Promise` objects, which means strict equality, and if
+      // it reaches this point then that strict equality comparison has already failed.
+      typeof p.then != "function" && typeof E.then != "function" && f(p, E, g)
+    ),
+    // For RegExp, the properties are not enumerable, and therefore will give false positives if
+    // tested like a standard object.
+    "[object RegExp]": d,
+    "[object Set]": s,
+    "[object String]": m,
+    "[object URL]": l,
+    "[object Uint8Array]": o,
+    "[object Uint8ClampedArray]": o,
+    "[object Uint16Array]": o,
+    "[object Uint32Array]": o
+  };
+}
+const _e = y();
+y({ strict: !0 });
+y({ circular: !0 });
+y({
+  circular: !0,
+  strict: !0
+});
+y({
+  createInternalComparator: () => q
+});
+y({
+  strict: !0,
+  createInternalComparator: () => q
+});
+y({
+  circular: !0,
+  createInternalComparator: () => q
+});
+y({
+  circular: !0,
+  createInternalComparator: () => q,
+  strict: !0
+});
+function y(t = {}) {
+  const { circular: e = !1, createInternalComparator: n, createState: r, strict: a = !1 } = t, i = Le(t), c = De(i), u = n ? n(c) : Re(c);
+  return Se({ circular: e, comparator: c, createState: r, equals: u, strict: a });
+}
+let W;
+const ve = (t) => {
+  const e = te();
+  re(e);
+  const [n, r] = B(!1), [a, i] = B([]), { title: c, description: u, tooltip: f } = ne(t), {
+    hideMenu: m,
+    dataset: d,
+    results: s,
+    allResults: o,
+    dimensionsAndMeasures: l,
+    displayNullAs: p,
+    showIndex: E,
+    clickDimension: g,
+    state: b,
+    setState: j,
+    onRowClicked: C
+  } = t, G = ce({ dimensionsAndMeasures: l, displayNullAs: p }, e), R = (s == null ? void 0 : s.data) ?? [], _ = I(null), v = I(null), O = I(!0), P = I(null);
+  S(() => {
+    _e(d.variableValues, P.current) || (O.current = !0, P.current = d.variableValues, j == null || j((h) => ({
+      ...h,
+      page: 0
+    })));
+  }, [d.variableValues]), S(() => {
+    var h;
+    if (s != null && s.data) {
+      if (O.current) {
+        i([...R]), O.current = !1, (h = v.current) == null || h.scrollToTop("smooth");
+        return;
+      }
+      i((w) => [...w, ...R]);
+    }
+  }, [R]);
+  const A = ue(
+    (h) => {
+      j == null || j((w) => ({
+        ...w,
+        ...h
+      }));
+    },
+    [j]
+  ), K = (h) => {
+    r(!0), A({ isLoadingDownloadData: !0 }), W = (w) => h({
+      title: c,
+      data: w,
+      dimensionsAndMeasures: l,
+      containerRef: _,
+      theme: e
+    });
+  }, H = (h) => {
+    var U;
+    if (!g) return;
+    const w = (U = a[h]) == null ? void 0 : U[g.name];
+    C == null || C(w);
+  };
+  S(() => {
+    if (n) {
+      if (!o || o.isLoading)
+        return;
+      W(o.data), r(!1), A({ isLoadingDownloadData: !1 });
+    }
+  }, [n, o, A]);
+  const Z = () => {
+    s.isLoading || A({ page: ((b == null ? void 0 : b.page) ?? 0) + 1 });
+  }, J = (h) => {
+    O.current = !0, A({ sort: h, page: 0 });
+  }, Q = (s == null ? void 0 : s.data) && s.data.length === se, X = !!(s != null && s.isLoading || o != null && o.isLoading), Y = (s == null ? void 0 : s.isLoading) && !O.current;
+  return /* @__PURE__ */ k.jsx(
+    ae,
+    {
+      ref: _,
+      title: c,
+      description: u,
+      tooltip: f,
+      data: {
+        isLoading: X,
+        data: a
+      },
+      dimensionsAndMeasures: l,
+      errorMessage: s == null ? void 0 : s.error,
+      onCustomDownload: K,
+      hideMenu: m,
+      children: /* @__PURE__ */ k.jsx(
+        ee,
+        {
+          ref: v,
+          hasMoreData: Q,
+          onRowIndexClick: H,
+          headers: G,
+          rows: ie({ rows: a, clickDimension: g }),
+          showIndex: E,
+          sort: b == null ? void 0 : b.sort,
+          isLoading: Y,
+          loadingLabel: oe.t("common.loading"),
+          onNextPage: Z,
+          onSortChange: J
+        }
+      )
+    }
+  );
+}, Te = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ve
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  se as T,
+  ve as a,
+  Te as i
+};
+//# sourceMappingURL=index-D7xFEool.js.map