orc-shared 5.10.2-dev.4 → 5.99.0-dev.2

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 (226) hide show
  1. package/dist/components/AppFrame/About.js +13 -13
  2. package/dist/components/AppFrame/Anchor.js +7 -7
  3. package/dist/components/AppFrame/AppFrame.js +3 -3
  4. package/dist/components/AppFrame/Help.js +4 -4
  5. package/dist/components/AppFrame/MenuItem.js +17 -26
  6. package/dist/components/AppFrame/Preferences.js +14 -14
  7. package/dist/components/AppFrame/Sidebar.js +6 -6
  8. package/dist/components/AppFrame/Topbar.js +6 -6
  9. package/dist/components/ApplicationModuleLoader.js +3 -2
  10. package/dist/components/Authenticate.js +29 -22
  11. package/dist/components/DropMenu/Menu.js +9 -9
  12. package/dist/components/ErrorPlaceholder.js +8 -24
  13. package/dist/components/Form/Field.js +4 -4
  14. package/dist/components/Form/Inputs/Button.js +2 -2
  15. package/dist/components/{IconButton.js → Form/Inputs/MultiSelector.js} +33 -31
  16. package/dist/components/Form/Inputs/index.js +1 -1
  17. package/dist/components/InternetExplorerWarningMessage.js +15 -15
  18. package/dist/components/LoadingIcon.js +38 -17
  19. package/dist/components/MaterialUI/DataDisplay/Modal.js +3 -3
  20. package/dist/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js +6 -6
  21. package/dist/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js +4 -4
  22. package/dist/components/MaterialUI/DataDisplay/SelectionList.js +1 -1
  23. package/dist/components/MaterialUI/DataDisplay/Table.js +2 -1
  24. package/dist/components/MaterialUI/DataDisplay/TableProps.js +3 -1
  25. package/dist/components/MaterialUI/DataDisplay/TransferList.js +1 -1
  26. package/dist/components/MaterialUI/Inputs/CheckboxGroup.js +1 -1
  27. package/dist/components/MaterialUI/Inputs/DatePicker.js +1 -1
  28. package/dist/components/MaterialUI/Inputs/InputBase.js +20 -188
  29. package/dist/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js +1 -1
  30. package/dist/components/MaterialUI/Inputs/Select.js +10 -0
  31. package/dist/components/MaterialUI/Inputs/SelectProps.js +3 -1
  32. package/dist/components/MaterialUI/Inputs/Switch.js +1 -1
  33. package/dist/components/MaterialUI/Navigation/DropDownMenu.js +2 -4
  34. package/dist/components/MaterialUI/ScopeSelector/ScopeSelector.js +1 -1
  35. package/dist/components/MaterialUI/ScopeSelector/TreeItem.js +27 -42
  36. package/dist/components/MaterialUI/Surfaces/Paper.js +1 -1
  37. package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js +3 -2
  38. package/dist/components/MaterialUI/muiThemes.js +2 -0
  39. package/dist/components/Provision.js +30 -13
  40. package/dist/components/Routing/SegmentPage.js +115 -56
  41. package/dist/components/Scope/ScopeNode.js +62 -57
  42. package/dist/components/Sidepanel.js +59 -23
  43. package/dist/components/Spritesheet.js +35 -17
  44. package/dist/components/Text.js +1 -60
  45. package/dist/components/ToastList.js +95 -64
  46. package/dist/components/Treeview/Branch.js +82 -20
  47. package/dist/components/Treeview/Label.js +108 -31
  48. package/dist/components/Treeview/Leaf.js +56 -12
  49. package/dist/components/Treeview/Node.js +22 -9
  50. package/dist/components/Treeview/index.js +7 -1
  51. package/dist/components/Treeview/settings.js +17 -6
  52. package/dist/utils/index.js +0 -4
  53. package/dist/utils/testUtils.js +1 -12
  54. package/dist/{components/Modal/Background.js → utils/toastHelper.js} +11 -14
  55. package/package.json +2 -2
  56. package/src/components/AppFrame/About.js +13 -13
  57. package/src/components/AppFrame/Anchor.js +7 -7
  58. package/src/components/AppFrame/AppFrame.js +3 -3
  59. package/src/components/AppFrame/Help.js +4 -4
  60. package/src/components/AppFrame/MenuItem.js +15 -23
  61. package/src/components/AppFrame/Preferences.js +14 -14
  62. package/src/components/AppFrame/Sidebar.js +6 -6
  63. package/src/components/AppFrame/Topbar.js +6 -6
  64. package/src/components/ApplicationModuleLoader.js +2 -2
  65. package/src/components/ApplicationModuleLoader.test.js +15 -28
  66. package/src/components/Authenticate.js +21 -23
  67. package/src/components/Authenticate.test.js +19 -27
  68. package/src/components/DropMenu/Menu.js +9 -9
  69. package/src/components/ErrorPlaceholder.js +4 -21
  70. package/src/components/ErrorPlaceholder.test.js +7 -14
  71. package/src/components/Form/Field.js +4 -4
  72. package/src/components/Form/InputField.test.js +2 -1
  73. package/src/components/Form/Inputs/Button.js +2 -2
  74. package/src/components/Form/Inputs/MultiSelector.js +23 -0
  75. package/src/components/Form/Inputs/MultiSelector.test.js +112 -0
  76. package/src/components/Form/Inputs/index.js +1 -1
  77. package/src/components/InternetExplorerWarningMessage.js +15 -15
  78. package/src/components/Loader.test.js +50 -59
  79. package/src/components/LoadingIcon.js +27 -14
  80. package/src/components/LoadingIcon.test.js +11 -15
  81. package/src/components/MaterialUI/DataDisplay/Modal.js +3 -3
  82. package/src/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js +6 -6
  83. package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js +3 -3
  84. package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.test.js +0 -74
  85. package/src/components/MaterialUI/DataDisplay/PredefinedElements/Translations.test.js +6 -18
  86. package/src/components/MaterialUI/DataDisplay/SelectionList.js +1 -1
  87. package/src/components/MaterialUI/DataDisplay/Table.js +6 -1
  88. package/src/components/MaterialUI/DataDisplay/Table.test.js +21 -1
  89. package/src/components/MaterialUI/DataDisplay/TableProps.js +2 -0
  90. package/src/components/MaterialUI/DataDisplay/TableProps.test.js +20 -2
  91. package/src/components/MaterialUI/DataDisplay/TransferList.js +1 -1
  92. package/src/components/MaterialUI/Inputs/CheckboxGroup.js +1 -1
  93. package/src/components/MaterialUI/Inputs/DatePicker.js +1 -1
  94. package/src/components/MaterialUI/Inputs/InputBase.js +31 -214
  95. package/src/components/MaterialUI/Inputs/InputBase.test.js +1 -460
  96. package/src/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js +1 -1
  97. package/src/components/MaterialUI/Inputs/PredefinedElements/SearchControl.test.js +1 -1
  98. package/src/components/MaterialUI/Inputs/Select.js +7 -0
  99. package/src/components/MaterialUI/Inputs/Select.test.js +45 -0
  100. package/src/components/MaterialUI/Inputs/SelectProps.js +2 -0
  101. package/src/components/MaterialUI/Inputs/SelectProps.test.js +2 -0
  102. package/src/components/MaterialUI/Inputs/Switch.js +1 -1
  103. package/src/components/MaterialUI/Navigation/DropDownMenu.js +2 -2
  104. package/src/components/MaterialUI/Navigation/DropDownMenu.test.js +5 -6
  105. package/src/components/MaterialUI/ScopeSelector/ScopeSelector.js +1 -2
  106. package/src/components/MaterialUI/ScopeSelector/TreeItem.js +8 -31
  107. package/src/components/MaterialUI/Surfaces/Paper.js +1 -1
  108. package/src/components/MaterialUI/Surfaces/SectionExpansionPanel.js +2 -1
  109. package/src/components/MaterialUI/muiThemes.js +3 -0
  110. package/src/components/Navigation/Navigation.test.js +0 -5
  111. package/src/components/Navigation/useNavigationState.test.js +79 -222
  112. package/src/components/Provision.js +36 -42
  113. package/src/components/Provision.test.js +10 -26
  114. package/src/components/Routing/SegmentPage.js +68 -52
  115. package/src/components/Routing/SegmentPage.test.js +4 -12
  116. package/src/components/Scope/ScopeNode.js +44 -55
  117. package/src/components/Scope/ScopeNode.test.js +84 -163
  118. package/src/components/ScopeExtendedConfigurationLoader.test.js +1 -4
  119. package/src/components/Sidepanel.js +38 -32
  120. package/src/components/Sidepanel.test.js +54 -27
  121. package/src/components/Spritesheet.js +23 -21
  122. package/src/components/Spritesheet.test.js +10 -10
  123. package/src/components/Text.js +0 -49
  124. package/src/components/ToastList.js +79 -90
  125. package/src/components/ToastList.test.js +29 -103
  126. package/src/components/Treeview/Branch.js +65 -47
  127. package/src/components/Treeview/Branch.test.js +2 -43
  128. package/src/components/Treeview/Label.js +68 -54
  129. package/src/components/Treeview/Label.test.js +55 -63
  130. package/src/components/Treeview/Leaf.js +41 -22
  131. package/src/components/Treeview/Leaf.test.js +1 -15
  132. package/src/components/Treeview/Node.js +16 -9
  133. package/src/components/Treeview/Node.test.js +269 -200
  134. package/src/components/Treeview/Treeview.test.js +248 -248
  135. package/src/components/Treeview/index.js +6 -0
  136. package/src/components/Treeview/settings.js +10 -6
  137. package/src/utils/index.js +0 -4
  138. package/src/utils/testUtils.js +0 -10
  139. package/src/utils/testUtils.test.js +0 -68
  140. package/src/utils/toastHelper.js +8 -0
  141. package/src/utils/toastHelper.test.js +41 -0
  142. package/dist/components/Button.js +0 -70
  143. package/dist/components/CategoryList.js +0 -197
  144. package/dist/components/Checkbox.js +0 -103
  145. package/dist/components/Icon.js +0 -69
  146. package/dist/components/Input.js +0 -101
  147. package/dist/components/List/DataCell.js +0 -129
  148. package/dist/components/List/HeadCell.js +0 -125
  149. package/dist/components/List/HeadRow.js +0 -73
  150. package/dist/components/List/List.js +0 -274
  151. package/dist/components/List/Row.js +0 -109
  152. package/dist/components/List/enhanceColumnDefs.js +0 -111
  153. package/dist/components/List/index.js +0 -59
  154. package/dist/components/Modal/Dialog.js +0 -75
  155. package/dist/components/Modal/Wrapper.js +0 -69
  156. package/dist/components/Modal/index.js +0 -86
  157. package/dist/components/MultiSelector.js +0 -187
  158. package/dist/components/Navigation/Bar.js +0 -293
  159. package/dist/components/Navigation/Tab.js +0 -182
  160. package/dist/components/Placeholder.js +0 -114
  161. package/dist/components/Scope/Selector.js +0 -123
  162. package/dist/components/Selector.js +0 -185
  163. package/dist/components/Switch.js +0 -128
  164. package/dist/components/Toolbar.js +0 -227
  165. package/dist/components/Tooltip.js +0 -66
  166. package/dist/getTheme.js +0 -158
  167. package/dist/getThemeOverrides.js +0 -93
  168. package/dist/hocs/withAuthentication.js +0 -72
  169. package/dist/utils/styledPropFuncs.js +0 -88
  170. package/src/components/Button.js +0 -90
  171. package/src/components/Button.test.js +0 -49
  172. package/src/components/CategoryList.js +0 -140
  173. package/src/components/CategoryList.test.js +0 -667
  174. package/src/components/Checkbox.js +0 -63
  175. package/src/components/Checkbox.test.js +0 -122
  176. package/src/components/Icon.js +0 -18
  177. package/src/components/IconButton.js +0 -30
  178. package/src/components/IconButton.test.js +0 -61
  179. package/src/components/Input.js +0 -35
  180. package/src/components/Input.test.js +0 -34
  181. package/src/components/List/DataCell.js +0 -77
  182. package/src/components/List/DataCell.test.js +0 -357
  183. package/src/components/List/HeadCell.js +0 -105
  184. package/src/components/List/HeadCell.test.js +0 -331
  185. package/src/components/List/HeadRow.js +0 -21
  186. package/src/components/List/HeadRow.test.js +0 -27
  187. package/src/components/List/List.js +0 -162
  188. package/src/components/List/List.test.js +0 -705
  189. package/src/components/List/Row.js +0 -72
  190. package/src/components/List/Row.test.js +0 -194
  191. package/src/components/List/enhanceColumnDefs.js +0 -54
  192. package/src/components/List/enhanceColumnDefs.test.js +0 -179
  193. package/src/components/List/index.js +0 -6
  194. package/src/components/Modal/Background.js +0 -10
  195. package/src/components/Modal/Dialog.js +0 -27
  196. package/src/components/Modal/Dialog.test.js +0 -20
  197. package/src/components/Modal/Modal.test.js +0 -52
  198. package/src/components/Modal/Wrapper.js +0 -32
  199. package/src/components/Modal/Wrapper.test.js +0 -55
  200. package/src/components/Modal/index.js +0 -22
  201. package/src/components/MultiSelector.js +0 -104
  202. package/src/components/MultiSelector.test.js +0 -348
  203. package/src/components/Navigation/Bar.js +0 -212
  204. package/src/components/Navigation/Bar.test.js +0 -552
  205. package/src/components/Navigation/Tab.js +0 -156
  206. package/src/components/Navigation/Tab.test.js +0 -404
  207. package/src/components/Placeholder.js +0 -61
  208. package/src/components/Placeholder.test.js +0 -106
  209. package/src/components/Scope/Selector.js +0 -70
  210. package/src/components/Scope/Selector.test.js +0 -138
  211. package/src/components/Selector.js +0 -191
  212. package/src/components/Selector.test.js +0 -157
  213. package/src/components/Switch.js +0 -112
  214. package/src/components/Switch.test.js +0 -130
  215. package/src/components/Text.test.js +0 -132
  216. package/src/components/Toolbar.js +0 -178
  217. package/src/components/Toolbar.test.js +0 -478
  218. package/src/components/Tooltip.js +0 -51
  219. package/src/components/Tooltip.test.js +0 -21
  220. package/src/getTheme.js +0 -103
  221. package/src/getTheme.test.js +0 -92
  222. package/src/getThemeOverrides.js +0 -27
  223. package/src/hocs/withAuthentication.js +0 -18
  224. package/src/hocs/withAuthentication.test.js +0 -120
  225. package/src/utils/styledPropFuncs.js +0 -20
  226. package/src/utils/styledPropFuncs.test.js +0 -166
@@ -1,69 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Wrapper = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _reactDom = _interopRequireDefault(require("react-dom"));
7
- var _styledTransitionGroup = _interopRequireDefault(require("styled-transition-group"));
8
- var _templateObject;
9
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
- (function () {
11
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
12
- enterModule && enterModule(module);
13
- })();
14
- (function () {
15
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
16
- enterModule && enterModule(module);
17
- })();
18
- function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
19
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
20
- return a;
21
- };
22
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
23
- return a;
24
- };
25
- var getModalRoot = function getModalRoot() {
26
- return document.getElementById("modal");
27
- };
28
- var Wrapper = exports.Wrapper = _styledTransitionGroup.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tz-index: 9999;\n\tdisplay: flex;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tbottom: 0;\n\tright: 0;\n\ttransition: opacity ", "ms ease-out;\n\n\t&:enter {\n\t\topacity: 0.01;\n\t}\n\t&:enter-active {\n\t\topacity: 1;\n\t}\n\t&:exit {\n\t\topacity: 1;\n\t}\n\t&:exit-active {\n\t\topacity: 0.01;\n\t}\n"])), function (props) {
29
- return props.timeout;
30
- });
31
- Wrapper.defaultProps = {
32
- timeout: 300,
33
- unmountOnExit: true
34
- };
35
- var _default = function _default(props) {
36
- return _reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(Wrapper, props), getModalRoot());
37
- };
38
- var _default2 = _default;
39
- var _default3 = exports.default = _default2;
40
- ;
41
- (function () {
42
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
43
- if (!reactHotLoader) {
44
- return;
45
- }
46
- reactHotLoader.register(getModalRoot, "getModalRoot", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
47
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
48
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
49
- })();
50
- ;
51
- (function () {
52
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
53
- leaveModule && leaveModule(module);
54
- })();
55
- ;
56
- (function () {
57
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
58
- if (!reactHotLoader) {
59
- return;
60
- }
61
- reactHotLoader.register(getModalRoot, "getModalRoot", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
62
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
63
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Modal/Wrapper.js");
64
- })();
65
- ;
66
- (function () {
67
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
68
- leaveModule && leaveModule(module);
69
- })();
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Modal = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _Wrapper = _interopRequireDefault(require("./Wrapper"));
7
- var _Background = _interopRequireDefault(require("./Background"));
8
- var _Dialog = _interopRequireDefault(require("./Dialog"));
9
- var _useToggle3 = _interopRequireDefault(require("../../hooks/useToggle"));
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- (function () {
14
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
15
- enterModule && enterModule(module);
16
- })();
17
- (function () {
18
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
19
- enterModule && enterModule(module);
20
- })();
21
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
22
- 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."); }
23
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
24
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
25
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
26
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
27
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
28
- return a;
29
- };
30
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
31
- return a;
32
- };
33
- var Modal = exports.Modal = function Modal(_ref) {
34
- var initShow = _ref.initShow,
35
- anchor = _ref.anchor,
36
- content = _ref.content,
37
- look = _ref.look;
38
- var _useToggle = (0, _useToggle3.default)(initShow),
39
- _useToggle2 = _slicedToArray(_useToggle, 2),
40
- show = _useToggle2[0],
41
- toggle = _useToggle2[1];
42
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, anchor(toggle), /*#__PURE__*/_react.default.createElement(_Wrapper.default, {
43
- in: show,
44
- timeout: 300
45
- }, /*#__PURE__*/_react.default.createElement(_Background.default, null), /*#__PURE__*/_react.default.createElement(_Dialog.default, {
46
- look: look,
47
- onClickOutside: toggle
48
- }, content(toggle))));
49
- };
50
- __signature__(Modal, "useToggle{[show, toggle]}", function () {
51
- return [_useToggle3.default];
52
- });
53
- __signature__(Modal, "useToggle{[show, toggle]}", function () {
54
- return [_useToggle3.default];
55
- });
56
- var _default = Modal;
57
- var _default2 = _default;
58
- var _default3 = exports.default = _default2;
59
- ;
60
- (function () {
61
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
62
- if (!reactHotLoader) {
63
- return;
64
- }
65
- reactHotLoader.register(Modal, "Modal", "/home/vsts/work/1/s/src/components/Modal/index.js");
66
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Modal/index.js");
67
- })();
68
- ;
69
- (function () {
70
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
71
- leaveModule && leaveModule(module);
72
- })();
73
- ;
74
- (function () {
75
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
76
- if (!reactHotLoader) {
77
- return;
78
- }
79
- reactHotLoader.register(Modal, "Modal", "/home/vsts/work/1/s/src/components/Modal/index.js");
80
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Modal/index.js");
81
- })();
82
- ;
83
- (function () {
84
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
85
- leaveModule && leaveModule(module);
86
- })();
@@ -1,187 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.SelectedValue = exports.MultiSelector = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _styledComponents = _interopRequireDefault(require("styled-components"));
7
- var _utils = require("../utils");
8
- var _withId = _interopRequireDefault(require("../hocs/withId"));
9
- var _Text = _interopRequireDefault(require("./Text"));
10
- var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
11
- var _Selector = require("./Selector");
12
- var _excluded = ["id", "value", "options", "update", "selectAllMessage", "clearMessage", "placeholder", "required"];
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
15
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
- (function () {
17
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
18
- enterModule && enterModule(module);
19
- })();
20
- (function () {
21
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
22
- enterModule && enterModule(module);
23
- })();
24
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
25
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
28
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
29
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
30
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
31
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
32
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
33
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
34
- return a;
35
- };
36
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
37
- return a;
38
- };
39
- var SelectedValue = exports.SelectedValue = _styledComponents.default.span.withConfig({
40
- displayName: "MultiSelector__SelectedValue",
41
- componentId: "sc-tl8y6p-0"
42
- })(["display:inline-block;width:calc(100% - 20px);white-space:pre;overflow:hidden;"]);
43
- var arrayToggle = function arrayToggle(arr, item) {
44
- var output = arr.filter(function (val) {
45
- return val !== item;
46
- });
47
- if (output.length < arr.length) {
48
- return output;
49
- }
50
- output.push(item);
51
- return output;
52
- };
53
- var labelFromOptions = function labelFromOptions(options) {
54
- return options.map(function (option) {
55
- return option.label;
56
- }).join(", ");
57
- };
58
- var MultiSelector = exports.MultiSelector = function MultiSelector(_ref) {
59
- var id = _ref.id,
60
- _ref$value = _ref.value,
61
- value = _ref$value === void 0 ? [] : _ref$value,
62
- options = _ref.options,
63
- update = _ref.update,
64
- _ref$selectAllMessage = _ref.selectAllMessage,
65
- selectAllMessage = _ref$selectAllMessage === void 0 ? "[Select all]" : _ref$selectAllMessage,
66
- _ref$clearMessage = _ref.clearMessage,
67
- clearMessage = _ref$clearMessage === void 0 ? "[Clear]" : _ref$clearMessage,
68
- _ref$placeholder = _ref.placeholder,
69
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
70
- required = _ref.required,
71
- props = _objectWithoutProperties(_ref, _excluded);
72
- var selectAll = (0, _react.useCallback)(function () {
73
- return update(options.map(function (opt) {
74
- return opt.value;
75
- }));
76
- }, [update, options]);
77
- var clearValue = (0, _react.useCallback)(function () {
78
- return update([]);
79
- }, [update]);
80
- // eslint-disable-next-line react-hooks/exhaustive-deps
81
- var clickOption = (0, _react.useCallback)((0, _utils.memoize)(function (clickValue) {
82
- return function () {
83
- return update(arrayToggle(value, clickValue));
84
- };
85
- }), [update, value]);
86
- var onChange = (0, _react.useCallback)(function (e) {
87
- return update(arrayToggle(value, e.target.value));
88
- }, [update, value]);
89
- var _useState = (0, _react.useState)(false),
90
- _useState2 = _slicedToArray(_useState, 2),
91
- isVisible = _useState2[0],
92
- setIsVisible = _useState2[1];
93
- /* istanbul ignore next */
94
- var toggleVisibility = function toggleVisibility() {
95
- setIsVisible(!isVisible);
96
- };
97
-
98
- /* istanbul ignore next */
99
- var handlerClickAway = function handlerClickAway() {
100
- setIsVisible(false);
101
- };
102
-
103
- /* istanbul ignore next */
104
- return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
105
- onClickAway: function onClickAway() {
106
- return handlerClickAway();
107
- }
108
- }, /*#__PURE__*/_react.default.createElement(_Selector.Wrapper, null, /*#__PURE__*/_react.default.createElement(_Selector.InnerSelect, _extends({
109
- id: id,
110
- onChange: onChange,
111
- value: value,
112
- multiple: true,
113
- required: required
114
- }, props), options.map(function (option) {
115
- return /*#__PURE__*/_react.default.createElement("option", {
116
- key: option.value,
117
- value: option.value
118
- }, option.label);
119
- })), /*#__PURE__*/_react.default.createElement(_Selector.SelectBox, {
120
- htmlFor: id,
121
- onClick: function onClick() {
122
- return toggleVisibility();
123
- }
124
- }, value.length ? /*#__PURE__*/_react.default.createElement(SelectedValue, null, labelFromOptions(options.filter(function (option) {
125
- return value.indexOf(option.value) !== -1;
126
- }))) : /*#__PURE__*/_react.default.createElement(_Selector.Placeholder, null, placeholder)), /*#__PURE__*/_react.default.createElement(_Selector.Dropdown, {
127
- isVisible: isVisible
128
- }, value.length ? /*#__PURE__*/_react.default.createElement(_Selector.Option, {
129
- key: "multiselect_clear",
130
- onClick: clearValue,
131
- "data-test-id": "multiselect_clear"
132
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
133
- message: clearMessage
134
- })) : null, value.length === options.length ? null : /*#__PURE__*/_react.default.createElement(_Selector.Option, {
135
- key: "multiselect_selectAll",
136
- onClick: selectAll,
137
- "data-test-id": "multiselect_selectAll"
138
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
139
- message: selectAllMessage
140
- })), options.map(function (option) {
141
- return /*#__PURE__*/_react.default.createElement(_Selector.Option, {
142
- key: option.value,
143
- active: value.indexOf(option.value) !== -1,
144
- onClick: clickOption(option.value),
145
- "data-test-id": option.value
146
- }, option.label);
147
- }))));
148
- };
149
- __signature__(MultiSelector, "useCallback{selectAll}\nuseCallback{clearValue}\nuseCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
150
- __signature__(MultiSelector, "useCallback{selectAll}\nuseCallback{clearValue}\nuseCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
151
- var _default = (0, _withId.default)("selector")(MultiSelector);
152
- var _default2 = _default;
153
- var _default3 = exports.default = _default2;
154
- ;
155
- (function () {
156
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
157
- if (!reactHotLoader) {
158
- return;
159
- }
160
- reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/MultiSelector.js");
161
- reactHotLoader.register(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/MultiSelector.js");
162
- reactHotLoader.register(labelFromOptions, "labelFromOptions", "/home/vsts/work/1/s/src/components/MultiSelector.js");
163
- reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/MultiSelector.js");
164
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/MultiSelector.js");
165
- })();
166
- ;
167
- (function () {
168
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
169
- leaveModule && leaveModule(module);
170
- })();
171
- ;
172
- (function () {
173
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
174
- if (!reactHotLoader) {
175
- return;
176
- }
177
- reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/MultiSelector.js");
178
- reactHotLoader.register(arrayToggle, "arrayToggle", "/home/vsts/work/1/s/src/components/MultiSelector.js");
179
- reactHotLoader.register(labelFromOptions, "labelFromOptions", "/home/vsts/work/1/s/src/components/MultiSelector.js");
180
- reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/MultiSelector.js");
181
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/MultiSelector.js");
182
- })();
183
- ;
184
- (function () {
185
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
186
- leaveModule && leaveModule(module);
187
- })();
@@ -1,293 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.useTabScroll = exports.default = exports.TabBar = exports.StyledMenu = exports.ScrollableBar = exports.MenuButton = exports.InnerBar = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _styledComponents = _interopRequireDefault(require("styled-components"));
7
- var _reactRouterDom = require("react-router-dom");
8
- var _utils = require("../../utils");
9
- var _DropMenu = _interopRequireDefault(require("../DropMenu"));
10
- var _IconButton = _interopRequireDefault(require("../IconButton"));
11
- var _Tab = _interopRequireDefault(require("./Tab"));
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
15
- (function () {
16
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
17
- enterModule && enterModule(module);
18
- })();
19
- (function () {
20
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
21
- enterModule && enterModule(module);
22
- })();
23
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
24
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
25
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
26
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
27
- function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
28
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
29
- 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."); }
30
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
31
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
32
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
33
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
34
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
35
- return a;
36
- };
37
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
38
- return a;
39
- };
40
- var TabBar = exports.TabBar = _styledComponents.default.div.withConfig({
41
- displayName: "Bar__TabBar",
42
- componentId: "sc-9rl7eq-0"
43
- })(["flex:0 0 10px;max-height:0px;padding:0 0 0 10px;margin:0 200px 0 0;display:flex;align-items:flex-end;width:calc(100% - 210px);font-family:", ";font-size:13px;text-transform:uppercase;"], (0, _utils.getThemeProp)(["fonts", "header"], "sans-serif"));
44
- var InnerBar = exports.InnerBar = _styledComponents.default.div.withConfig({
45
- displayName: "Bar__InnerBar",
46
- componentId: "sc-9rl7eq-1"
47
- })(["position:relative;flex:0 1 100%;margin-left:-10px;padding-left:10px;z-index:0;overflow:hidden;min-width:0;box-sizing:border-box;height:50px;display:flex;align-items:flex-end;scroll-behavior:smooth;"]);
48
- var Fade = _styledComponents.default.div.withConfig({
49
- displayName: "Bar__Fade",
50
- componentId: "sc-9rl7eq-2"
51
- })(["position:absolute;left:0;bottom:11px;height:38px;width:10px;z-index:1;background-color:red;box-shadow:0px 0 5px 5px #fff;clip-path:polygon(-10px 0,-10px 100%,30px 100%,30px 0);visibility:", ";"], (0, _utils.ifFlag)("scroll", "visible", "hidden"));
52
- var ScrollableBar = exports.ScrollableBar = _react.default.forwardRef(function (_ref, ref) {
53
- var children = _ref.children;
54
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Fade, {
55
- scroll: 0
56
- }), /*#__PURE__*/_react.default.createElement(InnerBar, {
57
- id: "navigationPageTabs",
58
- ref: ref
59
- }, children));
60
- });
61
- var getTabEdges = function getTabEdges(pages, tabRefs) {
62
- var lastWidth = 0;
63
- return pages.map(function (_ref2) {
64
- var href = _ref2.href;
65
- var tabWidth = (0, _utils.safeGet)(tabRefs, href, "offsetWidth") || 0;
66
- lastWidth += tabWidth;
67
- return lastWidth;
68
- });
69
- };
70
- var useTabScroll = exports.useTabScroll = function useTabScroll(pages, debug, refs) {
71
- if (debug === void 0) {
72
- debug = false;
73
- }
74
- var barRef = (0, _react.useRef)(null);
75
- var tabRefs = (0, _react.useRef)({});
76
- if (debug) {
77
- barRef = refs.barRef;
78
- tabRefs = refs.tabRefs;
79
- }
80
- var _useState = (0, _react.useState)(0),
81
- _useState2 = _slicedToArray(_useState, 2),
82
- barWidth = _useState2[0],
83
- setBarWidth = _useState2[1];
84
- var _useState3 = (0, _react.useState)([]),
85
- _useState4 = _slicedToArray(_useState3, 2),
86
- tabEdges = _useState4[0],
87
- setTabEdges = _useState4[1];
88
- var setWidthOfBar = (0, _react.useCallback)(function () {
89
- setBarWidth((0, _utils.safeGet)(barRef, "current", "offsetWidth") || 0);
90
- }, [barRef, setBarWidth]);
91
- var setEdgesOfTabs = (0, _react.useCallback)(function () {
92
- setTabEdges(getTabEdges(pages, tabRefs.current));
93
- }, [pages, tabRefs, setTabEdges]);
94
- (0, _react.useEffect)(function () {
95
- setWidthOfBar();
96
- window.addEventListener("resize", setWidthOfBar);
97
- return function () {
98
- return window.removeEventListener("resize", setWidthOfBar);
99
- };
100
- }, [pages, setWidthOfBar]);
101
- (0, _react.useEffect)(function () {
102
- setEdgesOfTabs(pages);
103
- window.addEventListener("resize", setEdgesOfTabs);
104
- return function () {
105
- return window.removeEventListener("resize", setEdgesOfTabs);
106
- };
107
- }, [pages, setEdgesOfTabs]);
108
- var lastActiveIndex = (0, _react.useRef)(-1);
109
- var activeIndex = pages.findIndex(function (page) {
110
- return page.active;
111
- });
112
- if (activeIndex === -1) {
113
- activeIndex = lastActiveIndex.current;
114
- } else {
115
- lastActiveIndex.current = activeIndex;
116
- }
117
- var _useState5 = (0, _react.useState)(pages.length),
118
- _useState6 = _slicedToArray(_useState5, 2),
119
- lastShownTab = _useState6[0],
120
- setLastShown = _useState6[1];
121
- (0, _react.useEffect)(function () {
122
- var barElem = barRef.current;
123
- /* istanbul ignore if */
124
- if (!barElem) return;
125
- var activeEdge = tabEdges[activeIndex + 1] || tabEdges[activeIndex] || 0;
126
- var scrollEdge = Math.max(activeEdge - barWidth + 7, 0);
127
- barElem.scrollLeft = scrollEdge;
128
- var edgeIndex = tabEdges.findIndex(function (edge) {
129
- return edge > barWidth + barElem.scrollLeft - 10;
130
- }) - 1;
131
- if (tabEdges[tabEdges.length - 1] <= barWidth) {
132
- setLastShown(pages.length);
133
- } else if (edgeIndex > activeIndex) {
134
- setLastShown(edgeIndex);
135
- } else {
136
- setLastShown(activeIndex + 1);
137
- }
138
- }, [setLastShown, pages, barRef, barWidth, tabEdges, activeIndex]);
139
- var history = (0, _reactRouterDom.useHistory)();
140
- return _objectSpread(_objectSpread({}, debug ? {
141
- barWidth: barWidth,
142
- tabEdges: tabEdges
143
- } : {}), {}, {
144
- hiddenTabs: barWidth < tabEdges[tabEdges.length - 1],
145
- lastShownTab: lastShownTab,
146
- tabMenuItems: pages.map(function (_ref3) {
147
- var label = _ref3.label,
148
- href = _ref3.href;
149
- return {
150
- id: href,
151
- label: label,
152
- handler: function handler() {
153
- history.push(href);
154
- }
155
- };
156
- }),
157
- getTabRef: (0, _react.useCallback)(function (node) {
158
- /* istanbul ignore else */
159
- if (node) {
160
- var href = (0, _utils.safeGet)(node, "dataset", "href");
161
- tabRefs.current[href] = node;
162
- }
163
- }, [tabRefs]),
164
- getBarRef: (0, _react.useCallback)(function (node) {
165
- /* istanbul ignore else */
166
- if (node && node !== barRef.current) {
167
- barRef.current = node;
168
- }
169
- }, [barRef])
170
- });
171
- };
172
- __signature__(useTabScroll, "useRef{barRef}\nuseRef{tabRefs}\nuseState{[barWidth, setBarWidth](0)}\nuseState{[tabEdges, setTabEdges]([])}\nuseCallback{setWidthOfBar}\nuseCallback{setEdgesOfTabs}\nuseEffect{}\nuseEffect{}\nuseRef{lastActiveIndex}\nuseState{[lastShownTab, setLastShown](pages.length)}\nuseEffect{}\nuseHistory{history}\nuseCallback{}\nuseCallback{}", function () {
173
- return [_reactRouterDom.useHistory];
174
- });
175
- __signature__(useTabScroll, "useRef{barRef}\nuseRef{tabRefs}\nuseState{[barWidth, setBarWidth](0)}\nuseState{[tabEdges, setTabEdges]([])}\nuseCallback{setWidthOfBar}\nuseCallback{setEdgesOfTabs}\nuseEffect{}\nuseEffect{}\nuseRef{lastActiveIndex}\nuseState{[lastShownTab, setLastShown](pages.length)}\nuseEffect{}\nuseHistory{history}\nuseCallback{}\nuseCallback{}", function () {
176
- return [_reactRouterDom.useHistory];
177
- });
178
- var StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_DropMenu.default).attrs(function () {
179
- return {
180
- alignRight: true
181
- };
182
- }).withConfig({
183
- displayName: "Bar__StyledMenu",
184
- componentId: "sc-9rl7eq-3"
185
- })(["position:absolute;top:10px;right:140px;text-transform:none;"]);
186
- var MenuButton = exports.MenuButton = (0, _styledComponents.default)(_IconButton.default).attrs(function (props) {
187
- return {
188
- icon: (0, _utils.ifFlag)("open", (0, _utils.getThemeProp)(["icons", "indicators", "more"], "arrow-more"), (0, _utils.getThemeProp)(["icons", "indicators", "more"], "arrow-more"))(props)
189
- };
190
- }).withConfig({
191
- displayName: "Bar__MenuButton",
192
- componentId: "sc-9rl7eq-4"
193
- })([""]);
194
- var Bar = function Bar(_ref4) {
195
- var module = _ref4.module,
196
- pages = _ref4.pages;
197
- var _useTabScroll = useTabScroll(pages),
198
- hiddenTabs = _useTabScroll.hiddenTabs,
199
- tabMenuItems = _useTabScroll.tabMenuItems,
200
- lastShownTab = _useTabScroll.lastShownTab,
201
- getTabRef = _useTabScroll.getTabRef,
202
- getBarRef = _useTabScroll.getBarRef;
203
- return /*#__PURE__*/_react.default.createElement(TabBar, null, /*#__PURE__*/_react.default.createElement(_Tab.default, {
204
- module: true,
205
- icon: module.icon,
206
- href: module.href,
207
- mappedFrom: module.mappedFrom,
208
- label: module.label,
209
- active: module.active
210
- }), /*#__PURE__*/_react.default.createElement(ScrollableBar, {
211
- ref: getBarRef
212
- }, pages.map(function (_ref5, index) {
213
- var href = _ref5.href,
214
- mappedFrom = _ref5.mappedFrom,
215
- label = _ref5.label,
216
- mustTruncate = _ref5.mustTruncate,
217
- active = _ref5.active,
218
- icon = _ref5.icon,
219
- outsideScope = _ref5.outsideScope,
220
- scopeNotSupported = _ref5.scopeNotSupported,
221
- close = _ref5.close;
222
- return /*#__PURE__*/_react.default.createElement(_Tab.default, {
223
- ref: getTabRef,
224
- key: href,
225
- icon: icon,
226
- href: href,
227
- mappedFrom: mappedFrom,
228
- label: label,
229
- mustTruncate: mustTruncate,
230
- active: active,
231
- close: close,
232
- outsideScope: outsideScope,
233
- scopeNotSupported: scopeNotSupported,
234
- hide: index > lastShownTab
235
- });
236
- })), hiddenTabs ? /*#__PURE__*/_react.default.createElement(StyledMenu, {
237
- id: "navigationTabs",
238
- menuItems: tabMenuItems
239
- }, /*#__PURE__*/_react.default.createElement(MenuButton, null)) : null);
240
- };
241
- __signature__(Bar, "useTabScroll{{ hiddenTabs, tabMenuItems, lastShownTab, getTabRef, getBarRef }}", function () {
242
- return [useTabScroll];
243
- });
244
- __signature__(Bar, "useTabScroll{{ hiddenTabs, tabMenuItems, lastShownTab, getTabRef, getBarRef }}", function () {
245
- return [useTabScroll];
246
- });
247
- var _default = Bar;
248
- var _default2 = _default;
249
- var _default3 = exports.default = _default2;
250
- ;
251
- (function () {
252
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
253
- if (!reactHotLoader) {
254
- return;
255
- }
256
- reactHotLoader.register(TabBar, "TabBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
257
- reactHotLoader.register(InnerBar, "InnerBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
258
- reactHotLoader.register(Fade, "Fade", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
259
- reactHotLoader.register(ScrollableBar, "ScrollableBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
260
- reactHotLoader.register(getTabEdges, "getTabEdges", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
261
- reactHotLoader.register(useTabScroll, "useTabScroll", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
262
- reactHotLoader.register(StyledMenu, "StyledMenu", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
263
- reactHotLoader.register(MenuButton, "MenuButton", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
264
- reactHotLoader.register(Bar, "Bar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
265
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
266
- })();
267
- ;
268
- (function () {
269
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
270
- leaveModule && leaveModule(module);
271
- })();
272
- ;
273
- (function () {
274
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
275
- if (!reactHotLoader) {
276
- return;
277
- }
278
- reactHotLoader.register(TabBar, "TabBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
279
- reactHotLoader.register(InnerBar, "InnerBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
280
- reactHotLoader.register(Fade, "Fade", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
281
- reactHotLoader.register(ScrollableBar, "ScrollableBar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
282
- reactHotLoader.register(getTabEdges, "getTabEdges", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
283
- reactHotLoader.register(useTabScroll, "useTabScroll", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
284
- reactHotLoader.register(StyledMenu, "StyledMenu", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
285
- reactHotLoader.register(MenuButton, "MenuButton", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
286
- reactHotLoader.register(Bar, "Bar", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
287
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Navigation/Bar.js");
288
- })();
289
- ;
290
- (function () {
291
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
292
- leaveModule && leaveModule(module);
293
- })();