@epilot/base-elements 3.1.6 → 3.1.8
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/.vscode/launch.json +15 -0
- package/CHANGELOG.md +11 -0
- package/dist/AppBar/index.d.ts +1 -2
- package/dist/AppBar/index.js +11 -3
- package/dist/AppBar/index.js.map +1 -1
- package/dist/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/Autocomplete/Autocomplete.js +15 -26
- package/dist/Autocomplete/Autocomplete.js.map +1 -1
- package/dist/Badge/Badge.d.ts +2 -3
- package/dist/Badge/Badge.js +3 -6
- package/dist/Badge/Badge.js.map +1 -1
- package/dist/Box/index.d.ts +1 -2
- package/dist/Box/index.js +10 -3
- package/dist/Box/index.js.map +1 -1
- package/dist/Breadcrumbs/index.d.ts +1 -2
- package/dist/Breadcrumbs/index.js +9 -4
- package/dist/Breadcrumbs/index.js.map +1 -1
- package/dist/Button/index.d.ts +1 -2
- package/dist/Button/index.js +10 -3
- package/dist/Button/index.js.map +1 -1
- package/dist/ButtonGroup/ButtonGroup.d.ts +2 -3
- package/dist/ButtonGroup/ButtonGroup.js +3 -6
- package/dist/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/ButtonGroup/types.d.ts +2 -37
- package/dist/Card/index.d.ts +1 -2
- package/dist/Card/index.js +15 -3
- package/dist/Card/index.js.map +1 -1
- package/dist/Chip/Chip.d.ts +3 -3
- package/dist/Chip/Chip.js +6 -6
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Chip/RandomColoredChip.d.ts +3 -3
- package/dist/Chip/RandomColoredChip.js +5 -5
- package/dist/Chip/RandomColoredChip.js.map +1 -1
- package/dist/CssBaseline/index.d.ts +2 -3
- package/dist/CssBaseline/index.js +11 -5
- package/dist/CssBaseline/index.js.map +1 -1
- package/dist/Drawer360/ActionFooter.d.ts +2 -1
- package/dist/Drawer360/ActionFooter.js +18 -9
- package/dist/Drawer360/ActionFooter.js.map +1 -1
- package/dist/Drawer360/DiscardDialog.js +1 -1
- package/dist/Drawer360/DiscardDialog.js.map +1 -1
- package/dist/Drawer360/Drawer360.d.ts +1 -1
- package/dist/Drawer360/Drawer360.js +12 -6
- package/dist/Drawer360/Drawer360.js.map +1 -1
- package/dist/Drawer360/types.d.ts +1 -0
- package/dist/EntityItem/EntityAttributes.d.ts +9 -0
- package/dist/EntityItem/EntityAttributes.js +83 -0
- package/dist/EntityItem/EntityAttributes.js.map +1 -0
- package/dist/EntityItem/EntityItem.d.ts +3 -0
- package/dist/EntityItem/EntityItem.js +134 -0
- package/dist/EntityItem/EntityItem.js.map +1 -0
- package/dist/EntityItem/EntityMenu.d.ts +3 -0
- package/dist/EntityItem/EntityMenu.js +48 -0
- package/dist/EntityItem/EntityMenu.js.map +1 -0
- package/dist/EntityItem/index.d.ts +2 -0
- package/dist/EntityItem/index.js +6 -0
- package/dist/EntityItem/index.js.map +1 -0
- package/dist/EntityItem/types.d.ts +38 -0
- package/dist/EntityItem/types.js +3 -0
- package/dist/EntityItem/types.js.map +1 -0
- package/dist/Grid/index.d.ts +2 -2
- package/dist/Grid/index.js +10 -3
- package/dist/Grid/index.js.map +1 -1
- package/dist/Skeleton/index.d.ts +1 -2
- package/dist/Skeleton/index.js +9 -3
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Stepper/MobileStepper.d.ts +2 -3
- package/dist/Stepper/MobileStepper.js +3 -5
- package/dist/Stepper/MobileStepper.js.map +1 -1
- package/dist/Stepper/Stepper.d.ts +4 -7
- package/dist/Stepper/Stepper.js +12 -23
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/types.d.ts +2 -6
- package/dist/ThemeProvider/ThemeProvider.d.ts +2 -2
- package/dist/ThemeProvider/ThemeProvider.js +16 -19
- package/dist/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/ThemeProvider/index.d.ts +0 -1
- package/dist/ThemeProvider/index.js +0 -1
- package/dist/ThemeProvider/index.js.map +1 -1
- package/dist/Typography/Typography.d.ts +42 -12
- package/dist/Typography/Typography.js +32 -46
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/index.d.ts +1 -2
- package/dist/bundle.js +86 -82
- package/dist/bundle.js.map +1 -1
- package/dist/context/ClassPrefixContext.d.ts +6 -8
- package/dist/context/ClassPrefixContext.js +4 -5
- package/dist/context/ClassPrefixContext.js.map +1 -1
- package/package.json +2 -2
|
@@ -66,24 +66,31 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
66
66
|
}
|
|
67
67
|
}); });
|
|
68
68
|
exports.ActionFooter = react_1.memo(function (_a) {
|
|
69
|
-
var disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard;
|
|
69
|
+
var alwaysEnableSaveButton = _a.alwaysEnableSaveButton, disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard;
|
|
70
70
|
var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
|
|
71
71
|
var isOverflow = helpers_1.useIsOverflow(ref);
|
|
72
72
|
var showFullWarning = !isOverflow;
|
|
73
73
|
var classes = useStyles({ showFullWarning: showFullWarning });
|
|
74
74
|
var disabledSaveButton = react_1.useMemo(function () {
|
|
75
|
+
if (alwaysEnableSaveButton) {
|
|
76
|
+
return false;
|
|
77
|
+
}
|
|
75
78
|
if (disableSaveButton) {
|
|
76
79
|
return true;
|
|
77
80
|
}
|
|
78
81
|
return !unsavedChanges || isLoading;
|
|
79
|
-
}, [disableSaveButton, unsavedChanges, isLoading]);
|
|
82
|
+
}, [alwaysEnableSaveButton, disableSaveButton, unsavedChanges, isLoading]);
|
|
80
83
|
var measureRef = react_1.useCallback(function (node) {
|
|
81
84
|
if (node !== null) {
|
|
82
85
|
setRef(node);
|
|
83
86
|
}
|
|
84
87
|
}, []);
|
|
88
|
+
var showWarningMessage = !isLoading &&
|
|
89
|
+
!alwaysEnableSaveButton &&
|
|
90
|
+
unsavedChanges &&
|
|
91
|
+
locales.warningMessage;
|
|
85
92
|
return (react_1["default"].createElement("div", { className: classes.bottomBar },
|
|
86
|
-
|
|
93
|
+
showWarningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
|
|
87
94
|
react_1["default"].createElement("div", { className: classes.warningContent },
|
|
88
95
|
react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "warning" }),
|
|
89
96
|
showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
|
|
@@ -92,13 +99,15 @@ exports.ActionFooter = react_1.memo(function (_a) {
|
|
|
92
99
|
react_1["default"].createElement("span", { className: classes.warningContentText }, locales.loadingMessage))),
|
|
93
100
|
showDiscard && !isLoading && (react_1["default"].createElement("div", null,
|
|
94
101
|
react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
|
|
95
|
-
react_1["default"].createElement(Tooltip_1.Tooltip, { title:
|
|
96
|
-
?
|
|
97
|
-
:
|
|
98
|
-
?
|
|
99
|
-
:
|
|
102
|
+
react_1["default"].createElement(Tooltip_1.Tooltip, { title: alwaysEnableSaveButton
|
|
103
|
+
? ''
|
|
104
|
+
: disableSaveButton
|
|
105
|
+
? locales.disabledSaveButtonMessage
|
|
106
|
+
: unsavedChanges
|
|
107
|
+
? ''
|
|
108
|
+
: locales.noChangesMessage },
|
|
100
109
|
react_1["default"].createElement("div", null,
|
|
101
|
-
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton, onClick: handleSave, variant: "contained" },
|
|
110
|
+
react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
|
|
102
111
|
isLoading && (react_1["default"].createElement(__1.CircularProgress, { classes: { root: classes.loader }, size: 16 })),
|
|
103
112
|
locales.saveButtonLabel)))));
|
|
104
113
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":";;;;AACA,mDAAqD;AACrD,qDAAmE;AAEnE,wBAAqC;AACrC,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,qBAAqB,EAAE;QACrB,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;IACD,MAAM,EAAE;QACN,WAAW,EAAE,EAAE;KAChB;CACF,CAAC,EAnD6C,CAmD7C,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionFooter.js","sourceRoot":"","sources":["../../src/Drawer360/ActionFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ exports.DiscardDialog = react_1.memo(function (_a) {
|
|
|
35
35
|
var _b, _c, _d, _e;
|
|
36
36
|
var open = _a.open, onClose = _a.onClose, handleDiscard = _a.handleDiscard, locales = _a.locales;
|
|
37
37
|
var classes = useStyles({ responsive: false, size: 'small' });
|
|
38
|
-
return (react_1["default"].createElement(Dialog_1.Dialog, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", maxWidth: "sm", onClose: onClose, open: open },
|
|
38
|
+
return (react_1["default"].createElement(Dialog_1.Dialog, { "aria-describedby": "dialog-description", "aria-labelledby": "dialog-title", maxWidth: "sm", onClose: onClose, open: open, style: { zIndex: 2000 } },
|
|
39
39
|
react_1["default"].createElement(Dialog_1.DialogTitle, { className: classes.discardDialogHeader },
|
|
40
40
|
react_1["default"].createElement(Icon_1.Icon, { color: "error", fontSize: "medium", name: "delete" }),
|
|
41
41
|
react_1["default"].createElement("span", { className: classes.discardDialogTitle }, (_b = locales.discardChangesDialog) === null || _b === void 0 ? void 0 : _b.title)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DiscardDialog.js","sourceRoot":"","sources":["../../src/Drawer360/DiscardDialog.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,qDAAmC;AAEnC,oCAAkC;AAClC,oCAMkB;AAClB,gCAA8B;AAY9B,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;KACxC;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,oBAAoB,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;CACjD,CAAC,EAvB6C,CAuB7C,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,YAAI,CAC/B,UAAC,EAA6D;;QAA3D,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IACtC,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAE/D,OAAO,CACL,iCAAC,eAAM,wBACY,oBAAoB,qBACrB,cAAc,EAC9B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI;
|
|
1
|
+
{"version":3,"file":"DiscardDialog.js","sourceRoot":"","sources":["../../src/Drawer360/DiscardDialog.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,qDAAmC;AAEnC,oCAAkC;AAClC,oCAMkB;AAClB,gCAA8B;AAY9B,IAAM,SAAS,GAAG,mBAAU,CAAC,UAAC,KAAY,IAAK,OAAA,CAAC;IAC9C,IAAI,EAAE;QACJ,OAAO,EAAE,eAAe;QACxB,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,QAAQ;KACpB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;QACzC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,YAAY;KACxC;IACD,mBAAmB,EAAE;QACnB,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;KACF;IACD,kBAAkB,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE;IAC1C,oBAAoB,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE;CACjD,CAAC,EAvB6C,CAuB7C,CAAC,CAAA;AAEU,QAAA,aAAa,GAAG,YAAI,CAC/B,UAAC,EAA6D;;QAA3D,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,OAAO,aAAA;IACtC,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAE/D,OAAO,CACL,iCAAC,eAAM,wBACY,oBAAoB,qBACrB,cAAc,EAC9B,QAAQ,EAAC,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;QAEvB,iCAAC,oBAAW,IAAC,SAAS,EAAE,OAAO,CAAC,mBAAmB;YACjD,iCAAC,WAAI,IAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG;YACtD,2CAAM,SAAS,EAAE,OAAO,CAAC,kBAAkB,UACxC,OAAO,CAAC,oBAAoB,0CAAE,KAAK,CAC/B,CACK;QACd,iCAAC,sBAAa;YACZ,iCAAC,0BAAiB,IAAC,SAAS,EAAE,OAAO,CAAC,oBAAoB,UACvD,OAAO,CAAC,oBAAoB,0CAAE,OAAO,CACpB,CACN;QAChB,iCAAC,sBAAa;YACZ,iCAAC,eAAM,IACL,SAAS,EAAE,OAAO,CAAC,MAAM,EACzB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,UAAU,UAEjB,OAAO,CAAC,oBAAoB,0CAAE,iBAAiB,CACzC;YAET,iCAAC,eAAM,IACL,SAAS,EAAK,OAAO,CAAC,KAAK,SAAI,OAAO,CAAC,MAAQ,EAC/C,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,WAAW,UAElB,OAAO,CAAC,oBAAoB,0CAAE,kBAAkB,CAC1C,CACK,CACT,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Drawer360Props } from './types';
|
|
3
|
-
declare const memoizedDrawer360: React.MemoExoticComponent<({ anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
|
|
3
|
+
declare const memoizedDrawer360: React.MemoExoticComponent<({ alwaysEnableSaveButton, anchor, children, maxWidth, onClose, onSave, onDiscard, responsive, size, showActionButtons, title, unsavedChanges, open, disableSaveButton, isLoading, locales: localesProp, onBackdropClick, onEscapeKeyDown, onRendered, ...rest }: Drawer360Props) => JSX.Element>;
|
|
4
4
|
export { memoizedDrawer360 as Drawer360 };
|
|
@@ -56,11 +56,11 @@ var useStyles = styles_1.makeStyles(function () { return ({
|
|
|
56
56
|
}
|
|
57
57
|
}); });
|
|
58
58
|
var Drawer360 = function (_a) {
|
|
59
|
-
var _b = _a.anchor, anchor =
|
|
59
|
+
var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales,
|
|
60
60
|
// prop sanitisation for deprecated props
|
|
61
|
-
onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
61
|
+
onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
|
|
62
62
|
var classes = useStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
|
|
63
|
-
var
|
|
63
|
+
var _g = react_1["default"].useState(false), showDiscardDialog = _g[0], setShowDiscardDialog = _g[1];
|
|
64
64
|
react_1.useEffect(function () {
|
|
65
65
|
if (!open) {
|
|
66
66
|
setShowDiscardDialog(false);
|
|
@@ -70,13 +70,19 @@ var Drawer360 = function (_a) {
|
|
|
70
70
|
if (isLoading) {
|
|
71
71
|
return;
|
|
72
72
|
}
|
|
73
|
-
if (showActionButtons && unsavedChanges) {
|
|
73
|
+
if (!alwaysEnableSaveButton && showActionButtons && unsavedChanges) {
|
|
74
74
|
setShowDiscardDialog(true);
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
77
|
onClose && onClose(e, reason !== null && reason !== void 0 ? reason : 'backdropClick');
|
|
78
78
|
}
|
|
79
|
-
}, [
|
|
79
|
+
}, [
|
|
80
|
+
isLoading,
|
|
81
|
+
alwaysEnableSaveButton,
|
|
82
|
+
showActionButtons,
|
|
83
|
+
unsavedChanges,
|
|
84
|
+
onClose
|
|
85
|
+
]);
|
|
80
86
|
var handleSave = react_1.useCallback(function (e) {
|
|
81
87
|
onSave && onSave(e);
|
|
82
88
|
}, [onSave]);
|
|
@@ -98,7 +104,7 @@ var Drawer360 = function (_a) {
|
|
|
98
104
|
react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" })))))),
|
|
99
105
|
react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
|
|
100
106
|
react_1["default"].createElement("div", { className: classes.body }, children)),
|
|
101
|
-
open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
|
|
107
|
+
open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
|
|
102
108
|
react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
|
|
103
109
|
};
|
|
104
110
|
var memoizedDrawer360 = react_1.memo(Drawer360);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,mDAAqD;AACrD,qDAA2D;AAE3D,oCAAyC;AACzC,gCAA+B;AAC/B,4CAA0C;AAC1C,sCAAoC;AACpC,4CAAkC;AAElC,+CAA6C;AAC7C,iDAA+C;AAC/C,qCAAsC;AAStC,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,QAAQ,EAAE,UAAC,EAAuB;gBAArB,QAAQ,cAAA;YAAkB,OAAA,QAAQ;QAAR,CAAQ;QAC/C,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,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,6BAA6B;KACzC;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,EAhCiC,CAgCjC,CAAC,CAAA;AAEH,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,mDAAqD;AACrD,qDAA2D;AAE3D,oCAAyC;AACzC,gCAA+B;AAC/B,4CAA0C;AAC1C,sCAAoC;AACpC,4CAAkC;AAElC,+CAA6C;AAC7C,iDAA+C;AAC/C,qCAAsC;AAStC,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,QAAQ,EAAE,UAAC,EAAuB;gBAArB,QAAQ,cAAA;YAAkB,OAAA,QAAQ;QAAR,CAAQ;QAC/C,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,YAAY,EAAE,QAAQ;QACtB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,SAAS,EAAE,6BAA6B;KACzC;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,EAhCiC,CAgCjC,CAAC,CAAA;AAEH,IAAM,SAAS,GAAG,UAAC,EAsBF;IArBf,IAAA,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,QAAQ,cAAA,EACR,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,sBArBU,6QAsBlB,CADQ;IAEP,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IACnD,IAAA,KAA4C,kBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhE,iBAAiB,QAAA,EAAE,oBAAoB,QAAyB,CAAA;IAEvE,iBAAS,CAAC;QACR,IAAI,CAAC,IAAI,EAAE;YACT,oBAAoB,CAAC,KAAK,CAAC,CAAA;SAC5B;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,WAAW,GAAG,mBAAW,CAC7B,UACE,CAAsC,EACtC,MAA0C;QAE1C,IAAI,SAAS,EAAE;YACb,OAAM;SACP;QAED,IAAI,CAAC,sBAAsB,IAAI,iBAAiB,IAAI,cAAc,EAAE;YAClE,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;QACE,SAAS;QACT,sBAAsB;QACtB,iBAAiB;QACjB,cAAc;QACd,OAAO;KACR,CACF,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,uBAAU,IAAC,OAAO,EAAE,WAAW;4BAC9B,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,IAAI,IAAI,iBAAiB,IAAI,CAC5B,iCAAC,2BAAY,IACX,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,EAC/B,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,CAAA;AAED,IAAM,iBAAiB,GAAG,YAAI,CAAC,SAAS,CAAC,CAAA;AAEX,sCAAS"}
|
|
@@ -13,6 +13,7 @@ export declare type Drawer360Props = Omit<MuiDrawerProps, 'anchor' | 'elevation'
|
|
|
13
13
|
disableSaveButton?: boolean;
|
|
14
14
|
isLoading?: boolean;
|
|
15
15
|
anchor?: 'left' | 'right';
|
|
16
|
+
alwaysEnableSaveButton?: boolean;
|
|
16
17
|
};
|
|
17
18
|
export interface Drawer360Locales {
|
|
18
19
|
saveButtonLabel: string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityItemProps } from './types';
|
|
3
|
+
interface EntityAttributesProps {
|
|
4
|
+
attributePriorities: EntityItemProps['attributePriorities'];
|
|
5
|
+
attributes: EntityItemProps['attributes'];
|
|
6
|
+
collapsible?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const EntityAttributes: React.MemoExoticComponent<({ attributePriorities, attributes, collapsible }: EntityAttributesProps) => JSX.Element | null>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.EntityAttributes = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var lodash_1 = require("lodash");
|
|
7
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
|
+
var Grid_1 = require("../Grid");
|
|
9
|
+
var Typography_1 = require("../Typography");
|
|
10
|
+
var useStyles = core_1.makeStyles(function (theme) {
|
|
11
|
+
return core_1.createStyles({
|
|
12
|
+
entityField: {
|
|
13
|
+
display: 'flex',
|
|
14
|
+
flexDirection: 'column',
|
|
15
|
+
padding: '0 8px',
|
|
16
|
+
alignItems: 'flex-start',
|
|
17
|
+
whiteSpace: 'nowrap'
|
|
18
|
+
},
|
|
19
|
+
attributeKey: {
|
|
20
|
+
color: theme.palette.text.hint
|
|
21
|
+
},
|
|
22
|
+
attributeValue: {
|
|
23
|
+
fontWeight: theme.typography.fontWeightMedium
|
|
24
|
+
},
|
|
25
|
+
gridUnwrapped: {
|
|
26
|
+
flexWrap: 'nowrap',
|
|
27
|
+
justifyContent: 'end'
|
|
28
|
+
},
|
|
29
|
+
gridContainerSpaced: {
|
|
30
|
+
justifyContent: 'space-evenly'
|
|
31
|
+
}
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
exports.EntityAttributes = react_1.memo(function (_a) {
|
|
35
|
+
var attributePriorities = _a.attributePriorities, attributes = _a.attributes, collapsible = _a.collapsible;
|
|
36
|
+
var classes = useStyles();
|
|
37
|
+
var validAttributes = attributes === null || attributes === void 0 ? void 0 : attributes.filter(function (attr) { return !lodash_1.isNil(attr.value); });
|
|
38
|
+
if (!(validAttributes === null || validAttributes === void 0 ? void 0 : validAttributes.length)) {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
var _b = getSortAttributes(validAttributes, attributePriorities), ordered = _b.ordered, remaining = _b.remaining;
|
|
42
|
+
return (react_1["default"].createElement(Grid_1.Grid, { className: collapsible ? classes.gridContainerSpaced : classes.gridUnwrapped, container: true },
|
|
43
|
+
react_1["default"].createElement(EntityAttributeList, { attributeList: ordered, collapsible: collapsible }),
|
|
44
|
+
Boolean(remaining.length) &&
|
|
45
|
+
(collapsible || (!collapsible && !(attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length))) && (react_1["default"].createElement(EntityAttributeList, { attributeList: remaining, collapsible: collapsible }))));
|
|
46
|
+
});
|
|
47
|
+
var EntityAttributeList = react_1.memo(function (_a) {
|
|
48
|
+
var attributeList = _a.attributeList, collapsible = _a.collapsible;
|
|
49
|
+
var classes = useStyles();
|
|
50
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null, attributeList === null || attributeList === void 0 ? void 0 : attributeList.map(function (attribute) {
|
|
51
|
+
switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
|
|
52
|
+
case 'string':
|
|
53
|
+
return (react_1["default"].createElement(Grid_1.Grid, { className: classes.entityField, item: true, key: attribute.name, sm: collapsible ? 4 : undefined },
|
|
54
|
+
react_1["default"].createElement(Typography_1.SmallText, { className: classes.attributeKey }, attribute.label),
|
|
55
|
+
react_1["default"].createElement(Typography_1.BodyText, { className: classes.attributeValue }, attribute.value)));
|
|
56
|
+
default:
|
|
57
|
+
return null;
|
|
58
|
+
}
|
|
59
|
+
})));
|
|
60
|
+
});
|
|
61
|
+
exports.EntityAttributes.displayName = 'EntityAttributes';
|
|
62
|
+
EntityAttributeList.displayName = 'EntityAttributeList';
|
|
63
|
+
// TODO: write tests for this
|
|
64
|
+
function getSortAttributes(attributes, attributePriorities) {
|
|
65
|
+
if (attributePriorities === null || attributePriorities === void 0 ? void 0 : attributePriorities.length) {
|
|
66
|
+
var ordered = [];
|
|
67
|
+
var remaining = [];
|
|
68
|
+
for (var i = 0; i < attributes.length; i++) {
|
|
69
|
+
var index = attributePriorities.indexOf(attributes[i].name);
|
|
70
|
+
if (index !== -1) {
|
|
71
|
+
ordered.splice(index, 0, attributes[i]);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
remaining.push(attributes[i]);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
return { ordered: ordered, remaining: remaining };
|
|
78
|
+
}
|
|
79
|
+
else {
|
|
80
|
+
return { ordered: [], remaining: attributes };
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=EntityAttributes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntityAttributes.js","sourceRoot":"","sources":["../../src/EntityItem/EntityAttributes.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { EntityItemProps } from './types';
|
|
3
|
+
export declare const EntityItem: React.MemoExoticComponent<({ avatarIcon, attributes, attributePriorities, collapsible, className, id, menuProps, onClick, relationTags, title, tags, url, style }: EntityItemProps) => JSX.Element>;
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.EntityItem = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var ExpandMore_1 = tslib_1.__importDefault(require("@material-ui/icons/ExpandMore"));
|
|
7
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
|
+
var Avatar_1 = require("../Avatar");
|
|
9
|
+
var Box_1 = require("../Box");
|
|
10
|
+
var Button_1 = require("../Button");
|
|
11
|
+
var Chip_1 = require("../Chip");
|
|
12
|
+
var Icon_1 = require("../Icon");
|
|
13
|
+
var Link_1 = require("../Link");
|
|
14
|
+
var Typography_1 = require("../Typography");
|
|
15
|
+
var EntityAttributes_1 = require("./EntityAttributes");
|
|
16
|
+
var EntityMenu_1 = require("./EntityMenu");
|
|
17
|
+
var useStyles = core_1.makeStyles(function (theme) {
|
|
18
|
+
return core_1.createStyles({
|
|
19
|
+
entityItemRoot: {
|
|
20
|
+
padding: function (_a) {
|
|
21
|
+
var showRelations = _a.showRelations, hasTags = _a.hasTags;
|
|
22
|
+
return theme.spacing(showRelations ? 0.5 : hasTags ? 2 : 1) + "px " + theme.spacing(2) + "px";
|
|
23
|
+
},
|
|
24
|
+
borderRadius: theme.shape.borderRadius,
|
|
25
|
+
backgroundColor: theme.palette.background.paper,
|
|
26
|
+
color: theme.palette.text.primary,
|
|
27
|
+
border: "1px solid transparent",
|
|
28
|
+
display: 'flex',
|
|
29
|
+
flexWrap: 'wrap',
|
|
30
|
+
boxShadow: '0px 1px 4px rgba(21, 43, 66, 0.16)',
|
|
31
|
+
'&:hover': {
|
|
32
|
+
borderColor: theme.palette.primary.main
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
itemsWrapper: {
|
|
36
|
+
display: 'flex',
|
|
37
|
+
alignItems: 'center',
|
|
38
|
+
flex: 1,
|
|
39
|
+
position: 'relative',
|
|
40
|
+
top: function (_a) {
|
|
41
|
+
var showRelations = _a.showRelations;
|
|
42
|
+
return (showRelations ? '-12px' : 0);
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
title: {
|
|
46
|
+
marginRight: theme.spacing(1),
|
|
47
|
+
textAlign: 'left',
|
|
48
|
+
fontWeight: 600,
|
|
49
|
+
paddingBottom: function (_a) {
|
|
50
|
+
var hasTags = _a.hasTags;
|
|
51
|
+
return hasTags ? theme.spacing(0.5) : 0;
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
avatar: {
|
|
55
|
+
marginRight: theme.spacing(1)
|
|
56
|
+
},
|
|
57
|
+
entityField: {
|
|
58
|
+
display: 'flex',
|
|
59
|
+
flexDirection: 'column',
|
|
60
|
+
padding: '0 8px',
|
|
61
|
+
alignItems: 'flex-start'
|
|
62
|
+
},
|
|
63
|
+
tag: {
|
|
64
|
+
'&:not(:last-child)': {
|
|
65
|
+
marginRight: theme.spacing(1)
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
relationTagsWrapper: {
|
|
69
|
+
paddingLeft: 8,
|
|
70
|
+
paddingRight: 8,
|
|
71
|
+
background: 'white'
|
|
72
|
+
},
|
|
73
|
+
relationTags: {
|
|
74
|
+
flex: '0 0 100%',
|
|
75
|
+
display: 'flex',
|
|
76
|
+
zIndex: 10,
|
|
77
|
+
borderRadius: '4px',
|
|
78
|
+
position: 'relative',
|
|
79
|
+
top: "-" + theme.spacing(2) + "px",
|
|
80
|
+
height: '24px'
|
|
81
|
+
},
|
|
82
|
+
tagsWrapper: {
|
|
83
|
+
display: 'flex',
|
|
84
|
+
flexWrap: 'nowrap',
|
|
85
|
+
maxWidth: 180,
|
|
86
|
+
overflowX: 'scroll',
|
|
87
|
+
'&::-webkit-scrollbar': {
|
|
88
|
+
display: 'none'
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
expand: {
|
|
92
|
+
transform: 'rotate(0deg)',
|
|
93
|
+
transition: theme.transitions.create('transform', {
|
|
94
|
+
duration: theme.transitions.duration.shortest
|
|
95
|
+
})
|
|
96
|
+
},
|
|
97
|
+
expandOpen: {
|
|
98
|
+
transform: 'rotate(180deg)'
|
|
99
|
+
},
|
|
100
|
+
flexedCollapse: {
|
|
101
|
+
marginBottom: theme.spacing(2)
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
});
|
|
105
|
+
exports.EntityItem = react_1.memo(function (_a) {
|
|
106
|
+
var avatarIcon = _a.avatarIcon, attributes = _a.attributes, attributePriorities = _a.attributePriorities, collapsible = _a.collapsible, className = _a.className, id = _a.id, menuProps = _a.menuProps, onClick = _a.onClick, relationTags = _a.relationTags, title = _a.title, tags = _a.tags, url = _a.url, style = _a.style;
|
|
107
|
+
var classes = useStyles({
|
|
108
|
+
showRelations: Boolean(relationTags === null || relationTags === void 0 ? void 0 : relationTags.length),
|
|
109
|
+
hasTags: Boolean(tags === null || tags === void 0 ? void 0 : tags.length)
|
|
110
|
+
});
|
|
111
|
+
var _b = react_1["default"].useState(false), expanded = _b[0], setExpand = _b[1];
|
|
112
|
+
var toggleExpanded = react_1.useCallback(function (event) {
|
|
113
|
+
event.preventDefault();
|
|
114
|
+
setExpand(function (state) { return !state; });
|
|
115
|
+
}, []);
|
|
116
|
+
return (react_1["default"].createElement(Link_1.Link, { className: classes.entityItemRoot + " " + (className !== null && className !== void 0 ? className : ''), href: url, onClick: onClick, style: style, underline: "none", variant: "body1" },
|
|
117
|
+
relationTags && (relationTags === null || relationTags === void 0 ? void 0 : relationTags.length) && (react_1["default"].createElement(Box_1.Box, { className: classes.relationTags },
|
|
118
|
+
react_1["default"].createElement("div", { className: classes.relationTagsWrapper }, relationTags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: "relation-" + id + "-" + tag, label: tag })); })))),
|
|
119
|
+
react_1["default"].createElement("div", { style: { display: 'flex', flexDirection: 'column', flex: 1 } },
|
|
120
|
+
react_1["default"].createElement("div", { className: classes.itemsWrapper },
|
|
121
|
+
react_1["default"].createElement(Avatar_1.Avatar, { backgroundColor: "#D5E1ED", className: classes.avatar },
|
|
122
|
+
react_1["default"].createElement(Icon_1.Icon, { name: avatarIcon || 'person' })),
|
|
123
|
+
react_1["default"].createElement("div", { className: classes.entityField },
|
|
124
|
+
react_1["default"].createElement(Typography_1.BodyText, { className: classes.title }, title),
|
|
125
|
+
Boolean(tags === null || tags === void 0 ? void 0 : tags.length) && (react_1["default"].createElement("div", { className: classes.tagsWrapper }, tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (react_1["default"].createElement(Chip_1.Chip, { className: classes.tag, key: id + tag, label: tag, randomColor: true })); })))),
|
|
126
|
+
(!collapsible || (collapsible && !expanded)) && (react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes })),
|
|
127
|
+
react_1["default"].createElement(EntityMenu_1.EntityMenu, { id: id, menuProps: menuProps, url: url }),
|
|
128
|
+
collapsible && (react_1["default"].createElement(Button_1.IconButton, { "aria-expanded": expanded, "aria-label": "show more", className: classes.expand + " " + (expanded ? classes.expandOpen : ''), onClick: toggleExpanded, size: "small" },
|
|
129
|
+
react_1["default"].createElement(ExpandMore_1["default"], null)))),
|
|
130
|
+
collapsible && (react_1["default"].createElement(core_1.Collapse, { className: classes.flexedCollapse, "in": expanded, timeout: "auto", unmountOnExit: true },
|
|
131
|
+
react_1["default"].createElement(EntityAttributes_1.EntityAttributes, { attributePriorities: attributePriorities, attributes: attributes, collapsible: true }))))));
|
|
132
|
+
});
|
|
133
|
+
exports.EntityItem.displayName = 'EntityItem';
|
|
134
|
+
//# sourceMappingURL=EntityItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntityItem.js","sourceRoot":"","sources":["../../src/EntityItem/EntityItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.EntityMenu = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var Button_1 = require("../Button");
|
|
8
|
+
var Icon_1 = require("../Icon");
|
|
9
|
+
var Menu_1 = require("../Menu");
|
|
10
|
+
var useStyles = core_1.makeStyles(function (theme) {
|
|
11
|
+
return core_1.createStyles({
|
|
12
|
+
menuWrapper: {
|
|
13
|
+
marginLeft: 'auto'
|
|
14
|
+
},
|
|
15
|
+
menuItemText: {
|
|
16
|
+
paddingLeft: theme.spacing(1)
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
});
|
|
20
|
+
exports.EntityMenu = react_1.memo(function (_a) {
|
|
21
|
+
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
22
|
+
var menuProps = _a.menuProps, id = _a.id, url = _a.url;
|
|
23
|
+
var _k = react_1["default"].useState(null), anchorEl = _k[0], setAnchorEl = _k[1];
|
|
24
|
+
var classes = useStyles();
|
|
25
|
+
var handleMenuClose = react_1.useCallback(function () {
|
|
26
|
+
setAnchorEl(null);
|
|
27
|
+
}, []);
|
|
28
|
+
var handleMenuClick = react_1.useCallback(function (event) {
|
|
29
|
+
event.preventDefault();
|
|
30
|
+
setAnchorEl(event.currentTarget);
|
|
31
|
+
}, [setAnchorEl]);
|
|
32
|
+
if (!((_b = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _b === void 0 ? void 0 : _b.length))
|
|
33
|
+
return null;
|
|
34
|
+
return (react_1["default"].createElement("div", { className: classes.menuWrapper },
|
|
35
|
+
react_1["default"].createElement(Button_1.IconButton, tslib_1.__assign({ "aria-controls": "long-menu", "aria-haspopup": "true", "aria-label": "more" }, menuProps, { onClick: handleMenuClick }, menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps),
|
|
36
|
+
react_1["default"].createElement(Icon_1.Icon, { color: (_c = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _c === void 0 ? void 0 : _c.color, customColor: (_e = (_d = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _d === void 0 ? void 0 : _d.customColor) !== null && _e !== void 0 ? _e : 'black', fontSize: (_f = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _f === void 0 ? void 0 : _f.fontSize, name: (_h = (_g = menuProps === null || menuProps === void 0 ? void 0 : menuProps.anchorProps) === null || _g === void 0 ? void 0 : _g.name) !== null && _h !== void 0 ? _h : 'more_vert' })),
|
|
37
|
+
react_1["default"].createElement(Menu_1.Menu, { anchorEl: anchorEl, keepMounted: true, onClose: handleMenuClose, open: Boolean(anchorEl) }, (_j = menuProps === null || menuProps === void 0 ? void 0 : menuProps.actions) === null || _j === void 0 ? void 0 : _j.map(function (_a, index) {
|
|
38
|
+
var title = _a.title, icon = _a.icon, onPerform = _a.onPerform;
|
|
39
|
+
return (react_1["default"].createElement(Menu_1.MenuItem, { key: "entity-menu-" + index, onClick: function () {
|
|
40
|
+
onPerform({ id: id, title: title, url: url });
|
|
41
|
+
handleMenuClose();
|
|
42
|
+
} },
|
|
43
|
+
icon && icon({ children: null }),
|
|
44
|
+
react_1["default"].createElement("span", { className: classes.menuItemText }, title)));
|
|
45
|
+
}))));
|
|
46
|
+
});
|
|
47
|
+
exports.EntityMenu.displayName = 'EntityMenu';
|
|
48
|
+
//# sourceMappingURL=EntityMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EntityMenu.js","sourceRoot":"","sources":["../../src/EntityItem/EntityMenu.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,qDAAgD;AAEhD,oCAAsC;AACtC,gCAA8B;AAC9B,gCAAwC;AAKxC,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,UAAU,EAAE,MAAM;SACnB;QACD,YAAY,EAAE;YACZ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;SAC9B;KACF,CAAC;AAPF,CAOE,CACH,CAAA;AAEY,QAAA,UAAU,GAAG,YAAI,CAC5B,UAAC,EAAgD;;QAA9C,SAAS,eAAA,EAAE,EAAE,QAAA,EAAE,GAAG,SAAA;IACb,IAAA,KAA0B,kBAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAA;IACxE,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAC3B,IAAM,eAAe,GAAG,mBAAW,CAAC;QAClC,WAAW,CAAC,IAAI,CAAC,CAAA;IACnB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,mBAAW,CACjC,UAAC,KAAoC;QACnC,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC,EACD,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAI,QAAC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,MAAM,CAAA;QAAE,OAAO,IAAI,CAAA;IAE5C,OAAO,CACL,0CAAK,SAAS,EAAE,OAAO,CAAC,WAAW;QACjC,iCAAC,mBAAU,sCACK,WAAW,mBACX,MAAM,gBACT,MAAM,IACb,SAAS,IACb,OAAO,EAAE,eAAe,IACpB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW;YAE1B,iCAAC,WAAI,IACH,KAAK,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,KAAK,EACpC,WAAW,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,WAAW,mCAAI,OAAO,EAC3D,QAAQ,QAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,QAAQ,EAC1C,IAAI,cAAE,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,mCAAI,WAAW,GACjD,CACS;QACb,iCAAC,WAAI,IACH,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,UAEtB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,GAAG,CAAC,UAAC,EAA0B,EAAE,KAAK;gBAA/B,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA;YAAc,OAAA,CAC9D,iCAAC,eAAQ,IACP,GAAG,EAAE,iBAAe,KAAO,EAC3B,OAAO,EAAE;oBACP,SAAS,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,GAAG,KAAA,EAAE,CAAC,CAAA;oBAC7B,eAAe,EAAE,CAAA;gBACnB,CAAC;gBAEA,IAAI,IAAI,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACjC,2CAAM,SAAS,EAAE,OAAO,CAAC,YAAY,IAAG,KAAK,CAAQ,CAC5C,CACZ;QAX+D,CAW/D,EACI,CACH,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/EntityItem/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconButtonProps } from '../Button';
|
|
3
|
+
import { IconName, IconProps } from '../Icon';
|
|
4
|
+
export declare type EntityAttribute = {
|
|
5
|
+
label: string;
|
|
6
|
+
value: string | number;
|
|
7
|
+
name: string;
|
|
8
|
+
type: 'string';
|
|
9
|
+
};
|
|
10
|
+
export declare type EntityItemProps = {
|
|
11
|
+
attributePriorities?: Array<string>;
|
|
12
|
+
attributes?: Array<EntityAttribute>;
|
|
13
|
+
title: string;
|
|
14
|
+
id: string | number;
|
|
15
|
+
url?: string;
|
|
16
|
+
tags?: Array<string>;
|
|
17
|
+
org?: string;
|
|
18
|
+
className?: string;
|
|
19
|
+
iconUrl?: string;
|
|
20
|
+
avatarIcon?: IconName;
|
|
21
|
+
relationTags?: Array<string>;
|
|
22
|
+
collapsible?: boolean;
|
|
23
|
+
editing?: boolean;
|
|
24
|
+
onClick?: (_?: React.MouseEvent<HTMLAnchorElement, MouseEvent> | React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
|
|
25
|
+
menuProps?: {
|
|
26
|
+
anchorProps?: IconButtonProps & IconProps;
|
|
27
|
+
actions?: Array<{
|
|
28
|
+
icon?: React.FC;
|
|
29
|
+
title: string;
|
|
30
|
+
onPerform: (_: {
|
|
31
|
+
id?: string | number;
|
|
32
|
+
title?: string;
|
|
33
|
+
url?: string;
|
|
34
|
+
}) => void;
|
|
35
|
+
}>;
|
|
36
|
+
};
|
|
37
|
+
style?: React.CSSProperties;
|
|
38
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/EntityItem/types.ts"],"names":[],"mappings":""}
|
package/dist/Grid/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
1
|
+
export type { GridProps } from '@material-ui/core';
|
|
2
|
+
export { Grid } from '@material-ui/core';
|
package/dist/Grid/index.js
CHANGED
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
2
9
|
exports.__esModule = true;
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
10
|
+
exports.Grid = void 0;
|
|
11
|
+
var core_1 = require("@material-ui/core");
|
|
12
|
+
__createBinding(exports, core_1, "Grid");
|
|
6
13
|
//# sourceMappingURL=index.js.map
|
package/dist/Grid/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Grid/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Grid/index.ts"],"names":[],"mappings":";;;;;;;;;;AACA,0CAAwC;AAA/B,yCAAI"}
|
package/dist/Skeleton/index.d.ts
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export { Skeleton, SkeletonProps };
|
|
1
|
+
export { Skeleton, SkeletonProps } from '@material-ui/lab';
|