@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-sc-2

package/lib/components/select/web/SelectDynamic.js

@@ -1,195 +1,23 @@
-import { __assign, __read, __spreadArray } from "tslib";
+import { __assign } from "tslib";
 import clsx from 'clsx';
-import React, { useCallback, useMemo, useState } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
 import { Input } from '../../../components/input';
-import { useTrilogyContext } from '../../../context/index';
+import { useSelectDynamic } from '../../../components/select/web/hooks/useSelectDynamic';
 import { hashClass } from '../../../helpers';
-import { SelectOption } from '../';
-var SelectDynamic = function (_a) {
-    var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className;
-    var styled = useTrilogyContext().styled;
-    var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
-    var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
-    var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName = _d[1];
-    var reactId = React.useId();
-    var selectClasses = React.useMemo(function () { return hashClass(styled, clsx('select', className)); }, [styled, className]);
-    var _e = __read(useState(-1), 2), focusedIndex = _e[0], setFocusedIndex = _e[1];
-    var onClickInput = React.useCallback(function () {
-        setIsFocused(function (prev) { return !prev; });
-    }, []);
-    var onKeyPressInput = React.useCallback(function (keyCode) {
-        if (keyCode === 13) {
-            setIsFocused(function (prev) {
-                if (multiple && !prev)
-                    return true;
-                if (multiple && prev)
-                    return prev;
-                return !prev;
-            });
-        }
-    }, [multiple]);
-    var isChecked = useCallback(function (value) {
-        return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
-            ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
-            : selectedValues === value);
-    }, [multiple, selectedValues]);
-    var setNewSelectedValues = useCallback(function (_a) {
-        var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
-        var selectedOptions = [];
-        if (isChecked) {
-            setSelectedValues(function (prev) {
-                switch (true) {
-                    case Array.isArray(prev):
-                        setSelectedName(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
-                        var opts = prev.filter(function (item) { return item !== value; });
-                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
-                        return opts;
-                    case !Array.isArray(prev):
-                        setSelectedName([]);
-                        return undefined;
-                    default:
-                        return value;
-                }
-            });
-        }
-        if (!isChecked) {
-            setSelectedValues(function (prev) {
-                if (Array.isArray(prev)) {
-                    var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
-                    selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
-                    return opts;
-                }
-                selectedOptions.push(value);
-                return value;
-            });
-            setSelectedName(function (prev) {
-                if (multiple)
-                    return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
-                return [children || label];
-            });
-        }
-        return selectedOptions;
-    }, [multiple]);
-    React.useEffect(function () {
-        var _a;
-        var labelSelected = (_a = React.Children.map(children, function (child) {
-            if (!React.isValidElement(child))
-                return false;
-            var label = child.props.children || child.props.label;
-            switch (true) {
-                case (Array.isArray(selected) && selected.includes(child.props.value)) ||
-                    (!Array.isArray(selected) && child.props.value === selected):
-                    return label;
-                default:
-                    return false;
-            }
-        })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
-        labelSelected && setSelectedName(labelSelected);
-        setSelectedValues(selected);
-    }, [selected]);
-    React.useEffect(function () {
-        var onKeyDown = function (e) {
-            var childs = children;
-            var child = childs[focusedIndex];
-            e.preventDefault();
-            switch (true) {
-                case e.key === 'ArrowDown':
-                    options &&
-                        setFocusedIndex(function (prev) {
-                            var nextIndex = (prev + 1) % options.length;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex++;
-                            return nextIndex % options.length;
-                        });
-                    break;
-                case e.key === 'ArrowUp' && focusedIndex !== -1:
-                    options &&
-                        setFocusedIndex(function (prev) {
-                            var nextIndex = (prev - 1 + options.length) % options.length;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex--;
-                            if (nextIndex === -1)
-                                nextIndex = options.length - 1;
-                            return nextIndex % options.length;
-                        });
-                    break;
-                case e.key === 'ArrowUp' && focusedIndex === -1:
-                    options &&
-                        setFocusedIndex(function () {
-                            var nextIndex = options.length - 1;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex--;
-                            return nextIndex;
-                        });
-                    break;
-                case ['Enter'].includes(e.key) && focusedIndex !== -1 && !child.props.disabled:
-                    var isCheckedOption = isChecked(child.props.value);
-                    setNewSelectedValues({
-                        children: child.props.children,
-                        label: child.props.label,
-                        value: child.props.value,
-                        isChecked: isCheckedOption,
-                    });
-                    break;
-                case e.key === 'Escape':
-                    setFocusedIndex(-1);
-                    setIsFocused(false);
-                    break;
-                default:
-                    return;
-            }
-        };
-        focused && document.addEventListener('keydown', onKeyDown);
-        !focused && setFocusedIndex(-1);
-        return function () { return document.removeEventListener('keydown', onKeyDown); };
-    }, [focused, focusedIndex, children, isChecked]);
-    var modal = useMemo(function () { return React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: function () { return setIsFocused(false); } }); }, []);
-    var options = React.useMemo(function () {
-        return React.Children.map(children, function (child, index) {
-            if (!React.isValidElement(child))
-                return null;
-            var clickEventValue = function (v) {
-                switch (true) {
-                    case (multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
-                        (!multiple && selectedValues === child.props.value):
-                        return undefined;
-                    default:
-                        return v;
-                }
-            };
-            var props = __assign(__assign({}, child.props), { checked: isChecked(child.props.value), focused: focusedIndex === index ? 'true' : undefined, onClick: function () {
-                    var opts = setNewSelectedValues({
-                        children: child.props.children,
-                        label: child.props.label,
-                        value: child.props.value,
-                        isChecked: isChecked(child.props.value),
-                    });
-                    onChange &&
-                        onChange({
-                            selectValue: clickEventValue(child.props.value),
-                            selectName: clickEventValue(child.props.children || child.props.label),
-                            selectId: clickEventValue(child.props.id),
-                            name: clickEventValue(child.props.children || child.props.label),
-                            selectedOptions: opts,
-                        });
-                    if (child.props.onClick)
-                        child.props.onClick();
-                    if (!multiple)
-                        setIsFocused(false);
-                } });
-            return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
-        });
-    }, [multiple, selectedValues, focusedIndex, children]);
-    return (React.createElement("div", { className: selectClasses },
-        React.createElement(Input, __assign({ value: selectedName.join(', '), name: name, disabled: disabled, placeholder: label, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: function (e) {
-                e.preventDefault();
-            }, onKeyUp: function (e) {
-                e.preventDefault();
-                onKeyPressInput(e.inputKeyCode);
-            } }, { readOnly: true, id: id, role: 'listbox' })),
-        focused && React.createElement("div", { className: hashClass(styled, clsx('select-options')) }, options),
+var SelectDynamic = function (_a, ref) {
+    var onChange = _a.onChange, nullable = _a.nullable, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className;
+    var _b = useSelectDynamic({
+        onChange: onChange,
+        nullable: nullable,
+        children: children,
+        selected: selected,
+        multiple: multiple,
+    }), selectedName = _b.selectedName, onClickInput = _b.onClickInput, focused = _b.focused, modal = _b.modal, options = _b.options, onKeyUp = _b.onKeyUp, onKeyPress = _b.onKeyPress;
+    return (React.createElement("div", { className: hashClass(clsx('select', className)) },
+        React.createElement(Input, __assign({ ref: ref, value: selectedName && selectedName.join(', '), testId: testId, name: name, disabled: disabled, placeholder: label, onFocus: onFocus, customIconLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(clsx(focused && 'focus')), onKeyPress: onKeyPress, onKeyUp: onKeyUp }, { readOnly: true, id: id, role: 'listbox' })),
+        focused && React.createElement("div", { className: hashClass(clsx('select-options')) }, options),
         focused && ReactDOM.createPortal(modal, document.body)));
 };
-export default SelectDynamic;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hGLE9BQU8sUUFBUSxNQUFNLFdBQVcsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBRWxDLElBQU0sYUFBYSxHQUFHLFVBQUMsRUFhVTtRQVovQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUE7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxPQUFPLFFBQUEsRUFBRSxZQUFZLFFBQWtDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQWdCLFFBQVEsQ0FBQyxJQUFBLEVBQTVFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUEyQyxDQUFBO0lBQzdF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
+export default React.forwardRef(SelectDynamic);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBNEIsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFBO0FBRWhDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQTtBQUNqRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXJDLElBQU0sYUFBYSxHQUFHLFVBQ3BCLEVBZWlDLEVBQ2pDLEdBQWdDO1FBZjlCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQTtJQUlMLElBQUEsS0FBK0UsZ0JBQWdCLENBQUM7UUFDcEcsUUFBUSxVQUFBO1FBQ1IsUUFBUSxVQUFBO1FBQ1IsUUFBUSxVQUFBO1FBQ1IsUUFBUSxVQUFBO1FBQ1IsUUFBUSxVQUFBO0tBQ1QsQ0FBQyxFQU5NLFlBQVksa0JBQUEsRUFBRSxZQUFZLGtCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFNOUUsQ0FBQTtJQUVGLE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDbEQsb0JBQUMsS0FBSyxhQUNKLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLFlBQVksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUM5QyxNQUFNLEVBQUUsTUFBTSxFQUNkLElBQUksRUFBRSxJQUFJLEVBQ1YsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssRUFDbEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsY0FBYyxFQUFFLFFBQVEsRUFDeEIsTUFBTSxFQUFFLE1BQU0sRUFDZCxPQUFPLEVBQUUsWUFBWSxFQUNyQixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsRUFDOUMsVUFBVSxFQUFFLFVBQVUsRUFDdEIsT0FBTyxFQUFFLE9BQU8sSUFDWixFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsRUFBRSxJQUFBLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxFQUMzQztRQUNELE9BQU8sSUFBSSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLElBQUcsT0FBTyxDQUFPO1FBQzdFLE9BQU8sSUFBSSxRQUFRLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDLENBQ25ELENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUNELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQSJ9

package/lib/components/select/web/SelectNative.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { SelectProps } from '../../../components/select/SelectProps';
-declare const SelectNative: ({ onChange, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, accessibilityLabel, ...others }: SelectProps) => JSX.Element;
-export default SelectNative;
+declare const _default: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<HTMLSelectElement>>;
+export default _default;

package/lib/components/select/web/SelectNative.js

@@ -1,45 +1,24 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import * as React from 'react';
+import React from 'react';
 import { Icon } from '../../../components/icon';
 import { SelectOption } from '../../../components/select';
-import { useTrilogyContext } from '../../../context/index';
+import { useSelectNative } from '../../../components/select/web/hooks/useSelectNative';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { has } from '../../../services/classify';
-var SelectNative = function (_a) {
+var SelectNative = function (_a, ref) {
     var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "testId", "label", "iconName", "multiple", "className", "accessibilityLabel"]);
-    var styled = useTrilogyContext().styled;
-    var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
-    var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
-    var selectClasses = React.useMemo(function () { return hashClass(styled, clsx('select', className)); }, [styled, className]);
-    var controlClass = React.useMemo(function () { return hashClass(styled, clsx('control', has('dynamic-placeholder'), iconName && 'has-icons-left')); }, [styled, iconName]);
-    var handleFocus = React.useCallback(function (e) {
-        setIsFocused(true);
-        onFocus && onFocus(e);
-    }, []);
-    var handleBlur = React.useCallback(function (e) {
-        setIsFocused(false);
-        onBlur && onBlur(e);
-    }, []);
-    React.useEffect(function () {
-        setSelectedValues(selected);
-    }, [selected]);
-    return (React.createElement("div", { className: selectClasses },
-        React.createElement("div", { className: hashClass(styled, clsx('field', focused && 'focus')) },
+    var _b = useSelectNative({
+        onBlur: onBlur,
+        onChange: onChange,
+        onFocus: onFocus,
+        selected: selected,
+    }), focused = _b.focused, selectedValues = _b.selectedValues, handleFocus = _b.handleFocus, handleBlur = _b.handleBlur, handleChange = _b.handleChange;
+    var controlClass = hashClass(clsx('control', has('dynamic-placeholder'), iconName && 'has-icons-left'));
+    return (React.createElement("div", { className: hashClass(clsx('select', className)) },
+        React.createElement("div", { className: hashClass(clsx('field', focused && 'focus')) },
             React.createElement("div", { className: controlClass },
-                React.createElement("select", __assign({ className: hashClass(styled, clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
-                        var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
-                        setSelectedValues(selectedV);
-                        if (onChange) {
-                            onChange({
-                                selectValue: e.target.value,
-                                selectName: e.target.name,
-                                selectId: e.target.id,
-                                name: e.target.name,
-                                selectedOptions: selectedV,
-                            });
-                        }
-                    }, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox' }, others), React.Children.map(children, function (child) {
+                React.createElement("select", __assign({ className: hashClass(clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox', ref: ref }, others), React.Children.map(children, function (child) {
                     if (!React.isValidElement(child))
                         return null;
                     var props = __assign(__assign({}, child.props), { native: 'true' });
@@ -48,5 +27,5 @@ var SelectNative = function (_a) {
                 label && !multiple && React.createElement("label", { htmlFor: id }, label),
                 iconName && React.createElement(Icon, { name: iconName, size: 'small' })))));
 };
-export default SelectNative;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFekMsSUFBTSxZQUFZLEdBQUcsVUFBQyxFQWdCUjtJQWZaLElBQUEsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsTUFBTSxZQUFBLEVBQ04sS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1Qsa0JBQWtCLHdCQUFBLEVBQ2YsTUFBTSxjQWZXLGlLQWdCckIsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRWhDLElBQUEsS0FBQSxPQUEwQixLQUFLLENBQUMsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXZELE9BQU8sUUFBQSxFQUFFLFlBQVksUUFBa0MsQ0FBQTtJQUN4RCxJQUFBLEtBQUEsT0FBc0MsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBQSxFQUE3RCxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBNEIsQ0FBQTtJQUVwRSxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLGNBQU0sT0FBQSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsRUFBNUMsQ0FBNEMsRUFBRSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRTVHLElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ2hDLGNBQU0sT0FBQSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLHFCQUFxQixDQUFDLEVBQUUsUUFBUSxJQUFJLGdCQUFnQixDQUFDLENBQUMsRUFBNUYsQ0FBNEYsRUFDbEcsQ0FBQyxNQUFNLEVBQUUsUUFBUSxDQUFDLENBQ25CLENBQUE7SUFFRCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDLFVBQUMsQ0FBd0I7UUFDN0QsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ2xCLE9BQU8sSUFBSSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDdkIsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFBO0lBRU4sSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxVQUFDLENBQXdCO1FBQzVELFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNuQixNQUFNLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBQ3JCLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxpQkFBaUIsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUM3QixDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxhQUFhO1FBQzNCLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sQ0FBQyxDQUFDO1lBQ2xFLDZCQUFLLFNBQVMsRUFBRSxZQUFZO2dCQUMxQix5Q0FDRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQyxLQUFLLElBQUksVUFBVSxDQUFDLENBQUMsRUFDeEQsS0FBSyxFQUFFLGNBQWMsZ0JBQ1Qsa0JBQWtCLGlCQUNqQixNQUFNLEVBQ25CLFFBQVEsRUFBRSxVQUFDLENBQXVDO3dCQUNoRCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQUMsTUFBTSxJQUFLLE9BQUEsTUFBTSxDQUFDLEtBQUssRUFBWixDQUFZLENBQUMsQ0FBQTt3QkFDcEYsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUE7d0JBQzVCLElBQUksUUFBUSxFQUFFOzRCQUNaLFFBQVEsQ0FBQztnQ0FDUCxXQUFXLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO2dDQUMzQixVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO2dDQUN6QixRQUFRLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO2dDQUNyQixJQUFJLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO2dDQUNuQixlQUFlLEVBQUUsU0FBUzs2QkFDM0IsQ0FBQyxDQUFBO3lCQUNIO29CQUNILENBQUMsRUFDRCxPQUFPLEVBQUUsV0FBVyxFQUNwQixNQUFNLEVBQUUsVUFBVSxFQUNsQixFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDL0IsSUFBSSxFQUFFLElBQUksRUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUMsU0FBUyxJQUNWLE1BQU0sR0FFVCxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsVUFBQyxLQUFLO29CQUNsQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7d0JBQUUsT0FBTyxJQUFJLENBQUE7b0JBQzdDLElBQU0sS0FBSyx5QkFDTixLQUFLLENBQUMsS0FBSyxLQUNkLE1BQU0sRUFBRSxNQUFNLEdBQ2YsQ0FBQTtvQkFDRCxPQUFPLG9CQUFDLFlBQVksZUFBSyxLQUFLLEVBQUksQ0FBQTtnQkFDcEMsQ0FBQyxDQUFDLENBQ0s7Z0JBQ1IsS0FBSyxJQUFJLENBQUMsUUFBUSxJQUFJLCtCQUFPLE9BQU8sRUFBRSxFQUFFLElBQUcsS0FBSyxDQUFTO2dCQUN6RCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFDLE9BQU8sR0FBRyxDQUM5QyxDQUNGLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxZQUFZLENBQUEifQ==
+export default React.forwardRef(SelectNative);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sK0NBQStDLENBQUE7QUFDL0UsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV6QyxJQUFNLFlBQVksR0FBRyxVQUNuQixFQWdCYyxFQUNkLEdBQWlDO0lBaEIvQixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGtCQUFrQix3QkFBQSxFQUNmLE1BQU0sY0FmWCxpS0FnQkMsQ0FEVTtJQUlMLElBQUEsS0FBcUUsZUFBZSxDQUFDO1FBQ3pGLE1BQU0sUUFBQTtRQUNOLFFBQVEsVUFBQTtRQUNSLE9BQU8sU0FBQTtRQUNQLFFBQVEsVUFBQTtLQUNULENBQUMsRUFMTSxPQUFPLGFBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxZQUFZLGtCQUtwRSxDQUFBO0lBRUYsSUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLHFCQUFxQixDQUFDLEVBQUUsUUFBUSxJQUFJLGdCQUFnQixDQUFDLENBQUMsQ0FBQTtJQUV6RyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDO1FBQ2xELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxPQUFPLElBQUksT0FBTyxDQUFDLENBQUM7WUFDMUQsNkJBQUssU0FBUyxFQUFFLFlBQVk7Z0JBQzFCLHlDQUNFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUMsS0FBSyxJQUFJLFVBQVUsQ0FBQyxDQUFDLEVBQ2hELEtBQUssRUFBRSxjQUFjLGdCQUNULGtCQUFrQixpQkFDakIsTUFBTSxFQUNuQixRQUFRLEVBQUUsWUFBWSxFQUN0QixPQUFPLEVBQUUsV0FBVyxFQUNwQixNQUFNLEVBQUUsVUFBVSxFQUNsQixFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDL0IsSUFBSSxFQUFFLElBQUksRUFDVixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUMsU0FBUyxFQUNkLEdBQUcsRUFBRSxHQUFHLElBQ0osTUFBTSxHQUVULEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxVQUFDLEtBQUs7b0JBQ2xDLElBQUksQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQzt3QkFBRSxPQUFPLElBQUksQ0FBQTtvQkFDN0MsSUFBTSxLQUFLLHlCQUNOLEtBQUssQ0FBQyxLQUFLLEtBQ2QsTUFBTSxFQUFFLE1BQU0sR0FDZixDQUFBO29CQUNELE9BQU8sb0JBQUMsWUFBWSxlQUFLLEtBQUssRUFBSSxDQUFBO2dCQUNwQyxDQUFDLENBQUMsQ0FDSztnQkFDUixLQUFLLElBQUksQ0FBQyxRQUFRLElBQUksK0JBQU8sT0FBTyxFQUFFLEVBQUUsSUFBRyxLQUFLLENBQVM7Z0JBQ3pELFFBQVEsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsT0FBTyxHQUFHLENBQzlDLENBQ0YsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsWUFBWSxDQUFDLENBQUEifQ==

package/lib/components/select/web/hooks/useSelectDynamic.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { InputKeyboardEvent } from '../../../../components/input/InputProps';
+import { SelectProps } from '../../../../components/select/SelectProps';
+export declare const useSelectDynamic: ({ onChange, nullable, children, selected, multiple, }: React.PropsWithChildren<SelectProps>) => {
+    selectedName: string[];
+    onClickInput: () => void;
+    focused: boolean;
+    modal: React.JSX.Element;
+    options: React.JSX.Element[] | null | undefined;
+    onKeyUp: (event: InputKeyboardEvent) => void;
+    onKeyPress: (event: InputKeyboardEvent) => void;
+} | {
+    selectedName: any[] | undefined;
+    options: React.JSX.Element[] | null | undefined;
+    onClickInput?: undefined;
+    focused?: undefined;
+    modal?: undefined;
+    onKeyUp?: undefined;
+    onKeyPress?: undefined;
+};

package/lib/components/select/web/hooks/useSelectDynamic.js

@@ -0,0 +1,233 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import clsx from 'clsx';
+import React from 'react';
+import SelectOption from '../../../../components/select/option/SelectOption';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+export var useSelectDynamic = function (_a) {
+    var onChange = _a.onChange, nullable = _a.nullable, children = _a.children, selected = _a.selected, multiple = _a.multiple;
+    try {
+        var _b = __read(React.useState(false), 2), focused_1 = _b[0], setIsFocused_1 = _b[1];
+        var _c = __read(React.useState(selected), 2), selectedValues_1 = _c[0], setSelectedValues_1 = _c[1];
+        var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName_1 = _d[1];
+        var reactId_1 = React.useId();
+        var _e = __read(React.useState(-1), 2), focusedIndex_1 = _e[0], setFocusedIndex_1 = _e[1];
+        var onClickInput = React.useCallback(function () {
+            setIsFocused_1(function (prev) { return !prev; });
+        }, []);
+        var onKeyUp = React.useCallback(function (event) {
+            if (event.inputKeyCode === 13) {
+                setIsFocused_1(function (prev) {
+                    if (multiple && !prev)
+                        return true;
+                    if (multiple && prev)
+                        return prev;
+                    return !prev;
+                });
+            }
+        }, [multiple]);
+        var onKeyPress = React.useCallback(function (event) {
+            event.preventDefault();
+        }, []);
+        var isChecked_1 = React.useCallback(function (value) {
+            return (multiple && selectedValues_1 && typeof selectedValues_1 !== 'string' && typeof selectedValues_1 !== 'number'
+                ? selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(value)
+                : selectedValues_1 === value);
+        }, [multiple, selectedValues_1]);
+        var setNewSelectedValues_1 = React.useCallback(function (_a) {
+            var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
+            var selectedOptions = [];
+            if (isChecked) {
+                setSelectedValues_1(function (prev) {
+                    switch (true) {
+                        case Array.isArray(prev) && nullable:
+                            setSelectedName_1(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
+                            var opts = prev.filter(function (item) { return item !== value; });
+                            selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
+                            return opts;
+                        case Array.isArray(prev) && !nullable:
+                            selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
+                            return prev;
+                        case !Array.isArray(prev) && !nullable:
+                            selectedOptions.push(value);
+                            return prev;
+                        case !Array.isArray(prev) && nullable:
+                            setSelectedName_1([]);
+                            return undefined;
+                        default:
+                            return value;
+                    }
+                });
+            }
+            if (!isChecked) {
+                setSelectedValues_1(function (prev) {
+                    if (Array.isArray(prev)) {
+                        var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
+                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
+                        return opts;
+                    }
+                    selectedOptions.push(value);
+                    return value;
+                });
+                setSelectedName_1(function (prev) {
+                    if (multiple)
+                        return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
+                    return [children || label];
+                });
+            }
+            return selectedOptions;
+        }, [multiple, nullable, children]);
+        var clickEventValue_1 = React.useCallback(function (v, child) {
+            switch (true) {
+                case (nullable && multiple && (selectedValues_1 === null || selectedValues_1 === void 0 ? void 0 : selectedValues_1.includes(child.props.value))) ||
+                    (nullable && !multiple && selectedValues_1 === child.props.value):
+                    return undefined;
+                default:
+                    return v;
+            }
+        }, [nullable, multiple, selectedValues_1]);
+        var options_1 = React.useMemo(function () {
+            return React.Children.map(children, function (child, index) {
+                if (!React.isValidElement(child))
+                    return null;
+                var props = __assign(__assign({}, child.props), { checked: isChecked_1(child.props.value), focused: focusedIndex_1 === index ? 'true' : undefined, onClick: function () {
+                        var opts = setNewSelectedValues_1({
+                            children: child.props.children,
+                            label: child.props.label,
+                            value: child.props.value,
+                            isChecked: isChecked_1(child.props.value),
+                        });
+                        onChange &&
+                            onChange({
+                                selectValue: clickEventValue_1(child.props.value, child),
+                                selectName: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectId: clickEventValue_1(child.props.id, child),
+                                name: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectedOptions: opts,
+                            });
+                        if (child.props.onClick)
+                            child.props.onClick();
+                        if (!multiple)
+                            setIsFocused_1(false);
+                    } });
+                return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId_1, "_").concat(index) }));
+            });
+        }, [multiple, nullable, selectedValues_1, focusedIndex_1, children]);
+        React.useEffect(function () {
+            var labelSelected = getSelectedName(children, selected);
+            labelSelected && setSelectedName_1(labelSelected);
+            setSelectedValues_1(selected);
+        }, [selected]);
+        React.useEffect(function () {
+            var onKeyDown = function (e) {
+                var childs = children;
+                var child = childs[focusedIndex_1];
+                e.preventDefault();
+                switch (true) {
+                    case e.key === 'ArrowDown':
+                        options_1 &&
+                            setFocusedIndex_1(function (prev) {
+                                var nextIndex = (prev + 1) % options_1.length;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex++;
+                                return nextIndex % options_1.length;
+                            });
+                        break;
+                    case e.key === 'ArrowUp' && focusedIndex_1 !== -1:
+                        options_1 &&
+                            setFocusedIndex_1(function (prev) {
+                                var nextIndex = (prev - 1 + options_1.length) % options_1.length;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex--;
+                                if (nextIndex === -1)
+                                    nextIndex = options_1.length - 1;
+                                return nextIndex % options_1.length;
+                            });
+                        break;
+                    case e.key === 'ArrowUp' && focusedIndex_1 === -1:
+                        options_1 &&
+                            setFocusedIndex_1(function () {
+                                var nextIndex = options_1.length - 1;
+                                if (childs[nextIndex].props.disabled)
+                                    nextIndex--;
+                                return nextIndex;
+                            });
+                        break;
+                    case ['Enter'].includes(e.key) && focusedIndex_1 !== -1 && !child.props.disabled:
+                        var isCheckedOption = isChecked_1(child.props.value);
+                        var opts = setNewSelectedValues_1({
+                            children: child.props.children,
+                            label: child.props.label,
+                            value: child.props.value,
+                            isChecked: isCheckedOption,
+                        });
+                        onChange &&
+                            onChange({
+                                selectValue: clickEventValue_1(child.props.value, child),
+                                selectName: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectId: clickEventValue_1(child.props.id, child),
+                                name: clickEventValue_1(child.props.children || child.props.label, child),
+                                selectedOptions: opts,
+                            });
+                        break;
+                    case e.key === 'Escape':
+                        setFocusedIndex_1(-1);
+                        setIsFocused_1(false);
+                        break;
+                    default:
+                        return;
+                }
+            };
+            focused_1 && document.addEventListener('keydown', onKeyDown);
+            !focused_1 && setFocusedIndex_1(-1);
+            return function () { return document.removeEventListener('keydown', onKeyDown); };
+        }, [focused_1, focusedIndex_1, children, isChecked_1, options_1, onChange]);
+        var modal = React.useMemo(function () { return (React.createElement("div", { role: 'presentation', className: hashClass(clsx('select-trilogy_modal_open')), onClick: function () {
+                setIsFocused_1(false);
+            } })); }, []);
+        return {
+            selectedName: selectedName,
+            onClickInput: onClickInput,
+            focused: focused_1,
+            modal: modal,
+            options: options_1,
+            onKeyUp: onKeyUp,
+            onKeyPress: onKeyPress,
+        };
+    }
+    catch (_f) {
+        var optionIsChecked_1 = function (value, selectedValues, multiple) {
+            return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+                ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
+                : selectedValues === value);
+        };
+        var createOptions = function (children, selectedValues, focusedIndex, multiple) {
+            return React.Children.map(children, function (child, index) {
+                if (!React.isValidElement(child))
+                    return null;
+                var props = __assign(__assign({}, child.props), { checked: optionIsChecked_1(child.props.value, selectedValues, multiple), focused: focusedIndex === index ? 'true' : undefined });
+                return React.createElement(SelectOption, __assign({}, props));
+            });
+        };
+        return {
+            selectedName: getSelectedName(children, selected),
+            options: createOptions(children, selected, -1),
+        };
+    }
+};
+var getSelectedName = function (children, selected) {
+    var _a;
+    var labelSelected = (_a = React.Children.map(children, function (child) {
+        if (!React.isValidElement(child))
+            return false;
+        var label = child.props.children || child.props.label;
+        switch (true) {
+            case (Array.isArray(selected) && selected.includes(child.props.value)) ||
+                (!Array.isArray(selected) && child.props.value === selected):
+                return label;
+            default:
+                return false;
+        }
+    })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
+    return labelSelected;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9ob29rcy91c2VTZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLFlBQVksTUFBTSx5Q0FBeUMsQ0FBQTtBQUVsRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQsTUFBTSxDQUFDLElBQU0sZ0JBQWdCLEdBQUcsVUFBQyxFQU1NO1FBTHJDLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQTtJQUVSLElBQUk7UUFDSSxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxTQUFPLFFBQUEsRUFBRSxjQUFZLFFBQWtDLENBQUE7UUFDeEQsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQWdCLFFBQVEsQ0FBQyxJQUFBLEVBQTVFLGdCQUFjLFFBQUEsRUFBRSxtQkFBaUIsUUFBMkMsQ0FBQTtRQUM3RSxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBVyxFQUFFLENBQUMsSUFBQSxFQUE3RCxZQUFZLFFBQUEsRUFBRSxpQkFBZSxRQUFnQyxDQUFBO1FBQ3BFLElBQU0sU0FBTyxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQTtRQUN2QixJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FBUyxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTNELGNBQVksUUFBQSxFQUFFLGlCQUFlLFFBQThCLENBQUE7UUFFbEUsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQztZ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

package/lib/components/select/web/hooks/useSelectNative.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { ParamEventSelectFocus, SelectChangeEventHandler, SelectedValue } from '../../../../components/select/SelectProps';
+interface IParams {
+    selected?: SelectedValue;
+    onFocus?: (event: ParamEventSelectFocus) => void;
+    onBlur?: (event: unknown) => void;
+    onChange?: SelectChangeEventHandler;
+}
+export declare const useSelectNative: ({ selected, onFocus, onBlur, onChange }: IParams) => {
+    focused: boolean;
+    selectedValues: string | number | string[] | undefined;
+    handleFocus: (e: ParamEventSelectFocus) => void;
+    handleBlur: (e: ParamEventSelectFocus) => void;
+    handleChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+} | {
+    focused: boolean;
+    selectedValues: SelectedValue;
+    handleFocus?: undefined;
+    handleBlur?: undefined;
+    handleChange?: undefined;
+};
+export {};