@zextras/carbonio-shell-ui 13.0.0-devel.1769520827698 → 13.0.0-devel.1770291030878
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.
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { RouteLeavingGuardProps } from '../../ui-extras/nav-guard';
|
|
3
|
-
|
|
3
|
+
type BaseSettingsHeaderProps = {
|
|
4
4
|
title: string;
|
|
5
|
+
};
|
|
6
|
+
type SettingsHeaderPropsWithSaving = BaseSettingsHeaderProps & {
|
|
7
|
+
hideSavingOptions?: false;
|
|
5
8
|
onSave: RouteLeavingGuardProps['onSave'];
|
|
6
9
|
onCancel: () => void;
|
|
7
10
|
isDirty: boolean;
|
|
8
11
|
hasError?: boolean;
|
|
9
12
|
};
|
|
10
|
-
|
|
13
|
+
type SettingsHeaderPropsWithoutSaving = BaseSettingsHeaderProps & {
|
|
14
|
+
hideSavingOptions: true;
|
|
15
|
+
onSave?: never;
|
|
16
|
+
onCancel?: never;
|
|
17
|
+
isDirty?: never;
|
|
18
|
+
hasError?: never;
|
|
19
|
+
};
|
|
20
|
+
export type SettingsHeaderProps = SettingsHeaderPropsWithSaving | SettingsHeaderPropsWithoutSaving;
|
|
21
|
+
export declare const SettingsHeader: ({ onSave, onCancel, isDirty, title, hasError, hideSavingOptions }: SettingsHeaderProps) => React.JSX.Element;
|
|
22
|
+
export {};
|
|
@@ -53,7 +53,7 @@ const CustomBreadcrumbs = (0, styled_1.default)(carbonio_design_system_1.Breadcr
|
|
|
53
53
|
cursor: default;
|
|
54
54
|
}
|
|
55
55
|
`;
|
|
56
|
-
const SettingsHeader = ({ onSave, onCancel, isDirty, title, hasError = false }) => {
|
|
56
|
+
const SettingsHeader = ({ onSave, onCancel, isDirty, title, hasError = false, hideSavingOptions = false }) => {
|
|
57
57
|
const t = (0, hooks_1.getT)();
|
|
58
58
|
const [searchParams] = (0, react_router_dom_1.useSearchParams)();
|
|
59
59
|
const section = (0, react_1.useMemo)(() => searchParams.get('section'), [searchParams]);
|
|
@@ -76,17 +76,17 @@ const SettingsHeader = ({ onSave, onCancel, isDirty, title, hasError = false })
|
|
|
76
76
|
}
|
|
77
77
|
}, [section]);
|
|
78
78
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
79
|
-
react_1.default.createElement(nav_guard_1.RouteLeavingGuard, { when: isDirty, onSave: onSave },
|
|
79
|
+
!hideSavingOptions && isDirty && onSave && (react_1.default.createElement(nav_guard_1.RouteLeavingGuard, { when: isDirty, onSave: onSave },
|
|
80
80
|
react_1.default.createElement(carbonio_design_system_1.Text, null, t('label.unsaved_changes_line1', 'Are you sure you want to leave this page without saving?')),
|
|
81
|
-
react_1.default.createElement(carbonio_design_system_1.Text, null, t('label.unsaved_changes_line2', 'All your unsaved changes will be lost'))),
|
|
82
|
-
react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "vertical", mainAlignment: "space-around", background: 'gray5', height: "fit" },
|
|
83
|
-
react_1.default.createElement(carbonio_design_system_1.Row, { orientation: "horizontal", width: "100%" },
|
|
84
|
-
react_1.default.createElement(carbonio_design_system_1.Row, { padding: { all: 'small' }, mainAlignment: "flex-start",
|
|
81
|
+
react_1.default.createElement(carbonio_design_system_1.Text, null, t('label.unsaved_changes_line2', 'All your unsaved changes will be lost')))),
|
|
82
|
+
react_1.default.createElement(carbonio_design_system_1.Container, { orientation: "vertical", mainAlignment: "space-around", background: 'gray5', height: "fit", "data-testid": "settings-header" },
|
|
83
|
+
react_1.default.createElement(carbonio_design_system_1.Row, { orientation: "horizontal", width: "100%", minHeight: '3.2rem' },
|
|
84
|
+
react_1.default.createElement(carbonio_design_system_1.Row, { padding: { all: 'small' }, mainAlignment: "flex-start", flexGrow: 1, crossAlignment: "flex-start" },
|
|
85
85
|
react_1.default.createElement(CustomBreadcrumbs, { crumbs: crumbs })),
|
|
86
|
-
react_1.default.createElement(carbonio_design_system_1.Row, { padding: { all: 'small' },
|
|
86
|
+
!hideSavingOptions && (react_1.default.createElement(carbonio_design_system_1.Row, { padding: { all: 'small' }, flexGrow: 1, mainAlignment: "flex-end", crossAlignment: "flex-end" },
|
|
87
87
|
react_1.default.createElement(carbonio_design_system_1.Padding, { right: "small" },
|
|
88
88
|
react_1.default.createElement(carbonio_design_system_1.Button, { label: t('label.discard_changes', 'DISCARD CHANGES'), onClick: onCancel, color: "secondary", disabled: !isDirty })),
|
|
89
|
-
react_1.default.createElement(carbonio_design_system_1.Button, { label: t('label.save', 'Save'), color: "primary", onClick: onSave, disabled: isSaveDisabled })))),
|
|
89
|
+
react_1.default.createElement(carbonio_design_system_1.Button, { label: t('label.save', 'Save'), color: "primary", onClick: onSave, disabled: isSaveDisabled }))))),
|
|
90
90
|
react_1.default.createElement(carbonio_design_system_1.Divider, null)));
|
|
91
91
|
};
|
|
92
92
|
exports.SettingsHeader = SettingsHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"settings-header.js","sourceRoot":"","sources":["../../../src/settings/components/settings-header.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,+CAAkD;AAElD,6DAAqC;AACrC,4EASyC;AACzC,uDAAmD;AAEnD,kDAA8C;AAE9C,yDAA8D;AAE9D,MAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,oCAAW,CAAC,CAAA;;;;CAI5C,CAAC;
|
|
1
|
+
{"version":3,"file":"settings-header.js","sourceRoot":"","sources":["../../../src/settings/components/settings-header.tsx"],"names":[],"mappings":"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"}
|