@trilogy-ds/react 0.0.1-beta-147 → 0.0.1-beta-sc-2

package/lib/components/index.js

@@ -1,50 +1,50 @@
 // Components exports
-export * from './accordion';
-export * from './alert';
-export * from './autocomplete';
-export * from './autolayout';
-export * from './badge';
-export * from './box';
-export * from './breadcrumb';
-export * from './button';
-export * from './card';
-export * from './checkbox';
-export * from './chips';
-export * from './columns';
-export * from './container';
-export * from './countdown';
-export * from './divider';
-export * from './fab';
-export * from './hero';
-export * from './icon';
-export * from './image';
-export * from './input';
-export * from './link';
-export * from './list';
-export * from './modal';
-export * from './otp';
-export * from './pagination';
-export * from './popover';
-export * from './price';
-export * from './product-tour';
-export * from './progress';
-export * from './radio';
-export * from './range';
-export * from './rows';
-export * from './scroll-view';
-export * from './section';
-export * from './segment-control';
-export * from './select';
-export * from './spacer';
-export * from './stepper';
-export * from './sticker';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './tag';
-export * from './text';
-export * from './textarea';
-export * from './timeline';
-export * from './title';
-export * from './view';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9
+export * from '../components/accordion';
+export * from '../components/alert';
+export * from '../components/autocomplete';
+export * from '../components/autolayout';
+export * from '../components/badge';
+export * from '../components/box';
+export * from '../components/breadcrumb';
+export * from '../components/button';
+export * from '../components/card';
+export * from '../components/checkbox';
+export * from '../components/chips';
+export * from '../components/columns';
+export * from '../components/container';
+export * from '../components/countdown';
+export * from '../components/divider';
+export * from '../components/fab';
+export * from '../components/hero';
+export * from '../components/icon';
+export * from '../components/image';
+export * from '../components/input';
+export * from '../components/link';
+export * from '../components/list';
+export * from '../components/modal';
+export * from '../components/otp';
+export * from '../components/pagination';
+export * from '../components/popover';
+export * from '../components/price';
+export * from '../components/product-tour';
+export * from '../components/progress';
+export * from '../components/radio';
+export * from '../components/range';
+export * from '../components/rows';
+export * from '../components/scroll-view';
+export * from '../components/section';
+export * from '../components/segment-control';
+export * from '../components/select';
+export * from '../components/spacer';
+export * from '../components/stepper';
+export * from '../components/sticker';
+export * from '../components/switch';
+export * from '../components/table';
+export * from '../components/tabs';
+export * from '../components/tag';
+export * from '../components/text';
+export * from '../components/textarea';
+export * from '../components/timeline';
+export * from '../components/title';
+export * from '../components/view';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLHdCQUF3QixDQUFBO0FBQ3RDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYywyQkFBMkIsQ0FBQTtBQUN6QyxjQUFjLHlCQUF5QixDQUFBO0FBQ3ZDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQTtBQUNoQyxjQUFjLHlCQUF5QixDQUFBO0FBQ3ZDLGNBQWMscUJBQXFCLENBQUE7QUFDbkMsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxzQkFBc0IsQ0FBQTtBQUNwQyxjQUFjLHdCQUF3QixDQUFBO0FBQ3RDLGNBQWMsd0JBQXdCLENBQUE7QUFDdEMsY0FBYyxzQkFBc0IsQ0FBQTtBQUNwQyxjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLG9CQUFvQixDQUFBO0FBQ2xDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLG1CQUFtQixDQUFBO0FBQ2pDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxrQkFBa0IsQ0FBQTtBQUNoQyxjQUFjLHlCQUF5QixDQUFBO0FBQ3ZDLGNBQWMsc0JBQXNCLENBQUE7QUFDcEMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLDJCQUEyQixDQUFBO0FBQ3pDLGNBQWMsdUJBQXVCLENBQUE7QUFDckMsY0FBYyxvQkFBb0IsQ0FBQTtBQUNsQyxjQUFjLG9CQUFvQixDQUFBO0FBQ2xDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYywwQkFBMEIsQ0FBQTtBQUN4QyxjQUFjLHNCQUFzQixDQUFBO0FBQ3BDLGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYyxxQkFBcUIsQ0FBQTtBQUNuQyxjQUFjLHFCQUFxQixDQUFBO0FBQ25DLGNBQWMsc0JBQXNCLENBQUE7QUFDcEMsY0FBYyxzQkFBc0IsQ0FBQTtBQUNwQyxjQUFjLHFCQUFxQixDQUFBO0FBQ25DLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLGtCQUFrQixDQUFBO0FBQ2hDLGNBQWMsbUJBQW1CLENBQUE7QUFDakMsY0FBYyx1QkFBdUIsQ0FBQTtBQUNyQyxjQUFjLHVCQUF1QixDQUFBO0FBQ3JDLGNBQWMsb0JBQW9CLENBQUE7QUFDbEMsY0FBYyxtQkFBbUIsQ0FBQSJ9

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

@@ -1,7 +1,53 @@
-import { Accessibility } from '../../objects';
 import React from 'react';
-import { InputProps, InputWebEvents } from './InputProps';
-export interface InputProp extends Accessibility, InputProps, InputWebEvents {
+import { InputProps, InputWebEvents } from '../../components/input/InputProps';
+export interface InputProp extends InputProps, InputWebEvents {
 }
-declare const _default: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+/**
+ * Input Component
+ * @param name {string} Input name
+ * @param label {string} Label for input
+ * @param sample {string} Sample for input (below label)
+ * @param disabled {boolean} Disabled input
+ * @param onChange {Function} OnChange Input Event
+ * @param onFocus {Function} onFocus Input Event
+ * @param onBlur {Function} onBlur Input Event
+ * @param placeholder {string} Placeholder Input
+ * @param type {InputType} Type for input
+ * @param defaultValue {string} Default Value for Input
+ * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
+ * @param customIcon {IconName} Adding if you want custom icon
+ * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param patternValidator {RegExp} regex validator
+ * @param customValidator {Function} custom function validator
+ * @param onStatusChange {Function} status change event
+ * @param help {string} Help for input
+ * @param ref Pass a ref for input
+ * @param onSubmit {Function} onSubmit Event
+ * @param maxLength {number} Textarea max length
+ * @param customIconLeft {IconName} Adding if you want custom icon left
+ * @param customIconRight {IconName} Adding if you want custom icon right
+ * @param securityGauge {boolean} add security gauge for input type password
+ * @param validationRules {IValidationRules} Textarea max length
+
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param loading {boolean} Loading input
+ * @param value {string} Value for Input
+ * @param focused {boolean} Fucus mode
+ * @param className {string} Additionnal CSS Classes
+ * @param onMouseEnter {Function} onMouseEnter Input Event
+ * @param onMouseLeave {Function} onMouseLeave Input Event
+ * @param iconClassname {string} Additional icon classes
+ * @param onKeyPress {Function} onKeyPress Input Event
+ * @param onKeyUp {Function} onKeyUp Input Event
+ * @param onIconClick {Function} onIconClick Input Event
+ * @param onClick {Function} onClick Input Event
+ * @param forceControl {boolean} Force the control of the input value
+ * @param minLength {number} Textarea min length
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ * @param required {boolean} Required input
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ */
+declare const Input: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/components/input/Input.js

@@ -1,14 +1,16 @@
-import { __assign, __read, __rest } from "tslib";
-import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { TypographyColor } from '../../objects';
-import { has, is } from '../../services';
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
-import { Icon, IconName, IconSize } from '../icon';
-import { InputStatus, InputType } from './InputEnum';
-import InputGauge from './gauge/InputGauge';
+import React from 'react';
+import { ComponentName } from '../../components/enumsComponentsName';
+import { IconColor } from '../../components/icon/IconEnum';
+import { IconName } from '../../components/icon/IconNameEnum';
+import { InputStatus, InputType } from '../../components/input/InputEnum';
+import InputGauge from '../../components/input/gauge/InputGauge';
+import { useInput } from '../../components/input/hook/useInput';
+import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { TypographyColor } from '../../objects/Typography/TypographyColor';
+import { has, is } from '../../services/classify';
 /**
  * Input Component
  * @param name {string} Input name
@@ -22,6 +24,7 @@ import InputGauge from './gauge/InputGauge';
  * @param type {InputType} Type for input
  * @param defaultValue {string} Default Value for Input
  * @param hasIcon {boolean} Adding if you want icon - Default icon is defined by status
+ * @param customIcon {IconName} Adding if you want custom icon
  * @param status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param patternValidator {RegExp} regex validator
  * @param customValidator {Function} custom function validator
@@ -30,6 +33,8 @@ import InputGauge from './gauge/InputGauge';
  * @param ref Pass a ref for input
  * @param onSubmit {Function} onSubmit Event
  * @param maxLength {number} Textarea max length
+ * @param customIconLeft {IconName} Adding if you want custom icon left
+ * @param customIconRight {IconName} Adding if you want custom icon right
  * @param securityGauge {boolean} add security gauge for input type password
  * @param validationRules {IValidationRules} Textarea max length
 
@@ -40,6 +45,7 @@ import InputGauge from './gauge/InputGauge';
  * @param className {string} Additionnal CSS Classes
  * @param onMouseEnter {Function} onMouseEnter Input Event
  * @param onMouseLeave {Function} onMouseLeave Input Event
+ * @param iconClassname {string} Additional icon classes
  * @param onKeyPress {Function} onKeyPress Input Event
  * @param onKeyUp {Function} onKeyUp Input Event
  * @param onIconClick {Function} onIconClick Input Event
@@ -47,83 +53,48 @@ import InputGauge from './gauge/InputGauge';
  * @param forceControl {boolean} Force the control of the input value
  * @param minLength {number} Textarea min length
  * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
  * @param required {boolean} Required input
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
  */
-var Input = function (_a, ref) {
+var Input = React.forwardRef(function (_a, ref) {
     var _b;
-    var forceControl = _a.forceControl, label = _a.label, sample = _a.sample, className = _a.className, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onIconClick = _a.onIconClick, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, patternValidator = _a.patternValidator, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, name = _a.name, placeholder = _a.placeholder, _c = _a.type, type = _c === void 0 ? 'text' : _c, defaultValue = _a.defaultValue, value = _a.value, loading = _a.loading, focused = _a.focused, status = _a.status, help = _a.help, onStatusChange = _a.onStatusChange, customValidator = _a.customValidator, onSubmit = _a.onSubmit, minLength = _a.minLength, maxLength = _a.maxLength, accessibilityLabel = _a.accessibilityLabel, autoCompleteType = _a.autoCompleteType, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, textContentType = _a.textContentType, securityGauge = _a.securityGauge, validationRules = _a.validationRules, required = _a.required, others = __rest(_a, ["forceControl", "label", "sample", "className", "id", "disabled", "onChange", "onKeyPress", "onKeyUp", "onIconClick", "onClick", "onFocus", "onBlur", "patternValidator", "onMouseEnter", "onMouseLeave", "name", "placeholder", "type", "defaultValue", "value", "loading", "focused", "status", "help", "onStatusChange", "customValidator", "onSubmit", "minLength", "maxLength", "accessibilityLabel", "autoCompleteType", "iconNameLeft", "iconNameRight", "textContentType", "securityGauge", "validationRules", "required"]);
-    var styled = useTrilogyContext().styled;
+    var forceControl = _a.forceControl, label = _a.label, sample = _a.sample, className = _a.className, disabled = _a.disabled, onChange = _a.onChange, onKeyPress = _a.onKeyPress, onKeyUp = _a.onKeyUp, onIconClick = _a.onIconClick, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, patternValidator = _a.patternValidator, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, name = _a.name, placeholder = _a.placeholder, _c = _a.type, type = _c === void 0 ? 'text' : _c, defaultValue = _a.defaultValue, value = _a.value, loading = _a.loading, focused = _a.focused, hasIcon = _a.hasIcon, customIcon = _a.customIcon, status = _a.status, help = _a.help, iconClassname = _a.iconClassname, onStatusChange = _a.onStatusChange, customValidator = _a.customValidator, onSubmit = _a.onSubmit, minLength = _a.minLength, maxLength = _a.maxLength, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, autoCompleteType = _a.autoCompleteType, customIconLeft = _a.customIconLeft, customIconRight = _a.customIconRight, securityGauge = _a.securityGauge, validationRules = _a.validationRules, required = _a.required, others = __rest(_a, ["forceControl", "label", "sample", "className", "disabled", "onChange", "onKeyPress", "onKeyUp", "onIconClick", "onClick", "onFocus", "onBlur", "patternValidator", "onMouseEnter", "onMouseLeave", "name", "placeholder", "type", "defaultValue", "value", "loading", "focused", "hasIcon", "customIcon", "status", "help", "iconClassname", "onStatusChange", "customValidator", "onSubmit", "minLength", "maxLength", "testId", "accessibilityLabel", "autoCompleteType", "customIconLeft", "customIconRight", "securityGauge", "validationRules", "required"]);
+    var validator = !customValidator && patternValidator
+        ? function (value) { return (patternValidator.test(value) ? InputStatus.SUCCESS : InputStatus.ERROR); }
+        : customValidator;
+    var _d = useInput({
+        defaultValue: defaultValue,
+        focused: focused,
+        status: status,
+        type: type,
+        value: value,
+        validator: validator,
+        onStatusChange: onStatusChange,
+        onKeyUp: onKeyUp,
+        onKeyPress: onKeyPress,
+        onMouseEnter: onMouseEnter,
+        onMouseLeave: onMouseLeave,
+        onClick: onClick,
+        forceControl: forceControl,
+        onChange: onChange,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onIconClick: onIconClick,
+    }), localStatus = _d.localStatus, inputType = _d.inputType, _value = _d._value, handleBlur = _d.handleBlur, handleChange = _d.handleChange, handleClick = _d.handleClick, handleFocus = _d.handleFocus, handleKeyPress = _d.handleKeyPress, handleKeyUp = _d.handleKeyUp, handleMouseEnter = _d.handleMouseEnter, handleMouseLeave = _d.handleMouseLeave, IconWrapper = _d.IconWrapper, isShowPwd = _d.isShowPwd, handlePressIconPwd = _d.handlePressIconPwd;
     var hasPlaceholder = placeholder !== undefined && placeholder.length > 0;
     var inputIcon = new Map();
     inputIcon.set(InputStatus.SUCCESS, IconName.CHECK_CIRCLE);
     inputIcon.set(InputStatus.WARNING, IconName.EXCLAMATION_CIRCLE);
     inputIcon.set(InputStatus.ERROR, IconName.EXCLAMATION_CIRCLE);
-    var _d = __read(useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ''), 2), _value = _d[0], setValue = _d[1];
-    var _e = __read(useState(focused !== null && focused !== void 0 ? focused : false), 2), isFocused = _e[0], setIsFocused = _e[1];
-    var _f = __read(useState(false), 2), isDirty = _f[0], setIsDirty = _f[1];
-    var _g = __read(useState(false), 2), isTouched = _g[0], setIsTouched = _g[1];
-    var _h = __read(useState(status || InputStatus.DEFAULT), 2), localStatus = _h[0], setLocalStatus = _h[1];
-    var _j = __read(useState(type), 2), inputType = _j[0], setInputType = _j[1];
-    var _k = __read(useState(false), 2), isShowPwd = _k[0], setIsShowPwd = _k[1];
     var helpClasses = clsx('help', localStatus && is(localStatus));
-    var classes = hashClass(styled, clsx('input', localStatus && is(localStatus)));
-    var wrapperClasses = hashClass(styled, clsx('field', className, type === 'password' && securityGauge && 'has-gauge'));
-    var hasIcon = iconNameLeft || iconNameRight;
-    var controlClasses = hashClass(styled, clsx('control', hasPlaceholder && type !== InputType.SEARCH && has('dynamic-placeholder'), (_b = {},
-        _b[has('icons-right')] = hasIcon !== null && hasIcon !== void 0 ? hasIcon : (iconNameRight || type === 'password'),
-        _b['has-icons-left'] = iconNameLeft || type === InputType.SEARCH,
+    var classes = hashClass(clsx('input', localStatus && is(localStatus)));
+    var wrapperClasses = hashClass(clsx('field', className, type === 'password' && securityGauge && 'has-gauge'));
+    var controlClasses = hashClass(clsx('control', hasPlaceholder && type !== InputType.SEARCH && has('dynamic-placeholder'), (_b = {},
+        _b[has('icons-right')] = hasIcon !== null && hasIcon !== void 0 ? hasIcon : (customIcon || customIconRight || type === 'password'),
+        _b['has-icons-left'] = customIconLeft || type === InputType.SEARCH,
         _b)));
-    var onPressKey = useCallback(function (e) {
-        var target = e.target;
-        return {
-            inputName: target.name,
-            inputValue: target.value,
-            inputKeyCode: e.keyCode,
-            target: target,
-            preventDefault: function () { return e.preventDefault(); },
-        };
-    }, []);
-    var IconWrapper = useCallback(function (_a) {
-        var className = _a.className, name = _a.name, color = _a.color, closeIconSearch = _a.closeIconSearch, onPress = _a.onPress;
-        return (React.createElement("div", __assign({}, (type === 'password' && { 'data-show-pwd': true }), { onClick: function (e) {
-                onPress && onPress();
-                if (onIconClick) {
-                    onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value, target: e.target });
-                }
-            } }),
-            React.createElement(Icon, { className: className, name: name, size: IconSize.SMALL, color: color }),
-            _value && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: function () { return setValue(''); }, className: hashClass(styled, clsx(is('justified-self'))), name: IconName.TIMES_CIRCLE, size: IconSize.SMALL }))));
-    }, [_value, styled]);
-    var validator = !customValidator && patternValidator
-        ? function (value) { return (patternValidator.test(value) ? InputStatus.SUCCESS : InputStatus.ERROR); }
-        : customValidator;
-    useEffect(function () {
-        var _a;
-        setValue((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
-    }, [value, defaultValue]);
-    useEffect(function () {
-        setIsFocused(focused !== null && focused !== void 0 ? focused : false);
-    }, [focused]);
-    useEffect(function () {
-        if (isFocused)
-            setIsDirty(true);
-        else if (isDirty)
-            setIsTouched(true);
-    }, [isFocused, isDirty]);
-    useEffect(function () {
-        if (!validator || !isTouched)
-            return;
-        setLocalStatus(validator(_value));
-    }, [isFocused, isTouched]);
-    useEffect(function () {
-        setLocalStatus(status || InputStatus.DEFAULT);
-    }, [status]);
-    useEffect(function () {
-        if (onStatusChange)
-            onStatusChange(localStatus);
-    }, [localStatus]);
     return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
         !hasPlaceholder && (React.createElement("label", { className: 'input-label' },
             label,
@@ -131,64 +102,19 @@ var Input = function (_a, ref) {
             label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
         !hasPlaceholder && label && sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
         React.createElement("div", { className: controlClasses },
-            React.createElement("input", __assign({ id: id, required: required, role: 'textbox' }, others, { "aria-label": accessibilityLabel, type: inputType, className: classes, value: _value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: ref, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: function (e) { return onKeyUp && onKeyUp(onPressKey(e)); }, onKeyPress: function (e) { return onKeyPress && onKeyPress(onPressKey(e)); }, onMouseEnter: function (e) { return onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e); }, onMouseLeave: function (e) { return onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e); }, placeholder: placeholder, onClick: function (e) {
-                    var target = e.target;
-                    if (onClick) {
-                        onClick({
-                            inputName: target.name,
-                            inputValue: target.value,
-                            target: target,
-                        });
-                    }
-                }, onChange: function (e) {
-                    // --- solution to prevent cursor jump ---
-                    if (inputType !== InputType.DATE &&
-                        inputType !== InputType.DATETIME_LOCAL &&
-                        inputType !== InputType.NUMBER &&
-                        inputType !== InputType.EMAIL) {
-                        var caret_1 = e.target.selectionStart;
-                        var element_1 = e.target;
-                        window.requestAnimationFrame(function () {
-                            element_1.selectionStart = caret_1;
-                            element_1.selectionEnd = caret_1;
-                        });
-                    }
-                    // ---------------------------------------
-                    // eslint-disable-next-line no-console
-                    if (!forceControl)
-                        setValue(e.target.value);
-                    if (onChange) {
-                        onChange({
-                            inputName: e.target.name,
-                            inputValue: e.target.value,
-                            inputSelectionStart: e.target.selectionStart,
-                            target: e.target,
-                        });
-                    }
-                }, onFocus: function (e) {
-                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
-                    setIsFocused(true);
-                }, onBlur: function (e) {
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
-                    setIsFocused(false);
-                } })),
+            React.createElement("input", __assign({ required: required, role: 'textbox' }, others, { "data-testid": testId, "aria-label": accessibilityLabel, type: inputType, className: classes, value: _value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: ref, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: handleKeyUp, onKeyPress: handleKeyPress, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, placeholder: placeholder, onClick: handleClick, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur })),
             hasPlaceholder && type !== InputType.SEARCH && React.createElement("label", null, placeholder),
-            hasIcon && !localStatus && !loading && React.createElement(IconWrapper, { name: iconNameLeft }),
-            iconNameLeft && !loading && React.createElement(IconWrapper, { className: 'icon-left', name: iconNameLeft }),
-            iconNameRight && !loading && type !== 'password' && (React.createElement(IconWrapper, { className: 'icon-right', name: iconNameRight })),
-            !loading && type === 'password' && (React.createElement(IconWrapper, { className: 'icon-right', name: isShowPwd ? 'tri-eye-slash' : 'tri-eye', onPress: function () {
-                    if (inputType === 'password') {
-                        setInputType('text');
-                        setIsShowPwd(true);
-                    }
-                    else {
-                        setInputType('password');
-                        setIsShowPwd(false);
-                    }
-                } })),
-            loading && React.createElement("span", { className: hashClass(styled, clsx(is('searching'))) })),
+            hasIcon && localStatus && !customIcon && !loading && !customIconLeft && !customIconRight && (React.createElement(IconWrapper, { className: iconClassname, name: inputIcon.get(localStatus) })),
+            customIcon && !localStatus && !loading && React.createElement(IconWrapper, { className: iconClassname, name: customIcon }),
+            customIconLeft && !loading && (React.createElement(IconWrapper, { className: clsx(customIconLeft && 'icon-left', iconClassname), name: customIconLeft })),
+            customIconRight && !loading && type !== 'password' && (React.createElement(IconWrapper, { className: clsx(customIconRight && 'icon-right', iconClassname), name: customIconRight })),
+            !loading && type === 'password' && (React.createElement(IconWrapper, { className: clsx('icon-right', iconClassname), name: isShowPwd ? 'tri-eye-slash' : 'tri-eye', onPress: handlePressIconPwd })),
+            customIcon && localStatus && !loading && React.createElement(IconWrapper, { className: iconClassname, name: customIcon }),
+            type === InputType.SEARCH && !customIcon && localStatus === 'default' && !loading && (React.createElement(IconWrapper, { color: IconColor.MAIN, className: iconClassname, name: IconName.SEARCH, closeIconSearch: true })),
+            loading && React.createElement("span", { className: hashClass(clsx(is('searching'))) })),
         help && React.createElement(Text, { className: helpClasses }, help),
-        securityGauge && type === 'password' && (React.createElement(InputGauge, { validationRules: validationRules, styled: styled, inputValue: _value }))));
-};
-export default forwardRef(Input);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFpQixlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQWEsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEYsT0FBTyxFQUFFLElBQUksRUFBYSxRQUFRLEVBQWtCLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3RSxPQUFPLEVBQUUsV0FBVyxFQUFxQixTQUFTLEVBQW1CLE1BQU0sYUFBYSxDQUFBO0FBRXhGLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFBO0FBWTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUF3Q1ksRUFDWixHQUFnQzs7SUF4QzlCLElBQUEsWUFBWSxrQkFBQSxFQUNaLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsT0FB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
+        securityGauge && type === 'password' && React.createElement(InputGauge, { validationRules: validationRules, inputValue: _value })));
+});
+Input.displayName = ComponentName.Input;
+export default Input;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUN6RCxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXJFLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBQzVELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUMzRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFJN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E4Q0c7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUNFLEVBMENZLEVBQ1osR0FBZ0M7O0lBMUM5QixJQUFBLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFVLGdCQUFBLEVBQ1YsT0FBTyxhQUFBLEVBQ1AsV0FB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

package/lib/components/input/Input.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
-import { InputNativeEvents, InputProps } from './InputProps';
+import React from 'react';
+import { TextInput } from 'react-native';
+import { InputNativeEvents, InputProps } from '../../components/input/InputProps';
 export interface InputNativeProps extends InputProps, InputNativeEvents {
 }
 /**
@@ -34,8 +34,5 @@ export interface InputNativeProps extends InputProps, InputNativeEvents {
  * @param required {boolean} Required input
  * @param accessibilityActivate {boolean}
  */
-declare const Input: {
-    ({ defaultValue, name, label, sample, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, iconNameLeft, iconNameRight, securityGauge, validationRules, onIconClick, required, ...others }: InputNativeProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Input: React.ForwardRefExoticComponent<InputNativeProps & React.RefAttributes<TextInput>>;
 export default Input;