@pagopa/selfcare-common-frontend 1.11.6 → 1.11.9
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 +21 -5
- package/build.info +2 -2
- package/components/BackComponent.d.ts +1 -4
- package/components/BackComponent.js +3 -10
- package/components/BackComponent.js.map +1 -1
- package/components/ErrorBoundary/ErrorBoundary.d.ts +1 -0
- package/components/ErrorBoundary/ErrorBoundary.js +3 -3
- package/components/ErrorBoundary/ErrorBoundary.js.map +1 -1
- package/components/NavigationBar.d.ts +1 -1
- package/components/NavigationBar.js +10 -7
- package/components/NavigationBar.js.map +1 -1
- package/components/SessionModal.d.ts +2 -0
- package/components/SessionModal.js +2 -2
- package/components/SessionModal.js.map +1 -1
- package/components/Toast.d.ts +6 -2
- package/components/Toast.js +3 -3
- package/components/Toast.js.map +1 -1
- package/components/UserNotifyHandle.js +1 -1
- package/components/UserNotifyHandle.js.map +1 -1
- package/model/AppError.d.ts +2 -0
- package/model/UserNotify.d.ts +2 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,25 +4,41 @@ 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.11.9](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.8...v1.11.9)
|
|
8
|
+
|
|
9
|
+
- Handling ellipsis in NavigationBar [`#91`](https://github.com/pagopa/selfcare-common-frontend/pull/91)
|
|
10
|
+
|
|
11
|
+
#### [v1.11.8](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.7...v1.11.8)
|
|
12
|
+
|
|
13
|
+
> 27 June 2022
|
|
14
|
+
|
|
15
|
+
- Update qa [`#90`](https://github.com/pagopa/selfcare-common-frontend/pull/90)
|
|
16
|
+
- Update qa (#90) [`#1122`](https://pagopa.atlassian.net/browse/1122) [`#1122`](https://pagopa.atlassian.net/browse/1122) [`#1122`](https://pagopa.atlassian.net/browse/1122) [`#1122`](https://pagopa.atlassian.net/browse/1122)
|
|
17
|
+
|
|
18
|
+
#### [v1.11.7](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.6...v1.11.7)
|
|
19
|
+
|
|
20
|
+
> 27 June 2022
|
|
21
|
+
|
|
22
|
+
- Update common [`#89`](https://github.com/pagopa/selfcare-common-frontend/pull/89)
|
|
23
|
+
- Update common (#89) [`#1122`](https://pagopa.atlassian.net/browse/1122) [`#1122`](https://pagopa.atlassian.net/browse/1122) [`#1122`](https://pagopa.atlassian.net/browse/1122)
|
|
24
|
+
|
|
7
25
|
#### [v1.11.6](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.5...v1.11.6)
|
|
8
26
|
|
|
27
|
+
> 22 June 2022
|
|
28
|
+
|
|
9
29
|
- Update common [`#88`](https://github.com/pagopa/selfcare-common-frontend/pull/88)
|
|
10
30
|
|
|
11
31
|
#### [v1.11.5](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.4...v1.11.5)
|
|
12
32
|
|
|
13
33
|
> 17 June 2022
|
|
14
34
|
|
|
15
|
-
- Fix default branch [`#86`](https://github.com/pagopa/selfcare-common-frontend/pull/86)
|
|
16
35
|
- Revert "Fix default branch (#86)" [`b15705e`](https://github.com/pagopa/selfcare-common-frontend/commit/b15705e78667983d9c0ceb7a8513c48df913a62d)
|
|
17
36
|
|
|
18
37
|
#### [v1.11.4](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.3...v1.11.4)
|
|
19
38
|
|
|
20
|
-
>
|
|
39
|
+
> 24 June 2022
|
|
21
40
|
|
|
22
41
|
- Fix default branch [`#86`](https://github.com/pagopa/selfcare-common-frontend/pull/86)
|
|
23
|
-
- Fix default branch [`#85`](https://github.com/pagopa/selfcare-common-frontend/pull/85)
|
|
24
|
-
- Fix default branch [`#84`](https://github.com/pagopa/selfcare-common-frontend/pull/84)
|
|
25
|
-
- fix DEFAULT_BRANCH [`#83`](https://github.com/pagopa/selfcare-common-frontend/pull/83)
|
|
26
42
|
- updated mui-italia version [`#82`](https://github.com/pagopa/selfcare-common-frontend/pull/82)
|
|
27
43
|
|
|
28
44
|
#### [v1.11.3](https://github.com/pagopa/selfcare-common-frontend/compare/v1.11.2...v1.11.3)
|
package/build.info
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
tags/v1.11.
|
|
1
|
+
20220701.1 - selfcare-common-frontend.deploy(37440)
|
|
2
|
+
tags/v1.11.9^0 b89fcbabd445b8e2b00d29c41ec450d354586c07
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare type Props = {
|
|
3
3
|
goBack?: () => void;
|
|
4
|
-
backLinkTextDecoration?: string;
|
|
5
|
-
backLinkFontWeight?: string;
|
|
6
|
-
backLinkFontSize?: string;
|
|
7
4
|
};
|
|
8
|
-
export default function BackComponent({ goBack
|
|
5
|
+
export default function BackComponent({ goBack }: Props): JSX.Element;
|
|
9
6
|
export {};
|
|
@@ -2,18 +2,11 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
4
|
const icons_material_1 = require("@mui/icons-material");
|
|
5
|
-
const
|
|
5
|
+
const mui_italia_1 = require("@pagopa/mui-italia");
|
|
6
6
|
const react_i18next_1 = require("react-i18next");
|
|
7
|
-
function BackComponent({ goBack
|
|
7
|
+
function BackComponent({ goBack }) {
|
|
8
8
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
9
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
10
|
-
cursor: 'pointer',
|
|
11
|
-
ml: '16px',
|
|
12
|
-
textDecoration: backLinkTextDecoration,
|
|
13
|
-
fontWeight: backLinkFontWeight,
|
|
14
|
-
fontSize: backLinkFontSize,
|
|
15
|
-
display: 'flex',
|
|
16
|
-
}, onClick: goBack, children: [(0, jsx_runtime_1.jsx)(icons_material_1.ArrowBack, { color: "primary", fontSize: "small", sx: { marginTop: '3px', mr: '8px' } }), t('common.backComponent.label')] }) }));
|
|
9
|
+
return ((0, jsx_runtime_1.jsx)(mui_italia_1.ButtonNaked, { size: "small", component: "button", onClick: goBack, startIcon: (0, jsx_runtime_1.jsx)(icons_material_1.ArrowBack, {}), sx: { color: 'primary.main' }, weight: "default", children: t('common.backComponent.label') }));
|
|
17
10
|
}
|
|
18
11
|
exports.default = BackComponent;
|
|
19
12
|
//# sourceMappingURL=BackComponent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackComponent.js","sourceRoot":"","sources":["../../src/lib/components/BackComponent.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"BackComponent.js","sourceRoot":"","sources":["../../src/lib/components/BackComponent.tsx"],"names":[],"mappings":";;;AAAA,wDAAgD;AAChD,mDAAiD;AACjD,iDAA+C;AAK/C,SAAwB,aAAa,CAAC,EAAE,MAAM,EAAS;IACrD,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAC/B,OAAO,CACL,uBAAC,wBAAW,IACV,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,uBAAC,0BAAS,KAAG,EACxB,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EAC7B,MAAM,EAAC,SAAS,YAEf,CAAC,CAAC,4BAA4B,CAAC,GACpB,CACf,CAAC;AACJ,CAAC;AAdD,gCAcC"}
|
|
@@ -4,6 +4,7 @@ interface Props {
|
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
assistanceEmail?: string;
|
|
6
6
|
t: TFunction<'translation', undefined>;
|
|
7
|
+
showCloseIcon?: boolean;
|
|
7
8
|
}
|
|
8
9
|
declare const _default: import("react").ComponentType<Omit<import("react-i18next").Subtract<Props, import("react-i18next").WithTranslationProps>, keyof import("react-i18next").WithTranslation<N>> & import("react-i18next").WithTranslationProps>;
|
|
9
10
|
export default _default;
|
|
@@ -7,11 +7,11 @@ const react_1 = require("react");
|
|
|
7
7
|
const react_redux_1 = require("react-redux");
|
|
8
8
|
const reselect_1 = require("reselect");
|
|
9
9
|
const react_i18next_1 = require("react-i18next");
|
|
10
|
+
const ErrorOutlineOutlined_1 = tslib_1.__importDefault(require("@mui/icons-material/ErrorOutlineOutlined"));
|
|
10
11
|
const appStateSlice_1 = require("../../redux/slices/appStateSlice");
|
|
11
12
|
const errorService_1 = require("../../services/errorService");
|
|
12
13
|
const SessionModal_1 = tslib_1.__importDefault(require("../SessionModal"));
|
|
13
14
|
const Toast_1 = tslib_1.__importDefault(require("../Toast"));
|
|
14
|
-
const ErrorIconExclamation_1 = tslib_1.__importDefault(require("../icons/ErrorIconExclamation"));
|
|
15
15
|
const BlockingErrorPage_1 = tslib_1.__importDefault(require("./components/BlockingErrorPage"));
|
|
16
16
|
/** This feature is based on react-redux library and require to register the reducer build in appStateSlice into the application's redux store.
|
|
17
17
|
It allows to dispatch errors in order to display a warning or the error page to the user.
|
|
@@ -63,11 +63,11 @@ class ErrorBoundary extends react_1.Component {
|
|
|
63
63
|
if (error.autoclosable === 'timer') {
|
|
64
64
|
setTimeout(() => this.handleClose(error), error.autocloseMilliseconds);
|
|
65
65
|
}
|
|
66
|
-
return ((0, jsx_runtime_1.jsx)(Toast_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.toastError'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.toastMessage'), logo:
|
|
66
|
+
return ((0, jsx_runtime_1.jsx)(Toast_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.toastError'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.toastMessage'), logo: ErrorOutlineOutlined_1.default, toastColorIcon: "#FE6666", leftBorderColor: "#FE6666", onCloseToast: () => this.handleClose(error), width: error.width, showToastCloseIcon: error.showCloseIcon }));
|
|
67
67
|
}
|
|
68
68
|
buildErrorModal(error) {
|
|
69
69
|
var _a, _b;
|
|
70
|
-
return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.sessionModalTitle'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.sessionModalMessage'), onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => this.handleClose(error), width: error.width }));
|
|
70
|
+
return ((0, jsx_runtime_1.jsx)(SessionModal_1.default, { open: true, title: (_a = error.displayableTitle) !== null && _a !== void 0 ? _a : this.props.t('common.errorBoundary.sessionModalTitle'), message: (_b = error.displayableDescription) !== null && _b !== void 0 ? _b : this.props.t('common.errorBoundary.sessionModalMessage'), onConfirm: error.onRetry ? () => this.retryError(error) : undefined, handleClose: () => this.handleClose(error), width: error.width, showCloseIcon: error.showCloseIcon }));
|
|
71
71
|
}
|
|
72
72
|
retryError(error) {
|
|
73
73
|
this.popError(error);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AACA,mCAAkC;AAClC,iCAAgF;AAChF,6CAAsC;AACtC,uCAA0C;AAC1C,iDAA2D;AAC3D,oEAAgG;AAChG,8DAA2D;AAC3D,2EAA2C;AAC3C,6DAA6B;AAC7B
|
|
1
|
+
{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/lib/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";;;;AACA,mCAAkC;AAClC,iCAAgF;AAChF,6CAAsC;AACtC,uCAA0C;AAC1C,iDAA2D;AAC3D,4GAAgF;AAChF,oEAAgG;AAChG,8DAA2D;AAC3D,2EAA2C;AAC3C,6DAA6B;AAC7B,+FAA+D;AAe/D;;;;;iJAKiJ;AACjJ,MAAM,aAAc,SAAQ,iBAAiC;IAC3D,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAChC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACzD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YAClB,EAAE,EAAE,IAAA,iBAAQ,EAAC,WAAW,CAAC;YACzB,eAAe,EAAE,gBAAgB;YACjC,KAAK;YACL,SAAS;YACT,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;IACL,CAAC;IAEM,MAAM;QACX,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9C,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QACnE,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QAEnD,IAAI,QAAQ,EAAE;YACZ,IAAA,2BAAY,EAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SACjC;QAED,IAAI,CAAC,gBAAgB,EAAE;YACrB,OAAO,CACL,wBAAC,gBAAQ,eACN,IAAI,CAAC,KAAK,CAAC,QAAQ,EACnB,QAAQ,IAAI,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IACjD,CACZ,CAAC;SACH;aAAM;YACL,OAAO,CACL,uBAAC,2BAAiB,IAChB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,sBAAsB,EACrD,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,GAC3C,CACH,CAAC;SACH;IACH,CAAC;IAED,qBAAqB,CAAC,MAAuB;QAC3C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,cAAc,CAAC,CAAC;QACtE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC;QAE/D,OAAO,CACL,6DACG,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAC9C,UAAU,IAAI,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,IAC9C,CACJ,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,KAAe;;QAC7B,IAAI,KAAK,CAAC,YAAY,KAAK,OAAO,EAAE;YAClC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,CAAC;SACxE;QACD,OAAO,CACL,uBAAC,eAAK,IACJ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,iCAAiC,CAAC,EAChF,OAAO,EAAE,MAAA,KAAK,CAAC,sBAAsB,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mCAAmC,CAAC,EAC1F,IAAI,EAAE,8BAAwB,EAC9B,cAAc,EAAC,SAAS,EACxB,eAAe,EAAC,SAAS,EACzB,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC3C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAAE,KAAK,CAAC,aAAa,GACvC,CACH,CAAC;IACJ,CAAC;IAED,eAAe,CAAC,KAAe;;QAC7B,OAAO,CACL,uBAAC,sBAAY,IACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,wCAAwC,CAAC,EACvF,OAAO,EACL,MAAA,KAAK,CAAC,sBAAsB,mCAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,0CAA0C,CAAC,EAE1F,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EACnE,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAC1C,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,aAAa,EAAE,KAAK,CAAC,aAAa,GAClC,CACH,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,KAAe;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,EAAE,CAAC;SACjB;IACH,CAAC;IAED,QAAQ,CAAC,KAAe;QACtB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,WAAW,CAAC,KAAe;QACzB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,EAAE,CAAC;SACjB;IACH,CAAC;CACF;AACD,MAAM,cAAc,GAAG,IAAA,yBAAc,EAAC,iCAAiB,CAAC,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;AAE1F,SAAS,eAAe,CAAC,KAAU;IACjC,OAAO,EAAE,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;AAC3C,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,QAA0B,EAAE,EAAE,CAAC,CAAC;IAC1D,QAAQ,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,+BAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,KAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,+BAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;CAC/E,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAA0C,IAAA,qBAAO,EAC3E,eAAe,EACf,kBAAkB,CACnB,CAAC,aAAa,CAAC,CAAC;AACjB,kBAAe,IAAA,+BAAe,GAAE,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -13,5 +13,5 @@ export declare type NavigationPath = {
|
|
|
13
13
|
onClick?: () => void;
|
|
14
14
|
icon?: SvgIconComponent;
|
|
15
15
|
};
|
|
16
|
-
export default function NavigationBar({ paths, goBack,
|
|
16
|
+
export default function NavigationBar({ paths, goBack, showBackComponent }: Props): JSX.Element;
|
|
17
17
|
export {};
|
|
@@ -3,16 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
+
const mui_italia_1 = require("@pagopa/mui-italia");
|
|
6
7
|
const useUnloadEventInterceptor_1 = require("../hooks/useUnloadEventInterceptor");
|
|
7
8
|
const BackComponent_1 = tslib_1.__importDefault(require("./BackComponent"));
|
|
8
|
-
function NavigationBar({ paths, goBack,
|
|
9
|
+
function NavigationBar({ paths, goBack, showBackComponent }) {
|
|
9
10
|
const onExit = (0, useUnloadEventInterceptor_1.useUnloadEventOnExit)();
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
const truncatedText = {
|
|
12
|
+
display: 'inline-block',
|
|
13
|
+
width: '50ch',
|
|
14
|
+
whiteSpace: 'nowrap',
|
|
15
|
+
overflow: 'hidden',
|
|
16
|
+
textOverflow: 'ellipsis',
|
|
17
|
+
};
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", children: [showBackComponent && ((0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(BackComponent_1.default, { goBack: goBack }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", alignItems: 'center', children: (0, jsx_runtime_1.jsx)(material_1.Breadcrumbs, { "aria-label": "breadcrumb", children: paths.map((p) => p.onClick ? ((0, jsx_runtime_1.jsx)(material_1.Box, { display: "flex", alignItems: "center", justifyContent: "center", ml: 2, children: (0, jsx_runtime_1.jsx)(mui_italia_1.ButtonNaked, { component: "button", onClick: () => onExit(p.onClick), startIcon: p.icon && (0, jsx_runtime_1.jsx)(material_1.Icon, { component: p.icon }), sx: { color: 'colorTextPrimary' }, weight: "default", children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: p.description }) }) }, p.description)) : ((0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", alignItems: "center", children: [p.icon && ((0, jsx_runtime_1.jsx)(material_1.Box, { mr: 1, display: "flex", alignItems: "center", children: (0, jsx_runtime_1.jsx)(material_1.Icon, { component: p.icon }) })), (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", sx: { ...truncatedText, color: 'text.secondary', fontSize: 'fontSize' }, children: p.description }, p.description) })] }, p.description))) }) })] }));
|
|
16
19
|
}
|
|
17
20
|
exports.default = NavigationBar;
|
|
18
21
|
//# sourceMappingURL=NavigationBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../src/lib/components/NavigationBar.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"NavigationBar.js","sourceRoot":"","sources":["../../src/lib/components/NavigationBar.tsx"],"names":[],"mappings":";;;;AACA,4CAAmE;AACnE,mDAAiD;AACjD,kFAA0E;AAC1E,4EAA4C;AAiB5C,SAAwB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAS;IAC/E,MAAM,MAAM,GAAG,IAAA,gDAAoB,GAAE,CAAC;IAEtC,MAAM,aAAa,GAAG;QACpB,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,QAAQ;QACpB,QAAQ,EAAE,QAAQ;QAClB,YAAY,EAAE,UAAU;KACzB,CAAC;IAEF,OAAO,CACL,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,aAChB,iBAAiB,IAAI,CACpB,uBAAC,cAAG,cACF,uBAAC,uBAAa,IAAC,MAAM,EAAE,MAAM,GAAI,GAC7B,CACP,EACD,uBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAE,QAAQ,YACtC,uBAAC,sBAAW,kBAAY,YAAY,YACjC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CACf,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,uBAAC,cAAG,IAEF,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,EAAE,EAAE,CAAC,YAEL,uBAAC,wBAAW,IACV,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,OAAqB,CAAC,EAC9C,SAAS,EAAE,CAAC,CAAC,IAAI,IAAI,uBAAC,eAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,GAAI,EAChD,EAAE,EAAE,EAAE,KAAK,EAAE,kBAAkB,EAAE,EACjC,MAAM,EAAC,SAAS,YAEhB,uBAAC,qBAAU,IAAC,OAAO,EAAC,OAAO,YAAE,CAAC,CAAC,WAAW,GAAc,GAC5C,IAdT,CAAC,CAAC,WAAW,CAed,CACP,CAAC,CAAC,CAAC,CACF,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAqB,UAAU,EAAC,QAAQ,aACxD,CAAC,CAAC,IAAI,IAAI,CACT,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,YAC5C,uBAAC,eAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,GAAI,GACvB,CACP,EACD,uBAAC,cAAG,cACF,uBAAC,qBAAU,IAET,OAAO,EAAC,OAAO,EACf,EAAE,EAAE,EAAE,GAAG,aAAa,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,YAEtE,CAAC,CAAC,WAAW,IAJT,CAAC,CAAC,WAAW,CAKP,GACT,KAdiB,CAAC,CAAC,WAAW,CAehC,CACP,CACF,GACW,GACV,IACF,CACP,CAAC;AACJ,CAAC;AA9DD,gCA8DC"}
|
|
@@ -26,6 +26,8 @@ declare type Props = {
|
|
|
26
26
|
/** The popup width */
|
|
27
27
|
width?: string;
|
|
28
28
|
t: TFunction<'translation', undefined>;
|
|
29
|
+
/** If true show modal close icon */
|
|
30
|
+
showCloseIcon?: boolean;
|
|
29
31
|
};
|
|
30
32
|
declare const _default: React.ComponentType<Omit<import("react-i18next").Subtract<Props, import("react-i18next").WithTranslationProps>, keyof import("react-i18next").WithTranslation<N>> & import("react-i18next").WithTranslationProps>;
|
|
31
33
|
export default _default;
|
|
@@ -9,10 +9,10 @@ const styles_1 = require("@mui/material/styles");
|
|
|
9
9
|
const ClearOutlined_1 = tslib_1.__importDefault(require("@mui/icons-material/ClearOutlined"));
|
|
10
10
|
const react_i18next_1 = require("react-i18next");
|
|
11
11
|
/** Selfcare's popup */
|
|
12
|
-
function SessionModal({ t, open, title, message, onConfirm, onConfirmEnabled = true, onConfirmLabel = t('common.sessionModal.confirmButton'), handleClose, handleExit = handleClose, onCloseLabel = t('common.sessionModal.closeButton'), height, minHeight, width = '33.3em', }) {
|
|
12
|
+
function SessionModal({ t, open, title, message, onConfirm, onConfirmEnabled = true, onConfirmLabel = t('common.sessionModal.confirmButton'), handleClose, handleExit = handleClose, onCloseLabel = t('common.sessionModal.closeButton'), height, minHeight, width = '33.3em', showCloseIcon = false, }) {
|
|
13
13
|
const theme = (0, styles_1.useTheme)();
|
|
14
14
|
const fullScreen = (0, useMediaQuery_1.default)(theme.breakpoints.down('xs'));
|
|
15
|
-
return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title", children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { height, minHeight, width }, px: 4, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, mt: 4, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 }, children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '24px', fontWeight: '600' }, children: title })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { width: "100%", children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, my: 3, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '18px', fontWeight: '400' }, children: message }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mb: 3, mt: 0, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClose, color: "primary", variant: "outlined", children: onCloseLabel }) }), onConfirm && ((0, jsx_runtime_1.jsx)(material_1.Box, { mb: 3, ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", onClick: onConfirm, disabled: !onConfirmEnabled, children: onConfirmLabel }) }))] }) })] })] }) }));
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(Dialog_1.default, { fullScreen: fullScreen, open: open, onClose: handleClose, "aria-labelledby": "responsive-dialog-title", children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, sx: { height, minHeight, width }, px: 4, children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 12, mt: 4, children: [showCloseIcon && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleExit, style: { position: 'absolute', top: '20px', right: '16px', zIndex: 100 }, children: (0, jsx_runtime_1.jsx)(ClearOutlined_1.default, {}) })), (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '24px', fontWeight: '600' }, children: title })] }), (0, jsx_runtime_1.jsxs)(material_1.Box, { width: "100%", children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, my: 3, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: '18px', fontWeight: '400' }, children: message }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { display: "flex", justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { mb: 3, mt: 0, children: (0, jsx_runtime_1.jsx)(material_1.Button, { onClick: handleClose, color: "primary", variant: "outlined", children: onCloseLabel }) }), onConfirm && ((0, jsx_runtime_1.jsx)(material_1.Box, { mb: 3, ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { color: "primary", variant: "contained", onClick: onConfirm, disabled: !onConfirmEnabled, children: onConfirmLabel }) }))] }) })] })] }) }));
|
|
16
16
|
}
|
|
17
17
|
exports.default = (0, react_i18next_1.withTranslation)()(SessionModal);
|
|
18
18
|
//# sourceMappingURL=SessionModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":";;;;AACA,4CAA0E;AAC1E,0EAA0C;AAC1C,wFAAwD;AACxD,iDAAgD;AAChD,8FAAkE;AAClE,iDAA2D;
|
|
1
|
+
{"version":3,"file":"SessionModal.js","sourceRoot":"","sources":["../../src/lib/components/SessionModal.tsx"],"names":[],"mappings":";;;;AACA,4CAA0E;AAC1E,0EAA0C;AAC1C,wFAAwD;AACxD,iDAAgD;AAChD,8FAAkE;AAClE,iDAA2D;AAgC3D,uBAAuB;AACvB,SAAS,YAAY,CAAC,EACpB,CAAC,EACD,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,gBAAgB,GAAG,IAAI,EACvB,cAAc,GAAG,CAAC,CAAC,mCAAmC,CAAC,EACvD,WAAW,EACX,UAAU,GAAG,WAAW,EACxB,YAAY,GAAG,CAAC,CAAC,iCAAiC,CAAC,EACnD,MAAM,EACN,SAAS,EACT,KAAK,GAAG,QAAQ,EAChB,aAAa,GAAG,KAAK,GACf;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,IACL,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,qBACJ,yBAAyB,YAEzC,wBAAC,eAAI,IAAC,SAAS,QAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,aACrD,wBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,aACrB,aAAa,IAAI,CAChB,uBAAC,qBAAU,IACT,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YAExE,uBAAC,uBAAiB,KAAG,GACV,CACd,EACD,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,KAAK,GAAc,IACxE,EAEP,wBAAC,cAAG,IAAC,KAAK,EAAC,MAAM,aACf,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,YACtB,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAG,OAAO,GAAc,GAC1E,EACP,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,EAAE,YACf,wBAAC,cAAG,IAAC,OAAO,EAAC,MAAM,EAAC,cAAc,EAAC,UAAU,aAC3C,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,uBAAC,iBAAM,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAC,SAAS,EAAC,OAAO,EAAC,UAAU,YAC7D,YAAY,GACN,GACL,EACL,SAAS,IAAI,CACZ,uBAAC,cAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,uBAAC,iBAAM,IACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,gBAAgB,YAE1B,cAAc,GACR,GACL,CACP,IACG,GACD,IACH,IACD,GACA,CACV,CAAC;AACJ,CAAC;AACD,kBAAe,IAAA,+BAAe,GAAE,CAAC,YAAY,CAAC,CAAC"}
|
package/components/Toast.d.ts
CHANGED
|
@@ -9,7 +9,7 @@ declare type Props = {
|
|
|
9
9
|
/** The toast title */
|
|
10
10
|
title: string;
|
|
11
11
|
/** The toast body */
|
|
12
|
-
message
|
|
12
|
+
message?: React.ReactNode;
|
|
13
13
|
/** The function to be invoked when closing the toast */
|
|
14
14
|
onCloseToast: () => void;
|
|
15
15
|
/** The toast width */
|
|
@@ -20,7 +20,11 @@ declare type Props = {
|
|
|
20
20
|
bottom?: string;
|
|
21
21
|
/** If not wrapped, the pixel from the right side of the viewport where to place the toast. Default "64px" */
|
|
22
22
|
right?: string;
|
|
23
|
+
/** If true show toast close icon */
|
|
24
|
+
showToastCloseIcon?: boolean;
|
|
25
|
+
/** set the color of icon */
|
|
26
|
+
toastColorIcon?: string;
|
|
23
27
|
};
|
|
24
28
|
/** Selfcare's toast */
|
|
25
|
-
export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, wrapped, bottom, right, }: Props): JSX.Element;
|
|
29
|
+
export default function Toast({ open, title, message, onCloseToast, logo, leftBorderColor, width, wrapped, bottom, right, showToastCloseIcon, toastColorIcon, }: Props): JSX.Element;
|
|
26
30
|
export {};
|
package/components/Toast.js
CHANGED
|
@@ -6,12 +6,12 @@ const react_1 = require("react");
|
|
|
6
6
|
const material_1 = require("@mui/material");
|
|
7
7
|
const system_1 = require("@mui/system");
|
|
8
8
|
const Close_1 = tslib_1.__importDefault(require("@mui/icons-material/Close"));
|
|
9
|
-
const
|
|
9
|
+
const CheckCircleOutline_1 = tslib_1.__importDefault(require("@mui/icons-material/CheckCircleOutline"));
|
|
10
10
|
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 =
|
|
14
|
+
function Toast({ open, title, message, onCloseToast, logo = CheckCircleOutline_1.default, leftBorderColor = '#6CC66A', width = '376px', wrapped = false, bottom = '64px', right = '64px', showToastCloseIcon = false, toastColorIcon = '#6CC66A', }) {
|
|
15
15
|
const positionStyle = !wrapped
|
|
16
16
|
? { position: 'fixed', bottom, right, zIndex: 500 }
|
|
17
17
|
: { marginTop: 2 };
|
|
@@ -23,7 +23,7 @@ function Toast({ open, title, message, onCloseToast, logo = ConfirmIcon_1.defaul
|
|
|
23
23
|
borderRadius: '5px',
|
|
24
24
|
boxShadow: '0px 0px 45px rgba(0, 0, 0, 0.1) ',
|
|
25
25
|
border: 'none',
|
|
26
|
-
}, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, {
|
|
26
|
+
}, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, display: "flex", alignItems: "center", justifyContent: "center", mr: 2, children: (0, jsx_runtime_1.jsx)(material_1.SvgIcon, { fontSize: "small", component: logo, sx: { color: toastColorIcon, width: '140px' } }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, xs: showToastCloseIcon ? 9 : 10, display: "flex", justifyContent: "center", direction: "column", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: 'fontSize', fontWeight: 'fontWeightMedium' }, children: title }), message && (0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: 'fontSize' }, children: message })] }), showToastCloseIcon && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onCloseToast, children: (0, jsx_runtime_1.jsx)(Close_1.default, { sx: { fontSize: 'big' } }) }) }))] }) })) }));
|
|
27
27
|
}
|
|
28
28
|
exports.default = Toast;
|
|
29
29
|
//# sourceMappingURL=Toast.js.map
|
package/components/Toast.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/lib/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,4CAA6E;AAC7E,wCAAqC;AACrC,8EAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../src/lib/components/Toast.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AACvD,4CAA6E;AAC7E,wCAAqC;AACrC,8EAAkD;AAClD,wGAA4E;AA6B5E,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,4BAAsB,EAC7B,eAAe,GAAG,SAAS,EAC3B,KAAK,GAAG,OAAO,EACf,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,MAAM,EACf,KAAK,GAAG,MAAM,EACd,kBAAkB,GAAG,KAAK,EAC1B,cAAc,GAAG,SAAS,GACpB;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,IACV,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,YAED,wBAAC,eAAI,IAAC,SAAS,mBACb,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,EAAE,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,YAChF,uBAAC,kBAAO,IACN,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,IAAI,EACf,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,GAC7C,GACG,EACP,wBAAC,eAAI,IACH,SAAS,QACT,IAAI,QACJ,EAAE,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAC/B,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,QAAQ,aAElB,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,kBAAkB,EAAE,YACrE,KAAK,GACK,EACZ,OAAO,IAAI,uBAAC,qBAAU,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAG,OAAO,GAAc,IACvE,EACN,kBAAkB,IAAI,CACrB,uBAAC,eAAI,IAAC,IAAI,QAAC,EAAE,EAAE,CAAC,YACd,uBAAC,qBAAU,IAAC,OAAO,EAAE,YAAY,YAC/B,uBAAC,eAAS,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAI,GAC3B,GACR,CACR,IACI,GACK,CACf,GACQ,CACZ,CAAC;AACJ,CAAC;AAnED,wBAmEC"}
|
|
@@ -36,7 +36,7 @@ function UserNotifyHandle() {
|
|
|
36
36
|
const { openModal, openToast } = updateCurrents(lastNotifyModal, lastNotifiesToast, notifies, onClose, timers.current);
|
|
37
37
|
const notifyModal = lastNotifyModal.current;
|
|
38
38
|
const notifiesToast = lastNotifiesToast.current;
|
|
39
|
-
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))) }), (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: (notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.onConfirm) ? () => onConfirm(notifyModal) : undefined, 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 })] }));
|
|
39
|
+
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, showToastCloseIcon: n.showCloseIcon || n.autoclosable !== 'timer' }, n.id))) }), (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: (notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.onConfirm) ? () => onConfirm(notifyModal) : undefined, 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, showCloseIcon: notifyModal === null || notifyModal === void 0 ? void 0 : notifyModal.showCloseIcon })] }));
|
|
40
40
|
}
|
|
41
41
|
exports.default = UserNotifyHandle;
|
|
42
42
|
function updateCurrents(lastNotifyModalRef, lastNotifiesToastRef, notifies, onClose, timers) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiD;AACjD,6CAAuD;AACvD,0BAAyC;AAEzC,iEAAmF;AACnF,0EAA0C;AAE1C;;;;wJAIwJ;AACxJ,SAAS,gBAAgB;;IACvB,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,IAAA,yBAAW,EAAC,iCAAiB,CAAC,cAAc,CAAC,CAAC;IAC/D,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAAoB,EAAE,CAAC,CAAC;IACxD,MAAM,eAAe,GAAG,IAAA,cAAM,GAAc,CAAC;IAE7C,MAAM,MAAM,GAAG,IAAA,cAAM,EAAM,EAAE,CAAC,CAAC;IAE/B,MAAM,OAAO,GAAG,CAAC,MAAkB,EAAE,EAAE;QACrC,QAAQ,CAAC,+BAAe,CAAC,YAAY,CAAC,MAAoB,CAAC,CAAC,CAAC;QAC7D,qDAAqD;QACrD,OAAO,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACjC,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;YACnB,MAAM,CAAC,OAAO,EAAE,CAAC;SAClB;IACH,CAAC,CAAC;IACF,MAAM,SAAS,GAAG,CAAC,MAAkB,EAAE,EAAE;QACvC,QAAQ,CAAC,+BAAe,CAAC,YAAY,CAAC,MAAoB,CAAC,CAAC,CAAC;QAC7D,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAAE;YACrB,MAAM,CAAC,SAAS,EAAE,CAAC;SACpB;IACH,CAAC,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,cAAc,CAC7C,eAAe,EACf,iBAAiB,EACjB,QAAQ,EACR,OAAO,EACP,MAAM,CAAC,OAAO,CACf,CAAC;IAEF,MAAM,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC;IAC5C,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAChD,OAAO,CACL,6DACE,uBAAC,sBAAY,cACV,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,uBAAC,SAAK,IAEJ,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,eAAe,EAAE,CAAC,CAAC,eAAe,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAC9B,KAAK,EAAE,CAAC,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"UserNotifyHandle.js","sourceRoot":"","sources":["../../src/lib/components/UserNotifyHandle.tsx"],"names":[],"mappings":"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"}
|
package/model/AppError.d.ts
CHANGED
package/model/UserNotify.d.ts
CHANGED
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.11.
|
|
4
|
+
"version": "1.11.9",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "https://github.com/pagopa/selfcare-common-frontend",
|
|
7
7
|
"author": "https://www.pagopa.gov.it",
|