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.
- package/dist/components/Authenticate.js +41 -17
- package/dist/components/ErrorPlaceholder.js +8 -24
- package/dist/components/{Icon.js → Form/Inputs/MultiSelector.js} +33 -20
- package/dist/components/Form/Inputs/index.js +1 -1
- package/dist/components/LoadingIcon.js +6 -16
- package/dist/components/MaterialUI/Inputs/Select.js +10 -0
- package/dist/components/MaterialUI/Inputs/SelectProps.js +3 -1
- package/dist/components/MaterialUI/Navigation/DropDownMenu.js +2 -4
- package/dist/components/Provision.js +30 -13
- package/dist/components/Routing/SegmentPage.js +115 -56
- package/dist/components/Scope/ScopeNode.js +68 -45
- package/dist/components/Sidepanel.js +57 -23
- package/dist/components/Spritesheet.js +33 -17
- package/dist/components/Text.js +1 -60
- package/dist/components/Treeview/Branch.js +82 -20
- package/dist/components/Treeview/Label.js +108 -31
- package/dist/components/Treeview/Leaf.js +56 -12
- package/dist/components/Treeview/Node.js +22 -9
- package/dist/components/Treeview/index.js +7 -1
- package/dist/components/Treeview/settings.js +7 -5
- package/dist/utils/index.js +0 -4
- package/dist/utils/testUtils.js +1 -12
- package/package.json +1 -1
- package/src/components/ApplicationModuleLoader.test.js +14 -27
- package/src/components/Authenticate.js +29 -21
- package/src/components/Authenticate.test.js +18 -27
- package/src/components/ErrorPlaceholder.js +4 -21
- package/src/components/ErrorPlaceholder.test.js +7 -14
- package/src/components/Form/InputField.test.js +2 -1
- package/src/components/Form/Inputs/MultiSelector.js +23 -0
- package/src/components/Form/Inputs/MultiSelector.test.js +112 -0
- package/src/components/Form/Inputs/index.js +1 -1
- package/src/components/Loader.test.js +21 -33
- package/src/components/LoadingIcon.js +2 -15
- package/src/components/LoadingIcon.test.js +2 -20
- package/src/components/MaterialUI/DataDisplay/Table.test.js +1 -1
- package/src/components/MaterialUI/Inputs/Select.js +7 -0
- package/src/components/MaterialUI/Inputs/Select.test.js +45 -0
- package/src/components/MaterialUI/Inputs/SelectProps.js +2 -0
- package/src/components/MaterialUI/Inputs/SelectProps.test.js +2 -0
- package/src/components/MaterialUI/Navigation/DropDownMenu.js +2 -2
- package/src/components/MaterialUI/Navigation/DropDownMenu.test.js +5 -6
- package/src/components/Navigation/Navigation.test.js +0 -5
- package/src/components/Navigation/useNavigationState.test.js +79 -222
- package/src/components/Provision.js +36 -42
- package/src/components/Provision.test.js +10 -26
- package/src/components/Routing/SegmentPage.js +68 -52
- package/src/components/Routing/SegmentPage.test.js +4 -12
- package/src/components/Scope/ScopeNode.js +61 -54
- package/src/components/Scope/ScopeNode.test.js +61 -154
- package/src/components/ScopeExtendedConfigurationLoader.test.js +1 -4
- package/src/components/Sidepanel.js +38 -32
- package/src/components/Sidepanel.test.js +49 -27
- package/src/components/Spritesheet.js +23 -21
- package/src/components/Spritesheet.test.js +10 -10
- package/src/components/Text.js +0 -49
- package/src/components/Treeview/Branch.js +63 -45
- package/src/components/Treeview/Branch.test.js +21 -24
- package/src/components/Treeview/Label.js +66 -52
- package/src/components/Treeview/Label.test.js +42 -60
- package/src/components/Treeview/Leaf.js +41 -22
- package/src/components/Treeview/Leaf.test.js +15 -10
- package/src/components/Treeview/Node.js +16 -9
- package/src/components/Treeview/Node.test.js +269 -200
- package/src/components/Treeview/Treeview.test.js +248 -248
- package/src/components/Treeview/index.js +6 -0
- package/src/components/Treeview/settings.js +7 -6
- package/src/utils/index.js +0 -4
- package/src/utils/testUtils.js +0 -10
- package/src/utils/testUtils.test.js +0 -68
- package/dist/components/Button.js +0 -70
- package/dist/components/Checkbox.js +0 -103
- package/dist/components/IconButton.js +0 -80
- package/dist/components/Input.js +0 -101
- package/dist/components/Modal/Background.js +0 -55
- package/dist/components/Modal/Dialog.js +0 -75
- package/dist/components/Modal/Wrapper.js +0 -69
- package/dist/components/Modal/index.js +0 -86
- package/dist/components/MultiSelector.js +0 -187
- package/dist/components/Navigation/Bar.js +0 -293
- package/dist/components/Navigation/Tab.js +0 -182
- package/dist/components/Placeholder.js +0 -114
- package/dist/components/Scope/Selector.js +0 -123
- package/dist/components/Selector.js +0 -185
- package/dist/components/Switch.js +0 -128
- package/dist/components/Toolbar.js +0 -227
- package/dist/components/Tooltip.js +0 -66
- package/dist/getTheme.js +0 -153
- package/dist/getThemeOverrides.js +0 -93
- package/dist/hocs/withAuthentication.js +0 -72
- package/dist/utils/styledPropFuncs.js +0 -88
- package/src/components/Button.js +0 -90
- package/src/components/Button.test.js +0 -49
- package/src/components/Checkbox.js +0 -63
- package/src/components/Checkbox.test.js +0 -122
- package/src/components/Icon.js +0 -18
- package/src/components/IconButton.js +0 -30
- package/src/components/IconButton.test.js +0 -61
- package/src/components/Input.js +0 -35
- package/src/components/Input.test.js +0 -34
- package/src/components/Modal/Background.js +0 -10
- package/src/components/Modal/Dialog.js +0 -27
- package/src/components/Modal/Dialog.test.js +0 -20
- package/src/components/Modal/Modal.test.js +0 -52
- package/src/components/Modal/Wrapper.js +0 -32
- package/src/components/Modal/Wrapper.test.js +0 -55
- package/src/components/Modal/index.js +0 -22
- package/src/components/MultiSelector.js +0 -104
- package/src/components/MultiSelector.test.js +0 -348
- package/src/components/Navigation/Bar.js +0 -212
- package/src/components/Navigation/Bar.test.js +0 -552
- package/src/components/Navigation/Tab.js +0 -156
- package/src/components/Navigation/Tab.test.js +0 -404
- package/src/components/Placeholder.js +0 -61
- package/src/components/Placeholder.test.js +0 -106
- package/src/components/Scope/Selector.js +0 -70
- package/src/components/Scope/Selector.test.js +0 -138
- package/src/components/Selector.js +0 -191
- package/src/components/Selector.test.js +0 -157
- package/src/components/Switch.js +0 -112
- package/src/components/Switch.test.js +0 -130
- package/src/components/Text.test.js +0 -132
- package/src/components/Toolbar.js +0 -178
- package/src/components/Toolbar.test.js +0 -478
- package/src/components/Tooltip.js +0 -51
- package/src/components/Tooltip.test.js +0 -21
- package/src/getTheme.js +0 -98
- package/src/getTheme.test.js +0 -92
- package/src/getThemeOverrides.js +0 -27
- package/src/hocs/withAuthentication.js +0 -18
- package/src/hocs/withAuthentication.test.js +0 -120
- package/src/utils/styledPropFuncs.js +0 -20
- 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
|
-
})();
|