@splunk/react-ui 4.16.3 → 4.17.1
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 +13 -13
- package/Anchor.js +2 -2
- package/Animation.js +4 -4
- package/AnimationToggle.js +2 -2
- package/Box.js +2 -2
- package/Button.js +101 -247
- package/ButtonGroup.js +4 -4
- package/ButtonSimple.js +6 -6
- package/CHANGELOG.md +60 -2
- package/Calendar.js +76 -275
- package/Card.js +75 -227
- package/CardLayout.js +2 -2
- package/Chip.js +40 -211
- package/Clickable.js +10 -10
- package/CloseButton.js +38 -206
- package/Code.js +28 -20
- package/CollapsiblePanel.js +74 -228
- package/Color.js +62 -319
- package/ColumnLayout.js +6 -6
- package/ComboBox.js +34 -32
- package/Concertina.js +40 -40
- package/ControlGroup.js +20 -20
- package/Date.js +22 -22
- package/DefinitionList.js +2 -2
- package/Divider.js +2 -2
- package/Dropdown.js +32 -32
- package/DualListbox.d.ts +2 -0
- package/DualListbox.js +1780 -0
- package/EventListener.js +4 -4
- package/File.js +85 -250
- package/FormRows.js +60 -215
- package/Heading.js +39 -27
- package/Image.js +73 -227
- package/JSONTree.js +18 -18
- package/Layer.js +30 -30
- package/Link.js +60 -28
- package/List.js +9 -9
- package/MIGRATION.md +28 -0
- package/Markdown.js +21 -21
- package/Menu.js +180 -371
- package/Message.js +141 -411
- package/MessageBar.js +170 -400
- package/Modal.js +31 -31
- package/ModalLayer.js +6 -6
- package/Monogram.js +4 -4
- package/Multiselect.js +2299 -2517
- package/Number.js +32 -32
- package/Paginator.js +94 -323
- package/Paragraph.js +2 -2
- package/Popover.js +125 -125
- package/Progress.js +15 -15
- package/RadioBar.js +23 -19
- package/RadioList.js +13 -12
- package/Resize.js +18 -18
- package/ResultsMenu.js +21 -21
- package/ScreenReaderContent.js +2 -2
- package/Scroll.js +33 -33
- package/ScrollContainerContext.js +13 -13
- package/Search.js +34 -32
- package/Select.js +226 -372
- package/SidePanel.js +12 -12
- package/Slider.js +28 -28
- package/SlidingPanels.js +29 -29
- package/SplitButton.js +59 -62
- package/StaticContent.js +4 -4
- package/StepBar.js +36 -239
- package/Switch.js +23 -23
- package/TabBar.js +47 -47
- package/TabLayout.js +30 -28
- package/Table.js +295 -589
- package/Text.js +111 -324
- package/TextArea.js +164 -368
- package/Tooltip.js +23 -23
- package/TransitionOpen.js +21 -21
- package/Typography.js +32 -28
- package/WaitSpinner.js +2 -2
- package/docker-compose.yml +19 -7
- package/package.json +12 -13
- package/stubs-splunkui.d.ts +4 -25
- package/types/src/Button/icons/CaretSmallDown.d.ts +2 -0
- package/types/src/Button/icons/External.d.ts +2 -0
- package/types/src/Code/Code.d.ts +6 -1
- package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +0 -1
- package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +11 -0
- package/types/src/Date/Icon.d.ts +1 -1
- package/types/src/Dropdown/docs/examples/Submenu.d.ts +2 -0
- package/types/src/DualListbox/DualListbox.d.ts +87 -0
- package/types/src/DualListbox/DualListboxContext.d.ts +27 -0
- package/types/src/DualListbox/Label.d.ts +37 -0
- package/types/src/DualListbox/Listbox.d.ts +54 -0
- package/types/src/DualListbox/ListboxContext.d.ts +32 -0
- package/types/src/DualListbox/Option.d.ts +35 -0
- package/types/src/DualListbox/ScreenReaderWrapper.d.ts +4 -0
- package/types/src/DualListbox/ToolbarButton.d.ts +38 -0
- package/types/src/DualListbox/ToolbarContext.d.ts +21 -0
- package/types/src/DualListbox/docs/examples/Basic.d.ts +2 -0
- package/types/src/DualListbox/docs/examples/Controlled.d.ts +2 -0
- package/types/src/DualListbox/docs/examples/Fill.d.ts +2 -0
- package/types/src/DualListbox/index.d.ts +2 -0
- package/types/src/DualListbox/listboxUtils.d.ts +4 -0
- package/types/src/File/Icon.d.ts +1 -1
- package/types/src/File/IconCloud.d.ts +1 -1
- package/types/src/File/PaperClip.d.ts +1 -1
- package/types/src/File/Retry.d.ts +1 -1
- package/types/src/File/Trash.d.ts +1 -1
- package/types/src/File/docs/examples/Progress.d.ts +1 -15
- package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +2 -0
- package/types/src/Heading/Heading.d.ts +12 -4
- package/types/src/Heading/docs/examples/Variant.d.ts +2 -0
- package/types/src/Image/Image.d.ts +1 -1
- package/types/src/Image/icons/Cross.d.ts +2 -0
- package/types/src/Link/icons/External.d.ts +2 -0
- package/types/src/Menu/Divider.d.ts +1 -0
- package/types/src/Menu/Heading.d.ts +1 -0
- package/types/src/Menu/Item.d.ts +5 -2
- package/types/src/Menu/Menu.d.ts +3 -1
- package/types/src/Menu/icons/External.d.ts +2 -0
- package/types/src/Multiselect/Normal.d.ts +1 -1
- package/types/src/Number/IncrementIcon.d.ts +1 -1
- package/types/src/RadioBar/RadioBar.d.ts +1 -1
- package/types/src/Search/Option.d.ts +9 -0
- package/types/src/Select/OptionBase.d.ts +9 -0
- package/types/src/Select/icons/CaretSmallDown.d.ts +2 -0
- package/types/src/Select/icons/Search.d.ts +2 -0
- package/types/src/SplitButton/SplitButton.d.ts +8 -3
- package/types/src/SplitButton/docs/examples/Block.d.ts +1 -0
- package/types/src/TabBar/Tab.d.ts +3 -1
- package/types/src/TabLayout/TabLayout.d.ts +0 -1
- package/types/src/Table/HeadInner.d.ts +2 -2
- package/types/src/Table/icons/ExpansionRow.d.ts +6 -0
- package/types/src/Table/icons/HeadExpandRows.d.ts +1 -0
- package/types/src/Text/IconOutlinedHide.d.ts +1 -1
- package/types/src/Text/IconOutlinedView.d.ts +1 -1
- package/types/src/TextArea/TextArea.d.ts +11 -4
- package/types/src/TextArea/docs/examples/ClearContent.d.ts +2 -0
- package/types/src/Tooltip/InfoIcon.d.ts +1 -1
- package/types/src/Typography/Typography.d.ts +4 -7
- package/types/src/useRovingFocus/index.d.ts +2 -0
- package/types/src/useRovingFocus/useRovingFocus.d.ts +27 -0
- package/useForceUpdate.js +2 -2
- package/useKeyPress.js +2 -2
- package/usePrevious.js +2 -2
- package/useRovingFocus.d.ts +2 -0
- package/useRovingFocus.js +237 -0
- package/Dockerfile.enterprise.storybook +0 -7
- package/Dockerfile.prisma.storybook +0 -7
- package/Dockerfile.visual +0 -10
- package/types/src/File/docs/examples/CustomChildren.d.ts +0 -12
- package/types/src/File/docs/examples/prisma/Progress.d.ts +0 -1
- package/types/src/Select/matchUtils.d.ts +0 -12
- package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +0 -1
- package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +0 -1
- package/types/src/Table/HeadExpandRowsIcon.d.ts +0 -1
- package/types/src/icons/Alert.d.ts +0 -2
- package/types/src/icons/AlertFilled.d.ts +0 -2
- package/types/src/icons/CaretDown.d.ts +0 -2
- package/types/src/icons/CaretRight.d.ts +0 -2
- package/types/src/icons/Check.d.ts +0 -2
- package/types/src/icons/ChevronDown.d.ts +0 -2
- package/types/src/icons/ChevronLeft.d.ts +0 -2
- package/types/src/icons/ChevronRight.d.ts +0 -2
- package/types/src/icons/CrossMark.d.ts +0 -2
- package/types/src/icons/External.d.ts +0 -2
- package/types/src/icons/InfoFilled.d.ts +0 -2
- package/types/src/icons/More.d.ts +0 -2
- package/types/src/icons/MoreVertical.d.ts +0 -2
- package/types/src/icons/Plus.d.ts +0 -2
- package/types/src/icons/SVG.d.ts +0 -4
- package/types/src/icons/Search.d.ts +0 -2
- package/types/src/icons/Sort.d.ts +0 -2
- package/types/src/icons/SortedDown.d.ts +0 -2
- package/types/src/icons/SortedUp.d.ts +0 -2
- package/types/src/icons/Success.d.ts +0 -2
- package/types/src/icons/SuccessFilled.d.ts +0 -2
- package/types/src/icons/ThemedIcon.d.ts +0 -29
- package/types/src/icons/WarningFilled.d.ts +0 -2
- package/types/src/icons/types.d.ts +0 -11
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 = 175);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -101,14 +101,28 @@ 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
|
+
/***/ 123:
|
|
112
|
+
/***/ (function(module, exports) {
|
|
113
|
+
|
|
114
|
+
module.exports = require("@splunk/react-icons/enterprise/MoreVertical");
|
|
115
|
+
|
|
116
|
+
/***/ }),
|
|
117
|
+
|
|
118
|
+
/***/ 17:
|
|
119
|
+
/***/ (function(module, exports) {
|
|
120
|
+
|
|
121
|
+
module.exports = require("@splunk/react-ui/Button");
|
|
122
|
+
|
|
123
|
+
/***/ }),
|
|
124
|
+
|
|
125
|
+
/***/ 175:
|
|
112
126
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
127
|
|
|
114
128
|
"use strict";
|
|
@@ -134,7 +148,7 @@ var external_styled_components_ = __webpack_require__(3);
|
|
|
134
148
|
var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
|
|
135
149
|
|
|
136
150
|
// EXTERNAL MODULE: external "@splunk/react-ui/Box"
|
|
137
|
-
var Box_ = __webpack_require__(
|
|
151
|
+
var Box_ = __webpack_require__(6);
|
|
138
152
|
var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
|
|
139
153
|
|
|
140
154
|
// EXTERNAL MODULE: external "@splunk/themes"
|
|
@@ -254,29 +268,35 @@ Footer.propTypes = Footer_propTypes;
|
|
|
254
268
|
// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
|
|
255
269
|
var i18n_ = __webpack_require__(4);
|
|
256
270
|
|
|
271
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/DotsThreeVertical"
|
|
272
|
+
var DotsThreeVertical_ = __webpack_require__(84);
|
|
273
|
+
var DotsThreeVertical_default = /*#__PURE__*/__webpack_require__.n(DotsThreeVertical_);
|
|
274
|
+
|
|
275
|
+
// EXTERNAL MODULE: external "@splunk/react-icons/enterprise/MoreVertical"
|
|
276
|
+
var MoreVertical_ = __webpack_require__(123);
|
|
277
|
+
var MoreVertical_default = /*#__PURE__*/__webpack_require__.n(MoreVertical_);
|
|
278
|
+
|
|
257
279
|
// EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
|
|
258
280
|
var Anchor_ = __webpack_require__(85);
|
|
259
281
|
var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
|
|
260
282
|
|
|
261
|
-
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
262
|
-
var Button_ = __webpack_require__(19);
|
|
263
|
-
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
264
|
-
|
|
265
283
|
// EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
|
|
266
|
-
var Dropdown_ = __webpack_require__(
|
|
284
|
+
var Dropdown_ = __webpack_require__(22);
|
|
267
285
|
var Dropdown_default = /*#__PURE__*/__webpack_require__.n(Dropdown_);
|
|
268
286
|
|
|
269
|
-
// EXTERNAL MODULE: external "@splunk/
|
|
270
|
-
var
|
|
271
|
-
var
|
|
287
|
+
// EXTERNAL MODULE: external "@splunk/react-ui/Tooltip"
|
|
288
|
+
var Tooltip_ = __webpack_require__(42);
|
|
289
|
+
var Tooltip_default = /*#__PURE__*/__webpack_require__.n(Tooltip_);
|
|
272
290
|
|
|
273
|
-
// EXTERNAL MODULE:
|
|
274
|
-
var
|
|
291
|
+
// EXTERNAL MODULE: external "@splunk/react-ui/Button"
|
|
292
|
+
var Button_ = __webpack_require__(17);
|
|
293
|
+
var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
|
|
275
294
|
|
|
276
295
|
// CONCATENATED MODULE: ./src/Card/HeaderStyles.ts
|
|
277
296
|
|
|
278
297
|
|
|
279
298
|
|
|
299
|
+
|
|
280
300
|
var StyledTitle = external_styled_components_default.a.div.withConfig({
|
|
281
301
|
displayName: "HeaderStyles__StyledTitle",
|
|
282
302
|
componentId: "eqi6uk-0"
|
|
@@ -314,9 +334,13 @@ var StyledActionContainer = external_styled_components_default.a.div.withConfig(
|
|
|
314
334
|
compact: Object(external_styled_components_["css"])(["margin-right:-12px;margin-top:0;"])
|
|
315
335
|
}
|
|
316
336
|
}));
|
|
337
|
+
var StyledSecondaryAction = external_styled_components_default()(Button_default.a).withConfig({
|
|
338
|
+
displayName: "HeaderStyles__StyledSecondaryAction",
|
|
339
|
+
componentId: "eqi6uk-4"
|
|
340
|
+
})(["margin-left:10px;"]);
|
|
317
341
|
var HeaderStyles_StyledBox = external_styled_components_default()(Box_default.a).withConfig({
|
|
318
342
|
displayName: "HeaderStyles__StyledBox",
|
|
319
|
-
componentId: "eqi6uk-
|
|
343
|
+
componentId: "eqi6uk-5"
|
|
320
344
|
})(["align-items:start;display:flex;flex:0 0 auto;justify-content:space-between;position:relative;min-height:30px;", " ", " >:not(", "):not(", "){flex:1 0 auto;}"], Object(themes_["pick"])({
|
|
321
345
|
enterprise: Object(external_styled_components_["css"])(["padding:", ";"], themes_["variables"].spacing),
|
|
322
346
|
prisma: {
|
|
@@ -332,12 +356,13 @@ StyledTitleContainer,
|
|
|
332
356
|
StyledActionContainer);
|
|
333
357
|
|
|
334
358
|
// CONCATENATED MODULE: ./src/Card/Header.tsx
|
|
335
|
-
function Header_extends() { Header_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 Header_extends.apply(this, arguments); }
|
|
336
|
-
|
|
337
359
|
function Header_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Header_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; }
|
|
338
360
|
|
|
339
361
|
function Header_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
340
362
|
|
|
363
|
+
function Header_extends() { Header_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 Header_extends.apply(this, arguments); }
|
|
364
|
+
|
|
365
|
+
|
|
341
366
|
|
|
342
367
|
|
|
343
368
|
|
|
@@ -357,10 +382,31 @@ var Header_propTypes = {
|
|
|
357
382
|
title: external_prop_types_default.a.node,
|
|
358
383
|
truncateTitle: external_prop_types_default.a.bool
|
|
359
384
|
};
|
|
360
|
-
|
|
385
|
+
// `forwardRef` is used to enable focus on toggle when Dropdown is closing
|
|
386
|
+
var ActionsSecondaryToggle = /*#__PURE__*/external_react_default.a.forwardRef(function (props, ref) {
|
|
387
|
+
var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
|
|
388
|
+
family = _useSplunkTheme.family,
|
|
389
|
+
isCompact = _useSplunkTheme.isCompact;
|
|
390
|
+
|
|
391
|
+
var iconPrismaSize = isCompact ? '20px' : '24px';
|
|
392
|
+
var actionsIcon = family === 'prisma' ? /*#__PURE__*/external_react_default.a.createElement(DotsThreeVertical_default.a, {
|
|
393
|
+
height: iconPrismaSize,
|
|
394
|
+
width: iconPrismaSize
|
|
395
|
+
}) : /*#__PURE__*/external_react_default.a.createElement(MoreVertical_default.a, null);
|
|
396
|
+
return /*#__PURE__*/external_react_default.a.createElement(Tooltip_default.a, Header_extends({
|
|
397
|
+
content: Object(i18n_["_"])('Actions'),
|
|
398
|
+
contentRelationship: "label"
|
|
399
|
+
}, props), /*#__PURE__*/external_react_default.a.createElement(StyledSecondaryAction, {
|
|
400
|
+
appearance: "secondary",
|
|
401
|
+
"data-test": "actions-secondary-toggle",
|
|
402
|
+
icon: actionsIcon,
|
|
403
|
+
elementRef: ref
|
|
404
|
+
}));
|
|
405
|
+
});
|
|
361
406
|
/**
|
|
362
407
|
* A styled container for `Card` header content.
|
|
363
408
|
*/
|
|
409
|
+
|
|
364
410
|
function Header(_ref) {
|
|
365
411
|
var actionPrimary = _ref.actionPrimary,
|
|
366
412
|
actionsSecondary = _ref.actionsSecondary,
|
|
@@ -373,19 +419,9 @@ function Header(_ref) {
|
|
|
373
419
|
otherProps = Header_objectWithoutProperties(_ref, ["actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle"]);
|
|
374
420
|
|
|
375
421
|
// @docs-props-type HeaderPropsBase
|
|
376
|
-
var
|
|
377
|
-
family =
|
|
422
|
+
var _useSplunkTheme2 = Object(themes_["useSplunkTheme"])(),
|
|
423
|
+
family = _useSplunkTheme2.family;
|
|
378
424
|
|
|
379
|
-
var actionsSecondaryToggle = /*#__PURE__*/external_react_default.a.createElement(Button_default.a, {
|
|
380
|
-
appearance: "secondary",
|
|
381
|
-
"data-test": "actions-secondary-toggle",
|
|
382
|
-
icon: /*#__PURE__*/external_react_default.a.createElement(MoreVertical["a" /* default */], {
|
|
383
|
-
screenReaderText: actionPrimary ? Object(i18n_["_"])('More Actions') : Object(i18n_["_"])('Actions')
|
|
384
|
-
}),
|
|
385
|
-
style: {
|
|
386
|
-
marginLeft: 10
|
|
387
|
-
}
|
|
388
|
-
});
|
|
389
425
|
var defaultPlacement = family === 'prisma' ? 'right' : 'below';
|
|
390
426
|
return /*#__PURE__*/external_react_default.a.createElement(HeaderStyles_StyledBox, Header_extends({
|
|
391
427
|
"data-test": "header"
|
|
@@ -395,14 +431,14 @@ function Header(_ref) {
|
|
|
395
431
|
name: anchor
|
|
396
432
|
}, title) : title), subtitle && /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, subtitle)), children, (actionPrimary || actionsSecondary) && /*#__PURE__*/external_react_default.a.createElement(StyledActionContainer, null, actionPrimary, actionsSecondary && /*#__PURE__*/external_react_default.a.createElement(Dropdown_default.a, {
|
|
397
433
|
defaultPlacement: defaultPlacement,
|
|
398
|
-
toggle:
|
|
434
|
+
toggle: /*#__PURE__*/external_react_default.a.createElement(ActionsSecondaryToggle, null)
|
|
399
435
|
}, actionsSecondary)));
|
|
400
436
|
}
|
|
401
437
|
|
|
402
438
|
Header.propTypes = Header_propTypes;
|
|
403
439
|
/* harmony default export */ var Card_Header = (Header);
|
|
404
440
|
// EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
|
|
405
|
-
var Clickable_ = __webpack_require__(
|
|
441
|
+
var Clickable_ = __webpack_require__(12);
|
|
406
442
|
var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
|
|
407
443
|
|
|
408
444
|
// CONCATENATED MODULE: ./src/Card/CardStyles.ts
|
|
@@ -657,13 +693,6 @@ _defineProperty(Card_Card, "Footer", Card_Footer);
|
|
|
657
693
|
|
|
658
694
|
|
|
659
695
|
|
|
660
|
-
/***/ }),
|
|
661
|
-
|
|
662
|
-
/***/ 19:
|
|
663
|
-
/***/ (function(module, exports) {
|
|
664
|
-
|
|
665
|
-
module.exports = require("@splunk/react-ui/Button");
|
|
666
|
-
|
|
667
696
|
/***/ }),
|
|
668
697
|
|
|
669
698
|
/***/ 2:
|
|
@@ -673,7 +702,7 @@ module.exports = require("react");
|
|
|
673
702
|
|
|
674
703
|
/***/ }),
|
|
675
704
|
|
|
676
|
-
/***/
|
|
705
|
+
/***/ 22:
|
|
677
706
|
/***/ (function(module, exports) {
|
|
678
707
|
|
|
679
708
|
module.exports = require("@splunk/react-ui/Dropdown");
|
|
@@ -694,212 +723,31 @@ module.exports = require("@splunk/ui-utils/i18n");
|
|
|
694
723
|
|
|
695
724
|
/***/ }),
|
|
696
725
|
|
|
697
|
-
/***/
|
|
726
|
+
/***/ 42:
|
|
698
727
|
/***/ (function(module, exports) {
|
|
699
728
|
|
|
700
|
-
module.exports = require("@splunk/
|
|
729
|
+
module.exports = require("@splunk/react-ui/Tooltip");
|
|
701
730
|
|
|
702
731
|
/***/ }),
|
|
703
732
|
|
|
704
733
|
/***/ 6:
|
|
705
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
706
|
-
|
|
707
|
-
"use strict";
|
|
708
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SVG; });
|
|
709
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
710
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
711
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
|
|
712
|
-
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
|
713
|
-
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); }
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
var Styled = styled_components__WEBPACK_IMPORTED_MODULE_1___default.a.svg.withConfig({
|
|
718
|
-
displayName: "SVG__Styled",
|
|
719
|
-
componentId: "sc-1bz0ryh-0"
|
|
720
|
-
})(["flex:0 0 auto;"]);
|
|
721
|
-
function SVG(props) {
|
|
722
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Styled, _extends({
|
|
723
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
724
|
-
}, props));
|
|
725
|
-
}
|
|
726
|
-
|
|
727
|
-
/***/ }),
|
|
728
|
-
|
|
729
|
-
/***/ 7:
|
|
730
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
731
|
-
|
|
732
|
-
"use strict";
|
|
733
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Icon; });
|
|
734
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
735
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
736
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
|
|
737
|
-
/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
|
|
738
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
|
|
739
|
-
/* harmony import */ var _splunk_themes__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__);
|
|
740
|
-
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; }
|
|
741
|
-
|
|
742
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
743
|
-
|
|
744
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
745
|
-
|
|
746
|
-
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); }
|
|
747
|
-
|
|
748
|
-
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; }
|
|
749
|
-
|
|
750
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
var inlineStyles = {
|
|
756
|
-
display: 'inline-block',
|
|
757
|
-
flex: '0 0 auto',
|
|
758
|
-
overflow: 'visible',
|
|
759
|
-
verticalAlign: 'middle'
|
|
760
|
-
};
|
|
761
|
-
var blockStyles = {
|
|
762
|
-
display: 'block',
|
|
763
|
-
flex: '0 0 auto',
|
|
764
|
-
margin: '0 auto',
|
|
765
|
-
overflow: 'visible'
|
|
766
|
-
};
|
|
767
|
-
var propTypes = {
|
|
768
|
-
Enterprise: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
769
|
-
enterpriseSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
770
|
-
enterpriseWidth: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
771
|
-
enterpriseHeight: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.number, prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string]),
|
|
772
|
-
Prisma24: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func.isRequired,
|
|
773
|
-
Prisma20: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
774
|
-
Prisma16: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.func,
|
|
775
|
-
prismaSize: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.oneOf(['medium', 'small']),
|
|
776
|
-
inline: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.bool,
|
|
777
|
-
screenReaderText: prop_types__WEBPACK_IMPORTED_MODULE_1___default.a.string
|
|
778
|
-
};
|
|
779
|
-
var defaultProps = {
|
|
780
|
-
inline: true,
|
|
781
|
-
prismaSize: 'medium'
|
|
782
|
-
};
|
|
783
|
-
function Icon(_ref) {
|
|
784
|
-
var Enterprise = _ref.Enterprise,
|
|
785
|
-
Prisma24 = _ref.Prisma24,
|
|
786
|
-
Prisma20 = _ref.Prisma20,
|
|
787
|
-
Prisma16 = _ref.Prisma16,
|
|
788
|
-
prismaSize = _ref.prismaSize,
|
|
789
|
-
inline = _ref.inline,
|
|
790
|
-
enterpriseSize = _ref.enterpriseSize,
|
|
791
|
-
enterpriseWidth = _ref.enterpriseWidth,
|
|
792
|
-
enterpriseHeight = _ref.enterpriseHeight,
|
|
793
|
-
screenReaderText = _ref.screenReaderText,
|
|
794
|
-
otherProps = _objectWithoutProperties(_ref, ["Enterprise", "Prisma24", "Prisma20", "Prisma16", "prismaSize", "inline", "enterpriseSize", "enterpriseWidth", "enterpriseHeight", "screenReaderText"]);
|
|
795
|
-
|
|
796
|
-
var _useSplunkTheme = Object(_splunk_themes__WEBPACK_IMPORTED_MODULE_2__["useSplunkTheme"])(),
|
|
797
|
-
family = _useSplunkTheme.family,
|
|
798
|
-
density = _useSplunkTheme.density; // Enterprise - all variants
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
if (family === 'enterprise') {
|
|
802
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Enterprise, _extends({
|
|
803
|
-
size: enterpriseSize,
|
|
804
|
-
width: enterpriseWidth,
|
|
805
|
-
height: enterpriseHeight,
|
|
806
|
-
screenReaderText: screenReaderText || null,
|
|
807
|
-
hideDefaultTooltip: true,
|
|
808
|
-
inline: inline
|
|
809
|
-
}, otherProps));
|
|
810
|
-
}
|
|
811
|
-
|
|
812
|
-
var prismaProps = _objectSpread({
|
|
813
|
-
'aria-label': screenReaderText,
|
|
814
|
-
style: inline ? inlineStyles : blockStyles
|
|
815
|
-
}, otherProps); // Prisma - small+compact, small+comfortable
|
|
816
|
-
|
|
817
|
-
|
|
818
|
-
if (prismaSize === 'small') {
|
|
819
|
-
var SVG = Prisma16 || Prisma24;
|
|
820
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(SVG, _extends({
|
|
821
|
-
width: "16",
|
|
822
|
-
height: "16"
|
|
823
|
-
}, prismaProps));
|
|
824
|
-
} // Prisma - medium+compact
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
if (density === 'compact') {
|
|
828
|
-
var _SVG = Prisma20 || Prisma24;
|
|
829
|
-
|
|
830
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG, _extends({
|
|
831
|
-
width: "20",
|
|
832
|
-
height: "20"
|
|
833
|
-
}, prismaProps));
|
|
834
|
-
} // Prisma - medium+comfortable
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(Prisma24, _extends({
|
|
838
|
-
width: "24",
|
|
839
|
-
height: "24"
|
|
840
|
-
}, prismaProps));
|
|
841
|
-
}
|
|
842
|
-
Icon.propTypes = propTypes;
|
|
843
|
-
Icon.defaultProps = defaultProps;
|
|
844
|
-
|
|
845
|
-
/***/ }),
|
|
846
|
-
|
|
847
|
-
/***/ 8:
|
|
848
734
|
/***/ (function(module, exports) {
|
|
849
735
|
|
|
850
736
|
module.exports = require("@splunk/react-ui/Box");
|
|
851
737
|
|
|
852
738
|
/***/ }),
|
|
853
739
|
|
|
854
|
-
/***/
|
|
740
|
+
/***/ 84:
|
|
855
741
|
/***/ (function(module, exports) {
|
|
856
742
|
|
|
857
|
-
module.exports = require("@splunk/react-
|
|
858
|
-
|
|
859
|
-
/***/ }),
|
|
860
|
-
|
|
861
|
-
/***/ 86:
|
|
862
|
-
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
863
|
-
|
|
864
|
-
"use strict";
|
|
865
|
-
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return MoreVertical; });
|
|
866
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
|
|
867
|
-
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
868
|
-
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(87);
|
|
869
|
-
/* harmony import */ var _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1__);
|
|
870
|
-
/* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
|
|
871
|
-
/* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
|
|
872
|
-
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); }
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
function Prisma24(_ref) {
|
|
880
|
-
var otherProps = _extends({}, _ref);
|
|
881
|
-
|
|
882
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_SVG__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"], _extends({
|
|
883
|
-
viewBox: "0 0 24 24"
|
|
884
|
-
}, otherProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("path", {
|
|
885
|
-
d: "M12.0167 6.27273C12.9205 6.27273 13.6531 5.5401 13.6531 4.63636C13.6531 3.73263 12.9205 3 12.0167 3C11.113 3 10.3804 3.73263 10.3804 4.63636C10.3804 5.5401 11.113 6.27273 12.0167 6.27273ZM13.6531 12C13.6531 12.9038 12.9205 13.6364 12.0167 13.6364C11.113 13.6364 10.3804 12.9038 10.3804 12C10.3804 11.0963 11.113 10.3636 12.0167 10.3636C12.9205 10.3636 13.6531 11.0963 13.6531 12ZM13.6531 19.3637C13.6531 20.2674 12.9205 21 12.0167 21C11.113 21 10.3804 20.2674 10.3804 19.3637C10.3804 18.4599 11.113 17.7273 12.0167 17.7273C12.9205 17.7273 13.6531 18.4599 13.6531 19.3637Z",
|
|
886
|
-
fill: "currentColor"
|
|
887
|
-
}));
|
|
888
|
-
}
|
|
889
|
-
|
|
890
|
-
function MoreVertical(props) {
|
|
891
|
-
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_ThemedIcon__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"], _extends({
|
|
892
|
-
Enterprise: _splunk_react_icons_MoreVertical__WEBPACK_IMPORTED_MODULE_1___default.a,
|
|
893
|
-
Prisma24: Prisma24
|
|
894
|
-
}, props));
|
|
895
|
-
}
|
|
743
|
+
module.exports = require("@splunk/react-icons/DotsThreeVertical");
|
|
896
744
|
|
|
897
745
|
/***/ }),
|
|
898
746
|
|
|
899
|
-
/***/
|
|
747
|
+
/***/ 85:
|
|
900
748
|
/***/ (function(module, exports) {
|
|
901
749
|
|
|
902
|
-
module.exports = require("@splunk/react-
|
|
750
|
+
module.exports = require("@splunk/react-ui/Anchor");
|
|
903
751
|
|
|
904
752
|
/***/ })
|
|
905
753
|
|
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 = 213);
|
|
86
86
|
/******/ })
|
|
87
87
|
/************************************************************************/
|
|
88
88
|
/******/ ({
|
|
@@ -108,7 +108,7 @@ module.exports = require("react");
|
|
|
108
108
|
|
|
109
109
|
/***/ }),
|
|
110
110
|
|
|
111
|
-
/***/
|
|
111
|
+
/***/ 213:
|
|
112
112
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
113
113
|
|
|
114
114
|
"use strict";
|