@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/info-block/header/InfoBlockHeaderProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { InfoBlockStatus, InfoBlockStatusValues } from '../InfoBlockEnum';
+import { IconName, IconNameValues } from '../../icon';
+export interface InfoBlockHeaderProps {
+    children?: string;
+    className?: string;
+    status?: InfoBlockStatus | InfoBlockStatusValues;
+    customIcon?: JSX.Element | IconName | IconNameValues;
+}

package/lib/components/info-block/header/InfoBlockHeaderProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InfoBlockHeaderProps.js.map

package/lib/components/info-block/header/InfoBlockHeaderProps.js.map

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

package/lib/components/info-block/header/index.d.ts

@@ -0,0 +1,2 @@
+import InfoBlockHeader from './InfoBlockHeader';
+export default InfoBlockHeader;

package/lib/components/info-block/header/index.js

@@ -0,0 +1,3 @@
+import InfoBlockHeader from './InfoBlockHeader';
+export default InfoBlockHeader;
+//# sourceMappingURL=index.js.map

package/lib/components/info-block/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/info-block/header/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,eAAe,eAAe,CAAA"}

package/lib/components/info-block/index.d.ts

@@ -0,0 +1,6 @@
+import InfoBlockHeader from './header';
+import InfoBlockContent from './content';
+import InfoBlockAction from './action';
+import InfoBlock from './InfoBlock';
+export * from './InfoBlockEnum';
+export { InfoBlock, InfoBlockHeader, InfoBlockContent, InfoBlockAction };

package/lib/components/info-block/index.js

@@ -0,0 +1,7 @@
+import InfoBlockHeader from './header';
+import InfoBlockContent from './content';
+import InfoBlockAction from './action';
+import InfoBlock from './InfoBlock';
+export * from './InfoBlockEnum';
+export { InfoBlock, InfoBlockHeader, InfoBlockContent, InfoBlockAction };
+//# sourceMappingURL=index.js.map

package/lib/components/info-block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/info-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,gBAAgB,MAAM,WAAW,CAAA;AACxC,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,cAAc,iBAAiB,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,CAAA"}

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

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import { InputProps, InputWebEvents } from './InputProps';
+interface InputProp extends InputProps, InputWebEvents {
+}
+/**
+ * Input Component
+ * @param name {string} Input name
+ * @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 search {boolean} define if input is a search type
+ * @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 hovered {boolean} Hover mode
+ * @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
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ */
+declare const Input: ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type, defaultValue, value, loading, hovered, focused, hasIcon, customIcon, status, help, iconClassname, search, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, ...others }: InputProp) => JSX.Element;
+export default Input;

package/lib/components/input/Input.js

@@ -0,0 +1,372 @@
+import React, { useEffect, useState } from 'react';
+import { has, is } from '../../services';
+import { Icon, IconName, IconSize } from '../icon';
+import { Text } from '../text';
+import { InputStatus, InputType } from './InputEnum';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { getColorStyle, TrilogyColor } from '../../objects';
+/**
+ * Input Component
+ * @param name {string} Input name
+ * @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 search {boolean} define if input is a search type
+ * @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 hovered {boolean} Hover mode
+ * @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
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ */
+const Input = ({ forceControl, className, disabled, onChange, onKeyPress, onKeyUp, onIconClick, onClick, onFocus, onBlur, patternValidator, onMouseEnter, onMouseLeave, name, placeholder, type = 'text', defaultValue, value, loading, hovered, focused, hasIcon, customIcon, status, help, iconClassname, search = false, reference, onStatusChange, customValidator, onSubmit, minLength, maxLength, testId, accessibilityLabel, autoCompleteType, customIconLeft, customIconRight, securityGauge, validationRules, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const [_value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
+    const [isHovered, setIsHovered] = useState(hovered !== null && hovered !== void 0 ? hovered : false);
+    const [isFocused, setIsFocused] = useState(focused !== null && focused !== void 0 ? focused : false);
+    const [isDirty, setIsDirty] = useState(false);
+    const [isTouched, setIsTouched] = useState(false);
+    const [localStatus, setLocalStatus] = useState(status || InputStatus.DEFAULT);
+    const validator = !customValidator && patternValidator
+        ? (value) => (patternValidator.test(value) ? InputStatus.SUCCESS : InputStatus.ERROR)
+        : customValidator;
+    const [inputType, setInputType] = useState(type);
+    const [isShowPwd, setIsShowPwd] = useState(false);
+    useEffect(() => {
+        var _a;
+        setValue((_a = value !== null && value !== void 0 ? value : defaultValue) !== null && _a !== void 0 ? _a : '');
+    }, [value, defaultValue]);
+    useEffect(() => {
+        setIsHovered(hovered !== null && hovered !== void 0 ? hovered : false);
+    }, [hovered]);
+    useEffect(() => {
+        setIsFocused(focused !== null && focused !== void 0 ? focused : false);
+    }, [focused]);
+    useEffect(() => {
+        if (isFocused) {
+            setIsDirty(true);
+        }
+        else if (isDirty) {
+            setIsTouched(true);
+        }
+    }, [isFocused, isDirty]);
+    useEffect(() => {
+        if (!validator || !isTouched) {
+            return;
+        }
+        setLocalStatus(validator(_value));
+    }, [isFocused, isTouched]);
+    useEffect(() => {
+        setLocalStatus(status || InputStatus.DEFAULT);
+    }, [status]);
+    useEffect(() => {
+        if (onStatusChange) {
+            onStatusChange(localStatus);
+        }
+    }, [localStatus]);
+    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);
+    const wrapperClasses = hashClass(styled, clsx('field', className, type === 'password' && securityGauge && 'has-gauge'));
+    const hasPlaceholder = placeholder !== undefined && placeholder.length > 0;
+    const iconTimesClasse = hashClass(styled, clsx('tri-times'));
+    const iconCheckClasse = hashClass(styled, clsx('tri-check-circle'));
+    const successClasse = hashClass(styled, clsx('is-success'));
+    const iconClasse = hashClass(styled, clsx('icon'));
+    const controlClasses = hashClass(styled, clsx('control', hasPlaceholder && has('dynamic-placeholder'), {
+        [has('icons-right')]: hasIcon !== null && hasIcon !== void 0 ? hasIcon : (customIcon || customIconRight || type === 'password' || search),
+        [is('disabled')]: disabled,
+        ['has-icons-left']: customIconLeft,
+    }));
+    const classes = hashClass(styled, clsx('input', localStatus && is(localStatus), isHovered && !isFocused && is('hovered'), isFocused && !isHovered && is('focused')));
+    const helpClasses = clsx('help', localStatus && is(localStatus));
+    const refLengthVerify = React.useRef(null);
+    const refSpecialCharsVerify = React.useRef(null);
+    const refNumberVerify = React.useRef(null);
+    const refUppercaseVerify = React.useRef(null);
+    const refLowerercaseVerify = React.useRef(null);
+    const [points, setPoints] = React.useState(0);
+    const [nbAllVerifies, setNbAllVerifies] = React.useState(0);
+    const [verifies, setVerifies] = React.useState({});
+    const lengthVerify = {
+        fn: (e) => {
+            var _a, _b, _c, _d;
+            if (((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.max) && !validationRules.length.min) {
+                return e.length > 0 && e.length <= validationRules.length.max;
+            }
+            if (((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.min) && !((_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.max)) {
+                return e.length >= validationRules.length.min;
+            }
+            if (((_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max) && validationRules.length.min) {
+                return e.length >= validationRules.length.min && e.length <= validationRules.length.max;
+            }
+            return false;
+        },
+        ref: refLengthVerify,
+    };
+    const specialCharsverify = {
+        // eslint-disable-next-line
+        fn: (e) => /[^\w\*]/.test(e),
+        ref: refSpecialCharsVerify,
+    };
+    const numberVerify = {
+        // eslint-disable-next-line
+        fn: (e) => /[0-9]/.test(e),
+        ref: refNumberVerify,
+    };
+    const uppercaseVerify = {
+        // eslint-disable-next-line
+        fn: (e) => /[A-Z]/.test(e),
+        ref: refUppercaseVerify,
+    };
+    const lowercaseVerify = {
+        // eslint-disable-next-line
+        fn: (e) => /[a-z]/.test(e),
+        ref: refLowerercaseVerify,
+    };
+    React.useEffect(() => {
+        const data = {};
+        validationRules &&
+            Object.keys(validationRules).map((key) => {
+                if (key === 'number')
+                    Object.assign(data, { numberVerify });
+                if (key === 'length')
+                    Object.assign(data, { lengthVerify });
+                if (key === 'lowercase')
+                    Object.assign(data, { lowercaseVerify });
+                if (key === 'uppercase')
+                    Object.assign(data, { uppercaseVerify });
+                if (key === 'specialChars')
+                    Object.assign(data, { specialCharsverify });
+            });
+        setVerifies(data);
+        setNbAllVerifies(Object.keys(data).length);
+    }, [validationRules]);
+    const handleVerifyPwd = (e) => {
+        const verifiesTests = [];
+        Object.keys(verifies).map((key) => {
+            var _a, _b, _c, _d;
+            const test = verifies[key].fn(e);
+            verifiesTests.push(test);
+            if (test) {
+                (_a = verifies[key].ref.current) === null || _a === void 0 ? void 0 : _a.classList.remove(iconTimesClasse);
+                (_b = verifies[key].ref.current) === null || _b === void 0 ? void 0 : _b.classList.add(iconCheckClasse, successClasse);
+            }
+            else {
+                (_c = verifies[key].ref.current) === null || _c === void 0 ? void 0 : _c.classList.remove(iconCheckClasse, successClasse);
+                (_d = verifies[key].ref.current) === null || _d === void 0 ? void 0 : _d.classList.add(iconTimesClasse);
+            }
+        });
+        setPoints(verifiesTests.filter((item) => item).length);
+    };
+    const widthGauge = React.useMemo(() => {
+        const calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
+        if (calc <= 50 && calc > 0)
+            return '50%';
+        if (calc <= 99 && calc > 50)
+            return '75%';
+        if (calc === 100)
+            return '100%';
+        return '0%';
+    }, [points, nbAllVerifies]);
+    const colorGauge = React.useMemo(() => {
+        const calc = Number(((points / nbAllVerifies) * 100).toFixed(0));
+        if (calc <= 50 && calc > 0)
+            return getColorStyle(TrilogyColor.ERROR);
+        if (calc <= 99 && calc > 50)
+            return getColorStyle(TrilogyColor.WARNING);
+        if (calc === 100)
+            return getColorStyle(TrilogyColor.SUCCESS);
+        return '#D1D1D1';
+    }, [points, nbAllVerifies]);
+    return (React.createElement("div", { className: wrapperClasses, "data-has-gauge": securityGauge ? true : undefined },
+        React.createElement("div", { className: controlClasses },
+            React.createElement("input", { role: 'textbox', ...others, "data-testid": testId, "aria-label": accessibilityLabel, type: inputType, className: classes, value: _value, defaultValue: defaultValue, name: name, onSubmit: onSubmit, ref: reference, disabled: disabled, minLength: minLength, maxLength: maxLength, autoComplete: autoCompleteType, onClick: (e) => {
+                    const target = e.target;
+                    if (onClick) {
+                        onClick({
+                            inputName: target.name,
+                            inputValue: target.value,
+                        });
+                    }
+                }, onKeyUp: (e) => {
+                    const target = e.target;
+                    if (onKeyUp) {
+                        onKeyUp({
+                            inputName: target.name,
+                            inputValue: target.value,
+                            inputKeyCode: e.keyCode,
+                        });
+                    }
+                }, onKeyPress: (e) => {
+                    const target = e.target;
+                    if (onKeyPress) {
+                        onKeyPress({
+                            inputName: target.name,
+                            inputValue: target.value,
+                            inputKeyCode: e.keyCode,
+                        });
+                    }
+                }, onChange: (e) => {
+                    // --- solution to prevent cursor jump ---
+                    if (inputType !== InputType.DATE && inputType !== InputType.DATETIME_LOCAL && inputType !== InputType.NUMBER && inputType !== InputType.EMAIL) {
+                        const caret = e.target.selectionStart;
+                        const element = e.target;
+                        window.requestAnimationFrame(() => {
+                            element.selectionStart = caret;
+                            element.selectionEnd = caret;
+                        });
+                    }
+                    // ---------------------------------------
+                    // 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,
+                        });
+                    }
+                    if (type === 'password' && securityGauge) {
+                        handleVerifyPwd(e.target.value);
+                    }
+                }, onFocus: (e) => {
+                    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+                    setIsFocused(true);
+                }, onBlur: (e) => {
+                    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+                    setIsFocused(false);
+                }, onMouseEnter: (e) => {
+                    onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+                    setIsHovered(true);
+                }, onMouseLeave: (e) => {
+                    onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+                    setIsHovered(false);
+                }, placeholder: placeholder }),
+            hasPlaceholder && React.createElement("label", null, placeholder),
+            hasIcon && localStatus && !customIcon && !loading && !customIconLeft && !customIconRight && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: iconClassname, name: inputIcon.get(localStatus), size: IconSize.SMALL }))),
+            customIcon && !localStatus && !loading && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: iconClassname, name: customIcon, size: IconSize.SMALL }))),
+            customIconLeft && !loading && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: clsx(customIconLeft && 'icon-left', iconClassname), name: customIconLeft, size: IconSize.SMALL }))),
+            customIconRight && !loading && type !== 'password' && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: clsx(customIconRight && 'icon-right', iconClassname), name: customIconRight, size: IconSize.SMALL }))),
+            !loading && type === 'password' && (React.createElement("div", { "data-show-pwd": true, onClick: () => {
+                    if (inputType === 'password') {
+                        setInputType('text');
+                        setIsShowPwd(true);
+                    }
+                    else {
+                        setInputType('password');
+                        setIsShowPwd(false);
+                    }
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: clsx('icon-right', iconClassname), name: isShowPwd ? 'tri-eye-slash' : 'tri-eye', size: IconSize.SMALL }))),
+            customIcon && localStatus && !loading && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: iconClassname, name: customIcon, size: IconSize.SMALL }))),
+            search && !customIcon && localStatus === 'default' && !loading && (React.createElement("div", { onClick: () => {
+                    if (onIconClick) {
+                        onIconClick({ inputName: name !== null && name !== void 0 ? name : '', inputValue: _value });
+                    }
+                } },
+                React.createElement(Icon, { className: iconClassname, name: IconName.SEARCH, size: IconSize.SMALL }))),
+            loading && React.createElement("span", { className: hashClass(styled, clsx(is('searching'))) })),
+        help && React.createElement(Text, { className: helpClasses }, help),
+        securityGauge && type === 'password' && (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,
+                    validationRules && validationRules.length && (React.createElement("div", { "data-security-length": true, className: hashClass(styled, clsx('security security-length')) },
+                        React.createElement("span", { "data-icon-securities": true, className: iconClasse },
+                            React.createElement("i", { ref: refLengthVerify, className: iconTimesClasse, "data-length-min": validationRules.length.min, "data-length-max": validationRules.length.max })),
+                        React.createElement("span", null,
+                            validationRules.length.min &&
+                                validationRules.length.max &&
+                                `Entre ${validationRules.length.min} et ${validationRules.length.max} caractères`,
+                            validationRules.length.min &&
+                                !validationRules.length.max &&
+                                `Minimum ${validationRules.length.min} caractères`,
+                            validationRules.length.max &&
+                                !validationRules.length.min &&
+                                `Maximum ${validationRules.length.max} caractères`))),
+                    validationRules && validationRules.specialChars && (React.createElement("div", { "data-security-special-chars": true, className: hashClass(styled, clsx('security security-special-chars')) },
+                        React.createElement("span", { "data-icon-securities": true, className: iconClasse },
+                            React.createElement("i", { ref: refSpecialCharsVerify, className: iconTimesClasse })),
+                        React.createElement("span", null, "Caract\u00E8res sp\u00E9ciaux"))),
+                    validationRules && validationRules.number && (React.createElement("div", { "data-security-number": true, className: hashClass(styled, clsx('security security-number')) },
+                        React.createElement("span", { "data-icon-securities": true, className: iconClasse },
+                            React.createElement("i", { ref: refNumberVerify, className: iconTimesClasse })),
+                        React.createElement("span", null, "Chiffre")))),
+                React.createElement("div", null,
+                    validationRules && validationRules.uppercase && (React.createElement("div", { "data-security-uppercase": true, className: hashClass(styled, clsx('security security-uppercase')) },
+                        React.createElement("span", { "data-icon-securities": true, className: iconClasse },
+                            React.createElement("i", { ref: refUppercaseVerify, className: iconTimesClasse })),
+                        React.createElement("span", null, "Majuscule"))),
+                    validationRules && validationRules.lowercase && (React.createElement("div", { "data-security-lowercase": true, className: hashClass(styled, clsx('security security-lowercase')) },
+                        React.createElement("span", { "data-icon-securities": true, className: iconClasse },
+                            React.createElement("i", { ref: refLowerercaseVerify, className: iconTimesClasse })),
+                        React.createElement("span", null, "Minuscule")))))))));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

package/lib/components/input/Input.js.map

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

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { InputNativeEvents, InputProps } from './InputProps';
+import { ComponentName } from '../enumsComponentsName';
+interface InputNativeProps extends InputProps, InputNativeEvents {
+}
+/**
+ * Input Native Component
+ * @param name {string} Input name
+ * @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 status {InputStatus} Input with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param help {string} Help for input
+ * @param search {boolean} define if input is a search type
+ * @param hasIcon {boolean} Input Has Icon, Precise IconName with customIcon
+ * @param ref Pass a ref for input
+ * @param customIcon {IconName} Adding if you want custom icon
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param keyType {KeyType} Keyboard key return type
+ * @param onSubmit {Function} onSubmit
+ * @param maxLength {number} Textarea max length
+ * @param accessibilityLabel {string} Accessibility label
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const Input: {
+    ({ defaultValue, name, onChange, onFocus, onBlur, disabled, status, help, placeholder, type, hasIcon, customIcon, search, reference, keyboardStyle, autoCapitalize, autoCorrect, autoCompleteType, textContentType, keyboardType, keyType, onSubmit, maxLength, testId, accessibilityLabel, customIconRight, customIconLeft, securityGauge, validationRules, onIconClick, ...others }: InputNativeProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Input;