@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/Select/domains/SelectOption.js

@@ -0,0 +1,44 @@
+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;
+  }
+}
+
+//# sourceMappingURL=SelectOption.js.map

package/Select/domains/SelectOption.js.map

@@ -0,0 +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\";\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":[]}

package/Select/domains/SelectOptionDto.d.ts

@@ -0,0 +1,7 @@
+export interface SelectOptionDto {
+    label: string;
+    value?: string;
+    options?: SelectOptionDto[];
+    disabled?: boolean;
+    separator?: boolean;
+}

package/Select/domains/SelectOptionDto.js

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

package/Select/domains/SelectOptionDto.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["SelectOptionDto.ts"],"sourcesContent":["export interface SelectOptionDto {\n    label: string;\n    value?: string;\n    options?: SelectOptionDto[];\n    disabled?: boolean;\n    separator?: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Select/domains/SelectOptionFormatted.d.ts

@@ -0,0 +1,7 @@
+export interface SelectOptionFormatted {
+    label: string;
+    value: string | null;
+    options: SelectOptionFormatted[];
+    disabled: boolean;
+    separator: boolean;
+}

package/Select/domains/SelectOptionFormatted.js

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

package/Select/domains/SelectOptionFormatted.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["SelectOptionFormatted.ts"],"sourcesContent":["export interface SelectOptionFormatted {\n    label: string;\n    value: string | null;\n    options: SelectOptionFormatted[];\n    disabled: boolean;\n    separator: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/Select/domains/SelectOptionMapper.d.ts

@@ -0,0 +1,5 @@
+import type { SelectOption } from "./SelectOption";
+import type { SelectOptionFormatted } from "./SelectOptionFormatted";
+export declare class SelectOptionMapper {
+    static toFormatted(option: SelectOption): SelectOptionFormatted;
+}

package/Select/domains/SelectOptionMapper.js

@@ -0,0 +1,13 @@
+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))
+    };
+  }
+}
+
+//# sourceMappingURL=SelectOptionMapper.js.map

package/Select/domains/SelectOptionMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectOptionMapper","toFormatted","option","label","value","disabled","separator","options","map"],"sources":["SelectOptionMapper.ts"],"sourcesContent":["import type { SelectOption } from \"./SelectOption\";\nimport type { SelectOptionFormatted } from \"./SelectOptionFormatted\";\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":[]}

package/Select/domains/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./SelectOption";
+export * from "./SelectOptionDto";
+export * from "./SelectOptionFormatted";
+export * from "./SelectOptionMapper";

package/Select/domains/index.js

@@ -0,0 +1,6 @@
+export * from "./SelectOption";
+export * from "./SelectOptionDto";
+export * from "./SelectOptionFormatted";
+export * from "./SelectOptionMapper";
+
+//# sourceMappingURL=index.js.map

package/Select/domains/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./SelectOption\";\nexport * from \"./SelectOptionDto\";\nexport * from \"./SelectOptionFormatted\";\nexport * from \"./SelectOptionMapper\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}

package/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { type SelectOptionDto, type SelectOptionFormatted, SelectOptionMapper } from "./domains";
+export * from "./Select";
+export * from "./primitives/SelectPrimitive";

package/Select/index.js

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

package/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SelectOptionMapper"],"sources":["index.ts"],"sourcesContent":["export { type SelectOptionDto, type SelectOptionFormatted, SelectOptionMapper } from \"./domains\";\nexport * from \"./Select\";\nexport * from \"./primitives/SelectPrimitive\";\n"],"mappings":"AAAA,SAA2DA,kBAAkB;AAC7E;AACA","ignoreList":[]}

package/Select/primitives/SelectPrimitive.d.ts

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { type VariantProps } from "../../utils";
+import type { SelectOptionDto, SelectOptionFormatted } from "../domains";
+import type { selectTriggerVariants } from "./components";
+/**
+ * Trigger
+ */
+type SelectTriggerVm = {
+    placeholder: string;
+    hasValue: boolean;
+    displayResetAction: boolean;
+};
+/**
+ * SelectOptions
+ */
+type SelectOptionsVm = {
+    options: SelectOptionFormatted[];
+};
+/**
+ * SelectRenderer
+ */
+export type SelectRootVm = {
+    value: string;
+};
+/**
+ * Select
+ */
+type SelectOption = SelectOptionDto | string;
+interface SelectPrimitiveProps {
+    /**
+     * Whether to display the reset action button.
+     */
+    displayResetAction?: boolean;
+    /**
+     * Indicates if the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Icon to display at the end of the select trigger.
+     */
+    endIcon?: React.ReactElement;
+    /**
+     * Whether the select input is invalid.
+     */
+    invalid?: VariantProps<typeof selectTriggerVariants>["invalid"];
+    /**
+     * Callback function called when the value changes.
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Callback function called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback function called when the value is reset.
+     */
+    onValueReset?: () => void;
+    /**
+     * Array of options to display in the select dropdown.
+     */
+    options?: SelectOption[];
+    /**
+     * Placeholder text to display when no value is selected.
+     */
+    placeholder?: string;
+    /**
+     * Size variant of the select trigger.
+     */
+    size?: VariantProps<typeof selectTriggerVariants>["size"];
+    /**
+     * Icon to display at the start of the select trigger.
+     */
+    startIcon?: React.ReactElement;
+    /**
+     * The value of the select input.
+     */
+    value?: string;
+    /**
+     * Style variant of the select trigger.
+     */
+    variant?: VariantProps<typeof selectTriggerVariants>["variant"];
+}
+declare const SelectPrimitive: (props: SelectPrimitiveProps) => React.JSX.Element;
+export { SelectPrimitive, type SelectPrimitiveProps, type SelectOptionsVm, type SelectTriggerVm, type SelectOption };

package/Select/primitives/SelectPrimitive.js

@@ -0,0 +1,154 @@
+import * as React from "react";
+import { ReactComponent as Close } from "@webiny/icons/close.svg";
+import { Select as SelectPrimitives } from "radix-ui";
+import { useSelect } from "./useSelect";
+import { IconButton } from "../../Button";
+import { Icon } from "../../Icon";
+import { SelectContent, SelectItem, SelectLabel, SelectSeparator, SelectTrigger } from "./components";
+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: "wby-flex-1 wby-text-left wby-truncate"
+  }, /*#__PURE__*/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));
+};
+
+/**
+ * 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
+  });
+};
+export { SelectPrimitive };
+
+//# sourceMappingURL=SelectPrimitive.js.map

package/Select/primitives/SelectPrimitive.js.map

@@ -0,0 +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\";\nimport { useSelect } from \"./useSelect\";\nimport type { SelectOptionDto, SelectOptionFormatted } from \"../domains\";\nimport { IconButton } from \"~/Button\";\nimport { Icon } from \"~/Icon\";\nimport type { selectTriggerVariants } from \"./components\";\nimport {\n    SelectContent,\n    SelectItem,\n    SelectLabel,\n    SelectSeparator,\n    SelectTrigger\n} from \"./components\";\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={\"wby-flex-1 wby-text-left wby-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":[]}

package/Select/primitives/SelectPrimitive.stories.d.ts

@@ -0,0 +1,31 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SelectPrimitive } from "./SelectPrimitive";
+declare const meta: Meta<typeof SelectPrimitive>;
+export default meta;
+type Story = StoryObj<typeof SelectPrimitive>;
+export declare const Default: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;
+export declare const ExtraLargeSize: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const WithStartIcon: Story;
+export declare const WithEndIconIcon: Story;
+export declare const WithStartAndEndIcons: Story;
+export declare const WithoutResetAction: Story;
+export declare const PrimaryVariant: Story;
+export declare const PrimaryVariantDisabled: Story;
+export declare const PrimaryVariantInvalid: Story;
+export declare const SecondaryVariant: Story;
+export declare const SecondaryVariantDisabled: Story;
+export declare const SecondaryVariantInvalid: Story;
+export declare const GhostVariant: Story;
+export declare const GhostVariantDisabled: Story;
+export declare const GhostVariantInvalid: Story;
+export declare const GhostNegativeVariant: Story;
+export declare const GhostNegativeVariantDisabled: Story;
+export declare const GhostNegativeVariantInvalid: Story;
+export declare const WithFormattedOptions: Story;
+export declare const WithOptionGroups: Story;
+export declare const WithSeparators: Story;
+export declare const WithDisabledOptions: Story;
+export declare const WithExternalValueControl: Story;