@trilogy-ds/react 0.0.7-beta-v4 → 0.0.8-esm-cjs

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

@@ -0,0 +1,49 @@
+export * from './accordion/index.native';
+export * from './alert/index.native';
+export * from './autocomplete/index.native';
+export * from './autolayout/index.native';
+export * from './badge/index.native';
+export * from './box/index.native';
+export * from './breadcrumb/index.native';
+export * from './button/index.native';
+export * from './card/index.native';
+export * from './checkbox/index.native';
+export * from './chips/index.native';
+export * from './columns/index.native';
+export * from './container/index.native';
+export * from './countdown/index.native';
+export * from './divider/index.native';
+export * from './fab/index.native';
+export * from './flex-box/index.native';
+export * from './hero/index.native';
+export * from './icon/index.native';
+export * from './image/index.native';
+export * from './input/index.native';
+export * from './link/index.native';
+export * from './list/index.native';
+export * from './modal/index.native';
+export * from './otp/index.native';
+export * from './pagination/index.native';
+export * from './popover/index.native';
+export * from './price/index.native';
+export * from './product-tour/index.native';
+export * from './progress/index.native';
+export * from './radio/index.native';
+export * from './range/index.native';
+export * from './rows/index.native';
+export * from './scroll-view/index.native';
+export * from './section/index.native';
+export * from './segment-control/index.native';
+export * from './select/index.native';
+export * from './spacer/index.native';
+export * from './stepper/index.native';
+export * from './sticker/index.native';
+export * from './switch/index.native';
+export * from './table/index.native';
+export * from './tabs/index.native';
+export * from './tag/index.native';
+export * from './text/index.native';
+export * from './textarea/index.native';
+export * from './timeline/index.native';
+export * from './title/index.native';
+export * from './view/index.native';

package/lib/components/index.native.js

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

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { InputProp } from './InputProps';
+/**
+ * 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 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 securityGauge {boolean} add security gauge for input type password
+ * @param validationRules {IValidationRules} Textarea max length
+ * @param readOnly {boolean} Read only input
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param loading {boolean} Loading input
+ * @param value {string} Value for Input
+ * @param focused {boolean} Fucus mode
+ * @param className {string} Additional CSS Classes
+ * @param onMouseEnter {Function} onMouseEnter Input Event
+ * @param onMouseLeave {Function} onMouseLeave Input Event
+ * @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 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.d.ts

@@ -1,7 +1,46 @@
-import { Accessibility } from '../../objects';
 import React from 'react';
-import { InputProps, InputWebEvents } from './InputProps';
-export interface InputProp extends Accessibility, InputProps, InputWebEvents {
-}
-declare const _default: React.ForwardRefExoticComponent<InputProp & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+import { InputProp } from './InputProps';
+/**
+ * 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 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 securityGauge {boolean} add security gauge for input type password
+ * @param validationRules {IValidationRules} Textarea max length
+ * @param readOnly {boolean} Read only input
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param loading {boolean} Loading input
+ * @param value {string} Value for Input
+ * @param focused {boolean} Fucus mode
+ * @param className {string} Additional CSS Classes
+ * @param onMouseEnter {Function} onMouseEnter Input Event
+ * @param onMouseLeave {Function} onMouseLeave Input Event
+ * @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 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,11 +1,12 @@
-import { __assign, __read, __rest } from "tslib";
+import translation from '@trilogy-ds/locales/lib/input';
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useId, useState } from 'react';
 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 clsx from 'clsx';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 import { Icon, IconName, IconSize } from '../icon';
 import { InputStatus, InputType } from './InputEnum';
 import InputGauge from './gauge/InputGauge';
@@ -32,12 +33,12 @@ import InputGauge from './gauge/InputGauge';
  * @param maxLength {number} Textarea max length
  * @param securityGauge {boolean} add security gauge for input type password
  * @param validationRules {IValidationRules} Textarea max length
-
+ * @param readOnly {boolean} Read only input
  * - -------------------------- 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 className {string} Additional CSS Classes
  * @param onMouseEnter {Function} onMouseEnter Input Event
  * @param onMouseLeave {Function} onMouseLeave Input Event
  * @param onKeyPress {Function} onKeyPress Input Event
@@ -51,87 +52,92 @@ import InputGauge from './gauge/InputGauge';
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
  */
-var Input = 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 ? InputType.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 inputIcon = new Map();
+const Input = React.forwardRef(({ forceControl, label, sample, className, id = React.useId(), disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type = InputType.TEXT, defaultValue, value, loading, focused, status, help, onStatusChange, customValidator, onSubmit, minLength, maxLength, accessibilityLabel, autoCompleteType, iconNameLeft, iconNameRight, securityGauge, validationRules, required, readOnly, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const idHelp = useId();
+    const idSample = useId();
+    const 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', (_b = {},
-        _b[has('icons-right')] = hasIcon !== null && hasIcon !== void 0 ? hasIcon : (iconNameRight || type === 'password'),
-        _b['has-icons-left'] = iconNameLeft || type === InputType.SEARCH,
-        _b)));
-    var onPressKey = useCallback(function (e) {
-        var target = e.target;
+    const [_value, setValue] = useState(defaultValue ?? '');
+    const [isFocused, setIsFocused] = useState(focused ?? false);
+    const [isDirty, setIsDirty] = useState(false);
+    const [isTouched, setIsTouched] = useState(false);
+    const [localStatus, setLocalStatus] = useState(status || InputStatus.DEFAULT);
+    const [inputType, setInputType] = useState(type);
+    const [isShowPwd, setIsShowPwd] = useState(false);
+    const helpClasses = clsx('help', localStatus && is(localStatus));
+    const loader = hashClass(styled, clsx(is('searching')));
+    const inputLabelClasses = hashClass(styled, 'input-label');
+    const iconTimesClasses = hashClass(styled, clsx(is('justified-self')));
+    const srOnlyClasses = hashClass(styled, clsx('sr-only'));
+    const classes = hashClass(styled, clsx('input', localStatus && is(localStatus)));
+    const wrapperClasses = hashClass(styled, clsx('field', className, type === InputType.PASSWORD && securityGauge && has('gauge')));
+    const hasIcon = iconNameLeft || iconNameRight;
+    const controlClasses = hashClass(styled, clsx('control', {
+        [has('icons-right')]: hasIcon ?? (iconNameRight || type === InputType.PASSWORD),
+        [has('icons-left')]: iconNameLeft || type === InputType.SEARCH,
+    }));
+    const onPressKey = useCallback((e) => {
+        const target = e.target;
         return {
             inputName: target.name,
             inputValue: target.value,
             inputKeyCode: e.keyCode,
-            target: target,
-            preventDefault: function () { return e.preventDefault(); },
+            target,
+            event: e,
+            preventDefault: () => 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) {
+    const IconWrapper = useCallback(({ className, name, color, closeIconSearch, onPress, srOnly, showPassword }) => {
+        const Markup = showPassword ? 'button' : 'div';
+        return (React.createElement(Markup, { ...(showPassword && { 'data-show-pwd': true, type: 'button' }), onClick: (e) => {
                 onPress && onPress();
                 if (onIconClick) {
-                    onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value, target: e.target });
+                    onIconClick({ inputName: 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 && _value.length > 0 && closeIconSearch && (React.createElement(Icon, { onClick: () => setValue(''), className: iconTimesClasses, name: IconName.TIMES_CIRCLE, size: IconSize.SMALL })),
+            showPassword && srOnly && React.createElement("span", { className: srOnlyClasses }, srOnly)));
     }, [_value, styled]);
-    var validator = !customValidator && patternValidator
-        ? function (value) { return (patternValidator.test(value) ? InputStatus.SUCCESS : InputStatus.ERROR); }
+    const validator = !customValidator && patternValidator
+        ? (value) => (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 : '');
+    useEffect(() => {
+        setValue(value ?? defaultValue ?? '');
     }, [value, defaultValue]);
-    useEffect(function () {
-        setIsFocused(focused !== null && focused !== void 0 ? focused : false);
+    useEffect(() => {
+        setIsFocused(focused ?? false);
     }, [focused]);
-    useEffect(function () {
+    useEffect(() => {
         if (isFocused)
             setIsDirty(true);
         else if (isDirty)
             setIsTouched(true);
     }, [isFocused, isDirty]);
-    useEffect(function () {
+    useEffect(() => {
         if (!validator || !isTouched)
             return;
         setLocalStatus(validator(_value));
     }, [isFocused, isTouched]);
-    useEffect(function () {
+    useEffect(() => {
         setLocalStatus(status || InputStatus.DEFAULT);
     }, [status]);
-    useEffect(function () {
+    useEffect(() => {
         if (onStatusChange)
             onStatusChange(localStatus);
     }, [localStatus]);
     return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
-        label && (React.createElement("label", { className: "input-label" },
+        label && (React.createElement("label", { className: inputLabelClasses, htmlFor: id },
             label,
             ' ',
             required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-        sample && (React.createElement(Text, { className: "input-sample", level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
+        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: idSample }, 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;
+            React.createElement("input", { "aria-describedby": `${idHelp} ${idSample}`, id: id, required: required, readOnly: readOnly, ...others, "aria-label": !label ? accessibilityLabel : undefined, type: inputType, className: classes, value: value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: ref, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onKeyUp: (e) => onKeyUp && onKeyUp(onPressKey(e)), onKeyPress: (e) => onKeyPress && onKeyPress(onPressKey(e)), onMouseEnter: (e) => onMouseEnter?.(e), onMouseLeave: (e) => onMouseLeave?.(e), placeholder: placeholder, onClick: (e) => {
+                    const target = e.target;
                     if (onClick) {
                         onClick({
                             inputName: target.name,
@@ -139,17 +145,17 @@ var Input = function (_a, ref) {
                             target: target,
                         });
                     }
-                }, onChange: function (e) {
+                }, onChange: (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;
+                        const caret = e.target.selectionStart;
+                        const element = e.target;
+                        window.requestAnimationFrame(() => {
+                            element.selectionStart = caret;
+                            element.selectionEnd = caret;
                         });
                     }
                     // ---------------------------------------
@@ -162,20 +168,21 @@ var Input = function (_a, ref) {
                             inputValue: e.target.value,
                             inputSelectionStart: e.target.selectionStart,
                             target: e.target,
+                            event: e,
                         });
                     }
-                }, onFocus: function (e) {
-                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                }, onFocus: (e) => {
+                    onFocus?.(e);
                     setIsFocused(true);
-                }, onBlur: function (e) {
-                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                }, onBlur: (e) => {
+                    onBlur?.(e);
                     setIsFocused(false);
-                } })),
-            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 ? IconName.EYE_SLASH : IconName.EYE, onPress: function () {
-                    if (inputType === 'password') {
+                } }),
+            hasIcon && !localStatus && !loading && iconNameLeft && React.createElement(IconWrapper, { name: iconNameLeft }),
+            (iconNameLeft || type === InputType.SEARCH) && (React.createElement(IconWrapper, { className: 'icon-left', name: iconNameLeft || IconName.SEARCH })),
+            iconNameRight && !loading && type !== InputType.PASSWORD && (React.createElement(IconWrapper, { className: 'icon-right', name: iconNameRight })),
+            !loading && type === InputType.PASSWORD && (React.createElement(IconWrapper, { showPassword: true, srOnly: !isShowPwd ? translation.showPassword : translation.hidePassword, className: 'icon-right', name: isShowPwd ? IconName.EYE_SLASH : IconName.EYE, onPress: () => {
+                    if (inputType === InputType.PASSWORD) {
                         setInputType(InputType.TEXT);
                         setIsShowPwd(true);
                     }
@@ -184,9 +191,10 @@ var Input = function (_a, ref) {
                         setIsShowPwd(false);
                     }
                 } })),
-            loading && React.createElement("span", { className: hashClass(styled, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFpQixlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDOUQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQWEsV0FBVyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEYsT0FBTyxFQUFFLElBQUksRUFBYSxRQUFRLEVBQWtCLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUM3RSxPQUFPLEVBQUUsV0FBVyxFQUFxQixTQUFTLEVBQW1CLE1BQU0sYUFBYSxDQUFBO0FBRXhGLE9BQU8sVUFBVSxNQUFNLG9CQUFvQixDQUFBO0FBYTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUF3Q1ksRUFDWixHQUFnQzs7SUF4QzlCLElBQUEsWUFBWSxrQkFBQSxFQUNaLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsT0FB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
+            loading && React.createElement("span", { className: loader })),
+        help && (React.createElement(Text, { className: helpClasses, id: idHelp }, help)),
+        securityGauge && type === InputType.PASSWORD && (React.createElement(InputGauge, { validationRules: validationRules, styled: styled, inputValue: _value }))));
+});
+Input.displayName = ComponentName.Input;
+export default Input;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSwrQkFBK0IsQ0FBQTtBQUN2RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUE7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsSUFBSSxFQUFhLFFBQVEsRUFBa0IsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQzdFLE9BQU8sRUFBRSxXQUFXLEVBQXFCLFNBQVMsRUFBbUIsTUFBTSxhQUFhLENBQUE7QUFFeEYsT0FBTyxVQUFVLE1BQU0sb0JBQW9CLENBQUE7QUFZM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUNHO0FBQ0gsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsQ0FDRSxFQUNFLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUNOLFNBQVMsRUFDVCxFQUFFLEdBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxFQUNsQixRQUFRLEVBQ1IsUUFBUSxFQUNSLFVBQVUs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

package/lib/components/input/Input.mjs

@@ -0,0 +1,69 @@
+"use client";
+import {
+  Input_default
+} from "../../chunk-YGJ6UOVJ.mjs";
+import "../../chunk-ENYSW63F.mjs";
+import "../../chunk-VOIEK4BP.mjs";
+import "../../chunk-CYVPQJFF.mjs";
+import "../../chunk-BVZWKYND.mjs";
+import "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-P6NVOAAH.mjs";
+import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
+import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-DB5J6PBL.mjs";
+import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-HQXKHRER.mjs";
+import "../../chunk-NVH4ZPGW.mjs";
+import "../../chunk-62DJK35E.mjs";
+import "../../chunk-PAEZ47M2.mjs";
+import "../../chunk-A2ASOVUR.mjs";
+import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-L5TMSDJR.mjs";
+import "../../chunk-RJO5KKUW.mjs";
+import "../../chunk-R7HI6GOP.mjs";
+import "../../chunk-SUNBSFL4.mjs";
+import "../../chunk-A4CI2ZMI.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-6TNYDJM7.mjs";
+import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-B6WC6WS2.mjs";
+import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
+import "../../chunk-6BTWLQPI.mjs";
+import "../../chunk-G6BHSMLA.mjs";
+import "../../chunk-THOTRBD4.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-UUXUTBLZ.mjs";
+import "../../chunk-F5FPTZND.mjs";
+import "../../chunk-IGMJNGTZ.mjs";
+import "../../chunk-5QUXSOHX.mjs";
+import "../../chunk-ACSGONQB.mjs";
+import "../../chunk-ATW7ITPH.mjs";
+import "../../chunk-JA5LYEG4.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-AD63JH53.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Input_default as default
+};

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

@@ -1,8 +1,6 @@
-/// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
-import { InputNativeEvents, InputProps } from './InputProps';
-export interface InputNativeProps extends InputProps, InputNativeEvents {
-}
+import React from 'react';
+import { TextInput } from 'react-native';
+import { InputNativeProps } from './InputProps';
 /**
  * Input Native Component
  * @param name {string} Input name
@@ -33,9 +31,7 @@ export interface InputNativeProps extends InputProps, InputNativeEvents {
  * @param testId {string} Test Id for Test Integration
  * @param required {boolean} Required input
  * @param accessibilityActivate {boolean}
+ * @param readOnly {boolean} Read only input
  */
-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;