@egov3/system-design 1.3.83 → 1.3.85
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 +7 -1
- package/dist/cjs/baseComponents/Button/button.module.css.js +2 -2
- package/dist/cjs/baseComponents/Button/index.js +2 -2
- package/dist/cjs/baseComponents/Button/index.js.map +1 -1
- package/dist/cjs/baseComponents/InputField/InputField.module.css.js +2 -2
- package/dist/cjs/baseComponents/InputField/index.js +46 -4
- package/dist/cjs/baseComponents/InputField/index.js.map +1 -1
- package/dist/cjs/baseComponents/Label/Label.module.css.js +2 -2
- package/dist/cjs/baseComponents/Label/index.js +14 -4
- package/dist/cjs/baseComponents/Label/index.js.map +1 -1
- package/dist/cjs/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/cjs/baseComponents/Modal/index.js +6 -7
- package/dist/cjs/baseComponents/Modal/index.js.map +1 -1
- package/dist/cjs/baseComponents/Overlay/Overlay.module.css.js +22 -0
- package/dist/cjs/baseComponents/Overlay/Overlay.module.css.js.map +1 -0
- package/dist/cjs/baseComponents/Overlay/index.js +14 -0
- package/dist/cjs/baseComponents/Overlay/index.js.map +1 -0
- package/dist/cjs/baseComponents/StatusText/index.js +2 -2
- package/dist/cjs/baseComponents/StatusText/index.js.map +1 -1
- package/dist/cjs/baseComponents/TextPair/TextPair.module.css.js +22 -0
- package/dist/cjs/baseComponents/TextPair/TextPair.module.css.js.map +1 -0
- package/dist/cjs/baseComponents/TextPair/index.js +15 -0
- package/dist/cjs/baseComponents/TextPair/index.js.map +1 -0
- package/dist/cjs/baseComponents/index.js +29 -25
- package/dist/cjs/baseComponents/index.js.map +1 -1
- package/dist/cjs/components/Feedback/Feedback.module.css.js +22 -0
- package/dist/cjs/components/Feedback/Feedback.module.css.js.map +1 -0
- package/dist/cjs/components/Feedback/index.js +47 -0
- package/dist/cjs/components/Feedback/index.js.map +1 -0
- package/dist/cjs/components/IdentityModal/index.js +3 -1
- package/dist/cjs/components/IdentityModal/index.js.map +1 -1
- package/dist/cjs/components/SetUpAccess/index.js +3 -1
- package/dist/cjs/components/SetUpAccess/index.js.map +1 -1
- package/dist/cjs/components/index.js +18 -16
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/constants/i18n/index.js +58 -1
- package/dist/cjs/constants/i18n/index.js.map +1 -1
- package/dist/cjs/styles/colors.css.js +1 -1
- package/dist/esm/baseComponents/Button/button.module.css.js +2 -2
- package/dist/esm/baseComponents/Button/index.js +2 -2
- package/dist/esm/baseComponents/Button/index.js.map +1 -1
- package/dist/esm/baseComponents/InputField/InputField.module.css.js +2 -2
- package/dist/esm/baseComponents/InputField/index.js +47 -5
- package/dist/esm/baseComponents/InputField/index.js.map +1 -1
- package/dist/esm/baseComponents/Label/Label.module.css.js +2 -2
- package/dist/esm/baseComponents/Label/index.js +14 -4
- package/dist/esm/baseComponents/Label/index.js.map +1 -1
- package/dist/esm/baseComponents/Modal/Modal.module.css.js +2 -2
- package/dist/esm/baseComponents/Modal/index.js +4 -5
- package/dist/esm/baseComponents/Modal/index.js.map +1 -1
- package/dist/esm/baseComponents/Overlay/Overlay.module.css.js +18 -0
- package/dist/esm/baseComponents/Overlay/Overlay.module.css.js.map +1 -0
- package/dist/esm/baseComponents/Overlay/index.js +12 -0
- package/dist/esm/baseComponents/Overlay/index.js.map +1 -0
- package/dist/esm/baseComponents/StatusText/index.js +2 -2
- package/dist/esm/baseComponents/StatusText/index.js.map +1 -1
- package/dist/esm/baseComponents/TextPair/TextPair.module.css.js +18 -0
- package/dist/esm/baseComponents/TextPair/TextPair.module.css.js.map +1 -0
- package/dist/esm/baseComponents/TextPair/index.js +13 -0
- package/dist/esm/baseComponents/TextPair/index.js.map +1 -0
- package/dist/esm/baseComponents/index.js +5 -1
- package/dist/esm/baseComponents/index.js.map +1 -1
- package/dist/esm/components/Feedback/Feedback.module.css.js +18 -0
- package/dist/esm/components/Feedback/Feedback.module.css.js.map +1 -0
- package/dist/esm/components/Feedback/index.js +45 -0
- package/dist/esm/components/Feedback/index.js.map +1 -0
- package/dist/esm/components/IdentityModal/index.js +3 -1
- package/dist/esm/components/IdentityModal/index.js.map +1 -1
- package/dist/esm/components/SetUpAccess/index.js +3 -1
- package/dist/esm/components/SetUpAccess/index.js.map +1 -1
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/constants/i18n/index.js +58 -1
- package/dist/esm/constants/i18n/index.js.map +1 -1
- package/dist/esm/styles/colors.css.js +1 -1
- package/dist/types/baseComponents/Button/index.d.ts +1 -0
- package/dist/types/baseComponents/InputField/index.d.ts +4 -4
- package/dist/types/baseComponents/Label/index.d.ts +7 -3
- package/dist/types/baseComponents/Overlay/index.d.ts +8 -0
- package/dist/types/baseComponents/TextPair/index.d.ts +7 -0
- package/dist/types/components/Feedback/index.d.ts +13 -0
- package/dist/types/index.d.ts +10 -4
- package/package.json +1 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var css_248z = ".Overlay-module_overlay__GhGVx {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n box-sizing: border-box;\n}\n";
|
|
2
|
+
var styles = {"overlay":"Overlay-module_overlay__GhGVx"};
|
|
3
|
+
function styleInject(css, options) {
|
|
4
|
+
if (typeof document === 'undefined') return;
|
|
5
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
6
|
+
const style = document.createElement('style');
|
|
7
|
+
style.type = 'text/css';
|
|
8
|
+
if (style.styleSheet) {
|
|
9
|
+
style.styleSheet.cssText = css;
|
|
10
|
+
} else {
|
|
11
|
+
style.appendChild(document.createTextNode(css));
|
|
12
|
+
}
|
|
13
|
+
head.appendChild(style);
|
|
14
|
+
}
|
|
15
|
+
styleInject(css_248z);
|
|
16
|
+
|
|
17
|
+
export { styles as default };
|
|
18
|
+
//# sourceMappingURL=Overlay.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Overlay.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { joinClasses } from '../../utils/joinClasses.js';
|
|
4
|
+
import styles from './Overlay.module.css.js';
|
|
5
|
+
|
|
6
|
+
var Overlay = function (_a) {
|
|
7
|
+
var children = _a.children, className = _a.className;
|
|
8
|
+
return (jsx("div", __assign({ className: className ? joinClasses(styles.overlay, className) : styles.overlay, "data-testid": "Overlay_WRAP" }, { children: children })));
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export { Overlay };
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Overlay/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AASO,IAAM,OAAO,GAAG,UAAC,EAAsC,EAAA;QAApC,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA;AAC3C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EACP,SAAS,GAAG,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,EAAA,aAAA,EAEzD,cAAc,EAAA,EAAA,EAAA,QAAA,EAEzB,QAAQ,EAAA,CAAA,CACL;AAEV;;;;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { __assign } from 'tslib';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Icons } from '@egov3/graphics';
|
|
4
|
-
import {
|
|
4
|
+
import { TextPair } from '../TextPair/index.js';
|
|
5
5
|
import styles from './StatusText.module.css.js';
|
|
6
6
|
|
|
7
7
|
var StatusText = function (_a) {
|
|
8
8
|
var text = _a.text, _b = _a.isAlignedCenter, isAlignedCenter = _b === void 0 ? false : _b, _c = _a.isNeedIcon, isNeedIcon = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "ERROR" : _d;
|
|
9
|
-
return (jsxs("div", __assign({ "data-testid": "StatusText_WRAP", className: styles.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsx("div", __assign({ "data-testid": "StatusTextError_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsx("div", __assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsx(Icons.General.InfoStroke, { className: styles.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsx("div", __assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsx(Icons.General.CheckedRound, { className: styles.iconWrapper, fill: "var(--icon-success)" }) }))), jsx("div", __assign({ className: isAlignedCenter ? styles.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsx(
|
|
9
|
+
return (jsxs("div", __assign({ "data-testid": "StatusText_WRAP", className: styles.wrap }, { children: [isNeedIcon && variant === "ERROR" && (jsx("div", __assign({ "data-testid": "StatusTextError_ICON" }, { children: jsx(Icons.General.Error, { className: styles.iconWrapper, fill: "var(--icon-error-color)" }) }))), isNeedIcon && variant === "INFO" && (jsx("div", __assign({ "data-testid": "StatusTextInfo_ICON" }, { children: jsx(Icons.General.InfoStroke, { className: styles.iconWrapper, fill: "var(--icon-accent-color)" }) }))), isNeedIcon && variant === "SUCCESS" && (jsx("div", __assign({ "data-testid": "StatusTextSuccess_ICON" }, { children: jsx(Icons.General.CheckedRound, { className: styles.iconWrapper, fill: "var(--icon-success)" }) }))), jsx("div", __assign({ className: isAlignedCenter ? styles.centerAlign : undefined, "data-testid": "StatusText_TEXT" }, { children: jsx(TextPair, { mainText: text, variant: variant }) }))] })));
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
export { StatusText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BA,GAAA,CAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/StatusText/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAaO,IAAM,UAAU,GAAG,UAAC,EAKR,EAAA;QAJjB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAA,GAAA,EAAA,CAAA,eAAuB,EAAvB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,KAAA,EACvB,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,eAAiB,EAAjB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA;AACK,IAAA,QACtBA,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,iBAAiB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACtD,UAAU,IAAI,OAAO,KAAK,OAAO,KAChCC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,sBAAsB,EAAA,EAAA,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAA,EAClB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,EAAA,CAC9B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,MAAM,KAC/BA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAA,EAAA,EAAA,QAAA,EACpCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,EAAA,EACvB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,0BAA0B,EAAA,CAC/B,EAAA,CAAA,CACE,CACP,EACA,UAAU,IAAI,OAAO,KAAK,SAAS,KAClCA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,wBAAwB,EAAA,EAAA,EAAA,QAAA,EACvCA,GAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAA,EACzB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,qBAAqB,EAAA,CAC1B,EAAA,CAAA,CACE,CACP,EACDA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,eAAe,GAAG,MAAM,CAAC,WAAW,GAAG,SAAS,EAAA,aAAA,EAC/C,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE7BA,GAAA,CAAC,QAAQ,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,CAAI,EAAA,CAAA,CAC1C,KACF;AAhCgB;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var css_248z = ".TextPair-module_secondaryText__FXPSx {\n color: var(--text-secondary);\n}\n\n.TextPair-module_textVariantRegular__NZKNO {\n color: var(--text-primary);\n}\n\n.TextPair-module_textVariantError__t1TS4 {\n color: var(--text-error);\n}\n\n.TextPair-module_textVariantInfo__z-oNu {\n color: var(--text-accent);\n}\n\n.TextPair-module_textVariantSuccess__oEbaK {\n color: var(--text-success);\n}\n\n.TextPair-module_label__ZJWNp {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n flex: 1 0 0;\n}\n";
|
|
2
|
+
var styles = {"secondaryText":"TextPair-module_secondaryText__FXPSx","textVariantRegular":"TextPair-module_textVariantRegular__NZKNO","textVariantError":"TextPair-module_textVariantError__t1TS4","textVariantInfo":"TextPair-module_textVariantInfo__z-oNu","textVariantSuccess":"TextPair-module_textVariantSuccess__oEbaK","label":"TextPair-module_label__ZJWNp"};
|
|
3
|
+
function styleInject(css, options) {
|
|
4
|
+
if (typeof document === 'undefined') return;
|
|
5
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
6
|
+
const style = document.createElement('style');
|
|
7
|
+
style.type = 'text/css';
|
|
8
|
+
if (style.styleSheet) {
|
|
9
|
+
style.styleSheet.cssText = css;
|
|
10
|
+
} else {
|
|
11
|
+
style.appendChild(document.createTextNode(css));
|
|
12
|
+
}
|
|
13
|
+
head.appendChild(style);
|
|
14
|
+
}
|
|
15
|
+
styleInject(css_248z);
|
|
16
|
+
|
|
17
|
+
export { styles as default };
|
|
18
|
+
//# sourceMappingURL=TextPair.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextPair.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { toPascalCase } from '../../utils/string/toPascalCase.js';
|
|
4
|
+
import { Typography } from '../Typography/index.js';
|
|
5
|
+
import styles from './TextPair.module.css.js';
|
|
6
|
+
|
|
7
|
+
var TextPair = function (_a) {
|
|
8
|
+
var mainText = _a.mainText, _b = _a.secondaryText, secondaryText = _b === void 0 ? "" : _b, _c = _a.variant, variant = _c === void 0 ? "REGULAR" : _c;
|
|
9
|
+
return (jsxs("span", __assign({ "data-testid": "Label_WRAPPER", className: styles.label }, { children: [jsx(Typography, __assign({ tag: "span", "data-testid": "TextPair_MAIN", "aria-label": mainText, className: styles["textVariant".concat(toPascalCase(variant))], fontClass: "body2Regular" }, { children: mainText })), (secondaryText === null || secondaryText === void 0 ? void 0 : secondaryText.length) > 0 && (jsx(Typography, __assign({ tag: "span", "data-testid": "TextPair_SECONDARY", "aria-label": secondaryText, className: styles.secondaryText, fontClass: "caption1Regular" }, { children: secondaryText })))] })));
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export { TextPair };
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/TextPair/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAUO,IAAM,QAAQ,GAAG,UAAC,EAIR,EAAA;AAHf,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,aAAkB,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,EAAA,GAAA,EAAA,CAAA,OAAmB,EAAnB,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA;AACC,IAAA,QACpBA,IAAA,CAAA,MAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAkB,eAAe,EAAC,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,EAAA,EAAA,QAAA,EAAA,CACvDC,IAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,eAAe,EAAA,YAAA,EACf,QAAQ,EACpB,SAAS,EAAE,MAAM,CAAC,qBAAc,YAAY,CAAC,OAAO,CAAC,CAAE,CAAC,EACxD,SAAS,EAAC,cAAc,EAAA,EAAA,EAAA,QAAA,EAEvB,QAAQ,EAAA,CAAA,CACE,EACZ,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,MAAA,GAAA,MAAA,GAAb,aAAa,CAAE,MAAM,IAAG,CAAC,KACxBA,GAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EACT,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,oBAAoB,gBACpB,aAAa,EACzB,SAAS,EAAE,MAAM,CAAC,aAAa,EAC/B,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,aAAa,EAAA,CAAA,CACH,CACd,KACI;AAtBa;;;;"}
|
|
@@ -5,11 +5,13 @@ import { InputField } from './InputField/index.js';
|
|
|
5
5
|
import { Label } from './Label/index.js';
|
|
6
6
|
import { Loader } from './Loader/index.js';
|
|
7
7
|
import { Modal } from './Modal/index.js';
|
|
8
|
+
import { Overlay } from './Overlay/index.js';
|
|
8
9
|
import { RadioGroup, CustomRadioButton } from './RadioGroup/index.js';
|
|
9
10
|
import { RadioToggle } from './RadioToggle/index.js';
|
|
10
11
|
import { SelectBoxButton } from './SelectBoxButton/index.js';
|
|
11
12
|
import { StatusText } from './StatusText/index.js';
|
|
12
13
|
import { TabButtons } from './TabButtons/index.js';
|
|
14
|
+
import { TextPair } from './TextPair/index.js';
|
|
13
15
|
import { Typography } from './Typography/index.js';
|
|
14
16
|
|
|
15
17
|
var BaseComponents = {
|
|
@@ -17,15 +19,17 @@ var BaseComponents = {
|
|
|
17
19
|
Button: Button,
|
|
18
20
|
CustomRadioButton: CustomRadioButton,
|
|
19
21
|
InputField: InputField,
|
|
22
|
+
Label: Label,
|
|
20
23
|
Loader: Loader,
|
|
21
24
|
Modal: Modal,
|
|
22
25
|
RadioGroup: RadioGroup,
|
|
23
26
|
RadioToggle: RadioToggle,
|
|
24
27
|
SelectBoxButton: SelectBoxButton,
|
|
25
28
|
Typography: Typography,
|
|
26
|
-
|
|
29
|
+
TextPair: TextPair,
|
|
27
30
|
TabButtons: TabButtons,
|
|
28
31
|
StatusText: StatusText,
|
|
32
|
+
Overlay: Overlay,
|
|
29
33
|
};
|
|
30
34
|
|
|
31
35
|
export { BaseComponents };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/baseComponents/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;AAiBO,IAAM,cAAc,GAAG;AAC5B,IAAA,SAAS,EAAA,SAAA;AACT,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,iBAAiB,EAAA,iBAAA;AACjB,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,MAAM,EAAA,MAAA;AACN,IAAA,KAAK,EAAA,KAAA;AACL,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,eAAe,EAAA,eAAA;AACf,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,QAAQ,EAAA,QAAA;AACR,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,OAAO,EAAA,OAAA;;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
var css_248z = ".Feedback-module_wrap__Fth3r {\n display: flex;\n flex-direction: column;\n width: 400px;\n gap: 12px;\n animation: Feedback-module_flyUp__7nAmw 1s;\n}\n\n.Feedback-module_card__VN0ke {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n\n border-radius: 12px;\n background: var(--surface-surface-2);\n box-shadow: 0 12px 32px 0 rgba(128, 130, 136, 0.5);\n}\n\n.Feedback-module_content__Z5k4R {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 16px;\n padding: 16px;\n}\n\n.Feedback-module_icons__IBXgG {\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.Feedback-module_icon__ws0WA {\n width: 48px;\n height: 48px;\n fill: var(--icon-tertiary);\n cursor: pointer;\n}\n\n.Feedback-module_text__ICy-u {\n color: var(--text-secondary);\n}\n\n.Feedback-module_button__5jzxO {\n margin-top: 16px;\n}\n\n@keyframes Feedback-module_flyUp__7nAmw {\n from {\n transform: translateY(1000px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n";
|
|
2
|
+
var styles = {"wrap":"Feedback-module_wrap__Fth3r","card":"Feedback-module_card__VN0ke","content":"Feedback-module_content__Z5k4R","icons":"Feedback-module_icons__IBXgG","icon":"Feedback-module_icon__ws0WA","text":"Feedback-module_text__ICy-u","button":"Feedback-module_button__5jzxO"};
|
|
3
|
+
function styleInject(css, options) {
|
|
4
|
+
if (typeof document === 'undefined') return;
|
|
5
|
+
const head = document.head || document.getElementsByTagName('head')[0];
|
|
6
|
+
const style = document.createElement('style');
|
|
7
|
+
style.type = 'text/css';
|
|
8
|
+
if (style.styleSheet) {
|
|
9
|
+
style.styleSheet.cssText = css;
|
|
10
|
+
} else {
|
|
11
|
+
style.appendChild(document.createTextNode(css));
|
|
12
|
+
}
|
|
13
|
+
head.appendChild(style);
|
|
14
|
+
}
|
|
15
|
+
styleInject(css_248z);
|
|
16
|
+
|
|
17
|
+
export { styles as default };
|
|
18
|
+
//# sourceMappingURL=Feedback.module.css.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Feedback.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { Icons } from '@egov3/graphics';
|
|
4
|
+
import { BaseComponents } from '../../baseComponents/index.js';
|
|
5
|
+
import { i18n } from '../../constants/i18n/index.js';
|
|
6
|
+
import styles from './Feedback.module.css.js';
|
|
7
|
+
|
|
8
|
+
var Feedback = function (_a) {
|
|
9
|
+
var onAction = _a.onAction, value = _a.value, onChange = _a.onChange, lang = _a.lang, rating = _a.rating, setRating = _a.setRating, setOpen = _a.setOpen;
|
|
10
|
+
var langDic = i18n.Feedback;
|
|
11
|
+
var getEmojiColor = function (emojiRating) {
|
|
12
|
+
if (rating !== emojiRating)
|
|
13
|
+
return "var(--icon-tertiary)";
|
|
14
|
+
switch (emojiRating) {
|
|
15
|
+
case 1:
|
|
16
|
+
return "var(--icon-error-color)";
|
|
17
|
+
case 2:
|
|
18
|
+
return "var(--icon-warning-color)";
|
|
19
|
+
case 3:
|
|
20
|
+
return "var(--icon-accent-color)";
|
|
21
|
+
case 4:
|
|
22
|
+
case 5:
|
|
23
|
+
return "var(--icon-success)";
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
var handleEmojiClick = function (emojiRating) {
|
|
27
|
+
setRating(emojiRating);
|
|
28
|
+
};
|
|
29
|
+
return (jsx(BaseComponents.Overlay, { children: jsxs("div", __assign({ "data-testid": "Feedback_WRAP", className: styles.wrap }, { children: [jsxs("div", __assign({ "data-testid": "Feedback_WRAP_RATING", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "big", isSpaced: true, text: langDic.titleRating[lang], Icon: Icons.General.Close, onAction: function () {
|
|
30
|
+
setOpen(false);
|
|
31
|
+
} }), jsxs("div", __assign({ "data-testid": "Feedback_RATING_CONTENT", className: styles.content }, { children: [jsxs("div", __assign({ "data-testid": "Feedback_ICONS", className: styles.icons }, { children: [jsx(Icons.Emoji.Angry, { className: styles.icon, fill: getEmojiColor(1), "data-color": getEmojiColor(1), "aria-label": langDic.angryEmoji[lang], onClick: function () {
|
|
32
|
+
handleEmojiClick(1);
|
|
33
|
+
} }), jsx(Icons.Emoji.Frowning, { className: styles.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.frowningEmoji[lang], onClick: function () {
|
|
34
|
+
handleEmojiClick(2);
|
|
35
|
+
} }), jsx(Icons.Emoji.Neutral, { className: styles.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.neutralEmoji[lang], onClick: function () {
|
|
36
|
+
handleEmojiClick(3);
|
|
37
|
+
} }), jsx(Icons.Emoji.Smile, { className: styles.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.smileEmoji[lang], onClick: function () {
|
|
38
|
+
handleEmojiClick(4);
|
|
39
|
+
} }), jsx(Icons.Emoji.Grin, { className: styles.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.grinEmoji[lang], onClick: function () {
|
|
40
|
+
handleEmojiClick(5);
|
|
41
|
+
} })] })), jsx(BaseComponents.Typography, __assign({ tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.descriptionText[lang] }, { children: langDic.descriptionText[lang] }))] }))] })), jsxs("div", __assign({ "data-testid": "Feedback_WRAP_INPUT", className: styles.card }, { children: [jsx(BaseComponents.Label, { variant: "small", isSpaced: true, text: langDic.titleFeedback[lang] }), jsxs("div", __assign({ className: styles.content, "data-testid": "Feedback_CONTENT_INPUT" }, { children: [jsx(BaseComponents.InputField, { id: "serviceFeedbackInput", ariaLabel: langDic.inputAriaLabel[lang], labelText: langDic.inputLabel[lang], value: value, onChange: onChange, autoExpand: true }), jsx(BaseComponents.Button, __assign({ size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN" }, { children: langDic.sendButton[lang] }))] }))] }))] })) }));
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export { Feedback };
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -21,7 +21,9 @@ var IdentityModal = function (_a) {
|
|
|
21
21
|
goBackService: goBackService,
|
|
22
22
|
} }, { children: jsx("div", __assign({ className: styles.loginBox, "data-testid": "IdentityModule_LOGIN_BOX" }, { children: jsxs("div", __assign({ className: styles.loginBody, "data-testid": "IdentityModule_LOGIN_BODY" }, { children: [isMain && (jsx(IdentityHeader, { goMainPage: navigator(goMainClosure.primary), lang: lang })), children] })) })) })), handleLangChange && (jsx("div", __assign({ className: styles.langFooterWrapper, "data-testid": "IdentityModule_FOOTER" }, { children: languageList.map(function (_a) {
|
|
23
23
|
var langCode = _a[0], langLabel = _a[1];
|
|
24
|
-
return (jsx("button", __assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses(styles.langFooter, langCode === lang
|
|
24
|
+
return (jsx("button", __assign({ type: "button", "data-testid": "IdentityModule_FOOTER_BTN_".concat(langCode), className: joinClasses(styles.langFooter, langCode === lang
|
|
25
|
+
? styles.langFooterActive
|
|
26
|
+
: styles.langFooterNotActive), "aria-label": langDic.LangBtnAria[lang], onClick: function () {
|
|
25
27
|
handleLangChange(langCode);
|
|
26
28
|
} }, { children: jsx(BaseComponents.Typography, __assign({ "aria-label": langLabel, "data-testid": "IdentityModule_FOOTER_".concat(langCode), fontClass: "caption1Semibold", tag: "span" }, { children: langCode.toLocaleUpperCase() })) }), langCode));
|
|
27
29
|
}) })))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAgBO,IAAM,aAAa,GAAG,UAAC,EAOR,EAAA;AANpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,YAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,IAAM,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;IAED,QACEA,4BACEC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,QAAA,CAAA,EACnB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,KAAK,EAClB,IAAI,EAAC,IAAI,EACT,MAAM,EACJ;AACE,sBAAE;AACF,sBAAE;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/IdentityModal/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAgBO,IAAM,aAAa,GAAG,UAAC,EAOR,EAAA;AANpB,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,MAAM,YAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA;AAET,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAC3B,IAAA,IAAM,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;IAED,QACEA,4BACEC,GAAA,CAAC,cAAc,CAAC,KAAK,EAAA,QAAA,CAAA,EACnB,OAAO,EAAC,OAAO,EACf,WAAW,EAAE,KAAK,EAClB,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;AAC7B,qBAAA,EAAA,EAAA,EAAA,QAAA,EAGPA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EAAc,0BAA0B,EAAA,EAAA,EAAA,QAAA,EACrED,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EACf,2BAA2B,EAAA,EAAA,EAAA,QAAA,EAAA,CAEtC,MAAM,KACLC,GAAA,CAAC,cAAc,EAAA,EACb,UAAU,EAAE,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAC5C,IAAI,EAAE,IAAI,EAAA,CACV,CACH,EACA,QAAQ,CAAA,EAAA,CAAA,CACL,EAAA,CAAA,CACF,EAAA,CAAA,CACe,EACtB,gBAAgB,KACfA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EACE,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,aAAA,EACvB,uBAAuB,EAAA,EAAA,EAAA,QAAA,EAElC,YAAY,CAAC,GAAG,CAAC,UAAC,EAAqB,EAAA;wBAApB,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA;oBAAM,QAC3CA,yBACE,IAAI,EAAC,QAAQ,EAAA,aAAA,EACA,4BAAA,CAAA,MAAA,CAA6B,QAAQ,CAAE,EAEpD,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,UAAU,EACjB,QAAQ,KAAK;8BACT,MAAM,CAAC;AACT,8BAAE,MAAM,CAAC,mBAAmB,CAC/B,EAAA,YAAA,EACW,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,OAAO,EAAE,YAAA;4BACP,gBAAgB,CAAC,QAAQ,CAAC;AAC5B,wBAAA,CAAC,EAAA,EAAA,EAAA,QAAA,EAEDA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,YAAA,EACZ,SAAS,EAAA,aAAA,EACR,wBAAA,CAAA,MAAA,CAAyB,QAAQ,CAAE,EAChD,SAAS,EAAC,kBAAkB,EAC5B,GAAG,EAAC,MAAM,EAAA,EAAA,EAAA,QAAA,EAET,QAAQ,CAAC,iBAAiB,EAAE,EAAA,CAAA,CACH,EAAA,CAAA,EAnBvB,QAAQ,CAoBN;AAxBkC,gBAAA,CAyB5C,CAAC,EAAA,CAAA,CACE,CACP,CAAA,EAAA,CACA;AAEP;;;;"}
|
|
@@ -9,7 +9,9 @@ import styles from './SetUpAccess.module.css.js';
|
|
|
9
9
|
var SetUpAccess = function (_a) {
|
|
10
10
|
var lock = _a.lock, unlock = _a.unlock, setClose = _a.setClose, close = _a.close, lang = _a.lang;
|
|
11
11
|
var langDic = i18n.SetUpAccess;
|
|
12
|
-
return (jsxs(Fragment, { children: [jsxs("div", __assign({ "data-testid": "SetUpAccess_WRAP", className: styles.wrap }, { children: [jsx(IconToggleItem, { Icon: Icons.Logo.Kaspi, lock: lock, unlock: unlock, text: langDic.kaspiBank[lang] }), jsx(IconToggleItem, { Icon: Icons.Logo.Halyk, lock: lock, unlock: unlock, text: langDic.halykBank[lang] }), jsx(BaseComponents.Typography, __assign({ tag: "span", "data-testid": "SetUpAccess_INFO", className: styles.info, "aria-label": langDic.setUpAccessInfo[lang], fontClass: "caption1Regular" }, { children: langDic.setUpAccessInfo[lang] }))] })), jsx("div", __assign({ "data-testid": "SetUpAccessBtn_WRAP", className: styles.wrap }, { children: jsx(BaseComponents.Button, __assign({ className: styles.button, "aria-label": langDic.setUpAccessBtnSave[lang], onClick: function () {
|
|
12
|
+
return (jsxs(Fragment, { children: [jsxs("div", __assign({ "data-testid": "SetUpAccess_WRAP", className: styles.wrap }, { children: [jsx(IconToggleItem, { Icon: Icons.Logo.Kaspi, lock: lock, unlock: unlock, text: langDic.kaspiBank[lang] }), jsx(IconToggleItem, { Icon: Icons.Logo.Halyk, lock: lock, unlock: unlock, text: langDic.halykBank[lang] }), jsx(BaseComponents.Typography, __assign({ tag: "span", "data-testid": "SetUpAccess_INFO", className: styles.info, "aria-label": langDic.setUpAccessInfo[lang], fontClass: "caption1Regular" }, { children: langDic.setUpAccessInfo[lang] }))] })), jsx("div", __assign({ "data-testid": "SetUpAccessBtn_WRAP", className: styles.wrap }, { children: jsx(BaseComponents.Button, __assign({ className: styles.button, "aria-label": langDic.setUpAccessBtnSave[lang], onClick: function () {
|
|
13
|
+
setClose(!close);
|
|
14
|
+
}, size: "large", "data-testid": "SetUpAccessBtn_SAVE" }, { children: langDic.setUpAccessBtnSave[lang] })) }))] }));
|
|
13
15
|
};
|
|
14
16
|
|
|
15
17
|
export { SetUpAccess };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/SetUpAccess/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAeO,IAAM,WAAW,GAAG,UAAC,EAMR,EAAA;AALlB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,WAAW;AAChC,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/SetUpAccess/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAeO,IAAM,WAAW,GAAG,UAAC,EAMR,EAAA;AALlB,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,IAAI,GAAA,EAAA,CAAA,IAAA;AAEJ,IAAA,IAAM,OAAO,GAAG,IAAI,CAAC,WAAW;AAChC,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAAA,CACxDE,GAAA,CAAC,cAAc,EAAA,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFA,GAAA,CAAC,cAAc,EAAA,EACb,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA,CAC7B,EACFA,GAAA,CAAC,cAAc,CAAC,UAAU,EAAA,QAAA,CAAA,EACxB,GAAG,EAAC,MAAM,EAAA,aAAA,EACE,kBAAkB,EAC9B,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,YAAA,EACV,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EACzC,SAAS,EAAC,iBAAiB,EAAA,EAAA,EAAA,QAAA,EAE1B,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,EAAA,CAAA,CACJ,CAAA,EAAA,CAAA,CACxB,EACNA,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA,EAAA,aAAA,EAAiB,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,EAAA,EAAA,QAAA,EAC3DA,IAAC,cAAc,CAAC,MAAM,EAAA,QAAA,CAAA,EACpB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAA,YAAA,EACZ,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAC5C,OAAO,EAAE,YAAA;AACP,wBAAA,QAAQ,CAAC,CAAC,KAAK,CAAC;AAClB,oBAAA,CAAC,EACD,IAAI,EAAC,OAAO,EAAA,aAAA,EACA,qBAAqB,EAAA,EAAA,EAAA,QAAA,EAEhC,OAAO,CAAC,kBAAkB,CAAC,IAAI,CAAC,IACX,EAAA,CAAA,CACpB,CAAA,EAAA,CACL;AAEP;;;;"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { DocCard } from './DocCard/index.js';
|
|
2
2
|
import { ErrorModal } from './ErrorModal/index.js';
|
|
3
|
+
import { Feedback } from './Feedback/index.js';
|
|
3
4
|
import { IconToggleItem } from './IconToggleItem/index.js';
|
|
4
5
|
import { IdentityHeader } from './IdentityHeader/index.js';
|
|
5
6
|
import { IdentityModal } from './IdentityModal/index.js';
|
|
@@ -17,6 +18,7 @@ var Components = {
|
|
|
17
18
|
IconToggleItem: IconToggleItem,
|
|
18
19
|
SetUpAccess: SetUpAccess,
|
|
19
20
|
ProfileHealthGeneral: ProfileHealthGeneral,
|
|
21
|
+
Feedback: Feedback,
|
|
20
22
|
};
|
|
21
23
|
|
|
22
24
|
export { Components };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/index.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAYO,IAAM,UAAU,GAAG;AACxB,IAAA,aAAa,EAAA,aAAA;AACb,IAAA,cAAc,EAAA,cAAA;AACd,IAAA,OAAO,EAAA,OAAA;AACP,IAAA,UAAU,EAAA,UAAA;AACV,IAAA,oBAAoB,EAAA,oBAAA;AACpB,IAAA,cAAc,EAAA,cAAA;AACd,IAAA,WAAW,EAAA,WAAA;AACX,IAAA,oBAAoB,EAAA,oBAAA;AACpB,IAAA,QAAQ,EAAA,QAAA;;;;;"}
|
|
@@ -6,11 +6,68 @@ var i18n = {
|
|
|
6
6
|
en: "Button to change language",
|
|
7
7
|
},
|
|
8
8
|
Languages: {
|
|
9
|
-
kk: "Қазақша",
|
|
10
9
|
ru: "Русский",
|
|
10
|
+
kk: "Қазақша",
|
|
11
11
|
en: "English",
|
|
12
12
|
},
|
|
13
13
|
},
|
|
14
|
+
Feedback: {
|
|
15
|
+
titleRating: {
|
|
16
|
+
ru: "Оцените получение услуги на eGov",
|
|
17
|
+
kk: "eGov арқылы қызмет алуды бағалаңыз",
|
|
18
|
+
en: "Rate your experience of receiving the service on eGov",
|
|
19
|
+
},
|
|
20
|
+
descriptionText: {
|
|
21
|
+
ru: "Данный опрос проводится с целью улучшения качества услуг, просим честно оценить качество получения услуги!",
|
|
22
|
+
kk: "Бұл сауалнама қызметтердің сапасын жақсарту мақсатында жүргізілуде, қызмет алу сапасын шынайы бағалауыңызды сұраймыз!",
|
|
23
|
+
en: "This survey is conducted to improve the quality of services. Please rate your service experience honestly!",
|
|
24
|
+
},
|
|
25
|
+
titleFeedback: {
|
|
26
|
+
ru: "Напишите отзыв",
|
|
27
|
+
kk: "Пікір қалдырыңыз",
|
|
28
|
+
en: "Leave your feedback",
|
|
29
|
+
},
|
|
30
|
+
inputLabel: {
|
|
31
|
+
ru: "Ваш текст",
|
|
32
|
+
kk: "Мәтініңіз",
|
|
33
|
+
en: "Your text",
|
|
34
|
+
},
|
|
35
|
+
inputAriaLabel: {
|
|
36
|
+
ru: "Поле ввода текста для вашего отзыва",
|
|
37
|
+
kk: "Өз пікіріңізді жазуға арналған мәтін өрісі",
|
|
38
|
+
en: "Text input field for your feedback",
|
|
39
|
+
},
|
|
40
|
+
angryEmoji: {
|
|
41
|
+
ru: "Очень плохо",
|
|
42
|
+
kk: "Өте нашар",
|
|
43
|
+
en: "Very bad",
|
|
44
|
+
},
|
|
45
|
+
frowningEmoji: {
|
|
46
|
+
ru: "Плохо",
|
|
47
|
+
kk: "Нашар",
|
|
48
|
+
en: "Bad",
|
|
49
|
+
},
|
|
50
|
+
neutralEmoji: {
|
|
51
|
+
ru: "Нормально",
|
|
52
|
+
kk: "Қалыпты",
|
|
53
|
+
en: "Okay",
|
|
54
|
+
},
|
|
55
|
+
smileEmoji: {
|
|
56
|
+
ru: "Хорошо",
|
|
57
|
+
kk: "Жақсы",
|
|
58
|
+
en: "Good",
|
|
59
|
+
},
|
|
60
|
+
grinEmoji: {
|
|
61
|
+
ru: "Отлично",
|
|
62
|
+
kk: "Өте жақсы",
|
|
63
|
+
en: "Excellent",
|
|
64
|
+
},
|
|
65
|
+
sendButton: {
|
|
66
|
+
ru: "Отправить",
|
|
67
|
+
kk: "Жіберу",
|
|
68
|
+
en: "Send",
|
|
69
|
+
},
|
|
70
|
+
},
|
|
14
71
|
Modal: {
|
|
15
72
|
ariaAuthorizationPageBtn: {
|
|
16
73
|
ru: "Кнопка для перехода на страницу авторизации",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/constants/i18n/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n --surface-accent: #0581da;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n --text-success: #57bb09;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
1
|
+
var css_248z = ":root {\n /* Buttons Colors */\n --button-alternative-default-color: rgba(170, 170, 170, 0.64);\n --button-disabled-default-color: #c5ccd3;\n --button-primary-default: #0581da;\n --button-primary-on-hover-color: #1a9cfa;\n --button-secondary-default-color: #e6e9ec;\n --button-secondary-on-hover: #c5ccd3;\n --button-tinted-default-color: #e1f0fb;\n --button-tinted-on-hover-color: #b2d9f5;\n --button-black-default-color: #000;\n --button-black-on-hover-color: #333;\n\n /* Default Colors */\n --default-primary-accent: #0581da;\n --default-white-color: #fff;\n --default-black-color: #000;\n\n /* General lightmode colors */\n --leaf: #c1dc19;\n\n /* Icons Colors */\n --icon-accent-color: #0581da;\n --icon-error-color: #f35929;\n --icon-secondary-color: #758393;\n --icon-success: #57bb09;\n --icon-warning-color: #f3a229;\n --icon-tertiary: #ccd1d7;\n\n /* Page Color */\n --page-color-background-gray: #f0f2f4;\n --page-color-background-white: #fff;\n\n /* Surface Colors */\n --surface-surface-1: #f0f2f4;\n --surface-surface-2: #fff;\n --surface-surface-3-color: #e3e7eb;\n --surface-surface-alt: rgba(240, 242, 244, 0.8);\n --surface-surface-black-nonconvert: #000;\n --surface-surface-black-opacity: rgba(0, 0, 0, 0.24);\n --surface-surface-white-nonconvert: #fff;\n --surface-surface-tinted: #e1f0fb;\n --surface-accent: #0581da;\n\n /* Text Colors */\n --text-accent: #0581da;\n --text-disabled-accent-color: #9bcdf0;\n --text-disabled-color: #929daa;\n --text-primary: #000;\n --text-secondary: #758393;\n --text-white-nonconvert-color: #fff;\n --text-error: #f35929;\n --text-success: #57bb09;\n\n /* Border-Stroke Colors */\n --border-stroke-primary: #e6e9ec;\n}\n";
|
|
2
2
|
function styleInject(css, options) {
|
|
3
3
|
if (typeof document === 'undefined') return;
|
|
4
4
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React__default, { JSX, HTMLInputTypeAttribute } from 'react';
|
|
2
2
|
|
|
3
|
-
interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
3
|
+
interface IInputFieldProps extends React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>, HTMLInputElement | HTMLTextAreaElement> {
|
|
4
4
|
onFocus?: () => void;
|
|
5
5
|
onBlur?: () => void;
|
|
6
|
-
onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement>) => void;
|
|
7
|
-
onChange?: (event: React__default.ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
+
onEnterPress?: (event: React__default.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
7
|
+
onChange?: (event: React__default.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
8
8
|
value?: string;
|
|
9
|
-
placeholder?: string;
|
|
10
9
|
className?: string;
|
|
11
10
|
style?: React__default.CSSProperties;
|
|
12
11
|
isClearable?: boolean;
|
|
@@ -20,6 +19,7 @@ interface IInputFieldProps extends React__default.DetailedHTMLProps<React__defau
|
|
|
20
19
|
readOnly?: boolean;
|
|
21
20
|
dataTestid?: string;
|
|
22
21
|
variant?: "default" | "code";
|
|
22
|
+
autoExpand?: boolean;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
export type { IInputFieldProps };
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import { ComponentType, SVGProps } from 'react';
|
|
2
|
+
|
|
1
3
|
interface ILabelProps {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
4
|
+
variant: "big" | "small" | "tiny";
|
|
5
|
+
text: string;
|
|
6
|
+
isSpaced: boolean;
|
|
7
|
+
Icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
8
|
+
onAction?: () => void;
|
|
5
9
|
}
|
|
6
10
|
|
|
7
11
|
export type { ILabelProps };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from 'react';
|
|
2
|
+
import { ILangProps } from '~interfaces/common';
|
|
3
|
+
|
|
4
|
+
interface IFeedbackProps extends ILangProps {
|
|
5
|
+
onAction: () => void;
|
|
6
|
+
rating: number;
|
|
7
|
+
setRating: Dispatch<SetStateAction<number>>;
|
|
8
|
+
setOpen: Dispatch<SetStateAction<boolean>>;
|
|
9
|
+
value?: string;
|
|
10
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
export type { IFeedbackProps };
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IFeedbackProps } from './components/Feedback/index.js';
|
|
1
2
|
import { IProfileHealthGeneral } from './components/ProfileHealthGeneral/index.js';
|
|
2
3
|
import { ISetUpAccessProps } from './components/SetUpAccess/index.js';
|
|
3
4
|
import { IIconToggleItemProps } from './components/IconToggleItem/index.js';
|
|
@@ -6,13 +7,15 @@ import { IErrorModalProps } from './components/ErrorModal/index.js';
|
|
|
6
7
|
import { IDocCardProps } from './components/DocCard/index.js';
|
|
7
8
|
import { IPrimaryProps } from './components/IdentityHeader/index.js';
|
|
8
9
|
import { IIdentityModalProps } from './components/IdentityModal/index.js';
|
|
10
|
+
import { IOverlayProps } from './baseComponents/Overlay/index.js';
|
|
9
11
|
import { IStatusTextProps } from './baseComponents/StatusText/index.js';
|
|
10
12
|
import { ITabButtonsProps } from './baseComponents/TabButtons/index.js';
|
|
11
|
-
import {
|
|
13
|
+
import { ITextPairProps } from './baseComponents/TextPair/index.js';
|
|
12
14
|
import { ITypographyProps } from './baseComponents/Typography/index.js';
|
|
13
15
|
import { ISelectBoxProps } from './baseComponents/SelectBoxButton/index.js';
|
|
14
16
|
import { IRadioToggleProps } from './baseComponents/RadioToggle/index.js';
|
|
15
17
|
import { IModalProps } from './baseComponents/Modal/index.js';
|
|
18
|
+
import { ILabelProps } from './baseComponents/Label/index.js';
|
|
16
19
|
import * as React from 'react';
|
|
17
20
|
import { IInputFieldProps } from './baseComponents/InputField/index.js';
|
|
18
21
|
import { ICustomRadioButtonProps, IRadioGroupProps } from './baseComponents/RadioGroup/index.js';
|
|
@@ -23,18 +26,20 @@ import { IAccordionProps } from './baseComponents/Accordion/index.js';
|
|
|
23
26
|
declare const SystemDesign: {
|
|
24
27
|
BaseComponents: {
|
|
25
28
|
Accordion: ({ open, setOpen, children, title, }: IAccordionProps) => react_jsx_runtime.JSX.Element;
|
|
26
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
29
|
+
Button: ({ onClick, children, style, className, isRounded, isIcon, disabled, variant, size, "aria-label": ariaLabel, "data-testid": dataTestid, ...rest }: IButtonProps) => react_jsx_runtime.JSX.Element;
|
|
27
30
|
CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => react_jsx_runtime.JSX.Element;
|
|
28
|
-
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
31
|
+
InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
32
|
+
Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react_jsx_runtime.JSX.Element;
|
|
29
33
|
Loader: () => react_jsx_runtime.JSX.Element;
|
|
30
34
|
Modal: ({ children, header, lang, open, setOpen, variant, withOverlay, }: IModalProps) => react_jsx_runtime.JSX.Element;
|
|
31
35
|
RadioGroup: ({ radioGroupItems, setSelectedOption, selectedOption, }: IRadioGroupProps) => react_jsx_runtime.JSX.Element;
|
|
32
36
|
RadioToggle: ({ lock, setLock }: IRadioToggleProps) => react_jsx_runtime.JSX.Element;
|
|
33
37
|
SelectBoxButton: ({ handleClick, labelText, disabled, error, modalValue, lang, }: ISelectBoxProps) => react_jsx_runtime.JSX.Element;
|
|
34
38
|
Typography: React.FC<ITypographyProps>;
|
|
35
|
-
|
|
39
|
+
TextPair: ({ mainText, secondaryText, variant, }: ITextPairProps) => react_jsx_runtime.JSX.Element;
|
|
36
40
|
TabButtons: ({ tabDocLabels, activeTab, handleClick, }: ITabButtonsProps) => react_jsx_runtime.JSX.Element;
|
|
37
41
|
StatusText: ({ text, isAlignedCenter, isNeedIcon, variant, }: IStatusTextProps) => react_jsx_runtime.JSX.Element;
|
|
42
|
+
Overlay: ({ children, className }: IOverlayProps) => react_jsx_runtime.JSX.Element;
|
|
38
43
|
};
|
|
39
44
|
Components: {
|
|
40
45
|
IdentityModal: ({ children, goBackService, handleLangChange, isMain, lang, navigator, }: IIdentityModalProps) => react_jsx_runtime.JSX.Element;
|
|
@@ -45,6 +50,7 @@ declare const SystemDesign: {
|
|
|
45
50
|
IconToggleItem: ({ Icon, text, lock, unlock, }: IIconToggleItemProps) => react_jsx_runtime.JSX.Element;
|
|
46
51
|
SetUpAccess: ({ lock, unlock, setClose, close, lang, }: ISetUpAccessProps) => react_jsx_runtime.JSX.Element;
|
|
47
52
|
ProfileHealthGeneral: ({ lang, attachedClinic, compulsoryHealthInsurance, }: IProfileHealthGeneral) => react_jsx_runtime.JSX.Element;
|
|
53
|
+
Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react_jsx_runtime.JSX.Element;
|
|
48
54
|
};
|
|
49
55
|
};
|
|
50
56
|
|