@splunk/react-ui 4.12.1 → 4.14.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 (122) hide show
  1. package/.storybook-visual/config/snapshotResolver.js +29 -0
  2. package/.storybook-visual/main.js +22 -0
  3. package/.storybook-visual/preview.jsx +31 -0
  4. package/.storybook-visual/scripts/test.sh +108 -0
  5. package/.storybook-visual/test-runner.js +108 -0
  6. package/Accordion.js +4 -4
  7. package/Anchor.js +2 -2
  8. package/Animation.js +6 -6
  9. package/AnimationToggle.js +2 -2
  10. package/Box.js +2 -2
  11. package/Button.js +23 -23
  12. package/ButtonGroup.js +2 -2
  13. package/ButtonSimple.js +7 -7
  14. package/CHANGELOG.md +33 -0
  15. package/Calendar.js +390 -95
  16. package/Card.js +25 -23
  17. package/CardLayout.js +2 -2
  18. package/Chip.js +17 -17
  19. package/Clickable.js +4 -4
  20. package/CloseButton.js +15 -15
  21. package/Code.js +4 -4
  22. package/CollapsiblePanel.js +15 -11
  23. package/Color.js +26 -26
  24. package/ColumnLayout.js +6 -6
  25. package/ComboBox.js +19 -19
  26. package/Concertina.js +6 -6
  27. package/ControlGroup.js +14 -13
  28. package/Date.js +118 -55
  29. package/DefinitionList.js +2 -2
  30. package/Divider.js +194 -0
  31. package/Dropdown.js +17 -13
  32. package/EventListener.js +4 -4
  33. package/File.js +23 -23
  34. package/FormRows.js +14 -14
  35. package/Heading.js +2 -2
  36. package/Image.js +19 -19
  37. package/JSONTree.js +2 -2
  38. package/Layer.js +85 -8
  39. package/Link.js +4 -4
  40. package/List.js +2 -2
  41. package/Markdown.js +18 -18
  42. package/Menu.js +51 -52
  43. package/Message.js +39 -39
  44. package/MessageBar.js +29 -29
  45. package/Modal.js +63 -37
  46. package/ModalLayer.js +11 -11
  47. package/Monogram.js +2 -2
  48. package/Multiselect.js +134 -125
  49. package/Number.js +8 -6
  50. package/Paginator.js +48 -48
  51. package/Paragraph.js +2 -2
  52. package/Popover.js +186 -19
  53. package/Progress.js +8 -8
  54. package/RadioBar.js +2 -2
  55. package/RadioList.js +4 -4
  56. package/Resize.js +4 -4
  57. package/ResultsMenu.js +20 -20
  58. package/ScreenReaderContent.js +2 -2
  59. package/Scroll.js +13 -13
  60. package/ScrollContainerContext.js +154 -3
  61. package/Search.js +25 -25
  62. package/Select.js +114 -105
  63. package/SidePanel.js +6 -6
  64. package/Slider.js +14 -14
  65. package/SlidingPanels.js +11 -11
  66. package/SplitButton.js +511 -0
  67. package/StaticContent.js +2 -2
  68. package/StepBar.js +10 -10
  69. package/Switch.js +8 -8
  70. package/TabBar.js +15 -15
  71. package/TabLayout.js +6 -6
  72. package/Table.js +275 -76
  73. package/Text.js +51 -42
  74. package/TextArea.js +41 -33
  75. package/Tooltip.js +17 -11
  76. package/TransitionOpen.js +39 -15
  77. package/Typography.js +4 -4
  78. package/WaitSpinner.js +4 -4
  79. package/package.json +12 -14
  80. package/test-runner-jest.config.js +18 -5
  81. package/types/src/Button/Button.d.ts +1 -1
  82. package/types/src/Calendar/Calendar.d.ts +15 -2
  83. package/types/src/Calendar/DateTable.d.ts +7 -3
  84. package/types/src/Calendar/Day.d.ts +14 -5
  85. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +7 -3
  86. package/types/src/Date/Date.d.ts +17 -8
  87. package/types/src/Date/docs/examples/CustomDate.d.ts +2 -2
  88. package/types/src/Date/docs/examples/Disabled.d.ts +2 -2
  89. package/types/src/Date/docs/examples/prisma/WithoutCalendar.d.ts +2 -0
  90. package/types/src/Divider/Divider.d.ts +20 -0
  91. package/types/src/Divider/docs/examples/AriaHidden.d.ts +2 -0
  92. package/types/src/Divider/docs/examples/Basic.d.ts +2 -0
  93. package/types/src/Divider/docs/examples/CustomStyle.d.ts +2 -0
  94. package/types/src/Divider/docs/examples/Vertical.d.ts +2 -0
  95. package/types/src/Divider/index.d.ts +1 -0
  96. package/types/src/Dropdown/Dropdown.d.ts +11 -3
  97. package/types/src/Modal/Modal.d.ts +7 -3
  98. package/types/src/Modal/ModalContext.d.ts +1 -0
  99. package/types/src/Number/Number.d.ts +5 -1
  100. package/types/src/Popover/Popover.d.ts +5 -1
  101. package/types/src/Popover/getPlacement.d.ts +1 -1
  102. package/types/src/SplitButton/Item.d.ts +45 -0
  103. package/types/src/SplitButton/SplitButton.d.ts +41 -0
  104. package/types/src/SplitButton/docs/examples/Basic.d.ts +1 -0
  105. package/types/src/SplitButton/docs/examples/ChangeLabel.d.ts +1 -0
  106. package/types/src/SplitButton/docs/examples/Disabled.d.ts +1 -0
  107. package/types/src/SplitButton/docs/examples/prisma/Basic.d.ts +1 -0
  108. package/types/src/SplitButton/docs/examples/prisma/Disabled.d.ts +1 -0
  109. package/types/src/SplitButton/index.d.ts +2 -0
  110. package/types/src/Table/HeadCell.d.ts +4 -1
  111. package/types/src/Table/HeadDropdownCell.d.ts +10 -3
  112. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +14 -0
  113. package/types/src/Text/Text.d.ts +5 -1
  114. package/types/src/TextArea/TextArea.d.ts +5 -1
  115. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  116. package/types/src/TransitionOpen/TransitionOpen.d.ts +7 -3
  117. package/types/src/useForceUpdate/index.d.ts +2 -0
  118. package/types/src/useForceUpdate/useForceUpdate.d.ts +9 -0
  119. package/types/src/useKeyPress/index.d.ts +37 -0
  120. package/useForceUpdate.js +151 -0
  121. package/useKeyPress.js +160 -0
  122. package/usePrevious.js +2 -2
package/Switch.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 = 143);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 149);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/ui-utils/id");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
122
122
 
123
123
  /***/ }),
124
124
 
125
- /***/ 143:
125
+ /***/ 149:
126
126
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
127
127
 
128
128
  "use strict";
@@ -141,7 +141,7 @@ var external_prop_types_ = __webpack_require__(1);
141
141
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
142
142
 
143
143
  // EXTERNAL MODULE: external "@splunk/react-ui/AnimationToggle"
144
- var AnimationToggle_ = __webpack_require__(36);
144
+ var AnimationToggle_ = __webpack_require__(38);
145
145
  var AnimationToggle_default = /*#__PURE__*/__webpack_require__.n(AnimationToggle_);
146
146
 
147
147
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -149,10 +149,10 @@ var ScreenReaderContent_ = __webpack_require__(14);
149
149
  var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
150
150
 
151
151
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
152
- var id_ = __webpack_require__(10);
152
+ var id_ = __webpack_require__(11);
153
153
 
154
154
  // EXTERNAL MODULE: external "@splunk/react-icons/Check"
155
- var Check_ = __webpack_require__(48);
155
+ var Check_ = __webpack_require__(50);
156
156
  var Check_default = /*#__PURE__*/__webpack_require__.n(Check_);
157
157
 
158
158
  // EXTERNAL MODULE: external "@splunk/themes"
@@ -740,14 +740,14 @@ module.exports = require("styled-components");
740
740
 
741
741
  /***/ }),
742
742
 
743
- /***/ 36:
743
+ /***/ 38:
744
744
  /***/ (function(module, exports) {
745
745
 
746
746
  module.exports = require("@splunk/react-ui/AnimationToggle");
747
747
 
748
748
  /***/ }),
749
749
 
750
- /***/ 48:
750
+ /***/ 50:
751
751
  /***/ (function(module, exports) {
752
752
 
753
753
  module.exports = require("@splunk/react-icons/Check");
package/TabBar.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 = 127);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 132);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -102,13 +102,6 @@ module.exports = require("prop-types");
102
102
  /***/ }),
103
103
 
104
104
  /***/ 10:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("@splunk/ui-utils/id");
108
-
109
- /***/ }),
110
-
111
- /***/ 11:
112
105
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
106
 
114
107
  "use strict";
@@ -133,6 +126,13 @@ function updateReactRef(ref, current) {
133
126
 
134
127
 
135
128
 
129
+ /***/ }),
130
+
131
+ /***/ 11:
132
+ /***/ (function(module, exports) {
133
+
134
+ module.exports = require("@splunk/ui-utils/id");
135
+
136
136
  /***/ }),
137
137
 
138
138
  /***/ 12:
@@ -142,7 +142,7 @@ module.exports = require("@splunk/react-ui/Clickable");
142
142
 
143
143
  /***/ }),
144
144
 
145
- /***/ 127:
145
+ /***/ 132:
146
146
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
147
147
 
148
148
  "use strict";
@@ -195,10 +195,10 @@ var Styled = external_styled_components_default.a.div.withConfig({
195
195
  }));
196
196
 
197
197
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
198
- var id_ = __webpack_require__(10);
198
+ var id_ = __webpack_require__(11);
199
199
 
200
200
  // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
201
- var Popover_ = __webpack_require__(17);
201
+ var Popover_ = __webpack_require__(18);
202
202
  var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
203
203
 
204
204
  // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
@@ -342,7 +342,7 @@ var StyledTooltipContent = external_styled_components_default.a.div.withConfig({
342
342
  })(["padding:8px;font-size:", ";"], themes_["variables"].fontSizeSmall);
343
343
 
344
344
  // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
345
- var updateReactRef = __webpack_require__(11);
345
+ var updateReactRef = __webpack_require__(10);
346
346
 
347
347
  // CONCATENATED MODULE: ./src/TabBar/TabBarContext.tsx
348
348
 
@@ -587,7 +587,7 @@ _defineProperty(Tab_Tab, "contextType", TabBar_TabBarContext);
587
587
 
588
588
  /* harmony default export */ var TabBar_Tab = (Tab_Tab);
589
589
  // EXTERNAL MODULE: ./src/utils/navigateList.ts
590
- var navigateList = __webpack_require__(42);
590
+ var navigateList = __webpack_require__(44);
591
591
 
592
592
  // CONCATENATED MODULE: ./src/TabBar/TabBar.tsx
593
593
  function TabBar_extends() { TabBar_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 TabBar_extends.apply(this, arguments); }
@@ -748,7 +748,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
748
748
 
749
749
  /***/ }),
750
750
 
751
- /***/ 17:
751
+ /***/ 18:
752
752
  /***/ (function(module, exports) {
753
753
 
754
754
  module.exports = require("@splunk/react-ui/Popover");
@@ -769,7 +769,7 @@ module.exports = require("styled-components");
769
769
 
770
770
  /***/ }),
771
771
 
772
- /***/ 42:
772
+ /***/ 44:
773
773
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
774
774
 
775
775
  "use strict";
package/TabLayout.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 = 144);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 150);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
101
101
 
102
102
  /***/ }),
103
103
 
104
- /***/ 10:
104
+ /***/ 11:
105
105
  /***/ (function(module, exports) {
106
106
 
107
107
  module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 144:
111
+ /***/ 150:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -131,10 +131,10 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
131
131
  var external_lodash_ = __webpack_require__(4);
132
132
 
133
133
  // EXTERNAL MODULE: external "@splunk/ui-utils/id"
134
- var id_ = __webpack_require__(10);
134
+ var id_ = __webpack_require__(11);
135
135
 
136
136
  // EXTERNAL MODULE: external "@splunk/react-ui/TabBar"
137
- var TabBar_ = __webpack_require__(82);
137
+ var TabBar_ = __webpack_require__(85);
138
138
  var TabBar_default = /*#__PURE__*/__webpack_require__.n(TabBar_);
139
139
 
140
140
  // EXTERNAL MODULE: external "styled-components"
@@ -405,7 +405,7 @@ module.exports = require("lodash");
405
405
 
406
406
  /***/ }),
407
407
 
408
- /***/ 82:
408
+ /***/ 85:
409
409
  /***/ (function(module, exports) {
410
410
 
411
411
  module.exports = require("@splunk/react-ui/TabBar");