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,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,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;
@@ -1,273 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _material = require("@mui/material");
8
- var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _react = _interopRequireWildcard(require("react"));
10
- var _fi = require("react-icons/fi");
11
- var _input = _interopRequireDefault(require("../input"));
12
- var _text = _interopRequireDefault(require("../text"));
13
- var colors = _interopRequireWildcard(require("@mui/material/colors"));
14
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
15
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
- 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); }
18
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
19
- 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."); }
20
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
21
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
22
- function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
23
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
24
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
25
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
26
- 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."); }
27
- 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); }
28
- 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; }
29
- 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; } }
30
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
31
- 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; }
32
- 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; }
33
- 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; }
34
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
35
- 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); }
36
- var determineSelectedOptions = function determineSelectedOptions(options, selectedIds, valueKey) {
37
- if (!options || options.length < 1) return [];
38
- if (!selectedIds || selectedIds.length < 1) return options;
39
- return options.map(function (o) {
40
- return _objectSpread(_objectSpread({}, o), {}, {
41
- selected: selectedIds.includes(o[valueKey])
42
- });
43
- });
44
- };
45
- var ValueSelector = function ValueSelector(_ref) {
46
- var options = _ref.options,
47
- valueKey = _ref.valueKey,
48
- displayKey = _ref.displayKey,
49
- avatarKey = _ref.avatarKey,
50
- colorKey = _ref.colorKey,
51
- onChange = _ref.onChange,
52
- multiple = _ref.multiple,
53
- defaultSelectedOptionIds = _ref.defaultSelectedOptionIds,
54
- fetchData = _ref.fetchData,
55
- showClearItems = _ref.showClearItems,
56
- showAvatar = _ref.showAvatar;
57
- var theme = (0, _material.useTheme)();
58
- var _useState = (0, _react.useState)(false),
59
- _useState2 = _slicedToArray(_useState, 2),
60
- loading = _useState2[0],
61
- setLoading = _useState2[1];
62
- var _useState3 = (0, _react.useState)([]),
63
- _useState4 = _slicedToArray(_useState3, 2),
64
- localOptions = _useState4[0],
65
- setLocalOptions = _useState4[1];
66
- var _useState5 = (0, _react.useState)(""),
67
- _useState6 = _slicedToArray(_useState5, 2),
68
- filter = _useState6[0],
69
- setFilter = _useState6[1];
70
- var _useState7 = (0, _react.useState)([]),
71
- _useState8 = _slicedToArray(_useState7, 2),
72
- filteredLocalOptions = _useState8[0],
73
- setFilteredLocalOptions = _useState8[1];
74
- (0, _react.useEffect)(function () {
75
- resolveOptions();
76
- }, []);
77
- var fetchAsyncData = /*#__PURE__*/function () {
78
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
79
- var response;
80
- return _regeneratorRuntime().wrap(function _callee$(_context) {
81
- while (1) switch (_context.prev = _context.next) {
82
- case 0:
83
- setLoading(true);
84
- response = null;
85
- if (!fetchData) {
86
- _context.next = 8;
87
- break;
88
- }
89
- _context.next = 5;
90
- return fetchData();
91
- case 5:
92
- response = _context.sent;
93
- _context.next = 9;
94
- break;
95
- case 8:
96
- response = [];
97
- case 9:
98
- setLoading(false);
99
- return _context.abrupt("return", response);
100
- case 11:
101
- case "end":
102
- return _context.stop();
103
- }
104
- }, _callee);
105
- }));
106
- return function fetchAsyncData() {
107
- return _ref2.apply(this, arguments);
108
- };
109
- }();
110
- var resolveOptions = /*#__PURE__*/function () {
111
- var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
112
- var tempOptions;
113
- return _regeneratorRuntime().wrap(function _callee2$(_context2) {
114
- while (1) switch (_context2.prev = _context2.next) {
115
- case 0:
116
- tempOptions = [];
117
- if (!fetchData) {
118
- _context2.next = 7;
119
- break;
120
- }
121
- _context2.next = 4;
122
- return fetchAsyncData();
123
- case 4:
124
- tempOptions = _context2.sent;
125
- _context2.next = 8;
126
- break;
127
- case 7:
128
- tempOptions = _toConsumableArray(options);
129
- case 8:
130
- setLocalOptions(determineSelectedOptions(tempOptions, defaultSelectedOptionIds, valueKey));
131
- case 9:
132
- case "end":
133
- return _context2.stop();
134
- }
135
- }, _callee2);
136
- }));
137
- return function resolveOptions() {
138
- return _ref3.apply(this, arguments);
139
- };
140
- }();
141
- var filterOptions = function filterOptions() {
142
- if (filter) {
143
- setFilteredLocalOptions(localOptions.filter(function (o) {
144
- var searchTarget = o[displayKey].toLowerCase();
145
- return searchTarget.includes(filter.toLowerCase());
146
- }));
147
- } else {
148
- setFilteredLocalOptions(_toConsumableArray(localOptions));
149
- }
150
- };
151
- (0, _react.useEffect)(function () {
152
- filterOptions();
153
- // eslint-disable-next-line react-hooks/exhaustive-deps
154
- }, [localOptions, filter]);
155
- var handleSelection = function handleSelection(option) {
156
- var newOptions = [];
157
- if (multiple) {
158
- newOptions = localOptions.map(function (o) {
159
- return o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
160
- selected: o.selected ? false : true
161
- }) : o;
162
- });
163
- } else {
164
- newOptions = localOptions.map(function (o) {
165
- return o[valueKey] === option[valueKey] ? _objectSpread(_objectSpread({}, o), {}, {
166
- selected: true
167
- }) : _objectSpread(_objectSpread({}, o), {}, {
168
- selected: false
169
- });
170
- });
171
- }
172
- onChange(newOptions.filter(function (o) {
173
- return o.selected;
174
- }));
175
- setLocalOptions(newOptions);
176
- };
177
- var handleClearSelection = function handleClearSelection() {
178
- var newOptions = localOptions.map(function (l) {
179
- return _objectSpread(_objectSpread({}, l), {}, {
180
- selected: false
181
- });
182
- });
183
- onChange([]);
184
- setLocalOptions(newOptions);
185
- };
186
- // console.log("hi", options);
187
-
188
- return /*#__PURE__*/_react.default.createElement(_material.List, {
189
- dense: true,
190
- disablePadding: true
191
- }, loading ? /*#__PURE__*/_react.default.createElement(_material.ListItem, {
192
- dense: true,
193
- key: "loader"
194
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
195
- sx: {
196
- fontStyle: "italic"
197
- }
198
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Fetching options..."))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_material.ListItem, {
199
- disablePadding: true,
200
- dense: true,
201
- key: "searcher",
202
- sx: {
203
- padding: "0 0.5rem"
204
- }
205
- }, /*#__PURE__*/_react.default.createElement(_input.default, {
206
- autoFocus: true,
207
- placeholder: "Type to search",
208
- startIcon: /*#__PURE__*/_react.default.createElement(_fi.FiSearch, null),
209
- size: "small",
210
- value: filter,
211
- onChange: function onChange(e) {
212
- return setFilter(e.target.value);
213
- }
214
- })), filteredLocalOptions.map(function (o) {
215
- var altVal = o[avatarKey] === "/" ? " " : o[displayKey];
216
- var bgcAvatar = colors[o[colorKey]] ? colors[o[colorKey]][500] : "red";
217
- return /*#__PURE__*/_react.default.createElement(_material.ListItem, {
218
- dense: true,
219
- disablePadding: true,
220
- key: o[valueKey]
221
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
222
- disableRipple: true,
223
- dense: true,
224
- onClick: function onClick() {
225
- return handleSelection(o);
226
- }
227
- }, multiple && /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
228
- sx: {
229
- minWidth: "initial"
230
- }
231
- }, /*#__PURE__*/_react.default.createElement(_material.Checkbox, {
232
- edge: "start",
233
- checked: o.selected === true,
234
- disableRipple: true,
235
- size: "small"
236
- })), showAvatar && /*#__PURE__*/_react.default.createElement(_material.ListItemAvatar, null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
237
- sx: {
238
- bgcolor: bgcAvatar
239
- },
240
- alt: altVal,
241
- src: o[avatarKey]
242
- })), /*#__PURE__*/_react.default.createElement(_material.ListItemText, null, /*#__PURE__*/_react.default.createElement(_text.default, null, o[displayKey]))));
243
- })), showClearItems && /*#__PURE__*/_react.default.createElement(_material.ListItem, {
244
- dense: true,
245
- disablePadding: true
246
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemButton, {
247
- disableRipple: true,
248
- onClick: handleClearSelection
249
- }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, {
250
- sx: {
251
- minWidth: "24px",
252
- color: theme.palette.primary.main
253
- },
254
- color: theme.palette.primary.main
255
- }, /*#__PURE__*/_react.default.createElement(_fi.FiX, null)), /*#__PURE__*/_react.default.createElement(_material.ListItemText, {
256
- sx: {
257
- color: theme.palette.primary.main
258
- }
259
- }, /*#__PURE__*/_react.default.createElement(_text.default, null, "Clear Selection")))));
260
- };
261
- ValueSelector.propTypes = {
262
- label: _propTypes.default.string.isRequired,
263
- options: _propTypes.default.array,
264
- valueKey: _propTypes.default.string,
265
- displayKey: _propTypes.default.string,
266
- onChange: _propTypes.default.func.isRequired,
267
- multiple: _propTypes.default.bool,
268
- optionsContainerWidth: _propTypes.default.string,
269
- defaultSelectedOptionIds: _propTypes.default.array,
270
- fetchData: _propTypes.default.func
271
- };
272
- var _default = ValueSelector;
273
- exports.default = _default;