@splunk/react-ui 4.8.0 → 4.11.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 +4 -4
- package/Anchor.js +2 -2
- package/Animation.js +2 -2
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +5 -29
- package/ButtonGroup.js +6 -27
- package/ButtonSimple.js +4 -4
- package/CHANGELOG.md +42 -5
- package/Calendar.js +12 -12
- package/Card.js +48 -62
- package/CardLayout.js +14 -35
- package/Chip.js +4 -4
- package/Clickable.js +23 -8
- package/CloseButton.js +2 -2
- package/Code.js +8 -5
- package/CollapsiblePanel.js +4 -4
- package/Color.js +10 -10
- package/ColumnLayout.js +2 -2
- package/ComboBox.js +9 -5
- package/Concertina.js +13 -13
- package/ControlGroup.js +26 -16
- package/Date.js +6 -6
- package/DefinitionList.js +2 -2
- package/Dropdown.js +4 -4
- package/EventListener.js +4 -4
- package/File.js +15 -15
- package/FormRows.js +11 -11
- package/Heading.js +2 -2
- package/Image.js +8 -8
- package/JSONTree.js +40 -22
- package/Layer.js +72 -22
- package/Link.js +4 -4
- package/List.js +2 -2
- package/Markdown.js +62 -30
- package/Menu.js +42 -42
- package/Message.js +18 -18
- package/MessageBar.js +28 -21
- package/Modal.js +6 -6
- package/ModalLayer.js +16 -7
- package/Monogram.js +27 -15
- package/Multiselect.js +12 -12
- package/Number.js +4 -4
- package/Paginator.js +21 -24
- package/Paragraph.js +2 -2
- package/Popover.js +16 -11
- package/Progress.js +2 -2
- package/RadioBar.js +143 -39
- package/RadioList.js +2 -2
- package/Resize.js +4 -4
- package/ResultsMenu.js +20 -20
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +4 -4
- package/ScrollContainerContext.js +2 -2
- package/Search.js +6 -6
- package/Select.js +9 -9
- package/SidePanel.js +4 -4
- package/Slider.js +4 -4
- package/SlidingPanels.js +16 -7
- package/StaticContent.js +2 -2
- package/StepBar.js +2 -2
- package/Switch.js +4 -4
- package/TabBar.js +11 -11
- package/TabLayout.js +4 -4
- package/Table.js +26 -31
- package/Text.js +18 -10
- package/Tooltip.js +21 -6
- package/TransitionOpen.js +14 -5
- package/WaitSpinner.js +2 -2
- package/package.json +12 -9
- package/stubs-splunkui.d.ts +13 -0
- package/types/src/Accordion/AccordionContext.d.ts +0 -1
- package/types/src/Button/Button.d.ts +0 -2
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -6
- package/types/src/Card/Body.d.ts +6 -1
- package/types/src/Card/Card.d.ts +0 -2
- package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
- package/types/src/Clickable/Clickable.d.ts +5 -0
- package/types/src/ComboBox/ComboBox.d.ts +2 -1
- package/types/src/Concertina/ConcertinaContext.d.ts +0 -1
- package/types/src/ControlGroup/ControlGroup.d.ts +9 -2
- package/types/src/Date/Date.d.ts +3 -3
- package/types/src/File/FileContext.d.ts +0 -1
- package/types/src/FormRows/FormRows.d.ts +1 -1
- package/types/src/FormRows/FormRowsContext.d.ts +0 -1
- package/types/src/FormRows/Row.d.ts +1 -1
- package/types/src/JSONTree/JSONTree.d.ts +2 -2
- package/types/src/JSONTree/TreeNode.d.ts +1 -1
- package/types/src/JSONTree/docs/examples/WithShiftModifier.d.ts +1 -0
- package/types/src/Layer/LayerStack.d.ts +8 -2
- package/types/src/Markdown/Markdown.d.ts +9 -4
- package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +15 -0
- package/types/src/Markdown/renderers/index.d.ts +2 -1
- package/types/src/Menu/MenuContext.d.ts +0 -1
- package/types/src/Modal/ModalContext.d.ts +0 -1
- package/types/src/ModalLayer/ModalLayer.d.ts +2 -0
- package/types/src/Monogram/Monogram.d.ts +2 -2
- package/types/src/Number/Number.d.ts +3 -3
- package/types/src/Popover/Popover.d.ts +1 -0
- package/types/src/Popover/PopoverContext.d.ts +0 -1
- package/types/src/RadioBar/Option.d.ts +10 -2
- package/types/src/RadioBar/RadioBar.d.ts +4 -1
- package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
- package/types/src/RadioList/RadioListContext.d.ts +0 -1
- package/types/src/Slider/Slider.d.ts +3 -3
- package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -0
- package/types/src/StepBar/StepBarContext.d.ts +0 -1
- package/types/src/TabBar/TabBarContext.d.ts +0 -1
- package/types/src/Text/Text.d.ts +4 -3
- package/types/src/Tooltip/Tooltip.d.ts +15 -10
- package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -0
- package/types/src/fixtures/FetchOptions.d.ts +82 -2
- package/usePrevious.js +2 -2
- package/FetchOptions.js +0 -359
- package/types/src/FetchOptions/FetchOptions.d.ts +0 -82
- package/types/src/FetchOptions/index.d.ts +0 -2
package/Card.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 = 115);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
105
|
-
/***/ (function(module, exports) {
|
|
106
|
-
|
|
107
|
-
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
|
-
|
|
109
|
-
/***/ }),
|
|
110
|
-
|
|
111
|
-
/***/ 120:
|
|
104
|
+
/***/ 115:
|
|
112
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
106
|
|
|
114
107
|
"use strict";
|
|
@@ -147,11 +140,19 @@ var themes_ = __webpack_require__(0);
|
|
|
147
140
|
var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
148
141
|
displayName: "BodyStyles__StyledBox",
|
|
149
142
|
componentId: "sc-1130udp-0"
|
|
150
|
-
})(["flex:1 1 auto;overflow:auto;height:100%;", ""
|
|
151
|
-
|
|
143
|
+
})(["flex:1 1 auto;overflow:auto;height:100%;", ";", ""], function (_ref) {
|
|
144
|
+
var $inset = _ref.$inset;
|
|
145
|
+
return $inset ? Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
|
|
146
|
+
enterprise: Object(external_styled_components_["css"])(["padding:", ";&:not(:first-child){padding-top:0;}"], themes_["variables"].spacing),
|
|
147
|
+
prisma: {
|
|
148
|
+
comfortable: Object(external_styled_components_["css"])(["padding:12px 24px;&:first-child{padding-top:28px;}&:last-child{padding-bottom:28px;}"]),
|
|
149
|
+
compact: Object(external_styled_components_["css"])(["padding:8px 24px;&:first-child{padding-top:20px;}&:last-child{padding-bottom:20px;}"])
|
|
150
|
+
}
|
|
151
|
+
})) : Object(external_styled_components_["css"])(["padding:0;"]);
|
|
152
|
+
}, Object(themes_["pick"])({
|
|
152
153
|
prisma: {
|
|
153
|
-
comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";
|
|
154
|
-
compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";
|
|
154
|
+
comfortable: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted),
|
|
155
|
+
compact: Object(external_styled_components_["css"])(["border-radius:", ";color:", ";"], themes_["variables"].borderRadius, themes_["variables"].contentColorMuted)
|
|
155
156
|
}
|
|
156
157
|
}));
|
|
157
158
|
|
|
@@ -167,7 +168,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
167
168
|
|
|
168
169
|
var propTypes = {
|
|
169
170
|
children: external_prop_types_default.a.node,
|
|
170
|
-
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object])
|
|
171
|
+
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
172
|
+
inset: external_prop_types_default.a.bool
|
|
171
173
|
};
|
|
172
174
|
|
|
173
175
|
/**
|
|
@@ -175,11 +177,14 @@ var propTypes = {
|
|
|
175
177
|
*/
|
|
176
178
|
function Body(_ref) {
|
|
177
179
|
var children = _ref.children,
|
|
178
|
-
|
|
180
|
+
_ref$inset = _ref.inset,
|
|
181
|
+
inset = _ref$inset === void 0 ? true : _ref$inset,
|
|
182
|
+
otherProps = _objectWithoutProperties(_ref, ["children", "inset"]);
|
|
179
183
|
|
|
180
184
|
// @docs-props-type BodyPropsBase
|
|
181
185
|
return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
|
|
182
|
-
"data-test": "body"
|
|
186
|
+
"data-test": "body",
|
|
187
|
+
$inset: inset
|
|
183
188
|
}, otherProps), children);
|
|
184
189
|
}
|
|
185
190
|
|
|
@@ -243,7 +248,7 @@ Footer.propTypes = Footer_propTypes;
|
|
|
243
248
|
var i18n_ = __webpack_require__(5);
|
|
244
249
|
|
|
245
250
|
// EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
|
|
246
|
-
var Anchor_ = __webpack_require__(
|
|
251
|
+
var Anchor_ = __webpack_require__(60);
|
|
247
252
|
var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
|
|
248
253
|
|
|
249
254
|
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
@@ -388,7 +393,7 @@ function Header(_ref) {
|
|
|
388
393
|
Header.propTypes = Header_propTypes;
|
|
389
394
|
/* harmony default export */ var Card_Header = (Header);
|
|
390
395
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
391
|
-
var Clickable_ = __webpack_require__(
|
|
396
|
+
var Clickable_ = __webpack_require__(12);
|
|
392
397
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
393
398
|
|
|
394
399
|
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
@@ -436,9 +441,6 @@ var StyledFirefoxFlexHack = external_styled_components_default.a.div.withConfig(
|
|
|
436
441
|
prisma: Object(external_styled_components_["css"])(["border-radius:", ";"], themes_["variables"].borderRadius)
|
|
437
442
|
}));
|
|
438
443
|
|
|
439
|
-
// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
|
|
440
|
-
var CardLayoutContext = __webpack_require__(63);
|
|
441
|
-
|
|
442
444
|
// CONCATENATED MODULE: ./src/Card/Card.tsx
|
|
443
445
|
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); }
|
|
444
446
|
|
|
@@ -492,9 +494,6 @@ function Card_objectWithoutPropertiesLoose(source, excluded) { if (source == nul
|
|
|
492
494
|
|
|
493
495
|
|
|
494
496
|
|
|
495
|
-
|
|
496
|
-
/** @public */
|
|
497
|
-
|
|
498
497
|
var Card_propTypes = {
|
|
499
498
|
children: external_prop_types_default.a.node,
|
|
500
499
|
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
@@ -524,23 +523,19 @@ function isClickable(props) {
|
|
|
524
523
|
return !!props.onClick || !!props.to;
|
|
525
524
|
}
|
|
526
525
|
|
|
527
|
-
function getSharedProps(props
|
|
528
|
-
var
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
style = props.style,
|
|
526
|
+
function getSharedProps(props) {
|
|
527
|
+
var margin = props.margin,
|
|
528
|
+
maxWidth = props.maxWidth,
|
|
529
|
+
minWidth = props.minWidth,
|
|
532
530
|
selected = props.selected,
|
|
533
531
|
showBorder = props.showBorder,
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
var minWidthContext = context.minWidth,
|
|
537
|
-
maxWidthContext = context.maxWidth,
|
|
538
|
-
marginContext = context.margin;
|
|
532
|
+
style = props.style,
|
|
533
|
+
otherProps = Card_objectWithoutProperties(props, ["margin", "maxWidth", "minWidth", "selected", "showBorder", "style"]);
|
|
539
534
|
|
|
540
535
|
var cardStyle = _objectSpread({
|
|
541
|
-
minWidth:
|
|
542
|
-
maxWidth:
|
|
543
|
-
margin:
|
|
536
|
+
minWidth: minWidth,
|
|
537
|
+
maxWidth: maxWidth,
|
|
538
|
+
margin: margin
|
|
544
539
|
}, style);
|
|
545
540
|
|
|
546
541
|
var sharedProps = {
|
|
@@ -587,7 +582,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
587
582
|
key: "render",
|
|
588
583
|
value: function render() {
|
|
589
584
|
if (isClickable(this.props)) {
|
|
590
|
-
var _getSharedProps = getSharedProps(this.props
|
|
585
|
+
var _getSharedProps = getSharedProps(this.props),
|
|
591
586
|
_getSharedProps2 = _slicedToArray(_getSharedProps, 2),
|
|
592
587
|
_sharedProps = _getSharedProps2[0],
|
|
593
588
|
_ownProps = _getSharedProps2[1];
|
|
@@ -614,7 +609,7 @@ var Card_Card = /*#__PURE__*/function (_Component) {
|
|
|
614
609
|
}), /*#__PURE__*/external_react_default.a.createElement(StyledFirefoxFlexHack, null, _children));
|
|
615
610
|
}
|
|
616
611
|
|
|
617
|
-
var _getSharedProps3 = getSharedProps(this.props
|
|
612
|
+
var _getSharedProps3 = getSharedProps(this.props),
|
|
618
613
|
_getSharedProps4 = _slicedToArray(_getSharedProps3, 2),
|
|
619
614
|
sharedProps = _getSharedProps4[0],
|
|
620
615
|
ownProps = _getSharedProps4[1];
|
|
@@ -641,8 +636,6 @@ _defineProperty(Card_Card, "propTypes", Card_propTypes);
|
|
|
641
636
|
|
|
642
637
|
_defineProperty(Card_Card, "defaultProps", defaultProps);
|
|
643
638
|
|
|
644
|
-
_defineProperty(Card_Card, "contextType", CardLayoutContext["a" /* default */]);
|
|
645
|
-
|
|
646
639
|
_defineProperty(Card_Card, "Header", Card_Header);
|
|
647
640
|
|
|
648
641
|
_defineProperty(Card_Card, "Body", Card_Body);
|
|
@@ -655,6 +648,13 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
|
|
|
655
648
|
|
|
656
649
|
|
|
657
650
|
|
|
651
|
+
/***/ }),
|
|
652
|
+
|
|
653
|
+
/***/ 12:
|
|
654
|
+
/***/ (function(module, exports) {
|
|
655
|
+
|
|
656
|
+
module.exports = require("@splunk/react-ui/Clickable");
|
|
657
|
+
|
|
658
658
|
/***/ }),
|
|
659
659
|
|
|
660
660
|
/***/ 17:
|
|
@@ -724,6 +724,13 @@ function SVG(props) {
|
|
|
724
724
|
|
|
725
725
|
/***/ }),
|
|
726
726
|
|
|
727
|
+
/***/ 60:
|
|
728
|
+
/***/ (function(module, exports) {
|
|
729
|
+
|
|
730
|
+
module.exports = require("@splunk/react-ui/Anchor");
|
|
731
|
+
|
|
732
|
+
/***/ }),
|
|
733
|
+
|
|
727
734
|
/***/ 61:
|
|
728
735
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
729
736
|
|
|
@@ -769,20 +776,6 @@ module.exports = require("@splunk/react-icons/MoreVertical");
|
|
|
769
776
|
|
|
770
777
|
/***/ }),
|
|
771
778
|
|
|
772
|
-
/***/ 63:
|
|
773
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
774
|
-
|
|
775
|
-
"use strict";
|
|
776
|
-
/* unused harmony export CardLayoutContext */
|
|
777
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
778
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
779
|
-
|
|
780
|
-
var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
|
|
781
|
-
CardLayoutContext.displayName = 'CardLayout';
|
|
782
|
-
/* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
|
|
783
|
-
|
|
784
|
-
/***/ }),
|
|
785
|
-
|
|
786
779
|
/***/ 7:
|
|
787
780
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
788
781
|
|
|
@@ -906,13 +899,6 @@ Icon.defaultProps = defaultProps;
|
|
|
906
899
|
|
|
907
900
|
module.exports = require("@splunk/react-ui/Box");
|
|
908
901
|
|
|
909
|
-
/***/ }),
|
|
910
|
-
|
|
911
|
-
/***/ 84:
|
|
912
|
-
/***/ (function(module, exports) {
|
|
913
|
-
|
|
914
|
-
module.exports = require("@splunk/react-ui/Anchor");
|
|
915
|
-
|
|
916
902
|
/***/ })
|
|
917
903
|
|
|
918
904
|
/******/ });
|
package/CardLayout.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 = 148);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 148:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -140,9 +140,6 @@ var Styled = external_styled_components_default.a.div.withConfig({
|
|
|
140
140
|
right: Object(external_styled_components_["css"])(["justify-content:flex-end;"])
|
|
141
141
|
}));
|
|
142
142
|
|
|
143
|
-
// EXTERNAL MODULE: ./src/CardLayout/CardLayoutContext.tsx
|
|
144
|
-
var CardLayoutContext = __webpack_require__(63);
|
|
145
|
-
|
|
146
143
|
// CONCATENATED MODULE: ./src/CardLayout/CardLayout.tsx
|
|
147
144
|
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); }
|
|
148
145
|
|
|
@@ -159,7 +156,6 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
159
156
|
|
|
160
157
|
|
|
161
158
|
|
|
162
|
-
|
|
163
159
|
var propTypes = {
|
|
164
160
|
alignCards: external_prop_types_default.a.oneOf(['left', 'center', 'right']),
|
|
165
161
|
cardMaxWidth: external_prop_types_default.a.oneOfType([external_prop_types_default.a.number, external_prop_types_default.a.string]),
|
|
@@ -186,25 +182,22 @@ function CardLayout(_ref) {
|
|
|
186
182
|
wrapCards = _ref$wrapCards === void 0 ? true : _ref$wrapCards,
|
|
187
183
|
otherProps = _objectWithoutProperties(_ref, ["alignCards", "cardMaxWidth", "cardMinWidth", "cardWidth", "children", "elementRef", "gutterSize", "style", "wrapCards"]);
|
|
188
184
|
|
|
189
|
-
var
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
185
|
+
var clonedChildren = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (child) {
|
|
186
|
+
return /*#__PURE__*/Object(external_react_["cloneElement"])(child, {
|
|
187
|
+
minWidth: cardWidth || cardMinWidth || undefined,
|
|
188
|
+
maxWidth: cardWidth || cardMaxWidth || undefined,
|
|
189
|
+
margin: gutterSize / 2
|
|
190
|
+
});
|
|
191
|
+
});
|
|
193
192
|
return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
|
|
193
|
+
"data-test": "card-layout",
|
|
194
|
+
$alignCards: alignCards,
|
|
195
|
+
$wrapCards: wrapCards,
|
|
194
196
|
ref: elementRef,
|
|
195
197
|
style: _objectSpread({
|
|
196
198
|
padding: gutterSize / 2
|
|
197
|
-
}, style)
|
|
198
|
-
|
|
199
|
-
$alignCards: alignCards,
|
|
200
|
-
$wrapCards: wrapCards
|
|
201
|
-
}, otherProps), /*#__PURE__*/external_react_default.a.createElement(CardLayoutContext["a" /* default */].Provider, {
|
|
202
|
-
value: {
|
|
203
|
-
minWidth: minWidth,
|
|
204
|
-
maxWidth: maxWidth,
|
|
205
|
-
margin: margin
|
|
206
|
-
}
|
|
207
|
-
}, validChildren));
|
|
199
|
+
}, style)
|
|
200
|
+
}, otherProps), clonedChildren);
|
|
208
201
|
}
|
|
209
202
|
|
|
210
203
|
CardLayout.propTypes = propTypes;
|
|
@@ -226,20 +219,6 @@ module.exports = require("react");
|
|
|
226
219
|
|
|
227
220
|
module.exports = require("styled-components");
|
|
228
221
|
|
|
229
|
-
/***/ }),
|
|
230
|
-
|
|
231
|
-
/***/ 63:
|
|
232
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
233
|
-
|
|
234
|
-
"use strict";
|
|
235
|
-
/* unused harmony export CardLayoutContext */
|
|
236
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
237
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
238
|
-
|
|
239
|
-
var CardLayoutContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
|
|
240
|
-
CardLayoutContext.displayName = 'CardLayout';
|
|
241
|
-
/* harmony default export */ __webpack_exports__["a"] = (CardLayoutContext);
|
|
242
|
-
|
|
243
222
|
/***/ })
|
|
244
223
|
|
|
245
224
|
/******/ });
|
package/Chip.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 = 149);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 12:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 149:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -144,7 +144,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
144
144
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
145
145
|
|
|
146
146
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
147
|
-
var Clickable_ = __webpack_require__(
|
|
147
|
+
var Clickable_ = __webpack_require__(12);
|
|
148
148
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
149
149
|
|
|
150
150
|
// EXTERNAL MODULE: external "@splunk/themes"
|
package/Clickable.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 = 135);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 11:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
|
|
|
128
128
|
|
|
129
129
|
/***/ }),
|
|
130
130
|
|
|
131
|
-
/***/
|
|
131
|
+
/***/ 135:
|
|
132
132
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
133
133
|
|
|
134
134
|
"use strict";
|
|
@@ -202,7 +202,7 @@ function NavigationProvider(_ref) {
|
|
|
202
202
|
NavigationProvider.propTypes = propTypes;
|
|
203
203
|
|
|
204
204
|
// EXTERNAL MODULE: ./src/utils/updateReactRef.ts
|
|
205
|
-
var updateReactRef = __webpack_require__(
|
|
205
|
+
var updateReactRef = __webpack_require__(11);
|
|
206
206
|
|
|
207
207
|
// CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
|
|
208
208
|
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); }
|
|
@@ -249,6 +249,8 @@ var isInternalLink = function isInternalLink(to) {
|
|
|
249
249
|
return to != null && !WITH_SCHEME.test(to) && !SCHEME_RELATIVE.test(to);
|
|
250
250
|
};
|
|
251
251
|
var Clickable_propTypes = {
|
|
252
|
+
/** @private */
|
|
253
|
+
allowDisabledLink: external_prop_types_default.a.bool,
|
|
252
254
|
children: external_prop_types_default.a.node,
|
|
253
255
|
disabled: external_prop_types_default.a.bool,
|
|
254
256
|
elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
|
|
@@ -375,13 +377,26 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
|
|
|
375
377
|
rel: rel,
|
|
376
378
|
onClick: handleOnClick
|
|
377
379
|
}, Object(external_lodash_["omit"])(_otherProps, 'disabled', 'elementRef', 'onClick')), _children);
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
if (this.props.allowDisabledLink) {
|
|
383
|
+
var _ref = this.props,
|
|
384
|
+
_children2 = _ref.children,
|
|
385
|
+
_otherProps2 = _objectWithoutProperties(_ref, ["children"]);
|
|
386
|
+
|
|
387
|
+
if (this.props.disabled && this.props.to != null) {
|
|
388
|
+
return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
|
|
389
|
+
"data-test": "clickable",
|
|
390
|
+
ref: this.handleMount
|
|
391
|
+
}, Object(external_lodash_["omit"])(_otherProps2, 'href', 'elementRef', 'onClick')), _children2);
|
|
392
|
+
}
|
|
378
393
|
} // button variant
|
|
379
394
|
|
|
380
395
|
|
|
381
|
-
var
|
|
382
|
-
children =
|
|
383
|
-
type =
|
|
384
|
-
otherProps = _objectWithoutProperties(
|
|
396
|
+
var _ref2 = this.props,
|
|
397
|
+
children = _ref2.children,
|
|
398
|
+
type = _ref2.type,
|
|
399
|
+
otherProps = _objectWithoutProperties(_ref2, ["children", "type"]);
|
|
385
400
|
|
|
386
401
|
return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
|
|
387
402
|
as: "button",
|
package/CloseButton.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 = 150);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 150:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
package/Code.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 = 151);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 151:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|
|
@@ -123,7 +123,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
123
123
|
var external_lodash_ = __webpack_require__(4);
|
|
124
124
|
|
|
125
125
|
// EXTERNAL MODULE: ./src/Code/prism/prism.empty
|
|
126
|
-
var prism_empty = __webpack_require__(
|
|
126
|
+
var prism_empty = __webpack_require__(79);
|
|
127
127
|
var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
|
|
128
128
|
|
|
129
129
|
// EXTERNAL MODULE: external "styled-components"
|
|
@@ -139,10 +139,13 @@ var themes_ = __webpack_require__(0);
|
|
|
139
139
|
var Styled = external_styled_components_default.a.pre.withConfig({
|
|
140
140
|
displayName: "CodeStyles__Styled",
|
|
141
141
|
componentId: "sc-1eq4k68-0"
|
|
142
|
-
})(["", ";", " line-height:
|
|
142
|
+
})(["", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
|
|
143
143
|
enterprise: {
|
|
144
144
|
dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
|
|
145
145
|
}
|
|
146
|
+
}), Object(themes_["pick"])({
|
|
147
|
+
enterprise: '17px',
|
|
148
|
+
prisma: themes_["variables"].lineHeight
|
|
146
149
|
}), themes_["variables"].focusColor);
|
|
147
150
|
var StyledCode = external_styled_components_default.a.code.withConfig({
|
|
148
151
|
displayName: "CodeStyles__StyledCode",
|
|
@@ -378,7 +381,7 @@ module.exports = require("lodash");
|
|
|
378
381
|
|
|
379
382
|
/***/ }),
|
|
380
383
|
|
|
381
|
-
/***/
|
|
384
|
+
/***/ 79:
|
|
382
385
|
/***/ (function(module, exports, __webpack_require__) {
|
|
383
386
|
|
|
384
387
|
|
package/CollapsiblePanel.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 = 152);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,14 +108,14 @@ module.exports = require("@splunk/ui-utils/id");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 12:
|
|
112
112
|
/***/ (function(module, exports) {
|
|
113
113
|
|
|
114
114
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
115
115
|
|
|
116
116
|
/***/ }),
|
|
117
117
|
|
|
118
|
-
/***/
|
|
118
|
+
/***/ 152:
|
|
119
119
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
120
120
|
|
|
121
121
|
"use strict";
|
|
@@ -158,7 +158,7 @@ var Box_ = __webpack_require__(8);
|
|
|
158
158
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
159
159
|
|
|
160
160
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
161
|
-
var Clickable_ = __webpack_require__(
|
|
161
|
+
var Clickable_ = __webpack_require__(12);
|
|
162
162
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
163
163
|
|
|
164
164
|
// EXTERNAL MODULE: external "@splunk/themes"
|
package/Color.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 = 131);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 12:
|
|
105
105
|
/***/ (function(module, exports) {
|
|
106
106
|
|
|
107
107
|
module.exports = require("@splunk/react-ui/Clickable");
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 131:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|
|
@@ -132,7 +132,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
|
|
|
132
132
|
var external_lodash_ = __webpack_require__(4);
|
|
133
133
|
|
|
134
134
|
// EXTERNAL MODULE: external "@splunk/themes/SplunkThemeProvider"
|
|
135
|
-
var SplunkThemeProvider_ = __webpack_require__(
|
|
135
|
+
var SplunkThemeProvider_ = __webpack_require__(82);
|
|
136
136
|
var SplunkThemeProvider_default = /*#__PURE__*/__webpack_require__.n(SplunkThemeProvider_);
|
|
137
137
|
|
|
138
138
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
@@ -159,14 +159,14 @@ var external_tinycolor2_default = /*#__PURE__*/__webpack_require__.n(external_ti
|
|
|
159
159
|
var Check = __webpack_require__(53);
|
|
160
160
|
|
|
161
161
|
// EXTERNAL MODULE: ./src/icons/ChevronDown.tsx
|
|
162
|
-
var ChevronDown = __webpack_require__(
|
|
162
|
+
var ChevronDown = __webpack_require__(63);
|
|
163
163
|
|
|
164
164
|
// EXTERNAL MODULE: external "styled-components"
|
|
165
165
|
var external_styled_components_ = __webpack_require__(3);
|
|
166
166
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
167
167
|
|
|
168
168
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
169
|
-
var Clickable_ = __webpack_require__(
|
|
169
|
+
var Clickable_ = __webpack_require__(12);
|
|
170
170
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
171
171
|
|
|
172
172
|
// EXTERNAL MODULE: external "@splunk/react-ui/Text"
|
|
@@ -1244,14 +1244,14 @@ function SVG(props) {
|
|
|
1244
1244
|
|
|
1245
1245
|
/***/ }),
|
|
1246
1246
|
|
|
1247
|
-
/***/
|
|
1247
|
+
/***/ 63:
|
|
1248
1248
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
1249
1249
|
|
|
1250
1250
|
"use strict";
|
|
1251
1251
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronDown; });
|
|
1252
1252
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
1253
1253
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
1254
|
-
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
|
|
1254
|
+
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64);
|
|
1255
1255
|
/* harmony import */ var _splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronDown__WEBPACK_IMPORTED_MODULE_1__);
|
|
1256
1256
|
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
1257
1257
|
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
@@ -1294,7 +1294,7 @@ function ChevronDown(props) {
|
|
|
1294
1294
|
|
|
1295
1295
|
/***/ }),
|
|
1296
1296
|
|
|
1297
|
-
/***/
|
|
1297
|
+
/***/ 64:
|
|
1298
1298
|
/***/ (function(module, exports) {
|
|
1299
1299
|
|
|
1300
1300
|
module.exports = require("@splunk/react-icons/ChevronDown");
|
|
@@ -1419,7 +1419,7 @@ Icon.defaultProps = defaultProps;
|
|
|
1419
1419
|
|
|
1420
1420
|
/***/ }),
|
|
1421
1421
|
|
|
1422
|
-
/***/
|
|
1422
|
+
/***/ 82:
|
|
1423
1423
|
/***/ (function(module, exports) {
|
|
1424
1424
|
|
|
1425
1425
|
module.exports = require("@splunk/themes/SplunkThemeProvider");
|
package/ColumnLayout.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 = 118);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
|
|
|
101
101
|
|
|
102
102
|
/***/ }),
|
|
103
103
|
|
|
104
|
-
/***/
|
|
104
|
+
/***/ 118:
|
|
105
105
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
106
106
|
|
|
107
107
|
"use strict";
|