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

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

@@ -1,11 +1,9 @@
-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';
+import React, { useCallback, useEffect, useState } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Input } from '../../components/input';
+import { Modal } from '../../components/modal';
+import SelectOption from './option';
 /**
  * Select Component
  * @param id {string} Select id
@@ -16,75 +14,122 @@ import { Modal } from '../modal';
  * @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 Select = ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, multiple, nullable, ...others }) => {
+    const [selectedValues, setSelectedValues] = useState(selected);
+    const [selectedNames, setSelectedNames] = React.useState([]);
     const [display, setDisplay] = useState(false);
+    const reactId = React.useId();
     useEffect(() => {
-        setSelectedValue(selected || '');
+        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 && setSelectedNames(labelSelected);
+        setSelectedValues(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);
+    const handleOpenCloseModal = useCallback(() => {
+        setDisplay((prev) => !prev);
+    }, []);
+    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:
+                        setSelectedNames((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);
+                        setDisplay(false);
+                        return prev;
+                    case !Array.isArray(prev) && nullable:
                         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);
+                        setSelectedNames([]);
+                        return undefined;
+                    default:
+                        return value;
+                }
+            });
+        }
+        if (!isChecked) {
+            setSelectedValues((prev) => {
+                if (Array.isArray(prev)) {
+                    const opts = [...prev, value];
+                    selectedOptions.push(...opts);
+                    return opts;
                 }
-                setSelectedValue(itemValue);
+                selectedOptions.push(value);
+                return value;
+            });
+            setSelectedNames((prev) => {
+                if (multiple)
+                    return [...prev, children || label];
                 setDisplay(false);
-            }, mode: 'dialog' }, children)));
+                return [children || label];
+            });
+        }
+        return selectedOptions;
+    }, [multiple, nullable]);
+    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),
+                onClick: () => {
+                    if (child.props.disabled)
+                        return;
+                    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, children]);
+    return (React.createElement(TouchableOpacity, { onPress: handleOpenCloseModal },
+        React.createElement(Input, { placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down', ...{ editable: false, onPressIn: handleOpenCloseModal }, ...others }),
+        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, swipable: false, bottom: false }, options)));
 };
 Select.displayName = ComponentName.Select;
 export default Select;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { IconName, IconNameValues } from '../icon';
 import { Accessibility } from '../../objects';
+import { IconName, IconNameValues } from '../icon';
 export interface ISelectOption {
     value: string | undefined;
     name: string | undefined;
@@ -11,36 +11,25 @@ export interface SelectChangeEvent {
     selectName?: string;
     selectId?: string;
     name?: string;
+    selectedOptions?: string[];
 }
-export type SelectChangeEventHandler<T = SelectChangeEvent | number | string> = (event: T) => void;
-interface ISelectCommunProps<T = SelectChangeEvent | number | string> {
+export type SelectChangeEventHandler<T = SelectChangeEvent> = (event: T) => void;
+export type SelectedValue = string | number | string[] | undefined;
+export type ParamEventSelectFocus = React.FocusEvent | React.BaseSyntheticEvent;
+export interface SelectProps<T = SelectChangeEvent> extends Accessibility {
     onChange?: SelectChangeEventHandler<T>;
-    onFocus?: (event: React.FocusEvent | React.BaseSyntheticEvent) => void;
-    onBlur?: (event: React.FocusEvent | React.BaseSyntheticEvent | MouseEvent) => void;
+    onFocus?: (event: ParamEventSelectFocus) => void;
+    onBlur?: (event: unknown) => void;
     label?: string;
     children?: React.ReactNode;
     disabled?: boolean;
     iconName?: IconName | IconNameValues;
-    selected?: string | number;
-    styled?: boolean;
+    selected?: SelectedValue;
     id?: string;
     name?: string;
-}
-export interface SelectProps extends Accessibility, ISelectCommunProps {
+    multiple?: boolean;
     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/option/SelectOption.d.ts

@@ -11,8 +11,7 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @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;
+declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
 export default SelectOption;

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

@@ -1,8 +1,6 @@
-import React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Icon } from '../../icon';
+import { Radio } from '../../../components/radio';
+import * as React from 'react';
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -14,15 +12,15 @@ import { Icon } from '../../icon';
  * @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)));
+const SelectOption = ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
+    const { checked, native, focused, ...props } = others;
+    const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
+    if (native) {
+        return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+    }
+    return (React.createElement(Radio, { checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId, ...others }));
 };
 export default SelectOption;
 //# sourceMappingURL=SelectOption.js.map

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

@@ -1 +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"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAQ,MAAM,CAAA;IAC1D,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { SelectOptionProps } from './SelectOptionProps';
-import { ComponentName } from '../../enumsComponentsName';
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -8,7 +8,7 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param children {React.ReactNode}
  */
 declare const SelectOption: {
-    ({ value, label, children, ...others }: SelectOptionProps): JSX.Element;
+    ({ id, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default SelectOption;

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

@@ -1,14 +1,50 @@
-import React from 'react';
-import { Picker } from '@react-native-picker/picker';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity } from 'react-native';
+import { TypographyBold } from '../../../objects/Typography';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
+import { Columns, ColumnsItem } from '../../../components/columns';
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
 /**
  * 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 });
+const SelectOption = ({ id, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
+    const { checked } = others;
+    const styles = React.useMemo(() => StyleSheet.create({
+        container: {
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) || undefined,
+        },
+    }), [disabled]);
+    const textColor = React.useMemo(() => {
+        switch (true) {
+            case disabled === true:
+                return getColorStyle(TrilogyColor.DISABLED);
+            default:
+                return getColorStyle(TrilogyColor.MAIN);
+        }
+    }, [disabled]);
+    const iconColor = React.useMemo(() => {
+        switch (true) {
+            case disabled === true:
+                return TrilogyColor.DISABLED;
+            default:
+                return TrilogyColor.MAIN;
+        }
+    }, [disabled]);
+    return (React.createElement(TouchableOpacity, { style: [styles.container], ...others, onPress: onClick },
+        React.createElement(Columns, { ...{ style: { paddingVertical: 16, paddingHorizontal: 8 } } },
+            React.createElement(ColumnsItem, null,
+                React.createElement(Columns, null,
+                    iconName && (React.createElement(ColumnsItem, { size: 1, verticalCenter: true },
+                        React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
+                    React.createElement(ColumnsItem, { verticalCenter: true },
+                        React.createElement(Text, { typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD], ...{ style: { paddingLeft: 8, color: textColor } } }, children || label)),
+                    checked && (React.createElement(ColumnsItem, { size: 1, verticalCenter: true },
+                        React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))))));
 };
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;

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

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

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

@@ -1,5 +1,5 @@
 import { ClickEvent } from '../../../events/OnClickEvent';
-import { IconName, IconNameValues } from '../../icon';
+import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility } from '../../../objects';
 /**
  * Select Option Interface

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,70 @@
+import { fireEvent, render } from '@testing-library/react';
+import * as React from 'react';
+import Select from '../../Select';
+import SelectOption from '../SelectOption';
+describe('SELECT OPTION WEB', () => {
+    const props = {
+        name: 'Option',
+        label: 'Label',
+        id: 'id',
+        testId: 'testId',
+        selected: 'opt_2',
+    };
+    it('should be selected', () => {
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: value, testId: value }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.click(select);
+        const option = getByTestId(`opt_2`);
+        expect(option).toBeChecked();
+    });
+    it('should be not nullable', () => {
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: value, testId: value }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.click(select);
+        const option = getByTestId(`opt_2`);
+        expect(option).toBeChecked();
+        fireEvent.click(option);
+        expect(option).toBeChecked();
+    });
+    it('should be nullable', () => {
+        const p = { ...props, nullable: true };
+        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: value, testId: value }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.click(select);
+        const option = getByTestId(`opt_2`);
+        expect(option).toBeChecked();
+        fireEvent.click(option);
+        expect(option).not.toBeChecked();
+    });
+    it('should be disabled', () => {
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: value, testId: value, disabled: value === 'opt_2' }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.click(select);
+        const option = getByTestId(`opt_2`);
+        expect(option).toBeDisabled();
+    });
+    it('should have icon', () => {
+        var _a, _b;
+        const { getByTestId } = render(React.createElement(Select, { ...props }, [...Array(5)].map((item, i) => {
+            const value = `opt_${i}`;
+            return (React.createElement(SelectOption, { key: i, id: value, value: value, label: value, testId: value, iconName: 'tri-alert' }, `option ${i}`));
+        })));
+        const select = getByTestId('testId');
+        fireEvent.click(select);
+        const option = getByTestId(`opt_2`);
+        expect((_b = (_a = option.nextSibling) === null || _a === void 0 ? void 0 : _a.firstChild) === null || _b === void 0 ? void 0 : _b.firstChild).toHaveClass('tri-alert');
+    });
+});
+//# sourceMappingURL=SelectOption.test.js.map

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

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

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

@@ -0,0 +1 @@
+export {};