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

package/lib/components/modal/test/Modal.test.js

@@ -0,0 +1,170 @@
+// Dependencies
+import * as React from 'react';
+// Testing methods
+import { getEnumNames } from '../../../helpers';
+import { is } from '../../../services';
+import { fireEvent, render, screen } from '@testing-library/react';
+import Modal from '../Modal';
+import { ModalMarkup } from '../ModalEnum';
+// Component to test
+describe('Modal component', () => {
+    test('should Modal have correct initial className', () => {
+        const { getByTestId } = render(React.createElement(Modal, { testId: 'DEFAULT' }));
+        const modal = getByTestId('DEFAULT');
+        expect(modal === null || modal === void 0 ? void 0 : modal.childNodes[0]).toHaveClass('modal');
+        expect(modal === null || modal === void 0 ? void 0 : modal.childNodes[0].childNodes[0]).toHaveClass('modal-content');
+    });
+    test('should Modal have content', () => {
+        const { getByText } = render(React.createElement(Modal, { content: 'CONTENT' }));
+        expect(getByText('CONTENT')).toBeTruthy();
+    });
+    test('should Modal have child', () => {
+        const { getByText } = render(React.createElement(Modal, null, "CHILD"));
+        expect(getByText('CHILD')).toBeTruthy();
+    });
+    test('should Modal have a trigger', () => {
+        const { getByText } = render(React.createElement(Modal, { triggerContent: 'TRIGGER' }));
+        expect(getByText('TRIGGER')).toBeInTheDocument();
+    });
+    test('should Modal have correct className', () => {
+        var _a;
+        const { getByText } = render(React.createElement(Modal, { className: 'className', content: 'CLASSNAME' }));
+        expect((_a = getByText('CLASSNAME').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass('className');
+    });
+    test('should Modal have correct contentClassNames', () => {
+        const { getByText } = render(React.createElement(Modal, { contentClassNames: 'contentClassNames', content: 'CLASSNAME' }));
+        expect(getByText('CLASSNAME').parentElement).toHaveClass('contentClassNames');
+    });
+    test('should Modal have correct triggerClassNames', () => {
+        const { getByText } = render(React.createElement(Modal, { triggerClassNames: 'triggerClassNames', triggerContent: 'TRIGGER' }));
+        expect(getByText('TRIGGER')).toHaveClass('triggerClassNames');
+    });
+    test('should Modal have a title', () => {
+        render(React.createElement(Modal, { content: 'DEFAULT', title: 'TITLE' }));
+        expect(screen.getByText('TITLE')).toHaveClass('modal-title');
+    });
+    test('should Modal have a footer', () => {
+        render(React.createElement(Modal, { content: 'DEFAULT', footer: 'FOOTER' }));
+        expect(screen.getByText('FOOTER')).toHaveClass('modal-footer');
+    });
+    test('should Modal ctaContent is "toto"', () => {
+        render(React.createElement(Modal, { ctaContent: 'toto', ctaOnClick: jest.fn(), content: 'DEFAULT' }));
+        expect(screen.getByText('toto')).toBeInTheDocument();
+    });
+    test('should Modal ctaOnClick call on ctaContent click', () => {
+        const ctaOnClick = jest.fn();
+        render(React.createElement(Modal, { ctaContent: 'toto', ctaOnClick: ctaOnClick, content: 'DEFAULT' }));
+        fireEvent.click(screen.getByText('toto'));
+        expect(ctaOnClick).toHaveBeenCalled();
+    });
+    test('should a click on ctaCancel Modal call close modal', () => {
+        var _a;
+        render(React.createElement(Modal, { active: true, ctaCancelOnClick: jest.fn(), content: 'DEFAULT' }));
+        const modal = (_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+        expect(modal).toHaveClass(is('active'));
+        fireEvent.click(screen.getByText('Annuler'));
+        expect(modal).not.toHaveClass(is('active'));
+    });
+    test('should a click on ctaCancel Modal call ctaCancelOnClick function', () => {
+        const ctaCancelOnClick = jest.fn();
+        render(React.createElement(Modal, { active: true, ctaCancelOnClick: ctaCancelOnClick, content: 'DEFAULT' }));
+        fireEvent.click(screen.getByText('Annuler'));
+        expect(ctaCancelOnClick).toHaveBeenCalled();
+    });
+    test('should Modal triggerMarkup have a correct markup', () => {
+        getEnumNames(ModalMarkup).forEach((element) => {
+            render(React.createElement(Modal, { triggerMarkup: element, triggerContent: element, content: 'TRIGGERMARKUP' }));
+            expect(screen.getByText(element)).toBeTruthy();
+        });
+    });
+    test('should click on trigger Modal call onOpen function', () => {
+        const openCallBack = jest.fn();
+        render(React.createElement(Modal, { triggerContent: 'TRIGGER', onOpen: openCallBack, content: 'DEFAULT' }));
+        fireEvent.click(screen.getByText('TRIGGER'));
+        expect(openCallBack).toHaveBeenCalled();
+    });
+    test('should Modal is active', () => {
+        var _a;
+        render(React.createElement(Modal, { active: true, content: 'ACTIVE' }));
+        expect((_a = screen.getByText('ACTIVE').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(is('active'));
+    });
+    test('should Modal is not active', () => {
+        var _a, _b;
+        render(React.createElement(Modal, { content: 'DEFAULT' }));
+        render(React.createElement(Modal, { active: false, content: 'ACTIVE' }));
+        expect((_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).not.toHaveClass(is('active'));
+        expect((_b = screen.getByText('ACTIVE').parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).not.toHaveClass(is('active'));
+    });
+    test('should click on trigger Modal open it', () => {
+        var _a;
+        render(React.createElement(Modal, { triggerContent: 'TRIGGER', content: 'DEFAULT' }));
+        const modal = (_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+        expect(modal).not.toHaveClass(is('active'));
+        fireEvent.click(screen.getByText('TRIGGER'));
+        expect(modal).toHaveClass(is('active'));
+    });
+    test('should Modal is panel', () => {
+        var _a;
+        render(React.createElement(Modal, { panel: true, content: 'PANNEL' }));
+        expect((_a = screen.getByText('PANNEL').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(is('panel'));
+    });
+    test('should Modal is full width', () => {
+        var _a;
+        render(React.createElement(Modal, { fullwidth: true, content: 'PANNEL' }));
+        expect((_a = screen.getByText('PANNEL').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).toHaveClass(is('fullwidth'));
+    });
+    test('should Modal is not panel', () => {
+        var _a, _b;
+        render(React.createElement(Modal, { content: 'DEFAULT' }));
+        render(React.createElement(Modal, { panel: false, content: 'PANNEL' }));
+        expect((_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement).not.toHaveClass(is('panel'));
+        expect((_b = screen.getByText('PANNEL').parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).not.toHaveClass(is('panel'));
+    });
+    test('should Modal have a closeIcon', () => {
+        render(React.createElement(Modal, { closeIcon: true, content: 'CLOSEICON' }));
+        expect(screen.getByLabelText('close')).toBeInTheDocument();
+        expect(screen.getByLabelText('close')).toHaveClass('modal-close');
+    });
+    test('should Modal not have a closeIcon', () => {
+        render(React.createElement(Modal, { content: 'DEFAULT' }));
+        render(React.createElement(Modal, { closeIcon: false, content: 'CLOSEICON' }));
+        expect(screen.queryAllByLabelText('close').length).toBe(0);
+    });
+    test('should a click on closeIcon Modal close it', () => {
+        var _a;
+        render(React.createElement(Modal, { active: true, closeIcon: true, content: 'DEFAULT' }));
+        const modal = (_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+        expect(modal).toHaveClass(is('active'));
+        fireEvent.click(screen.getByLabelText('close'));
+        expect(modal).not.toHaveClass(is('active'));
+    });
+    test('should a click on closeIcon Modal call onClose function', () => {
+        const closeCallBack = jest.fn();
+        render(React.createElement(Modal, { active: true, closeIcon: true, onClose: closeCallBack, content: 'DEFAULT' }));
+        fireEvent.click(screen.getByLabelText('close'));
+        expect(closeCallBack).toHaveBeenCalled();
+    });
+    test('should a click inside the modal not close it', () => {
+        var _a;
+        render(React.createElement(Modal, { active: true, content: 'DEFAULT' }));
+        const modal = (_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+        expect(modal).toHaveClass(is('active'));
+        fireEvent.mouseDown(screen.getByText('DEFAULT'));
+        expect(modal).toHaveClass(is('active'));
+    });
+    test('should a click outside the modal close it', () => {
+        var _a;
+        render(React.createElement(Modal, { active: true, content: 'DEFAULT' }));
+        const modal = (_a = screen.getByText('DEFAULT').parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+        expect(modal).toHaveClass(is('active'));
+        fireEvent.mouseDown(document);
+        expect(modal).not.toHaveClass(is('active'));
+    });
+    test('should a click outside the modal call onClose function', () => {
+        const closeCallBack = jest.fn();
+        render(React.createElement(Modal, { active: true, onClose: closeCallBack, content: 'DEFAULT' }));
+        fireEvent.mouseDown(document);
+        expect(closeCallBack).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Modal.test.js.map

package/lib/components/modal/test/Modal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../../components/modal/test/Modal.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,kBAAkB;AAClB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAClE,OAAO,KAAK,MAAM,UAAU,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,oBAAoB;AAEpB,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,EAAE,SAAS,GAAI,CAAC,CAAA;QAC5D,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAA;QACpC,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;QACjD,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAA;IACzE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAC3D,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IAC3C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,gBAAc,CAAC,CAAA;QAClD,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACvC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,cAAc,EAAE,SAAS,GAAI,CAAC,CAAA;QAClE,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAClD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC,CAAA;QACrF,MAAM,CAAC,MAAA,SAAS,CAAC,WAAW,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IACtF,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,iBAAiB,EAAE,mBAAmB,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC,CAAA;QACrG,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;IAC/E,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,6CAA6C,EAAE,GAAG,EAAE;QACvD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,IAAC,iBAAiB,EAAE,mBAAmB,EAAE,cAAc,EAAE,SAAS,GAAI,CAAC,CAAA;QAC1G,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACrC,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAI,CAAC,CAAA;QAErD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;IAC9D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,GAAI,CAAC,CAAA;QAEvD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,oBAAC,KAAK,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEhF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IACtD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC5D,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC5B,MAAM,CAAC,oBAAC,KAAK,IAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEjF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;QACzC,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACvC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;;QAC9D,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEzE,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAA;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kEAAkE,EAAE,GAAG,EAAE;QAC5E,MAAM,gBAAgB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAClC,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,gBAAgB,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEhF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,gBAAgB,CAAC,CAAC,gBAAgB,EAAE,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC5D,YAAY,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC5C,MAAM,CAAC,oBAAC,KAAK,IAAC,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAI,CAAC,CAAA;YAC5F,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;QAChD,CAAC,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC9D,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC9B,MAAM,CAAC,oBAAC,KAAK,IAAC,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEtF,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wBAAwB,EAAE,GAAG,EAAE;;QAClC,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAA;QAElD,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3F,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;;QACtC,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QACrC,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC9F,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/F,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;;QACjD,MAAM,CAAC,oBAAC,KAAK,IAAC,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEhE,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAA;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC3C,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAC5C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uBAAuB,EAAE,GAAG,EAAE;;QACjC,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAA;QAEjD,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAC1F,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;;QACtC,MAAM,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAA;QAErD,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAC9F,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;;QACrC,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QACrC,MAAM,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,GAAI,CAAC,CAAA;QAElD,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;QAC7F,MAAM,CAAC,MAAA,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9F,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACzC,MAAM,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC,CAAA;QAExD,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QAC1D,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,oBAAC,KAAK,IAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QACrC,MAAM,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAI,CAAC,CAAA;QAEzD,MAAM,CAAC,MAAM,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,4CAA4C,EAAE,GAAG,EAAE;;QACtD,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,SAAS,QAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEtD,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAA;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/C,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACnE,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC/B,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,SAAS,QAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAE9E,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;QAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,gBAAgB,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;;QACxD,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAE5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAA;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvC,SAAS,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAA;QAChD,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;;QACrD,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAE5C,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,aAAa,0CAAE,aAAa,CAAA;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7B,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAClE,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;QAC/B,MAAM,CAAC,oBAAC,KAAK,IAAC,MAAM,QAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,SAAS,GAAI,CAAC,CAAA;QAEpE,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAA;QAC7B,MAAM,CAAC,aAAa,CAAC,CAAC,gBAAgB,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/components/modal/test/ModalFooter.test.d.ts

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

package/lib/components/modal/test/ModalFooter.test.js

@@ -0,0 +1,24 @@
+// Dependencies
+import * as React from "react";
+// Testing methods
+import { render, screen } from "@testing-library/react";
+import renderer from "react-test-renderer";
+// Component to test
+import { ModalFooter } from "../";
+describe("ModalFooter component", () => {
+    test('should ModalFooter have "modal-footer" className', () => {
+        render(React.createElement(ModalFooter, null, "DEFAULT"));
+        expect(screen.getByText("DEFAULT")).toHaveClass("modal-footer");
+    });
+    test("should ModalFooter have correct className", () => {
+        render(React.createElement(ModalFooter, { className: "className" }, "CLASSNAME"));
+        expect(screen.getByText("CLASSNAME")).toHaveClass("className");
+    });
+    test("snapshot", () => {
+        const tree = renderer
+            .create(React.createElement(ModalFooter, { className: "className" }, "SnapShot"))
+            .toJSON();
+        expect(tree).toMatchSnapshot();
+    });
+});
+//# sourceMappingURL=ModalFooter.test.js.map

package/lib/components/modal/test/ModalFooter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.test.js","sourceRoot":"","sources":["../../../../components/modal/test/ModalFooter.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,oBAAoB;AACpB,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC5D,MAAM,CAAC,oBAAC,WAAW,kBAAsB,CAAC,CAAC;QAE3C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACrD,MAAM,CAAC,oBAAC,WAAW,IAAC,SAAS,EAAE,WAAW,gBAAyB,CAAC,CAAC;QAErE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;QACpB,MAAM,IAAI,GAAG,QAAQ;aAClB,MAAM,CAAC,oBAAC,WAAW,IAAC,SAAS,EAAE,WAAW,eAAwB,CAAC;aACnE,MAAM,EAAE,CAAC;QAEZ,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/components/modal/test/ModalTitle.test.d.ts

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

package/lib/components/modal/test/ModalTitle.test.js

@@ -0,0 +1,17 @@
+// Dependencies
+import * as React from 'react';
+// Testing methods
+import { render, screen } from '@testing-library/react';
+// Component to test
+import { ModalTitle } from '../';
+describe('ModalTitle component', () => {
+    test('should ModalTitle have "modal-title" className', () => {
+        render(React.createElement(ModalTitle, null, "DEFAULT"));
+        expect(screen.getByText('DEFAULT')).toHaveClass('modal-title');
+    });
+    test('should ModalTitle have correct className', () => {
+        render(React.createElement(ModalTitle, { className: 'className' }, "CLASSNAME"));
+        expect(screen.getByText('CLASSNAME')).toHaveClass('className');
+    });
+});
+//# sourceMappingURL=ModalTitle.test.js.map

package/lib/components/modal/test/ModalTitle.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.test.js","sourceRoot":"","sources":["../../../../components/modal/test/ModalTitle.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAEvD,oBAAoB;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACpC,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC1D,MAAM,CAAC,oBAAC,UAAU,kBAAqB,CAAC,CAAA;QAExC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,oBAAC,UAAU,IAAC,SAAS,EAAE,WAAW,gBAAwB,CAAC,CAAA;QAElE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IAChE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/components/modal/{ModalTitle.d.ts → title/ModalTitle.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalTitleProps } from './ModalTitleProps';
+import { ModalTitleProps } from "./ModalTitleProps";
 /**
  * Modal Title Component
  * @param children {string}

package/lib/components/modal/title/ModalTitle.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Icon } from "../../../components/icon";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+/**
+ * Modal Title Component
+ * @param children {string}
+ * @param className {string} clsx
+ * @param iconName {IconName} IconName for icon title
+ * @param iconColor {IconColor} IconColor for icon title
+ */
+const ModalTitle = ({ children, className, iconColor, iconName }) => {
+    const { styled } = useTrilogyContext();
+    return (React.createElement("div", { className: hashClass(styled, clsx("modal-title", className)) }, iconName ? (React.createElement(Icon, { color: iconColor, size: "large", name: iconName, content: children, position: 'up' })) : (children)));
+};
+export default ModalTitle;
+//# sourceMappingURL=ModalTitle.js.map

package/lib/components/modal/title/ModalTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACQ,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GACb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/modal/title/ModalTitle.native.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ModalTitleProps } from "./ModalTitleProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+declare const ModalTitle: {
+    ({ children, iconName, iconColor, ...others }: ModalTitleProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default ModalTitle;

package/lib/components/modal/title/ModalTitle.native.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { View } from "../../../components/view";
+import { Icon } from "../../../components/icon";
+import { Title, TitleLevels } from "../../../components/title";
+const styles = {
+    padding: 8,
+    position: "sticky",
+    top: "0px",
+    width: "100%",
+};
+const ModalTitle = ({ children, iconName, iconColor, ...others }) => {
+    return React.createElement(View, { style: styles, ...others }, typeof children === "string" && (React.createElement(Title, { level: TitleLevels.THREE },
+        iconName && React.createElement(Icon, { color: iconColor, size: "large", name: iconName }),
+        children)) || (children));
+};
+ModalTitle.displayName = ComponentName.ModalTitle;
+export default ModalTitle;
+//# sourceMappingURL=ModalTitle.native.js.map

package/lib/components/modal/title/ModalTitle.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalTitle.native.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAA;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAC,KAAK,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAErD,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC;IACV,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,KAAK;IACV,KAAK,EAAC,MAAM;CAEb,CAAA;AAED,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAChG,OAAO,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,KAAM,MAAM,IAClC,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAClC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK;QAC5B,QAAQ,IAAI,oBAAC,IAAI,IAChB,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,GACd;QACD,QAAQ,CACH,CACL,IAAI,CACL,QAAQ,CACP,CACG,CAAA;AACV,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/modal/{ModalTitleProps.d.ts → title/ModalTitleProps.d.ts}

@@ -1,4 +1,4 @@
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../icon';
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../../components/icon';
 /**
  * Modal Title Interface
  */

package/lib/components/modal/title/ModalTitleProps.js.map

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

package/lib/components/otp/Otp.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OtpProps } from './OtpProps';
+import { OtpProps } from "./OtpProps";
 /**
  * OTP Code Component
  * @param className {string} Additionnal css classes
@@ -8,10 +8,9 @@ import { OtpProps } from './OtpProps';
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
- * @param activated {boolean} Activated OTP
  * @param onChange {Function} onChange Input return current code
  * @param onFocus {Function} onFocus return if focused opt
  * @param autoFocus {boolean} Should auto focus otp
  */
-declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, activated, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
+declare const Otp: ({ className, code, codeSize, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }: OtpProps) => JSX.Element;
 export default Otp;

package/lib/components/otp/Otp.js

@@ -1,10 +1,10 @@
-import { Text, TextMarkup } from '../text';
-import React, { useState, useMemo, useEffect } from 'react';
-import { TypographyColor } from '../../objects/Typography';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
-import { useTrilogyContext } from '../../context/index';
+import { Text, TextMarkup } from "../../components/text";
+import React, { useEffect, useMemo, useState } from "react";
+import { TypographyColor } from "../../objects/Typography";
+import clsx from "clsx";
+import { hashClass } from "../../helpers/hashClassesHelpers";
+import { is } from "../../services/classify";
+import { useTrilogyContext } from "../../context/index";
 /**
  * OTP Code Component
  * @param className {string} Additionnal css classes
@@ -13,24 +13,23 @@ import { useTrilogyContext } from '../../context/index';
  * @param disabled {boolean} Disabled OTP Code Input
  * @param error {boolean} OTP Code Input has error | Display error icon
  * @param onCompleted {Function} Return code input string
- * @param activated {boolean} Activated OTP
  * @param onChange {Function} onChange Input return current code
  * @param onFocus {Function} onFocus return if focused opt
  * @param autoFocus {boolean} Should auto focus otp
  */
-const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onChange, onFocus, activated, label, errorMessage, autoFocus, ...others }) => {
-    const [codeInput, setCodeInput] = useState(code || '');
+const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onChange, onFocus, label, errorMessage, autoFocus, ...others }) => {
+    const [codeInput, setCodeInput] = useState(code || "");
     const [, setFocused] = useState(false);
     const { styled } = useTrilogyContext();
     const testDigit = /^-?\d*\.?\d*$/;
-    const classes = hashClass(styled, clsx('otp-list', error && is('error'), activated && is('tertiary'), disabled && is('disabled'), className));
+    const classes = hashClass(styled, clsx("otp-list", error && is("error"), className));
     useEffect(() => {
         if (!disabled && codeInput.length >= codeSize) {
             onCompleted === null || onCompleted === void 0 ? void 0 : onCompleted(codeInput);
         }
     }, [codeSize, codeInput]);
     const valueItems = useMemo(() => {
-        const valueArray = codeInput.split('');
+        const valueArray = codeInput.split("");
         const items = [];
         for (let i = 0; i < codeSize; i++) {
             const char = valueArray[i];
@@ -38,7 +37,7 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
                 items.push(char);
             }
             else {
-                items.push('');
+                items.push("");
             }
         }
         return items;
@@ -59,17 +58,19 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
         const { target } = e;
         let targetValue = target.value.trim();
         const isTargetValueDigit = testDigit.test(targetValue);
-        if (!isTargetValueDigit && targetValue !== '') {
+        if (!isTargetValueDigit && targetValue !== "") {
             return;
         }
         const nextInputEl = target.nextElementSibling;
-        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== '') {
+        if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
             return;
         }
-        targetValue = isTargetValueDigit ? targetValue : '';
+        targetValue = isTargetValueDigit ? targetValue : "";
         const targetValueLength = targetValue.length;
         if (targetValueLength === 1) {
-            const newValue = codeInput.substring(0, idx) + targetValue + codeInput.substring(idx + 1);
+            const newValue = codeInput.substring(0, idx) +
+                targetValue +
+                codeInput.substring(idx + 1);
             if (onChange) {
                 onChange(newValue);
             }
@@ -90,18 +91,18 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
     const inputOnKeyDown = (e) => {
         const { key } = e;
         const target = e.target;
-        if (key === 'ArrowRight' || key === 'ArrowDown') {
+        if (key === "ArrowRight" || key === "ArrowDown") {
             e.preventDefault();
             return focusToNextInput(target);
         }
-        if (key === 'ArrowLeft' || key === 'ArrowUp') {
+        if (key === "ArrowLeft" || key === "ArrowUp") {
             e.preventDefault();
             return focusToPrevInput(target);
         }
         const targetValue = target.value;
         target.setSelectionRange(0, targetValue.length);
-        if (e.key !== 'Backspace' || targetValue !== '') {
-            target.value = '';
+        if (e.key !== "Backspace" || targetValue !== "") {
+            target.value = "";
             return;
         }
         focusToPrevInput(target);
@@ -109,22 +110,22 @@ const Otp = ({ className, code, codeSize = 6, disabled, error, onCompleted, onCh
     const inputOnFocus = (e) => {
         const { target } = e;
         const prevInputEl = target.previousElementSibling;
-        if (prevInputEl && prevInputEl.value === '') {
+        if (prevInputEl && prevInputEl.value === "") {
             return prevInputEl.focus();
         }
         target.setSelectionRange(0, target.value.length);
     };
     return (React.createElement(React.Fragment, null,
-        label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_GREY) ||
+        label && (React.createElement(Text, { markup: TextMarkup.P, typo: (disabled && TypographyColor.TEXT_NEUTRAL) ||
                 (error && TypographyColor.TEXT_ERROR) ||
-                TypographyColor.TEXT_TERTIARY }, label)),
-        React.createElement("div", { "data-testid": 'otp-input', className: classes, onClick: () => {
+                TypographyColor.TEXT_MAIN }, label)),
+        React.createElement("div", { "data-testid": "otp-input", className: classes, onClick: () => {
                 if (!disabled) {
                     setFocused(true);
                     onFocus === null || onFocus === void 0 ? void 0 : onFocus(true);
                 }
-            } }, valueItems.map((digit, idx) => (React.createElement("input", { key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 1 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: digit, onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
-        errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx('otp-error-message')), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_TERTIARY }, errorMessage))));
+            } }, valueItems.map((digit, idx) => (React.createElement("input", { "aria-disabled": disabled, tabIndex: 0, key: idx, type: 'text', inputMode: 'numeric', autoComplete: 'one-time-code', autoFocus: idx === 0 && autoFocus, pattern: '\\d{1}', maxLength: codeSize, className: 'otp', value: digit, onKeyDown: inputOnKeyDown, onFocus: inputOnFocus, onChange: (e) => inputOnChange(e, idx), disabled: disabled, ...others })))),
+        errorMessage && (React.createElement(Text, { className: hashClass(styled, clsx("otp-error-message")), markup: TextMarkup.P, typo: (error && TypographyColor.TEXT_ERROR) || TypographyColor.TEXT_MAIN }, errorMessage))));
 };
 export default Otp;
 //# sourceMappingURL=Otp.js.map

package/lib/components/otp/Otp.js.map

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

package/lib/components/otp/Otp.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { OtpProps } from './OtpProps';
-import { ComponentName } from '../enumsComponentsName';
+import { OtpProps } from "./OtpProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * OTP Code Component
  * @param code {string} Code Text Input