@driveflux/beam 2.0.15 → 2.0.16

package/dist/search-input-select/SearchInputSelect.js

@@ -1,4 +1,129 @@
 'use client';
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Command as CommandPrimitive } from 'cmdk';
 import * as React from 'react';
@@ -7,29 +132,65 @@ import Box from '../box/Box';
 import FieldWrapper from '../field-wrapper/FieldWrapper';
 import IconSearch from '../icons/IconSearch';
 import { cn } from '../utils';
-const Command = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive, { ref: ref, className: cn('flex relative w-full', className), ...props })));
+var Command = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive, _object_spread({
+        ref: ref,
+        className: cn('flex relative w-full', className)
+    }, props));
+});
 Command.displayName = CommandPrimitive.displayName;
-const CommandInput = React.forwardRef(({ className, error, prefix, isFocused, isSelected, handleToggle, handleClear, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn('flex items-center h-12 w-full border border-primary2 bg-white  text-sm cursor-pointer outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className), children: [prefix, _jsx(IconSearch, { className: "text-primary3 m-2", size: '20px', title: "Search" }), _jsx(CommandPrimitive.Input, { className: cn('border-none h-full w-full px-3 outline-hidden text-ellipsis placeholder:text-primary2 placeholder:tracking-wide cursor-pointer'), ...props, onClick: (e) => {
-                if (isSelected) {
-                    isFocused = true;
+var CommandInput = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, error = _param.error, prefix = _param.prefix, isFocused = _param.isFocused, isSelected = _param.isSelected, handleToggle = _param.handleToggle, handleClear = _param.handleClear, props = _object_without_properties(_param, [
+        "className",
+        "error",
+        "prefix",
+        "isFocused",
+        "isSelected",
+        "handleToggle",
+        "handleClear"
+    ]);
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: ref,
+        className: cn('flex items-center h-12 w-full border border-primary2 bg-white  text-sm cursor-pointer outline-hidden file:border-0 file:bg-transparent file:text-sm file:font-medium hover:border-black focus-within:border-black focus-within:outline-hidden disabled:cursor-not-allowed disabled:opacity-50', error && 'border-alert4 hover:border-alert4 focus-within:border-alert4', className),
+        children: [
+            prefix,
+            /*#__PURE__*/ _jsx(IconSearch, {
+                className: "text-primary3 m-2",
+                size: '20px',
+                title: "Search"
+            }),
+            /*#__PURE__*/ _jsx(CommandPrimitive.Input, _object_spread_props(_object_spread({
+                className: cn('border-none h-full w-full px-3 outline-hidden text-ellipsis placeholder:text-primary2 placeholder:tracking-wide cursor-pointer')
+            }, props), {
+                onClick: function(e) {
+                    if (isSelected) {
+                        isFocused = true;
+                    } else if (!isFocused) {
+                        handleToggle();
+                    }
                 }
-                else if (!isFocused) {
-                    handleToggle();
-                }
-            } })] })));
+            }))
+        ]
+    });
+});
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-const CommandList = React.forwardRef(({ className, ...props }, ref) => {
-    const [position, setPosition] = React.useState('bottom');
-    useEffect(() => {
-        const handlePosition = () => {
+var CommandList = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    var _React_useState = _sliced_to_array(React.useState('bottom'), 2), position = _React_useState[0], setPosition = _React_useState[1];
+    useEffect(function() {
+        var handlePosition = function() {
             if (ref && 'current' in ref && ref.current) {
-                const rect = ref.current.getBoundingClientRect();
-                const spaceBelow = window.innerHeight - rect.bottom;
-                const spaceAbove = rect.top;
+                var rect = ref.current.getBoundingClientRect();
+                var spaceBelow = window.innerHeight - rect.bottom;
+                var spaceAbove = rect.top;
                 if (spaceBelow < 200 && spaceAbove > spaceBelow) {
                     setPosition('top');
-                }
-                else {
+                } else {
                     setPosition('bottom');
                 }
             }
@@ -37,101 +198,217 @@ const CommandList = React.forwardRef(({ className, ...props }, ref) => {
         handlePosition();
         window.addEventListener('resize', handlePosition);
         window.addEventListener('scroll', handlePosition);
-        return () => {
+        return function() {
             window.removeEventListener('resize', handlePosition);
             window.removeEventListener('scroll', handlePosition);
         };
-    }, [ref]);
-    return (_jsx(CommandPrimitive.List, { ref: ref, className: cn('max-h-80 absolute left-0 right-0 mt-1 shadow-md overflow-y-auto overflow-x-hidden z-10 bg-white', position === 'top' ? 'bottom-full mb-1' : 'top-full mt-1', className), ...props }));
+    }, [
+        ref
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.List, _object_spread({
+        ref: ref,
+        className: cn('max-h-80 absolute left-0 right-0 mt-1 shadow-md overflow-y-auto overflow-x-hidden z-10 bg-white', position === 'top' ? 'bottom-full mb-1' : 'top-full mt-1', className)
+    }, props));
 });
 CommandList.displayName = CommandPrimitive.List.displayName;
-const CommandEmpty = React.forwardRef((props, ref) => (_jsx(CommandPrimitive.Empty, { ref: ref, className: "p-4 text-center text-sm text-primary3", ...props })));
+var CommandEmpty = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Empty, _object_spread({
+        ref: ref,
+        className: "p-4 text-center text-sm text-primary3"
+    }, props));
+});
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-const CommandGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Group, { ref: ref, className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className), ...props })));
+var CommandGroup = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Group, _object_spread({
+        ref: ref,
+        className: cn('overflow-hidden p-1 text-zinc-950 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-zinc-500 dark:text-zinc-50 dark:[&_[cmdk-group-heading]]:text-zinc-400', className)
+    }, props));
+});
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-const CommandSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Separator, { ref: ref, className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className), ...props })));
+var CommandSeparator = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Separator, _object_spread({
+        ref: ref,
+        className: cn('-mx-1 h-px bg-zinc-200 dark:bg-zinc-800', className)
+    }, props));
+});
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-const CommandItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(CommandPrimitive.Item, { ref: ref, className: cn('relative flex cursor-pointer select-none items-center rounded-xs px-4 h-10 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:bg-primary1 data-[disabled=true]:text-primary2 data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50', className), ...props })));
+var CommandItem = /*#__PURE__*/ React.forwardRef(function(_param, ref) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx(CommandPrimitive.Item, _object_spread({
+        ref: ref,
+        className: cn('relative flex cursor-pointer select-none items-center rounded-xs px-4 h-10 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:bg-primary1 data-[disabled=true]:text-primary2 data-[selected=true]:bg-zinc-100 data-[selected=true]:text-zinc-900 data-[disabled=true]:opacity-50 dark:data-[selected=true]:bg-zinc-800 dark:data-[selected=true]:text-zinc-50', className)
+    }, props));
+});
 CommandItem.displayName = CommandPrimitive.Item.displayName;
-const CommandShortcut = ({ className, ...props }) => {
-    return (_jsx("span", { className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className), ...props }));
+var CommandShortcut = function(_param) {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ _jsx("span", _object_spread({
+        className: cn('ml-auto text-xs tracking-widest text-zinc-500 dark:text-zinc-400', className)
+    }, props));
 };
 CommandShortcut.displayName = 'CommandShortcut';
-const SearchInputSelect = React.forwardRef((props, ref) => {
-    const { 
-    // for wrapper
-    wrapperProps, htmlFor, label, showRequired, showOptional, outerPrefix, outerSuffix, error, 
-    // for Select-input-search
-    value: providedValue, placeholder, prefix, options, noOptionsText, onChange, isClearable = true, children, ...selectProps } = props;
-    const [isFocused, setIsFocused] = React.useState(false);
-    const [search, setSearch] = React.useState('');
-    const [value, setValue] = React.useState(providedValue);
-    const [showAll, setShowAll] = React.useState(false);
-    const inputRef = React.useRef(null);
-    const listRef = React.useRef(null);
-    const wrapperRef = React.useRef(null);
-    const filteredOptions = React.useMemo(() => {
-        return options.filter((option) => typeof option.label === 'string' &&
-            option.label.toLowerCase().includes(search.toLowerCase()));
-    }, [search, options]);
-    const displayedOptions = showAll
-        ? filteredOptions
-        : filteredOptions.slice(0, 5);
-    const handleFocus = () => {
+var SearchInputSelect = /*#__PURE__*/ React.forwardRef(function(props, ref) {
+    var _options_find;
+    var // for wrapper
+    wrapperProps = props.wrapperProps, htmlFor = props.htmlFor, label = props.label, showRequired = props.showRequired, showOptional = props.showOptional, outerPrefix = props.outerPrefix, outerSuffix = props.outerSuffix, error = props.error, // for Select-input-search
+    providedValue = props.value, placeholder = props.placeholder, prefix = props.prefix, options = props.options, noOptionsText = props.noOptionsText, onChange = props.onChange, _props_isClearable = props.isClearable, isClearable = _props_isClearable === void 0 ? true : _props_isClearable, children = props.children, selectProps = _object_without_properties(props, [
+        "wrapperProps",
+        "htmlFor",
+        "label",
+        "showRequired",
+        "showOptional",
+        "outerPrefix",
+        "outerSuffix",
+        "error",
+        "value",
+        "placeholder",
+        "prefix",
+        "options",
+        "noOptionsText",
+        "onChange",
+        "isClearable",
+        "children"
+    ]);
+    var _React_useState = _sliced_to_array(React.useState(false), 2), isFocused = _React_useState[0], setIsFocused = _React_useState[1];
+    var _React_useState1 = _sliced_to_array(React.useState(''), 2), search = _React_useState1[0], setSearch = _React_useState1[1];
+    var _React_useState2 = _sliced_to_array(React.useState(providedValue), 2), value = _React_useState2[0], setValue = _React_useState2[1];
+    var _React_useState3 = _sliced_to_array(React.useState(false), 2), showAll = _React_useState3[0], setShowAll = _React_useState3[1];
+    var inputRef = React.useRef(null);
+    var listRef = React.useRef(null);
+    var wrapperRef = React.useRef(null);
+    var filteredOptions = React.useMemo(function() {
+        return options.filter(function(option) {
+            return typeof option.label === 'string' && option.label.toLowerCase().includes(search.toLowerCase());
+        });
+    }, [
+        search,
+        options
+    ]);
+    var displayedOptions = showAll ? filteredOptions : filteredOptions.slice(0, 5);
+    var handleFocus = function() {
         setIsFocused(true);
     };
-    const handleBlur = (e) => {
+    var handleBlur = function(e) {
         if (e.relatedTarget === null) {
+            var _inputRef_current;
             setIsFocused(false);
-            inputRef.current?.blur();
+            (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur();
         }
     };
-    const handleChange = (value) => {
+    var handleChange = function(value) {
         setSearch(value);
     };
-    const handleSelect = (option) => {
+    var handleSelect = function(option) {
+        var _inputRef_current;
         setSearch(option.label);
-        onChange?.(option.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(option.value);
         setValue(option.value);
         setIsFocused(false);
-        inputRef.current?.focus();
+        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus();
     };
-    const handleToggle = () => {
-        setIsFocused((isFocused) => {
-            isFocused && inputRef.current?.blur();
+    var handleToggle = function() {
+        setIsFocused(function(isFocused) {
+            var _inputRef_current;
+            isFocused && ((_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.blur());
             return !isFocused;
         });
     };
-    const handleClear = (event) => {
+    var handleClear = function(event) {
         event.preventDefault();
         event.stopPropagation();
         setSearch('');
         setIsFocused(false);
-        onChange?.(undefined);
+        onChange === null || onChange === void 0 ? void 0 : onChange(undefined);
         setValue(undefined);
     };
-    const handleClickOutside = (event) => {
-        if (wrapperRef.current &&
-            !wrapperRef.current.contains(event.target)) {
+    var handleClickOutside = function(event) {
+        if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
             setIsFocused(false);
         }
     };
-    const handleShowAll = () => {
-        setShowAll((prev) => !prev);
+    var handleShowAll = function() {
+        setShowAll(function(prev) {
+            return !prev;
+        });
         if (filteredOptions.length > 5) {
             setShowAll(true);
         }
     };
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    React.useEffect(() => {
+    React.useEffect(function() {
         document.addEventListener('mousedown', handleClickOutside);
-        return () => {
+        return function() {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, []);
-    return (_jsx(FieldWrapper, { htmlFor: htmlFor, label: label, showOptional: showOptional, showRequired: showRequired, error: error, ...wrapperProps, children: _jsx("div", { ref: wrapperRef, className: "relative w-full", children: _jsxs(Command, { shouldFilter: false, onFocus: handleFocus, onBlur: handleBlur, children: [_jsx(CommandInput, { ...selectProps, ref: inputRef, placeholder: placeholder, value: isFocused
-                            ? search
-                            : options.find((option) => option.value === value)?.label || '', isFocused: isFocused, isSelected: !!value, onValueChange: handleChange, handleToggle: handleToggle, handleClear: handleClear }), _jsx(CommandList, { ref: listRef, children: isFocused && !value && (_jsxs(_Fragment, { children: [displayedOptions.length > 0 ? (displayedOptions.map((option) => (_jsx(CommandItem, { value: JSON.stringify(option.value), disabled: option.isDisabled, onSelect: () => handleSelect(option), className: "tracking-normal text-primary3 w-full", children: option.label }, option.label)))) : (_jsx(CommandEmpty, { children: noOptionsText || 'No options' })), filteredOptions.length > 5 && !showAll && (_jsx(Box, { className: cn('text-links text-sm font-bold text-center tracking-wide', 'p-2 items-center'), as: "button", type: "button", onClick: handleShowAll, children: showAll ? 'Show less' : 'Show all results' })), children] })) })] }) }) }));
+    return /*#__PURE__*/ _jsx(FieldWrapper, _object_spread_props(_object_spread({
+        htmlFor: htmlFor,
+        label: label,
+        showOptional: showOptional,
+        showRequired: showRequired,
+        error: error
+    }, wrapperProps), {
+        children: /*#__PURE__*/ _jsx("div", {
+            ref: wrapperRef,
+            className: "relative w-full",
+            children: /*#__PURE__*/ _jsxs(Command, {
+                shouldFilter: false,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                children: [
+                    /*#__PURE__*/ _jsx(CommandInput, _object_spread_props(_object_spread({}, selectProps), {
+                        ref: inputRef,
+                        placeholder: placeholder,
+                        value: isFocused ? search : ((_options_find = options.find(function(option) {
+                            return option.value === value;
+                        })) === null || _options_find === void 0 ? void 0 : _options_find.label) || '',
+                        isFocused: isFocused,
+                        isSelected: !!value,
+                        onValueChange: handleChange,
+                        handleToggle: handleToggle,
+                        handleClear: handleClear
+                    })),
+                    /*#__PURE__*/ _jsx(CommandList, {
+                        ref: listRef,
+                        children: isFocused && !value && /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                displayedOptions.length > 0 ? displayedOptions.map(function(option) {
+                                    return /*#__PURE__*/ _jsx(CommandItem, {
+                                        value: JSON.stringify(option.value),
+                                        disabled: option.isDisabled,
+                                        onSelect: function() {
+                                            return handleSelect(option);
+                                        },
+                                        className: "tracking-normal text-primary3 w-full",
+                                        children: option.label
+                                    }, option.label);
+                                }) : /*#__PURE__*/ _jsx(CommandEmpty, {
+                                    children: noOptionsText || 'No options'
+                                }),
+                                filteredOptions.length > 5 && !showAll && /*#__PURE__*/ _jsx(Box, {
+                                    className: cn('text-links text-sm font-bold text-center tracking-wide', 'p-2 items-center'),
+                                    as: "button",
+                                    type: "button",
+                                    onClick: handleShowAll,
+                                    children: showAll ? 'Show less' : 'Show all results'
+                                }),
+                                children
+                            ]
+                        })
+                    })
+                ]
+            })
+        })
+    }));
 });
 export default SearchInputSelect;
-//# sourceMappingURL=SearchInputSelect.js.map

package/dist/select/Select.js

@@ -36,7 +36,7 @@ const Select = React.forwardRef((props, ref) => {
     value: providedValue, placeholder, prefix, options, noOptionsText, className, onChange, onTriggerClick, ...selectProps } = props;
     const [value, setValue] = React.useState(providedValue);
     const handleValueChange = (value) => {
-        const parsedValue = JSON.parse(value);
+        const parsedValue = value ? JSON.parse(value) : undefined;
         setValue(parsedValue);
         onChange?.(parsedValue);
     };

package/dist/select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/select/Select.tsx"],"names":[],"mappings":"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"}

package/dist/select/Select.stories.js

@@ -1,40 +1,76 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx } from "react/jsx-runtime";
 import IconAccount from '../icons/IconAccount.js';
 import Select from './Select.js';
-const meta = {
-    component: Select,
+var meta = {
+    component: Select
 };
 export default meta;
-export const Demo = {
+export var Demo = {
     args: {
         htmlFor: 'fruits',
         label: 'fruits',
         placeholder: 'Select Fruits',
         options: [
-            { label: 'Apple', value: 'apple' },
-            { label: 'Banana', value: 'banana' },
-            { label: 'Citrus', value: 'citrus', isDisabled: true },
-        ],
-    },
+            {
+                label: 'Apple',
+                value: 'apple'
+            },
+            {
+                label: 'Banana',
+                value: 'banana'
+            },
+            {
+                label: 'Citrus',
+                value: 'citrus',
+                isDisabled: true
+            }
+        ]
+    }
 };
-export const Long = {
+export var Long = {
     args: {
         htmlFor: 'year',
         label: 'favourite year',
         placeholder: 'Select Your Favourite Year',
-        prefix: _jsx(IconAccount, {}),
-        options: [...Array(20)].map((_, i) => ({
-            label: `${2000 + i}`,
-            value: 2000 + i,
-        })),
-    },
+        prefix: /*#__PURE__*/ _jsx(IconAccount, {}),
+        options: _to_consumable_array(Array(20)).map(function(_, i) {
+            return {
+                label: "".concat(2000 + i),
+                value: 2000 + i
+            };
+        })
+    }
 };
-export const Empty = {
+export var Empty = {
     args: {
         htmlFor: 'fruits',
         label: 'fruits',
         placeholder: 'Select Fruits',
-        options: [],
-    },
+        options: []
+    }
 };
-//# sourceMappingURL=Select.stories.js.map