@trilogy-ds/react 0.0.6-esm-cjs → 0.0.7-alpha-prompt

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

@@ -1,7 +1,8 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon } from '../../../components/icon';
-import { useTrilogyContext } from '../../../context/index';
-import { hashClass } from '../../../helpers/index';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
 import { is } from '../../../services/classify';
 import clsx from 'clsx';
 import * as React from 'react';
@@ -20,21 +21,22 @@ import { SelectContext } from '../context';
  * @param id {string} Select option custom id
  * @param others
  */
-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
+var SelectOption = React.forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, _b = _a.value, value = _b === void 0 ? '' : _b, 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 styled = useTrilogyContext().styled;
+    var _c = React.useContext(SelectContext), custom = _c.custom, selectedOptionValues = _c.selectedOptionValues, setSelectedOptionValues = _c.setSelectedOptionValues, multiple = _c.multiple, setIsVisibleOptions = _c.setIsVisibleOptions, onChange = _c.onChange;
+    var isChecked = selectedOptionValues.includes(value);
+    var selectClasses = hashClass(styled, clsx('option', isChecked && 'focus', disabled && is('disabled'), className));
+    var handleClickOption = function () {
+        setSelectedOptionValues(function (prev) {
+            var isInclude = prev.includes(value);
+            var newOptionsSelected = !multiple && isInclude
                 ? []
                 : !multiple && !isInclude
                     ? [value]
                     : isInclude
-                        ? prev.filter((opt) => opt !== value)
-                        : [...prev, value];
+                        ? prev.filter(function (opt) { return opt !== value; })
+                        : __spreadArray(__spreadArray([], __read(prev), false), [value], false);
             if (onChange) {
                 onChange({
                     selectValue: isInclude ? undefined : value,
@@ -51,12 +53,12 @@ const SelectOption = React.forwardRef(({ id, className, value = '', disabled, ch
             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 },
+        return (React.createElement("li", __assign({ 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("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...others }, 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 }, others), children || label));
 });
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxNQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxDQUFDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxLQUFLLEdBQUcsRUFBRSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLEVBQUU7SUFDdEcsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxvQkFBb0IsRUFBRSx1QkFBdUIsRUFBRSxRQUFRLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLEdBQ3RHLEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFFakMsTUFBTSxTQUFTLEdBQUcsb0JBQW9CLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvb3B0aW9uL1NlbGVjdE9wdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBSTFDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQThGLEVBQUUsR0FBRztJQUFqRyxJQUFBLEVBQUUsUUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBNUYsOEZBQThGLENBQUY7SUFDbkYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFaEMsSUFBQSxLQUNKLEtBQUssQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEVBRHpCLE1BQU0sWUFBQSxFQUFFLG9CQUFvQiwwQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFFLFFBQVEsY0FBQSxF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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { SelectOptionProps } from './SelectOptionProps';
+/**
+ * Select Option Component
+ * @param value {string} Select option value
+ * @param label {string} Label value
+ * @param children {React.ReactNode}
+ */
+declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<TouchableOpacity>>;
+export default SelectOption;

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

@@ -1,10 +1,11 @@
+import { __assign, __rest } from "tslib";
 import { Column, Columns } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
-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 { Icon, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
+import { Alignable } from '../../../objects';
+import { TypographyBold } from '../../../objects/Typography';
+import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
 import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
 /**
@@ -13,16 +14,17 @@ import { StyleSheet, TouchableOpacity } from 'react-native';
  * @param label {string} Label value
  * @param children {React.ReactNode}
  */
-const SelectOption = React.forwardRef(({ disabled, children, onClick, label, iconName, ...others }, ref) => {
-    const { checked } = others;
-    const styles = StyleSheet.create({
+var SelectOption = React.forwardRef(function (_a, ref) {
+    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 = StyleSheet.create({
         container: {
             backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : 'transparent'),
             width: '100%',
             paddingVertical: checked && !iconName ? 8.5 : 10,
         },
     });
-    const textColor = React.useMemo(() => {
+    var textColor = React.useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -30,7 +32,7 @@ const SelectOption = React.forwardRef(({ disabled, children, onClick, label, ico
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    const iconColor = React.useMemo(() => {
+    var iconColor = React.useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -38,18 +40,18 @@ const SelectOption = React.forwardRef(({ disabled, children, onClick, label, ico
                 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, { ref: ref, style: [styles.container], ...others, onPress: onClick },
+    return (React.createElement(TouchableOpacity, __assign({ 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, { typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD], style: { paddingLeft: 8, color: getColorStyle(textColor) } }, children || label)),
+                React.createElement(Text, __assign({ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDbEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRDs7Ozs7R0FLRztBQUNILE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLENBQUMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLEdBQUcsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDaEYsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLE1BQTZCLENBQUE7SUFFakQsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNEOzs7OztHQUtHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUEyRCxFQUFFLEdBQUc7SUFBOUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpELHdEQUEyRCxDQUFGO0lBQ2hJLElBQUEsT0FBTyxHQUFLLE1BQTZCLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDM0IsU0FBUyxFQUFFO1lBQ1QsZUFBZSxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxD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

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

@@ -44,13 +44,17 @@ export default {
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -62,18 +66,23 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
+      "tri-arrow-high",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -84,7 +93,8 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip"
     ]
   },
   "accessibilityLabel": {

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

@@ -1,6 +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;
+    children?: React.ReactNode;
 } & React.RefAttributes<SelectRef>>;
 export default SelectDynamic;

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

@@ -1,42 +1,44 @@
+import { __assign, __read, __rest } from "tslib";
 import clsx from 'clsx';
 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/index';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
 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 = () => {
+var OPTION_SIZE = 48;
+var SelectDynamic = React.forwardRef(function (_a, ref) {
+    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, status = _a.status, placeholder = _a.placeholder, required = _a.required, custom = _a.custom, help = _a.help, sample = _a.sample, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "label", "iconName", "multiple", "className", "status", "placeholder", "required", "custom", "help", "sample"]);
+    var styled = useTrilogyContext().styled;
+    var _b = useContext(SelectContext), setIsVisibleOptions = _b.setIsVisibleOptions, isVisibleOptions = _b.isVisibleOptions, selectedOptionValues = _b.selectedOptionValues;
+    var containerRef = useRef(null);
+    var _c = __read(useState(false), 2), openUpward = _c[0], setOpenUpward = _c[1];
+    var optionsListSize = useRef(0);
+    var _d = __read(useState({}), 2), dropdownStyles = _d[0], setDropdownStyles = _d[1];
+    var selectClasses = hashClass(styled, clsx('select', className));
+    var optionsClasses = hashClass(styled, clsx('select-options', openUpward && 'select-options-top'));
+    var portalClasses = hashClass(styled, 'select-trilogy_modal_open');
+    var onClickInput = function () {
         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);
+            var _a = containerRef.current.getBoundingClientRect(), top_1 = _a.top, bottom = _a.bottom;
+            var windowHeight = window.innerHeight;
+            var spaceBelow = windowHeight - bottom;
+            var padding = 10;
+            var maxHeightBelow = spaceBelow - padding;
+            var maxHeightAbove = top_1 - padding;
+            var openUpward_1 = maxHeightBelow < optionsListSize.current && maxHeightAbove > maxHeightBelow;
+            setOpenUpward(openUpward_1);
             setDropdownStyles({
-                maxHeight: openUpward ? `${maxHeightAbove}px` : `${maxHeightBelow}px`,
+                maxHeight: openUpward_1 ? "".concat(maxHeightAbove, "px") : "".concat(maxHeightBelow, "px"),
                 overflowY: 'auto',
             });
         }
-        setIsVisibleOptions((prev) => !prev);
+        setIsVisibleOptions(function (prev) { return !prev; });
     };
-    const onCloseOptions = () => setIsVisibleOptions(false);
-    const onKeyPressInput = (keyCode) => {
-        setIsVisibleOptions((prev) => {
+    var onCloseOptions = function () { return setIsVisibleOptions(false); };
+    var onKeyPressInput = function (keyCode) {
+        setIsVisibleOptions(function (prev) {
             if (keyCode === 27)
                 return false;
             if (keyCode === 13)
@@ -44,42 +46,40 @@ const SelectDynamic = React.forwardRef(({ onChange, disabled, onFocus, onBlur, c
             return prev;
         });
     };
-    const options = useMemo(() => {
-        return React.Children.map(children, (child) => {
+    var options = useMemo(function () {
+        var _a;
+        return (_a = React.Children.map(children, function (child) {
             if (!React.isValidElement(child))
                 return false;
             return {
                 label: child.props.children || child.props.label,
                 value: child.props.value,
             };
-        })?.filter((option) => option);
+        })) === null || _a === void 0 ? void 0 : _a.filter(function (option) { return option; });
     }, []);
-    const labelsSelected = useMemo(() => {
-        return selectedOptionValues.map((selectedOption) => {
-            const elm = options?.find((opt) => opt.value === selectedOption);
-            return elm?.label;
+    var labelsSelected = useMemo(function () {
+        return selectedOptionValues.map(function (selectedOption) {
+            var elm = options === null || options === void 0 ? void 0 : options.find(function (opt) { return opt.value === selectedOption; });
+            return elm === null || elm === void 0 ? void 0 : elm.label;
         });
     }, [selectedOptionValues, options]);
-    useEffect(() => {
-        const childrenCount = React.Children.count(children);
+    useEffect(function () {
+        var 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) => {
+    return (React.createElement("div", __assign({ className: selectClasses, ref: containerRef }, others),
+        React.createElement(Input, __assign({ sample: sample, help: help, required: required, status: status, ref: ref, value: labelsSelected === null || labelsSelected === void 0 ? void 0 : labelsSelected.join(', '), name: name, disabled: disabled, label: label, placeholder: placeholder, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: isVisibleOptions ? 'focus' : undefined, onKeyPress: function (e) {
                 e.preventDefault();
-            }, onKeyUp: (e) => {
+            }, onKeyUp: function (e) {
                 e.preventDefault();
                 onKeyPressInput(e.inputKeyCode);
-            }, readOnly: true, id, role: 'combobox' }),
-        React.createElement("ul", { role: 'listbox', className: optionsClasses, style: {
-                display: isVisibleOptions ? 'block' : 'none',
-                ...dropdownStyles,
-            } }, children),
+            } }, { readOnly: true, id: id, role: 'combobox' })),
+        React.createElement("ul", { role: 'listbox', className: optionsClasses, style: __assign({ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBcUIsVUFBVSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRyxPQUFPLFFBQVEsTUFBTSxXQUFXLENBQUE7QUFFaEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUUxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUxQyxNQUFNLFdBQVcsR0FBRyxFQUFFLENBQUE7QUFFdEIsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsQ0FDRSxFQUNFLFFBQVEsRUFDUixRQUFRLEVBQ1IsT0FBTyxFQUNQLE1BQU0sRUFDTixRQUFRLEVBQ1IsUUFBUSxFQUNSLElBQUksRUFDSixFQUFFLEVBQ0YsS0FBSyxFQUNMLFFBQVEsRUFDUixRQUFRLEVBQ1IsU0FBUyxFQUNULE1BQU0sRUFDTixXQUFXLEVBQ1gsUUFBUSxFQUNSLE1BQU0sRUFDTixJQUFJLEVBQ0osTUFBTSxFQUNOLEdBQUcsTUFBTSxFQUNWLEVBQ0QsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLEVBQUUsbUJBQW1CLEVBQUUsZ0JBQWdCLEVBQUUsb0JB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFVBQVUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEcsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFBO0FBRWhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUxQyxJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUE7QUFFdEIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsVUFDRSxFQW9CQyxFQUNELEdBQUc7SUFwQkQsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQW5CWCxrTUFvQkMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBa0UsVUFBVSxDQUFDLGFBQWEsQ0FBQyxFQUF6RixtQkFBbUIseUJBQUEsRUFBRSxnQkFBZ0Isc0JBQUEsRUFBRSxvQkFBb0IsMEJBQThCLENBQUE7SUFDakcsSUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQTtJQUMzQyxJQUFBLEtBQUEsT0FBOEIsUUFBUSxDQUFDLEtBQUssQ0FBQyxJQUFBLEVBQTVDLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBbUIsQ0FBQTtJQUNuRCxJQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFDM0IsSUFBQSxLQUFBLE9BQXNDLFFBQVEsQ0FBc0IsRUFBRSxDQUFDLElBQUEsRUFBdEUsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFDLENBQUE7SUFFN0UsSUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDbEUsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsVUFBVSxJQUFJLG9CQUFvQixDQUFDLENBQUMsQ0FBQTtJQUNwRyxJQUFNLGFBQWEsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLDJCQUEyQixDQUFDLENBQUE7SUFFcEUsSUFBTSxZQUFZLEdBQUc7UUFDbkIsSUFBSSxZQUFZLENBQUMsT0FBTyxJQUFJLGVBQWUsQ0FBQyxPQUFPLEVBQUU7WUFDN0MsSUFBQSxLQUFrQixZQUFZLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLEVBQTVELEtBQUcsU0FBQSxFQUFFLE1BQU0sWUFBaUQsQ0FBQTtZQUNwRSxJQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsV0FBVyxDQUFBO1lBQ3ZDLElBQU0sVUFBVSxHQUFHLFlBQVksR0FBRyxNQUFNLENBQUE7WUFDeEMsSUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFBO1lBQ2xCLElBQU0sY0FBYyxHQUFHLFVBQVUsR0FBRyxPQUFPLENBQUE7WUFDM0MsSUFBTSxjQUFjLEdBQUcsS0FBRyxHQUFHLE9BQU8sQ0FBQTtZQUNwQyxJQUFNLFlBQVUsR0FBRyxjQUFjLEdBQUcsZUFBZSxDQUFDLE9BQU8sSUFBSSxjQUFjLEdBQUcsY0FBYyxDQUFBO1lBQzlGLGFBQWEsQ0FBQyxZQUFVLENBQUMsQ0FBQTtZQUN6QixpQkFBaUIsQ0FBQztnQkFDaEIsU0FBUyxFQUFFLFlBQVUsQ0FBQyxDQUFDLENBQUMsVUFBRyxjQUFjLE9BQUksQ0FBQyxDQUFDLENBQUMsVUFBRyxjQUFjLE9BQUk7Z0JBQ3JFLFNBQVMsRUFBRSxNQUFNO2FBQ2xCLENBQUMsQ0FBQTtTQUNIO1FBRUQsbUJBQW1CLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUMsQ0FBQTtJQUN0QyxDQUFDLENBQUE7SUFFRCxJQUFNLGNBQWMsR0FBRyxjQUFNLE9BQUEsbUJBQW1CLENBQUMsS0FBSyxDQUFDLEVBQTFCLENBQTBCLENBQUE7SUFFdkQsSUFBTSxlQUFlLEdBQUcsVUFBQyxPQUFlO1FBQ3RDLG1CQUFtQixDQUFDLFVBQUMsSUFBSTtZQUN2QixJQUFJLE9BQU8sS0FBSyxFQUFFO2dCQUFFLE9BQU8sS0FBSyxDQUFBO1lBQ2hDLElBQUksT0FBTyxLQUFLLEVBQUU7Z0JBQUUsT0FBTyxDQUFDLElBQUksQ0FBQTtZQUNoQyxPQUFPLElBQUksQ0FBQTtRQUNiLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsT0FBTyxDQUFDOztRQUN0QixPQUFPLE1BQUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLFVBQUMsS0FBSztZQUN4QyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7Z0JBQUUsT0FBTyxLQUFLLENBQUE7WUFDOUMsT0FBTztnQkFDTCxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLO2dCQUNoRCxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLO2FBQ3pCLENBQUE7UUFDSCxDQUFDLENBQUMsMENBQUUsTUFBTSxDQUFDLFVBQUMsTUFBTSxJQUFLLE9BQUEsTUFBTSxFQUFOLENBQU0sQ0FBQyxDQUFBO0lBQ2hDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQTtJQUVOLElBQU0sY0FBYyxHQUFHLE9BQU8sQ0FBQztRQUM3QixPQUFPLG9CQUFvQixDQUFDLEdBQUcsQ0FBQyxVQUFDLGNBQWM7WUFDN0MsSUFBTSxHQUFHLEdBQUcsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLElBQUksQ0FBQyxVQUFDLEdBQUcsSUFBSyxPQUFBLEdBQUcsQ0FBQyxLQUFLLEtBQUssY0FBYyxFQUE1QixDQUE0QixDQUFDLENBQUE7WUFDaEUsT0FBTyxHQUFHLGFBQUgsR0FBRyx1QkFBSCxHQUFHLENBQUUsS0FBSyxDQUFBO1FBQ25CLENBQUMsQ0FBQyxDQUFBO0lBQ0osQ0FBQyxFQUFFLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtJQUVuQyxTQUFTLENBQUM7UUFDUixJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUNwRCxJQUFJLGFBQWEsR0FBRyxDQUFDLEVBQUU7WUFDckIsZUFBZSxDQUFDLE9BQU8sR0FBRyxhQUFhLEdBQUcsV0FBVyxDQUFBO1NBQ3REO0lBQ0gsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUVkLE9BQU8sQ0FDTCxzQ0FBSyxTQUFTLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBRSxZQUFZLElBQU0sTUFBTTtRQUMxRCxvQkFBQyxLQUFLLGFBQ0osTUFBTSxFQUFFLE1BQU0sRUFDZCxJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLE1BQU0sRUFBRSxNQUFNLEVBQ2QsR0FBRyxFQUFFLEdBQXdDLEVBQzdDLEtBQUssRUFBRSxjQUFjLGFBQWQsY0FBYyx1QkFBZCxjQUFjLENBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUNqQyxJQUFJLEVBQUUsSUFBSSxFQUNWLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEtBQUssRUFBRSxLQUFLLEVBQ1osV0FBVyxFQUFFLFdBQVcsRUFDeEIsT0FBTyxFQUFFLE9BQU8sRUFDaEIsWUFBWSxFQUFFLFFBQVEsRUFDdEIsTUFBTSxFQUFFLE1BQWtDLEVBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQ3JCLFNBQVMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQ2pELFVBQVUsRUFBRSxVQUFDLENBQUM7Z0JBQ1osQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFBO1lBQ3BCLENBQUMsRUFDRCxPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtnQkFDbEIsZUFBZSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQTtZQUNqQyxDQUFDLElBQ0csRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLEVBQUUsSUFBQSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsRUFDNUM7UUFDRiw0QkFDRSxJQUFJLEVBQUMsU0FBUyxFQUNkLFNBQVMsRUFBRSxjQUFjLEVBQ3pCLEtBQUssYUFDSCxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxJQUN6QyxjQUFjLEtBR2xCLFFBQVEsQ0FDTjtRQUNKLGdCQUFnQjtZQUNmLFFBQVEsQ0FBQyxZQUFZLENBQ25CLDZCQUFLLElBQUksRUFBQyxjQUFjLEVBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsY0FBYyxHQUFJLEVBQzlFLFFBQVEsQ0FBQyxJQUFJLENBQ2QsQ0FDQyxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUNoRCxlQUFlLGFBQWEsQ0FBQSJ9

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
-declare const SelectNative: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select").SelectChangeEvent> & React.RefAttributes<SelectRef>>;
+declare const SelectNative: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<SelectRef>>;
 export default SelectNative;

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import clsx from 'clsx';
 import * as React from 'react';
 import { ComponentName } from '../../../components/enumsComponentsName';
@@ -8,24 +9,25 @@ import { useTrilogyContext } from '../../../context/index';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { TypographyColor } from '../../../objects/Typography/TypographyColor';
 import { is } from '../../../services/classify';
-const SelectNative = React.forwardRef(({ onChange, disabled, onFocus, onBlur, children, selected, name, id, testId, label, iconName, className, accessibilityLabel, status, required, sample, help, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const idHelp = React.useId();
-    const idSample = React.useId();
-    const [focused, setIsFocused] = React.useState(false);
-    const [selectedValues, setSelectedValues] = React.useState(selected);
-    const selectClasses = hashClass(styled, clsx('select', className));
-    const controlClass = hashClass(styled, clsx('control', iconName && 'has-icons-left'));
-    const helpClasses = clsx('help', status && is(status));
-    const handleFocus = React.useCallback((e) => {
+var SelectNative = React.forwardRef(function (_a, ref) {
+    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, className = _a.className, accessibilityLabel = _a.accessibilityLabel, status = _a.status, required = _a.required, sample = _a.sample, help = _a.help, readOnly = _a.readOnly, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "testId", "label", "iconName", "className", "accessibilityLabel", "status", "required", "sample", "help", "readOnly"]);
+    var styled = useTrilogyContext().styled;
+    var idHelp = React.useId();
+    var idSample = React.useId();
+    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 = hashClass(styled, clsx('select', className));
+    var controlClass = hashClass(styled, clsx('control', iconName && 'has-icons-left'));
+    var helpClasses = clsx('help', status && is(status));
+    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(() => {
+    React.useEffect(function () {
         setSelectedValues(selected);
     }, [selected]);
     return (React.createElement("div", { className: selectClasses },
@@ -36,8 +38,8 @@ const SelectNative = React.forwardRef(({ onChange, disabled, onFocus, onBlur, ch
                 required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
             sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: idSample }, sample)),
             React.createElement("div", { className: controlClass },
-                React.createElement("select", { ref: ref, className: hashClass(styled, clsx(!label && 'no-label', status && is(status))), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: (e) => {
-                        const selectedV = Array.from(e.target.selectedOptions).map((select) => select.value);
+                React.createElement("select", __assign({ ref: ref, className: hashClass(styled, clsx(!label && 'no-label', status && is(status))), 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({
@@ -49,18 +51,15 @@ const SelectNative = React.forwardRef(({ onChange, disabled, onFocus, onBlur, ch
                                 target: e.target,
                             });
                         }
-                    }, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox', ...others }, React.Children.map(children, (child) => {
+                    }, 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;
-                    const props = {
-                        ...child.props,
-                        native: 'true',
-                    };
-                    return React.createElement(SelectOption, { ...props });
+                    var props = __assign(__assign({}, child.props), { native: 'true' });
+                    return React.createElement(SelectOption, __assign({}, props));
                 })),
                 iconName && React.createElement(Icon, { name: iconName, size: 'small' })),
             help && (React.createElement(Text, { className: helpClasses, id: idHelp }, help)))));
 });
 SelectNative.displayName = ComponentName.Select;
 export default SelectNative;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRWxELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUE7QUFDdEUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLENBQ0UsRUFDRSxRQUFRLEVBQ1IsUUFBUSxFQUNSLE9BQU8sRUFDUCxNQUFNLEVBQ04sUUFBUSxFQUNSLFFBQVEsRUFDUixJQUFJLEVBQ0osRUFBRSxFQUNGLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsRUFDVCxrQkFBa0IsRUFDbEIsTUFBTSxFQUNOLFFBQVEsRUFDUixNQUFNLEVBQ04sSUFBSSxFQUNKLEdBQUcsTUFBTSxFQUNWLEVBQ0QsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUN0QyxNQUFNLE1BQU0sR0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixJQUFJLFVB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

package/lib/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SkeletonProps } from './SkeletonProps';
+/**
+ * Skeleton component to display a loading placeholder with shimmer effect.
+ * ---------------------- native ------------------------
+ * @param style - Custom styles for the skeleton container.
+ * @param width - Width of the skeleton. Default is '100%'.
+ * @param height - Height of the skeleton. Default is 20.
+ * @param backgroundColor - Background color of the skeleton.
+ * @param shimmerColor - Color of the shimmer effect.
+ * @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
+ * @param borderRadius - Border radius of the skeleton. Default is 4.
+ * @param children - Optional children to render inside the skeleton.
+ * @param testID - Test identifier for testing purposes.
+ */
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

package/lib/components/skeleton/Skeleton.js

@@ -0,0 +1,19 @@
+import React from 'react';
+/**
+ * Skeleton component to display a loading placeholder with shimmer effect.
+ * ---------------------- native ------------------------
+ * @param style - Custom styles for the skeleton container.
+ * @param width - Width of the skeleton. Default is '100%'.
+ * @param height - Height of the skeleton. Default is 20.
+ * @param backgroundColor - Background color of the skeleton.
+ * @param shimmerColor - Color of the shimmer effect.
+ * @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
+ * @param borderRadius - Border radius of the skeleton. Default is 4.
+ * @param children - Optional children to render inside the skeleton.
+ * @param testID - Test identifier for testing purposes.
+ */
+var Skeleton = function () {
+    return (React.createElement(React.Fragment, null));
+};
+export default Skeleton;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxRQUFRLEdBQTRCO0lBQ3hDLE9BQU8sQ0FDTCx5Q0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/skeleton/Skeleton.native.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { SkeletonProps } from './SkeletonProps';
+/**
+ * Skeleton component to display a loading placeholder with shimmer effect.
+ * @param style - Custom styles for the skeleton container.
+ * @param width - Width of the skeleton. Default is '100%'.
+ * @param height - Height of the skeleton. Default is 20.
+ * @param backgroundColor - Background color of the skeleton.
+ * @param shimmerColor - Color of the shimmer effect.
+ * @param duration - Duration of the shimmer animation in milliseconds. Default is 1200.
+ * @param borderRadius - Border radius of the skeleton. Default is 4.
+ * @param children - Optional children to render inside the skeleton.
+ * @param testID - Test identifier for testing purposes.
+ */
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;