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

package/lib/components/input/InputProps.d.ts

@@ -8,18 +8,19 @@ export interface InputChangeEvent {
     inputValue: string;
     inputSelectionStart: number | null;
 }
-type InputChangeEventHandler = (event: InputChangeEvent) => void;
+export type InputChangeEventHandler = (event: InputChangeEvent) => void;
 export interface InputKeyboardEvent {
     inputName: string;
     inputValue: string;
     inputKeyCode: number;
+    preventDefault: () => void;
 }
-type InputKeyboardEventHandler = (event: InputKeyboardEvent) => void;
+export type InputKeyboardEventHandler = (event: InputKeyboardEvent) => void;
 export interface InputClickEvent {
     inputName: string;
     inputValue: string;
 }
-type InputClickEventHandler = (event: InputClickEvent) => void;
+export type InputClickEventHandler = (event: InputClickEvent) => void;
 export interface InputNativeEvents {
     onClick?: InputClickEventHandler;
     onIconClick?: InputClickEventHandler;
@@ -32,7 +33,7 @@ export interface InputWebEvents {
     onIconClick?: InputClickEventHandler;
     onClick?: InputClickEventHandler;
 }
-type KeyType = 'done' | 'go' | 'next' | 'search' | 'send' | 'none' | 'default';
+export type KeyType = 'done' | 'go' | 'next' | 'search' | 'send' | 'none' | 'default';
 /**
  * Input Interface
  */
@@ -79,15 +80,14 @@ export interface InputProps extends Accessibility {
     validationRules?: IValidationRules;
     required?: boolean;
 }
-interface ILengthVerify {
+export interface ILengthVerify {
     min?: number;
     max?: number;
 }
-interface IValidationRules {
+export interface IValidationRules {
     length?: ILengthVerify;
     number?: boolean;
     uppercase?: boolean;
     lowercase?: boolean;
     specialChars?: boolean;
 }
-export {};

package/lib/components/{autocomplete → input/autocomplete}/AutoComplete.d.ts

@@ -5,8 +5,9 @@ import { AutoCompleteProps, Item } from './AutoCompleteProps';
  * @param placeholder {string} placeholder for input
  * @param defaultValue {string} Default Value for Input
  * @param data {string[]} Datas AutoComplete list Item
- * @param inputValue {string} Value of Input
+ * @param value {string} Value of Input
  * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} OnFocus Input Event
  * @param children {Function} Custom Component for dropdown list
  * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
  * @param matching {Function} matching function
@@ -15,10 +16,9 @@ import { AutoCompleteProps, Item } from './AutoCompleteProps';
  * @param absoluteMenu {boolean} Absolute position for Menu
  * @param fullwidthMenu {boolean} Fullwidth size for Menu
  * @param className {string} Additionnal CSS Classes
- * @param value {string} Value for Input
  * @param onItemSelected {Function} OnSelectedItemList event
  * @param customIcon {string} Additional icon classes
  * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
  */
-declare const AutoComplete: <T extends string | Item<unknown> = string>({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching, displayMenu, onItemSelected, customIcon, reference, inputValue, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, }: AutoCompleteProps<T>) => JSX.Element;
+declare const AutoComplete: <T extends string | Item<unknown> = string>({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching, displayMenu, onItemSelected, customIcon, reference, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, onFocus, loading, ...others }: AutoCompleteProps<T>) => JSX.Element;
 export default AutoComplete;

package/lib/components/{autocomplete → input/autocomplete}/AutoComplete.js

@@ -1,20 +1,21 @@
+import clsx from 'clsx';
 import React, { useEffect, useState } from 'react';
-import { Input, InputAutoCompleteType } from '../input';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { is } from '../../../services';
+import { InputAutoCompleteType } from '../../../components/input/InputEnum';
+import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
-import { is } from '../../services';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { getLabel, defaultMatching } from './Autocomplete.helpers';
 import { debounce } from './utils';
 /**
  * AutoComplete Component
  * @param placeholder {string} placeholder for input
  * @param defaultValue {string} Default Value for Input
  * @param data {string[]} Datas AutoComplete list Item
- * @param inputValue {string} Value of Input
+ * @param value {string} Value of Input
  * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} OnFocus Input Event
  * @param children {Function} Custom Component for dropdown list
  * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
  * @param matching {Function} matching function
@@ -23,24 +24,22 @@ import { debounce } from './utils';
  * @param absoluteMenu {boolean} Absolute position for Menu
  * @param fullwidthMenu {boolean} Fullwidth size for Menu
  * @param className {string} Additionnal CSS Classes
- * @param value {string} Value for Input
  * @param onItemSelected {Function} OnSelectedItemList event
  * @param customIcon {string} Additional icon classes
  * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
  */
-const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon, reference, inputValue, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, }) => {
-    var _a;
+const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon, reference, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, onFocus, loading, ...others }) => {
     const { styled } = useTrilogyContext();
+    const { Input } = others;
     const [itemSelected, setItemSelected] = useState(null);
-    const [_inputValue, setInputValue] = useState(inputValue !== null && inputValue !== void 0 ? inputValue : '');
-    const [_value, setValue] = useState((_a = placeholder !== null && placeholder !== void 0 ? placeholder : defaultValue) !== null && _a !== void 0 ? _a : '');
+    const [_inputValue, setInputValue] = useState(value !== null && value !== void 0 ? value : '');
     const [activeItem, setActiveItem] = useState(0);
     const [isAutocompleteMenuVisible, setIsAutocompleteMenuVisible] = useState(displayMenu || false);
     const [search, setSearch] = useState([]);
     const autocompleteClasses = hashClass(styled, clsx(is('autocomplete'), is('active')));
     useEffect(() => {
-        setInputValue(inputValue || '');
-    }, [inputValue]);
+        setInputValue(value || '');
+    }, [value]);
     useEffect(() => {
         setActiveItem(0);
         if (data === null || data === void 0 ? void 0 : data.length) {
@@ -53,20 +52,16 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
         }
     }, [_inputValue]);
     useEffect(() => {
-        var _a, _b;
-        setValue((_b = (_a = placeholder !== null && placeholder !== void 0 ? placeholder : value) !== null && _a !== void 0 ? _a : defaultValue) !== null && _b !== void 0 ? _b : '');
-    }, [value, defaultValue]);
-    useEffect(() => {
-        if ((data === null || data === void 0 ? void 0 : data.length) !== 0 && (data === null || data === void 0 ? void 0 : data.length)) {
-            if (matching && data) {
-                setSearch(matching(data, _inputValue));
-            }
-        }
+        setSearch(matching(data, _inputValue));
     }, [data]);
     const onTextChanged = async (e) => {
         setIsAutocompleteMenuVisible(true);
         if (onChange) {
-            onChange({ inputName: name || '', inputValue: e.inputValue, inputSelectionStart: null });
+            onChange({
+                inputName: name || '',
+                inputValue: e.inputValue,
+                inputSelectionStart: null,
+            });
         }
         // Check if the input value is a regular expression or a string
         if (e.inputValue.startsWith('/') && e.inputValue.endsWith('/')) {
@@ -124,16 +119,21 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             default:
         }
     };
+    const handleFocus = (event) => {
+        setIsAutocompleteMenuVisible(true);
+        if (onFocus)
+            onFocus(event);
+    };
     return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
-        React.createElement(Input, { accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}), reference: reference, placeholder: _value, ...(name ? { name: name } : {}), className: 'autocomplete-input', type: 'text', testId: testId, status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
+        React.createElement(Input, { defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}), reference: reference, placeholder: placeholder, ...(name ? { name: name } : {}), className: 'autocomplete-input', type: 'text', testId: testId, status: status, autoCompleteType: InputAutoCompleteType.OFF, disabled: disabled, 
             // Add delay for selection of suggestion
             onBlur: (e) => {
                 setTimeout(() => setIsAutocompleteMenuVisible(false), 250);
                 if (onBlur)
                     onBlur(e);
-            }, onFocus: () => setIsAutocompleteMenuVisible(true), onKeyUp: handleKeyPress, value: _inputValue, onChange: (event) => {
+            }, onFocus: handleFocus, onKeyUp: handleKeyPress, value: _inputValue, onChange: (event) => {
                 onInputChange(event);
-            }, onIconClick: onIconClick }),
+            }, onIconClick: onIconClick, loading: loading }),
         isAutocompleteMenuVisible && (React.createElement("div", { className: autocompleteClasses }, search.length > 0 && (React.createElement(AutoCompleteMenu, { testId: testId, absolute: absoluteMenu, fullwidth: fullwidthMenu, className: classNameMenu }, search.map((item, i) => (React.createElement(AutoCompleteItem, { active: activeItem === i, key: i, testId: testId, item: item, suggestionSelected: (v) => suggestionSelected(v, data, search) }, children ? children(item) : getLabel(item)))))))),
         React.createElement("div", null)));
 };

package/lib/components/input/autocomplete/AutoComplete.js.map

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

package/lib/components/input/autocomplete/AutoComplete.native.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AutoCompleteProps } from './AutoCompleteProps';
+declare const AutoComplete: ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, onFocus, ...others }: AutoCompleteProps) => JSX.Element;
+export default AutoComplete;

package/lib/components/{autocomplete → input/autocomplete}/AutoComplete.native.js

@@ -1,14 +1,13 @@
 import React, { useEffect, useMemo, useState } from 'react';
 import { Keyboard, StyleSheet, View } from 'react-native';
-import Input from '../input/Input.native';
+import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
-import { getLabel, defaultMatching } from './Autocomplete.helpers';
-import { ComponentName } from '../enumsComponentsName';
 import { debounce } from './utils';
-const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, }) => {
+const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, onFocus, ...others }) => {
     const [valueInput, setValueInput] = useState(value !== null && value !== void 0 ? value : '');
     const [suggestions, setSuggestions] = useState(data !== null && data !== void 0 ? data : []);
     const [isOpenMenu, setIsOpenMenu] = useState(displayMenu !== null && displayMenu !== void 0 ? displayMenu : false);
+    const { Input } = others;
     const updateSuggestions = async (valueInput) => {
         if (getSuggestions) {
             const suggestions = await getSuggestions(valueInput);
@@ -25,10 +24,11 @@ const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, cust
         return debounceSuggestionsTimeout ? debounce(updateSuggestions, debounceSuggestionsTimeout) : updateSuggestions;
     }, [debounceSuggestionsTimeout]);
     useEffect(() => {
-        if (valueInput) {
-            updateSuggestionsFn(valueInput);
-        }
+        updateSuggestionsFn(valueInput);
     }, [valueInput]);
+    useEffect(() => {
+        setValueInput(value || '');
+    }, [value]);
     const onTextChanged = async (e) => {
         const { inputValue, inputName, inputSelectionStart } = e;
         setValueInput(inputValue);
@@ -45,9 +45,17 @@ const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, cust
         setIsOpenMenu(false);
         Keyboard.dismiss();
         if (onItemSelected && (data || suggestions)) {
-            onItemSelected({ value: item, index: (data.length ? data : suggestions).indexOf(item) });
+            onItemSelected({
+                value: item,
+                index: (data.length ? data : suggestions).indexOf(item),
+            });
         }
     };
+    const handleFocus = (event) => {
+        setIsOpenMenu(true);
+        if (onFocus)
+            onFocus(event);
+    };
     useEffect(() => {
         const keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', () => setIsOpenMenu(true));
         const keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', () => setIsOpenMenu(false));
@@ -58,7 +66,7 @@ const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, cust
     }, []);
     return (React.createElement(View, { style: styles.autoComplete },
         React.createElement(View, null,
-            React.createElement(Input, { placeholder: placeholder, type: 'text', onFocus: () => setIsOpenMenu(true), customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged })),
+            React.createElement(Input, { placeholder: placeholder, type: 'text', customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged, onFocus: handleFocus })),
         isOpenMenu && React.createElement(AutoCompleteMenuNative, { suggestions: suggestions, handleSelectItem: handleSelectItem })));
 };
 const styles = StyleSheet.create({
@@ -66,6 +74,5 @@ const styles = StyleSheet.create({
         position: 'relative',
     },
 });
-AutoComplete.displayName = ComponentName.AutoComplete;
 export default AutoComplete;
 //# sourceMappingURL=AutoComplete.native.js.map

package/lib/components/input/autocomplete/AutoComplete.native.js.map

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

package/lib/components/{autocomplete → input/autocomplete}/AutoCompleteProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { InputChangeEvent, InputClickEvent, InputProps } from '../input/InputProps';
+import { InputChangeEvent, InputClickEvent, InputProps } from '../../../components/input/InputProps';
 /**
  * AutoComplete Interface
  */
@@ -7,7 +7,6 @@ export interface AutoCompleteProps<T = string> extends InputProps {
     children?: (item: T) => React.ReactNode;
     defaultValue?: string;
     value?: string;
-    inputValue?: string;
     data: T[];
     classNameMenu?: string;
     absoluteMenu?: boolean;

package/lib/components/input/autocomplete/AutoCompleteProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteProps.js","sourceRoot":"","sources":["../../../../components/input/autocomplete/AutoCompleteProps.ts"],"names":[],"mappings":""}

package/lib/components/input/autocomplete/Autocomplete.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.helpers.js","sourceRoot":"","sources":["../../../../components/input/autocomplete/Autocomplete.helpers.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,IAA4B,EAAE,EAAE,CAAC,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAA;AAC3G,MAAM,YAAY,GAAG,CAAC,GAAW,EAAE,EAAE;IACnC,OAAO,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA,CAAC,+CAA+C;AACnG,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAmC,IAAS,EAAE,KAAa,EAAO,EAAE;IACjG,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;IACxC,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,YAAY,EAAE,EAAE,GAAG,CAAC,CAAA;IACjD,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;AAC3F,CAAC,CAAA"}

package/lib/components/{autocomplete → input/autocomplete}/index.d.ts

@@ -1,4 +1,5 @@
 import AutoComplete from './AutoComplete';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
+export * from './AutoCompleteProps';
 export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };

package/lib/components/{autocomplete → input/autocomplete}/index.js

@@ -1,5 +1,6 @@
 import AutoComplete from './AutoComplete';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
+export * from './AutoCompleteProps';
 export { AutoComplete, AutoCompleteItem, AutoCompleteMenu };
 //# sourceMappingURL=index.js.map

package/lib/components/input/autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/input/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,gBAAgB,MAAM,QAAQ,CAAA;AACrC,OAAO,gBAAgB,MAAM,QAAQ,CAAA;AAErC,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/lib/components/input/autocomplete/item/AutoCompleteIem.native.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AutoCompleteItemProps } from './AutoCompleteItemProps';
+declare const AutoCompleteItemNative: ({ item, onSelect }: AutoCompleteItemProps) => JSX.Element;
+export default AutoCompleteItemNative;

package/lib/components/{autocomplete → input/autocomplete}/item/AutoCompleteIem.native.js

@@ -1,8 +1,7 @@
+import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Text } from '../../text';
-import React from 'react';
-import { getLabel } from '../Autocomplete.helpers';
-import { ComponentName } from '../../enumsComponentsName';
+import { Text } from '../../../../components/text';
+import { getLabel } from '../../../../components/input/autocomplete/Autocomplete.helpers';
 const AutoCompleteItemNative = ({ item, onSelect }) => {
     return (React.createElement(TouchableOpacity, { style: styles.itemList, onPress: onSelect },
         React.createElement(Text, null, getLabel(item))));
@@ -12,6 +11,5 @@ const styles = StyleSheet.create({
         padding: 10,
     },
 });
-AutoCompleteItemNative.dispayName = ComponentName.AutoCompleteItemNative;
 export default AutoCompleteItemNative;
 //# sourceMappingURL=AutoCompleteIem.native.js.map

package/lib/components/input/autocomplete/item/AutoCompleteIem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteIem.native.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/item/AutoCompleteIem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,sDAAsD,CAAA;AAG/E,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAyB,EAAe,EAAE;IACxF,OAAO,CACL,oBAAC,gBAAgB,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ;QACzD,oBAAC,IAAI,QAAE,QAAQ,CAAC,IAAI,CAAC,CAAQ,CACZ,CACpB,CAAA;AACH,CAAC,CAAA;AACD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE;KACZ;CACF,CAAC,CAAA;AAEF,eAAe,sBAAsB,CAAA"}

package/lib/components/{autocomplete → input/autocomplete}/item/AutoCompleteItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { AutoCompleteItemProps } from './AutoCompleteItemProps';
 import { Item } from '../AutoCompleteProps';
+import { AutoCompleteItemProps } from './AutoCompleteItemProps';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -8,5 +8,5 @@ import { Item } from '../AutoCompleteProps';
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const AutoCompleteItem: <T extends string | Item<unknown>>({ key, children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
+declare const AutoCompleteItem: <T extends string | Item<unknown>>({ children, suggestionSelected, testId, item, active, }: AutoCompleteItemProps<T>) => JSX.Element;
 export default AutoCompleteItem;

package/lib/components/{autocomplete → input/autocomplete}/item/AutoCompleteItem.js

@@ -1,8 +1,8 @@
-import React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { is } from '../../../services';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers';
+import { is } from '../../../../services';
 /**
  * AutoCompleteItem Component
  * @param suggestionSelected {Function} select item
@@ -10,10 +10,10 @@ import { is } from '../../../services';
  * - ------------------ WEB PROPERTIES -----------------------
  * @param className {string} Additionnal CSS Classes
  */
-const AutoCompleteItem = ({ key, children, suggestionSelected, testId, item, active, }) => {
+const AutoCompleteItem = ({ children, suggestionSelected, testId, item, active, }) => {
     const { styled } = useTrilogyContext();
     const [isActive, setIsActive] = React.useState(false);
-    return (React.createElement("div", { onMouseOver: () => setIsActive(true), onMouseOut: () => setIsActive(false), role: 'listitem', "data-testid": testId, key: key, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: () => (suggestionSelected ? suggestionSelected(item) : '') }, children));
+    return (React.createElement("div", { onMouseOver: () => setIsActive(true), onMouseOut: () => setIsActive(false), role: 'listitem', "data-testid": testId, className: hashClass(styled, clsx('autocomplete-item', active && is('active'), isActive && is('active'))), onClick: () => (suggestionSelected ? suggestionSelected(item) : '') }, children));
 };
 export default AutoCompleteItem;
 //# sourceMappingURL=AutoCompleteItem.js.map

package/lib/components/input/autocomplete/item/AutoCompleteItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteItem.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/item/AutoCompleteItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAI/B;;;;;;GAMG;AACH,MAAM,gBAAgB,GAAG,CAAmC,EAC1D,QAAQ,EACR,kBAAkB,EAClB,MAAM,EACN,IAAI,EACJ,MAAM,GACmB,EAAe,EAAE;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAErD,OAAO,CACL,6BACE,WAAW,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EACpC,UAAU,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EACpC,IAAI,EAAC,UAAU,iBACF,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EACzG,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,IAElE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/{autocomplete → input/autocomplete}/item/AutoCompleteItemProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Item } from "../AutoCompleteProps";
+import { Item } from "../../../../components/input/autocomplete/AutoCompleteProps";
 export interface AutoCompleteItemProps<T extends string | Item<unknown> = string> {
     children?: string | React.ReactNode;
     suggestionSelected?: (value: T) => void;

package/lib/components/input/autocomplete/item/AutoCompleteItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteItemProps.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/item/AutoCompleteItemProps.ts"],"names":[],"mappings":""}

package/lib/components/input/autocomplete/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/lib/components/{autocomplete → input/autocomplete}/menu/AutoCompleteMenu.js

@@ -1,8 +1,8 @@
-import React from 'react';
 import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
-import { is } from '../../../services';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers';
+import { is } from '../../../../services';
 /**
  * AutoCompleteMenu Component
  * @param children {ReactNode} Children

package/lib/components/input/autocomplete/menu/AutoCompleteMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteMenu.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/menu/AutoCompleteMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAG/B;;;;;;;GAOG;AACH,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAyB,EAAe,EAAE;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,MAAM,iBACE,MAAM,EACnB,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,mBAAmB,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAC/F,IAEA,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/input/autocomplete/menu/AutoCompleteMenu.native.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AutoCompleteMenuProps } from './AutoCompleteMenuProps';
+declare const AutoCompleteMenuNative: ({ suggestions, handleSelectItem }: AutoCompleteMenuProps) => JSX.Element;
+export default AutoCompleteMenuNative;

package/lib/components/{autocomplete → input/autocomplete}/menu/AutoCompleteMenu.native.js

@@ -1,17 +1,16 @@
-import React from 'react';
+import * as React from 'react';
 import { FlatList, StyleSheet } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
-import AutoCompleteItemNative from '../item/AutoCompleteIem.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { TrilogyColor, getColorStyle } from '../../../../objects';
+import AutoCompleteItemNative from '../../../../components/input/autocomplete/item/AutoCompleteIem.native';
 const AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
     const styles = StyleSheet.create({
         list: {
             marginTop: 6,
             marginBottom: 6,
-            backgroundColor: getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
             borderWidth: 1,
             borderRadius: 3,
-            borderColor: getColorStyle(TrilogyColor.GREY),
+            borderColor: getColorStyle(TrilogyColor.FONT, 1),
             width: '100%',
             maxHeight: 165,
             flexGrow: 1,
@@ -24,6 +23,5 @@ const AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
             },
         }), keyExtractor: (item, index) => String(index) }));
 };
-AutoCompleteMenuNative.displayName = ComponentName.AutoCompleteMenuNative;
 export default AutoCompleteMenuNative;
 //# sourceMappingURL=AutoCompleteMenu.native.js.map

package/lib/components/input/autocomplete/menu/AutoCompleteMenu.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteMenu.native.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/menu/AutoCompleteMenu.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,sBAAsB,MAAM,6DAA6D,CAAA;AAGhG,MAAM,sBAAsB,GAAG,CAAC,EAAE,WAAW,EAAE,gBAAgB,EAAyB,EAAe,EAAE;IACvG,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YACvD,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YAChD,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,QAAQ,EAAE,CAAC;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,IACP,yBAAyB,EAAC,SAAS,EACnC,mBAAmB,QACnB,aAAa,EAAE,IAAI,EACnB,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,IAAI,EAAE,WAAW,EACjB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CACvB,sBAAsB,CAAC;YACrB,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,GAAG,EAAE;gBACb,gBAAgB,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;YAC5C,CAAC;SACF,CAAC,EAEJ,YAAY,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,GAC5C,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/components/input/autocomplete/menu/AutoCompleteMenuProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoCompleteMenuProps.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/menu/AutoCompleteMenuProps.ts"],"names":[],"mappings":""}

package/lib/components/input/autocomplete/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/lib/components/input/autocomplete/utils/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/utils/debounce.ts"],"names":[],"mappings":"AAAA,8DAA8D;AAC9D,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAkB,IAA4B,EAAE,IAAY,EAAE,EAAE;IACtF,IAAI,OAA8B,CAAA;IAClC,OAAO,KAAK,EAAE,GAAG,IAAO,EAAE,EAAE;QAC1B,4DAA4D;QAC5D,MAAM,OAAO,GAAmC,IAAI,CAAA;QACpD,MAAM,KAAK,GAAG;YACZ,OAAO,GAAG,IAAI,CAAA;YACd,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAC3B,CAAC,CAAA;QACD,IAAI,OAAO,EAAE;YACX,YAAY,CAAC,OAAO,CAAC,CAAA;SACtB;QACD,OAAO,GAAG,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACnC,CAAC,CAAA;AACH,CAAC,CAAA"}

package/lib/components/input/autocomplete/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/input/autocomplete/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/lib/components/input/gauge/InputGauge.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IValidationRules } from '../../../components/input/InputProps';
+interface InputGaugeProps {
+    validationRules?: IValidationRules;
+    styled: boolean;
+    inputValue: string;
+}
+declare const InputGauge: ({ validationRules, styled, inputValue }: InputGaugeProps) => JSX.Element;
+export default InputGauge;

package/lib/components/input/gauge/InputGauge.js

@@ -0,0 +1,29 @@
+import clsx from 'clsx';
+import React from 'react';
+import { hashClass } from '../../../helpers';
+import { Icon, IconName, IconSize } from '../../../components/icon';
+import { useGauge } from './hook/useGauge';
+const InputGauge = ({ validationRules, styled, inputValue }) => {
+    var _a, _b;
+    const { widthGauge, colorGauge, LengthvalidationRulesText, isLengthVerify, isLowerercaseVerify, isNumberVerify, isSpecialCharsVerify, isUppercaseVerify, } = useGauge({ validationRules, inputValue });
+    return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(styled, clsx('security-gauge-container')) },
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge')) },
+            React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge }, className: hashClass(styled, clsx('gauge')) })),
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge-verifies')) },
+            React.createElement("div", null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-special-chars': true }, type: LengthvalidationRulesText, classes: 'security-length', "data-length-min": (_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min, "data-length-max": (_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max, color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled })),
+            React.createElement("div", null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled })))));
+};
+const DataVerify = ({ dataAttribute, type, display, color, iconName, classes, styled, }) => {
+    if (!display)
+        return null;
+    return (React.createElement("div", { ...dataAttribute, className: hashClass(styled, clsx('security', classes)) },
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement("span", null, type)));
+};
+export default InputGauge;
+//# sourceMappingURL=InputGauge.js.map

package/lib/components/input/gauge/InputGauge.js.map

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

package/lib/components/input/gauge/InputGauge.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IValidationRules } from '../../../components/input/InputProps';
+interface InputGaugeProps {
+    validationRules?: IValidationRules;
+    inputValue: string;
+}
+declare const InputGauge: ({ validationRules, inputValue }: InputGaugeProps) => JSX.Element;
+export default InputGauge;