@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/input/autocomplete/test/Autocomplete.test.js

@@ -0,0 +1,211 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import * as React from 'react';
+import Input from '../../Input';
+const testItems = ['Apple', 'Banana', 'Cherry', 'Grape'];
+describe('AutoComplete', () => {
+    it('renders the component', () => {
+        render(React.createElement(Input.AutoComplete, { data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toBeInTheDocument();
+    });
+    it('displays the menu when typing in the input', () => {
+        render(React.createElement(Input.AutoComplete, { data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.change(input, { target: { value: 'a' } });
+        const menu = screen.getByRole('list');
+        expect(menu).toBeInTheDocument();
+    });
+    it('filters the items based on input value', () => {
+        render(React.createElement(Input.AutoComplete, { data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.change(input, { target: { value: 'a' } });
+        const items = screen.getAllByRole('listitem');
+        expect(items.length).toBe(1);
+        expect(items[0]).toHaveTextContent('Apple');
+    });
+    it('selects an item from the menu', () => {
+        let defaultV;
+        const handleItemSelected = jest.fn();
+        render(React.createElement(Input.AutoComplete, { data: testItems, onItemSelected: handleItemSelected, onChange: (e) => (defaultV = { label: e.inputValue }) }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.change(input, { target: { value: 'Banana' } });
+        const items = screen.getAllByRole('listitem');
+        fireEvent.click(items[0]);
+        expect(defaultV).toEqual({ label: 'Banana' });
+        expect(handleItemSelected).toHaveBeenCalledWith({
+            value: testItems[1],
+            index: 1,
+        });
+        expect(input).toHaveValue('Banana');
+    });
+    it('should have placeholder', () => {
+        render(React.createElement(Input.AutoComplete, { data: testItems, placeholder: 'placeholder test' }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveAttribute('placeholder', 'placeholder test');
+    });
+    it('should have placeholder with default value', () => {
+        render(React.createElement(Input.AutoComplete, { data: testItems, placeholder: 'placeholder test' }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveAttribute('placeholder', 'placeholder test');
+    });
+    it('should have input value, name', () => {
+        render(React.createElement(Input.AutoComplete, { name: 'nameTest', data: testItems, value: 'value test' }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveValue('value test');
+        expect(input).toHaveAttribute('name', 'nameTest');
+    });
+    it('should be disabled', () => {
+        render(React.createElement(Input.AutoComplete, { disabled: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toBeDisabled();
+    });
+    it('should have accessibility label', () => {
+        render(React.createElement(Input.AutoComplete, { accessibilityLabel: 'input', data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveAttribute('aria-label', 'input');
+    });
+    it('input should  have classname autocomplete', () => {
+        var _a;
+        render(React.createElement(Input.AutoComplete, { data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect((_a = input.parentNode) === null || _a === void 0 ? void 0 : _a.parentNode).toHaveClass('autocomplete-input');
+    });
+    it('input should  default status class', () => {
+        render(React.createElement(Input.AutoComplete, { status: 'default', data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveClass('is-default');
+    });
+    it('input should  default error class', () => {
+        render(React.createElement(Input.AutoComplete, { status: 'error', data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveClass('is-error');
+    });
+    it('input should  default success class', () => {
+        render(React.createElement(Input.AutoComplete, { status: 'success', data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveClass('is-success');
+    });
+    it('input should  default warning class', () => {
+        render(React.createElement(Input.AutoComplete, { status: 'warning', data: testItems }));
+        const input = screen.getByRole('textbox');
+        expect(input).toHaveClass('is-warning');
+    });
+    it('should have menu displayed', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const items = screen.getAllByRole('listitem');
+        expect(items.length).toBe(4);
+    });
+    it('should execute keypress up event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.keyUp(input, { key: 'arrow up', code: 'arrow up', keyCode: 38 });
+        const items = screen.getAllByRole('listitem');
+        expect(items[0]).toHaveClass('is-active');
+    });
+    it('should execute keypress down event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        const items = screen.getAllByRole('listitem');
+        expect(items[1]).toHaveClass('is-active');
+    });
+    it('should execute keypress down up event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, { key: 'arrow up', code: 'arrow up', keyCode: 38 });
+        const items = screen.getAllByRole('listitem');
+        expect(items[0]).toHaveClass('is-active');
+    });
+    it('should execute keypress enter event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, { key: 'Enter', code: 'Enter', keyCode: 13 });
+        expect(input).toHaveValue('Cherry');
+    });
+    it('should execute keypress max down event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        fireEvent.keyUp(input, {
+            key: 'arrow down',
+            code: 'arrow down',
+            keyCode: 40,
+        });
+        const items = screen.getAllByRole('listitem');
+        expect(items[items.length - 1]).toHaveClass('is-active');
+    });
+    it('should execute blur event', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const input = screen.getByRole('textbox');
+        fireEvent.focus(input);
+        fireEvent.blur(input);
+        expect(input).not.toHaveClass('is-focused');
+    });
+    it('should dont have autocomplete item', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: [] }));
+        const list = screen.queryAllByRole('list');
+        expect(list.length).toBe(0);
+    });
+    it('should autocomplete items be active on hover', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const items = screen.getAllByRole('listitem');
+        fireEvent.mouseOver(items[1]);
+        expect(items[1]).toHaveClass('is-active');
+    });
+    it('should items be not active on blur autocompleteIem', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const items = screen.getAllByRole('listitem');
+        fireEvent.mouseOver(items[1]);
+        fireEvent.mouseOut(items[1]);
+        expect(items[1]).not.toHaveClass('is-active');
+    });
+    it('should add value input onclick autocompleteItem', () => {
+        render(React.createElement(Input.AutoComplete, { displayMenu: true, data: testItems }));
+        const items = screen.getAllByRole('listitem');
+        const input = screen.getByRole('textbox');
+        fireEvent.click(items[1]);
+        expect(input).toHaveValue('Banana');
+    });
+});
+//# sourceMappingURL=Autocomplete.test.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { TrilogyColor, getColorStyle } from '../../../objects';
+import { Icon, IconName, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
+import { useGauge } from './hook/useGauge';
+const InputGauge = ({ validationRules, inputValue }) => {
+    const { widthGauge, colorGauge, LengthvalidationRulesText, isLengthVerify, isLowerercaseVerify, isNumberVerify, isSpecialCharsVerify, isUppercaseVerify, } = useGauge({ validationRules, inputValue });
+    return (React.createElement(View, null,
+        React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.FONT, 1) }] },
+            React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge }] })),
+        React.createElement(View, { style: styles.verifies },
+            React.createElement(View, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Caract\u00E8res sp\u00E9ciaux' }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Chiffre' })),
+            React.createElement(View, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Majuscule' }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Minuscule' })))));
+};
+const DataVerify = ({ color, iconName, display, type }) => {
+    if (!display)
+        return null;
+    return (React.createElement(View, { style: styles.verify },
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement(Text, { style: styles.textVerify }, type)));
+};
+export default InputGauge;
+const styles = StyleSheet.create({
+    verify: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 4,
+    },
+    textVerify: {
+        marginLeft: 8,
+    },
+    verifies: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+    },
+    containerGauge: {
+        height: 4,
+        width: '100%',
+        borderRadius: 4,
+        marginVertical: 8,
+    },
+    gauge: {
+        height: 4,
+        borderRadius: 4,
+    },
+});
+//# sourceMappingURL=InputGauge.native.js.map

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

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

package/lib/components/input/gauge/hook/useGauge.d.ts

@@ -0,0 +1,32 @@
+import { IValidationRules } from '../../../../components/input/InputProps';
+import { IconColor } from '../../../../components/icon';
+interface IParams {
+    validationRules?: IValidationRules;
+    inputValue: string;
+}
+export declare const useGauge: ({ validationRules, inputValue }: IParams) => {
+    LengthvalidationRulesText: string | undefined;
+    colorGauge: string;
+    widthGauge: string;
+    isLengthVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isLowerercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isNumberVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isSpecialCharsVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isUppercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+};
+export {};

package/lib/components/input/gauge/hook/useGauge.js

@@ -0,0 +1,75 @@
+import React, { useEffect, useMemo } from 'react';
+import { TrilogyColor, getColorStyle } from '../../../../objects';
+import { IconColor } from '../../../../components/icon';
+export const useGauge = ({ validationRules, inputValue }) => {
+    var _a, _b;
+    const [points, setPoints] = React.useState(0);
+    const initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
+    const [isLengthVerify, setIsLengthVerify] = React.useState(initStateVerifies);
+    const [isSpecialCharsVerify, setIsSpecialCharsVerify] = React.useState(initStateVerifies);
+    const [isNumberVerify, setIsNumberVerify] = React.useState(initStateVerifies);
+    const [isUppercaseVerify, setIsUppercaseVerify] = React.useState(initStateVerifies);
+    const [isLowerercaseVerify, setisLowerercaseVerify] = React.useState(initStateVerifies);
+    const nbAllVerifies = React.useMemo(() => (validationRules && Object.values(validationRules).filter((rule) => rule).length) || 0, [validationRules]);
+    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 getColorStyle(TrilogyColor.NEUTRAL_LIGHT);
+    }, [points, nbAllVerifies]);
+    const LengthvalidationRulesText = useMemo(() => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        switch (true) {
+            case ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) !== undefined && ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) !== undefined:
+                return `Entre ${(_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.min} et ${(_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max} caractères`;
+            case ((_e = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _e === void 0 ? void 0 : _e.min) && !((_f = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _f === void 0 ? void 0 : _f.max):
+                return `Minimum ${(_g = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _g === void 0 ? void 0 : _g.min} caractères`;
+            case ((_h = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _h === void 0 ? void 0 : _h.max) && !((_j = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _j === void 0 ? void 0 : _j.min):
+                return `Maximum ${(_k = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _k === void 0 ? void 0 : _k.max} caractères`;
+        }
+    }, [(_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min, (_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max]);
+    useEffect(() => {
+        var _a, _b;
+        const min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
+        const max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
+        const regex = new RegExp(`^.{${min},${max}}$`);
+        const validations = [];
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
+            validations.push({ test: /[^\w\*]/.test(inputValue), setState: setIsSpecialCharsVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue), setState: setIsNumberVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) && validations.push({ test: /[A-Z]/.test(inputValue), setState: setIsUppercaseVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) && validations.push({ test: /[a-z]/.test(inputValue), setState: setisLowerercaseVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue), setState: setIsLengthVerify });
+        validations.forEach(({ test, setState }) => {
+            if (test)
+                return setState({ isVerify: true, color: IconColor.SUCCESS });
+            return setState(initStateVerifies);
+        });
+        setPoints(validations.filter((item) => item.test).length);
+    }, [inputValue, validationRules]);
+    return {
+        LengthvalidationRulesText,
+        colorGauge,
+        widthGauge,
+        isLengthVerify,
+        isLowerercaseVerify,
+        isNumberVerify,
+        isSpecialCharsVerify,
+        isUppercaseVerify,
+    };
+};
+//# sourceMappingURL=useGauge.js.map

package/lib/components/input/gauge/hook/useGauge.js.map

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

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

@@ -1,3 +1,4 @@
 import Input from './Input';
 export * from './InputEnum';
+export * from './InputProps';
 export { Input };

package/lib/components/input/index.js

@@ -1,4 +1,5 @@
 import Input from './Input';
 export * from './InputEnum';
+export * from './InputProps';
 export { Input };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAA"}

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

@@ -0,0 +1 @@
+export {};

package/lib/components/input/test/Input.native.test.js

@@ -0,0 +1,121 @@
+import { fireEvent, render } from "@testing-library/react-native";
+import * as React from "react";
+import { Platform } from "react-native";
+import { AlertState, getAlertStyle, getColorStyle, TrilogyColor, } from "../../../objects";
+import Input from "../Input.native";
+import { InputAutoCapitalize, InputKeyboardType, InputStatus, InputType, } from "../InputEnum";
+import { IconName } from "../../icon";
+describe("Input component", () => {
+    const types = [
+        InputKeyboardType.DEFAULT,
+        InputKeyboardType.EMAIL_ADDRESS,
+        InputKeyboardType.NUMERIC,
+        InputKeyboardType.PHONE_PAD,
+        InputKeyboardType.NUMBER_PAD,
+        InputKeyboardType.DECIMAL_PAD,
+        InputKeyboardType.VISIBLE_PASSWORD,
+        InputKeyboardType.ASCII_CAPABLE,
+        InputKeyboardType.NUMBERS_AND_PUNCTUATION,
+        InputKeyboardType.URL,
+        InputKeyboardType.NAME_PHONE_PAD,
+        InputKeyboardType.TWITTER,
+        InputKeyboardType.WEB_SEARCH,
+    ];
+    const capitalizes = [
+        InputAutoCapitalize.CHARACTERS,
+        InputAutoCapitalize.NONE,
+        InputAutoCapitalize.SENTENCES,
+        InputAutoCapitalize.WORDS,
+    ];
+    const status = [
+        InputStatus.DEFAULT,
+        InputStatus.ERROR,
+        InputStatus.SUCCESS,
+        InputStatus.WARNING,
+    ];
+    // eslint-disable-next-line jest/expect-expect
+    test("Should render component withiyt props", () => {
+        render(React.createElement(Input, null));
+    });
+    test("Should render component with props", () => {
+        const { getByTestId } = render(React.createElement(Input, { placeholder: "Test", maxLength: 5, minLength: 5, autoCorrect: true }));
+        const input = getByTestId("input-id");
+        expect(input.props.placeholder).toEqual("Test");
+        expect(input.props.maxLength).toEqual(5);
+        expect(input.props.minLength).toEqual(5);
+        expect(input.props.autoCorrect).toBeTruthy();
+    });
+    types.forEach((type) => {
+        test(`Should render ${type} keyboard type`, async () => {
+            const { getByTestId } = render(React.createElement(Input, { placeholder: "Test", keyboardType: type }));
+            expect(getByTestId("input-id").props.keyboardType).toEqual(type);
+        });
+    });
+    capitalizes.forEach((type) => {
+        test(`Should render ${type} autoCapitalize type`, async () => {
+            const { getByTestId } = render(React.createElement(Input, { autoCapitalize: type }));
+            expect(getByTestId("input-id").props.autoCapitalize).toEqual(type);
+        });
+    });
+    status.forEach((state) => {
+        test(`Should render ${state} color wrapper`, async () => {
+            const { getByTestId } = render(React.createElement(Input, { status: state }));
+            expect(getByTestId("input-wrapper-id").props.style).toEqual({
+                justifyContent: "center",
+                alignSelf: "stretch",
+                backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+                borderWidth: 1,
+                borderRadius: 3,
+                borderColor: (state === "success" && getAlertStyle(AlertState.SUCCESS)) ||
+                    (state === "warning" && getAlertStyle(AlertState.WARNING)) ||
+                    (state === "error" && getAlertStyle(AlertState.ERROR)) ||
+                    (state === "default" && getColorStyle(TrilogyColor.MAIN)) ||
+                    getColorStyle(TrilogyColor.MAIN),
+                height: 46,
+                position: "relative",
+                width: "100%",
+            });
+        });
+    });
+    test("Should change value", () => {
+        const { getByTestId } = render(React.createElement(Input, { placeholder: "Test" }));
+        fireEvent.changeText(getByTestId("input-id"), "value");
+        expect(getByTestId("input-id").props.value).toEqual("value");
+    });
+    test("Should have password icon", () => {
+        const { getByTestId } = render(React.createElement(Input, { placeholder: "Test", hasIcon: true, type: InputType.PASSWORD }));
+        expect(getByTestId("password-id")).toBeTruthy();
+    });
+    test("Should have search icon", () => {
+        const { getByTestId } = render(React.createElement(Input, { placeholder: "Test", search: true, value: "bonjour" }));
+        fireEvent.press(getByTestId("search-id"));
+        expect(getByTestId("search-id")).toBeTruthy();
+    });
+    test("Should have help text", () => {
+        const { getByTestId } = render(React.createElement(Input, { placeholder: "Test", help: "Help" }));
+        expect(getByTestId("help-id").props.children).toBe("Help");
+    });
+    test("Should have custom icon or status", () => {
+        const { getByTestId } = render(React.createElement(Input, { hasIcon: true, status: InputStatus.DEFAULT, customIcon: IconName.INFOS_CIRCLE }));
+        expect(getByTestId("icon-status-id").props.children).toBeTruthy();
+    });
+    test("Should have correct style", async () => {
+        const paddingTopByPlatform = (os, dynamicPlaceholder) => {
+            if (dynamicPlaceholder && os === "ios")
+                return 10;
+            if (dynamicPlaceholder && os === "android")
+                return 15;
+            return 0;
+        };
+        const { getByTestId } = render(React.createElement(Input, null));
+        expect(getByTestId("input-id").props.style).toEqual({
+            paddingLeft: 10,
+            paddingRight: 0,
+            marginTop: paddingTopByPlatform(Platform.OS, false),
+            width: "95%",
+            height: 46,
+            color: getColorStyle(TrilogyColor.MAIN),
+        });
+    });
+});
+//# sourceMappingURL=Input.native.test.js.map