tenjin-ui-kit 0.2.74 → 0.2.75
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.
|
@@ -1,5 +1,6 @@
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,10 +9,12 @@ var _material = require("@mui/material");
|
|
|
8
9
|
var _system = require("@mui/system");
|
|
9
10
|
var _UserAvatar = _interopRequireDefault(require("./UserAvatar"));
|
|
10
11
|
var _button = _interopRequireDefault(require("../../button"));
|
|
11
|
-
var _react = require("react");
|
|
12
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
13
|
var _reactFeather = require("react-feather");
|
|
13
14
|
var _reactRouter = require("react-router");
|
|
14
15
|
var _modal = _interopRequireDefault(require("../../modal"));
|
|
16
|
+
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); }
|
|
17
|
+
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; }
|
|
15
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
17
20
|
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."); }
|
|
@@ -63,7 +66,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
63
66
|
};
|
|
64
67
|
// Logout related code ends
|
|
65
68
|
|
|
66
|
-
return /*#__PURE__*/
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_material.Paper, null, /*#__PURE__*/_react.default.createElement(_material.AppBar, {
|
|
67
70
|
position: "static",
|
|
68
71
|
sx: {
|
|
69
72
|
boxShadow: "0px 3px 10px rgba(102, 124, 188, 0.25) !important",
|
|
@@ -71,19 +74,19 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
71
74
|
height: "56px !important",
|
|
72
75
|
justifyContent: "center"
|
|
73
76
|
}
|
|
74
|
-
}, /*#__PURE__*/
|
|
77
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Toolbar, null, /*#__PURE__*/_react.default.createElement(_system.Box, {
|
|
75
78
|
sx: {
|
|
76
79
|
display: "flex",
|
|
77
80
|
justifyContent: "space-between",
|
|
78
81
|
width: "100%",
|
|
79
82
|
alignItems: "center"
|
|
80
83
|
}
|
|
81
|
-
}, /*#__PURE__*/
|
|
84
|
+
}, /*#__PURE__*/_react.default.createElement(_system.Box, {
|
|
82
85
|
className: "Left",
|
|
83
86
|
sx: {
|
|
84
87
|
justifySelf: "left"
|
|
85
88
|
}
|
|
86
|
-
}, /*#__PURE__*/
|
|
89
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
87
90
|
component: "a",
|
|
88
91
|
href: "/",
|
|
89
92
|
sx: {
|
|
@@ -92,32 +95,32 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
92
95
|
fontSize: "1rem",
|
|
93
96
|
fontWeight: "600"
|
|
94
97
|
}
|
|
95
|
-
}, "TENJIN ENTERPRISE")), /*#__PURE__*/
|
|
98
|
+
}, "TENJIN ENTERPRISE")), /*#__PURE__*/_react.default.createElement(_system.Box, {
|
|
96
99
|
className: "Center",
|
|
97
100
|
sx: {
|
|
98
101
|
marginRight: "auto",
|
|
99
102
|
color: "black"
|
|
100
103
|
}
|
|
101
|
-
}, actions && /*#__PURE__*/
|
|
104
|
+
}, actions && /*#__PURE__*/_react.default.createElement(_system.Box, null, /*#__PURE__*/_react.default.createElement(_material.Stack, {
|
|
102
105
|
direction: "row",
|
|
103
106
|
spacing: 1
|
|
104
107
|
}, actions.map(function (action, index) {
|
|
105
|
-
return /*#__PURE__*/
|
|
108
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
106
109
|
key: action.title
|
|
107
|
-
}, /*#__PURE__*/
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
108
111
|
variant: "text",
|
|
109
112
|
startIcon: action.icon,
|
|
110
|
-
endIcon: action.dropdown ? /*#__PURE__*/
|
|
113
|
+
endIcon: action.dropdown ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
|
|
111
114
|
size: "0.9rem"
|
|
112
115
|
}) : null,
|
|
113
116
|
onClick: function onClick(event) {
|
|
114
117
|
return action.dropdown ? handleMenuOpen(event, index) : handleItemClick(action);
|
|
115
118
|
}
|
|
116
|
-
}, /*#__PURE__*/
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
117
120
|
style: {
|
|
118
121
|
fontWeight: "600"
|
|
119
122
|
}
|
|
120
|
-
}, action.title)), action.dropdown && /*#__PURE__*/
|
|
123
|
+
}, action.title)), action.dropdown && /*#__PURE__*/_react.default.createElement(_material.Menu, {
|
|
121
124
|
anchorEl: anchorEl,
|
|
122
125
|
open: openMenuIndex === index,
|
|
123
126
|
onClose: function onClose() {
|
|
@@ -125,7 +128,7 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
125
128
|
handleMenuClose();
|
|
126
129
|
}
|
|
127
130
|
}, action.dropdown.map(function (item, index) {
|
|
128
|
-
return /*#__PURE__*/
|
|
131
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
129
132
|
key: item.title,
|
|
130
133
|
onClick: function onClick() {
|
|
131
134
|
if (item.clickable) {
|
|
@@ -139,29 +142,29 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
139
142
|
cursor: item.clickable ? "pointer" : "default",
|
|
140
143
|
backgroundColor: item.heading ? "transparent" : "transparent"
|
|
141
144
|
}
|
|
142
|
-
}, item.heading ? /*#__PURE__*/
|
|
145
|
+
}, item.heading ? /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
143
146
|
variant: "subtitle1",
|
|
144
147
|
style: {
|
|
145
148
|
fontWeight: 600
|
|
146
149
|
}
|
|
147
|
-
}, item.title) : /*#__PURE__*/
|
|
150
|
+
}, item.title) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
148
151
|
style: {
|
|
149
152
|
display: "flex",
|
|
150
153
|
flexDirection: "column"
|
|
151
154
|
}
|
|
152
|
-
}, /*#__PURE__*/
|
|
155
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
153
156
|
style: {
|
|
154
157
|
fontWeight: item.clickable || item.heading ? 600 : 400
|
|
155
158
|
}
|
|
156
|
-
}, item.title), item.subtitle && /*#__PURE__*/
|
|
159
|
+
}, item.title), item.subtitle && /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
157
160
|
variant: "body2",
|
|
158
161
|
color: "#ACACAC",
|
|
159
162
|
sx: {
|
|
160
163
|
marginLeft: "5px"
|
|
161
164
|
}
|
|
162
|
-
}, item.subtitle)), item.divider && index !== action.dropdown.length - 1 && /*#__PURE__*/
|
|
165
|
+
}, 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));
|
|
163
166
|
})));
|
|
164
|
-
})))), /*#__PURE__*/
|
|
167
|
+
})))), /*#__PURE__*/_react.default.createElement(_system.Box, {
|
|
165
168
|
className: "Right",
|
|
166
169
|
sx: {
|
|
167
170
|
justifySelf: "right",
|
|
@@ -169,9 +172,9 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
169
172
|
},
|
|
170
173
|
display: "flex",
|
|
171
174
|
alignItems: "right"
|
|
172
|
-
}, /*#__PURE__*/
|
|
175
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
173
176
|
variant: "text",
|
|
174
|
-
startIcon: /*#__PURE__*/
|
|
177
|
+
startIcon: /*#__PURE__*/_react.default.createElement(_reactFeather.Settings, {
|
|
175
178
|
size: "1rem"
|
|
176
179
|
}),
|
|
177
180
|
onClick: function onClick() {
|
|
@@ -180,25 +183,25 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
180
183
|
href: "/administration"
|
|
181
184
|
});
|
|
182
185
|
}
|
|
183
|
-
}, /*#__PURE__*/
|
|
186
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, {
|
|
184
187
|
style: {
|
|
185
188
|
fontSize: "1rem",
|
|
186
189
|
fontWeight: "600"
|
|
187
190
|
}
|
|
188
|
-
}, "Administration")), /*#__PURE__*/
|
|
191
|
+
}, "Administration")), /*#__PURE__*/_react.default.createElement(_system.Box, {
|
|
189
192
|
sx: {
|
|
190
193
|
marginLeft: theme.spacing(1)
|
|
191
194
|
}
|
|
192
|
-
}, /*#__PURE__*/
|
|
195
|
+
}, /*#__PURE__*/_react.default.createElement(_UserAvatar.default, {
|
|
193
196
|
loggedInUser: loggedInUser,
|
|
194
197
|
onLogout: handleOpen
|
|
195
|
-
})))))), /*#__PURE__*/
|
|
198
|
+
})))))), /*#__PURE__*/_react.default.createElement(_modal.default, {
|
|
196
199
|
title: "Log out",
|
|
197
200
|
open: open,
|
|
198
201
|
handleClose: handleClose,
|
|
199
202
|
onClose: handleClose,
|
|
200
203
|
width: "xl"
|
|
201
|
-
}, /*#__PURE__*/
|
|
204
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Typography, null, "Are you sure you want to log out?"), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
202
205
|
container: true,
|
|
203
206
|
direction: "row",
|
|
204
207
|
justifyContent: "flex-end",
|
|
@@ -206,16 +209,16 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
|
|
|
206
209
|
style: {
|
|
207
210
|
padding: "3rem 0rem 0rem 4rem"
|
|
208
211
|
}
|
|
209
|
-
}, /*#__PURE__*/
|
|
212
|
+
}, /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
210
213
|
item: true,
|
|
211
214
|
xs: 6
|
|
212
|
-
}, /*#__PURE__*/
|
|
215
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
213
216
|
variant: "outlined",
|
|
214
217
|
onClick: handleClose
|
|
215
|
-
}, "Cancel")), /*#__PURE__*/
|
|
218
|
+
}, "Cancel")), /*#__PURE__*/_react.default.createElement(_material.Grid, {
|
|
216
219
|
item: true,
|
|
217
220
|
xs: 6
|
|
218
|
-
}, /*#__PURE__*/
|
|
221
|
+
}, /*#__PURE__*/_react.default.createElement(_button.default, {
|
|
219
222
|
color: "error",
|
|
220
223
|
onClick: logout
|
|
221
224
|
}, "Log out")))));
|