@trilogy-ds/react 0.0.1-beta-117 → 0.0.1-beta-121

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

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import { Radio } from '../../../components/radio';
 import * as React from 'react';
@@ -14,14 +15,14 @@ import * as React from 'react';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-const SelectOption = React.forwardRef((allProps, ref) => {
-    const { id, className, value, disabled, children, onClick, label, iconName, testId, ...others } = allProps;
-    const { checked, native, focused, ...props } = others;
-    const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
+var SelectOption = React.forwardRef(function (allProps, ref) {
+    var id = allProps.id, className = allProps.className, value = allProps.value, disabled = allProps.disabled, children = allProps.children, onClick = allProps.onClick, label = allProps.label, iconName = allProps.iconName, testId = allProps.testId, others = __rest(allProps, ["id", "className", "value", "disabled", "children", "onClick", "label", "iconName", "testId"]);
+    var _a = others, checked = _a.checked, native = _a.native, focused = _a.focused, props = __rest(_a, ["checked", "native", "focused"]);
+    var selectClasses = React.useMemo(function () { return clsx(focused && 'focus', className); }, [focused, className]);
     if (native) {
-        return (React.createElement("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+        return (React.createElement("option", __assign({ ref: ref, 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 }));
+    return (React.createElement(Radio, __assign({ 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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDMUMsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLFFBQTJCLEVBQUUsR0FBdUM7SUFFdkcsSUFBQSxFQUFFLEdBVUEsUUFBUSxHQVZSLEVBQ0YsU0FBUyxHQVNQLFFBQVEsVUFURCxFQUNULEtBQUssR0FRSCxRQUFRLE1BUkwsRUFDTCxRQUFRLEdBT04sUUFBUSxTQVBGLEVBQ1IsUUFBUSxHQU1OLFFBQVEsU0FORixFQUNSLE9BQU8sR0FLTCxRQUFRLFFBTEgsRUFDUCxLQUFLLEdBSUgsUUFBUSxNQUpMLEVBQ0wsUUFBUSxHQUdOLFFBQVEsU0FIRixFQUNSLE1BQU0sR0FFSixRQUFRLE9BRkosRUFDSCxNQUFNLFVBQ1AsUUFBUSxFQVhOLDhGQVdMLENBRFUsQ0FDQztJQUVaLElBQU0sS0FBeUMsTUFBNEQsRUFBbkcsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUssS0FBSyxjQUFwQyxnQ0FBc0MsQ0FBK0QsQ0FBQTtJQUMzRyxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLGNBQU0sT0FBQSxJQUFJLENBQUMsT0FBTyxJQUFJLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBbkMsQ0FBbUMsRUFBRSxDQUFDLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXBHLElBQUksTUFBTSxFQUFFO1FBQ1YsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFDLFFBQVEsRUFDYixFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsZ0JBQ04sS0FBSyxpQkFDSixNQUFNLEVBQ25CLE9BQU8sRUFBRSxPQUFPLElBQ1osS0FBSyxHQUVSLFFBQVEsSUFBSSxLQUFLLENBQ1gsQ0FDVixDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0wsb0JBQUMsS0FBSyxhQUNKLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLElBQUksUUFDSixjQUFjLFFBQ2QsVUFBVSxRQUNWLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsV0FBVyxFQUFFLEtBQUssSUFBSSxRQUFRLEVBQzlCLE1BQU0sRUFBRSxNQUFNLElBQ1YsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxZQUFZLENBQUEifQ==

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

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { Columns, ColumnsItem } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
@@ -12,17 +13,20 @@ import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
  * @param label {string} Label value
  * @param children {React.ReactNode}
  */
-const SelectOption = ({ disabled, children, onClick, label, iconName, ...others }) => {
-    const { checked } = others;
-    const styles = React.useMemo(() => StyleSheet.create({
-        container: {
-            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || undefined,
-            width: Dimensions.get('screen').width - 40,
-            paddingHorizontal: 16,
-            paddingVertical: 8
-        },
-    }), [disabled]);
-    const textColor = React.useMemo(() => {
+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 () {
         switch (true) {
             case disabled === true:
                 return getColorStyle(TrilogyColor.DISABLED);
@@ -30,7 +34,7 @@ const SelectOption = ({ disabled, children, onClick, label, iconName, ...others
                 return getColorStyle(TrilogyColor.MAIN);
         }
     }, [disabled]);
-    const iconColor = React.useMemo(() => {
+    var iconColor = React.useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -38,18 +42,18 @@ const SelectOption = ({ disabled, children, onClick, label, iconName, ...others
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    const columnLabelSize = React.useMemo(() => {
+    var columnLabelSize = React.useMemo(function () {
         return iconName ? checked && 10 || 11 : checked && 11 || 12;
     }, [iconName, checked]);
-    return (React.createElement(TouchableOpacity, { style: [styles.container], ...others, onPress: onClick },
+    return (React.createElement(TouchableOpacity, __assign({ style: [styles.container] }, others, { onPress: onClick }),
         React.createElement(Columns, { gap: 0, verticalCentered: true },
             iconName && (React.createElement(ColumnsItem, { size: 1, verticalCentered: true },
                 React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
             React.createElement(ColumnsItem, { size: columnLabelSize, verticalCentered: true },
-                React.createElement(Text, { typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD], ...{ style: { paddingLeft: 8, color: textColor, } } }, children || label)),
+                React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: textColor, } }), children || label)),
             checked && (React.createElement(ColumnsItem, { size: 1, verticalCentered: true },
                 React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
 };
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=SelectOption.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHdkU7Ozs7O0dBS0c7QUFDSCxJQUFNLFlBQVksR0FBRyxVQUFDLEVBQThFO0lBQTVFLElBQUEsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUF6RCx3REFBMkQsQ0FBRjtJQUNyRSxJQUFBLE9BQU8sR0FBSyxNQUE2QixRQUFsQyxDQUFrQztJQUVqRCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUMxQjtRQUNFLE9BQUEsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUNoQixTQUFTLEVBQUU7Z0JBQ1QsZUFBZSxFQUFFLENBQUMsUUFBUSxJQUFJLGFBQWEsQ0FBQyxZQUFZLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBSSxT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

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=SelectOptionProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9vcHRpb24vU2VsZWN0T3B0aW9uUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

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

@@ -1,3 +1,3 @@
 import SelectOption from './SelectOption';
 export default SelectOption;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9vcHRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __spreadArray } from "tslib";
 import clsx from 'clsx';
 import React, { useCallback, useMemo, useState } from 'react';
 import ReactDOM from 'react-dom';
@@ -5,20 +6,21 @@ import { Input } from '../../../components/input';
 import { useTrilogyContext } from '../../../context/index';
 import { hashClass } from '../../../helpers';
 import { SelectOption } from '../';
-const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, multiple, className, }) => {
-    const { styled } = useTrilogyContext();
-    const [focused, setIsFocused] = React.useState(false);
-    const [selectedValues, setSelectedValues] = React.useState(selected);
-    const [selectedName, setSelectedName] = React.useState([]);
-    const reactId = React.useId();
-    const selectClasses = React.useMemo(() => hashClass(styled, clsx('select', className)), [styled, className]);
-    const [focusedIndex, setFocusedIndex] = useState(-1);
-    const onClickInput = React.useCallback(() => {
-        setIsFocused((prev) => !prev);
+var SelectDynamic = function (_a) {
+    var onChange = _a.onChange, nullable = _a.nullable, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className;
+    var 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; });
     }, []);
-    const onKeyPressInput = React.useCallback((keyCode) => {
+    var onKeyPressInput = React.useCallback(function (keyCode) {
         if (keyCode === 13) {
-            setIsFocused((prev) => {
+            setIsFocused(function (prev) {
                 if (multiple && !prev)
                     return true;
                 if (multiple && prev)
@@ -27,21 +29,24 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
             });
         }
     }, [multiple]);
-    const isChecked = useCallback((value) => multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
-        ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
-        : selectedValues === value, [multiple, selectedValues]);
-    const setNewSelectedValues = useCallback(({ isChecked, children, label, value }) => {
-        const selectedOptions = [];
+    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((prev) => {
+            setSelectedValues(function (prev) {
                 switch (true) {
                     case Array.isArray(prev) && nullable:
-                        setSelectedName((prev) => prev.filter((txt) => ![children, label].includes(txt)));
-                        const opts = prev.filter((item) => item !== value);
-                        selectedOptions.push(...opts);
+                        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) && !nullable:
-                        selectedOptions.push(...prev);
+                        selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(prev), false));
                         return prev;
                     case !Array.isArray(prev) && !nullable:
                         selectedOptions.push(value);
@@ -55,30 +60,29 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
             });
         }
         if (!isChecked) {
-            setSelectedValues((prev) => {
+            setSelectedValues(function (prev) {
                 if (Array.isArray(prev)) {
-                    const opts = [...prev, value];
-                    selectedOptions.push(...opts);
+                    var opts = __spreadArray(__spreadArray([], __read(prev), false), [value], false);
+                    selectedOptions.push.apply(selectedOptions, __spreadArray([], __read(opts), false));
                     return opts;
                 }
-                setIsFocused(false);
                 selectedOptions.push(value);
                 return value;
             });
-            setSelectedName((prev) => {
+            setSelectedName(function (prev) {
                 if (multiple)
-                    return [...prev, children || label];
+                    return __spreadArray(__spreadArray([], __read(prev), false), [children || label], false);
                 return [children || label];
             });
         }
         return selectedOptions;
     }, [multiple, nullable]);
-    React.useEffect(() => {
+    React.useEffect(function () {
         var _a;
-        const labelSelected = (_a = React.Children.map(children, (child) => {
+        var labelSelected = (_a = React.Children.map(children, function (child) {
             if (!React.isValidElement(child))
                 return false;
-            const label = child.props.children || child.props.label;
+            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):
@@ -86,20 +90,20 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
                 default:
                     return false;
             }
-        })) === null || _a === void 0 ? void 0 : _a.filter((item) => item);
+        })) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item; });
         labelSelected && setSelectedName(labelSelected);
         setSelectedValues(selected);
     }, [selected]);
-    React.useEffect(() => {
-        const onKeyDown = (e) => {
-            const childs = children;
-            const child = childs[focusedIndex];
+    React.useEffect(function () {
+        var onKeyDown = function (e) {
+            var childs = children;
+            var child = childs[focusedIndex];
             e.preventDefault();
             switch (true) {
                 case e.key === 'ArrowDown':
                     options &&
-                        setFocusedIndex((prev) => {
-                            let nextIndex = (prev + 1) % options.length;
+                        setFocusedIndex(function (prev) {
+                            var nextIndex = (prev + 1) % options.length;
                             if (childs[nextIndex].props.disabled)
                                 nextIndex++;
                             return nextIndex % options.length;
@@ -107,8 +111,8 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
                     break;
                 case e.key === 'ArrowUp' && focusedIndex !== -1:
                     options &&
-                        setFocusedIndex((prev) => {
-                            let nextIndex = (prev - 1 + options.length) % options.length;
+                        setFocusedIndex(function (prev) {
+                            var nextIndex = (prev - 1 + options.length) % options.length;
                             if (childs[nextIndex].props.disabled)
                                 nextIndex--;
                             if (nextIndex === -1)
@@ -118,15 +122,15 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
                     break;
                 case e.key === 'ArrowUp' && focusedIndex === -1:
                     options &&
-                        setFocusedIndex(() => {
-                            let nextIndex = options.length - 1;
+                        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:
-                    const isCheckedOption = isChecked(child.props.value);
+                    var isCheckedOption = isChecked(child.props.value);
                     setNewSelectedValues({
                         children: child.props.children,
                         label: child.props.label,
@@ -144,14 +148,14 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
         };
         focused && document.addEventListener('keydown', onKeyDown);
         !focused && setFocusedIndex(-1);
-        return () => document.removeEventListener('keydown', onKeyDown);
+        return function () { return document.removeEventListener('keydown', onKeyDown); };
     }, [focused, focusedIndex, children, isChecked]);
-    const modal = useMemo(() => React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: () => setIsFocused(false) }), []);
-    const options = React.useMemo(() => {
-        return React.Children.map(children, (child, index) => {
+    var modal = useMemo(function () { return React.createElement("div", { role: 'presentation', className: 'select-trilogy_modal_open', onClick: function () { return setIsFocused(false); } }); }, []);
+    var options = React.useMemo(function () {
+        return React.Children.map(children, function (child, index) {
             if (!React.isValidElement(child))
                 return null;
-            const clickEventValue = (v) => {
+            var clickEventValue = function (v) {
                 switch (true) {
                     case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
                         (nullable && !multiple && selectedValues === child.props.value):
@@ -160,12 +164,8 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
                         return v;
                 }
             };
-            const props = {
-                ...child.props,
-                checked: isChecked(child.props.value),
-                focused: focusedIndex === index ? 'true' : undefined,
-                onClick: () => {
-                    const opts = setNewSelectedValues({
+            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,
@@ -181,20 +181,21 @@ const SelectDynamic = ({ onChange, nullable, disabled, onFocus, onBlur, children
                         });
                     if (child.props.onClick)
                         child.props.onClick();
-                },
-            };
-            return React.createElement(SelectOption, { ...props, key: `${reactId}_${index}` });
+                    if (!multiple)
+                        setIsFocused(false);
+                } });
+            return React.createElement(SelectOption, __assign({}, props, { key: "".concat(reactId, "_").concat(index) }));
         });
     }, [multiple, nullable, selectedValues, focusedIndex, children]);
     return (React.createElement("div", { className: selectClasses },
-        React.createElement(Input, { value: selectedName.join(', '), testId: testId, name: name, disabled: disabled, placeholder: label, onFocus: onFocus, customIconLeft: iconName, customIconRight: focused ? 'tri-arrow-up' : 'tri-arrow-down', onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: (e) => {
+        React.createElement(Input, __assign({ value: selectedName.join(', '), testId: testId, name: name, disabled: disabled, placeholder: label, onFocus: onFocus, customIconLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: hashClass(styled, clsx(focused && 'focus')), onKeyPress: function (e) {
                 e.preventDefault();
-            }, onKeyUp: (e) => {
+            }, onKeyUp: function (e) {
                 e.preventDefault();
                 onKeyPressInput(e.inputKeyCode);
-            }, ...{ readOnly: true, id, role: 'listbox' } }),
+            } }, { readOnly: true, id: id, role: 'listbox' })),
         focused && React.createElement("div", { className: hashClass(styled, clsx('select-options')) }, options),
         focused && ReactDOM.createPortal(modal, document.body)));
 };
 export default SelectDynamic;
-//# sourceMappingURL=SelectDynamic.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFdBQVcsRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hGLE9BQU8sUUFBUSxNQUFNLFdBQVcsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sS0FBSyxDQUFBO0FBRWxDLElBQU0sYUFBYSxHQUFHLFVBQUMsRUFlVTtRQWQvQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUE7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUF2RCxPQUFPLFFBQUEsRUFBRSxZQUFZLFFBQWtDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQWdCLFFBQVEsQ0FBQyxJQUFBLEVBQTVFLGNBQWMsUUFB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

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

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

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

@@ -1,3 +1,3 @@
 export { default as SelectDynamic } from './SelectDynamic';
 export { default as SelectNative } from './SelectNative';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBIn0=

package/lib/components/selector/Selector.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useState } from 'react';
 import clsx from 'clsx';
 import SelectorItem from './item';
@@ -23,10 +24,11 @@ import { getAlignClassName } from '../../objects';
  * @param accessibilityActivate {boolean}
  * @param end {SelectorEnd} set selector item at last position
  */
-const Selector = ({ children, className, onClick, activeIndex, disabled, align, justify, ...others }) => {
-    const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
-    const classes = clsx('selector', align && is(getAlignClassName(align)), justify && is(justify), className);
-    const isActive = (index, childPropsActive) => {
+var Selector = function (_a) {
+    var children = _a.children, className = _a.className, onClick = _a.onClick, activeIndex = _a.activeIndex, disabled = _a.disabled, align = _a.align, justify = _a.justify, others = __rest(_a, ["children", "className", "onClick", "activeIndex", "disabled", "align", "justify"]);
+    var _b = __read(useState(activeIndex || 0), 2), activateIndex = _b[0], setActivateIndex = _b[1];
+    var classes = clsx('selector', align && is(getAlignClassName(align)), justify && is(justify), className);
+    var isActive = function (index, childPropsActive) {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
         }
@@ -34,7 +36,7 @@ const Selector = ({ children, className, onClick, activeIndex, disabled, align,
             return true;
         }
     };
-    const toggleActive = (e, index) => {
+    var toggleActive = function (e, index) {
         if (disabled) {
             return false;
         }
@@ -43,19 +45,19 @@ const Selector = ({ children, className, onClick, activeIndex, disabled, align,
             onClick(e);
         }
     };
-    useEffect(() => {
+    useEffect(function () {
         setActivateIndex(activateIndex);
     }, [activateIndex]);
-    return (React.createElement("div", { className: classes, role: 'tablist', ...others },
+    return (React.createElement("div", __assign({ className: classes, role: 'tablist' }, others),
         React.createElement("ul", null, children &&
             Array.isArray(children) &&
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            children.map((child, index) => {
-                const props = {
+            children.map(function (child, index) {
+                var props = {
                     active: Boolean(isActive(index, child.props.active)) || false,
                     key: index,
                     tabIndex: index,
-                    onClick: (event) => {
+                    onClick: function (event) {
                         toggleActive(event, index);
                         if (child) {
                             if (child.props.onClick) {
@@ -64,9 +66,9 @@ const Selector = ({ children, className, onClick, activeIndex, disabled, align,
                         }
                     },
                 };
-                return typeof child.valueOf() === 'string' ? (React.createElement(SelectorItem, { active: props.active, onClick: (e) => onClick === null || onClick === void 0 ? void 0 : onClick(e) },
+                return typeof child.valueOf() === 'string' ? (React.createElement(SelectorItem, { active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
                     React.createElement(Text, null, String(child)))) : (React.cloneElement(child, props));
             }))));
 };
 export default Selector;
-//# sourceMappingURL=Selector.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0b3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdG9yL1NlbGVjdG9yLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFTRjtJQVJkLElBQUEsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLE9BQU8sYUFBQSxFQUNKLE1BQU0sY0FSTyxtRkFTakIsQ0FEVTtJQUVILElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQVMsV0FBVyxJQUFJLENBQUMsQ0FBQyxJQUFBLEVBQXJFLGFBQWEsUUFBQSxFQUFFLGdCQUFnQixRQUFzQyxDQUFBO0lBRTVFLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLE9BQU8sSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUE7SUFFMUcsSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFhLEVBQUUsZ0JBQWlDO1FBQ2hFLElBQUksT0FBTyxnQkFBZ0IsS0FBSyxXQUFXLElBQUksQ0FBQyxhQUFhLEVBQUU7WUFDN0QsT0FBTyxnQkFBZ0IsQ0FBQTtTQUN4QjtRQUNELElBQUksS0FBSyxLQUFLLGFBQWEsRUFBRTtZQUMzQixPQUFPLElBQUksQ0FBQTtTQUNaO0lBQ0gsQ0FBQyxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxDQUFtQixFQUFFLEtBQWE7UUFDdEQsSUFBSSxRQUFRLEVBQUU7WUFDWixPQUFPLEtBQUssQ0FBQTtTQUNiO1FBQ0QsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDdkIsSUFBSSxPQUFPLEVBQUU7WUFDWCxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDWDtJQUNILENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLGdCQUFnQixDQUFDLGFBQWEsQ0FBQyxDQUFBO0lBQ2pDLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUE7SUFFbkIsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFDLFNBQVMsSUFBSyxNQUFNO1FBQ2hELGdDQUNHLFFBQVE7WUFDUCxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUN2Qiw4REFBOEQ7WUFDOUQsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQVUsRUFBRSxLQUFhO2dCQUNyQyxJQUFNLEtBQUssR0FBRztvQkFDWixNQUFNLEVBQUUsT0FBTyxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEtBQUs7b0JBQzdELEdBQUcsRUFBRSxLQUFLO29CQUNWLFFBQVEsRUFBRSxLQUFLO29CQUNmLE9BQU8sRUFBRSxVQUFDLEtBQXVCO3dCQUMvQixZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFBO3dCQUMxQixJQUFJLEtBQUssRUFBRTs0QkFDVCxJQUFJLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFO2dDQUN2QixLQUFLLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQTs2QkFDM0I7eUJBQ0Y7b0JBQ0gsQ0FBQztpQkFDRixDQUFBO2dCQUNELE9BQU8sT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUMzQyxvQkFBQyxZQUFZLElBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLFVBQUMsQ0FBVSxJQUFLLE9BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxFQUFaLENBQVk7b0JBQ3ZFLG9CQUFDLElBQUksUUFBRSxNQUFNLENBQUMsS0FBSyxDQUFDLENBQVEsQ0FDZixDQUNoQixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUNqQyxDQUFBO1lBQ0gsQ0FBQyxDQUFDLENBQ0QsQ0FDRCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9