@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/select/Select.native.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectProps } from './SelectProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Select Component
+ * @param id {string} Select id
+ * @param name {string} Select name
+ * @param selected {string} Selected value
+ * @param children {React.ReactNode} Children for Select
+ * @param label {string} label for select
+ * @param iconName {IconName} icon for left of selector
+ * @param placeholder {string} Select Placeholder
+ */
+declare const Select: {
+    ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }: SelectProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Select;

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

@@ -0,0 +1,91 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { Text, TextLevels } from '../text';
+import { Icon, IconName, IconSize } from '../icon';
+import { Picker } from '@react-native-picker/picker';
+import { getColorStyle, TrilogyColor, TypographyColor } from '../../objects';
+import { ComponentName } from '../enumsComponentsName';
+import { Modal } from '../modal';
+/**
+ * Select Component
+ * @param id {string} Select id
+ * @param name {string} Select name
+ * @param selected {string} Selected value
+ * @param children {React.ReactNode} Children for Select
+ * @param label {string} label for select
+ * @param iconName {IconName} icon for left of selector
+ * @param placeholder {string} Select Placeholder
+ */
+const Select = ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }) => {
+    const [selectedValue, setSelectedValue] = useState(selected || '');
+    const [display, setDisplay] = useState(false);
+    useEffect(() => {
+        setSelectedValue(selected || '');
+    }, [selected]);
+    const styles = StyleSheet.create({
+        select: {
+            width: '100%',
+            backgroundColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.WHITE),
+            borderColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.GREY),
+            borderWidth: 1,
+            borderRadius: 4,
+            zIndex: 3,
+            overflow: 'hidden',
+            flexDirection: 'row',
+            alignItems: 'center',
+            height: 50,
+        },
+        iconLeft: {
+            left: 10,
+            color: getColorStyle(TrilogyColor.TERTIARY),
+            paddingRight: 8,
+            paddingLeft: 8,
+            marginRight: 25,
+        },
+        text: {
+            fontSize: 16,
+            lineHeight: 20,
+            color: getColorStyle(disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY),
+        },
+    });
+    const selectedOptionName = useMemo(() => {
+        const selectedChild = React.Children.toArray(children).find((child) => {
+            return React.isValidElement(child) && (child.props.value === selected || child.props.selected === true);
+        });
+        if (React.isValidElement(selectedChild))
+            return selectedChild.props.children || selectedChild.props.label;
+        return undefined;
+    }, [selectedValue, children]);
+    if (Platform.OS === 'ios') {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(TouchableOpacity, { onPress: () => setDisplay((prev) => !prev), style: styles.select },
+                iconName && (React.createElement(View, null,
+                    React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY, style: styles.iconLeft }))),
+                React.createElement(View, { style: { width: '75%' } },
+                    label && (React.createElement(Text, { level: selectedOptionName && TextLevels.THREE, typo: [TypographyColor.TEXT_GREY_DARK], style: { fontSize: selectedOptionName ? undefined : 16, lineHeight: 20 } }, label)),
+                    selectedOptionName && (React.createElement(Text, { style: { ...styles.text }, numberOfLines: 1 }, selectedOptionName))),
+                React.createElement(View, { style: {
+                        marginLeft: 'auto',
+                        paddingRight: 10,
+                    } },
+                    React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY }))),
+            React.createElement(Modal, { active: display, onClose: () => setDisplay(false), bottom: true, closeIcon: true, swipable: false },
+                React.createElement(Picker, { itemStyle: { color: getColorStyle(TrilogyColor.TERTIARY) }, style: { width: '100%' }, nativeID: `${`${id}_${name}`}`, selectedValue: selectedValue, onValueChange: (itemValue) => {
+                        if (onChange)
+                            onChange(itemValue);
+                        setSelectedValue(itemValue);
+                        setDisplay(false);
+                    }, ...others }, children))));
+    }
+    return (React.createElement(View, { style: styles.select },
+        React.createElement(Picker, { placeholder: placeholder, selectedValue: selectedValue, style: { width: '100%', height: '100%' }, onValueChange: (itemValue) => {
+                if (onChange) {
+                    onChange(itemValue);
+                }
+                setSelectedValue(itemValue);
+                setDisplay(false);
+            }, mode: 'dialog' }, children)));
+};
+Select.displayName = ComponentName.Select;
+export default Select;
+//# sourceMappingURL=Select.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.native.js","sourceRoot":"","sources":["../../../components/select/Select.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,QAAQ,IAAI,EAAE,CAAC,CAAA;IACnF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC;YACvF,WAAW,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC;YAClF,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,CAAC;YACT,QAAQ,EAAE,QAAQ;YAClB,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,EAAE;SACX;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YAC3C,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,EAAE;SAChB;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC;SAChF;KACF,CAAC,CAAA;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE;YACpE,OAAO,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAA;QACzG,CAAC,CAAC,CAAA;QACF,IAAI,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC;YAAE,OAAO,aAAa,CAAC,KAAK,CAAC,QAAQ,IAAI,aAAa,CAAC,KAAK,CAAC,KAAK,CAAA;QACzG,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE;QACzB,OAAO,CACL;YACE,oBAAC,gBAAgB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM;gBAC/E,QAAQ,IAAI,CACX,oBAAC,IAAI;oBACH,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,EAChE,KAAK,EAAE,MAAM,CAAC,QAAQ,GACtB,CACG,CACR;gBACD,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE;oBAC1B,KAAK,IAAI,CACR,oBAAC,IAAI,IACH,KAAK,EAAE,kBAAkB,IAAI,UAAU,CAAC,KAAK,EAC7C,IAAI,EAAE,CAAC,eAAe,CAAC,cAAc,CAAC,EACtC,KAAK,EAAE,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,IAEvE,KAAK,CACD,CACR;oBACA,kBAAkB,IAAI,CACrB,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,EAAE,EAAE,aAAa,EAAE,CAAC,IAC9C,kBAAkB,CACd,CACR,CACI;gBAEP,oBAAC,IAAI,IACH,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM;wBAClB,YAAY,EAAE,EAAE;qBACjB;oBAED,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,UAAU,EACzB,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,GAChE,CACG,CACU;YACnB,oBAAC,KAAK,IAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,QAAC,SAAS,QAAC,QAAQ,EAAE,KAAK;gBACxF,oBAAC,MAAM,IACL,SAAS,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,EAC1D,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,EAAE,EAC9B,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,CAAC,SAA0B,EAAE,EAAE;wBAC5C,IAAI,QAAQ;4BAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;wBACjC,gBAAgB,CAAC,SAAS,CAAC,CAAA;wBAC3B,UAAU,CAAC,KAAK,CAAC,CAAA;oBACnB,CAAC,KACG,MAAM,IAET,QAAQ,CACF,CACH,CACP,CACJ,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM;QACxB,oBAAC,MAAM,IACL,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EACxC,aAAa,EAAE,CAAC,SAA0B,EAAE,EAAE;gBAC5C,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;gBACD,gBAAgB,CAAC,SAAS,CAAC,CAAA;gBAC3B,UAAU,CAAC,KAAK,CAAC,CAAA;YACnB,CAAC,EACD,IAAI,EAAE,QAAQ,IAEb,QAAQ,CACF,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}

package/lib/components/select/SelectProps.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../icon';
+import { Accessibility } from '../../objects';
+export interface ISelectOption {
+    value: string | undefined;
+    name: string | undefined;
+    id: string | undefined;
+}
+export interface SelectChangeEvent {
+    selectValue?: string;
+    selectName?: string;
+    selectId?: string;
+    name?: string;
+}
+export type SelectChangeEventHandler<T = SelectChangeEvent | number | string> = (event: T) => void;
+interface ISelectCommunProps<T = SelectChangeEvent | number | string> {
+    onChange?: SelectChangeEventHandler<T>;
+    onFocus?: (event: React.FocusEvent | React.BaseSyntheticEvent) => void;
+    onBlur?: (event: React.FocusEvent | React.BaseSyntheticEvent | MouseEvent) => void;
+    label?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    iconName?: IconName | IconNameValues;
+    selected?: string | number;
+    styled?: boolean;
+    id?: string;
+    name?: string;
+}
+export interface SelectProps extends Accessibility, ISelectCommunProps {
+    className?: string;
+    classNameOptions?: string;
+    nullable?: boolean;
+    onMouseEnter?: (event: React.MouseEvent) => void;
+    onMouseLeave?: (event: React.MouseEvent) => void;
+    placeholder?: string;
+    native?: boolean;
+}
+export interface IAccessibleSelect extends Accessibility, ISelectCommunProps {
+    selecteClasses?: string;
+}
+export interface ICustomSelect extends Accessibility, ISelectCommunProps {
+    selecteClasses?: string;
+    nullable?: boolean;
+    classNameOptions?: string;
+}
+export {};

package/lib/components/select/SelectProps.js

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

package/lib/components/select/SelectProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectProps.js","sourceRoot":"","sources":["../../../components/select/SelectProps.ts"],"names":[],"mappings":""}

package/lib/components/select/hooks/accessibility.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface HandleChangeSelectProps {
+    selectValue: string;
+    selectName: string;
+    selectId: string;
+    disabled: boolean;
+}
+export declare const useAccessibility: (isOpenSelect: boolean, handleChangeSelect: ({ selectValue, selectName, selectId, disabled }: HandleChangeSelectProps) => void, setIsOpenSelect: React.Dispatch<React.SetStateAction<boolean>>, optionRefs: React.RefObject<Array<HTMLDivElement | null>>, selectRef: React.RefObject<HTMLDivElement | null>, handleFocusCurrentOption: () => void) => {
+    handleKeyDown: (e: React.KeyboardEvent, child?: React.ReactElement) => void;
+};
+export {};

package/lib/components/select/hooks/accessibility.js

@@ -0,0 +1,111 @@
+import React, { useEffect, useRef, useState } from 'react';
+export const useAccessibility = (isOpenSelect, handleChangeSelect, setIsOpenSelect, optionRefs, selectRef, handleFocusCurrentOption) => {
+    const selectInputRef = useRef('');
+    const [isDebounce, setIsDebounce] = useState(false);
+    useEffect(() => {
+        if (isDebounce) {
+            const timeoutId = setTimeout(() => {
+                selectInputRef.current = '';
+                setIsDebounce(false);
+            }, 2000);
+            return () => clearTimeout(timeoutId);
+        }
+    }, [isDebounce]);
+    const arrowNavigateOptions = React.useCallback((direction) => {
+        var _a, _b, _c;
+        if (isOpenSelect && optionRefs.current != null) {
+            const currentIndex = optionRefs.current.findIndex((ref) => ref === document.activeElement);
+            let newIndex = currentIndex + direction;
+            if (((_a = optionRefs.current[newIndex]) === null || _a === void 0 ? void 0 : _a.dataset.isDisabled) && direction === -1)
+                newIndex--;
+            if (((_b = optionRefs.current[newIndex]) === null || _b === void 0 ? void 0 : _b.dataset.isDisabled) && direction === 1)
+                newIndex++;
+            if (newIndex >= 0 && newIndex < optionRefs.current.length) {
+                (_c = optionRefs.current[newIndex]) === null || _c === void 0 ? void 0 : _c.focus();
+            }
+        }
+    }, [isOpenSelect, optionRefs]);
+    const wordNavigateOptions = React.useCallback((key) => {
+        var _a, _b, _c, _d;
+        const isValidateString = /^\p{L}+$/u.test(key);
+        if (optionRefs.current === null)
+            return;
+        let focusedIndex = optionRefs.current.findIndex((ref) => ref === document.activeElement);
+        const isTextExist = optionRefs.current.findIndex((ref) => { var _a; return ((_a = ref === null || ref === void 0 ? void 0 : ref.dataset.textcontent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === selectInputRef.current.toLowerCase(); });
+        const sameLetters = selectInputRef.current
+            .split('')
+            .every((letter) => letter.toLowerCase() === selectInputRef.current[0].toLowerCase());
+        const setSelectOption = (index) => {
+            var _a, _b, _c;
+            if (optionRefs.current === null)
+                return;
+            handleChangeSelect({
+                selectValue: (_a = optionRefs.current[index]) === null || _a === void 0 ? void 0 : _a.dataset.index,
+                selectName: (_b = optionRefs.current[index]) === null || _b === void 0 ? void 0 : _b.dataset.textcontent,
+                selectId: (_c = optionRefs.current[index]) === null || _c === void 0 ? void 0 : _c.dataset.id,
+                disabled: false,
+            });
+        };
+        switch (true) {
+            case isTextExist !== -1:
+                isOpenSelect && ((_a = optionRefs.current[isTextExist]) === null || _a === void 0 ? void 0 : _a.focus());
+                !isOpenSelect && setSelectOption(isTextExist);
+                break;
+            case isValidateString && (selectInputRef.current.length === 1 || sameLetters):
+                if (!isOpenSelect)
+                    focusedIndex = optionRefs.current.findIndex((ref) => { var _a; return ((_a = ref === null || ref === void 0 ? void 0 : ref.dataset) === null || _a === void 0 ? void 0 : _a.isActive) === 'true'; });
+                for (let i = 1; i < optionRefs.current.length; i++) {
+                    const nextIndex = (focusedIndex + i) % optionRefs.current.length;
+                    if (((_c = (_b = optionRefs.current[nextIndex]) === null || _b === void 0 ? void 0 : _b.dataset.textcontent) === null || _c === void 0 ? void 0 : _c.charAt(0).toLowerCase()) === key.toLowerCase()) {
+                        isOpenSelect && ((_d = optionRefs.current[nextIndex]) === null || _d === void 0 ? void 0 : _d.focus());
+                        !isOpenSelect && setSelectOption(nextIndex);
+                        break;
+                    }
+                }
+                break;
+            default:
+                return;
+        }
+    }, [optionRefs, isOpenSelect, selectInputRef]);
+    const handleKeyDown = React.useCallback((e, child) => {
+        var _a;
+        switch (e.key) {
+            case ' ':
+                e.preventDefault();
+                if (child) {
+                    (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+                    handleChangeSelect({
+                        selectValue: child.props.value,
+                        selectName: child.props.children || child.props.label,
+                        selectId: child.props.id,
+                        disabled: false,
+                    });
+                }
+                else {
+                    handleFocusCurrentOption();
+                }
+                setIsOpenSelect((prev) => !prev);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                arrowNavigateOptions(-1);
+                break;
+            case 'ArrowDown':
+                e.preventDefault();
+                arrowNavigateOptions(1);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                break;
+            default:
+                selectInputRef.current = selectInputRef.current + e.key;
+                wordNavigateOptions(e.key);
+                setIsDebounce(true);
+                break;
+        }
+    }, [arrowNavigateOptions, selectRef, selectInputRef.current]);
+    return {
+        handleKeyDown,
+    };
+};
+//# sourceMappingURL=accessibility.js.map

package/lib/components/select/hooks/accessibility.js.map

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

package/lib/components/select/hooks/utils.d.ts

@@ -0,0 +1,30 @@
+import React, { FocusEvent } from 'react';
+import { ISelectOption, SelectChangeEvent, SelectChangeEventHandler } from '../SelectProps';
+interface IProps {
+    name?: string;
+    nullable?: boolean;
+    onChange?: SelectChangeEventHandler<SelectChangeEvent>;
+    onFocus?: (event: React.FocusEvent | React.BaseSyntheticEvent) => void;
+    onBlur?: (event: React.FocusEvent | React.BaseSyntheticEvent | MouseEvent) => void;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    selected?: string | number;
+    id?: string;
+}
+export declare const useUtils: ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id }: IProps) => {
+    handleChangeSelect: ({ selectValue, selectName, selectId, disabled, }: {
+        selectValue: string;
+        selectName: string;
+        selectId: string;
+        disabled: boolean;
+    }) => void;
+    handleFocusCurrentOption: () => void;
+    handleFocusSelect: (e: FocusEvent<HTMLInputElement>) => false | void | undefined;
+    handleOpenSelect: (e: React.MouseEvent) => void;
+    isOpenSelect: boolean;
+    setIsOpenSelect: React.Dispatch<React.SetStateAction<boolean>>;
+    optionRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
+    selectRef: React.MutableRefObject<HTMLDivElement | null>;
+    selectedOption: ISelectOption | undefined;
+};
+export {};

package/lib/components/select/hooks/utils.js

@@ -0,0 +1,94 @@
+import React from 'react';
+export const useUtils = ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id }) => {
+    const [isOpenSelect, setIsOpenSelect] = React.useState(false);
+    const [selectedOption, setSelectedOption] = React.useState();
+    const selectRef = React.useRef(null);
+    const optionRefs = React.useRef([]);
+    const handleFocusCurrentOption = React.useCallback(() => {
+        setTimeout(() => {
+            var _a;
+            let currentIndex = optionRefs.current.findIndex((ref) => (ref === null || ref === void 0 ? void 0 : ref.dataset.isActive) == 'true');
+            if (currentIndex === -1)
+                currentIndex = 0;
+            (_a = optionRefs.current[currentIndex]) === null || _a === void 0 ? void 0 : _a.focus();
+        }, 10);
+    }, [optionRefs]);
+    const handleChangeSelect = React.useCallback(({ selectValue, selectName, selectId, disabled, }) => {
+        if (!disabled) {
+            if (onChange) {
+                onChange({
+                    selectValue: nullable && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === selectValue ? undefined : selectValue,
+                    selectName: nullable && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === selectValue ? undefined : name,
+                    selectId: nullable && (selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value) === selectValue ? undefined : id,
+                    name: name,
+                });
+            }
+            setSelectedOption((prev) => {
+                return {
+                    value: nullable && (prev === null || prev === void 0 ? void 0 : prev.value) === selectValue ? undefined : selectValue,
+                    name: nullable && (prev === null || prev === void 0 ? void 0 : prev.value) === selectValue ? undefined : selectName,
+                    id: nullable && (prev === null || prev === void 0 ? void 0 : prev.value) === selectValue ? undefined : selectId,
+                };
+            });
+        }
+    }, [name, nullable, selectedOption, id]);
+    const handleFocusSelect = React.useCallback((e) => !disabled && onFocus && onFocus(e), [disabled, onFocus]);
+    const handleOpenSelect = React.useCallback((e) => {
+        if (!disabled) {
+            setIsOpenSelect((prev) => {
+                if (prev && onBlur)
+                    onBlur(e);
+                return !prev;
+            });
+            handleFocusCurrentOption();
+        }
+    }, [disabled, optionRefs, selectRef]);
+    React.useEffect(() => {
+        const selectedChild = React.Children.toArray(children).find((child) => {
+            return React.isValidElement(child) && (child.props.value === selected || child.props.selected === true);
+        });
+        if (React.isValidElement(selectedChild)) {
+            setSelectedOption({
+                value: selectedChild.props.value,
+                name: selectedChild.props.children || selectedChild.props.label,
+                id: selectedChild.props.id,
+            });
+        }
+        else {
+            setSelectedOption({
+                value: undefined,
+                name: undefined,
+                id: undefined,
+            });
+        }
+    }, [children, selected]);
+    React.useEffect(() => {
+        const handleClickOutside = (event) => {
+            var _a;
+            if (isOpenSelect && !((_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) {
+                if (onBlur)
+                    onBlur(event);
+                setIsOpenSelect(false);
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return () => {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, [isOpenSelect, selectRef, onBlur]);
+    React.useEffect(() => {
+        optionRefs.current = optionRefs.current.slice(0, React.Children.toArray(children).length);
+    }, [optionRefs]);
+    return {
+        handleChangeSelect,
+        handleFocusCurrentOption,
+        handleFocusSelect,
+        handleOpenSelect,
+        isOpenSelect,
+        setIsOpenSelect,
+        optionRefs,
+        selectRef,
+        selectedOption,
+    };
+};
+//# sourceMappingURL=utils.js.map

package/lib/components/select/hooks/utils.js.map

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

package/lib/components/select/index.d.ts

@@ -0,0 +1,3 @@
+import Select from './Select';
+import SelectOption from './option';
+export { Select, SelectOption };

package/lib/components/select/index.js

@@ -0,0 +1,4 @@
+import Select from './Select';
+import SelectOption from './option';
+export { Select, SelectOption };
+//# sourceMappingURL=index.js.map

package/lib/components/select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,UAAU,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/select/option/SelectNativeOption.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectOptionProps } from './SelectOptionProps';
+declare const SelectNativeOption: ({ id, value, disabled, children, onClick, label, testId, ...others }: SelectOptionProps) => JSX.Element;
+export default SelectNativeOption;

package/lib/components/select/option/SelectNativeOption.js

@@ -0,0 +1,8 @@
+import React from 'react';
+const SelectNativeOption = ({ id, value, disabled, children, onClick, label, testId, ...others }) => {
+    return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, ...others, onClick: (e) => {
+            onClick && onClick(e);
+        } }, children || label));
+};
+export default SelectNativeOption;
+//# sourceMappingURL=SelectNativeOption.js.map

package/lib/components/select/option/SelectNativeOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNativeOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectNativeOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,kBAAkB,GAAG,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,KACf,MAAM,EACV,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;YAC5C,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC,IAEA,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/select/option/SelectNativeOption.native.d.ts

@@ -0,0 +1,2 @@
+declare const SelectNativeOption: () => void;
+export default SelectNativeOption;

package/lib/components/select/option/SelectNativeOption.native.js

@@ -0,0 +1,5 @@
+const SelectNativeOption = () => {
+    return;
+};
+export default SelectNativeOption;
+//# sourceMappingURL=SelectNativeOption.native.js.map

package/lib/components/select/option/SelectNativeOption.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectNativeOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectNativeOption.native.tsx"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,OAAM;AACR,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/select/option/SelectOption.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { SelectOptionProps } from './SelectOptionProps';
+/**
+ * Select Option Component
+ * @param value {string} Select option value
+ * @param children {React.ReactNode}
+ * @param label {string} option name
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} id for testing
+ * @param iconName {IconName | IconNameValues} icon
+ * @param disabled {boolean} disable option
+ * @param onClick {function} onclick function
+ * @param selected {boolean} Selected option
+ * @param id {string} Select option custom id
+ */
+declare const SelectOption: ({ id, className, selected, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
+export default SelectOption;

package/lib/components/select/option/SelectOption.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Icon } from '../../icon';
+/**
+ * Select Option Component
+ * @param value {string} Select option value
+ * @param children {React.ReactNode}
+ * @param label {string} option name
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} id for testing
+ * @param iconName {IconName | IconNameValues} icon
+ * @param disabled {boolean} disable option
+ * @param onClick {function} onclick function
+ * @param selected {boolean} Selected option
+ * @param id {string} Select option custom id
+ */
+const SelectOption = ({ id, className, selected, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { role: 'option', tabIndex: 0, className: hashClass(styled, clsx('select-options-option', selected && !disabled && 'select-options-option-activated', disabled && !selected && 'select-options-option-disabled', iconName && 'has-icon', className)), "data-testid": testId, id: id, "data-option-name": children || label, "data-option-value": value, onMouseUp: onClick, "aria-disabled": disabled, "aria-selected": selected ? 'true' : 'false', ...others },
+        React.createElement("div", { className: hashClass(styled, clsx(iconName && 'has-icon')) },
+            iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
+            children || label)));
+};
+export default SelectOption;
+//# sourceMappingURL=SelectOption.js.map

package/lib/components/select/option/SelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC;;;;;;;;;;;;;GAaG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,uBAAuB,EACvB,QAAQ,IAAI,CAAC,QAAQ,IAAI,iCAAiC,EAC1D,QAAQ,IAAI,CAAC,QAAQ,IAAI,gCAAgC,EACzD,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CACF,iBACY,MAAM,EACnB,EAAE,EAAE,EAAE,sBACY,QAAQ,IAAI,KAAK,uBAChB,KAAK,EACxB,SAAS,EAAE,OAAO,mBACH,QAAQ,mBACR,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KACtC,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;YAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;YACjD,QAAQ,IAAI,KAAK,CACd,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/select/option/SelectOption.native.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { SelectOptionProps } from './SelectOptionProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Select Option Component
+ * @param value {string} Select option value
+ * @param label {string} Label value
+ * @param children {React.ReactNode}
+ */
+declare const SelectOption: {
+    ({ value, label, children, ...others }: SelectOptionProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default SelectOption;

package/lib/components/select/option/SelectOption.native.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Picker } from '@react-native-picker/picker';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Select Option Component
+ * @param value {string} Select option value
+ * @param label {string} Label value
+ * @param children {React.ReactNode}
+ */
+const SelectOption = ({ value, label, children, ...others }) => {
+    return React.createElement(Picker.Item, { label: children || label, value: value || '', ...others });
+};
+SelectOption.displayName = ComponentName.SelectOption;
+export default SelectOption;
+//# sourceMappingURL=SelectOption.native.js.map

package/lib/components/select/option/SelectOption.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAA;AAEpD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC7F,OAAO,oBAAC,MAAM,CAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,IAAI,KAAK,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,KAAM,MAAM,GAAI,CAAA;AAClF,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

package/lib/components/select/option/SelectOptionProps.d.ts

@@ -0,0 +1,18 @@
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { IconName, IconNameValues } from '../../icon';
+import { Accessibility } from '../../../objects';
+/**
+ * Select Option Interface
+ */
+export interface SelectOptionProps<T extends string | number = string> extends Accessibility {
+    children?: string;
+    /** @deprecated use Select "selected" props instead */
+    selected?: boolean;
+    label?: string;
+    value?: T;
+    className?: string;
+    id?: string;
+    disabled?: boolean;
+    onClick?: ClickEvent;
+    iconName?: IconName | IconNameValues;
+}

package/lib/components/select/option/SelectOptionProps.js

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

package/lib/components/select/option/SelectOptionProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOptionProps.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOptionProps.ts"],"names":[],"mappings":""}

package/lib/components/select/option/index.d.ts

@@ -0,0 +1,2 @@
+import SelectOption from './SelectOption';
+export default SelectOption;

package/lib/components/select/option/index.js

@@ -0,0 +1,3 @@
+import SelectOption from './SelectOption';
+export default SelectOption;
+//# sourceMappingURL=index.js.map

package/lib/components/select/option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/select/option/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAe,YAAY,CAAA"}

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

@@ -0,0 +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;
+export default SelectDynamic;