@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/Accordion.js CHANGED
@@ -61,7 +61,7 @@
61
61
  e.r(n);
62
62
  // EXPORTS
63
63
  e.d(n, {
64
- Panel: () => /* reexport */ O,
64
+ Panel: () => /* reexport */ w,
65
65
  default: () => /* reexport */ V
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
@@ -76,16 +76,29 @@
76
76
  // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
77
77
  const u = require("@splunk/react-ui/usePrevious");
78
78
  var c = e.n(u);
79
- // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
80
- const s = require("@splunk/react-ui/CollapsiblePanel");
79
+ // CONCATENATED MODULE: external "styled-components"
80
+ const s = require("styled-components");
81
81
  var f = e.n(s);
82
+ // CONCATENATED MODULE: external "@splunk/react-ui/Box"
83
+ const d = require("@splunk/react-ui/Box");
84
+ var p = e.n(d);
85
+ // CONCATENATED MODULE: external "@splunk/themes"
86
+ const v = require("@splunk/themes");
87
+ // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
88
+ var y = f()(p()).withConfig({
89
+ displayName: "AccordionStyles__StyledBox",
90
+ componentId: "m39hyh-0"
91
+ })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
92
+ // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
93
+ const m = require("@splunk/react-ui/CollapsiblePanel");
94
+ var b = e.n(m);
82
95
  // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
83
- var d = (0, r.createContext)({});
84
- d.displayName = "Accordion";
85
- /* harmony default export */ const p = d;
96
+ var h = (0, r.createContext)({});
97
+ h.displayName = "Accordion";
98
+ /* harmony default export */ const g = h;
86
99
  // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
87
- function v() {
88
- return v = Object.assign ? Object.assign.bind() : function(e) {
100
+ function O() {
101
+ return O = Object.assign ? Object.assign.bind() : function(e) {
89
102
  for (var n = 1; n < arguments.length; n++) {
90
103
  var r = arguments[n];
91
104
  for (var t in r) {
@@ -93,11 +106,11 @@
93
106
  }
94
107
  }
95
108
  return e;
96
- }, v.apply(null, arguments);
109
+ }, O.apply(null, arguments);
97
110
  }
98
- function y(e, n) {
111
+ function P(e, n) {
99
112
  if (null == e) return {};
100
- var r, t, a = m(e, n);
113
+ var r, t, a = I(e, n);
101
114
  if (Object.getOwnPropertySymbols) {
102
115
  var o = Object.getOwnPropertySymbols(e);
103
116
  for (t = 0; t < o.length; t++) {
@@ -106,7 +119,7 @@
106
119
  }
107
120
  return a;
108
121
  }
109
- function m(e, n) {
122
+ function I(e, n) {
110
123
  if (null == e) return {};
111
124
  var r = {};
112
125
  for (var t in e) {
@@ -117,56 +130,43 @@
117
130
  }
118
131
  return r;
119
132
  }
120
- var b = {
133
+ var j = {
121
134
  description: o().string,
122
135
  elementRef: o().oneOfType([ o().func, o().object ]),
123
136
  inset: o().bool,
124
137
  panelId: o().any.isRequired,
125
138
  title: o().node.isRequired
126
139
  };
127
- var h = {
140
+ var S = {
128
141
  flexShrink: 1
129
142
  };
130
143
  /**
131
144
  * `Accordion.Panel` operates as a container component for content in an `Accordion`.
132
- */ function g(e) {
133
- var n = e.panelId, a = e.inset, o = y(e, [ "panelId", "inset" ]);
145
+ */ function C(e) {
146
+ var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
134
147
  // @docs-props-type AccordionPanelPropsBase
135
- var l = (0, r.useContext)(d), i = l.onChange, u = l.openPanelId, c = l.inset;
148
+ var l = (0, r.useContext)(h), i = l.onChange, u = l.openPanelId, c = l.inset;
136
149
  var s = u === n;
137
- var p = a !== undefined ? a : c;
150
+ var f = a !== undefined ? a : c;
138
151
  // Props are different based on controlled/uncontrolled
139
152
  // For controlled, onChange required prop for controlled cases and must be defined.
140
- var m = i ? {
153
+ var d = i ? {
141
154
  onChange: i,
142
155
  open: s
143
156
  } : {
144
157
  onChange: undefined
145
158
  };
146
159
 
147
- return t().createElement(f(), v({
160
+ return t().createElement(b(), O({
148
161
  panelId: n,
149
162
  "data-test": "panel",
150
- inset: p,
163
+ inset: f,
151
164
  "data-test-panel-id": n,
152
- style: h
153
- }, o, m));
165
+ style: S
166
+ }, o, d));
154
167
  }
155
- g.propTypes = b;
156
- /* harmony default export */ const O = g;
157
- // CONCATENATED MODULE: external "styled-components"
158
- const P = require("styled-components");
159
- var I = e.n(P);
160
- // CONCATENATED MODULE: external "@splunk/react-ui/Box"
161
- const j = require("@splunk/react-ui/Box");
162
- var S = e.n(j);
163
- // CONCATENATED MODULE: external "@splunk/themes"
164
- const C = require("@splunk/themes");
165
- // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
166
- var w = I()(S()).withConfig({
167
- displayName: "AccordionStyles__StyledBox",
168
- componentId: "m39hyh-0"
169
- })([ "", ";flex-direction:column;margin-bottom:0;" ], C.mixins.reset("flex"));
168
+ C.propTypes = j;
169
+ /* harmony default export */ const w = C;
170
170
  // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
171
171
  function q() {
172
172
  return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -263,11 +263,11 @@
263
263
  (0, r.useEffect)((function() {
264
264
  if (false) {}
265
265
  }), []);
266
- var v = c()(a);
266
+ var p = c()(a);
267
267
  (0, r.useEffect)((function() {
268
268
  if (false) {}
269
- }), [ a, v ]);
270
- var y = i()({
269
+ }), [ a, p ]);
270
+ var v = i()({
271
271
  componentName: "Accordion",
272
272
  /* eslint-disable-next-line prefer-rest-params */
273
273
  componentProps: arguments[0],
@@ -275,41 +275,41 @@
275
275
  defaultValuePropName: "defaultOpenPanelId",
276
276
  valuePropName: "openPanelId"
277
277
  });
278
- var m = (0, r.useState)(a), b = x(m, 2), h = b[0], g = b[1];
279
- var O = y ? f : h;
280
- var P = r.Children.toArray(n).filter(r.isValidElement);
278
+ var m = (0, r.useState)(a), b = x(m, 2), h = b[0], O = b[1];
279
+ var P = v ? f : h;
280
+ var I = r.Children.toArray(n).filter(r.isValidElement);
281
281
  // remove false, null, 0, etc
282
- var I = (0, r.useCallback)((function(e, n) {
282
+ var j = (0, r.useCallback)((function(e, n) {
283
283
  var r = n.panelId, t = n.reason;
284
284
  // if the open panel is clicked on, collapse it
285
- var a = O === r ? undefined : r;
286
- if (!y) {
287
- g(a);
285
+ var a = P === r ? undefined : r;
286
+ if (!v) {
287
+ O(a);
288
288
  }
289
289
  s === null || s === void 0 ? void 0 : s(e, {
290
290
  event: e,
291
291
  panelId: a,
292
292
  reason: t
293
293
  });
294
- }), [ y, s, O ]);
295
- var j = (0, r.useMemo)((function() {
294
+ }), [ v, s, P ]);
295
+ var S = (0, r.useMemo)((function() {
296
296
  return {
297
297
  inset: u,
298
- onChange: I,
299
- openPanelId: O
298
+ onChange: j,
299
+ openPanelId: P
300
300
  };
301
- }), [ I, u, O ]);
301
+ }), [ j, u, P ]);
302
302
 
303
- return t().createElement(w, q({
303
+ return t().createElement(y, q({
304
304
  "data-test": "accordion",
305
- "data-test-open-panel-id": O,
305
+ "data-test-open-panel-id": P,
306
306
  elementRef: o
307
- }, d), t().createElement(p.Provider, {
308
- value: j
309
- }, P));
307
+ }, d), t().createElement(g.Provider, {
308
+ value: S
309
+ }, I));
310
310
  }
311
311
  B.propTypes = N;
312
- B.Panel = O;
312
+ B.Panel = w;
313
313
  /* harmony default export */ const V = B;
314
314
  // CONCATENATED MODULE: ./src/Accordion/index.ts
315
315
  module.exports = n;
package/Avatar.js CHANGED
@@ -67,11 +67,11 @@
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const t = require("react");
69
69
  var n = e.n(t);
70
- // CONCATENATED MODULE: external "prop-types"
71
- const o = require("prop-types");
72
- var i = e.n(o);
73
70
  // CONCATENATED MODULE: external "lodash/omit"
74
- const a = require("lodash/omit");
71
+ const o = require("lodash/omit");
72
+ var i = e.n(o);
73
+ // CONCATENATED MODULE: external "prop-types"
74
+ const a = require("prop-types");
75
75
  var l = e.n(a);
76
76
  // CONCATENATED MODULE: external "@splunk/themes"
77
77
  const u = require("@splunk/themes");
@@ -377,17 +377,17 @@
377
377
  return t;
378
378
  }
379
379
  /** @public */ var K = {
380
- backgroundColor: i().oneOfType([ i().string, i().func ]),
381
- elementRef: i().oneOfType([ i().func, i().object ]),
382
- image: i().node,
383
- initials: i().string.isRequired,
384
- label: i().string.isRequired,
385
- onClick: i().func,
386
- size: i().oneOfType([ i().oneOf([ "small", "medium", "large" ]), i().string ]),
387
- to: i().string,
380
+ backgroundColor: l().oneOfType([ l().string, l().func ]),
381
+ elementRef: l().oneOfType([ l().func, l().object ]),
382
+ image: l().node,
383
+ initials: l().string.isRequired,
384
+ label: l().string.isRequired,
385
+ onClick: l().func,
386
+ size: l().oneOfType([ l().oneOf([ "small", "medium", "large" ]), l().string ]),
387
+ to: l().string,
388
388
  /** @private */
389
- textColor: i().oneOfType([ i().oneOf([ "auto" ]), i().string, i().func ]),
390
- value: i().string
389
+ textColor: l().oneOfType([ l().oneOf([ "auto" ]), l().string, l().func ]),
390
+ value: l().string
391
391
  };
392
392
  function F(e) {
393
393
  return !!e.onClick || !!e.to;
@@ -405,8 +405,8 @@
405
405
  return [ l, i ];
406
406
  }
407
407
  function Q(e) {
408
- var r = J(e), o = M(r, 2), i = o[0], a = o[1];
409
- var u = a.children, c = a.elementRef, s = a.value, f = a.onClick, d = a.to, v = U(a, [ "children", "elementRef", "value", "onClick", "to" ]);
408
+ var r = J(e), o = M(r, 2), a = o[0], l = o[1];
409
+ var u = l.children, c = l.elementRef, s = l.value, f = l.onClick, d = l.to, v = U(l, [ "children", "elementRef", "value", "onClick", "to" ]);
410
410
  var b = (0, t.useCallback)((function(e) {
411
411
  f === null || f === void 0 ? void 0 : f(e, {
412
412
  value: s
@@ -417,15 +417,15 @@
417
417
  elementRef: c,
418
418
  onClick: b,
419
419
  to: d
420
- }, i, l()(v, Object.keys(K))), u);
420
+ }, a, i()(v, Object.keys(K))), u);
421
421
  }
422
422
  function W(e) {
423
- var r = J(e), t = M(r, 2), o = t[0], i = t[1];
424
- var a = i.children, u = i.elementRef, c = U(i, [ "children", "elementRef" ]);
423
+ var r = J(e), t = M(r, 2), o = t[0], a = t[1];
424
+ var l = a.children, u = a.elementRef, c = U(a, [ "children", "elementRef" ]);
425
425
 
426
426
  return n().createElement(b, H({
427
427
  ref: u
428
- }, o, l()(c, Object.keys(K))), a);
428
+ }, o, i()(c, Object.keys(K))), l);
429
429
  }
430
430
  function X(e) {
431
431
  var r = e.backgroundColor, o = e.textColor, i = o === void 0 ? "auto" : o, a = e.initials, l = e.image, c = e.size, s = c === void 0 ? "medium" : c, f = U(e, [ "backgroundColor", "textColor", "initials", "image", "size" ]);
package/Breadcrumbs.js CHANGED
@@ -62,7 +62,7 @@
62
62
  // EXPORTS
63
63
  e.d(r, {
64
64
  BreadcrumbsContext: () => /* reexport */ j,
65
- Item: () => /* reexport */ g,
65
+ Item: () => /* reexport */ O,
66
66
  default: () => /* reexport */ x
67
67
  });
68
68
  // CONCATENATED MODULE: external "react"
@@ -78,17 +78,30 @@
78
78
  var c = e.n(i);
79
79
  // CONCATENATED MODULE: external "@splunk/themes"
80
80
  const u = require("@splunk/themes");
81
+ // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
82
+ var s = c().ol.withConfig({
83
+ displayName: "BreadcrumbsStyles__StyledList",
84
+ componentId: "sc-1maeyfk-0"
85
+ })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
86
+ var d = c().li.withConfig({
87
+ displayName: "BreadcrumbsStyles__StyledListItem",
88
+ componentId: "sc-1maeyfk-1"
89
+ })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
90
+ var f = c().span.withConfig({
91
+ displayName: "BreadcrumbsStyles__StyledSeparator",
92
+ componentId: "sc-1maeyfk-2"
93
+ })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
81
94
  // CONCATENATED MODULE: external "@splunk/react-ui/Link"
82
- const s = require("@splunk/react-ui/Link");
83
- var d = e.n(s);
95
+ const p = require("@splunk/react-ui/Link");
96
+ var m = e.n(p);
84
97
  // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
85
- var f = c()(d()).withConfig({
98
+ var b = c()(m()).withConfig({
86
99
  displayName: "ItemStyles__StyledLink",
87
100
  componentId: "sc-1ywtawf-0"
88
101
  })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
89
102
  // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
90
- function p() {
91
- return p = Object.assign ? Object.assign.bind() : function(e) {
103
+ function v() {
104
+ return v = Object.assign ? Object.assign.bind() : function(e) {
92
105
  for (var r = 1; r < arguments.length; r++) {
93
106
  var n = arguments[r];
94
107
  for (var t in n) {
@@ -96,11 +109,11 @@
96
109
  }
97
110
  }
98
111
  return e;
99
- }, p.apply(null, arguments);
112
+ }, v.apply(null, arguments);
100
113
  }
101
- function m(e, r) {
114
+ function y(e, r) {
102
115
  if (null == e) return {};
103
- var n, t, a = b(e, r);
116
+ var n, t, a = g(e, r);
104
117
  if (Object.getOwnPropertySymbols) {
105
118
  var l = Object.getOwnPropertySymbols(e);
106
119
  for (t = 0; t < l.length; t++) {
@@ -109,7 +122,7 @@
109
122
  }
110
123
  return a;
111
124
  }
112
- function b(e, r) {
125
+ function g(e, r) {
113
126
  if (null == e) return {};
114
127
  var n = {};
115
128
  for (var t in e) {
@@ -120,7 +133,7 @@
120
133
  }
121
134
  return n;
122
135
  }
123
- var v = {
136
+ var C = {
124
137
  elementRef: l().oneOfType([ l().func, l().object ]),
125
138
  enableCurrentPage: l().bool,
126
139
  endAdornment: l().node,
@@ -130,53 +143,40 @@
130
143
  startAdornment: l().node,
131
144
  to: l().string.isRequired
132
145
  };
133
- function y(e) {
134
- var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = m(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
146
+ function h(e) {
147
+ var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = y(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
135
148
  // @docs-props-type ItemPropsBase
136
- var d = (0, n.useContext)(j), b = d.onClick;
137
- var v = {
149
+ var d = (0, n.useContext)(j), f = d.onClick;
150
+ var p = {
138
151
  to: u
139
152
  };
140
- var y = (0, n.useCallback)((function(e) {
153
+ var m = (0, n.useCallback)((function(e) {
141
154
  i === null || i === void 0 ? void 0 : i(e, {
142
155
  label: o,
143
156
  to: u
144
157
  });
145
- b === null || b === void 0 ? void 0 : b(e, {
158
+ f === null || f === void 0 ? void 0 : f(e, {
146
159
  label: o,
147
160
  to: u
148
161
  });
149
- }), [ i, b, o, u ]);
162
+ }), [ i, f, o, u ]);
150
163
  if (l) {
151
- v["aria-current"] = "page";
164
+ p["aria-current"] = "page";
152
165
  if (!r) {
153
- v.disabled = true;
166
+ p.disabled = true;
154
167
  }
155
168
  }
156
- var g = i || b ? {
157
- onClick: y
169
+ var g = i || f ? {
170
+ onClick: m
158
171
  } : {};
159
172
 
160
- return t().createElement(f, p({
173
+ return t().createElement(b, v({
161
174
  appearance: "standalone",
162
175
  "data-test": "item"
163
- }, g, v, s), c && c, o, a && a);
176
+ }, g, p, s), c && c, o, a && a);
164
177
  }
165
- y.propTypes = v;
166
- /* harmony default export */ const g = y;
167
- // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
168
- var C = c().ol.withConfig({
169
- displayName: "BreadcrumbsStyles__StyledList",
170
- componentId: "sc-1maeyfk-0"
171
- })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
172
- var h = c().li.withConfig({
173
- displayName: "BreadcrumbsStyles__StyledListItem",
174
- componentId: "sc-1maeyfk-1"
175
- })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
176
- var O = c().span.withConfig({
177
- displayName: "BreadcrumbsStyles__StyledSeparator",
178
- componentId: "sc-1maeyfk-2"
179
- })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
178
+ h.propTypes = C;
179
+ /* harmony default export */ const O = h;
180
180
  // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
181
181
  function w() {
182
182
  return w = Object.assign ? Object.assign.bind() : function(e) {
@@ -222,7 +222,7 @@
222
222
  var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
223
223
  // @docs-props-type BreadcrumbsPropsBase
224
224
  var u;
225
- var s = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
225
+ var p = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
226
226
  if (false) {}
227
227
  if (false) {}
228
228
  // Set the last child as the current Breadcrumbs.Item
@@ -232,28 +232,28 @@
232
232
  enableCurrentPage: l
233
233
  });
234
234
 
235
- return t().createElement(h, {
235
+ return t().createElement(d, {
236
236
  key: e.props.to
237
- }, i, !o && t().createElement(O, {
237
+ }, i, !o && t().createElement(f, {
238
238
  "aria-hidden": "true"
239
239
  }, "/"));
240
240
  }));
241
- var d = (0, n.useMemo)((function() {
241
+ var m = (0, n.useMemo)((function() {
242
242
  return {
243
243
  onClick: i
244
244
  };
245
245
  }), [ i ]);
246
246
 
247
247
  return t().createElement(j.Provider, {
248
- value: d
248
+ value: m
249
249
  }, t().createElement("nav", w({
250
250
  "data-test": "breadcrumbs",
251
251
  "aria-label": (0, o._)("Breadcrumbs"),
252
252
  ref: a
253
- }, c), t().createElement(C, null, s)));
253
+ }, c), t().createElement(s, null, p)));
254
254
  }
255
255
  _.propTypes = k;
256
- _.Item = g;
256
+ _.Item = O;
257
257
  /* harmony default export */ const x = _;
258
258
  // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
259
259
  module.exports = r;
package/Button.js CHANGED
@@ -66,11 +66,11 @@
66
66
  // CONCATENATED MODULE: external "react"
67
67
  const t = require("react");
68
68
  var r = e.n(t);
69
- // CONCATENATED MODULE: external "prop-types"
70
- const a = require("prop-types");
71
- var i = e.n(a);
72
69
  // CONCATENATED MODULE: external "lodash/isString"
73
- const l = require("lodash/isString");
70
+ const a = require("lodash/isString");
71
+ var i = e.n(a);
72
+ // CONCATENATED MODULE: external "prop-types"
73
+ const l = require("prop-types");
74
74
  var o = e.n(l);
75
75
  // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
76
76
  const s = require("@splunk/react-icons/ArrowSquareTopRightInset");
@@ -150,31 +150,31 @@
150
150
  return t;
151
151
  }
152
152
  /** @public */ var k = {
153
- action: i().string,
154
- appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
155
- append: i().bool,
156
- children: i().node,
153
+ action: o().string,
154
+ appearance: o().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary", "standalone", "subtle" ]),
155
+ append: o().bool,
156
+ children: o().node,
157
157
  /** @private An additional className to add to the button. */
158
- classNamePrivate: i().string,
159
- disabled: i().oneOfType([ i().bool, i().oneOf([ "dimmed", "disabled" ]) ]),
160
- elementRef: i().oneOfType([ i().func, i().object ]),
158
+ classNamePrivate: o().string,
159
+ disabled: o().oneOfType([ o().bool, o().oneOf([ "dimmed", "disabled" ]) ]),
160
+ elementRef: o().oneOfType([ o().func, o().object ]),
161
161
  /** @private */
162
- error: i().bool,
163
- icon: i().node,
164
- inline: i().bool,
165
- isMenu: i().bool,
166
- label: i().node,
167
- onClick: i().func,
168
- openInNewContext: i().oneOfType([ i().bool, i().string ]),
169
- prepend: i().bool,
170
- to: i().string,
171
- value: i().any
162
+ error: o().bool,
163
+ icon: o().node,
164
+ inline: o().bool,
165
+ isMenu: o().bool,
166
+ label: o().node,
167
+ onClick: o().func,
168
+ openInNewContext: o().oneOfType([ o().bool, o().string ]),
169
+ prepend: o().bool,
170
+ to: o().string,
171
+ value: o().any
172
172
  };
173
173
  var I = (0, v._)("(Opens new window)");
174
174
  var P = r().forwardRef((function(e,
175
175
  // SUI-7623 - needs to be specified for react-docgen versions less than 7.1.0
176
176
  n) {
177
- var a = e.action, i = e.appearance, l = i === void 0 ? "default" : i, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
177
+ var a = e.action, l = e.appearance, o = l === void 0 ? "default" : l, s = e.append, c = e.children, d = e.className, v = e.classNamePrivate, m = e.disabled, y = e.error, g = e.icon, h = e.inline, w = h === void 0 ? true : h, N = e.isMenu, k = e.label, P = e.onClick, _ = e.openInNewContext, j = e.prepend, M = e.value, E = C(e, [ "action", "appearance", "append", "children", "className", "classNamePrivate", "disabled", "error", "icon", "inline", "isMenu", "label", "onClick", "openInNewContext", "prepend", "value" ]);
178
178
  // @docs-props-type ButtonPropsBase
179
179
  var T = (0, t.useCallback)((function(e) {
180
180
  P === null || P === void 0 ? void 0 : P(e, {
@@ -184,7 +184,7 @@
184
184
  value: M
185
185
  });
186
186
  }), [ a, g, k, P, M ]);
187
- var $ = !k && o()(c);
187
+ var $ = !k && i()(c);
188
188
  var B = $ ? c : k;
189
189
  var R = false;
190
190
  var H;
@@ -197,7 +197,7 @@
197
197
  return r().createElement(x, q({
198
198
  $inline: w,
199
199
  $isIconOnly: z,
200
- appearance: l,
200
+ appearance: o,
201
201
  append: s,
202
202
  "aria-haspopup": N || undefined,
203
203
  className: (0, b.toClassName)(d, v),
package/CHANGELOG.md CHANGED
@@ -1,6 +1,25 @@
1
1
  Change Log
2
2
  ============
3
3
 
4
+ 5.1.0 - July 2, 2025
5
+ ----------
6
+ New Features:
7
+ * `RadioBar` now supports a `disabled` prop to disable all options at once (SUI-6627).
8
+ * `Code` now supports `showLineNumbers` and `lineNumberStart` props to display line numbers (SUI-6627).
9
+ * `Date` supports a new prop `canClear` (SUI-7802).
10
+ * `Code` now supports `showLineNumbers` and `lineNumberStart` props to display line numbers (SUI-6644).
11
+ * `Code` now supports `lineHighlights` prop to highlight lines (SUI-6644).
12
+ * `Table.HeadCell`'s now supports `truncate=false` with resizable columns (SUI-7302).
13
+ * Improved focus indicator for `JSONTreeItem` in some scenarios (SUI-7849).
14
+
15
+ Bug Fixes:
16
+ * `Progress` component's animated pulse now correctly displays lighter color in dark mode and darker color in light mode, restoring 4.x visual paradigm (SUI-7810).
17
+ * `FormRows` of variable sizes no longer stretch or shrink on drag (SUI-7763).
18
+ * `RadioBar`'s `defaultValue` and `value` prop are now of type string, number or boolean (SUI-7676).
19
+ * Fixed the child elements of `ButtonGroup`, `ControlGroup`, and `RadioBar` having incorrect borders when wrapped in a `Tooltip` (SUI-3245).
20
+ * `ControlGroup` now applies disabled styles to labels and help text when disabled `RadioBar` and/or `RadioList` are children (SUI-6627).
21
+ * `RadioBar` now correctly passes down `name` to `RadioBar.Options` (SUI-6090).
22
+
4
23
  5.0.0 - June 3, 2025
5
24
  ----------
6
25
  * Includes all changes from `5.0.0-beta` and `5.0.0-rc` releases.
@@ -38,10 +57,10 @@ New Features:
38
57
  * `Card` now defaults to a borderless appearance for non-clickable cards (SUI-7651).
39
58
 
40
59
  Bug Fixes:
41
- * `Table`'s `rowExpansion` button now correctly displays hover styles (SUI-7772)ß.
60
+ * `Table`'s `rowExpansion` button now correctly displays hover styles (SUI-7772).
42
61
  * `Text` no longer has border hover effects incorrectly applied when `disabled` or `dimmed` (SUI-7639).
43
62
  * `Switch`'s `toggle` appearance now has correct role of `switch` (SUI-7713).
44
- * `Table.HeadCell`'s and `Table.HeadDropdownCell`'s borders now span the full cell height when content wraps to multiline (SUI-7760)
63
+ * `Table.HeadCell`'s and `Table.HeadDropdownCell`'s borders now span the full cell height when content wraps to multiline (SUI-7760).
45
64
  * `CollapsiblePanel` no longer flickers on open or close of panel (SUI-7620).
46
65
  * `Color` now passes `className` and `elementRef` to the root element instead of an inner component, allowing proper styling with `styled-components` (SUI-6211).
47
66
  * `Button`'s now have consistent styling when using `appearance="secondary"` and `isMenu` (SUI-7611).