@embeddable.com/remarkable-pro 0.2.13 → 0.3.1

package/dist/{definition-DezdImTv.js → definition-BiIMsrRD.js}

@@ -1,53 +1,53 @@
-import { j as S, K as J, l as z } from "./index-7D6uMJ-C.js";
-import { useTheme as W, definePreview as $ } from "@embeddable.com/react";
-import { a as G, r as Q, i as s } from "./component.utils-Dua9clQJ.js";
-import { C as U } from "./ChartCard-DXg1i7Y2.js";
-import { g as X } from "./formatter.utils-Y14po21h.js";
+import { a7 as S, K as J, a8 as z } from "./index-Cddhb628.js";
+import { useTheme as Y, definePreview as $ } from "@embeddable.com/react";
+import { i as G, r as Q, a as s } from "./component.utils-oQMZT7TK.js";
+import { C as U } from "./ChartCard-CZ0PnrNg.js";
+import { b as X } from "./formatter.utils-Dm_mQlX1.js";
 import { useEffect as Z } from "react";
-import { g as x, a as ee } from "./timeRange.utils-CcP33PfM.js";
+import { g as x, a as ee } from "./timeRange.utils-kK6r26ZO.js";
 import { g as ae } from "./kpis.utils-DsZ2GzuB.js";
-import { i as o } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as c } from "./preview.data.constants-BSjhK_tx.js";
-import { g as A } from "./clientContext.utils-DpB5KsfX.js";
+import { i as o } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as c } from "./preview.data.constants-HvHDcvh2.js";
+import { g as T } from "./clientContext.utils-DpB5KsfX.js";
 const g = (e) => {
-  var h, y, P, C, b, R;
-  const a = W();
+  var y, D, P, b, C, R;
+  const a = Y();
   G(a);
   const { title: t, description: m, tooltip: l, displayNullAs: u } = Q(e), {
-    hideMenu: F,
-    changeFontSize: K,
+    hideMenu: _,
+    changeFontSize: F,
     comparisonPeriod: p,
     comparisonDateRange: M,
-    displayChangeAsPercentage: j,
-    fontSize: V,
+    displayChangeAsPercentage: V,
+    fontSize: j,
     measure: n,
     primaryDateRange: f,
     results: i,
     resultsComparison: r,
     reversePositiveNegativeColors: k,
     percentageDecimalPlaces: O,
-    setComparisonDateRange: v
+    setComparisonDateRange: h
   } = e;
   Z(() => {
-    if (!v) return;
+    if (!h) return;
     const d = x(
       f,
       p,
       a
     );
-    v(d);
+    h(d);
   }, [p, JSON.stringify(f), a]);
-  const q = (y = (h = i.data) == null ? void 0 : h[0]) == null ? void 0 : y[n.name], B = M ? (C = (P = r == null ? void 0 : r.data) == null ? void 0 : P[0]) == null ? void 0 : C[n.name] : void 0, E = X(a), Y = (d) => E.data(n, d), H = `vs ${ee(p, a).toLowerCase()}`, D = {
+  const q = (D = (y = i.data) == null ? void 0 : y[0]) == null ? void 0 : D[n.name], B = M ? (b = (P = r == null ? void 0 : r.data) == null ? void 0 : P[0]) == null ? void 0 : b[n.name] : void 0, E = X(a), H = (d) => E.data(n, d), I = `vs ${ee(p, a).toLowerCase()}`, v = {
     isLoading: !!(i.isLoading || r != null && r.isLoading),
     data: !(i != null && i.data) && !(r != null && r.data) ? void 0 : [
-      ...(b = i.data) != null && b.length ? [{ label: s.t("charts.primaryPeriod"), ...i.data[0] }] : [],
+      ...(C = i.data) != null && C.length ? [{ label: s.t("charts.primaryPeriod"), ...i.data[0] }] : [],
       ...(R = r == null ? void 0 : r.data) != null && R.length ? [{ label: s.t("charts.comparisonPeriod"), ...r.data[0] }] : []
     ]
-  }, I = ae(D, n, !!u);
+  }, W = ae(v, n, !!u);
   return /* @__PURE__ */ S.jsx(
     U,
     {
-      data: I,
+      data: W,
       dimensionsAndMeasures: [
         // Add a label dimension to distinguish primary and comparison periods in exports
         {
@@ -62,19 +62,19 @@ const g = (e) => {
       description: m,
       title: t,
       tooltip: l,
-      hideMenu: F,
+      hideMenu: _,
       children: /* @__PURE__ */ S.jsx(
         J,
         {
           displayNullAs: u,
           value: q,
-          comparisonValue: D.isLoading ? void 0 : B,
-          valueFormatter: Y,
-          valueFontSize: V,
-          trendFontSize: K,
+          comparisonValue: v.isLoading ? void 0 : B,
+          valueFormatter: H,
+          valueFontSize: j,
+          trendFontSize: F,
           invertChangeColors: k,
-          showChangeAsPercentage: j,
-          comparisonLabel: H,
+          showChangeAsPercentage: V,
+          comparisonLabel: I,
           percentageDecimalPlaces: O,
           noPreviousDataLabel: s.t("charts.kpiChart.noPreviousData"),
           equalComparisonLabel: s.t("charts.kpiChart.equalComparison")
@@ -82,13 +82,16 @@ const g = (e) => {
       )
     }
   );
-}, ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: g
 }, Symbol.toStringTag, { value: "Module" })), oe = {
   name: "KpiChartNumberComparisonPro",
   label: "Kpi Chart - Number Comparison",
+  description: "KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.",
   category: "Kpi Charts",
+  defaultHeight: 442,
+  defaultWidth: 630,
   inputs: [
     o.dataset,
     o.measure,
@@ -97,7 +100,7 @@ const g = (e) => {
       ...o.timeRange,
       name: "primaryDateRange",
       label: "Primary date-range",
-      description: "You can also connect this to a date range selector using its variable",
+      description: "The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset",
       category: "Component Data"
     },
     {
@@ -137,7 +140,7 @@ const g = (e) => {
       label: "Trend font-size"
     }
   ]
-}, N = {
+}, A = {
   measure: { ...c.measure },
   results: c.results1Measure,
   resultsComparison: c.results1MeasureVariant,
@@ -146,11 +149,11 @@ const g = (e) => {
   comparisonDateRange: { relativeTimeString: "Today", from: void 0, to: void 0 },
   fontSize: 100,
   hideMenu: !0
-}, re = $(g, N), T = (e, a) => ({
+}, re = $(g, A), N = (e, a) => ({
   from: e.dataset,
   select: [e.measure],
   limit: 1,
-  timezone: A(a == null ? void 0 : a.timezone),
+  timezone: T(a == null ? void 0 : a.timezone),
   filters: e.primaryDateRange && e.timeProperty ? [
     {
       property: e.timeProperty,
@@ -158,11 +161,11 @@ const g = (e) => {
       value: e.primaryDateRange
     }
   ] : void 0
-}), L = (e, a) => z(T(e, a)), _ = (e, a, t) => ({
+}), w = (e, a) => z(N(e, a)), L = (e, a, t) => ({
   from: e.dataset,
   select: [e.measure],
   limit: 1,
-  timezone: A(t == null ? void 0 : t.timezone),
+  timezone: T(t == null ? void 0 : t.timezone),
   filters: [
     {
       property: e.timeProperty,
@@ -170,37 +173,37 @@ const g = (e) => {
       value: a
     }
   ]
-}), w = (e, a, t) => {
+}), K = (e, a, t) => {
   if (e.primaryDateRange && e.timeProperty && (a != null && a.comparisonDateRange))
     return z(
-      _(e, a.comparisonDateRange, t)
+      L(e, a.comparisonDateRange, t)
     );
 }, te = (e, [a, t], m) => ({
   ...e,
   comparisonPeriod: e.comparisonPeriod,
   comparisonDateRange: a == null ? void 0 : a.comparisonDateRange,
   setComparisonDateRange: (l) => t({ comparisonDateRange: l }),
-  results: L(e, m),
-  resultsComparison: w(e, a, m)
-}), De = {
+  results: w(e, m),
+  resultsComparison: K(e, a, m)
+}), ve = {
   Component: g,
   meta: oe,
   preview: re,
-  previewConfig: N,
+  previewConfig: A,
   config: {
     props: te
   },
   results: {
-    loadDataArgs: T,
-    loadData: L
+    loadDataArgs: N,
+    loadData: w
   },
   resultsComparison: {
-    loadDataArgs: _,
-    loadData: w
+    loadDataArgs: L,
+    loadData: K
   }
 };
 export {
-  ve as i,
-  De as k
+  he as i,
+  ve as k
 };
-//# sourceMappingURL=definition-DezdImTv.js.map
+//# sourceMappingURL=definition-BiIMsrRD.js.map

package/dist/definition-BiIMsrRD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definition-BiIMsrRD.js","sources":["../src/components/charts/kpis/KpiChartNumberComparisonPro/index.tsx","../src/components/charts/kpis/KpiChartNumberComparisonPro/definition.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DataResponse, Measure, TimeRange } from '@embeddable.com/core';\nimport { i18n, 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 { useEffect } from 'react';\nimport {\n  getComparisonPeriodDateRange,\n  getComparisonPeriodLabel,\n} from '../../../utils/timeRange.utils';\nimport { getKpiResults } from '../kpis.utils';\n\nexport type KpiChartNumberComparisonProProp = {\n  changeFontSize?: number;\n  comparisonPeriod?: string;\n  displayChangeAsPercentage?: boolean;\n  fontSize?: number;\n  measure: Measure;\n  primaryDateRange: TimeRange;\n  results: DataResponse;\n  resultsComparison: DataResponse | undefined;\n  reversePositiveNegativeColors?: boolean;\n  percentageDecimalPlaces?: number;\n  comparisonDateRange: TimeRange;\n  displayNullAs?: string;\n  setComparisonDateRange?: (dateRange: TimeRange) => void;\n} & ChartCardHeaderProps;\n\nconst KpiChartNumberComparisonPro = (props: KpiChartNumberComparisonProProp) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { title, description, tooltip, displayNullAs } = resolveI18nProps(props);\n  const {\n    hideMenu,\n    changeFontSize,\n    comparisonPeriod,\n    comparisonDateRange,\n    displayChangeAsPercentage,\n    fontSize,\n    measure,\n    primaryDateRange,\n    results,\n    resultsComparison,\n    reversePositiveNegativeColors,\n    percentageDecimalPlaces,\n    setComparisonDateRange,\n  } = props;\n\n  useEffect(() => {\n    if (!setComparisonDateRange) return;\n\n    const newComparisonDateRange = getComparisonPeriodDateRange(\n      primaryDateRange,\n      comparisonPeriod,\n      theme,\n    );\n    setComparisonDateRange(newComparisonDateRange);\n  }, [comparisonPeriod, JSON.stringify(primaryDateRange), theme]);\n\n  const value: number = results.data?.[0]?.[measure.name];\n  const comparisonValue = comparisonDateRange\n    ? resultsComparison?.data?.[0]?.[measure.name]\n    : undefined;\n\n  const themeFormatter = getThemeFormatter(theme);\n  const valueFormatter = (valueToFormat: number) => themeFormatter.data(measure, valueToFormat);\n  const comparisonLabel = `vs ${getComparisonPeriodLabel(comparisonPeriod, theme).toLowerCase()}`;\n\n  const resultsCombined: DataResponse = {\n    isLoading: Boolean(results.isLoading || resultsComparison?.isLoading),\n    data:\n      !results?.data && !resultsComparison?.data\n        ? undefined\n        : [\n            ...(results.data?.length\n              ? [{ label: i18n.t('charts.primaryPeriod'), ...results.data[0] }]\n              : []),\n            ...(resultsComparison?.data?.length\n              ? [{ label: i18n.t('charts.comparisonPeriod'), ...resultsComparison.data[0] }]\n              : []),\n          ],\n  };\n\n  const resultsWithNullsHandled = getKpiResults(resultsCombined, measure, Boolean(displayNullAs));\n\n  return (\n    <ChartCard\n      data={resultsWithNullsHandled}\n      dimensionsAndMeasures={[\n        // Add a label dimension to distinguish primary and comparison periods in exports\n        {\n          name: 'label',\n          title: i18n.t('charts.label'),\n          nativeType: 'string',\n          __type__: 'dimension',\n        },\n        measure,\n      ]}\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        comparisonValue={resultsCombined.isLoading ? undefined : comparisonValue}\n        valueFormatter={valueFormatter}\n        valueFontSize={fontSize}\n        trendFontSize={changeFontSize}\n        invertChangeColors={reversePositiveNegativeColors}\n        showChangeAsPercentage={displayChangeAsPercentage}\n        comparisonLabel={comparisonLabel}\n        percentageDecimalPlaces={percentageDecimalPlaces}\n        noPreviousDataLabel={i18n.t('charts.kpiChart.noPreviousData')}\n        equalComparisonLabel={i18n.t('charts.kpiChart.equalComparison')}\n      />\n    </ChartCard>\n  );\n};\n\nexport default KpiChartNumberComparisonPro;\n","import { DataResponse, loadData, LoadDataRequest, TimeRange } from '@embeddable.com/core';\nimport { definePreview, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport Component from './index';\nimport { inputs } from '../../../component.inputs.constants';\nimport { previewData } from '../../../preview.data.constants';\nimport { getClientContextTimezone } from '../../../../theme/utils/clientContext.utils';\nimport { ThemeClientContext } from '../../../../theme/theme.types';\n\nconst meta = {\n  name: 'KpiChartNumberComparisonPro',\n  label: 'Kpi Chart - Number Comparison',\n  description:\n    'KPI with a delta versus a comparison period. Takes one measure and pairs with a comparison-period variable.',\n  category: 'Kpi Charts',\n  defaultHeight: 442,\n  defaultWidth: 630,\n  inputs: [\n    inputs.dataset,\n    inputs.measure,\n    { ...inputs.dimensionTime, name: 'timeProperty', label: 'Time property' },\n    {\n      ...inputs.timeRange,\n      name: 'primaryDateRange',\n      label: 'Primary date-range',\n      description:\n        'The comparison period is derived internally using this date range — do not also apply a date filter on the underlying dataset',\n      category: 'Component Data',\n    },\n    {\n      ...inputs.comparisonPeriod,\n      description: 'You can also connect this to a comparison period selector using its variable',\n      category: 'Component Data',\n    },\n    inputs.title,\n    inputs.description,\n    inputs.tooltip,\n    inputs.displayNullAs,\n    {\n      ...inputs.boolean,\n      name: 'displayChangeAsPercentage',\n      label: 'Display change as %',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.number,\n      name: 'percentageDecimalPlaces',\n      label: 'Percentage decimal places',\n      defaultValue: 1,\n      category: 'Component Settings',\n    },\n    {\n      ...inputs.boolean,\n      name: 'reversePositiveNegativeColors',\n      label: 'Reverse positive/negative colors',\n      defaultValue: false,\n      category: 'Component Settings',\n    },\n    inputs.fontSize,\n    {\n      ...inputs.fontSize,\n      name: 'changeFontSize',\n      label: 'Trend font-size',\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport type KpiChartNumberComparisonProState = {\n  comparisonDateRange: TimeRange;\n};\n\nconst previewConfig = {\n  measure: { ...previewData.measure },\n  results: previewData.results1Measure,\n  resultsComparison: previewData.results1MeasureVariant,\n  primaryDateRange: undefined,\n  comparisonPeriod: 'Previous period',\n  comparisonDateRange: { relativeTimeString: 'Today', from: undefined, to: undefined },\n  fontSize: 100,\n  hideMenu: true,\n};\n\nconst preview = definePreview(Component, previewConfig);\n\nconst loadDataResultsArgs = (\n  inputs: Inputs<typeof meta>,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters:\n    inputs.primaryDateRange && inputs.timeProperty\n      ? [\n          {\n            property: inputs.timeProperty,\n            operator: 'inDateRange',\n            value: inputs.primaryDateRange,\n          },\n        ]\n      : undefined,\n});\n\nconst loadDataResults = (\n  inputs: Inputs<typeof meta>,\n  clientContext: ThemeClientContext,\n): DataResponse => loadData(loadDataResultsArgs(inputs, clientContext));\n\nconst loadDataResultsComparisonArgs = (\n  inputs: Inputs<typeof meta>,\n  comparisonDateRange: TimeRange,\n  clientContext?: ThemeClientContext,\n): LoadDataRequest => ({\n  from: inputs.dataset,\n  select: [inputs.measure],\n  limit: 1,\n  timezone: getClientContextTimezone(clientContext?.timezone),\n  filters: [\n    {\n      property: inputs.timeProperty,\n      operator: 'inDateRange',\n      value: comparisonDateRange,\n    },\n  ],\n});\n\nconst loadDataResultsComparison = (\n  inputs: Inputs<typeof meta>,\n  state: KpiChartNumberComparisonProState,\n  clientContext: ThemeClientContext,\n): DataResponse | undefined => {\n  if (inputs.primaryDateRange && inputs.timeProperty && state?.comparisonDateRange) {\n    return loadData(\n      loadDataResultsComparisonArgs(inputs, state.comparisonDateRange, clientContext),\n    );\n  }\n  return undefined;\n};\n\nconst props = (\n  inputs: Inputs<typeof meta>,\n  [state, setState]: [\n    KpiChartNumberComparisonProState,\n    (state: KpiChartNumberComparisonProState) => void,\n  ],\n  clientContext: ThemeClientContext,\n) => ({\n  ...inputs,\n  comparisonPeriod: inputs.comparisonPeriod as string | undefined,\n  comparisonDateRange: state?.comparisonDateRange,\n  setComparisonDateRange: (comparisonDateRange: TimeRange) => setState({ comparisonDateRange }),\n  results: loadDataResults(inputs, clientContext),\n  resultsComparison: loadDataResultsComparison(inputs, state, clientContext),\n});\n\nexport const kpiChartNumberComparisonPro = {\n  Component,\n  meta,\n  preview,\n  previewConfig,\n  config: {\n    props,\n  },\n  results: {\n    loadDataArgs: loadDataResultsArgs,\n    loadData: loadDataResults,\n  },\n  resultsComparison: {\n    loadDataArgs: loadDataResultsComparisonArgs,\n    loadData: loadDataResultsComparison,\n  },\n} as const;\n"],"names":["KpiChartNumberComparisonPro","props","theme","useTheme","i18nSetup","title","description","tooltip","displayNullAs","resolveI18nProps","hideMenu","changeFontSize","comparisonPeriod","comparisonDateRange","displayChangeAsPercentage","fontSize","measure","primaryDateRange","results","resultsComparison","reversePositiveNegativeColors","percentageDecimalPlaces","setComparisonDateRange","useEffect","newComparisonDateRange","getComparisonPeriodDateRange","value","_b","_a","comparisonValue","_d","_c","themeFormatter","getThemeFormatter","valueFormatter","valueToFormat","comparisonLabel","getComparisonPeriodLabel","resultsCombined","_e","i18n","_f","resultsWithNullsHandled","getKpiResults","jsx","ChartCard","KpiChart","meta","inputs","previewConfig","previewData","preview","definePreview","Component","loadDataResultsArgs","clientContext","getClientContextTimezone","loadDataResults","loadData","loadDataResultsComparisonArgs","loadDataResultsComparison","state","setState","kpiChartNumberComparisonPro"],"mappings":"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"}

package/dist/{definition-C8wEhvFe.js → definition-BkWrwtwm.js}

@@ -1,13 +1,13 @@
-import { j as F, a5 as me, V as z, l as Q } from "./index-7D6uMJ-C.js";
+import { a7 as F, R as me, V as z, a8 as Q } from "./index-Cddhb628.js";
 import { useTheme as ge, definePreview as pe } from "@embeddable.com/react";
-import { a as he, r as be, i as we } from "./component.utils-Dua9clQJ.js";
-import { C as ye } from "./ChartCard-DXg1i7Y2.js";
-import { g as Ee } from "./dimension.utils-DlzeRFgr.js";
+import { i as be, r as he, a as we } from "./component.utils-oQMZT7TK.js";
+import { C as ye } from "./ChartCard-CZ0PnrNg.js";
+import { g as Ee } from "./dimension.utils-DN43DaL5.js";
 import { useState as W, useRef as x, useEffect as k, useCallback as De } from "react";
-import { g as Ce, a as je } from "./tables.utils-FQtNWonG.js";
-import { i as b, s as M, g as Ae } from "./component.inputs.constants-ByMVK7Vv.js";
-import { p as O } from "./preview.data.constants-BSjhK_tx.js";
-const V = 50, { getOwnPropertyNames: qe, getOwnPropertySymbols: Re } = Object, { hasOwnProperty: Oe } = Object.prototype;
+import { b as Ce, c as je } from "./tables.utils-DdGuZcE0.js";
+import { i as h, s as M, g as Ae } from "./component.inputs.constants-BFlnzCwS.js";
+import { p as S } from "./preview.data.constants-HvHDcvh2.js";
+const V = 50, { getOwnPropertyNames: qe, getOwnPropertySymbols: Re } = Object, { hasOwnProperty: Se } = Object.prototype;
 function T(e, t) {
   return function(n, a, i) {
     return e(n, a, i) && t(n, a, i);
@@ -28,9 +28,9 @@ function I(e) {
 function $(e) {
   return qe(e).concat(Re(e));
 }
-const Se = (
+const Oe = (
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-  Object.hasOwn || ((e, t) => Oe.call(e, t))
+  Object.hasOwn || ((e, t) => Se.call(e, t))
 ), xe = "__v", Me = "__o", Ie = "_owner", { getOwnPropertyDescriptor: G, keys: K } = Object, j = (
   // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
   Object.is || function(t, r) {
@@ -71,18 +71,18 @@ function H(e, t, r) {
   let l, s, f = 0;
   for (; (l = i.next()) && !l.done; ) {
     const m = t.entries();
-    let d = !1, u = 0;
+    let d = !1, c = 0;
     for (; (s = m.next()) && !s.done; ) {
-      if (a[u]) {
-        u++;
+      if (a[c]) {
+        c++;
         continue;
       }
-      const o = l.value, c = s.value;
-      if (r.equals(o[0], c[0], f, u, e, t, r) && r.equals(o[1], c[1], o[0], c[0], e, t, r)) {
-        d = a[u] = !0;
+      const o = l.value, u = s.value;
+      if (r.equals(o[0], u[0], f, c, e, t, r) && r.equals(o[1], u[1], o[0], u[0], e, t, r)) {
+        d = a[c] = !0;
         break;
       }
-      u++;
+      c++;
     }
     if (!d)
       return !1;
@@ -100,7 +100,7 @@ function Pe(e, t, r) {
       return !1;
   return !0;
 }
-function S(e, t, r) {
+function O(e, t, r) {
   const n = $(e);
   let a = n.length;
   if ($(t).length !== a)
@@ -153,62 +153,62 @@ function Ne(e, t) {
   return e.hostname === t.hostname && e.pathname === t.pathname && e.protocol === t.protocol && e.port === t.port && e.hash === t.hash && e.username === t.username && e.password === t.password;
 }
 function X(e, t, r, n) {
-  return (n === Ie || n === Me || n === xe) && (e.$$typeof || t.$$typeof) ? !0 : Se(t, n) && r.equals(e[n], t[n], n, n, e, t, r);
+  return (n === Ie || n === Me || n === xe) && (e.$$typeof || t.$$typeof) ? !0 : Oe(t, n) && r.equals(e[n], t[n], n, n, e, t, r);
 }
 const Fe = Object.prototype.toString;
 function ze(e) {
   const t = Ke(e), { areArraysEqual: r, areDatesEqual: n, areFunctionsEqual: a, areMapsEqual: i, areNumbersEqual: l, areObjectsEqual: s, areRegExpsEqual: f, areSetsEqual: m, getUnsupportedCustomComparator: d } = e;
-  return function(o, c, g) {
-    if (o === c)
+  return function(o, u, g) {
+    if (o === u)
       return !0;
-    if (o == null || c == null)
+    if (o == null || u == null)
       return !1;
     const w = typeof o;
-    if (w !== typeof c)
+    if (w !== typeof u)
       return !1;
     if (w !== "object")
-      return w === "number" || w === "bigint" ? l(o, c, g) : w === "function" ? a(o, c, g) : !1;
+      return w === "number" || w === "bigint" ? l(o, u, g) : w === "function" ? a(o, u, g) : !1;
     const p = o.constructor;
-    if (p !== c.constructor)
+    if (p !== u.constructor)
       return !1;
     if (p === Object)
-      return s(o, c, g);
+      return s(o, u, g);
     if (p === Array)
-      return r(o, c, g);
+      return r(o, u, g);
     if (p === Date)
-      return n(o, c, g);
+      return n(o, u, g);
     if (p === RegExp)
-      return f(o, c, g);
+      return f(o, u, g);
     if (p === Map)
-      return i(o, c, g);
+      return i(o, u, g);
     if (p === Set)
-      return m(o, c, g);
+      return m(o, u, g);
     if (p === Promise)
       return !1;
     if (Array.isArray(o))
-      return r(o, c, g);
+      return r(o, u, g);
     const E = Fe.call(o), y = t[E];
     if (y)
-      return y(o, c, g);
-    const A = d && d(o, c, g, E);
-    return A ? A(o, c, g) : !1;
+      return y(o, u, g);
+    const A = d && d(o, u, g, E);
+    return A ? A(o, u, g) : !1;
   };
 }
 function We({ circular: e, createCustomConfig: t, strict: r }) {
   let n = {
     areArrayBuffersEqual: ve,
-    areArraysEqual: r ? S : ke,
+    areArraysEqual: r ? O : ke,
     areDataViewsEqual: Te,
     areDatesEqual: Ve,
     areErrorsEqual: _e,
     areFunctionsEqual: Le,
-    areMapsEqual: r ? T(H, S) : H,
+    areMapsEqual: r ? T(H, O) : H,
     areNumbersEqual: j,
-    areObjectsEqual: r ? S : Pe,
+    areObjectsEqual: r ? O : Pe,
     arePrimitiveWrappersEqual: Ue,
     areRegExpsEqual: Be,
-    areSetsEqual: r ? T(Z, S) : Z,
-    areTypedArraysEqual: r ? T(L, S) : L,
+    areSetsEqual: r ? T(Z, O) : Z,
+    areTypedArraysEqual: r ? T(L, O) : L,
     areUrlsEqual: Ne,
     getUnsupportedCustomComparator: void 0
   };
@@ -258,7 +258,7 @@ function Ge({ circular: e, comparator: t, createState: r, equals: n, strict: a }
     return t(s, f, i);
   };
 }
-function Ke({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: r, areDatesEqual: n, areErrorsEqual: a, areFunctionsEqual: i, areMapsEqual: l, areNumbersEqual: s, areObjectsEqual: f, arePrimitiveWrappersEqual: m, areRegExpsEqual: d, areSetsEqual: u, areTypedArraysEqual: o, areUrlsEqual: c }) {
+function Ke({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: r, areDatesEqual: n, areErrorsEqual: a, areFunctionsEqual: i, areMapsEqual: l, areNumbersEqual: s, areObjectsEqual: f, arePrimitiveWrappersEqual: m, areRegExpsEqual: d, areSetsEqual: c, areTypedArraysEqual: o, areUrlsEqual: u }) {
   return {
     "[object Arguments]": f,
     "[object Array]": t,
@@ -292,9 +292,9 @@ function Ke({ areArrayBuffersEqual: e, areArraysEqual: t, areDataViewsEqual: r,
     // For RegExp, the properties are not enumerable, and therefore will give false positives if
     // tested like a standard object.
     "[object RegExp]": d,
-    "[object Set]": u,
+    "[object Set]": c,
     "[object String]": m,
-    "[object URL]": c,
+    "[object URL]": u,
     "[object Uint8Array]": o,
     "[object Uint8ClampedArray]": o,
     "[object Uint16Array]": o,
@@ -331,55 +331,55 @@ function C(e = {}) {
 let J;
 const _ = (e) => {
   const t = ge();
-  he(t);
-  const [r, n] = W(!1), [a, i] = W([]), { title: l, description: s, tooltip: f } = be(e), {
+  be(t);
+  const [r, n] = W(!1), [a, i] = W([]), { title: l, description: s, tooltip: f } = he(e), {
     hideMenu: m,
     dataset: d,
-    results: u,
+    results: c,
     allResults: o,
-    dimensionsAndMeasures: c,
+    dimensionsAndMeasures: u,
     displayNullAs: g,
     showIndex: w,
     clickDimension: p,
     state: E,
     setState: y,
     onRowClicked: A
-  } = e, oe = Ce({ dimensionsAndMeasures: c, displayNullAs: g }, t), v = (u == null ? void 0 : u.data) ?? [], P = x(null), U = x(null), q = x(!0), B = x(null);
+  } = e, oe = Ce({ dimensionsAndMeasures: u, displayNullAs: g }, t), v = (c == null ? void 0 : c.data) ?? [], P = x(null), U = x(null), q = x(!0), B = x(null);
   k(() => {
-    He(d.variableValues, B.current) || (q.current = !0, B.current = d.variableValues, y == null || y((h) => ({
-      ...h,
+    He(d.variableValues, B.current) || (q.current = !0, B.current = d.variableValues, y == null || y((b) => ({
+      ...b,
       page: 0
     })));
   }, [d.variableValues]), k(() => {
-    var h;
-    if (u != null && u.data) {
+    var b;
+    if (c != null && c.data) {
       if (q.current) {
-        i([...v]), q.current = !1, (h = U.current) == null || h.scrollToTop("smooth");
+        i([...v]), q.current = !1, (b = U.current) == null || b.scrollToTop("smooth");
         return;
       }
       i((D) => [...D, ...v]);
     }
   }, [v]);
   const R = De(
-    (h) => {
+    (b) => {
       y == null || y((D) => ({
         ...D,
-        ...h
+        ...b
       }));
     },
     [y]
-  ), ae = (h) => {
-    n(!0), R({ isLoadingDownloadData: !0 }), J = (D) => h({
+  ), ae = (b) => {
+    n(!0), R({ isLoadingDownloadData: !0 }), J = (D) => b({
       title: l,
       data: D,
-      dimensionsAndMeasures: c,
+      dimensionsAndMeasures: u,
       containerRef: P,
       theme: t
     });
-  }, se = (h) => {
+  }, se = (b) => {
     var N;
     if (!p) return;
-    const D = (N = a[h]) == null ? void 0 : N[p.name], de = Ee({
+    const D = (N = a[b]) == null ? void 0 : N[p.name], de = Ee({
       value: D ?? void 0,
       dimension: p
     });
@@ -393,10 +393,10 @@ const _ = (e) => {
     }
   }, [r, o, R]);
   const ie = () => {
-    u.isLoading || R({ page: ((E == null ? void 0 : E.page) ?? 0) + 1 });
-  }, le = (h) => {
-    q.current = !0, R({ sort: h, page: 0 });
-  }, ue = (u == null ? void 0 : u.data) && u.data.length === V, ce = !!(u != null && u.isLoading || o != null && o.isLoading), fe = (u == null ? void 0 : u.isLoading) && !q.current;
+    c.isLoading || R({ page: ((E == null ? void 0 : E.page) ?? 0) + 1 });
+  }, le = (b) => {
+    q.current = !0, R({ sort: b, page: 0 });
+  }, ce = (c == null ? void 0 : c.data) && c.data.length === V, ue = !!(c != null && c.isLoading || o != null && o.isLoading), fe = (c == null ? void 0 : c.isLoading) && !q.current;
   return /* @__PURE__ */ F.jsx(
     ye,
     {
@@ -405,18 +405,18 @@ const _ = (e) => {
       description: s,
       tooltip: f,
       data: {
-        isLoading: ce,
+        isLoading: ue,
         data: a
       },
-      dimensionsAndMeasures: c,
-      errorMessage: u == null ? void 0 : u.error,
+      dimensionsAndMeasures: u,
+      errorMessage: c == null ? void 0 : c.error,
       onCustomDownload: ae,
       hideMenu: m,
       children: /* @__PURE__ */ F.jsx(
         me,
         {
           ref: U,
-          hasMoreData: ue,
+          hasMoreData: ce,
           onRowIndexClick: se,
           headers: oe,
           rows: je({ rows: a, clickDimension: p }),
@@ -430,52 +430,53 @@ const _ = (e) => {
       )
     }
   );
-}, ut = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ct = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: _
 }, Symbol.toStringTag, { value: "Module" })), Ze = {
   name: "TableScrollable",
   label: "Table Chart - Scrollable",
+  description: "Scrollable table that loads all rows at once. Pick for small or medium datasets.",
   category: "Table Charts",
   inputs: [
-    { ...b.dataset, config: { hideSort: !0 } },
+    { ...h.dataset, config: { hideSort: !0 } },
     {
-      ...b.dimensionsAndMeasures,
+      ...h.dimensionsAndMeasures,
       label: "Columns",
       inputs: [
-        ...b.dimensionsAndMeasures.inputs,
+        ...h.dimensionsAndMeasures.inputs,
         M.width,
         M.align,
         M.displayFormat,
         M.tableCellStyle
       ]
     },
-    b.title,
-    b.description,
-    b.tooltip,
+    h.title,
+    h.description,
+    h.tooltip,
     {
-      ...b.boolean,
+      ...h.boolean,
       name: "showIndex",
       label: "Show index column",
       defaultValue: !0,
       category: "Component Settings"
     },
-    b.displayNullAs,
-    { ...b.maxResults, label: "Max results to download" },
+    h.displayNullAs,
+    { ...h.maxResults, label: "Max results to download" },
     {
-      ...b.dimensionSimple,
+      ...h.dimensionSimple,
       label: "Dimension to set on click",
       name: "clickDimension",
       category: "Data mapping for interactions",
       required: !1
     },
     {
-      ...b.sortDimensionOrMeasure,
+      ...h.sortDimensionOrMeasure,
       name: "sortColumn",
       label: "Default sort column",
       category: "Component Settings"
     },
-    { ...b.sortDirection, label: "Default sort direction", category: "Component Settings" }
+    { ...h.sortDirection, label: "Default sort direction", category: "Component Settings" }
   ],
   events: [
     {
@@ -496,9 +497,9 @@ const _ = (e) => {
     }
   ]
 }, Y = {
-  dimensionsAndMeasures: [O.dimension, O.dimensionGroup, O.measure],
-  results: O.results1Measure2Dimensions,
-  dataset: O.dataset,
+  dimensionsAndMeasures: [S.dimension, S.dimensionGroup, S.measure],
+  results: S.results1Measure2Dimensions,
+  dataset: S.dataset,
   hideMenu: !0
 }, Je = pe(_, Y), Qe = (e) => ({
   page: 0,
@@ -529,12 +530,12 @@ const _ = (e) => {
 }, Ye = (e, [t, r]) => {
   var f, m;
   const n = { ...Qe(e), ...t }, a = e.dimensionsAndMeasures.find((d) => {
-    var u;
-    return d.name === ((u = n.sort) == null ? void 0 : u.id);
+    var c;
+    return d.name === ((c = n.sort) == null ? void 0 : c.id);
   }) ?? (((f = e.sortColumn) == null ? void 0 : f.name) === ((m = n.sort) == null ? void 0 : m.id) ? e.sortColumn : void 0), i = a && n.sort ? [{ property: a, direction: n.sort.direction }] : [], l = e.dimensionsAndMeasures.some(
     (d) => {
-      var u;
-      return d.name === ((u = e.clickDimension) == null ? void 0 : u.name);
+      var c;
+      return d.name === ((c = e.clickDimension) == null ? void 0 : c.name);
     }
   ), s = [
     ...e.dimensionsAndMeasures,
@@ -547,7 +548,7 @@ const _ = (e) => {
     results: te(e, n.page, i, s),
     allResults: re(e, i, n)
   };
-}, ct = {
+}, ut = {
   Component: _,
   meta: Ze,
   preview: Je,
@@ -568,7 +569,7 @@ const _ = (e) => {
 export {
   V as T,
   Qe as d,
-  ut as i,
-  ct as t
+  ct as i,
+  ut as t
 };
-//# sourceMappingURL=definition-C8wEhvFe.js.map
+//# sourceMappingURL=definition-BkWrwtwm.js.map