@splunk/react-ui 4.29.0 → 4.31.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 (206) hide show
  1. package/Accordion.js +1 -0
  2. package/CHANGELOG.md +39 -3
  3. package/Card.js +17 -17
  4. package/Chip.js +5 -5
  5. package/Clickable.js +107 -87
  6. package/Code.js +10 -22
  7. package/CollapsiblePanel.js +8 -8
  8. package/ComboBox.js +43 -38
  9. package/Date.js +6 -6
  10. package/Divider.js +96 -45
  11. package/DualListbox.js +1 -1
  12. package/Link.js +77 -75
  13. package/MIGRATION.mdx +51 -1
  14. package/Markdown.js +10 -9
  15. package/Menu.js +5 -5
  16. package/Message.js +160 -149
  17. package/ModalLayer.js +2 -1
  18. package/Multiselect.js +9 -6
  19. package/Number.js +19 -18
  20. package/Paginator.js +239 -223
  21. package/RadioBar.js +43 -39
  22. package/ResultsMenu.js +14 -11
  23. package/Search.js +227 -220
  24. package/Select.js +77 -72
  25. package/SidePanel.js +1 -1
  26. package/StepBar.js +1 -1
  27. package/Table.js +2082 -1594
  28. package/Text.js +1 -0
  29. package/TextArea.d.ts +1 -1
  30. package/cypress/support/component.ts +2 -2
  31. package/package.json +21 -20
  32. package/test-runner-jest.config.js +1 -0
  33. package/types/src/Accordion/Accordion.d.ts +3 -7
  34. package/types/src/Accordion/Panel.d.ts +2 -2
  35. package/types/src/Anchor/Anchor.d.ts +1 -1
  36. package/types/src/AnimationToggle/AnimationToggle.d.ts +3 -3
  37. package/types/src/Box/Box.d.ts +1 -1
  38. package/types/src/Breadcrumbs/Breadcrumbs.d.ts +4 -4
  39. package/types/src/Breadcrumbs/Item.d.ts +1 -1
  40. package/types/src/Button/Button.d.ts +5 -5
  41. package/types/src/ButtonGroup/ButtonGroup.d.ts +1 -1
  42. package/types/src/ButtonSimple/ButtonSimple.d.ts +10 -10
  43. package/types/src/Calendar/Calendar.d.ts +3 -3
  44. package/types/src/Calendar/DateTable.d.ts +2 -2
  45. package/types/src/Calendar/Day.d.ts +3 -3
  46. package/types/src/Calendar/MonthHeader.d.ts +6 -6
  47. package/types/src/Card/Body.d.ts +1 -1
  48. package/types/src/Card/Card.d.ts +6 -6
  49. package/types/src/Card/Footer.d.ts +1 -1
  50. package/types/src/Card/Header.d.ts +1 -1
  51. package/types/src/CardLayout/CardLayout.d.ts +4 -4
  52. package/types/src/Chip/Chip.d.ts +5 -5
  53. package/types/src/Clickable/Clickable.d.ts +12 -4
  54. package/types/src/Clickable/NavigationProvider.d.ts +26 -5
  55. package/types/src/CloseButton/CloseButton.d.ts +1 -1
  56. package/types/src/Code/Code.d.ts +2 -2
  57. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +9 -5
  58. package/types/src/CollapsiblePanel/SingleOpenPanelGroup.d.ts +2 -2
  59. package/types/src/CollapsiblePanel/docs/examples/SingleOpenPanelGroupInset.d.ts +2 -0
  60. package/types/src/CollapsiblePanel/icons/ExpandPanel.d.ts +1 -1
  61. package/types/src/Color/Color.d.ts +8 -8
  62. package/types/src/Color/Swatch.d.ts +2 -2
  63. package/types/src/ColumnLayout/Column.d.ts +1 -1
  64. package/types/src/ColumnLayout/ColumnLayout.d.ts +1 -1
  65. package/types/src/ColumnLayout/Row.d.ts +1 -1
  66. package/types/src/ComboBox/ComboBox.d.ts +7 -6
  67. package/types/src/ComboBox/Option.d.ts +3 -3
  68. package/types/src/Concertina/Concertina.d.ts +2 -2
  69. package/types/src/Concertina/Heading.d.ts +3 -3
  70. package/types/src/Concertina/Panel.d.ts +4 -4
  71. package/types/src/Concertina/types.d.ts +1 -1
  72. package/types/src/ControlGroup/ControlGroup.d.ts +5 -5
  73. package/types/src/Date/Date.d.ts +10 -10
  74. package/types/src/DefinitionList/DefinitionList.d.ts +2 -2
  75. package/types/src/DefinitionList/Description.d.ts +1 -1
  76. package/types/src/DefinitionList/Term.d.ts +1 -1
  77. package/types/src/Divider/Divider.d.ts +7 -2
  78. package/types/src/Divider/docs/examples/Decorative.d.ts +2 -0
  79. package/types/src/Dropdown/Dropdown.d.ts +10 -10
  80. package/types/src/DualListbox/DualListbox.d.ts +4 -4
  81. package/types/src/DualListbox/DualListboxContext.d.ts +7 -7
  82. package/types/src/DualListbox/Label.d.ts +2 -2
  83. package/types/src/DualListbox/Listbox.d.ts +4 -4
  84. package/types/src/DualListbox/ListboxContext.d.ts +3 -3
  85. package/types/src/DualListbox/Option.d.ts +2 -2
  86. package/types/src/DualListbox/ToolbarButton.d.ts +3 -3
  87. package/types/src/DualListbox/ToolbarContext.d.ts +3 -3
  88. package/types/src/EventListener/EventListener.d.ts +1 -1
  89. package/types/src/File/File.d.ts +8 -8
  90. package/types/src/File/Item.d.ts +2 -2
  91. package/types/src/FormRows/FormRows.d.ts +6 -6
  92. package/types/src/FormRows/Row.d.ts +2 -2
  93. package/types/src/FormRows/RowInternal.d.ts +1 -1
  94. package/types/src/FormRows/SortableList.d.ts +1 -1
  95. package/types/src/FormRows/SortableRow.d.ts +3 -3
  96. package/types/src/Heading/Heading.d.ts +2 -2
  97. package/types/src/Image/Image.d.ts +2 -2
  98. package/types/src/JSONTree/JSONTree.d.ts +6 -6
  99. package/types/src/JSONTree/JSONTreeItem.d.ts +3 -3
  100. package/types/src/JSONTree/renderTreeItems.d.ts +1 -1
  101. package/types/src/Layer/Layer.d.ts +3 -3
  102. package/types/src/Link/Link.d.ts +4 -4
  103. package/types/src/List/Item.d.ts +1 -1
  104. package/types/src/List/List.d.ts +3 -3
  105. package/types/src/Markdown/Markdown.d.ts +18 -12
  106. package/types/src/Markdown/renderers/MarkdownAnchorHeading.d.ts +1 -1
  107. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
  108. package/types/src/Markdown/renderers/MarkdownCode.d.ts +1 -1
  109. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
  110. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  111. package/types/src/Markdown/renderers/MarkdownImage.d.ts +1 -1
  112. package/types/src/Markdown/renderers/MarkdownItem.d.ts +1 -1
  113. package/types/src/Markdown/renderers/MarkdownLink.d.ts +1 -1
  114. package/types/src/Markdown/renderers/MarkdownList.d.ts +3 -3
  115. package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +1 -1
  116. package/types/src/Menu/Divider.d.ts +1 -1
  117. package/types/src/Menu/Heading.d.ts +1 -1
  118. package/types/src/Menu/Item.d.ts +10 -10
  119. package/types/src/Menu/Menu.d.ts +9 -9
  120. package/types/src/Message/Link.d.ts +3 -3
  121. package/types/src/Message/Message.d.ts +1 -1
  122. package/types/src/MessageBar/MessageBar.d.ts +2 -2
  123. package/types/src/Modal/Body.d.ts +1 -1
  124. package/types/src/Modal/Footer.d.ts +1 -1
  125. package/types/src/Modal/Header.d.ts +1 -1
  126. package/types/src/Modal/Modal.d.ts +4 -4
  127. package/types/src/ModalLayer/ModalLayer.d.ts +3 -3
  128. package/types/src/Monogram/Monogram.d.ts +5 -5
  129. package/types/src/Multiselect/Compact.d.ts +2 -2
  130. package/types/src/Multiselect/Multiselect.d.ts +7 -7
  131. package/types/src/Multiselect/Normal.d.ts +2 -2
  132. package/types/src/Multiselect/Option.d.ts +3 -3
  133. package/types/src/Multiselect/docs/examples/Fetching.d.ts +1 -1
  134. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +1 -1
  135. package/types/src/Number/Number.d.ts +22 -22
  136. package/types/src/Paginator/Button.d.ts +3 -3
  137. package/types/src/Paginator/Compact.d.ts +4 -4
  138. package/types/src/Paginator/PageControl.d.ts +2 -2
  139. package/types/src/Paginator/PageSelect.d.ts +2 -2
  140. package/types/src/Paginator/Paginator.d.ts +2 -2
  141. package/types/src/Paragraph/Paragraph.d.ts +1 -1
  142. package/types/src/Popover/Popover.d.ts +11 -11
  143. package/types/src/Popover/PopoverHitArea.d.ts +1 -1
  144. package/types/src/Progress/Progress.d.ts +1 -1
  145. package/types/src/RadioBar/Option.d.ts +8 -4
  146. package/types/src/RadioBar/RadioBar.d.ts +8 -8
  147. package/types/src/RadioList/Option.d.ts +1 -1
  148. package/types/src/RadioList/RadioList.d.ts +3 -3
  149. package/types/src/Resize/Resize.d.ts +4 -4
  150. package/types/src/Resize/docs/examples/Basic.d.ts +2 -0
  151. package/types/src/ResultsMenu/ResultsMenu.d.ts +7 -5
  152. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedItem.d.ts +1 -1
  153. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  154. package/types/src/ResultsMenu/VirtualizedResultsMenu/injectVirtualizedItem.d.ts +2 -2
  155. package/types/src/ScreenReaderContent/ScreenReaderContent.d.ts +2 -2
  156. package/types/src/Scroll/Inner.d.ts +3 -3
  157. package/types/src/Scroll/Scroll.d.ts +2 -2
  158. package/types/src/Search/Option.d.ts +8 -8
  159. package/types/src/Search/Search.d.ts +4 -4
  160. package/types/src/Select/Option.d.ts +2 -2
  161. package/types/src/Select/OptionBase.d.ts +8 -8
  162. package/types/src/Select/Select.d.ts +5 -5
  163. package/types/src/Select/SelectAllOption.d.ts +1 -1
  164. package/types/src/Select/SelectBase.d.ts +9 -8
  165. package/types/src/SidePanel/SidePanel.d.ts +3 -3
  166. package/types/src/Slider/Slider.d.ts +8 -8
  167. package/types/src/SlidingPanels/Panel.d.ts +2 -2
  168. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
  169. package/types/src/SplitButton/Item.d.ts +2 -2
  170. package/types/src/SplitButton/SplitButton.d.ts +1 -1
  171. package/types/src/StaticContent/StaticContent.d.ts +1 -1
  172. package/types/src/StepBar/Step.d.ts +1 -1
  173. package/types/src/StepBar/StepBar.d.ts +1 -1
  174. package/types/src/Switch/Switch.d.ts +4 -8
  175. package/types/src/TabBar/Tab.d.ts +7 -8
  176. package/types/src/TabBar/TabBar.d.ts +5 -5
  177. package/types/src/TabLayout/Panel.d.ts +2 -2
  178. package/types/src/TabLayout/TabLayout.d.ts +3 -3
  179. package/types/src/Table/Body.d.ts +4 -8
  180. package/types/src/Table/Caption.d.ts +2 -2
  181. package/types/src/Table/Cell.d.ts +3 -3
  182. package/types/src/Table/DragHandle.d.ts +1 -1
  183. package/types/src/Table/Head.d.ts +6 -6
  184. package/types/src/Table/HeadCell.d.ts +9 -9
  185. package/types/src/Table/HeadDropdownCell.d.ts +11 -11
  186. package/types/src/Table/HeadInner.d.ts +5 -5
  187. package/types/src/Table/HeadTable.d.ts +2 -2
  188. package/types/src/Table/KeyboardSensor.d.ts +79 -0
  189. package/types/src/Table/Row.d.ts +12 -14
  190. package/types/src/Table/RowDragCell.d.ts +9 -40
  191. package/types/src/Table/Table.d.ts +12 -10
  192. package/types/src/Table/Toggle.d.ts +1 -1
  193. package/types/src/Table/docs/examples/FilterColumnValues.d.ts +1 -1
  194. package/types/src/Text/Text.d.ts +13 -11
  195. package/types/src/TextArea/TextArea.d.ts +10 -10
  196. package/types/src/Tooltip/Tooltip.d.ts +9 -9
  197. package/types/src/TransitionOpen/TransitionOpen.d.ts +2 -2
  198. package/types/src/Tree/Tree.d.ts +3 -3
  199. package/types/src/Tree/TreeItem.d.ts +4 -4
  200. package/types/src/Typography/Typography.d.ts +5 -5
  201. package/types/src/WaitSpinner/WaitSpinner.d.ts +1 -1
  202. package/types/src/fixtures/FetchOptions.d.ts +2 -2
  203. package/types/src/useKeyPress/index.d.ts +2 -2
  204. package/types/src/utils/types.d.ts +4 -4
  205. package/types/src/Divider/docs/examples/AriaHidden.d.ts +0 -2
  206. package/types/src/Resize/docs/examples/Typical.d.ts +0 -2
package/Number.js CHANGED
@@ -83,10 +83,10 @@
83
83
  var f = e.n(d);
84
84
  // CONCATENATED MODULE: external "@splunk/themes"
85
85
  const v = require("@splunk/themes");
86
- // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
87
- const m = require("@splunk/ui-utils/keyboard");
88
86
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
89
- const h = require("@splunk/ui-utils/i18n");
87
+ const m = require("@splunk/ui-utils/i18n");
88
+ // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
89
+ const h = require("@splunk/ui-utils/keyboard");
90
90
  // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
91
91
  const b = require("@splunk/react-icons/SVGEnterprise");
92
92
  var y = e.n(b);
@@ -163,7 +163,7 @@
163
163
  enterprise: "calc(50% + 1.5px)",
164
164
  prisma: "50%"
165
165
  }));
166
- var D = x()(w()).withConfig({
166
+ var N = x()(w()).withConfig({
167
167
  displayName: "NumberStyles__StyledPlusButton",
168
168
  componentId: "sc-2ekj9s-2"
169
169
  })([ "", ";top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
@@ -179,7 +179,7 @@
179
179
  dark: (0, S.css)([ "border-color:", ";" ], v.variables.gray20)
180
180
  }
181
181
  }));
182
- var N = x()(w()).withConfig({
182
+ var D = x()(w()).withConfig({
183
183
  displayName: "NumberStyles__StyledMinusButton",
184
184
  componentId: "sc-2ekj9s-3"
185
185
  })([ "", ";bottom:1px;border-top-left-radius:0;border-top-right-radius:0;", " &:not([disabled]){&,&:hover{", ";}}" ], E, (function(e) {
@@ -492,29 +492,29 @@
492
492
  }));
493
493
  Q(H(n), "handleKeyDown", (function(e) {
494
494
  var t, r;
495
- if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, m.addsCharacter)(e.nativeEvent) !== false) {
495
+ if (!e.metaKey && !e.ctrlKey && !e.altKey && (0, h.addsCharacter)(e.nativeEvent) !== false) {
496
496
  // only allow numbers, negative and decimals
497
- if (!(0, m.isNumeric)(e.nativeEvent, {
497
+ if (!(0, h.isNumeric)(e.nativeEvent, {
498
498
  locale: n.props.locale
499
499
  })) {
500
500
  e.preventDefault();
501
501
  }
502
502
  // if minus is not allowed or there is already one, prevent input
503
- if ((0, m.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
503
+ if ((0, h.isMinus)(e.nativeEvent) && (n.preventNegativeNumbers() || n.state.stringValue.indexOf("-") >= 0)) {
504
504
  e.preventDefault();
505
505
  }
506
506
  // if decimal is not allowed or there is already one, prevent input
507
- if ((0, m.isDecimal)(e.nativeEvent, {
507
+ if ((0, h.isDecimal)(e.nativeEvent, {
508
508
  locale: n.props.locale
509
509
  }) && (n.props.roundTo <= 0 || n.state.stringValue.indexOf(n.props.locale) >= 0)) {
510
510
  e.preventDefault();
511
511
  }
512
512
  }
513
513
  // Arrow up and down will increment
514
- if ((0, m.keycode)(e.nativeEvent) === "up") {
514
+ if ((0, h.keycode)(e.nativeEvent) === "up") {
515
515
  n.increment(e, n.props.step);
516
516
  e.preventDefault();
517
- } else if ((0, m.keycode)(e.nativeEvent) === "down") {
517
+ } else if ((0, h.keycode)(e.nativeEvent) === "down") {
518
518
  n.increment(e, -n.props.step);
519
519
  e.preventDefault();
520
520
  }
@@ -522,7 +522,7 @@
522
522
  }));
523
523
  Q(H(n), "handleKeyUp", (function(e) {
524
524
  var t, r;
525
- if ((0, m.keycode)(e.nativeEvent) === "enter") {
525
+ if ((0, h.keycode)(e.nativeEvent) === "enter") {
526
526
  n.updateString();
527
527
  }
528
528
  (t = (r = n.props).onKeyUp) === null || t === void 0 ? void 0 : t.call(r, e);
@@ -656,7 +656,7 @@
656
656
  key: "render",
657
657
  value: function e() {
658
658
  var t = this;
659
- var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, m = r.min, b = r.prepend, y = r.splunkTheme;
659
+ var r = this.props, o = r.append, i = r.describedBy, a = r.disabled, l = r.error, s = r.hideStepButtons, p = r.inline, c = r.value, d = c === void 0 ? this.state.value : c, v = r.max, h = r.min, b = r.prepend, y = r.splunkTheme;
660
660
  var g = f()(this.props, [ "defaultValue", "hideStepButtons", "max", "min", "roundTo", "spellCheck", "step" ]);
661
661
  var S = y.isPrisma;
662
662
  var x = S ? {} : {
@@ -666,11 +666,11 @@
666
666
  inline: false
667
667
  };
668
668
  var O = d !== undefined && u()(d) && v !== undefined && u()(v) && d >= v;
669
- var w = d !== undefined && u()(d) && m !== undefined && u()(m) && d <= m;
669
+ var w = d !== undefined && u()(d) && h !== undefined && u()(h) && d <= h;
670
670
  var C = n().createElement(k, {
671
671
  width: "6px",
672
672
  height: "4px",
673
- screenReaderText: (0, h._)("Increment")
673
+ screenReaderText: (0, m._)("Increment")
674
674
  });
675
675
  var j = R({
676
676
  "data-test": "increment",
@@ -678,11 +678,11 @@
678
678
  onClick: this.handleIncrement,
679
679
  tabIndex: -1
680
680
  }, x);
681
- var P = S ? n().createElement(I, j, C) : n().createElement(D, j, C);
681
+ var P = S ? n().createElement(I, j, C) : n().createElement(N, j, C);
682
682
  var V = n().createElement(k, {
683
683
  width: "6px",
684
684
  height: "4px",
685
- screenReaderText: (0, h._)("Decrement"),
685
+ screenReaderText: (0, m._)("Decrement"),
686
686
  style: {
687
687
  transform: "rotateX(180deg)"
688
688
  }
@@ -693,7 +693,7 @@
693
693
  onClick: this.handleDecrement,
694
694
  tabIndex: -1
695
695
  }, x);
696
- var B = S ? n().createElement(q, E, V) : n().createElement(N, E, V);
696
+ var B = S ? n().createElement(q, E, V) : n().createElement(D, E, V);
697
697
  var K = o && !b;
698
698
  var M = (!a || S) && K && !s && n().createElement(_, {
699
699
  $isAppend: K
@@ -730,6 +730,7 @@
730
730
  }(r.Component);
731
731
  Q(ee, "propTypes", W);
732
732
  Q(ee, "defaultProps", Z);
733
+ Q(ee, "displayName", "Number");
733
734
  Q(ee, "getDerivedStateFromProps", (function(e, t) {
734
735
  if (l()(e, "value") && e.value !== t.prevValueProp) {
735
736
  var r = ee.stringToNumber(t.stringValue, e);