@mmb-digital/ds-lilly 0.3.15 → 0.3.16

package/dist/ds-lilly.js

@@ -84159,6 +84159,9 @@ var external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_ = __
 var external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_);
 
 // CONCATENATED MODULE: ./src/utils/hooks.ts
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
+// TODO: enable eslint @typescript-eslint/ban-ts-comment
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
@@ -96390,6 +96393,8 @@ var DropdownItem = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Components/CompactButtons/CompactButtons.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var CompactButtons_assign = (undefined && undefined.__assign) || function () {
     CompactButtons_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -96648,6 +96653,8 @@ var ModalContent = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Components/Modal/ModalDialog.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 
 
 
@@ -96728,6 +96735,8 @@ var Modal = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Components/Modal/Modal.hook.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 
 
 
@@ -96958,6 +96967,8 @@ var useToast = function () { return ({
 }); };
 
 // CONCATENATED MODULE: ./src/components/Components/Toast/Toast.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var Toast_assign = (undefined && undefined.__assign) || function () {
     Toast_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -97393,6 +97404,8 @@ var FormField = Object(external_root_React_commonjs2_react_commonjs_react_amd_re
 FormField.displayName = 'forwardRef(FormField)';
 
 // CONCATENATED MODULE: ./src/components/Form/FormControl/FormControl.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var FormControl_assign = (undefined && undefined.__assign) || function () {
     FormControl_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -97495,6 +97508,8 @@ var TextInputControl = Object(external_root_React_commonjs2_react_commonjs_react
 TextInputControl.displayName = 'TextInputControl';
 
 // CONCATENATED MODULE: ./src/components/Form/IntegerInput/IntegerInput.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var IntegerInput_assign = (undefined && undefined.__assign) || function () {
     IntegerInput_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -97591,6 +97606,12 @@ var IntegerInput = function (_a) {
 
 
 
+var renderTime = function (timeLeft) {
+    var minutes = Math.floor(timeLeft / 60);
+    var secondsLeft = timeLeft % 60;
+    var seconds = secondsLeft < 10 ? "0" + secondsLeft : secondsLeft;
+    return minutes + ":" + seconds;
+};
 var UserAuth = function (_a) {
     var _b;
     var children = _a.children, mobileKey = _a.mobileKey, resetTimer = _a.resetTimer, state = _a.state, testId = _a.testId, theme = _a.theme, timer = _a.timer, title = _a.title;
@@ -97600,7 +97621,7 @@ var UserAuth = function (_a) {
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), mobileKeyValue = _d[0], setMobileKeyValue = _d[1];
     var timerAriaRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])(null);
     var isTimerAriaInDOM = useOnScreen(timerAriaRef);
-    var setAriaText = function (time, addSeconds) {
+    var setAriaText = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (time, addSeconds) {
         var minutes = Math.floor(time / 60);
         var seconds = time % 60;
         var minutesText = undefined;
@@ -97619,9 +97640,9 @@ var UserAuth = function (_a) {
             }
             return (timer === null || timer === void 0 ? void 0 : timer.aria.timeLeft) + " " + seconds + " " + (timer === null || timer === void 0 ? void 0 : timer.aria.seconds);
         }
-    };
+    }, [timer]);
     var _e = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(setAriaText(timeLeft, true)), ariaMessage = _e[0], setAriaMessage = _e[1];
-    var isInputVisible = (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.message) && (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.placeholder) && timeLeft > 0;
+    var isInputVisible = state === 'waiting' && !!mobileKey && (timeLeft > 0 || !timer);
     var timeoutRef = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useRef"])();
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         setTimeLeft((timer === null || timer === void 0 ? void 0 : timer.time) ? timer.time : 0);
@@ -97631,18 +97652,17 @@ var UserAuth = function (_a) {
             setTimeLeft((timer === null || timer === void 0 ? void 0 : timer.time) ? timer.time : 0);
             setMobileKeyValue('');
         }
-    }, [resetTimer]);
+    }, [resetTimer, timer]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
         if (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.error) {
             setMobileKeyValue('');
         }
     }, [mobileKey]);
     Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useEffect"])(function () {
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
         timeoutRef.current = setTimeout(function () {
-            if (ariaMessage === '')
+            if (ariaMessage === '') {
                 setAriaMessage(setAriaText(timeLeft, true));
+            }
             var newTime = timeLeft - 1;
             if (timeLeft > 0) {
                 var minutes = Math.floor(newTime / 60);
@@ -97660,22 +97680,18 @@ var UserAuth = function (_a) {
             }
         }, 1000);
         return function () {
-            clearTimeout(timeoutRef.current);
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
         };
-    }, [timeLeft]);
-    var renderTime = function () {
-        var minutes = Math.floor(timeLeft / 60);
-        var secondsLeft = timeLeft % 60;
-        var seconds = secondsLeft < 10 ? "0" + secondsLeft : secondsLeft;
-        return minutes + ":" + seconds;
-    };
+    }, [timeLeft, timer, setAriaText, ariaMessage]);
     var renderLoader = function () { return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Loader, null, timer && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["Fragment"], null,
-        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { role: "timer" }, renderTime()),
+        external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { role: "timer" }, renderTime(timeLeft)),
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { ref: timerAriaRef, "aria-atomic": "true", "aria-live": "assertive", className: classBinder_cx('u-vHide') }, isTimerAriaInDOM && ariaMessage))))); };
-    var handleOnChange = function (val) {
+    var handleOnChange = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useCallback"])(function (val) {
         mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.onChange(mobileKeyValue, val);
         setMobileKeyValue(val);
-    };
+    }, [mobileKey, mobileKeyValue]);
     var renderInfoGraphic = function () {
         switch (state) {
             case 'error':
@@ -97702,7 +97718,9 @@ var UserAuth = function (_a) {
             external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { "aria-live": "polite", className: classBinder_cx('c-alert__content') },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Flex, { direction: "column", justifyContent: isSmall ? 'center' : 'flex-start' },
                     title && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__title'), id: identification + "__title" }, title)),
-                    isInputVisible && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(IntegerInput, { allowLeadingZeros: true, hasAutoFocus: true, "aria-live": "off", error: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.error, label: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.message, maxLength: 8, name: (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.name) || 'mobileKey', placeholder: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.placeholder, theme: classBinder_cx('c-userAuth__mobileKey'), value: mobileKeyValue, onChange: handleOnChange })),
+                    isInputVisible && (
+                    //TODO: change it with Input2
+                    external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(IntegerInput, { allowLeadingZeros: true, hasAutoFocus: true, "aria-live": "off", error: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.error, label: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.message, maxLength: 8, name: (mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.name) || 'mobileKey', placeholder: mobileKey === null || mobileKey === void 0 ? void 0 : mobileKey.placeholder, theme: classBinder_cx('c-userAuth__mobileKey'), value: mobileKeyValue, onChange: handleOnChange })),
                     external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-alert__text') }, children))))));
 };
 
@@ -97844,6 +97862,8 @@ var Select2Options = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Form/Autocomplete/Autocomplete.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var Autocomplete_assign = (undefined && undefined.__assign) || function () {
     Autocomplete_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -98212,6 +98232,8 @@ var SelectedOption = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Form/Autocomplete2/Autocomplete2.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var Autocomplete2_assign = (undefined && undefined.__assign) || function () {
     Autocomplete2_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -103799,6 +103821,8 @@ var SelectMenu = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Form/SelectControlAutocomplete/SelectControlAutocomplete.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var SelectControlAutocomplete_assign = (undefined && undefined.__assign) || function () {
     SelectControlAutocomplete_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -104353,6 +104377,8 @@ var react_flatpickr_build = __webpack_require__(61);
 var build_default = /*#__PURE__*/__webpack_require__.n(react_flatpickr_build);
 
 // CONCATENATED MODULE: ./src/components/Form/DatePicker/DatePicker.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var DatePicker_assign = (undefined && undefined.__assign) || function () {
     DatePicker_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -104470,6 +104496,8 @@ var ShowPasswordIcon = function (_a) {
 };
 
 // CONCATENATED MODULE: ./src/components/Form/Input2/Input2.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var Input2_assign = (undefined && undefined.__assign) || function () {
     Input2_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -104723,6 +104751,8 @@ var DatePicker2 = function (_a) {
 
 
 // CONCATENATED MODULE: ./src/components/Form/DecimalInput/DecimalInput.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var DecimalInput_assign = (undefined && undefined.__assign) || function () {
     DecimalInput_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -106586,6 +106616,8 @@ function monthSelectPlugin(pluginConfig) {
   };
 }
 // CONCATENATED MODULE: ./src/components/Form/MonthInput/MonthInput.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var MonthInput_assign = (undefined && undefined.__assign) || function () {
     MonthInput_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -107042,6 +107074,8 @@ var RadioGroup = function (_a) {
 
 
 // CONCATENATED MODULE: ./src/components/Form/Select2/Select2.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 var Select2_assign = (undefined && undefined.__assign) || function () {
     Select2_assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -111071,6 +111105,8 @@ var AreaChart_assign = (undefined && undefined.__assign) || function () {
     };
     return AreaChart_assign.apply(this, arguments);
 };
+// TODO: enable react-hooks/rules-of-hooks
+/* eslint-disable react-hooks/rules-of-hooks */
 
 
 
@@ -112550,6 +112586,8 @@ var AppMain = function (_a) {
 
 
 // CONCATENATED MODULE: ./src/components/Layout/Box/Box.tsx
+// TODO: enable eslint react-hooks/exhaustive-deps
+/* eslint-disable react-hooks/exhaustive-deps */
 
 
 var Box = function (_a) {