@egov3/system-design 1.3.99 → 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 +16 -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/HelpInstruction/HelpInstruction.module.css.js +22 -0
- package/dist/cjs/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
- package/dist/cjs/components/Identity/HelpInstruction/index.js +10 -0
- package/dist/cjs/components/Identity/HelpInstruction/index.js.map +1 -0
- 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/NotificationComponent/NotificationComponent.module.css.js +22 -0
- package/dist/cjs/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
- package/dist/cjs/components/NotificationComponent/index.js +29 -0
- package/dist/cjs/components/NotificationComponent/index.js.map +1 -0
- package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js +22 -0
- package/dist/cjs/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/AccordionTitle/index.js +10 -0
- package/dist/cjs/components/Presale/AccordionTitle/index.js.map +1 -0
- package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js +22 -0
- package/dist/cjs/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/Instructions/index.js +10 -0
- package/dist/cjs/components/Presale/Instructions/index.js.map +1 -0
- package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js +22 -0
- package/dist/cjs/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/PassportDetails/index.js +10 -0
- package/dist/cjs/components/Presale/PassportDetails/index.js.map +1 -0
- package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js +22 -0
- package/dist/cjs/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
- package/dist/cjs/components/Presale/ServiceDetails/index.js +22 -0
- package/dist/cjs/components/Presale/ServiceDetails/index.js.map +1 -0
- package/dist/cjs/components/Presale/index.js +16 -0
- package/dist/cjs/components/Presale/index.js.map +1 -0
- package/dist/cjs/components/Profile/DocCard/index.js +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js.map +1 -1
- package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js +22 -0
- package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
- package/dist/cjs/components/ServiceCardComponent/index.js +15 -0
- package/dist/cjs/components/ServiceCardComponent/index.js.map +1 -0
- package/dist/cjs/components/index.js +50 -42
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/constants/i18n/Common.js +15 -0
- package/dist/cjs/constants/i18n/Common.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +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/HelpInstruction/HelpInstruction.module.css.js +18 -0
- package/dist/esm/components/Identity/HelpInstruction/HelpInstruction.module.css.js.map +1 -0
- package/dist/esm/components/Identity/HelpInstruction/index.js +8 -0
- package/dist/esm/components/Identity/HelpInstruction/index.js.map +1 -0
- 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/NotificationComponent/NotificationComponent.module.css.js +18 -0
- package/dist/esm/components/NotificationComponent/NotificationComponent.module.css.js.map +1 -0
- package/dist/esm/components/NotificationComponent/index.js +27 -0
- package/dist/esm/components/NotificationComponent/index.js.map +1 -0
- package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js +18 -0
- package/dist/esm/components/Presale/AccordionTitle/AccordionTitle.module.css.js.map +1 -0
- package/dist/esm/components/Presale/AccordionTitle/index.js +8 -0
- package/dist/esm/components/Presale/AccordionTitle/index.js.map +1 -0
- package/dist/esm/components/Presale/Instructions/Instructions.module.css.js +18 -0
- package/dist/esm/components/Presale/Instructions/Instructions.module.css.js.map +1 -0
- package/dist/esm/components/Presale/Instructions/index.js +8 -0
- package/dist/esm/components/Presale/Instructions/index.js.map +1 -0
- package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js +18 -0
- package/dist/esm/components/Presale/PassportDetails/PassportDetails.module.css.js.map +1 -0
- package/dist/esm/components/Presale/PassportDetails/index.js +8 -0
- package/dist/esm/components/Presale/PassportDetails/index.js.map +1 -0
- package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js +18 -0
- package/dist/esm/components/Presale/ServiceDetails/ServiceDetails.module.css.js.map +1 -0
- package/dist/esm/components/Presale/ServiceDetails/index.js +20 -0
- package/dist/esm/components/Presale/ServiceDetails/index.js.map +1 -0
- package/dist/esm/components/Presale/index.js +14 -0
- package/dist/esm/components/Presale/index.js.map +1 -0
- package/dist/esm/components/Profile/DocCard/index.js +1 -1
- package/dist/esm/components/Profile/DocCard/index.js.map +1 -1
- package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js +18 -0
- package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js.map +1 -0
- package/dist/esm/components/ServiceCardComponent/index.js +13 -0
- package/dist/esm/components/ServiceCardComponent/index.js.map +1 -0
- package/dist/esm/components/index.js +8 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/constants/i18n/Common.js +15 -0
- package/dist/esm/constants/i18n/Common.js.map +1 -1
- package/dist/esm/styles/colors.css.js +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/components/Identity/HelpInstruction/index.d.ts +7 -0
- package/dist/types/components/NotificationComponent/index.d.ts +8 -0
- package/dist/types/components/Presale/AccordionTitle/index.d.ts +5 -0
- package/dist/types/components/Presale/Instructions/index.d.ts +7 -0
- package/dist/types/components/Presale/PassportDetails/index.d.ts +20 -0
- package/dist/types/components/Presale/ServiceDetails/index.d.ts +13 -0
- package/dist/types/components/ServiceCardComponent/index.d.ts +17 -0
- package/dist/types/index.d.ts +19 -3
- package/package.json +8 -3
package/README.md
CHANGED
|
@@ -6,6 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
Egov3/System-Design — это библиотека UI-компонентов с поддержкой Storybook. Включает в себя готовые элементы интерфейса, утилиты для работы с датами и улучшенные стили.
|
|
8
8
|
|
|
9
|
+
## Requirements
|
|
10
|
+
- Node.js >= 18
|
|
11
|
+
- Yarn 1.x
|
|
12
|
+
|
|
9
13
|
## Установка
|
|
10
14
|
|
|
11
15
|
С Yarn:
|
|
@@ -43,6 +47,18 @@ function App() {
|
|
|
43
47
|
yarn sb
|
|
44
48
|
```
|
|
45
49
|
|
|
50
|
+
### Линтинг + Форматирование + Исправление
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
yarn lint:fix
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
### Поиск неиспользуемых CSS-стилей
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
yarn dead-css
|
|
60
|
+
```
|
|
61
|
+
|
|
46
62
|
---
|
|
47
63
|
|
|
48
64
|
# Release Notes
|
|
@@ -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":";;;;;;;;;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,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,iBAAiB,EACjB,aAAa,GACS,KAAI;AAC1B,IAAA,MAAM,SAAS,GAAGA,YAAM,CAA8B,EAAE,CAAC;AAEzD,IAAA,MAAM,UAAU,GAAG,CAAC,KAAa,KAAI;QACnC,UAAU,CAAC,MAAK;YACd,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE;QACnC,CAAC,EAAE,CAAC,CAAC;AACP,IAAA,CAAC;AAED,IAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,EAAE,CAAC;AAElE,IAAA,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAE,UAAkB,KAAI;AAC7D,QAAA,MAAM,MAAM,GAAG,aAAa,CAAC,UAAU,CAAC;AACxC,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,EAAE,EAAE;AACjE,YAAA,MAAM,KAAK,GAAG,UAAU,GAAG,CAAC;YAC5B,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACvB,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE;AACU,aAAA,CAAC;AAC1C,QAAA;AAED,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC;QACxE,UAAU,CAAC,eAAe,CAAC;AAC7B,IAAA,CAAC;IAED,MAAM,YAAY,GAChB,CAAC,KAAa,KAAK,CAAC,KAA0C,KAAI;QAChE,MAAM,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAChD,QAAA,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;AACrB,YAAA,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC;YAC1B;AACD,QAAA;AACD,QAAA,iBAAiB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;QAC/B,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,GAAG,MAAM,GAAG,CAAC,EAAE;AAC7C,YAAA,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;AACtB,QAAA;AACH,IAAA,CAAC;IAEH,MAAM,SAAS,GACb,CAAC,KAAa,KAAK,CAAC,KAA4C,KAAI;AAClE,QAAA,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;YAChC,KAAK,CAAC,cAAc,EAAE;YACtB;AACD,QAAA;AACD,QAAA,aAAa,GAAG,KAAK,CAAC,CAAC,KAAK,CAAC;QAC7B,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,GAAG,CAAC,EAAE;AAC1C,YAAA,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC;AACtB,QAAA;AACH,IAAA,CAAC;AAEH,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,8BAAM,CAAC,sBAAsB,EAAE,SAAS,CAAC,iBACnD,UAAU,EAAA,QAAA,EAAA,CAEvBC,wBACE,SAAS,EAAED,8BAAM,CAAC,oBAAoB,EAAA,aAAA,EACzB,CAAA,EAAG,UAAU,CAAA,uBAAA,CAAyB,EAAA,QAAA,EAElD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAEE,OAAK,KAAI;AACvC,oBAAA,MAAM,OAAO,GAAG,CAAA,UAAA,EAAaA,OAAK,EAAE;AACpC,oBAAA,QACED,cAAA,CAACE,gBAAU,EAAA,EAAA,aAAA,EAEI,GAAG,UAAU,CAAA,aAAA,EAAgBD,OAAK,CAAA,CAAE,EACjD,GAAG,EAAE,CAAC,EAAE,KAAI;AACV,4BAAA,SAAS,CAAC,OAAO,CAACA,OAAK,CAAC,GAAG,EAAE;wBAC/B,CAAC,EACD,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,IAAI,CAACA,OAAK,CAAC,IAAI,EAAE,EAAA,YAAA,EACZ,SAAS,EACrB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,CAACA,OAAK,CAAC,EAC7B,SAAS,EAAE,SAAS,CAACA,OAAK,CAAC,EAC3B,SAAS,EAAEF,8BAAM,CAAC,KAAK,EAAA,EAflB,OAAO,CAgBZ;AAEN,gBAAA,CAAC,CAAC,EAAA,CACE,EACL,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,KAC9BC,cAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACe,CAAA,EAAG,UAAU,CAAA,UAAA,CAAY,EACtC,SAAS,EAAEF,uBAAW,CACpBC,8BAAM,CAAC,QAAQ,EACfI,yBAAU,CAAC,YAAY,EACvB,OAAO,IAAIJ,8BAAM,CAAC,KAAK,CACxB,EAAA,QAAA,EAEA,QAAQ,GACJ,CACR,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -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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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css_248z = ".HelpInstruction-module_wrap__v-RCi {\n display: flex;\n align-items: center;\n gap: 4px;\n justify-content: center;\n}\n\n.HelpInstruction-module_link__31fsd {\n color: var(--default-primary-accent);\n text-decoration: none;\n}\n";
|
|
6
|
+
var styles = {"wrap":"HelpInstruction-module_wrap__v-RCi","link":"HelpInstruction-module_link__31fsd"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=HelpInstruction.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelpInstruction.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var index = require('../../../baseComponents/index.js');
|
|
5
|
+
var HelpInstruction_module = require('./HelpInstruction.module.css.js');
|
|
6
|
+
|
|
7
|
+
const HelpInstruction = ({ description, linkText, link, }) => (jsxRuntime.jsxs("div", { className: HelpInstruction_module.default.wrap, "data-testid": "HelpInstruction_WRAP", children: [jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": description, "data-testid": "HelpInstruction_DESCRIPTION", fontClass: "caption1Regular", tag: "span", children: description }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": linkText, "data-testid": "HelpInstructionLink_TEXT", fontClass: "caption1Regular", tag: "span", children: jsxRuntime.jsx("a", { className: HelpInstruction_module.default.link, "data-testid": "HelpInstruction_LINK", href: link, rel: "noopener noreferrer", target: "_blank", children: linkText }) })] }));
|
|
8
|
+
|
|
9
|
+
exports.HelpInstruction = HelpInstruction;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Identity/HelpInstruction/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","BaseComponents"],"mappings":";;;;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,QAAQ,EACR,IAAI,GACkB,MACtBA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEC,8BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,sBAAsB,EAAA,QAAA,EAAA,CAC7DC,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,WAAW,EAAA,aAAA,EACX,6BAA6B,EACzC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAET,WAAW,EAAA,CACc,EAC5BD,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,QAAQ,EAAA,aAAA,EACR,0BAA0B,EACtC,SAAS,EAAC,iBAAiB,EAC3B,GAAG,EAAC,MAAM,YAEVD,cAAA,CAAA,GAAA,EAAA,EACE,SAAS,EAAED,8BAAM,CAAC,IAAI,EAAA,aAAA,EACV,sBAAsB,EAClC,IAAI,EAAE,IAAI,EACV,GAAG,EAAC,qBAAqB,EACzB,MAAM,EAAC,QAAQ,EAAA,QAAA,EAEd,QAAQ,GACP,EAAA,CACsB,CAAA,EAAA,CACxB;;;;"}
|
|
@@ -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;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css_248z = ".NotificationComponent-module_snackbar__KQKHo {\n position: fixed;\n top: 24px;\n left: 50%;\n transform: translateX(-50%);\n padding: 16px 20px;\n border-radius: 12px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 12px;\n z-index: 1000;\n box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.NotificationComponent-module_snackbar__KQKHo .NotificationComponent-module_text__YNCyD {\n color: var(--text-white-nonconvert-color);\n}\n\n.NotificationComponent-module_success__CSgbV {\n background-color: var(--icon-success);\n}\n\n.NotificationComponent-module_error__xiTCd {\n background-color: var(--icon-error-color);\n}\n\n.NotificationComponent-module_info__45pPe {\n background-color: var(--icon-accent-color);\n}\n\n.NotificationComponent-module_warning__wNp3m {\n background-color: var(--icon-warning-color);\n}\n";
|
|
6
|
+
var styles = {"snackbar":"NotificationComponent-module_snackbar__KQKHo","text":"NotificationComponent-module_text__YNCyD","success":"NotificationComponent-module_success__CSgbV","error":"NotificationComponent-module_error__xiTCd","info":"NotificationComponent-module_info__45pPe","warning":"NotificationComponent-module_warning__wNp3m"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=NotificationComponent.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NotificationComponent.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var graphics = require('@egov3/graphics');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var index = require('../../baseComponents/index.js');
|
|
7
|
+
var joinClasses = require('../../utils/joinClasses.js');
|
|
8
|
+
var toPascalCase = require('../../utils/string/toPascalCase.js');
|
|
9
|
+
var NotificationComponent_module = require('./NotificationComponent.module.css.js');
|
|
10
|
+
|
|
11
|
+
const notificationIconTypes = {
|
|
12
|
+
success: graphics.Icons.Basic.Check,
|
|
13
|
+
error: graphics.Icons.General.Clear,
|
|
14
|
+
warning: graphics.Icons.General.WarningFilled,
|
|
15
|
+
info: graphics.Icons.General.InfoFilled,
|
|
16
|
+
};
|
|
17
|
+
const NotificationComponent = ({ type = "info", text, toggleNotification, }) => {
|
|
18
|
+
const Icon = notificationIconTypes[type];
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
const timer = setTimeout(() => {
|
|
21
|
+
toggleNotification(false);
|
|
22
|
+
}, 5000);
|
|
23
|
+
return () => clearTimeout(timer);
|
|
24
|
+
}, [toggleNotification]);
|
|
25
|
+
return (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(NotificationComponent_module.default.snackbar, NotificationComponent_module.default[type]), "data-testid": "NotificationComponent_SNACKBAR", children: [jsxRuntime.jsx(Icon, { fill: "var(--icon-white-nonconvert-color)", "data-testid": `NotificationComponentIcon_${toPascalCase.toPascalCase(type)}` }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": text, className: NotificationComponent_module.default.text, "data-testid": "NotificationComponent_TEXT", fontClass: "body2Regular", tag: "span", children: text })] }));
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
exports.NotificationComponent = NotificationComponent;
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/NotificationComponent/index.tsx"],"sourcesContent":[null],"names":["Icons","useEffect","_jsxs","joinClasses","styles","_jsx","toPascalCase","BaseComponents"],"mappings":";;;;;;;;;;AASA,MAAM,qBAAqB,GAAG;AAC5B,IAAA,OAAO,EAAEA,cAAK,CAAC,KAAK,CAAC,KAAK;AAC1B,IAAA,KAAK,EAAEA,cAAK,CAAC,OAAO,CAAC,KAAK;AAC1B,IAAA,OAAO,EAAEA,cAAK,CAAC,OAAO,CAAC,aAAa;AACpC,IAAA,IAAI,EAAEA,cAAK,CAAC,OAAO,CAAC,UAAU;CAI/B;AAQM,MAAM,qBAAqB,GAAG,CAAC,EACpC,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,kBAAkB,GACU,KAAI;AAChC,IAAA,MAAM,IAAI,GAAG,qBAAqB,CAAC,IAAI,CAAC;IAExCC,eAAS,CAAC,MAAK;AACb,QAAA,MAAM,KAAK,GAAG,UAAU,CAAC,MAAK;YAC5B,kBAAkB,CAAC,KAAK,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC;AAER,QAAA,OAAO,MAAM,YAAY,CAAC,KAAK,CAAC;AAClC,IAAA,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;AAExB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,oCAAM,CAAC,QAAQ,EAAEA,oCAAM,CAAC,IAAI,CAAC,CAAC,EAAA,aAAA,EACzC,gCAAgC,EAAA,QAAA,EAAA,CAE5CC,cAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAC,oCAAoC,EAAA,aAAA,EAC5B,CAAA,0BAAA,EAA6BC,yBAAY,CAAC,IAAI,CAAC,CAAA,CAAE,EAAA,CAC9D,EACFD,cAAA,CAACE,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,EAChB,SAAS,EAAEH,oCAAM,CAAC,IAAI,EAAA,aAAA,EACV,4BAA4B,EACxC,SAAS,EAAC,cAAc,EACxB,GAAG,EAAC,MAAM,EAAA,QAAA,EAET,IAAI,EAAA,CACqB,CAAA,EAAA,CACxB;AAEV;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css_248z = ".AccordionTitle-module_title__-OMSd {\n display: block;\n color: var(--icon-secondary-color);\n}\n";
|
|
6
|
+
var styles = {"title":"AccordionTitle-module_title__-OMSd"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=AccordionTitle.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionTitle.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var index = require('../../../baseComponents/index.js');
|
|
5
|
+
var AccordionTitle_module = require('./AccordionTitle.module.css.js');
|
|
6
|
+
|
|
7
|
+
const AccordionTitle = ({ title }) => (jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": title, className: AccordionTitle_module.default.title, "data-testid": "Accordion_TITLE", fontClass: "body1Medium", tag: "span", children: title }));
|
|
8
|
+
|
|
9
|
+
exports.AccordionTitle = AccordionTitle;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/AccordionTitle/index.tsx"],"sourcesContent":[null],"names":["_jsx","BaseComponents","styles"],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAwB,MAC5DA,cAAA,CAACC,oBAAc,CAAC,UAAU,kBACZ,KAAK,EACjB,SAAS,EAAEC,6BAAM,CAAC,KAAK,EAAA,aAAA,EACX,iBAAiB,EAC7B,SAAS,EAAC,aAAa,EACvB,GAAG,EAAC,MAAM,YAET,KAAK,EAAA,CACoB;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var css_248z = ".Instructions-module_accordionBody__LhrR4 {\n padding: 16px 0;\n}\n\n.Instructions-module_listItem__3KOEe {\n display: flex;\n}\n\n.Instructions-module_blockItem__n--jY {\n margin-right: 14px;\n}\n\n.Instructions-module_itemNumber__p14UE {\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 20px;\n height: 20px;\n font-size: 10px;\n color: var(--default-white-color);\n background: var(--default-primary-accent);\n border-radius: 100%;\n z-index: -1;\n}\n\n.Instructions-module_itemLine__iwce4 {\n margin: 2px auto;\n width: 1px;\n height: 20px;\n background: var(--text-disabled-color);\n}\n\n.Instructions-module_listItem__3KOEe:last-child .Instructions-module_itemLine__iwce4 {\n width: 0;\n height: 0;\n}\n\n.Instructions-module_itemDescription__ErV2V {\n color: var(--text-primary);\n}\n";
|
|
6
|
+
var styles = {"accordionBody":"Instructions-module_accordionBody__LhrR4","listItem":"Instructions-module_listItem__3KOEe","blockItem":"Instructions-module_blockItem__n--jY","itemNumber":"Instructions-module_itemNumber__p14UE","itemLine":"Instructions-module_itemLine__iwce4","itemDescription":"Instructions-module_itemDescription__ErV2V"};
|
|
7
|
+
function styleInject(css, options) {
|
|
8
|
+
if (typeof document === 'undefined') return;
|
|
9
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
10
|
+
const style = document.createElement('style');
|
|
11
|
+
style.type = 'text/css';
|
|
12
|
+
if (style.styleSheet) {
|
|
13
|
+
style.styleSheet.cssText = css;
|
|
14
|
+
} else {
|
|
15
|
+
style.appendChild(document.createTextNode(css));
|
|
16
|
+
}
|
|
17
|
+
head.appendChild(style);
|
|
18
|
+
}
|
|
19
|
+
styleInject(css_248z);
|
|
20
|
+
|
|
21
|
+
exports.default = styles;
|
|
22
|
+
//# sourceMappingURL=Instructions.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Instructions.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var index = require('../../../baseComponents/index.js');
|
|
5
|
+
var Instructions_module = require('./Instructions.module.css.js');
|
|
6
|
+
|
|
7
|
+
const Instructions = ({ instructions, lang }) => (jsxRuntime.jsx("ol", { className: Instructions_module.default.accordionBody, "data-testid": "InstructionsOrder_LIST", children: instructions.map((item, index$1) => (jsxRuntime.jsxs("li", { className: Instructions_module.default.listItem, "data-testid": "InstructionsList_ITEMS", children: [jsxRuntime.jsxs("div", { className: Instructions_module.default.blockItem, "data-testid": "InstructionsBlock_ITEM", children: [jsxRuntime.jsx("div", { className: Instructions_module.default.itemNumber, "data-testid": "InstructionsItem_NUMBER", children: index$1 + 1 }), jsxRuntime.jsx("div", { className: Instructions_module.default.itemLine, "data-testid": "InstructionsList_LINE" })] }), jsxRuntime.jsx(index.BaseComponents.Typography, { "aria-label": item[lang], tag: "span", fontClass: "body2Regular", className: Instructions_module.default.itemDescription, "data-testid": "InstructionsListItem_TEXT", children: item[lang] })] }, item[lang]))) }));
|
|
8
|
+
|
|
9
|
+
exports.Instructions = Instructions;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Presale/Instructions/index.tsx"],"sourcesContent":[null],"names":["_jsx","styles","index","_jsxs","BaseComponents"],"mappings":";;;;;;AAQO,MAAM,YAAY,GAAG,CAAC,EAAE,YAAY,EAAE,IAAI,EAAsB,MACrEA,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEC,2BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EACtE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAEC,OAAK,MAC5BC,eAAA,CAAA,IAAA,EAAA,EACE,SAAS,EAAEF,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,wBAAwB,EAAA,QAAA,EAAA,CAGpCE,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,2BAAM,CAAC,SAAS,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAAA,CACpED,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,UAAU,iBAChB,yBAAyB,EAAA,QAAA,EAEpCC,OAAK,GAAG,CAAC,EAAA,CACN,EACNF,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,2BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,uBAAuB,EAAA,CACnC,CAAA,EAAA,CACE,EACND,cAAA,CAACI,oBAAc,CAAC,UAAU,EAAA,EAAA,YAAA,EACZ,IAAI,CAAC,IAAI,CAAC,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EACxB,SAAS,EAAEH,2BAAM,CAAC,eAAe,EAAA,aAAA,EACrB,2BAA2B,EAAA,QAAA,EAEtC,IAAI,CAAC,IAAI,CAAC,EAAA,CACe,CAAA,EAAA,EAtBvB,IAAI,CAAC,IAAI,CAAC,CAuBZ,CACN,CAAC,EAAA,CACC;;;;"}
|