@splunk/react-ui 4.19.0 → 4.21.0
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/Accordion.js +114 -230
- package/Anchor.js +74 -150
- package/Animation.js +52 -124
- package/AnimationToggle.js +86 -146
- package/Box.js +77 -153
- package/Breadcrumbs.d.ts +2 -0
- package/Breadcrumbs.js +207 -0
- package/Button.js +168 -316
- package/ButtonGroup.js +84 -168
- package/ButtonSimple.js +224 -324
- package/CHANGELOG.md +35 -0
- package/Calendar.js +264 -462
- package/Card.js +223 -371
- package/CardLayout.js +87 -163
- package/Chip.js +199 -323
- package/Clickable.js +132 -248
- package/CloseButton.js +92 -200
- package/Code.js +188 -251
- package/CollapsiblePanel.js +214 -370
- package/Color.js +267 -495
- package/ColumnLayout.js +152 -254
- package/ComboBox.js +197 -371
- package/Concertina.js +214 -374
- package/ControlGroup.js +164 -288
- package/Date.js +154 -304
- package/DefinitionList.js +104 -180
- package/Divider.js +80 -156
- package/Dropdown.js +121 -263
- package/DualListbox.js +408 -601
- package/EventListener.js +70 -138
- package/File.js +343 -547
- package/FormRows.js +232 -414
- package/Heading.js +94 -164
- package/Image.js +167 -323
- package/JSONTree.js +166 -314
- package/Layer.js +221 -388
- package/Link.js +133 -239
- package/List.js +85 -161
- package/Markdown.js +230 -355
- package/Menu.js +396 -647
- package/Message.js +248 -437
- package/MessageBar.js +220 -408
- package/Modal.js +201 -365
- package/ModalLayer.js +96 -196
- package/Monogram.js +112 -204
- package/Multiselect.js +2675 -2807
- package/Number.js +178 -334
- package/Paginator.js +170 -336
- package/Paragraph.js +77 -153
- package/Popover.js +436 -623
- package/Progress.js +139 -255
- package/RadioBar.js +156 -280
- package/RadioList.js +182 -282
- package/Resize.js +173 -307
- package/ResultsMenu.js +183 -304
- package/ScreenReaderContent.js +75 -151
- package/Scroll.js +125 -267
- package/ScrollContainerContext.js +129 -201
- package/Search.js +188 -354
- package/Select.js +1243 -1248
- package/SidePanel.js +106 -214
- package/Slider.js +198 -348
- package/SlidingPanels.js +138 -280
- package/SplitButton.js +141 -273
- package/StaticContent.js +84 -168
- package/StepBar.js +138 -246
- package/Switch.js +261 -385
- package/TabBar.js +261 -398
- package/TabLayout.js +122 -238
- package/Table.js +975 -1447
- package/Text.js +335 -549
- package/TextArea.js +315 -537
- package/Tooltip.js +152 -292
- package/TransitionOpen.js +118 -242
- package/Typography.js +81 -157
- package/WaitSpinner.js +117 -209
- package/package.json +20 -21
- package/stubs-splunkui.d.ts +4 -1
- package/types/src/Breadcrumbs/Breadcrumbs.d.ts +25 -0
- package/types/src/Breadcrumbs/Item.d.ts +42 -0
- package/types/src/Breadcrumbs/docs/examples/Adornments.d.ts +2 -0
- package/types/src/Breadcrumbs/docs/examples/Basic.d.ts +2 -0
- package/types/src/Breadcrumbs/index.d.ts +2 -0
- package/types/src/Code/Code.d.ts +1 -1
- package/types/src/ComboBox/Option.d.ts +1 -1
- package/types/src/Concertina/Concertina.d.ts +4 -0
- package/types/src/Link/Link.d.ts +12 -3
- package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
- package/types/src/Markdown/Markdown.d.ts +1 -1
- package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
- package/types/src/Menu/Item.d.ts +1 -1
- package/types/src/Menu/Menu.d.ts +1 -0
- package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
- package/types/src/Multiselect/Compact.d.ts +4 -0
- package/types/src/Multiselect/Multiselect.d.ts +5 -0
- package/types/src/Multiselect/Option.d.ts +1 -1
- package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +2 -0
- package/types/src/Search/Option.d.ts +1 -1
- package/types/src/Select/Option.d.ts +1 -1
- package/types/src/Select/OptionBase.d.ts +1 -1
- package/types/src/Select/SelectAllOption.d.ts +14 -0
- package/types/src/Select/SelectBase.d.ts +11 -3
- package/types/src/Table/Table.d.ts +4 -0
- package/types/src/Text/Text.d.ts +3 -3
- package/types/src/TextArea/TextArea.d.ts +3 -3
- package/types/src/fixtures/FetchOptions.d.ts +2 -8
- package/useForceUpdate.js +46 -110
- package/useKeyPress.js +50 -107
- package/usePrevious.js +47 -111
- package/useRovingFocus.js +53 -133
- package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
- package/types/src/Typography/docs/examples/Variants.d.ts +0 -2
- /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
- /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/RadioBar.js
CHANGED
|
@@ -1,220 +1,133 @@
|
|
|
1
|
-
|
|
2
|
-
/******/
|
|
3
|
-
/******/ // The
|
|
4
|
-
/******/ var
|
|
5
|
-
/******/
|
|
6
|
-
|
|
7
|
-
/******/
|
|
8
|
-
/******/
|
|
9
|
-
/******/ //
|
|
10
|
-
/******/
|
|
11
|
-
/******/
|
|
12
|
-
/******/
|
|
13
|
-
/******/
|
|
14
|
-
/******/
|
|
15
|
-
/******/
|
|
16
|
-
/******/
|
|
17
|
-
/******/
|
|
1
|
+
/******/ (() => { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ // The require scope
|
|
4
|
+
/******/ var __webpack_require__ = {};
|
|
5
|
+
/******/
|
|
6
|
+
/************************************************************************/
|
|
7
|
+
/******/ /* webpack/runtime/compat get default export */
|
|
8
|
+
/******/ (() => {
|
|
9
|
+
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
10
|
+
/******/ __webpack_require__.n = (module) => {
|
|
11
|
+
/******/ var getter = module && module.__esModule ?
|
|
12
|
+
/******/ () => (module['default']) :
|
|
13
|
+
/******/ () => (module);
|
|
14
|
+
/******/ __webpack_require__.d(getter, { a: getter });
|
|
15
|
+
/******/ return getter;
|
|
16
|
+
/******/ };
|
|
17
|
+
/******/ })();
|
|
18
|
+
/******/
|
|
19
|
+
/******/ /* webpack/runtime/define property getters */
|
|
20
|
+
/******/ (() => {
|
|
21
|
+
/******/ // define getter functions for harmony exports
|
|
22
|
+
/******/ __webpack_require__.d = (exports, definition) => {
|
|
23
|
+
/******/ for(var key in definition) {
|
|
24
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
25
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
26
|
+
/******/ }
|
|
27
|
+
/******/ }
|
|
18
28
|
/******/ };
|
|
19
|
-
/******/
|
|
20
|
-
/******/
|
|
21
|
-
/******/
|
|
22
|
-
/******/
|
|
23
|
-
/******/
|
|
24
|
-
/******/
|
|
25
|
-
/******/
|
|
26
|
-
/******/
|
|
27
|
-
/******/
|
|
28
|
-
/******/
|
|
29
|
-
/******/
|
|
30
|
-
/******/
|
|
31
|
-
/******/
|
|
32
|
-
/******/
|
|
33
|
-
/******/
|
|
34
|
-
/******/
|
|
35
|
-
/******/
|
|
36
|
-
/******/
|
|
37
|
-
/******/ // define getter function for harmony exports
|
|
38
|
-
/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
39
|
-
/******/ if(!__webpack_require__.o(exports, name)) {
|
|
40
|
-
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
41
|
-
/******/ }
|
|
42
|
-
/******/ };
|
|
43
|
-
/******/
|
|
44
|
-
/******/ // define __esModule on exports
|
|
45
|
-
/******/ __webpack_require__.r = function(exports) {
|
|
46
|
-
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
47
|
-
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
48
|
-
/******/ }
|
|
49
|
-
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
50
|
-
/******/ };
|
|
51
|
-
/******/
|
|
52
|
-
/******/ // create a fake namespace object
|
|
53
|
-
/******/ // mode & 1: value is a module id, require it
|
|
54
|
-
/******/ // mode & 2: merge all properties of value into the ns
|
|
55
|
-
/******/ // mode & 4: return value when already ns object
|
|
56
|
-
/******/ // mode & 8|1: behave like require
|
|
57
|
-
/******/ __webpack_require__.t = function(value, mode) {
|
|
58
|
-
/******/ if(mode & 1) value = __webpack_require__(value);
|
|
59
|
-
/******/ if(mode & 8) return value;
|
|
60
|
-
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
61
|
-
/******/ var ns = Object.create(null);
|
|
62
|
-
/******/ __webpack_require__.r(ns);
|
|
63
|
-
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
64
|
-
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
65
|
-
/******/ return ns;
|
|
66
|
-
/******/ };
|
|
67
|
-
/******/
|
|
68
|
-
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
69
|
-
/******/ __webpack_require__.n = function(module) {
|
|
70
|
-
/******/ var getter = module && module.__esModule ?
|
|
71
|
-
/******/ function getDefault() { return module['default']; } :
|
|
72
|
-
/******/ function getModuleExports() { return module; };
|
|
73
|
-
/******/ __webpack_require__.d(getter, 'a', getter);
|
|
74
|
-
/******/ return getter;
|
|
75
|
-
/******/ };
|
|
76
|
-
/******/
|
|
77
|
-
/******/ // Object.prototype.hasOwnProperty.call
|
|
78
|
-
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
79
|
-
/******/
|
|
80
|
-
/******/ // __webpack_public_path__
|
|
81
|
-
/******/ __webpack_require__.p = "";
|
|
82
|
-
/******/
|
|
83
|
-
/******/
|
|
84
|
-
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s = 187);
|
|
86
|
-
/******/ })
|
|
29
|
+
/******/ })();
|
|
30
|
+
/******/
|
|
31
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
32
|
+
/******/ (() => {
|
|
33
|
+
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
|
34
|
+
/******/ })();
|
|
35
|
+
/******/
|
|
36
|
+
/******/ /* webpack/runtime/make namespace object */
|
|
37
|
+
/******/ (() => {
|
|
38
|
+
/******/ // define __esModule on exports
|
|
39
|
+
/******/ __webpack_require__.r = (exports) => {
|
|
40
|
+
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
41
|
+
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
42
|
+
/******/ }
|
|
43
|
+
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
44
|
+
/******/ };
|
|
45
|
+
/******/ })();
|
|
46
|
+
/******/
|
|
87
47
|
/************************************************************************/
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
/***/ 0:
|
|
91
|
-
/***/ (function(module, exports) {
|
|
92
|
-
|
|
93
|
-
module.exports = require("@splunk/themes");
|
|
94
|
-
|
|
95
|
-
/***/ }),
|
|
96
|
-
|
|
97
|
-
/***/ 1:
|
|
98
|
-
/***/ (function(module, exports) {
|
|
99
|
-
|
|
100
|
-
module.exports = require("prop-types");
|
|
101
|
-
|
|
102
|
-
/***/ }),
|
|
103
|
-
|
|
104
|
-
/***/ 11:
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("lodash/has");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 12:
|
|
112
|
-
/***/ (function(module, exports) {
|
|
113
|
-
|
|
114
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
|
-
|
|
116
|
-
/***/ }),
|
|
117
|
-
|
|
118
|
-
/***/ 17:
|
|
119
|
-
/***/ (function(module, exports) {
|
|
120
|
-
|
|
121
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
122
|
-
|
|
123
|
-
/***/ }),
|
|
124
|
-
|
|
125
|
-
/***/ 187:
|
|
126
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
127
|
-
|
|
128
|
-
"use strict";
|
|
48
|
+
var __webpack_exports__ = {};
|
|
129
49
|
// ESM COMPAT FLAG
|
|
130
50
|
__webpack_require__.r(__webpack_exports__);
|
|
131
51
|
|
|
132
52
|
// EXPORTS
|
|
133
|
-
__webpack_require__.d(__webpack_exports__,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
var external_react_ = __webpack_require__(2);
|
|
138
|
-
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
|
|
139
|
-
|
|
140
|
-
// EXTERNAL MODULE: external "prop-types"
|
|
141
|
-
var external_prop_types_ = __webpack_require__(1);
|
|
142
|
-
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
143
|
-
|
|
144
|
-
// EXTERNAL MODULE: external "lodash/has"
|
|
145
|
-
var has_ = __webpack_require__(11);
|
|
146
|
-
var has_default = /*#__PURE__*/__webpack_require__.n(has_);
|
|
147
|
-
|
|
148
|
-
// EXTERNAL MODULE: external "lodash/omit"
|
|
149
|
-
var omit_ = __webpack_require__(5);
|
|
150
|
-
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
151
|
-
|
|
152
|
-
// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
|
|
153
|
-
var keyboard_ = __webpack_require__(7);
|
|
154
|
-
|
|
155
|
-
// EXTERNAL MODULE: external "@splunk/themes"
|
|
156
|
-
var themes_ = __webpack_require__(0);
|
|
157
|
-
|
|
158
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
159
|
-
var Button_ = __webpack_require__(17);
|
|
160
|
-
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
161
|
-
|
|
162
|
-
// EXTERNAL MODULE: external "styled-components"
|
|
163
|
-
var external_styled_components_ = __webpack_require__(3);
|
|
164
|
-
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
165
|
-
|
|
166
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
167
|
-
var Clickable_ = __webpack_require__(12);
|
|
168
|
-
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
169
|
-
|
|
170
|
-
// CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
|
|
171
|
-
|
|
172
|
-
|
|
53
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
54
|
+
Option: () => (/* reexport */ RadioBar_Option),
|
|
55
|
+
"default": () => (/* reexport */ RadioBar_RadioBar)
|
|
56
|
+
});
|
|
173
57
|
|
|
174
|
-
|
|
58
|
+
;// CONCATENATED MODULE: external "react"
|
|
59
|
+
const external_react_namespaceObject = require("react");
|
|
60
|
+
var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
|
|
61
|
+
;// CONCATENATED MODULE: external "prop-types"
|
|
62
|
+
const external_prop_types_namespaceObject = require("prop-types");
|
|
63
|
+
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
|
|
64
|
+
;// CONCATENATED MODULE: external "lodash/has"
|
|
65
|
+
const has_namespaceObject = require("lodash/has");
|
|
66
|
+
var has_default = /*#__PURE__*/__webpack_require__.n(has_namespaceObject);
|
|
67
|
+
;// CONCATENATED MODULE: external "lodash/omit"
|
|
68
|
+
const omit_namespaceObject = require("lodash/omit");
|
|
69
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
|
|
70
|
+
;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
|
|
71
|
+
const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
|
|
72
|
+
;// CONCATENATED MODULE: external "@splunk/themes"
|
|
73
|
+
const themes_namespaceObject = require("@splunk/themes");
|
|
74
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Button"
|
|
75
|
+
const Button_namespaceObject = require("@splunk/react-ui/Button");
|
|
76
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_namespaceObject);
|
|
77
|
+
;// CONCATENATED MODULE: external "styled-components"
|
|
78
|
+
const external_styled_components_namespaceObject = require("styled-components");
|
|
79
|
+
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
|
|
80
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
|
|
81
|
+
const Clickable_namespaceObject = require("@splunk/react-ui/Clickable");
|
|
82
|
+
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_namespaceObject);
|
|
83
|
+
;// CONCATENATED MODULE: ./src/RadioBar/OptionStyles.ts
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
var StyledClickable = external_styled_components_default()((Clickable_default())).withConfig({
|
|
175
88
|
displayName: "OptionStyles__StyledClickable",
|
|
176
89
|
componentId: "fyq77p-0"
|
|
177
|
-
})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""],
|
|
90
|
+
})(["border-radius:3px;flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:", ";padding:2px 12px;height:calc(", " - 6px);position:relative;gap:", ";& + &{margin-left:2px;}", " ", " &:focus{color:", ";box-shadow:", ";z-index:2;&:active{background-color:", ";}}", " ", ""], themes_namespaceObject.variables.contentColorDefault, themes_namespaceObject.variables.inputHeight, themes_namespaceObject.variables.spacingXSmall, function (_ref) {
|
|
178
91
|
var $selected = _ref.$selected;
|
|
179
|
-
return $selected &&
|
|
180
|
-
dark:
|
|
181
|
-
light:
|
|
182
|
-
}),
|
|
92
|
+
return $selected && (0,external_styled_components_namespaceObject.css)(["color:", ";background-color:", ";box-shadow:", ";"], themes_namespaceObject.variables.contentColorActive, (0,themes_namespaceObject.pick)({
|
|
93
|
+
dark: themes_namespaceObject.variables.interactiveColorOverlaySelected,
|
|
94
|
+
light: themes_namespaceObject.variables.white
|
|
95
|
+
}), themes_namespaceObject.variables.embossShadow);
|
|
183
96
|
}, function (_ref2) {
|
|
184
97
|
var $selected = _ref2.$selected,
|
|
185
98
|
disabled = _ref2.disabled;
|
|
186
|
-
return $selected && disabled &&
|
|
187
|
-
},
|
|
99
|
+
return $selected && disabled && (0,external_styled_components_namespaceObject.css)(["background-color:", ";"], themes_namespaceObject.variables.backgroundColorPage);
|
|
100
|
+
}, themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.focusShadow, themes_namespaceObject.variables.interactiveColorOverlayActive, function (_ref3) {
|
|
188
101
|
var $selected = _ref3.$selected,
|
|
189
102
|
disabled = _ref3.disabled;
|
|
190
|
-
return !$selected && !disabled &&
|
|
103
|
+
return !$selected && !disabled && (0,external_styled_components_namespaceObject.css)(["&:hover{color:", ";background-color:", ";}&:active{background-color:", ";}"], themes_namespaceObject.variables.contentColorActive, themes_namespaceObject.variables.interactiveColorOverlayHover, themes_namespaceObject.variables.interactiveColorOverlayActive);
|
|
191
104
|
}, function (_ref4) {
|
|
192
105
|
var disabled = _ref4.disabled;
|
|
193
|
-
return disabled &&
|
|
106
|
+
return disabled && (0,external_styled_components_namespaceObject.css)(["color:", ";"], themes_namespaceObject.variables.contentColorDisabled);
|
|
194
107
|
});
|
|
195
|
-
var StyledIcon = external_styled_components_default.
|
|
108
|
+
var StyledIcon = external_styled_components_default().div.withConfig({
|
|
196
109
|
displayName: "OptionStyles__StyledIcon",
|
|
197
110
|
componentId: "fyq77p-1"
|
|
198
111
|
})(["flex:0 0 auto;margin-top:-2px;font-size:15px;"]);
|
|
199
|
-
var StyledLabel = external_styled_components_default.
|
|
112
|
+
var StyledLabel = external_styled_components_default().div.withConfig({
|
|
200
113
|
displayName: "OptionStyles__StyledLabel",
|
|
201
114
|
componentId: "fyq77p-2"
|
|
202
|
-
})(["", " flex:0 1 auto;", ""],
|
|
203
|
-
enterprise:
|
|
115
|
+
})(["", " flex:0 1 auto;", ""], themes_namespaceObject.mixins.ellipsis, (0,themes_namespaceObject.pick)({
|
|
116
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["&:not(:first-child){margin-left:", ";}"], themes_namespaceObject.variables.spacingXSmall)
|
|
204
117
|
}));
|
|
205
|
-
var StyledAdornment = external_styled_components_default.
|
|
118
|
+
var StyledAdornment = external_styled_components_default().div.withConfig({
|
|
206
119
|
displayName: "OptionStyles__StyledAdornment",
|
|
207
120
|
componentId: "fyq77p-3"
|
|
208
|
-
})(["flex:0 0 auto;", ""],
|
|
209
|
-
enterprise:
|
|
121
|
+
})(["flex:0 0 auto;", ""], (0,themes_namespaceObject.pick)({
|
|
122
|
+
enterprise: (0,external_styled_components_namespaceObject.css)(["&:not(:first-child){margin-left:", ";}"], themes_namespaceObject.variables.spacingXSmall)
|
|
210
123
|
}));
|
|
211
124
|
|
|
212
|
-
|
|
125
|
+
;// CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
|
|
213
126
|
|
|
214
|
-
var RadioBarContext = /*#__PURE__*/
|
|
127
|
+
var RadioBarContext = /*#__PURE__*/(0,external_react_namespaceObject.createContext)({});
|
|
215
128
|
RadioBarContext.displayName = 'RadioBar';
|
|
216
|
-
/* harmony default export */
|
|
217
|
-
|
|
129
|
+
/* harmony default export */ const RadioBar_RadioBarContext = (RadioBarContext);
|
|
130
|
+
;// CONCATENATED MODULE: ./src/RadioBar/Option.tsx
|
|
218
131
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
219
132
|
|
|
220
133
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
@@ -227,17 +140,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
227
140
|
|
|
228
141
|
|
|
229
142
|
var propTypes = {
|
|
230
|
-
disabled: external_prop_types_default.
|
|
231
|
-
startAdornment: external_prop_types_default.
|
|
232
|
-
endAdornment: external_prop_types_default.
|
|
233
|
-
icon: external_prop_types_default.
|
|
234
|
-
label: external_prop_types_default.
|
|
143
|
+
disabled: (external_prop_types_default()).bool,
|
|
144
|
+
startAdornment: (external_prop_types_default()).node,
|
|
145
|
+
endAdornment: (external_prop_types_default()).node,
|
|
146
|
+
icon: (external_prop_types_default()).node,
|
|
147
|
+
label: (external_prop_types_default()).string,
|
|
235
148
|
|
|
236
149
|
/** @private Set by `RadioBar`. */
|
|
237
|
-
selected: external_prop_types_default.
|
|
150
|
+
selected: (external_prop_types_default()).bool,
|
|
238
151
|
|
|
239
152
|
/** The value of the `Option`. */
|
|
240
|
-
value: external_prop_types_default.
|
|
153
|
+
value: (external_prop_types_default()).any.isRequired
|
|
241
154
|
};
|
|
242
155
|
|
|
243
156
|
function Option(_ref) {
|
|
@@ -251,7 +164,7 @@ function Option(_ref) {
|
|
|
251
164
|
otherProps = _objectWithoutProperties(_ref, ["disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value"]);
|
|
252
165
|
|
|
253
166
|
// @docs-props-type OptionPropsBase
|
|
254
|
-
var _useContext =
|
|
167
|
+
var _useContext = (0,external_react_namespaceObject.useContext)(RadioBar_RadioBarContext),
|
|
255
168
|
onClickContext = _useContext.onClick,
|
|
256
169
|
appearanceContext = _useContext.appearance,
|
|
257
170
|
errorContext = _useContext.error,
|
|
@@ -274,7 +187,7 @@ function Option(_ref) {
|
|
|
274
187
|
var focusedTabIndex = tabIndex;
|
|
275
188
|
|
|
276
189
|
if (appearanceContext === 'prisma') {
|
|
277
|
-
return /*#__PURE__*/external_react_default.
|
|
190
|
+
return /*#__PURE__*/external_react_default().createElement(StyledClickable, _extends({
|
|
278
191
|
"data-test": "option",
|
|
279
192
|
"data-test-value": value
|
|
280
193
|
}, otherProps, {
|
|
@@ -295,10 +208,10 @@ function Option(_ref) {
|
|
|
295
208
|
label: label
|
|
296
209
|
});
|
|
297
210
|
}
|
|
298
|
-
}), icon && /*#__PURE__*/external_react_default.
|
|
211
|
+
}), icon && /*#__PURE__*/external_react_default().createElement(StyledIcon, null, icon), startAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default().createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, endAdornment));
|
|
299
212
|
}
|
|
300
213
|
|
|
301
|
-
return /*#__PURE__*/external_react_default.
|
|
214
|
+
return /*#__PURE__*/external_react_default().createElement((Button_default()), _extends({
|
|
302
215
|
"data-test": "option",
|
|
303
216
|
"data-test-value": value,
|
|
304
217
|
appearance: appearanceContext,
|
|
@@ -323,36 +236,35 @@ function Option(_ref) {
|
|
|
323
236
|
label: label
|
|
324
237
|
});
|
|
325
238
|
}
|
|
326
|
-
}), startAdornment && /*#__PURE__*/external_react_default.
|
|
239
|
+
}), startAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, startAdornment), label && /*#__PURE__*/external_react_default().createElement(StyledLabel, null, label), endAdornment && /*#__PURE__*/external_react_default().createElement(StyledAdornment, null, endAdornment));
|
|
327
240
|
}
|
|
328
241
|
|
|
329
242
|
Option.propTypes = propTypes;
|
|
330
|
-
/* harmony default export */
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
var Box_default = /*#__PURE__*/__webpack_require__.n(
|
|
243
|
+
/* harmony default export */ const RadioBar_Option = (Option);
|
|
244
|
+
;// CONCATENATED MODULE: external "@splunk/react-ui/Box"
|
|
245
|
+
const Box_namespaceObject = require("@splunk/react-ui/Box");
|
|
246
|
+
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_namespaceObject);
|
|
247
|
+
;// CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
|
|
334
248
|
|
|
335
|
-
// CONCATENATED MODULE: ./src/RadioBar/RadioBarStyles.ts
|
|
336
249
|
|
|
337
250
|
|
|
338
|
-
|
|
339
|
-
var StyledRadioBar = external_styled_components_default()(Box_default.a).withConfig({
|
|
251
|
+
var StyledRadioBar = external_styled_components_default()((Box_default())).withConfig({
|
|
340
252
|
displayName: "RadioBarStyles__StyledRadioBar",
|
|
341
253
|
componentId: "gg1b79-0"
|
|
342
|
-
})(["height:", ";", " [data-inline] + &{margin-left:", ";}"],
|
|
343
|
-
prisma:
|
|
254
|
+
})(["height:", ";", " [data-inline] + &{margin-left:", ";}"], themes_namespaceObject.variables.inputHeight, (0,themes_namespaceObject.pick)({
|
|
255
|
+
prisma: (0,external_styled_components_namespaceObject.css)(["padding:2px;border-radius:", ";border:1px solid ", ";background:", ";"], themes_namespaceObject.variables.borderRadius, function (_ref) {
|
|
344
256
|
var $error = _ref.$error;
|
|
345
|
-
return $error ?
|
|
257
|
+
return $error ? themes_namespaceObject.variables.accentColorNegative : 'transparent';
|
|
346
258
|
}, function (_ref2) {
|
|
347
259
|
var $disabled = _ref2.$disabled;
|
|
348
|
-
return $disabled ?
|
|
260
|
+
return $disabled ? themes_namespaceObject.variables.interactiveColorBackgroundDisabled : themes_namespaceObject.variables.interactiveColorBackground;
|
|
349
261
|
})
|
|
350
|
-
}),
|
|
351
|
-
enterprise:
|
|
352
|
-
prisma:
|
|
262
|
+
}), (0,themes_namespaceObject.pick)({
|
|
263
|
+
enterprise: themes_namespaceObject.variables.spacingHalf,
|
|
264
|
+
prisma: themes_namespaceObject.variables.spacingSmall
|
|
353
265
|
}));
|
|
354
266
|
|
|
355
|
-
|
|
267
|
+
;// CONCATENATED MODULE: ./src/RadioBar/RadioBar.tsx
|
|
356
268
|
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
357
269
|
|
|
358
270
|
function RadioBar_extends() { RadioBar_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return RadioBar_extends.apply(this, arguments); }
|
|
@@ -399,23 +311,23 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
399
311
|
/** @public */
|
|
400
312
|
|
|
401
313
|
var RadioBar_propTypes = {
|
|
402
|
-
appearance: external_prop_types_default.
|
|
403
|
-
children: external_prop_types_default.
|
|
404
|
-
defaultValue: external_prop_types_default.
|
|
405
|
-
describedBy: external_prop_types_default.
|
|
406
|
-
elementRef: external_prop_types_default.
|
|
407
|
-
error: external_prop_types_default.
|
|
408
|
-
inline: external_prop_types_default.
|
|
409
|
-
labelledBy: external_prop_types_default.
|
|
410
|
-
name: external_prop_types_default.
|
|
411
|
-
onChange: external_prop_types_default.
|
|
314
|
+
appearance: external_prop_types_default().oneOf(['default', 'pill']),
|
|
315
|
+
children: (external_prop_types_default()).node,
|
|
316
|
+
defaultValue: (external_prop_types_default()).any,
|
|
317
|
+
describedBy: (external_prop_types_default()).string,
|
|
318
|
+
elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
|
|
319
|
+
error: (external_prop_types_default()).bool,
|
|
320
|
+
inline: (external_prop_types_default()).bool,
|
|
321
|
+
labelledBy: (external_prop_types_default()).string,
|
|
322
|
+
name: (external_prop_types_default()).string,
|
|
323
|
+
onChange: (external_prop_types_default()).func,
|
|
412
324
|
|
|
413
325
|
/** @private. */
|
|
414
|
-
required: external_prop_types_default.
|
|
326
|
+
required: (external_prop_types_default()).bool,
|
|
415
327
|
|
|
416
328
|
/** @private */
|
|
417
|
-
splunkTheme: external_prop_types_default.
|
|
418
|
-
value: external_prop_types_default.
|
|
329
|
+
splunkTheme: (external_prop_types_default()).object,
|
|
330
|
+
value: (external_prop_types_default()).any
|
|
419
331
|
};
|
|
420
332
|
var defaultProps = {
|
|
421
333
|
appearance: 'default',
|
|
@@ -426,7 +338,7 @@ var defaultProps = {
|
|
|
426
338
|
/**
|
|
427
339
|
* RadioBar is a form control that provides the ability to select one option out of a group.
|
|
428
340
|
*/
|
|
429
|
-
var
|
|
341
|
+
var RadioBar = /*#__PURE__*/function (_Component) {
|
|
430
342
|
_inherits(RadioBar, _Component);
|
|
431
343
|
|
|
432
344
|
var _super = _createSuper(RadioBar);
|
|
@@ -451,7 +363,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
|
|
|
451
363
|
_defineProperty(_assertThisInitialized(_this), "handleOnKeyDown", function (e, _ref) {
|
|
452
364
|
var value = _ref.value,
|
|
453
365
|
label = _ref.label;
|
|
454
|
-
var eventKeyCode =
|
|
366
|
+
var eventKeyCode = (0,keyboard_namespaceObject.keycode)(e.nativeEvent);
|
|
455
367
|
var myTarget = e.currentTarget;
|
|
456
368
|
var nextTarget = null;
|
|
457
369
|
var nextIndex = 0;
|
|
@@ -558,7 +470,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
|
|
|
558
470
|
var isPrisma = splunkTheme.isPrisma;
|
|
559
471
|
var disabled = true;
|
|
560
472
|
this.filteredValues = [];
|
|
561
|
-
var childrenFormatted =
|
|
473
|
+
var childrenFormatted = external_react_namespaceObject.Children.toArray(children).filter(external_react_namespaceObject.isValidElement).map(function (item, i, _ref2) {
|
|
562
474
|
var length = _ref2.length;
|
|
563
475
|
|
|
564
476
|
_this2.filteredValues.push(item.props.value);
|
|
@@ -567,7 +479,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
|
|
|
567
479
|
disabled = false;
|
|
568
480
|
}
|
|
569
481
|
|
|
570
|
-
return /*#__PURE__*/
|
|
482
|
+
return /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(item, {
|
|
571
483
|
selected: item.props.value === selectedValue,
|
|
572
484
|
key: item.key || i,
|
|
573
485
|
append: i < length - 1,
|
|
@@ -587,7 +499,7 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
|
|
|
587
499
|
firstValue: firstItemValue,
|
|
588
500
|
selectedValue: selectedValueIsValid ? selectedValue : undefined
|
|
589
501
|
};
|
|
590
|
-
return /*#__PURE__*/external_react_default.
|
|
502
|
+
return /*#__PURE__*/external_react_default().createElement(StyledRadioBar, RadioBar_extends({
|
|
591
503
|
flex: true,
|
|
592
504
|
$disabled: disabled,
|
|
593
505
|
$error: error,
|
|
@@ -597,66 +509,30 @@ var RadioBar_RadioBar = /*#__PURE__*/function (_Component) {
|
|
|
597
509
|
"aria-labelledby": labelledBy,
|
|
598
510
|
"aria-describedby": describedBy,
|
|
599
511
|
"aria-required": required
|
|
600
|
-
}, omit_default()(otherProps, 'onChange')), /*#__PURE__*/external_react_default.
|
|
512
|
+
}, omit_default()(otherProps, 'onChange')), /*#__PURE__*/external_react_default().createElement(RadioBar_RadioBarContext.Provider, {
|
|
601
513
|
value: contextValue
|
|
602
514
|
}, childrenFormatted));
|
|
603
515
|
}
|
|
604
516
|
}]);
|
|
605
517
|
|
|
606
518
|
return RadioBar;
|
|
607
|
-
}(
|
|
519
|
+
}(external_react_namespaceObject.Component);
|
|
608
520
|
|
|
609
|
-
_defineProperty(
|
|
521
|
+
_defineProperty(RadioBar, "propTypes", RadioBar_propTypes);
|
|
610
522
|
|
|
611
|
-
_defineProperty(
|
|
523
|
+
_defineProperty(RadioBar, "defaultProps", defaultProps);
|
|
612
524
|
|
|
613
|
-
_defineProperty(
|
|
525
|
+
_defineProperty(RadioBar, "Option", RadioBar_Option);
|
|
614
526
|
|
|
615
|
-
var RadioBarWithTheme =
|
|
527
|
+
var RadioBarWithTheme = (0,themes_namespaceObject.withSplunkTheme)(RadioBar);
|
|
616
528
|
var RadioBarWithThemeOption = RadioBarWithTheme;
|
|
617
|
-
RadioBarWithThemeOption.propTypes =
|
|
529
|
+
RadioBarWithThemeOption.propTypes = RadioBar.propTypes;
|
|
618
530
|
RadioBarWithThemeOption.Option = RadioBar_Option;
|
|
619
|
-
/* harmony default export */
|
|
531
|
+
/* harmony default export */ const RadioBar_RadioBar = (RadioBarWithThemeOption);
|
|
620
532
|
// only for styled components using RadioBar
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
/***/ }),
|
|
626
|
-
|
|
627
|
-
/***/ 2:
|
|
628
|
-
/***/ (function(module, exports) {
|
|
629
|
-
|
|
630
|
-
module.exports = require("react");
|
|
631
|
-
|
|
632
|
-
/***/ }),
|
|
633
|
-
|
|
634
|
-
/***/ 3:
|
|
635
|
-
/***/ (function(module, exports) {
|
|
636
|
-
|
|
637
|
-
module.exports = require("styled-components");
|
|
638
|
-
|
|
639
|
-
/***/ }),
|
|
640
|
-
|
|
641
|
-
/***/ 5:
|
|
642
|
-
/***/ (function(module, exports) {
|
|
643
|
-
|
|
644
|
-
module.exports = require("lodash/omit");
|
|
645
|
-
|
|
646
|
-
/***/ }),
|
|
647
|
-
|
|
648
|
-
/***/ 6:
|
|
649
|
-
/***/ (function(module, exports) {
|
|
650
|
-
|
|
651
|
-
module.exports = require("@splunk/react-ui/Box");
|
|
652
|
-
|
|
653
|
-
/***/ }),
|
|
654
|
-
|
|
655
|
-
/***/ 7:
|
|
656
|
-
/***/ (function(module, exports) {
|
|
657
|
-
|
|
658
|
-
module.exports = require("@splunk/ui-utils/keyboard");
|
|
533
|
+
;// CONCATENATED MODULE: ./src/RadioBar/index.ts
|
|
659
534
|
|
|
660
|
-
/***/ })
|
|
661
535
|
|
|
662
|
-
|
|
536
|
+
module.exports = __webpack_exports__;
|
|
537
|
+
/******/ })()
|
|
538
|
+
;
|