@trilogy-ds/react 0.0.1-beta-112 → 0.0.1-beta-115

package/lib/components/alert/context/ToasterContextProps.d.ts

@@ -1,16 +1,16 @@
-import { Accessibility, AlertProps } from '../../../objects';
+import { Accessibility, StatusProps } from '../../../objects';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { ToasterAlertPosition } from '../../../components/alert/AlertProps';
 /**
  * @param title {string} Notification title content
  * @param description {string|ReactNode} Notification description content
  * @param iconName {IconName} Custom icon
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param onClick {Function} onClick Event for all notification
  * @param closable {Function} onClick Event on cross icon
  * @param onHide {Function} onClick Event on hide
  */
-export interface ToastProps extends AlertProps, Accessibility {
+export interface ToastProps extends StatusProps, Accessibility {
     title: string;
     description?: string;
     iconName?: IconName | IconNameValues;

package/lib/components/alert/index.d.ts

@@ -1,4 +1,3 @@
 import Alert, { ToasterAlertProvider } from './Alert';
-import AlertExample from './Alert.example';
 import ToasterContext from './context';
-export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };
+export { Alert, ToasterContext, ToasterAlertProvider };

package/lib/components/alert/index.js

@@ -1,5 +1,4 @@
 import Alert, { ToasterAlertProvider } from './Alert';
-import AlertExample from './Alert.example';
 import ToasterContext from './context';
-export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };
+export { Alert, ToasterContext, ToasterAlertProvider };
 //# sourceMappingURL=index.js.map

package/lib/components/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AutoCompletePropsWeb, Item } from './AutoCompleteProps';
+declare const _default: React.ForwardRefExoticComponent<AutoCompletePropsWeb<string | Item<unknown>> & React.RefAttributes<HTMLInputElement>>;
+export default _default;

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

@@ -1,9 +1,10 @@
+import { Input } from '../../components/input';
+import { InputAutoCompleteType } from '../../components/input/InputEnum';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { is } from '../../services';
 import clsx from 'clsx';
-import React, { useEffect, useState } from 'react';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { is } from '../../../services';
-import { InputAutoCompleteType } from '../../../components/input/InputEnum';
+import React, { forwardRef, useEffect, useState } from 'react';
 import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteItem from './item';
 import AutoCompleteMenu from './menu';
@@ -19,18 +20,26 @@ import { debounce } from './utils';
  * @param children {Function} Custom Component for dropdown list
  * @param displayMenu {boolean} Display Autocomplete Menu (default: true)
  * @param matching {Function} matching function
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param onBlur {Function} onBlur Input Event
+ * @param testId {string} Test Id for Test Integration
+ * @param disabled {boolean} Disabled input
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onItemSelected {Function} onSelectedItemList event
+ * @param customIcon {string} Additional icon classes
+ * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param getSuggestions {Function} getSuggestions event
  * - ------------------ WEB PROPERTIES -----------------------
+ * @param name {string} Input name
  * @param classNameMenu {string} Additionnal CSS Classes for Menu
  * @param absoluteMenu {boolean} Absolute position for Menu
  * @param fullwidthMenu {boolean} Fullwidth size for Menu
  * @param className {string} Additionnal CSS Classes
- * @param onItemSelected {Function} OnSelectedItemList event
- * @param customIcon {string} Additional icon classes
- * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param accessibilityLabel {string} Accessibility label
+ * @param loading {boolean} Loading input
  */
-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 AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwidthMenu, placeholder, data, status, onBlur, testId, onChange, name, matching = defaultMatching, displayMenu = true, onItemSelected, customIcon, disabled, children, accessibilityLabel, onIconClick, getSuggestions, debounceSuggestionsTimeout, onFocus, loading, ...others }, ref) => {
     const { styled } = useTrilogyContext();
-    const { Input } = others;
     const [itemSelected, setItemSelected] = useState(null);
     const [_inputValue, setInputValue] = useState(value !== null && value !== void 0 ? value : '');
     const [activeItem, setActiveItem] = useState(0);
@@ -61,6 +70,7 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
                 inputName: name || '',
                 inputValue: e.inputValue,
                 inputSelectionStart: null,
+                target: e.target,
             });
         }
         // Check if the input value is a regular expression or a string
@@ -125,7 +135,7 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
             onFocus(event);
     };
     return (React.createElement("div", { className: hashClass(styled, clsx('control')) },
-        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, 
+        React.createElement(Input, { ref: ref, defaultValue: defaultValue, accessibilityLabel: accessibilityLabel, ...(customIcon ? { customIcon: customIcon } : {}), 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);
@@ -137,5 +147,5 @@ const AutoComplete = ({ defaultValue, value, classNameMenu, absoluteMenu, fullwi
         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)));
 };
-export default AutoComplete;
+export default forwardRef(AutoComplete);
 //# sourceMappingURL=AutoComplete.js.map

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

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { AutoCompletePropsNative } from './AutoCompleteProps';
+/**
+ * AutoComplete Component
+ * @param placeholder {string} placeholder for input
+ * @param defaultValue {string} Default Value for Input
+ * @param data {string[]} Datas AutoComplete list Item
+ * @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
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param onBlur {Function} onBlur Input Event
+ * @param testId {string} Test Id for Test Integration
+ * @param disabled {boolean} Disabled input
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onItemSelected {Function} OnSelectedItemList event
+ * @param customIcon {string} Additional icon classes
+ * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param getSuggestions {Function} getSuggestions event
+ */
+declare const AutoComplete: ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, status, onBlur, disabled, onIconClick, ...others }: AutoCompletePropsNative) => JSX.Element;
+export default AutoComplete;

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

@@ -1,13 +1,34 @@
+import Input from '../../components/input/Input.native';
 import React, { useEffect, useMemo, useState } from 'react';
 import { Keyboard, StyleSheet, View } from 'react-native';
 import { defaultMatching, getLabel } from './Autocomplete.helpers';
 import AutoCompleteMenuNative from './menu/AutoCompleteMenu.native';
 import { debounce } from './utils';
-const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, ...others }) => {
+/**
+ * AutoComplete Component
+ * @param placeholder {string} placeholder for input
+ * @param defaultValue {string} Default Value for Input
+ * @param data {string[]} Datas AutoComplete list Item
+ * @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
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param onBlur {Function} onBlur Input Event
+ * @param testId {string} Test Id for Test Integration
+ * @param disabled {boolean} Disabled input
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onItemSelected {Function} OnSelectedItemList event
+ * @param customIcon {string} Additional icon classes
+ * @param debounceSuggestionsTimeout {number} Timeout for getSuggestions debounce
+ * @param getSuggestions {Function} getSuggestions event
+ */
+const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, customIcon, placeholder, matching = defaultMatching, getSuggestions, debounceSuggestionsTimeout, onFocus, testId, status, onBlur, disabled, onIconClick, ...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);
@@ -66,7 +87,7 @@ const AutoComplete = ({ value, data, onChange, displayMenu, onItemSelected, cust
     }, []);
     return (React.createElement(View, { style: styles.autoComplete },
         React.createElement(View, null,
-            React.createElement(Input, { testId: testId, placeholder: placeholder, type: 'text', customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged, onFocus: handleFocus })),
+            React.createElement(Input, { status: status, testId: testId, placeholder: placeholder, type: 'text', customIcon: customIcon, value: valueInput, hasIcon: Boolean(customIcon), onChange: onTextChanged, onFocus: handleFocus, onBlur: onBlur, disabled: disabled, onClick: onIconClick })),
         isOpenMenu && React.createElement(AutoCompleteMenuNative, { suggestions: suggestions, handleSelectItem: handleSelectItem })));
 };
 const styles = StyleSheet.create({

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

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

package/lib/components/autocomplete/AutoCompleteProps.d.ts

@@ -0,0 +1,49 @@
+import { InputChangeEventWeb, InputChangeEventNative, InputClickEvent, InputProps } from '../../components/input/InputProps';
+import { FocusEventHandler } from 'react';
+/**
+ * AutoComplete Interface
+ */
+export interface AutoCompletePropsWeb<T = string> extends InputProps {
+    children?: (item: T) => React.ReactNode;
+    defaultValue?: string;
+    value?: string;
+    data: T[];
+    classNameMenu?: string;
+    absoluteMenu?: boolean;
+    fullwidthMenu?: boolean;
+    matching?: (data: T[], value: string) => T[];
+    onChange?: (event: InputChangeEventWeb) => void;
+    onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
+    displayMenu?: boolean;
+    onIconClick?: (event: InputClickEvent) => void;
+    getSuggestions?: (search: string) => Promise<T[]>;
+    debounceSuggestionsTimeout?: number;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+}
+export interface AutoCompletePropsNative<T = string> extends InputProps {
+    children?: (item: T) => React.ReactNode;
+    defaultValue?: string;
+    value?: string;
+    data: T[];
+    classNameMenu?: string;
+    absoluteMenu?: boolean;
+    fullwidthMenu?: boolean;
+    matching?: (data: T[], value: string) => T[];
+    onChange?: (event: InputChangeEventNative) => void;
+    onItemSelected?: (event: ItemSelectedEvent<T | null>) => void;
+    displayMenu?: boolean;
+    onIconClick?: (event: InputClickEvent) => void;
+    getSuggestions?: (search: string) => Promise<T[]>;
+    debounceSuggestionsTimeout?: number;
+    onFocus?: (event: React.BaseSyntheticEvent) => void;
+    onBlur?: (event: unknown) => void;
+}
+export interface Item<T = string> {
+    label: string;
+    data: T;
+}
+export interface ItemSelectedEvent<T> {
+    value: T;
+    index: number;
+}

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

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