@egov3/system-design 1.3.100 → 1.3.101
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/README.md +12 -0
- package/dist/cjs/baseComponents/BaseField/index.js +11 -11
- package/dist/cjs/baseComponents/BaseField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputField/index.js +2 -2
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputFieldGroup/index.js +3 -3
- 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 +6 -6
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/baseComponents/TextareaField/index.js +2 -2
- package/dist/cjs/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/cjs/components/ErrorModal/index.js +2 -2
- package/dist/cjs/components/ErrorModal/index.js.map +1 -1
- package/dist/cjs/components/Identity/IdentityHeader/IdentityHeader.module.css.js +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/cjs/components/Messages/MsgBody/MsgBody.module.css.js +1 -1
- package/dist/cjs/components/Presale/ServiceDetails/index.js +1 -1
- package/dist/cjs/components/Presale/ServiceDetails/index.js.map +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js.map +1 -1
- package/dist/esm/baseComponents/BaseField/index.js +11 -11
- package/dist/esm/baseComponents/BaseField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputField/index.js +2 -2
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/index.js +3 -3
- 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 +6 -6
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/baseComponents/TextareaField/index.js +2 -2
- package/dist/esm/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/esm/components/ErrorModal/index.js +2 -2
- package/dist/esm/components/ErrorModal/index.js.map +1 -1
- package/dist/esm/components/Identity/IdentityHeader/IdentityHeader.module.css.js +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/esm/components/Messages/MsgBody/MsgBody.module.css.js +1 -1
- package/dist/esm/components/Presale/ServiceDetails/index.js +1 -1
- package/dist/esm/components/Presale/ServiceDetails/index.js.map +1 -1
- package/dist/esm/components/Profile/DocCard/index.js +1 -1
- package/dist/esm/components/Profile/DocCard/index.js.map +1 -1
- package/dist/types/baseComponents/InputField/index.d.ts +3 -3
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +3 -3
- package/dist/types/baseComponents/Modal/index.d.ts +4 -4
- package/dist/types/baseComponents/TextareaField/index.d.ts +3 -3
- package/dist/types/components/ErrorModal/index.d.ts +1 -1
- package/dist/types/index.d.ts +3 -3
- package/package.json +7 -2
package/README.md
CHANGED
|
@@ -7,18 +7,18 @@ var joinClasses = require('../../utils/joinClasses.js');
|
|
|
7
7
|
var typography_module = require('../../styles/typography.module.css.js');
|
|
8
8
|
var BaseField_module = require('./BaseField.module.css.js');
|
|
9
9
|
|
|
10
|
-
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id,
|
|
10
|
+
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id, isFocused: controlledFocused, setIsFocused, onChange, dataTestid = "BaseField_MAIN", hintText, isError, children, }, ref) => {
|
|
11
11
|
const [localFocused, setLocalFocused] = React.useState(false);
|
|
12
|
-
const
|
|
13
|
-
const isLabelShown = !!labelText && (
|
|
14
|
-
const isLabelPlaceholderShown = !!labelText && !
|
|
12
|
+
const isFocused = controlledFocused ?? localFocused;
|
|
13
|
+
const isLabelShown = !!labelText && (isFocused || value.length > 0);
|
|
14
|
+
const isLabelPlaceholderShown = !!labelText && !isFocused && value.length === 0;
|
|
15
15
|
const handleFocus = () => {
|
|
16
16
|
setLocalFocused(true);
|
|
17
|
-
|
|
17
|
+
setIsFocused?.(true);
|
|
18
18
|
};
|
|
19
19
|
const handleBlur = () => {
|
|
20
20
|
setLocalFocused(false);
|
|
21
|
-
|
|
21
|
+
setIsFocused?.(false);
|
|
22
22
|
};
|
|
23
23
|
const handleChange = (event) => {
|
|
24
24
|
onChange?.(event);
|
|
@@ -31,14 +31,14 @@ const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, cla
|
|
|
31
31
|
};
|
|
32
32
|
onChange(event);
|
|
33
33
|
};
|
|
34
|
-
return (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BaseField_module.default.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxRuntime.jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses.joinClasses(BaseField_module.default.inputContainer,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
return (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BaseField_module.default.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxRuntime.jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses.joinClasses(BaseField_module.default.inputContainer, isFocused && BaseField_module.default["input--onfocus"], isLabelShown ? BaseField_module.default.labelPadding : BaseField_module.default.placeholderPadding, typography_module.default.body2Regular), children: [jsxRuntime.jsxs("div", { className: BaseField_module.default.inputContainerLabeled, "data-testid": `${dataTestid}_INPUT_CONTAINER_LABELED`, children: [isLabelShown && (jsxRuntime.jsx("label", { htmlFor: id, className: joinClasses.joinClasses(typography_module.default.caption1Regular, isError && BaseField_module.default.error), children: labelText })), jsxRuntime.jsxs("div", { className: BaseField_module.default.inputContainerIcon, "data-testid": `${dataTestid}_INPUT_CONTAINER_ICON`, children: [inputLeftIcon, children({
|
|
35
|
+
isFocused,
|
|
36
|
+
isShowLabel: isLabelShown,
|
|
37
|
+
isShowPlaceholder: isLabelPlaceholderShown,
|
|
38
38
|
handleFocus,
|
|
39
39
|
handleBlur,
|
|
40
40
|
handleChange,
|
|
41
|
-
})] })] }), isClearable && value && (jsxRuntime.jsx(graphics.Icons.General.Clear, { className: BaseField_module.default.clearIcon, onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsxRuntime.jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses.joinClasses(BaseField_module.default.hintText, typography_module.default.body2Regular,
|
|
41
|
+
})] })] }), isFocused && isClearable && value && (jsxRuntime.jsx(graphics.Icons.General.Clear, { className: BaseField_module.default.clearIcon, onMouseDown: (e) => e.preventDefault(), onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsxRuntime.jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses.joinClasses(BaseField_module.default.hintText, typography_module.default.body2Regular, isError && BaseField_module.default.error), children: hintText }))] }));
|
|
42
42
|
};
|
|
43
43
|
const BaseField = React.forwardRef(BaseFieldInner);
|
|
44
44
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","joinClasses","styles","typography","_jsx","Icons","forwardRef"],"mappings":";;;;;;;;;AAqCA,MAAM,cAAc,GAAG,CACrB,EACE,KAAK,GAAG,EAAE,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,KAAK,EACL,EAAE,EACF,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","joinClasses","styles","typography","_jsx","Icons","forwardRef"],"mappings":"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"}
|
|
@@ -7,14 +7,14 @@ var index = require('../BaseField/index.js');
|
|
|
7
7
|
var BaseField_module = require('../BaseField/BaseField.module.css.js');
|
|
8
8
|
|
|
9
9
|
const InputField = React.forwardRef((props, ref) => {
|
|
10
|
-
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default",
|
|
10
|
+
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default", isFocused, setIsFocused, isClearable, inputLeftIcon, isError, hintText, ...htmlProps } = props;
|
|
11
11
|
const handleKeyDown = (event) => {
|
|
12
12
|
onKeyDown?.(event);
|
|
13
13
|
if (event.key === "Enter") {
|
|
14
14
|
props.onEnterPress?.(event);
|
|
15
15
|
}
|
|
16
16
|
};
|
|
17
|
-
return (jsxRuntime.jsx(index.BaseField, { ...props, onChange: onChange, value: value,
|
|
17
|
+
return (jsxRuntime.jsx(index.BaseField, { ...props, onChange: onChange, value: value, isFocused: isFocused, setIsFocused: setIsFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, isError: isError, hintText: hintText, children: ({ handleFocus, handleBlur, isShowPlaceholder, handleChange }) => (jsxRuntime.jsx("input", { "data-testid": "InputField_INPUT", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: isShowPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => {
|
|
18
18
|
handleChange(e);
|
|
19
19
|
}, className: joinClasses.joinClasses(BaseField_module.default.input, variant === "code" && BaseField_module.default.code, htmlProps.className) })) }));
|
|
20
20
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","BaseField","joinClasses","styles"],"mappings":";;;;;;;;AA8BO,MAAM,UAAU,GAAGA,gBAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","BaseField","joinClasses","styles"],"mappings":";;;;;;;;AA8BO,MAAM,UAAU,GAAGA,gBAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,MAAM,aAAa,GAAG,CAAC,KAA4C,KAAI;AACrE,QAAA,SAAS,GAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;IAED,QACEC,eAACC,eAAS,EAAA,EAAA,GACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAC5DD,cAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,GAAG,SAAS,GAAG,EAAE,EAC/C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;gBACd,YAAY,CAAC,CAAC,CAAC;YACjB,CAAC,EACD,SAAS,EAAEE,uBAAW,CACpBC,wBAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAIA,wBAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CACD,CACH,EAAA,CACS;AAEhB,CAAC;;;;"}
|
|
@@ -20,7 +20,7 @@ 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,
|
|
23
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, handleKeyDown, }) => {
|
|
24
24
|
const inputsRef = React.useRef([]);
|
|
25
25
|
const focusInput = (index) => {
|
|
26
26
|
setTimeout(() => {
|
|
@@ -64,8 +64,8 @@ const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid":
|
|
|
64
64
|
const fieldId = `inputCode_${index$1}`;
|
|
65
65
|
return (jsxRuntime.jsx(index.InputField, { "data-testid": `${dataTestid}_INPUT_FIELD_${index$1}`, ref: (el) => {
|
|
66
66
|
inputsRef.current[index$1] = el;
|
|
67
|
-
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index$1] || "", "aria-label": ariaLabel,
|
|
68
|
-
}) }), hintText && hintText.length > 0 && (jsxRuntime.jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses.joinClasses(InputFieldGroup_module.default.hintText, typography_module.default.body2Regular,
|
|
67
|
+
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index$1] || "", "aria-label": ariaLabel, isFocused: isFocused, setIsFocused: setIsFocused, onChange: handleChange(index$1), onKeyDown: handleKey(index$1), className: InputFieldGroup_module.default.input }, fieldId));
|
|
68
|
+
}) }), hintText && hintText.length > 0 && (jsxRuntime.jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses.joinClasses(InputFieldGroup_module.default.hintText, typography_module.default.body2Regular, isError && InputFieldGroup_module.default.error), children: hintText }))] }));
|
|
69
69
|
};
|
|
70
70
|
|
|
71
71
|
exports.InputFieldGroup = InputFieldGroup;
|
|
@@ -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":";;;;;;;;;AAyBA,MAAM,oBAAoB,GAAG,CAAC,KAAsC,KAAI;IACtE,OAAO,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;AACvD,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,GAAW,KAAI;AACpC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAsC,KAAI;IACvE,IAAI,oBAAoB,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAC7C,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AACxC,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;AAClC,CAAC;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,GAAG,yBAAyB,EACrD,SAAS,EACT,
|
|
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
|
|
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","
|
|
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"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -9,15 +9,15 @@ 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,
|
|
13
|
-
const Wrapper =
|
|
12
|
+
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
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.
|
|
17
|
-
if (
|
|
18
|
-
|
|
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: () => {
|
|
17
|
+
if (setIsOpen) {
|
|
18
|
+
setIsOpen(!isOpen);
|
|
19
19
|
}
|
|
20
|
-
}, children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "ModalClose_ICON"
|
|
20
|
+
}, children: jsxRuntime.jsx(graphics.Icons.General.Close, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsxRuntime.jsx("div", { className: isContentScroll ? Modal_module.default.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsxRuntime.jsx("div", { className: Modal_module.default.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsxRuntime.jsx(index$3.Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", children: item.text }, item.text))) }))] }) }));
|
|
21
21
|
};
|
|
22
22
|
|
|
23
23
|
exports.Modal = Modal;
|
|
@@ -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":";;;;;;;;;;;AAmCO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,
|
|
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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"}
|
|
@@ -7,14 +7,14 @@ var index = require('../BaseField/index.js');
|
|
|
7
7
|
var BaseField_module = require('../BaseField/BaseField.module.css.js');
|
|
8
8
|
|
|
9
9
|
const TextareaField = React.forwardRef((props, ref) => {
|
|
10
|
-
const { id, labelText, value, readOnly, onChange, variant = "default",
|
|
10
|
+
const { id, labelText, value, readOnly, onChange, variant = "default", isFocused, setIsFocused, isClearable, inputLeftIcon, hintText, isError, ...htmlProps } = props;
|
|
11
11
|
const handleAutoResize = (event) => {
|
|
12
12
|
const textarea = event.currentTarget;
|
|
13
13
|
textarea.style.height = "24px";
|
|
14
14
|
textarea.style.height = `${textarea.scrollHeight}px`;
|
|
15
15
|
onChange?.(event);
|
|
16
16
|
};
|
|
17
|
-
return (jsxRuntime.jsx(index.BaseField, { ...props, onChange: onChange, value: value,
|
|
17
|
+
return (jsxRuntime.jsx(index.BaseField, { ...props, onChange: onChange, value: value, isFocused: isFocused, setIsFocused: setIsFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, hintText: hintText, isError: isError, children: ({ handleFocus, handleBlur, isShowPlaceholder, handleChange }) => (jsxRuntime.jsx("textarea", { "data-testid": "TextAreaField_TEXTAREA", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: isShowPlaceholder ? labelText : "", onInput: handleAutoResize, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, className: joinClasses.joinClasses(BaseField_module.default.input, variant === "code" && BaseField_module.default.code) })) }));
|
|
18
18
|
});
|
|
19
19
|
|
|
20
20
|
exports.TextareaField = TextareaField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","BaseField","joinClasses","styles"],"mappings":";;;;;;;;AA4BO,MAAM,aAAa,GAAGA,gBAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","BaseField","joinClasses","styles"],"mappings":";;;;;;;;AA4BO,MAAM,aAAa,GAAGA,gBAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA6C,KAAI;AACzE,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa;AACpC,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,CAAA,EAAA,CAAI;AACpD,QAAA,QAAQ,GAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,QACEC,cAAA,CAACC,eAAS,EAAA,EAAA,GACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,QAAA,EAEf,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAC5DD,cAAA,CAAA,UAAA,EAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,GAAG,SAAS,GAAG,EAAE,EAC/C,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAEE,uBAAW,CACpBC,wBAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAIA,wBAAM,CAAC,IAAI,CAClC,EAAA,CACD,CACH,EAAA,CACS;AAEhB,CAAC;;;;"}
|
|
@@ -6,11 +6,11 @@ var index = require('../../baseComponents/index.js');
|
|
|
6
6
|
var index$1 = require('../../constants/i18n/index.js');
|
|
7
7
|
var ErrorModal_module = require('./ErrorModal.module.css.js');
|
|
8
8
|
|
|
9
|
-
const ErrorModal = ({ status, message, lang,
|
|
9
|
+
const ErrorModal = ({ status, message, lang, isOpen, onClose, onAuthAction, }) => {
|
|
10
10
|
const isAuthError = status === 401;
|
|
11
11
|
const langDic = index$1.i18n.ErrorModal;
|
|
12
12
|
const langDicMsg = message ?? (isAuthError ? langDic.NotAuthorizedMessage[lang] : "");
|
|
13
|
-
return (jsxRuntime.jsx(index.BaseComponents.Modal, {
|
|
13
|
+
return (jsxRuntime.jsx(index.BaseComponents.Modal, { isOpen: isOpen, setIsOpen: onClose, variant: "small", lang: lang, isContentScroll: false, children: jsxRuntime.jsxs("div", { className: ErrorModal_module.default.wrapper, "data-testid": "ErrorModal_WRAPPER", children: [jsxRuntime.jsxs("div", { className: ErrorModal_module.default.headerWrapper, "data-testid": "ErrorModal_HEADER", children: [jsxRuntime.jsx("span", { className: ErrorModal_module.default.iconEgov, "data-testid": "ErrorModal_LOGO", children: jsxRuntime.jsx(graphics.Icons.Logo.Egov, { width: "70px", height: "24px", viewBox: "0 0 70 24" }) }), jsxRuntime.jsx("button", { type: "button", onClick: onClose, className: ErrorModal_module.default.actionButton, "data-testid": "ErrorModal_CLOSE_BTN", "aria-label": langDic.CloseModalButton[lang], children: jsxRuntime.jsx(graphics.Icons.General.Close, { width: "16px", height: "16px" }) })] }), jsxRuntime.jsxs("div", { className: ErrorModal_module.default.bodyWrapper, "data-testid": "ErrorModal_BODY", children: [isAuthError ? (jsxRuntime.jsx(graphics.Graphics.Illustrations.Verification, { "data-testid": "ErrorModal_ICON_AUTH" })) : (jsxRuntime.jsx(graphics.Graphics.Illustrations.InternetNotAvailable, { "data-testid": "ErrorModal_ICON_COMMON" })), jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "heading3", "data-testid": "ErrorModal_TITLE", "aria-label": langDic.Title[lang], children: langDic.Title[lang] }), langDicMsg.length > 0 && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: ErrorModal_module.default.message, "data-testid": "ErrorModal_MESSAGE", "aria-label": langDicMsg, children: langDicMsg })), isAuthError && onAuthAction && (jsxRuntime.jsx(index.BaseComponents.Button, { className: ErrorModal_module.default.actionBtn, size: "large", "data-testid": "ErrorModal_AUTH_BTN", "aria-label": langDic.AuthButton[lang], onClick: onAuthAction, children: langDic.AuthButton[lang] }))] })] }) }));
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
exports.ErrorModal = ErrorModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/ErrorModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","BaseComponents","_jsxs","styles","Icons","Graphics"],"mappings":";;;;;;;;AAcO,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,OAAO,EACP,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/ErrorModal/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","BaseComponents","_jsxs","styles","Icons","Graphics"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".IdentityHeader-
|
|
5
|
+
var css_248z = ".IdentityHeader-module_mainIconJustify__oteQ- {\n margin-bottom: -20px;\n}\n";
|
|
6
6
|
var styles = {"mainIconJustify":"IdentityHeader-module_mainIconJustify__oteQ-"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -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",
|
|
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
|
|
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,
|
|
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;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".MsgBody-
|
|
5
|
+
var css_248z = ".MsgBody-module_chatMsgText__UuAOV {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.MsgBody-module_chatMsgText__UuAOV > svg {\n width: 20px;\n height: 20px;\n}\n\n.MsgBody-module_chatMsgText-inProgress__v--qN {\n color: var(--text-accent);\n}\n\n.MsgBody-module_chatMsgText-inProgress__v--qN > svg > :first-child {\n fill: var(--icon-accent-color);\n}\n\n.MsgBody-module_chatMsgText-success__On-DL {\n color: var(--text-success);\n}\n\n.MsgBody-module_chatMsgText-success__On-DL > svg > :first-child {\n fill: var(--icon-success);\n}\n\n.MsgBody-module_chatMsgText-info__it4EW {\n color: var(--text-secondary);\n}\n\n.MsgBody-module_chatMsgText-info__it4EW > svg > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.MsgBody-module_chatMsgText-error__L6akn {\n color: var(--text-error);\n}\n\n.MsgBody-module_chatMsgText-error__L6akn > svg > :first-child {\n fill: var(--icon-error-color);\n}\n\n.MsgBody-module_titleWrapper__e5iOa {\n display: flex;\n padding: 8px 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n align-self: stretch;\n border-radius: 8px;\n background: var(--surface-surface-1);\n border-left: 4px solid var(--leaf);\n}\n\n.MsgBody-module_titleCategory__bRepm {\n color: var(--text-secondary);\n}\n\n.MsgBody-module_title__Gjwyd {\n color: var(--text-primary);\n}\n\n.MsgBody-module_msgBodyWrapper__dLsuv {\n min-width: 360px;\n display: flex;\n padding: 12px 12px 20px 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n position: relative;\n\n border-radius: 16px 16px 16px 4px;\n background: var(--surface-surface-2);\n}\n\n.MsgBody-module_chatMsgDate__qf7w5 {\n position: absolute;\n bottom: 4.08px;\n right: 12px;\n color: var(--text-secondary);\n}\n\n.MsgBody-module_readMoreBtn__-K6d2 {\n width: 100%;\n}\n\n.MsgBody-module_descriptionWrapper__sFOe2 {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n}\n";
|
|
6
6
|
var styles = {"chatMsgText":"MsgBody-module_chatMsgText__UuAOV","chatMsgText-inProgress":"MsgBody-module_chatMsgText-inProgress__v--qN","chatMsgText-success":"MsgBody-module_chatMsgText-success__On-DL","chatMsgText-info":"MsgBody-module_chatMsgText-info__it4EW","chatMsgText-error":"MsgBody-module_chatMsgText-error__L6akn","titleWrapper":"MsgBody-module_titleWrapper__e5iOa","titleCategory":"MsgBody-module_titleCategory__bRepm","title":"MsgBody-module_title__Gjwyd","msgBodyWrapper":"MsgBody-module_msgBodyWrapper__dLsuv","chatMsgDate":"MsgBody-module_chatMsgDate__qf7w5","readMoreBtn":"MsgBody-module_readMoreBtn__-K6d2","descriptionWrapper":"MsgBody-module_descriptionWrapper__sFOe2"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -12,7 +12,7 @@ const ServiceDetails = ({ passportDetails, servicesDetails, lang, }) => {
|
|
|
12
12
|
const langDic = index$1.i18n.Common;
|
|
13
13
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: ServiceDetails_module.default.accordionBody, "data-testid": "ServiceDetails_BODY", children: servicesDetails.map((item) => (jsxRuntime.jsxs("div", { className: ServiceDetails_module.default.serviceDetailsItem, "data-testid": "ServiceDetails_ITEM", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item.title[lang], className: ServiceDetails_module.default.itemTitle, "data-testid": "ServiceDetails_TITLE", fontClass: "caption1Regular", tag: "span", children: item.title[lang] }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item.description[lang], className: ServiceDetails_module.default.itemDescription, "data-testid": "ServiceDetails_DESCRIPTION", fontClass: "body2Regular", tag: "span", children: item.description[lang] })] }, item.title[lang]))) }), jsxRuntime.jsxs("div", { className: ServiceDetails_module.default.AccordionFooter, "data-testid": "ServiceDetails_FOOTER", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": langDic.informError[lang], className: ServiceDetails_module.default.informError, "data-testid": "ServiceDetails_ERROR", fontClass: "caption1Regular", tag: "p", children: langDic.informError[lang] }), jsxRuntime.jsx(index.BaseComponents.Button, { className: ServiceDetails_module.default.errorBtn, "data-testid": "ServiceDetailsError_BUTTON", size: "small", variant: "secondary", children: jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": langDic.informErrorBtn[lang], "data-testid": "ServiceDetailsErrorBtn_WRAP", fontClass: "caption1Medium", tag: "span", children: langDic.informErrorBtn[lang] }) }), jsxRuntime.jsx(index.BaseComponents.Button, { "aria-label": langDic.passportBtnText[lang], "data-testid": "ShowPassport_BTN", onClick: () => {
|
|
14
14
|
setIsShowPassport(!isShowPassport);
|
|
15
|
-
}, size: "small", variant: "tinted", className: ServiceDetails_module.default.showPassportBtn, children: jsxRuntime.jsx(index.BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsxRuntime.jsx(index.BaseComponents.Modal, {
|
|
15
|
+
}, size: "small", variant: "tinted", className: ServiceDetails_module.default.showPassportBtn, children: jsxRuntime.jsx(index.BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsxRuntime.jsx(index.BaseComponents.Modal, { isOpen: isShowPassport, setIsOpen: setIsShowPassport, header: {
|
|
16
16
|
title: langDic.passportBtnText[lang],
|
|
17
17
|
isClosable: true,
|
|
18
18
|
}, lang: lang, variant: "small", children: jsxRuntime.jsx(index$2.PassportDetails, { details: passportDetails, lang: lang }) }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","_jsx","styles","BaseComponents","PassportDetails"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","_jsx","styles","BaseComponents","PassportDetails"],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const DocCard = ({ title, docIcon, expiration, children, lang, handleDownload, }
|
|
|
11
11
|
const langDic = index$1.i18n.DocCard;
|
|
12
12
|
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("button", { type: "button", "data-testid": "DocCard_BUTTON", onClick: () => {
|
|
13
13
|
setIsModalOpen(!isModalOpen);
|
|
14
|
-
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, {
|
|
14
|
+
}, className: DocCard_module.default.container, "aria-label": title, children: [jsxRuntime.jsx("div", { "data-testid": "DocCard_CARD", className: DocCard_module.default.card, children: jsxRuntime.jsx("div", { "data-testid": "DocCard_DOCUMENT", className: DocCard_module.default.document, children: docIcon }) }), jsxRuntime.jsxs("div", { "data-testid": "DocCard_TEXT", className: DocCard_module.default.text, children: [jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: DocCard_module.default.title, children: title }), expiration && (jsxRuntime.jsx(index.BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: DocCard_module.default.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsxRuntime.jsx(index.BaseComponents.Modal, { isOpen: isModalOpen, setIsOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang, footerButtons: [
|
|
15
15
|
{
|
|
16
16
|
text: langDic.downloadButton[lang],
|
|
17
17
|
onClick: handleDownload,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","styles","_jsx","BaseComponents"],"mappings":";;;;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAGC,YAAI,CAAC,OAAO;AAC5B,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAEE,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAED,sBAAM,CAAC,IAAI,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAED,sBAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAEF,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["useState","i18n","_jsxs","_Fragment","styles","_jsx","BaseComponents"],"mappings":";;;;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAGC,YAAI,CAAC,OAAO;AAC5B,IAAA,QACEC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACED,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAEE,sBAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAED,sBAAM,CAAC,IAAI,EAAA,QAAA,EACpDC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAED,sBAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAEE,sBAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAEF,sBAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTC,cAAA,CAACC,oBAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAEF,sBAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVC,cAAA,CAACC,oBAAc,CAAC,KAAK,EAAA,EACnB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;AACb,oBAAA;AACE,wBAAA,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;AAClC,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,UAAU,EAAE,mBAAmB;AAChC,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CACY,CACxB,CAAA,EAAA,CACA;AAEP;;;;"}
|
|
@@ -5,18 +5,18 @@ import { joinClasses } from '../../utils/joinClasses.js';
|
|
|
5
5
|
import typography from '../../styles/typography.module.css.js';
|
|
6
6
|
import styles from './BaseField.module.css.js';
|
|
7
7
|
|
|
8
|
-
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id,
|
|
8
|
+
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id, isFocused: controlledFocused, setIsFocused, onChange, dataTestid = "BaseField_MAIN", hintText, isError, children, }, ref) => {
|
|
9
9
|
const [localFocused, setLocalFocused] = useState(false);
|
|
10
|
-
const
|
|
11
|
-
const isLabelShown = !!labelText && (
|
|
12
|
-
const isLabelPlaceholderShown = !!labelText && !
|
|
10
|
+
const isFocused = controlledFocused ?? localFocused;
|
|
11
|
+
const isLabelShown = !!labelText && (isFocused || value.length > 0);
|
|
12
|
+
const isLabelPlaceholderShown = !!labelText && !isFocused && value.length === 0;
|
|
13
13
|
const handleFocus = () => {
|
|
14
14
|
setLocalFocused(true);
|
|
15
|
-
|
|
15
|
+
setIsFocused?.(true);
|
|
16
16
|
};
|
|
17
17
|
const handleBlur = () => {
|
|
18
18
|
setLocalFocused(false);
|
|
19
|
-
|
|
19
|
+
setIsFocused?.(false);
|
|
20
20
|
};
|
|
21
21
|
const handleChange = (event) => {
|
|
22
22
|
onChange?.(event);
|
|
@@ -29,14 +29,14 @@ const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, cla
|
|
|
29
29
|
};
|
|
30
30
|
onChange(event);
|
|
31
31
|
};
|
|
32
|
-
return (jsxs("div", { className: joinClasses(styles.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses(styles.inputContainer,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
32
|
+
return (jsxs("div", { className: joinClasses(styles.baseFieldWrapper, className), style: style, "data-testid": dataTestid, children: [jsxs("div", { ref: ref, "data-testid": `${dataTestid}_INPUT_CONTAINER`, className: joinClasses(styles.inputContainer, isFocused && styles["input--onfocus"], isLabelShown ? styles.labelPadding : styles.placeholderPadding, typography.body2Regular), children: [jsxs("div", { className: styles.inputContainerLabeled, "data-testid": `${dataTestid}_INPUT_CONTAINER_LABELED`, children: [isLabelShown && (jsx("label", { htmlFor: id, className: joinClasses(typography.caption1Regular, isError && styles.error), children: labelText })), jsxs("div", { className: styles.inputContainerIcon, "data-testid": `${dataTestid}_INPUT_CONTAINER_ICON`, children: [inputLeftIcon, children({
|
|
33
|
+
isFocused,
|
|
34
|
+
isShowLabel: isLabelShown,
|
|
35
|
+
isShowPlaceholder: isLabelPlaceholderShown,
|
|
36
36
|
handleFocus,
|
|
37
37
|
handleBlur,
|
|
38
38
|
handleChange,
|
|
39
|
-
})] })] }), isClearable && value && (jsx(Icons.General.Clear, { className: styles.clearIcon, onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular,
|
|
39
|
+
})] })] }), isFocused && isClearable && value && (jsx(Icons.General.Clear, { className: styles.clearIcon, onMouseDown: (e) => e.preventDefault(), onClick: handleClear, "data-testid": "Icons_CLEAR" }))] }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular, isError && styles.error), children: hintText }))] }));
|
|
40
40
|
};
|
|
41
41
|
const BaseField = forwardRef(BaseFieldInner);
|
|
42
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAqCA,MAAM,cAAc,GAAG,CACrB,EACE,KAAK,GAAG,EAAE,EACV,SAAS,EACT,aAAa,EACb,WAAW,EACX,SAAS,EACT,KAAK,EACL,EAAE,EACF,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ import { BaseField } from '../BaseField/index.js';
|
|
|
5
5
|
import styles from '../BaseField/BaseField.module.css.js';
|
|
6
6
|
|
|
7
7
|
const InputField = forwardRef((props, ref) => {
|
|
8
|
-
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default",
|
|
8
|
+
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default", isFocused, setIsFocused, isClearable, inputLeftIcon, isError, hintText, ...htmlProps } = props;
|
|
9
9
|
const handleKeyDown = (event) => {
|
|
10
10
|
onKeyDown?.(event);
|
|
11
11
|
if (event.key === "Enter") {
|
|
12
12
|
props.onEnterPress?.(event);
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
return (jsx(BaseField, { ...props, onChange: onChange, value: value,
|
|
15
|
+
return (jsx(BaseField, { ...props, onChange: onChange, value: value, isFocused: isFocused, setIsFocused: setIsFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, isError: isError, hintText: hintText, children: ({ handleFocus, handleBlur, isShowPlaceholder, handleChange }) => (jsx("input", { "data-testid": "InputField_INPUT", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: isShowPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => {
|
|
16
16
|
handleChange(e);
|
|
17
17
|
}, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })) }));
|
|
18
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA8BO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA8BO,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,OAAO,EACP,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,MAAM,aAAa,GAAG,CAAC,KAA4C,KAAI;AACrE,QAAA,SAAS,GAAG,KAAK,CAAC;AAClB,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AACzB,YAAA,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC;AAC5B,QAAA;AACH,IAAA,CAAC;IAED,QACEA,IAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,YAEjB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAC5DA,GAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,GAAG,SAAS,GAAG,EAAE,EAC/C,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;gBACd,YAAY,CAAC,CAAC,CAAC;YACjB,CAAC,EACD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,EACjC,SAAS,CAAC,SAAS,CACpB,EAAA,CACD,CACH,EAAA,CACS;AAEhB,CAAC;;;;"}
|
|
@@ -18,7 +18,7 @@ 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,
|
|
21
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, isFocused, setIsFocused, hintText, isError, handleInputChange, handleKeyDown, }) => {
|
|
22
22
|
const inputsRef = useRef([]);
|
|
23
23
|
const focusInput = (index) => {
|
|
24
24
|
setTimeout(() => {
|
|
@@ -62,8 +62,8 @@ const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid":
|
|
|
62
62
|
const fieldId = `inputCode_${index}`;
|
|
63
63
|
return (jsx(InputField, { "data-testid": `${dataTestid}_INPUT_FIELD_${index}`, ref: (el) => {
|
|
64
64
|
inputsRef.current[index] = el;
|
|
65
|
-
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel,
|
|
66
|
-
}) }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular,
|
|
65
|
+
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel, isFocused: isFocused, setIsFocused: setIsFocused, onChange: handleChange(index), onKeyDown: handleKey(index), className: styles.input }, fieldId));
|
|
66
|
+
}) }), hintText && hintText.length > 0 && (jsx("span", { "data-testid": `${dataTestid}_HINT_TEXT`, className: joinClasses(styles.hintText, typography.body2Regular, isError && styles.error), children: hintText }))] }));
|
|
67
67
|
};
|
|
68
68
|
|
|
69
69
|
export { InputFieldGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAyBA,MAAM,oBAAoB,GAAG,CAAC,KAAsC,KAAI;IACtE,OAAO,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;AACvD,CAAC;AAED,MAAM,aAAa,GAAG,CAAC,GAAW,KAAI;AACpC,IAAA,OAAO,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7C,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAsC,KAAI;IACvE,IAAI,oBAAoB,CAAC,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AAC7C,IAAA,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,KAAK;AACxC,IAAA,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC;AAClC,CAAC;AAEM,MAAM,eAAe,GAAG,CAAC,EAC9B,MAAM,EACN,IAAI,EACJ,YAAY,EAAE,SAAS,EACvB,aAAa,EAAE,UAAU,GAAG,yBAAyB,EACrD,SAAS,EACT,
|
|
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
|
|
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","
|
|
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"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -7,15 +7,15 @@ 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,
|
|
11
|
-
const Wrapper =
|
|
10
|
+
const Modal = ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay = true, isContentScroll = true, footerButtons = [], }) => {
|
|
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.
|
|
15
|
-
if (
|
|
16
|
-
|
|
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: () => {
|
|
15
|
+
if (setIsOpen) {
|
|
16
|
+
setIsOpen(!isOpen);
|
|
17
17
|
}
|
|
18
|
-
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON"
|
|
18
|
+
}, children: jsx(Icons.General.Close, { "data-testid": "ModalClose_ICON", width: 14.5, height: 14.5 }) }))] })), jsx("div", { className: isContentScroll ? styles.contentBody : undefined, "data-testid": "Modal_BODY", children: children }), footerButtons.length > 0 && (jsx("div", { className: styles.wrapper, "data-testid": "ModalFooterButton_WRAP", children: footerButtons.map((item) => (jsx(Button, { "aria-label": item.text, "data-testid": item.dataTestid, disabled: item.isDisabled, onClick: item.onClick, size: "large", children: item.text }, item.text))) }))] }) }));
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;AAmCO,MAAM,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -5,14 +5,14 @@ import { BaseField } from '../BaseField/index.js';
|
|
|
5
5
|
import styles from '../BaseField/BaseField.module.css.js';
|
|
6
6
|
|
|
7
7
|
const TextareaField = forwardRef((props, ref) => {
|
|
8
|
-
const { id, labelText, value, readOnly, onChange, variant = "default",
|
|
8
|
+
const { id, labelText, value, readOnly, onChange, variant = "default", isFocused, setIsFocused, isClearable, inputLeftIcon, hintText, isError, ...htmlProps } = props;
|
|
9
9
|
const handleAutoResize = (event) => {
|
|
10
10
|
const textarea = event.currentTarget;
|
|
11
11
|
textarea.style.height = "24px";
|
|
12
12
|
textarea.style.height = `${textarea.scrollHeight}px`;
|
|
13
13
|
onChange?.(event);
|
|
14
14
|
};
|
|
15
|
-
return (jsx(BaseField, { ...props, onChange: onChange, value: value,
|
|
15
|
+
return (jsx(BaseField, { ...props, onChange: onChange, value: value, isFocused: isFocused, setIsFocused: setIsFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, hintText: hintText, isError: isError, children: ({ handleFocus, handleBlur, isShowPlaceholder, handleChange }) => (jsx("textarea", { "data-testid": "TextAreaField_TEXTAREA", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: isShowPlaceholder ? labelText : "", onInput: handleAutoResize, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, className: joinClasses(styles.input, variant === "code" && styles.code) })) }));
|
|
16
16
|
});
|
|
17
17
|
|
|
18
18
|
export { TextareaField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA4BO,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextareaField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AA4BO,MAAM,aAAa,GAAG,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,SAAS,EACT,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,OAAO,EACP,GAAG,SAAS,EACb,GAAG,KAAK;AAET,IAAA,MAAM,gBAAgB,GAAG,CAAC,KAA6C,KAAI;AACzE,QAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa;AACpC,QAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;QAC9B,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,QAAQ,CAAC,YAAY,CAAA,EAAA,CAAI;AACpD,QAAA,QAAQ,GAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,QACEA,GAAA,CAAC,SAAS,EAAA,EAAA,GACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAAA,QAAA,EAEf,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAC5DA,GAAA,CAAA,UAAA,EAAA,EAAA,aAAA,EACc,wBAAwB,EACpC,GAAG,EAAE,GAAG,EAAA,GACJ,SAAS,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,iBAAiB,GAAG,SAAS,GAAG,EAAE,EAC/C,OAAO,EAAE,gBAAgB,EACzB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,IAAI,MAAM,CAAC,IAAI,CAClC,EAAA,CACD,CACH,EAAA,CACS;AAEhB,CAAC;;;;"}
|
|
@@ -4,11 +4,11 @@ import { BaseComponents } from '../../baseComponents/index.js';
|
|
|
4
4
|
import { i18n } from '../../constants/i18n/index.js';
|
|
5
5
|
import styles from './ErrorModal.module.css.js';
|
|
6
6
|
|
|
7
|
-
const ErrorModal = ({ status, message, lang,
|
|
7
|
+
const ErrorModal = ({ status, message, lang, isOpen, onClose, onAuthAction, }) => {
|
|
8
8
|
const isAuthError = status === 401;
|
|
9
9
|
const langDic = i18n.ErrorModal;
|
|
10
10
|
const langDicMsg = message ?? (isAuthError ? langDic.NotAuthorizedMessage[lang] : "");
|
|
11
|
-
return (jsx(BaseComponents.Modal, {
|
|
11
|
+
return (jsx(BaseComponents.Modal, { isOpen: isOpen, setIsOpen: onClose, variant: "small", lang: lang, isContentScroll: false, children: jsxs("div", { className: styles.wrapper, "data-testid": "ErrorModal_WRAPPER", children: [jsxs("div", { className: styles.headerWrapper, "data-testid": "ErrorModal_HEADER", children: [jsx("span", { className: styles.iconEgov, "data-testid": "ErrorModal_LOGO", children: jsx(Icons.Logo.Egov, { width: "70px", height: "24px", viewBox: "0 0 70 24" }) }), jsx("button", { type: "button", onClick: onClose, className: styles.actionButton, "data-testid": "ErrorModal_CLOSE_BTN", "aria-label": langDic.CloseModalButton[lang], children: jsx(Icons.General.Close, { width: "16px", height: "16px" }) })] }), jsxs("div", { className: styles.bodyWrapper, "data-testid": "ErrorModal_BODY", children: [isAuthError ? (jsx(Graphics.Illustrations.Verification, { "data-testid": "ErrorModal_ICON_AUTH" })) : (jsx(Graphics.Illustrations.InternetNotAvailable, { "data-testid": "ErrorModal_ICON_COMMON" })), jsx(BaseComponents.Typography, { tag: "span", fontClass: "heading3", "data-testid": "ErrorModal_TITLE", "aria-label": langDic.Title[lang], children: langDic.Title[lang] }), langDicMsg.length > 0 && (jsx(BaseComponents.Typography, { tag: "span", fontClass: "body2Regular", className: styles.message, "data-testid": "ErrorModal_MESSAGE", "aria-label": langDicMsg, children: langDicMsg })), isAuthError && onAuthAction && (jsx(BaseComponents.Button, { className: styles.actionBtn, size: "large", "data-testid": "ErrorModal_AUTH_BTN", "aria-label": langDic.AuthButton[lang], onClick: onAuthAction, children: langDic.AuthButton[lang] }))] })] }) }));
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
export { ErrorModal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/ErrorModal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAcO,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,OAAO,EACP,IAAI,EACJ,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/ErrorModal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ".IdentityHeader-
|
|
1
|
+
var css_248z = ".IdentityHeader-module_mainIconJustify__oteQ- {\n margin-bottom: -20px;\n}\n";
|
|
2
2
|
var styles = {"mainIconJustify":"IdentityHeader-module_mainIconJustify__oteQ-"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -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",
|
|
15
|
+
return (jsxs("div", { className: styles.overlayModalFix, "data-testid": "IdentityModule_OVERLAY", children: [jsx(BaseComponents.Modal, { variant: "small", isWithOverlay: false, lang: "ru", 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,
|
|
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,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ".MsgBody-
|
|
1
|
+
var css_248z = ".MsgBody-module_chatMsgText__UuAOV {\n display: flex;\n gap: 8px;\n align-items: center;\n}\n\n.MsgBody-module_chatMsgText__UuAOV > svg {\n width: 20px;\n height: 20px;\n}\n\n.MsgBody-module_chatMsgText-inProgress__v--qN {\n color: var(--text-accent);\n}\n\n.MsgBody-module_chatMsgText-inProgress__v--qN > svg > :first-child {\n fill: var(--icon-accent-color);\n}\n\n.MsgBody-module_chatMsgText-success__On-DL {\n color: var(--text-success);\n}\n\n.MsgBody-module_chatMsgText-success__On-DL > svg > :first-child {\n fill: var(--icon-success);\n}\n\n.MsgBody-module_chatMsgText-info__it4EW {\n color: var(--text-secondary);\n}\n\n.MsgBody-module_chatMsgText-info__it4EW > svg > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.MsgBody-module_chatMsgText-error__L6akn {\n color: var(--text-error);\n}\n\n.MsgBody-module_chatMsgText-error__L6akn > svg > :first-child {\n fill: var(--icon-error-color);\n}\n\n.MsgBody-module_titleWrapper__e5iOa {\n display: flex;\n padding: 8px 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 2px;\n align-self: stretch;\n border-radius: 8px;\n background: var(--surface-surface-1);\n border-left: 4px solid var(--leaf);\n}\n\n.MsgBody-module_titleCategory__bRepm {\n color: var(--text-secondary);\n}\n\n.MsgBody-module_title__Gjwyd {\n color: var(--text-primary);\n}\n\n.MsgBody-module_msgBodyWrapper__dLsuv {\n min-width: 360px;\n display: flex;\n padding: 12px 12px 20px 12px;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n position: relative;\n\n border-radius: 16px 16px 16px 4px;\n background: var(--surface-surface-2);\n}\n\n.MsgBody-module_chatMsgDate__qf7w5 {\n position: absolute;\n bottom: 4.08px;\n right: 12px;\n color: var(--text-secondary);\n}\n\n.MsgBody-module_readMoreBtn__-K6d2 {\n width: 100%;\n}\n\n.MsgBody-module_descriptionWrapper__sFOe2 {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n}\n";
|
|
2
2
|
var styles = {"chatMsgText":"MsgBody-module_chatMsgText__UuAOV","chatMsgText-inProgress":"MsgBody-module_chatMsgText-inProgress__v--qN","chatMsgText-success":"MsgBody-module_chatMsgText-success__On-DL","chatMsgText-info":"MsgBody-module_chatMsgText-info__it4EW","chatMsgText-error":"MsgBody-module_chatMsgText-error__L6akn","titleWrapper":"MsgBody-module_titleWrapper__e5iOa","titleCategory":"MsgBody-module_titleCategory__bRepm","title":"MsgBody-module_title__Gjwyd","msgBodyWrapper":"MsgBody-module_msgBodyWrapper__dLsuv","chatMsgDate":"MsgBody-module_chatMsgDate__qf7w5","readMoreBtn":"MsgBody-module_readMoreBtn__-K6d2","descriptionWrapper":"MsgBody-module_descriptionWrapper__sFOe2"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -10,7 +10,7 @@ const ServiceDetails = ({ passportDetails, servicesDetails, lang, }) => {
|
|
|
10
10
|
const langDic = i18n.Common;
|
|
11
11
|
return (jsxs(Fragment, { children: [jsx("div", { className: styles.accordionBody, "data-testid": "ServiceDetails_BODY", children: servicesDetails.map((item) => (jsxs("div", { className: styles.serviceDetailsItem, "data-testid": "ServiceDetails_ITEM", children: [jsx(BaseComponents.Typography, { "aria-label": item.title[lang], className: styles.itemTitle, "data-testid": "ServiceDetails_TITLE", fontClass: "caption1Regular", tag: "span", children: item.title[lang] }), jsx(BaseComponents.Typography, { "aria-label": item.description[lang], className: styles.itemDescription, "data-testid": "ServiceDetails_DESCRIPTION", fontClass: "body2Regular", tag: "span", children: item.description[lang] })] }, item.title[lang]))) }), jsxs("div", { className: styles.AccordionFooter, "data-testid": "ServiceDetails_FOOTER", children: [jsx(BaseComponents.Typography, { "aria-label": langDic.informError[lang], className: styles.informError, "data-testid": "ServiceDetails_ERROR", fontClass: "caption1Regular", tag: "p", children: langDic.informError[lang] }), jsx(BaseComponents.Button, { className: styles.errorBtn, "data-testid": "ServiceDetailsError_BUTTON", size: "small", variant: "secondary", children: jsx(BaseComponents.Typography, { "aria-label": langDic.informErrorBtn[lang], "data-testid": "ServiceDetailsErrorBtn_WRAP", fontClass: "caption1Medium", tag: "span", children: langDic.informErrorBtn[lang] }) }), jsx(BaseComponents.Button, { "aria-label": langDic.passportBtnText[lang], "data-testid": "ShowPassport_BTN", onClick: () => {
|
|
12
12
|
setIsShowPassport(!isShowPassport);
|
|
13
|
-
}, size: "small", variant: "tinted", className: styles.showPassportBtn, children: jsx(BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsx(BaseComponents.Modal, {
|
|
13
|
+
}, size: "small", variant: "tinted", className: styles.showPassportBtn, children: jsx(BaseComponents.Typography, { "data-testid": "ShowPassport_SPAN", fontClass: "caption1Medium", tag: "span", children: langDic.passportBtnText[lang] }) }), isShowPassport && (jsx(BaseComponents.Modal, { isOpen: isShowPassport, setIsOpen: setIsShowPassport, header: {
|
|
14
14
|
title: langDic.passportBtnText[lang],
|
|
15
15
|
isClosable: true,
|
|
16
16
|
}, lang: lang, variant: "small", children: jsx(PassportDetails, { details: passportDetails, lang: lang }) }))] })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/ServiceDetails/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const DocCard = ({ title, docIcon, expiration, children, lang, handleDownload, }
|
|
|
9
9
|
const langDic = i18n.DocCard;
|
|
10
10
|
return (jsxs(Fragment, { children: [jsxs("button", { type: "button", "data-testid": "DocCard_BUTTON", onClick: () => {
|
|
11
11
|
setIsModalOpen(!isModalOpen);
|
|
12
|
-
}, className: styles.container, "aria-label": title, children: [jsx("div", { "data-testid": "DocCard_CARD", className: styles.card, children: jsx("div", { "data-testid": "DocCard_DOCUMENT", className: styles.document, children: docIcon }) }), jsxs("div", { "data-testid": "DocCard_TEXT", className: styles.text, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title, children: title }), expiration && (jsx(BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsx(BaseComponents.Modal, {
|
|
12
|
+
}, className: styles.container, "aria-label": title, children: [jsx("div", { "data-testid": "DocCard_CARD", className: styles.card, children: jsx("div", { "data-testid": "DocCard_DOCUMENT", className: styles.document, children: docIcon }) }), jsxs("div", { "data-testid": "DocCard_TEXT", className: styles.text, children: [jsx(BaseComponents.Typography, { tag: "span", fontClass: "caption1Medium", "data-testid": "DocCard_TITLE", className: styles.title, children: title }), expiration && (jsx(BaseComponents.Typography, { tag: "span", "data-testid": "DocCard_EXPIRATION", className: styles.expiration, "aria-label": expiration, fontClass: "caption1Regular", children: expiration }))] })] }), isModalOpen && (jsx(BaseComponents.Modal, { isOpen: isModalOpen, setIsOpen: setIsModalOpen, header: { title, isClosable: true }, variant: "small", lang: lang, footerButtons: [
|
|
13
13
|
{
|
|
14
14
|
text: langDic.downloadButton[lang],
|
|
15
15
|
onClick: handleDownload,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;AAC5B,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBE,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACpDA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDE,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVA,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,EACnB,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Profile/DocCard/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;AAeO,MAAM,OAAO,GAAG,CAAC,EACtB,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,cAAc,GACA,KAAI;IAClB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;AAC5B,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,gBAAgB,EAC5B,OAAO,EAAE,MAAK;AACZ,oBAAA,cAAc,CAAC,CAAC,WAAW,CAAC;AAC9B,gBAAA,CAAC,EACD,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,YAAA,EACf,KAAK,EAAA,QAAA,EAAA,CAEjBE,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EACpDA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EAC3D,OAAO,GACJ,EAAA,CACF,EACNF,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAAA,CACpDE,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,gBAAgB,EAAA,aAAA,EACd,eAAe,EAC3B,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,KAAK,GACoB,EAC3B,UAAU,KACTA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,EAChC,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,YAAA,EAChB,UAAU,EACtB,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAE1B,UAAU,EAAA,CACe,CAC7B,CAAA,EAAA,CACG,CAAA,EAAA,CACC,EACR,WAAW,KACVA,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,EACnB,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,EACnC,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;AACb,oBAAA;AACE,wBAAA,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC,IAAI,CAAC;AAClC,wBAAA,OAAO,EAAE,cAAc;AACvB,wBAAA,UAAU,EAAE,mBAAmB;AAChC,qBAAA;AACF,iBAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,CACY,CACxB,CAAA,EAAA,CACA;AAEP;;;;"}
|
|
@@ -10,10 +10,10 @@ interface IInputFieldProps extends Omit<React__default.InputHTMLAttributes<HTMLI
|
|
|
10
10
|
onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
11
11
|
isClearable?: boolean;
|
|
12
12
|
inputLeftIcon?: JSX.Element;
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
isFocused?: boolean;
|
|
14
|
+
setIsFocused?: (value: boolean) => void;
|
|
15
15
|
hintText?: string;
|
|
16
|
-
|
|
16
|
+
isError?: boolean;
|
|
17
17
|
className?: string;
|
|
18
18
|
style?: React__default.CSSProperties;
|
|
19
19
|
variant?: "default" | "code";
|
|
@@ -4,10 +4,10 @@ interface IInputFieldGroupProps {
|
|
|
4
4
|
"aria-label": string;
|
|
5
5
|
"data-testid"?: string;
|
|
6
6
|
className?: string;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
isFocused?: boolean;
|
|
8
|
+
setIsFocused?: (value: boolean) => void;
|
|
9
9
|
hintText?: string;
|
|
10
|
-
|
|
10
|
+
isError?: boolean;
|
|
11
11
|
handleInputChange: (index: number) => (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
12
12
|
handleKeyDown?: (index: number) => (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
13
13
|
}
|
|
@@ -4,7 +4,7 @@ import { ILangProps } from '../../interfaces/common/index.js';
|
|
|
4
4
|
interface IFooterButtonsItem {
|
|
5
5
|
text: string;
|
|
6
6
|
onClick: () => void;
|
|
7
|
-
|
|
7
|
+
isDisabled?: boolean;
|
|
8
8
|
dataTestid?: string;
|
|
9
9
|
}
|
|
10
10
|
interface IModalProps extends ILangProps {
|
|
@@ -15,10 +15,10 @@ interface IModalProps extends ILangProps {
|
|
|
15
15
|
goIdentityMain?(): void;
|
|
16
16
|
title?: string;
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
isOpen?: boolean;
|
|
19
|
+
setIsOpen?: Dispatch<React__default.SetStateAction<boolean>>;
|
|
20
20
|
variant: "large" | "small";
|
|
21
|
-
|
|
21
|
+
isWithOverlay?: boolean;
|
|
22
22
|
footerButtons?: IFooterButtonsItem[];
|
|
23
23
|
isContentScroll?: boolean;
|
|
24
24
|
}
|
|
@@ -7,15 +7,15 @@ interface ITextareaFieldProps extends Omit<React__default.TextareaHTMLAttributes
|
|
|
7
7
|
onChange?: (event: React__default.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
8
8
|
isClearable?: boolean;
|
|
9
9
|
inputLeftIcon?: JSX.Element;
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
isFocused?: boolean;
|
|
11
|
+
setIsFocused?: (value: boolean) => void;
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: React__default.CSSProperties;
|
|
14
14
|
readOnly?: boolean;
|
|
15
15
|
dataTestid?: string;
|
|
16
16
|
variant?: "default" | "code";
|
|
17
17
|
hintText?: string;
|
|
18
|
-
|
|
18
|
+
isError?: boolean;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
export type { ITextareaFieldProps };
|
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,
|
|
54
|
+
InputFieldGroup: ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid, className, isFocused, setIsFocused, hintText, isError, handleInputChange, handleKeyDown, }: 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,
|
|
57
|
+
Modal: ({ children, header, lang, isOpen, setIsOpen, variant, isWithOverlay, isContentScroll, 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;
|
|
@@ -72,7 +72,7 @@ declare const SystemDesign: {
|
|
|
72
72
|
DocCard: ({ title, docIcon, expiration, children, lang, handleDownload, }: IDocCardProps) => react_jsx_runtime.JSX.Element;
|
|
73
73
|
EdsSuccess: ({ lang, handleEdsOnclick }: IEdsSuccessProps) => react_jsx_runtime.JSX.Element;
|
|
74
74
|
EmptyMessages: ({ pageType, lang }: IEmptyMessagesProps) => react_jsx_runtime.JSX.Element;
|
|
75
|
-
ErrorModal: ({ status, message, lang,
|
|
75
|
+
ErrorModal: ({ status, message, lang, isOpen, onClose, onAuthAction, }: IErrorModalProps) => react_jsx_runtime.JSX.Element;
|
|
76
76
|
Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react_jsx_runtime.JSX.Element;
|
|
77
77
|
FileForUpload: ({ lang, uploadingFile, handleRemoveFile, }: IFileForUploadProps) => react_jsx_runtime.JSX.Element;
|
|
78
78
|
HelpNotification: ({ icon, children, handleOnClick, ariaLabel, dataTestid, }: IHelpNotificationProps) => react_jsx_runtime.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@egov3/system-design",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.101",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"main": "dist/cjs/index.js",
|
|
5
6
|
"types": "dist/types/index.d.ts",
|
|
6
7
|
"module": "dist/esm/index.js",
|
|
@@ -18,7 +19,8 @@
|
|
|
18
19
|
"lint": "biome check .",
|
|
19
20
|
"lint:fix": "biome check --write .",
|
|
20
21
|
"sb": "storybook dev -p 6006",
|
|
21
|
-
"build-storybook": "storybook build"
|
|
22
|
+
"build-storybook": "storybook build",
|
|
23
|
+
"dead-css": "node scripts/analyze-dead-css.ts"
|
|
22
24
|
},
|
|
23
25
|
"author": "Zhassulan Baigozha",
|
|
24
26
|
"license": "ISC",
|
|
@@ -34,6 +36,7 @@
|
|
|
34
36
|
"@babel/preset-typescript": "^7.16.0",
|
|
35
37
|
"@biomejs/biome": "2.2.6",
|
|
36
38
|
"@chromatic-com/storybook": "^4.1.1",
|
|
39
|
+
"@fullhuman/postcss-purgecss": "^7.0.2",
|
|
37
40
|
"@mdx-js/react": "^2.1.2",
|
|
38
41
|
"@rollup/plugin-alias": "^6.0.0",
|
|
39
42
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
@@ -56,12 +59,14 @@
|
|
|
56
59
|
"babel-jest": "^27.3.1",
|
|
57
60
|
"babel-loader": "^8.2.3",
|
|
58
61
|
"css-loader": "^6.5.1",
|
|
62
|
+
"glob": "^13.0.0",
|
|
59
63
|
"html-webpack-plugin": "^5.5.0",
|
|
60
64
|
"identity-obj-proxy": "^3.0.0",
|
|
61
65
|
"jest": "^28.1.3",
|
|
62
66
|
"jest-environment-jsdom": "^29.7.0",
|
|
63
67
|
"postcss": "^8.5.3",
|
|
64
68
|
"postcss-loader": "^8.1.1",
|
|
69
|
+
"purgecss": "^7.0.2",
|
|
65
70
|
"react": "^19.0.0",
|
|
66
71
|
"react-dom": "^19.0.0",
|
|
67
72
|
"rollup": "^4",
|