@embeddable.com/remarkable-pro 0.0.21 → 0.0.22

package/dist/index-BsWftigv.js

@@ -0,0 +1,123 @@
+import { x as M, y as z, j as a, z as N, E as q, F as d, G as B, J as G, N as J, O as Q, Q as A, R as H } from "./Color.type.emb-sebikYGW.js";
+import { useTheme as K } from "@embeddable.com/react";
+import { g as P, u as U, a as W, c as b, b as X } from "./dates.utils-BF32dTLi.js";
+import { c as Y, a as Z, r as $, i as m } from "./component.inputs.constants-Ds7YpNhT.js";
+import { E as V } from "./EditorCard-DpSCsmZJ.js";
+import { useState as R, useEffect as ee } from "react";
+import { I as te } from "./IconCalendarFilled-Bfm3jkzE.js";
+const ae = (o) => o.map((n) => ({
+  rightLabel: P(n.getRange(), n.dateFormat),
+  value: n.value,
+  label: Y(n.label)
+})), ne = "_dateRangePickerContent_pig22_1", se = "_dateRangePickerContainer_pig22_5", v = {
+  dateRangePickerContent: ne,
+  dateRangePickerContainer: se
+}, oe = (o) => {
+  const n = K();
+  Z(n);
+  const { dayjsLocaleReady: i } = U(), { onChange: s, clearable: k, selectedValue: e, showCustomRangeOptions: j, showTwoMonths: D } = o, u = !j, [x, f] = R(u), [S, p] = R(!1), [l, c] = R(
+    W(e)
+  ), r = n.defaults.dateRangesOptions;
+  if (ee(() => {
+    if (!i)
+      return;
+    const t = b(e, r);
+    M(t, e) || s(t);
+  }, [e, i, s, r]), !i)
+    return null;
+  const { description: T, placeholder: C, title: O } = $(o), h = ae(r), L = (t) => {
+    const g = b(
+      { relativeTimeString: t },
+      r
+    );
+    s(g), c(void 0);
+  }, F = (t) => {
+    s(X(t)), p(!1);
+  }, I = () => {
+    c(void 0), s(void 0);
+  }, _ = (() => {
+    if (e != null && e.relativeTimeString) {
+      const t = h.find((g) => g.value === e.relativeTimeString);
+      if (t)
+        return t.label;
+    }
+    return e != null && e.from && (e != null && e.to) ? P(e, "MMM DD") : "";
+  })(), w = n.i18n.language ?? n.formatter.locale, y = z(l, e), E = D ? 2 : 1;
+  return /* @__PURE__ */ a.jsx(V, { title: O, subtitle: T, children: /* @__PURE__ */ a.jsx(
+    N,
+    {
+      open: S,
+      onOpenChange: p,
+      triggerComponent: /* @__PURE__ */ a.jsx(
+        H,
+        {
+          startIcon: te,
+          "aria-label": C,
+          placeholder: C,
+          valueLabel: _,
+          onClear: I,
+          isClearable: k
+        }
+      ),
+      children: /* @__PURE__ */ a.jsx(q, { fitContent: !0, className: v.dateRangePickerContent, children: x ? /* @__PURE__ */ a.jsxs("div", { className: v.dateRangePickerContainer, children: [
+        !u && /* @__PURE__ */ a.jsx(
+          d,
+          {
+            label: m.t("editors.dateRangePicker.backToPresets"),
+            onClick: (t) => {
+              t.preventDefault(), f(!1);
+            },
+            startIcon: /* @__PURE__ */ a.jsx(B, {})
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          G,
+          {
+            locale: w,
+            numberOfMonths: E,
+            value: l,
+            onChange: c
+          }
+        ),
+        /* @__PURE__ */ a.jsx(
+          J,
+          {
+            size: "small",
+            disabled: y,
+            onClick: () => F(l),
+            children: m.t("editors.dateRangePicker.apply")
+          }
+        )
+      ] }) : /* @__PURE__ */ a.jsxs(Q, { children: [
+        /* @__PURE__ */ a.jsx(
+          d,
+          {
+            label: m.t("editors.dateRangePicker.custom"),
+            onClick: (t) => {
+              t.preventDefault(), f(!0);
+            },
+            endIcon: /* @__PURE__ */ a.jsx(A, {})
+          }
+        ),
+        h.map((t) => /* @__PURE__ */ a.jsx(
+          d,
+          {
+            ...t,
+            isSelected: (e == null ? void 0 : e.relativeTimeString) === t.value,
+            onClick: () => L(t.value)
+          },
+          t.value
+        ))
+      ] }) })
+    }
+  ) });
+}, ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: oe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  oe as D,
+  ae as g,
+  ue as i
+};
+//# sourceMappingURL=index-BsWftigv.js.map

package/dist/index-BsWftigv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BsWftigv.js","sources":["../src/components/editors/dates/DateRangePickerPresetsPro/DateRangePickerPresetsPro.utils.ts","../src/components/editors/dates/DateRangePickerPresetsPro/index.tsx"],"sourcesContent":["import { DateRangeSelectFieldProOption } from './DateRangePickerPresetsPro.types';\nimport { SelectListOptionProps } from '@embeddable.com/remarkable-ui';\nimport { resolveI18nString } from '../../../component.utils';\nimport { getTimeRangeLabel } from '../dates.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n  dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n  return dateRangeSelectFieldProOptions.map((option) => {\n    return {\n      rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n      value: option.value,\n      label: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport {\n  Button,\n  DateRangePicker,\n  Dropdown,\n  SelectFieldContent,\n  SelectFieldContentList,\n  SelectListOption,\n  DateRange,\n  SelectFieldTrigger,\n  isSameDateRange,\n  shallowEqual,\n} from '@embeddable.com/remarkable-ui';\nimport { Theme } from '../../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard } from '../../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled, IconChevronLeft, IconChevronRight } from '@tabler/icons-react';\nimport { i18n, i18nSetup } from '../../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\nimport styles from './DateRangePickerPresetsPro.module.css';\nimport {\n  getDateRangeFromTimeRange,\n  getTimeRangeFromDateRange,\n  getTimeRangeFromPresets,\n  getTimeRangeLabel,\n} from '../dates.utils';\nimport { ChartCardHeaderProps } from '../../../charts/shared/ChartCard/ChartCard';\n\ntype DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & ChartCardHeaderProps;\n\nconst DateRangePickerPresets = (props: DateRangePickerPresetsProps) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n  const { onChange, clearable, selectedValue, showCustomRangeOptions, showTwoMonths } = props;\n  const onlyDateRangePicker = !showCustomRangeOptions;\n  const [showDateRangePicker, setShowDateRangePicker] = useState(onlyDateRangePicker);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [dateRange, setDateRange] = useState<DateRange | undefined>(\n    getDateRangeFromTimeRange(selectedValue),\n  );\n\n  const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n  useEffect(() => {\n    if (!dayjsLocaleReady) {\n      return;\n    }\n    // Step 1: Convert relativeTimeString to actual time range (from/to)\n    const newTimeRange = getTimeRangeFromPresets(selectedValue, dateRangeOptions);\n\n    if (!shallowEqual(newTimeRange, selectedValue)) {\n      onChange(newTimeRange);\n    }\n  }, [selectedValue, dayjsLocaleReady, onChange, dateRangeOptions]);\n\n  if (!dayjsLocaleReady) {\n    return null;\n  }\n\n  const { description, placeholder, title } = resolveI18nProps(props);\n\n  const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n  const handleOptionChange = (newValue: string | undefined) => {\n    const newTimeRange = getTimeRangeFromPresets(\n      { relativeTimeString: newValue } as TimeRange,\n      dateRangeOptions,\n    );\n\n    onChange(newTimeRange);\n    setDateRange(undefined);\n  };\n\n  const handleDateRangeChange = (newDateRange: DateRange | undefined) => {\n    onChange(getTimeRangeFromDateRange(newDateRange));\n    setIsOpen(false);\n  };\n\n  const handleClear = () => {\n    setDateRange(undefined);\n    onChange(undefined);\n  };\n\n  const getValueLabel = () => {\n    if (selectedValue?.relativeTimeString) {\n      const option = options.find((option) => option.value === selectedValue.relativeTimeString);\n      if (option) {\n        return option.label;\n      }\n    }\n\n    if (selectedValue?.from && selectedValue?.to) {\n      return getTimeRangeLabel(selectedValue, 'MMM DD');\n    }\n\n    return '';\n  };\n\n  const valueLabel = getValueLabel();\n\n  const locale = theme.i18n.language ?? theme.formatter.locale;\n  const isSubmitDisabled = isSameDateRange(dateRange, selectedValue);\n  const numberOfMonths = showTwoMonths ? 2 : 1;\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        triggerComponent={\n          <SelectFieldTrigger\n            startIcon={IconCalendarFilled}\n            aria-label={placeholder}\n            placeholder={placeholder}\n            valueLabel={valueLabel}\n            onClear={handleClear}\n            isClearable={clearable}\n          />\n        }\n      >\n        <SelectFieldContent fitContent className={styles.dateRangePickerContent}>\n          {showDateRangePicker ? (\n            <div className={styles.dateRangePickerContainer}>\n              {!onlyDateRangePicker && (\n                <SelectListOption\n                  label={i18n.t('editors.dateRangePicker.backToPresets')}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setShowDateRangePicker(false);\n                  }}\n                  startIcon={<IconChevronLeft />}\n                />\n              )}\n              <DateRangePicker\n                locale={locale}\n                numberOfMonths={numberOfMonths}\n                value={dateRange}\n                onChange={setDateRange}\n              />\n              <Button\n                size=\"small\"\n                disabled={isSubmitDisabled}\n                onClick={() => handleDateRangeChange(dateRange)}\n              >\n                {i18n.t('editors.dateRangePicker.apply')}\n              </Button>\n            </div>\n          ) : (\n            <SelectFieldContentList>\n              <SelectListOption\n                label={i18n.t('editors.dateRangePicker.custom')}\n                onClick={(e) => {\n                  e.preventDefault();\n                  setShowDateRangePicker(true);\n                }}\n                endIcon={<IconChevronRight />}\n              />\n              {options.map((option) => (\n                <SelectListOption\n                  key={option.value}\n                  {...option}\n                  isSelected={selectedValue?.relativeTimeString === option.value}\n                  onClick={() => handleOptionChange(option.value)}\n                />\n              ))}\n            </SelectFieldContentList>\n          )}\n        </SelectFieldContent>\n      </Dropdown>\n    </EditorCard>\n  );\n};\n\nexport default DateRangePickerPresets;\n"],"names":["getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","resolveI18nString","DateRangePickerPresets","props","theme","useTheme","i18nSetup","dayjsLocaleReady","useLoadDayjsLocale","onChange","clearable","selectedValue","showCustomRangeOptions","showTwoMonths","onlyDateRangePicker","showDateRangePicker","setShowDateRangePicker","useState","isOpen","setIsOpen","dateRange","setDateRange","getDateRangeFromTimeRange","dateRangeOptions","useEffect","newTimeRange","getTimeRangeFromPresets","shallowEqual","description","placeholder","title","resolveI18nProps","options","handleOptionChange","newValue","handleDateRangeChange","newDateRange","getTimeRangeFromDateRange","handleClear","valueLabel","locale","isSubmitDisabled","isSameDateRange","numberOfMonths","jsx","EditorCard","Dropdown","SelectFieldTrigger","IconCalendarFilled","SelectFieldContent","styles","jsxs","SelectListOption","i18n","e","IconChevronLeft","DateRangePicker","Button","SelectFieldContentList","IconChevronRight"],"mappings":"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"}

package/dist/index-C0pj3lvE.js

@@ -0,0 +1,73 @@
+import { m as P, j as l, B as y } from "./Color.type.emb-sebikYGW.js";
+import { useTheme as L } from "@embeddable.com/react";
+import { a as w, r as S } from "./component.inputs.constants-Ds7YpNhT.js";
+import { C as _ } from "./ChartCard-B3B1rFYh.js";
+import { a as v, b as D } from "./bars.utils-jvwOEGnf.js";
+import { u as I } from "./charts.fillGaps.hooks-C7KsWcZb.js";
+const O = (a) => {
+  var i, n;
+  const e = L();
+  w(e);
+  const {
+    description: m,
+    dimension: s,
+    measures: r,
+    title: u,
+    xAxisLabel: c,
+    xAxisMaxItems: d,
+    yAxisLabel: h,
+    yAxisRangeMin: x,
+    yAxisRangeMax: p,
+    showLegend: f,
+    showLogarithmicScale: g,
+    showTooltips: C,
+    showValueLabels: b,
+    reverseXAxis: A,
+    onBarClicked: B
+  } = S(a), { hideMenu: M } = a, t = I({
+    results: a.results,
+    dimension: s
+  }), o = v(
+    { data: t.data, dimension: s, measures: r, maxItems: d },
+    e
+  ), j = P(
+    D({ measures: r, horizontal: !1, onBarClicked: B, data: o, dimension: s }, e),
+    // Format Y axis based on first measure
+    ((n = (i = e.charts) == null ? void 0 : i.barChartDefaultPro) == null ? void 0 : n.options) || {}
+  );
+  return /* @__PURE__ */ l.jsx(
+    _,
+    {
+      data: t,
+      dimensionsAndMeasures: [s, ...r],
+      errorMessage: t.error,
+      description: m,
+      title: u,
+      hideMenu: M,
+      children: /* @__PURE__ */ l.jsx(
+        y,
+        {
+          data: o,
+          showLegend: f,
+          showTooltips: C,
+          showValueLabels: b,
+          showLogarithmicScale: g,
+          xAxisLabel: c,
+          yAxisLabel: h,
+          reverseXAxis: A,
+          yAxisRangeMin: x,
+          yAxisRangeMax: p,
+          options: j
+        }
+      )
+    }
+  );
+}, G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: O
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  O as B,
+  G as i
+};
+//# sourceMappingURL=index-C0pj3lvE.js.map

package/dist/index-C0pj3lvE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C0pj3lvE.js","sources":["../src/components/charts/bars/BarChartDefaultPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard, ChartCardHeaderProps } from '../../shared/ChartCard/ChartCard';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { BarChart } from '@embeddable.com/remarkable-ui';\nimport { getBarChartProData, getBarChartProOptions } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\n\ntype BarChartDefaultProProps = {\n  dimension: Dimension;\n  measures: Measure[];\n  results: DataResponse;\n  xAxisLabel?: string;\n  xAxisMaxItems?: number;\n  yAxisLabel?: string;\n  yAxisRangeMin?: number;\n  yAxisRangeMax?: number;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showValueLabels?: boolean;\n  reverseXAxis?: boolean;\n  onBarClicked?: (args: { axisDimensionValue: string | null }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartDefaultPro = (props: BarChartDefaultProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    measures,\n    title,\n    xAxisLabel,\n    xAxisMaxItems,\n    yAxisLabel,\n    yAxisRangeMin,\n    yAxisRangeMax,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showValueLabels,\n    reverseXAxis,\n    onBarClicked,\n  } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension,\n  });\n\n  const data = getBarChartProData(\n    { data: results.data, dimension, measures, maxItems: xAxisMaxItems },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions({ measures, horizontal: false, onBarClicked, data, dimension }, theme), // Format Y axis based on first measure\n    theme.charts?.barChartDefaultPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, ...measures]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <BarChart\n        data={data}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        showLogarithmicScale={showLogarithmicScale}\n        xAxisLabel={xAxisLabel}\n        yAxisLabel={yAxisLabel}\n        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartDefaultPro;\n"],"names":["BarChartDefaultPro","props","theme","useTheme","i18nSetup","description","dimension","measures","title","xAxisLabel","xAxisMaxItems","yAxisLabel","yAxisRangeMin","yAxisRangeMax","showLegend","showLogarithmicScale","showTooltips","showValueLabels","reverseXAxis","onBarClicked","resolveI18nProps","hideMenu","results","useFillGaps","data","getBarChartProData","options","mergician","getBarChartProOptions","_b","_a","jsx","ChartCard","BarChart"],"mappings":";;;;;;AA4BA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEC,EAAiBnB,CAAK,GAEpB,EAAE,UAAAoB,MAAapB,GAEfqB,IAAUC,EAAY;AAAA,IAC1B,SAAStB,EAAM;AAAA,IACf,WAAAK;AAAA,EAAA,CACD,GAEKkB,IAAOC;AAAA,IACX,EAAE,MAAMH,EAAQ,MAAM,WAAAhB,GAAW,UAAAC,GAAU,UAAUG,EAAA;AAAA,IACrDR;AAAA,EAAA,GAGIwB,IAAUC;AAAA,IACdC,EAAsB,EAAE,UAAArB,GAAU,YAAY,IAAO,cAAAY,GAAc,MAAAK,GAAM,WAAAlB,EAAA,GAAaJ,CAAK;AAAA;AAAA,MAC3F2B,KAAAC,IAAA5B,EAAM,WAAN,gBAAA4B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAAChB,GAAW,GAAGC,CAAQ;AAAA,MAC9C,cAAce,EAAQ;AAAA,MACtB,aAAAjB;AAAA,MACA,OAAAG;AAAA,MACA,UAAAa;AAAA,MAEA,UAAAU,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAT;AAAA,UACA,YAAAV;AAAA,UACA,cAAAE;AAAA,UACA,iBAAAC;AAAA,UACA,sBAAAF;AAAA,UACA,YAAAN;AAAA,UACA,YAAAE;AAAA,UACA,cAAAO;AAAA,UACA,eAAAN;AAAA,UACA,eAAAC;AAAA,UACA,SAAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-CSoASUv1.js → index-CBgU-nlM.js}

@@ -1,8 +1,8 @@
-import { j as i, M } from "./Color.type.emb-Dkh_ZrO6.js";
-import { g as b } from "./formatter.utils-BiWZBhcE.js";
+import { j as i, M } from "./Color.type.emb-sebikYGW.js";
+import { g as b } from "./formatter.utils-tS15PLXn.js";
 import { useTheme as O } from "@embeddable.com/react";
-import { E as j } from "./EditorCard-1Z3UFd1D.js";
-import { r as x, i as v } from "./component.inputs.constants-CNdmawDt.js";
+import { E as j } from "./EditorCard-DpSCsmZJ.js";
+import { r as x, i as v } from "./component.inputs.constants-Ds7YpNhT.js";
 const F = 200, _ = (l) => {
   var a, r;
   const m = O(), c = b(m), {
@@ -43,4 +43,4 @@ export {
   _ as a,
   C as i
 };
-//# sourceMappingURL=index-CSoASUv1.js.map
+//# sourceMappingURL=index-CBgU-nlM.js.map

package/dist/index-CBgU-nlM.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CBgU-nlM.js","sources":["../src/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { MultiSelectField } from '@embeddable.com/remarkable-ui';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValues?: string[];\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (newValues: string[]) => void;\n} & ChartCardHeaderProps;\n\nconst MultiSelectFieldPro = (props: MultiSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValues,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <MultiSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        values={selectedValues ?? []}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValues) => onChange?.(newValues)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default MultiSelectFieldPro;\n"],"names":["MAX_OPTIONS","MultiSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValues","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","MultiSelectField","i18n","newValues"],"mappings":";;;;;AAUO,MAAMA,IAAc,KAarBC,IAAsB,CAACC,MAAoC;;AAC/D,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GACxC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,WAAWZ,EAAQ;AAAA,MACnB,QAAQC,KAAkB,CAAA;AAAA,MAC1B,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAcX,KAAA,gBAAAA,EAAWW;AAAA,MACpC,UAAUZ;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;;;;"}

package/dist/{index-tjFCL7Y-.js → index-CCdQwMMN.js}

@@ -1,8 +1,8 @@
-import { s as u, j as i, S as g } from "./Color.type.emb-Dkh_ZrO6.js";
+import { k as u, j as i, S as g } from "./Color.type.emb-sebikYGW.js";
 import { useTheme as v } from "@embeddable.com/react";
 import { g as f, u as h, c as y } from "./dates.utils-BF32dTLi.js";
-import { c as b, a as P, r as M, i as S } from "./component.inputs.constants-CNdmawDt.js";
-import { E as j } from "./EditorCard-1Z3UFd1D.js";
+import { c as b, a as P, r as M, i as S } from "./component.inputs.constants-Ds7YpNhT.js";
+import { E as j } from "./EditorCard-DpSCsmZJ.js";
 import { useMemo as O, useEffect as R } from "react";
 /**
  * @license @tabler/icons-react v3.36.1 - MIT
@@ -10,7 +10,7 @@ import { useMemo as O, useEffect as R } from "react";
  * This source code is licensed under the MIT license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const C = [["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" }]], k = u("outline", "calendar-time", "CalendarTime", C), x = (o, e) => !o || e.some((a) => a.value === o), _ = (o, e) => o.map((a) => ({
+const k = [["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" }]], C = u("outline", "calendar-time", "CalendarTime", k), x = (o, e) => !o || e.some((a) => a.value === o), _ = (o, e) => o.map((a) => ({
   rightLabel: e ? f(a.getRange(e), a.dateFormat) : "",
   value: a.value,
   label: b(a.label)
@@ -37,7 +37,7 @@ const C = [["path", { d: "M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h1
   return /* @__PURE__ */ i.jsx(j, { title: c, subtitle: a, children: /* @__PURE__ */ i.jsx(
     g,
     {
-      startIcon: k,
+      startIcon: C,
       clearable: !0,
       placeholder: l,
       value: n ? t : void 0,
@@ -56,4 +56,4 @@ export {
   _ as g,
   z as i
 };
-//# sourceMappingURL=index-tjFCL7Y-.js.map
+//# sourceMappingURL=index-CCdQwMMN.js.map

package/dist/index-CCdQwMMN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CCdQwMMN.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.ts/date.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } 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';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\n\ntype DateComparisonSelectFieldPro = {\n  placeholder?: string;\n  primaryDateRange?: TimeRange;\n  comparisonPeriod?: string;\n  onChange: (newComparisonPeriod?: string) => void;\n} & ChartCardHeaderProps;\n\nconst DateComparisonSelectFieldPro = (props: DateComparisonSelectFieldPro) => {\n  const theme: Theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, placeholder, title, comparisonPeriod, onChange } = resolveI18nProps(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} subtitle={description}>\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      />\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","comparisonPeriod","onChange","resolveI18nProps","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,GCFGO,IAA+B,CAACC,MAAwC;AAC5E,QAAMC,IAAeC,EAAA;AACrB,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,aAAAG,GAAa,aAAAC,GAAa,OAAAC,GAAO,kBAAAC,GAAkB,UAAAC,EAAA,IAAaC,EAAiBT,CAAK,GAExFU,IAA0BT,EAAM,SAAS,0BAEzCU,IAA4BC;AAAA,IAChC,MAAMrB,EAA4BgB,GAAkBG,CAAuB;AAAA,IAC3E,CAACH,GAAkBG,CAAuB;AAAA,EAAA;AAI5C,EAAAG,EAAU,MAAM;AACd,IAAKF,KACHH,EAAS,MAAS;AAAA,EAEtB,GAAG,CAACG,GAA2BH,CAAQ,CAAC;AAExC,QAAM,EAAE,kBAAAM,EAAA,IAAqBC,EAAA,GAGvBC,IAAmBC;AAAA,IACvBjB,EAAM;AAAA,IACNC,EAAM,SAAS;AAAA,EAAA;AAGjB,MAAI,CAACa;AACH,WAAO;AAGT,QAAMI,IAAUvB;AAAA,IACde;AAAA,IACAM;AAAA,EAAA;AAGF,SACEG,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAd,GAAc,UAAUF,GAClC,UAAAe,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAWhC;AAAA,MACX,WAAS;AAAA,MACT,aAAAgB;AAAA,MACA,OAAOM,IAA4BJ,IAAmB;AAAA,MACtD,UAAAC;AAAA,MACA,SAAAU;AAAA,MACA,kBAAkBI,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/{index-DoFkdyxp.js → index-CDtF3MO_.js}

@@ -1,11 +1,11 @@
-import { j as u, k as A } from "./Color.type.emb-Dkh_ZrO6.js";
-import { useTheme as M } from "@embeddable.com/react";
-import { a as j, r as x, i as O } from "./component.inputs.constants-CNdmawDt.js";
-import { C as S } from "./ChartCard-D_A88_bS.js";
-import { useRef as G } from "react";
+import { j as u, q as A } from "./Color.type.emb-sebikYGW.js";
+import { useTheme as j } from "@embeddable.com/react";
+import { a as x, r as O, i as S } from "./component.inputs.constants-Ds7YpNhT.js";
+import { C as G } from "./ChartCard-B3B1rFYh.js";
+import { useRef as _ } from "react";
 import { u as c } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { g as f } from "./formatter.utils-BiWZBhcE.js";
-import { u as _ } from "./tables.hooks-BQdyUxau.js";
+import { g as f } from "./formatter.utils-tS15PLXn.js";
+import { u as B } from "./tables.hooks-BQdyUxau.js";
 const k = (e, t) => {
   const o = f(t);
   return e.measures.map((s) => {
@@ -25,65 +25,74 @@ const k = (e, t) => {
     label: o.dimensionOrMeasureTitle(e.dimension),
     formatValue: (s) => o.data(e.dimension, s)
   };
-}, B = (e) => e.filter((t) => {
+}, N = (e) => e.filter((t) => {
   var o;
   return (o = t.inputs) == null ? void 0 : o.showColumnTotal;
-}).map((t) => t.name), N = (e) => e.filter((t) => {
+}).map((t) => t.name), W = (e) => e.filter((t) => {
   var o;
   return (o = t.inputs) == null ? void 0 : o.showRowTotal;
-}).map((t) => t.name), W = (e) => {
+}).map((t) => t.name), q = (e) => {
   var m;
-  const t = M();
-  j(t);
-  const { description: o, title: s } = x(e), { measures: n, rowDimension: r, columnDimension: i, displayNullAs: l, columnWidth: p, firstColumnWidth: T } = e, v = Array.from(
+  const t = j();
+  x(t);
+  const { description: o, title: s } = O(e), {
+    measures: n,
+    rowDimension: r,
+    columnDimension: i,
+    displayNullAs: l,
+    columnWidth: p,
+    firstColumnWidth: T,
+    hideMenu: v
+  } = e, h = Array.from(
     new Set((e.results.data ?? []).filter(Boolean).map((a) => a[i.name]))
-  ), h = Array.from(
+  ), w = Array.from(
     new Set((e.results.data ?? []).filter(Boolean).map((a) => a[r.name]))
-  ), w = c({
+  ), P = c({
     results: e.results,
     dimension: i
-  }), P = c({
-    results: w,
-    dimension: r
-  }), g = _({
+  }), g = c({
     results: P,
-    columnOrder: v,
-    rowOrder: h,
+    dimension: r
+  }), F = B({
+    results: g,
+    columnOrder: h,
+    rowOrder: w,
     columnDimension: i,
     rowDimension: r,
     measures: n
-  }), F = G(null), b = k({ measures: n, displayNullAs: l }, t), C = d({ dimension: r }, t), D = d({ dimension: i }, t), R = B(n), y = N(n);
+  }), C = _(null), b = k({ measures: n, displayNullAs: l }, t), D = d({ dimension: r }, t), R = d({ dimension: i }, t), y = N(n), M = W(n);
   return /* @__PURE__ */ u.jsx(
-    S,
+    G,
     {
-      ref: F,
+      ref: C,
       title: s,
-      subtitle: o,
+      description: o,
       data: e.results,
       dimensionsAndMeasures: [r, i, ...n],
       errorMessage: (m = e.results) == null ? void 0 : m.error,
+      hideMenu: v,
       children: /* @__PURE__ */ u.jsx(
         A,
         {
           firstColumnWidth: T,
           columnWidth: p,
-          totalLabel: O.t("charts.pivotTable.total"),
-          data: g,
+          totalLabel: S.t("charts.pivotTable.total"),
+          data: F,
           measures: b,
-          rowDimension: C,
-          columnDimension: D,
-          columnTotalsFor: R,
-          rowTotalsFor: y
+          rowDimension: D,
+          columnDimension: R,
+          columnTotalsFor: y,
+          rowTotalsFor: M
         }
       )
     }
   );
-}, K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: W
+  default: q
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  W as P,
-  K as i
+  q as P,
+  Q as i
 };
-//# sourceMappingURL=index-DoFkdyxp.js.map
+//# sourceMappingURL=index-CDtF3MO_.js.map

package/dist/index-CDtF3MO_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CDtF3MO_.js","sources":["../src/components/charts/tables/PivotTablePro/PivotPro.utils.ts","../src/components/charts/tables/PivotTablePro/index.tsx"],"sourcesContent":["import { Dimension, Measure } from '@embeddable.com/core';\nimport { Theme } from '../../../../theme/theme.types';\nimport { PivotTableProps } from '@embeddable.com/remarkable-ui';\nimport { getThemeFormatter } from '../../../../theme/formatter/formatter.utils';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nexport const getPivotMeasures = (\n  props: { measures: Measure[]; displayNullAs?: string },\n  theme: Theme,\n): PivotTableProps<any>['measures'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return props.measures.map((measure) => {\n    return {\n      key: measure.name,\n      label: themeFormatter.dimensionOrMeasureTitle(measure),\n      showAsPercentage: Boolean(measure.inputs?.showAsPercentage),\n      percentageDecimalPlaces: measure.inputs?.decimalPlaces ?? 1,\n      accessor: (row) => {\n        const value = row[measure.name];\n\n        return value == null\n          ? props.displayNullAs\n          : themeFormatter.data(measure, row[measure.name]);\n      },\n    };\n  });\n};\n\nexport const getPivotDimension = (\n  props: { dimension: Dimension },\n  theme: Theme,\n): PivotTableProps<any>['rowDimension' | 'columnDimension'] => {\n  const themeFormatter = getThemeFormatter(theme);\n\n  return {\n    key: props.dimension.name,\n    label: themeFormatter.dimensionOrMeasureTitle(props.dimension),\n    formatValue: (value: string) => themeFormatter.data(props.dimension, value),\n  };\n};\n\nexport const getPivotColumnTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['columnTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showColumnTotal).map((m) => m.name);\n};\n\nexport const getPivotRowTotalsFor = (\n  measures: Measure[],\n): PivotTableProps<any>['rowTotalsFor'] | undefined => {\n  return measures.filter((m) => m.inputs?.showRowTotal).map((m) => m.name);\n};\n","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, Measure } from '@embeddable.com/core';\nimport { PivotTable } from '@embeddable.com/remarkable-ui';\nimport { useRef } from 'react';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport {\n  getPivotColumnTotalsFor,\n  getPivotDimension,\n  getPivotMeasures,\n  getPivotRowTotalsFor,\n} from './PivotPro.utils';\nimport { useGetTableSortedResults } from '../tables.hooks';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\ntype PivotTableProProps = {\n  results: DataResponse;\n  measures: Measure[];\n  rowDimension: Dimension;\n  columnDimension: Dimension;\n  displayNullAs?: string;\n  columnWidth?: number;\n  firstColumnWidth?: number;\n} & ChartCardHeaderProps;\n\nconst PivotTablePro = (props: PivotTableProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { description, title } = resolveI18nProps(props);\n  const {\n    measures,\n    rowDimension,\n    columnDimension,\n    displayNullAs,\n    columnWidth,\n    firstColumnWidth,\n    hideMenu,\n  } = props;\n\n  const columnOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[columnDimension.name])),\n  );\n\n  const rowOrder = Array.from(\n    new Set((props.results.data ?? []).filter(Boolean).map((d) => d[rowDimension.name])),\n  );\n\n  // Fill gaps for the column dimension\n  const resultsColumnDimensionFillGaps = useFillGaps({\n    results: props.results,\n    dimension: columnDimension,\n  });\n\n  // Fill gaps for the row dimension\n  const resultsRowColumnDimensionFillGaps = useFillGaps({\n    results: resultsColumnDimensionFillGaps,\n    dimension: rowDimension,\n  });\n\n  const results = useGetTableSortedResults({\n    results: resultsRowColumnDimensionFillGaps,\n    columnOrder,\n    rowOrder,\n    columnDimension,\n    rowDimension,\n    measures,\n  });\n\n  const cardContentRef = useRef<HTMLDivElement>(null);\n\n  const pivotMeasures = getPivotMeasures({ measures, displayNullAs }, theme);\n  const pivotRowDimension = getPivotDimension({ dimension: rowDimension }, theme);\n  const pivotColumnDimension = getPivotDimension({ dimension: columnDimension }, theme);\n  const pivotColumnTotalsFor = getPivotColumnTotalsFor(measures);\n  const pivotRowTotalsFor = getPivotRowTotalsFor(measures);\n  return (\n    <ChartCard\n      ref={cardContentRef}\n      title={title}\n      description={description}\n      data={props.results}\n      dimensionsAndMeasures={[rowDimension, columnDimension, ...measures]}\n      errorMessage={props.results?.error}\n      hideMenu={hideMenu}\n    >\n      <PivotTable\n        firstColumnWidth={firstColumnWidth}\n        columnWidth={columnWidth}\n        totalLabel={i18n.t('charts.pivotTable.total')}\n        data={results}\n        measures={pivotMeasures}\n        rowDimension={pivotRowDimension}\n        columnDimension={pivotColumnDimension}\n        columnTotalsFor={pivotColumnTotalsFor}\n        rowTotalsFor={pivotRowTotalsFor}\n      />\n    </ChartCard>\n  );\n};\n\nexport default PivotTablePro;\n"],"names":["getPivotMeasures","props","theme","themeFormatter","getThemeFormatter","measure","_a","_b","row","getPivotDimension","value","getPivotColumnTotalsFor","measures","m","getPivotRowTotalsFor","PivotTablePro","useTheme","i18nSetup","description","title","resolveI18nProps","rowDimension","columnDimension","displayNullAs","columnWidth","firstColumnWidth","hideMenu","columnOrder","d","rowOrder","resultsColumnDimensionFillGaps","useFillGaps","resultsRowColumnDimensionFillGaps","results","useGetTableSortedResults","cardContentRef","useRef","pivotMeasures","pivotRowDimension","pivotColumnDimension","pivotColumnTotalsFor","pivotRowTotalsFor","jsx","ChartCard","PivotTable","i18n"],"mappings":"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"}

package/dist/{index-Du2TCRQq.js → index-CTC3YNmw.js}

@@ -1,8 +1,8 @@
-import { j as i, S as b } from "./Color.type.emb-Dkh_ZrO6.js";
-import { g as O } from "./formatter.utils-BiWZBhcE.js";
+import { j as i, S as b } from "./Color.type.emb-sebikYGW.js";
+import { g as O } from "./formatter.utils-tS15PLXn.js";
 import { useTheme as j } from "@embeddable.com/react";
-import { E as x } from "./EditorCard-1Z3UFd1D.js";
-import { r as v, i as F } from "./component.inputs.constants-CNdmawDt.js";
+import { E as x } from "./EditorCard-DpSCsmZJ.js";
+import { r as v, i as F } from "./component.inputs.constants-Ds7YpNhT.js";
 const M = 200, _ = (l) => {
   var a, r;
   const m = j(), c = O(m), {
@@ -43,4 +43,4 @@ export {
   _ as S,
   I as i
 };
-//# sourceMappingURL=index-Du2TCRQq.js.map
+//# sourceMappingURL=index-CTC3YNmw.js.map

package/dist/index-CTC3YNmw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CTC3YNmw.js","sources":["../src/components/editors/SingleSelectFieldPro/index.tsx"],"sourcesContent":["import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../theme/theme.types';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { SingleSelectField } from '@embeddable.com/remarkable-ui';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\n\nexport const MAX_OPTIONS = 200;\n\ntype SingleSelectFieldProProps = {\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue?: string;\n  maxOptions?: number;\n  setSearchValue?: (search: string) => void;\n  onChange?: (selectedValue: string) => void;\n} & ChartCardHeaderProps;\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValue,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        clearable\n        searchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue: string) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n"],"names":["MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","placeholder","results","selectedValue","setSearchValue","onChange","resolveI18nProps","options","_a","data","showNoOptionsMessage","_b","jsx","EditorCard","SingleSelectField","i18n","newValue"],"mappings":";;;;;AAUO,MAAMA,IAAc,KAarBC,IAAuB,CAACC,MAAqC;;AACjE,QAAMC,IAAeC,EAAA,GACfC,IAAiBC,EAAkBH,CAAK,GAExC;AAAA,IACJ,OAAAI;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpBe,MACJC,IAAAN,EAAQ,SAAR,gBAAAM,EAAc,IAAI,CAACC,OACV;AAAA,IACL,OAAOT,IAA0BS,EAAKT,EAAwB,IAAI,IAAIS,EAAKV,EAAU,IAAI;AAAA,IACzF,OAAOJ,EAAe,KAAKI,GAAWU,EAAKV,EAAU,IAAI,CAAC;AAAA,EAAA,QAExD,CAAA,GAEFW,IAA+B,CAACR,EAAQ,gBAAcS,IAAAT,EAAQ,SAAR,gBAAAS,EAAc,WAAU,OAAO;AAE3F,SACEC,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAhB,GAAc,UAAUC,GAClC,UAAAc,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,YAAU;AAAA,MACV,WAAWZ,EAAQ;AAAA,MACnB,OAAOC;AAAA,MACP,SAAAI;AAAA,MACA,aAAAN;AAAA,MACA,kBAAkBS,IAAuBK,EAAK,EAAE,uBAAuB,IAAI;AAAA,MAC3E,UAAU,CAACC,MAAqBX,KAAA,gBAAAA,EAAWW;AAAA,MAC3C,UAAUZ;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;;;;"}

package/dist/index-ClKPfSrQ.js

@@ -0,0 +1,63 @@
+import { m as S, j as l, D } from "./Color.type.emb-sebikYGW.js";
+import { useTheme as b } from "@embeddable.com/react";
+import { g as v, a as M } from "./pies.utils-LUs6Ak8R.js";
+import { a as _, r as k } from "./component.inputs.constants-Ds7YpNhT.js";
+import { C as w } from "./ChartCard-B3B1rFYh.js";
+const L = (s) => {
+  var n;
+  const e = b();
+  _(e);
+  const {
+    description: u,
+    dimension: o,
+    maxLegendItems: c,
+    measure: r,
+    results: t,
+    showLegend: h,
+    showTooltips: p,
+    showValueLabels: g,
+    title: C,
+    onSegmentClick: a
+  } = k(s), { hideMenu: f } = s, P = v(
+    { data: t.data, dimension: o, measure: r, maxLegendItems: c },
+    e
+  ), j = S(
+    M(r, e),
+    ((n = e.charts.donutChartPro) == null ? void 0 : n.options) ?? {}
+  ), x = (i) => {
+    var m, d;
+    a && a({
+      dimensionValue: i === void 0 || (d = (m = t.data) == null ? void 0 : m[i]) == null ? void 0 : d[o.name]
+    });
+  };
+  return /* @__PURE__ */ l.jsx(
+    w,
+    {
+      data: t,
+      dimensionsAndMeasures: [o, r],
+      errorMessage: t.error,
+      description: u,
+      title: C,
+      hideMenu: f,
+      children: /* @__PURE__ */ l.jsx(
+        D,
+        {
+          data: P,
+          options: j,
+          showLegend: h,
+          showTooltips: p,
+          showValueLabels: g,
+          onSegmentClick: x
+        }
+      )
+    }
+  );
+}, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: L
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  L as D,
+  z as i
+};
+//# sourceMappingURL=index-ClKPfSrQ.js.map

package/dist/index-ClKPfSrQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-ClKPfSrQ.js","sources":["../src/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { getPieChartProOptions, getPieChartProData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '@embeddable.com/remarkable-ui';\nimport { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype DonutChartProProps = DefaultPieChartProps;\n\nconst DonutChartPro = (props: DonutChartProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    description,\n    dimension,\n    maxLegendItems,\n    measure,\n    results,\n    showLegend,\n    showTooltips,\n    showValueLabels,\n    title,\n    onSegmentClick,\n  } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const data = getPieChartProData(\n    { data: results.data, dimension, measure, maxLegendItems },\n    theme,\n  );\n\n  const options = mergician(\n    getPieChartProOptions(measure, theme),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\n    if (!onSegmentClick) return;\n    onSegmentClick({\n      dimensionValue: index === undefined ? undefined : results.data?.[index]?.[dimension.name],\n    });\n  };\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[dimension, measure]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <DonutChart\n        data={data}\n        options={options}\n        showLegend={showLegend}\n        showTooltips={showTooltips}\n        showValueLabels={showValueLabels}\n        onSegmentClick={handleSegmentClick}\n      />\n    </ChartCard>\n  );\n};\n\nexport default DonutChartPro;\n"],"names":["DonutChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","hideMenu","data","getPieChartProData","options","mergician","getPieChartProOptions","_a","handleSegmentClick","index","_b","jsx","ChartCard","DonutChart"],"mappings":";;;;;AAYA,MAAMA,IAAgB,CAACC,MAA8B;;AACnD,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,aAAAG;AAAA,IACA,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,gBAAAC;AAAA,EAAA,IACEC,EAAiBd,CAAK,GAEpB,EAAE,UAAAe,MAAaf,GAEfgB,IAAOC;AAAA,IACX,EAAE,MAAMT,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA;AAAA,IAC1CL;AAAA,EAAA,GAGIiB,IAAUC;AAAA,IACdC,EAAsBb,GAASN,CAAK;AAAA,MACpCoB,IAAApB,EAAM,OAAO,kBAAb,gBAAAoB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAKV,KACLA,EAAe;AAAA,MACb,gBAAgBU,MAAU,WAAwBC,KAAAH,IAAAb,EAAQ,SAAR,gBAAAa,EAAeE,OAAf,OAAZ,SAAYC,EAAwBnB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEoB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMlB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,aAAAJ;AAAA,MACA,OAAAQ;AAAA,MACA,UAAAG;AAAA,MAEA,UAAAU,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAAX;AAAA,UACA,SAAAE;AAAA,UACA,YAAAT;AAAA,UACA,cAAAC;AAAA,UACA,iBAAAC;AAAA,UACA,gBAAgBW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClB;AAAA,EAAA;AAGN;;;;"}