@egov3/system-design 1.3.90 → 1.3.92
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/baseComponents/Accordion/index.js +5 -9
- package/dist/cjs/baseComponents/Accordion/index.js.map +1 -1
- package/dist/cjs/baseComponents/BaseField/BaseField.module.css.js +2 -2
- package/dist/cjs/baseComponents/BaseField/index.js +22 -24
- package/dist/cjs/baseComponents/BaseField/index.js.map +1 -1
- package/dist/cjs/baseComponents/Button/index.js +4 -8
- package/dist/cjs/baseComponents/Button/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputField/index.js +8 -13
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +2 -2
- package/dist/cjs/baseComponents/InputFieldGroup/index.js +27 -28
- package/dist/cjs/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/cjs/baseComponents/Label/index.js +4 -6
- package/dist/cjs/baseComponents/Label/index.js.map +1 -1
- package/dist/cjs/baseComponents/Loader/index.js +1 -2
- package/dist/cjs/baseComponents/Loader/index.js.map +1 -1
- package/dist/cjs/baseComponents/Modal/index.js +4 -6
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/baseComponents/Overlay/index.js +2 -4
- package/dist/cjs/baseComponents/Overlay/index.js.map +1 -1
- package/dist/cjs/baseComponents/RadioGroup/index.js +4 -9
- package/dist/cjs/baseComponents/RadioGroup/index.js.map +1 -1
- package/dist/cjs/baseComponents/RadioToggle/index.js +3 -7
- package/dist/cjs/baseComponents/RadioToggle/index.js.map +1 -1
- package/dist/cjs/baseComponents/SelectBoxButton/index.js +3 -5
- package/dist/cjs/baseComponents/SelectBoxButton/index.js.map +1 -1
- package/dist/cjs/baseComponents/StatusText/index.js +1 -5
- package/dist/cjs/baseComponents/StatusText/index.js.map +1 -1
- package/dist/cjs/baseComponents/TabButtons/index.js +3 -7
- package/dist/cjs/baseComponents/TabButtons/index.js.map +1 -1
- package/dist/cjs/baseComponents/TextPair/index.js +1 -5
- package/dist/cjs/baseComponents/TextPair/index.js.map +1 -1
- package/dist/cjs/baseComponents/TextareaField/index.js +7 -11
- package/dist/cjs/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/cjs/baseComponents/Typography/index.js +6 -6
- package/dist/cjs/baseComponents/Typography/index.js.map +1 -1
- package/dist/cjs/baseComponents/index.js +1 -1
- package/dist/cjs/baseComponents/index.js.map +1 -1
- package/dist/cjs/components/ErrorModal/index.js +5 -7
- package/dist/cjs/components/ErrorModal/index.js.map +1 -1
- package/dist/cjs/components/Identity/Agreement/index.js +3 -5
- package/dist/cjs/components/Identity/Agreement/index.js.map +1 -1
- package/dist/cjs/components/Identity/Auth/index.js +3 -5
- package/dist/cjs/components/Identity/Auth/index.js.map +1 -1
- package/dist/cjs/components/Identity/EdsSuccess/index.js +3 -5
- package/dist/cjs/components/Identity/EdsSuccess/index.js.map +1 -1
- package/dist/cjs/components/Identity/IdentityHeader/index.js +1 -5
- package/dist/cjs/components/Identity/IdentityHeader/index.js.map +1 -1
- package/dist/cjs/components/Identity/IdentityModal/index.js +9 -14
- package/dist/cjs/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/cjs/components/Messages/EmptyMessages/index.js +4 -8
- package/dist/cjs/components/Messages/EmptyMessages/index.js.map +1 -1
- package/dist/cjs/components/Messages/HelpNotification/index.js +6 -8
- package/dist/cjs/components/Messages/HelpNotification/index.js.map +1 -1
- package/dist/cjs/components/Messages/HelpNotificationItem/index.js +5 -7
- package/dist/cjs/components/Messages/HelpNotificationItem/index.js.map +1 -1
- package/dist/cjs/components/Messages/MsgBody/index.js +2 -7
- package/dist/cjs/components/Messages/MsgBody/index.js.map +1 -1
- package/dist/cjs/components/Messages/MsgComponentHeader/index.js +4 -8
- package/dist/cjs/components/Messages/MsgComponentHeader/index.js.map +1 -1
- package/dist/cjs/components/Messages/MsgSearch/index.js +6 -8
- package/dist/cjs/components/Messages/MsgSearch/index.js.map +1 -1
- package/dist/cjs/components/Navigation/ViewToggle/index.js +5 -10
- package/dist/cjs/components/Navigation/ViewToggle/index.js.map +1 -1
- package/dist/cjs/components/Profile/DocCard/index.js +4 -6
- package/dist/cjs/components/Profile/DocCard/index.js.map +1 -1
- package/dist/cjs/components/Profile/IconToggleItem/index.js +2 -4
- package/dist/cjs/components/Profile/IconToggleItem/index.js.map +1 -1
- package/dist/cjs/components/Profile/ProfileHealthGeneral/index.js +3 -5
- package/dist/cjs/components/Profile/ProfileHealthGeneral/index.js.map +1 -1
- package/dist/cjs/components/Profile/RightMenuSectionItem/index.js +1 -5
- package/dist/cjs/components/Profile/RightMenuSectionItem/index.js.map +1 -1
- package/dist/cjs/components/Profile/SetUpAccess/index.js +4 -6
- package/dist/cjs/components/Profile/SetUpAccess/index.js.map +1 -1
- package/dist/cjs/components/Services/Feedback/index.js +11 -13
- package/dist/cjs/components/Services/Feedback/index.js.map +1 -1
- package/dist/cjs/components/Services/NextStepComponent/index.js +2 -6
- package/dist/cjs/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/constants/common.js +1 -1
- package/dist/cjs/constants/common.js.map +1 -1
- package/dist/cjs/constants/i18n/index.js +1 -1
- package/dist/cjs/constants/i18n/index.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/svg/QrCodeIcon.js +2 -4
- package/dist/cjs/svg/QrCodeIcon.js.map +1 -1
- package/dist/cjs/utils/joinClasses.js +1 -7
- package/dist/cjs/utils/joinClasses.js.map +1 -1
- package/dist/cjs/utils/string/toPascalCase.js +1 -3
- package/dist/cjs/utils/string/toPascalCase.js.map +1 -1
- package/dist/esm/baseComponents/Accordion/index.js +5 -9
- package/dist/esm/baseComponents/Accordion/index.js.map +1 -1
- package/dist/esm/baseComponents/BaseField/BaseField.module.css.js +2 -2
- package/dist/esm/baseComponents/BaseField/index.js +22 -24
- package/dist/esm/baseComponents/BaseField/index.js.map +1 -1
- package/dist/esm/baseComponents/Button/index.js +4 -8
- package/dist/esm/baseComponents/Button/index.js.map +1 -1
- package/dist/esm/baseComponents/InputField/index.js +8 -13
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/InputFieldGroup/InputFieldGroup.module.css.js +2 -2
- package/dist/esm/baseComponents/InputFieldGroup/index.js +28 -29
- package/dist/esm/baseComponents/InputFieldGroup/index.js.map +1 -1
- package/dist/esm/baseComponents/Label/index.js +4 -6
- package/dist/esm/baseComponents/Label/index.js.map +1 -1
- package/dist/esm/baseComponents/Loader/index.js +1 -2
- package/dist/esm/baseComponents/Loader/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/index.js +4 -6
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/baseComponents/Overlay/index.js +2 -4
- package/dist/esm/baseComponents/Overlay/index.js.map +1 -1
- package/dist/esm/baseComponents/RadioGroup/index.js +5 -10
- package/dist/esm/baseComponents/RadioGroup/index.js.map +1 -1
- package/dist/esm/baseComponents/RadioToggle/index.js +3 -7
- package/dist/esm/baseComponents/RadioToggle/index.js.map +1 -1
- package/dist/esm/baseComponents/SelectBoxButton/index.js +3 -5
- package/dist/esm/baseComponents/SelectBoxButton/index.js.map +1 -1
- package/dist/esm/baseComponents/StatusText/index.js +1 -5
- package/dist/esm/baseComponents/StatusText/index.js.map +1 -1
- package/dist/esm/baseComponents/TabButtons/index.js +3 -7
- package/dist/esm/baseComponents/TabButtons/index.js.map +1 -1
- package/dist/esm/baseComponents/TextPair/index.js +1 -5
- package/dist/esm/baseComponents/TextPair/index.js.map +1 -1
- package/dist/esm/baseComponents/TextareaField/index.js +7 -11
- package/dist/esm/baseComponents/TextareaField/index.js.map +1 -1
- package/dist/esm/baseComponents/Typography/index.js +6 -6
- package/dist/esm/baseComponents/Typography/index.js.map +1 -1
- package/dist/esm/baseComponents/index.js +18 -18
- package/dist/esm/baseComponents/index.js.map +1 -1
- package/dist/esm/components/ErrorModal/index.js +5 -7
- package/dist/esm/components/ErrorModal/index.js.map +1 -1
- package/dist/esm/components/Identity/Agreement/index.js +3 -5
- package/dist/esm/components/Identity/Agreement/index.js.map +1 -1
- package/dist/esm/components/Identity/Auth/index.js +3 -5
- package/dist/esm/components/Identity/Auth/index.js.map +1 -1
- package/dist/esm/components/Identity/EdsSuccess/index.js +3 -5
- package/dist/esm/components/Identity/EdsSuccess/index.js.map +1 -1
- package/dist/esm/components/Identity/IdentityHeader/index.js +1 -5
- package/dist/esm/components/Identity/IdentityHeader/index.js.map +1 -1
- package/dist/esm/components/Identity/IdentityModal/index.js +9 -14
- package/dist/esm/components/Identity/IdentityModal/index.js.map +1 -1
- package/dist/esm/components/Messages/EmptyMessages/index.js +4 -8
- package/dist/esm/components/Messages/EmptyMessages/index.js.map +1 -1
- package/dist/esm/components/Messages/HelpNotification/index.js +6 -8
- package/dist/esm/components/Messages/HelpNotification/index.js.map +1 -1
- package/dist/esm/components/Messages/HelpNotificationItem/index.js +5 -7
- package/dist/esm/components/Messages/HelpNotificationItem/index.js.map +1 -1
- package/dist/esm/components/Messages/MsgBody/index.js +2 -7
- package/dist/esm/components/Messages/MsgBody/index.js.map +1 -1
- package/dist/esm/components/Messages/MsgComponentHeader/index.js +4 -8
- package/dist/esm/components/Messages/MsgComponentHeader/index.js.map +1 -1
- package/dist/esm/components/Messages/MsgSearch/index.js +6 -8
- package/dist/esm/components/Messages/MsgSearch/index.js.map +1 -1
- package/dist/esm/components/Navigation/ViewToggle/index.js +5 -10
- package/dist/esm/components/Navigation/ViewToggle/index.js.map +1 -1
- package/dist/esm/components/Profile/DocCard/index.js +4 -6
- package/dist/esm/components/Profile/DocCard/index.js.map +1 -1
- package/dist/esm/components/Profile/IconToggleItem/index.js +2 -4
- package/dist/esm/components/Profile/IconToggleItem/index.js.map +1 -1
- package/dist/esm/components/Profile/ProfileHealthGeneral/index.js +3 -5
- package/dist/esm/components/Profile/ProfileHealthGeneral/index.js.map +1 -1
- package/dist/esm/components/Profile/RightMenuSectionItem/index.js +1 -5
- package/dist/esm/components/Profile/RightMenuSectionItem/index.js.map +1 -1
- package/dist/esm/components/Profile/SetUpAccess/index.js +4 -6
- package/dist/esm/components/Profile/SetUpAccess/index.js.map +1 -1
- package/dist/esm/components/Services/Feedback/index.js +11 -13
- package/dist/esm/components/Services/Feedback/index.js.map +1 -1
- package/dist/esm/components/Services/NextStepComponent/index.js +2 -6
- package/dist/esm/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/esm/components/index.js +21 -21
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/constants/common.js +1 -1
- package/dist/esm/constants/common.js.map +1 -1
- package/dist/esm/constants/i18n/index.js +1 -1
- package/dist/esm/constants/i18n/index.js.map +1 -1
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/svg/QrCodeIcon.js +2 -4
- package/dist/esm/svg/QrCodeIcon.js.map +1 -1
- package/dist/esm/utils/joinClasses.js +1 -7
- package/dist/esm/utils/joinClasses.js.map +1 -1
- package/dist/esm/utils/string/toPascalCase.js +1 -3
- package/dist/esm/utils/string/toPascalCase.js.map +1 -1
- package/dist/types/baseComponents/InputField/index.d.ts +2 -0
- package/dist/types/baseComponents/InputFieldGroup/index.d.ts +3 -0
- package/dist/types/baseComponents/TextareaField/index.d.ts +2 -0
- package/dist/types/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".BaseField-module_inputContainer__OO-kD {\n display: flex;\n align-items: center;\n gap: 12px;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n}\n\n.BaseField-module_placeholderPadding__vrmf- {\n padding: 16px 16px;\n}\n\n.BaseField-module_labelPadding__UeTP- {\n padding: 8px 16px;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n}\n\n.BaseField-module_inputContainerIcon__dPNhD {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.BaseField-
|
|
2
|
-
var styles = {"inputContainer":"BaseField-module_inputContainer__OO-kD","placeholderPadding":"BaseField-module_placeholderPadding__vrmf-","labelPadding":"BaseField-module_labelPadding__UeTP-","inputContainerLabeled":"BaseField-module_inputContainerLabeled__2dJtD","inputContainerIcon":"BaseField-module_inputContainerIcon__dPNhD","input":"BaseField-module_input__f-4fw","clearIcon":"BaseField-module_clearIcon__EWZCS","code":"BaseField-module_code__TmEwt"};
|
|
1
|
+
var css_248z = ".BaseField-module_inputContainer__OO-kD {\n display: flex;\n align-items: center;\n gap: 12px;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n}\n\n.BaseField-module_placeholderPadding__vrmf- {\n padding: 16px 16px;\n}\n\n.BaseField-module_labelPadding__UeTP- {\n padding: 8px 16px;\n}\n\n.BaseField-module_inputContainerLabeled__2dJtD {\n width: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n background-color: var(--surface-surface-1);\n border-radius: 8px;\n color: var(--text-secondary);\n}\n\n.BaseField-module_inputContainerIcon__dPNhD {\n width: 100%;\n display: flex;\n flex-direction: row;\n}\n\n.BaseField-module_input__f-4fw {\n width: 100%;\n border: none;\n background-color: var(--surface-surface-1);\n}\n\n.BaseField-module_input__f-4fw:active,\n.BaseField-module_input__f-4fw:focus {\n outline: none;\n}\n\n.BaseField-module_input__f-4fw::placeholder {\n color: var(--text-disabled-color);\n}\n\ninput {\n height: 24px;\n}\n\ntextarea {\n height: 24px;\n box-sizing: border-box;\n resize: none;\n line-height: 24px;\n}\n\n.BaseField-module_input__f-4fw::-webkit-inner-spin-button,\n.BaseField-module_input__f-4fw::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.BaseField-module_clearIcon__EWZCS {\n cursor: pointer;\n}\n\n.BaseField-module_clearIcon__EWZCS > :first-child {\n fill: var(--icon-secondary-color);\n}\n\n.BaseField-module_code__TmEwt {\n text-align: center;\n}\n\n.BaseField-module_baseFieldWrapper__iJ5re {\n display: flex;\n flex-direction: column;\n}\n\n.BaseField-module_hintText__Wx7yd {\n margin-top: 4px;\n color: var(--text-secondary);\n width: 100%;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.BaseField-module_error__Hoe9j {\n color: var(--text-error);\n}\n";
|
|
2
|
+
var styles = {"inputContainer":"BaseField-module_inputContainer__OO-kD","placeholderPadding":"BaseField-module_placeholderPadding__vrmf-","labelPadding":"BaseField-module_labelPadding__UeTP-","inputContainerLabeled":"BaseField-module_inputContainerLabeled__2dJtD","inputContainerIcon":"BaseField-module_inputContainerIcon__dPNhD","input":"BaseField-module_input__f-4fw","clearIcon":"BaseField-module_clearIcon__EWZCS","code":"BaseField-module_code__TmEwt","baseFieldWrapper":"BaseField-module_baseFieldWrapper__iJ5re","hintText":"BaseField-module_hintText__Wx7yd","error":"BaseField-module_error__Hoe9j"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { Icons } from '@egov3/graphics';
|
|
4
3
|
import { forwardRef, useState } from 'react';
|
|
@@ -6,41 +5,40 @@ import { joinClasses } from '../../utils/joinClasses.js';
|
|
|
6
5
|
import typography from '../../styles/typography.module.css.js';
|
|
7
6
|
import styles from './BaseField.module.css.js';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
var handleFocus = function () {
|
|
8
|
+
const BaseFieldInner = ({ value = "", labelText, inputLeftIcon, isClearable, className, style, id, focused: controlledFocused, setFocused, onChange, dataTestid = "BaseField_MAIN", hintText, error, children, }, ref) => {
|
|
9
|
+
const [localFocused, setLocalFocused] = useState(false);
|
|
10
|
+
const focused = controlledFocused ?? localFocused;
|
|
11
|
+
const isLabelShown = !!labelText && (focused || value.length > 0);
|
|
12
|
+
const isLabelPlaceholderShown = !!labelText && !focused && value.length === 0;
|
|
13
|
+
const handleFocus = () => {
|
|
16
14
|
setLocalFocused(true);
|
|
17
|
-
setFocused
|
|
15
|
+
setFocused?.(true);
|
|
18
16
|
};
|
|
19
|
-
|
|
17
|
+
const handleBlur = () => {
|
|
20
18
|
setLocalFocused(false);
|
|
21
|
-
setFocused
|
|
19
|
+
setFocused?.(false);
|
|
22
20
|
};
|
|
23
|
-
|
|
24
|
-
onChange
|
|
21
|
+
const handleChange = (event) => {
|
|
22
|
+
onChange?.(event);
|
|
25
23
|
};
|
|
26
|
-
|
|
24
|
+
const handleClear = () => {
|
|
27
25
|
if (!onChange)
|
|
28
26
|
return;
|
|
29
|
-
|
|
27
|
+
const event = {
|
|
30
28
|
target: { value: "" },
|
|
31
29
|
};
|
|
32
30
|
onChange(event);
|
|
33
31
|
};
|
|
34
|
-
return (jsxs("div",
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
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, focused && 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, error && styles.error), children: labelText })), jsxs("div", { className: styles.inputContainerIcon, "data-testid": `${dataTestid}_INPUT_CONTAINER_ICON`, children: [inputLeftIcon, children({
|
|
33
|
+
focused,
|
|
34
|
+
showLabel: isLabelShown,
|
|
35
|
+
showPlaceholder: isLabelPlaceholderShown,
|
|
36
|
+
handleFocus,
|
|
37
|
+
handleBlur,
|
|
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, error && styles.error), children: hintText }))] }));
|
|
42
40
|
};
|
|
43
|
-
|
|
41
|
+
const BaseField = forwardRef(BaseFieldInner);
|
|
44
42
|
|
|
45
43
|
export { BaseField };
|
|
46
44
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BaseField/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
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,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EACV,QAAQ,EACR,UAAU,GAAG,gBAAgB,EAC7B,QAAQ,EACR,KAAK,EACL,QAAQ,GACW,EACrB,GAA8B,KAC5B;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AACvD,IAAA,MAAM,OAAO,GAAG,iBAAiB,IAAI,YAAY;AAEjD,IAAA,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,KAAK,OAAO,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACjE,IAAA,MAAM,uBAAuB,GAAG,CAAC,CAAC,SAAS,IAAI,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;IAE7E,MAAM,WAAW,GAAG,MAAK;QACvB,eAAe,CAAC,IAAI,CAAC;AACrB,QAAA,UAAU,GAAG,IAAI,CAAC;AACpB,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;QACtB,eAAe,CAAC,KAAK,CAAC;AACtB,QAAA,UAAU,GAAG,KAAK,CAAC;AACrB,IAAA,CAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAA2B,KAAI;AACnD,QAAA,QAAQ,GAAG,KAAK,CAAC;AACnB,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,IAAI,CAAC,QAAQ;YAAE;AAEf,QAAA,MAAM,KAAK,GAAyB;AAClC,YAAA,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAO;SACH;QAEzB,QAAQ,CAAC,KAAK,CAAC;AACjB,IAAA,CAAC;IAED,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,EAC1D,KAAK,EAAE,KAAK,EAAA,aAAA,EACC,UAAU,EAAA,QAAA,EAAA,CAEvBA,IAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,GAAG,EAAA,aAAA,EACK,CAAA,EAAG,UAAU,CAAA,gBAAA,CAAkB,EAC5C,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,cAAc,EACrB,OAAO,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACnC,YAAY,GAAG,MAAM,CAAC,YAAY,GAAG,MAAM,CAAC,kBAAkB,EAC9D,UAAU,CAAC,YAAY,CACxB,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,qBAAqB,EAAA,aAAA,EAC1B,CAAA,EAAG,UAAU,0BAA0B,EAAA,QAAA,EAAA,CAEnD,YAAY,KACXC,GAAA,CAAA,OAAA,EAAA,EACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,WAAW,CACpB,UAAU,CAAC,eAAe,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CACtB,EAAA,QAAA,EAEA,SAAS,EAAA,CACJ,CACT,EACDD,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,aAAA,EACvB,CAAA,EAAG,UAAU,CAAA,qBAAA,CAAuB,EAAA,QAAA,EAAA,CAEhD,aAAa,EACb,QAAQ,CAAC;wCACR,OAAO;AACP,wCAAA,SAAS,EAAE,YAAY;AACvB,wCAAA,eAAe,EAAE,uBAAuB;wCACxC,WAAW;wCACX,UAAU;wCACV,YAAY;AACb,qCAAA,CAAC,CAAA,EAAA,CACE,CAAA,EAAA,CACF,EAEL,WAAW,IAAI,KAAK,KACnBC,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,OAAO,EAAE,WAAW,EAAA,aAAA,EACR,aAAa,EAAA,CACzB,CACH,CAAA,EAAA,CACG,EACL,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,KAC9BA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACe,GAAG,UAAU,CAAA,UAAA,CAAY,EACtC,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,QAAQ,EACf,UAAU,CAAC,YAAY,EACvB,KAAK,IAAI,MAAM,CAAC,KAAK,CACtB,EAAA,QAAA,EAEA,QAAQ,EAAA,CACJ,CACR,CAAA,EAAA,CACG;AAEV,CAAC;MAEY,SAAS,GAAG,UAAU,CAAC,cAAc;;;;"}
|
|
@@ -1,21 +1,17 @@
|
|
|
1
|
-
import { __rest, __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
3
|
import typography from '../../styles/typography.module.css.js';
|
|
5
4
|
import styles from './button.module.css.js';
|
|
6
5
|
|
|
7
|
-
|
|
6
|
+
const btnTypography = {
|
|
8
7
|
mini: typography.caption2Medium,
|
|
9
8
|
small: typography.caption1Medium,
|
|
10
9
|
medium: typography.body2Medium,
|
|
11
10
|
large: typography.body1Medium,
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
? styles["btn-rounded--".concat(size)]
|
|
17
|
-
: styles["btn-square--".concat(size)], disabled ? styles["btn-".concat(variant, "--disabled")] : styles["btn-".concat(variant)], styles.button, className), style: style }, rest, { children: children })));
|
|
18
|
-
};
|
|
12
|
+
const Button = ({ onClick, children, style, className = "", isRounded = false, isIcon = false, disabled = false, variant = "default", size = "medium", "aria-label": ariaLabel = "Кнопка", "data-testid": dataTestid = "Button_MAIN", ...rest }) => (jsx("button", { type: "button", "data-testid": dataTestid, "aria-label": ariaLabel, disabled: disabled, "aria-disabled": disabled, onClick: onClick, className: joinClasses(styles[`btn--${size}`], isIcon && styles[`btn--${size}--icon`], btnTypography[size], isRounded
|
|
13
|
+
? styles[`btn-rounded--${size}`]
|
|
14
|
+
: styles[`btn-square--${size}`], disabled ? styles[`btn-${variant}--disabled`] : styles[`btn-${variant}`], styles.button, className), style: style, ...rest, children: children }));
|
|
19
15
|
|
|
20
16
|
export { Button };
|
|
21
17
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Button/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAkBA,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,UAAU,CAAC,cAAc;IAC/B,KAAK,EAAE,UAAU,CAAC,cAAc;IAChC,MAAM,EAAE,UAAU,CAAC,WAAW;IAC9B,KAAK,EAAE,UAAU,CAAC,WAAW;CAC9B;MAEY,MAAM,GAAG,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,QAAQ,EACf,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,aAAa,EAAE,UAAU,GAAG,aAAa,EACzC,GAAG,IAAI,EACM,MACbA,gBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,UAAU,EAAA,YAAA,EACX,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EACvB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAC,EACtB,MAAM,IAAI,MAAM,CAAC,CAAA,KAAA,EAAQ,IAAI,QAAQ,CAAC,EACtC,aAAa,CAAC,IAAI,CAAC,EACnB;AACE,UAAE,MAAM,CAAC,CAAA,aAAA,EAAgB,IAAI,EAAE;UAC7B,MAAM,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC,EACjC,QAAQ,GAAG,MAAM,CAAC,CAAA,IAAA,EAAO,OAAO,YAAY,CAAC,GAAG,MAAM,CAAC,CAAA,IAAA,EAAO,OAAO,EAAE,CAAC,EACxE,MAAM,CAAC,MAAM,EACb,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EAAA,GACR,IAAI,YAEP,QAAQ,EAAA,CACF;;;;"}
|
|
@@ -1,25 +1,20 @@
|
|
|
1
|
-
import { __rest, __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { forwardRef } from 'react';
|
|
4
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
5
4
|
import { BaseField } from '../BaseField/index.js';
|
|
6
5
|
import styles from '../BaseField/BaseField.module.css.js';
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
|
|
7
|
+
const InputField = forwardRef((props, ref) => {
|
|
8
|
+
const { id, labelText, value, readOnly, onChange, onKeyDown, variant = "default", focused, setFocused, isClearable, inputLeftIcon, error, hintText, ...htmlProps } = props;
|
|
9
|
+
const handleKeyDown = (event) => {
|
|
10
|
+
onKeyDown?.(event);
|
|
13
11
|
if (event.key === "Enter") {
|
|
14
|
-
|
|
12
|
+
props.onEnterPress?.(event);
|
|
15
13
|
}
|
|
16
14
|
};
|
|
17
|
-
return (jsx(BaseField,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
handleChange(e);
|
|
21
|
-
}, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })));
|
|
22
|
-
} })));
|
|
15
|
+
return (jsx(BaseField, { ...props, onChange: onChange, value: value, focused: focused, setFocused: setFocused, isClearable: isClearable, inputLeftIcon: inputLeftIcon, error: error, hintText: hintText, children: ({ handleFocus, handleBlur, showPlaceholder, handleChange }) => (jsx("input", { "data-testid": "InputField_INPUT", ref: ref, ...htmlProps, id: id, value: value, readOnly: readOnly, placeholder: showPlaceholder ? labelText : "", onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => {
|
|
16
|
+
handleChange(e);
|
|
17
|
+
}, className: joinClasses(styles.input, variant === "code" && styles.code, htmlProps.className) })) }));
|
|
23
18
|
});
|
|
24
19
|
|
|
25
20
|
export { InputField };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputField/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
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,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,KAAK,EACL,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,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,YAEjB,CAAC,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,MAC1DA,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,eAAe,GAAG,SAAS,GAAG,EAAE,EAC7C,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;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".InputFieldGroup-module_input__Jz7Ir {\n width: 24px;\n}\n";
|
|
2
|
-
var styles = {"input":"InputFieldGroup-module_input__Jz7Ir"};
|
|
1
|
+
var css_248z = ".InputFieldGroup-module_input__Jz7Ir > div {\n width: 24px;\n}\n\n.InputFieldGroup-module_inputFieldGroupWrapper__CnxEU {\n display: flex;\n flex-direction: column;\n width: min-content;\n}\n\n.InputFieldGroup-module_inputFieldsContainer__F-67e {\n display: flex;\n gap: 8px;\n}\n\n.InputFieldGroup-module_hintText__XOh2k {\n margin-top: 4px;\n color: var(--text-secondary);\n text-align: center;\n width: 100%;\n word-wrap: break-word;\n overflow-wrap: break-word;\n}\n\n.InputFieldGroup-module_error__-K5Hc {\n color: var(--text-error);\n}\n";
|
|
2
|
+
var styles = {"input":"InputFieldGroup-module_input__Jz7Ir","inputFieldGroupWrapper":"InputFieldGroup-module_inputFieldGroupWrapper__CnxEU","inputFieldsContainer":"InputFieldGroup-module_inputFieldsContainer__F-67e","hintText":"InputFieldGroup-module_hintText__XOh2k","error":"InputFieldGroup-module_error__-K5Hc"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,45 +1,44 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useRef } from 'react';
|
|
3
3
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
|
+
import typography from '../../styles/typography.module.css.js';
|
|
4
5
|
import { InputField } from '../InputField/index.js';
|
|
5
6
|
import styles from './InputFieldGroup.module.css.js';
|
|
6
7
|
|
|
7
|
-
|
|
8
|
+
const isModifierKeyPressed = (event) => {
|
|
8
9
|
return event.metaKey || event.ctrlKey || event.altKey;
|
|
9
10
|
};
|
|
10
|
-
|
|
11
|
+
const isSingleDigit = (key) => {
|
|
11
12
|
return key.length === 1 && /^\d$/.test(key);
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
+
const shouldPreventKeyInput = (event) => {
|
|
14
15
|
if (isModifierKeyPressed(event))
|
|
15
16
|
return false;
|
|
16
17
|
if (event.key.length !== 1)
|
|
17
18
|
return false;
|
|
18
19
|
return !isSingleDigit(event.key);
|
|
19
20
|
};
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var _a;
|
|
26
|
-
(_a = inputsRef.current[index]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
21
|
+
const InputFieldGroup = ({ length, code, "aria-label": ariaLabel, "data-testid": dataTestid = "InputFieldGroup_WRAPPER", className, focused, setFocused, hintText, error, handleInputChange, handleKeyDown, }) => {
|
|
22
|
+
const inputsRef = useRef([]);
|
|
23
|
+
const focusInput = (index) => {
|
|
24
|
+
setTimeout(() => {
|
|
25
|
+
inputsRef.current[index]?.focus();
|
|
27
26
|
}, 0);
|
|
28
27
|
};
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
for (
|
|
33
|
-
|
|
28
|
+
const extractDigits = (text) => text.replaceAll(/\D/g, "");
|
|
29
|
+
const handlePaste = (startIndex, pastedText) => {
|
|
30
|
+
const digits = extractDigits(pastedText);
|
|
31
|
+
for (let i = 0; i < digits.length && startIndex + i < length; i++) {
|
|
32
|
+
const index = startIndex + i;
|
|
34
33
|
handleInputChange(index)({
|
|
35
34
|
target: { value: digits[i] },
|
|
36
35
|
});
|
|
37
36
|
}
|
|
38
|
-
|
|
37
|
+
const lastFilledIndex = Math.min(startIndex + digits.length, length - 1);
|
|
39
38
|
focusInput(lastFilledIndex);
|
|
40
39
|
};
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
const handleChange = (index) => (event) => {
|
|
41
|
+
const digits = extractDigits(event.target.value);
|
|
43
42
|
if (digits.length > 1) {
|
|
44
43
|
handlePaste(index, digits);
|
|
45
44
|
return;
|
|
@@ -48,23 +47,23 @@ var InputFieldGroup = function (_a) {
|
|
|
48
47
|
if (digits.length === 1 && index < length - 1) {
|
|
49
48
|
focusInput(index + 1);
|
|
50
49
|
}
|
|
51
|
-
};
|
|
52
|
-
|
|
50
|
+
};
|
|
51
|
+
const handleKey = (index) => (event) => {
|
|
53
52
|
if (shouldPreventKeyInput(event)) {
|
|
54
53
|
event.preventDefault();
|
|
55
54
|
return;
|
|
56
55
|
}
|
|
57
|
-
handleKeyDown
|
|
56
|
+
handleKeyDown?.(index)(event);
|
|
58
57
|
if (event.key === "Backspace" && index > 0) {
|
|
59
58
|
focusInput(index - 1);
|
|
60
59
|
}
|
|
61
|
-
};
|
|
62
|
-
return (jsx(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
60
|
+
};
|
|
61
|
+
return (jsxs("div", { className: joinClasses(styles.inputFieldGroupWrapper, className), "data-testid": dataTestid, children: [jsx("div", { className: styles.inputFieldsContainer, "data-testid": `${dataTestid}_INPUT_FIELDS_CONTAINER`, children: Array.from({ length }).map((_, index) => {
|
|
62
|
+
const fieldId = `inputCode_${index}`;
|
|
63
|
+
return (jsx(InputField, { "data-testid": `${dataTestid}_INPUT_FIELD_${index}`, ref: (el) => {
|
|
64
|
+
inputsRef.current[index] = el;
|
|
65
|
+
}, id: fieldId, type: "text", pattern: "[0-9]*", variant: "code", value: code[index] || "", "aria-label": ariaLabel, focused: focused, setFocused: setFocused, 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, error && styles.error), children: hintText }))] }));
|
|
68
67
|
};
|
|
69
68
|
|
|
70
69
|
export { InputFieldGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/InputFieldGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,22 +1,20 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
3
|
import typography from '../../styles/typography.module.css.js';
|
|
5
4
|
import styles from './Label.module.css.js';
|
|
6
5
|
|
|
7
|
-
|
|
6
|
+
const labelTypography = {
|
|
8
7
|
tiny: typography.caption1Semibold,
|
|
9
8
|
small: typography.body2Medium,
|
|
10
9
|
big: typography.body1Medium,
|
|
11
10
|
};
|
|
12
|
-
|
|
11
|
+
const iconFill = {
|
|
13
12
|
big: "var(--text-primary)",
|
|
14
13
|
small: "var(--text-secondary)",
|
|
15
14
|
tiny: "",
|
|
16
15
|
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return (jsxs("div", __assign({ "data-testid": "Label_WRAPPER", className: joinClasses(styles.wrapper, styles[variant], labelTypography[variant], isSpaced && styles.spaced) }, { children: [jsx("span", __assign({ "data-testid": "Label_TEXT" }, { children: text })), Icon && variant !== "tiny" && (jsx(Icon, { className: styles.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] })));
|
|
16
|
+
const Label = ({ variant, text, isSpaced, Icon, onAction, }) => {
|
|
17
|
+
return (jsxs("div", { "data-testid": "Label_WRAPPER", className: joinClasses(styles.wrapper, styles[variant], labelTypography[variant], isSpaced && styles.spaced), children: [jsx("span", { "data-testid": "Label_TEXT", children: text }), Icon && variant !== "tiny" && (jsx(Icon, { className: styles.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] }));
|
|
20
18
|
};
|
|
21
19
|
|
|
22
20
|
export { Label };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAaA,MAAM,eAAe,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC,gBAAgB;IACjC,KAAK,EAAE,UAAU,CAAC,WAAW;IAC7B,GAAG,EAAE,UAAU,CAAC,WAAW;CAC5B;AAED,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,qBAAqB;AAC1B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,IAAI,EAAE,EAAE;CACT;AAEM,MAAM,KAAK,GAAG,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,GACI,KAAI;AAChB,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,OAAO,EACd,MAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,OAAO,CAAC,EACxB,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,YAAY,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAC3C,IAAI,IAAI,OAAO,KAAK,MAAM,KACzBA,GAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,QAAQ,EAAA,aAAA,EACL,YAAY,EAAA,CACxB,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import styles from './Loader.module.css.js';
|
|
4
3
|
|
|
5
|
-
|
|
4
|
+
const Loader = () => (jsx("div", { "data-testid": "Loader_MAIN", className: styles.backdrop, children: jsx("div", { "data-testid": "Loader_CIRCLE", className: styles.circularProgress }) }));
|
|
6
5
|
|
|
7
6
|
export { Loader };
|
|
8
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Loader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Loader/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAEO,MAAM,MAAM,GAAG,OACpBA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,aAAa,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,QAAA,EACvDA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,CAAQ,EAAA,CACvE;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
2
|
import { Icons } from '@egov3/graphics';
|
|
4
3
|
import React from 'react';
|
|
@@ -8,14 +7,13 @@ import { Overlay } from '../Overlay/index.js';
|
|
|
8
7
|
import { Typography } from '../Typography/index.js';
|
|
9
8
|
import styles from './Modal.module.css.js';
|
|
10
9
|
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
return (jsx(Wrapper, { children: jsxs("div", __assign({ "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, styles["".concat(variant, "Variant")]) }, { children: [header && (jsxs("div", __assign({ "data-testid": "Modal_HEADER", className: styles.contentHeader }, { children: [(header === null || header === void 0 ? void 0 : header.goBackService) && (jsx("button", __assign({ "aria-label": i18n.Modal.AriaBackButton[lang], className: styles.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button" }, { children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) }))), (header === null || header === void 0 ? void 0 : header.goIdentityMain) && (jsx("button", __assign({ "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button" }, { children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) }))), (header === null || header === void 0 ? void 0 : header.title) && (jsx(Typography, __assign({ tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title }, { children: header.title }))), (header === null || header === void 0 ? void 0 : header.isClosable) === true ? (jsx("button", __assign({ type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: function () {
|
|
10
|
+
const Modal = ({ children, header, lang, open, setOpen, variant, withOverlay = true, }) => {
|
|
11
|
+
const Wrapper = withOverlay ? Overlay : React.Fragment;
|
|
12
|
+
return (jsx(Wrapper, { children: jsxs("div", { "data-testid": "Modal_WRAPPER", className: joinClasses(styles.contentWrap, 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.regGoBack, "data-testid": "IdentityHeaderGoBack_BTN", onClick: header.goBackService, type: "button", children: jsx(Icons.Basic.ChevronLeft, { width: "18px", height: "18px" }) })), header?.goIdentityMain && (jsx("button", { "aria-label": i18n.Modal.AriaAuthorizationPageBtn[lang], className: styles.logo, "data-testid": "IdentityHeaderGoMain_BTN", onClick: header.goIdentityMain, type: "button", children: jsx(Icons.Logo.Egov, { width: "69px", height: "24px" }) })), header?.title && (jsx(Typography, { tag: "h3", fontClass: "body1Medium", "data-testid": "Modal_TITLE", className: styles.title, children: header.title })), header?.isClosable === true ? (jsx("button", { type: "button", "data-testid": "ModalHeaderBtn_CLOSE", onClick: () => {
|
|
15
13
|
if (setOpen) {
|
|
16
14
|
setOpen(!open);
|
|
17
15
|
}
|
|
18
|
-
}
|
|
16
|
+
}, children: jsx(Icons.General.Close, { "data-testid": "Modal_ICON" }) })) : (jsx("div", { "data-testid": "IdentityHeaderBtn_CLOSE", className: styles.regCloseBtn }))] })), children] }) }));
|
|
19
17
|
};
|
|
20
18
|
|
|
21
19
|
export { Modal };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Modal/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAyBa,KAAK,GAAG,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,OAAO,EACP,WAAW,GAAG,IAAI,GACN,KAAI;AAChB,IAAA,MAAM,OAAO,GAAG,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,QAAQ;AACtD,IAAA,QACEA,GAAA,CAAC,OAAO,cACNC,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA,EAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,EAAA,QAAA,EAAA,CAEtE,MAAM,KACLA,IAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,cAAc,EAAC,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,QAAA,EAAA,CAC5D,MAAM,EAAE,aAAa,KACpBD,GAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACc,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,EAC3C,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EACf,0BAA0B,EACtC,OAAO,EAAE,MAAM,CAAC,aAAa,EAC7B,IAAI,EAAC,QAAQ,EAAA,QAAA,EAEbA,GAAA,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EAAA,CAC/C,CACV,EACA,MAAM,EAAE,cAAc,KACrBA,GAAA,CAAA,QAAA,EAAA,EAAA,YAAA,EACc,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,EACrD,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACV,0BAA0B,EACtC,OAAO,EAAE,MAAM,CAAC,cAAc,EAC9B,IAAI,EAAC,QAAQ,EAAA,QAAA,EAEbA,IAAC,KAAK,CAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,GACvC,CACV,EACA,MAAM,EAAE,KAAK,KACZA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,IAAI,EACR,SAAS,EAAC,aAAa,iBACX,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAEtB,MAAM,CAAC,KAAK,GACF,CACd,EACA,MAAM,EAAE,UAAU,KAAK,IAAI,IAC1BA,gBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,sBAAsB,EAClC,OAAO,EAAE,MAAK;AACZ,gCAAA,IAAI,OAAO,EAAE;AACX,oCAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AACf,gCAAA;AACH,4BAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAAA,aAAA,EAAa,YAAY,EAAA,CAAG,EAAA,CACzC,KAETA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,yBAAyB,EACrC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAC7B,CACH,CAAA,EAAA,CACG,CACP,EACA,QAAQ,CAAA,EAAA,CACL,EAAA,CACE;AAEd;;;;"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
3
|
import styles from './Overlay.module.css.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return (jsx("div", __assign({ className: className ? joinClasses(styles.overlay, className) : styles.overlay, "data-testid": "Overlay_WRAP" }, { children: children })));
|
|
5
|
+
const Overlay = ({ children, className }) => {
|
|
6
|
+
return (jsx("div", { className: className ? joinClasses(styles.overlay, className) : styles.overlay, "data-testid": "Overlay_WRAP", children: children }));
|
|
9
7
|
};
|
|
10
8
|
|
|
11
9
|
export { Overlay };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Overlay/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Overlay/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AASO,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAiB,KAAI;AAChE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EACP,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,EAAA,aAAA,EAEzD,cAAc,EAAA,QAAA,EAEzB,QAAQ,EAAA,CACL;AAEV;;;;"}
|
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
3
|
import typography from '../../styles/typography.module.css.js';
|
|
5
4
|
import styles from './RadioGroup.module.css.js';
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
};
|
|
11
|
-
var RadioGroup = function (_a) {
|
|
12
|
-
var radioGroupItems = _a.radioGroupItems, setSelectedOption = _a.setSelectedOption, selectedOption = _a.selectedOption;
|
|
13
|
-
var handleChange = function (event) {
|
|
6
|
+
const CustomRadioButton = ({ label, name, checked, onChange, value, }) => (jsxs("label", { "data-testid": "RadioGroupItem_LABEL", className: styles.radio, children: [jsx("input", { "data-testid": "RadioGroupItem_INPUT", value: value, type: "radio", name: name, checked: checked, onChange: onChange }), jsx("span", { "data-testid": "RadioGroupItem_RADIO", className: styles.radioBtn }), jsx("span", { "data-testid": "RadioGroupItem_TEXT", className: joinClasses(styles.radioBtnText, typography.body2Regular), children: label })] }));
|
|
7
|
+
const RadioGroup = ({ radioGroupItems, setSelectedOption, selectedOption, }) => {
|
|
8
|
+
const handleChange = (event) => {
|
|
14
9
|
setSelectedOption(event.target.value);
|
|
15
10
|
};
|
|
16
|
-
return (jsx("fieldset",
|
|
11
|
+
return (jsx("fieldset", { "data-testid": "RadioGroup_FIELDSET", children: radioGroupItems.map((item) => (jsx(CustomRadioButton, { label: item.label, name: "radio", checked: selectedOption === item.value, onChange: handleChange, value: item.value }, item.label))) }));
|
|
17
12
|
};
|
|
18
13
|
|
|
19
14
|
export { CustomRadioButton, RadioGroup };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/RadioGroup/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAwBO,MAAM,iBAAiB,GAAG,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,GACmB,MACxBA,IAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EAAmB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EACc,sBAAsB,EAClC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAAA,CAClB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EAAkB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAS,EAC5EA,GAAA,CAAA,MAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,EAAA,QAAA,EAEnE,KAAK,EAAA,CACD,CAAA,EAAA,CACD;AAGH,MAAM,UAAU,GAAG,CAAC,EACzB,eAAe,EACf,iBAAiB,EACjB,cAAc,GACG,KAAI;AACrB,IAAA,MAAM,YAAY,GAAG,CAAC,KAA0C,KAAI;AAClE,QAAA,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACvC,IAAA,CAAC;IACD,QACEA,GAAA,CAAA,UAAA,EAAA,EAAA,aAAA,EAAsB,qBAAqB,EAAA,QAAA,EACxC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,MACxBA,GAAA,CAAC,iBAAiB,EAAA,EAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC,KAAK,EACtC,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAA,EALZ,IAAI,CAAC,KAAK,CAMf,CACH,CAAC,EAAA,CACO;AAEf;;;;"}
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
3
|
import styles from './RadioToggle.module.css.js';
|
|
5
4
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
setLock(!lock);
|
|
10
|
-
} }, { children: jsx("div", __assign({ "data-testid": "RadioToggle_WRAP", className: joinClasses(styles.wrap, lock && styles.wrapLock) }, { children: jsx("div", { "data-testid": "RadioToggle_ROUND", className: styles.round }) })) })));
|
|
11
|
-
};
|
|
5
|
+
const RadioToggle = ({ lock, setLock }) => (jsx("button", { type: "button", "data-testid": "RadioToggle_BUTTON", "aria-pressed": lock, "aria-label": "\u041A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F", onClick: () => {
|
|
6
|
+
setLock(!lock);
|
|
7
|
+
}, children: jsx("div", { "data-testid": "RadioToggle_WRAP", className: joinClasses(styles.wrap, lock && styles.wrapLock), children: jsx("div", { "data-testid": "RadioToggle_ROUND", className: styles.round }) }) }));
|
|
12
8
|
|
|
13
9
|
export { RadioToggle };
|
|
14
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/RadioToggle/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAWO,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,OAAO,EAAqB,MAC9DA,GAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,oBAAoB,EAAA,cAAA,EAClB,IAAI,EAAA,YAAA,EACP,+GAAqB,EAChC,OAAO,EAAE,MAAK;AACZ,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC;AAChB,IAAA,CAAC,EAAA,QAAA,EAEDA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,kBAAkB,EAC9B,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,IAAI,IAAI,MAAM,CAAC,QAAQ,CAAC,EAAA,QAAA,EAE5DA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,mBAAmB,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,CAAQ,EAAA,CAChE,EAAA,CACC;;;;"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { __assign } from 'tslib';
|
|
2
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
2
|
import { Icons } from '@egov3/graphics';
|
|
4
3
|
import { i18n } from '../../constants/i18n/index.js';
|
|
@@ -6,10 +5,9 @@ import { joinClasses } from '../../utils/joinClasses.js';
|
|
|
6
5
|
import { Typography } from '../Typography/index.js';
|
|
7
6
|
import styles from './SelectBoxButton.module.css.js';
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return (jsxs("button", __assign({ type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick }, { children: [jsxs("div", __assign({ "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper }, { children: [jsx(Typography, __assign({ tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: joinClasses(styles.textOverflow, error ? styles.errorLabel : styles.label), "aria-label": labelText }, { children: labelText })), hasValue && (jsx(Typography, __assign({ tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: joinClasses(styles.selectText, styles.textOverflow), "aria-label": modalValue }, { children: modalValue })))] })), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.AriaExpandButton[lang], className: styles.chevronIcon, fill: "var(--icon-secondary-color)", "data-testid": "SelectBoxModal_CHEVRON_ICON" })] })));
|
|
8
|
+
const SelectBoxButton = ({ handleClick, labelText, disabled, error, modalValue, lang, }) => {
|
|
9
|
+
const hasValue = modalValue && modalValue.length > 0;
|
|
10
|
+
return (jsxs("button", { type: "button", "data-testid": "SelectBoxModal_BUTTON", className: styles.selectContainer, disabled: disabled, onClick: handleClick, children: [jsxs("div", { "data-testid": "SelectBoxModal_TITLE", className: styles.labelWrapper, children: [jsx(Typography, { tag: "label", fontClass: hasValue ? "caption1Regular" : "body2Regular", "data-testid": "SelectBoxModal_LABEL", className: joinClasses(styles.textOverflow, error ? styles.errorLabel : styles.label), "aria-label": labelText, children: labelText }), hasValue && (jsx(Typography, { tag: "span", fontClass: "body2Regular", "data-testid": "SelectBoxModal_VALUE", className: joinClasses(styles.selectText, styles.textOverflow), "aria-label": modalValue, children: modalValue }))] }), jsx(Icons.Basic.ChevronDownSmall, { "aria-label": i18n.SelectBoxButton.AriaExpandButton[lang], className: styles.chevronIcon, fill: "var(--icon-secondary-color)", "data-testid": "SelectBoxModal_CHEVRON_ICON" })] }));
|
|
13
11
|
};
|
|
14
12
|
|
|
15
13
|
export { SelectBoxButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SelectBoxButton/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAgBO,MAAM,eAAe,GAAG,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,QAAQ,EACR,KAAK,EACL,UAAU,EACV,IAAI,GACY,KAAI;IACpB,MAAM,QAAQ,GAAG,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;AAEpD,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACD,uBAAuB,EACnC,SAAS,EAAE,MAAM,CAAC,eAAe,EACjC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EAAA,QAAA,EAAA,CAEpBA,6BAAiB,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,QAAA,EAAA,CACpEC,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,OAAO,EACX,SAAS,EAAE,QAAQ,GAAG,iBAAiB,GAAG,cAAc,EAAA,aAAA,EAC5C,sBAAsB,EAClC,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,YAAY,EACnB,KAAK,GAAG,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC,KAAK,CACzC,EAAA,YAAA,EACW,SAAS,EAAA,QAAA,EAEpB,SAAS,EAAA,CACC,EAEZ,QAAQ,KACPA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,cAAc,EAAA,aAAA,EACZ,sBAAsB,EAClC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,YAAY,CAAC,EAAA,YAAA,EAClD,UAAU,EAAA,QAAA,EAErB,UAAU,EAAA,CACA,CACd,CAAA,EAAA,CACG,EACNA,IAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,EAAA,EAAA,YAAA,EACf,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,EACvD,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,6BAA6B,EAAA,aAAA,EACtB,6BAA6B,EAAA,CACzC,CAAA,EAAA,CACK;AAEb;;;;"}
|