@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.
Files changed (137) 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 +54 -51
  8. package/ButtonGroup.js +9 -9
  9. package/ButtonSimple.js +68 -64
  10. package/CHANGELOG.md +46 -0
  11. package/Calendar.js +124 -106
  12. package/Card.js +68 -68
  13. package/CardLayout.js +9 -9
  14. package/Chip.js +22 -22
  15. package/Clickable.js +38 -14
  16. package/CloseButton.js +23 -23
  17. package/Code.js +484 -436
  18. package/CollapsiblePanel.js +59 -34
  19. package/Color.js +297 -187
  20. package/ColumnLayout.js +18 -17
  21. package/ComboBox.js +81 -32
  22. package/Concertina.js +88 -27
  23. package/ControlGroup.js +81 -24
  24. package/Date.js +54 -36
  25. package/DefinitionList.js +14 -8
  26. package/Divider.d.ts +2 -0
  27. package/Divider.js +9 -9
  28. package/Dockerfile.enterprise.storybook +7 -0
  29. package/Dockerfile.prisma.storybook +7 -0
  30. package/Dockerfile.visual +10 -0
  31. package/Dropdown.js +78 -18
  32. package/EventListener.js +17 -17
  33. package/File.js +108 -46
  34. package/FormRows.js +38 -37
  35. package/Heading.js +83 -55
  36. package/Image.js +63 -38
  37. package/JSONTree.js +106 -21
  38. package/Layer.js +59 -34
  39. package/Link.js +17 -17
  40. package/List.js +3 -3
  41. package/MIGRATION.md +21 -0
  42. package/Markdown.js +71 -65
  43. package/Menu.js +155 -121
  44. package/Message.js +129 -129
  45. package/MessageBar.js +136 -136
  46. package/Modal.js +57 -32
  47. package/ModalLayer.js +15 -15
  48. package/Monogram.js +18 -17
  49. package/Multiselect.js +2807 -2310
  50. package/Number.js +74 -37
  51. package/Paginator.js +96 -83
  52. package/Paragraph.js +10 -10
  53. package/Popover.js +191 -54
  54. package/Progress.js +23 -22
  55. package/RadioBar.js +32 -14
  56. package/RadioList.js +17 -11
  57. package/Resize.js +33 -20
  58. package/ResultsMenu.js +36 -23
  59. package/ScreenReaderContent.js +9 -9
  60. package/Scroll.js +51 -26
  61. package/ScrollContainerContext.js +48 -48
  62. package/Search.js +68 -31
  63. package/Select.js +501 -204
  64. package/SidePanel.js +37 -24
  65. package/Slider.js +54 -24
  66. package/SlidingPanels.js +52 -14
  67. package/SplitButton.js +23 -22
  68. package/StaticContent.js +9 -9
  69. package/StepBar.js +22 -22
  70. package/Switch.js +18 -13
  71. package/TabBar.js +22 -22
  72. package/TabLayout.js +46 -18
  73. package/Table.js +424 -166
  74. package/Text.js +91 -49
  75. package/TextArea.d.ts +2 -0
  76. package/TextArea.js +127 -49
  77. package/Tooltip.js +236 -59
  78. package/TransitionOpen.js +39 -26
  79. package/Typography.d.ts +2 -0
  80. package/Typography.js +18 -17
  81. package/WaitSpinner.js +15 -15
  82. package/docker-compose.yml +42 -0
  83. package/package.json +13 -12
  84. package/test-runner-jest.config.js +11 -6
  85. package/types/src/Accordion/AccordionContext.d.ts +1 -0
  86. package/types/src/Button/Button.d.ts +5 -2
  87. package/types/src/Button/docs/examples/Basic.d.ts +2 -2
  88. package/types/src/Button/docs/examples/Selected.d.ts +2 -2
  89. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +1 -0
  90. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -11
  91. package/types/src/Calendar/Calendar.d.ts +2 -0
  92. package/types/src/CardLayout/CardLayoutContext.d.ts +1 -0
  93. package/types/src/Concertina/ConcertinaContext.d.ts +1 -0
  94. package/types/src/ControlGroup/ControlGroup.d.ts +15 -8
  95. package/types/src/ControlGroup/docs/examples/HelpWithErrorText.d.ts +2 -0
  96. package/types/src/ControlGroup/docs/examples/Required.d.ts +2 -0
  97. package/types/src/File/File.d.ts +4 -2
  98. package/types/src/File/FileContext.d.ts +1 -0
  99. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  100. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  101. package/types/src/Menu/MenuContext.d.ts +1 -0
  102. package/types/src/Modal/ModalContext.d.ts +1 -0
  103. package/types/src/Multiselect/Compact.d.ts +14 -1
  104. package/types/src/Multiselect/Multiselect.d.ts +15 -1
  105. package/types/src/Multiselect/Normal.d.ts +2 -0
  106. package/types/src/Popover/Popover.d.ts +25 -5
  107. package/types/src/Popover/PopoverContext.d.ts +1 -0
  108. package/types/src/RadioBar/RadioBar.d.ts +5 -3
  109. package/types/src/RadioBar/RadioBarContext.d.ts +1 -0
  110. package/types/src/RadioList/RadioList.d.ts +5 -1
  111. package/types/src/RadioList/RadioListContext.d.ts +1 -0
  112. package/types/src/Select/Select.d.ts +3 -1
  113. package/types/src/Select/SelectBase.d.ts +14 -0
  114. package/types/src/Slider/Slider.d.ts +5 -3
  115. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  116. package/types/src/Switch/Switch.d.ts +2 -0
  117. package/types/src/TabBar/TabBarContext.d.ts +1 -0
  118. package/types/src/TabLayout/Panel.d.ts +3 -0
  119. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  120. package/types/src/Table/Body.d.ts +2 -0
  121. package/types/src/Table/Head.d.ts +2 -0
  122. package/types/src/Table/Row.d.ts +11 -3
  123. package/types/src/Table/Table.d.ts +5 -3
  124. package/types/src/Table/TableContext.d.ts +1 -0
  125. package/types/src/Text/Text.d.ts +5 -3
  126. package/types/src/TextArea/TextArea.d.ts +5 -3
  127. package/types/src/Tooltip/Tooltip.d.ts +16 -4
  128. package/types/src/Typography/Typography.d.ts +1 -1
  129. package/types/src/useForceUpdate/useForceUpdate.d.ts +1 -0
  130. package/useForceUpdate.js +9 -9
  131. package/useKeyPress.js +2 -2
  132. package/usePrevious.js +9 -9
  133. package/.storybook-visual/config/snapshotResolver.js +0 -29
  134. package/.storybook-visual/main.js +0 -22
  135. package/.storybook-visual/preview.jsx +0 -31
  136. package/.storybook-visual/scripts/test.sh +0 -108
  137. package/.storybook-visual/test-runner.js +0 -108
package/ModalLayer.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 = 168);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 217);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 168:
104
+ /***/ 2:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("react");
108
+
109
+ /***/ }),
110
+
111
+ /***/ 217:
105
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
113
 
107
114
  "use strict";
@@ -120,10 +127,10 @@ var external_prop_types_ = __webpack_require__(1);
120
127
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
121
128
 
122
129
  // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
123
- var Animation_ = __webpack_require__(34);
130
+ var Animation_ = __webpack_require__(43);
124
131
 
125
132
  // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
126
- var Layer_ = __webpack_require__(60);
133
+ var Layer_ = __webpack_require__(82);
127
134
  var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
128
135
 
129
136
  // EXTERNAL MODULE: external "styled-components"
@@ -131,7 +138,7 @@ var external_styled_components_ = __webpack_require__(3);
131
138
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
132
139
 
133
140
  // EXTERNAL MODULE: external "react-spring"
134
- var external_react_spring_ = __webpack_require__(21);
141
+ var external_react_spring_ = __webpack_require__(26);
135
142
 
136
143
  // EXTERNAL MODULE: external "@splunk/themes"
137
144
  var themes_ = __webpack_require__(0);
@@ -310,14 +317,7 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
310
317
 
311
318
  /***/ }),
312
319
 
313
- /***/ 2:
314
- /***/ (function(module, exports) {
315
-
316
- module.exports = require("react");
317
-
318
- /***/ }),
319
-
320
- /***/ 21:
320
+ /***/ 26:
321
321
  /***/ (function(module, exports) {
322
322
 
323
323
  module.exports = require("react-spring");
@@ -331,14 +331,14 @@ module.exports = require("styled-components");
331
331
 
332
332
  /***/ }),
333
333
 
334
- /***/ 34:
334
+ /***/ 43:
335
335
  /***/ (function(module, exports) {
336
336
 
337
337
  module.exports = require("@splunk/react-ui/Animation");
338
338
 
339
339
  /***/ }),
340
340
 
341
- /***/ 60:
341
+ /***/ 82:
342
342
  /***/ (function(module, exports) {
343
343
 
344
344
  module.exports = require("@splunk/react-ui/Layer");
package/Monogram.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 = 169);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 218);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,21 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 12:
104
+ /***/ 14:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/react-ui/Clickable");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 169:
111
+ /***/ 2:
112
+ /***/ (function(module, exports) {
113
+
114
+ module.exports = require("react");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 218:
112
119
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
120
 
114
121
  "use strict";
@@ -127,15 +134,16 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
127
134
  var external_prop_types_ = __webpack_require__(1);
128
135
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
129
136
 
130
- // EXTERNAL MODULE: external "lodash"
131
- var external_lodash_ = __webpack_require__(4);
137
+ // EXTERNAL MODULE: external "lodash/omit"
138
+ var omit_ = __webpack_require__(5);
139
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
132
140
 
133
141
  // EXTERNAL MODULE: external "styled-components"
134
142
  var external_styled_components_ = __webpack_require__(3);
135
143
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
136
144
 
137
145
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
138
- var Clickable_ = __webpack_require__(12);
146
+ var Clickable_ = __webpack_require__(14);
139
147
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
140
148
 
141
149
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -311,7 +319,7 @@ function MonogramInteractive(props) {
311
319
  return /*#__PURE__*/external_react_default.a.createElement(StyledClickable, _extends({
312
320
  elementRef: elementRef,
313
321
  onClick: handleClick
314
- }, sharedProps, Object(external_lodash_["omit"])(otherProps, Object.keys(propTypes))), children);
322
+ }, sharedProps, omit_default()(otherProps, Object.keys(propTypes))), children);
315
323
  }
316
324
 
317
325
  function MonogramNonInteractive(props) {
@@ -326,7 +334,7 @@ function MonogramNonInteractive(props) {
326
334
 
327
335
  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
328
336
  ref: elementRef
329
- }, sharedProps, Object(external_lodash_["omit"])(otherProps, Object.keys(propTypes))), children);
337
+ }, sharedProps, omit_default()(otherProps, Object.keys(propTypes))), children);
330
338
  }
331
339
 
332
340
  function Monogram(props) {
@@ -347,13 +355,6 @@ Monogram.defaultProps = defaultProps;
347
355
 
348
356
 
349
357
 
350
- /***/ }),
351
-
352
- /***/ 2:
353
- /***/ (function(module, exports) {
354
-
355
- module.exports = require("react");
356
-
357
358
  /***/ }),
358
359
 
359
360
  /***/ 3:
@@ -363,10 +364,10 @@ module.exports = require("styled-components");
363
364
 
364
365
  /***/ }),
365
366
 
366
- /***/ 4:
367
+ /***/ 5:
367
368
  /***/ (function(module, exports) {
368
369
 
369
- module.exports = require("lodash");
370
+ module.exports = require("lodash/omit");
370
371
 
371
372
  /***/ })
372
373