@embeddable.com/remarkable-ui 0.0.2 → 0.0.4

package/dist/MultiSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-ui/shared/Button/Button.tsx","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquare.mjs","../node_modules/@tabler/icons-react/dist/esm/icons/IconSquareCheckFilled.mjs","../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/index.tsx","../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { TablerIcon } from '@tabler/icons-react';\nimport clsx from 'clsx';\nimport styles from './Button.module.css';\nimport { Typography } from '../Typography/Typography';\n\ntype ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  startIcon?: TablerIcon;\n  endIcon?: TablerIcon;\n  children: string;\n  variant: 'primary' | 'secondary';\n  size: 'small' | 'medium';\n};\n\nexport const Button: React.FC<ButtonProps> = ({\n  variant,\n  startIcon: StartIcon,\n  endIcon: EndIcon,\n  size,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <button {...props} className={clsx(styles.button, styles[variant], styles[size], className)}>\n      {StartIcon && <StartIcon />}\n      <Typography as=\"span\">{children}</Typography>\n      {EndIcon && <EndIcon />}\n    </button>\n  );\n};\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\": \"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 { 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","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 40,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["Button","variant","StartIcon","EndIcon","size","className","children","props","jsxs","clsx","styles","jsx","Typography","__iconNode","IconSquare","createReactComponent","IconSquareCheckFilled","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","meta","dataset","Value","MultiSelectFieldPro_emb","defineComponent","inputs","state","setState","operator","loadData"],"mappings":"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","x_google_ignoreList":[1,2]}
+{"version":3,"file":"MultiSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/MultiSelectFieldPro/MultiSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport MultiSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'MultiSelectFieldPro',\n  label: 'Multi Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 40,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValues',\n      type: 'string',\n      array: true,\n      label: 'Selected Values',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n          array: true,\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Multi-select values',\n      type: 'string',\n      array: true,\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValues'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype MultiSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(MultiSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [MultiSelectDropdownState, (state: MultiSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValues: string[]) => {\n      return {\n        value: selectedValues.length ? selectedValues : Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","MultiSelectFieldPro_emb","defineComponent","MultiSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValues"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,gBAAgB;AAAA,MACzB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAqBV,GAAM;AAAA,EACxD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAAa;AAAA,MACjE,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,EAAe,SAASA,IAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAEnE;AAEJ,CAAC;"}

package/dist/PieChartPro.js

@@ -1,63 +1,20 @@
-import { i as f, r as V, m as k, j as m, P as v, d as w, a as x, b as L, t as S, c as j, s as D, e as I, f as T, g as y, V as A, l as M } from "./component.constants-DeKHmTqm.js";
-import { useTheme as O, defineComponent as E } from "@embeddable.com/react";
-import "react";
-import { g as F, a as R, C as _ } from "./ChartCard-LJ6ahXjM.js";
-const q = (e) => {
-  const s = O();
-  f(s);
-  const {
-    description: l,
-    dimension: t,
-    maxLegendItems: d,
-    measure: n,
-    results: a,
-    showLegend: c,
-    showTooltips: h,
-    showValueLabels: u,
-    title: p,
-    onSegmentClick: C
-  } = V(e), g = F({ data: a.data, dimension: t, measure: n, maxLegendItems: d }, s), P = k(
-    R(
-      {
-        measure: n,
-        showTooltips: h,
-        showLegend: c,
-        showValueLabels: u
-      },
-      s
-    ),
-    s.charts.pieChartOverrides ?? {}
-  ), b = (o) => {
-    var i, r;
-    C({
-      dimensionValue: o === void 0 || (r = (i = a.data) == null ? void 0 : i[o]) == null ? void 0 : r[t.name]
-    });
-  };
-  return /* @__PURE__ */ m.jsx(
-    _,
-    {
-      data: a,
-      dimensionsAndMeasures: [t, n],
-      errorMessage: a.error,
-      subtitle: l,
-      title: p,
-      children: /* @__PURE__ */ m.jsx(v, { data: g, options: P, onSegmentClick: b })
-    }
-  );
-}, z = {
+import { t as a, v as s, u as t, w as o, x as n, y as i, B as r, z as m, A as l, V as d, F as c } from "./component.constants-DJJeuVZB.js";
+import { defineComponent as p } from "@embeddable.com/react";
+import { P as u } from "./index-4zSmkd1-.js";
+const C = {
   name: "PieChartPro",
   label: "Pie Chart",
   category: "Pie Charts",
   inputs: [
-    w,
-    x,
-    L,
-    S,
-    j,
-    D,
-    I,
-    T,
-    y
+    a,
+    s,
+    t,
+    o,
+    n,
+    i,
+    r,
+    m,
+    l
   ],
   events: [
     {
@@ -72,22 +29,22 @@ const q = (e) => {
       ]
     }
   ]
-}, K = E(q, z, {
+}, f = p(u, C, {
   props: (e) => ({
     ...e,
-    results: M({
+    results: c({
       from: e.dataset,
       select: [e.measure, e.dimension]
     })
   }),
   events: {
     onSegmentClick: (e) => ({
-      dimensionValue: e.dimensionValue || A.noFilter()
+      dimensionValue: e.dimensionValue || d.noFilter()
     })
   }
 });
 export {
-  K as default,
-  z as meta
+  f as default,
+  C as meta
 };
 //# sourceMappingURL=PieChartPro.js.map

package/dist/PieChartPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"PieChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/PieChartPro/index.tsx","../src/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.ts"],"sourcesContent":["import { useTheme } from '@embeddable.com/react';\nimport { PieChart } from '../../../../../remarkable-ui';\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 { mergician } from 'mergician';\nimport { resolveI18nProps } from '../../../component.utils';\n\ntype PieChartProProps = DefaultPieChartProps;\n\nconst PieChartPro = (props: PieChartProProps) => {\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.pieChartOverrides ?? {},\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      <PieChart data={data} options={options} onSegmentClick={handleSegmentClick} />\n    </ChartCard>\n  );\n};\n\nexport default PieChartPro;\n","import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\n\nimport ReadyMadePieChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ReadyMadePieChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["PieChartPro","props","theme","useTheme","i18nSetup","description","dimension","maxLegendItems","measure","results","showLegend","showTooltips","showValueLabels","title","onSegmentClick","resolveI18nProps","data","getPieChartData","options","mergician","getDefaultPieChartOptions","handleSegmentClick","index","_b","_a","jsx","ChartCard","PieChart","meta","dataset","PieChartPro_emb","defineComponent","ReadyMadePieChart","inputs","loadData","value","Value"],"mappings":";;;;AAYA,MAAMA,IAAc,CAACC,MAA4B;AAC/C,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,IAEFA,EAAM,OAAO,qBAAqB,CAAA;AAAA,EAAC,GAG/BmB,IAAqB,CAACC,MAA8B;;AACxD,IAAAR,EAAe;AAAA,MACb,gBAAgBQ,MAAU,WAAwBC,KAAAC,IAAAf,EAAQ,SAAR,gBAAAe,EAAeF,OAAf,OAAZ,SAAYC,EAAwBjB,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,EAAS,MAAAX,GAAY,SAAAE,GAAkB,gBAAgBG,EAAA,CAAoB;AAAA,IAAA;AAAA,EAAA;AAGlF,GC7CaO,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACArB;AAAA,IACAF;AAAA,IACAO;AAAA,IACAR;AAAA,IACAK;AAAA,IACAH;AAAA,IACAI;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAkB,IAAeC,EAAgBC,GAAmBJ,GAAM;AAAA,EACtD,OAAO,CAACK,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}
+{"version":3,"file":"PieChartPro.js","sources":["../src/remarkable-pro/components/charts/pies/PieChartPro/PieChartPro.emb.ts"],"sourcesContent":["import { Value, loadData } from '@embeddable.com/core';\nimport { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\n\nimport ReadyMadePieChart from './index';\nimport {\n  dimension,\n  dataset,\n  description,\n  measure,\n  maxLegendItems,\n  showLegend,\n  showTooltips,\n  showValueLabels,\n  title,\n} from '../../../component.constants';\n\nexport const meta = {\n  name: 'PieChartPro',\n  label: 'Pie Chart',\n  category: 'Pie Charts',\n  inputs: [\n    dataset,\n    measure,\n    dimension,\n    title,\n    description,\n    showLegend,\n    maxLegendItems,\n    showTooltips,\n    showValueLabels,\n  ],\n  events: [\n    {\n      name: 'onSegmentClick',\n      label: 'A segment is clicked',\n      properties: [\n        {\n          name: 'dimensionValue',\n          label: 'Clicked Dimension',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\nexport default defineComponent(ReadyMadePieChart, meta, {\n  props: (inputs: Inputs<typeof meta>) => {\n    return {\n      ...inputs,\n      results: loadData({\n        from: inputs.dataset,\n        select: [inputs.measure, inputs.dimension],\n      }),\n    };\n  },\n  events: {\n    onSegmentClick: (value) => {\n      return {\n        dimensionValue: value.dimensionValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","measure","dimension","title","description","showLegend","maxLegendItems","showTooltips","showValueLabels","PieChartPro_emb","defineComponent","ReadyMadePieChart","inputs","loadData","value","Value"],"mappings":";;;AAgBO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,IACNC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEJ,GAEAC,IAAeC,EAAgBC,GAAmBZ,GAAM;AAAA,EACtD,OAAO,CAACa,OACC;AAAA,IACL,GAAGA;AAAA,IACH,SAASC,EAAS;AAAA,MAChB,MAAMD,EAAO;AAAA,MACb,QAAQ,CAACA,EAAO,SAASA,EAAO,SAAS;AAAA,IAAA,CAC1C;AAAA,EAAA;AAAA,EAGL,QAAQ;AAAA,IACN,gBAAgB,CAACE,OACR;AAAA,MACL,gBAAgBA,EAAM,kBAAkBC,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3D;AAEJ,CAAC;"}

package/dist/SingleSelectFieldPro.js

@@ -1,133 +1,25 @@
-import { useTheme as P, defineComponent as I } from "@embeddable.com/react";
-import { j as n, q as E, S as M, B as T, u as F, E as q, r as w, h as B, n as R, d as A, b as y, t as N, c as _, F as k, V, l as H } from "./component.constants-DeKHmTqm.js";
-import { useState as C, useRef as K, useEffect as W, useMemo as X } from "react";
-import { u as z, d as G, I as J, S as Q, E as U } from "./EditorCard-ESCNXU4p.js";
-const Y = ({
-  value: a = "",
-  options: l,
-  disabled: i,
-  placeholder: c,
-  isSearchable: r,
-  isClearable: u,
-  isLoading: m,
-  noOptionsMessage: f,
-  onChange: d,
-  onSearch: s
-}) => {
-  const [g, p] = C(!1), [h, b] = C(""), [S, o] = C(a), t = K(null);
-  z(g, t), W(() => {
-    if (!a) {
-      o("");
-      return;
-    }
-    const e = l.find((v) => v.value === a);
-    e && o(e.label);
-  }, [a, l]);
-  const x = X(() => s ? G(s) : void 0, [s]), j = r && !s ? l.filter((e) => e.label.toLowerCase().includes(h.toLowerCase())) : l, O = (e) => {
-    if (b(""), d(e ?? ""), s == null || s(""), e === "")
-      o("");
-    else {
-      const v = l.find((D) => D.value === e);
-      v && o(v.label);
-    }
-  }, L = (e) => {
-    b(e), x == null || x(e);
-  };
-  return /* @__PURE__ */ n.jsx(
-    E,
-    {
-      open: g,
-      onOpenChange: p,
-      disabled: i,
-      triggerComponent: /* @__PURE__ */ n.jsx(
-        q,
-        {
-          "aria-label": "Select option",
-          placeholder: c,
-          disabled: i,
-          valueLabel: S,
-          onClear: () => O(""),
-          isClearable: u,
-          isLoading: m
-        }
-      ),
-      children: /* @__PURE__ */ n.jsxs(M, { children: [
-        r && /* @__PURE__ */ n.jsx(
-          T,
-          {
-            ref: t,
-            startIcon: J,
-            "aria-label": "Search options",
-            placeholder: "Search…",
-            role: "searchbox",
-            value: h,
-            onKeyDown: (e) => e.stopPropagation(),
-            onChange: L
-          }
-        ),
-        /* @__PURE__ */ n.jsxs(Q, { disabled: m, children: [
-          j.map((e) => /* @__PURE__ */ n.jsx(
-            F,
-            {
-              onClick: () => O(e == null ? void 0 : e.value),
-              ...e
-            },
-            (e == null ? void 0 : e.value) ?? e.label
-          )),
-          f && /* @__PURE__ */ n.jsx(F, { disabled: !0, value: "empty", label: f })
-        ] })
-      ] })
-    }
-  );
-}, Z = 200, $ = (a) => {
-  var S, o;
-  const l = P(), i = B(l), {
-    title: c,
-    description: r,
-    dimension: u,
-    optionalSecondDimension: m,
-    placeholder: f,
-    results: d,
-    selectedValue: s,
-    setSearchValue: g,
-    onChange: p
-  } = w(a), h = ((S = d.data) == null ? void 0 : S.map((t) => ({
-    value: m ? t[m.name] : t[u.name],
-    label: i.data(u, t[u.name])
-  }))) ?? [], b = !d.isLoading && (((o = d.data) == null ? void 0 : o.length) ?? 0) === 0;
-  return /* @__PURE__ */ n.jsx(U, { title: c, subtitle: r, children: /* @__PURE__ */ n.jsx(
-    Y,
-    {
-      isClearable: !0,
-      isSearchable: !0,
-      isLoading: d.isLoading,
-      value: s,
-      options: h,
-      placeholder: f,
-      noOptionsMessage: b ? R.t("common.noOptionsFound") : void 0,
-      onChange: (t) => p == null ? void 0 : p(t),
-      onSearch: g
-    }
-  ) });
-}, ee = {
+import { defineComponent as r } from "@embeddable.com/react";
+import { t as s, u as n, w as d, x as m, E as u, V as l, F as p } from "./component.constants-DJJeuVZB.js";
+import { M as c, a as f } from "./index-B8DbQejD.js";
+const g = {
   name: "SingleSelectFieldPro",
   label: "Single Select Field",
   category: "Dropdowns",
   defaultWidth: 200,
   defaultHeight: 40,
   inputs: [
-    A,
-    { ...y, label: "Dimension (to load Dropdown values)" },
+    s,
+    { ...n, label: "Dimension (to load Dropdown values)" },
     {
-      ...y,
+      ...n,
       required: !1,
       name: "optionalSecondDimension",
       label: "Optional second dimension for filtering",
       description: "A hidden dimension applied for filtering instead of the main dimension. Must be unique."
     },
-    N,
-    _,
-    { ...k, defaultValue: "Select value..." },
+    d,
+    m,
+    { ...u, defaultValue: "Select value..." },
     {
       name: "selectedValue",
       type: "string",
@@ -139,7 +31,7 @@ const Y = ({
       type: "number",
       label: "Maximum options",
       category: "Pre-configured variables",
-      defaultValue: Z
+      defaultValue: c
     }
   ],
   events: [
@@ -158,40 +50,40 @@ const Y = ({
     {
       name: "Single-select value",
       type: "string",
-      defaultValue: V.noFilter(),
+      defaultValue: l.noFilter(),
       inputs: ["selectedValue"],
       events: [{ name: "onChange", property: "value" }]
     }
   ]
-}, te = I($, ee, {
-  props: (a, [l, i]) => {
-    const c = a.dimension.nativeType === "string" ? "contains" : "equals";
+}, h = r(f, g, {
+  props: (e, [a, i]) => {
+    const o = e.dimension.nativeType === "string" ? "contains" : "equals";
     return {
-      ...a,
-      maxOptions: a.maxOptions,
-      setSearchValue: (r) => i({ searchValue: r }),
-      results: H({
-        limit: a.maxOptions,
-        from: a.dataset,
-        select: [a.dimension, a.optionalSecondDimension].filter(Boolean),
-        filters: l != null && l.searchValue ? [
+      ...e,
+      maxOptions: e.maxOptions,
+      setSearchValue: (t) => i({ searchValue: t }),
+      results: p({
+        limit: e.maxOptions,
+        from: e.dataset,
+        select: [e.dimension, e.optionalSecondDimension].filter(Boolean),
+        filters: a != null && a.searchValue ? [
           {
-            operator: c,
-            property: a.dimension,
-            value: l.searchValue
+            operator: o,
+            property: e.dimension,
+            value: a.searchValue
           }
         ] : void 0
       })
     };
   },
   events: {
-    onChange: (a) => ({
-      value: a || V.noFilter()
+    onChange: (e) => ({
+      value: e || l.noFilter()
     })
   }
 });
 export {
-  te as default,
-  ee as meta
+  h as default,
+  g as meta
 };
 //# sourceMappingURL=SingleSelectFieldPro.js.map

package/dist/SingleSelectFieldPro.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx","../src/remarkable-pro/components/editors/SingleSelectFieldPro/index.tsx","../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { FC, useEffect, useMemo, useRef, useState } from 'react';\nimport { TextField } from '../../TextField/TextField';\nimport { SelectButton } from '../shared/SelectButton/SelectButton';\nimport { Dropdown } from '../../../shared/Dropdown/Dropdown';\nimport { SelectList } from '../shared/SelectList/SelectList';\nimport { SelectListOptions } from '../shared/SelectList/SelectListOptions/SelectListOptions';\nimport {\n  SelectListOption,\n  SelectListOptionProps,\n} from '../shared/SelectList/SelectListOptions/SelectListOption/SelectListOption';\nimport { debounce } from '../../../utils/debounce.utils';\nimport { IconSearch } from '@tabler/icons-react';\nimport { useSelectSearchFocus } from '../shared/useSelectSearchFocus.hook';\n\nexport type SingleSelectFieldProps = {\n  options: SelectListOptionProps[];\n  value?: string;\n  disabled?: boolean;\n  placeholder?: string;\n  isSearchable?: boolean;\n  isClearable?: boolean;\n  isLoading?: boolean;\n  noOptionsMessage?: string;\n  onChange: (value: string) => void;\n  onSearch?: (search: string) => void;\n};\n\nexport const SingleSelectField: FC<SingleSelectFieldProps> = ({\n  value = '',\n  options,\n  disabled,\n  placeholder,\n  isSearchable,\n  isClearable,\n  isLoading,\n  noOptionsMessage,\n  onChange,\n  onSearch,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchValue, setSearchValue] = useState<string>('');\n  const [selectedLabel, setSelectedLabel] = useState<string>(value);\n\n  const searchFieldRef = useRef<HTMLInputElement>(null);\n  useSelectSearchFocus(isOpen, searchFieldRef);\n\n  useEffect(() => {\n    if (!value) {\n      setSelectedLabel('');\n      return;\n    }\n\n    const option = options.find((opt) => opt.value === value);\n    if (option) {\n      setSelectedLabel(option.label);\n    }\n  }, [value, options]);\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 handleChange = (newValue?: string) => {\n    setSearchValue('');\n    onChange(newValue ?? '');\n    onSearch?.('');\n\n    if (newValue === '') {\n      setSelectedLabel('');\n    } else {\n      const option = options.find((opt) => opt.value === newValue);\n      if (option) setSelectedLabel(option.label);\n    }\n  };\n\n  const handleSearch = (newSearch: string) => {\n    setSearchValue(newSearch);\n    debouncedSearch?.(newSearch);\n  };\n\n  return (\n    <Dropdown\n      open={isOpen}\n      onOpenChange={setIsOpen}\n      disabled={disabled}\n      triggerComponent={\n        <SelectButton\n          aria-label=\"Select option\"\n          placeholder={placeholder}\n          disabled={disabled}\n          valueLabel={selectedLabel}\n          onClear={() => handleChange('')}\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={() => handleChange(option?.value)}\n              {...option}\n            />\n          ))}\n          {noOptionsMessage && <SelectListOption disabled value=\"empty\" label={noOptionsMessage} />}\n        </SelectListOptions>\n      </SelectList>\n    </Dropdown>\n  );\n};\n","import { DataResponse, Dimension } from '@embeddable.com/core';\nimport { SingleSelectField } from '../../../../remarkable-ui/editors/select/SingleSelectField/SingleSelectField';\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';\n\nexport const MAX_OPTIONS = 200;\n\ntype SingleSelectFieldProProps = {\n  title?: string;\n  description?: string;\n  dimension: Dimension;\n  optionalSecondDimension?: Dimension;\n  placeholder?: string;\n  results: DataResponse;\n  selectedValue: string;\n  maxOptions?: number;\n  setSearchValue: (search: string) => void;\n  onChange?: (selectedValue: string) => void;\n};\n\nconst SingleSelectFieldPro = (props: SingleSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const themeFormatter = getThemeFormatter(theme);\n\n  const {\n    title,\n    description,\n    dimension,\n    optionalSecondDimension,\n    placeholder,\n    results,\n    selectedValue,\n    setSearchValue,\n    onChange,\n  } = resolveI18nProps(props);\n\n  const options =\n    results.data?.map((data) => {\n      return {\n        value: optionalSecondDimension ? data[optionalSecondDimension.name] : data[dimension.name],\n        label: themeFormatter.data(dimension, data[dimension.name]),\n      };\n    }) ?? [];\n\n  const showNoOptionsMessage = Boolean(!results.isLoading && (results.data?.length ?? 0) === 0);\n\n  return (\n    <EditorCard title={title} subtitle={description}>\n      <SingleSelectField\n        isClearable\n        isSearchable\n        isLoading={results.isLoading}\n        value={selectedValue}\n        options={options}\n        placeholder={placeholder}\n        noOptionsMessage={showNoOptionsMessage ? i18n.t('common.noOptionsFound') : undefined}\n        onChange={(newValue) => onChange?.(newValue)}\n        onSearch={setSearchValue}\n      />\n    </EditorCard>\n  );\n};\n\nexport default SingleSelectFieldPro;\n","import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 40,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["SingleSelectField","value","options","disabled","placeholder","isSearchable","isClearable","isLoading","noOptionsMessage","onChange","onSearch","isOpen","setIsOpen","useState","searchValue","setSearchValue","selectedLabel","setSelectedLabel","searchFieldRef","useRef","useSelectSearchFocus","useEffect","option","opt","debouncedSearch","useMemo","debounce","displayOptions","handleChange","newValue","handleSearch","newSearch","jsx","Dropdown","SelectButton","SelectList","TextField","IconSearch","jsxs","SelectListOptions","SelectListOption","MAX_OPTIONS","SingleSelectFieldPro","props","theme","useTheme","themeFormatter","getThemeFormatter","title","description","dimension","optionalSecondDimension","results","selectedValue","resolveI18nProps","_a","data","showNoOptionsMessage","_b","EditorCard","i18n","meta","dataset","Value","SingleSelectFieldPro_emb","defineComponent","inputs","state","setState","operator","loadData"],"mappings":"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"}
+{"version":3,"file":"SingleSelectFieldPro.js","sources":["../src/remarkable-pro/components/editors/SingleSelectFieldPro/SingleSelectFieldPro.emb.ts"],"sourcesContent":["import { defineComponent, EmbeddedComponentMeta, Inputs } from '@embeddable.com/react';\nimport { Value, loadData } from '@embeddable.com/core';\nimport { dataset, description, dimension, placeholder, title } from '../../component.constants';\nimport SingleSelectFieldPro, { MAX_OPTIONS } from '.';\n\nexport const meta = {\n  name: 'SingleSelectFieldPro',\n  label: 'Single Select Field',\n  category: 'Dropdowns',\n  defaultWidth: 200,\n  defaultHeight: 40,\n  inputs: [\n    dataset,\n    { ...dimension, label: 'Dimension (to load Dropdown values)' },\n    {\n      ...dimension,\n      required: false,\n      name: 'optionalSecondDimension',\n      label: 'Optional second dimension for filtering',\n      description:\n        'A hidden dimension applied for filtering instead of the main dimension. Must be unique.',\n    },\n    title,\n    description,\n    { ...placeholder, defaultValue: 'Select value...' },\n    {\n      name: 'selectedValue',\n      type: 'string',\n      label: 'Selected Value',\n      category: 'Pre-configured variables',\n    },\n    {\n      name: 'maxOptions',\n      type: 'number',\n      label: 'Maximum options',\n      category: 'Pre-configured variables',\n      defaultValue: MAX_OPTIONS,\n    },\n  ],\n  events: [\n    {\n      name: 'onChange',\n      label: 'Change',\n      properties: [\n        {\n          name: 'value',\n          type: 'string',\n        },\n      ],\n    },\n  ],\n  variables: [\n    {\n      name: 'Single-select value',\n      type: 'string',\n      defaultValue: Value.noFilter(),\n      inputs: ['selectedValue'],\n      events: [{ name: 'onChange', property: 'value' }],\n    },\n  ],\n} as const satisfies EmbeddedComponentMeta;\n\ntype SingleSelectDropdownState = {\n  searchValue?: string;\n};\n\nexport default defineComponent(SingleSelectFieldPro, meta, {\n  props: (\n    inputs: Inputs<typeof meta>,\n    [state, setState]: [SingleSelectDropdownState, (state: SingleSelectDropdownState) => void],\n  ) => {\n    const operator = inputs.dimension.nativeType === 'string' ? 'contains' : 'equals';\n    return {\n      ...inputs,\n      maxOptions: inputs.maxOptions,\n      setSearchValue: (searchValue: string) => setState({ searchValue: searchValue }),\n      results: loadData({\n        limit: inputs.maxOptions,\n        from: inputs.dataset,\n        select: [inputs.dimension, inputs.optionalSecondDimension].filter(Boolean),\n        filters: state?.searchValue\n          ? [\n              {\n                operator,\n                property: inputs.dimension,\n                value: state.searchValue,\n              },\n            ]\n          : undefined,\n      }),\n    };\n  },\n  events: {\n    onChange: (selectedValue: string) => {\n      return {\n        value: selectedValue || Value.noFilter(),\n      };\n    },\n  },\n});\n"],"names":["meta","dataset","dimension","title","description","placeholder","MAX_OPTIONS","Value","SingleSelectFieldPro_emb","defineComponent","SingleSelectFieldPro","inputs","state","setState","operator","searchValue","loadData","selectedValue"],"mappings":";;;AAKO,MAAMA,IAAO;AAAA,EAClB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,QAAQ;AAAA,IACNC;AAAA,IACA,EAAE,GAAGC,GAAW,OAAO,sCAAA;AAAA,IACvB;AAAA,MACE,GAAGA;AAAA,MACH,UAAU;AAAA,MACV,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aACE;AAAA,IAAA;AAAA,IAEJC;AAAA,IACAC;AAAA,IACA,EAAE,GAAGC,GAAa,cAAc,kBAAA;AAAA,IAChC;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,IAAA;AAAA,IAEZ;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,UAAU;AAAA,MACV,cAAcC;AAAA,IAAA;AAAA,EAChB;AAAA,EAEF,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAY;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,cAAcC,EAAM,SAAA;AAAA,MACpB,QAAQ,CAAC,eAAe;AAAA,MACxB,QAAQ,CAAC,EAAE,MAAM,YAAY,UAAU,SAAS;AAAA,IAAA;AAAA,EAClD;AAEJ,GAMAC,IAAeC,EAAgBC,GAAsBV,GAAM;AAAA,EACzD,OAAO,CACLW,GACA,CAACC,GAAOC,CAAQ,MACb;AACH,UAAMC,IAAWH,EAAO,UAAU,eAAe,WAAW,aAAa;AACzE,WAAO;AAAA,MACL,GAAGA;AAAA,MACH,YAAYA,EAAO;AAAA,MACnB,gBAAgB,CAACI,MAAwBF,EAAS,EAAE,aAAAE,GAA0B;AAAA,MAC9E,SAASC,EAAS;AAAA,QAChB,OAAOL,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,QAAQ,CAACA,EAAO,WAAWA,EAAO,uBAAuB,EAAE,OAAO,OAAO;AAAA,QACzE,SAASC,KAAA,QAAAA,EAAO,cACZ;AAAA,UACE;AAAA,YACE,UAAAE;AAAA,YACA,UAAUH,EAAO;AAAA,YACjB,OAAOC,EAAM;AAAA,UAAA;AAAA,QACf,IAEF;AAAA,MAAA,CACL;AAAA,IAAA;AAAA,EAEL;AAAA,EACA,QAAQ;AAAA,IACN,UAAU,CAACK,OACF;AAAA,MACL,OAAOA,KAAiBV,EAAM,SAAA;AAAA,IAAS;AAAA,EAE3C;AAEJ,CAAC;"}

package/dist/{component.constants-DeKHmTqm.js → component.constants-DJJeuVZB.js}

@@ -2041,7 +2041,8 @@ nt.hasLoadedNamespace;
 nt.loadNamespaces;
 nt.loadLanguages;
 const r_ = (e) => {
-  nt.language === e.i18n.language && nt.isInitialized || nt.init({
+  var t, n;
+  !((t = e == null ? void 0 : e.i18n) != null && t.language) || !((n = e == null ? void 0 : e.i18n) != null && n.translations) || nt.language === e.i18n.language && nt.isInitialized || nt.init({
     lng: e.i18n.language,
     fallbackLng: "en",
     resources: e.i18n.translations,
@@ -15100,42 +15101,51 @@ const x_ = ({ data: e, options: t = {}, onSegmentClick: n }) => {
   category: "Component Settings"
 };
 export {
-  fe as A,
-  Cb as B,
+  O_ as A,
+  R_ as B,
   $f as C,
-  y_ as D,
-  xb as E,
-  A_ as F,
-  pb as I,
+  f_ as D,
+  A_ as E,
+  i_ as F,
+  qi as G,
+  C as H,
+  Kf as I,
+  o_ as J,
+  Cb as K,
+  fe as L,
+  cs as M,
+  g_ as N,
+  $l as O,
   x_ as P,
-  p_ as S,
+  pb as Q,
+  h_ as S,
   He as T,
   s_ as V,
-  S_ as a,
-  __ as b,
-  M_ as c,
-  w_ as d,
-  R_ as e,
-  P_ as f,
-  O_ as g,
-  o_ as h,
-  r_ as i,
-  C as j,
-  $l as k,
-  i_ as l,
-  qi as m,
-  nt as n,
-  cs as o,
-  la as p,
-  f_ as q,
+  Bf as a,
+  a_ as b,
+  l_ as c,
+  xb as d,
+  p_ as e,
+  y_ as f,
+  la as g,
+  it as h,
+  X as i,
+  nt as j,
+  r_ as k,
+  Gw as l,
+  Jw as m,
+  qw as n,
+  Zw as o,
+  Qw as p,
+  t_ as q,
   v_ as r,
-  k_ as s,
-  C_ as t,
-  h_ as u,
-  Kf as v,
-  a_ as w,
-  Bf as x,
-  l_ as y,
-  g_ as z
+  Xw as s,
+  w_ as t,
+  __ as u,
+  S_ as v,
+  C_ as w,
+  M_ as x,
+  k_ as y,
+  P_ as z
 };
-//# sourceMappingURL=component.constants-DeKHmTqm.js.map
+//# sourceMappingURL=component.constants-DJJeuVZB.js.map