tenjin-ui-kit 0.3.74 → 0.3.76
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/common/hooks/apiHooks.js +91 -199
- package/common/hooks/newApiHook.js +127 -258
- package/common/utils/security/index.js +2 -2
- package/common/utils/security/securityConfig.js +1 -2
- package/components/Canvas.js +172 -101
- package/components/DragBox/index.js +21 -31
- package/components/InputWithChip/index.js +178 -83
- package/components/RightContext/index.js +17 -41
- package/components/WorkFlow.js +19 -29
- package/components/WorkFlowBuilder.js +32 -56
- package/components/alert/Style.js +11 -14
- package/components/alert/index.js +8 -14
- package/components/attachment/index.js +26 -31
- package/components/authenticationProvider/AuthError.js +3 -4
- package/components/authenticationProvider/AuthLoader.js +3 -4
- package/components/authenticationProvider/index.js +58 -130
- package/components/avatar/index.js +24 -23
- package/components/avatar/styles.js +76 -77
- package/components/breadCrumbs/index.js +64 -89
- package/components/breadCrumbs/style.js +1 -4
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +7 -6
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
- package/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +7 -6
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +8 -7
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +8 -7
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +16 -19
- package/components/browsingTestCaseLayout/index.js +30 -46
- package/components/button/index.js +47 -58
- package/components/chatBotModal/index.js +40 -61
- package/components/checkBox/index.js +8 -10
- package/components/combobox/index.js +66 -100
- package/components/divider/index.js +9 -18
- package/components/editableField/index.js +19 -46
- package/components/error/index.js +6 -12
- package/components/errorBoundary/index.js +74 -98
- package/components/fileUploader/index.js +46 -58
- package/components/fileUploader/style.js +46 -49
- package/components/filter/ValueSelector.js +148 -243
- package/components/filter/index.js +43 -66
- package/components/iconButton/index.js +3 -4
- package/components/input/index.js +70 -90
- package/components/layout/index.js +36 -49
- package/components/layout/main/index.js +13 -14
- package/components/layout/main/style.js +11 -14
- package/components/layout/pageContent/index.js +8 -7
- package/components/layout/sidebar/FlatMenu.js +51 -47
- package/components/layout/sidebar/GroupedIconMenu.js +169 -194
- package/components/layout/sidebar/GroupedMenu.js +45 -50
- package/components/layout/sidebar/ProjectMenu.js +165 -185
- package/components/layout/sidebar/index.js +27 -26
- package/components/layout/sidebar/style.js +138 -143
- package/components/layout/topBar/ProjectTopbar.js +86 -119
- package/components/layout/topBar/UserAvatar.js +51 -65
- package/components/layout/topBar/index.js +23 -41
- package/components/loader/index.js +9 -12
- package/components/menu/index.js +23 -42
- package/components/modal/Modal.js +5 -6
- package/components/modal/index.js +16 -20
- package/components/modal/style.js +53 -56
- package/components/optionMenu/index.js +32 -47
- package/components/pagination/index.js +23 -43
- package/components/pagination/style.js +25 -28
- package/components/paginationUpdated/index.js +19 -26
- package/components/paper/index.js +20 -22
- package/components/paper/style.js +24 -27
- package/components/reactSelect/index.js +64 -97
- package/components/reactSelect/style.js +131 -151
- package/components/richTextEditor/index.js +24 -48
- package/components/select/GroupedSelect.js +56 -100
- package/components/select/SimpleSelect.js +59 -99
- package/components/select/index.js +56 -69
- package/components/simpleSelect/index.js +18 -22
- package/components/sort/index.js +23 -36
- package/components/switch/index.js +14 -15
- package/components/switch/style.js +29 -32
- package/components/switch/switch.js +30 -47
- package/components/table/ReactTable.js +59 -83
- package/components/table/SimpleTable.js +67 -91
- package/components/table/index.js +300 -206
- package/components/text/index.js +22 -30
- package/components/timeStamp/index.js +4 -6
- package/components/timeStamp/style.js +12 -15
- package/components/topBar/index.js +86 -102
- package/components/tree/index.js +30 -58
- package/components/tree/style.js +20 -23
- package/components/valuePicker/ValueSelector.js +78 -160
- package/components/valuePicker/index.js +30 -50
- package/components/wrapperLayout/layout/index.js +8 -7
- package/components/wrapperLayout/main/index.js +8 -7
- package/components/wrapperLayout/main/pageContainer/index.js +6 -5
- package/components/wrapperLayout/main/sideBar/index.js +171 -175
- package/components/wrapperLayout/main/sideBar/style.js +177 -183
- package/components/wrapperLayout/topBar/UserAvatar.js +6 -5
- package/components/wrapperLayout/topBar/avatar.js +15 -18
- package/components/wrapperLayout/topBar/index.js +115 -107
- package/components/wrapperLayout/topBar/menuIcon.js +6 -5
- package/components/wrapperLayout/topBar/style.js +63 -64
- package/http/index.js +92 -188
- package/index.js +53 -55
- package/package.json +6 -3
- package/templates/listPage/index.js +168 -196
- package/themes/default.js +5 -7
- package/themes/defaultSmall.js +2 -3
- package/themes/responsiveTheme.js +6 -8
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -11,45 +10,35 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
11
10
|
var _avatar = _interopRequireDefault(require("../../avatar"));
|
|
12
11
|
var _text = _interopRequireDefault(require("../../text"));
|
|
13
12
|
var _timeStamp = _interopRequireDefault(require("../../timeStamp"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
19
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
21
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
22
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
23
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
24
|
-
var StyledMenu = (0, _styles.withStyles)({
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
+
const StyledMenu = (0, _styles.withStyles)({
|
|
25
17
|
paper: {
|
|
26
18
|
width: "fit-content !important",
|
|
27
19
|
marginLeft: "10px",
|
|
28
20
|
zIndex: 1
|
|
29
21
|
}
|
|
30
|
-
})(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
setMenu = _useState2[1];
|
|
48
|
-
var theme = (0, _material.useTheme)();
|
|
49
|
-
var handleMenu = function handleMenu(event) {
|
|
22
|
+
})(props => /*#__PURE__*/_react.default.createElement(_material.Menu, _extends({
|
|
23
|
+
disableAutoFocusItem: true,
|
|
24
|
+
anchorOrigin: {
|
|
25
|
+
vertical: "bottom",
|
|
26
|
+
horizontal: "center"
|
|
27
|
+
}
|
|
28
|
+
}, props)));
|
|
29
|
+
const UserAvatar = _ref => {
|
|
30
|
+
let {
|
|
31
|
+
loggedInUser,
|
|
32
|
+
onViewProfileClick,
|
|
33
|
+
onLogout,
|
|
34
|
+
avatarItems
|
|
35
|
+
} = _ref;
|
|
36
|
+
const [menu, setMenu] = (0, _react.useState)(null);
|
|
37
|
+
const theme = (0, _material.useTheme)();
|
|
38
|
+
const handleMenu = event => {
|
|
50
39
|
setMenu(event.currentTarget);
|
|
51
40
|
};
|
|
52
|
-
|
|
41
|
+
const handleCloseMenu = () => {
|
|
53
42
|
setMenu(null);
|
|
54
43
|
};
|
|
55
44
|
return loggedInUser ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
@@ -63,8 +52,8 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
63
52
|
anchorEl: menu,
|
|
64
53
|
open: Boolean(menu),
|
|
65
54
|
onClose: handleCloseMenu
|
|
66
|
-
},
|
|
67
|
-
onClick:
|
|
55
|
+
}, loggedInUser?.name && loggedInUser?.email && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
56
|
+
onClick: () => {
|
|
68
57
|
handleCloseMenu();
|
|
69
58
|
if (onViewProfileClick) {
|
|
70
59
|
onViewProfileClick();
|
|
@@ -86,7 +75,7 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
86
75
|
className: "name"
|
|
87
76
|
}, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
88
77
|
className: "email"
|
|
89
|
-
}, loggedInUser.email)))),
|
|
78
|
+
}, loggedInUser.email)))), loggedInUser?.lastLoginAt && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
90
79
|
sx: {
|
|
91
80
|
cursor: "default !important"
|
|
92
81
|
}
|
|
@@ -103,36 +92,34 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
103
92
|
}, "Last Login :")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, {
|
|
104
93
|
color: "secondary"
|
|
105
94
|
}, /*#__PURE__*/_react.default.createElement(_timeStamp.default, {
|
|
106
|
-
value:
|
|
95
|
+
value: loggedInUser?.lastLoginAt + "Z",
|
|
107
96
|
local: true,
|
|
108
97
|
format: "default"
|
|
109
|
-
}))))), !!
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
item.onClick();
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
120
|
-
display: "flex",
|
|
121
|
-
flexDirection: "row",
|
|
122
|
-
alignItems: "center"
|
|
123
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
124
|
-
sx: {
|
|
125
|
-
marginRight: theme.spacing(1)
|
|
126
|
-
}
|
|
127
|
-
}, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
|
|
128
|
-
variant: "rounded",
|
|
129
|
-
sx: {
|
|
130
|
-
width: 30,
|
|
131
|
-
height: 30
|
|
98
|
+
}))))), !!avatarItems?.length && avatarItems?.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
99
|
+
key: index // Add key prop for mapped items
|
|
100
|
+
,
|
|
101
|
+
onClick: () => {
|
|
102
|
+
handleCloseMenu();
|
|
103
|
+
if (item.onClick) {
|
|
104
|
+
item.onClick();
|
|
132
105
|
}
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
106
|
+
}
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
108
|
+
display: "flex",
|
|
109
|
+
flexDirection: "row",
|
|
110
|
+
alignItems: "center"
|
|
111
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
112
|
+
sx: {
|
|
113
|
+
marginRight: theme.spacing(1)
|
|
114
|
+
}
|
|
115
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
|
|
116
|
+
variant: "rounded",
|
|
117
|
+
sx: {
|
|
118
|
+
width: 30,
|
|
119
|
+
height: 30
|
|
120
|
+
}
|
|
121
|
+
}, item.icon)), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, null, item.title))))), loggedInUser?.name && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
122
|
+
onClick: () => {
|
|
136
123
|
handleCloseMenu();
|
|
137
124
|
if (onLogout) {
|
|
138
125
|
onLogout();
|
|
@@ -141,5 +128,4 @@ var UserAvatar = function UserAvatar(_ref) {
|
|
|
141
128
|
}, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
142
129
|
};
|
|
143
130
|
UserAvatar.propTypes = {};
|
|
144
|
-
var _default = UserAvatar;
|
|
145
|
-
exports.default = _default;
|
|
131
|
+
var _default = exports.default = UserAvatar;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -13,34 +12,22 @@ var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
|
|
|
13
12
|
var _modal = _interopRequireDefault(require("../../modal"));
|
|
14
13
|
var _reactRouter = require("react-router");
|
|
15
14
|
var _text = _interopRequireDefault(require("../../text"));
|
|
16
|
-
function _interopRequireDefault(
|
|
17
|
-
function
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
open = _useState2[0],
|
|
34
|
-
setOpen = _useState2[1];
|
|
35
|
-
var handleOpen = function handleOpen() {
|
|
36
|
-
return setOpen(true);
|
|
37
|
-
};
|
|
38
|
-
var handleClose = function handleClose() {
|
|
39
|
-
return setOpen(false);
|
|
40
|
-
};
|
|
41
|
-
var navigate = (0, _reactRouter.useNavigate)();
|
|
42
|
-
var theme = (0, _material.useTheme)();
|
|
43
|
-
var logout = function logout() {
|
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
|
+
const TopBar = _ref => {
|
|
18
|
+
let {
|
|
19
|
+
breadcrumbs,
|
|
20
|
+
loggedInUser,
|
|
21
|
+
showAdmin,
|
|
22
|
+
actions,
|
|
23
|
+
onLogout
|
|
24
|
+
} = _ref;
|
|
25
|
+
const [open, setOpen] = (0, _react.useState)(false);
|
|
26
|
+
const handleOpen = () => setOpen(true);
|
|
27
|
+
const handleClose = () => setOpen(false);
|
|
28
|
+
const navigate = (0, _reactRouter.useNavigate)();
|
|
29
|
+
const theme = (0, _material.useTheme)();
|
|
30
|
+
const logout = () => {
|
|
44
31
|
onLogout();
|
|
45
32
|
// localStorage.removeItem('t-at');
|
|
46
33
|
setOpen(false);
|
|
@@ -83,16 +70,12 @@ var TopBar = function TopBar(_ref) {
|
|
|
83
70
|
})), actions ? /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Stack, {
|
|
84
71
|
direction: "row",
|
|
85
72
|
spacing: 1
|
|
86
|
-
}, actions.map(
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
return navigate(a.href);
|
|
93
|
-
}
|
|
94
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, null, a.title));
|
|
95
|
-
}))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
73
|
+
}, actions.map(a => /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
74
|
+
key: a.title,
|
|
75
|
+
variant: "text",
|
|
76
|
+
startIcon: a.icon,
|
|
77
|
+
onClick: () => navigate(a.href)
|
|
78
|
+
}, /*#__PURE__*/_react.default.createElement(_text.default, null, a.title))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_material.Box, {
|
|
96
79
|
sx: {
|
|
97
80
|
marginLeft: theme.spacing(1)
|
|
98
81
|
}
|
|
@@ -128,5 +111,4 @@ var TopBar = function TopBar(_ref) {
|
|
|
128
111
|
}, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
|
|
129
112
|
};
|
|
130
113
|
TopBar.propTypes = {};
|
|
131
|
-
var _default = TopBar;
|
|
132
|
-
exports.default = _default;
|
|
114
|
+
var _default = exports.default = TopBar;
|
|
@@ -7,16 +7,14 @@ exports.default = void 0;
|
|
|
7
7
|
var _material = require("@mui/material");
|
|
8
8
|
var _styles = require("@mui/styles");
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
|
-
function _interopRequireDefault(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var UIBlockLoader = function UIBlockLoader() {
|
|
19
|
-
var classes = useStyle();
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
const useStyle = (0, _styles.makeStyles)(theme => ({
|
|
12
|
+
loaderWrapper: {
|
|
13
|
+
height: "100%"
|
|
14
|
+
}
|
|
15
|
+
}));
|
|
16
|
+
const UIBlockLoader = () => {
|
|
17
|
+
const classes = useStyle();
|
|
20
18
|
return /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
21
19
|
container: true,
|
|
22
20
|
alignItems: "center",
|
|
@@ -24,5 +22,4 @@ var UIBlockLoader = function UIBlockLoader() {
|
|
|
24
22
|
className: classes.loaderWrapper
|
|
25
23
|
}, /*#__PURE__*/_react.default.createElement(_material.CircularProgress, null));
|
|
26
24
|
};
|
|
27
|
-
var _default = UIBlockLoader;
|
|
28
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports.default = UIBlockLoader;
|
package/components/menu/index.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -11,34 +10,20 @@ var _text = _interopRequireDefault(require("../text"));
|
|
|
11
10
|
var _reactRouterDom = require("react-router-dom");
|
|
12
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
12
|
var _button = _interopRequireDefault(require("../button"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
25
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
var Menu = function Menu(props) {
|
|
27
|
-
var navigate = (0, _reactRouterDom.useNavigate)();
|
|
28
|
-
var _useState = (0, _react.useState)(null),
|
|
29
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
30
|
-
anchorEl = _useState2[0],
|
|
31
|
-
setAnchorEl = _useState2[1];
|
|
32
|
-
var _useState3 = (0, _react.useState)(false),
|
|
33
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
34
|
-
menuOpen = _useState4[0],
|
|
35
|
-
setMenuOpen = _useState4[1];
|
|
36
|
-
var items = props.items;
|
|
37
|
-
var handleClick = function handleClick(event) {
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
const Menu = props => {
|
|
16
|
+
const navigate = (0, _reactRouterDom.useNavigate)();
|
|
17
|
+
const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
|
|
18
|
+
const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
|
|
19
|
+
const {
|
|
20
|
+
items
|
|
21
|
+
} = props;
|
|
22
|
+
const handleClick = event => {
|
|
38
23
|
setMenuOpen(true);
|
|
39
24
|
setAnchorEl(event.currentTarget);
|
|
40
25
|
};
|
|
41
|
-
|
|
26
|
+
const handleMenuItemClick = (event, data) => {
|
|
42
27
|
event.preventDefault();
|
|
43
28
|
if (data !== undefined) {
|
|
44
29
|
navigate(data);
|
|
@@ -46,7 +31,7 @@ var Menu = function Menu(props) {
|
|
|
46
31
|
setMenuOpen(false);
|
|
47
32
|
setAnchorEl(null);
|
|
48
33
|
};
|
|
49
|
-
|
|
34
|
+
const handleClose = (event, data) => {
|
|
50
35
|
setMenuOpen(false);
|
|
51
36
|
};
|
|
52
37
|
return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
@@ -59,22 +44,18 @@ var Menu = function Menu(props) {
|
|
|
59
44
|
minWidth: "200px",
|
|
60
45
|
maxHeight: "220px"
|
|
61
46
|
}
|
|
62
|
-
}, items.map(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}, _defineProperty(_ref, "fontWeight", 500), _defineProperty(_ref, "cursor", "pointer"), _ref)
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement(_text.default, null, item === null || item === void 0 ? void 0 : item.name));
|
|
74
|
-
})));
|
|
47
|
+
}, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
|
|
48
|
+
key: index,
|
|
49
|
+
onClick: e => handleMenuItemClick(e, item?.link),
|
|
50
|
+
sx: {
|
|
51
|
+
textDecoration: "none",
|
|
52
|
+
fontWeight: "bold",
|
|
53
|
+
fontWeight: 500,
|
|
54
|
+
cursor: "pointer"
|
|
55
|
+
}
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_text.default, null, item?.name)))));
|
|
75
57
|
};
|
|
76
58
|
Menu.propTypes = {
|
|
77
59
|
items: _propTypes.default.array.isRequired
|
|
78
60
|
};
|
|
79
|
-
var _default = Menu;
|
|
80
|
-
exports.default = _default;
|
|
61
|
+
var _default = exports.default = Menu;
|
|
@@ -11,10 +11,10 @@ var _clsx = _interopRequireDefault(require("clsx"));
|
|
|
11
11
|
var _style = _interopRequireDefault(require("./style"));
|
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
16
|
+
const Modal = props => {
|
|
17
|
+
const classes = (0, _style.default)();
|
|
18
18
|
return /*#__PURE__*/_react.default.createElement(_material.Modal, _extends({
|
|
19
19
|
open: props.open,
|
|
20
20
|
onClose: props.handleClose
|
|
@@ -52,5 +52,4 @@ Modal.defaultProps = {
|
|
|
52
52
|
title: "Modal Dialog",
|
|
53
53
|
blur: "false"
|
|
54
54
|
};
|
|
55
|
-
var _default = Modal;
|
|
56
|
-
exports.default = _default;
|
|
55
|
+
var _default = exports.default = Modal;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -14,23 +13,21 @@ var _material = require("@mui/material");
|
|
|
14
13
|
var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
|
|
15
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
16
15
|
var _style = _interopRequireDefault(require("./style"));
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
function
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
rest = _objectWithoutProperties(props, _excluded);
|
|
33
|
-
var classes = (0, _style.default)();
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
19
|
+
const Modal = props => {
|
|
20
|
+
const {
|
|
21
|
+
fullWidth,
|
|
22
|
+
width,
|
|
23
|
+
open,
|
|
24
|
+
handleClose,
|
|
25
|
+
title,
|
|
26
|
+
children,
|
|
27
|
+
onClose,
|
|
28
|
+
...rest
|
|
29
|
+
} = props;
|
|
30
|
+
const classes = (0, _style.default)();
|
|
34
31
|
return /*#__PURE__*/React.createElement(_Dialog.default, _extends({
|
|
35
32
|
sx: {
|
|
36
33
|
"& .MuiDialogTitle-root": {
|
|
@@ -87,5 +84,4 @@ Modal.defaultProps = {
|
|
|
87
84
|
title: "Modal Title",
|
|
88
85
|
fullWidth: false
|
|
89
86
|
};
|
|
90
|
-
var _default = Modal;
|
|
91
|
-
exports.default = _default;
|
|
87
|
+
var _default = exports.default = Modal;
|
|
@@ -6,63 +6,60 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _styles = require("@mui/styles");
|
|
8
8
|
var _default2 = _interopRequireDefault(require("../../themes/default"));
|
|
9
|
-
function _interopRequireDefault(
|
|
10
|
-
var _default = (0, _styles.makeStyles)(
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
outline: "none"
|
|
20
|
-
},
|
|
21
|
-
margin: "auto"
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
var _default = exports.default = (0, _styles.makeStyles)(() => ({
|
|
11
|
+
modalContentWrapper: {
|
|
12
|
+
position: "absolute",
|
|
13
|
+
backgroundColor: _default2.default.palette.background.paper,
|
|
14
|
+
borderRadius: "3px",
|
|
15
|
+
boxShadow: _default2.default.shadows[5],
|
|
16
|
+
top: "10%",
|
|
17
|
+
"&:focus": {
|
|
18
|
+
outline: "none"
|
|
22
19
|
},
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
20
|
+
margin: "auto"
|
|
21
|
+
},
|
|
22
|
+
default: {
|
|
23
|
+
width: "400px",
|
|
24
|
+
left: "calc(50% - 400px / 2)"
|
|
25
|
+
},
|
|
26
|
+
large: {
|
|
27
|
+
width: "600px",
|
|
28
|
+
left: "calc(50% - 600px / 2)"
|
|
29
|
+
},
|
|
30
|
+
xlarge: {
|
|
31
|
+
width: "800px",
|
|
32
|
+
left: "calc(50% - 800px / 2)"
|
|
33
|
+
},
|
|
34
|
+
fullscreen: {
|
|
35
|
+
width: "98%",
|
|
36
|
+
left: "1%",
|
|
37
|
+
top: "10px"
|
|
38
|
+
},
|
|
39
|
+
header: {
|
|
40
|
+
display: "flex",
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
padding: "0.4rem 1rem",
|
|
43
|
+
borderBottom: "1px solid #ccc",
|
|
44
|
+
"& .MuiDialogTitle-root": {
|
|
45
|
+
backgroundColor: "#e7e7e7"
|
|
26
46
|
},
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
47
|
+
"& .title": {
|
|
48
|
+
flexGrow: 1,
|
|
49
|
+
fontWeight: 500
|
|
30
50
|
},
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
left: "calc(50% - 800px / 2)"
|
|
34
|
-
},
|
|
35
|
-
fullscreen: {
|
|
36
|
-
width: "98%",
|
|
37
|
-
left: "1%",
|
|
38
|
-
top: "10px"
|
|
39
|
-
},
|
|
40
|
-
header: {
|
|
41
|
-
display: "flex",
|
|
42
|
-
alignItems: "center",
|
|
43
|
-
padding: "0.4rem 1rem",
|
|
44
|
-
borderBottom: "1px solid #ccc",
|
|
45
|
-
"& .MuiDialogTitle-root": {
|
|
46
|
-
backgroundColor: "#e7e7e7"
|
|
47
|
-
},
|
|
48
|
-
"& .title": {
|
|
49
|
-
flexGrow: 1,
|
|
50
|
-
fontWeight: 500
|
|
51
|
-
},
|
|
52
|
-
"& .modalCloseTrigger": {
|
|
53
|
-
cursor: "pointer"
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
content: {
|
|
57
|
-
padding: "0.4rem 1rem",
|
|
58
|
-
maxHeight: "calc(100vh - 170px)",
|
|
59
|
-
overflowY: "auto"
|
|
60
|
-
},
|
|
61
|
-
modalHeader: {
|
|
62
|
-
"& .MuiDialogTitle-root": {
|
|
63
|
-
backgroundColor: "#e7e7e7"
|
|
64
|
-
}
|
|
51
|
+
"& .modalCloseTrigger": {
|
|
52
|
+
cursor: "pointer"
|
|
65
53
|
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
54
|
+
},
|
|
55
|
+
content: {
|
|
56
|
+
padding: "0.4rem 1rem",
|
|
57
|
+
maxHeight: `calc(100vh - 170px)`,
|
|
58
|
+
overflowY: "auto"
|
|
59
|
+
},
|
|
60
|
+
modalHeader: {
|
|
61
|
+
"& .MuiDialogTitle-root": {
|
|
62
|
+
backgroundColor: "#e7e7e7"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}));
|