@egov3/system-design 1.3.167 → 1.3.168
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/BottomSheet/BottomSheet.module.css.js +1 -1
- package/dist/cjs/baseComponents/BottomSheet/index.js +2 -2
- package/dist/cjs/baseComponents/BottomSheet/index.js.map +1 -1
- package/dist/cjs/baseComponents/Label/index.js +2 -2
- package/dist/cjs/baseComponents/Label/index.js.map +1 -1
- package/dist/cjs/components/Services/Feedback/Feedback.module.css.js +2 -2
- package/dist/cjs/components/Services/Feedback/index.js +27 -22
- package/dist/cjs/components/Services/Feedback/index.js.map +1 -1
- package/dist/esm/baseComponents/BottomSheet/BottomSheet.module.css.js +1 -1
- package/dist/esm/baseComponents/BottomSheet/index.js +2 -2
- package/dist/esm/baseComponents/BottomSheet/index.js.map +1 -1
- package/dist/esm/baseComponents/Label/index.js +2 -2
- package/dist/esm/baseComponents/Label/index.js.map +1 -1
- package/dist/esm/components/Services/Feedback/Feedback.module.css.js +2 -2
- package/dist/esm/components/Services/Feedback/index.js +22 -17
- package/dist/esm/components/Services/Feedback/index.js.map +1 -1
- package/dist/types/baseComponents/BottomSheet/index.d.ts +4 -1
- package/dist/types/baseComponents/Label/index.d.ts +2 -1
- package/dist/types/components/Services/Feedback/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n align-self: flex-end;\n width: 100%;\n background: var(--page-color-background-white);\n border-radius:
|
|
5
|
+
var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n align-self: flex-end;\n width: 100%;\n background: var(--page-color-background-white);\n border-radius: 12px 12px 0 0;\n display: flex;\n flex-direction: column;\n height: auto;\n max-height: calc(100% - 64px);\n animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n display: flex;\n align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n padding: 16px 20px;\n flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n display: flex;\n width: 56px;\n padding: 16px;\n align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n flex: 0 0 auto;\n box-sizing: content-box;\n width: 36px;\n height: 4px;\n margin: 0 auto;\n padding: 8px;\n border-radius: 8px;\n background: var(--icon-tertiary);\n background-clip: content-box;\n cursor: grab;\n touch-action: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .BottomSheet-module_contentWrap__ffurp {\n animation: none;\n }\n}\n";
|
|
6
6
|
var styles = {"contentWrap":"BottomSheet-module_contentWrap__ffurp","slideUp":"BottomSheet-module_slideUp__lehy7","largeVariant":"BottomSheet-module_largeVariant__9LYsH","smallVariant":"BottomSheet-module_smallVariant__9hVmR","contentBody":"BottomSheet-module_contentBody__Ku11-","contentHeader":"BottomSheet-module_contentHeader__MrGrx","posLeft":"BottomSheet-module_posLeft__7OLLr","posRight":"BottomSheet-module_posRight__TCy-f","grabber":"BottomSheet-module_grabber__NiEaj"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
@@ -8,9 +8,9 @@ var index = require('../Overlay/index.js');
|
|
|
8
8
|
var index$1 = require('../Typography/index.js');
|
|
9
9
|
var BottomSheet_module = require('./BottomSheet.module.css.js');
|
|
10
10
|
|
|
11
|
-
const BottomSheet = ({ children, title, setIsOpen, variant, }) => {
|
|
11
|
+
const BottomSheet = ({ children, title, setIsOpen, variant, classNames, }) => {
|
|
12
12
|
const { grabberProps, sheetRef } = useDragToClose.useDragToClose(setIsOpen);
|
|
13
|
-
return (jsxRuntime.jsx(index.Overlay, { children: jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BottomSheet_module.default.contentWrap, BottomSheet_module.default[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsxRuntime.jsx("div", { className: BottomSheet_module.default.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxRuntime.jsxs("div", { className: BottomSheet_module.default.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsxRuntime.jsx(index$1.Typography, { className: BottomSheet_module.default.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsxRuntime.jsx("button", { className: BottomSheet_module.default.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
|
|
13
|
+
return (jsxRuntime.jsx(index.Overlay, { children: jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(BottomSheet_module.default.contentWrap, BottomSheet_module.default[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsxRuntime.jsx("div", { className: BottomSheet_module.default.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxRuntime.jsxs("div", { className: BottomSheet_module.default.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsxRuntime.jsx(index$1.Typography, { className: joinClasses.joinClasses(BottomSheet_module.default.posLeft, classNames?.title), "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsxRuntime.jsx("button", { className: BottomSheet_module.default.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
|
|
14
14
|
setIsOpen(false);
|
|
15
15
|
}, type: "button", children: jsxRuntime.jsx(Close.CloseIcon, { "data-testid": "BottomSheetClose_ICON", height: 24, width: 24 }) })] }), jsxRuntime.jsx("div", { className: BottomSheet_module.default.contentBody, "data-testid": "BottomSheet_BODY", children: children })] }) }));
|
|
16
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["useDragToClose","_jsx","Overlay","_jsxs","joinClasses","styles","Typography","CloseIcon"],"mappings":";;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["useDragToClose","_jsx","Overlay","_jsxs","joinClasses","styles","Typography","CloseIcon"],"mappings":";;;;;;;;;;AAmBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,UAAU,GACQ,KAAqB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAGA,6BAAc,CAAC,SAAS,CAAC;AAE5D,IAAA,QACEC,cAAA,CAACC,aAAO,cACNC,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,GAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,EAAA,aAAA,EAC3D,qBAAqB,EACjC,GAAG,EAAE,QAAQ,aAEbJ,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEI,0BAAM,CAAC,OAAO,EAAA,aAAA,EACb,qBAAqB,KAC7B,YAAY,EAAA,CAChB,EACFF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,0BAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpEJ,cAAA,CAACK,kBAAU,EAAA,EACT,SAAS,EAAEF,uBAAW,CAACC,0BAAM,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,EAAA,aAAA,EAC7C,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,YAEP,KAAK,EAAA,CACK,EACbJ,cAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAEI,0BAAM,CAAC,QAAQ,EAAA,aAAA,EACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbJ,cAAA,CAACM,eAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENN,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,0BAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}
|
|
@@ -15,8 +15,8 @@ const iconFill = {
|
|
|
15
15
|
small: "var(--text-secondary)",
|
|
16
16
|
tiny: "",
|
|
17
17
|
};
|
|
18
|
-
const Label = ({ variant, text, isSpaced, Icon, onAction, }) => {
|
|
19
|
-
return (jsxRuntime.jsxs("div", { "data-testid": "Label_WRAPPER", className: joinClasses.joinClasses(Label_module.default.wrapper, Label_module.default[variant], labelTypography[variant], isSpaced && Label_module.default.spaced), children: [jsxRuntime.jsx("span", { "data-testid": "Label_TEXT", children: text }), Icon && variant !== "tiny" && (jsxRuntime.jsx(Icon, { className: Label_module.default.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] }));
|
|
18
|
+
const Label = ({ variant, text, isSpaced, Icon, onAction, className, }) => {
|
|
19
|
+
return (jsxRuntime.jsxs("div", { "data-testid": "Label_WRAPPER", className: joinClasses.joinClasses(Label_module.default.wrapper, Label_module.default[variant], labelTypography[variant], isSpaced && Label_module.default.spaced, className), children: [jsxRuntime.jsx("span", { "data-testid": "Label_TEXT", children: text }), Icon && variant !== "tiny" && (jsxRuntime.jsx(Icon, { className: Label_module.default.icon, fill: iconFill[variant], onClick: onAction, "data-testid": "Label_ICON" }))] }));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
exports.Label = Label;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["typography","_jsxs","joinClasses","styles","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/Label/index.tsx"],"sourcesContent":[null],"names":["typography","_jsxs","joinClasses","styles","_jsx"],"mappings":";;;;;;;AAcA,MAAM,eAAe,GAAG;IACtB,IAAI,EAAEA,yBAAU,CAAC,gBAAgB;IACjC,KAAK,EAAEA,yBAAU,CAAC,WAAW;IAC7B,GAAG,EAAEA,yBAAU,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,EACR,SAAS,GACG,KAAI;AAChB,IAAA,QACEC,eAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,eAAe,EAC3B,SAAS,EAAEC,uBAAW,CACpBC,oBAAM,CAAC,OAAO,EACdA,oBAAM,CAAC,OAAO,CAAC,EACf,eAAe,CAAC,OAAO,CAAC,EACxB,QAAQ,IAAIA,oBAAM,CAAC,MAAM,EACzB,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,wCAAkB,YAAY,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAC3C,IAAI,IAAI,OAAO,KAAK,MAAM,KACzBA,cAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAED,oBAAM,CAAC,IAAI,EACtB,IAAI,EAAE,QAAQ,CAAC,OAAO,CAAC,EACvB,OAAO,EAAE,QAAQ,iBACL,YAAY,EAAA,CACxB,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".Feedback-module_wrap__ymdNC {\n display: flex;\n flex-direction: column;\n width: 400px;\n gap:
|
|
6
|
-
var styles = {"wrap":"Feedback-module_wrap__ymdNC","card":"Feedback-module_card__B2AoJ","content":"Feedback-module_content__eQbBZ","icons":"Feedback-module_icons__fgzFi","icon":"Feedback-module_icon__VHuCB","text":"Feedback-module_text__Dd6e8","button":"Feedback-module_button__sXuzg","overlayModalFix":"Feedback-module_overlayModalFix__ly4nq"};
|
|
5
|
+
var css_248z = ".Feedback-module_wrap__ymdNC {\n display: flex;\n flex-direction: column;\n width: 400px;\n gap: 8px;\n animation: Feedback-module_flyUp__SZXCL 1s;\n margin: auto;\n}\n\n.Feedback-module_card__B2AoJ {\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__eQbBZ {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 16px;\n padding: 16px;\n}\n\n.Feedback-module_icons__fgzFi {\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.Feedback-module_icon__VHuCB {\n width: 48px;\n height: 48px;\n fill: var(--icon-tertiary);\n cursor: pointer;\n}\n\n.Feedback-module_text__Dd6e8 {\n color: var(--text-secondary);\n}\n\n.Feedback-module_button__sXuzg {\n margin-top: 16px;\n}\n\n@keyframes Feedback-module_flyUp__SZXCL {\n from {\n transform: translateY(1000px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Feedback-module_overlayModalFix__ly4nq {\n padding: 32px 0px;\n overflow-y: scroll;\n align-items: flex-start;\n}\n\n.Feedback-module_mobileTitle__UgaWs {\n padding: 16px;\n}\n\n.Feedback-module_mobileLabel__jyJUv {\n padding: 16px;\n}\n";
|
|
6
|
+
var styles = {"wrap":"Feedback-module_wrap__ymdNC","card":"Feedback-module_card__B2AoJ","content":"Feedback-module_content__eQbBZ","icons":"Feedback-module_icons__fgzFi","icon":"Feedback-module_icon__VHuCB","text":"Feedback-module_text__Dd6e8","button":"Feedback-module_button__sXuzg","overlayModalFix":"Feedback-module_overlayModalFix__ly4nq","mobileTitle":"Feedback-module_mobileTitle__UgaWs","mobileLabel":"Feedback-module_mobileLabel__jyJUv"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -9,23 +9,23 @@ var Smile = require('@egov3/graphics/Emoji/Smile');
|
|
|
9
9
|
var Close = require('@egov3/graphics/General/Close');
|
|
10
10
|
require('../../../styles/colors.css.js');
|
|
11
11
|
require('../../../baseComponents/Accordion/Accordion.module.css.js');
|
|
12
|
-
require('
|
|
13
|
-
var index = require('../../../baseComponents/
|
|
14
|
-
var index$3 = require('../../../baseComponents/Typography/index.js');
|
|
15
|
-
require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
|
|
16
|
-
var index$5 = require('../../../baseComponents/Button/index.js');
|
|
12
|
+
var index$5 = require('../../../baseComponents/BottomSheet/index.js');
|
|
13
|
+
var index$4 = require('../../../baseComponents/Button/index.js');
|
|
17
14
|
require('@egov3/graphics/General/CheckboxEmpty');
|
|
18
15
|
require('@egov3/graphics/General/CheckboxEmptyFilled');
|
|
19
16
|
require('../../../styles/typography.module.css.js');
|
|
20
17
|
require('../../../baseComponents/Checkbox/Checkbox.module.css.js');
|
|
21
18
|
require('../../../baseComponents/InputField/index.js');
|
|
19
|
+
require('react');
|
|
22
20
|
require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
|
|
23
|
-
var index$
|
|
21
|
+
var index$2 = require('../../../baseComponents/Label/index.js');
|
|
24
22
|
require('../../../baseComponents/Loader/Loader.module.css.js');
|
|
23
|
+
var index$1 = require('../../../baseComponents/Typography/index.js');
|
|
25
24
|
require('../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js');
|
|
26
25
|
require('@egov3/graphics/Basic/ChevronLeft');
|
|
27
26
|
require('@egov3/graphics/Logo/Egov');
|
|
28
|
-
var index
|
|
27
|
+
var index = require('../../../constants/i18n/index.js');
|
|
28
|
+
var index$6 = require('../../../baseComponents/Overlay/index.js');
|
|
29
29
|
require('../../../baseComponents/Modal/Modal.module.css.js');
|
|
30
30
|
require('../../../baseComponents/RadioGroup/RadioGroup.module.css.js');
|
|
31
31
|
require('../../../baseComponents/RadioToggle/RadioToggle.module.css.js');
|
|
@@ -46,11 +46,11 @@ require('@egov3/graphics/Basic/Check');
|
|
|
46
46
|
require('@egov3/graphics/General/Hourglass');
|
|
47
47
|
require('../../../baseComponents/StatusStepper/StatusStepper.module.css.js');
|
|
48
48
|
require('../../../baseComponents/TabButtons/TabButtons.module.css.js');
|
|
49
|
-
var index$
|
|
49
|
+
var index$3 = require('../../../baseComponents/TextareaField/index.js');
|
|
50
50
|
var Feedback_module = require('./Feedback.module.css.js');
|
|
51
51
|
|
|
52
|
-
const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen, }) => {
|
|
53
|
-
const langDic = index
|
|
52
|
+
const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen, isMobile = false, }) => {
|
|
53
|
+
const langDic = index.i18n.Feedback;
|
|
54
54
|
const getEmojiColor = (emojiRating) => {
|
|
55
55
|
if (rating !== emojiRating)
|
|
56
56
|
return "var(--icon-tertiary)";
|
|
@@ -69,19 +69,24 @@ const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen,
|
|
|
69
69
|
const handleEmojiClick = (emojiRating) => {
|
|
70
70
|
setRating(emojiRating);
|
|
71
71
|
};
|
|
72
|
-
|
|
72
|
+
const ratingContent = (jsxRuntime.jsxs("div", { "data-testid": "Feedback_RATING_CONTENT", className: Feedback_module.default.content, children: [jsxRuntime.jsxs("div", { "data-testid": "Feedback_ICONS", className: Feedback_module.default.icons, children: [jsxRuntime.jsx(Angry.AngryIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(1), "data-color": getEmojiColor(1), "aria-label": langDic.AngryEmoji[lang], onClick: () => {
|
|
73
|
+
handleEmojiClick(1);
|
|
74
|
+
} }), jsxRuntime.jsx(Frowning.FrowningIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.FrowningEmoji[lang], onClick: () => {
|
|
75
|
+
handleEmojiClick(2);
|
|
76
|
+
} }), jsxRuntime.jsx(Neutral.NeutralIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.NeutralEmoji[lang], onClick: () => {
|
|
77
|
+
handleEmojiClick(3);
|
|
78
|
+
} }), jsxRuntime.jsx(Smile.SmileIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.SmileEmoji[lang], onClick: () => {
|
|
79
|
+
handleEmojiClick(4);
|
|
80
|
+
} }), jsxRuntime.jsx(Grin.GrinIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.GrinEmoji[lang], onClick: () => {
|
|
81
|
+
handleEmojiClick(5);
|
|
82
|
+
} })] }), jsxRuntime.jsx(index$1.Typography, { tag: "span", fontClass: "caption2Regular", className: Feedback_module.default.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.DescriptionText[lang], children: langDic.DescriptionText[lang] })] }));
|
|
83
|
+
const feedbackContent = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(index$2.Label, { variant: "small", isSpaced: true, text: langDic.TitleFeedback[lang], className: isMobile ? Feedback_module.default.mobileLabel : undefined }), jsxRuntime.jsxs("div", { className: Feedback_module.default.content, "data-testid": "Feedback_CONTENT_INPUT", children: [jsxRuntime.jsx(index$3.TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.InputAriaLabel[lang], labelText: langDic.InputLabel[lang], value: value, onChange: onChange }), jsxRuntime.jsx(index$4.Button, { size: "large", className: Feedback_module.default.button, onClick: onAction, "data-testid": "Feedback_BTN", children: langDic.SendButton[lang] })] })] }));
|
|
84
|
+
if (isMobile) {
|
|
85
|
+
return (jsxRuntime.jsx(index$5.BottomSheet, { title: langDic.TitleRating[lang], setIsOpen: setOpen, variant: "small", classNames: { title: Feedback_module.default.mobileTitle }, children: jsxRuntime.jsxs("div", { "data-testid": "Feedback_WRAP", children: [ratingContent, feedbackContent] }) }));
|
|
86
|
+
}
|
|
87
|
+
return (jsxRuntime.jsx(index$6.Overlay, { className: Feedback_module.default.overlayModalFix, children: jsxRuntime.jsxs("div", { "data-testid": "Feedback_WRAP", className: Feedback_module.default.wrap, children: [jsxRuntime.jsxs("div", { "data-testid": "Feedback_WRAP_RATING", className: Feedback_module.default.card, children: [jsxRuntime.jsx(index$2.Label, { variant: "big", isSpaced: true, text: langDic.TitleRating[lang], Icon: Close.CloseIcon, onAction: () => {
|
|
73
88
|
setOpen(false);
|
|
74
|
-
} }),
|
|
75
|
-
handleEmojiClick(1);
|
|
76
|
-
} }), jsxRuntime.jsx(Frowning.FrowningIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.FrowningEmoji[lang], onClick: () => {
|
|
77
|
-
handleEmojiClick(2);
|
|
78
|
-
} }), jsxRuntime.jsx(Neutral.NeutralIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.NeutralEmoji[lang], onClick: () => {
|
|
79
|
-
handleEmojiClick(3);
|
|
80
|
-
} }), jsxRuntime.jsx(Smile.SmileIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.SmileEmoji[lang], onClick: () => {
|
|
81
|
-
handleEmojiClick(4);
|
|
82
|
-
} }), jsxRuntime.jsx(Grin.GrinIcon, { className: Feedback_module.default.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.GrinEmoji[lang], onClick: () => {
|
|
83
|
-
handleEmojiClick(5);
|
|
84
|
-
} })] }), jsxRuntime.jsx(index$3.Typography, { tag: "span", fontClass: "caption2Regular", className: Feedback_module.default.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.DescriptionText[lang], children: langDic.DescriptionText[lang] })] })] }), jsxRuntime.jsxs("div", { "data-testid": "Feedback_WRAP_INPUT", className: Feedback_module.default.card, children: [jsxRuntime.jsx(index$1.Label, { variant: "small", isSpaced: true, text: langDic.TitleFeedback[lang] }), jsxRuntime.jsxs("div", { className: Feedback_module.default.content, "data-testid": "Feedback_CONTENT_INPUT", children: [jsxRuntime.jsx(index$4.TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.InputAriaLabel[lang], labelText: langDic.InputLabel[lang], value: value, onChange: onChange }), jsxRuntime.jsx(index$5.Button, { size: "large", className: Feedback_module.default.button, onClick: onAction, "data-testid": "Feedback_BTN", children: langDic.SendButton[lang] })] })] })] }) }));
|
|
89
|
+
} }), ratingContent] }), jsxRuntime.jsx("div", { "data-testid": "Feedback_WRAP_INPUT", className: Feedback_module.default.card, children: feedbackContent })] }) }));
|
|
85
90
|
};
|
|
86
91
|
|
|
87
92
|
exports.Feedback = Feedback;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/Feedback/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/Feedback/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsxs","styles","_jsx","AngryIcon","FrowningIcon","NeutralIcon","SmileIcon","GrinIcon","Typography","_Fragment","Label","TextareaField","Button","BottomSheet","Overlay","CloseIcon"],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n align-self: flex-end;\n width: 100%;\n background: var(--page-color-background-white);\n border-radius:
|
|
1
|
+
var css_248z = ".BottomSheet-module_contentWrap__ffurp {\n align-self: flex-end;\n width: 100%;\n background: var(--page-color-background-white);\n border-radius: 12px 12px 0 0;\n display: flex;\n flex-direction: column;\n height: auto;\n max-height: calc(100% - 64px);\n animation: BottomSheet-module_slideUp__lehy7 0.3s ease;\n}\n\n.BottomSheet-module_largeVariant__9LYsH {\n height: calc(100% - 64px);\n}\n\n.BottomSheet-module_smallVariant__9hVmR {\n height: auto;\n}\n\n@keyframes BottomSheet-module_slideUp__lehy7 {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n.BottomSheet-module_contentBody__Ku11- {\n flex: 1 1 auto;\n overflow-y: auto;\n min-height: 0;\n padding: 0 0 18px;\n}\n\n.BottomSheet-module_contentHeader__MrGrx {\n display: flex;\n align-items: center;\n}\n\n.BottomSheet-module_posLeft__7OLLr {\n padding: 16px 20px;\n flex: 1 0 0;\n}\n\n.BottomSheet-module_posRight__TCy-f {\n display: flex;\n width: 56px;\n padding: 16px;\n align-items: center;\n}\n\n.BottomSheet-module_grabber__NiEaj {\n flex: 0 0 auto;\n box-sizing: content-box;\n width: 36px;\n height: 4px;\n margin: 0 auto;\n padding: 8px;\n border-radius: 8px;\n background: var(--icon-tertiary);\n background-clip: content-box;\n cursor: grab;\n touch-action: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .BottomSheet-module_contentWrap__ffurp {\n animation: none;\n }\n}\n";
|
|
2
2
|
var styles = {"contentWrap":"BottomSheet-module_contentWrap__ffurp","slideUp":"BottomSheet-module_slideUp__lehy7","largeVariant":"BottomSheet-module_largeVariant__9LYsH","smallVariant":"BottomSheet-module_smallVariant__9hVmR","contentBody":"BottomSheet-module_contentBody__Ku11-","contentHeader":"BottomSheet-module_contentHeader__MrGrx","posLeft":"BottomSheet-module_posLeft__7OLLr","posRight":"BottomSheet-module_posRight__TCy-f","grabber":"BottomSheet-module_grabber__NiEaj"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
@@ -6,9 +6,9 @@ import { Overlay } from '../Overlay/index.js';
|
|
|
6
6
|
import { Typography } from '../Typography/index.js';
|
|
7
7
|
import styles from './BottomSheet.module.css.js';
|
|
8
8
|
|
|
9
|
-
const BottomSheet = ({ children, title, setIsOpen, variant, }) => {
|
|
9
|
+
const BottomSheet = ({ children, title, setIsOpen, variant, classNames, }) => {
|
|
10
10
|
const { grabberProps, sheetRef } = useDragToClose(setIsOpen);
|
|
11
|
-
return (jsx(Overlay, { children: jsxs("div", { className: joinClasses(styles.contentWrap, styles[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsx("div", { className: styles.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxs("div", { className: styles.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsx(Typography, { className: styles.posLeft, "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsx("button", { className: styles.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
|
|
11
|
+
return (jsx(Overlay, { children: jsxs("div", { className: joinClasses(styles.contentWrap, styles[`${variant}Variant`]), "data-testid": "BottomSheet_WRAPPER", ref: sheetRef, children: [jsx("div", { className: styles.grabber, "data-testid": "BottomSheet_GRABBER", ...grabberProps }), jsxs("div", { className: styles.contentHeader, "data-testid": "BottomSheet_HEADER", children: [jsx(Typography, { className: joinClasses(styles.posLeft, classNames?.title), "data-testid": "BottomSheet_TITLE", fontClass: "subtitles2", tag: "h3", children: title }), jsx("button", { className: styles.posRight, "data-testid": "BottomSheetHeaderBtn_CLOSE", onClick: () => {
|
|
12
12
|
setIsOpen(false);
|
|
13
13
|
}, type: "button", children: jsx(CloseIcon, { "data-testid": "BottomSheetClose_ICON", height: 24, width: 24 }) })] }), jsx("div", { className: styles.contentBody, "data-testid": "BottomSheet_BODY", children: children })] }) }));
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/BottomSheet/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AAmBO,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,UAAU,GACQ,KAAqB;IACvC,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC,SAAS,CAAC;AAE5D,IAAA,QACEA,GAAA,CAAC,OAAO,cACNC,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,OAAO,CAAA,OAAA,CAAS,CAAC,CAAC,EAAA,aAAA,EAC3D,qBAAqB,EACjC,GAAG,EAAE,QAAQ,aAEbD,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EACb,qBAAqB,KAC7B,YAAY,EAAA,CAChB,EACFC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,aAAa,EAAA,aAAA,EAAc,oBAAoB,EAAA,QAAA,EAAA,CACpED,GAAA,CAAC,UAAU,EAAA,EACT,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,EAAA,aAAA,EAC7C,mBAAmB,EAC/B,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,IAAI,YAEP,KAAK,EAAA,CACK,EACbA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAA,aAAA,EACd,4BAA4B,EACxC,OAAO,EAAE,MAAK;gCACZ,SAAS,CAAC,KAAK,CAAC;AAClB,4BAAA,CAAC,EACD,IAAI,EAAC,QAAQ,YAEbA,GAAA,CAAC,SAAS,EAAA,EAAA,aAAA,EACI,uBAAuB,EACnC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,EAAA,CACT,EAAA,CACK,IACL,EAENA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,kBAAkB,YAC/D,QAAQ,EAAA,CACL,CAAA,EAAA,CACF,EAAA,CACE;AAEd;;;;"}
|
|
@@ -13,8 +13,8 @@ const iconFill = {
|
|
|
13
13
|
small: "var(--text-secondary)",
|
|
14
14
|
tiny: "",
|
|
15
15
|
};
|
|
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" }))] }));
|
|
16
|
+
const Label = ({ variant, text, isSpaced, Icon, onAction, className, }) => {
|
|
17
|
+
return (jsxs("div", { "data-testid": "Label_WRAPPER", className: joinClasses(styles.wrapper, styles[variant], labelTypography[variant], isSpaced && styles.spaced, className), 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" }))] }));
|
|
18
18
|
};
|
|
19
19
|
|
|
20
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":";;;;;AAcA,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,EACR,SAAS,GACG,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,EACzB,SAAS,CACV,EAAA,QAAA,EAAA,CAEDC,6BAAkB,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,iBACL,YAAY,EAAA,CACxB,CACH,CAAA,EAAA,CACG;AAEV;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".Feedback-module_wrap__ymdNC {\n display: flex;\n flex-direction: column;\n width: 400px;\n gap:
|
|
2
|
-
var styles = {"wrap":"Feedback-module_wrap__ymdNC","card":"Feedback-module_card__B2AoJ","content":"Feedback-module_content__eQbBZ","icons":"Feedback-module_icons__fgzFi","icon":"Feedback-module_icon__VHuCB","text":"Feedback-module_text__Dd6e8","button":"Feedback-module_button__sXuzg","overlayModalFix":"Feedback-module_overlayModalFix__ly4nq"};
|
|
1
|
+
var css_248z = ".Feedback-module_wrap__ymdNC {\n display: flex;\n flex-direction: column;\n width: 400px;\n gap: 8px;\n animation: Feedback-module_flyUp__SZXCL 1s;\n margin: auto;\n}\n\n.Feedback-module_card__B2AoJ {\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__eQbBZ {\n display: flex;\n flex-direction: column;\n align-items: stretch;\n gap: 16px;\n padding: 16px;\n}\n\n.Feedback-module_icons__fgzFi {\n display: flex;\n justify-content: space-between;\n width: 100%;\n}\n\n.Feedback-module_icon__VHuCB {\n width: 48px;\n height: 48px;\n fill: var(--icon-tertiary);\n cursor: pointer;\n}\n\n.Feedback-module_text__Dd6e8 {\n color: var(--text-secondary);\n}\n\n.Feedback-module_button__sXuzg {\n margin-top: 16px;\n}\n\n@keyframes Feedback-module_flyUp__SZXCL {\n from {\n transform: translateY(1000px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n.Feedback-module_overlayModalFix__ly4nq {\n padding: 32px 0px;\n overflow-y: scroll;\n align-items: flex-start;\n}\n\n.Feedback-module_mobileTitle__UgaWs {\n padding: 16px;\n}\n\n.Feedback-module_mobileLabel__jyJUv {\n padding: 16px;\n}\n";
|
|
2
|
+
var styles = {"wrap":"Feedback-module_wrap__ymdNC","card":"Feedback-module_card__B2AoJ","content":"Feedback-module_content__eQbBZ","icons":"Feedback-module_icons__fgzFi","icon":"Feedback-module_icon__VHuCB","text":"Feedback-module_text__Dd6e8","button":"Feedback-module_button__sXuzg","overlayModalFix":"Feedback-module_overlayModalFix__ly4nq","mobileTitle":"Feedback-module_mobileTitle__UgaWs","mobileLabel":"Feedback-module_mobileLabel__jyJUv"};
|
|
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,4 @@
|
|
|
1
|
-
import { jsx,
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { AngryIcon } from '@egov3/graphics/Emoji/Angry';
|
|
3
3
|
import { FrowningIcon } from '@egov3/graphics/Emoji/Frowning';
|
|
4
4
|
import { GrinIcon } from '@egov3/graphics/Emoji/Grin';
|
|
@@ -7,23 +7,23 @@ import { SmileIcon } from '@egov3/graphics/Emoji/Smile';
|
|
|
7
7
|
import { CloseIcon } from '@egov3/graphics/General/Close';
|
|
8
8
|
import '../../../styles/colors.css.js';
|
|
9
9
|
import '../../../baseComponents/Accordion/Accordion.module.css.js';
|
|
10
|
-
import '
|
|
11
|
-
import { Overlay } from '../../../baseComponents/Overlay/index.js';
|
|
12
|
-
import { Typography } from '../../../baseComponents/Typography/index.js';
|
|
13
|
-
import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
|
|
10
|
+
import { BottomSheet } from '../../../baseComponents/BottomSheet/index.js';
|
|
14
11
|
import { Button } from '../../../baseComponents/Button/index.js';
|
|
15
12
|
import '@egov3/graphics/General/CheckboxEmpty';
|
|
16
13
|
import '@egov3/graphics/General/CheckboxEmptyFilled';
|
|
17
14
|
import '../../../styles/typography.module.css.js';
|
|
18
15
|
import '../../../baseComponents/Checkbox/Checkbox.module.css.js';
|
|
19
16
|
import '../../../baseComponents/InputField/index.js';
|
|
17
|
+
import 'react';
|
|
20
18
|
import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
|
|
21
19
|
import { Label } from '../../../baseComponents/Label/index.js';
|
|
22
20
|
import '../../../baseComponents/Loader/Loader.module.css.js';
|
|
21
|
+
import { Typography } from '../../../baseComponents/Typography/index.js';
|
|
23
22
|
import '../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js';
|
|
24
23
|
import '@egov3/graphics/Basic/ChevronLeft';
|
|
25
24
|
import '@egov3/graphics/Logo/Egov';
|
|
26
25
|
import { i18n } from '../../../constants/i18n/index.js';
|
|
26
|
+
import { Overlay } from '../../../baseComponents/Overlay/index.js';
|
|
27
27
|
import '../../../baseComponents/Modal/Modal.module.css.js';
|
|
28
28
|
import '../../../baseComponents/RadioGroup/RadioGroup.module.css.js';
|
|
29
29
|
import '../../../baseComponents/RadioToggle/RadioToggle.module.css.js';
|
|
@@ -47,7 +47,7 @@ import '../../../baseComponents/TabButtons/TabButtons.module.css.js';
|
|
|
47
47
|
import { TextareaField } from '../../../baseComponents/TextareaField/index.js';
|
|
48
48
|
import styles from './Feedback.module.css.js';
|
|
49
49
|
|
|
50
|
-
const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen, }) => {
|
|
50
|
+
const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen, isMobile = false, }) => {
|
|
51
51
|
const langDic = i18n.Feedback;
|
|
52
52
|
const getEmojiColor = (emojiRating) => {
|
|
53
53
|
if (rating !== emojiRating)
|
|
@@ -67,19 +67,24 @@ const Feedback = ({ onAction, value, onChange, lang, rating, setRating, setOpen,
|
|
|
67
67
|
const handleEmojiClick = (emojiRating) => {
|
|
68
68
|
setRating(emojiRating);
|
|
69
69
|
};
|
|
70
|
+
const ratingContent = (jsxs("div", { "data-testid": "Feedback_RATING_CONTENT", className: styles.content, children: [jsxs("div", { "data-testid": "Feedback_ICONS", className: styles.icons, children: [jsx(AngryIcon, { className: styles.icon, fill: getEmojiColor(1), "data-color": getEmojiColor(1), "aria-label": langDic.AngryEmoji[lang], onClick: () => {
|
|
71
|
+
handleEmojiClick(1);
|
|
72
|
+
} }), jsx(FrowningIcon, { className: styles.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.FrowningEmoji[lang], onClick: () => {
|
|
73
|
+
handleEmojiClick(2);
|
|
74
|
+
} }), jsx(NeutralIcon, { className: styles.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.NeutralEmoji[lang], onClick: () => {
|
|
75
|
+
handleEmojiClick(3);
|
|
76
|
+
} }), jsx(SmileIcon, { className: styles.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.SmileEmoji[lang], onClick: () => {
|
|
77
|
+
handleEmojiClick(4);
|
|
78
|
+
} }), jsx(GrinIcon, { className: styles.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.GrinEmoji[lang], onClick: () => {
|
|
79
|
+
handleEmojiClick(5);
|
|
80
|
+
} })] }), jsx(Typography, { tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.DescriptionText[lang], children: langDic.DescriptionText[lang] })] }));
|
|
81
|
+
const feedbackContent = (jsxs(Fragment, { children: [jsx(Label, { variant: "small", isSpaced: true, text: langDic.TitleFeedback[lang], className: isMobile ? styles.mobileLabel : undefined }), jsxs("div", { className: styles.content, "data-testid": "Feedback_CONTENT_INPUT", children: [jsx(TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.InputAriaLabel[lang], labelText: langDic.InputLabel[lang], value: value, onChange: onChange }), jsx(Button, { size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN", children: langDic.SendButton[lang] })] })] }));
|
|
82
|
+
if (isMobile) {
|
|
83
|
+
return (jsx(BottomSheet, { title: langDic.TitleRating[lang], setIsOpen: setOpen, variant: "small", classNames: { title: styles.mobileTitle }, children: jsxs("div", { "data-testid": "Feedback_WRAP", children: [ratingContent, feedbackContent] }) }));
|
|
84
|
+
}
|
|
70
85
|
return (jsx(Overlay, { className: styles.overlayModalFix, children: jsxs("div", { "data-testid": "Feedback_WRAP", className: styles.wrap, children: [jsxs("div", { "data-testid": "Feedback_WRAP_RATING", className: styles.card, children: [jsx(Label, { variant: "big", isSpaced: true, text: langDic.TitleRating[lang], Icon: CloseIcon, onAction: () => {
|
|
71
86
|
setOpen(false);
|
|
72
|
-
} }),
|
|
73
|
-
handleEmojiClick(1);
|
|
74
|
-
} }), jsx(FrowningIcon, { className: styles.icon, fill: getEmojiColor(2), "data-color": getEmojiColor(2), "aria-label": langDic.FrowningEmoji[lang], onClick: () => {
|
|
75
|
-
handleEmojiClick(2);
|
|
76
|
-
} }), jsx(NeutralIcon, { className: styles.icon, fill: getEmojiColor(3), "data-color": getEmojiColor(3), "aria-label": langDic.NeutralEmoji[lang], onClick: () => {
|
|
77
|
-
handleEmojiClick(3);
|
|
78
|
-
} }), jsx(SmileIcon, { className: styles.icon, fill: getEmojiColor(4), "data-color": getEmojiColor(4), "aria-label": langDic.SmileEmoji[lang], onClick: () => {
|
|
79
|
-
handleEmojiClick(4);
|
|
80
|
-
} }), jsx(GrinIcon, { className: styles.icon, fill: getEmojiColor(5), "data-color": getEmojiColor(5), "aria-label": langDic.GrinEmoji[lang], onClick: () => {
|
|
81
|
-
handleEmojiClick(5);
|
|
82
|
-
} })] }), jsx(Typography, { tag: "span", fontClass: "caption2Regular", className: styles.text, "data-testid": "Feedback_DESCRIPTION", "aria-label": langDic.DescriptionText[lang], children: langDic.DescriptionText[lang] })] })] }), jsxs("div", { "data-testid": "Feedback_WRAP_INPUT", className: styles.card, children: [jsx(Label, { variant: "small", isSpaced: true, text: langDic.TitleFeedback[lang] }), jsxs("div", { className: styles.content, "data-testid": "Feedback_CONTENT_INPUT", children: [jsx(TextareaField, { id: "serviceFeedbackInput", "aria-label": langDic.InputAriaLabel[lang], labelText: langDic.InputLabel[lang], value: value, onChange: onChange }), jsx(Button, { size: "large", className: styles.button, onClick: onAction, "data-testid": "Feedback_BTN", children: langDic.SendButton[lang] })] })] })] }) }));
|
|
87
|
+
} }), ratingContent] }), jsx("div", { "data-testid": "Feedback_WRAP_INPUT", className: styles.card, children: feedbackContent })] }) }));
|
|
83
88
|
};
|
|
84
89
|
|
|
85
90
|
export { Feedback };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsx","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/Feedback/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}
|
|
@@ -5,8 +5,11 @@ interface IBottomSheetProps {
|
|
|
5
5
|
title: string;
|
|
6
6
|
setIsOpen: Dispatch<React.SetStateAction<boolean>>;
|
|
7
7
|
variant: "large" | "small";
|
|
8
|
+
classNames?: {
|
|
9
|
+
title?: string;
|
|
10
|
+
};
|
|
8
11
|
}
|
|
9
|
-
declare const BottomSheet: ({ children, title, setIsOpen, variant, }: IBottomSheetProps) => React.ReactNode;
|
|
12
|
+
declare const BottomSheet: ({ children, title, setIsOpen, variant, classNames, }: IBottomSheetProps) => React.ReactNode;
|
|
10
13
|
|
|
11
14
|
export { BottomSheet };
|
|
12
15
|
export type { IBottomSheetProps };
|
|
@@ -7,8 +7,9 @@ interface ILabelProps {
|
|
|
7
7
|
isSpaced: boolean;
|
|
8
8
|
Icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
9
9
|
onAction?: () => void;
|
|
10
|
+
className?: string;
|
|
10
11
|
}
|
|
11
|
-
declare const Label: ({ variant, text, isSpaced, Icon, onAction, }: ILabelProps) => react.JSX.Element;
|
|
12
|
+
declare const Label: ({ variant, text, isSpaced, Icon, onAction, className, }: ILabelProps) => react.JSX.Element;
|
|
12
13
|
|
|
13
14
|
export { Label };
|
|
14
15
|
export type { ILabelProps };
|
|
@@ -9,8 +9,9 @@ interface IFeedbackProps extends ILangProps {
|
|
|
9
9
|
setOpen: Dispatch<SetStateAction<boolean>>;
|
|
10
10
|
value?: string;
|
|
11
11
|
onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
|
|
12
|
+
isMobile?: boolean;
|
|
12
13
|
}
|
|
13
|
-
declare const Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, }: IFeedbackProps) => react.JSX.Element;
|
|
14
|
+
declare const Feedback: ({ onAction, value, onChange, lang, rating, setRating, setOpen, isMobile, }: IFeedbackProps) => react.JSX.Element;
|
|
14
15
|
|
|
15
16
|
export { Feedback };
|
|
16
17
|
export type { IFeedbackProps };
|