@embeddable.com/remarkable-pro 0.1.8 → 0.1.9

package/dist/index-BLtSOe_I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BLtSOe_I.js","sources":["../src/components/editors/DimensionSingleSelectFieldPro/index.tsx"],"sourcesContent":["import { Dimension } from '@embeddable.com/core';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { resolveI18nProps } from '../../component.utils';\nimport { ChartCardHeaderProps } from '../../charts/shared/ChartCard/ChartCard';\nimport { Theme } from '../../../theme/theme.types';\nimport { useTheme } from '@embeddable.com/react';\nimport { i18nSetup } from '../../../theme/i18n/i18n';\nimport { DimensionAndMeasureSingleSelectField } from '../shared/DimensionAndMeasureSingleSelectField/DimensionAndMeasureSingleSelectField';\n\nexport type DimensionSingleSelectFieldProProps = {\n  selectedDimension?: Dimension;\n  dimensionOptions: Dimension[];\n  placeholder?: string;\n  clearable?: boolean;\n  onChange: (value: Dimension | undefined) => void;\n} & ChartCardHeaderProps;\n\nconst DimensionSingleSelectFieldPro = (props: DimensionSingleSelectFieldProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { selectedDimension, dimensionOptions, clearable, onChange } = props;\n  const { title, description, tooltip, placeholder } = resolveI18nProps(props);\n\n  return (\n    <EditorCard title={title} description={description} tooltip={tooltip}>\n      <DimensionAndMeasureSingleSelectField<Dimension>\n        selectedValue={selectedDimension}\n        options={dimensionOptions}\n        placeholder={placeholder}\n        clearable={clearable}\n        onChange={onChange}\n      />\n    </EditorCard>\n  );\n};\n\nexport default DimensionSingleSelectFieldPro;\n"],"names":["DimensionSingleSelectFieldPro","props","theme","useTheme","i18nSetup","selectedDimension","dimensionOptions","clearable","onChange","title","description","tooltip","placeholder","resolveI18nProps","jsx","EditorCard","DimensionAndMeasureSingleSelectField"],"mappings":";;;;;AAiBA,MAAMA,IAAgC,CAACC,MAA8C;AACnF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,mBAAAG,GAAmB,kBAAAC,GAAkB,WAAAC,GAAW,UAAAC,MAAaP,GAC/D,EAAE,OAAAQ,GAAO,aAAAC,GAAa,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,EAAiBZ,CAAK;AAE3E,SACEa,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAN,GAAc,aAAAC,GAA0B,SAAAC,GAClD,UAAAG,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,eAAeX;AAAA,MACf,SAASC;AAAA,MACT,aAAAM;AAAA,MACA,WAAAL;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;;;"}

package/dist/index-BfrhwVwQ.js

@@ -0,0 +1,30 @@
+import { j as t, A as l, I as a } from "./Color.type.emb-JBTB4VAn.js";
+import { useState as i, useEffect as u } from "react";
+const p = "_colorInputContainer_1o1qe_1", I = "_colorInput_1o1qe_1", c = {
+  colorInputContainer: p,
+  colorInput: I
+}, _ = ({ value: o, onChange: n }) => {
+  const [e, r] = i(o);
+  return u(() => {
+    r(o);
+  }, [o, r]), /* @__PURE__ */ t.jsxs("div", { className: c.colorInputContainer, children: [
+    /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: "color",
+        className: c.colorInput,
+        value: e ?? "#FFFFFF",
+        onChange: (s) => n(s.target.value)
+      }
+    ),
+    e && /* @__PURE__ */ t.jsx(l, { icon: a, onClick: () => n(void 0) })
+  ] });
+}, d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: _
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  _ as C,
+  d as i
+};
+//# sourceMappingURL=index-BfrhwVwQ.js.map

package/dist/index-BfrhwVwQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BfrhwVwQ.js","sources":["../src/editors/ColorEditor/index.tsx"],"sourcesContent":["import { useState, useEffect, FC } from 'react';\nimport styles from './ColorEditor.module.css';\nimport { ActionIcon } from '@embeddable.com/remarkable-ui';\nimport { IconX } from '@tabler/icons-react';\n\ntype ColorInputProps = {\n  value: string;\n  onChange: (color?: string) => void;\n};\n\nconst ColorInput: FC<ColorInputProps> = ({ value, onChange }) => {\n  const [color, setColor] = useState<string>(value);\n\n  useEffect(() => {\n    setColor(value);\n  }, [value, setColor]);\n\n  return (\n    <div className={styles.colorInputContainer}>\n      <input\n        type=\"color\"\n        className={styles.colorInput}\n        value={color ?? '#FFFFFF'}\n        onChange={(e) => onChange(e.target.value)}\n      />\n      {color && <ActionIcon icon={IconX} onClick={() => onChange(undefined)} />}\n    </div>\n  );\n};\n\nexport default ColorInput;\n"],"names":["ColorInput","value","onChange","color","setColor","useState","useEffect","jsxs","styles","jsx","e","ActionIcon","IconX"],"mappings":";;;;;GAUMA,IAAkC,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAe;AAC/D,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAiBJ,CAAK;AAEhD,SAAAK,EAAU,MAAM;AACd,IAAAF,EAASH,CAAK;AAAA,EAChB,GAAG,CAACA,GAAOG,CAAQ,CAAC,GAGlBG,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAWC,EAAO,qBACrB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAWD,EAAO;AAAA,QAClB,OAAOL,KAAS;AAAA,QAChB,UAAU,CAACO,MAAMR,EAASQ,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzCP,2BAAUQ,GAAA,EAAW,MAAMC,GAAO,SAAS,MAAMV,EAAS,MAAS,EAAA,CAAG;AAAA,EAAA,GACzE;AAEJ;;;;"}

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

@@ -1,16 +1,16 @@
-import { j as i, K as x } from "./Color.type.emb-tRPNtuPs.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 { j as i, K as x } from "./Color.type.emb-JBTB4VAn.js";
+import { useTheme as b } from "@embeddable.com/react";
+import { b as v, r as C } from "./component.inputs.constants-Cj-atN8w.js";
+import { C as K } from "./ChartCard-Bu-80NJh.js";
+import { g as S } from "./preview.data.constants-DWqfMVjy.js";
 import { g as F } from "./kpis.utils-DsZ2GzuB.js";
 const M = (r) => {
   var a, n;
-  const o = v();
-  C(o);
-  const { title: m, description: l, tooltip: u, displayNullAs: s } = K(r), { measure: e, fontSize: d, hideMenu: p, results: t } = r, c = (n = (a = t.data) == null ? void 0 : a[0]) == null ? void 0 : n[e.name], f = b(o), h = (j) => f.data(e, j), g = F(t, e, !!s);
+  const o = b();
+  v(o);
+  const { title: m, description: l, tooltip: u, displayNullAs: s } = C(r), { measure: e, fontSize: d, hideMenu: p, results: t } = r, c = (n = (a = t.data) == null ? void 0 : a[0]) == null ? void 0 : n[e.name], f = S(o), h = (j) => f.data(e, j), g = F(t, e, !!s);
   return /* @__PURE__ */ i.jsx(
-    S,
+    K,
     {
       data: g,
       dimensionsAndMeasures: [e],
@@ -38,4 +38,4 @@ export {
   M as K,
   A as i
 };
-//# sourceMappingURL=index-CvQFVQLU.js.map
+//# sourceMappingURL=index-BownhTSN.js.map

package/dist/index-BownhTSN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BownhTSN.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-BDpQF_cG.js → index-BwwtBJde.js}

@@ -1,10 +1,10 @@
-import { x as z, y as N, j as t, z as q, E as B, F as d, G, J, N as Q, O as A, Q as H, R as K } from "./Color.type.emb-tRPNtuPs.js";
+import { v as z, w as N, j as t, x as q, y as B, z as d, E as G, F as J, G as A, J as H, N as K, O as Q } from "./Color.type.emb-JBTB4VAn.js";
 import { useTheme as U } from "@embeddable.com/react";
-import { g as P, u as W, a as X, c as v, b as Y } from "./dates.utils-BF32dTLi.js";
-import { c as Z, a as $, r as V, i as m } from "./component.inputs.constants-DIZMtQw0.js";
-import { E as ee } from "./EditorCard-BEOWlY3S.js";
+import { c as P, u as W, g as X, b as v, a as Y } from "./dates.utils-D13NY0HZ.js";
+import { e as Z, b as $, r as V, i as m } from "./component.inputs.constants-Cj-atN8w.js";
+import { E as ee } from "./EditorCard-DlwWVuY3.js";
 import { useState as R, useEffect as ae } from "react";
-import { I as te } from "./IconCalendarFilled-Dlxre0eW.js";
+import { I as te } from "./IconCalendarFilled-DPibPYqC.js";
 const ne = (o) => o.map((n) => ({
   rightLabel: P(n.getRange(), n.dateFormat),
   value: n.value,
@@ -25,17 +25,17 @@ const ne = (o) => o.map((n) => ({
     z(a, e) || s(a);
   }, [e, i, s, r]), !i)
     return null;
-  const { description: T, placeholder: C, title: O, tooltip: L } = V(o), h = ne(r), F = (a) => {
+  const { description: T, placeholder: C, title: O, tooltip: L } = V(o), h = ne(r), w = (a) => {
     const g = v(
       { relativeTimeString: a },
       r
     );
     s(g), c(void 0);
-  }, I = (a) => {
+  }, F = (a) => {
     s(Y(a)), p(!1);
-  }, _ = () => {
+  }, I = () => {
     c(void 0), s(void 0);
-  }, w = (() => {
+  }, _ = (() => {
     if (e != null && e.relativeTimeString) {
       const a = h.find((g) => g.value === e.relativeTimeString);
       if (a)
@@ -50,13 +50,13 @@ const ne = (o) => o.map((n) => ({
       onOpenChange: p,
       avoidCollisions: !1,
       triggerComponent: /* @__PURE__ */ t.jsx(
-        K,
+        Q,
         {
           startIcon: te,
           "aria-label": C,
           placeholder: C,
-          valueLabel: w,
-          onClear: _,
+          valueLabel: _,
+          onClear: I,
           isClearable: k
         }
       ),
@@ -81,15 +81,15 @@ const ne = (o) => o.map((n) => ({
           }
         ),
         /* @__PURE__ */ t.jsx(
-          Q,
+          A,
           {
             size: "small",
             disabled: E,
-            onClick: () => I(l),
+            onClick: () => F(l),
             children: m.t("editors.dateRangePicker.apply")
           }
         )
-      ] }) : /* @__PURE__ */ t.jsxs(A, { children: [
+      ] }) : /* @__PURE__ */ t.jsxs(H, { children: [
         /* @__PURE__ */ t.jsx(
           d,
           {
@@ -97,7 +97,7 @@ const ne = (o) => o.map((n) => ({
             onClick: (a) => {
               a.preventDefault(), f(!0);
             },
-            endIcon: /* @__PURE__ */ t.jsx(H, {})
+            endIcon: /* @__PURE__ */ t.jsx(K, {})
           }
         ),
         h.map((a) => /* @__PURE__ */ t.jsx(
@@ -105,7 +105,7 @@ const ne = (o) => o.map((n) => ({
           {
             ...a,
             isSelected: (e == null ? void 0 : e.relativeTimeString) === a.value,
-            onClick: () => F(a.value)
+            onClick: () => w(a.value)
           },
           a.value
         ))
@@ -121,4 +121,4 @@ export {
   ne as g,
   fe as i
 };
-//# sourceMappingURL=index-BDpQF_cG.js.map
+//# sourceMappingURL=index-BwwtBJde.js.map

package/dist/index-BwwtBJde.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BwwtBJde.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/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangePickerPresetsPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../../component.utils';\nimport { EditorCard, EditorCardHeaderProps } 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';\n\nexport type DateRangePickerPresetsProps = {\n  onChange: (newDateRange: TimeRange) => void;\n  placeholder?: string;\n  selectedValue?: TimeRange;\n\n  clearable?: boolean;\n  showCustomRangeOptions?: boolean;\n  showTwoMonths?: boolean;\n} & EditorCardHeaderProps;\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, tooltip } = 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} description={description} tooltip={tooltip}>\n      <Dropdown\n        open={isOpen}\n        onOpenChange={setIsOpen}\n        avoidCollisions={false}\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","tooltip","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-C4C09WJe.js → index-C6YdlImA.js}

@@ -1,10 +1,10 @@
-import { m as T, j as t, B as w } from "./Color.type.emb-tRPNtuPs.js";
+import { m as T, j as t, B as w } from "./Color.type.emb-JBTB4VAn.js";
 import { useTheme as z } from "@embeddable.com/react";
-import { a as G, r as _ } from "./component.inputs.constants-DIZMtQw0.js";
-import { C as v } from "./ChartCard-BmBTN11g.js";
-import { b as H, a as O } from "./bars.utils-C6w2ekZW.js";
+import { b as G, r as _ } from "./component.inputs.constants-Cj-atN8w.js";
+import { C as v } from "./ChartCard-Bu-80NJh.js";
+import { b as H, a as O } from "./bars.utils-DZf4BZCu.js";
 import { u as R } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as k } from "./granularity.utils-DAAi-602.js";
+import { C as k } from "./granularity.utils-COYhEZ3f.js";
 const D = (o) => {
   var d, h;
   const e = z();
@@ -16,8 +16,8 @@ const D = (o) => {
     measure: a,
     reverseYAxis: g,
     showLegend: C,
-    showLogarithmicScale: f,
-    showTooltips: b,
+    showLogarithmicScale: b,
+    showTooltips: f,
     showTotalLabels: y,
     showValueLabels: B,
     xAxisRangeMax: M,
@@ -66,9 +66,9 @@ const D = (o) => {
           {
             data: u,
             showLegend: C,
-            showTooltips: b,
+            showTooltips: f,
             showValueLabels: B,
-            showLogarithmicScale: f,
+            showLogarithmicScale: b,
             xAxisLabel: p,
             yAxisLabel: c,
             reverseYAxis: g,
@@ -90,4 +90,4 @@ export {
   D as B,
   K as i
 };
-//# sourceMappingURL=index-C4C09WJe.js.map
+//# sourceMappingURL=index-C6YdlImA.js.map

package/dist/index-C6YdlImA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C6YdlImA.js","sources":["../src/components/charts/bars/BarChartGroupedHorizontalPro/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 { getBarChartProOptions, getBarStackedChartProData } from '../bars.utils';\nimport { mergician } from 'mergician';\nimport { DataResponse, Dimension, Granularity, Measure } from '@embeddable.com/core';\nimport { useFillGaps } from '../../charts.fillGaps.hooks';\nimport { ChartGranularitySelectField } from '../../shared/ChartGranularitySelectField/ChartGranularitySelectField';\n\nexport type BarChartGroupedHorizontalProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseYAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  yAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  xAxisRangeMax?: number;\n  xAxisRangeMin?: number;\n  setGranularity: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedHorizontalPro = (props: BarChartGroupedHorizontalProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const { tooltip, description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const {\n    yAxis,\n    hideMenu,\n    groupBy,\n    measure,\n    reverseYAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxisRangeMax,\n    xAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: yAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: yAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: true, onBarClicked, data, dimension: yAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedHorizontalPro?.options || {},\n  );\n\n  const granularitySelectorHasMarginTop = !title && !description && !tooltip;\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      tooltip={tooltip}\n      hideMenu={hideMenu}\n    >\n      <ChartGranularitySelectField\n        hasMarginTop={granularitySelectorHasMarginTop}\n        dimension={yAxis}\n        onChange={setGranularity}\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        reverseYAxis={reverseYAxis}\n        xAxisRangeMin={xAxisRangeMin}\n        xAxisRangeMax={xAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n        horizontal\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedHorizontalPro;\n"],"names":["BarChartGroupedHorizontalPro","props","theme","useTheme","i18nSetup","tooltip","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","yAxis","hideMenu","groupBy","measure","reverseYAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxisRangeMax","xAxisRangeMin","setGranularity","onBarClicked","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","granularitySelectorHasMarginTop","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,SAAAG,GAAS,aAAAC,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBT,CAAK,GAEhF;AAAA,IACJ,OAAAU;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEvB,GAEEwB,IAAUC,EAAY;AAAA,IAC1B,SAASzB,EAAM;AAAA,IACf,WAAWU;AAAA,EAAA,CACZ,GAEKgB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWd;AAAA,MACX,gBAAgBE;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFZ;AAAA,EAAA,GAGI2B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACjB,CAAO,GAAG,YAAY,IAAM,cAAAU,GAAc,MAAAG,GAAM,WAAWhB,EAAA;AAAA,MACxET;AAAA,IAAA;AAAA,MAEF8B,KAAAC,IAAA/B,EAAM,WAAN,gBAAA+B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC,GAGpDE,IAAkC,CAAC3B,KAAS,CAACD,KAAe,CAACD;AAEnE,SACE8B,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMX;AAAA,MACN,uBAAuB,CAACX,GAASH,GAAOE,CAAO;AAAA,MAC/C,cAAcY,EAAQ;AAAA,MACtB,aAAAnB;AAAA,MACA,OAAAC;AAAA,MACA,SAAAF;AAAA,MACA,UAAAO;AAAA,MAEA,UAAA;AAAA,QAAAyB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAcJ;AAAA,YACd,WAAWvB;AAAA,YACX,UAAUY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZc,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAZ;AAAA,YACA,YAAAX;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAT;AAAA,YACA,YAAAC;AAAA,YACA,cAAAM;AAAA,YACA,eAAAO;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAF;AAAA,YACA,SAAAU;AAAA,YACA,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}

package/dist/{index-DQDBupb0.js → index-CDfc3oko.js}

@@ -1,33 +1,33 @@
-import { m as X, d as Y, e as R, n as T, o as w, j as I, L as z } from "./Color.type.emb-tRPNtuPs.js";
+import { m as X, a as Y, c as R, i as T, k as w, j as I, L as z } from "./Color.type.emb-JBTB4VAn.js";
 import { useTheme as E } from "@embeddable.com/react";
-import { i as V, a as H, r as J } from "./component.inputs.constants-DIZMtQw0.js";
-import { C as U } from "./ChartCard-BmBTN11g.js";
+import { i as V, b as H, r as J } from "./component.inputs.constants-Cj-atN8w.js";
+import { C as U } from "./ChartCard-Bu-80NJh.js";
 import { useEffect as q } from "react";
-import { g as K } from "./timeRange.utils-B4CCk0Na.js";
-import { g as P } from "./formatter.utils-BuiHCNHH.js";
+import { g as K } from "./timeRange.utils-D8kYnjqp.js";
+import { g as P } from "./preview.data.constants-DWqfMVjy.js";
 import { a as Q } from "./styles.utils-BfpH_m_W.js";
 import { i as W, s as Z } from "./color.utils-BSg_DFOh.js";
-import { g as aa } from "./lines.utils-COGf_F0b.js";
+import { g as aa } from "./lines.utils-CEGfmIHB.js";
 import { u as j } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as ea } from "./granularity.utils-DAAi-602.js";
-const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
-  var M, k, O, L;
-  const { data: e, measure: t, dimension: s, index: m, isPreviousPeriod: i, hasMinMaxYAxisRange: b, labels: a } = u, r = e == null ? void 0 : e.map((A) => A[s.name]), n = !!((M = t.inputs) != null && M.connectGaps), g = a ? a.map((A) => {
+import { C as ea } from "./granularity.utils-COYhEZ3f.js";
+const y = "mainAxis", k = "comparisonAxis", _ = (u, c) => {
+  var v, M, O, L;
+  const { data: e, measure: t, dimension: s, index: m, isPreviousPeriod: o, hasMinMaxYAxisRange: b, labels: a } = u, r = e == null ? void 0 : e.map((A) => A[s.name]), n = !!((v = t.inputs) != null && v.connectGaps), g = a ? a.map((A) => {
     const h = e == null ? void 0 : e.find((p) => p[s.name] === A);
     return (h == null ? void 0 : h[t.name]) ?? (n ? 0 : null);
-  }) : e == null ? void 0 : e.map((A) => A[t.name] ?? (n ? 0 : null)), x = P(c), D = !!((k = t.inputs) != null && k[i ? "previousLineDashed" : "lineDashed"]), o = Y(), l = (O = t.inputs) == null ? void 0 : O[i ? "previousLineColor" : "lineColor"], d = W(l) ? l : Q({
+  }) : e == null ? void 0 : e.map((A) => A[t.name] ?? (n ? 0 : null)), x = P(c), D = !!((M = t.inputs) != null && M[o ? "previousLineDashed" : "lineDashed"]), i = Y(), l = (O = t.inputs) == null ? void 0 : O[o ? "previousLineColor" : "lineColor"], d = W(l) ? l : Q({
     dimensionOrMeasure: t,
     theme: c,
     color: "background",
     value: t.name,
-    chartColors: o,
+    chartColors: i,
     index: m
   }), f = x.dimensionOrMeasureTitle(t);
   return {
-    xAxisID: i ? v : y,
+    xAxisID: o ? k : y,
     labels: r,
     rawLabel: f,
-    label: (i ? `${V.t("common.compared")} ` : "") + f,
+    label: (o ? `${V.t("common.compared")} ` : "") + f,
     data: g,
     backgroundColor: Z(d, 0.5),
     pointBackgroundColor: d,
@@ -45,10 +45,10 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
       labels: [],
       datasets: [
         { xAxisID: y, data: [] },
-        { xAxisID: v, data: [] }
+        { xAxisID: k, data: [] }
       ]
     };
-  const { data: e, dataComparison: t, dimension: s, measures: m, hasMinMaxYAxisRange: i } = u, a = s.nativeType === "time" ? void 0 : t ? Array.from(
+  const { data: e, dataComparison: t, dimension: s, measures: m, hasMinMaxYAxisRange: o } = u, a = s.nativeType === "time" ? void 0 : t ? Array.from(
     /* @__PURE__ */ new Set([
       ...e.map((g) => g[s.name]),
       ...(t == null ? void 0 : t.map((g) => g[s.name])) ?? []
@@ -60,7 +60,7 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
         measure: g,
         dimension: s,
         labels: a,
-        hasMinMaxYAxisRange: i,
+        hasMinMaxYAxisRange: o,
         index: x
       },
       c
@@ -72,7 +72,7 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
         measure: g,
         dimension: s,
         labels: a,
-        hasMinMaxYAxisRange: i,
+        hasMinMaxYAxisRange: o,
         index: x,
         isPreviousPeriod: !0
       },
@@ -84,7 +84,7 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
     datasets: [...r, ...n]
   };
 }, sa = (u, c) => {
-  const { dimension: e, data: t, measures: s, xAxisLabel: m } = u, i = P(c);
+  const { dimension: e, data: t, measures: s, xAxisLabel: m } = u, o = P(c);
   return {
     plugins: {
       legend: {
@@ -101,17 +101,17 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
           value: {
             formatter: (a, r) => {
               const n = s[r.datasetIndex % s.length];
-              return i.data(n, a);
+              return o.data(n, a);
             }
           }
         }
       },
       tooltip: {
         callbacks: {
-          title: (a) => a[0] ? i.data(e, a[0].label) : "",
+          title: (a) => a[0] ? o.data(e, a[0].label) : "",
           label: (a) => {
             const r = s[a.datasetIndex % s.length], n = a.raw;
-            return `${a.dataset.label}: ${i.data(r, n)}`;
+            return `${a.dataset.label}: ${o.data(r, n)}`;
           }
         }
       }
@@ -131,30 +131,30 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
           ...T(),
           callback(a) {
             var r;
-            return i.data(e, (r = t.labels) == null ? void 0 : r[a]);
+            return o.data(e, (r = t.labels) == null ? void 0 : r[a]);
           }
         }
       },
-      [v]: {
+      [k]: {
         display: !1
       },
       y: {
         ticks: {
-          callback: (a) => i.data(s[0], a)
+          callback: (a) => o.data(s[0], a)
         }
       }
     }
   };
 }, na = (u, c) => {
   var x, D;
-  const { dimension: e, data: t, measures: s, xAxisLabel: m, showComparisonAxis: i, showDataComparison: b } = u, a = P(c), r = ((x = t.datasets.find((o) => o.xAxisID === y)) == null ? void 0 : x.labels) ?? [], n = ((D = t.datasets.find((o) => o.xAxisID === v)) == null ? void 0 : D.labels) ?? [];
+  const { dimension: e, data: t, measures: s, xAxisLabel: m, showComparisonAxis: o, showDataComparison: b } = u, a = P(c), r = ((x = t.datasets.find((i) => i.xAxisID === y)) == null ? void 0 : x.labels) ?? [], n = ((D = t.datasets.find((i) => i.xAxisID === k)) == null ? void 0 : D.labels) ?? [];
   return {
     plugins: {
       legend: {
         labels: {
-          filter: (o, l) => {
-            if (!o) return !1;
-            const d = l.datasets[o.datasetIndex];
+          filter: (i, l) => {
+            if (!i) return !1;
+            const d = l.datasets[i.datasetIndex];
             return Array.isArray(d.data) && d.data.length > 0;
           }
         }
@@ -162,17 +162,17 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
       datalabels: {
         labels: {
           value: {
-            formatter: (o, l) => {
+            formatter: (i, l) => {
               const d = s[l.datasetIndex % s.length];
-              return a.data(d, o);
+              return a.data(d, i);
             }
           }
         }
       },
       tooltip: {
         callbacks: {
-          title: (o) => {
-            const l = o[0];
+          title: (i) => {
+            const l = i[0];
             if (!b && l)
               return a.data(e, l.label);
             const d = l == null ? void 0 : l.dataIndex;
@@ -180,9 +180,9 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
             const f = r[d] && a.data(e, r[d]), C = n[d] && a.data(e, n[d]);
             return `${f ?? "-"} vs ${C ?? "-"}`;
           },
-          label: (o) => {
-            const l = s[o.datasetIndex % s.length], d = o.raw;
-            return `${o.dataset.label}: ${a.data(l, d)}`;
+          label: (i) => {
+            const l = s[i.datasetIndex % s.length], d = i.raw;
+            return `${i.dataset.label}: ${a.data(l, d)}`;
           }
         }
       }
@@ -193,51 +193,51 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
         title: {
           ...w(),
           text: m,
-          display: !!((!i || n.length === 0) && m)
+          display: !!((!o || n.length === 0) && m)
         },
         grid: { display: !1 },
         ticks: {
           ...T(),
-          callback: (o) => a.data(e, r[Number(o)])
+          callback: (i) => a.data(e, r[Number(i)])
         }
       },
-      [v]: {
+      [k]: {
         title: {
           ...w(),
           text: m,
           display: !!m
         },
         grid: { display: !1 },
-        display: i && n.length > 0,
+        display: o && n.length > 0,
         ticks: {
           ...T(),
-          callback: (o) => {
+          callback: (i) => {
             if (n.length === 0)
               return "";
-            const l = n[Number(o)];
+            const l = n[Number(i)];
             return l ? a.data(e, l) : "";
           }
         }
       },
       y: {
         ticks: {
-          callback: (o) => a.data(s[0], o)
+          callback: (i) => a.data(s[0], i)
         }
       }
     }
   };
-}, oa = (u, c) => {
-  var m, i;
+}, ia = (u, c) => {
+  var m, o;
   const { onLineClicked: e, dimension: t } = u, s = t.nativeType === "time" ? na : sa;
   return X(
     aa({ onLineClicked: e }),
     s(u, c),
-    ((i = (m = c.charts) == null ? void 0 : m.lineChartComparisonDefaultPro) == null ? void 0 : i.options) || {}
+    ((o = (m = c.charts) == null ? void 0 : m.lineChartComparisonDefaultPro) == null ? void 0 : o.options) || {}
   );
-}, ia = (u) => {
+}, oa = (u) => {
   const c = E();
   H(c);
-  const { title: e, description: t, tooltip: s, xAxisLabel: m, yAxisLabel: i } = J(u), {
+  const { title: e, description: t, tooltip: s, xAxisLabel: m, yAxisLabel: o } = J(u), {
     hideMenu: b,
     comparisonPeriod: a,
     measures: r,
@@ -245,13 +245,13 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
     reverseXAxis: g,
     showLegend: x,
     showLogarithmicScale: D,
-    showTooltips: o,
+    showTooltips: i,
     showValueLabels: l,
     yAxisRangeMax: d,
     yAxisRangeMin: f,
     primaryDateRange: C,
-    comparisonDateRange: M,
-    showComparisonAxis: k,
+    comparisonDateRange: v,
+    showComparisonAxis: M,
     setGranularity: O,
     setComparisonDateRange: L,
     onLineClicked: A
@@ -271,7 +271,7 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
   }), p = j({
     results: u.resultsComparison,
     dimension: n,
-    externalDateBounds: M
+    externalDateBounds: v
   }), S = !!(C && a), B = ta(
     {
       data: h.data,
@@ -281,13 +281,13 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
       hasMinMaxYAxisRange: f != null || d != null
     },
     c
-  ), F = oa(
+  ), F = ia(
     {
       data: B,
       dimension: n,
       measures: r,
       xAxisLabel: m,
-      showComparisonAxis: k,
+      showComparisonAxis: M,
       showDataComparison: S,
       onLineClicked: A
     },
@@ -321,10 +321,10 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
             reverseXAxis: g,
             showLegend: x,
             showLogarithmicScale: D,
-            showTooltips: o,
+            showTooltips: i,
             showValueLabels: l,
             xAxisLabel: m,
-            yAxisLabel: i,
+            yAxisLabel: o,
             yAxisRangeMax: d,
             yAxisRangeMin: f,
             options: F
@@ -335,12 +335,12 @@ const y = "mainAxis", v = "comparisonAxis", _ = (u, c) => {
   );
 }, Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ia
+  default: oa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ia as L,
-  oa as a,
+  oa as L,
+  ia as a,
   ta as g,
   Ca as i
 };
-//# sourceMappingURL=index-DQDBupb0.js.map
+//# sourceMappingURL=index-CDfc3oko.js.map