@trilogy-ds/react 0.0.5-beta-v4 → 0.0.5-esm-cjs

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

@@ -1,14 +1,18 @@
-import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers/index';
+import { is } from '../../../services/classify';
 import clsx from 'clsx';
-import { RadioTile } from '../../../components/radio';
 import * as React from 'react';
+import { SelectContext } from '../context';
 /**
  * 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 className {string} Additional CSS Classes
  * @param testId {string} id for testing
  * @param iconName {IconName | IconNameValues} icon
  * @param disabled {boolean} disable option
@@ -16,14 +20,43 @@ import * as React from 'react';
  * @param id {string} Select option custom id
  * @param others
  */
-var SelectOption = function (_a) {
-    var id = _a.id, className = _a.className, value = _a.value, disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, testId = _a.testId, others = __rest(_a, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
-    var _b = others, checked = _b.checked, native = _b.native, focused = _b.focused, props = __rest(_b, ["checked", "native", "focused"]);
-    var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
-    if (native) {
-        return (React.createElement("option", __assign({ role: "option", id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick }, props), children || label));
+const SelectOption = React.forwardRef(({ id, className, value = '', disabled, children, onClick, label, iconName, testId, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const { custom, selectedOptionValues, setSelectedOptionValues, multiple, setIsVisibleOptions, onChange } = React.useContext(SelectContext);
+    const isChecked = selectedOptionValues.includes(value);
+    const selectClasses = hashClass(styled, clsx('option', isChecked && 'focus', disabled && is('disabled'), className));
+    const handleClickOption = () => {
+        setSelectedOptionValues((prev) => {
+            const isInclude = prev.includes(value);
+            const newOptionsSelected = !multiple && isInclude
+                ? []
+                : !multiple && !isInclude
+                    ? [value]
+                    : isInclude
+                        ? prev.filter((opt) => opt !== value)
+                        : [...prev, value];
+            if (onChange) {
+                onChange({
+                    selectValue: isInclude ? undefined : value,
+                    selectName: isInclude ? undefined : children || label,
+                    selectId: isInclude ? undefined : id,
+                    name: isInclude ? undefined : children || label,
+                    selectedOptions: newOptionsSelected,
+                    target: undefined,
+                });
+            }
+            return newOptionsSelected;
+        });
+        if (!multiple)
+            setIsVisibleOptions(false);
+    };
+    if (custom || multiple) {
+        return (React.createElement("li", { ref: ref, id: id, className: selectClasses, "data-selected": isChecked, role: 'option', "aria-selected": isChecked, "data-value": value, onClick: !disabled ? handleClickOption : undefined, ...others },
+            iconName && React.createElement(Icon, { name: iconName }),
+            label || children));
     }
-    return (React.createElement(RadioTile, __assign({ checked: checked, horizontal: true, className: selectClasses, value: value, disabled: disabled, onChange: onClick, icon: iconName, description: label || children }, others)));
-};
+    return (React.createElement("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...others }, children || label));
+});
+SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFXb0I7SUFWbEIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVlgsOEZBV0MsQ0FEVTtJQUcvQixJQUFNLEtBQXlDLE1BQWlFLEVBQXhHLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLEtBQUssY0FBcEMsZ0NBQXNDLENBQW9FLENBQUE7SUFDaEgsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxjQUFNLE9BQUEsSUFBSSxDQUFDLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxDQUFDLEVBQW5DLENBQW1DLEVBQUUsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRyxJQUFJLE1BQU0sRUFBRTtRQUNWLE9BQU8sQ0FDTCx5Q0FDRSxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sSUFDWixLQUFLLEdBRVIsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxvQkFBQyxTQUFTLGFBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsUUFBUSxFQUFFLE9BQU8sRUFDakIsSUFBSSxFQUFFLFFBQVEsRUFDZCxXQUFXLEVBQUUsS0FBSyxJQUFJLFFBQVEsSUFDMUIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsWUFBWSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxDQUFDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEdBQUcsRUFBRSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDdEcsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLEdBQ3RHLEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFakMsTUFBTSxTQUFTLEdBQUcsb0JBQW9CLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBRXRELE1BQU0sYUFBYSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxTQUFTLElBQUksT0FBTyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwSCxNQUFNLGlCQUFpQixHQUFHLEdBQUcsRUFBRTtRQUM3Qix1QkFBdUIsQ0FBQyxDQUFDLElBQXFCLEVBQUUsRUFBRTtZQUNoRCxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO1lBRXRDLE1BQU0sa0JBQWtCLEdBQ3RCLENBQUMsUUFBUSxJQUFJLFNBQVM7Z0JBQ3BCLENBQUMsQ0FBQyxFQUFFO2dCQUNKLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLFNBQVM7b0JBQ3pCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztvQkFDVCxDQUFDLENBQUMsU0FBUzt3QkFDWCxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxLQUFLLEtBQUssQ0FBQzt3QkFDckMsQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLEVBQUUsS0FBSyxDQUFDLENBQUE7WUFFdEIsSUFBSSxRQUFRLEVBQUUsQ0FBQztnQkFDYixRQUFRLENBQUM7b0JBQ1AsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLO29CQUMxQyxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxLQUFLO29CQUNyRCxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQ3BDLElBQUksRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsUUFBUSxJQUFJLEtBQUs7b0JBQy9DLGVBQWUsRUFBRSxrQkFBOEI7b0JBQy9DLE1BQU0sRUFBRSxTQUF1RDtpQkFDaEUsQ0FBQyxDQUFBO1lBQ0osQ0FBQztZQUVELE9BQU8sa0JBQWtCLENBQUE7UUFDM0IsQ0FBQyxDQUFDLENBQUE7UUFFRixJQUFJLENBQUMsUUFBUTtZQUFFLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQzNDLENBQUMsQ0FBQTtJQUVELElBQUksTUFBTSxJQUFJLFFBQVEsRUFBRSxDQUFDO1FBQ3ZCLE9BQU8sQ0FDTCw0QkFDRSxHQUFHLEVBQUUsR0FBcUMsRUFDMUMsRUFBRSxFQUFFLEVBQUUsRUFDTixTQUFTLEVBQUUsYUFBYSxtQkFDVCxTQUFTLEVBQ3hCLElBQUksRUFBQyxRQUFRLG1CQUNFLFNBQVMsZ0JBQ1osS0FBSyxFQUNqQixPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQyxTQUFTLEtBQzlDLE1BQU07WUFFVCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUk7WUFDcEMsS0FBSyxJQUFJLFFBQVEsQ0FDZixDQUNOLENBQUE7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUNMLGdDQUNFLEdBQUcsRUFBRSxHQUF5QyxFQUM5QyxJQUFJLEVBQUMsUUFBUSxFQUNiLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLEtBQUssRUFDWixRQUFRLEVBQUUsUUFBUSxnQkFDTixLQUFLLGlCQUNKLE1BQU0sRUFDbkIsT0FBTyxFQUFFLE9BQU8sS0FDWixNQUFNLElBRVQsUUFBUSxJQUFJLEtBQUssQ0FDWCxDQUNWLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9

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

@@ -0,0 +1,24 @@
+import {
+  SelectOption_default
+} from "../../../chunk-NAPM7RV5.mjs";
+import "../../../chunk-ELV7XGSB.mjs";
+import "../../../chunk-CERCYDMJ.mjs";
+import "../../../chunk-KWQHZ3AX.mjs";
+import "../../../chunk-B52A3BFQ.mjs";
+import "../../../chunk-RBMXTQBU.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-4YIM7SBN.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  SelectOption_default as default
+};

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

@@ -1,40 +1,36 @@
-import { __assign, __rest } from "tslib";
-import { Columns, Column } from '../../../components/columns';
+import { Column, Columns } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../../components/icon';
-import { Text } from '../../../components/text';
-import { TypographyBold } from '../../../objects/Typography';
-import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
+import { Icon, IconSize } from '../../../components/icon/index.native';
+import { Text } from '../../../components/text/index.native';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color/index.native';
+import { Alignable } from '../../../objects/index.native';
+import { TypographyBold } from '../../../objects/Typography/index.native';
 import * as React from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
+import { StyleSheet, TouchableOpacity } from 'react-native';
 /**
  * Select Option Component
  * @param value {string} Select option value
  * @param label {string} Label value
  * @param children {React.ReactNode}
  */
-var SelectOption = function (_a) {
-    var disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["disabled", "children", "onClick", "label", "iconName"]);
-    var checked = others.checked;
-    var styles = React.useMemo(function () {
-        return StyleSheet.create({
-            container: {
-                backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || undefined,
-                width: Dimensions.get('screen').width - 40,
-                paddingHorizontal: 16,
-                paddingVertical: 8
-            },
-        });
-    }, [disabled]);
-    var textColor = React.useMemo(function () {
+const SelectOption = React.forwardRef(({ disabled, children, onClick, label, iconName, ...others }, ref) => {
+    const { checked } = others;
+    const styles = StyleSheet.create({
+        container: {
+            backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
+            width: '100%',
+            paddingVertical: checked && !iconName ? 8.5 : 10,
+        },
+    });
+    const textColor = React.useMemo(() => {
         switch (true) {
             case disabled === true:
-                return getColorStyle(TrilogyColor.DISABLED);
+                return TrilogyColor.DISABLED;
             default:
-                return getColorStyle(TrilogyColor.MAIN);
+                return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    var iconColor = React.useMemo(function () {
+    const iconColor = React.useMemo(() => {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -42,18 +38,18 @@ var SelectOption = function (_a) {
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    var columnLabelSize = React.useMemo(function () {
-        return iconName ? checked && 10 || 11 : checked && 11 || 12;
+    const columnLabelSize = React.useMemo(() => {
+        return iconName ? (checked && 10) || 11 : (checked && 11) || 12;
     }, [iconName, checked]);
-    return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
-        React.createElement(Columns, { gap: 0 },
+    return (React.createElement(TouchableOpacity, { ref: ref, style: [styles.container], ...others, onPress: onClick },
+        React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
             iconName && (React.createElement(Column, { size: 1 },
                 React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
             React.createElement(Column, { size: columnLabelSize },
-                React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor, } }), children || label)),
+                React.createElement(Text, { typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD], style: { paddingLeft: 8, color: getColorStyle(textColor) } }, children || label)),
             checked && (React.createElement(Column, { size: 1 },
                 React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
-};
+});
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHdkU7Ozs7O0dBS0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF6RCx3REFBMkQsQ0FBRjtJQUNyRSxJQUFBLE9BQU8sR0FBSyxNQUE2QixRQUFsQyxDQUFrQztJQUVqRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxT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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRDs7Ozs7R0FLRztBQUNILE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDaEYsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLE1BQTZCLENBQUE7SUFFakQsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENB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

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

@@ -0,0 +1,18 @@
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { TouchableOpacity } from 'react-native';
+/**
+ * Select Option Interface
+ */
+export interface SelectOptionProps<T extends string | number = string> extends Accessibility, Dev, CommonProps {
+    children?: string;
+    label?: string;
+    value?: T;
+    disabled?: boolean;
+    onClick?: ClickEvent;
+    iconName?: IconName | IconNameValues;
+}
+export type SelectOptionRef = HTMLOptionElement | HTMLLIElement;
+export type SelectOptionNativeRef = TouchableOpacity;

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

@@ -2,6 +2,7 @@ import { ClickEvent } from '../../../events/OnClickEvent';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { Accessibility, Dev } from '../../../objects';
 import { CommonProps } from '../../../objects/facets/CommonProps';
+import { TouchableOpacity } from 'react-native';
 /**
  * Select Option Interface
  */
@@ -13,3 +14,5 @@ export interface SelectOptionProps<T extends string | number = string> extends A
     onClick?: ClickEvent;
     iconName?: IconName | IconNameValues;
 }
+export type SelectOptionRef = HTMLOptionElement | HTMLLIElement;
+export type SelectOptionNativeRef = TouchableOpacity;

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

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

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

@@ -0,0 +1,25 @@
+import {
+  option_default
+} from "../../../chunk-LXERI22G.mjs";
+import "../../../chunk-NAPM7RV5.mjs";
+import "../../../chunk-ELV7XGSB.mjs";
+import "../../../chunk-CERCYDMJ.mjs";
+import "../../../chunk-KWQHZ3AX.mjs";
+import "../../../chunk-B52A3BFQ.mjs";
+import "../../../chunk-RBMXTQBU.mjs";
+import "../../../chunk-CNJHYNT2.mjs";
+import "../../../chunk-EJ2APB7I.mjs";
+import "../../../chunk-SEWWK5HV.mjs";
+import "../../../chunk-U3F6V3KT.mjs";
+import "../../../chunk-OADZ62IM.mjs";
+import "../../../chunk-37LDCDVM.mjs";
+import "../../../chunk-UDTBRLJ5.mjs";
+import "../../../chunk-HLQ4FCCM.mjs";
+import "../../../chunk-XFWJ47MX.mjs";
+import "../../../chunk-4YIM7SBN.mjs";
+import "../../../chunk-EJOKG5F4.mjs";
+import "../../../chunk-5VN6OIEF.mjs";
+import "../../../chunk-OQRDRRQA.mjs";
+export {
+  option_default as default
+};

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

@@ -0,0 +1,3 @@
+import SelectOption from './SelectOption.native';
+export default SelectOption;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFlBQVksTUFBTSx1QkFBdUIsQ0FBQTtBQUVoRCxlQUFlLFlBQVksQ0FBQSJ9

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
+declare const SelectDynamic: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<SelectRef>>;
+export default SelectDynamic;

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

@@ -1,4 +1,6 @@
-import { PropsWithChildren } from 'react';
-import { SelectProps } from '../../../components/select/SelectProps';
-declare const SelectDynamic: ({ onChange, disabled, onFocus, onBlur, children, selected, name, id, label, iconName, multiple, className, }: PropsWithChildren<SelectProps>) => JSX.Element;
+import React from 'react';
+import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
+declare const SelectDynamic: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<SelectRef>>;
 export default SelectDynamic;

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

@@ -1,195 +1,85 @@
-import { __assign, __read, __spreadArray } from "tslib";
 import clsx from 'clsx';
-import React, { useCallback, useMemo, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import ReactDOM from 'react-dom';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { Input } from '../../../components/input';
 import { useTrilogyContext } from '../../../context/index';
-import { hashClass } from '../../../helpers';
-import { SelectOption } from '../';
-var SelectDynamic = function (_a) {
-    var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className;
-    var styled = useTrilogyContext().styled;
-    var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
-    var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
-    var _d = __read(React.useState([]), 2), selectedName = _d[0], setSelectedName = _d[1];
-    var reactId = React.useId();
-    var selectClasses = React.useMemo(function () { return hashClass(styled, clsx('select', className)); }, [styled, className]);
-    var _e = __read(useState(-1), 2), focusedIndex = _e[0], setFocusedIndex = _e[1];
-    var onClickInput = React.useCallback(function () {
-        setIsFocused(function (prev) { return !prev; });
-    }, []);
-    var onKeyPressInput = React.useCallback(function (keyCode) {
-        if (keyCode === 13) {
-            setIsFocused(function (prev) {
-                if (multiple && !prev)
-                    return true;
-                if (multiple && prev)
-                    return prev;
-                return !prev;
-            });
-        }
-    }, [multiple]);
-    var isChecked = useCallback(function (value) {
-        return (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
-            ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
-            : selectedValues === value);
-    }, [multiple, selectedValues]);
-    var setNewSelectedValues = useCallback(function (_a) {
-        var isChecked = _a.isChecked, children = _a.children, label = _a.label, value = _a.value;
-        var selectedOptions = [];
-        if (isChecked) {
-            setSelectedValues(function (prev) {
-                switch (true) {
-                    case Array.isArray(prev):
-                        setSelectedName(function (prev) { return prev.filter(function (txt) { return ![children, label].includes(txt); }); });
-                        var opts = prev.filter(function (item) { return item !== value; });
-                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
-                        return opts;
-                    case !Array.isArray(prev):
-                        setSelectedName([]);
-                        return undefined;
-                    default:
-                        return value;
-                }
-            });
-        }
-        if (!isChecked) {
-            setSelectedValues(function (prev) {
-                if (Array.isArray(prev)) {
-                    var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
-                    selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
-                    return opts;
-                }
-                selectedOptions.push(value);
-                return value;
-            });
-            setSelectedName(function (prev) {
-                if (multiple)
-                    return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
-                return [children || label];
+import { hashClass } from '../../../helpers/index';
+import { SelectContext } from '../context';
+const OPTION_SIZE = 48;
+const SelectDynamic = React.forwardRef(({ onChange, disabled, onFocus, onBlur, children, selected, name, id, label, iconName, multiple, className, status, placeholder, required, custom, help, sample, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const { setIsVisibleOptions, isVisibleOptions, selectedOptionValues } = useContext(SelectContext);
+    const containerRef = useRef(null);
+    const [openUpward, setOpenUpward] = useState(false);
+    const optionsListSize = useRef(0);
+    const [dropdownStyles, setDropdownStyles] = useState({});
+    const selectClasses = hashClass(styled, clsx('select', className));
+    const optionsClasses = hashClass(styled, clsx('select-options', openUpward && 'select-options-top'));
+    const portalClasses = hashClass(styled, 'select-trilogy_modal_open');
+    const onClickInput = () => {
+        if (containerRef.current && optionsListSize.current) {
+            const { top, bottom } = containerRef.current.getBoundingClientRect();
+            const windowHeight = window.innerHeight;
+            const spaceBelow = windowHeight - bottom;
+            const padding = 10;
+            const maxHeightBelow = spaceBelow - padding;
+            const maxHeightAbove = top - padding;
+            const openUpward = maxHeightBelow < optionsListSize.current && maxHeightAbove > maxHeightBelow;
+            setOpenUpward(openUpward);
+            setDropdownStyles({
+                maxHeight: openUpward ? `${maxHeightAbove}px` : `${maxHeightBelow}px`,
+                overflowY: 'auto',
             });
         }
-        return selectedOptions;
-    }, [multiple]);
-    React.useEffect(function () {
-        var _a;
-        var labelSelected = (_a = React.Children.map(children, function (child) {
-            if (!React.isValidElement(child))
+        setIsVisibleOptions((prev) => !prev);
+    };
+    const onCloseOptions = () => setIsVisibleOptions(false);
+    const onKeyPressInput = (keyCode) => {
+        setIsVisibleOptions((prev) => {
+            if (keyCode === 27)
                 return false;
-            var label = child.props.children || child.props.label;
-            switch (true) {
-                case (Array.isArray(selected) && selected.includes(child.props.value)) ||
-                    (!Array.isArray(selected) && child.props.value === selected):
-                    return label;
-                default:
-                    return false;
-            }
-        })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
-        labelSelected && setSelectedName(labelSelected);
-        setSelectedValues(selected);
-    }, [selected]);
-    React.useEffect(function () {
-        var onKeyDown = function (e) {
-            var childs = children;
-            var child = childs[focusedIndex];
-            e.preventDefault();
-            switch (true) {
-                case e.key === 'ArrowDown':
-                    options &&
-                        setFocusedIndex(function (prev) {
-                            var nextIndex = (prev + 1) % options.length;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex++;
-                            return nextIndex % options.length;
-                        });
-                    break;
-                case e.key === 'ArrowUp' && focusedIndex !== -1:
-                    options &&
-                        setFocusedIndex(function (prev) {
-                            var nextIndex = (prev - 1 + options.length) % options.length;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex--;
-                            if (nextIndex === -1)
-                                nextIndex = options.length - 1;
-                            return nextIndex % options.length;
-                        });
-                    break;
-                case e.key === 'ArrowUp' && focusedIndex === -1:
-                    options &&
-                        setFocusedIndex(function () {
-                            var nextIndex = options.length - 1;
-                            if (childs[nextIndex].props.disabled)
-                                nextIndex--;
-                            return nextIndex;
-                        });
-                    break;
-                case ['Enter'].includes(e.key) && focusedIndex !== -1 && !child.props.disabled:
-                    var isCheckedOption = isChecked(child.props.value);
-                    setNewSelectedValues({
-                        children: child.props.children,
-                        label: child.props.label,
-                        value: child.props.value,
-                        isChecked: isCheckedOption,
-                    });
-                    break;
-                case e.key === 'Escape':
-                    setFocusedIndex(-1);
-                    setIsFocused(false);
-                    break;
-                default:
-                    return;
-            }
-        };
-        focused && document.addEventListener('keydown', onKeyDown);
-        !focused && setFocusedIndex(-1);
-        return function () { return document.removeEventListener('keydown', onKeyDown); };
-    }, [focused, focusedIndex, children, isChecked]);
-    var modal = useMemo(function () { return React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: function () { return setIsFocused(false); } }); }, []);
-    var options = React.useMemo(function () {
-        return React.Children.map(children, function (child, index) {
+            if (keyCode === 13)
+                return !prev;
+            return prev;
+        });
+    };
+    const options = useMemo(() => {
+        return React.Children.map(children, (child) => {
             if (!React.isValidElement(child))
-                return null;
-            var clickEventValue = function (v) {
-                switch (true) {
-                    case (multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
-                        (!multiple && selectedValues === child.props.value):
-                        return undefined;
-                    default:
-                        return v;
-                }
+                return false;
+            return {
+                label: child.props.children || child.props.label,
+                value: child.props.value,
             };
-            var props = __assign(__assign({}, child.props), { checked: isChecked(child.props.value), focused: focusedIndex === index ? 'true' : undefined, onClick: function () {
-                    var opts = setNewSelectedValues({
-                        children: child.props.children,
-                        label: child.props.label,
-                        value: child.props.value,
-                        isChecked: isChecked(child.props.value),
-                    });
-                    onChange &&
-                        onChange({
-                            selectValue: clickEventValue(child.props.value),
-                            selectName: clickEventValue(child.props.children || child.props.label),
-                            selectId: clickEventValue(child.props.id),
-                            name: clickEventValue(child.props.children || child.props.label),
-                            selectedOptions: opts,
-                        });
-                    if (child.props.onClick)
-                        child.props.onClick();
-                    if (!multiple)
-                        setIsFocused(false);
-                } });
-            return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
+        })?.filter((option) => option);
+    }, []);
+    const labelsSelected = useMemo(() => {
+        return selectedOptionValues.map((selectedOption) => {
+            const elm = options?.find((opt) => opt.value === selectedOption);
+            return elm?.label;
         });
-    }, [multiple, selectedValues, focusedIndex, children]);
-    return (React.createElement("div", { className: selectClasses },
-        React.createElement(Input, __assign({ value: selectedName.join(', '), name: name, disabled: disabled, placeholder: label, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: function (e) {
+    }, [selectedOptionValues, options]);
+    useEffect(() => {
+        const childrenCount = React.Children.count(children);
+        if (childrenCount > 0) {
+            optionsListSize.current = childrenCount * OPTION_SIZE;
+        }
+    }, [children]);
+    return (React.createElement("div", { className: selectClasses, ref: containerRef, ...others },
+        React.createElement(Input, { sample: sample, help: help, required: required, status: status, ref: ref, value: labelsSelected?.join(', '), name: name, disabled: disabled, label: label, placeholder: placeholder, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: isVisibleOptions ? 'focus' : undefined, onKeyPress: (e) => {
                 e.preventDefault();
-            }, onKeyUp: function (e) {
+            }, onKeyUp: (e) => {
                 e.preventDefault();
                 onKeyPressInput(e.inputKeyCode);
-            } }, { readOnly: true, id: id, role: 'listbox' })),
-        focused && React.createElement("div", { className: hashClass(styled, clsx('select-options')) }, options),
-        focused && ReactDOM.createPortal(modal, document.body)));
-};
+            }, readOnly: true, id, role: 'combobox' }),
+        React.createElement("ul", { role: 'listbox', className: optionsClasses, style: {
+                display: isVisibleOptions ? 'block' : 'none',
+                ...dropdownStyles,
+            } }, children),
+        isVisibleOptions &&
+            ReactDOM.createPortal(React.createElement("div", { role: 'presentation', className: portalClasses, onClick: onCloseOptions }), document.body)));
+});
+SelectDynamic.displayName = ComponentName.Select;
 export default SelectDynamic;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hGLE9BQU8sUUFBUSxNQUFNLFdBQVcsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBRWxDLElBQU0sYUFBYSxHQUFHLFVBQUMsRUFhVTtRQVovQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUE7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxPQUFPLFFBQUEsRUFBRSxZQUFZLFFBQWtDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQWdCLFFBQVEsQ0FBQyxJQUFBLEVBQTVFLGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUEyQyxDQUFBO0lBQzdF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBcUIsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRyxPQUFPLFFBQVEsTUFBTSxXQUFXLENBQUE7QUFFaEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUxQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUE7QUFFdEIsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsQ0FDRSxFQUNFLFFBQVEsRUFDUixRQUFRLEVBQ1IsT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsUUFBUSxFQUNSLElBQUksRUFDSixFQUFFLEVBQ0YsS0FBSyxFQUNMLFFBQVEsRUFDUixRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixXQUFXLEVBQ1gsUUFBUSxFQUNSLE1BQU0sRUFDTixJQUFJLEVBQ0osTUFBTSxFQUNOLEdBQUcsTUFBTSxFQUNWLEVBQ0QsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsb0JB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