@embeddable.com/remarkable-ui 0.1.4 → 0.1.5

package/dist/index-DtW0kTkN.js

@@ -0,0 +1,203 @@
+import { af as B, j as t, Y as D, S as A, _ as R, a1 as E, a2 as V, $ as v, a0 as w, r as z, O as J } from "./component.constants-CLoOVANT.js";
+import { g as K } from "./formatter.utils-CuQgLTFP.js";
+import { useTheme as U } from "@embeddable.com/react";
+import { u as X, d as Y, I as G, S as H, E as Q } from "./EditorCard-BLbWRaLj.js";
+import { useState as T, useRef as W, useEffect as C, useMemo as Z } from "react";
+import { B as ee } from "./BaseButton-B7qw7XIU.js";
+/**
+ * @license @tabler/icons-react v3.34.1 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const te = [["path", { d: "M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z", key: "svg-0" }]], se = B("outline", "square", "Square", te);
+/**
+ * @license @tabler/icons-react v3.34.1 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const le = [["path", { d: "M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z", key: "svg-0" }]], ne = B("filled", "square-check-filled", "SquareCheckFilled", le), ae = "_icon_14m1u_1", oe = "_buttonMedium_14m1u_6", ce = "_buttonSmall_14m1u_14", ie = "_buttonText_14m1u_22", ue = "_buttonTextMedium_14m1u_26", re = "_buttonTextSmall_14m1u_35", x = {
+  icon: ae,
+  buttonMedium: oe,
+  buttonSmall: ce,
+  buttonText: ie,
+  buttonTextMedium: ue,
+  buttonTextSmall: re
+}, me = ({
+  variant: r,
+  startIcon: m,
+  endIcon: a,
+  children: d,
+  size: i,
+  ...o
+}) => /* @__PURE__ */ t.jsxs(
+  ee,
+  {
+    variant: r,
+    className: i === "medium" ? x.buttonMedium : x.buttonSmall,
+    ...o,
+    size: i,
+    children: [
+      m && /* @__PURE__ */ t.jsx(m, { className: x.icon }),
+      /* @__PURE__ */ t.jsx(
+        D,
+        {
+          as: "span",
+          className: A(
+            x.buttonText,
+            x[`buttonText${i.charAt(0).toUpperCase() + i.slice(1)}`]
+          ),
+          children: d
+        }
+      ),
+      a && /* @__PURE__ */ t.jsx(a, { className: x.icon })
+    ]
+  }
+), de = "_submitButton_1e96n_1", be = {
+  submitButton: de
+}, pe = ({
+  disabled: r,
+  isClearable: m,
+  isLoading: a,
+  isSearchable: d,
+  noOptionsMessage: i,
+  options: o,
+  placeholder: _,
+  submitLabel: g = "Apply",
+  values: s = [],
+  onChange: f,
+  onSearch: l
+}) => {
+  const [b, h] = T(!1), [S, p] = T(""), [c, u] = T(s), [F, M] = T(""), O = W(null);
+  X(b, O), C(() => {
+    u(s);
+  }, [JSON.stringify(s)]), C(() => {
+    if (a)
+      return;
+    if (!s || s.length === 0) {
+      M("");
+      return;
+    }
+    const e = s.map(
+      (n) => {
+        var j;
+        return ((j = o.find(($) => $.value === n)) == null ? void 0 : j.label) ?? n;
+      }
+    );
+    if (e.length > 0) {
+      const n = e.join(", ");
+      M(`(${e.length}) ${n}`);
+    }
+  }, [s, o, a]);
+  const y = Z(() => l ? Y(l) : void 0, [l]), N = d && !l ? o.filter((e) => e.label.toLowerCase().includes(S.toLowerCase())) : o, I = c.every((e) => s.includes(e)) && s.every((e) => c.includes(e)), L = (e, n) => {
+    e.preventDefault(), n && (c.includes(n) ? u(c.filter((j) => j !== n)) : u([...c, n]));
+  }, k = (e) => {
+    p(e), y == null || y(e);
+  }, q = (e) => {
+    f(e), h(!1), p(""), l == null || l("");
+  }, P = () => {
+    p(""), l == null || l(""), f([]);
+  };
+  return /* @__PURE__ */ t.jsx(
+    R,
+    {
+      open: b,
+      onOpenChange: h,
+      disabled: r,
+      triggerComponent: /* @__PURE__ */ t.jsx(
+        w,
+        {
+          "aria-label": "Select options",
+          placeholder: _,
+          disabled: r,
+          valueLabel: F,
+          onClear: P,
+          isClearable: m,
+          isLoading: a
+        }
+      ),
+      children: /* @__PURE__ */ t.jsxs(E, { children: [
+        d && /* @__PURE__ */ t.jsx(
+          V,
+          {
+            ref: O,
+            startIcon: G,
+            "aria-label": "Search options",
+            placeholder: "Search…",
+            role: "searchbox",
+            value: S,
+            onKeyDown: (e) => e.stopPropagation(),
+            onChange: k
+          }
+        ),
+        /* @__PURE__ */ t.jsxs(H, { disabled: a, children: [
+          N.map((e) => /* @__PURE__ */ t.jsx(
+            v,
+            {
+              onClick: (n) => L(n, e.value),
+              startIcon: c.includes(e.value) ? /* @__PURE__ */ t.jsx(ne, {}) : /* @__PURE__ */ t.jsx(se, {}),
+              ...e
+            },
+            (e == null ? void 0 : e.value) ?? e.label
+          )),
+          i && /* @__PURE__ */ t.jsx(v, { disabled: !0, value: "empty", label: i })
+        ] }),
+        /* @__PURE__ */ t.jsx(
+          me,
+          {
+            className: be.submitButton,
+            disabled: I || a,
+            variant: "primary",
+            size: "medium",
+            onClick: () => q(c),
+            role: "button",
+            children: g
+          }
+        )
+      ] })
+    }
+  );
+}, xe = 200, _e = (r) => {
+  var p, c;
+  const m = U(), a = K(m), {
+    title: d,
+    description: i,
+    dimension: o,
+    optionalSecondDimension: _,
+    placeholder: g,
+    results: s,
+    selectedValues: f,
+    setSearchValue: l,
+    onChange: b
+  } = z(r), h = ((p = s.data) == null ? void 0 : p.map((u) => ({
+    value: _ ? u[_.name] : u[o.name],
+    label: a.data(o, u[o.name])
+  }))) ?? [], S = !s.isLoading && (((c = s.data) == null ? void 0 : c.length) ?? 0) === 0;
+  return /* @__PURE__ */ t.jsx(Q, { title: d, subtitle: i, children: /* @__PURE__ */ t.jsx(
+    pe,
+    {
+      isClearable: !0,
+      isSearchable: !0,
+      isLoading: s.isLoading,
+      values: f ?? [],
+      options: h,
+      placeholder: g,
+      noOptionsMessage: S ? J.t("common.noOptionsFound") : void 0,
+      onChange: (u) => b == null ? void 0 : b(u),
+      onSearch: l
+    }
+  ) });
+}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MAX_OPTIONS: xe,
+  default: _e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  me as B,
+  xe as M,
+  _e as a,
+  pe as b,
+  ye as i
+};
+//# sourceMappingURL=index-DtW0kTkN.js.map

package/dist/index-DtW0kTkN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DtW0kTkN.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/shared/Button/Button.tsx","../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.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\": \"M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z\", \"key\": \"svg-0\" }]];\nconst IconSquare = createReactComponent(\"outline\", \"square\", \"Square\", __iconNode);\n\nexport { __iconNode, IconSquare as default };\n//# sourceMappingURL=IconSquare.mjs.map\n","/**\n * @license @tabler/icons-react v3.34.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\": \"M18.333 2c1.96 0 3.56 1.537 3.662 3.472l.005 .195v12.666c0 1.96 -1.537 3.56 -3.472 3.662l-.195 .005h-12.666a3.667 3.667 0 0 1 -3.662 -3.472l-.005 -.195v-12.666c0 -1.96 1.537 -3.56 3.472 -3.662l.195 -.005h12.666zm-2.626 7.293a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z\", \"key\": \"svg-0\" }]];\nconst IconSquareCheckFilled = createReactComponent(\"filled\", \"square-check-filled\", \"SquareCheckFilled\", __iconNode);\n\nexport { __iconNode, IconSquareCheckFilled as default };\n//# sourceMappingURL=IconSquareCheckFilled.mjs.map\n","import { TablerIcon } from '@tabler/icons-react';\nimport styles from './Button.module.css';\nimport { BaseButton, type BaseButtonProps } from '../BaseButton';\nimport { Typography } from '../Typography/Typography';\nimport clsx from 'clsx';\n\ntype ButtonProps = BaseButtonProps & {\n  startIcon?: TablerIcon;\n  endIcon?: TablerIcon;\n  children: string;\n  size: 'small' | 'medium';\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  children,\n  size,\n  ...props\n}) => {\n  return (\n    <BaseButton\n      variant={variant}\n      className={size === 'medium' ? styles.buttonMedium : styles.buttonSmall}\n      {...props}\n      size={size}\n    >\n      {StartIcon && <StartIcon className={styles.icon} />}\n      <Typography\n        as=\"span\"\n        className={clsx(\n          styles.buttonText,\n          styles[`buttonText${size.charAt(0).toUpperCase() + size.slice(1)}`],\n        )}\n      >\n        {children}\n      </Typography>\n      {EndIcon && <EndIcon className={styles.icon} />}\n    </BaseButton>\n  );\n};\n","import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport { IconSearch, IconSquare, IconSquareCheckFilled } from '@tabler/icons-react';\nimport { Button } from '../../../shared/Button/Button';\nimport styles from './MultiSelectField.module.css';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\n\nexport type MultiSelectFieldProps = {\n  disabled?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  isSearchable?: boolean;\n  noOptionsMessage?: string;\n  options: SelectListOptionProps[];\n  placeholder?: string;\n  submitLabel?: string;\n  values?: string[];\n  onChange: (value: string[]) => void;\n  onSearch?: (search: string) => void;\n};\n\nexport const MultiSelectField: FC<MultiSelectFieldProps> = ({\n  disabled,\n  isClearable,\n  isLoading,\n  isSearchable,\n  noOptionsMessage,\n  options,\n  placeholder,\n  submitLabel = 'Apply',\n  values = [],\n  onChange,\n  onSearch,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [preValues, setPreValues] = useState<string[]>(values);\n  const [selectedLabel, setSelectedLabel] = useState<string>('');\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    setPreValues(values);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [JSON.stringify(values)]);\n\n  useEffect(() => {\n    if (isLoading) {\n      return;\n    }\n\n    if (!values || values.length === 0) {\n      setSelectedLabel('');\n      return;\n    }\n    const selectedOptions = values.map(\n      (value) => options.find((o) => o.value === value)?.label ?? value,\n    );\n\n    if (selectedOptions.length > 0) {\n      const newLabel = selectedOptions.join(', ');\n      setSelectedLabel(`(${selectedOptions.length}) ${newLabel}`);\n    }\n  }, [values, options, isLoading]);\n\n  const debouncedSearch = useMemo(() => (onSearch ? debounce(onSearch) : undefined), [onSearch]);\n\n  const displayOptions =\n    isSearchable && !onSearch\n      ? options.filter((option) => option.label.toLowerCase().includes(searchValue.toLowerCase()))\n      : options;\n\n  const isSubmitDisabled =\n    preValues.every((preValue) => values.includes(preValue)) &&\n    values.every((value) => preValues.includes(value));\n\n  const handleSelectOption = (\n    e: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    newValue?: string,\n  ) => {\n    e.preventDefault();\n\n    if (!newValue) return;\n\n    if (preValues.includes(newValue)) {\n      setPreValues(preValues.filter((v) => v !== newValue));\n    } else {\n      setPreValues([...preValues, newValue]);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  const handleSave = (newValues: string[]) => {\n    onChange(newValues);\n    setIsOpen(false);\n    setSearchValue('');\n    onSearch?.('');\n  };\n\n  const handleClearAll = () => {\n    setSearchValue('');\n    onSearch?.('');\n    onChange([]);\n  };\n\n  return (\n    <Dropdown\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      disabled={disabled}\n      triggerComponent={\n        <SelectButton\n          aria-label=\"Select options\"\n          placeholder={placeholder}\n          disabled={disabled}\n          valueLabel={selectedLabel}\n          onClear={handleClearAll}\n          isClearable={isClearable}\n          isLoading={isLoading}\n        />\n      }\n    >\n      <SelectList>\n        {isSearchable && (\n          <TextField\n            ref={searchFieldRef}\n            startIcon={IconSearch}\n            aria-label=\"Search options\"\n            placeholder=\"Search…\"\n            role=\"searchbox\"\n            value={searchValue}\n            onKeyDown={(e) => e.stopPropagation()}\n            onChange={handleSearch}\n          />\n        )}\n        <SelectListOptions disabled={isLoading}>\n          {displayOptions.map((option) => (\n            <SelectListOption\n              key={option?.value ?? option.label}\n              onClick={(e) => handleSelectOption(e, option.value)}\n              startIcon={\n                preValues.includes(option.value!) ? <IconSquareCheckFilled /> : <IconSquare />\n              }\n              {...option}\n            />\n          ))}\n          {noOptionsMessage && <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />}\n        </SelectListOptions>\n        <Button\n          className={styles.submitButton}\n          disabled={isSubmitDisabled || isLoading}\n          variant=\"primary\"\n          size=\"medium\"\n          onClick={() => handleSave(preValues)}\n          role=\"button\"\n        >\n          {submitLabel}\n        </Button>\n      </SelectList>\n    </Dropdown>\n  );\n};\n","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 '../../../../remarkable-ui';\n\nexport const MAX_OPTIONS = 200;\n\ntype MultiSelectFieldProProps = {\n  title?: string;\n  description?: string;\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};\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":["__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","Button","variant","StartIcon","EndIcon","children","size","props","jsxs","BaseButton","styles","jsx","Typography","clsx","MultiSelectField","disabled","isClearable","isLoading","isSearchable","noOptionsMessage","options","placeholder","submitLabel","values","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","preValues","setPreValues","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","selectedOptions","value","_a","o","newLabel","debouncedSearch","useMemo","debounce","displayOptions","option","isSubmitDisabled","preValue","handleSelectOption","newValue","v","handleSearch","newSearch","handleSave","newValues","handleClearAll","Dropdown","SelectButton","SelectList","TextField","IconSearch","SelectListOptions","SelectListOption","e","MAX_OPTIONS","MultiSelectFieldPro","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValues","resolveI18nProps","data","showNoOptionsMessage","_b","EditorCard","i18n"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/{index-ClW2IYBN.js → index-o0VrbsfA.js}

@@ -1,7 +1,7 @@
-import { i as P, r as S, m as b, j as m, a4 as D } from "./component.constants-CevNd84w.js";
+import { i as P, r as S, m as b, j as m, a4 as D } from "./component.constants-CLoOVANT.js";
 import { useTheme as v } from "@embeddable.com/react";
-import { g as _, a as k } from "./pies.utils-8-Jqwd-M.js";
-import { C as w } from "./object.utils-D2JZchGX.js";
+import { g as _, a as k } from "./pies.utils-BaGzYkUW.js";
+import { C as w } from "./object.utils-BILSXABS.js";
 import "react";
 const L = (d) => {
   var a;
@@ -54,4 +54,4 @@ export {
   L as D,
   V as i
 };
-//# sourceMappingURL=index-ClW2IYBN.js.map
+//# sourceMappingURL=index-o0VrbsfA.js.map

package/dist/{index-ClW2IYBN.js.map → index-o0VrbsfA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-ClW2IYBN.js","sources":["../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DefaultPieChartOptions, getDefaultPieChartOptions, getPieChartData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../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 data = getPieChartData({ data: results.data, dimension, measure, maxLegendItems }, theme);\n\n  const options = mergician(\n    getDefaultPieChartOptions(\n      {\n        measure,\n        showTooltips,\n        showLegend,\n        showValueLabels,\n      } as DefaultPieChartOptions,\n      theme,\n    ),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\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      subtitle={description}\n      title={title}\n    >\n      <DonutChart data={data} options={options} onSegmentClick={handleSegmentClick} />\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","data","getPieChartData","options","mergician","getDefaultPieChartOptions","_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,GAEpBe,IAAOC,EAAgB,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA,GAAkBL,CAAK,GAExFgB,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,SAAAZ;AAAA,QACA,cAAAG;AAAA,QACA,YAAAD;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,MAEFV;AAAA,IAAA;AAAA,MAEFmB,IAAAnB,EAAM,OAAO,kBAAb,gBAAAmB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA,IAACE,GAAA,EAAW,MAAAX,GAAY,SAAAE,GAAkB,gBAAgBI,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGpF;;;;"}
+{"version":3,"file":"index-o0VrbsfA.js","sources":["../src/remarkable-pro/components/charts/pies/DonutChartPro/index.tsx"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { Theme } from '../../../../theme/theme.types';\nimport { DefaultPieChartOptions, getDefaultPieChartOptions, getPieChartData } from '../pies.utils';\nimport { DefaultPieChartProps } from '../pies.types';\nimport { i18nSetup } from '../../../../theme/i18n/i18n';\nimport { ChartCard } from '../../shared/ChartCard/ChartCard';\nimport { DonutChart } from '../../../../../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 data = getPieChartData({ data: results.data, dimension, measure, maxLegendItems }, theme);\n\n  const options = mergician(\n    getDefaultPieChartOptions(\n      {\n        measure,\n        showTooltips,\n        showLegend,\n        showValueLabels,\n      } as DefaultPieChartOptions,\n      theme,\n    ),\n    theme.charts.donutChartPro?.options ?? {},\n  );\n\n  const handleSegmentClick = (index: number | undefined) => {\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      subtitle={description}\n      title={title}\n    >\n      <DonutChart data={data} options={options} onSegmentClick={handleSegmentClick} />\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","data","getPieChartData","options","mergician","getDefaultPieChartOptions","_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,GAEpBe,IAAOC,EAAgB,EAAE,MAAMR,EAAQ,MAAM,WAAAH,GAAW,SAAAE,GAAS,gBAAAD,EAAA,GAAkBL,CAAK,GAExFgB,IAAUC;AAAA,IACdC;AAAA,MACE;AAAA,QACE,SAAAZ;AAAA,QACA,cAAAG;AAAA,QACA,YAAAD;AAAA,QACA,iBAAAE;AAAA,MAAA;AAAA,MAEFV;AAAA,IAAA;AAAA,MAEFmB,IAAAnB,EAAM,OAAO,kBAAb,gBAAAmB,EAA4B,YAAW,CAAA;AAAA,EAAC,GAGpCC,IAAqB,CAACC,MAA8B;;AACxD,IAAAT,EAAe;AAAA,MACb,gBAAgBS,MAAU,WAAwBC,KAAAH,IAAAZ,EAAQ,SAAR,gBAAAY,EAAeE,OAAf,OAAZ,SAAYC,EAAwBlB,EAAU;AAAA,IAAI,CACzF;AAAA,EACH;AAEA,SACEmB,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMjB;AAAA,MACN,uBAAuB,CAACH,GAAWE,CAAO;AAAA,MAC1C,cAAcC,EAAQ;AAAA,MACtB,UAAUJ;AAAA,MACV,OAAAQ;AAAA,MAEA,UAAAY,gBAAAA,EAAAA,IAACE,GAAA,EAAW,MAAAX,GAAY,SAAAE,GAAkB,gBAAgBI,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGpF;;;;"}

package/dist/index.js

@@ -1,137 +1,214 @@
-import { C as L, S as k, g as v, r as N, s as A } from "./object.utils-D2JZchGX.js";
-import { j as s, S as i, T as x } from "./component.constants-CevNd84w.js";
-import { U as D, W as M, Y as F, X as O, a4 as R, _ as B, Z as E, a3 as q, a5 as z, a0 as X, a1 as Y, $, a2 as H, N as K, d as Q, a6 as U, c as V, b as W, ae as Z, z as G, w as J, O as aa, i as sa, Q as ea, P as ta, a as ra, R as ia, r as oa, h as na, p as ca, s as la, g as ha, e as xa, f as ua, ad as pa, ac as da, ab as ma, a9 as ba, aa as wa, a7 as fa, a8 as _a, t as Ca, x as ga, n as Sa, u as ya, q as Ta, y as Ia, v as Pa, l as La, k as ka } from "./component.constants-CevNd84w.js";
-import { E as Na, S as Aa } from "./EditorCard-BH-UJ-r2.js";
-import { B as Da, b as Ma, i as Fa } from "./index-BdiFVL-h.js";
-import { S as Ra } from "./SingleSelectField-1pCsGGCo.js";
-import { g as Ea } from "./formatter.utils-C4WQGTAa.js";
-import { a as za, g as Xa } from "./pies.utils-8-Jqwd-M.js";
-import { i as $a } from "./index-Bhzc0DTK.js";
-import { i as Ka } from "./index-ClW2IYBN.js";
-import { i as Ua } from "./index-CkdDNqWT.js";
-import { i as Wa } from "./index-DkKTb5Sz.js";
-import { i as Ga } from "./index-DTkPk4ik.js";
-const u = "_overlay_1wzuc_1", p = {
-  overlay: u
-}, y = ({ className: e, children: r }) => /* @__PURE__ */ s.jsx("div", { className: i(p.overlay, e), children: r }), d = "_switchContainer_16fow_1", m = "_switchLabel_16fow_8", b = "_switchInput_16fow_14", w = "_switchTrack_16fow_21", f = "_switchThumb_16fow_51", _ = "_checked_16fow_66", C = "_disabled_16fow_78", g = "_labelText_16fow_100", a = {
-  switchContainer: d,
-  switchLabel: m,
-  switchInput: b,
-  switchTrack: w,
-  switchThumb: f,
-  checked: _,
-  disabled: C,
-  labelText: g
-}, T = ({
-  checked: e,
-  onChange: r,
-  disabled: t = !1,
-  className: c,
-  label: o,
+import { I as g } from "./object.utils-BILSXABS.js";
+import { C as hs, S as us, g as xs, r as ds, s as bs } from "./object.utils-BILSXABS.js";
+import { j as s, S as h, T as v, U as S, W as N, X as I, Y as C } from "./component.constants-CLoOVANT.js";
+import { Z as _s, a4 as fs, _ as Cs, a3 as ws, a5 as ys, a0 as js, a1 as gs, $ as vs, a2 as Ss, N as Ns, d as Is, a6 as $s, c as ks, b as Ps, ae as Ts, z as Ls, w as As, O as Ms, i as Fs, Q as Rs, P as Ds, a as Os, R as zs, r as Bs, h as Ws, p as Es, s as Xs, g as qs, e as Us, f as Vs, ad as Ys, ac as Hs, ab as Ks, a9 as Qs, aa as Zs, a7 as Gs, a8 as Js, t as sa, x as aa, n as ea, u as ta, q as oa, y as na, v as ra, l as ia, k as ca } from "./component.constants-CLoOVANT.js";
+import { useRef as $, useState as k, useEffect as P } from "react";
+import { B as T } from "./BaseButton-B7qw7XIU.js";
+import { E as ma, S as ha } from "./EditorCard-BLbWRaLj.js";
+import { B as f } from "./index-DtW0kTkN.js";
+import { b as xa, i as da } from "./index-DtW0kTkN.js";
+import { S as pa } from "./SingleSelectField-Bxn2EwRe.js";
+import { g as fa } from "./formatter.utils-CuQgLTFP.js";
+import { a as wa, g as ya } from "./pies.utils-BaGzYkUW.js";
+import { i as ga } from "./index-5cAOoiJ-.js";
+import { i as Sa } from "./index-o0VrbsfA.js";
+import { i as Ia } from "./index-CWydaR-j.js";
+import { i as ka } from "./index-BxB4iYt6.js";
+import { i as Ta } from "./index-C1zrYjih.js";
+const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", F = "_short_436fl_26", R = "_tall_436fl_34", a = {
+  container: L,
+  column: A,
+  box: M,
+  short: F,
+  tall: R
+}, ns = ({ className: o }) => {
+  const e = $(null), [n, l] = k(2);
+  P(() => {
+    const t = () => {
+      if (!e.current) return;
+      const u = e.current.offsetWidth, w = 32, m = 16, y = 128, p = 256, x = u - w, d = Math.floor((x + m) / (y + m)), j = (x - (d - 1) * m) / d;
+      let _ = d;
+      j > p && (_ = Math.floor((x + m) / (p + m))), l(Math.max(2, _));
+    };
+    t();
+    const r = new ResizeObserver(t);
+    return e.current && r.observe(e.current), () => r.disconnect();
+  }, []);
+  const c = (t) => {
+    const r = t % 2 === 0;
+    return /* @__PURE__ */ s.jsx("div", { className: a.column, children: r ? /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` })
+    ] }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.tall}` }),
+      /* @__PURE__ */ s.jsx("div", { className: `${a.box} ${a.short}` })
+    ] }) }, t);
+  };
+  return /* @__PURE__ */ s.jsx("div", { ref: e, className: `${a.container} ${o || ""}`, children: Array.from({ length: n }, (t, r) => c(r)) });
+}, D = "_icon_bk4b5_1", O = "_iconPrimary_bk4b5_6", z = "_iconSecondary_bk4b5_9", B = "_buttonIcon_bk4b5_12", b = {
+  icon: D,
+  iconPrimary: O,
+  iconSecondary: z,
+  buttonIcon: B
+}, rs = ({
+  icon: o,
+  variant: e = "primary",
   ...n
+}) => /* @__PURE__ */ s.jsx(T, { variant: e, size: "medium", className: b.buttonIcon, ...n, children: /* @__PURE__ */ s.jsx(
+  o,
+  {
+    className: h(
+      b.icon,
+      b[`icon${e.charAt(0).toUpperCase() + e.slice(1)}`]
+    )
+  }
+) }), W = "_overlay_1wzuc_1", E = {
+  overlay: W
+}, X = ({ className: o, children: e }) => /* @__PURE__ */ s.jsx("div", { className: h(E.overlay, o), children: e }), q = "_actions_pvzr9_1", U = {
+  actions: q
+}, is = ({
+  title: o,
+  message: e,
+  confirmLabel: n = "Confirm",
+  cancelLabel: l = "Cancel",
+  onConfirm: c,
+  onCancel: t,
+  className: r
+}) => /* @__PURE__ */ s.jsx(X, { children: /* @__PURE__ */ s.jsxs(v, { className: r, children: [
+  /* @__PURE__ */ s.jsx(S, { title: o, rightContent: /* @__PURE__ */ s.jsx(g, { icon: N, onClick: t }) }),
+  /* @__PURE__ */ s.jsxs(I, { children: [
+    /* @__PURE__ */ s.jsx(C, { as: "span", children: e }),
+    /* @__PURE__ */ s.jsxs("div", { className: U.actions, children: [
+      /* @__PURE__ */ s.jsx(f, { variant: "secondary", size: "medium", onClick: t, children: l }),
+      /* @__PURE__ */ s.jsx(f, { variant: "primary", size: "medium", onClick: c, children: n })
+    ] })
+  ] })
+] }) }), V = "_switchContainer_16fow_1", Y = "_switchLabel_16fow_8", H = "_switchInput_16fow_14", K = "_switchTrack_16fow_21", Q = "_switchThumb_16fow_51", Z = "_checked_16fow_66", G = "_disabled_16fow_78", J = "_labelText_16fow_100", i = {
+  switchContainer: V,
+  switchLabel: Y,
+  switchInput: H,
+  switchTrack: K,
+  switchThumb: Q,
+  checked: Z,
+  disabled: G,
+  labelText: J
+}, cs = ({
+  checked: o,
+  onChange: e,
+  disabled: n = !1,
+  className: l,
+  label: c,
+  ...t
 }) => {
-  const l = (h) => {
-    !t && r && r(h.target.checked);
+  const r = (u) => {
+    !n && e && e(u.target.checked);
   };
-  return n["aria-label"] || console.warn(
+  return t["aria-label"] || console.warn(
     "Switch component requires either a label prop or aria-label prop for accessibility"
-  ), /* @__PURE__ */ s.jsx("div", { className: i(a.switchContainer, c), children: /* @__PURE__ */ s.jsxs(
+  ), /* @__PURE__ */ s.jsx("div", { className: h(i.switchContainer, l), children: /* @__PURE__ */ s.jsxs(
     "label",
     {
-      className: i(a.switchLabel, e && a.checked, t && a.disabled),
+      className: h(i.switchLabel, o && i.checked, n && i.disabled),
       children: [
         /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "checkbox",
-            checked: e,
-            onChange: l,
-            disabled: t,
-            className: a.switchInput,
+            checked: o,
+            onChange: r,
+            disabled: n,
+            className: i.switchInput,
             role: "switch",
-            "aria-checked": e,
-            "aria-disabled": t,
-            ...n
+            "aria-checked": o,
+            "aria-disabled": n,
+            ...t
           }
         ),
-        /* @__PURE__ */ s.jsx("span", { className: a.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: a.switchThumb, "aria-hidden": "true" }) }),
-        o && /* @__PURE__ */ s.jsx(x, { as: "span", className: i(a.labelText, t && a.disabled), children: o })
+        /* @__PURE__ */ s.jsx("span", { className: i.switchTrack, "aria-hidden": "true", children: /* @__PURE__ */ s.jsx("span", { className: i.switchThumb, "aria-hidden": "true" }) }),
+        c && /* @__PURE__ */ s.jsx(C, { as: "span", className: h(i.labelText, n && i.disabled), children: c })
       ]
     }
   ) });
 };
 export {
-  Da as Button,
-  D as Card,
-  M as CardContent,
-  F as CardContentInfo,
-  O as CardHeader,
-  L as ChartCard,
-  Ga as DateRangeSelectFieldPro,
-  R as DonutChart,
-  Ka as DonutChartPro,
-  Ua as DonutLabelChartPro,
-  B as Dropdown,
-  Na as EditorCard,
-  E as IconButton,
-  Ma as MultiSelectField,
-  Fa as MultiSelectFieldPro,
-  q as NumberField,
-  y as PageOverlay,
-  z as PieChart,
-  $a as PieChartPro,
-  X as SelectButton,
-  Y as SelectList,
-  $ as SelectListOption,
-  Aa as SelectListOptions,
-  Ra as SingleSelectField,
-  Wa as SingleSelectFieldPro,
-  k as Skeleton,
-  T as Switch,
-  H as TextField,
-  x as Typography,
-  K as chartColors,
-  Q as dataset,
-  U as defaultPieChartOptions,
-  V as description,
-  W as dimension,
-  Z as dimensions,
-  za as getDefaultPieChartOptions,
-  v as getObjectStableKey,
-  Xa as getPieChartData,
-  G as getStyle,
-  J as getStyleNumber,
-  Ea as getThemeFormatter,
-  aa as i18n,
-  sa as i18nSetup,
-  ea as maxLegendItems,
-  ta as measure,
-  ra as measures,
-  ia as placeholder,
-  N as remarkableTheme,
-  oa as resolveI18nProps,
-  na as reverseXAxis,
-  ca as reverseYAxis,
-  la as showLegend,
-  ha as showLogarithmicScale,
-  xa as showTooltips,
-  ua as showValueLabels,
-  A as styles,
-  pa as subInputAbbreviateLargeNumber,
-  da as subInputCurrency,
-  ma as subInputDecimalPlaces,
-  ba as subInputDisplayName,
-  wa as subInputMaxCharacters,
-  fa as subInputPrefix,
-  _a as subInputSuffix,
-  Ca as title,
-  ga as xAxisLabel,
-  Sa as xAxisMaxItems,
-  ya as xAxisRangeMax,
-  Ta as xAxisRangeMin,
-  Ia as yAxisLabel,
-  Pa as yAxisMaxItems,
-  La as yAxisRangeMax,
-  ka as yAxisRangeMin
+  f as Button,
+  rs as ButtonIcon,
+  v as Card,
+  I as CardContent,
+  _s as CardContentInfo,
+  S as CardHeader,
+  hs as ChartCard,
+  is as ConfirmCancelModal,
+  Ta as DateRangeSelectFieldPro,
+  fs as DonutChart,
+  Sa as DonutChartPro,
+  Ia as DonutLabelChartPro,
+  Cs as Dropdown,
+  ma as EditorCard,
+  ns as EmptyStateSkeleton,
+  g as IconButton,
+  xa as MultiSelectField,
+  da as MultiSelectFieldPro,
+  ws as NumberField,
+  X as PageOverlay,
+  ys as PieChart,
+  ga as PieChartPro,
+  js as SelectButton,
+  gs as SelectList,
+  vs as SelectListOption,
+  ha as SelectListOptions,
+  pa as SingleSelectField,
+  ka as SingleSelectFieldPro,
+  us as Skeleton,
+  cs as Switch,
+  Ss as TextField,
+  C as Typography,
+  Ns as chartColors,
+  Is as dataset,
+  $s as defaultPieChartOptions,
+  ks as description,
+  Ps as dimension,
+  Ts as dimensions,
+  wa as getDefaultPieChartOptions,
+  xs as getObjectStableKey,
+  ya as getPieChartData,
+  Ls as getStyle,
+  As as getStyleNumber,
+  fa as getThemeFormatter,
+  Ms as i18n,
+  Fs as i18nSetup,
+  Rs as maxLegendItems,
+  Ds as measure,
+  Os as measures,
+  zs as placeholder,
+  ds as remarkableTheme,
+  Bs as resolveI18nProps,
+  Ws as reverseXAxis,
+  Es as reverseYAxis,
+  Xs as showLegend,
+  qs as showLogarithmicScale,
+  Us as showTooltips,
+  Vs as showValueLabels,
+  bs as styles,
+  Ys as subInputAbbreviateLargeNumber,
+  Hs as subInputCurrency,
+  Ks as subInputDecimalPlaces,
+  Qs as subInputDisplayName,
+  Zs as subInputMaxCharacters,
+  Gs as subInputPrefix,
+  Js as subInputSuffix,
+  sa as title,
+  aa as xAxisLabel,
+  ea as xAxisMaxItems,
+  ta as xAxisRangeMax,
+  oa as xAxisRangeMin,
+  na as yAxisLabel,
+  ra as yAxisMaxItems,
+  ia as yAxisRangeMax,
+  ca as yAxisRangeMin
 };
 //# sourceMappingURL=index.js.map