@splunk/react-ui 5.3.0 → 5.4.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 (60) hide show
  1. package/Accordion.js +31 -31
  2. package/Avatar.js +13 -13
  3. package/Breadcrumbs.js +66 -63
  4. package/ButtonSimple.js +52 -52
  5. package/CHANGELOG.md +16 -0
  6. package/CardLayout.js +39 -36
  7. package/Clickable.js +5 -6
  8. package/Code.js +424 -528
  9. package/CollapsiblePanel.js +1 -1
  10. package/Color.js +903 -1025
  11. package/DefinitionList.js +1 -1
  12. package/FormRows.js +13 -11
  13. package/JSONTree.js +682 -1408
  14. package/Link.js +5 -5
  15. package/Markdown.js +9 -5
  16. package/Menu.js +72 -67
  17. package/Multiselect.js +2692 -2780
  18. package/Popover.js +201 -196
  19. package/Resize.js +11 -8
  20. package/ResultsMenu.js +913 -1030
  21. package/ScreenReaderContent.js +86 -130
  22. package/Scroll.js +366 -425
  23. package/Select.js +1741 -1832
  24. package/Slider.js +1 -1
  25. package/SlidingPanels.js +129 -127
  26. package/StepBar.js +123 -97
  27. package/Switch.js +115 -111
  28. package/TabBar.js +10 -10
  29. package/Table.js +1239 -1240
  30. package/TextArea.js +596 -684
  31. package/Tree.js +638 -682
  32. package/package.json +11 -11
  33. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +1 -5
  34. package/types/src/Breadcrumbs/BreadcrumbsContext.d.ts +7 -0
  35. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  36. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  37. package/types/src/JSONTree/JSONTreeItem.d.ts +1 -1
  38. package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
  39. package/types/src/Modal/ModalContext.d.ts +1 -1
  40. package/types/src/Multiselect/Compact.d.ts +2 -2
  41. package/types/src/Multiselect/Normal.d.ts +2 -2
  42. package/types/src/Number/utils.d.ts +1 -1
  43. package/types/src/Popover/getPlacement.d.ts +1 -1
  44. package/types/src/RadioList/Option.d.ts +1 -1
  45. package/types/src/RadioList/RadioListContext.d.ts +1 -1
  46. package/types/src/StepBar/StepBar.d.ts +4 -1
  47. package/types/src/StepBar/StepBarContext.d.ts +1 -0
  48. package/types/src/StepBar/docs/examples/Vertical.d.ts +6 -0
  49. package/types/src/Switch/Switch.d.ts +7 -1
  50. package/types/src/TabBar/Tab.d.ts +3 -1
  51. package/types/src/TabBar/docs/examples/Icons.d.ts +4 -0
  52. package/types/src/TabBar/docs/examples/Tooltips.d.ts +3 -0
  53. package/types/src/TabLayout/Panel.d.ts +2 -0
  54. package/types/src/Table/Head.d.ts +1 -1
  55. package/types/src/Table/Row.d.ts +1 -1
  56. package/types/src/Table/Table.d.ts +1 -0
  57. package/types/src/Tree/TreeContext.d.ts +1 -1
  58. package/useControlled.js +61 -97
  59. package/usePrevious.js +30 -62
  60. package/useResizeObserver.js +95 -127
package/DefinitionList.js CHANGED
@@ -122,7 +122,7 @@
122
122
  componentId: "sc-1pqfrgm-2"
123
123
  })([ "", "" ], (0, d.pickVariant)("$layout", {
124
124
  fixed: (0, l.css)([ "", ";", ";" ], d.mixins.reset("block"), d.mixins.typography("body")),
125
- auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content( ", " );column-gap:", ";row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.lineLength, d.variables.spacingXLarge, d.variables.spacingMedium),
125
+ auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content(", ");column-gap:", ";row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.lineLength, d.variables.spacingXLarge, d.variables.spacingMedium),
126
126
  stacked: (0, l.css)([ "", ";grid-template-columns:[definitionList] fit-content(", ");row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.spacingXSmall)
127
127
  }));
128
128
  // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
package/FormRows.js CHANGED
@@ -176,7 +176,7 @@
176
176
  }
177
177
  return r;
178
178
  }
179
- /** @public */ var A = {
179
+ /** @public */ var M = {
180
180
  children: a().node,
181
181
  index: a().number,
182
182
  onRequestRemove: a().func,
@@ -184,7 +184,7 @@
184
184
  style: a().object,
185
185
  value: a().node
186
186
  };
187
- var M = (0, s._)("Remove row");
187
+ var A = (0, s._)("Remove row");
188
188
  var T = t().forwardRef((function(e, n) {
189
189
  var o = e.children, a = e.index, i = e.onRequestRemove, l = e.renderDragHandle, s = _(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
190
190
  var u = (0, r.useContext)(d), c = u.disabledRemoveButton, f = u.hasOnRequestAdd, v = u.sortable;
@@ -208,13 +208,13 @@
208
208
  ref: n
209
209
  }, s), l && l(), t().createElement(C, null, o), p && t().createElement(w, {
210
210
  appearance: "subtle",
211
- "aria-label": M,
211
+ "aria-label": A,
212
212
  "data-test": "remove",
213
213
  disabled: c,
214
214
  onClick: m
215
215
  }, t().createElement(P(), null)));
216
216
  }));
217
- T.propTypes = A;
217
+ T.propTypes = M;
218
218
  /* harmony default export */ const N = T;
219
219
  // CONCATENATED MODULE: external "@dnd-kit/sortable"
220
220
  const B = require("@dnd-kit/sortable");
@@ -620,18 +620,20 @@
620
620
  }), [ f ]);
621
621
  var b = f !== undefined && !i;
622
622
  var g = c !== undefined;
623
+ var y = (0, r.useMemo)((function() {
624
+ return {
625
+ disabledRemoveButton: i,
626
+ onKeyDown: m,
627
+ hasOnRequestAdd: g,
628
+ sortable: b
629
+ };
630
+ }), [ i, m, g, b ]);
623
631
 
624
632
  return t().createElement(R, se({
625
633
  ref: l,
626
634
  "data-test": "form-rows"
627
635
  }, v), t().createElement(d.Provider, {
628
- // eslint-disable-next-line react/jsx-no-constructed-context-values
629
- value: {
630
- disabledRemoveButton: i,
631
- onKeyDown: m,
632
- hasOnRequestAdd: g,
633
- sortable: b
634
- }
636
+ value: y
635
637
  }, s && t().createElement(O, null, s), t().createElement(le, {
636
638
  onSortEnd: p
637
639
  }, a), u && t().createElement(j, null, u) || g && t().createElement(S, {