@splunk/react-ui 4.13.0 → 4.15.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.
Files changed (144) hide show
  1. package/.dockerignore +2 -0
  2. package/Accordion.js +41 -16
  3. package/Anchor.js +9 -9
  4. package/Animation.js +6 -6
  5. package/AnimationToggle.js +2 -2
  6. package/Box.js +9 -9
  7. package/Button.js +47 -46
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +14 -14
  10. package/CHANGELOG.md +46 -1
  11. package/Calendar.js +460 -147
  12. package/Card.js +85 -83
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +23 -23
  15. package/Clickable.js +39 -15
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +64 -35
  19. package/Color.js +298 -188
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +89 -28
  23. package/ControlGroup.js +85 -27
  24. package/Date.js +134 -58
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +194 -0
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +79 -19
  32. package/EventListener.js +17 -17
  33. package/File.js +96 -43
  34. package/FormRows.js +40 -39
  35. package/Heading.js +83 -55
  36. package/Image.js +67 -42
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +130 -28
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/Markdown.js +71 -65
  42. package/Menu.js +155 -121
  43. package/Message.js +135 -135
  44. package/MessageBar.js +136 -136
  45. package/Modal.js +99 -48
  46. package/ModalLayer.js +15 -15
  47. package/Monogram.js +18 -17
  48. package/Multiselect.js +2788 -2310
  49. package/Number.js +76 -37
  50. package/Paginator.js +99 -86
  51. package/Paragraph.js +10 -10
  52. package/Popover.js +343 -48
  53. package/Progress.js +23 -22
  54. package/RadioBar.js +32 -14
  55. package/RadioList.js +17 -11
  56. package/Resize.js +34 -21
  57. package/ResultsMenu.js +44 -31
  58. package/ScreenReaderContent.js +9 -9
  59. package/Scroll.js +52 -27
  60. package/ScrollContainerContext.js +157 -6
  61. package/Search.js +71 -34
  62. package/Select.js +347 -69
  63. package/SidePanel.js +37 -24
  64. package/Slider.js +50 -20
  65. package/SlidingPanels.js +56 -18
  66. package/SplitButton.js +27 -26
  67. package/StaticContent.js +9 -9
  68. package/StepBar.js +22 -22
  69. package/Switch.js +18 -13
  70. package/TabBar.js +28 -28
  71. package/TabLayout.js +43 -18
  72. package/Table.js +549 -158
  73. package/Text.js +93 -50
  74. package/TextArea.d.ts +2 -0
  75. package/TextArea.js +134 -56
  76. package/Tooltip.js +246 -63
  77. package/TransitionOpen.js +63 -26
  78. package/Typography.d.ts +2 -0
  79. package/Typography.js +17 -16
  80. package/WaitSpinner.js +15 -81
  81. package/docker-compose.yml +42 -0
  82. package/package.json +20 -20
  83. package/test-runner-jest.config.js +23 -5
  84. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  85. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  86. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  87. package/types/src/Calendar/Calendar.d.ts +17 -2
  88. package/types/src/Calendar/DateTable.d.ts +7 -3
  89. package/types/src/Calendar/Day.d.ts +14 -5
  90. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  91. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  92. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  93. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  94. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  95. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  96. package/types/src/Date/Date.d.ts +17 -8
  97. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  98. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  99. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  100. package/types/src/Divider/Divider.d.ts +20 -0
  101. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  102. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  103. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  104. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  105. package/types/src/Divider/index.d.ts +1 -0
  106. package/types/src/File/File.d.ts +4 -2
  107. package/types/src/File/FileContext.d.ts +1 -0
  108. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  109. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  110. package/types/src/Menu/MenuContext.d.ts +1 -0
  111. package/types/src/Modal/Modal.d.ts +7 -3
  112. package/types/src/Modal/ModalContext.d.ts +2 -0
  113. package/types/src/Multiselect/Compact.d.ts +10 -1
  114. package/types/src/Multiselect/Multiselect.d.ts +12 -1
  115. package/types/src/Multiselect/Normal.d.ts +2 -0
  116. package/types/src/Number/Number.d.ts +5 -1
  117. package/types/src/Popover/Popover.d.ts +25 -5
  118. package/types/src/Popover/PopoverContext.d.ts +1 -0
  119. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  120. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  121. package/types/src/RadioList/RadioList.d.ts +5 -1
  122. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  123. package/types/src/Select/SelectBase.d.ts +2 -0
  124. package/types/src/Slider/Slider.d.ts +5 -3
  125. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -1
  126. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -1
  127. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  128. package/types/src/Switch/Switch.d.ts +2 -0
  129. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  130. package/types/src/Table/Head.d.ts +2 -0
  131. package/types/src/Table/TableContext.d.ts +1 -0
  132. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  133. package/types/src/Text/Text.d.ts +5 -3
  134. package/types/src/TextArea/TextArea.d.ts +5 -3
  135. package/types/src/Tooltip/Tooltip.d.ts +26 -9
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  138. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  139. package/types/src/useKeyPress/index.d.ts +37 -0
  140. package/useForceUpdate.js +9 -9
  141. package/{useIsSsr.js → useKeyPress.js} +56 -49
  142. package/usePrevious.js +9 -9
  143. package/types/src/useIsSsr/index.d.ts +0 -2
  144. package/types/src/useIsSsr/useIsSsr.d.ts +0 -8
package/Markdown.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 = 113);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 165);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,42 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 113:
104
+ /***/ 109:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("@splunk/react-ui/List");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 134:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("commonmark-react-renderer");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 135:
119
+ /***/ (function(module, exports) {
120
+
121
+ module.exports = require("commonmark");
122
+
123
+ /***/ }),
124
+
125
+ /***/ 136:
126
+ /***/ (function(module, exports) {
127
+
128
+ module.exports = require("@splunk/react-ui/Code");
129
+
130
+ /***/ }),
131
+
132
+ /***/ 137:
133
+ /***/ (function(module, exports) {
134
+
135
+ module.exports = require("@splunk/react-ui/Paragraph");
136
+
137
+ /***/ }),
138
+
139
+ /***/ 165:
105
140
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
141
 
107
142
  "use strict";
@@ -130,11 +165,11 @@ var external_prop_types_ = __webpack_require__(1);
130
165
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
131
166
 
132
167
  // EXTERNAL MODULE: external "commonmark-react-renderer"
133
- var external_commonmark_react_renderer_ = __webpack_require__(92);
168
+ var external_commonmark_react_renderer_ = __webpack_require__(134);
134
169
  var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
135
170
 
136
171
  // EXTERNAL MODULE: external "commonmark"
137
- var external_commonmark_ = __webpack_require__(93);
172
+ var external_commonmark_ = __webpack_require__(135);
138
173
  var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
139
174
 
140
175
  // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -223,11 +258,11 @@ function MarkdownCode(_ref) {
223
258
  MarkdownCode.propTypes = MarkdownCode_propTypes;
224
259
  /* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
225
260
  // EXTERNAL MODULE: external "@splunk/react-ui/Code"
226
- var Code_ = __webpack_require__(94);
261
+ var Code_ = __webpack_require__(136);
227
262
  var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
228
263
 
229
264
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
230
- var i18n_ = __webpack_require__(5);
265
+ var i18n_ = __webpack_require__(4);
231
266
 
232
267
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownCodeBlock.tsx
233
268
 
@@ -257,7 +292,7 @@ function MarkdownCodeBlock(_ref) {
257
292
  MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
258
293
  /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
259
294
  // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
260
- var Heading_ = __webpack_require__(56);
295
+ var Heading_ = __webpack_require__(77);
261
296
  var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
262
297
 
263
298
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -279,7 +314,7 @@ function MarkdownHeading(_ref) {
279
314
  MarkdownHeading.propTypes = MarkdownHeading_propTypes;
280
315
  /* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
281
316
  // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
282
- var Anchor_ = __webpack_require__(62);
317
+ var Anchor_ = __webpack_require__(85);
283
318
  var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
284
319
 
285
320
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
@@ -328,10 +363,16 @@ function MarkdownImage(_ref) {
328
363
  MarkdownImage.propTypes = MarkdownImage_propTypes;
329
364
  /* harmony default export */ var renderers_MarkdownImage = (MarkdownImage);
330
365
  // EXTERNAL MODULE: external "@splunk/react-ui/Link"
331
- var Link_ = __webpack_require__(30);
366
+ var Link_ = __webpack_require__(42);
332
367
  var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
333
368
 
334
369
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownLink.tsx
370
+ 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); }
371
+
372
+ 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; }
373
+
374
+ 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; }
375
+
335
376
 
336
377
 
337
378
 
@@ -342,19 +383,19 @@ var MarkdownLink_propTypes = {
342
383
  };
343
384
 
344
385
  function MarkdownLink(_ref) {
345
- var href = _ref.href,
346
- title = _ref.title,
347
- children = _ref.children;
348
- return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, {
349
- to: href,
350
- title: title
351
- }, children);
386
+ var children = _ref.children,
387
+ href = _ref.href,
388
+ otherProps = _objectWithoutProperties(_ref, ["children", "href"]);
389
+
390
+ return /*#__PURE__*/external_react_default.a.createElement(Link_default.a, _extends({
391
+ to: href
392
+ }, otherProps), children);
352
393
  }
353
394
 
354
395
  MarkdownLink.propTypes = MarkdownLink_propTypes;
355
396
  /* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
356
397
  // EXTERNAL MODULE: external "@splunk/react-ui/List"
357
- var List_ = __webpack_require__(81);
398
+ var List_ = __webpack_require__(109);
358
399
  var List_default = /*#__PURE__*/__webpack_require__.n(List_);
359
400
 
360
401
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
@@ -392,7 +433,7 @@ function MarkdownItem(_ref) {
392
433
  MarkdownItem.propTypes = MarkdownItem_propTypes;
393
434
  /* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
394
435
  // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
395
- var Paragraph_ = __webpack_require__(95);
436
+ var Paragraph_ = __webpack_require__(137);
396
437
  var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
397
438
 
398
439
  // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -425,7 +466,7 @@ MarkdownParagraph.propTypes = MarkdownParagraph_propTypes;
425
466
 
426
467
 
427
468
  // CONCATENATED MODULE: ./src/Markdown/Markdown.tsx
428
- 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); }
469
+ function Markdown_extends() { Markdown_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 Markdown_extends.apply(this, arguments); }
429
470
 
430
471
  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; }
431
472
 
@@ -433,9 +474,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
433
474
 
434
475
  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; }
435
476
 
436
- 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; }
477
+ function Markdown_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = Markdown_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; }
437
478
 
438
- 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; }
479
+ function Markdown_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; }
439
480
 
440
481
 
441
482
 
@@ -476,7 +517,7 @@ function Markdown(_ref) {
476
517
  listRenderer = _ref.listRenderer,
477
518
  paragraphRenderer = _ref.paragraphRenderer,
478
519
  text = _ref.text,
479
- otherProps = _objectWithoutProperties(_ref, ["blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text"]);
520
+ otherProps = Markdown_objectWithoutProperties(_ref, ["blockquoteRenderer", "codeBlockRenderer", "codeRenderer", "headingRenderer", "imageRenderer", "itemRenderer", "linkRenderer", "listRenderer", "paragraphRenderer", "text"]);
480
521
 
481
522
  // @docs-props-type MarkdownPropsBase
482
523
  // keep this option object inside the constructor, otherwise the renderers
@@ -506,7 +547,7 @@ function Markdown(_ref) {
506
547
  var renderer = new external_commonmark_react_renderer_default.a(_objectSpread({}, rendererOptions));
507
548
  var ast = parser.parse(text);
508
549
  var elements = renderer.render(ast);
509
- return /*#__PURE__*/external_react_default.a.createElement(Box_default.a, _extends({
550
+ return /*#__PURE__*/external_react_default.a.createElement(Box_default.a, Markdown_extends({
510
551
  "data-test": "markdown"
511
552
  }, otherProps), elements);
512
553
  }
@@ -534,31 +575,24 @@ module.exports = require("styled-components");
534
575
 
535
576
  /***/ }),
536
577
 
537
- /***/ 30:
538
- /***/ (function(module, exports) {
539
-
540
- module.exports = require("@splunk/react-ui/Link");
541
-
542
- /***/ }),
543
-
544
- /***/ 5:
578
+ /***/ 4:
545
579
  /***/ (function(module, exports) {
546
580
 
547
581
  module.exports = require("@splunk/ui-utils/i18n");
548
582
 
549
583
  /***/ }),
550
584
 
551
- /***/ 56:
585
+ /***/ 42:
552
586
  /***/ (function(module, exports) {
553
587
 
554
- module.exports = require("@splunk/react-ui/Heading");
588
+ module.exports = require("@splunk/react-ui/Link");
555
589
 
556
590
  /***/ }),
557
591
 
558
- /***/ 62:
592
+ /***/ 77:
559
593
  /***/ (function(module, exports) {
560
594
 
561
- module.exports = require("@splunk/react-ui/Anchor");
595
+ module.exports = require("@splunk/react-ui/Heading");
562
596
 
563
597
  /***/ }),
564
598
 
@@ -569,38 +603,10 @@ module.exports = require("@splunk/react-ui/Box");
569
603
 
570
604
  /***/ }),
571
605
 
572
- /***/ 81:
573
- /***/ (function(module, exports) {
574
-
575
- module.exports = require("@splunk/react-ui/List");
576
-
577
- /***/ }),
578
-
579
- /***/ 92:
606
+ /***/ 85:
580
607
  /***/ (function(module, exports) {
581
608
 
582
- module.exports = require("commonmark-react-renderer");
583
-
584
- /***/ }),
585
-
586
- /***/ 93:
587
- /***/ (function(module, exports) {
588
-
589
- module.exports = require("commonmark");
590
-
591
- /***/ }),
592
-
593
- /***/ 94:
594
- /***/ (function(module, exports) {
595
-
596
- module.exports = require("@splunk/react-ui/Code");
597
-
598
- /***/ }),
599
-
600
- /***/ 95:
601
- /***/ (function(module, exports) {
602
-
603
- module.exports = require("@splunk/react-ui/Paragraph");
609
+ module.exports = require("@splunk/react-ui/Anchor");
604
610
 
605
611
  /***/ })
606
612