orc-shared 5.10.1-dev.8 → 5.10.1-dev.9

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 (133) hide show
  1. package/dist/components/Authenticate.js +41 -17
  2. package/dist/components/ErrorPlaceholder.js +8 -24
  3. package/dist/components/{Icon.js → Form/Inputs/MultiSelector.js} +33 -20
  4. package/dist/components/Form/Inputs/index.js +1 -1
  5. package/dist/components/LoadingIcon.js +6 -16
  6. package/dist/components/MaterialUI/Inputs/Select.js +10 -0
  7. package/dist/components/MaterialUI/Inputs/SelectProps.js +3 -1
  8. package/dist/components/MaterialUI/Navigation/DropDownMenu.js +2 -4
  9. package/dist/components/Provision.js +30 -13
  10. package/dist/components/Routing/SegmentPage.js +115 -56
  11. package/dist/components/Scope/ScopeNode.js +68 -45
  12. package/dist/components/Sidepanel.js +57 -23
  13. package/dist/components/Spritesheet.js +33 -17
  14. package/dist/components/Text.js +1 -60
  15. package/dist/components/Treeview/Branch.js +82 -20
  16. package/dist/components/Treeview/Label.js +108 -31
  17. package/dist/components/Treeview/Leaf.js +56 -12
  18. package/dist/components/Treeview/Node.js +22 -9
  19. package/dist/components/Treeview/index.js +7 -1
  20. package/dist/components/Treeview/settings.js +7 -5
  21. package/dist/utils/index.js +0 -4
  22. package/dist/utils/testUtils.js +1 -12
  23. package/package.json +1 -1
  24. package/src/components/ApplicationModuleLoader.test.js +14 -27
  25. package/src/components/Authenticate.js +29 -21
  26. package/src/components/Authenticate.test.js +18 -27
  27. package/src/components/ErrorPlaceholder.js +4 -21
  28. package/src/components/ErrorPlaceholder.test.js +7 -14
  29. package/src/components/Form/InputField.test.js +2 -1
  30. package/src/components/Form/Inputs/MultiSelector.js +23 -0
  31. package/src/components/Form/Inputs/MultiSelector.test.js +112 -0
  32. package/src/components/Form/Inputs/index.js +1 -1
  33. package/src/components/Loader.test.js +21 -33
  34. package/src/components/LoadingIcon.js +2 -15
  35. package/src/components/LoadingIcon.test.js +2 -20
  36. package/src/components/MaterialUI/DataDisplay/Table.test.js +1 -1
  37. package/src/components/MaterialUI/Inputs/Select.js +7 -0
  38. package/src/components/MaterialUI/Inputs/Select.test.js +45 -0
  39. package/src/components/MaterialUI/Inputs/SelectProps.js +2 -0
  40. package/src/components/MaterialUI/Inputs/SelectProps.test.js +2 -0
  41. package/src/components/MaterialUI/Navigation/DropDownMenu.js +2 -2
  42. package/src/components/MaterialUI/Navigation/DropDownMenu.test.js +5 -6
  43. package/src/components/Navigation/Navigation.test.js +0 -5
  44. package/src/components/Navigation/useNavigationState.test.js +79 -222
  45. package/src/components/Provision.js +36 -42
  46. package/src/components/Provision.test.js +10 -26
  47. package/src/components/Routing/SegmentPage.js +68 -52
  48. package/src/components/Routing/SegmentPage.test.js +4 -12
  49. package/src/components/Scope/ScopeNode.js +61 -54
  50. package/src/components/Scope/ScopeNode.test.js +61 -154
  51. package/src/components/ScopeExtendedConfigurationLoader.test.js +1 -4
  52. package/src/components/Sidepanel.js +38 -32
  53. package/src/components/Sidepanel.test.js +49 -27
  54. package/src/components/Spritesheet.js +23 -21
  55. package/src/components/Spritesheet.test.js +10 -10
  56. package/src/components/Text.js +0 -49
  57. package/src/components/Treeview/Branch.js +63 -45
  58. package/src/components/Treeview/Branch.test.js +21 -24
  59. package/src/components/Treeview/Label.js +66 -52
  60. package/src/components/Treeview/Label.test.js +42 -60
  61. package/src/components/Treeview/Leaf.js +41 -22
  62. package/src/components/Treeview/Leaf.test.js +15 -10
  63. package/src/components/Treeview/Node.js +16 -9
  64. package/src/components/Treeview/Node.test.js +269 -200
  65. package/src/components/Treeview/Treeview.test.js +248 -248
  66. package/src/components/Treeview/index.js +6 -0
  67. package/src/components/Treeview/settings.js +7 -6
  68. package/src/utils/index.js +0 -4
  69. package/src/utils/testUtils.js +0 -10
  70. package/src/utils/testUtils.test.js +0 -68
  71. package/dist/components/Button.js +0 -70
  72. package/dist/components/Checkbox.js +0 -103
  73. package/dist/components/IconButton.js +0 -80
  74. package/dist/components/Input.js +0 -101
  75. package/dist/components/Modal/Background.js +0 -55
  76. package/dist/components/Modal/Dialog.js +0 -75
  77. package/dist/components/Modal/Wrapper.js +0 -69
  78. package/dist/components/Modal/index.js +0 -86
  79. package/dist/components/MultiSelector.js +0 -187
  80. package/dist/components/Navigation/Bar.js +0 -293
  81. package/dist/components/Navigation/Tab.js +0 -182
  82. package/dist/components/Placeholder.js +0 -114
  83. package/dist/components/Scope/Selector.js +0 -123
  84. package/dist/components/Selector.js +0 -185
  85. package/dist/components/Switch.js +0 -128
  86. package/dist/components/Toolbar.js +0 -227
  87. package/dist/components/Tooltip.js +0 -66
  88. package/dist/getTheme.js +0 -153
  89. package/dist/getThemeOverrides.js +0 -93
  90. package/dist/hocs/withAuthentication.js +0 -72
  91. package/dist/utils/styledPropFuncs.js +0 -88
  92. package/src/components/Button.js +0 -90
  93. package/src/components/Button.test.js +0 -49
  94. package/src/components/Checkbox.js +0 -63
  95. package/src/components/Checkbox.test.js +0 -122
  96. package/src/components/Icon.js +0 -18
  97. package/src/components/IconButton.js +0 -30
  98. package/src/components/IconButton.test.js +0 -61
  99. package/src/components/Input.js +0 -35
  100. package/src/components/Input.test.js +0 -34
  101. package/src/components/Modal/Background.js +0 -10
  102. package/src/components/Modal/Dialog.js +0 -27
  103. package/src/components/Modal/Dialog.test.js +0 -20
  104. package/src/components/Modal/Modal.test.js +0 -52
  105. package/src/components/Modal/Wrapper.js +0 -32
  106. package/src/components/Modal/Wrapper.test.js +0 -55
  107. package/src/components/Modal/index.js +0 -22
  108. package/src/components/MultiSelector.js +0 -104
  109. package/src/components/MultiSelector.test.js +0 -348
  110. package/src/components/Navigation/Bar.js +0 -212
  111. package/src/components/Navigation/Bar.test.js +0 -552
  112. package/src/components/Navigation/Tab.js +0 -156
  113. package/src/components/Navigation/Tab.test.js +0 -404
  114. package/src/components/Placeholder.js +0 -61
  115. package/src/components/Placeholder.test.js +0 -106
  116. package/src/components/Scope/Selector.js +0 -70
  117. package/src/components/Scope/Selector.test.js +0 -138
  118. package/src/components/Selector.js +0 -191
  119. package/src/components/Selector.test.js +0 -157
  120. package/src/components/Switch.js +0 -112
  121. package/src/components/Switch.test.js +0 -130
  122. package/src/components/Text.test.js +0 -132
  123. package/src/components/Toolbar.js +0 -178
  124. package/src/components/Toolbar.test.js +0 -478
  125. package/src/components/Tooltip.js +0 -51
  126. package/src/components/Tooltip.test.js +0 -21
  127. package/src/getTheme.js +0 -98
  128. package/src/getTheme.test.js +0 -92
  129. package/src/getThemeOverrides.js +0 -27
  130. package/src/hocs/withAuthentication.js +0 -18
  131. package/src/hocs/withAuthentication.test.js +0 -120
  132. package/src/utils/styledPropFuncs.js +0 -20
  133. package/src/utils/styledPropFuncs.test.js +0 -166
@@ -1,75 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Dialog = void 0;
5
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
6
- var _utils = require("../../utils");
7
- var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));
8
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
9
- 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); }
10
- 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; }
11
- (function () {
12
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
13
- enterModule && enterModule(module);
14
- })();
15
- (function () {
16
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
17
- enterModule && enterModule(module);
18
- })();
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 darkDialogStyle = (0, _styledComponents.css)(["background-color:", ";border-radius:15px;"], (0, _utils.getThemeProp)(["colors", "bgDark"], "#333333"));
26
- var dialogLook = {
27
- default: (0, _styledComponents.css)(["background-color:white;"]),
28
- dark: darkDialogStyle
29
- };
30
-
31
- // TODO: Add light dialog style for other dialogs, switching mechanism
32
- var Dialog = exports.Dialog = _styledComponents.default.div.withConfig({
33
- displayName: "Dialog",
34
- componentId: "sc-7ohuah-0"
35
- })(["flex:0 0 auto;margin:auto;align-self:center;z-index:10000;", ";"], function (props) {
36
- return dialogLook[props.look];
37
- });
38
- Dialog.defaultProps = {
39
- look: "default"
40
- };
41
- var _default = (0, _withClickOutside.default)(Dialog);
42
- var _default2 = _default;
43
- var _default3 = exports.default = _default2;
44
- ;
45
- (function () {
46
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
47
- if (!reactHotLoader) {
48
- return;
49
- }
50
- reactHotLoader.register(darkDialogStyle, "darkDialogStyle", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
51
- reactHotLoader.register(dialogLook, "dialogLook", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
52
- reactHotLoader.register(Dialog, "Dialog", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
53
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
54
- })();
55
- ;
56
- (function () {
57
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
58
- leaveModule && leaveModule(module);
59
- })();
60
- ;
61
- (function () {
62
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
63
- if (!reactHotLoader) {
64
- return;
65
- }
66
- reactHotLoader.register(darkDialogStyle, "darkDialogStyle", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
67
- reactHotLoader.register(dialogLook, "dialogLook", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
68
- reactHotLoader.register(Dialog, "Dialog", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
69
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Modal/Dialog.js");
70
- })();
71
- ;
72
- (function () {
73
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
74
- leaveModule && leaveModule(module);
75
- })();
@@ -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
- })();