@pagopa/selfcare-common-frontend 1.5.14 → 1.5.17
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/CHANGELOG.md +20 -0
- package/README.md +13 -1
- package/build.info +2 -2
- package/components/SessionModal.d.ts +3 -1
- package/components/SessionModal.js +2 -2
- package/components/SessionModal.js.map +1 -1
- package/components/Toast.d.ts +7 -1
- package/components/Toast.js +5 -5
- package/components/Toast.js.map +1 -1
- package/components/ToastWrapper.d.ts +11 -0
- package/components/ToastWrapper.js +16 -0
- package/components/ToastWrapper.js.map +1 -0
- package/components/UserNotifyHandle.js +17 -13
- package/components/UserNotifyHandle.js.map +1 -1
- package/model/UserNotify.d.ts +1 -1
- package/package.json +1 -1
- package/redux/slices/appStateSlice.js +3 -1
- package/redux/slices/appStateSlice.js.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,8 +4,28 @@ All notable changes to this project will be documented in this file. Dates are d
|
|
|
4
4
|
|
|
5
5
|
Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
|
|
6
6
|
|
|
7
|
+
#### [v1.5.17](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.16...v1.5.17)
|
|
8
|
+
|
|
9
|
+
- UserNotifyHandle will draw a stack of Toast [`#45`](https://github.com/pagopa/selfcare-common-frontend/pull/45)
|
|
10
|
+
|
|
11
|
+
#### [v1.5.16](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.15...v1.5.16)
|
|
12
|
+
|
|
13
|
+
> 28 February 2022
|
|
14
|
+
|
|
15
|
+
- SessionModal confirm button can be disabled [`#44`](https://github.com/pagopa/selfcare-common-frontend/pull/44)
|
|
16
|
+
|
|
17
|
+
#### [v1.5.15](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.14...v1.5.15)
|
|
18
|
+
|
|
19
|
+
> 28 February 2022
|
|
20
|
+
|
|
21
|
+
- SessionModal message can accept ReactNode [`#43`](https://github.com/pagopa/selfcare-common-frontend/pull/43)
|
|
22
|
+
- Bump url-parse from 1.5.7 to 1.5.10 [`#42`](https://github.com/pagopa/selfcare-common-frontend/pull/42)
|
|
23
|
+
- Bump urijs from 1.19.7 to 1.19.8 [`#41`](https://github.com/pagopa/selfcare-common-frontend/pull/41)
|
|
24
|
+
|
|
7
25
|
#### [v1.5.14](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.13...v1.5.14)
|
|
8
26
|
|
|
27
|
+
> 23 February 2022
|
|
28
|
+
|
|
9
29
|
- Exporting utils fakePagination functions [`#40`](https://github.com/pagopa/selfcare-common-frontend/pull/40)
|
|
10
30
|
|
|
11
31
|
#### [v1.5.13](https://github.com/pagopa/selfcare-common-frontend/compare/v1.5.12...v1.5.13)
|
package/README.md
CHANGED
|
@@ -80,6 +80,7 @@ Selfcare's popup
|
|
|
80
80
|
| title | string | Y | The title to show in the popup |
|
|
81
81
|
| message | React.ReactNode | Y | The body to show in the popup |
|
|
82
82
|
| onConfirm | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it will render a confirm button using this function as behavior |
|
|
83
|
+
| onConfirmEnabled | boolean | N | If the confirm button should be enabled. Default true |
|
|
83
84
|
| onConfirmLabel | string | N | The confirm label text |
|
|
84
85
|
| handleClose | React.MouseEventHandler`<HTMLButtonElement>` | Y | The function invoked when clicking on close button or in the showed X icon |
|
|
85
86
|
| handleExit | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it allow to set a different behavior when clicking on X icon |
|
|
@@ -113,6 +114,17 @@ Selfcare's toast
|
|
|
113
114
|
| message | React.ReactNode | Y | The toast body |
|
|
114
115
|
| onCloseToast | ()=>void | Y | The function to be invoked when closing the toast |
|
|
115
116
|
| width | string | N | The toast width |
|
|
117
|
+
| wrapped | boolean | N | If true, it will not position itself as fixed. Default false |
|
|
118
|
+
| bottom | string | N | If not wrapped, the pixel from the bottom of the viewport where to place the toast. Default "64px" |
|
|
119
|
+
| rigth | string | N | If not wrapped, the pixel from the right side of the viewport where to place the toast. Default "64px" |
|
|
120
|
+
|
|
121
|
+
## ToastWrapper
|
|
122
|
+
To stack multiple Toast component. Each Toast should have the prop wrapped setted to true
|
|
123
|
+
|
|
124
|
+
| Prop | Type | Mandatory | Description |
|
|
125
|
+
|------|------|-----------|-------------|
|
|
126
|
+
| bottom | string | N | The pixel from the bottom of the viewport where to place the toast. Default "64px" |
|
|
127
|
+
| rigth | string | N | The pixel from the right side of the viewport where to place the toast. Default "64px" |
|
|
116
128
|
|
|
117
129
|
## Ending Page
|
|
118
130
|
Selfcare's ending page
|
|
@@ -301,7 +313,7 @@ The user notify to be submitted has type UserNotify which has the following fiel
|
|
|
301
313
|
| closeLabel | string | N | If component === 'SessionModal'. The close button label |
|
|
302
314
|
| component | string | N | Can render a SessionModal or Toast component |
|
|
303
315
|
| autoclosable | string | N | If component === 'Toast'. The notify will be autoclosed using this configuration, as default timer. If none, it will not be closed automatically. If timer, it will be closed after autocloseMilliseconds milliseconds |
|
|
304
|
-
| autocloseMilliseconds | boolean | N | If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default
|
|
316
|
+
| autocloseMilliseconds | boolean | N | If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 10000 |
|
|
305
317
|
| width | string | N | The SessionModal or Toast width |
|
|
306
318
|
|
|
307
319
|
## UnloadEventHandler
|
package/build.info
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
tags/v1.5.
|
|
1
|
+
20220301.1 - selfcare-common-frontend.deploy(21986)
|
|
2
|
+
tags/v1.5.17^0 807940f34f308b99ec4895c6ede9dffed100ce8c
|
|
@@ -8,6 +8,8 @@ declare type Props = {
|
|
|
8
8
|
message: React.ReactNode;
|
|
9
9
|
/** If defined, it will render a confirm button using this function as behavior */
|
|
10
10
|
onConfirm?: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
11
|
+
/** If the confirm button should be enabled. Default true */
|
|
12
|
+
onConfirmEnabled?: boolean;
|
|
11
13
|
/** The confirm label text */
|
|
12
14
|
onConfirmLabel?: string;
|
|
13
15
|
/** The function invoked when clicking on close button or in the showed X icon */
|
|
@@ -24,5 +26,5 @@ declare type Props = {
|
|
|
24
26
|
width?: string;
|
|
25
27
|
};
|
|
26
28
|
/** Selfcare's popup */
|
|
27
|
-
export default function SessionModal({ open, title, message, onConfirm, onConfirmLabel, handleClose, handleExit, onCloseLabel, height, minHeight, width, }: Props): JSX.Element;
|
|
29
|
+
export default function SessionModal({ open, title, message, onConfirm, onConfirmEnabled, onConfirmLabel, handleClose, handleExit, onCloseLabel, height, minHeight, width, }: Props): JSX.Element;
|
|
28
30
|
export {};
|
|
@@ -8,10 +8,10 @@ const useMediaQuery_1 = (0, tslib_1.__importDefault)(require("@mui/material/useM
|
|
|
8
8
|
const styles_1 = require("@mui/material/styles");
|
|
9
9
|
const ClearOutlined_1 = (0, tslib_1.__importDefault)(require("@mui/icons-material/ClearOutlined"));
|
|
10
10
|
/** Selfcare's popup */
|
|
11
|
-
function SessionModal({ open, title, message, onConfirm, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height, minHeight, width = '21.9em', }) {
|
|
11
|
+
function SessionModal({ open, title, message, onConfirm, onConfirmEnabled = true, onConfirmLabel = 'Riprova', handleClose, handleExit = handleClose, onCloseLabel = 'Annulla', height, minHeight, width = '21.9em', }) {
|
|
12
12
|
const theme = (0, styles_1.useTheme)();
|
|
13
13
|
const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(Dialog_1.default, Object.assign({ fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 10 }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: title }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "body2" }, { children: message }), void 0) }), void 0) }), void 0), onConfirm && ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ sx: { width: '100%' }, color: "primary", variant: "contained", onClick: onConfirm }, { children: onConfirmLabel }), void 0) }), void 0)), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 3, mt:
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.default, Object.assign({ fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title" }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, direction: "column", sx: { height, minHeight, width } }, { children: (0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ mx: 3, sx: { height: '100%' } }, { children: [(0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true, mt: 4 }, { children: (0, jsx_runtime_1.jsxs)(material_1.Grid, Object.assign({ item: true, xs: 10 }, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 } }, { children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}, void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "h5", sx: { fontSize: '18px', fontWeight: '600' } }, { children: title }), void 0)] }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ container: true, item: true }, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, my: 3 }, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ component: "div", variant: "body2" }, { children: message }), void 0) }), void 0) }), void 0), onConfirm && ((0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ sx: { width: '100%' }, color: "primary", variant: "contained", onClick: onConfirm, disabled: !onConfirmEnabled }, { children: onConfirmLabel }), void 0) }), void 0)), (0, jsx_runtime_1.jsx)(material_1.Grid, Object.assign({ item: true, xs: 12, mb: 3, mt: 0 }, { children: (0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ onClick: handleClose, sx: { width: '100%' }, color: "primary", variant: "outlined" }, { children: onCloseLabel }), void 0) }), void 0)] }), void 0) }), void 0) }), void 0));
|
|
15
15
|
}
|
|
16
16
|
exports.default = SessionModal;
|
|
17
17
|
//# sourceMappingURL=SessionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":";;;;AACA,4CAA0E;AAC1E,+EAA0C;AAC1C,6FAAwD;AACxD,iDAAgD;AAChD,mGAAkE;
|
|
1
|
+
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":";;;;AACA,4CAA0E;AAC1E,+EAA0C;AAC1C,6FAAwD;AACxD,iDAAgD;AAChD,mGAAkE;AA6BlE,uBAAuB;AACvB,SAAwB,YAAY,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,SAAS,EAC1B,WAAW,EACX,UAAU,GAAG,WAAW,EACxB,YAAY,GAAG,SAAS,EACxB,MAAM,EACN,SAAS,EACT,KAAK,GAAG,QAAQ,GACV;IACN,MAAM,KAAK,GAAG,IAAA,iBAAQ,GAAE,CAAC;IACzB,MAAM,UAAU,GAAG,IAAA,uBAAa,EAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAE/D,OAAO,CACL,uBAAC,gBAAM,kBACL,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,qBACJ,yBAAyB,gBAEzC,uBAAC,eAAI,kBAAC,SAAS,QAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,gBACjE,wBAAC,cAAG,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,iBAChC,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACxB,wBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,iBACf,uBAAC,qBAAU,kBACT,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,gBAExE,uBAAC,uBAAiB,aAAG,YACV,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gBACjE,KAAK,YACK,aACR,YACF,EAEP,uBAAC,eAAI,kBAAC,SAAS,QAAC,IAAI,sBAClB,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,qBAAU,kBAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,gBACxC,OAAO,YACG,YACR,YACF,EAEN,SAAS,IAAI,CACZ,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,gBACtB,uBAAC,iBAAM,kBACL,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACrB,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,gBAAgB,gBAE1B,cAAc,YACR,YACJ,CACR,EAED,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,gBAC7B,uBAAC,iBAAM,kBAAC,OAAO,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,gBACpF,YAAY,YACN,YACJ,aACH,YACD,YACA,CACV,CAAC;AACJ,CAAC;AAvED,+BAuEC"}
|
package/components/Toast.d.ts
CHANGED
|
@@ -14,7 +14,13 @@ declare type Props = {
|
|
|
14
14
|
onCloseToast: () => void;
|
|
15
15
|
/** The toast width */
|
|
16
16
|
width?: string | undefined;
|
|
17
|
+
/** If true, it will not position itself as fixed */
|
|
18
|
+
wrapped?: boolean;
|
|
19
|
+
/** If not wrapped, the pixel from the bottom of the viewport where to place the toast. Default "64px" */
|
|
20
|
+
bottom?: string;
|
|
21
|
+
/** If not wrapped, the pixel from the right side of the viewport where to place the toast. Default "64px" */
|
|
22
|
+
right?: string;
|
|
17
23
|
};
|
|
18
24
|
/** Selfcare's toast */
|
|
19
|
-
export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, }: Props): JSX.Element;
|
|
25
|
+
export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, wrapped, bottom, right, }: Props): JSX.Element;
|
|
20
26
|
export {};
|
package/components/Toast.js
CHANGED
|
@@ -11,12 +11,12 @@ const CustomAlert = (0, system_1.styled)(material_1.Alert)({
|
|
|
11
11
|
'.MuiAlert-icon': { display: 'none' },
|
|
12
12
|
});
|
|
13
13
|
/** Selfcare's toast */
|
|
14
|
-
function Toast({ open, title, message, onCloseToast, logo = ConfirmIcon_1.default, leftBorderColor = '#00CF86', width = '376px', }) {
|
|
14
|
+
function Toast({ open, title, message, onCloseToast, logo = ConfirmIcon_1.default, leftBorderColor = '#00CF86', width = '376px', wrapped = false, bottom = '64px', right = '64px', }) {
|
|
15
|
+
const positionStyle = !wrapped
|
|
16
|
+
? { position: 'fixed', bottom, right, zIndex: 100 }
|
|
17
|
+
: { marginTop: 2 };
|
|
15
18
|
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: open && ((0, jsx_runtime_1.jsx)(CustomAlert, Object.assign({ className: "userToast", variant: "outlined", sx: {
|
|
16
|
-
|
|
17
|
-
bottom: '64px',
|
|
18
|
-
right: '64px',
|
|
19
|
-
zIndex: 100,
|
|
19
|
+
...positionStyle,
|
|
20
20
|
width: { width },
|
|
21
21
|
backgroundColor: 'white',
|
|
22
22
|
borderLeft: `4px solid ${leftBorderColor} !important`,
|
package/components/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/lib/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/lib/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,4CAA6E;AAC7E,wCAAqC;AACrC,mFAAkD;AAClD,mFAA8C;AAyB9C,MAAM,WAAW,GAAG,IAAA,eAAM,EAAC,gBAAK,CAAC,CAAC;IAChC,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;CACtC,CAAC,CAAC;AAEH,uBAAuB;AACvB,SAAwB,KAAK,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,YAAY,EACZ,IAAI,GAAG,qBAAW,EAClB,eAAe,GAAG,SAAS,EAC3B,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,GACR;IACN,MAAM,aAAa,GAAkB,CAAC,OAAO;QAC3C,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE;QACnD,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;IAErB,OAAO,CACL,uBAAC,gBAAQ,cACN,IAAI,IAAI,CACP,uBAAC,WAAW,kBACV,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,UAAU,EAClB,EAAE,EAAE;gBACF,GAAG,aAAa;gBAChB,KAAK,EAAE,EAAE,KAAK,EAAE;gBAChB,eAAe,EAAE,OAAO;gBACxB,UAAU,EAAE,aAAa,eAAe,aAAa;gBACrD,YAAY,EAAE,KAAK;gBACnB,SAAS,EAAE,kCAAkC;gBAC7C,MAAM,EAAE,MAAM;aACf,gBAED,wBAAC,eAAI,kBAAC,SAAS,uBACb,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,kBAAO,IACN,SAAS,EAAE,IAAI,EACf,OAAO,EAAC,WAAW,EACnB,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,WACzD,YACG,EACP,wBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,iBACd,uBAAC,qBAAU,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gBAClE,KAAK,YACK,EACb,uBAAC,qBAAU,cAAE,OAAO,WAAc,aAC7B,EACP,uBAAC,eAAI,kBAAC,IAAI,QAAC,EAAE,EAAE,CAAC,gBACd,uBAAC,qBAAU,kBAAC,OAAO,EAAE,YAAY,gBAC/B,uBAAC,eAAS,aAAG,YACF,YACR,aACF,YACK,CACf,WACQ,CACZ,CAAC;AACJ,CAAC;AAxDD,wBAwDC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
children: Array<ReactNode>;
|
|
4
|
+
/** The pixel from the bottom of the viewport where to place the toast. Default "64px" */
|
|
5
|
+
bottom?: string;
|
|
6
|
+
/** The pixel from the right side of the viewport where to place the toast. Default "64px" */
|
|
7
|
+
right?: string;
|
|
8
|
+
};
|
|
9
|
+
/** To stack multiple Toast component. Each Toast should have the prop wrapped setted to true */
|
|
10
|
+
export default function ToastWrapper({ children, bottom, right }: Props): JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
const material_1 = require("@mui/material");
|
|
6
|
+
/** To stack multiple Toast component. Each Toast should have the prop wrapped setted to true */
|
|
7
|
+
function ToastWrapper({ children, bottom = '64px', right = '64px' }) {
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: ["(", (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ sx: {
|
|
9
|
+
position: 'fixed',
|
|
10
|
+
bottom: { bottom },
|
|
11
|
+
right: { right },
|
|
12
|
+
zIndex: 100,
|
|
13
|
+
} }, { children: children.slice().reverse() }), void 0)] }, void 0));
|
|
14
|
+
}
|
|
15
|
+
exports.default = ToastWrapper;
|
|
16
|
+
//# sourceMappingURL=ToastWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastWrapper.js","sourceRoot":"","sources":["../../src/lib/components/ToastWrapper.tsx"],"names":[],"mappings":";;;AAAA,iCAA4C;AAC5C,4CAAoC;AAUpC,gGAAgG;AAChG,SAAwB,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAS;IACvF,OAAO,CACL,wBAAC,gBAAQ,oBAEP,uBAAC,cAAG,kBACF,EAAE,EAAE;oBACF,QAAQ,EAAE,OAAO;oBACjB,MAAM,EAAE,EAAE,MAAM,EAAE;oBAClB,KAAK,EAAE,EAAE,KAAK,EAAE;oBAChB,MAAM,EAAE,GAAG;iBACZ,gBAEA,QAAQ,CAAC,KAAK,EAAE,CAAC,OAAO,EAAE,YACvB,YACG,CACZ,CAAC;AACJ,CAAC;AAhBD,+BAgBC"}
|
|
@@ -1,20 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const tslib_1 = require("tslib");
|
|
3
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
5
|
const react_1 = require("react");
|
|
5
6
|
const react_redux_1 = require("react-redux");
|
|
6
7
|
const __1 = require("..");
|
|
7
8
|
const appStateSlice_1 = require("../redux/slices/appStateSlice");
|
|
9
|
+
const ToastWrapper_1 = (0, tslib_1.__importDefault)(require("./ToastWrapper"));
|
|
8
10
|
/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
|
|
9
11
|
It allows to dispatch User Notifies in order to display a pop up or a toast notification.
|
|
10
12
|
|
|
11
13
|
To use this feature you have to put UserNotifyHandle in your App as a child of a redux Provider component.
|
|
12
14
|
In order to dispatch a User Notify, you have to use the custom hook useUserNotify which will return a fuction to be used to dispatch the User Notify. */
|
|
13
15
|
function UserNotifyHandle() {
|
|
14
|
-
var _a
|
|
16
|
+
var _a;
|
|
15
17
|
const dispatch = (0, react_redux_1.useDispatch)();
|
|
16
18
|
const notifies = (0, react_redux_1.useSelector)(appStateSlice_1.appStateSelectors.selectNotifies);
|
|
17
|
-
const
|
|
19
|
+
const lastNotifiesToast = (0, react_1.useRef)([]);
|
|
18
20
|
const lastNotifyModal = (0, react_1.useRef)();
|
|
19
21
|
const onClose = (notify) => {
|
|
20
22
|
dispatch(appStateSlice_1.appStateActions.removeNotify(notify));
|
|
@@ -28,27 +30,29 @@ function UserNotifyHandle() {
|
|
|
28
30
|
notify.onConfirm();
|
|
29
31
|
}
|
|
30
32
|
};
|
|
31
|
-
const { openModal, openToast } = updateCurrents(lastNotifyModal,
|
|
33
|
+
const { openModal, openToast } = updateCurrents(lastNotifyModal, lastNotifiesToast, notifies, onClose);
|
|
32
34
|
const notifyModal = lastNotifyModal.current;
|
|
33
|
-
const
|
|
34
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(
|
|
35
|
+
const notifiesToast = lastNotifiesToast.current;
|
|
36
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ToastWrapper_1.default, { children: notifiesToast.map((n) => ((0, jsx_runtime_1.jsx)(__1.Toast, { wrapped: true, open: openToast, title: n.title, message: n.message, logo: n.logo, leftBorderColor: n.leftBorderColor, onCloseToast: () => onClose(n), width: n.width }, n.id))) }, void 0), (0, jsx_runtime_1.jsx)(__1.SessionModal, { open: openModal, title: (_a = notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.title) !== null && _a !== void 0 ? _a : 'Notify Title', message: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.message, onConfirm: () => onConfirm(notifyModal), onConfirmLabel: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.confirmLabel, handleClose: () => onClose(notifyModal), onCloseLabel: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.closeLabel, width: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.width }, void 0)] }, void 0));
|
|
35
37
|
}
|
|
36
38
|
exports.default = UserNotifyHandle;
|
|
37
|
-
function updateCurrents(lastNotifyModalRef,
|
|
38
|
-
const
|
|
39
|
+
function updateCurrents(lastNotifyModalRef, lastNotifiesToastRef, notifies, onClose) {
|
|
40
|
+
const lastNotifiesToast = notifies.filter((e) => e.component === 'Toast');
|
|
39
41
|
const lastNotifySessionModal = notifies.find((e) => e.component === 'SessionModal');
|
|
40
|
-
const openToast =
|
|
42
|
+
const openToast = lastNotifiesToast.length > 0;
|
|
41
43
|
const openModal = !!lastNotifySessionModal;
|
|
42
44
|
if (lastNotifySessionModal && lastNotifySessionModal !== (lastNotifyModalRef === null || lastNotifyModalRef === void 0 ? void 0 : lastNotifyModalRef.current)) {
|
|
43
45
|
// eslint-disable-next-line functional/immutable-data
|
|
44
46
|
lastNotifyModalRef.current = lastNotifySessionModal;
|
|
45
47
|
}
|
|
46
|
-
if (
|
|
48
|
+
if (openToast) {
|
|
47
49
|
// eslint-disable-next-line functional/immutable-data
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
lastNotifiesToastRef.current = lastNotifiesToast;
|
|
51
|
+
lastNotifiesToast.forEach((n) => {
|
|
52
|
+
if (n.autoclosable === 'timer') {
|
|
53
|
+
setTimeout(() => onClose(n), n.autocloseMilliseconds);
|
|
54
|
+
}
|
|
55
|
+
});
|
|
52
56
|
}
|
|
53
57
|
return {
|
|
54
58
|
openToast,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":"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"}
|
package/model/UserNotify.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare type UserNotify = {
|
|
|
13
13
|
* If timer, it will be closed after autocloseMilliseconds milliseconds
|
|
14
14
|
*/
|
|
15
15
|
autoclosable?: 'none' | 'timer';
|
|
16
|
-
/** If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default
|
|
16
|
+
/** If component === 'Toast' and autoclosable === 'timer'. The millisecond after which close the notify. As default 10000 */
|
|
17
17
|
autocloseMilliseconds?: number;
|
|
18
18
|
/** If component === 'Toast'. The color used for the left border */
|
|
19
19
|
leftBorderColor?: string;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pagopa/selfcare-common-frontend",
|
|
3
3
|
"description": "Shared React components for the pagopa selfcare project",
|
|
4
|
-
"version": "1.5.
|
|
4
|
+
"version": "1.5.17",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "https://github.com/pagopa/selfcare-common-frontend",
|
|
7
7
|
"author": "https://www.pagopa.gov.it",
|
|
@@ -39,6 +39,7 @@ exports.appStateSlice = (0, toolkit_1.createSlice)({
|
|
|
39
39
|
},
|
|
40
40
|
// ErrorBoundary actions
|
|
41
41
|
addError: (state, action) => {
|
|
42
|
+
action.payload.id = `${action.payload.id}_${Date.now()}`;
|
|
42
43
|
if (!action.payload.component) {
|
|
43
44
|
action.payload.component = 'SessionModal';
|
|
44
45
|
}
|
|
@@ -58,6 +59,7 @@ exports.appStateSlice = (0, toolkit_1.createSlice)({
|
|
|
58
59
|
},
|
|
59
60
|
// UserNotifyHandle actions
|
|
60
61
|
addNotify: (state, action) => {
|
|
62
|
+
action.payload.id = `${action.payload.id}_${Date.now()}`;
|
|
61
63
|
if (!action.payload.component) {
|
|
62
64
|
action.payload.component = 'SessionModal';
|
|
63
65
|
}
|
|
@@ -67,7 +69,7 @@ exports.appStateSlice = (0, toolkit_1.createSlice)({
|
|
|
67
69
|
}
|
|
68
70
|
if (action.payload.autoclosable === 'timer' &&
|
|
69
71
|
(!action.payload.autocloseMilliseconds || action.payload.autocloseMilliseconds < 0)) {
|
|
70
|
-
action.payload.autocloseMilliseconds =
|
|
72
|
+
action.payload.autocloseMilliseconds = 10000;
|
|
71
73
|
}
|
|
72
74
|
}
|
|
73
75
|
state.userNotifies.push(action.payload);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appStateSlice.js","sourceRoot":"","sources":["../../../src/lib/redux/slices/appStateSlice.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"appStateSlice.js","sourceRoot":"","sources":["../../../src/lib/redux/slices/appStateSlice.ts"],"names":[],"mappings":";;;AAAA,8CAA8D;AAuB9D,MAAM,YAAY,GAAkB;IAClC,OAAO,EAAE;QACP,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,EAAE;KACV;IACD,MAAM,EAAE,EAAE;IACV,YAAY,EAAE,EAAE;IAChB,wBAAwB,EAAE;QACxB,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,KAAK;KACZ;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,CAAoB,EAAE,EAAE;IAC1C,MAAM,OAAO,GACX,mGAAmG,CAAC;IACtG,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,qDAAqD;IACrD,CAAC,CAAC,WAAW,GAAG,OAAO,CAAC;IACxB,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,8CAA8C;AACjC,QAAA,aAAa,GAAG,IAAA,qBAAW,EAAC;IACvC,IAAI,EAAE,UAAU;IAChB,YAAY;IACZ,QAAQ,EAAE;QACR,yBAAyB;QACzB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAyD,EAAE,EAAE;YAC/E,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE;gBAC1B,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;aACjD;iBAAM;gBACL,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBAChD,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;aACpE;QACH,CAAC;QAED,wBAAwB;QACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAA+B,EAAE,EAAE;YACnD,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE;gBAC7B,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC;aAC3C;YAED,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE;gBACxC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE;oBAC7C,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;iBACvC;gBACD,IACE,MAAM,CAAC,OAAO,CAAC,YAAY,KAAK,OAAO;oBACvC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,GAAG,CAAC,CAAC,EACnF;oBACA,MAAM,CAAC,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC;iBAC7C;aACF;YAED,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QACD,WAAW,EAAE,CAAC,KAAK,EAAE,MAA+B,EAAE,EAAE;YACtD,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACxE,CAAC;QAED,2BAA2B;QAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAiC,EAAE,EAAE;YACtD,MAAM,CAAC,OAAO,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;YACzD,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE;gBAC7B,MAAM,CAAC,OAAO,CAAC,SAAS,GAAG,cAAc,CAAC;aAC3C;YAED,IAAI,MAAM,CAAC,OAAO,CAAC,SAAS,KAAK,OAAO,EAAE;gBACxC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,KAAK,SAAS,EAAE;oBAC7C,MAAM,CAAC,OAAO,CAAC,YAAY,GAAG,OAAO,CAAC;iBACvC;gBACD,IACE,MAAM,CAAC,OAAO,CAAC,YAAY,KAAK,OAAO;oBACvC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,qBAAqB,IAAI,MAAM,CAAC,OAAO,CAAC,qBAAqB,GAAG,CAAC,CAAC,EACnF;oBACA,MAAM,CAAC,OAAO,CAAC,qBAAqB,GAAG,KAAK,CAAC;iBAC9C;aACF;YAED,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC;QACD,YAAY,EAAE,CAAC,KAAK,EAAE,MAAiC,EAAE,EAAE;YACzD,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACpF,CAAC;QAED,6BAA6B;QAC7B,4BAA4B,EAAE,CAC5B,KAAK,EACL,MAGE,EACF,EAAE;YACF,KAAK,CAAC,wBAAwB,CAAC,IAAI,GAAG,KAAK,CAAC;YAC5C,KAAK,CAAC,wBAAwB,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9C,KAAK,CAAC,wBAAwB,CAAC,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;YAC5D,KAAK,CAAC,wBAAwB,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;YACxE,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC;QACD,6BAA6B,EAAE,CAAC,KAAK,EAAE,EAAE;YACvC,KAAK,CAAC,wBAAwB,CAAC,IAAI,GAAG,KAAK,CAAC;YAC5C,KAAK,CAAC,wBAAwB,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/C,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;QACzD,CAAC;QACD,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAiC,EAAE,EAAE;YAClE,KAAK,CAAC,wBAAwB,CAAC,IAAI,GAAG,IAAI,CAAC;YAC3C,KAAK,CAAC,wBAAwB,CAAC,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;QAC7D,CAAC;QACD,sBAAsB,EAAE,CAAC,KAAK,EAAE,EAAE;YAChC,KAAK,CAAC,wBAAwB,CAAC,IAAI,GAAG,KAAK,CAAC;YAC5C,KAAK,CAAC,wBAAwB,CAAC,UAAU,GAAG,SAAS,CAAC;QACxD,CAAC;KACF;CACF,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG,qBAAa,CAAC,OAAO,CAAC;AACxC,QAAA,eAAe,GAAG,qBAAa,CAAC,OAAO,CAAC;AAExC,QAAA,iBAAiB,GAAG;IAC/B,aAAa,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM;IACpF,YAAY,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM;IAC3E,cAAc,EAAE,CAAC,KAAkC,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,YAAY;IACnF,8BAA8B,EAAE,CAAC,KAAkC,EAAE,EAAE,CACrE,KAAK,CAAC,QAAQ,CAAC,wBAAwB;CAC1C,CAAC"}
|