@webiny/admin-ui 6.3.0 → 6.4.0-beta.1

package/Select/domains/SelectOption.js

@@ -1,44 +1,45 @@
-export class SelectOption {
-  constructor(data) {
-    this._label = data.label;
-    this._value = data.value;
-    this._options = data.options.map(option => SelectOption.create(option));
-    this._disabled = data.disabled;
-    this._separator = data.separator;
-  }
-  static create(data) {
-    return new SelectOption({
-      label: data.label,
-      value: data.value ?? null,
-      options: data.options ?? [],
-      disabled: data.disabled ?? false,
-      separator: data.separator ?? false
-    });
-  }
-  static createFromString(value) {
-    return new SelectOption({
-      label: value,
-      value: value,
-      options: [],
-      disabled: false,
-      separator: false
-    });
-  }
-  get label() {
-    return this._label;
-  }
-  get value() {
-    return this._value;
-  }
-  get options() {
-    return this._options;
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  get separator() {
-    return this._separator;
-  }
+class SelectOption {
+    constructor(data){
+        this._label = data.label;
+        this._value = data.value;
+        this._options = data.options.map((option)=>SelectOption.create(option));
+        this._disabled = data.disabled;
+        this._separator = data.separator;
+    }
+    static create(data) {
+        return new SelectOption({
+            label: data.label,
+            value: data.value ?? null,
+            options: data.options ?? [],
+            disabled: data.disabled ?? false,
+            separator: data.separator ?? false
+        });
+    }
+    static createFromString(value) {
+        return new SelectOption({
+            label: value,
+            value: value,
+            options: [],
+            disabled: false,
+            separator: false
+        });
+    }
+    get label() {
+        return this._label;
+    }
+    get value() {
+        return this._value;
+    }
+    get options() {
+        return this._options;
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    get separator() {
+        return this._separator;
+    }
 }
+export { SelectOption };
 
 //# sourceMappingURL=SelectOption.js.map

package/Select/domains/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOption","constructor","data","_label","label","_value","value","_options","options","map","option","create","_disabled","disabled","_separator","separator","createFromString"],"sources":["SelectOption.ts"],"sourcesContent":["import type { SelectOptionDto } from \"./SelectOptionDto.js\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"mappings":"AAEA,OAAO,MAAMA,YAAY,CAAC;EAOZC,WAAWA,CAACC,IAMrB,EAAE;IACC,IAAI,CAACC,MAAM,GAAGD,IAAI,CAACE,KAAK;IACxB,IAAI,CAACC,MAAM,GAAGH,IAAI,CAACI,KAAK;IACxB,IAAI,CAACC,QAAQ,GAAGL,IAAI,CAACM,OAAO,CAACC,GAAG,CAACC,MAAM,IAAIV,YAAY,CAACW,MAAM,CAACD,MAAM,CAAC,CAAC;IACvE,IAAI,CAACE,SAAS,GAAGV,IAAI,CAACW,QAAQ;IAC9B,IAAI,CAACC,UAAU,GAAGZ,IAAI,CAACa,SAAS;EACpC;EAEA,OAAOJ,MAAMA,CAACT,IAAqB,EAAE;IACjC,OAAO,IAAIF,YAAY,CAAC;MACpBI,KAAK,EAAEF,IAAI,CAACE,KAAK;MACjBE,KAAK,EAAEJ,IAAI,CAACI,KAAK,IAAI,IAAI;MACzBE,OAAO,EAAEN,IAAI,CAACM,OAAO,IAAI,EAAE;MAC3BK,QAAQ,EAAEX,IAAI,CAACW,QAAQ,IAAI,KAAK;MAChCE,SAAS,EAAEb,IAAI,CAACa,SAAS,IAAI;IACjC,CAAC,CAAC;EACN;EAEA,OAAOC,gBAAgBA,CAACV,KAAa,EAAE;IACnC,OAAO,IAAIN,YAAY,CAAC;MACpBI,KAAK,EAAEE,KAAK;MACZA,KAAK,EAAEA,KAAK;MACZE,OAAO,EAAE,EAAE;MACXK,QAAQ,EAAE,KAAK;MACfE,SAAS,EAAE;IACf,CAAC,CAAC;EACN;EAEA,IAAIX,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,KAAKA,CAAA,EAAG;IACR,OAAO,IAAI,CAACD,MAAM;EACtB;EAEA,IAAIG,OAAOA,CAAA,EAAG;IACV,OAAO,IAAI,CAACD,QAAQ;EACxB;EAEA,IAAIM,QAAQA,CAAA,EAAG;IACX,OAAO,IAAI,CAACD,SAAS;EACzB;EAEA,IAAIG,SAASA,CAAA,EAAG;IACZ,OAAO,IAAI,CAACD,UAAU;EAC1B;AACJ","ignoreList":[]}
+{"version":3,"file":"Select/domains/SelectOption.js","sources":["../../../src/Select/domains/SelectOption.ts"],"sourcesContent":["import type { SelectOptionDto } from \"./SelectOptionDto.js\";\n\nexport class SelectOption {\n    private readonly _label: string;\n    private readonly _value: string | null;\n    private readonly _options: SelectOption[];\n    private readonly _disabled: boolean;\n    private readonly _separator: boolean;\n\n    protected constructor(data: {\n        label: string;\n        value: string | null;\n        options: SelectOptionDto[];\n        disabled: boolean;\n        separator: boolean;\n    }) {\n        this._label = data.label;\n        this._value = data.value;\n        this._options = data.options.map(option => SelectOption.create(option));\n        this._disabled = data.disabled;\n        this._separator = data.separator;\n    }\n\n    static create(data: SelectOptionDto) {\n        return new SelectOption({\n            label: data.label,\n            value: data.value ?? null,\n            options: data.options ?? [],\n            disabled: data.disabled ?? false,\n            separator: data.separator ?? false\n        });\n    }\n\n    static createFromString(value: string) {\n        return new SelectOption({\n            label: value,\n            value: value,\n            options: [],\n            disabled: false,\n            separator: false\n        });\n    }\n\n    get label() {\n        return this._label;\n    }\n\n    get value() {\n        return this._value;\n    }\n\n    get options() {\n        return this._options;\n    }\n\n    get disabled() {\n        return this._disabled;\n    }\n\n    get separator() {\n        return this._separator;\n    }\n}\n"],"names":["SelectOption","data","option","value"],"mappings":"AAEO,MAAMA;IAOT,YAAsBC,IAMrB,CAAE;QACC,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,MAAM,GAAGA,KAAK,KAAK;QACxB,IAAI,CAAC,QAAQ,GAAGA,KAAK,OAAO,CAAC,GAAG,CAACC,CAAAA,SAAUF,aAAa,MAAM,CAACE;QAC/D,IAAI,CAAC,SAAS,GAAGD,KAAK,QAAQ;QAC9B,IAAI,CAAC,UAAU,GAAGA,KAAK,SAAS;IACpC;IAEA,OAAO,OAAOA,IAAqB,EAAE;QACjC,OAAO,IAAID,aAAa;YACpB,OAAOC,KAAK,KAAK;YACjB,OAAOA,KAAK,KAAK,IAAI;YACrB,SAASA,KAAK,OAAO,IAAI,EAAE;YAC3B,UAAUA,KAAK,QAAQ,IAAI;YAC3B,WAAWA,KAAK,SAAS,IAAI;QACjC;IACJ;IAEA,OAAO,iBAAiBE,KAAa,EAAE;QACnC,OAAO,IAAIH,aAAa;YACpB,OAAOG;YACP,OAAOA;YACP,SAAS,EAAE;YACX,UAAU;YACV,WAAW;QACf;IACJ;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,MAAM;IACtB;IAEA,IAAI,UAAU;QACV,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,IAAI,WAAW;QACX,OAAO,IAAI,CAAC,SAAS;IACzB;IAEA,IAAI,YAAY;QACZ,OAAO,IAAI,CAAC,UAAU;IAC1B;AACJ"}

package/Select/domains/SelectOptionDto.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=SelectOptionDto.js.map

package/Select/domains/SelectOptionFormatted.js

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=SelectOptionFormatted.js.map

package/Select/domains/SelectOptionMapper.js

@@ -1,13 +1,14 @@
-export class SelectOptionMapper {
-  static toFormatted(option) {
-    return {
-      label: option.label,
-      value: option.value,
-      disabled: option.disabled,
-      separator: option.separator,
-      options: option.options.map(option => SelectOptionMapper.toFormatted(option))
-    };
-  }
+class SelectOptionMapper {
+    static toFormatted(option) {
+        return {
+            label: option.label,
+            value: option.value,
+            disabled: option.disabled,
+            separator: option.separator,
+            options: option.options.map((option)=>SelectOptionMapper.toFormatted(option))
+        };
+    }
 }
+export { SelectOptionMapper };
 
 //# sourceMappingURL=SelectOptionMapper.js.map

package/Select/domains/SelectOptionMapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption.js\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted.js\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"mappings":"AAGA,OAAO,MAAMA,kBAAkB,CAAC;EAC5B,OAAOC,WAAWA,CAACC,MAAoB,EAAyB;IAC5D,OAAO;MACHC,KAAK,EAAED,MAAM,CAACC,KAAK;MACnBC,KAAK,EAAEF,MAAM,CAACE,KAAK;MACnBC,QAAQ,EAAEH,MAAM,CAACG,QAAQ;MACzBC,SAAS,EAAEJ,MAAM,CAACI,SAAS;MAC3BC,OAAO,EAAEL,MAAM,CAACK,OAAO,CAACC,GAAG,CAACN,MAAM,IAAIF,kBAAkB,CAACC,WAAW,CAACC,MAAM,CAAC;IAChF,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"Select/domains/SelectOptionMapper.js","sources":["../../../src/Select/domains/SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption.js\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted.js\";\n\nexport class SelectOptionMapper {\n    static toFormatted(option: SelectOption): SelectOptionFormatted {\n        return {\n            label: option.label,\n            value: option.value,\n            disabled: option.disabled,\n            separator: option.separator,\n            options: option.options.map(option => SelectOptionMapper.toFormatted(option))\n        };\n    }\n}\n"],"names":["SelectOptionMapper","option"],"mappings":"AAGO,MAAMA;IACT,OAAO,YAAYC,MAAoB,EAAyB;QAC5D,OAAO;YACH,OAAOA,OAAO,KAAK;YACnB,OAAOA,OAAO,KAAK;YACnB,UAAUA,OAAO,QAAQ;YACzB,WAAWA,OAAO,SAAS;YAC3B,SAASA,OAAO,OAAO,CAAC,GAAG,CAACA,CAAAA,SAAUD,mBAAmB,WAAW,CAACC;QACzE;IACJ;AACJ"}

package/Select/domains/index.js

@@ -1,4 +1,2 @@
 export * from "./SelectOption.js";
 export * from "./SelectOptionMapper.js";
-
-//# sourceMappingURL=index.js.map

package/Select/index.js

@@ -1,5 +1,3 @@
-export { SelectOptionMapper } from "./domains/index.js";
 export * from "./Select.js";
 export * from "./primitives/SelectPrimitive.js";
-
-//# sourceMappingURL=index.js.map
+export { SelectOptionMapper } from "./domains/index.js";

package/Select/primitives/SelectPrimitive.js

@@ -1,153 +1,96 @@
-import * as React from "react";
-import { ReactComponent as Close } from "@webiny/icons/close.svg";
-import { Select as SelectPrimitives } from "radix-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { Select } from "radix-ui";
 import { useSelect } from "./useSelect.js";
 import { IconButton } from "../../Button/index.js";
 import { Icon } from "../../Icon/index.js";
 import { SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger } from "./components/index.js";
-const SelectRoot = SelectPrimitives.Root;
-const SelectGroup = SelectPrimitives.Group;
-const SelectValue = SelectPrimitives.Value;
-
-/**
- * Trigger
- */
-
-const Trigger = ({
-  hasValue,
-  size,
-  variant,
-  startIcon,
-  endIcon,
-  invalid,
-  onValueReset,
-  disabled,
-  displayResetAction,
-  ...props
-}) => {
-  const resetButton = React.useMemo(() => {
-    if (!hasValue || !displayResetAction) {
-      return undefined;
-    }
-    return /*#__PURE__*/React.createElement(IconButton, {
-      onPointerDown: event => {
-        event.stopPropagation();
-        onValueReset();
-      },
-      icon: /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
-        icon: /*#__PURE__*/React.createElement(Close, null),
-        label: "Reset",
-        color: variant === "ghost-negative" ? "neutral-negative" : "inherit"
-      })),
-      size: "xs",
-      variant: variant === "ghost-negative" ? "ghost-negative" : "secondary",
-      disabled: disabled,
-      asChild: true
-    });
-  }, [hasValue, onValueReset, disabled, displayResetAction, variant]);
-  return /*#__PURE__*/React.createElement(SelectTrigger, {
-    size: size,
-    variant: variant,
-    invalid: invalid,
-    startIcon: startIcon,
-    endIcon: endIcon,
-    resetButton: resetButton
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex-1 text-left truncate"
-  }, /*#__PURE__*/React.createElement(SelectValue, props)));
+import * as __rspack_external_react from "react";
+const SelectRoot = Select.Root;
+const SelectGroup = Select.Group;
+const SelectValue = Select.Value;
+const Trigger = ({ hasValue, size, variant, startIcon, endIcon, invalid, onValueReset, disabled, displayResetAction, ...props })=>{
+    const resetButton = __rspack_external_react.useMemo(()=>{
+        if (!hasValue || !displayResetAction) return;
+        return /*#__PURE__*/ __rspack_external_react.createElement(IconButton, {
+            onPointerDown: (event)=>{
+                event.stopPropagation();
+                onValueReset();
+            },
+            icon: /*#__PURE__*/ __rspack_external_react.createElement("span", null, /*#__PURE__*/ __rspack_external_react.createElement(Icon, {
+                icon: /*#__PURE__*/ __rspack_external_react.createElement(ReactComponent, null),
+                label: "Reset",
+                color: "ghost-negative" === variant ? "neutral-negative" : "inherit"
+            })),
+            size: "xs",
+            variant: "ghost-negative" === variant ? "ghost-negative" : "secondary",
+            disabled: disabled,
+            asChild: true
+        });
+    }, [
+        hasValue,
+        onValueReset,
+        disabled,
+        displayResetAction,
+        variant
+    ]);
+    return /*#__PURE__*/ __rspack_external_react.createElement(SelectTrigger, {
+        size: size,
+        variant: variant,
+        invalid: invalid,
+        startIcon: startIcon,
+        endIcon: endIcon,
+        resetButton: resetButton
+    }, /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex-1 text-left truncate"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(SelectValue, props)));
 };
-
-/**
- * SelectOptions
- */
-
-const SelectOptions = props => {
-  const renderOptions = React.useCallback(items => {
-    return items.map((item, index) => {
-      const elements = [];
-      if (item.options.length > 0) {
-        // Render as a group if there are nested options
-        elements.push(/*#__PURE__*/React.createElement(SelectGroup, {
-          key: `group-${index}`
-        }, /*#__PURE__*/React.createElement(SelectLabel, null, item.label), renderOptions(item.options)));
-      }
-      if (item.value) {
-        // Render as a select item if there are no nested options
-        elements.push(/*#__PURE__*/React.createElement(SelectItem, {
-          key: `item-${item.value}`,
-          value: item.value,
-          disabled: item.disabled
-        }, item.label));
-      }
-
-      // Conditionally render the separator if hasSeparator is true
-      if (item.separator) {
-        elements.push(/*#__PURE__*/React.createElement(SelectSeparator, {
-          key: `separator-${item.value ?? index}`
-        }));
-      }
-      return elements;
-    });
-  }, []);
-  return /*#__PURE__*/React.createElement(SelectContent, null, renderOptions(props.options));
+const SelectOptions = (props)=>{
+    const renderOptions = __rspack_external_react.useCallback((items)=>items.map((item, index)=>{
+            const elements = [];
+            if (item.options.length > 0) elements.push(/*#__PURE__*/ __rspack_external_react.createElement(SelectGroup, {
+                key: `group-${index}`
+            }, /*#__PURE__*/ __rspack_external_react.createElement(SelectLabel, null, item.label), renderOptions(item.options)));
+            if (item.value) elements.push(/*#__PURE__*/ __rspack_external_react.createElement(SelectItem, {
+                key: `item-${item.value}`,
+                value: item.value,
+                disabled: item.disabled
+            }, item.label));
+            if (item.separator) elements.push(/*#__PURE__*/ __rspack_external_react.createElement(SelectSeparator, {
+                key: `separator-${item.value ?? index}`
+            }));
+            return elements;
+        }), []);
+    return /*#__PURE__*/ __rspack_external_react.createElement(SelectContent, null, renderOptions(props.options));
 };
-
-/**
- * SelectRenderer
- */
-
-const SelectPrimitiveRenderer = ({
-  selectRootProps,
-  selectTriggerProps,
-  selectOptionsProps,
-  onValueChange,
-  onValueReset
-}) => {
-  return /*#__PURE__*/React.createElement(SelectRoot, Object.assign({}, selectRootProps, {
-    onValueChange: onValueChange
-  }), /*#__PURE__*/React.createElement(Trigger, Object.assign({}, selectTriggerProps, {
-    onValueReset: onValueReset
-  })), /*#__PURE__*/React.createElement(SelectOptions, selectOptionsProps));
-};
-
-/**
- * Select
- */
-
-const SelectPrimitive = props => {
-  const {
-    vm,
-    changeValue,
-    resetValue
-  } = useSelect(props);
-  const {
-    size,
-    variant,
-    startIcon,
-    endIcon,
-    invalid,
-    disabled,
-    ...selectRootProps
-  } = props;
-  return /*#__PURE__*/React.createElement(SelectPrimitiveRenderer, {
-    selectRootProps: {
-      ...selectRootProps,
-      ...vm.selectRoot,
-      disabled
-    },
-    selectTriggerProps: {
-      ...vm.selectTrigger,
-      size,
-      variant,
-      startIcon,
-      endIcon,
-      invalid,
-      disabled
-    },
-    selectOptionsProps: vm.selectOptions,
-    onValueChange: changeValue,
-    onValueReset: resetValue
-  });
+const SelectPrimitiveRenderer = ({ selectRootProps, selectTriggerProps, selectOptionsProps, onValueChange, onValueReset })=>/*#__PURE__*/ __rspack_external_react.createElement(SelectRoot, {
+        ...selectRootProps,
+        onValueChange: onValueChange
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Trigger, {
+        ...selectTriggerProps,
+        onValueReset: onValueReset
+    }), /*#__PURE__*/ __rspack_external_react.createElement(SelectOptions, selectOptionsProps));
+const SelectPrimitive = (props)=>{
+    const { vm, changeValue, resetValue } = useSelect(props);
+    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;
+    return /*#__PURE__*/ __rspack_external_react.createElement(SelectPrimitiveRenderer, {
+        selectRootProps: {
+            ...selectRootProps,
+            ...vm.selectRoot,
+            disabled
+        },
+        selectTriggerProps: {
+            ...vm.selectTrigger,
+            size,
+            variant,
+            startIcon,
+            endIcon,
+            invalid,
+            disabled
+        },
+        selectOptionsProps: vm.selectOptions,
+        onValueChange: changeValue,
+        onValueReset: resetValue
+    });
 };
 export { SelectPrimitive };
 

package/Select/primitives/SelectPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","Close","Select","SelectPrimitives","useSelect","IconButton","Icon","SelectContent","SelectItem","SelectLabel","SelectSeparator","SelectTrigger","SelectRoot","Root","SelectGroup","Group","SelectValue","Value","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","useMemo","undefined","createElement","onPointerDown","event","stopPropagation","icon","label","color","asChild","className","SelectOptions","renderOptions","useCallback","items","map","item","index","elements","options","length","push","key","value","separator","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","Object","assign","SelectPrimitive","vm","changeValue","resetValue","selectRoot","selectTrigger","selectOptions"],"sources":["SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils.js\";\nimport { useSelect } from \"./useSelect.js\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport type { selectTriggerVariants } from \"./components/index.js\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components/index.js\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={variant === \"ghost-negative\" ? \"neutral-negative\" : \"inherit\"}\n                        />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={variant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled, displayResetAction, variant]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"flex-1 text-left truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Select/primitives/SelectPrimitive.js","sources":["../../../src/Select/primitives/SelectPrimitive.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Select as SelectPrimitives } from \"radix-ui\";\nimport { type VariantProps } from \"~/utils.js\";\nimport { useSelect } from \"./useSelect.js\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains/index.js\";\nimport { IconButton } from \"~/Button/index.js\";\nimport { Icon } from \"~/Icon/index.js\";\nimport type { selectTriggerVariants } from \"./components/index.js\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components/index.js\";\n\nconst SelectRoot = SelectPrimitives.Root;\n\nconst SelectGroup = SelectPrimitives.Group;\n\nconst SelectValue = SelectPrimitives.Value;\n\n/**\n * Trigger\n */\ntype SelectTriggerVm = {\n    placeholder: string;\n    hasValue: boolean;\n    displayResetAction: boolean;\n};\n\ntype SelectTriggerProps = SelectPrimitives.SelectValueProps &\n    SelectTriggerVm & {\n        size: VariantProps<typeof selectTriggerVariants>[\"size\"];\n        variant: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n        invalid: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n        startIcon?: React.ReactElement;\n        endIcon?: React.ReactElement;\n        onValueReset: () => void;\n        disabled?: boolean;\n    };\n\nconst Trigger = ({\n    hasValue,\n    size,\n    variant,\n    startIcon,\n    endIcon,\n    invalid,\n    onValueReset,\n    disabled,\n    displayResetAction,\n    ...props\n}: SelectTriggerProps) => {\n    const resetButton = React.useMemo(() => {\n        if (!hasValue || !displayResetAction) {\n            return undefined;\n        }\n\n        return (\n            <IconButton\n                onPointerDown={event => {\n                    event.stopPropagation();\n                    onValueReset();\n                }}\n                icon={\n                    <span>\n                        <Icon\n                            icon={<Close />}\n                            label={\"Reset\"}\n                            color={variant === \"ghost-negative\" ? \"neutral-negative\" : \"inherit\"}\n                        />\n                    </span>\n                }\n                size={\"xs\"}\n                variant={variant === \"ghost-negative\" ? \"ghost-negative\" : \"secondary\"}\n                disabled={disabled}\n                asChild\n            />\n        );\n    }, [hasValue, onValueReset, disabled, displayResetAction, variant]);\n\n    return (\n        <SelectTrigger\n            size={size}\n            variant={variant}\n            invalid={invalid}\n            startIcon={startIcon}\n            endIcon={endIcon}\n            resetButton={resetButton}\n        >\n            <div className={\"flex-1 text-left truncate\"}>\n                <SelectValue {...props} />\n            </div>\n        </SelectTrigger>\n    );\n};\n\n/**\n * SelectOptions\n */\ntype SelectOptionsVm = {\n    options: SelectOptionFormatted[];\n};\n\ntype SelectOptionsProps = SelectOptionsVm;\n\nconst SelectOptions = (props: SelectOptionsProps) => {\n    const renderOptions = React.useCallback((items: SelectOptionFormatted[]) => {\n        return items.map((item, index) => {\n            const elements = [];\n\n            if (item.options.length > 0) {\n                // Render as a group if there are nested options\n                elements.push(\n                    <SelectGroup key={`group-${index}`}>\n                        <SelectLabel>{item.label}</SelectLabel>\n                        {renderOptions(item.options)}\n                    </SelectGroup>\n                );\n            }\n\n            if (item.value) {\n                // Render as a select item if there are no nested options\n                elements.push(\n                    <SelectItem\n                        key={`item-${item.value}`}\n                        value={item.value}\n                        disabled={item.disabled}\n                    >\n                        {item.label}\n                    </SelectItem>\n                );\n            }\n\n            // Conditionally render the separator if hasSeparator is true\n            if (item.separator) {\n                elements.push(<SelectSeparator key={`separator-${item.value ?? index}`} />);\n            }\n\n            return elements;\n        });\n    }, []);\n\n    return <SelectContent>{renderOptions(props.options)}</SelectContent>;\n};\n\n/**\n * SelectRenderer\n */\nexport type SelectRootVm = {\n    value: string;\n};\n\ntype SelectRootProps = Omit<SelectPrimitives.SelectProps, \"onValueChange\">;\n\ntype SelectRendererProps = {\n    selectRootProps: SelectRootProps;\n    selectTriggerProps: Omit<SelectTriggerProps, \"onValueReset\">;\n    selectOptionsProps: SelectOptionsProps;\n    onValueChange: (value: string) => void;\n    onValueReset: () => void;\n};\n\nconst SelectPrimitiveRenderer = ({\n    selectRootProps,\n    selectTriggerProps,\n    selectOptionsProps,\n    onValueChange,\n    onValueReset\n}: SelectRendererProps) => {\n    return (\n        <SelectRoot {...selectRootProps} onValueChange={onValueChange}>\n            <Trigger {...selectTriggerProps} onValueReset={onValueReset} />\n            <SelectOptions {...selectOptionsProps} />\n        </SelectRoot>\n    );\n};\n\n/**\n * Select\n */\ntype SelectOption = SelectOptionDto | string;\n\ninterface SelectPrimitiveProps {\n    /**\n     * Whether to display the reset action button.\n     */\n    displayResetAction?: boolean;\n    /**\n     * Indicates if the field is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Icon to display at the end of the select trigger.\n     */\n    endIcon?: React.ReactElement;\n    /**\n     * Whether the select input is invalid.\n     */\n    invalid?: VariantProps<typeof selectTriggerVariants>[\"invalid\"];\n    /**\n     * Callback function called when the value changes.\n     */\n    onChange?: (value: string) => void;\n    /**\n     * Callback function called when the open state changes.\n     */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Callback function called when the value is reset.\n     */\n    onValueReset?: () => void;\n    /**\n     * Array of options to display in the select dropdown.\n     */\n    options?: SelectOption[];\n    /**\n     * Placeholder text to display when no value is selected.\n     */\n    placeholder?: string;\n    /**\n     * Size variant of the select trigger.\n     */\n    size?: VariantProps<typeof selectTriggerVariants>[\"size\"];\n    /**\n     * Icon to display at the start of the select trigger.\n     */\n    startIcon?: React.ReactElement;\n    /**\n     * The value of the select input.\n     */\n    value?: string;\n    /**\n     * Style variant of the select trigger.\n     */\n    variant?: VariantProps<typeof selectTriggerVariants>[\"variant\"];\n}\n\nconst SelectPrimitive = (props: SelectPrimitiveProps) => {\n    const { vm, changeValue, resetValue } = useSelect(props);\n    const { size, variant, startIcon, endIcon, invalid, disabled, ...selectRootProps } = props;\n\n    return (\n        <SelectPrimitiveRenderer\n            selectRootProps={{ ...selectRootProps, ...vm.selectRoot, disabled }}\n            selectTriggerProps={{\n                ...vm.selectTrigger,\n                size,\n                variant,\n                startIcon,\n                endIcon,\n                invalid,\n                disabled\n            }}\n            selectOptionsProps={vm.selectOptions}\n            onValueChange={changeValue}\n            onValueReset={resetValue}\n        />\n    );\n};\n\nexport {\n    SelectPrimitive,\n    type SelectPrimitiveProps,\n    type SelectOptionsVm,\n    type SelectTriggerVm,\n    type SelectOption\n};\n"],"names":["SelectRoot","SelectPrimitives","SelectGroup","SelectValue","Trigger","hasValue","size","variant","startIcon","endIcon","invalid","onValueReset","disabled","displayResetAction","props","resetButton","React","IconButton","event","Icon","Close","SelectTrigger","SelectOptions","renderOptions","items","item","index","elements","SelectLabel","SelectItem","SelectSeparator","SelectContent","SelectPrimitiveRenderer","selectRootProps","selectTriggerProps","selectOptionsProps","onValueChange","SelectPrimitive","vm","changeValue","resetValue","useSelect"],"mappings":"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"}