@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/select/test/Select.test.js

@@ -0,0 +1,115 @@
+import { fireEvent, render } from '@testing-library/react';
+import * as React from 'react';
+import Select from '../Select';
+import SelectOption from '../option';
+describe('SELECT NATIVE WEB', () => {
+    const props = {
+        name: 'Option',
+        label: 'Label',
+        id: 'id',
+        native: true,
+        testId: 'testId',
+        onFocus: jest.fn(),
+        onBlur: jest.fn(),
+    };
+    it('should be native-old select', () => {
+        const p = { ...props, selected: 'opt_2' };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((_, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect(select).toHaveAttribute('role', 'listbox');
+        expect(select).toHaveAttribute('name', 'Option');
+        expect(select).toHaveAttribute('id', 'id');
+        expect(select).toBeInTheDocument();
+        const value = document.getElementById('id').value;
+        expect(value).toBe('opt_2');
+    });
+    it('should change value', () => {
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((_, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.change(select, { target: { value: 'opt_3' } });
+        expect(select).toHaveValue('opt_3');
+        fireEvent.change(select, { target: { value: 'opt_2' } });
+        expect(select).toHaveValue('opt_2');
+    });
+    it('should call focus and blur event', () => {
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((_, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.focus(select);
+        expect(props.onFocus).toHaveBeenCalled();
+        fireEvent.blur(select);
+        expect(props.onBlur).toHaveBeenCalled();
+    });
+    it('should be disabled', () => {
+        const p = { ...props, disabled: true };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((_, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect(select).toHaveAttribute('disabled');
+    });
+    it('should have icon', () => {
+        var _a, _b, _c, _d;
+        const p = { ...props, iconName: 'tri-advisor' };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((_, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect((_d = (_c = (_b = (_a = select.parentElement) === null || _a === void 0 ? void 0 : _a.nextSibling) === null || _b === void 0 ? void 0 : _b.nextSibling) === null || _c === void 0 ? void 0 : _c.firstChild) === null || _d === void 0 ? void 0 : _d.firstChild).toHaveClass('tri-advisor');
+    });
+});
+describe('SELECT  WEB', () => {
+    const props = {
+        name: 'Option',
+        label: 'Label',
+        id: 'id',
+        testId: 'testId',
+        onFocus: jest.fn(),
+        onBlur: jest.fn(),
+        iconName: 'tri-advisor',
+    };
+    it('should be select', () => {
+        var _a, _b, _c;
+        const p = { ...props, selected: 'opt_2', native: false };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect(select).toHaveAttribute('role', 'listbox');
+        expect(select).toBeInTheDocument();
+        expect((_c = (_b = (_a = select.nextSibling) === null || _a === void 0 ? void 0 : _a.nextSibling) === null || _b === void 0 ? void 0 : _b.firstChild) === null || _c === void 0 ? void 0 : _c.firstChild).toHaveClass('tri-advisor');
+    });
+    it('should be close and open', () => {
+        var _a, _b, _c, _d;
+        const p = { ...props, selected: 'opt_2' };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect((_b = (_a = select.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.nextElementSibling).not.toBeInTheDocument();
+        fireEvent.click(select);
+        expect((_d = (_c = select.parentElement) === null || _c === void 0 ? void 0 : _c.parentElement) === null || _d === void 0 ? void 0 : _d.nextElementSibling).toBeInTheDocument();
+    });
+    it('should be disabled', () => {
+        const p = { ...props, disabled: true, native: false };
+        const { getByTestId } = render(React.createElement(Select, { ...p }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: `opt_${i}` }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        expect(select).toBeDisabled();
+    });
+});
+//# sourceMappingURL=Select.test.js.map

package/lib/components/select/test/Select.test.js.map

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

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

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
-import { ICustomSelect } from '../SelectProps';
-declare const SelectDynamic: ({ styled, onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, classNameOptions, selecteClasses, label, iconName, ...others }: PropsWithChildren<ICustomSelect>) => JSX.Element;
+import { SelectProps } from '../../../components/select/SelectProps';
+declare const SelectDynamic: ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, }: PropsWithChildren<SelectProps>) => JSX.Element;
 export default SelectDynamic;

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

@@ -1,54 +1,197 @@
-import { hashClass } from '../../../helpers';
 import clsx from 'clsx';
-import { useUtils } from '../hooks/utils';
-import { useAccessibility } from '../hooks/accessibility';
-import React from 'react';
-import { Icon } from '../../icon';
-import SelectOption from '../option';
-import { has } from '../../../services';
-const SelectDynamic = ({ styled, onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, classNameOptions, selecteClasses, label, iconName, ...others }) => {
-    const { handleChangeSelect, handleFocusCurrentOption, handleFocusSelect, handleOpenSelect, isOpenSelect, setIsOpenSelect, optionRefs, selectRef, selectedOption, } = useUtils({
-        onChange,
-        nullable,
-        disabled,
-        onFocus,
-        onBlur,
-        children,
-        selected,
-        name,
-        id,
-    });
-    const { handleKeyDown } = useAccessibility(isOpenSelect, handleChangeSelect, setIsOpenSelect, optionRefs, selectRef, handleFocusCurrentOption);
-    const optionsClasses = React.useMemo(() => hashClass(styled, clsx('select-options', classNameOptions)), [classNameOptions, styled]);
-    const selectedValueClasses = React.useMemo(() => hashClass(styled, clsx('select-value', !label && 'no-label')), [styled]);
-    const controlClasses = React.useMemo(() => hashClass(styled, clsx('control', (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) && has('dynamic-placeholder'))), [styled, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('field')) },
-        React.createElement("div", { className: controlClasses },
-            React.createElement("div", { ref: selectRef, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, id: id, "data-testid": testId, "data-select-name": name, className: selecteClasses, onClick: handleOpenSelect, onFocus: handleFocusSelect, "aria-haspopup": 'listbox', "aria-label": label, "aria-disabled": disabled, role: 'listbox', ...others },
-                iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
-                label && React.createElement("label", null, label),
-                (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name) && React.createElement("span", { className: selectedValueClasses }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.name)),
-            React.createElement("div", { "data-is-open-options": isOpenSelect, className: optionsClasses, "aria-expanded": isOpenSelect, "aria-hidden": !isOpenSelect }, React.Children.map(children, (child, index) => {
-                if (React.isValidElement(child)) {
-                    const props = {
-                        ...child.props,
-                        selected: child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value),
-                        onClick: () => {
-                            handleChangeSelect({
-                                selectValue: child.props.value,
-                                selectName: child.props.children || child.props.label,
-                                selectId: child.props.id,
-                                disabled: child.props.disabled,
-                            });
-                            if (child.props.onClick)
-                                child.props.onClick();
-                        },
-                    };
-                    return (React.createElement("div", { "data-is-disabled": child.props.disabled, className: hashClass(styled, clsx('option-container')), "data-is-active": child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value), "data-index": child.props.value, "data-id": child.props.id, "data-textcontent": child.props.children || child.props.label, onKeyDown: (e) => handleKeyDown(e, child), ref: (element) => (optionRefs.current[index] = element), tabIndex: child.props.value === (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) ? 0 : -1, onMouseEnter: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.focus(); }, onMouseLeave: () => { var _a; return (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.blur(); } },
-                        React.createElement(SelectOption, { ...props })));
+import React, { useCallback, useMemo, useState } from 'react';
+import ReactDOM from 'react-dom';
+import { Input } from '../../../components/input';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers';
+import { SelectOption } from '../';
+const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, }) => {
+    const { styled } = useTrilogyContext();
+    const [focused, setIsFocused] = React.useState(false);
+    const [selectedValues, setSelectedValues] = React.useState(selected);
+    const [selectedName, setSelectedName] = React.useState([]);
+    const reactId = React.useId();
+    const selectClasses = React.useMemo(() => hashClass(styled, clsx('select', className)), [styled, className]);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    const onClickInput = React.useCallback(() => {
+        setIsFocused((prev) => !prev);
+    }, []);
+    const onKeyPressInput = React.useCallback((keyCode) => {
+        if (keyCode === 13) {
+            setIsFocused((prev) => {
+                if (multiple && !prev)
+                    return true;
+                if (multiple && prev)
+                    return prev;
+                return !prev;
+            });
+        }
+    }, [multiple]);
+    const isChecked = useCallback((value) => multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+        ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
+        : selectedValues === value, [multiple, selectedValues]);
+    const setNewSelectedValues = useCallback(({ isChecked, children, label, value }) => {
+        const selectedOptions = [];
+        if (isChecked) {
+            setSelectedValues((prev) => {
+                switch (true) {
+                    case Array.isArray(prev) && nullable:
+                        setSelectedName((prev) => prev.filter((txt) => ![children, label].includes(txt)));
+                        const opts = prev.filter((item) => item !== value);
+                        selectedOptions.push(...opts);
+                        return opts;
+                    case Array.isArray(prev) && !nullable:
+                        selectedOptions.push(...prev);
+                        return prev;
+                    case !Array.isArray(prev) && !nullable:
+                        selectedOptions.push(value);
+                        return prev;
+                    case !Array.isArray(prev) && nullable:
+                        setSelectedName([]);
+                        return undefined;
+                    default:
+                        return value;
                 }
+            });
+        }
+        if (!isChecked) {
+            setSelectedValues((prev) => {
+                if (Array.isArray(prev)) {
+                    const opts = [...prev, value];
+                    selectedOptions.push(...opts);
+                    return opts;
+                }
+                selectedOptions.push(value);
+                return value;
+            });
+            setSelectedName((prev) => {
+                if (multiple)
+                    return [...prev, children || label];
+                return [children || label];
+            });
+        }
+        return selectedOptions;
+    }, [multiple, nullable]);
+    React.useEffect(() => {
+        var _a;
+        const labelSelected = (_a = React.Children.map(children, (child) => {
+            if (!React.isValidElement(child))
+                return false;
+            const 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((item) => item);
+        labelSelected && setSelectedName(labelSelected);
+        setSelectedValues(selected);
+    }, [selected]);
+    React.useEffect(() => {
+        const onKeyDown = (e) => {
+            const childs = children;
+            const child = childs[focusedIndex];
+            e.preventDefault();
+            switch (true) {
+                case e.key === 'ArrowDown':
+                    options &&
+                        setFocusedIndex((prev) => {
+                            let nextIndex = (prev + 1) % options.length;
+                            if (childs[nextIndex].props.disabled)
+                                nextIndex++;
+                            return nextIndex % options.length;
+                        });
+                    break;
+                case e.key === 'ArrowUp' && focusedIndex !== -1:
+                    options &&
+                        setFocusedIndex((prev) => {
+                            let 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(() => {
+                            let nextIndex = options.length - 1;
+                            if (childs[nextIndex].props.disabled)
+                                nextIndex--;
+                            return nextIndex;
+                        });
+                    break;
+                case ['Enter'].includes(e.key) && focusedIndex !== -1 && !child.props.disabled:
+                    const 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;
+            }
+        };
+        focused && document.addEventListener('keydown', onKeyDown);
+        !focused && setFocusedIndex(-1);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [focused, focusedIndex, children, isChecked]);
+    const modal = useMemo(() => React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: () => setIsFocused(false) }), []);
+    const options = React.useMemo(() => {
+        return React.Children.map(children, (child, index) => {
+            if (!React.isValidElement(child))
                 return null;
-            })))));
+            const clickEventValue = (v) => {
+                switch (true) {
+                    case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
+                        (nullable && !multiple && selectedValues === child.props.value):
+                        return undefined;
+                    default:
+                        return v;
+                }
+            };
+            const props = {
+                ...child.props,
+                checked: isChecked(child.props.value),
+                focused: focusedIndex === index ? 'true' : undefined,
+                onClick: () => {
+                    const 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();
+                },
+            };
+            return React.createElement(SelectOption, { ...props, key: `${reactId}_${index}` });
+        });
+    }, [multiple, nullable, selectedValues, focusedIndex, children]);
+    return (React.createElement("div", { className: selectClasses },
+        React.createElement(Input, { value: selectedName.join(', '), testId: testId, name: name, disabled: disabled, placeholder: label, onFocus: onFocus, customIconLeft: iconName, customIconRight: focused ? 'tri-arrow-up' : 'tri-arrow-down', onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: (e) => {
+                e.preventDefault();
+            }, onKeyUp: (e) => {
+                e.preventDefault();
+                onKeyPressInput(e.inputKeyCode);
+            }, ...{ readOnly: true, id, role: 'listbox' } }),
+        focused && React.createElement("div", { className: hashClass(styled, clsx('select-options')) }, options),
+        focused && ReactDOM.createPortal(modal, document.body)));
 };
 export default SelectDynamic;
 //# sourceMappingURL=SelectDynamic.js.map

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

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

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

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

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

@@ -1,25 +1,60 @@
-import React from 'react';
-import { Icon } from '../../icon';
-import { hashClass } from '../../../helpers';
 import clsx from 'clsx';
-import { has } from '../../../services';
-const SelectNative = ({ selecteClasses, onChange, onFocus, onBlur, id, name, disabled, children, label, iconName, styled, testId, accessibilityLabel, selected, ...others }) => {
-    const controlClasses = React.useMemo(() => hashClass(styled, clsx('control', has('dynamic-placeholder'))), [styled]);
-    return (React.createElement("div", { className: hashClass(styled, clsx('field')) },
-        React.createElement("div", { className: controlClasses },
-            React.createElement("div", { className: selecteClasses },
-                iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
-                React.createElement("select", { className: hashClass(styled, clsx(!label && 'no-label')), value: selected, "aria-label": accessibilityLabel, "data-testid": testId, role: 'listbox', onChange: (e) => {
-                        if (onChange) {
-                            onChange({
-                                selectValue: e.target.value,
-                                selectName: e.target.name,
-                                selectId: e.target.id,
-                                name: e.target.name,
-                            });
-                        }
-                    }, onFocus: onFocus, onBlur: onBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, ...others }, children),
-                label && React.createElement("label", { htmlFor: id }, label)))));
+import * as React from 'react';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { has, is } from '../../../services/classify';
+import { Icon, IconSize } from '../../../components/icon';
+import { SelectOption } from '../../../components/select';
+import { useTrilogyContext } from '../../../context/index';
+const SelectNative = ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, accessibilityLabel, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const selectClasses = React.useMemo(() => hashClass(styled, clsx('select', className)), [styled, className, iconName]);
+    const [focused, setIsFocused] = React.useState(false);
+    const [selectedValues, setSelectedValues] = React.useState(selected);
+    React.useEffect(() => {
+        setSelectedValues(selected);
+    }, [selected]);
+    const classes = React.useMemo(() => ({
+        input: hashClass(styled, clsx('input', disabled && is('disabled'), 'select-native', multiple && 'multiple', className)),
+        control: hashClass(styled, clsx('control', has('dynamic-placeholder'), iconName && 'has-icons-left', iconName && 'has-icons-right')),
+    }), [styled, disabled, iconName, className, multiple]);
+    const handleFocus = React.useCallback((e) => {
+        setIsFocused(true);
+        onFocus && onFocus(e);
+    }, []);
+    const handleBlur = React.useCallback((e) => {
+        setIsFocused(false);
+        onBlur && onBlur(e);
+    }, []);
+    return (React.createElement("div", { className: selectClasses },
+        React.createElement("div", { className: hashClass(styled, clsx('field', focused && 'focus')) },
+            React.createElement("div", { className: classes.control },
+                React.createElement("div", { className: classes.input },
+                    React.createElement("select", { multiple: multiple, className: hashClass(styled, clsx(!label && 'no-label')), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: (e) => {
+                            const selectedV = Array.from(e.target.selectedOptions).map((select) => 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, ...others, role: 'listbox' }, React.Children.map(children, (child) => {
+                        if (!React.isValidElement(child))
+                            return null;
+                        const props = {
+                            ...child.props,
+                            native: 'true',
+                        };
+                        return React.createElement(SelectOption, { ...props });
+                    }))),
+                label && !multiple && React.createElement("label", { htmlFor: id }, label),
+                iconName && (React.createElement("div", null,
+                    React.createElement(Icon, { name: iconName, size: 'small' }))),
+                !multiple && (React.createElement("div", null,
+                    React.createElement(Icon, { className: 'icon-right', name: focused ? 'tri-arrow-up' : 'tri-arrow-down', size: IconSize.SMALL })))))));
 };
 export default SelectNative;
 //# sourceMappingURL=SelectNative.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectNative.js","sourceRoot":"","sources":["../../../../components/select/web/SelectNative.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,YAAY,GAAG,CAAC,EACpB,cAAc,EACd,QAAQ,EACR,OAAO,EACP,MAAM,EACN,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEpH,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;QAC9C,6BAAK,SAAS,EAAE,cAAc;YAC5B,6BAAK,SAAS,EAAE,cAAc;gBAC3B,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;gBAClD,gCACE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,CAAC,EACxD,KAAK,EAAE,QAAQ,gBACH,kBAAkB,iBACjB,MAAM,EACnB,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,CAAC,CAAuC,EAAE,EAAE;wBACpD,IAAI,QAAQ,EAAE;4BACZ,QAAQ,CAAC;gCACP,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;gCAC3B,UAAU,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;gCACzB,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE;gCACrB,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI;6BACpB,CAAC,CAAA;yBACH;oBACH,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACF;gBACR,KAAK,IAAI,+BAAO,OAAO,EAAE,EAAE,IAAG,KAAK,CAAS,CACzC,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectNative.js","sourceRoot":"","sources":["../../../../components/select/web/SelectNative.tsx"],"names":[],"mappings":"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"}

package/lib/components/selector/Selector.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import SelectorItem from './item';
-import { Text } from '../text';
+import { Text } from '../../components/text';
 import { is } from '../../services/classify';
 import { getAlignClassName } from '../../objects';
 /**

package/lib/components/selector/Selector.js.map

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

package/lib/components/selector/Selector.native.d.ts

@@ -11,7 +11,7 @@ import { SelectorProps } from './SelectorProps';
  * @param end {selectorEnd: {message: string, onClick: onClick event}} Add last SelectorItem style to SECONDAY color
  */
 declare const Selector: {
-    ({ children, onClick, activeIndex, disabled, inverted, align, end, testId, accessibilityLabel, ...others }: SelectorProps): JSX.Element;
+    ({ children, onClick, activeIndex, disabled, inverted, align, end, testId, accessibilityLabel, accessibilityActivate, ...others }: SelectorProps): JSX.Element;
     displayName: string;
 };
 export default Selector;

package/lib/components/selector/Selector.native.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { StyleSheet, ScrollView, View } from 'react-native';
-import { Text, TextLevels } from '../text';
+import { Text, TextLevels } from '../../components/text';
 import SelectorItem from './item';
 import { getAlignStyle } from '../../objects';
 /**
@@ -13,7 +13,7 @@ import { getAlignStyle } from '../../objects';
  * @param align {Alignable} Horizontal Align
  * @param end {selectorEnd: {message: string, onClick: onClick event}} Add last SelectorItem style to SECONDAY color
  */
-const Selector = ({ children, onClick, activeIndex = 0, disabled, inverted, align, end, testId, accessibilityLabel, ...others }) => {
+const Selector = ({ children, onClick, activeIndex = 0, disabled, inverted, align, end, testId, accessibilityLabel, accessibilityActivate = true, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex);
     useEffect(() => {
         setActivateIndex(activeIndex);
@@ -42,7 +42,7 @@ const Selector = ({ children, onClick, activeIndex = 0, disabled, inverted, alig
             alignSelf: getAlignStyle(align),
         },
     });
-    return (React.createElement(View, { style: styles.selector, testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel, ...others },
+    return (React.createElement(View, { style: styles.selector, testID: testId, accessibilityLabel: accessibilityLabel, accessible: accessibilityActivate, ...others },
         React.createElement(ScrollView, { horizontal: true, showsHorizontalScrollIndicator: false },
             children &&
                 Array.isArray(children) &&