@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-52

package/lib/components/segment-control/SegmentControl.native.js.map

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

package/lib/components/segment-control/SegmentControlProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Clickable } from './../../objects/facets/Clickable';
+import { Clickable } from '../../objects/facets/Clickable';
 import { Centerable } from '../../objects/facets/Centerable';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { JustifiableProps } from '../../objects/facets/Justifiable';

package/lib/components/segment-control/item/SegmentControlItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACgB,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,gCACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,EACpG,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,GACgB,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,gCACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,CAAC,CAAC,EACpG,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE;YAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAyB,CAAA;YAC1C,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;YAC9B,MAAM,CAAC,MAAM,GAAG,MAAM,CAAA;YACtB,IAAI,OAAO,EAAE;gBACX,OAAO,CAAC,CAAC,CAAC,CAAA;aACX;QACH,CAAC,IAEA,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/components/segment-control/item/SegmentControlItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { SegmentControlItemProps } from './SegmentControlItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { SegmentControlItemProps } from "./SegmentControlItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, TouchableOpacity, Text } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useEffect, useState } from "react";
+import { StyleSheet, Text, TouchableOpacity } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * SegmentControlItem Item Component
  * @param active {boolean} active Segment Control item
@@ -14,26 +14,29 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
     const [activeItem, setActiveItem] = useState(active || false);
     const styles = StyleSheet.create({
         tabsItem: {
-            flexDirection: 'column',
+            flexDirection: "column",
             flex: 1,
             marginRight: 4,
             borderRadius: 4,
-            alignItems: 'center',
-            backgroundColor: (activeItem && getColorStyle(TrilogyColor.SECONDARY)) ||
-                (inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.GREY_LIGHT),
+            alignItems: "center",
+            backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
+                (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
             paddingHorizontal: 16,
-            color: (activeItem && !inverted && getColorStyle(TrilogyColor.WHITE)) ||
-                (!activeItem && !inverted && disabled && getColorStyle(TrilogyColor.GREY_DISABLED)) ||
-                getColorStyle(TrilogyColor.TERTIARY),
+            color: (activeItem && !inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
+                (!activeItem &&
+                    !inverted &&
+                    disabled &&
+                    getColorStyle(TrilogyColor.DISABLED)) ||
+                getColorStyle(TrilogyColor.MAIN),
             marginVertical: 10,
             fontSize: 16,
-            textAlign: 'center',
-            textAlignVertical: 'center',
-            fontWeight: activeItem ? '600' : 'normal',
+            textAlign: "center",
+            textAlignVertical: "center",
+            fontWeight: activeItem ? "600" : "normal",
         },
     });
     useEffect(() => {
@@ -46,7 +49,7 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
                     onClick(e);
                 }
             }
-        }, ...others }, children && typeof children.valueOf() === 'string' && (React.createElement(Text, { style: styles.text, ellipsizeMode: 'tail', numberOfLines: 1 }, String(children)))));
+        }, ...others }, children && typeof children.valueOf() === "string" && (React.createElement(Text, { style: styles.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children)))));
 };
 SegmentControlItem.displayName = ComponentName.SegmentControlItem;
 export default SegmentControlItem;

package/lib/components/segment-control/item/SegmentControlItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;gBACrD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC/C,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACvD,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;SACzC;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC9D,CAAC,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACnF,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC;YACtC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACnE,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}

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

@@ -21,5 +21,5 @@ import { SelectProps } from './SelectProps';
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param placeholder {string} Select Placeholder
  */
-declare const Select: ({ children, className, label, onChange, disabled, onBlur, onFocus, id, name, iconName, classNameOptions, nullable, testId, selected, native, ...others }: SelectProps) => JSX.Element;
+declare const Select: ({ native, ...props }: SelectProps) => JSX.Element;
 export default Select;

package/lib/components/select/Select.js

@@ -1,9 +1,5 @@
-import React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { SelectNative, SelectDynamic } from './web';
-import SelectNativeOption from './option/SelectNativeOption';
+import * as React from 'react';
+import { SelectDynamic, SelectNative } from './web';
 /**
  * Select Component
  * @param children {React.ReactNode} Children for Select
@@ -25,18 +21,10 @@ import SelectNativeOption from './option/SelectNativeOption';
  *  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param placeholder {string} Select Placeholder
  */
-const Select = ({ children, className, label, onChange, disabled, onBlur, onFocus, id, name, iconName, classNameOptions, nullable, testId, selected, native, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const selecteClasses = React.useMemo(() => hashClass(styled, clsx('select', disabled && 'select-disabled', iconName && 'has-icon', native && 'select-native', className)), [styled, disabled, iconName, className]);
-    if (native) {
-        return (React.createElement(SelectNative, { selecteClasses: selecteClasses, onChange: onChange, onFocus: onFocus, onBlur: onBlur, id: id, name: name, disabled: disabled, label: label, iconName: iconName, styled: styled, testId: testId, selected: selected, ...others }, React.Children.map(children, (child) => {
-            if (React.isValidElement(child)) {
-                return React.createElement(SelectNativeOption, { ...child.props });
-            }
-            return null;
-        })));
-    }
-    return (React.createElement(SelectDynamic, { styled: styled, onChange: onChange, nullable: nullable, disabled: disabled, onFocus: onFocus, onBlur: onBlur, selected: selected, name: name, id: id, testId: testId, classNameOptions: classNameOptions, selecteClasses: selecteClasses, label: label, iconName: iconName, ...others }, children));
+const Select = ({ native, ...props }) => {
+    if (native)
+        return React.createElement(SelectNative, { ...props });
+    return React.createElement(SelectDynamic, { ...props });
 };
 export default Select;
 //# sourceMappingURL=Select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,kBAAkB,MAAM,6BAA6B,CAAA;AAE5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,EAAE,EACF,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,SAAS,CACP,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,QAAQ,IAAI,iBAAiB,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,IAAI,eAAe,EAAE,SAAS,CAAC,CAC5G,EACH,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CACxC,CAAA;IAED,IAAI,MAAM,EAAE;QACV,OAAO,CACL,oBAAC,YAAY,IACX,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,oBAAC,kBAAkB,OAAK,KAAK,CAAC,KAAK,GAAI,CAAA;aAC/C;YACD,OAAO,IAAI,CAAA;QACb,CAAC,CAAC,CACW,CAChB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,KACd,MAAM,IAET,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IAChE,IAAI,MAAM;QAAE,OAAO,oBAAC,YAAY,OAAK,KAAK,GAAI,CAAA;IAC9C,OAAO,oBAAC,aAAa,OAAK,KAAK,GAAI,CAAA;AACrC,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { ComponentName } from '../../components/enumsComponentsName';
 import { SelectProps } from './SelectProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
  * Select Component
  * @param id {string} Select id
@@ -12,7 +12,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param placeholder {string} Select Placeholder
  */
 declare const Select: {
-    ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }: SelectProps): JSX.Element;
+    ({ children, id, selected, label, iconName, onChange, disabled, multiple, nullable, ...others }: SelectProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Select;

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

@@ -1,11 +1,8 @@
-import React, { useEffect, useMemo, useState } from 'react';
-import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
-import { Text, TextLevels } from '../text';
-import { Icon, IconName, IconSize } from '../icon';
-import { Picker } from '@react-native-picker/picker';
-import { getColorStyle, TrilogyColor, TypographyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
-import { Modal } from '../modal';
+import React, { useCallback, useEffect, useState } from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Input } from '../../components/input';
+import { Modal } from '../../components/modal';
+import SelectOption from './option';
 /**
  * Select Component
  * @param id {string} Select id
@@ -16,75 +13,122 @@ import { Modal } from '../modal';
  * @param iconName {IconName} icon for left of selector
  * @param placeholder {string} Select Placeholder
  */
-const Select = ({ children, name, id, selected, label, iconName, onChange, placeholder, disabled, ...others }) => {
-    const [selectedValue, setSelectedValue] = useState(selected || '');
+const Select = ({ children, id, selected, label, iconName, onChange, disabled, multiple, nullable, ...others }) => {
+    const [selectedValues, setSelectedValues] = useState(selected);
+    const [selectedNames, setSelectedNames] = React.useState([]);
     const [display, setDisplay] = useState(false);
+    const reactId = React.useId();
     useEffect(() => {
-        setSelectedValue(selected || '');
+        var _a;
+        const labelSelected = (_a = React.Children.map(children, (child) => {
+            if (!React.isValidElement(child))
+                return false;
+            const label = child.props.children || child.props.label;
+            switch (true) {
+                case (Array.isArray(selected) && selected.includes(child.props.value)) ||
+                    (!Array.isArray(selected) && child.props.value === selected):
+                    return label;
+                default:
+                    return false;
+            }
+        })) === null || _a === void 0 ? void 0 : _a.filter((item) => item);
+        labelSelected && setSelectedNames(labelSelected);
+        setSelectedValues(selected);
     }, [selected]);
-    const styles = StyleSheet.create({
-        select: {
-            width: '100%',
-            backgroundColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.WHITE),
-            borderColor: getColorStyle(disabled ? TrilogyColor.GREY_LIGHT : TrilogyColor.GREY),
-            borderWidth: 1,
-            borderRadius: 4,
-            zIndex: 3,
-            overflow: 'hidden',
-            flexDirection: 'row',
-            alignItems: 'center',
-            height: 50,
-        },
-        iconLeft: {
-            left: 10,
-            color: getColorStyle(TrilogyColor.TERTIARY),
-            paddingRight: 8,
-            paddingLeft: 8,
-            marginRight: 25,
-        },
-        text: {
-            fontSize: 16,
-            lineHeight: 20,
-            color: getColorStyle(disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY),
-        },
-    });
-    const selectedOptionName = useMemo(() => {
-        const selectedChild = React.Children.toArray(children).find((child) => {
-            return React.isValidElement(child) && (child.props.value === selected || child.props.selected === true);
-        });
-        if (React.isValidElement(selectedChild))
-            return selectedChild.props.children || selectedChild.props.label;
-        return undefined;
-    }, [selectedValue, children]);
-    if (Platform.OS === 'ios') {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(TouchableOpacity, { onPress: () => setDisplay((prev) => !prev), style: styles.select },
-                iconName && (React.createElement(View, null,
-                    React.createElement(Icon, { name: iconName, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY, style: styles.iconLeft }))),
-                React.createElement(View, { style: { width: '75%' } },
-                    label && (React.createElement(Text, { level: selectedOptionName && TextLevels.THREE, typo: [TypographyColor.TEXT_GREY_DARK], style: { fontSize: selectedOptionName ? undefined : 16, lineHeight: 20 } }, label)),
-                    selectedOptionName && (React.createElement(Text, { style: { ...styles.text }, numberOfLines: 1 }, selectedOptionName))),
-                React.createElement(View, { style: {
-                        marginLeft: 'auto',
-                        paddingRight: 10,
-                    } },
-                    React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALL, color: disabled ? TrilogyColor.GREY_DARK : TrilogyColor.TERTIARY }))),
-            React.createElement(Modal, { active: display, onClose: () => setDisplay(false), bottom: true, closeIcon: true, swipable: false },
-                React.createElement(Picker, { itemStyle: { color: getColorStyle(TrilogyColor.TERTIARY) }, style: { width: '100%' }, nativeID: `${`${id}_${name}`}`, selectedValue: selectedValue, onValueChange: (itemValue) => {
-                        if (onChange)
-                            onChange(itemValue);
-                        setSelectedValue(itemValue);
+    const handleOpenCloseModal = useCallback(() => {
+        !disabled && setDisplay((prev) => !prev);
+    }, [disabled]);
+    const isChecked = useCallback((value) => (multiple && selectedValues && typeof selectedValues !== 'string' && typeof selectedValues !== 'number'
+        ? selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)
+        : selectedValues === value), [multiple, selectedValues]);
+    const setNewSelectedValues = useCallback(({ isChecked, children, label, value }) => {
+        const selectedOptions = [];
+        if (isChecked) {
+            setSelectedValues((prev) => {
+                switch (true) {
+                    case Array.isArray(prev) && nullable:
+                        setSelectedNames((prev) => prev.filter((txt) => ![children, label].includes(txt)));
+                        const opts = prev.filter((item) => item !== value);
+                        selectedOptions.push(...opts);
+                        return opts;
+                    case Array.isArray(prev) && !nullable:
+                        selectedOptions.push(...prev);
+                        return prev;
+                    case !Array.isArray(prev) && !nullable:
+                        selectedOptions.push(value);
+                        setDisplay(false);
+                        return prev;
+                    case !Array.isArray(prev) && nullable:
                         setDisplay(false);
-                    }, ...others }, children))));
-    }
-    return (React.createElement(View, { style: styles.select },
-        React.createElement(Picker, { placeholder: placeholder, selectedValue: selectedValue, style: { width: '100%', height: '100%' }, onValueChange: (itemValue) => {
-                if (onChange) {
-                    onChange(itemValue);
+                        setSelectedNames([]);
+                        return undefined;
+                    default:
+                        return value;
+                }
+            });
+        }
+        if (!isChecked) {
+            setSelectedValues((prev) => {
+                if (Array.isArray(prev)) {
+                    const opts = [...prev, value];
+                    selectedOptions.push(...opts);
+                    return opts;
                 }
-                setSelectedValue(itemValue);
+                selectedOptions.push(value);
+                return value;
+            });
+            setSelectedNames((prev) => {
+                if (multiple)
+                    return [...prev, children || label];
                 setDisplay(false);
-            }, mode: 'dialog' }, children)));
+                return [children || label];
+            });
+        }
+        return selectedOptions;
+    }, [multiple, nullable]);
+    const options = React.useMemo(() => {
+        return React.Children.map(children, (child, index) => {
+            if (!React.isValidElement(child))
+                return null;
+            const clickEventValue = (v) => {
+                switch (true) {
+                    case (nullable && multiple && (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(child.props.value))) ||
+                        (nullable && !multiple && selectedValues === child.props.value):
+                        return undefined;
+                    default:
+                        return v;
+                }
+            };
+            const props = {
+                ...child.props,
+                checked: isChecked(child.props.value),
+                onClick: () => {
+                    if (child.props.disabled)
+                        return;
+                    const opts = setNewSelectedValues({
+                        children: child.props.children,
+                        label: child.props.label,
+                        value: child.props.value,
+                        isChecked: isChecked(child.props.value),
+                    });
+                    onChange &&
+                        onChange({
+                            selectValue: clickEventValue(child.props.value),
+                            selectName: clickEventValue(child.props.children || child.props.label),
+                            selectId: clickEventValue(child.props.id),
+                            name: clickEventValue(child.props.children || child.props.label),
+                            selectedOptions: opts,
+                        });
+                    if (child.props.onClick)
+                        child.props.onClick();
+                },
+            };
+            return React.createElement(SelectOption, { ...props, key: `${reactId}_${index}` });
+        });
+    }, [multiple, nullable, selectedValues, children]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Input, { onIconClick: handleOpenCloseModal, onClick: handleOpenCloseModal, disabled: disabled, placeholder: label, hasIcon: !!iconName, customIconLeft: iconName, value: selectedNames.join(', '), defaultValue: selectedNames.join(', '), customIconRight: display ? 'tri-arrow-up' : 'tri-arrow-down', ...{ editable: false, onPressIn: handleOpenCloseModal, id }, ...others }),
+        React.createElement(Modal, { active: display, onClose: handleOpenCloseModal, swipable: false, bottom: false }, options)));
 };
 Select.displayName = ComponentName.Select;
 export default Select;

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

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

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

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

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

@@ -11,8 +11,7 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param iconName {IconName | IconNameValues} icon
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
- * @param selected {boolean} Selected option
  * @param id {string} Select option custom id
  */
-declare const SelectOption: ({ id, className, selected, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
+declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
 export default SelectOption;

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

@@ -1,8 +1,6 @@
-import React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { Icon } from '../../icon';
+import { Radio } from '../../../components/radio';
+import * as React from 'react';
 /**
  * Select Option Component
  * @param value {string} Select option value
@@ -14,15 +12,15 @@ import { Icon } from '../../icon';
  * @param iconName {IconName | IconNameValues} icon
  * @param disabled {boolean} disable option
  * @param onClick {function} onclick function
- * @param selected {boolean} Selected option
  * @param id {string} Select option custom id
  */
-const SelectOption = ({ id, className, selected, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    return (React.createElement("div", { role: 'option', tabIndex: 0, className: hashClass(styled, clsx('select-options-option', selected && !disabled && 'select-options-option-activated', disabled && !selected && 'select-options-option-disabled', iconName && 'has-icon', className)), "data-testid": testId, id: id, "data-option-name": children || label, "data-option-value": value, onMouseUp: onClick, "aria-disabled": disabled, "aria-selected": selected ? 'true' : 'false', ...others },
-        React.createElement("div", { className: hashClass(styled, clsx(iconName && 'has-icon')) },
-            iconName && React.createElement(Icon, { name: iconName, size: 'small' }),
-            children || label)));
+const SelectOption = ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
+    const { checked, native, focused, ...props } = others;
+    const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
+    if (native) {
+        return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+    }
+    return (React.createElement(Radio, { checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId, ...others }));
 };
 export default SelectOption;
 //# sourceMappingURL=SelectOption.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC;;;;;;;;;;;;;GAaG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,uBAAuB,EACvB,QAAQ,IAAI,CAAC,QAAQ,IAAI,iCAAiC,EAC1D,QAAQ,IAAI,CAAC,QAAQ,IAAI,gCAAgC,EACzD,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CACF,iBACY,MAAM,EACnB,EAAE,EAAE,EAAE,sBACY,QAAQ,IAAI,KAAK,uBAChB,KAAK,EACxB,SAAS,EAAE,OAAO,mBACH,QAAQ,mBACR,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,KACtC,MAAM;QAEV,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;YAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAG;YACjD,QAAQ,IAAI,KAAK,CACd,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAA4D,CAAA;IAC3G,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

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

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