@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/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 = 160);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 209);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,21 +101,42 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
+ /***/ 10:
105
+ /***/ (function(module, exports) {
106
+
107
+ module.exports = require("lodash/keys");
108
+
109
+ /***/ }),
110
+
104
111
  /***/ 11:
105
112
  /***/ (function(module, exports) {
106
113
 
114
+ module.exports = require("lodash/has");
115
+
116
+ /***/ }),
117
+
118
+ /***/ 13:
119
+ /***/ (function(module, exports) {
120
+
107
121
  module.exports = require("@splunk/ui-utils/id");
108
122
 
109
123
  /***/ }),
110
124
 
111
- /***/ 12:
125
+ /***/ 14:
112
126
  /***/ (function(module, exports) {
113
127
 
114
128
  module.exports = require("@splunk/react-ui/Clickable");
115
129
 
116
130
  /***/ }),
117
131
 
118
- /***/ 160:
132
+ /***/ 2:
133
+ /***/ (function(module, exports) {
134
+
135
+ module.exports = require("react");
136
+
137
+ /***/ }),
138
+
139
+ /***/ 209:
119
140
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
120
141
 
121
142
  "use strict";
@@ -133,21 +154,30 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
133
154
  var external_prop_types_ = __webpack_require__(1);
134
155
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
135
156
 
136
- // EXTERNAL MODULE: external "lodash"
137
- var external_lodash_ = __webpack_require__(4);
157
+ // EXTERNAL MODULE: external "lodash/has"
158
+ var has_ = __webpack_require__(11);
159
+ var has_default = /*#__PURE__*/__webpack_require__.n(has_);
160
+
161
+ // EXTERNAL MODULE: external "lodash/keys"
162
+ var keys_ = __webpack_require__(10);
163
+ var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
164
+
165
+ // EXTERNAL MODULE: external "lodash/omit"
166
+ var omit_ = __webpack_require__(5);
167
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
138
168
 
139
169
  // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
140
- var i18n_ = __webpack_require__(5);
170
+ var i18n_ = __webpack_require__(4);
141
171
 
142
172
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
143
- var id_ = __webpack_require__(11);
173
+ var id_ = __webpack_require__(13);
144
174
 
145
175
  // EXTERNAL MODULE: external "@splunk/react-ui/TransitionOpen"
146
- var TransitionOpen_ = __webpack_require__(55);
176
+ var TransitionOpen_ = __webpack_require__(72);
147
177
  var TransitionOpen_default = /*#__PURE__*/__webpack_require__.n(TransitionOpen_);
148
178
 
149
179
  // EXTERNAL MODULE: ./src/icons/ChevronRight.tsx
150
- var ChevronRight = __webpack_require__(29);
180
+ var ChevronRight = __webpack_require__(37);
151
181
 
152
182
  // EXTERNAL MODULE: external "styled-components"
153
183
  var external_styled_components_ = __webpack_require__(3);
@@ -158,7 +188,7 @@ var Box_ = __webpack_require__(8);
158
188
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
159
189
 
160
190
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
161
- var Clickable_ = __webpack_require__(12);
191
+ var Clickable_ = __webpack_require__(14);
162
192
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
163
193
 
164
194
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -360,6 +390,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
360
390
 
361
391
 
362
392
 
393
+
394
+
363
395
  var propTypes = {
364
396
  innerBodyStyles: external_prop_types_default.a.object,
365
397
  children: external_prop_types_default.a.node,
@@ -443,7 +475,7 @@ var CollapsiblePanel_CollapsiblePanel = /*#__PURE__*/function (_Component) {
443
475
  });
444
476
  });
445
477
 
446
- _this.controlledExternally = Object(external_lodash_["has"])(props, 'open');
478
+ _this.controlledExternally = has_default()(props, 'open');
447
479
  _this.state = _objectSpread({
448
480
  animating: false
449
481
  }, !_this.isControlled() ? {
@@ -494,7 +526,7 @@ var CollapsiblePanel_CollapsiblePanel = /*#__PURE__*/function (_Component) {
494
526
  return /*#__PURE__*/external_react_default.a.createElement(StyledBox, _extends({
495
527
  "data-test": "collapsible-panel",
496
528
  elementRef: elementRef
497
- }, Object(external_lodash_["omit"])(this.props, Object(external_lodash_["keys"])(CollapsiblePanel.propTypes))), titleWithActions ? /*#__PURE__*/external_react_default.a.createElement(StyledTitleWithActions, {
529
+ }, omit_default()(this.props, keys_default()(CollapsiblePanel.propTypes))), titleWithActions ? /*#__PURE__*/external_react_default.a.createElement(StyledTitleWithActions, {
498
530
  $disabled: disabled
499
531
  }, /*#__PURE__*/external_react_default.a.createElement(StyledClickableIcon, {
500
532
  disabled: disabled,
@@ -564,21 +596,21 @@ _defineProperty(CollapsiblePanel_CollapsiblePanel, "defaultProps", defaultProps)
564
596
 
565
597
  /***/ }),
566
598
 
567
- /***/ 2:
599
+ /***/ 3:
568
600
  /***/ (function(module, exports) {
569
601
 
570
- module.exports = require("react");
602
+ module.exports = require("styled-components");
571
603
 
572
604
  /***/ }),
573
605
 
574
- /***/ 29:
606
+ /***/ 37:
575
607
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
576
608
 
577
609
  "use strict";
578
610
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ChevronRight; });
579
611
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
580
612
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
581
- /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
613
+ /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(44);
582
614
  /* harmony import */ var _splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_ChevronRight__WEBPACK_IMPORTED_MODULE_1__);
583
615
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
584
616
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -621,38 +653,24 @@ function ChevronRight(props) {
621
653
 
622
654
  /***/ }),
623
655
 
624
- /***/ 3:
656
+ /***/ 4:
625
657
  /***/ (function(module, exports) {
626
658
 
627
- module.exports = require("styled-components");
659
+ module.exports = require("@splunk/ui-utils/i18n");
628
660
 
629
661
  /***/ }),
630
662
 
631
- /***/ 35:
663
+ /***/ 44:
632
664
  /***/ (function(module, exports) {
633
665
 
634
666
  module.exports = require("@splunk/react-icons/ChevronRight");
635
667
 
636
668
  /***/ }),
637
669
 
638
- /***/ 4:
639
- /***/ (function(module, exports) {
640
-
641
- module.exports = require("lodash");
642
-
643
- /***/ }),
644
-
645
670
  /***/ 5:
646
671
  /***/ (function(module, exports) {
647
672
 
648
- module.exports = require("@splunk/ui-utils/i18n");
649
-
650
- /***/ }),
651
-
652
- /***/ 55:
653
- /***/ (function(module, exports) {
654
-
655
- module.exports = require("@splunk/react-ui/TransitionOpen");
673
+ module.exports = require("lodash/omit");
656
674
 
657
675
  /***/ }),
658
676
 
@@ -799,6 +817,13 @@ Icon.defaultProps = defaultProps;
799
817
 
800
818
  /***/ }),
801
819
 
820
+ /***/ 72:
821
+ /***/ (function(module, exports) {
822
+
823
+ module.exports = require("@splunk/react-ui/TransitionOpen");
824
+
825
+ /***/ }),
826
+
802
827
  /***/ 8:
803
828
  /***/ (function(module, exports) {
804
829