@epilot/base-elements 2.7.8-alpha.0 → 2.7.11-alpha.0
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 +10 -0
- package/dist/Drawer360/ActionFooter.d.ts +2 -1
- package/dist/Drawer360/ActionFooter.js +16 -21
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +1 -1
- package/dist/Drawer360/Drawer360.js +15 -12
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/types.d.ts +4 -3
- package/dist/bundle.js +50 -50
- package/dist/bundle.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [2.7.11-alpha.0](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.10...v2.7.11-alpha.0) (2022-04-28)
|
|
6
|
+
|
|
7
|
+
### [2.7.10](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.10-alpha.0...v2.7.10) (2022-04-28)
|
|
8
|
+
|
|
9
|
+
### [2.7.10-alpha.0](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.9...v2.7.10-alpha.0) (2022-04-28)
|
|
10
|
+
|
|
11
|
+
### [2.7.9](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.8...v2.7.9) (2022-04-28)
|
|
12
|
+
|
|
13
|
+
### [2.7.8](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.8-alpha.0...v2.7.8) (2022-04-28)
|
|
14
|
+
|
|
5
15
|
### [2.7.8-alpha.0](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.7...v2.7.8-alpha.0) (2022-04-27)
|
|
6
16
|
|
|
7
17
|
### [2.7.7](https://gitlab.com/e-pilot/product/frontend/base/elements/compare/v2.7.7-alpha.2...v2.7.7) (2022-04-19)
|
|
@@ -5,6 +5,7 @@ declare type ActionFooterProps = {
|
|
|
5
5
|
handleClose: (_: React.MouseEvent<HTMLButtonElement>, reason?: 'backdropClick' | 'escapeKeyDown') => void;
|
|
6
6
|
handleSave: (_: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
7
|
unsavedChanges?: boolean;
|
|
8
|
+
disableSaveButton?: boolean;
|
|
8
9
|
};
|
|
9
|
-
export declare const ActionFooter: React.MemoExoticComponent<({ locales, handleClose, handleSave, unsavedChanges }: ActionFooterProps) => JSX.Element>;
|
|
10
|
+
export declare const ActionFooter: React.MemoExoticComponent<({ disableSaveButton, locales, handleClose, handleSave, unsavedChanges }: ActionFooterProps) => JSX.Element>;
|
|
10
11
|
export {};
|
|
@@ -5,7 +5,6 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var styles_1 = require("@material-ui/core/styles");
|
|
6
6
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
7
|
var Button_1 = require("../Button");
|
|
8
|
-
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
9
8
|
var Icon_1 = require("../Icon");
|
|
10
9
|
var Tooltip_1 = require("../Tooltip");
|
|
11
10
|
var helpers_1 = require("./helpers");
|
|
@@ -16,6 +15,7 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
16
15
|
justifyContent: 'flex-end',
|
|
17
16
|
padding: '1rem 1.5rem',
|
|
18
17
|
boxShadow: "0px 0px 24px rgba(21, 43, 66, 0.12)",
|
|
18
|
+
zIndex: 1,
|
|
19
19
|
marginTop: 'auto'
|
|
20
20
|
},
|
|
21
21
|
noWrap: {
|
|
@@ -38,10 +38,17 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
38
38
|
warningContentText: {
|
|
39
39
|
marginLeft: '0.3rem'
|
|
40
40
|
},
|
|
41
|
-
saveButton: { marginLeft: '0.5rem' }
|
|
41
|
+
saveButton: { marginLeft: '0.5rem' },
|
|
42
|
+
tooltip: {
|
|
43
|
+
backgroundColor: theme.palette.warning.main,
|
|
44
|
+
color: theme.palette.warning.contrastText
|
|
45
|
+
},
|
|
46
|
+
arrow: {
|
|
47
|
+
color: theme.palette.warning.main
|
|
48
|
+
}
|
|
42
49
|
}); });
|
|
43
50
|
exports.ActionFooter = react_1.memo(function (_a) {
|
|
44
|
-
var locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges;
|
|
51
|
+
var disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges;
|
|
45
52
|
var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
|
|
46
53
|
var isOverflow = helpers_1.useIsOverflow(ref);
|
|
47
54
|
var showFullWarning = !isOverflow;
|
|
@@ -52,7 +59,7 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
52
59
|
}
|
|
53
60
|
}, []);
|
|
54
61
|
return (react_1["default"].createElement("div", { className: classes.bottomBar },
|
|
55
|
-
locales.warningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
62
|
+
unsavedChanges && locales.warningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
56
63
|
react_1["default"].createElement("div", { className: classes.warningContent },
|
|
57
64
|
react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "warning" }),
|
|
58
65
|
showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
|
|
@@ -60,22 +67,10 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
60
67
|
react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel)),
|
|
61
68
|
react_1["default"].createElement(Tooltip_1.Tooltip, { title: unsavedChanges ? '' : locales.noChangesMessage },
|
|
62
69
|
react_1["default"].createElement("div", null,
|
|
63
|
-
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: !unsavedChanges, onClick: handleSave, variant: "contained" }, locales.saveButtonLabel)))));
|
|
70
|
+
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: !unsavedChanges || disableSaveButton, onClick: handleSave, variant: "contained" }, locales.saveButtonLabel)))));
|
|
64
71
|
});
|
|
65
|
-
var WarningTooltip =
|
|
66
|
-
var
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
tooltip: (_a = {
|
|
70
|
-
backgroundColor: theme.palette.warning.main,
|
|
71
|
-
maxWidth: 220,
|
|
72
|
-
color: theme.palette.warning.contrastText,
|
|
73
|
-
fontSize: theme.typography.pxToRem(12)
|
|
74
|
-
},
|
|
75
|
-
_a["& > ." + (classPrefix ? classPrefix + '-' : '') + "MuiTooltip-arrow"] = {
|
|
76
|
-
color: theme.palette.warning.main
|
|
77
|
-
},
|
|
78
|
-
_a)
|
|
79
|
-
};
|
|
80
|
-
})(Tooltip_1.Tooltip);
|
|
72
|
+
var WarningTooltip = function (props) {
|
|
73
|
+
var classes = useStyles({});
|
|
74
|
+
return (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, props, { classes: { arrow: classes.arrow, tooltip: classes.tooltip } })));
|
|
75
|
+
};
|
|
81
76
|
//# sourceMappingURL=ActionFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Drawer360Props } from './types';
|
|
3
|
-
export declare function Drawer360(
|
|
3
|
+
export declare function Drawer360({ anchor, children, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props): JSX.Element;
|
|
@@ -14,8 +14,8 @@ var ActionFooter_1 = require("./ActionFooter");
|
|
|
14
14
|
var DiscardDialog_1 = require("./DiscardDialog");
|
|
15
15
|
var helpers_1 = require("./helpers");
|
|
16
16
|
var customSizes = [
|
|
17
|
-
{
|
|
18
|
-
{
|
|
17
|
+
{ 'one-third': '560px', 'two-thirds': '720px', 'max-width': '850px' },
|
|
18
|
+
{ 'one-third': '33vw', 'two-thirds': '66vw', 'max-width': '90vw' }
|
|
19
19
|
];
|
|
20
20
|
var useStyles = styles_1.makeStyles(function () { return ({
|
|
21
21
|
sideDrawerRoot: {
|
|
@@ -24,8 +24,8 @@ var useStyles = styles_1.makeStyles(function () { return ({
|
|
|
24
24
|
flex: 1,
|
|
25
25
|
minWidth: '464px',
|
|
26
26
|
width: function (_a) {
|
|
27
|
-
var _b = _a.responsive, responsive = _b === void 0 ?
|
|
28
|
-
return
|
|
27
|
+
var _b = _a.responsive, responsive = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'two-thirds' : _c;
|
|
28
|
+
return customSizes[Number(responsive)][size];
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
topBar: {
|
|
@@ -53,10 +53,12 @@ var useStyles = styles_1.makeStyles(function () { return ({
|
|
|
53
53
|
overflowY: 'scroll'
|
|
54
54
|
}
|
|
55
55
|
}); });
|
|
56
|
-
function Drawer360(
|
|
57
|
-
var
|
|
58
|
-
|
|
59
|
-
|
|
56
|
+
function Drawer360(_a) {
|
|
57
|
+
var _b = _a.anchor, anchor = _b === void 0 ? 'right' : _b, children = _a.children, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _c = _a.responsive, responsive = _c === void 0 ? true : _c, _d = _a.size, size = _d === void 0 ? 'two-thirds' : _d, _e = _a.showActionButtons, showActionButtons = _e === void 0 ? true : _e, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, localesProp = _a.locales,
|
|
58
|
+
// prop sanitisation for deprecated props
|
|
59
|
+
onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["anchor", "children", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
60
|
+
var classes = useStyles({ responsive: responsive, size: size });
|
|
61
|
+
var _f = react_1["default"].useState(false), showDiscardDialog = _f[0], setShowDiscardDialog = _f[1];
|
|
60
62
|
var handleClose = react_1.useCallback(function (e, reason) {
|
|
61
63
|
if (showActionButtons && unsavedChanges) {
|
|
62
64
|
setShowDiscardDialog(true);
|
|
@@ -76,16 +78,17 @@ function Drawer360(props) {
|
|
|
76
78
|
setShowDiscardDialog(false);
|
|
77
79
|
}, []);
|
|
78
80
|
var locales = helpers_1.useLocales(localesProp);
|
|
79
|
-
return (react_1["default"].createElement(core_1.Drawer, tslib_1.__assign({}, rest, { anchor: anchor, onClose: handleClose, open: open }),
|
|
81
|
+
return (react_1["default"].createElement(core_1.Drawer, tslib_1.__assign({}, rest, { anchor: anchor, elevation: 2, onClose: handleClose, open: open }),
|
|
80
82
|
react_1["default"].createElement("div", { className: classes.sideDrawerRoot + " " + rest.className },
|
|
81
83
|
react_1["default"].createElement("div", { className: classes.topBar },
|
|
82
84
|
react_1["default"].createElement(Typography_1.H3, { className: classes.title }, title),
|
|
83
85
|
react_1["default"].createElement(Tooltip_1.Tooltip, { title: locales.closeButtonLabel },
|
|
84
|
-
react_1["default"].createElement(
|
|
85
|
-
react_1["default"].createElement(
|
|
86
|
+
react_1["default"].createElement("div", null,
|
|
87
|
+
react_1["default"].createElement(Button_1.IconButton, { className: classes.closeIcon, onClick: handleClose },
|
|
88
|
+
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" }))))),
|
|
86
89
|
react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
|
|
87
90
|
react_1["default"].createElement("div", { className: classes.body }, children)),
|
|
88
|
-
showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { handleClose: handleClose, handleSave: handleSave, locales: locales, unsavedChanges: unsavedChanges }))),
|
|
91
|
+
showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, locales: locales, unsavedChanges: unsavedChanges }))),
|
|
89
92
|
react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
|
|
90
93
|
}
|
|
91
94
|
exports.Drawer360 = Drawer360;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,mDAAqD;AACrD,qDAA0C;AAE1C,oCAAsC;AACtC,oCAAyC;AACzC,gCAA+B;AAC/B,sCAAoC;AACpC,4CAAkC;AAElC,+CAA6C;AAC7C,iDAA+C;AAC/C,qCAAsC;
|
|
1
|
+
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { DrawerProps as MuiDrawerProps } from '@material-ui/core';
|
|
2
2
|
import React from 'react';
|
|
3
|
-
export declare type Drawer360Props = MuiDrawerProps & {
|
|
3
|
+
export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation' | 'variant' | 'transitionDuration'> & {
|
|
4
4
|
responsive?: boolean;
|
|
5
|
-
size?: '
|
|
6
|
-
width?: number | string;
|
|
5
|
+
size?: 'one-third' | 'two-thirds' | 'max-width';
|
|
7
6
|
title: string;
|
|
8
7
|
unsavedChanges?: boolean;
|
|
9
8
|
onSave?: (_: React.MouseEvent) => void;
|
|
10
9
|
onDiscard?: (_: React.MouseEvent) => void;
|
|
11
10
|
showActionButtons?: boolean;
|
|
12
11
|
locales?: Partial<Drawer360Locales>;
|
|
12
|
+
disableSaveButton?: boolean;
|
|
13
|
+
anchor?: 'left' | 'right';
|
|
13
14
|
};
|
|
14
15
|
export interface Drawer360Locales {
|
|
15
16
|
saveButtonLabel: string;
|