tenjin-ui-kit 0.2.136 → 0.2.137

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.
Files changed (103) hide show
  1. package/package.json +1 -1
  2. package/dist/common/hooks/apiHooks.js +0 -223
  3. package/dist/common/hooks/newApiHook.js +0 -270
  4. package/dist/common/utils/security/index.js +0 -11
  5. package/dist/common/utils/security/securityConfig.js +0 -8
  6. package/dist/components/Canvas.js +0 -254
  7. package/dist/components/DragBox/index.js +0 -45
  8. package/dist/components/InputWithChip/index.js +0 -149
  9. package/dist/components/RightContext/index.css +0 -20
  10. package/dist/components/RightContext/index.js +0 -86
  11. package/dist/components/WorkFlow.js +0 -47
  12. package/dist/components/WorkFlowBuilder.js +0 -130
  13. package/dist/components/alert/Style.js +0 -23
  14. package/dist/components/alert/index.js +0 -69
  15. package/dist/components/attachment/index.js +0 -138
  16. package/dist/components/authenticationProvider/AuthError.js +0 -24
  17. package/dist/components/authenticationProvider/AuthLoader.js +0 -21
  18. package/dist/components/authenticationProvider/index.js +0 -128
  19. package/dist/components/avatar/index.js +0 -95
  20. package/dist/components/avatar/styles.js +0 -94
  21. package/dist/components/breadCrumbs/index.js +0 -162
  22. package/dist/components/breadCrumbs/style.js +0 -11
  23. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +0 -19
  24. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +0 -15
  25. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +0 -36
  26. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +0 -26
  27. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +0 -48
  28. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
  29. package/dist/components/browsingTestCaseLayout/index.js +0 -187
  30. package/dist/components/browsingTestCaseLayout/style.css +0 -82
  31. package/dist/components/button/index.js +0 -131
  32. package/dist/components/checkBox/index.js +0 -30
  33. package/dist/components/divider/index.js +0 -39
  34. package/dist/components/editableField/index.js +0 -125
  35. package/dist/components/error/index.js +0 -56
  36. package/dist/components/errorBoundary/Error.jpg +0 -0
  37. package/dist/components/errorBoundary/index.js +0 -160
  38. package/dist/components/fileUploader/index.js +0 -124
  39. package/dist/components/fileUploader/style.js +0 -60
  40. package/dist/components/iconButton/index.js +0 -35
  41. package/dist/components/iconButton/style.js +0 -1
  42. package/dist/components/input/index.js +0 -124
  43. package/dist/components/layout/index.js +0 -98
  44. package/dist/components/layout/main/index.js +0 -27
  45. package/dist/components/layout/main/style.js +0 -22
  46. package/dist/components/layout/pageContent/index.js +0 -30
  47. package/dist/components/layout/sidebar/FlatMenu.js +0 -64
  48. package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -227
  49. package/dist/components/layout/sidebar/GroupedMenu.js +0 -68
  50. package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
  51. package/dist/components/layout/sidebar/index.js +0 -84
  52. package/dist/components/layout/sidebar/style.js +0 -154
  53. package/dist/components/layout/topBar/ProjectTopbar.js +0 -234
  54. package/dist/components/layout/topBar/UserAvatar.js +0 -102
  55. package/dist/components/layout/topBar/index.js +0 -132
  56. package/dist/components/loader/index.js +0 -28
  57. package/dist/components/menu/index.js +0 -80
  58. package/dist/components/modal/Modal.js +0 -56
  59. package/dist/components/modal/index.js +0 -88
  60. package/dist/components/modal/style.js +0 -60
  61. package/dist/components/optionMenu/index.js +0 -112
  62. package/dist/components/pagination/index.js +0 -129
  63. package/dist/components/pagination/style.js +0 -36
  64. package/dist/components/paper/index.js +0 -44
  65. package/dist/components/paper/style.js +0 -34
  66. package/dist/components/reactSelect/index.js +0 -212
  67. package/dist/components/reactSelect/style.js +0 -163
  68. package/dist/components/richTextEditor/index.js +0 -34
  69. package/dist/components/richTextEditor/style.js +0 -1
  70. package/dist/components/select/SimpleSelect.js +0 -123
  71. package/dist/components/select/index.js +0 -211
  72. package/dist/components/simpleSelect/index.js +0 -122
  73. package/dist/components/switch/index.js +0 -73
  74. package/dist/components/switch/style.js +0 -42
  75. package/dist/components/switch/switch.js +0 -110
  76. package/dist/components/table/ReactTable.js +0 -116
  77. package/dist/components/table/SimpleTable.js +0 -57
  78. package/dist/components/table/index.js +0 -257
  79. package/dist/components/text/index.js +0 -64
  80. package/dist/components/timeStamp/index.js +0 -40
  81. package/dist/components/timeStamp/style.js +0 -23
  82. package/dist/components/topBar/index.js +0 -176
  83. package/dist/components/tree/index.js +0 -314
  84. package/dist/components/tree/style.js +0 -32
  85. package/dist/components/valuePicker/ValueSelector.js +0 -275
  86. package/dist/components/valuePicker/index.js +0 -133
  87. package/dist/components/wrapperLayout/layout/index.js +0 -30
  88. package/dist/components/wrapperLayout/layout/style.js +0 -1
  89. package/dist/components/wrapperLayout/main/index.js +0 -22
  90. package/dist/components/wrapperLayout/main/pageContainer/index.js +0 -28
  91. package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
  92. package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
  93. package/dist/components/wrapperLayout/topBar/UserAvatar.js +0 -17
  94. package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
  95. package/dist/components/wrapperLayout/topBar/index.js +0 -182
  96. package/dist/components/wrapperLayout/topBar/menuIcon.js +0 -14
  97. package/dist/components/wrapperLayout/topBar/style.js +0 -77
  98. package/dist/http/index.js +0 -225
  99. package/dist/index.js +0 -320
  100. package/dist/templates/listPage/index.js +0 -301
  101. package/dist/themes/default.js +0 -253
  102. package/dist/themes/defaultSmall.js +0 -86
  103. package/dist/themes/responsiveTheme.js +0 -250
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _material = require("@mui/material");
8
- var _clsx2 = _interopRequireDefault(require("clsx"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _fi = require("react-icons/fi");
12
- var _ = require("..");
13
- var _paper = _interopRequireDefault(require("../../paper"));
14
- var _FlatMenu = _interopRequireDefault(require("./FlatMenu"));
15
- var _GroupedMenu = _interopRequireDefault(require("./GroupedMenu"));
16
- var _ProjectMenu = _interopRequireDefault(require("./ProjectMenu"));
17
- var _style = _interopRequireDefault(require("./style"));
18
- var _DragBox = require("../../DragBox");
19
- var _GroupedIconMenu = _interopRequireDefault(require("./GroupedIconMenu"));
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
22
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
- 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); }
24
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
25
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
26
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
27
- var Sidebar = function Sidebar(_ref) {
28
- var _clsx;
29
- var children = _ref.children,
30
- allowCollapse = _ref.allowCollapse,
31
- draggable = _ref.draggable;
32
- var classes = (0, _style.default)();
33
- var theme = (0, _material.useTheme)();
34
- var _useContext = (0, _react.useContext)(_.LayoutContext),
35
- _useContext$layoutSta = _useContext.layoutState,
36
- collapsed = _useContext$layoutSta.sidebarCollapsed,
37
- selectedSidebarKey = _useContext$layoutSta.selectedSidebarKey,
38
- toggleSidebar = _useContext.toggleSidebar,
39
- setSelectedSidebarKey = _useContext.setSelectedSidebarKey;
40
- return /*#__PURE__*/_react.default.createElement(_paper.default, {
41
- className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, classes.expanded, !collapsed), _defineProperty(_clsx, classes.collapsed, collapsed && allowCollapse), _defineProperty(_clsx, "tenjin-sidebar", true), _clsx)),
42
- fullHeight: true
43
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
44
- sx: {
45
- padding: theme.spacing(0, 1, 1, 1),
46
- maxHeight: allowCollapse ? "calc(100% - 48px)" : "100%",
47
- height: allowCollapse ? "calc(100% - 48px)" : "100%",
48
- overflowY: "auto",
49
- overflowX: "hidden"
50
- }
51
- }, children), allowCollapse && /*#__PURE__*/_react.default.createElement(_material.Box, {
52
- display: "flex",
53
- alignItems: "center",
54
- justifyContent: "center",
55
- alignContent: "center",
56
- sx: {
57
- height: "48px"
58
- }
59
- }, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
60
- title: collapsed ? "Expand" : "Collapse",
61
- placement: "top"
62
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
63
- size: "large",
64
- disableRipple: true,
65
- sx: {
66
- height: "100%",
67
- width: "100%"
68
- },
69
- variant: "text",
70
- fullWidth: true,
71
- onClick: toggleSidebar,
72
- "aria-label": collapsed ? "Expand Menu" : "Collapse Menu"
73
- }, collapsed ? /*#__PURE__*/_react.default.createElement(_fi.FiChevronRight, null) : /*#__PURE__*/_react.default.createElement(_fi.FiChevronLeft, null)))));
74
- };
75
- Sidebar.propTypes = {
76
- children: _propTypes.default.any,
77
- allowCollapse: _propTypes.default.bool
78
- };
79
- Sidebar.GroupedMenu = _GroupedMenu.default;
80
- Sidebar.FlatMenu = _FlatMenu.default;
81
- Sidebar.ProjectMenu = _ProjectMenu.default;
82
- Sidebar.GroupedIconMenu = _GroupedIconMenu.default;
83
- var _default = Sidebar;
84
- exports.default = _default;
@@ -1,154 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _iconsMaterial = require("@mui/icons-material");
8
- var _styles = require("@mui/styles");
9
- var _system = require("@mui/system");
10
- var _responsiveTheme = _interopRequireDefault(require("../../../themes/responsiveTheme"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var _default = (0, _styles.makeStyles)(function () {
13
- return {
14
- subHeader: {
15
- textTransform: "uppercase",
16
- fontSize: _responsiveTheme.default.typography.fontSize - 2,
17
- color: "rgba(0,0,0,0.5)",
18
- fontWeight: 500
19
- },
20
- link: {
21
- textDecoration: "none"
22
- },
23
- listItemText: {
24
- color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
25
- fontWeight: "500 !important"
26
- },
27
- expanded: {
28
- width: "200px"
29
- },
30
- collapsed: {
31
- width: "72px"
32
- },
33
- collapsedFlatMenuItem: {
34
- paddingLeft: "0",
35
- paddingRight: "0",
36
- display: "flex !important",
37
- alignItems: "center !important",
38
- justifyContent: "center !important",
39
- "& .MuiListItemIcon-root": {
40
- minWidth: "10px"
41
- }
42
- },
43
- collapsedFlatMenuItemText: {
44
- display: "none !important"
45
- },
46
- flatMenuItem: {
47
- height: "48px",
48
- borderRadius: "7px !important"
49
- },
50
- selectedFlatMenuItem: {
51
- backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
52
- color: "#fff !important"
53
- },
54
- selectedGroupMenuItem: {
55
- backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
56
- color: "#fff !important",
57
- borderRadius: "5px !important"
58
- },
59
- selectedFlatMenuIcon: {
60
- color: "#fff !important"
61
- },
62
- selectedFlatMenuItemText: {
63
- color: "#fff !important"
64
- },
65
- projectMenuMainWrapper: {
66
- paddingTop: "0.5rem",
67
- // padding: "7px",
68
- display: "inline-block",
69
- width: "100%"
70
- },
71
- projectMenuHeader: {
72
- color: "#44409A",
73
- fontFamily: "sans-serif",
74
- fontSize: "18px !important",
75
- lineHeight: "24px",
76
- display: "flex",
77
- justifyContent: "center",
78
- VerticalAlignCenter: true
79
- },
80
- selectedProjectMenuItem: {
81
- backgroundColor: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
82
- color: "#fff !important",
83
- borderRadius: "5px !important",
84
- fontWeight: 600
85
- // fontSize: "16px !important",
86
- },
87
-
88
- projectListText: {
89
- color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
90
- marginLeft: "24px",
91
- fontSize: "14px !important",
92
- fontWeight: 600
93
- },
94
- projectListIcon: {
95
- color: "".concat(_responsiveTheme.default.palette.primary.main, " !important"),
96
- display: "flex",
97
- alignItems: "center",
98
- width: "1rem",
99
- height: "1rem"
100
- },
101
- selectedProjectMenuItemText: {
102
- color: "#fff !important"
103
- // fontSize: "14px !important",
104
- // fontWeight: 600,
105
- },
106
-
107
- selectedProjectMenuItemIcon: {
108
- color: "#fff !important",
109
- display: "flex",
110
- alignItems: "center",
111
- width: "1rem",
112
- height: "1rem"
113
- },
114
- subHeaderIcon: {
115
- color: "#44409A",
116
- display: "flex",
117
- alignItems: "center",
118
- width: "0.8rem",
119
- height: "0.8rem"
120
- },
121
- sidebar: {
122
- display: "inline-block",
123
- position: "relative"
124
- },
125
- buttonIcon: {
126
- position: "relative",
127
- padding: "16px",
128
- fontSize: "16px"
129
- },
130
- menuItem: {
131
- zIndex: 1300,
132
- display: "none",
133
- position: "absolute",
134
- backgroundColor: "#f1f1f1",
135
- minWidth: "160px",
136
- boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
137
- left: "10%",
138
- top: "auto"
139
- },
140
- menuItemOpen: {
141
- zIndex: 1300,
142
- display: "block",
143
- position: "absolute",
144
- backgroundColor: "#f1f1f1",
145
- minWidth: "160px",
146
- boxShadow: "0px 8px 16px 0px rgba(0,0,0,0.2)",
147
- left: "92px",
148
- top: "auto",
149
- bottom: "auto",
150
- marginTop: "-3.5rem"
151
- }
152
- };
153
- });
154
- exports.default = _default;
@@ -1,234 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _system = require("@mui/system");
10
- var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
11
- var _button = _interopRequireDefault(require("../../button"));
12
- var _react = _interopRequireWildcard(require("react"));
13
- var _reactFeather = require("react-feather");
14
- var _reactRouter = require("react-router");
15
- var _modal = _interopRequireDefault(require("../../modal"));
16
- var _text = _interopRequireDefault(require("../../text"));
17
- var _reactRouterDom = require("react-router-dom");
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
22
- 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."); }
23
- 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); }
24
- 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; }
25
- 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; } }
26
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
27
- var ProjectTopbar = function ProjectTopbar(_ref) {
28
- var loggedInUser = _ref.loggedInUser,
29
- actions = _ref.actions,
30
- onLogout = _ref.onLogout;
31
- var theme = (0, _system.useTheme)();
32
- var _useState = (0, _react.useState)(null),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- anchorEl = _useState2[0],
35
- setAnchorEl = _useState2[1];
36
- var _useState3 = (0, _react.useState)(null),
37
- _useState4 = _slicedToArray(_useState3, 2),
38
- openMenuIndex = _useState4[0],
39
- setOpenMenuIndex = _useState4[1];
40
- var navigate = (0, _reactRouter.useNavigate)();
41
- var handleMenuOpen = function handleMenuOpen(event, index) {
42
- setAnchorEl(event.currentTarget);
43
- setOpenMenuIndex(index);
44
- };
45
- var handleMenuClose = function handleMenuClose() {
46
- setAnchorEl(null);
47
- setOpenMenuIndex(null);
48
- };
49
- var handleItemClick = function handleItemClick(item) {
50
- console.log(item.href);
51
- if (item.serverSide) {
52
- window.location.href = item.href;
53
- } else {
54
- // navigate(item.href);
55
- return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
56
- to: item.href
57
- });
58
- }
59
- };
60
-
61
- // Logout related code starts
62
- var _useState5 = (0, _react.useState)(false),
63
- _useState6 = _slicedToArray(_useState5, 2),
64
- open = _useState6[0],
65
- setOpen = _useState6[1];
66
- var handleOpen = function handleOpen() {
67
- return setOpen(true);
68
- };
69
- var handleClose = function handleClose() {
70
- return setOpen(false);
71
- };
72
- var logout = function logout() {
73
- onLogout();
74
- setOpen(false);
75
- };
76
- // Logout related code ends
77
-
78
- return /*#__PURE__*/_react.default.createElement(_material.Paper, null, /*#__PURE__*/_react.default.createElement(_material.AppBar, {
79
- position: "static",
80
- sx: {
81
- boxShadow: "0px 3px 10px rgba(102, 124, 188, 0.25) !important",
82
- background: "#FFFFFF",
83
- height: "48px !important",
84
- justifyContent: "center"
85
- }
86
- }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, null, /*#__PURE__*/_react.default.createElement(_system.Box, {
87
- sx: {
88
- display: "flex",
89
- justifyContent: "space-between",
90
- width: "100%",
91
- alignItems: "center",
92
- alignContent: "center"
93
- }
94
- }, /*#__PURE__*/_react.default.createElement(_system.Box, {
95
- className: "Left",
96
- sx: {
97
- justifySelf: "left"
98
- }
99
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
100
- component: "a",
101
- href: "/",
102
- sx: {
103
- mr: 2,
104
- textDecoration: "none",
105
- fontSize: "1rem",
106
- fontWeight: "600"
107
- }
108
- }, "TENJIN ENTERPRISE")), /*#__PURE__*/_react.default.createElement(_system.Box, {
109
- className: "Center",
110
- sx: {
111
- marginRight: "auto",
112
- color: "black"
113
- }
114
- }, actions && /*#__PURE__*/_react.default.createElement(_system.Box, null, /*#__PURE__*/_react.default.createElement(_material.Stack, {
115
- direction: "row",
116
- spacing: 1
117
- }, actions.map(function (action, index) {
118
- return /*#__PURE__*/_react.default.createElement("div", {
119
- key: action.title
120
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
121
- variant: "text",
122
- startIcon: action.icon,
123
- endIcon: action.dropdown ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
124
- size: "0.9rem"
125
- }) : null,
126
- onClick: function onClick(event) {
127
- return action.dropdown ? handleMenuOpen(event, index) : handleItemClick(action);
128
- }
129
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
130
- style: {
131
- fontWeight: "600"
132
- }
133
- }, action.title)), action.dropdown && /*#__PURE__*/_react.default.createElement(_material.Menu, {
134
- anchorEl: anchorEl,
135
- open: openMenuIndex === index,
136
- onClose: function onClose() {
137
- setOpenMenuIndex(null);
138
- handleMenuClose();
139
- }
140
- }, action.dropdown.map(function (item, index) {
141
- return /*#__PURE__*/_react.default.createElement("div", {
142
- key: item.title,
143
- onClick: function onClick() {
144
- if (item.clickable) {
145
- handleItemClick(item);
146
- }
147
- handleMenuClose();
148
- },
149
- style: {
150
- margin: "10px",
151
- paddingRight: "10px",
152
- cursor: item.clickable ? "pointer" : "default",
153
- backgroundColor: item.heading ? "transparent" : "transparent"
154
- }
155
- }, item.heading ? /*#__PURE__*/_react.default.createElement(_text.default, {
156
- variant: "subtitle1",
157
- style: {
158
- fontWeight: 600
159
- }
160
- }, item.title) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
161
- style: {
162
- display: "flex",
163
- flexDirection: "column"
164
- }
165
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
166
- style: {
167
- fontWeight: item.clickable || item.heading ? 600 : 400
168
- }
169
- }, item.title), item.subtitle && /*#__PURE__*/_react.default.createElement(_text.default, {
170
- variant: "body2",
171
- color: "#ACACAC",
172
- sx: {
173
- marginLeft: "5px"
174
- }
175
- }, item.subtitle)), item.divider && index !== action.dropdown.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null)), item.divider && index === action.dropdown.length - 1 && /*#__PURE__*/_react.default.createElement(_material.Divider, null));
176
- })));
177
- })))), /*#__PURE__*/_react.default.createElement(_system.Box, {
178
- className: "Right",
179
- sx: {
180
- justifySelf: "right",
181
- color: "black"
182
- },
183
- display: "flex",
184
- alignItems: "right"
185
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
186
- variant: "text",
187
- startIcon: /*#__PURE__*/_react.default.createElement(_reactFeather.Settings, {
188
- size: "1rem"
189
- })
190
- // onClick={() => (window.location.href = "/admin/users")}
191
- ,
192
- onClick: function onClick() {
193
- window.location.href = "/admin/users";
194
- }
195
- }, /*#__PURE__*/_react.default.createElement(_text.default, {
196
- style: {
197
- fontSize: "1rem",
198
- fontWeight: "600"
199
- }
200
- }, "Administration")), /*#__PURE__*/_react.default.createElement(_system.Box, {
201
- sx: {
202
- marginLeft: theme.spacing(1)
203
- }
204
- }, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
205
- loggedInUser: loggedInUser,
206
- onLogout: handleOpen
207
- })))))), /*#__PURE__*/_react.default.createElement(_modal.default, {
208
- title: "Log out",
209
- open: open,
210
- handleClose: handleClose,
211
- onClose: handleClose,
212
- width: "sm"
213
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
214
- container: true,
215
- direction: "row",
216
- justifyContent: "flex-end",
217
- alignItems: "flex-end",
218
- style: {
219
- padding: "3rem 0rem 0rem 4rem"
220
- }
221
- }, /*#__PURE__*/_react.default.createElement(_material.Stack, {
222
- direction: "row",
223
- spacing: 2
224
- }, /*#__PURE__*/_react.default.createElement(_button.default, {
225
- variant: "outlined",
226
- onClick: handleClose
227
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Cancel")), /*#__PURE__*/_react.default.createElement(_button.default, {
228
- color: "error",
229
- onClick: logout
230
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out"))))));
231
- };
232
- ProjectTopbar.propTypes = {};
233
- var _default = ProjectTopbar;
234
- exports.default = _default;
@@ -1,102 +0,0 @@
1
- "use strict";
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
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _styles = require("@mui/styles");
10
- var _react = _interopRequireWildcard(require("react"));
11
- var _avatar = _interopRequireDefault(require("../../avatar"));
12
- var _text = _interopRequireDefault(require("../../text"));
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
- 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."); }
18
- 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); }
19
- 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; }
20
- 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; } }
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
- 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); }
23
- var StyledMenu = (0, _styles.withStyles)({
24
- paper: {
25
- width: "100%",
26
- marginLeft: "10px",
27
- zIndex: 1
28
- }
29
- })(function (props) {
30
- return /*#__PURE__*/_react.default.createElement(_material.Menu, _extends({
31
- getContentAnchorEl: null,
32
- disableAutoFocusItem: true,
33
- anchorOrigin: {
34
- vertical: "bottom",
35
- horizontal: "center"
36
- }
37
- }, props));
38
- });
39
- var UserAvatar = function UserAvatar(_ref) {
40
- var loggedInUser = _ref.loggedInUser,
41
- onViewProfileClick = _ref.onViewProfileClick,
42
- onLogout = _ref.onLogout;
43
- var _useState = (0, _react.useState)(null),
44
- _useState2 = _slicedToArray(_useState, 2),
45
- menu = _useState2[0],
46
- setMenu = _useState2[1];
47
- var theme = (0, _material.useTheme)();
48
- var handleMenu = function handleMenu(event) {
49
- setMenu(event.currentTarget);
50
- };
51
- var handleCloseMenu = function handleCloseMenu() {
52
- setMenu(null);
53
- };
54
- return loggedInUser ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
55
- onClick: handleMenu
56
- }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
57
- size: "small",
58
- variant: "rounded",
59
- user: loggedInUser
60
- })), /*#__PURE__*/_react.default.createElement(StyledMenu, {
61
- id: "simple-menu",
62
- anchorEl: menu,
63
- open: Boolean(menu),
64
- onClose: handleCloseMenu,
65
- style: {
66
- width: "14rem"
67
- }
68
- }, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.email) && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
69
- onClick: function onClick() {
70
- handleCloseMenu();
71
- if (onViewProfileClick) {
72
- onViewProfileClick();
73
- }
74
- }
75
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
76
- display: "flex",
77
- flexDirection: "row",
78
- alignItems: "center"
79
- }, /*#__PURE__*/_react.default.createElement(_material.Box, {
80
- sx: {
81
- marginRight: theme.spacing(1)
82
- }
83
- }, /*#__PURE__*/_react.default.createElement(_avatar.default, {
84
- size: "small",
85
- variant: "rounded",
86
- user: loggedInUser
87
- })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_text.default, {
88
- className: "name"
89
- }, loggedInUser.name), /*#__PURE__*/_react.default.createElement(_text.default, {
90
- className: "email"
91
- }, loggedInUser.email)))), (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.name) && /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
92
- onClick: function onClick() {
93
- handleCloseMenu();
94
- if (onLogout) {
95
- onLogout();
96
- }
97
- }
98
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Log out")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
99
- };
100
- UserAvatar.propTypes = {};
101
- var _default = UserAvatar;
102
- exports.default = _default;