@embeddable.com/remarkable-pro 0.1.1 → 0.1.3

package/dist/index-3xjxWqDJ.js

@@ -1,90 +0,0 @@
-import { m as P, j as t, B as S } from "./Color.type.emb-De2K8PVb.js";
-import { useTheme as w } from "@embeddable.com/react";
-import { a as G, r as T } from "./component.inputs.constants-DzpzJ9Na.js";
-import { C as _ } from "./ChartCard-CfVMn37p.js";
-import { g as v, b as O } from "./bars.utils-7WiIKMS8.js";
-import { u as R } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as k } from "./ChartGranularitySelectField-C_6Mugcw.js";
-const z = (e) => {
-  var d, u;
-  const s = w();
-  G(s);
-  const {
-    groupBy: i,
-    measure: a,
-    reverseXAxis: h,
-    showLegend: c,
-    showLogarithmicScale: x,
-    showTooltips: p,
-    showTotalLabels: g,
-    showValueLabels: C,
-    xAxis: r,
-    yAxisRangeMax: f,
-    yAxisRangeMin: b,
-    setGranularity: y,
-    onBarClicked: A
-  } = e, { description: n, title: l, xAxisLabel: B, yAxisLabel: j } = T(e), { hideMenu: M } = e, o = R({
-    results: e.results,
-    dimension: e.xAxis
-  }), m = v(
-    {
-      data: o.data,
-      dimension: r,
-      groupDimension: i,
-      measure: a
-    },
-    s
-  ), L = P(
-    O(
-      { measures: [a], horizontal: !1, onBarClicked: A, data: m, dimension: r },
-      s
-    ),
-    ((u = (d = s.charts) == null ? void 0 : d.barChartGroupedPro) == null ? void 0 : u.options) || {}
-  );
-  return /* @__PURE__ */ t.jsxs(
-    _,
-    {
-      data: o,
-      dimensionsAndMeasures: [a, r, i],
-      errorMessage: o.error,
-      description: n,
-      title: l,
-      hideMenu: M,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          k,
-          {
-            hasMarginTop: !l && !n,
-            dimension: r,
-            onChange: y
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          S,
-          {
-            data: m,
-            showLegend: c,
-            showTooltips: p,
-            showValueLabels: C,
-            showLogarithmicScale: x,
-            xAxisLabel: B,
-            yAxisLabel: j,
-            reverseXAxis: h,
-            yAxisRangeMin: b,
-            yAxisRangeMax: f,
-            showTotalLabels: g,
-            options: L
-          }
-        )
-      ]
-    }
-  );
-}, H = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: z
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  z as B,
-  H as i
-};
-//# sourceMappingURL=index-3xjxWqDJ.js.map

package/dist/index-3xjxWqDJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-3xjxWqDJ.js","sources":["../src/components/charts/bars/BarChartGroupedPro/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\ntype BarChartGroupedProProps = {\n  groupBy: Dimension;\n  measure: Measure;\n  results: DataResponse;\n  reverseXAxis?: boolean;\n  showLegend?: boolean;\n  showLogarithmicScale?: boolean;\n  showTooltips?: boolean;\n  showTotalLabels?: boolean;\n  showValueLabels?: boolean;\n  xAxis: Dimension;\n  xAxisLabel?: string;\n  yAxisLabel?: string;\n  yAxisRangeMax?: number;\n  yAxisRangeMin?: number;\n  setGranularity: (granularity: Granularity) => void;\n  onBarClicked?: (args: {\n    axisDimensionValue: string | null;\n    groupingDimensionValue: string | null;\n  }) => void;\n} & ChartCardHeaderProps;\n\nconst BarChartGroupedPro = (props: BarChartGroupedProProps) => {\n  const theme = useTheme() as Theme;\n  i18nSetup(theme);\n\n  const {\n    groupBy,\n    measure,\n    reverseXAxis,\n    showLegend,\n    showLogarithmicScale,\n    showTooltips,\n    showTotalLabels,\n    showValueLabels,\n    xAxis,\n    yAxisRangeMax,\n    yAxisRangeMin,\n    setGranularity,\n    onBarClicked,\n  } = props;\n\n  const { description, title, xAxisLabel, yAxisLabel } = resolveI18nProps(props);\n\n  const { hideMenu } = props;\n\n  const results = useFillGaps({\n    results: props.results,\n    dimension: props.xAxis,\n  });\n\n  const data = getBarStackedChartProData(\n    {\n      data: results.data,\n      dimension: xAxis,\n      groupDimension: groupBy,\n      measure,\n    },\n    theme,\n  );\n\n  const options = mergician(\n    getBarChartProOptions(\n      { measures: [measure], horizontal: false, onBarClicked, data, dimension: xAxis },\n      theme,\n    ),\n    theme.charts?.barChartGroupedPro?.options || {},\n  );\n\n  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, xAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <ChartGranularitySelectField\n        hasMarginTop={!title && !description}\n        dimension={xAxis}\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        reverseXAxis={reverseXAxis}\n        yAxisRangeMin={yAxisRangeMin}\n        yAxisRangeMax={yAxisRangeMax}\n        showTotalLabels={showTotalLabels}\n        options={options}\n      />\n    </ChartCard>\n  );\n};\n\nexport default BarChartGroupedPro;\n"],"names":["BarChartGroupedPro","props","theme","useTheme","i18nSetup","groupBy","measure","reverseXAxis","showLegend","showLogarithmicScale","showTooltips","showTotalLabels","showValueLabels","xAxis","yAxisRangeMax","yAxisRangeMin","setGranularity","onBarClicked","description","title","xAxisLabel","yAxisLabel","resolveI18nProps","hideMenu","results","useFillGaps","data","getBarStackedChartProData","options","mergician","getBarChartProOptions","_b","_a","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAkCA,MAAMA,IAAqB,CAACC,MAAmC;;AAC7D,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM;AAAA,IACJ,SAAAG;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,EAAA,IACEhB,GAEE,EAAE,aAAAiB,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBrB,CAAK,GAEvE,EAAE,UAAAsB,MAAatB,GAEfuB,IAAUC,EAAY;AAAA,IAC1B,SAASxB,EAAM;AAAA,IACf,WAAWA,EAAM;AAAA,EAAA,CAClB,GAEKyB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWX;AAAA,MACX,gBAAgBR;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFJ;AAAA,EAAA,GAGI0B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACxB,CAAO,GAAG,YAAY,IAAO,cAAAW,GAAc,MAAAS,GAAM,WAAWb,EAAA;AAAA,MACzEX;AAAA,IAAA;AAAA,MAEF6B,KAAAC,IAAA9B,EAAM,WAAN,gBAAA8B,EAAc,uBAAd,gBAAAD,EAAkC,YAAW,CAAA;AAAA,EAAC;AAGhD,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAAClB,GAASO,GAAOR,CAAO;AAAA,MAC/C,cAAcmB,EAAQ;AAAA,MACtB,aAAAN;AAAA,MACA,OAAAC;AAAA,MACA,UAAAI;AAAA,MAEA,UAAA;AAAA,QAAAY,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAc,CAACjB,KAAS,CAACD;AAAA,YACzB,WAAWL;AAAA,YACX,UAAUG;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZmB,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAX;AAAA,YACA,YAAAlB;AAAA,YACA,cAAAE;AAAA,YACA,iBAAAE;AAAA,YACA,sBAAAH;AAAA,YACA,YAAAW;AAAA,YACA,YAAAC;AAAA,YACA,cAAAd;AAAA,YACA,eAAAQ;AAAA,YACA,eAAAD;AAAA,YACA,iBAAAH;AAAA,YACA,SAAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;;;;"}

package/dist/index-7JWw7tI5.js

@@ -1,47 +0,0 @@
-import { j as r, M } from "./Color.type.emb-De2K8PVb.js";
-import { g as b } from "./formatter.utils-CiN6axbW.js";
-import { useTheme as O } from "@embeddable.com/react";
-import { E as j } from "./EditorCard-B9UFM_uA.js";
-import { r as v, i as x } from "./component.inputs.constants-DzpzJ9Na.js";
-const F = 200, _ = (l) => {
-  var n, i;
-  const m = O(), c = b(m), {
-    title: d,
-    description: u,
-    dimension: t,
-    optionalSecondDimension: a,
-    placeholder: p,
-    results: o,
-    selectedValues: h,
-    setSearchValue: g,
-    onChange: s
-  } = v(l), f = ((n = o.data) == null ? void 0 : n.map((e) => ({
-    value: a ? e[a.name] : e[t.name],
-    label: c.data(t, e[t.name])
-  }))) ?? [], S = !o.isLoading && (((i = o.data) == null ? void 0 : i.length) ?? 0) === 0;
-  return /* @__PURE__ */ r.jsx(j, { title: d, subtitle: u, children: /* @__PURE__ */ r.jsx(
-    M,
-    {
-      isClearable: !0,
-      isSearchable: !0,
-      isLoading: o.isLoading,
-      values: h ?? [],
-      options: f,
-      placeholder: p,
-      noOptionsMessage: S ? x.t("common.noOptionsFound") : void 0,
-      onChange: (e) => s == null ? void 0 : s(e),
-      onSearch: g,
-      avoidCollisions: !1
-    }
-  ) });
-}, y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  MAX_OPTIONS: F,
-  default: _
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  F as M,
-  _ as a,
-  y as i
-};
-//# sourceMappingURL=index-7JWw7tI5.js.map

package/dist/index-7JWw7tI5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-7JWw7tI5.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        avoidCollisions={false}\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,MACV,iBAAiB;AAAA,IAAA;AAAA,EAAA,GAErB;AAEJ;;;;;"}

package/dist/index-BCVHDZZk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BCVHDZZk.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        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","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-BEckqi71.js

@@ -1,346 +0,0 @@
-import { m as $, d as G, e as B, n as w, o as T, j as I, L as X } from "./Color.type.emb-De2K8PVb.js";
-import { useTheme as Y } from "@embeddable.com/react";
-import { i as z, a as E, r as V } from "./component.inputs.constants-DzpzJ9Na.js";
-import { C as J } from "./ChartCard-CfVMn37p.js";
-import { useEffect as U } from "react";
-import { g as q } from "./timeRange.utils-LHM3sXwE.js";
-import { g as P } from "./formatter.utils-CiN6axbW.js";
-import { a as H } from "./styles.utils-u6uj51UE.js";
-import { i as K, s as Q } from "./color.utils-BSg_DFOh.js";
-import { g as W } from "./lines.utils-COGf_F0b.js";
-import { u as R } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as Z } from "./ChartGranularitySelectField-C_6Mugcw.js";
-const D = "mainAxis", L = "comparisonAxis", j = (p, c) => {
-  var v, k, A, M;
-  const { data: e, measure: s, dimension: t, index: u, isPreviousPeriod: o, hasMinMaxYAxisRange: b, labels: a } = p, i = e == null ? void 0 : e.map((h) => h[t.name]), r = !!((v = s.inputs) != null && v.connectGaps), g = a ? a.map((h) => {
-    const m = e == null ? void 0 : e.find((O) => O[t.name] === h);
-    return (m == null ? void 0 : m[s.name]) ?? (r ? 0 : null);
-  }) : e == null ? void 0 : e.map((h) => h[s.name] ?? (r ? 0 : null)), x = P(c), C = !!((k = s.inputs) != null && k[o ? "previousLineDashed" : "lineDashed"]), n = G(), l = (A = s.inputs) == null ? void 0 : A[o ? "previousLineColor" : "lineColor"], d = K(l) ? l : H({
-    dimensionOrMeasure: s,
-    theme: c,
-    color: "background",
-    value: s.name,
-    chartColors: n,
-    index: u
-  }), f = x.dimensionOrMeasureTitle(s);
-  return {
-    xAxisID: o ? L : D,
-    labels: i,
-    rawLabel: f,
-    label: (o ? `${z.t("common.compared")} ` : "") + f,
-    data: g,
-    backgroundColor: Q(d, 0.5),
-    pointBackgroundColor: d,
-    borderDash: C ? [
-      B("--em-linechart-line-dash", "0.25rem"),
-      B("--em-linechart-line-gap", "0.25rem")
-    ] : void 0,
-    borderColor: d,
-    fill: (M = s.inputs) == null ? void 0 : M.fillUnderLine,
-    clip: b
-  };
-}, aa = (p, c) => {
-  if (!p.data)
-    return {
-      labels: [],
-      datasets: [
-        { xAxisID: D, data: [] },
-        { xAxisID: L, data: [] }
-      ]
-    };
-  const { data: e, dataComparison: s, dimension: t, measures: u, hasMinMaxYAxisRange: o } = p, a = t.nativeType === "time" ? void 0 : s ? Array.from(
-    /* @__PURE__ */ new Set([
-      ...e.map((g) => g[t.name]),
-      ...(s == null ? void 0 : s.map((g) => g[t.name])) ?? []
-    ])
-  ) : void 0, i = u.map(
-    (g, x) => j(
-      {
-        data: e,
-        measure: g,
-        dimension: t,
-        labels: a,
-        hasMinMaxYAxisRange: o,
-        index: x
-      },
-      c
-    )
-  ), r = u.map(
-    (g, x) => j(
-      {
-        data: s,
-        measure: g,
-        dimension: t,
-        labels: a,
-        hasMinMaxYAxisRange: o,
-        index: x,
-        isPreviousPeriod: !0
-      },
-      c
-    )
-  );
-  return {
-    labels: a ?? e.map((g) => g[t.name]),
-    datasets: [...i, ...r]
-  };
-}, ea = (p, c) => {
-  const { dimension: e, data: s, measures: t, xAxisLabel: u } = p, o = P(c);
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (a, i) => {
-            if (!a) return !1;
-            const r = i.datasets[a.datasetIndex];
-            return Array.isArray(r.data) && r.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (a, i) => {
-              const r = t[i.datasetIndex % t.length];
-              return o.data(r, a);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (a) => a[0] ? o.data(e, a[0].label) : "",
-          label: (a) => {
-            const i = t[a.datasetIndex % t.length], r = a.raw;
-            return `${a.dataset.label}: ${o.data(i, r)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: {
-        display: !1
-      },
-      [D]: {
-        title: {
-          ...T(),
-          text: u,
-          display: !!u
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...w(),
-          callback(a) {
-            var i;
-            return o.data(e, (i = s.labels) == null ? void 0 : i[a]);
-          }
-        }
-      },
-      [L]: {
-        display: !1
-      },
-      y: {
-        ticks: {
-          callback: (a) => o.data(t[0], a)
-        }
-      }
-    }
-  };
-}, ta = (p, c) => {
-  var x, C;
-  const { dimension: e, data: s, measures: t, xAxisLabel: u, showComparisonAxis: o, showDataComparison: b } = p, a = P(c), i = ((x = s.datasets.find((n) => n.xAxisID === D)) == null ? void 0 : x.labels) ?? [], r = ((C = s.datasets.find((n) => n.xAxisID === L)) == null ? void 0 : C.labels) ?? [];
-  return {
-    plugins: {
-      legend: {
-        labels: {
-          filter: (n, l) => {
-            if (!n) return !1;
-            const d = l.datasets[n.datasetIndex];
-            return Array.isArray(d.data) && d.data.length > 0;
-          }
-        }
-      },
-      datalabels: {
-        labels: {
-          value: {
-            formatter: (n, l) => {
-              const d = t[l.datasetIndex % t.length];
-              return a.data(d, n);
-            }
-          }
-        }
-      },
-      tooltip: {
-        callbacks: {
-          title: (n) => {
-            const l = n[0];
-            if (!b && l)
-              return a.data(e, l.label);
-            const d = l == null ? void 0 : l.dataIndex;
-            if (d === void 0) return "";
-            const f = i[d] && a.data(e, i[d]), y = r[d] && a.data(e, r[d]);
-            return `${f ?? "-"} vs ${y ?? "-"}`;
-          },
-          label: (n) => {
-            const l = t[n.datasetIndex % t.length], d = n.raw;
-            return `${n.dataset.label}: ${a.data(l, d)}`;
-          }
-        }
-      }
-    },
-    scales: {
-      x: { display: !1 },
-      [D]: {
-        title: {
-          ...T(),
-          text: u,
-          display: !!((!o || r.length === 0) && u)
-        },
-        grid: { display: !1 },
-        ticks: {
-          ...w(),
-          callback: (n) => a.data(e, i[Number(n)])
-        }
-      },
-      [L]: {
-        title: {
-          ...T(),
-          text: u,
-          display: !!u
-        },
-        grid: { display: !1 },
-        display: o && r.length > 0,
-        ticks: {
-          ...w(),
-          callback: (n) => {
-            if (r.length === 0)
-              return "";
-            const l = r[Number(n)];
-            return l ? a.data(e, l) : "";
-          }
-        }
-      },
-      y: {
-        ticks: {
-          callback: (n) => a.data(t[0], n)
-        }
-      }
-    }
-  };
-}, sa = (p, c) => {
-  var u, o;
-  const { onLineClicked: e, dimension: s } = p, t = s.nativeType === "time" ? ta : ea;
-  return $(
-    W({ onLineClicked: e }),
-    t(p, c),
-    ((o = (u = c.charts) == null ? void 0 : u.lineChartComparisonDefaultPro) == null ? void 0 : o.options) || {}
-  );
-}, na = (p) => {
-  const c = Y();
-  E(c);
-  const { title: e, description: s, xAxisLabel: t, yAxisLabel: u } = V(p), {
-    hideMenu: o,
-    comparisonPeriod: b,
-    measures: a,
-    xAxis: i,
-    reverseXAxis: r,
-    showLegend: g,
-    showLogarithmicScale: x,
-    showTooltips: C,
-    showValueLabels: n,
-    yAxisRangeMax: l,
-    yAxisRangeMin: d,
-    primaryDateRange: f,
-    comparisonDateRange: y,
-    showComparisonAxis: v,
-    setGranularity: k,
-    setComparisonDateRange: A,
-    onLineClicked: M
-  } = p;
-  U(() => {
-    const N = q(
-      f,
-      b,
-      c
-    );
-    A == null || A(N);
-  }, [b, JSON.stringify(f), c]);
-  const h = R({
-    results: p.results,
-    dimension: i,
-    externalDateBounds: f
-  }), m = R({
-    results: p.resultsComparison,
-    dimension: i,
-    externalDateBounds: y
-  }), O = !!(f && b), S = aa(
-    {
-      data: h.data,
-      dataComparison: O ? (m == null ? void 0 : m.data) ?? [] : void 0,
-      dimension: i,
-      measures: a,
-      hasMinMaxYAxisRange: d != null || l != null
-    },
-    c
-  ), _ = sa(
-    {
-      data: S,
-      dimension: i,
-      measures: a,
-      xAxisLabel: t,
-      showComparisonAxis: v,
-      showDataComparison: O,
-      onLineClicked: M
-    },
-    c
-  ), F = {
-    isLoading: !!(h.isLoading || m != null && m.isLoading),
-    data: !(h != null && h.data) && !(m != null && m.data) ? void 0 : [...h.data ?? [], ...(m == null ? void 0 : m.data) ?? []]
-  };
-  return /* @__PURE__ */ I.jsxs(
-    J,
-    {
-      data: F,
-      dimensionsAndMeasures: [...a, i],
-      errorMessage: h.error || (m == null ? void 0 : m.error),
-      description: s,
-      title: e,
-      hideMenu: o,
-      children: [
-        /* @__PURE__ */ I.jsx(
-          Z,
-          {
-            hasMarginTop: !e && !s,
-            dimension: i,
-            onChange: k
-          }
-        ),
-        /* @__PURE__ */ I.jsx(
-          X,
-          {
-            data: S,
-            reverseXAxis: r,
-            showLegend: g,
-            showLogarithmicScale: x,
-            showTooltips: C,
-            showValueLabels: n,
-            xAxisLabel: t,
-            yAxisLabel: u,
-            yAxisRangeMax: l,
-            yAxisRangeMin: d,
-            options: _
-          }
-        )
-      ]
-    }
-  );
-}, ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: na
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  na as L,
-  sa as a,
-  aa as g,
-  ba as i
-};
-//# sourceMappingURL=index-BEckqi71.js.map

package/dist/index-BYB6yWhD.js

@@ -1,92 +0,0 @@
-import { m as P, j as t, B as S } from "./Color.type.emb-De2K8PVb.js";
-import { useTheme as w } from "@embeddable.com/react";
-import { a as z, r as G } from "./component.inputs.constants-DzpzJ9Na.js";
-import { C as T } from "./ChartCard-CfVMn37p.js";
-import { g as _, b as v } from "./bars.utils-7WiIKMS8.js";
-import { u as O } from "./charts.fillGaps.hooks-C7KsWcZb.js";
-import { C as R } from "./ChartGranularitySelectField-C_6Mugcw.js";
-const k = (o) => {
-  var u, d;
-  const e = w();
-  z(e);
-  const { description: i, title: n, xAxisLabel: h, yAxisLabel: p } = G(o), {
-    yAxis: r,
-    hideMenu: c,
-    groupBy: l,
-    measure: s,
-    reverseYAxis: x,
-    showLegend: g,
-    showLogarithmicScale: C,
-    showTooltips: f,
-    showTotalLabels: b,
-    showValueLabels: B,
-    xAxisRangeMax: j,
-    xAxisRangeMin: y,
-    setGranularity: A,
-    onBarClicked: M
-  } = o, a = O({
-    results: o.results,
-    dimension: r
-  }), m = _(
-    {
-      data: a.data,
-      dimension: r,
-      groupDimension: l,
-      measure: s
-    },
-    e
-  ), L = P(
-    v(
-      { measures: [s], horizontal: !0, onBarClicked: M, data: m, dimension: r },
-      e
-    ),
-    ((d = (u = e.charts) == null ? void 0 : u.barChartGroupedHorizontalPro) == null ? void 0 : d.options) || {}
-  );
-  return /* @__PURE__ */ t.jsxs(
-    T,
-    {
-      data: a,
-      dimensionsAndMeasures: [s, r, l],
-      errorMessage: a.error,
-      description: i,
-      title: n,
-      hideMenu: c,
-      children: [
-        /* @__PURE__ */ t.jsx(
-          R,
-          {
-            hasMarginTop: !n && !i,
-            dimension: r,
-            onChange: A
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          S,
-          {
-            data: m,
-            showLegend: g,
-            showTooltips: f,
-            showValueLabels: B,
-            showLogarithmicScale: C,
-            xAxisLabel: h,
-            yAxisLabel: p,
-            reverseYAxis: x,
-            xAxisRangeMin: y,
-            xAxisRangeMax: j,
-            showTotalLabels: b,
-            options: L,
-            horizontal: !0
-          }
-        )
-      ]
-    }
-  );
-}, q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: k
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  k as B,
-  q as i
-};
-//# sourceMappingURL=index-BYB6yWhD.js.map

package/dist/index-BYB6yWhD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-BYB6yWhD.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\ntype 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 { 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  return (\n    <ChartCard\n      data={results}\n      dimensionsAndMeasures={[measure, yAxis, groupBy]}\n      errorMessage={results.error}\n      description={description}\n      title={title}\n      hideMenu={hideMenu}\n    >\n      <ChartGranularitySelectField\n        hasMarginTop={!title && !description}\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","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","jsxs","ChartCard","jsx","ChartGranularitySelectField","BarChart"],"mappings":";;;;;;;AAkCA,MAAMA,IAA+B,CAACC,MAA6C;;AACjF,QAAMC,IAAQC,EAAA;AACd,EAAAC,EAAUF,CAAK;AAEf,QAAM,EAAE,aAAAG,GAAa,OAAAC,GAAO,YAAAC,GAAY,YAAAC,EAAA,IAAeC,EAAiBR,CAAK,GAEvE;AAAA,IACJ,OAAAS;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,IACEtB,GAEEuB,IAAUC,EAAY;AAAA,IAC1B,SAASxB,EAAM;AAAA,IACf,WAAWS;AAAA,EAAA,CACZ,GAEKgB,IAAOC;AAAA,IACX;AAAA,MACE,MAAMH,EAAQ;AAAA,MACd,WAAWd;AAAA,MACX,gBAAgBE;AAAA,MAChB,SAAAC;AAAA,IAAA;AAAA,IAEFX;AAAA,EAAA,GAGI0B,IAAUC;AAAA,IACdC;AAAA,MACE,EAAE,UAAU,CAACjB,CAAO,GAAG,YAAY,IAAM,cAAAU,GAAc,MAAAG,GAAM,WAAWhB,EAAA;AAAA,MACxER;AAAA,IAAA;AAAA,MAEF6B,KAAAC,IAAA9B,EAAM,WAAN,gBAAA8B,EAAc,iCAAd,gBAAAD,EAA4C,YAAW,CAAA;AAAA,EAAC;AAG1D,SACEE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMV;AAAA,MACN,uBAAuB,CAACX,GAASH,GAAOE,CAAO;AAAA,MAC/C,cAAcY,EAAQ;AAAA,MACtB,aAAAnB;AAAA,MACA,OAAAC;AAAA,MACA,UAAAK;AAAA,MAEA,UAAA;AAAA,QAAAwB,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,cAAc,CAAC9B,KAAS,CAACD;AAAA,YACzB,WAAWK;AAAA,YACX,UAAUY;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZa,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAAX;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;;;;"}