@splunk/react-ui 5.0.0-beta.2 → 5.0.0-beta.4

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 (187) hide show
  1. package/Accordion.js +185 -243
  2. package/Animation.js +2 -2
  3. package/Button.js +4 -4
  4. package/ButtonGroup.js +10 -11
  5. package/ButtonSimple.js +48 -42
  6. package/CHANGELOG.md +26 -0
  7. package/CHANGELOG.v5.mdx +81 -0
  8. package/Calendar.js +352 -469
  9. package/Card.js +178 -321
  10. package/Chip.js +154 -296
  11. package/Clickable.js +30 -30
  12. package/Code.js +64 -49
  13. package/Color.js +546 -462
  14. package/ComboBox.js +575 -767
  15. package/Date.js +144 -136
  16. package/Divider.js +29 -26
  17. package/DualListbox.js +441 -444
  18. package/File.js +707 -981
  19. package/FormRows.js +260 -286
  20. package/Image.js +124 -251
  21. package/JSONTree.js +129 -129
  22. package/Layout.d.ts +2 -0
  23. package/Link.js +12 -12
  24. package/MIGRATION.mdx +22 -1
  25. package/MIGRATION.v5.mdx +12 -1
  26. package/Menu.js +76 -76
  27. package/Message.js +77 -100
  28. package/MessageBar.js +141 -251
  29. package/Modal.js +42 -40
  30. package/ModalLayer.js +12 -12
  31. package/Multiselect.js +1989 -2362
  32. package/NonInteractiveCheckbox.js +30 -118
  33. package/Number.js +75 -73
  34. package/Popover.js +348 -350
  35. package/Progress.js +1 -1
  36. package/RadioBar.js +136 -136
  37. package/Resize.js +62 -65
  38. package/Scroll.js +2 -2
  39. package/Select.js +281 -283
  40. package/SidePanel.js +53 -55
  41. package/Slider.js +370 -364
  42. package/SlidingPanels.js +100 -102
  43. package/SplitButton.js +170 -343
  44. package/StaticContent.js +15 -13
  45. package/StepBar.js +61 -60
  46. package/Switch.js +150 -164
  47. package/TabBar.js +544 -417
  48. package/Table.js +1711 -1540
  49. package/Text.js +28 -26
  50. package/TextArea.js +26 -26
  51. package/Tooltip.js +416 -562
  52. package/TransitionOpen.js +179 -158
  53. package/Tree.d.ts +2 -0
  54. package/WaitSpinner.js +1 -1
  55. package/package.json +7 -9
  56. package/types/src/Accordion/Accordion.d.ts +14 -21
  57. package/types/src/Accordion/AccordionContext.d.ts +0 -1
  58. package/types/src/Animation/Animation.d.ts +2 -3
  59. package/types/src/AnimationToggle/docs/examples/Provider.d.ts +2 -2
  60. package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts +2 -2
  61. package/types/src/AnimationToggle/useAnimationToggle.d.ts +1 -1
  62. package/types/src/Button/Button.d.ts +2 -2
  63. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
  64. package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
  65. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  66. package/types/src/Calendar/Calendar.d.ts +2 -2
  67. package/types/src/Calendar/{DateTable.d.ts → DateGrid.d.ts} +9 -9
  68. package/types/src/Calendar/Day.d.ts +8 -4
  69. package/types/src/Card/Card.d.ts +27 -14
  70. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  71. package/types/src/CardLayout/docs/examples/Interactive.d.ts +2 -2
  72. package/types/src/Clickable/Clickable.d.ts +1 -1
  73. package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +0 -1
  74. package/types/src/Color/Color.d.ts +3 -3
  75. package/types/src/Color/ColorInput.d.ts +27 -0
  76. package/types/src/Color/Palette.d.ts +11 -18
  77. package/types/src/Color/Swatch.d.ts +3 -1
  78. package/types/src/ComboBox/ComboBox.d.ts +46 -50
  79. package/types/src/ComboBox/Option.d.ts +34 -18
  80. package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +2 -2
  81. package/types/src/Date/Date.d.ts +3 -2
  82. package/types/src/Date/docs/examples/Controlled.d.ts +2 -2
  83. package/types/src/Date/docs/examples/HighlightToday.d.ts +2 -2
  84. package/types/src/DefinitionList/DefinitionListContext.d.ts +0 -1
  85. package/types/src/Divider/Divider.d.ts +14 -6
  86. package/types/src/Divider/docs/examples/Appearance.d.ts +3 -0
  87. package/types/src/DualListbox/DualListbox.d.ts +5 -1
  88. package/types/src/File/File.d.ts +6 -6
  89. package/types/src/File/FileContext.d.ts +0 -1
  90. package/types/src/File/Item.d.ts +11 -3
  91. package/types/src/File/ItemIcon.d.ts +7 -0
  92. package/types/src/File/docs/examples/Disabled.d.ts +2 -2
  93. package/types/src/File/docs/examples/DropAnywhere.d.ts +2 -2
  94. package/types/src/File/docs/examples/Multi.d.ts +2 -2
  95. package/types/src/File/docs/examples/Single.d.ts +2 -2
  96. package/types/src/FormRows/FormRows.d.ts +8 -8
  97. package/types/src/FormRows/FormRowsContext.d.ts +1 -2
  98. package/types/src/FormRows/Row.d.ts +2 -2
  99. package/types/src/FormRows/RowInternal.d.ts +1 -1
  100. package/types/src/FormRows/SortableRow.d.ts +3 -3
  101. package/types/src/FormRows/docs/examples/Basic.d.ts +2 -2
  102. package/types/src/FormRows/docs/examples/Header.d.ts +2 -2
  103. package/types/src/FormRows/docs/examples/Menu.d.ts +2 -2
  104. package/types/src/FormRows/docs/examples/ReorderOnly.d.ts +2 -2
  105. package/types/src/Image/Image.d.ts +1 -4
  106. package/types/src/JSONTree/docs/examples/Events.d.ts +2 -2
  107. package/types/src/Layout/Layout.d.ts +1 -0
  108. package/types/src/Link/icons/External.d.ts +1 -2
  109. package/types/src/Menu/Divider.d.ts +1 -1
  110. package/types/src/Menu/MenuContext.d.ts +0 -1
  111. package/types/src/MessageBar/MessageBar.d.ts +5 -1
  112. package/types/src/Modal/ModalContext.d.ts +0 -1
  113. package/types/src/Multiselect/Compact.d.ts +49 -21
  114. package/types/src/Multiselect/Multiselect.d.ts +73 -30
  115. package/types/src/Multiselect/Normal.d.ts +46 -57
  116. package/types/src/Multiselect/Option.d.ts +42 -18
  117. package/types/src/Multiselect/docs/examples/Children.d.ts +2 -2
  118. package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -2
  119. package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -2
  120. package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -2
  121. package/types/src/Multiselect/docs/examples/Error.d.ts +2 -2
  122. package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -2
  123. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -2
  124. package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -2
  125. package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -2
  126. package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +9 -8
  127. package/types/src/Number/Number.d.ts +1 -0
  128. package/types/src/Number/docs/examples/Basic.d.ts +2 -2
  129. package/types/src/Number/docs/examples/Limits.d.ts +2 -2
  130. package/types/src/Number/docs/examples/Locale.d.ts +2 -2
  131. package/types/src/Popover/Popover.d.ts +1 -1
  132. package/types/src/Popover/PopoverMenuContext.d.ts +0 -1
  133. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  134. package/types/src/RadioBar/RadioBarContext.d.ts +0 -1
  135. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  136. package/types/src/Scroll/Inner.d.ts +1 -1
  137. package/types/src/Scroll/docs/examples/Controlled.d.ts +2 -2
  138. package/types/src/Search/Search.d.ts +2 -2
  139. package/types/src/Select/SelectBase.d.ts +2 -2
  140. package/types/src/SidePanel/SidePanel.d.ts +8 -3
  141. package/types/src/Slider/Slider.d.ts +1 -1
  142. package/types/src/Slider/docs/examples/Controlled.d.ts +2 -2
  143. package/types/src/Slider/docs/examples/CustomLabels.d.ts +2 -2
  144. package/types/src/Slider/getStepMarksBackground.d.ts +8 -0
  145. package/types/src/SlidingPanels/Panel.d.ts +2 -2
  146. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
  147. package/types/src/SlidingPanels/docs/examples/Basic.d.ts +2 -2
  148. package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +2 -2
  149. package/types/src/SplitButton/Item.d.ts +34 -20
  150. package/types/src/SplitButton/SplitButton.d.ts +4 -1
  151. package/types/src/StaticContent/StaticContent.d.ts +3 -1
  152. package/types/src/StepBar/Step.d.ts +1 -1
  153. package/types/src/StepBar/StepBar.d.ts +1 -1
  154. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  155. package/types/src/Switch/Switch.d.ts +1 -9
  156. package/types/src/Switch/docs/examples/Basic.d.ts +2 -2
  157. package/types/src/Switch/docs/examples/Disabled.d.ts +2 -2
  158. package/types/src/TabBar/Tab.d.ts +12 -5
  159. package/types/src/TabBar/TabBar.d.ts +4 -3
  160. package/types/src/TabBar/TabBarContext.d.ts +7 -2
  161. package/types/src/Table/Head.d.ts +4 -15
  162. package/types/src/Table/HeadCell.d.ts +23 -25
  163. package/types/src/Table/HeadDropdownCell.d.ts +23 -26
  164. package/types/src/Table/HeadInner.d.ts +4 -10
  165. package/types/src/Table/Row.d.ts +6 -6
  166. package/types/src/Table/Table.d.ts +3 -8
  167. package/types/src/Table/TableContext.d.ts +0 -1
  168. package/types/src/Table/Toggle.d.ts +1 -1
  169. package/types/src/Text/Text.d.ts +5 -1
  170. package/types/src/Tooltip/Tooltip.d.ts +26 -58
  171. package/types/src/Tooltip/docs/examples/Controlled.d.ts +2 -2
  172. package/types/src/TransitionOpen/TransitionOpen.d.ts +6 -1
  173. package/types/src/Tree/TreeContext.d.ts +0 -1
  174. package/types/src/useForceUpdate/useForceUpdate.d.ts +0 -1
  175. package/types/src/useResizeObserver/useResizeObserver.d.ts +2 -1
  176. package/types/src/utils/types.d.ts +2 -3
  177. package/useResizeObserver.js +26 -19
  178. package/types/src/File/Icon.d.ts +0 -3
  179. package/types/src/File/IconCloud.d.ts +0 -3
  180. package/types/src/File/PaperClip.d.ts +0 -3
  181. package/types/src/File/Retry.d.ts +0 -2
  182. package/types/src/File/Trash.d.ts +0 -3
  183. package/types/src/FormRows/icons/FormRowsPlusIcon.d.ts +0 -3
  184. package/types/src/Image/icons/Cross.d.ts +0 -3
  185. package/types/src/Multiselect/docs/examples/CompactSelectAll.d.ts +0 -3
  186. package/types/src/Table/docs/examples/prisma/DockedHeaderScrollbar.d.ts +0 -3
  187. package/types/src/Tooltip/InfoIcon.d.ts +0 -4
@@ -15,22 +15,22 @@
15
15
  /******/ // The require function
16
16
  /******/ function t(n) {
17
17
  /******/ // Check if module is in cache
18
- /******/ var o = r[n];
19
- /******/ if (o !== undefined) {
20
- /******/ return o.exports;
18
+ /******/ var i = r[n];
19
+ /******/ if (i !== undefined) {
20
+ /******/ return i.exports;
21
21
  /******/ }
22
22
  /******/ // Create a new module (and put it into the cache)
23
- /******/ var i = r[n] = {
23
+ /******/ var o = r[n] = {
24
24
  /******/ // no module.id needed
25
25
  /******/ // no module.loaded needed
26
26
  /******/ exports: {}
27
27
  /******/ };
28
28
  /******/
29
29
  /******/ // Execute the module function
30
- /******/ e[n](i, i.exports, t);
30
+ /******/ e[n](o, o.exports, t);
31
31
  /******/
32
32
  /******/ // Return the exports of the module
33
- /******/ return i.exports;
33
+ /******/ return o.exports;
34
34
  /******/ }
35
35
  /******/
36
36
  /************************************************************************/
@@ -83,12 +83,12 @@
83
83
  var e = t(9497);
84
84
  // CONCATENATED MODULE: ./src/useResizeObserver/useResizeObserver.ts
85
85
  function r(e, r) {
86
- return a(e) || l(e, r) || i(e, r) || o();
86
+ return a(e) || l(e, r) || o(e, r) || i();
87
87
  }
88
- function o() {
88
+ function i() {
89
89
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
90
90
  }
91
- function i(e, r) {
91
+ function o(e, r) {
92
92
  if (e) {
93
93
  if ("string" == typeof e) return u(e, r);
94
94
  var t = {}.toString.call(e).slice(8, -1);
@@ -105,20 +105,20 @@
105
105
  function l(e, r) {
106
106
  var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
107
107
  if (null != t) {
108
- var n, o, i, u, l = [], a = !0, f = !1;
108
+ var n, i, o, u, l = [], a = !0, f = !1;
109
109
  try {
110
- if (i = (t = t.call(e)).next, 0 === r) {
110
+ if (o = (t = t.call(e)).next, 0 === r) {
111
111
  if (Object(t) !== t) return;
112
112
  a = !1;
113
- } else for (;!(a = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
113
+ } else for (;!(a = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); a = !0) {
114
114
  }
115
115
  } catch (e) {
116
- f = !0, o = e;
116
+ f = !0, i = e;
117
117
  } finally {
118
118
  try {
119
119
  if (!a && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
120
120
  } finally {
121
- if (f) throw o;
121
+ if (f) throw i;
122
122
  }
123
123
  }
124
124
  return l;
@@ -131,21 +131,28 @@
131
131
  * Watches a React ref element for changes in size.
132
132
  *
133
133
  * @param ref - The React ref to observe size changes on
134
- */ var f = function t(n) {
134
+ */ var f = function t(n, i) {
135
135
  var o = (0, e.useState)({
136
136
  width: 0,
137
137
  height: 0
138
- }), i = r(o, 2), u = i[0], l = i[1];
138
+ }), u = r(o, 2), l = u[0], a = u[1];
139
139
  (0, e.useEffect)((function() {
140
140
  var e = n.current;
141
141
  if (typeof window !== "undefined" && window.ResizeObserver) {
142
142
  var r = new ResizeObserver((function(e) {
143
143
  if (e[0]) {
144
144
  var r, t;
145
- l({
145
+ var o = {
146
146
  width: (n === null || n === void 0 ? void 0 : (r = n.current) === null || r === void 0 ? void 0 : r.getBoundingClientRect().width) || 0,
147
147
  height: (n === null || n === void 0 ? void 0 : (t = n.current) === null || t === void 0 ? void 0 : t.getBoundingClientRect().height) || 0
148
- });
148
+ };
149
+ a((function(e) {
150
+ if (e.height !== o.height || e.width !== o.width) {
151
+ i === null || i === void 0 ? void 0 : i(o);
152
+ return o;
153
+ }
154
+ return l;
155
+ }));
149
156
  }
150
157
  }));
151
158
  if (e) {
@@ -160,7 +167,7 @@
160
167
  // Return a no-op function to satisfy consistent-return rule
161
168
  return function() {};
162
169
  }), [ n ]);
163
- return u;
170
+ return l;
164
171
  };
165
172
  /* harmony default export */ const c = f;
166
173
  }) // CONCATENATED MODULE: ./src/useResizeObserver/index.ts
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
3
- export default function FileIcon(props: SVGPropsOptionalViewBox): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
3
- export default function FileIconCloud(props: SVGPropsOptionalViewBox): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
3
- export default function PaperClip(props: SVGPropsOptionalViewBox): React.JSX.Element;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export default function Retry(): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
3
- export default function Trash(props: SVGPropsOptionalViewBox): React.JSX.Element;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const FormRowsPlusIcon: () => React.JSX.Element;
3
- export default FormRowsPlusIcon;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const CrossIcon: () => React.JSX.Element;
3
- export default CrossIcon;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare function Compact(): React.JSX.Element;
3
- export default Compact;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare function DockedHeaderScrollbar(): React.JSX.Element;
3
- export default DockedHeaderScrollbar;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import { SVGPropsOptionalViewBox } from '@splunk/react-icons/SVGEnterprise';
3
- declare function InfoCircle(props: SVGPropsOptionalViewBox): React.JSX.Element;
4
- export default InfoCircle;