@splunk/react-ui 5.0.0 → 5.1.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 (94) hide show
  1. package/Accordion.js +59 -59
  2. package/Avatar.js +20 -20
  3. package/Breadcrumbs.js +46 -46
  4. package/Button.js +24 -24
  5. package/CHANGELOG.md +21 -2
  6. package/Calendar.js +69 -69
  7. package/Card.js +68 -68
  8. package/Chip.js +16 -16
  9. package/Clickable.js +29 -29
  10. package/Code.js +654 -519
  11. package/CollapsiblePanel.js +112 -112
  12. package/Color.js +107 -107
  13. package/ColumnLayout.js +35 -35
  14. package/ComboBox.js +190 -206
  15. package/ControlGroup.js +128 -120
  16. package/Date.js +148 -146
  17. package/DefinitionList.js +26 -26
  18. package/DualListbox.js +701 -717
  19. package/File.js +403 -403
  20. package/FormRows.js +66 -63
  21. package/Image.js +15 -15
  22. package/JSONTree.js +458 -357
  23. package/Layer.js +60 -72
  24. package/Markdown.js +66 -66
  25. package/Menu.js +44 -44
  26. package/Modal.js +49 -49
  27. package/ModalLayer.js +6 -6
  28. package/Monogram.js +16 -16
  29. package/Multiselect.js +622 -624
  30. package/Number.js +100 -100
  31. package/Paginator.js +7 -7
  32. package/Popover.js +453 -407
  33. package/Progress.js +12 -12
  34. package/Prose.js +6 -6
  35. package/RadioBar.js +180 -166
  36. package/RadioList.js +80 -79
  37. package/ResultsMenu.js +15 -15
  38. package/Scroll.js +50 -50
  39. package/Search.js +148 -164
  40. package/Select.js +668 -670
  41. package/Slider.js +30 -30
  42. package/SlidingPanels.js +24 -24
  43. package/SplitButton.js +50 -50
  44. package/StepBar.js +100 -100
  45. package/Switch.js +45 -45
  46. package/TabBar.js +196 -196
  47. package/TabLayout.js +16 -16
  48. package/Table.js +1207 -1193
  49. package/Text.js +65 -65
  50. package/TextArea.js +108 -93
  51. package/Tooltip.js +203 -197
  52. package/Tree.js +464 -366
  53. package/package.json +6 -6
  54. package/stubs-dependencies.d.ts +0 -70
  55. package/stubs-splunkui.d.ts +4 -0
  56. package/types/src/Code/Code.d.ts +17 -1
  57. package/types/src/Code/LineHighlights.d.ts +11 -0
  58. package/types/src/Code/LineNumbers.d.ts +6 -0
  59. package/types/src/Code/docs/examples/LineHighlights.d.ts +3 -0
  60. package/types/src/Code/docs/examples/LineNumbers.d.ts +3 -0
  61. package/types/src/Code/docs/examples/LineNumbersCustomStart.d.ts +3 -0
  62. package/types/src/Date/Date.d.ts +6 -1
  63. package/types/src/DefinitionList/DefinitionList.d.ts +6 -6
  64. package/types/src/FormRows/FormRows.d.ts +1 -1
  65. package/types/src/JSONTree/JSONTreeItem.d.ts +5 -2
  66. package/types/src/Markdown/Markdown.d.ts +1 -1
  67. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +1 -1
  68. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +1 -1
  69. package/types/src/Markdown/renderers/index.d.ts +1 -1
  70. package/types/src/Popover/Popover.d.ts +1 -1
  71. package/types/src/RadioBar/Option.d.ts +1 -1
  72. package/types/src/RadioBar/RadioBar.d.ts +13 -6
  73. package/types/src/RadioBar/RadioBarContext.d.ts +4 -2
  74. package/types/src/RadioList/RadioList.d.ts +2 -1
  75. package/types/src/ScreenReaderContent/docs/examples/SkipLink.d.ts +3 -0
  76. package/types/src/Scroll/Inner.d.ts +1 -1
  77. package/types/src/Select/Option.d.ts +1 -1
  78. package/types/src/Select/Select.d.ts +1 -1
  79. package/types/src/Slider/docs/examples/Controlled.d.ts +1 -1
  80. package/types/src/TabLayout/Panel.d.ts +0 -1
  81. package/types/src/Table/Head.d.ts +1 -0
  82. package/types/src/Table/HeadCell.d.ts +2 -3
  83. package/types/src/Table/HeadDropdownCell.d.ts +2 -2
  84. package/types/src/Table/HeadInner.d.ts +4 -4
  85. package/types/src/Table/KeyboardSensor.d.ts +1 -1
  86. package/types/src/Table/RowDragCell.d.ts +1 -1
  87. package/types/src/Tooltip/Tooltip.d.ts +10 -5
  88. package/types/src/Tree/Item.d.ts +63 -0
  89. package/types/src/Tree/Tree.d.ts +13 -6
  90. package/types/src/Tree/TreeContext.d.ts +1 -1
  91. package/types/src/Tree/index.d.ts +1 -1
  92. package/types/src/useControlled/useControlled.d.ts +3 -1
  93. package/useControlled.js +29 -13
  94. package/types/src/Tree/TreeItem.d.ts +0 -44
package/Progress.js CHANGED
@@ -66,11 +66,11 @@
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const t = require("react");
68
68
  var n = e.n(t);
69
- // CONCATENATED MODULE: external "prop-types"
70
- const o = require("prop-types");
71
- var i = e.n(o);
72
69
  // CONCATENATED MODULE: external "lodash/isNumber"
73
- const a = require("lodash/isNumber");
70
+ const o = require("lodash/isNumber");
71
+ var i = e.n(o);
72
+ // CONCATENATED MODULE: external "prop-types"
73
+ const a = require("prop-types");
74
74
  var s = e.n(a);
75
75
  // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
76
76
  const l = require("@splunk/react-ui/AnimationToggle");
@@ -102,7 +102,7 @@
102
102
  var r = e.$animated, t = e.$type;
103
103
  // Animated is only supported for the info type.
104
104
  // This is enforced in the component and duplicating here
105
- return r && t === "info" ? (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.notificationColorInfoWeak, d.variables.notificationColorInfo, b) : (0,
105
+ return r && t === "info" ? (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.notificationColorInfoStrong, d.variables.notificationColorInfo, b) : (0,
106
106
  c.css)([ "background:", ";" ], (0, d.pickVariant)("$type", {
107
107
  info: d.variables.notificationColorInfo,
108
108
  success: d.variables.notificationColorPositive,
@@ -212,13 +212,13 @@
212
212
  return t;
213
213
  }
214
214
  var $ = {
215
- elementRef: i().oneOfType([ i().func, i().object ]),
216
- percentage: i().number,
217
- tooltip: i().node,
218
- type: i().oneOf([ "info", "success", "error" ])
215
+ elementRef: s().oneOfType([ s().func, s().object ]),
216
+ percentage: s().number,
217
+ tooltip: s().node,
218
+ type: s().oneOf([ "info", "success", "error" ])
219
219
  };
220
220
  function I(e) {
221
- var r = e.elementRef, o = e.percentage, i = e.tooltip, a = e.type, c = a === void 0 ? "info" : a, u = j(e, [ "elementRef", "percentage", "tooltip", "type" ]);
221
+ var r = e.elementRef, o = e.percentage, a = e.tooltip, s = e.type, c = s === void 0 ? "info" : s, u = j(e, [ "elementRef", "percentage", "tooltip", "type" ]);
222
222
  // @docs-props-type ProgressPropsBase
223
223
  if (false) {}
224
224
  var f = (0, t.useState)(false), p = S(f, 2), d = p[0], v = p[1];
@@ -229,8 +229,8 @@
229
229
  var k = (0, t.useCallback)((function() {
230
230
  v(false);
231
231
  }), []);
232
- var w = s()(o) ? o : 0;
233
- var C = i || "".concat(w, "%");
232
+ var w = i()(o) ? o : 0;
233
+ var C = a || "".concat(w, "%");
234
234
 
235
235
  return n().createElement(y, h({
236
236
  onMouseEnter: O,
package/Prose.js CHANGED
@@ -75,10 +75,10 @@
75
75
  var c = e.n(l);
76
76
  // CONCATENATED MODULE: external "@splunk/react-ui/Heading"
77
77
  const u = require("@splunk/react-ui/Heading");
78
- // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
79
- const a = require("@splunk/react-ui/Paragraph");
80
78
  // CONCATENATED MODULE: external "@splunk/react-ui/List"
81
- const s = require("@splunk/react-ui/List");
79
+ const a = require("@splunk/react-ui/List");
80
+ // CONCATENATED MODULE: external "@splunk/react-ui/Paragraph"
81
+ const s = require("@splunk/react-ui/Paragraph");
82
82
  // CONCATENATED MODULE: external "@splunk/themes/mixins"
83
83
  const f = require("@splunk/themes/mixins");
84
84
  var p = e.n(f);
@@ -168,15 +168,15 @@
168
168
  return ("string" === r ? String : Number)(e);
169
169
  }
170
170
  var j = {
171
- p: a.StyledParagraph,
171
+ p: s.StyledParagraph,
172
172
  h1: u.StyledHeading,
173
173
  h2: u.StyledHeading,
174
174
  h3: u.StyledHeading,
175
175
  h4: u.StyledHeading,
176
176
  h5: u.StyledHeading,
177
177
  h6: u.StyledHeading,
178
- ul: s.StyledList,
179
- ol: s.StyledList
178
+ ul: a.StyledList,
179
+ ol: a.StyledList
180
180
  };
181
181
  var P = c().section.withConfig({
182
182
  displayName: "Prose__StyledProse",