tenjin-ui-kit 0.2.136 → 0.2.137

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/package.json +1 -1
  2. package/dist/common/hooks/apiHooks.js +0 -223
  3. package/dist/common/hooks/newApiHook.js +0 -270
  4. package/dist/common/utils/security/index.js +0 -11
  5. package/dist/common/utils/security/securityConfig.js +0 -8
  6. package/dist/components/Canvas.js +0 -254
  7. package/dist/components/DragBox/index.js +0 -45
  8. package/dist/components/InputWithChip/index.js +0 -149
  9. package/dist/components/RightContext/index.css +0 -20
  10. package/dist/components/RightContext/index.js +0 -86
  11. package/dist/components/WorkFlow.js +0 -47
  12. package/dist/components/WorkFlowBuilder.js +0 -130
  13. package/dist/components/alert/Style.js +0 -23
  14. package/dist/components/alert/index.js +0 -69
  15. package/dist/components/attachment/index.js +0 -138
  16. package/dist/components/authenticationProvider/AuthError.js +0 -24
  17. package/dist/components/authenticationProvider/AuthLoader.js +0 -21
  18. package/dist/components/authenticationProvider/index.js +0 -128
  19. package/dist/components/avatar/index.js +0 -95
  20. package/dist/components/avatar/styles.js +0 -94
  21. package/dist/components/breadCrumbs/index.js +0 -162
  22. package/dist/components/breadCrumbs/style.js +0 -11
  23. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/index.js +0 -19
  24. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewContent/style.js +0 -15
  25. package/dist/components/browsingTestCaseLayout/DetailsViewLayout/DetailsViewHeader/index.js +0 -36
  26. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewContent/Index.js +0 -26
  27. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/Index.js +0 -48
  28. package/dist/components/browsingTestCaseLayout/TreeViewLayout/TreeViewHeader/style.js +0 -26
  29. package/dist/components/browsingTestCaseLayout/index.js +0 -187
  30. package/dist/components/browsingTestCaseLayout/style.css +0 -82
  31. package/dist/components/button/index.js +0 -131
  32. package/dist/components/checkBox/index.js +0 -30
  33. package/dist/components/divider/index.js +0 -39
  34. package/dist/components/editableField/index.js +0 -125
  35. package/dist/components/error/index.js +0 -56
  36. package/dist/components/errorBoundary/Error.jpg +0 -0
  37. package/dist/components/errorBoundary/index.js +0 -160
  38. package/dist/components/fileUploader/index.js +0 -124
  39. package/dist/components/fileUploader/style.js +0 -60
  40. package/dist/components/iconButton/index.js +0 -35
  41. package/dist/components/iconButton/style.js +0 -1
  42. package/dist/components/input/index.js +0 -124
  43. package/dist/components/layout/index.js +0 -98
  44. package/dist/components/layout/main/index.js +0 -27
  45. package/dist/components/layout/main/style.js +0 -22
  46. package/dist/components/layout/pageContent/index.js +0 -30
  47. package/dist/components/layout/sidebar/FlatMenu.js +0 -64
  48. package/dist/components/layout/sidebar/GroupedIconMenu.js +0 -227
  49. package/dist/components/layout/sidebar/GroupedMenu.js +0 -68
  50. package/dist/components/layout/sidebar/ProjectMenu.js +0 -230
  51. package/dist/components/layout/sidebar/index.js +0 -84
  52. package/dist/components/layout/sidebar/style.js +0 -154
  53. package/dist/components/layout/topBar/ProjectTopbar.js +0 -234
  54. package/dist/components/layout/topBar/UserAvatar.js +0 -102
  55. package/dist/components/layout/topBar/index.js +0 -132
  56. package/dist/components/loader/index.js +0 -28
  57. package/dist/components/menu/index.js +0 -80
  58. package/dist/components/modal/Modal.js +0 -56
  59. package/dist/components/modal/index.js +0 -88
  60. package/dist/components/modal/style.js +0 -60
  61. package/dist/components/optionMenu/index.js +0 -112
  62. package/dist/components/pagination/index.js +0 -129
  63. package/dist/components/pagination/style.js +0 -36
  64. package/dist/components/paper/index.js +0 -44
  65. package/dist/components/paper/style.js +0 -34
  66. package/dist/components/reactSelect/index.js +0 -212
  67. package/dist/components/reactSelect/style.js +0 -163
  68. package/dist/components/richTextEditor/index.js +0 -34
  69. package/dist/components/richTextEditor/style.js +0 -1
  70. package/dist/components/select/SimpleSelect.js +0 -123
  71. package/dist/components/select/index.js +0 -211
  72. package/dist/components/simpleSelect/index.js +0 -122
  73. package/dist/components/switch/index.js +0 -73
  74. package/dist/components/switch/style.js +0 -42
  75. package/dist/components/switch/switch.js +0 -110
  76. package/dist/components/table/ReactTable.js +0 -116
  77. package/dist/components/table/SimpleTable.js +0 -57
  78. package/dist/components/table/index.js +0 -257
  79. package/dist/components/text/index.js +0 -64
  80. package/dist/components/timeStamp/index.js +0 -40
  81. package/dist/components/timeStamp/style.js +0 -23
  82. package/dist/components/topBar/index.js +0 -176
  83. package/dist/components/tree/index.js +0 -314
  84. package/dist/components/tree/style.js +0 -32
  85. package/dist/components/valuePicker/ValueSelector.js +0 -275
  86. package/dist/components/valuePicker/index.js +0 -133
  87. package/dist/components/wrapperLayout/layout/index.js +0 -30
  88. package/dist/components/wrapperLayout/layout/style.js +0 -1
  89. package/dist/components/wrapperLayout/main/index.js +0 -22
  90. package/dist/components/wrapperLayout/main/pageContainer/index.js +0 -28
  91. package/dist/components/wrapperLayout/main/sideBar/index.js +0 -262
  92. package/dist/components/wrapperLayout/main/sideBar/style.js +0 -196
  93. package/dist/components/wrapperLayout/topBar/UserAvatar.js +0 -17
  94. package/dist/components/wrapperLayout/topBar/avatar.js +0 -57
  95. package/dist/components/wrapperLayout/topBar/index.js +0 -182
  96. package/dist/components/wrapperLayout/topBar/menuIcon.js +0 -14
  97. package/dist/components/wrapperLayout/topBar/style.js +0 -77
  98. package/dist/http/index.js +0 -225
  99. package/dist/index.js +0 -320
  100. package/dist/templates/listPage/index.js +0 -301
  101. package/dist/themes/default.js +0 -253
  102. package/dist/themes/defaultSmall.js +0 -86
  103. package/dist/themes/responsiveTheme.js +0 -250
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _reactMoment = _interopRequireDefault(require("react-moment"));
10
- var _style = _interopRequireDefault(require("./style"));
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- var formats = {
13
- long: "DD MMMM yyyy, HH24:mm:ss",
14
- short: "DD-MM-yyyy",
15
- default: "DD MMM yyyy, hh:mm a"
16
- };
17
- var Timestamp = function Timestamp(props) {
18
- var classes = (0, _style.default)();
19
- return !props.value ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null) : props.format !== "interval" ? /*#__PURE__*/_react.default.createElement(_reactMoment.default, {
20
- format: formats[props.format],
21
- local: props.local,
22
- className: classes[props.size]
23
- }, props.value) : /*#__PURE__*/_react.default.createElement(_reactMoment.default, {
24
- fromNow: true,
25
- local: props.local,
26
- className: classes[props.size]
27
- }, props.value);
28
- };
29
- Timestamp.defaultProps = {
30
- value: new Date(),
31
- format: "default",
32
- size: _propTypes.default.oneOf(["small", "medium", "large"])
33
- };
34
- Timestamp.propTypes = {
35
- value: _propTypes.default.any,
36
- format: _propTypes.default.oneOf(["default", "long", "short", "interval"]),
37
- local: _propTypes.default.bool
38
- };
39
- var _default = Timestamp;
40
- exports.default = _default;
@@ -1,23 +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
- var _default = (0, _styles.makeStyles)(function () {
11
- return {
12
- small: {
13
- fontSize: _default2.default.spacing(1.25)
14
- },
15
- medium: {
16
- fontSize: _default2.default.spacing(1.5)
17
- },
18
- large: {
19
- fontSize: _default2.default.spacing(1.875)
20
- }
21
- };
22
- });
23
- exports.default = _default;
@@ -1,176 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = void 0;
8
- var _material = require("@mui/material");
9
- var _react = _interopRequireDefault(require("react"));
10
- var _breadCrumbs = _interopRequireDefault(require("../breadCrumbs"));
11
- var _avatar = _interopRequireDefault(require("../wrapperLayout/topBar/avatar"));
12
- var _propTypes = _interopRequireWildcard(require("prop-types"));
13
- var _style = _interopRequireDefault(require("../wrapperLayout/topBar/style"));
14
- var _text = _interopRequireDefault(require("../text"));
15
- 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); }
16
- 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; }
17
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
18
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
19
- 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."); }
20
- 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); }
21
- 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; }
22
- 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; } }
23
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
24
- var TopBar = function TopBar(props) {
25
- var _props$menuDetails, _concatedMenu$clicked, _concatedMenu$clicked2;
26
- var classes = (0, _style.default)();
27
- var open = Boolean(props.anchorElUser);
28
- var _React$useState = _react.default.useState(null),
29
- _React$useState2 = _slicedToArray(_React$useState, 2),
30
- anchorEl = _React$useState2[0],
31
- setAnchorEl = _React$useState2[1];
32
- var _React$useState3 = _react.default.useState(null),
33
- _React$useState4 = _slicedToArray(_React$useState3, 2),
34
- clickedState = _React$useState4[0],
35
- setClickedState = _React$useState4[1];
36
- var handleOpenUserMenu = function handleOpenUserMenu(event) {
37
- setAnchorEl(event === null || event === void 0 ? void 0 : event.currentTarget);
38
- };
39
- var handleCloseUserMenu = function handleCloseUserMenu() {
40
- setAnchorEl(null);
41
- };
42
- var userMenuObject = [{
43
- name: 'User',
44
- icon: /*#__PURE__*/_react.default.createElement(_avatar.default, {
45
- loggedInUser: props.loggedInUser,
46
- height: "2",
47
- width: "2"
48
- }),
49
- listOfItems: props.userMenu
50
- }];
51
- var concatedMenu = (_props$menuDetails = props.menuDetails) === null || _props$menuDetails === void 0 ? void 0 : _props$menuDetails.concat(userMenuObject);
52
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Box, {
53
- sx: {
54
- flexGrow: 1
55
- }
56
- }, /*#__PURE__*/_react.default.createElement(_material.AppBar, {
57
- position: "static",
58
- className: classes.appBar
59
- }, /*#__PURE__*/_react.default.createElement(_material.Toolbar, null, /*#__PURE__*/_react.default.createElement("div", {
60
- className: classes.logoContent
61
- }, /*#__PURE__*/_react.default.createElement("a", {
62
- href: "/".concat(props.location)
63
- }, /*#__PURE__*/_react.default.createElement("div", {
64
- className: classes.appLogo
65
- }, /*#__PURE__*/_react.default.createElement("img", {
66
- src: props.logo,
67
- alt: "app png logo"
68
- })))), /*#__PURE__*/_react.default.createElement(_material.Divider, {
69
- orientation: "vertical",
70
- flexItem: true
71
- }), /*#__PURE__*/_react.default.createElement("div", {
72
- className: classes.breadCrumbs
73
- }, /*#__PURE__*/_react.default.createElement(_breadCrumbs.default, {
74
- crumbInfo: props === null || props === void 0 ? void 0 : props.crumbInfo
75
- })), concatedMenu && concatedMenu.map(function (menu, key) {
76
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
77
- style: {
78
- display: 'flex',
79
- alignItems: 'center',
80
- padding: concatedMenu.length - 1 === key ? '0rem 0rem 0rem 1rem' : '0rem 1rem 0rem 0rem'
81
- }
82
- }, /*#__PURE__*/_react.default.createElement(_material.Box, null, /*#__PURE__*/_react.default.createElement(_material.Tooltip, {
83
- title: menu.name
84
- }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
85
- key: key,
86
- onClick: function onClick(e) {
87
- handleOpenUserMenu(e);
88
- setClickedState(key);
89
- },
90
- size: "small",
91
- sx: {
92
- ml: 2
93
- }
94
- }, /*#__PURE__*/_react.default.createElement("div", {
95
- style: {
96
- fontSize: '2vw',
97
- display: 'flex',
98
- alignItems: 'center'
99
- }
100
- }, menu.icon))))), concatedMenu.length - 1 !== key && /*#__PURE__*/_react.default.createElement(_material.Divider, {
101
- orientation: "vertical",
102
- flexItem: true
103
- }));
104
- }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.Menu, {
105
- anchorEl: anchorEl,
106
- id: "basic-menu",
107
- disableRipple: true,
108
- open: Boolean(anchorEl),
109
- onClose: handleCloseUserMenu,
110
- onClick: handleCloseUserMenu,
111
- sx: {
112
- top: 12,
113
- left: 5
114
- }
115
- }, /*#__PURE__*/_react.default.createElement("div", {
116
- style: {
117
- maxHeight: '40vh',
118
- //width: 160,
119
- maxWidth: '100%'
120
- }
121
- }, concatedMenu && ((_concatedMenu$clicked = concatedMenu[clickedState]) === null || _concatedMenu$clicked === void 0 ? void 0 : (_concatedMenu$clicked2 = _concatedMenu$clicked.listOfItems) === null || _concatedMenu$clicked2 === void 0 ? void 0 : _concatedMenu$clicked2.map(function (item, index) {
122
- return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
123
- onClick: handleCloseUserMenu,
124
- key: index,
125
- style: {
126
- display: 'flex',
127
- flexGrow: 1
128
- }
129
- }, /*#__PURE__*/_react.default.createElement("div", {
130
- style: {
131
- display: 'flex',
132
- flexGrow: 1
133
- }
134
- }, item.icon && /*#__PURE__*/_react.default.createElement("div", {
135
- style: {
136
- display: 'flex',
137
- alignItems: 'center',
138
- paddingRight: '1.5rem',
139
- fontSize: '1.1rem',
140
- color: '#44409A'
141
- }
142
- }, item.icon), /*#__PURE__*/_react.default.createElement("div", {
143
- style: {
144
- display: 'flex',
145
- flexDirection: 'column'
146
- }
147
- }, /*#__PURE__*/_react.default.createElement("div", {
148
- style: {
149
- fontWeight: 600,
150
- color: '#000000DE',
151
- // fontSize: "0.9rem",
152
- fontSize: '80%'
153
- }
154
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.name)), /*#__PURE__*/_react.default.createElement("div", {
155
- style: {
156
- color: '#000000DE',
157
- // fontSize: "13px",
158
- fontSize: '80%'
159
- }
160
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, item.description)))));
161
- })))))))));
162
- };
163
- TopBar.propTypes = {
164
- logo: _propTypes.default.string.isRequired,
165
- location: _propTypes.default.string.isRequired,
166
- anchorElUser: _propTypes.default.object.isRequired,
167
- setAnchorElUser: _propTypes.default.object.isRequired,
168
- handleOpenUserMenu: _propTypes.default.func,
169
- handleCloseUserMenu: _propTypes.default.func,
170
- loggedInUser: _propTypes.default.object.isRequired,
171
- menuDetails: _propTypes.default.array,
172
- userMenu: _propTypes.default.array,
173
- crumbInfo: _propTypes.default.array
174
- };
175
- var _default = TopBar;
176
- exports.default = _default;
@@ -1,314 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = Tree;
8
- var React = _interopRequireWildcard(require("react"));
9
- var _TreeView = _interopRequireDefault(require("@mui/lab/TreeView"));
10
- var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
11
- var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
12
- var _TreeItem = _interopRequireDefault(require("@mui/lab/TreeItem"));
13
- var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
14
- var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
15
- var _material = require("@mui/material");
16
- var _default = _interopRequireDefault(require("../../themes/default"));
17
- var _fc = require("react-icons/fc");
18
- var _bs = require("react-icons/bs");
19
- var _bi = require("react-icons/bi");
20
- var _fa = require("react-icons/fa");
21
- var _fi = require("react-icons/fi");
22
- var _style = _interopRequireDefault(require("./style"));
23
- var _ri = require("react-icons/ri");
24
- var _text = _interopRequireDefault(require("../text"));
25
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
26
- 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); }
27
- 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; }
28
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
29
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
30
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
31
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
32
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
33
- 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."); }
34
- 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); }
35
- 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; }
36
- 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; } }
37
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
38
- // /color:"#03c988"
39
- // color: '#90a17d'
40
-
41
- function Tree(props) {
42
- var folder = props.folder,
43
- projectName = props.projectName,
44
- apiCallFunc = props.apiCallFunc;
45
- var _React$useState = React.useState(null),
46
- _React$useState2 = _slicedToArray(_React$useState, 2),
47
- contextMenu = _React$useState2[0],
48
- setContextMenu = _React$useState2[1];
49
- var classes = (0, _style.default)();
50
- //
51
- var _React$useState3 = React.useState([]),
52
- _React$useState4 = _slicedToArray(_React$useState3, 2),
53
- expandedNodeIds = _React$useState4[0],
54
- setExpandedNodeIds = _React$useState4[1];
55
- function handleContextMenu(event, nodeId) {
56
- console.log(nodeId);
57
- event.preventDefault();
58
- setContextMenu(contextMenu === null ? {
59
- mouseX: event.clientX + 30,
60
- mouseY: event.clientY - 35
61
- } : null);
62
- }
63
- var handleClose = function handleClose() {
64
- setContextMenu(null);
65
- };
66
- var getParentNode = function getParentNode(node, treeData) {
67
- for (var i = 0; i < treeData.length; i++) {
68
- var currentNode = treeData[i];
69
- if (currentNode.children && currentNode.children.includes(node)) {
70
- return currentNode;
71
- }
72
- if (currentNode.children) {
73
- var parent = getParentNode(node, currentNode.children);
74
- if (parent) {
75
- return parent;
76
- }
77
- }
78
- }
79
- return null;
80
- };
81
- var renderTree = function renderTree(nodes) {
82
- var isFirstLevel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
83
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.ThemeProvider, {
84
- theme: _default.default
85
- }, /*#__PURE__*/React.createElement(_material.CssBaseline, null), /*#__PURE__*/React.createElement(React.Fragment, {
86
- key: nodes.folderId
87
- }, /*#__PURE__*/React.createElement("div", {
88
- style: {
89
- marginBottom: isFirstLevel ? "8px" : null
90
- }
91
- }, /*#__PURE__*/React.createElement(_TreeItem.default, {
92
- key: nodes.folderId,
93
- nodeId: nodes.folderId,
94
- onClick: function onClick() {
95
- var isExpanded = expandedNodeIds.includes(nodes.folderId);
96
- if (isExpanded) {
97
- setExpandedNodeIds(expandedNodeIds.filter(function (id) {
98
- return id !== nodes.folderId;
99
- }));
100
- } else {
101
- var parent = getParentNode(nodes, folder);
102
- if (parent) {
103
- setExpandedNodeIds([].concat(_toConsumableArray(expandedNodeIds), [parent.folderId, nodes.folderId]));
104
- } else {
105
- setExpandedNodeIds([].concat(_toConsumableArray(expandedNodeIds), [nodes.folderId]));
106
- }
107
- }
108
- },
109
- label: /*#__PURE__*/React.createElement("div", {
110
- style: {
111
- display: "flex",
112
- alignItems: "center"
113
- }
114
- }, /*#__PURE__*/React.createElement(_text.default, {
115
- style: {
116
- // fontWeight: isFirstLevel ? 500 : "initial",
117
- fontWeight: nodes.classificationType === "project" ? 600 : nodes.classificationType === "module" ? 600 : 500,
118
- // fontSize: "1rem",
119
- fontSize: nodes.classificationType === "project" ? "1rem" : nodes.classificationType === "module" ? "1rem" : "0.92rem",
120
- fontFamily: "sans-serif segoe ui",
121
- padding: nodes.classificationType === "sc" ? "inherit" : "6px"
122
- },
123
- onClick: function onClick() {
124
- return apiCallFunc(nodes.folderId);
125
- }
126
- }, nodes.classificationType === "project" ? expandedNodeIds.includes(nodes.nodeId) ?
127
- /*#__PURE__*/
128
- // <FcOpenedFolder style={{ marginRight: "10px" }} />
129
- React.createElement(React.Fragment, null) :
130
- /*#__PURE__*/
131
- // <FcFolder style={{ marginRight: "10px" }} />
132
- React.createElement(React.Fragment, null) : nodes.classificationType === "module" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
133
- style: {
134
- marginRight: "10px",
135
- color: "#03c988"
136
- }
137
- }) : /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
138
- style: {
139
- marginRight: "10px",
140
- color: "#90a17d"
141
- }
142
- }) : nodes.classificationType === "bp" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
143
- style: {
144
- marginRight: "10px",
145
- color: "#03c988"
146
- }
147
- }) : /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
148
- style: {
149
- marginRight: "10px",
150
- color: "#90a17d"
151
- }
152
- }) : nodes.classificationType === "sc" ? expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
153
- style: {
154
- marginRight: "10px",
155
- color: "#03c988"
156
- }
157
- }) : /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
158
- style: {
159
- marginRight: "10px",
160
- color: "#90a17d"
161
- }
162
- }) : expandedNodeIds.includes(nodes.nodeId) ? /*#__PURE__*/React.createElement(_fi.FiFileText, {
163
- style: {
164
- marginRight: "10px",
165
- color: "#03c988"
166
- }
167
- }) : /*#__PURE__*/React.createElement(_fi.FiFileText, {
168
- style: {
169
- marginRight: "10px",
170
- color: "#90a17d"
171
- }
172
- }), nodes.name)),
173
- onContextMenu: function onContextMenu(event) {
174
- return handleContextMenu(event, nodes.folderId);
175
- }
176
- }, Array.isArray(nodes.children) ? nodes.children.map(function (node) {
177
- return renderTree(node, false);
178
- }) : null)))));
179
- };
180
- return /*#__PURE__*/React.createElement("div", {
181
- onContextMenu: function onContextMenu(event) {
182
- return handleContextMenu(event, null);
183
- },
184
- style: {
185
- cursor: "context-menu"
186
- }
187
- }, /*#__PURE__*/React.createElement("h3", null, projectName), /*#__PURE__*/React.createElement(_TreeView.default, {
188
- "aria-label": "multi-select",
189
- defaultCollapseIcon: /*#__PURE__*/React.createElement(_ExpandMore.default, null),
190
- defaultExpandIcon: /*#__PURE__*/React.createElement(_ChevronRight.default, null),
191
- multiSelect: true,
192
- classes: {
193
- root: classes.treeView
194
- },
195
- sx: {
196
- height: "calc(100vh - 118px)",
197
- flexGrow: 1,
198
- minWidth: 450,
199
- overflowY: "auto",
200
- overflowX: "hidden"
201
- }
202
- }, folder.map(function (node) {
203
- return renderTree(node, true);
204
- })), /*#__PURE__*/React.createElement(_Menu.default, {
205
- open: contextMenu !== null,
206
- onClose: handleClose,
207
- anchorReference: "anchorPosition",
208
- anchorPosition: contextMenu !== null ? {
209
- top: contextMenu.mouseY,
210
- left: contextMenu.mouseX
211
- } : undefined,
212
- PaperProps: {
213
- // elevation: 3,
214
- sx: {
215
- overflow: "visible",
216
- filter: "drop-shadow(0 0 -1rem #667cbc)",
217
- mt: 1.5,
218
- "& .MuiPaper-root-MuiMenu-paper-MuiPaper-root-MuiPopover-paper": {
219
- top: "6px !important"
220
- },
221
- "& .MuiAvatar-root": {
222
- width: 32,
223
- height: 32,
224
- ml: -0.5,
225
- mr: 1
226
- },
227
- "&:before": {
228
- content: '""',
229
- display: "block",
230
- position: "absolute",
231
- top: "12%",
232
- left: -5,
233
- width: 10,
234
- height: 8,
235
- bgcolor: "background.paper",
236
- transform: "translateY(-50%) rotate(45deg)",
237
- zIndex: 0
238
- }
239
- }
240
- }
241
- }, /*#__PURE__*/React.createElement(_MenuItem.default, {
242
- onClick: handleClose
243
- }, /*#__PURE__*/React.createElement(_bi.BiMicrochip, {
244
- style: {
245
- marginRight: "10px"
246
- }
247
- }), /*#__PURE__*/React.createElement(_text.default, {
248
- style: {
249
- fontFamily: "sans-serif seoge ui",
250
- fontWeight: 500,
251
- fontSize: "12px"
252
- }
253
- }, "Module")), /*#__PURE__*/React.createElement(_MenuItem.default, {
254
- onClick: handleClose
255
- }, " ", /*#__PURE__*/React.createElement(_bs.BsFillBriefcaseFill, {
256
- style: {
257
- marginRight: "10px"
258
- }
259
- }), /*#__PURE__*/React.createElement(_text.default, {
260
- style: {
261
- fontFamily: "sans-serif seoge ui",
262
- fontWeight: 500,
263
- fontSize: "12px"
264
- }
265
- }, "Business Process")), /*#__PURE__*/React.createElement(_MenuItem.default, {
266
- onClick: handleClose
267
- }, /*#__PURE__*/React.createElement(_fa.FaClipboardList, {
268
- style: {
269
- marginRight: "10px"
270
- }
271
- }), /*#__PURE__*/React.createElement(_text.default, {
272
- style: {
273
- fontFamily: "sans-serif seoge ui",
274
- fontWeight: 500,
275
- fontSize: "12px"
276
- }
277
- }, "Scenario")), /*#__PURE__*/React.createElement(_MenuItem.default, {
278
- onClick: handleClose
279
- }, /*#__PURE__*/React.createElement(_fi.FiFileText, {
280
- style: {
281
- marginRight: "10px"
282
- }
283
- }), /*#__PURE__*/React.createElement(_text.default, {
284
- style: {
285
- fontFamily: "sans-serif seoge ui",
286
- fontWeight: 500,
287
- fontSize: "12px"
288
- }
289
- }, "Test Case")), /*#__PURE__*/React.createElement(_MenuItem.default, {
290
- onClick: handleClose
291
- }, /*#__PURE__*/React.createElement(_fc.FcFolder, {
292
- style: {
293
- marginRight: "10px"
294
- }
295
- }), /*#__PURE__*/React.createElement(_text.default, {
296
- style: {
297
- fontFamily: "sans-serif seoge ui",
298
- fontWeight: 500,
299
- fontSize: "12px"
300
- }
301
- }, "Other Folder")), /*#__PURE__*/React.createElement(_MenuItem.default, {
302
- onClick: handleClose
303
- }, /*#__PURE__*/React.createElement(_ri.RiPencilFill, {
304
- style: {
305
- marginRight: "10px"
306
- }
307
- }), /*#__PURE__*/React.createElement(_text.default, {
308
- style: {
309
- fontFamily: "sans-serif seoge ui",
310
- fontWeight: 500,
311
- fontSize: "12px"
312
- }
313
- }, "Edit Folder"))));
314
- }
@@ -1,32 +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 _default = (0, _styles.makeStyles)(function (theme) {
9
- return {
10
- treeView: {
11
- height: "calc(100vh - 118px)",
12
- flexGrow: 1,
13
- overflowY: "auto",
14
- overflowX: "hidden",
15
- "&::-webkit-scrollbar": {
16
- width: "6px"
17
- },
18
- "&::-webkit-scrollbar-track": {
19
- background: "#f1f1f1"
20
- },
21
- "&::-webkit-scrollbar-thumb": {
22
- backgroundColor: "#e4e4e4",
23
- borderRadius: "3px",
24
- opacity: 0.5,
25
- "&:hover": {
26
- background: "#555"
27
- }
28
- }
29
- }
30
- };
31
- });
32
- exports.default = _default;