orc-shared 5.10.2 → 5.99.0-dev.10
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/AppFrame/About.js +13 -13
- package/dist/components/AppFrame/Anchor.js +7 -7
- package/dist/components/AppFrame/AppFrame.js +3 -3
- package/dist/components/AppFrame/Help.js +4 -4
- package/dist/components/AppFrame/MenuItem.js +17 -26
- package/dist/components/AppFrame/Preferences.js +14 -14
- package/dist/components/AppFrame/Sidebar.js +6 -6
- package/dist/components/AppFrame/Topbar.js +6 -6
- package/dist/components/ApplicationModuleLoader.js +3 -2
- package/dist/components/Authenticate.js +29 -22
- package/dist/components/DropMenu/Menu.js +9 -9
- package/dist/components/ErrorPlaceholder.js +8 -24
- package/dist/components/Form/Field.js +4 -4
- package/dist/components/Form/Inputs/Button.js +2 -2
- package/dist/components/Form/Inputs/MultiSelector.js +137 -0
- package/dist/components/Form/Inputs/Selector.js +13 -10
- package/dist/components/Form/Inputs/index.js +1 -1
- package/dist/components/InternetExplorerWarningMessage.js +15 -15
- package/dist/components/LoadingIcon.js +38 -17
- package/dist/components/MaterialUI/DataDisplay/Modal.js +3 -3
- package/dist/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js +6 -6
- package/dist/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js +1 -1
- package/dist/components/MaterialUI/DataDisplay/PredefinedElements/TableInfoBar.js +1 -1
- package/dist/components/MaterialUI/DataDisplay/SelectionList.js +1 -1
- package/dist/components/MaterialUI/DataDisplay/Table.js +2 -1
- package/dist/components/MaterialUI/DataDisplay/TableProps.js +3 -1
- package/dist/components/MaterialUI/DataDisplay/TransferList.js +1 -1
- package/dist/components/MaterialUI/Inputs/CheckboxGroup.js +1 -1
- package/dist/components/MaterialUI/Inputs/DatePicker.js +1 -1
- package/dist/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js +1 -1
- package/dist/components/MaterialUI/Inputs/Select.js +175 -109
- package/dist/components/MaterialUI/Inputs/SelectProps.js +11 -1
- package/dist/components/MaterialUI/Inputs/Switch.js +1 -1
- package/dist/components/MaterialUI/Navigation/DropDownMenu.js +2 -4
- package/dist/components/MaterialUI/ScopeSelector/ScopeSelector.js +1 -1
- package/dist/components/MaterialUI/ScopeSelector/TreeItem.js +27 -42
- package/dist/components/MaterialUI/Surfaces/Paper.js +1 -1
- package/dist/components/MaterialUI/Surfaces/SectionExpansionPanel.js +3 -2
- package/dist/components/MaterialUI/muiThemes.js +3 -1
- package/dist/components/Provision.js +30 -13
- package/dist/components/Routing/SegmentPage.js +117 -56
- package/dist/components/Scope/ScopeNode.js +62 -57
- package/dist/components/Sidepanel.js +59 -23
- package/dist/components/Spritesheet.js +35 -17
- package/dist/components/Text.js +1 -60
- package/dist/components/ToastList.js +95 -64
- 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 +17 -6
- package/dist/{components/Modal/index.js → hooks/useWindowSize.js} +38 -36
- package/dist/sharedMessages.js +8 -0
- package/dist/utils/index.js +0 -4
- package/dist/utils/testUtils.js +1 -12
- package/dist/{components/Modal/Background.js → utils/toastHelper.js} +11 -14
- package/package.json +2 -2
- package/src/components/AppFrame/About.js +13 -13
- package/src/components/AppFrame/Anchor.js +7 -7
- package/src/components/AppFrame/AppFrame.js +3 -3
- package/src/components/AppFrame/Help.js +4 -4
- package/src/components/AppFrame/MenuItem.js +15 -23
- package/src/components/AppFrame/Preferences.js +14 -14
- package/src/components/AppFrame/Sidebar.js +6 -6
- package/src/components/AppFrame/Topbar.js +6 -6
- package/src/components/ApplicationModuleLoader.js +2 -2
- package/src/components/ApplicationModuleLoader.test.js +15 -28
- package/src/components/Authenticate.js +21 -23
- package/src/components/Authenticate.test.js +19 -27
- package/src/components/DropMenu/Menu.js +9 -9
- package/src/components/ErrorPlaceholder.js +4 -21
- package/src/components/ErrorPlaceholder.test.js +7 -14
- package/src/components/Form/Field.js +4 -4
- package/src/components/Form/InputField.test.js +2 -1
- package/src/components/Form/Inputs/Button.js +2 -2
- package/src/components/Form/Inputs/MultiSelector.js +73 -0
- package/src/components/Form/Inputs/MultiSelector.test.js +332 -0
- package/src/components/Form/Inputs/Selector.js +12 -4
- package/src/components/Form/Inputs/Selector.test.js +27 -12
- package/src/components/Form/Inputs/index.js +1 -1
- package/src/components/InternetExplorerWarningMessage.js +15 -15
- package/src/components/Loader.test.js +50 -59
- package/src/components/LoadingIcon.js +27 -14
- package/src/components/LoadingIcon.test.js +11 -15
- package/src/components/MaterialUI/DataDisplay/Modal.js +3 -3
- package/src/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js +6 -6
- package/src/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js +1 -1
- package/src/components/MaterialUI/DataDisplay/PredefinedElements/TableInfoBar.js +1 -1
- package/src/components/MaterialUI/DataDisplay/SelectionList.js +1 -1
- package/src/components/MaterialUI/DataDisplay/Table.js +6 -1
- package/src/components/MaterialUI/DataDisplay/Table.test.js +21 -1
- package/src/components/MaterialUI/DataDisplay/TableProps.js +2 -0
- package/src/components/MaterialUI/DataDisplay/TableProps.test.js +20 -2
- package/src/components/MaterialUI/DataDisplay/TransferList.js +1 -1
- package/src/components/MaterialUI/Inputs/CheckboxGroup.js +1 -1
- package/src/components/MaterialUI/Inputs/DatePicker.js +1 -1
- package/src/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js +1 -1
- package/src/components/MaterialUI/Inputs/PredefinedElements/SearchControl.test.js +1 -1
- package/src/components/MaterialUI/Inputs/Select.js +143 -83
- package/src/components/MaterialUI/Inputs/Select.test.js +199 -14
- package/src/components/MaterialUI/Inputs/SelectProps.js +10 -0
- package/src/components/MaterialUI/Inputs/SelectProps.test.js +10 -0
- package/src/components/MaterialUI/Inputs/Switch.js +1 -1
- package/src/components/MaterialUI/Navigation/DropDownMenu.js +2 -2
- package/src/components/MaterialUI/Navigation/DropDownMenu.test.js +5 -6
- package/src/components/MaterialUI/ScopeSelector/ScopeSelector.js +1 -2
- package/src/components/MaterialUI/ScopeSelector/TreeItem.js +8 -31
- package/src/components/MaterialUI/Surfaces/Paper.js +1 -1
- package/src/components/MaterialUI/Surfaces/SectionExpansionPanel.js +2 -1
- package/src/components/MaterialUI/muiThemes.js +4 -1
- 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 +44 -55
- package/src/components/Scope/ScopeNode.test.js +84 -163
- package/src/components/ScopeExtendedConfigurationLoader.test.js +1 -4
- package/src/components/Sidepanel.js +38 -32
- package/src/components/Sidepanel.test.js +54 -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/ToastList.js +79 -90
- package/src/components/ToastList.test.js +29 -103
- package/src/components/Treeview/Branch.js +65 -47
- package/src/components/Treeview/Branch.test.js +2 -43
- package/src/components/Treeview/Label.js +68 -54
- package/src/components/Treeview/Label.test.js +55 -63
- package/src/components/Treeview/Leaf.js +41 -22
- package/src/components/Treeview/Leaf.test.js +1 -15
- 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 +10 -6
- package/src/hooks/useMultipleFieldEditState.test.js +0 -1
- package/src/hooks/useWindowSize.js +39 -0
- package/src/hooks/useWindowSize.test.js +68 -0
- package/src/sharedMessages.js +8 -0
- package/src/translations/en-US.json +2 -0
- package/src/translations/fr-CA.json +2 -0
- package/src/utils/index.js +0 -4
- package/src/utils/testUtils.js +0 -10
- package/src/utils/testUtils.test.js +0 -68
- package/src/utils/toastHelper.js +8 -0
- package/src/utils/toastHelper.test.js +41 -0
- package/dist/components/Button.js +0 -70
- package/dist/components/CategoryList.js +0 -197
- package/dist/components/Checkbox.js +0 -103
- package/dist/components/Icon.js +0 -69
- package/dist/components/IconButton.js +0 -80
- package/dist/components/Input.js +0 -101
- package/dist/components/List/DataCell.js +0 -129
- package/dist/components/List/HeadCell.js +0 -125
- package/dist/components/List/HeadRow.js +0 -73
- package/dist/components/List/List.js +0 -274
- package/dist/components/List/Row.js +0 -109
- package/dist/components/List/enhanceColumnDefs.js +0 -111
- package/dist/components/List/index.js +0 -59
- package/dist/components/Modal/Dialog.js +0 -75
- package/dist/components/Modal/Wrapper.js +0 -69
- 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 -158
- 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/CategoryList.js +0 -140
- package/src/components/CategoryList.test.js +0 -667
- 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/List/DataCell.js +0 -77
- package/src/components/List/DataCell.test.js +0 -357
- package/src/components/List/HeadCell.js +0 -105
- package/src/components/List/HeadCell.test.js +0 -331
- package/src/components/List/HeadRow.js +0 -21
- package/src/components/List/HeadRow.test.js +0 -27
- package/src/components/List/List.js +0 -162
- package/src/components/List/List.test.js +0 -705
- package/src/components/List/Row.js +0 -72
- package/src/components/List/Row.test.js +0 -194
- package/src/components/List/enhanceColumnDefs.js +0 -54
- package/src/components/List/enhanceColumnDefs.test.js +0 -179
- package/src/components/List/index.js +0 -6
- 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 -103
- 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
|
-
})();
|