@egov3/system-design 1.3.145 → 1.3.146
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/components/Messages/HelpNotification/index.js +4 -1
- package/dist/cjs/components/Messages/HelpNotification/index.js.map +1 -1
- package/dist/esm/components/Messages/HelpNotification/index.js +4 -1
- package/dist/esm/components/Messages/HelpNotification/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,10 +12,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
|
|
|
12
12
|
const handleMouseLeave = () => {
|
|
13
13
|
setVisible(false);
|
|
14
14
|
};
|
|
15
|
-
return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
|
|
15
|
+
return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
|
|
16
16
|
if (handleOnClick) {
|
|
17
17
|
handleOnClick();
|
|
18
18
|
}
|
|
19
|
+
else {
|
|
20
|
+
setVisible(true);
|
|
21
|
+
}
|
|
19
22
|
}, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxRuntime.jsxs("div", { className: HelpNotification_module.default.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.arrow, "data-testid": "HelpNotification_ARROW", children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsxRuntime.jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsxRuntime.jsx("div", { className: HelpNotification_module.default.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
|
|
20
23
|
};
|
|
21
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,+BAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,yBACE,SAAS,EAAEC,+BAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,yBAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,wBAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
|
|
@@ -10,10 +10,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
|
|
|
10
10
|
const handleMouseLeave = () => {
|
|
11
11
|
setVisible(false);
|
|
12
12
|
};
|
|
13
|
-
return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
|
|
13
|
+
return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
|
|
14
14
|
if (handleOnClick) {
|
|
15
15
|
handleOnClick();
|
|
16
16
|
}
|
|
17
|
+
else {
|
|
18
|
+
setVisible(true);
|
|
19
|
+
}
|
|
17
20
|
}, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsx("div", { className: styles.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxs("div", { className: styles.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsx("div", { className: styles.arrow, "data-testid": "HelpNotification_ARROW", children: jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsx("div", { className: styles.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
|
|
18
21
|
};
|
|
19
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,cACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,cAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
|