@epilot/base-elements 2.7.12 → 2.7.13
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/dist/Drawer360/ActionFooter.d.ts +2 -1
- package/dist/Drawer360/ActionFooter.js +28 -5
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +1 -1
- package/dist/Drawer360/Drawer360.js +9 -6
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/helpers.js +1 -0
- package/dist/Drawer360/helpers.js.map +1 -1
- package/dist/Drawer360/types.d.ts +2 -0
- package/dist/bundle.js +43 -43
- package/dist/bundle.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,6 +6,7 @@ declare type ActionFooterProps = {
|
|
|
6
6
|
handleSave: (_: React.MouseEvent<HTMLButtonElement>) => void;
|
|
7
7
|
unsavedChanges?: boolean;
|
|
8
8
|
disableSaveButton?: boolean;
|
|
9
|
+
isLoading?: boolean;
|
|
9
10
|
};
|
|
10
|
-
export declare const ActionFooter: React.MemoExoticComponent<({ disableSaveButton, locales, handleClose, handleSave, unsavedChanges }: ActionFooterProps) => JSX.Element>;
|
|
11
|
+
export declare const ActionFooter: React.MemoExoticComponent<({ disableSaveButton, locales, handleClose, handleSave, unsavedChanges, isLoading }: ActionFooterProps) => JSX.Element>;
|
|
11
12
|
export {};
|
|
@@ -4,6 +4,7 @@ exports.ActionFooter = void 0;
|
|
|
4
4
|
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
|
+
var __1 = require("..");
|
|
7
8
|
var Button_1 = require("../Button");
|
|
8
9
|
var Icon_1 = require("../Icon");
|
|
9
10
|
var Tooltip_1 = require("../Tooltip");
|
|
@@ -35,6 +36,20 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
35
36
|
alignItems: 'center',
|
|
36
37
|
height: 32
|
|
37
38
|
},
|
|
39
|
+
loadingMessageContent: {
|
|
40
|
+
padding: function (_a) {
|
|
41
|
+
var showFullWarning = _a.showFullWarning;
|
|
42
|
+
return showFullWarning ? '0.5rem' : '0.5rem 0.4rem';
|
|
43
|
+
},
|
|
44
|
+
borderRadius: theme.shape.borderRadius,
|
|
45
|
+
marginRight: '1rem',
|
|
46
|
+
backgroundColor: '#D9F1FC',
|
|
47
|
+
color: theme.palette.warning.contrastText,
|
|
48
|
+
fontWeight: 600,
|
|
49
|
+
display: 'flex',
|
|
50
|
+
alignItems: 'center',
|
|
51
|
+
height: 32
|
|
52
|
+
},
|
|
38
53
|
warningContentText: {
|
|
39
54
|
marginLeft: '0.3rem'
|
|
40
55
|
},
|
|
@@ -45,10 +60,13 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
45
60
|
},
|
|
46
61
|
arrow: {
|
|
47
62
|
color: theme.palette.warning.main
|
|
63
|
+
},
|
|
64
|
+
loader: {
|
|
65
|
+
marginRight: 10
|
|
48
66
|
}
|
|
49
67
|
}); });
|
|
50
68
|
exports.ActionFooter = react_1.memo(function (_a) {
|
|
51
|
-
var disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges;
|
|
69
|
+
var disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading;
|
|
52
70
|
var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
|
|
53
71
|
var isOverflow = helpers_1.useIsOverflow(ref);
|
|
54
72
|
var showFullWarning = !isOverflow;
|
|
@@ -59,19 +77,24 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
59
77
|
}
|
|
60
78
|
}, []);
|
|
61
79
|
return (react_1["default"].createElement("div", { className: classes.bottomBar },
|
|
62
|
-
unsavedChanges && locales.warningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
80
|
+
!isLoading && unsavedChanges && locales.warningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
63
81
|
react_1["default"].createElement("div", { className: classes.warningContent },
|
|
64
82
|
react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "warning" }),
|
|
65
83
|
showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
|
|
66
|
-
react_1["default"].createElement("div",
|
|
67
|
-
react_1["default"].createElement(
|
|
84
|
+
isLoading && locales.loadingMessage && (react_1["default"].createElement("div", { className: classes.loadingMessageContent },
|
|
85
|
+
react_1["default"].createElement(Icon_1.Icon, { color: "primary", name: "info" }),
|
|
86
|
+
react_1["default"].createElement("span", { className: classes.warningContentText }, locales.loadingMessage))),
|
|
87
|
+
!isLoading && (react_1["default"].createElement("div", null,
|
|
88
|
+
react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
|
|
68
89
|
react_1["default"].createElement(Tooltip_1.Tooltip, { title: disableSaveButton
|
|
69
90
|
? locales.disabledSaveButtonMessage
|
|
70
91
|
: unsavedChanges
|
|
71
92
|
? ''
|
|
72
93
|
: locales.noChangesMessage },
|
|
73
94
|
react_1["default"].createElement("div", null,
|
|
74
|
-
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: !unsavedChanges || disableSaveButton, onClick: handleSave, variant: "contained" },
|
|
95
|
+
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: !unsavedChanges || disableSaveButton || isLoading, onClick: handleSave, variant: "contained" },
|
|
96
|
+
isLoading && (react_1["default"].createElement(__1.CircularProgress, { classes: { root: classes.loader }, size: 16 })),
|
|
97
|
+
locales.saveButtonLabel)))));
|
|
75
98
|
});
|
|
76
99
|
var WarningTooltip = function (props) {
|
|
77
100
|
var classes = useStyles({});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,mDAAqD;AACrD,qDAA0D;AAE1D,oCAAkC;AAClC,gCAA8B;AAE9B,sCAAoC;AAEpC,qCAAyC;AAOzC,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;QAC1B,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,qCAAqC;QAChD,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,MAAM;KAClB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,cAAc,EAAE;QACd,OAAO,EAAE,UAAC,EAA8B;gBAA5B,eAAe,qBAAA;YACzB,OAAA,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;QAA5C,CAA4C;QAC9C,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,YAAY;QACtC,WAAW,EAAE,MAAM;QACnB,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;QACzC,UAAU,EAAE,GAAG;QACf,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,EAAE;KACX;IACD,kBAAkB,EAAE;QAClB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;IACpC,OAAO,EAAE;QACP,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;QAC3C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY;KAC1C;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;KAClC;CACF,CAAC,
|
|
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({ anchor, children, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props): JSX.Element;
|
|
3
|
+
export declare function Drawer360({ anchor, children, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props): JSX.Element;
|
|
@@ -54,19 +54,22 @@ var useStyles = styles_1.makeStyles(function () { return ({
|
|
|
54
54
|
}
|
|
55
55
|
}); });
|
|
56
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,
|
|
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, isLoading = _a.isLoading, localesProp = _a.locales,
|
|
58
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"]);
|
|
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", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
60
60
|
var classes = useStyles({ responsive: responsive, size: size });
|
|
61
61
|
var _f = react_1["default"].useState(false), showDiscardDialog = _f[0], setShowDiscardDialog = _f[1];
|
|
62
62
|
var handleClose = react_1.useCallback(function (e, reason) {
|
|
63
|
+
if (isLoading) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
63
66
|
if (showActionButtons && unsavedChanges) {
|
|
64
67
|
setShowDiscardDialog(true);
|
|
65
68
|
}
|
|
66
69
|
else {
|
|
67
70
|
onClose && onClose(e, reason !== null && reason !== void 0 ? reason : 'backdropClick');
|
|
68
71
|
}
|
|
69
|
-
}, [showActionButtons, unsavedChanges, onClose]);
|
|
72
|
+
}, [showActionButtons, unsavedChanges, onClose, isLoading]);
|
|
70
73
|
var handleSave = react_1.useCallback(function (e) {
|
|
71
74
|
onSave && onSave(e);
|
|
72
75
|
}, [onSave]);
|
|
@@ -82,13 +85,13 @@ function Drawer360(_a) {
|
|
|
82
85
|
react_1["default"].createElement("div", { className: classes.sideDrawerRoot + " " + rest.className },
|
|
83
86
|
react_1["default"].createElement("div", { className: classes.topBar },
|
|
84
87
|
react_1["default"].createElement(Typography_1.H3, { className: classes.title }, title),
|
|
85
|
-
react_1["default"].createElement(Tooltip_1.Tooltip, { title: locales.closeButtonLabel },
|
|
88
|
+
!isLoading && (react_1["default"].createElement(Tooltip_1.Tooltip, { title: locales.closeButtonLabel },
|
|
86
89
|
react_1["default"].createElement("div", null,
|
|
87
90
|
react_1["default"].createElement(Button_1.IconButton, { className: classes.closeIcon, onClick: handleClose },
|
|
88
|
-
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" }))))),
|
|
91
|
+
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" })))))),
|
|
89
92
|
react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
|
|
90
93
|
react_1["default"].createElement("div", { className: classes.body }, children)),
|
|
91
|
-
showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, locales: locales, unsavedChanges: unsavedChanges }))),
|
|
94
|
+
showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, unsavedChanges: unsavedChanges }))),
|
|
92
95
|
react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
|
|
93
96
|
}
|
|
94
97
|
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;AAQtC,IAAM,WAAW,GAAG;IAClB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE;IACrE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;CACnE,CAAA;AAED,IAAM,SAAS,GAAG,mBAAU,CAAC,cAAM,OAAA,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,UAAC,EAAqD;gBAAnD,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAAE,YAAmB,EAAnB,IAAI,mBAAG,YAAY,KAAA;YAC9C,OAAA,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAArC,CAAqC;KACxC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,6BAA6B;KACzC;IACD,SAAS,EAAE;QACT,YAAY,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,EAjCiC,CAiCjC,CAAC,CAAA;AAEH,SAAgB,SAAS,CAAC,
|
|
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;AAQtC,IAAM,WAAW,GAAG;IAClB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE;IACrE,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE;CACnE,CAAA;AAED,IAAM,SAAS,GAAG,mBAAU,CAAC,cAAM,OAAA,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,UAAC,EAAqD;gBAAnD,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EAAE,YAAmB,EAAnB,IAAI,mBAAG,YAAY,KAAA;YAC9C,OAAA,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAArC,CAAqC;KACxC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,aAAa;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,6BAA6B;KACzC;IACD,SAAS,EAAE;QACT,YAAY,EAAE,CAAC;KAChB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,GAAG;KAChB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;KACrB;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,QAAQ;QACjB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,EAjCiC,CAiCjC,CAAC,CAAA;AAEH,SAAgB,SAAS,CAAC,EAoBT;IAnBf,IAAA,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,YAAmB,EAAnB,IAAI,mBAAG,YAAY,KAAA,EACnB,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,IAAI,UAAA,EACJ,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACA,WAAW,aAAA;IACpB,yCAAyC;IACzC,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,UAAU,gBAAA,EACP,IAAI,sBAnBiB,uOAoBzB,CADQ;IAEP,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,CAAC,CAAA;IACzC,IAAA,KAA4C,kBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhE,iBAAiB,QAAA,EAAE,oBAAoB,QAAyB,CAAA;IAEvE,IAAM,WAAW,GAAG,mBAAW,CAC7B,UACE,CAAsC,EACtC,MAA0C;QAE1C,IAAI,SAAS,EAAE;YACb,OAAM;SACP;QAED,IAAI,iBAAiB,IAAI,cAAc,EAAE;YACvC,oBAAoB,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,eAAe,CAAC,CAAA;SACjD;IACH,CAAC,EACD,CAAC,iBAAiB,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,CAAC,CACxD,CAAA;IAED,IAAM,UAAU,GAAG,mBAAW,CAC5B,UAAC,CAAsC;QACrC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,IAAM,aAAa,GAAG,mBAAW,CAC/B,UAAC,CAAsC;QACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAC3B,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,kBAAkB,GAAG,mBAAW,CAAC;QACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,oBAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO,CACL,iCAAC,aAAS,uBACJ,IAAI,IACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI;QAEV,0CAAK,SAAS,EAAK,OAAO,CAAC,cAAc,SAAI,IAAI,CAAC,SAAW;YAC3D,0CAAK,SAAS,EAAE,OAAO,CAAC,MAAM;gBAC5B,iCAAC,eAAE,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,KAAK,CAAM;gBAEzC,CAAC,SAAS,IAAI,CACb,iCAAC,iBAAO,IAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB;oBACtC;wBACE,iCAAC,mBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,EAAE,WAAW;4BAC5D,iCAAC,YAAK,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,GAAG,CACzB,CACT,CACE,CACX,CACG;YAEN,iCAAC,sBAAa,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa;gBAC7C,0CAAK,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,QAAQ,CAAO,CAChC;YAEf,iBAAiB,IAAI,CACpB,iCAAC,2BAAY,IACX,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,GAC9B,CACH,CACG;QAEN,iCAAC,6BAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAE,iBAAiB,GACvB,CACQ,CACb,CAAA;AACH,CAAC;AA9GD,8BA8GC"}
|
|
@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var DEFAULT_LOCALES = {
|
|
7
7
|
warningMessage: 'There are some unsaved changes',
|
|
8
|
+
loadingMessage: 'Please wait...',
|
|
8
9
|
closeButtonLabel: 'Close',
|
|
9
10
|
discardButtonLabel: 'Discard changes',
|
|
10
11
|
saveButtonLabel: 'Save changes',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Drawer360/helpers.ts"],"names":[],"mappings":";;;;AAAA,+BAA0D;AAI1D,IAAM,eAAe,GAAqB;IACxC,cAAc,EAAE,gCAAgC;IAChD,gBAAgB,EAAE,OAAO;IACzB,kBAAkB,EAAE,iBAAiB;IACrC,eAAe,EAAE,cAAc;IAC/B,gBAAgB,EAAE,6CAA6C;IAC/D,yBAAyB,EAAE,EAAE;IAC7B,oBAAoB,EAAE;QACpB,KAAK,EAAE,sBAAsB;QAC7B,OAAO,EACL,4FAA4F;QAC9F,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,aAAa;KAClC;CACF,CAAA;AAEM,IAAM,UAAU,GAAG,UAAC,OAAmC;IAC5D,OAAO,eAAO,CAAC;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;YAC5C,OAAO,eAAe,CAAA;SACvB;QAED,6CAAY,eAAe,GAAK,OAAO,EAAE;IAC3C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,IAAM,aAAa,GAAG,UAC3B,OAAqB,EACrB,QAAgC;IAE1B,IAAA,KAA8B,gBAAQ,CAAsB,SAAS,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAA;IAE5E,uBAAe,CAAC;;QACd,IAAM,OAAO,GAAG;;YACd,IAAM,WAAW,GAAG,OAAO,CACzB,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,CAAC,CAAC;gBACzB,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,WAAW,KAAI,MAAM,CAAC,SAAS,CAAC;gBACzD,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC,CAAC;oBAC1B,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,YAAY,KAAI,MAAM,CAAC,SAAS,CAAC,CAC/D,CAAA;YAED,IAAI,WAAW,KAAK,UAAU,EAAE;gBAC9B,aAAa,CAAC,WAAW,CAAC,CAAA;gBAC1B,IAAI,QAAQ;oBAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;aACpC;QACH,CAAC,CAAA;QAED,4EAA4E;QAC5E,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;YACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,OAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CAAC,CAAA;SAC3E;QACD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa;YAAE,OAAO,EAAE,CAAA;QAErC,OAAO;;YACL,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;gBACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,OACnC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CACtC,CAAA;aACF;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAElD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AArCY,QAAA,aAAa,iBAqCzB"}
|
|
1
|
+
{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Drawer360/helpers.ts"],"names":[],"mappings":";;;;AAAA,+BAA0D;AAI1D,IAAM,eAAe,GAAqB;IACxC,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,gBAAgB;IAChC,gBAAgB,EAAE,OAAO;IACzB,kBAAkB,EAAE,iBAAiB;IACrC,eAAe,EAAE,cAAc;IAC/B,gBAAgB,EAAE,6CAA6C;IAC/D,yBAAyB,EAAE,EAAE;IAC7B,oBAAoB,EAAE;QACpB,KAAK,EAAE,sBAAsB;QAC7B,OAAO,EACL,4FAA4F;QAC9F,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,aAAa;KAClC;CACF,CAAA;AAEM,IAAM,UAAU,GAAG,UAAC,OAAmC;IAC5D,OAAO,eAAO,CAAC;QACb,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE;YAC5C,OAAO,eAAe,CAAA;SACvB;QAED,6CAAY,eAAe,GAAK,OAAO,EAAE;IAC3C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;AACf,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEM,IAAM,aAAa,GAAG,UAC3B,OAAqB,EACrB,QAAgC;IAE1B,IAAA,KAA8B,gBAAQ,CAAsB,SAAS,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAA;IAE5E,uBAAe,CAAC;;QACd,IAAM,OAAO,GAAG;;YACd,IAAM,WAAW,GAAG,OAAO,CACzB,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,CAAC,CAAC;gBACzB,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,WAAW,KAAI,MAAM,CAAC,SAAS,CAAC;gBACzD,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC,CAAC;oBAC1B,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,YAAY,KAAI,MAAM,CAAC,SAAS,CAAC,CAC/D,CAAA;YAED,IAAI,WAAW,KAAK,UAAU,EAAE;gBAC9B,aAAa,CAAC,WAAW,CAAC,CAAA;gBAC1B,IAAI,QAAQ;oBAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;aACpC;QACH,CAAC,CAAA;QAED,4EAA4E;QAC5E,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;YACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,OAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CAAC,CAAA;SAC3E;QACD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa;YAAE,OAAO,EAAE,CAAA;QAErC,OAAO;;YACL,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;gBACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,OACnC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CACtC,CAAA;aACF;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAElD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AArCY,QAAA,aAAa,iBAqCzB"}
|
|
@@ -10,12 +10,14 @@ export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation'
|
|
|
10
10
|
showActionButtons?: boolean;
|
|
11
11
|
locales?: Partial<Drawer360Locales>;
|
|
12
12
|
disableSaveButton?: boolean;
|
|
13
|
+
isLoading?: boolean;
|
|
13
14
|
anchor?: 'left' | 'right';
|
|
14
15
|
};
|
|
15
16
|
export interface Drawer360Locales {
|
|
16
17
|
saveButtonLabel: string;
|
|
17
18
|
discardButtonLabel: string;
|
|
18
19
|
warningMessage: string;
|
|
20
|
+
loadingMessage: string;
|
|
19
21
|
noChangesMessage: string;
|
|
20
22
|
disabledSaveButtonMessage: string;
|
|
21
23
|
closeButtonLabel: string;
|