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.
Files changed (203) hide show
  1. package/common/hooks/apiHooks.js +155 -0
  2. package/common/hooks/newApiHook.js +188 -0
  3. package/{dist/common → common}/utils/security/index.js +2 -2
  4. package/{dist/common → common}/utils/security/securityConfig.js +1 -2
  5. package/components/Canvas.js +330 -0
  6. package/components/DragBox/index.js +40 -0
  7. package/components/InputWithChip/index.js +294 -0
  8. package/{dist/components → components}/RightContext/index.js +19 -28
  9. package/components/WorkFlow.js +42 -0
  10. package/components/WorkFlowBuilder.js +115 -0
  11. package/components/alert/Style.js +20 -0
  12. package/components/alert/index.js +67 -0
  13. package/{dist/components → components}/attachment/index.js +21 -28
  14. package/{dist/components → components}/authenticationProvider/AuthError.js +3 -4
  15. package/{dist/components → components}/authenticationProvider/AuthLoader.js +3 -4
  16. package/components/authenticationProvider/index.js +110 -0
  17. package/{dist/components → components}/avatar/index.js +13 -14
  18. package/components/avatar/styles.js +91 -0
  19. package/components/breadCrumbs/index.js +169 -0
  20. package/{dist/components → components}/breadCrumbs/style.js +1 -4
  21. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +5 -6
  22. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +5 -8
  23. package/{dist/components → components}/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +4 -5
  24. package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +4 -5
  25. package/{dist/components → components}/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +5 -6
  26. package/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +23 -0
  27. package/{dist/components → components}/browsingTestCaseLayout/index.js +25 -30
  28. package/components/button/index.js +133 -0
  29. package/{dist/components → components}/chatBotModal/index.js +36 -45
  30. package/components/checkBox/index.js +29 -0
  31. package/{dist/components → components}/combobox/index.js +51 -72
  32. package/components/divider/index.js +37 -0
  33. package/{dist/components → components}/editableField/index.js +19 -28
  34. package/{dist/components → components}/error/index.js +6 -12
  35. package/components/errorBoundary/index.js +140 -0
  36. package/components/fileUploader/index.js +151 -0
  37. package/components/fileUploader/style.js +57 -0
  38. package/components/filter/ValueSelector.js +333 -0
  39. package/{dist/components → components}/filter/index.js +26 -33
  40. package/{dist/components → components}/iconButton/index.js +3 -4
  41. package/components/input/index.js +167 -0
  42. package/components/layout/index.js +94 -0
  43. package/components/layout/main/index.js +24 -0
  44. package/components/layout/main/style.js +19 -0
  45. package/{dist/components → components}/layout/pageContent/index.js +6 -7
  46. package/components/layout/sidebar/FlatMenu.js +64 -0
  47. package/components/layout/sidebar/GroupedIconMenu.js +233 -0
  48. package/components/layout/sidebar/GroupedMenu.js +57 -0
  49. package/components/layout/sidebar/ProjectMenu.js +223 -0
  50. package/components/layout/sidebar/index.js +88 -0
  51. package/components/layout/sidebar/style.js +149 -0
  52. package/components/layout/topBar/ProjectTopbar.js +388 -0
  53. package/components/layout/topBar/UserAvatar.js +138 -0
  54. package/components/layout/topBar/index.js +121 -0
  55. package/{dist/components → components}/loader/index.js +9 -12
  56. package/components/menu/index.js +71 -0
  57. package/{dist/components → components}/modal/Modal.js +5 -6
  58. package/components/modal/index.js +88 -0
  59. package/components/modal/style.js +65 -0
  60. package/components/optionMenu/index.js +105 -0
  61. package/components/pagination/index.js +114 -0
  62. package/components/pagination/style.js +33 -0
  63. package/components/paginationUpdated/index.js +74 -0
  64. package/components/paper/index.js +43 -0
  65. package/components/paper/style.js +31 -0
  66. package/components/reactSelect/index.js +195 -0
  67. package/components/reactSelect/style.js +130 -0
  68. package/components/richTextEditor/index.js +64 -0
  69. package/components/select/GroupedSelect.js +167 -0
  70. package/components/select/SimpleSelect.js +184 -0
  71. package/{dist/components → components}/select/index.js +38 -54
  72. package/components/simpleSelect/index.js +53 -0
  73. package/{dist/components → components}/sort/index.js +19 -22
  74. package/{dist/components → components}/switch/index.js +10 -11
  75. package/components/switch/style.js +39 -0
  76. package/{dist/components → components}/switch/switch.js +17 -23
  77. package/components/table/ReactTable.js +101 -0
  78. package/components/table/SimpleTable.js +117 -0
  79. package/components/table/index.js +381 -0
  80. package/components/text/index.js +65 -0
  81. package/{dist/components → components}/timeStamp/index.js +4 -6
  82. package/components/timeStamp/style.js +20 -0
  83. package/components/topBar/index.js +169 -0
  84. package/{dist/components → components}/tree/index.js +29 -47
  85. package/components/tree/style.js +29 -0
  86. package/components/valuePicker/ValueSelector.js +205 -0
  87. package/{dist/components → components}/valuePicker/index.js +19 -26
  88. package/{dist/components → components}/wrapperLayout/layout/index.js +4 -5
  89. package/{dist/components → components}/wrapperLayout/main/index.js +4 -5
  90. package/{dist/components → components}/wrapperLayout/main/pageContainer/index.js +4 -5
  91. package/components/wrapperLayout/main/sideBar/index.js +272 -0
  92. package/components/wrapperLayout/main/sideBar/style.js +190 -0
  93. package/{dist/components → components}/wrapperLayout/topBar/UserAvatar.js +4 -5
  94. package/components/wrapperLayout/topBar/avatar.js +55 -0
  95. package/components/wrapperLayout/topBar/index.js +196 -0
  96. package/{dist/components → components}/wrapperLayout/topBar/menuIcon.js +4 -5
  97. package/components/wrapperLayout/topBar/style.js +74 -0
  98. package/http/index.js +133 -0
  99. package/{dist/index.js → index.js} +53 -55
  100. package/package.json +5 -3
  101. package/{dist/templates → templates}/listPage/index.js +36 -57
  102. package/{dist/themes → themes}/default.js +5 -7
  103. package/{dist/themes → themes}/defaultSmall.js +2 -3
  104. package/{dist/themes → themes}/responsiveTheme.js +6 -8
  105. package/.dockerignore +0 -6
  106. package/.storybook/main.js +0 -16
  107. package/.storybook/preview.js +0 -11
  108. package/Dockerfile +0 -17
  109. package/Jenkinsfile +0 -66
  110. package/build/asset-manifest.json +0 -16
  111. package/build/favicon.ico +0 -0
  112. package/build/index.html +0 -1
  113. package/build/logo192.png +0 -0
  114. package/build/logo512.png +0 -0
  115. package/build/manifest.json +0 -25
  116. package/build/robots.txt +0 -3
  117. package/build/static/css/main.522396f6.css +0 -2
  118. package/build/static/css/main.522396f6.css.map +0 -1
  119. package/build/static/js/787.18cf14d0.chunk.js +0 -2
  120. package/build/static/js/787.18cf14d0.chunk.js.map +0 -1
  121. package/build/static/js/main.d71fecac.js +0 -3
  122. package/build/static/js/main.d71fecac.js.LICENSE.txt +0 -50
  123. package/build/static/js/main.d71fecac.js.map +0 -1
  124. package/build/static/media/logo.6ce24c58023cc2f8fd88fe9d219db6c6.svg +0 -1
  125. package/build/tenjinLogo.png +0 -0
  126. package/dist/common/hooks/apiHooks.js +0 -223
  127. package/dist/common/hooks/newApiHook.js +0 -270
  128. package/dist/components/Canvas.js +0 -254
  129. package/dist/components/DragBox/index.js +0 -45
  130. package/dist/components/InputWithChip/index.js +0 -187
  131. package/dist/components/WorkFlow.js +0 -47
  132. package/dist/components/WorkFlowBuilder.js +0 -130
  133. package/dist/components/alert/Style.js +0 -23
  134. package/dist/components/alert/index.js +0 -69
  135. package/dist/components/authenticationProvider/index.js +0 -166
  136. package/dist/components/avatar/styles.js +0 -94
  137. package/dist/components/breadCrumbs/index.js +0 -180
  138. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
  139. package/dist/components/button/index.js +0 -140
  140. package/dist/components/checkBox/index.js +0 -30
  141. package/dist/components/divider/index.js +0 -41
  142. package/dist/components/errorBoundary/index.js +0 -160
  143. package/dist/components/fileUploader/index.js +0 -156
  144. package/dist/components/fileUploader/style.js +0 -60
  145. package/dist/components/filter/ValueSelector.js +0 -405
  146. package/dist/components/input/index.js +0 -174
  147. package/dist/components/layout/index.js +0 -98
  148. package/dist/components/layout/main/index.js +0 -27
  149. package/dist/components/layout/main/style.js +0 -22
  150. package/dist/components/layout/sidebar/FlatMenu.js +0 -64
  151. package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -246
  152. package/dist/components/layout/sidebar/GroupedMenu.js +0 -67
  153. package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
  154. package/dist/components/layout/sidebar/index.js +0 -91
  155. package/dist/components/layout/sidebar/style.js +0 -154
  156. package/dist/components/layout/topBar/ProjectTopbar.js +0 -338
  157. package/dist/components/layout/topBar/UserAvatar.js +0 -145
  158. package/dist/components/layout/topBar/index.js +0 -132
  159. package/dist/components/menu/index.js +0 -80
  160. package/dist/components/modal/index.js +0 -91
  161. package/dist/components/modal/style.js +0 -68
  162. package/dist/components/optionMenu/index.js +0 -112
  163. package/dist/components/pagination/index.js +0 -129
  164. package/dist/components/pagination/style.js +0 -36
  165. package/dist/components/paginationUpdated/index.js +0 -75
  166. package/dist/components/paper/index.js +0 -44
  167. package/dist/components/paper/style.js +0 -34
  168. package/dist/components/reactSelect/index.js +0 -212
  169. package/dist/components/reactSelect/style.js +0 -163
  170. package/dist/components/richTextEditor/index.js +0 -83
  171. package/dist/components/select/GroupedSelect.js +0 -183
  172. package/dist/components/select/SimpleSelect.js +0 -212
  173. package/dist/components/simpleSelect/index.js +0 -56
  174. package/dist/components/switch/style.js +0 -42
  175. package/dist/components/table/ReactTable.js +0 -118
  176. package/dist/components/table/SimpleTable.js +0 -136
  177. package/dist/components/table/index.js +0 -256
  178. package/dist/components/text/index.js +0 -67
  179. package/dist/components/timeStamp/style.js +0 -23
  180. package/dist/components/topBar/index.js +0 -176
  181. package/dist/components/tree/style.js +0 -32
  182. package/dist/components/valuePicker/ValueSelector.js +0 -273
  183. package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
  184. package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
  185. package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
  186. package/dist/components/wrapperLayout/topBar/index.js +0 -182
  187. package/dist/components/wrapperLayout/topBar/style.js +0 -77
  188. package/dist/http/index.js +0 -226
  189. package/public/favicon.ico +0 -0
  190. package/public/index.html +0 -43
  191. package/public/logo192.png +0 -0
  192. package/public/logo512.png +0 -0
  193. package/public/manifest.json +0 -25
  194. package/public/robots.txt +0 -3
  195. package/public/tenjinLogo.png +0 -0
  196. /package/{dist/assets → assets}/images/MicrosoftTeams-image (1).png +0 -0
  197. /package/{dist/assets → assets}/images/tenjin-4.0-logo.png +0 -0
  198. /package/{dist/components → components}/RightContext/index.css +0 -0
  199. /package/{dist/components → components}/browsingTestCaseLayout/style.css +0 -0
  200. /package/{dist/components → components}/errorBoundary/Error.jpg +0 -0
  201. /package/{dist/components → components}/iconButton/style.js +0 -0
  202. /package/{dist/components → components}/richTextEditor/style.js +0 -0
  203. /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
- }