@egov3/system-design 1.3.110 → 1.3.112
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseComponents/InputFieldGroup/index.js +23 -20
- package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/cjs/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/components/Identity/IdentityModal/index.js +1 -1
- package/dist/cjs/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/index.js +23 -20
- package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/components/Identity/IdentityModal/index.js +1 -1
- package/dist/esm/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +0 -1
- package/dist/types/baseComponents/Modal/index.d.ts +1 -0
- package/dist/types/index.d.ts +2 -2
- package/package.json +1 -1
|
@@ -20,43 +20,46 @@ const shouldPreventKeyInput = (event) => {
|
|
|
20
20
|
return false;
|
|
21
21
|
return !isSingleDigit(event.key);
|
|
22
22
|
};
|
|
23
|
-
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
23
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, }) => {
|
|
24
24
|
const inputsRef = React.useRef([]);
|
|
25
25
|
const focusInput = (index) => {
|
|
26
26
|
setTimeout(() => {
|
|
27
|
-
inputsRef.current[index]
|
|
27
|
+
const input = inputsRef.current[index];
|
|
28
|
+
if (input) {
|
|
29
|
+
input.focus();
|
|
30
|
+
const len = input.value.length;
|
|
31
|
+
input.setSelectionRange(len, len);
|
|
32
|
+
}
|
|
28
33
|
}, 0);
|
|
29
34
|
};
|
|
30
35
|
const extractDigits = (text) => text.replaceAll(/\D/g, "");
|
|
31
|
-
const handlePaste = (startIndex, pastedText) => {
|
|
32
|
-
const digits = extractDigits(pastedText);
|
|
33
|
-
for (let i = 0; i < digits.length && startIndex + i < length; i++) {
|
|
34
|
-
const index = startIndex + i;
|
|
35
|
-
handleInputChange(index)({
|
|
36
|
-
target: { value: digits[i] },
|
|
37
|
-
});
|
|
38
|
-
}
|
|
39
|
-
const lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
|
|
40
|
-
focusInput(lastFilledIndex);
|
|
41
|
-
};
|
|
42
36
|
const handleChange = (index) => (event) => {
|
|
43
37
|
const digits = extractDigits(event.target.value);
|
|
44
|
-
if (digits.length
|
|
45
|
-
|
|
38
|
+
if (digits.length === 0) {
|
|
39
|
+
handleInputChange(index)(event);
|
|
46
40
|
return;
|
|
47
41
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
for (let i = 0; i < digits.length && index + i < length; i++) {
|
|
43
|
+
const digitsIndex = index + i;
|
|
44
|
+
if (index + 1 === length && code[code.length - 1] === digits[i]) {
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
handleInputChange(digitsIndex)({
|
|
48
|
+
target: { value: digits[i] },
|
|
49
|
+
});
|
|
51
50
|
}
|
|
51
|
+
const lastFilledIndex = Math.min(index + digits.length, length - 1);
|
|
52
|
+
focusInput(lastFilledIndex);
|
|
52
53
|
};
|
|
53
54
|
const handleKey = (index) => (event) => {
|
|
54
55
|
if (shouldPreventKeyInput(event)) {
|
|
55
56
|
event.preventDefault();
|
|
56
57
|
return;
|
|
57
58
|
}
|
|
58
|
-
|
|
59
|
-
if (event.key === "Backspace" &&
|
|
59
|
+
const input = inputsRef.current[index];
|
|
60
|
+
if (event.key === "Backspace" &&
|
|
61
|
+
index > 0 &&
|
|
62
|
+
input?.selectionStart === 0) {
|
|
60
63
|
focusInput(index - 1);
|
|
61
64
|
}
|
|
62
65
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["useRef","_jsxs","joinClasses","styles","_jsx","index","InputField","typography"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["useRef","_jsxs","joinClasses","styles","_jsx","index","InputField","typography"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n height: 24px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n grid-column: 1;\n justify-self: start;\n color: var(--text-primary);\n white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n grid-column: 2;\n justify-self: center;\n margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n grid-column: 3;\n justify-self: end;\n width: 20px;\n height: 20px;\n}\n";
|
|
6
|
-
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
|
|
5
|
+
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n height: 24px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n grid-column: 1;\n justify-self: start;\n color: var(--text-primary);\n white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n grid-column: 2;\n justify-self: center;\n margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n grid-column: 3;\n justify-self: end;\n width: 20px;\n height: 20px;\n}\n";
|
|
6
|
+
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -9,11 +9,11 @@ var index = require('../Overlay/index.js');
|
|
|
9
9
|
var index$2 = require('../Typography/index.js');
|
|
10
10
|
var Modal_module = require('./Modal.module.css.js');
|
|
11
11
|
|
|
12
|
-
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
12
|
+
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, isAnimated = true, footerButtons = [], }) => {
|
|
13
13
|
const Wrapper = isWithOverlay
|
|
14
14
|
? index.Overlay
|
|
15
15
|
: (props) => jsxRuntime.jsx("div", { ...props });
|
|
16
|
-
return (jsxRuntime.jsx(Wrapper, { className: isContentScroll ? undefined : Modal_module.default.fixModal, children: jsxRuntime.jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, isContentScroll && Modal_module.default.contentWrapHeight, Modal_module.default[`${variant}Variant`]), children: [header && (jsxRuntime.jsxs("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader, children: [header?.goBackService && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaBackButton[lang], className: Modal_module.default.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaAuthorizationPageBtn[lang], className: Modal_module.default.posCenter, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsxRuntime.jsx(index$2.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.posLeft, children: header.title })), header?.isClosable && (jsxRuntime.jsx("button", { className: Modal_module.default.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
16
|
+
return (jsxRuntime.jsx(Wrapper, { className: isContentScroll ? undefined : Modal_module.default.fixModal, children: jsxRuntime.jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses.joinClasses(Modal_module.default.contentWrap, isContentScroll && Modal_module.default.contentWrapHeight, Modal_module.default[`${variant}Variant`], !isAnimated && Modal_module.default.noAnimation), children: [header && (jsxRuntime.jsxs("div", { "data-testid": "Modal_HEADER", className: Modal_module.default.contentHeader, children: [header?.goBackService && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaBackButton[lang], className: Modal_module.default.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsxRuntime.jsx(graphics.Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsxRuntime.jsx("button", { "aria-label": index$1.i18n.Modal.AriaAuthorizationPageBtn[lang], className: Modal_module.default.posCenter, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsxRuntime.jsx(index$2.Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: Modal_module.default.posLeft, children: header.title })), header?.isClosable && (jsxRuntime.jsx("button", { className: Modal_module.default.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
17
17
|
if (setIsOpen) {
|
|
18
18
|
setIsOpen(!isOpen);
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","styles","_jsxs","joinClasses","i18n","Icons","Typography","Button"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["Overlay","_jsx","styles","_jsxs","joinClasses","i18n","Icons","Typography","Button"],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const IdentityModal = ({ children, goBackService, handleLangChange, isMain, lang
|
|
|
14
14
|
primary: { owner: "IdentityModal", route: "/" },
|
|
15
15
|
secondary: { owner: "IdentityModal", route: "/identity/main" },
|
|
16
16
|
};
|
|
17
|
-
return (jsxRuntime.jsxs("div", { className: IdentityModal_module.default.overlayModalFix, "data-testid": "IdentityModule_OVERLAY", children: [jsxRuntime.jsx(index.BaseComponents.Modal, { variant: "small", isWithOverlay: false, lang: "ru", header: isMain
|
|
17
|
+
return (jsxRuntime.jsxs("div", { className: IdentityModal_module.default.overlayModalFix, "data-testid": "IdentityModule_OVERLAY", children: [jsxRuntime.jsx(index.BaseComponents.Modal, { variant: "small", isWithOverlay: false, lang: "ru", isAnimated: false, header: isMain
|
|
18
18
|
? undefined
|
|
19
19
|
: {
|
|
20
20
|
goIdentityMain: navigator(goMainClosure.secondary),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","styles","_jsx","BaseComponents","IdentityHeader","languageList","joinClasses"],"mappings":";;;;;;;;;;AAgBO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAS,GACW,KAAI;AACxB,IAAA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAC3B,IAAA,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,4BAAM,CAAC,eAAe,EAAA,aAAA,EACrB,wBAAwB,EAAA,QAAA,EAAA,CAEpCC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,KAAK,EACpB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;qBAC7B,EAEP,eAAe,EAAE,KAAK,EAAA,QAAA,EAEtBD,wBAAK,SAAS,EAAED,4BAAM,CAAC,QAAQ,iBAAc,0BAA0B,EAAA,QAAA,EACrED,yBACE,SAAS,EAAEC,4BAAM,CAAC,SAAS,iBACf,2BAA2B,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,eAACE,sBAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,GACV,CACH,EACA,QAAQ,CAAA,EAAA,CACL,EAAA,CACF,GACe,EACtB,gBAAgB,KACfF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,4BAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,QAAA,EAElCI,mBAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,MACtCH,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,6BAA6B,QAAQ,CAAA,CAAE,EAEpD,SAAS,EAAEI,uBAAW,CACpBL,4BAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;0BACTA,4BAAM,CAAC;AACT,0BAAEA,4BAAM,CAAC,mBAAmB,CAC/B,gBACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,MAAK;wBACZ,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,oBAAA,CAAC,EAAA,QAAA,EAEDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CACH,EAAA,EAnBvB,QAAQ,CAoBN,CACV,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","styles","_jsx","BaseComponents","IdentityHeader","languageList","joinClasses"],"mappings":";;;;;;;;;;AAgBO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAS,GACW,KAAI;AACxB,IAAA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAC3B,IAAA,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;AAED,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,4BAAM,CAAC,eAAe,EAAA,aAAA,EACrB,wBAAwB,EAAA,QAAA,EAAA,CAEpCC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,KAAK,EACpB,IAAI,EAAC,IAAI,EACT,UAAU,EAAE,KAAK,EACjB,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;qBAC7B,EAEP,eAAe,EAAE,KAAK,EAAA,QAAA,EAEtBD,wBAAK,SAAS,EAAED,4BAAM,CAAC,QAAQ,iBAAc,0BAA0B,EAAA,QAAA,EACrED,yBACE,SAAS,EAAEC,4BAAM,CAAC,SAAS,iBACf,2BAA2B,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,eAACE,sBAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,GACV,CACH,EACA,QAAQ,CAAA,EAAA,CACL,EAAA,CACF,GACe,EACtB,gBAAgB,KACfF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,4BAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,QAAA,EAElCI,mBAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,MACtCH,cAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,6BAA6B,QAAQ,CAAA,CAAE,EAEpD,SAAS,EAAEI,uBAAW,CACpBL,4BAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;0BACTA,4BAAM,CAAC;AACT,0BAAEA,4BAAM,CAAC,mBAAmB,CAC/B,gBACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,MAAK;wBACZ,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,oBAAA,CAAC,EAAA,QAAA,EAEDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CACH,EAAA,EAnBvB,QAAQ,CAoBN,CACV,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -18,43 +18,46 @@ const shouldPreventKeyInput = (event) => {
|
|
|
18
18
|
return false;
|
|
19
19
|
return !isSingleDigit(event.key);
|
|
20
20
|
};
|
|
21
|
-
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
21
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, }) => {
|
|
22
22
|
const inputsRef = useRef([]);
|
|
23
23
|
const focusInput = (index) => {
|
|
24
24
|
setTimeout(() => {
|
|
25
|
-
inputsRef.current[index]
|
|
25
|
+
const input = inputsRef.current[index];
|
|
26
|
+
if (input) {
|
|
27
|
+
input.focus();
|
|
28
|
+
const len = input.value.length;
|
|
29
|
+
input.setSelectionRange(len, len);
|
|
30
|
+
}
|
|
26
31
|
}, 0);
|
|
27
32
|
};
|
|
28
33
|
const extractDigits = (text) => text.replaceAll(/\D/g, "");
|
|
29
|
-
const handlePaste = (startIndex, pastedText) => {
|
|
30
|
-
const digits = extractDigits(pastedText);
|
|
31
|
-
for (let i = 0; i < digits.length && startIndex + i < length; i++) {
|
|
32
|
-
const index = startIndex + i;
|
|
33
|
-
handleInputChange(index)({
|
|
34
|
-
target: { value: digits[i] },
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
const lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
|
|
38
|
-
focusInput(lastFilledIndex);
|
|
39
|
-
};
|
|
40
34
|
const handleChange = (index) => (event) => {
|
|
41
35
|
const digits = extractDigits(event.target.value);
|
|
42
|
-
if (digits.length
|
|
43
|
-
|
|
36
|
+
if (digits.length === 0) {
|
|
37
|
+
handleInputChange(index)(event);
|
|
44
38
|
return;
|
|
45
39
|
}
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
40
|
+
for (let i = 0; i < digits.length && index + i < length; i++) {
|
|
41
|
+
const digitsIndex = index + i;
|
|
42
|
+
if (index + 1 === length && code[code.length - 1] === digits[i]) {
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
handleInputChange(digitsIndex)({
|
|
46
|
+
target: { value: digits[i] },
|
|
47
|
+
});
|
|
49
48
|
}
|
|
49
|
+
const lastFilledIndex = Math.min(index + digits.length, length - 1);
|
|
50
|
+
focusInput(lastFilledIndex);
|
|
50
51
|
};
|
|
51
52
|
const handleKey = (index) => (event) => {
|
|
52
53
|
if (shouldPreventKeyInput(event)) {
|
|
53
54
|
event.preventDefault();
|
|
54
55
|
return;
|
|
55
56
|
}
|
|
56
|
-
|
|
57
|
-
if (event.key === "Backspace" &&
|
|
57
|
+
const input = inputsRef.current[index];
|
|
58
|
+
if (event.key === "Backspace" &&
|
|
59
|
+
index > 0 &&
|
|
60
|
+
input?.selectionStart === 0) {
|
|
58
61
|
focusInput(index - 1);
|
|
59
62
|
}
|
|
60
63
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n height: 24px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n grid-column: 1;\n justify-self: start;\n color: var(--text-primary);\n white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n grid-column: 2;\n justify-self: center;\n margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n grid-column: 3;\n justify-self: end;\n width: 20px;\n height: 20px;\n}\n";
|
|
2
|
-
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
|
|
1
|
+
var css_248z = ".Modal-module_contentWrap__k38CL {\n background: var(--page-color-background-white);\n border-radius: 16px;\n animation: Modal-module_flyDown__8XGLa 1s;\n display: flex;\n flex-direction: column;\n margin: auto 0;\n}\n\n.Modal-module_noAnimation__zLFbp {\n animation: none;\n}\n\n.Modal-module_contentWrapHeight__LFoO- {\n max-height: calc(100% - 64px);\n}\n\n@media (min-width: 768px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(598px, 70vw, 749px);\n }\n}\n\n@media (min-width: 1024px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(749px, 70vw, 1052px);\n }\n}\n\n@media (min-width: 1280px) {\n .Modal-module_largeVariant__tnPGL {\n width: clamp(1052px, 70vw, 100%);\n }\n}\n\n@media (min-width: 1440px) {\n .Modal-module_contentWrap__k38CL {\n margin: auto 194px;\n width: 100%;\n }\n}\n\n.Modal-module_smallVariant__eHFMv {\n width: 400px;\n}\n\n@keyframes Modal-module_flyDown__8XGLa {\n from {\n transform: translateY(-1000px);\n opacity: 0.1;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Modal-module_contentBody__ko2lN {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n}\n\n.Modal-module_wrapper__K3Tg6 {\n padding: 16px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.Modal-module_fixModal__cKNyu {\n padding: 32px 0px;\n overflow-y: auto;\n align-items: flex-start;\n}\n\n.Modal-module_contentHeader__XyuVc {\n height: 24px;\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n align-items: center;\n padding: 12px 16px;\n}\n\n.Modal-module_posLeft__BCx1t {\n grid-column: 1;\n justify-self: start;\n color: var(--text-primary);\n white-space: nowrap;\n}\n\n.Modal-module_posCenter__nOtOA {\n grid-column: 2;\n justify-self: center;\n margin-bottom: -8px;\n}\n\n.Modal-module_posRight__2aSmX {\n grid-column: 3;\n justify-self: end;\n width: 20px;\n height: 20px;\n}\n";
|
|
2
|
+
var styles = {"contentWrap":"Modal-module_contentWrap__k38CL","flyDown":"Modal-module_flyDown__8XGLa","noAnimation":"Modal-module_noAnimation__zLFbp","contentWrapHeight":"Modal-module_contentWrapHeight__LFoO-","largeVariant":"Modal-module_largeVariant__tnPGL","smallVariant":"Modal-module_smallVariant__eHFMv","contentBody":"Modal-module_contentBody__ko2lN","wrapper":"Modal-module_wrapper__K3Tg6","fixModal":"Modal-module_fixModal__cKNyu","contentHeader":"Modal-module_contentHeader__XyuVc","posLeft":"Modal-module_posLeft__BCx1t","posCenter":"Modal-module_posCenter__nOtOA","posRight":"Modal-module_posRight__2aSmX"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -7,11 +7,11 @@ import { Overlay } from '../Overlay/index.js';
|
|
|
7
7
|
import { Typography } from '../Typography/index.js';
|
|
8
8
|
import styles from './Modal.module.css.js';
|
|
9
9
|
|
|
10
|
-
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
10
|
+
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, isAnimated = true, footerButtons = [], }) => {
|
|
11
11
|
const Wrapper = isWithOverlay
|
|
12
12
|
? Overlay
|
|
13
13
|
: (props) => jsx("div", { ...props });
|
|
14
|
-
return (jsx(Wrapper, { className: isContentScroll ? undefined : styles.fixModal, children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`]), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header?.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.posCenter, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.posLeft, children: header.title })), header?.isClosable && (jsx("button", { className: styles.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
14
|
+
return (jsx(Wrapper, { className: isContentScroll ? undefined : styles.fixModal, children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, isContentScroll && styles.contentWrapHeight, styles[`${variant}Variant`], !isAnimated && styles.noAnimation), children: [header && (jsxs("div", { "data-testid": "Modal_HEADER", className: styles.contentHeader, children: [header?.goBackService && (jsx("button", { "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.posLeft, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px", "data-testid": "ModalChevronLeft_ICON" }) })), header?.goIdentityMain && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.posCenter, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px", "data-testid": "ModalEgov_ICON" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.posLeft, children: header.title })), header?.isClosable && (jsx("button", { className: styles.posRight, type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
15
15
|
if (setIsOpen) {
|
|
16
16
|
setIsOpen(!isOpen);
|
|
17
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const IdentityModal = ({ children, goBackService, handleLangChange, isMain, lang
|
|
|
12
12
|
primary: { owner: "IdentityModal", route: "/" },
|
|
13
13
|
secondary: { owner: "IdentityModal", route: "/identity/main" },
|
|
14
14
|
};
|
|
15
|
-
return (jsxs("div", { className: styles.overlayModalFix, "data-testid": "IdentityModule_OVERLAY", children: [jsx(BaseComponents.Modal, { variant: "small", isWithOverlay: false, lang: "ru", header: isMain
|
|
15
|
+
return (jsxs("div", { className: styles.overlayModalFix, "data-testid": "IdentityModule_OVERLAY", children: [jsx(BaseComponents.Modal, { variant: "small", isWithOverlay: false, lang: "ru", isAnimated: false, header: isMain
|
|
16
16
|
? undefined
|
|
17
17
|
: {
|
|
18
18
|
goIdentityMain: navigator(goMainClosure.secondary),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAgBO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAS,GACW,KAAI;AACxB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,aAAA,EACrB,wBAAwB,EAAA,QAAA,EAAA,CAEpCC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,KAAK,EACpB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;qBAC7B,EAEP,eAAe,EAAE,KAAK,EAAA,QAAA,EAEtBA,aAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,iBAAc,0BAA0B,EAAA,QAAA,EACrED,cACE,SAAS,EAAE,MAAM,CAAC,SAAS,iBACf,2BAA2B,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,IAAC,cAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,GACV,CACH,EACA,QAAQ,CAAA,EAAA,CACL,EAAA,CACF,GACe,EACtB,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,QAAA,EAElC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,MACtCA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,6BAA6B,QAAQ,CAAA,CAAE,EAEpD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;0BACT,MAAM,CAAC;AACT,0BAAE,MAAM,CAAC,mBAAmB,CAC/B,gBACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,MAAK;wBACZ,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,oBAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CACH,EAAA,EAnBvB,QAAQ,CAoBN,CACV,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAgBO,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,MAAM,EACN,IAAI,EACJ,SAAS,GACW,KAAI;AACxB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;QAC/C,SAAS,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,gBAAgB,EAAE;KAC/D;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,EAAA,aAAA,EACrB,wBAAwB,EAAA,QAAA,EAAA,CAEpCC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,KAAK,EACpB,IAAI,EAAC,IAAI,EACT,UAAU,EAAE,KAAK,EACjB,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;AACE,wBAAA,cAAc,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC;AAClD,wBAAA,aAAa,EAAE,aAAa;qBAC7B,EAEP,eAAe,EAAE,KAAK,EAAA,QAAA,EAEtBA,aAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,iBAAc,0BAA0B,EAAA,QAAA,EACrED,cACE,SAAS,EAAE,MAAM,CAAC,SAAS,iBACf,2BAA2B,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,IAAC,cAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,GACV,CACH,EACA,QAAQ,CAAA,EAAA,CACL,EAAA,CACF,GACe,EACtB,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,QAAA,EAElC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,MACtCA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,6BAA6B,QAAQ,CAAA,CAAE,EAEpD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;0BACT,MAAM,CAAC;AACT,0BAAE,MAAM,CAAC,mBAAmB,CAC/B,gBACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,MAAK;wBACZ,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,oBAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,CAAA,sBAAA,EAAyB,QAAQ,CAAA,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CACH,EAAA,EAnBvB,QAAQ,CAoBN,CACV,CAAC,EAAA,CACE,CACP,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -9,7 +9,6 @@ interface IInputFieldGroupProps {
|
|
|
9
9
|
hintText?: string;
|
|
10
10
|
isError?: boolean;
|
|
11
11
|
handleInputChange: (index: number) => (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
|
-
handleKeyDown?: (index: number) => (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
export type { IInputFieldGroupProps };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -51,10 +51,10 @@ declare const SystemDesign: {
|
|
|
51
51
|
Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
52
52
|
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
53
53
|
InputField: React.ForwardRefExoticComponent<IInputFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
54
|
-
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange,
|
|
54
|
+
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange, }: IInputFieldGroupProps) => react_jsx_runtime.JSX.Element;
|
|
55
55
|
Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
|
|
56
56
|
Loader: () => react_jsx_runtime.JSX.Element;
|
|
57
|
-
Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, footerButtons, }: IModalProps) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, isAnimated, footerButtons, }: IModalProps) => react_jsx_runtime.JSX.Element;
|
|
58
58
|
Overlay: ({ children, className }: IOverlayProps) => react_jsx_runtime.JSX.Element;
|
|
59
59
|
RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
60
60
|
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|