@splunk/react-ui 4.14.0 → 4.16.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/.dockerignore +2 -0
- package/Accordion.js +41 -16
- package/Anchor.js +9 -9
- package/Animation.js +6 -6
- package/AnimationToggle.js +2 -2
- package/Box.js +9 -9
- package/Button.js +54 -51
- package/ButtonGroup.js +9 -9
- package/ButtonSimple.js +68 -64
- package/CHANGELOG.md +46 -0
- package/Calendar.js +124 -106
- package/Card.js +68 -68
- package/CardLayout.js +9 -9
- package/Chip.js +22 -22
- package/Clickable.js +38 -14
- package/CloseButton.js +23 -23
- package/Code.js +484 -436
- package/CollapsiblePanel.js +59 -34
- package/Color.js +297 -187
- package/ColumnLayout.js +18 -17
- package/ComboBox.js +81 -32
- package/Concertina.js +88 -27
- package/ControlGroup.js +81 -24
- package/Date.js +54 -36
- package/DefinitionList.js +14 -8
- package/Divider.d.ts +2 -0
- package/Divider.js +9 -9
- package/Dockerfile.enterprise.storybook +7 -0
- package/Dockerfile.prisma.storybook +7 -0
- package/Dockerfile.visual +10 -0
- package/Dropdown.js +78 -18
- package/EventListener.js +17 -17
- package/File.js +108 -46
- package/FormRows.js +38 -37
- package/Heading.js +83 -55
- package/Image.js +63 -38
- package/JSONTree.js +106 -21
- package/Layer.js +59 -34
- package/Link.js +17 -17
- package/List.js +3 -3
- package/MIGRATION.md +21 -0
- package/Markdown.js +71 -65
- package/Menu.js +155 -121
- package/Message.js +129 -129
- package/MessageBar.js +136 -136
- package/Modal.js +57 -32
- package/ModalLayer.js +15 -15
- package/Monogram.js +18 -17
- package/Multiselect.js +2807 -2310
- package/Number.js +74 -37
- package/Paginator.js +96 -83
- package/Paragraph.js +10 -10
- package/Popover.js +191 -54
- package/Progress.js +23 -22
- package/RadioBar.js +32 -14
- package/RadioList.js +17 -11
- package/Resize.js +33 -20
- package/ResultsMenu.js +36 -23
- package/ScreenReaderContent.js +9 -9
- package/Scroll.js +51 -26
- package/ScrollContainerContext.js +48 -48
- package/Search.js +68 -31
- package/Select.js +501 -204
- package/SidePanel.js +37 -24
- package/Slider.js +54 -24
- package/SlidingPanels.js +52 -14
- package/SplitButton.js +23 -22
- package/StaticContent.js +9 -9
- package/StepBar.js +22 -22
- package/Switch.js +18 -13
- package/TabBar.js +22 -22
- package/TabLayout.js +46 -18
- package/Table.js +424 -166
- package/Text.js +91 -49
- package/TextArea.d.ts +2 -0
- package/TextArea.js +127 -49
- package/Tooltip.js +236 -59
- package/TransitionOpen.js +39 -26
- package/Typography.d.ts +2 -0
- package/Typography.js +18 -17
- package/WaitSpinner.js +15 -15
- package/docker-compose.yml +42 -0
- package/package.json +13 -12
- package/test-runner-jest.config.js +11 -6
- package/types/src/Accordion/AccordionContext.d.ts +1 -0
- package/types/src/Button/Button.d.ts +5 -2
- package/types/src/Button/docs/examples/Basic.d.ts +2 -2
- package/types/src/Button/docs/examples/Selected.d.ts +2 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
- package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
- package/types/src/Calendar/Calendar.d.ts +2 -0
- package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
- package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
- package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
- package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
- package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
- package/types/src/File/File.d.ts +4 -2
- package/types/src/File/FileContext.d.ts +1 -0
- package/types/src/FormRows/FormRowsContext.d.ts +1 -0
- package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +1 -0
- package/types/src/Modal/ModalContext.d.ts +1 -0
- package/types/src/Multiselect/Compact.d.ts +14 -1
- package/types/src/Multiselect/Multiselect.d.ts +15 -1
- package/types/src/Multiselect/Normal.d.ts +2 -0
- package/types/src/Popover/Popover.d.ts +25 -5
- package/types/src/Popover/PopoverContext.d.ts +1 -0
- package/types/src/RadioBar/RadioBar.d.ts +5 -3
- package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
- package/types/src/RadioList/RadioList.d.ts +5 -1
- package/types/src/RadioList/RadioListContext.d.ts +1 -0
- package/types/src/Select/Select.d.ts +3 -1
- package/types/src/Select/SelectBase.d.ts +14 -0
- package/types/src/Slider/Slider.d.ts +5 -3
- package/types/src/StepBar/StepBarContext.d.ts +1 -0
- package/types/src/Switch/Switch.d.ts +2 -0
- package/types/src/TabBar/TabBarContext.d.ts +1 -0
- package/types/src/TabLayout/Panel.d.ts +3 -0
- package/types/src/TabLayout/TabLayout.d.ts +2 -0
- package/types/src/Table/Body.d.ts +2 -0
- package/types/src/Table/Head.d.ts +2 -0
- package/types/src/Table/Row.d.ts +11 -3
- package/types/src/Table/Table.d.ts +5 -3
- package/types/src/Table/TableContext.d.ts +1 -0
- package/types/src/Text/Text.d.ts +5 -3
- package/types/src/TextArea/TextArea.d.ts +5 -3
- package/types/src/Tooltip/Tooltip.d.ts +16 -4
- package/types/src/Typography/Typography.d.ts +1 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
- package/useForceUpdate.js +9 -9
- package/useKeyPress.js +2 -2
- package/usePrevious.js +9 -9
- package/.storybook-visual/config/snapshotResolver.js +0 -29
- package/.storybook-visual/main.js +0 -22
- package/.storybook-visual/preview.jsx +0 -31
- package/.storybook-visual/scripts/test.sh +0 -108
- package/.storybook-visual/test-runner.js +0 -108
package/.dockerignore
ADDED
package/Accordion.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 182);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,28 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 10:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("lodash/keys");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 11:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("lodash/has");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 121:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("@splunk/react-ui/CollapsiblePanel");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 182:
|
|
105
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
127
|
|
|
107
128
|
"use strict";
|
|
@@ -120,11 +141,20 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
120
141
|
var external_prop_types_ = __webpack_require__(1);
|
|
121
142
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
122
143
|
|
|
123
|
-
// EXTERNAL MODULE: external "lodash"
|
|
124
|
-
var
|
|
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/keys"
|
|
149
|
+
var keys_ = __webpack_require__(10);
|
|
150
|
+
var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
|
|
151
|
+
|
|
152
|
+
// EXTERNAL MODULE: external "lodash/omit"
|
|
153
|
+
var omit_ = __webpack_require__(5);
|
|
154
|
+
var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
|
|
125
155
|
|
|
126
156
|
// EXTERNAL MODULE: external "@splunk/react-ui/CollapsiblePanel"
|
|
127
|
-
var CollapsiblePanel_ = __webpack_require__(
|
|
157
|
+
var CollapsiblePanel_ = __webpack_require__(121);
|
|
128
158
|
var CollapsiblePanel_default = /*#__PURE__*/__webpack_require__.n(CollapsiblePanel_);
|
|
129
159
|
|
|
130
160
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -265,6 +295,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
265
295
|
|
|
266
296
|
|
|
267
297
|
|
|
298
|
+
|
|
299
|
+
|
|
268
300
|
/** @public */
|
|
269
301
|
|
|
270
302
|
var Accordion_propTypes = {
|
|
@@ -320,7 +352,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
|
|
|
320
352
|
}));
|
|
321
353
|
});
|
|
322
354
|
|
|
323
|
-
_this.controlledExternally =
|
|
355
|
+
_this.controlledExternally = has_default()(props, 'openPanelId');
|
|
324
356
|
|
|
325
357
|
if (!_this.isControlled()) {
|
|
326
358
|
_this.state = {
|
|
@@ -359,7 +391,7 @@ var Accordion_Accordion = /*#__PURE__*/function (_Component) {
|
|
|
359
391
|
"data-test": "accordion",
|
|
360
392
|
"data-test-open-panel-id": openPanelId,
|
|
361
393
|
elementRef: elementRef
|
|
362
|
-
},
|
|
394
|
+
}, omit_default()(this.props, keys_default()(Accordion.propTypes))), /*#__PURE__*/external_react_default.a.createElement(Accordion_AccordionContext.Provider, {
|
|
363
395
|
value: {
|
|
364
396
|
onRequestOpen: this.handleRequestOpen,
|
|
365
397
|
onRequestClose: this.handleRequestClose,
|
|
@@ -401,10 +433,10 @@ module.exports = require("styled-components");
|
|
|
401
433
|
|
|
402
434
|
/***/ }),
|
|
403
435
|
|
|
404
|
-
/***/
|
|
436
|
+
/***/ 5:
|
|
405
437
|
/***/ (function(module, exports) {
|
|
406
438
|
|
|
407
|
-
module.exports = require("lodash");
|
|
439
|
+
module.exports = require("lodash/omit");
|
|
408
440
|
|
|
409
441
|
/***/ }),
|
|
410
442
|
|
|
@@ -413,13 +445,6 @@ module.exports = require("lodash");
|
|
|
413
445
|
|
|
414
446
|
module.exports = require("@splunk/react-ui/Box");
|
|
415
447
|
|
|
416
|
-
/***/ }),
|
|
417
|
-
|
|
418
|
-
/***/ 86:
|
|
419
|
-
/***/ (function(module, exports) {
|
|
420
|
-
|
|
421
|
-
module.exports = require("@splunk/react-ui/CollapsiblePanel");
|
|
422
|
-
|
|
423
448
|
/***/ })
|
|
424
449
|
|
|
425
450
|
/******/ });
|
package/Anchor.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 202);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 2:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("react");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 202:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -175,13 +182,6 @@ Anchor.propTypes = propTypes;
|
|
|
175
182
|
// CONCATENATED MODULE: ./src/Anchor/index.ts
|
|
176
183
|
|
|
177
184
|
|
|
178
|
-
/***/ }),
|
|
179
|
-
|
|
180
|
-
/***/ 2:
|
|
181
|
-
/***/ (function(module, exports) {
|
|
182
|
-
|
|
183
|
-
module.exports = require("react");
|
|
184
|
-
|
|
185
185
|
/***/ }),
|
|
186
186
|
|
|
187
187
|
/***/ 3:
|
package/Animation.js
CHANGED
|
@@ -82,12 +82,12 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 231);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
89
89
|
|
|
90
|
-
/***/
|
|
90
|
+
/***/ 231:
|
|
91
91
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
92
92
|
|
|
93
93
|
"use strict";
|
|
@@ -99,10 +99,10 @@ __webpack_require__.d(__webpack_exports__, "Spring", function() { return /* reex
|
|
|
99
99
|
__webpack_require__.d(__webpack_exports__, "Transition", function() { return /* reexport */ Transition; });
|
|
100
100
|
|
|
101
101
|
// EXTERNAL MODULE: external "react-spring"
|
|
102
|
-
var external_react_spring_ = __webpack_require__(
|
|
102
|
+
var external_react_spring_ = __webpack_require__(26);
|
|
103
103
|
|
|
104
104
|
// EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
|
|
105
|
-
var AnimationToggle_ = __webpack_require__(
|
|
105
|
+
var AnimationToggle_ = __webpack_require__(48);
|
|
106
106
|
|
|
107
107
|
// CONCATENATED MODULE: ./src/Animation/Animation.tsx
|
|
108
108
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -151,14 +151,14 @@ function Transition(_ref2) {
|
|
|
151
151
|
|
|
152
152
|
/***/ }),
|
|
153
153
|
|
|
154
|
-
/***/
|
|
154
|
+
/***/ 26:
|
|
155
155
|
/***/ (function(module, exports) {
|
|
156
156
|
|
|
157
157
|
module.exports = require("react-spring");
|
|
158
158
|
|
|
159
159
|
/***/ }),
|
|
160
160
|
|
|
161
|
-
/***/
|
|
161
|
+
/***/ 48:
|
|
162
162
|
/***/ (function(module, exports) {
|
|
163
163
|
|
|
164
164
|
module.exports = require("@splunk/react-ui/AnimationToggle");
|
package/AnimationToggle.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 183);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
|
|
|
94
94
|
|
|
95
95
|
/***/ }),
|
|
96
96
|
|
|
97
|
-
/***/
|
|
97
|
+
/***/ 183:
|
|
98
98
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
99
99
|
|
|
100
100
|
"use strict";
|
package/Box.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 203);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 2:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("react");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 203:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -176,13 +183,6 @@ Box.propTypes = propTypes;
|
|
|
176
183
|
// CONCATENATED MODULE: ./src/Box/index.ts
|
|
177
184
|
|
|
178
185
|
|
|
179
|
-
/***/ }),
|
|
180
|
-
|
|
181
|
-
/***/ 2:
|
|
182
|
-
/***/ (function(module, exports) {
|
|
183
|
-
|
|
184
|
-
module.exports = require("react");
|
|
185
|
-
|
|
186
186
|
/***/ }),
|
|
187
187
|
|
|
188
188
|
/***/ 3:
|
package/Button.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 189);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 189:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -119,23 +119,24 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
|
|
|
119
119
|
var external_prop_types_ = __webpack_require__(1);
|
|
120
120
|
var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
|
|
121
121
|
|
|
122
|
-
// EXTERNAL MODULE: external "lodash"
|
|
123
|
-
var
|
|
122
|
+
// EXTERNAL MODULE: external "lodash/isString"
|
|
123
|
+
var isString_ = __webpack_require__(25);
|
|
124
|
+
var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
|
|
124
125
|
|
|
125
126
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
126
|
-
var i18n_ = __webpack_require__(
|
|
127
|
+
var i18n_ = __webpack_require__(4);
|
|
127
128
|
|
|
128
129
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
129
|
-
var Dropdown_ = __webpack_require__(
|
|
130
|
+
var Dropdown_ = __webpack_require__(24);
|
|
130
131
|
|
|
131
132
|
// EXTERNAL MODULE: external "@splunk/ui-utils/style"
|
|
132
|
-
var style_ = __webpack_require__(
|
|
133
|
+
var style_ = __webpack_require__(40);
|
|
133
134
|
|
|
134
135
|
// EXTERNAL MODULE: ./src/icons/CaretDown.tsx
|
|
135
|
-
var CaretDown = __webpack_require__(
|
|
136
|
+
var CaretDown = __webpack_require__(52);
|
|
136
137
|
|
|
137
138
|
// EXTERNAL MODULE: external "@splunk/react-icons/External"
|
|
138
|
-
var External_ = __webpack_require__(
|
|
139
|
+
var External_ = __webpack_require__(60);
|
|
139
140
|
var External_default = /*#__PURE__*/__webpack_require__.n(External_);
|
|
140
141
|
|
|
141
142
|
// EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
|
|
@@ -174,7 +175,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
174
175
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
175
176
|
|
|
176
177
|
// EXTERNAL MODULE: external "@splunk/react-ui/ButtonSimple"
|
|
177
|
-
var ButtonSimple_ = __webpack_require__(
|
|
178
|
+
var ButtonSimple_ = __webpack_require__(61);
|
|
178
179
|
var ButtonSimple_default = /*#__PURE__*/__webpack_require__.n(ButtonSimple_);
|
|
179
180
|
|
|
180
181
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -248,21 +249,25 @@ var StyledContentWrapper = external_styled_components_default.a.span.withConfig(
|
|
|
248
249
|
displayName: "ButtonStyles__StyledContentWrapper",
|
|
249
250
|
componentId: "eqxqs2-2"
|
|
250
251
|
})(["display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:100%;padding:", ";"], Object(themes_["pick"])({
|
|
251
|
-
enterprise:
|
|
252
|
-
|
|
253
|
-
|
|
252
|
+
enterprise: function enterprise(_ref7) {
|
|
253
|
+
var $error = _ref7.$error;
|
|
254
|
+
|
|
255
|
+
if ($error) {
|
|
256
|
+
return '1px';
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
return Object(themes_["pickVariant"])('$appearance', {
|
|
254
260
|
"default": '0',
|
|
255
261
|
secondary: '0',
|
|
256
|
-
destructive: '
|
|
257
|
-
// === default
|
|
262
|
+
destructive: '1px',
|
|
258
263
|
primary: '1px',
|
|
259
264
|
pill: '0',
|
|
260
265
|
toggle: '0',
|
|
261
266
|
// === default
|
|
262
267
|
flat: '0' // === default
|
|
263
268
|
|
|
264
|
-
})
|
|
265
|
-
}
|
|
269
|
+
});
|
|
270
|
+
},
|
|
266
271
|
prisma: Object(themes_["pickVariant"])('$appearance', {
|
|
267
272
|
"default": 0,
|
|
268
273
|
secondary: '1px 0',
|
|
@@ -280,8 +285,8 @@ var StyledLabel = external_styled_components_default.a.span.withConfig({
|
|
|
280
285
|
})(["text-overflow:ellipsis;overflow:hidden;flex:0 1 auto;&:not(:last-child){padding-right:", ";}", ""], Object(themes_["pick"])({
|
|
281
286
|
enterprise: '3px',
|
|
282
287
|
prisma: '10px'
|
|
283
|
-
}), function (
|
|
284
|
-
var $isMenu =
|
|
288
|
+
}), function (_ref8) {
|
|
289
|
+
var $isMenu = _ref8.$isMenu;
|
|
285
290
|
return $isMenu && Object(external_styled_components_["css"])(["flex:1 1 auto;text-align:left;"]);
|
|
286
291
|
});
|
|
287
292
|
var StyledCaretWrapper = external_styled_components_default.a.span.withConfig({
|
|
@@ -375,16 +380,13 @@ var Button_Button = /*#__PURE__*/function (_Component) {
|
|
|
375
380
|
|
|
376
381
|
var _super = _createSuper(Button);
|
|
377
382
|
|
|
378
|
-
|
|
383
|
+
// @docs-props-type ButtonPropsBase
|
|
384
|
+
function Button(props) {
|
|
379
385
|
var _this;
|
|
380
386
|
|
|
381
387
|
_classCallCheck(this, Button);
|
|
382
388
|
|
|
383
|
-
|
|
384
|
-
args[_key] = arguments[_key];
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
389
|
+
_this = _super.call(this, props);
|
|
388
390
|
|
|
389
391
|
_defineProperty(_assertThisInitialized(_this), "component", null);
|
|
390
392
|
|
|
@@ -407,6 +409,8 @@ var Button_Button = /*#__PURE__*/function (_Component) {
|
|
|
407
409
|
_this.component = c;
|
|
408
410
|
});
|
|
409
411
|
|
|
412
|
+
if (false) {}
|
|
413
|
+
|
|
410
414
|
return _this;
|
|
411
415
|
}
|
|
412
416
|
|
|
@@ -444,7 +448,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
|
|
|
444
448
|
children = _this$props3.children,
|
|
445
449
|
label = _this$props3.label;
|
|
446
450
|
|
|
447
|
-
if (!label &&
|
|
451
|
+
if (!label && isString_default()(children)) {
|
|
448
452
|
label = children;
|
|
449
453
|
children = null;
|
|
450
454
|
}
|
|
@@ -465,8 +469,7 @@ var Button_Button = /*#__PURE__*/function (_Component) {
|
|
|
465
469
|
$inline: inline,
|
|
466
470
|
$hasPrismaIcon: hasPrismaIcon,
|
|
467
471
|
$isIconOnly: isIconOnly,
|
|
468
|
-
$isMenu: isMenu
|
|
469
|
-
status: error ? 'error' : 'normal' // @ts-expect-error - this is problematic for two reasons:
|
|
472
|
+
$isMenu: isMenu // @ts-expect-error - this is problematic for two reasons:
|
|
470
473
|
// * value is only a valid attribute on button (not on a)
|
|
471
474
|
// * this component's value prop is of type any, which can result
|
|
472
475
|
// in "[object Object]" attribute values
|
|
@@ -522,42 +525,49 @@ module.exports = require("react");
|
|
|
522
525
|
|
|
523
526
|
/***/ }),
|
|
524
527
|
|
|
525
|
-
/***/
|
|
528
|
+
/***/ 24:
|
|
526
529
|
/***/ (function(module, exports) {
|
|
527
530
|
|
|
528
531
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
529
532
|
|
|
530
533
|
/***/ }),
|
|
531
534
|
|
|
532
|
-
/***/
|
|
535
|
+
/***/ 25:
|
|
533
536
|
/***/ (function(module, exports) {
|
|
534
537
|
|
|
535
|
-
module.exports = require("
|
|
538
|
+
module.exports = require("lodash/isString");
|
|
536
539
|
|
|
537
540
|
/***/ }),
|
|
538
541
|
|
|
539
|
-
/***/
|
|
542
|
+
/***/ 3:
|
|
540
543
|
/***/ (function(module, exports) {
|
|
541
544
|
|
|
542
|
-
module.exports = require("
|
|
545
|
+
module.exports = require("styled-components");
|
|
543
546
|
|
|
544
547
|
/***/ }),
|
|
545
548
|
|
|
546
549
|
/***/ 4:
|
|
547
550
|
/***/ (function(module, exports) {
|
|
548
551
|
|
|
549
|
-
module.exports = require("
|
|
552
|
+
module.exports = require("@splunk/ui-utils/i18n");
|
|
550
553
|
|
|
551
554
|
/***/ }),
|
|
552
555
|
|
|
553
556
|
/***/ 40:
|
|
557
|
+
/***/ (function(module, exports) {
|
|
558
|
+
|
|
559
|
+
module.exports = require("@splunk/ui-utils/style");
|
|
560
|
+
|
|
561
|
+
/***/ }),
|
|
562
|
+
|
|
563
|
+
/***/ 52:
|
|
554
564
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
555
565
|
|
|
556
566
|
"use strict";
|
|
557
567
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CaretDown; });
|
|
558
568
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
559
569
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
560
|
-
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
570
|
+
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(53);
|
|
561
571
|
/* harmony import */ var _splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Caret__WEBPACK_IMPORTED_MODULE_1__);
|
|
562
572
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
563
573
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -588,27 +598,13 @@ function CaretDown(props) {
|
|
|
588
598
|
|
|
589
599
|
/***/ }),
|
|
590
600
|
|
|
591
|
-
/***/
|
|
601
|
+
/***/ 53:
|
|
592
602
|
/***/ (function(module, exports) {
|
|
593
603
|
|
|
594
604
|
module.exports = require("@splunk/react-icons/Caret");
|
|
595
605
|
|
|
596
606
|
/***/ }),
|
|
597
607
|
|
|
598
|
-
/***/ 48:
|
|
599
|
-
/***/ (function(module, exports) {
|
|
600
|
-
|
|
601
|
-
module.exports = require("@splunk/react-ui/ButtonSimple");
|
|
602
|
-
|
|
603
|
-
/***/ }),
|
|
604
|
-
|
|
605
|
-
/***/ 5:
|
|
606
|
-
/***/ (function(module, exports) {
|
|
607
|
-
|
|
608
|
-
module.exports = require("@splunk/ui-utils/i18n");
|
|
609
|
-
|
|
610
|
-
/***/ }),
|
|
611
|
-
|
|
612
608
|
/***/ 6:
|
|
613
609
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
614
610
|
|
|
@@ -634,13 +630,20 @@ function SVG(props) {
|
|
|
634
630
|
|
|
635
631
|
/***/ }),
|
|
636
632
|
|
|
637
|
-
/***/
|
|
633
|
+
/***/ 60:
|
|
638
634
|
/***/ (function(module, exports) {
|
|
639
635
|
|
|
640
636
|
module.exports = require("@splunk/react-icons/External");
|
|
641
637
|
|
|
642
638
|
/***/ }),
|
|
643
639
|
|
|
640
|
+
/***/ 61:
|
|
641
|
+
/***/ (function(module, exports) {
|
|
642
|
+
|
|
643
|
+
module.exports = require("@splunk/react-ui/ButtonSimple");
|
|
644
|
+
|
|
645
|
+
/***/ }),
|
|
646
|
+
|
|
644
647
|
/***/ 7:
|
|
645
648
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
646
649
|
|
package/ButtonGroup.js
CHANGED
|
@@ -82,7 +82,7 @@ module.exports =
|
|
|
82
82
|
/******/
|
|
83
83
|
/******/
|
|
84
84
|
/******/ // Load entry module and return exports
|
|
85
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
|
85
|
+
/******/ return __webpack_require__(__webpack_require__.s = 204);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 2:
|
|
105
|
+
/***/ (function(module, exports) {
|
|
106
|
+
|
|
107
|
+
module.exports = require("react");
|
|
108
|
+
|
|
109
|
+
/***/ }),
|
|
110
|
+
|
|
111
|
+
/***/ 204:
|
|
105
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
113
|
|
|
107
114
|
"use strict";
|
|
@@ -187,13 +194,6 @@ ButtonGroup.propTypes = propTypes;
|
|
|
187
194
|
// CONCATENATED MODULE: ./src/ButtonGroup/index.ts
|
|
188
195
|
|
|
189
196
|
|
|
190
|
-
/***/ }),
|
|
191
|
-
|
|
192
|
-
/***/ 2:
|
|
193
|
-
/***/ (function(module, exports) {
|
|
194
|
-
|
|
195
|
-
module.exports = require("react");
|
|
196
|
-
|
|
197
197
|
/***/ }),
|
|
198
198
|
|
|
199
199
|
/***/ 3:
|