@pagopa/selfcare-common-frontend 1.12.11 → 1.12.12
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 +7 -0
- package/README.md +1 -0
- package/build.info +2 -2
- package/components/SessionModal.d.ts +5 -0
- package/components/SessionModal.js +5 -2
- package/components/SessionModal.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,8 +4,15 @@ 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.12.12](https://github.com/pagopa/selfcare-common-frontend/compare/v1.12.11...v1.12.12)
|
|
8
|
+
|
|
9
|
+
- SELC-1594 Added new optional productEnvironments prop to the SessionModal able to render as many buttons as there are product test environments [`#111`](https://github.com/pagopa/selfcare-common-frontend/pull/111)
|
|
10
|
+
- SELC-1594 Added new optional productEnvironments prop to the SessionModal able to render as many buttons as there are product test environments (#111) [`#1594`](https://pagopa.atlassian.net/browse/1594)
|
|
11
|
+
|
|
7
12
|
#### [v1.12.11](https://github.com/pagopa/selfcare-common-frontend/compare/v1.12.10...v1.12.11)
|
|
8
13
|
|
|
14
|
+
> 30 September 2022
|
|
15
|
+
|
|
9
16
|
- Management of multiple aphostrophe too [`#110`](https://github.com/pagopa/selfcare-common-frontend/pull/110)
|
|
10
17
|
|
|
11
18
|
#### [v1.12.10](https://github.com/pagopa/selfcare-common-frontend/compare/v1.12.9...v1.12.10)
|
package/README.md
CHANGED
|
@@ -105,6 +105,7 @@ Selfcare's popup
|
|
|
105
105
|
| onConfirm | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it will render a confirm button using this function as behavior |
|
|
106
106
|
| onConfirmEnabled | boolean | N | If the confirm button should be enabled. Default true |
|
|
107
107
|
| onConfirmLabel | string | N | The confirm label text |
|
|
108
|
+
| productEnvironments | Array`<{environment: string;url: string;}>` | N | Introduced to manage the presence of test environments in the products, if defined, it will render as many buttons as there are test environments for the product |
|
|
108
109
|
| handleClose | React.MouseEventHandler`<HTMLButtonElement>` | Y | The function invoked when clicking on close button or in the showed X icon |
|
|
109
110
|
| handleExit | React.MouseEventHandler`<HTMLButtonElement>` | N | If defined, it allow to set a different behavior when clicking on X icon |
|
|
110
111
|
| onCloseLabel | string | N | Close button text |
|
package/build.info
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
remotes/origin/SELC-1407_usingEnableAssistanceProp
|
|
1
|
+
20221010.1 - selfcare-common-frontend.deploy(51415)
|
|
2
|
+
remotes/origin/SELC-1407_usingEnableAssistanceProp abdc377e44af6480e0df9f96ee67f2647e9c019a
|
|
@@ -13,6 +13,11 @@ declare type Props = {
|
|
|
13
13
|
onConfirmEnabled?: boolean;
|
|
14
14
|
/** The confirm label text */
|
|
15
15
|
onConfirmLabel?: string;
|
|
16
|
+
/** Introduced to manage the presence of test environments in the products, if defined, it will render as many buttons as there are test environments for the product */
|
|
17
|
+
productEnvironments?: Array<{
|
|
18
|
+
environment: string;
|
|
19
|
+
url: string;
|
|
20
|
+
}>;
|
|
16
21
|
/** The function invoked when clicking on close button or in the showed X icon */
|
|
17
22
|
handleClose: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
18
23
|
/** If defined, it allow to set a different behavior when clicking on X icon */
|
|
@@ -9,10 +9,13 @@ 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', showCloseIcon = false, }) {
|
|
12
|
+
function SessionModal({ t, open, title, message, onConfirm, onConfirmEnabled = true, onConfirmLabel = t('common.sessionModal.confirmButton'), productEnvironments, 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: [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:
|
|
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: productEnvironments ? 'space-between' : '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.jsxs)(material_1.Box, { mb: 3, display: "flex", flexDirection: "row-reverse", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { sx: { marginLeft: 2 }, color: "primary", variant: "contained", onClick: onConfirm, disabled: !onConfirmEnabled, children: onConfirmLabel }), productEnvironments &&
|
|
16
|
+
productEnvironments.map((p) => ((0, jsx_runtime_1.jsx)(material_1.Box, { ml: 2, children: (0, jsx_runtime_1.jsx)(material_1.Button, { value: p.environment, color: "primary", variant: "contained", onClick: onConfirm, children: p.environment
|
|
17
|
+
.toLowerCase()
|
|
18
|
+
.replace(/\b[a-z]/g, p.environment.charAt(0).toUpperCase()) }) }, p.environment)))] }))] }) })] })] }) }));
|
|
16
19
|
}
|
|
17
20
|
exports.default = (0, react_i18next_1.withTranslation)()(SessionModal);
|
|
18
21
|
//# 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":"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"}
|
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.12.
|
|
4
|
+
"version": "1.12.12",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "https://github.com/pagopa/selfcare-common-frontend",
|
|
7
7
|
"author": "https://www.pagopa.gov.it",
|