tenjin-ui-kit 0.3.70 → 0.3.72-dev
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 +155 -0
- package/common/hooks/newApiHook.js +188 -0
- package/{dist/common → common}/utils/security/index.js +2 -2
- package/{dist/common → common}/utils/security/securityConfig.js +1 -2
- package/components/Canvas.js +330 -0
- package/components/DragBox/index.js +40 -0
- package/components/InputWithChip/index.js +294 -0
- package/{dist/components → components}/RightContext/index.js +19 -28
- package/components/WorkFlow.js +42 -0
- package/components/WorkFlowBuilder.js +115 -0
- package/components/alert/Style.js +20 -0
- package/components/alert/index.js +67 -0
- package/{dist/components → components}/attachment/index.js +21 -28
- package/{dist/components → components}/authenticationProvider/AuthError.js +3 -4
- package/{dist/components → components}/authenticationProvider/AuthLoader.js +3 -4
- package/components/authenticationProvider/index.js +110 -0
- package/{dist/components → components}/avatar/index.js +13 -14
- package/components/avatar/styles.js +91 -0
- package/components/breadCrumbs/index.js +169 -0
- package/{dist/components → components}/breadCrumbs/style.js +1 -4
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +5 -6
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
- package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +4 -5
- package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +4 -5
- package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +5 -6
- package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +23 -0
- package/{dist/components → components}/browsingTestCaseLayout/index.js +25 -30
- package/components/button/index.js +133 -0
- package/{dist/components → components}/chatBotModal/index.js +36 -45
- package/components/checkBox/index.js +29 -0
- package/{dist/components → components}/combobox/index.js +51 -72
- package/components/divider/index.js +37 -0
- package/{dist/components → components}/editableField/index.js +19 -28
- package/{dist/components → components}/error/index.js +6 -12
- package/components/errorBoundary/index.js +140 -0
- package/components/fileUploader/index.js +151 -0
- package/components/fileUploader/style.js +57 -0
- package/components/filter/ValueSelector.js +333 -0
- package/{dist/components → components}/filter/index.js +26 -33
- package/{dist/components → components}/iconButton/index.js +3 -4
- package/components/input/index.js +167 -0
- package/components/layout/index.js +94 -0
- package/components/layout/main/index.js +24 -0
- package/components/layout/main/style.js +19 -0
- package/{dist/components → components}/layout/pageContent/index.js +6 -7
- package/components/layout/sidebar/FlatMenu.js +64 -0
- package/components/layout/sidebar/GroupedIconMenu.js +233 -0
- package/components/layout/sidebar/GroupedMenu.js +57 -0
- package/components/layout/sidebar/ProjectMenu.js +223 -0
- package/components/layout/sidebar/index.js +88 -0
- package/components/layout/sidebar/style.js +149 -0
- package/components/layout/topBar/ProjectTopbar.js +388 -0
- package/components/layout/topBar/UserAvatar.js +138 -0
- package/components/layout/topBar/index.js +121 -0
- package/{dist/components → components}/loader/index.js +9 -12
- package/components/menu/index.js +71 -0
- package/{dist/components → components}/modal/Modal.js +5 -6
- package/components/modal/index.js +88 -0
- package/components/modal/style.js +65 -0
- package/components/optionMenu/index.js +105 -0
- package/components/pagination/index.js +114 -0
- package/components/pagination/style.js +33 -0
- package/components/paginationUpdated/index.js +74 -0
- package/components/paper/index.js +43 -0
- package/components/paper/style.js +31 -0
- package/components/reactSelect/index.js +195 -0
- package/components/reactSelect/style.js +130 -0
- package/components/richTextEditor/index.js +64 -0
- package/components/select/GroupedSelect.js +167 -0
- package/components/select/SimpleSelect.js +184 -0
- package/{dist/components → components}/select/index.js +38 -54
- package/components/simpleSelect/index.js +53 -0
- package/{dist/components → components}/sort/index.js +19 -22
- package/{dist/components → components}/switch/index.js +10 -11
- package/components/switch/style.js +39 -0
- package/{dist/components → components}/switch/switch.js +17 -23
- package/components/table/ReactTable.js +101 -0
- package/components/table/SimpleTable.js +117 -0
- package/components/table/index.js +381 -0
- package/components/text/index.js +65 -0
- package/{dist/components → components}/timeStamp/index.js +4 -6
- package/components/timeStamp/style.js +20 -0
- package/components/topBar/index.js +169 -0
- package/{dist/components → components}/tree/index.js +29 -47
- package/components/tree/style.js +29 -0
- package/components/valuePicker/ValueSelector.js +205 -0
- package/{dist/components → components}/valuePicker/index.js +19 -26
- package/{dist/components → components}/wrapperLayout/layout/index.js +4 -5
- package/{dist/components → components}/wrapperLayout/main/index.js +4 -5
- package/{dist/components → components}/wrapperLayout/main/pageContainer/index.js +4 -5
- package/components/wrapperLayout/main/sideBar/index.js +272 -0
- package/components/wrapperLayout/main/sideBar/style.js +190 -0
- package/{dist/components → components}/wrapperLayout/topBar/UserAvatar.js +4 -5
- package/components/wrapperLayout/topBar/avatar.js +55 -0
- package/components/wrapperLayout/topBar/index.js +196 -0
- package/{dist/components → components}/wrapperLayout/topBar/menuIcon.js +4 -5
- package/components/wrapperLayout/topBar/style.js +74 -0
- package/http/index.js +133 -0
- package/{dist/index.js → index.js} +53 -55
- package/package.json +5 -3
- package/{dist/templates → templates}/listPage/index.js +36 -57
- package/{dist/themes → themes}/default.js +5 -7
- package/{dist/themes → themes}/defaultSmall.js +2 -3
- package/{dist/themes → themes}/responsiveTheme.js +6 -8
- package/.dockerignore +0 -6
- package/.storybook/main.js +0 -16
- package/.storybook/preview.js +0 -11
- package/Dockerfile +0 -17
- package/Jenkinsfile +0 -66
- package/build/asset-manifest.json +0 -16
- package/build/favicon.ico +0 -0
- package/build/index.html +0 -1
- package/build/logo192.png +0 -0
- package/build/logo512.png +0 -0
- package/build/manifest.json +0 -25
- package/build/robots.txt +0 -3
- package/build/static/css/main.522396f6.css +0 -2
- package/build/static/css/main.522396f6.css.map +0 -1
- package/build/static/js/787.18cf14d0.chunk.js +0 -2
- package/build/static/js/787.18cf14d0.chunk.js.map +0 -1
- package/build/static/js/main.d71fecac.js +0 -3
- package/build/static/js/main.d71fecac.js.LICENSE.txt +0 -50
- package/build/static/js/main.d71fecac.js.map +0 -1
- package/build/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg +0 -1
- package/build/tenjinLogo.png +0 -0
- package/dist/common/hooks/apiHooks.js +0 -223
- package/dist/common/hooks/newApiHook.js +0 -270
- package/dist/components/Canvas.js +0 -254
- package/dist/components/DragBox/index.js +0 -45
- package/dist/components/InputWithChip/index.js +0 -187
- package/dist/components/WorkFlow.js +0 -47
- package/dist/components/WorkFlowBuilder.js +0 -130
- package/dist/components/alert/Style.js +0 -23
- package/dist/components/alert/index.js +0 -69
- package/dist/components/authenticationProvider/index.js +0 -166
- package/dist/components/avatar/styles.js +0 -94
- package/dist/components/breadCrumbs/index.js +0 -180
- package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
- package/dist/components/button/index.js +0 -140
- package/dist/components/checkBox/index.js +0 -30
- package/dist/components/divider/index.js +0 -41
- package/dist/components/errorBoundary/index.js +0 -160
- package/dist/components/fileUploader/index.js +0 -156
- package/dist/components/fileUploader/style.js +0 -60
- package/dist/components/filter/ValueSelector.js +0 -405
- package/dist/components/input/index.js +0 -174
- package/dist/components/layout/index.js +0 -98
- package/dist/components/layout/main/index.js +0 -27
- package/dist/components/layout/main/style.js +0 -22
- package/dist/components/layout/sidebar/FlatMenu.js +0 -64
- package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -246
- package/dist/components/layout/sidebar/GroupedMenu.js +0 -67
- package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
- package/dist/components/layout/sidebar/index.js +0 -91
- package/dist/components/layout/sidebar/style.js +0 -154
- package/dist/components/layout/topBar/ProjectTopbar.js +0 -338
- package/dist/components/layout/topBar/UserAvatar.js +0 -145
- package/dist/components/layout/topBar/index.js +0 -132
- package/dist/components/menu/index.js +0 -80
- package/dist/components/modal/index.js +0 -91
- package/dist/components/modal/style.js +0 -68
- package/dist/components/optionMenu/index.js +0 -112
- package/dist/components/pagination/index.js +0 -129
- package/dist/components/pagination/style.js +0 -36
- package/dist/components/paginationUpdated/index.js +0 -75
- package/dist/components/paper/index.js +0 -44
- package/dist/components/paper/style.js +0 -34
- package/dist/components/reactSelect/index.js +0 -212
- package/dist/components/reactSelect/style.js +0 -163
- package/dist/components/richTextEditor/index.js +0 -83
- package/dist/components/select/GroupedSelect.js +0 -183
- package/dist/components/select/SimpleSelect.js +0 -212
- package/dist/components/simpleSelect/index.js +0 -56
- package/dist/components/switch/style.js +0 -42
- package/dist/components/table/ReactTable.js +0 -118
- package/dist/components/table/SimpleTable.js +0 -136
- package/dist/components/table/index.js +0 -256
- package/dist/components/text/index.js +0 -67
- package/dist/components/timeStamp/style.js +0 -23
- package/dist/components/topBar/index.js +0 -176
- package/dist/components/tree/style.js +0 -32
- package/dist/components/valuePicker/ValueSelector.js +0 -273
- package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
- package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
- package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
- package/dist/components/wrapperLayout/topBar/index.js +0 -182
- package/dist/components/wrapperLayout/topBar/style.js +0 -77
- package/dist/http/index.js +0 -226
- package/public/favicon.ico +0 -0
- package/public/index.html +0 -43
- package/public/logo192.png +0 -0
- package/public/logo512.png +0 -0
- package/public/manifest.json +0 -25
- package/public/robots.txt +0 -3
- package/public/tenjinLogo.png +0 -0
- /package/{dist/assets → assets}/images/MicrosoftTeams-image (1).png +0 -0
- /package/{dist/assets → assets}/images/tenjin-4.0-logo.png +0 -0
- /package/{dist/components → components}/RightContext/index.css +0 -0
- /package/{dist/components → components}/browsingTestCaseLayout/style.css +0 -0
- /package/{dist/components → components}/errorBoundary/Error.jpg +0 -0
- /package/{dist/components → components}/iconButton/style.js +0 -0
- /package/{dist/components → components}/richTextEditor/style.js +0 -0
- /package/{dist/components → components}/wrapperLayout/layout/style.js +0 -0
|
@@ -1,262 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = SideBar;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _styles = require("@mui/material/styles");
|
|
9
|
-
var _Drawer = _interopRequireDefault(require("@mui/material/Drawer"));
|
|
10
|
-
var _List = _interopRequireDefault(require("@mui/material/List"));
|
|
11
|
-
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
12
|
-
var _ChevronLeft = _interopRequireDefault(require("@mui/icons-material/ChevronLeft"));
|
|
13
|
-
var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
|
|
14
|
-
var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
|
|
15
|
-
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
|
16
|
-
var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
|
|
17
|
-
var _material = require("@mui/material");
|
|
18
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
19
|
-
var _reactRouterDom = require("react-router-dom");
|
|
20
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
var _clsx2 = _interopRequireDefault(require("clsx"));
|
|
22
|
-
var _divider = _interopRequireDefault(require("../../../divider"));
|
|
23
|
-
var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
|
|
24
|
-
var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
|
|
25
|
-
var _MoveToInbox = _interopRequireDefault(require("@mui/icons-material/MoveToInbox"));
|
|
26
|
-
var _Drafts = _interopRequireDefault(require("@mui/icons-material/Drafts"));
|
|
27
|
-
var _iconsMaterial = require("@mui/icons-material");
|
|
28
|
-
var _text = _interopRequireDefault(require("../../../text"));
|
|
29
|
-
var _responsiveTheme = _interopRequireDefault(require("../../../../themes/responsiveTheme"));
|
|
30
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
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); }
|
|
32
|
-
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; }
|
|
33
|
-
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); }
|
|
34
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
35
|
-
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."); }
|
|
36
|
-
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); }
|
|
37
|
-
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; }
|
|
38
|
-
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; } }
|
|
39
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
40
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
41
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
42
|
-
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; }
|
|
43
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
44
|
-
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); }
|
|
45
|
-
var drawerWidth = 250;
|
|
46
|
-
var drawerHeight = "100% !important";
|
|
47
|
-
var openedMixin = function openedMixin() {
|
|
48
|
-
return {
|
|
49
|
-
width: drawerWidth,
|
|
50
|
-
transition: _responsiveTheme.default.transitions.create("width", {
|
|
51
|
-
easing: _responsiveTheme.default.transitions.easing.sharp,
|
|
52
|
-
duration: _responsiveTheme.default.transitions.duration.enteringScreen
|
|
53
|
-
}),
|
|
54
|
-
overflowX: "hidden"
|
|
55
|
-
};
|
|
56
|
-
};
|
|
57
|
-
var closedMixin = function closedMixin(theme) {
|
|
58
|
-
return _defineProperty({
|
|
59
|
-
transition: theme.transitions.create("width", {
|
|
60
|
-
easing: theme.transitions.easing.sharp,
|
|
61
|
-
duration: theme.transitions.duration.leavingScreen
|
|
62
|
-
}),
|
|
63
|
-
overflowX: "hidden",
|
|
64
|
-
width: "calc(".concat(theme.spacing(7), " + 1px)"),
|
|
65
|
-
height: drawerHeight,
|
|
66
|
-
margin: "0rem 0.5rem 0rem 0rem"
|
|
67
|
-
}, theme.breakpoints.up("sm"), {
|
|
68
|
-
width: "calc(".concat(theme.spacing(8.75), " + 2px)")
|
|
69
|
-
});
|
|
70
|
-
};
|
|
71
|
-
var Drawer = (0, _styles.styled)(_Drawer.default, {
|
|
72
|
-
shouldForwardProp: function shouldForwardProp(prop) {
|
|
73
|
-
return prop !== "open";
|
|
74
|
-
}
|
|
75
|
-
})(function (_ref2) {
|
|
76
|
-
var theme = _ref2.theme,
|
|
77
|
-
open = _ref2.open;
|
|
78
|
-
return _objectSpread(_objectSpread({
|
|
79
|
-
width: drawerWidth,
|
|
80
|
-
height: drawerHeight,
|
|
81
|
-
margin: "0rem 0.5rem 0rem 0rem",
|
|
82
|
-
flexShrink: 0,
|
|
83
|
-
whiteSpace: "nowrap",
|
|
84
|
-
boxSizing: "border-box"
|
|
85
|
-
}, open && _objectSpread(_objectSpread({}, openedMixin(theme)), {}, {
|
|
86
|
-
"& .MuiDrawer-paper": openedMixin(theme)
|
|
87
|
-
})), !open && _objectSpread(_objectSpread({}, closedMixin(theme)), {}, {
|
|
88
|
-
"& .MuiDrawer-paper": closedMixin(theme)
|
|
89
|
-
}));
|
|
90
|
-
});
|
|
91
|
-
function SideBar(props) {
|
|
92
|
-
var _clsx;
|
|
93
|
-
var sidebarData = props.sidebarData,
|
|
94
|
-
className = props.className,
|
|
95
|
-
activeItem = props.activeItem,
|
|
96
|
-
company = props.company;
|
|
97
|
-
var classes = (0, _style.default)();
|
|
98
|
-
var _React$useState = React.useState(false),
|
|
99
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
100
|
-
open = _React$useState2[0],
|
|
101
|
-
setOpen = _React$useState2[1];
|
|
102
|
-
var _React$useState3 = React.useState(false),
|
|
103
|
-
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
104
|
-
openCol = _React$useState4[0],
|
|
105
|
-
setOpenCol = _React$useState4[1];
|
|
106
|
-
var _React$useState5 = React.useState(""),
|
|
107
|
-
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
108
|
-
selectedIndex = _React$useState6[0],
|
|
109
|
-
setSelectedIndex = _React$useState6[1];
|
|
110
|
-
var handleClick = function handleClick(event) {
|
|
111
|
-
if (selectedIndex === event) {
|
|
112
|
-
setSelectedIndex("");
|
|
113
|
-
} else {
|
|
114
|
-
setSelectedIndex(event);
|
|
115
|
-
}
|
|
116
|
-
setOpenCol(!openCol);
|
|
117
|
-
};
|
|
118
|
-
return props.type === "isFixed" ? /*#__PURE__*/React.createElement(_material.Paper, {
|
|
119
|
-
className: (0, _clsx2.default)((_clsx = {}, _defineProperty(_clsx, className, true), _defineProperty(_clsx, classes.wrapper, true), _clsx))
|
|
120
|
-
}, /*#__PURE__*/React.createElement(_material.Grid, {
|
|
121
|
-
item: true,
|
|
122
|
-
xs: 12,
|
|
123
|
-
style: {
|
|
124
|
-
// padding: '0.55rem 0rem 0.55rem 0rem',
|
|
125
|
-
}
|
|
126
|
-
}), sidebarData && sidebarData.modules.map(function (group, id) {
|
|
127
|
-
var _sidebarData$modules;
|
|
128
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
129
|
-
className: classes.menustyle
|
|
130
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
131
|
-
className: classes.menuTitle
|
|
132
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
133
|
-
className: classes.headTitle
|
|
134
|
-
}, /*#__PURE__*/React.createElement(_text.default, null, group.groupTitle))), /*#__PURE__*/React.createElement("div", null, group.modules.map(function (m) {
|
|
135
|
-
return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
|
|
136
|
-
to: m.href,
|
|
137
|
-
style: {
|
|
138
|
-
textDecoration: "none"
|
|
139
|
-
}
|
|
140
|
-
}, /*#__PURE__*/React.createElement(_material.Grid, {
|
|
141
|
-
container: true,
|
|
142
|
-
item: true,
|
|
143
|
-
xs: true
|
|
144
|
-
}, /*#__PURE__*/React.createElement(_material.Grid, {
|
|
145
|
-
item: true,
|
|
146
|
-
xs: 12,
|
|
147
|
-
style: {
|
|
148
|
-
padding: "0.55rem 0rem 0.55rem 0rem",
|
|
149
|
-
backgroundColor: m.active && "#D7E2F0"
|
|
150
|
-
}
|
|
151
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
152
|
-
className: classes.menuOptionsTitle
|
|
153
|
-
}, /*#__PURE__*/React.createElement(_text.default, null, m.title)))));
|
|
154
|
-
}), ((_sidebarData$modules = sidebarData.modules) === null || _sidebarData$modules === void 0 ? void 0 : _sidebarData$modules.length) !== id + 1 && /*#__PURE__*/React.createElement("div", {
|
|
155
|
-
style: {
|
|
156
|
-
marginTop: "1rem"
|
|
157
|
-
}
|
|
158
|
-
}, /*#__PURE__*/React.createElement(_divider.default, null), " ")));
|
|
159
|
-
})) : /*#__PURE__*/React.createElement(_material.Grid, null, /*#__PURE__*/React.createElement(Drawer, {
|
|
160
|
-
variant: "permanent",
|
|
161
|
-
open: open,
|
|
162
|
-
className: classes.drawer
|
|
163
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
164
|
-
className: classes.sidebarMenuContainer
|
|
165
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
166
|
-
className: classes.scrollableList
|
|
167
|
-
}, /*#__PURE__*/React.createElement(_List.default, {
|
|
168
|
-
className: classes.list,
|
|
169
|
-
component: "nav"
|
|
170
|
-
}, !props.withSubMenu ? /*#__PURE__*/React.createElement(React.Fragment, null, props.modules.map(function (module) {
|
|
171
|
-
return /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
|
|
172
|
-
to: module.href,
|
|
173
|
-
key: module.href,
|
|
174
|
-
className: "".concat(classes.listItem, " ").concat(module.active && classes.listItemActive),
|
|
175
|
-
style: {
|
|
176
|
-
cursor: "pointer"
|
|
177
|
-
}
|
|
178
|
-
}, /*#__PURE__*/React.createElement(_material.Tooltip, {
|
|
179
|
-
arrow: true,
|
|
180
|
-
title: !open ? module.title : "",
|
|
181
|
-
placement: "right",
|
|
182
|
-
classes: {
|
|
183
|
-
tooltip: classes.tooltip
|
|
184
|
-
}
|
|
185
|
-
}, /*#__PURE__*/React.createElement(_ListItem.default, null, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), open && /*#__PURE__*/React.createElement(_ListItemText.default, {
|
|
186
|
-
primary: /*#__PURE__*/React.createElement(_text.default, {
|
|
187
|
-
color: "red"
|
|
188
|
-
}, module.title)
|
|
189
|
-
}))));
|
|
190
|
-
})) : /*#__PURE__*/React.createElement(React.Fragment, null, " ", props.modules.map(function (module, key) {
|
|
191
|
-
var _module$subMenus2, _module$subMenus3, _module$subMenus4;
|
|
192
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactRouterDom.Link, {
|
|
193
|
-
to: module.href,
|
|
194
|
-
key: module.href
|
|
195
|
-
// className={`${classes.listItem} ${
|
|
196
|
-
// module.active && classes.listItemActive
|
|
197
|
-
// }`}
|
|
198
|
-
,
|
|
199
|
-
className: classes.listStyle,
|
|
200
|
-
style: {
|
|
201
|
-
cursor: "pointer",
|
|
202
|
-
textDecoration: "none"
|
|
203
|
-
}
|
|
204
|
-
}, /*#__PURE__*/React.createElement(_material.Tooltip, {
|
|
205
|
-
arrow: true,
|
|
206
|
-
title: !open ? module.title : "",
|
|
207
|
-
placement: "right"
|
|
208
|
-
}, /*#__PURE__*/React.createElement(_material.ListItemButton, {
|
|
209
|
-
onClick: function onClick() {
|
|
210
|
-
var _module$subMenus;
|
|
211
|
-
(module === null || module === void 0 ? void 0 : (_module$subMenus = module.subMenus) === null || _module$subMenus === void 0 ? void 0 : _module$subMenus.length) > 0 && handleClick(key);
|
|
212
|
-
}
|
|
213
|
-
}, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, module.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
|
|
214
|
-
primary: /*#__PURE__*/React.createElement(_text.default, {
|
|
215
|
-
color: "red"
|
|
216
|
-
}, module.title)
|
|
217
|
-
}), !(module !== null && module !== void 0 && (_module$subMenus2 = module.subMenus) !== null && _module$subMenus2 !== void 0 && _module$subMenus2.length) > 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : key === selectedIndex ? /*#__PURE__*/React.createElement(_iconsMaterial.ExpandLess, null) : /*#__PURE__*/React.createElement(_iconsMaterial.ExpandMore, null))), (module === null || module === void 0 ? void 0 : (_module$subMenus3 = module.subMenus) === null || _module$subMenus3 === void 0 ? void 0 : _module$subMenus3.length) > 0 && /*#__PURE__*/React.createElement(_Collapse.default, {
|
|
218
|
-
in: key === selectedIndex,
|
|
219
|
-
timeout: "auto",
|
|
220
|
-
unmountOnExit: true
|
|
221
|
-
}, /*#__PURE__*/React.createElement(_List.default, {
|
|
222
|
-
component: "div",
|
|
223
|
-
disablePadding: true
|
|
224
|
-
}, module === null || module === void 0 ? void 0 : (_module$subMenus4 = module.subMenus) === null || _module$subMenus4 === void 0 ? void 0 : _module$subMenus4.map(function (subMenu, subMenuKey) {
|
|
225
|
-
return /*#__PURE__*/React.createElement(_material.ListItemButton, {
|
|
226
|
-
sx: {
|
|
227
|
-
pl: 4
|
|
228
|
-
}
|
|
229
|
-
}, /*#__PURE__*/React.createElement(_ListItemIcon.default, null, subMenu.icon), /*#__PURE__*/React.createElement(_ListItemText.default, {
|
|
230
|
-
primary: subMenu.title
|
|
231
|
-
}));
|
|
232
|
-
})))));
|
|
233
|
-
}))))), /*#__PURE__*/React.createElement("div", {
|
|
234
|
-
className: classes.sideBarIcon
|
|
235
|
-
}, /*#__PURE__*/React.createElement(_IconButton.default, {
|
|
236
|
-
disableRipple: true,
|
|
237
|
-
onClick: function onClick() {
|
|
238
|
-
setOpen(!open);
|
|
239
|
-
setOpenCol(false);
|
|
240
|
-
}
|
|
241
|
-
}, open ? /*#__PURE__*/React.createElement("div", {
|
|
242
|
-
style: {
|
|
243
|
-
transform: "rotate(-180deg)",
|
|
244
|
-
transition: ".15s"
|
|
245
|
-
}
|
|
246
|
-
}, /*#__PURE__*/React.createElement(_ChevronRight.default, null)) : /*#__PURE__*/React.createElement("div", {
|
|
247
|
-
style: {
|
|
248
|
-
transform: "rotate(-180deg)",
|
|
249
|
-
transition: ".15s"
|
|
250
|
-
}
|
|
251
|
-
}, /*#__PURE__*/React.createElement(_ChevronLeft.default, null))))));
|
|
252
|
-
}
|
|
253
|
-
SideBar.propTypes = {
|
|
254
|
-
modules: _propTypes.default.array.isRequired,
|
|
255
|
-
type: _propTypes.default.string,
|
|
256
|
-
withSubMenu: _propTypes.default.bool,
|
|
257
|
-
expanded: _propTypes.default.func.isRequired,
|
|
258
|
-
sidebarData: _propTypes.default.array.isRequired,
|
|
259
|
-
onToggle: _propTypes.default.func.isRequired,
|
|
260
|
-
company: _propTypes.default.string.isRequired,
|
|
261
|
-
className: _propTypes.default.any
|
|
262
|
-
};
|
|
@@ -1,196 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _styles = require("@mui/styles");
|
|
8
|
-
var _default2 = _interopRequireDefault(require("../../../../themes/default"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
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); }
|
|
11
|
-
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; }
|
|
12
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
13
|
-
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); }
|
|
14
|
-
var drawerWidth = 248;
|
|
15
|
-
var useStyles = (0, _styles.makeStyles)(function () {
|
|
16
|
-
return {
|
|
17
|
-
drawerClose: _defineProperty({
|
|
18
|
-
transition: _default2.default.transitions.create('width', {
|
|
19
|
-
easing: _default2.default.transitions.easing.sharp,
|
|
20
|
-
duration: _default2.default.transitions.duration.leavingScreen
|
|
21
|
-
}),
|
|
22
|
-
overflowX: 'hidden',
|
|
23
|
-
width: _default2.default.spacing(7) + '1px'
|
|
24
|
-
}, _default2.default.breakpoints.up('sm'), {
|
|
25
|
-
width: _default2.default.spacing(8.75) + '2px'
|
|
26
|
-
}),
|
|
27
|
-
drawerOpen: {
|
|
28
|
-
width: drawerWidth,
|
|
29
|
-
transition: _default2.default.transitions.create('width', {
|
|
30
|
-
easing: _default2.default.transitions.easing.sharp,
|
|
31
|
-
duration: _default2.default.transitions.duration.enteringScreen
|
|
32
|
-
})
|
|
33
|
-
},
|
|
34
|
-
drawer: {
|
|
35
|
-
flexShrink: 0,
|
|
36
|
-
whiteSpace: 'nowrap',
|
|
37
|
-
boxShadow: '0px 3px 30px #667CBC30',
|
|
38
|
-
'& .MuiPaper-root': {
|
|
39
|
-
borderRadius: '.3rem',
|
|
40
|
-
position: 'relative',
|
|
41
|
-
display: 'flex',
|
|
42
|
-
flexFlow: 'column'
|
|
43
|
-
}
|
|
44
|
-
},
|
|
45
|
-
toolbar: {
|
|
46
|
-
display: 'flex',
|
|
47
|
-
justifyContent: 'center',
|
|
48
|
-
flexDirection: 'column',
|
|
49
|
-
height: '100%'
|
|
50
|
-
},
|
|
51
|
-
navigationArrow: {
|
|
52
|
-
transition: '.5s'
|
|
53
|
-
},
|
|
54
|
-
rightArrow: {
|
|
55
|
-
transform: 'rotate(-180deg)'
|
|
56
|
-
},
|
|
57
|
-
list: {
|
|
58
|
-
margin: _default2.default.spacing(2.5, 0.8),
|
|
59
|
-
overflow: 'hidden'
|
|
60
|
-
},
|
|
61
|
-
listItem: {
|
|
62
|
-
display: 'flex',
|
|
63
|
-
textDecoration: 'none',
|
|
64
|
-
transition: '.3s',
|
|
65
|
-
color: _default2.default.palette.text.main,
|
|
66
|
-
alignItems: 'center',
|
|
67
|
-
borderRadius: '.3rem',
|
|
68
|
-
marginBottom: _default2.default.spacing(2),
|
|
69
|
-
'& .MuiListItemIcon-root': {
|
|
70
|
-
marginLeft: _default2.default.spacing(0.5),
|
|
71
|
-
minHeight: '30px',
|
|
72
|
-
minWidth: '0px',
|
|
73
|
-
display: 'flex',
|
|
74
|
-
alignItems: 'center',
|
|
75
|
-
justifyContent: 'center'
|
|
76
|
-
},
|
|
77
|
-
'& .MuiListItemIcon-root .icon': {
|
|
78
|
-
transition: '.5s',
|
|
79
|
-
color: _default2.default.palette.primary.main,
|
|
80
|
-
fontSize: "1rem"
|
|
81
|
-
},
|
|
82
|
-
'& .MuiTypography-root': {
|
|
83
|
-
fontWeight: 600,
|
|
84
|
-
fontSize: '1vw',
|
|
85
|
-
// fontFamily: theme.typography.fontFamily,
|
|
86
|
-
marginLeft: '1rem'
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
listItemActive: {
|
|
90
|
-
background: 'linear-gradient(180deg, rgba(97,94,173,1) 29%, rgba(71,66,156,1) 100%)',
|
|
91
|
-
color: 'white',
|
|
92
|
-
width: '100%',
|
|
93
|
-
'& .MuiListItemIcon-root .icon': {
|
|
94
|
-
color: 'white'
|
|
95
|
-
},
|
|
96
|
-
'& .MuiListItemIcon-root': {
|
|
97
|
-
color: 'white'
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
sideBarIcon: {
|
|
101
|
-
margin: 'auto .8rem .8rem .8rem',
|
|
102
|
-
width: 'calc(100% - 1.4rem)',
|
|
103
|
-
backgroundColor: '#EEF3FC',
|
|
104
|
-
borderRadius: '7px !important',
|
|
105
|
-
display: 'flex',
|
|
106
|
-
justifyContent: 'center',
|
|
107
|
-
alignItems: 'center'
|
|
108
|
-
},
|
|
109
|
-
sidebarMenuContainer: {
|
|
110
|
-
flexGrow: 1
|
|
111
|
-
},
|
|
112
|
-
scrollableList: {
|
|
113
|
-
height: '100%',
|
|
114
|
-
maxHeight: '100%',
|
|
115
|
-
overflowY: 'auto',
|
|
116
|
-
padding: '0.5rem 0.5rem 0.5rem 0.6rem'
|
|
117
|
-
},
|
|
118
|
-
tooltip: {
|
|
119
|
-
fontSize: _default2.default.typography.fontSize
|
|
120
|
-
},
|
|
121
|
-
wrapper: {
|
|
122
|
-
backgroundColor: '#fff !important',
|
|
123
|
-
// margin: '0.5rem !important',
|
|
124
|
-
marginRight: '0.5rem !important',
|
|
125
|
-
height: 'calc(100vh - 76.5px) !important',
|
|
126
|
-
overflowY: 'auto !important',
|
|
127
|
-
borderRadius: '7px !important',
|
|
128
|
-
width: '304px !important',
|
|
129
|
-
padding: '8px !important',
|
|
130
|
-
minWidth: '304px !important'
|
|
131
|
-
},
|
|
132
|
-
wrapper___webkit_scrollbar: {
|
|
133
|
-
width: '1px',
|
|
134
|
-
height: '1px !important'
|
|
135
|
-
},
|
|
136
|
-
wrapper___webkit_scrollbar_thumb: {
|
|
137
|
-
background: '#c5c5c5'
|
|
138
|
-
},
|
|
139
|
-
headstyle: {
|
|
140
|
-
display: 'flex !important',
|
|
141
|
-
flexDirection: 'column !important',
|
|
142
|
-
paddingLeft: '0.4rem'
|
|
143
|
-
},
|
|
144
|
-
menustyle: {
|
|
145
|
-
color: '#d6d9e0',
|
|
146
|
-
fontSize: '12px',
|
|
147
|
-
fontFamily: '"Segoe UI"',
|
|
148
|
-
textTransform: 'uppercase',
|
|
149
|
-
opacity: '1',
|
|
150
|
-
fontWeight: '600',
|
|
151
|
-
padding: '0.5rem'
|
|
152
|
-
},
|
|
153
|
-
menuItem: {
|
|
154
|
-
color: '#44409a !important',
|
|
155
|
-
opacity: '1 !important',
|
|
156
|
-
fontFamily: '"Segoe UI" !important',
|
|
157
|
-
fontWeight: '600 !important',
|
|
158
|
-
fontSize: '10px !important'
|
|
159
|
-
},
|
|
160
|
-
menuTitle: {
|
|
161
|
-
marginBottom: '0.5rem'
|
|
162
|
-
},
|
|
163
|
-
headTitle: {
|
|
164
|
-
top: '191px',
|
|
165
|
-
left: '36px',
|
|
166
|
-
width: '130px',
|
|
167
|
-
height: '19px',
|
|
168
|
-
// font: 'normal normal 600 14px/19px Segoe UI',
|
|
169
|
-
font: 'normal normal 600 13px/14px Segoe UI',
|
|
170
|
-
letterSpacing: '0px',
|
|
171
|
-
color: '#d6d9e0',
|
|
172
|
-
textAlign: 'left',
|
|
173
|
-
textTransform: 'uppercase',
|
|
174
|
-
opacity: '1'
|
|
175
|
-
},
|
|
176
|
-
menuOptionsTitle: {
|
|
177
|
-
top: '236px',
|
|
178
|
-
left: '36px',
|
|
179
|
-
width: '150px',
|
|
180
|
-
height: '24px',
|
|
181
|
-
font: 'normal normal 600 13px/14px Segoe UI',
|
|
182
|
-
letterSpacing: '0px',
|
|
183
|
-
color: '#44409a',
|
|
184
|
-
textAlign: 'left',
|
|
185
|
-
opacity: '1',
|
|
186
|
-
textTransform: 'none',
|
|
187
|
-
padding: '0.3rem',
|
|
188
|
-
cursor: 'pointer'
|
|
189
|
-
},
|
|
190
|
-
label: {
|
|
191
|
-
fontSize: '0.8rem'
|
|
192
|
-
}
|
|
193
|
-
};
|
|
194
|
-
});
|
|
195
|
-
var _default = useStyles;
|
|
196
|
-
exports.default = _default;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = Avatar;
|
|
7
|
-
var React = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _material = require("@mui/material");
|
|
9
|
-
var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
|
|
10
|
-
var _style = _interopRequireDefault(require("./style"));
|
|
11
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
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); }
|
|
14
|
-
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
|
-
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); }
|
|
16
|
-
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); }
|
|
17
|
-
function stringToColor(string) {
|
|
18
|
-
var hash = 0;
|
|
19
|
-
var i;
|
|
20
|
-
for (i = 0; i < string.length; i += 1) {
|
|
21
|
-
hash = string.charCodeAt(i) + ((hash << 5) - hash);
|
|
22
|
-
}
|
|
23
|
-
var color = "#";
|
|
24
|
-
for (i = 0; i < 3; i += 1) {
|
|
25
|
-
var value = hash >> i * 8 & 0xff;
|
|
26
|
-
color += "00".concat(value.toString(16)).slice(-2);
|
|
27
|
-
}
|
|
28
|
-
return color;
|
|
29
|
-
}
|
|
30
|
-
function stringAvatar(name, height, width) {
|
|
31
|
-
return {
|
|
32
|
-
sx: {
|
|
33
|
-
bgcolor: stringToColor(name),
|
|
34
|
-
height: "".concat(height, "vh"),
|
|
35
|
-
width: "".concat(width, "vw"),
|
|
36
|
-
fontSize: "1.2vw",
|
|
37
|
-
padding: "1.2rem 1.2rem"
|
|
38
|
-
},
|
|
39
|
-
children: "".concat(name.split(" ")[0][0]).concat(name.split(" ")[1][0] === undefined ? "" : "".concat(name.split(" ")[1][0]))
|
|
40
|
-
};
|
|
41
|
-
}
|
|
42
|
-
function Avatar(props) {
|
|
43
|
-
var _props$loggedInUser, _props$loggedInUser2;
|
|
44
|
-
var name = _typeof(props.loggedInUser) !== "object" ? props.loggedInUser : (_props$loggedInUser = props.loggedInUser) === null || _props$loggedInUser === void 0 ? void 0 : _props$loggedInUser.firstName;
|
|
45
|
-
var lastName = ((_props$loggedInUser2 = props.loggedInUser) === null || _props$loggedInUser2 === void 0 ? void 0 : _props$loggedInUser2.lastName) !== undefined ? props.loggedInUser.lastName : "";
|
|
46
|
-
var classes = (0, _style.default)();
|
|
47
|
-
return /*#__PURE__*/React.createElement(_Stack.default, {
|
|
48
|
-
direction: "row",
|
|
49
|
-
spacing: 2
|
|
50
|
-
}, /*#__PURE__*/React.createElement(_material.Avatar, _extends({
|
|
51
|
-
disableRipple: true
|
|
52
|
-
// variant="rounded"
|
|
53
|
-
,
|
|
54
|
-
className: (0, _clsx.default)(classes.avatar, "avatar", classes[props.size]),
|
|
55
|
-
size: props.size
|
|
56
|
-
}, stringAvatar((name === null || name === void 0 ? void 0 : name.toUpperCase()) + " " + (lastName === null || lastName === void 0 ? void 0 : lastName.toUpperCase()), props.height, props.width))));
|
|
57
|
-
}
|