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,123 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Wrapper = exports.SelectorPanel = exports.Selector = exports.SearchInput = exports.InputBox = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _styledComponents = _interopRequireDefault(require("styled-components"));
7
- var _utils = require("../../utils");
8
- var _Input = _interopRequireDefault(require("../Input"));
9
- var _Treeview = _interopRequireDefault(require("../Treeview"));
10
- var _ScopeNode = _interopRequireDefault(require("./ScopeNode"));
11
- var _Sidepanel = _interopRequireDefault(require("../Sidepanel"));
12
- var _withClickOutside = _interopRequireDefault(require("../../hocs/withClickOutside"));
13
- var _reactIntl = require("react-intl");
14
- var _sharedMessages = _interopRequireDefault(require("./../../sharedMessages"));
15
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
25
- return a;
26
- };
27
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
28
- return a;
29
- };
30
- var Wrapper = exports.Wrapper = (0, _withClickOutside.default)(_styledComponents.default.div.withConfig({
31
- displayName: "Selector__Wrapper",
32
- componentId: "sc-c95w8s-0"
33
- })(["height:100%;width:100%;user-select:none;display:flex;flex-direction:column;"]));
34
- var InputBox = exports.InputBox = _styledComponents.default.div.withConfig({
35
- displayName: "Selector__InputBox",
36
- componentId: "sc-c95w8s-1"
37
- })(["border-bottom:1px solid #666;"]);
38
- var SearchInput = exports.SearchInput = (0, _styledComponents.default)(_Input.default).withConfig({
39
- displayName: "Selector__SearchInput",
40
- componentId: "sc-c95w8s-2"
41
- })(["background-color:transparent;border-color:", ";color:", ";width:calc(100% - 40px);margin:20px;font-size:14px;"], (0, _utils.getThemeProp)(["colors", "border"], "#999999"), (0, _utils.getThemeProp)(["colors", "textMedium"], "#999999"));
42
- var SelectorPanel = exports.SelectorPanel = (0, _styledComponents.default)(_Sidepanel.default).withConfig({
43
- displayName: "Selector__SelectorPanel",
44
- componentId: "sc-c95w8s-3"
45
- })(["top:90px;background-color:", ";color:#fff;z-index:1000;"], (0, _utils.getThemeProp)(["colors", "bgDark"], "#333333"));
46
- var Selector = exports.Selector = function Selector(_ref) {
47
- var name = _ref.name,
48
- show = _ref.show,
49
- reset = _ref.reset,
50
- getScope = _ref.getScope,
51
- currentScope = _ref.currentScope,
52
- defaultNodeState = _ref.defaultNodeState,
53
- filter = _ref.filter,
54
- updateFilter = _ref.updateFilter;
55
- var _useIntl = (0, _reactIntl.useIntl)(),
56
- formatMessage = _useIntl.formatMessage;
57
- return /*#__PURE__*/_react.default.createElement(SelectorPanel, {
58
- in: show,
59
- width: "27vw",
60
- timeout: 300
61
- }, /*#__PURE__*/_react.default.createElement(Wrapper, {
62
- onClickOutside: reset
63
- }, /*#__PURE__*/_react.default.createElement(InputBox, null, /*#__PURE__*/_react.default.createElement(SearchInput, {
64
- placeholder: formatMessage(_sharedMessages.default.scopeFilterPlaceholder),
65
- value: filter,
66
- onChange: updateFilter
67
- })), /*#__PURE__*/_react.default.createElement(_Treeview.default, {
68
- name: name,
69
- Content: _ScopeNode.default,
70
- rootId: "Global",
71
- getNode: getScope,
72
- selectedNodeId: currentScope && currentScope.id || null,
73
- openAll: !!filter,
74
- closeSelector: reset,
75
- dark: true,
76
- defaultNodeState: defaultNodeState
77
- })));
78
- };
79
- __signature__(Selector, "useIntl{{ formatMessage }}", function () {
80
- return [_reactIntl.useIntl];
81
- });
82
- __signature__(Selector, "useIntl{{ formatMessage }}", function () {
83
- return [_reactIntl.useIntl];
84
- });
85
- var _default = Selector;
86
- var _default2 = _default;
87
- var _default3 = exports.default = _default2;
88
- ;
89
- (function () {
90
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
91
- if (!reactHotLoader) {
92
- return;
93
- }
94
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
95
- reactHotLoader.register(InputBox, "InputBox", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
96
- reactHotLoader.register(SearchInput, "SearchInput", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
97
- reactHotLoader.register(SelectorPanel, "SelectorPanel", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
98
- reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
99
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
100
- })();
101
- ;
102
- (function () {
103
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
104
- leaveModule && leaveModule(module);
105
- })();
106
- ;
107
- (function () {
108
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
109
- if (!reactHotLoader) {
110
- return;
111
- }
112
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
113
- reactHotLoader.register(InputBox, "InputBox", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
114
- reactHotLoader.register(SearchInput, "SearchInput", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
115
- reactHotLoader.register(SelectorPanel, "SelectorPanel", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
116
- reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
117
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Scope/Selector.js");
118
- })();
119
- ;
120
- (function () {
121
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
122
- leaveModule && leaveModule(module);
123
- })();
@@ -1,185 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Wrapper = exports.Selector = exports.SelectedValue = exports.SelectBox = exports.Placeholder = exports.Option = exports.InnerSelect = exports.Dropdown = void 0;
5
- var _react = _interopRequireWildcard(require("react"));
6
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
- var _utils = require("../utils");
8
- var _withId = _interopRequireDefault(require("../hocs/withId"));
9
- var _ClickAwayListener = _interopRequireDefault(require("@material-ui/core/ClickAwayListener"));
10
- var _excluded = ["id", "value", "options", "update", "placeholder", "required"];
11
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- 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); }
13
- 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; }
14
- (function () {
15
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
16
- enterModule && enterModule(module);
17
- })();
18
- (function () {
19
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
20
- enterModule && enterModule(module);
21
- })();
22
- 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); }
23
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
24
- 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."); }
25
- 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; } }
26
- 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; }
27
- 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; } }
28
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
29
- 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; }
30
- 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; }
31
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
32
- return a;
33
- };
34
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
35
- return a;
36
- };
37
- var InnerSelect = exports.InnerSelect = _styledComponents.default.select.withConfig({
38
- displayName: "Selector__InnerSelect",
39
- componentId: "sc-2v9pm-0"
40
- })(["position:absolute;opacity:0;font-size:0;height:0;width:0;border:0 none transparent;z-index:-1;transform:translateX(-99px);"]);
41
- var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
42
- displayName: "Selector__Wrapper",
43
- componentId: "sc-2v9pm-1"
44
- })(["position:relative;cursor:pointer;font-size:12px;max-width:700px;"]);
45
- var SelectBox = exports.SelectBox = _styledComponents.default.label.withConfig({
46
- displayName: "Selector__SelectBox",
47
- componentId: "sc-2v9pm-2"
48
- })(["position:relative;box-sizing:border-box;display:block;min-height:30px;max-height:70px;overflow:hidden;padding:5px 10px;border:1px solid ", ";border-radius:4px;background-color:white;&::before{content:\" \";position:absolute;top:0;bottom:0;right:0;left:0;box-shadow:0 -10px 5px -5px inset white;}&::after{content:\"\u02C7\";font-family:courier,monospace;font-size:32px;position:absolute;right:10px;top:6px;}", ":focus + &{border-color:#4fa1f0;box-shadow:0 0 4px #4fa1f0;}", ":focus + &::after{transform:rotate(0.5turn);transform-origin:center 8px;}", ":invalid + &{border-color:", ";box-shadow:0 0 4px ", ";}"], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), InnerSelect, InnerSelect, InnerSelect, (0, _utils.getThemeProp)(["colors", "error"], "#ce4844"), (0, _utils.getThemeProp)(["colors", "error"], "#ce4844"));
49
- var SelectedValue = exports.SelectedValue = _styledComponents.default.span.withConfig({
50
- displayName: "Selector__SelectedValue",
51
- componentId: "sc-2v9pm-3"
52
- })(["display:inline-block;width:calc(100% - 20px);white-space:pre;overflow:hidden;"]);
53
- var Dropdown = exports.Dropdown = _styledComponents.default.div.withConfig({
54
- displayName: "Selector__Dropdown",
55
- componentId: "sc-2v9pm-4"
56
- })(["box-sizing:border-box;position:absolute;left:0;top:calc(100% + 1px);z-index:1;border:1px solid ", ";border-radius:4px;padding:4px 0;width:100%;max-height:40vh;overflow-y:auto;background-color:white;opacity:0;visibility:hidden;", ";transition:visibility 0.4s step-end;", ""], (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc"), /* Enables click handling on Options while closing dropdown */"", function (props) {
57
- /* istanbul ignore next */
58
- if (props.isVisible) {
59
- return "".concat(InnerSelect, " + ").concat(SelectBox, " + & {\n\t\t\t\topacity: 1;\n\t\t\t\tvisibility: visible;\n\t\t\t\ttransition: visibility 0s step-end;\n\t\t\t}");
60
- }
61
- });
62
- var Option = exports.Option = _styledComponents.default.div.withConfig({
63
- displayName: "Selector__Option",
64
- componentId: "sc-2v9pm-5"
65
- })(["box-sizing:border-box;height:30px;padding:6px 12px;white-space:pre;", ";&:hover{background-color:", ";color:#ffffff;}"], (0, _utils.ifFlag)("active", (0, _styledComponents.css)(["background-color:#f0f0f0;"])), (0, _utils.getThemeProp)(["colors", "application", "base"], "#ccc"));
66
- var Placeholder = exports.Placeholder = _styledComponents.default.span.withConfig({
67
- displayName: "Selector__Placeholder",
68
- componentId: "sc-2v9pm-6"
69
- })(["color:rgb(117,117,117);"]);
70
- var Selector = exports.Selector = function Selector(_ref) {
71
- var id = _ref.id,
72
- value = _ref.value,
73
- options = _ref.options,
74
- update = _ref.update,
75
- _ref$placeholder = _ref.placeholder,
76
- placeholder = _ref$placeholder === void 0 ? "" : _ref$placeholder,
77
- required = _ref.required,
78
- props = _objectWithoutProperties(_ref, _excluded);
79
- // eslint-disable-next-line react-hooks/exhaustive-deps
80
- var clickOption = (0, _react.useCallback)((0, _utils.memoize)(function (value) {
81
- return function () {
82
- update(value);
83
- setIsVisible(false);
84
- };
85
- }), [update]);
86
- console.warn("Selector component has been deprecated in favor of Material-UI wrapper component Select");
87
- var onChange = (0, _react.useCallback)(function (e) {
88
- return update(e.target.value);
89
- }, [update]);
90
- var _useState = (0, _react.useState)(false),
91
- _useState2 = _slicedToArray(_useState, 2),
92
- isVisible = _useState2[0],
93
- setIsVisible = _useState2[1];
94
- /* istanbul ignore next */
95
- var toggleVisibility = function toggleVisibility() {
96
- setIsVisible(!isVisible);
97
- };
98
-
99
- /* istanbul ignore next */
100
- var handlerClickAway = function handlerClickAway() {
101
- setIsVisible(false);
102
- };
103
-
104
- /* istanbul ignore next */
105
- return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
106
- onClickAway: function onClickAway() {
107
- return handlerClickAway();
108
- }
109
- }, /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(InnerSelect, _extends({
110
- id: id,
111
- onChange: onChange,
112
- value: value,
113
- required: required
114
- }, props), required ? /*#__PURE__*/_react.default.createElement("option", null) : null, 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(SelectBox, {
120
- htmlFor: id,
121
- onClick: function onClick() {
122
- return toggleVisibility();
123
- }
124
- }, value ? /*#__PURE__*/_react.default.createElement(SelectedValue, null, options.filter(function (option) {
125
- return option.value === value;
126
- }).map(function (option) {
127
- return option.label;
128
- })[0]) : /*#__PURE__*/_react.default.createElement(Placeholder, null, placeholder)), /*#__PURE__*/_react.default.createElement(Dropdown, {
129
- isVisible: isVisible
130
- }, options.map(function (option) {
131
- return /*#__PURE__*/_react.default.createElement(Option, {
132
- key: option.value,
133
- active: option.value === value,
134
- onClick: clickOption(option.value),
135
- "data-test-id": option.value
136
- }, option.label);
137
- }))));
138
- };
139
- __signature__(Selector, "useCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
140
- __signature__(Selector, "useCallback{clickOption}\nuseCallback{onChange}\nuseState{[isVisible, setIsVisible](false)}");
141
- var _default = (0, _withId.default)("selector")(Selector);
142
- var _default2 = _default;
143
- var _default3 = exports.default = _default2;
144
- ;
145
- (function () {
146
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
147
- if (!reactHotLoader) {
148
- return;
149
- }
150
- reactHotLoader.register(InnerSelect, "InnerSelect", "/home/vsts/work/1/s/src/components/Selector.js");
151
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Selector.js");
152
- reactHotLoader.register(SelectBox, "SelectBox", "/home/vsts/work/1/s/src/components/Selector.js");
153
- reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/Selector.js");
154
- reactHotLoader.register(Dropdown, "Dropdown", "/home/vsts/work/1/s/src/components/Selector.js");
155
- reactHotLoader.register(Option, "Option", "/home/vsts/work/1/s/src/components/Selector.js");
156
- reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/Selector.js");
157
- reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Selector.js");
158
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Selector.js");
159
- })();
160
- ;
161
- (function () {
162
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
163
- leaveModule && leaveModule(module);
164
- })();
165
- ;
166
- (function () {
167
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
168
- if (!reactHotLoader) {
169
- return;
170
- }
171
- reactHotLoader.register(InnerSelect, "InnerSelect", "/home/vsts/work/1/s/src/components/Selector.js");
172
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Selector.js");
173
- reactHotLoader.register(SelectBox, "SelectBox", "/home/vsts/work/1/s/src/components/Selector.js");
174
- reactHotLoader.register(SelectedValue, "SelectedValue", "/home/vsts/work/1/s/src/components/Selector.js");
175
- reactHotLoader.register(Dropdown, "Dropdown", "/home/vsts/work/1/s/src/components/Selector.js");
176
- reactHotLoader.register(Option, "Option", "/home/vsts/work/1/s/src/components/Selector.js");
177
- reactHotLoader.register(Placeholder, "Placeholder", "/home/vsts/work/1/s/src/components/Selector.js");
178
- reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Selector.js");
179
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Selector.js");
180
- })();
181
- ;
182
- (function () {
183
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
184
- leaveModule && leaveModule(module);
185
- })();
@@ -1,128 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = exports.Wrapper = exports.Switch = exports.ContainedCheckbox = exports.Caption = void 0;
5
- var _react = _interopRequireDefault(require("react"));
6
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
7
- var _Text = _interopRequireDefault(require("./Text"));
8
- var _utils = require("../utils");
9
- var _withId = _interopRequireDefault(require("../hocs/withId"));
10
- var _excluded = ["onColor", "offColor", "onCaption", "offCaption"],
11
- _excluded2 = ["value", "onCaption", "offCaption", "onColor", "offColor", "id"];
12
- 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); }
13
- 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; }
14
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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 _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); }
24
- 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; }
25
- 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; }
26
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
27
- return a;
28
- };
29
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
30
- return a;
31
- };
32
- var switchSpeed = 200;
33
- var FilteredLabel = function FilteredLabel(_ref) {
34
- var onColor = _ref.onColor,
35
- offColor = _ref.offColor,
36
- onCaption = _ref.onCaption,
37
- offCaption = _ref.offCaption,
38
- props = _objectWithoutProperties(_ref, _excluded);
39
- return /*#__PURE__*/_react.default.createElement("label", props);
40
- };
41
- var Wrapper = exports.Wrapper = (0, _styledComponents.default)(FilteredLabel).withConfig({
42
- displayName: "Switch__Wrapper",
43
- componentId: "sc-11t3swg-0"
44
- })(["display:inline-block;position:relative;height:1.2em;width:5em;border-radius:0.6em;display:flex;cursor:pointer;", ";transition:background-color ", "ms ease-in,color ", "ms ease-in;&::after{content:\"\";position:absolute;top:2px;height:calc(1.2em - 4px);left:calc(50% - (0.5 * (1.2em - 4px)));width:calc(1.2em - 4px);background-color:#ffffff;border-radius:50%;transition:transform ", "ms ease-in;", ";}&:focus-within,&:hover{box-shadow:0 0 4px #4fa1f0;}"], (0, _utils.ifFlag)("value", (0, _styledComponents.css)(["color:#ffffff;background-color:", ";"], (0, _utils.ifFlag)("onColor", function (props) {
45
- return props.onColor;
46
- }, (0, _utils.getThemeProp)(["colors", "application", "base"], "#ff0000"))), (0, _styledComponents.css)(["color:", ";background-color:", ";"], (0, _utils.getThemeProp)(["colors", "text"], "#333333"), (0, _utils.ifFlag)("offColor", function (props) {
47
- return props.offColor;
48
- }, (0, _utils.getThemeProp)(["colors", "borderLight"], "#cccccc")))), switchSpeed, switchSpeed, switchSpeed, (0, _utils.ifFlag)("value", (0, _styledComponents.css)(["transform:translateX(-1.9em);"]), (0, _styledComponents.css)(["transform:translateX(1.9em);"])));
49
- var Caption = exports.Caption = _styledComponents.default.span.withConfig({
50
- displayName: "Switch__Caption",
51
- componentId: "sc-11t3swg-1"
52
- })(["position:absolute;left:1.4em;right:1.4em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:0.8em;", ";"], (0, _utils.ifFlag)("value", (0, _styledComponents.css)(["opacity:1;transition:opacity ", "ms ", "ms ease-in;"], 0.7 * switchSpeed, 0.3 * switchSpeed), (0, _styledComponents.css)(["opacity:0;transition:opacity ", "ms ease-in;"], 0.7 * switchSpeed)));
53
- var ContainedCheckbox = exports.ContainedCheckbox = _styledComponents.default.input.attrs(function () {
54
- return {
55
- type: "checkbox"
56
- };
57
- }).withConfig({
58
- displayName: "Switch__ContainedCheckbox",
59
- componentId: "sc-11t3swg-2"
60
- })(["position:absolute;opacity:0;"]);
61
- var Switch = exports.Switch = function Switch(_ref2) {
62
- var value = _ref2.value,
63
- onCaption = _ref2.onCaption,
64
- offCaption = _ref2.offCaption,
65
- onColor = _ref2.onColor,
66
- offColor = _ref2.offColor,
67
- id = _ref2.id,
68
- checkboxProps = _objectWithoutProperties(_ref2, _excluded2);
69
- return /*#__PURE__*/_react.default.createElement(Wrapper, {
70
- htmlFor: id,
71
- value: value,
72
- onColor: onColor,
73
- offColor: offColor
74
- }, /*#__PURE__*/_react.default.createElement(ContainedCheckbox, _extends({
75
- id: id
76
- }, checkboxProps, {
77
- checked: value
78
- })), onCaption ? /*#__PURE__*/_react.default.createElement(Caption, {
79
- value: value
80
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
81
- message: onCaption
82
- })) : null, offCaption ? /*#__PURE__*/_react.default.createElement(Caption, {
83
- value: !value
84
- }, /*#__PURE__*/_react.default.createElement(_Text.default, {
85
- message: offCaption
86
- })) : null);
87
- };
88
- var _default = (0, _withId.default)("switch")(Switch);
89
- var _default2 = _default;
90
- var _default3 = exports.default = _default2;
91
- ;
92
- (function () {
93
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
94
- if (!reactHotLoader) {
95
- return;
96
- }
97
- reactHotLoader.register(switchSpeed, "switchSpeed", "/home/vsts/work/1/s/src/components/Switch.js");
98
- reactHotLoader.register(FilteredLabel, "FilteredLabel", "/home/vsts/work/1/s/src/components/Switch.js");
99
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Switch.js");
100
- reactHotLoader.register(Caption, "Caption", "/home/vsts/work/1/s/src/components/Switch.js");
101
- reactHotLoader.register(ContainedCheckbox, "ContainedCheckbox", "/home/vsts/work/1/s/src/components/Switch.js");
102
- reactHotLoader.register(Switch, "Switch", "/home/vsts/work/1/s/src/components/Switch.js");
103
- reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Switch.js");
104
- })();
105
- ;
106
- (function () {
107
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
108
- leaveModule && leaveModule(module);
109
- })();
110
- ;
111
- (function () {
112
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
113
- if (!reactHotLoader) {
114
- return;
115
- }
116
- reactHotLoader.register(switchSpeed, "switchSpeed", "/home/vsts/work/1/s/src/components/Switch.js");
117
- reactHotLoader.register(FilteredLabel, "FilteredLabel", "/home/vsts/work/1/s/src/components/Switch.js");
118
- reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/Switch.js");
119
- reactHotLoader.register(Caption, "Caption", "/home/vsts/work/1/s/src/components/Switch.js");
120
- reactHotLoader.register(ContainedCheckbox, "ContainedCheckbox", "/home/vsts/work/1/s/src/components/Switch.js");
121
- reactHotLoader.register(Switch, "Switch", "/home/vsts/work/1/s/src/components/Switch.js");
122
- reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Switch.js");
123
- })();
124
- ;
125
- (function () {
126
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
127
- leaveModule && leaveModule(module);
128
- })();