orc-shared 5.10.1-dev.7 → 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,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
|
-
})();
|