@splunk/react-ui 4.38.0 → 4.40.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 (172) hide show
  1. package/Accordion.js +131 -153
  2. package/Anchor.js +50 -58
  3. package/Animation.js +64 -59
  4. package/AnimationToggle.js +59 -61
  5. package/Box.js +59 -67
  6. package/Breadcrumbs.js +113 -127
  7. package/Button.js +151 -169
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +49 -0
  11. package/Calendar.js +353 -414
  12. package/Card.js +186 -244
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +136 -146
  15. package/Clickable.js +180 -198
  16. package/CloseButton.js +52 -60
  17. package/Code.js +24 -31
  18. package/CollapsiblePanel.js +172 -202
  19. package/Color.js +371 -412
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +266 -303
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +178 -210
  24. package/Date.js +116 -131
  25. package/DefinitionList.js +125 -149
  26. package/Divider.js +81 -79
  27. package/Dropdown.js +226 -237
  28. package/DualListbox.js +150 -186
  29. package/EventListener.js +4 -1
  30. package/File.js +1032 -955
  31. package/FormRows.js +281 -334
  32. package/Heading.js +27 -35
  33. package/Image.js +101 -116
  34. package/JSONTree.js +301 -344
  35. package/Layer.js +118 -126
  36. package/Link.js +141 -159
  37. package/List.js +61 -77
  38. package/MIGRATION.mdx +123 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +506 -532
  41. package/Message.js +197 -207
  42. package/MessageBar.js +58 -66
  43. package/Modal.js +241 -290
  44. package/ModalLayer.js +130 -148
  45. package/Monogram.js +138 -138
  46. package/Multiselect.js +3137 -3433
  47. package/Number.js +164 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +450 -442
  51. package/Progress.js +65 -75
  52. package/RadioBar.js +301 -303
  53. package/RadioList.js +77 -119
  54. package/Resize.js +105 -127
  55. package/ResultsMenu.js +373 -385
  56. package/ScreenReaderContent.js +50 -58
  57. package/Scroll.js +209 -244
  58. package/Search.js +379 -391
  59. package/Select.js +2085 -2345
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +132 -145
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.d.ts +2 -0
  64. package/SplitButton.js +222 -245
  65. package/StaticContent.js +68 -76
  66. package/StepBar.js +206 -205
  67. package/Switch.js +176 -205
  68. package/TabBar.js +235 -268
  69. package/TabLayout.js +122 -141
  70. package/Table.js +2103 -2261
  71. package/Text.js +379 -493
  72. package/TextArea.js +411 -441
  73. package/Tooltip.js +116 -132
  74. package/TransitionOpen.js +160 -178
  75. package/Tree.js +268 -287
  76. package/Typography.js +48 -52
  77. package/WaitSpinner.js +61 -69
  78. package/cypress/support/commands.ts +9 -0
  79. package/cypress/support/index.d.ts +6 -0
  80. package/cypress/tsconfig.cypress.json +1 -0
  81. package/docker-compose.yml +0 -1
  82. package/package.json +15 -15
  83. package/types/src/Button/Button.d.ts +5 -1
  84. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  85. package/types/src/Card/Card.d.ts +1 -0
  86. package/types/src/Card/Footer.d.ts +1 -0
  87. package/types/src/Chip/Chip.d.ts +3 -6
  88. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  89. package/types/src/Color/Color.d.ts +2 -2
  90. package/types/src/Color/Palette.d.ts +4 -2
  91. package/types/src/ComboBox/ComboBox.d.ts +1 -1
  92. package/types/src/ComboBox/Option.d.ts +1 -1
  93. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  94. package/types/src/Date/Date.d.ts +2 -2
  95. package/types/src/File/File.d.ts +2 -3
  96. package/types/src/File/Retry.d.ts +1 -2
  97. package/types/src/Menu/Item.d.ts +18 -5
  98. package/types/src/Menu/Menu.d.ts +3 -3
  99. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  100. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  101. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  102. package/types/src/Multiselect/Compact.d.ts +1 -1
  103. package/types/src/Multiselect/Multiselect.d.ts +1 -1
  104. package/types/src/Multiselect/Normal.d.ts +1 -1
  105. package/types/src/Multiselect/Option.d.ts +2 -0
  106. package/types/src/Number/Number.d.ts +3 -3
  107. package/types/src/Popover/Popover.d.ts +3 -4
  108. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  109. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  110. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  111. package/types/src/Search/Option.d.ts +9 -3
  112. package/types/src/Select/Option.d.ts +3 -1
  113. package/types/src/Select/OptionBase.d.ts +7 -5
  114. package/types/src/Select/Select.d.ts +4 -2
  115. package/types/src/Select/SelectAllOption.d.ts +4 -4
  116. package/types/src/Select/SelectBase.d.ts +104 -66
  117. package/types/src/Select/docs/examples/Appearance.d.ts +0 -2
  118. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  121. package/types/src/StepBar/Step.d.ts +1 -2
  122. package/types/src/Switch/Switch.d.ts +0 -1
  123. package/types/src/TabBar/Tab.d.ts +1 -1
  124. package/types/src/TabBar/TabBar.d.ts +3 -1
  125. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  126. package/types/src/Table/Cell.d.ts +0 -2
  127. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  128. package/types/src/Table/HeadInner.d.ts +5 -1
  129. package/types/src/Table/Table.d.ts +0 -1
  130. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  131. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  132. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  133. package/types/src/Text/Text.d.ts +2 -2
  134. package/types/src/TextArea/TextArea.d.ts +2 -2
  135. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  136. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  137. package/types/src/WaitSpinner/WaitSpinner.d.ts +0 -1
  138. package/types/src/useControlled/index.d.ts +2 -0
  139. package/types/src/useControlled/useControlled.d.ts +21 -0
  140. package/types/src/useResizeObserver/index.d.ts +2 -0
  141. package/types/src/useResizeObserver/useResizeObserver.d.ts +12 -0
  142. package/useControlled.js +112 -0
  143. package/useForceUpdate.js +30 -32
  144. package/useKeyPress.d.ts +2 -0
  145. package/useKeyPress.js +1 -1
  146. package/useResizeObserver.d.ts +2 -0
  147. package/useResizeObserver.js +137 -0
  148. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  149. package/types/src/Chip/docs/examples/Basic.d.ts +0 -2
  150. package/types/src/Chip/docs/examples/prisma/Appearance.d.ts +0 -2
  151. package/types/src/Color/docs/examples/prisma/Controlled.d.ts +0 -2
  152. package/types/src/Color/docs/examples/prisma/ThemeVariables.d.ts +0 -1
  153. package/types/src/Color/docs/examples/prisma/Uncontrolled.d.ts +0 -2
  154. package/types/src/Dropdown/docs/examples/prisma/Basic.d.ts +0 -2
  155. package/types/src/Dropdown/docs/examples/prisma/BasicMenu.d.ts +0 -2
  156. package/types/src/Dropdown/docs/examples/prisma/ControlledDropdown.d.ts +0 -2
  157. package/types/src/Dropdown/docs/examples/prisma/Dialog.d.ts +0 -2
  158. package/types/src/Dropdown/docs/examples/prisma/OtherToggles.d.ts +0 -2
  159. package/types/src/Dropdown/docs/examples/prisma/ScrollingMenu.d.ts +0 -2
  160. package/types/src/File/docs/examples/prisma/Disabled.d.ts +0 -12
  161. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  162. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  163. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  164. package/types/src/Message/docs/examples/prisma/Title.d.ts +0 -2
  165. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  166. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  167. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  168. package/types/src/WaitSpinner/docs/examples/prisma/Basic.d.ts +0 -2
  169. /package/types/src/Color/docs/examples/{prisma/CustomizedPalette.d.ts → CustomizedPalette.d.ts} +0 -0
  170. /package/types/src/Color/docs/examples/{prisma/HideInput.d.ts → HideInput.d.ts} +0 -0
  171. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  172. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Breadcrumbs.js CHANGED
@@ -9,26 +9,26 @@
9
9
  /******/ (() => {
10
10
  /******/ // getDefaultExport function for compatibility with non-harmony modules
11
11
  /******/ e.n = r => {
12
- /******/ var t = r && r.__esModule ?
12
+ /******/ var n = r && r.__esModule ?
13
13
  /******/ () => r["default"]
14
14
  /******/ : () => r
15
15
  /******/;
16
- e.d(t, {
17
- a: t
16
+ e.d(n, {
17
+ a: n
18
18
  });
19
- /******/ return t;
19
+ /******/ return n;
20
20
  /******/ };
21
21
  /******/ })();
22
22
  /******/
23
23
  /******/ /* webpack/runtime/define property getters */
24
24
  /******/ (() => {
25
25
  /******/ // define getter functions for harmony exports
26
- /******/ e.d = (r, t) => {
27
- /******/ for (var n in t) {
28
- /******/ if (e.o(t, n) && !e.o(r, n)) {
29
- /******/ Object.defineProperty(r, n, {
26
+ /******/ e.d = (r, n) => {
27
+ /******/ for (var t in n) {
28
+ /******/ if (e.o(n, t) && !e.o(r, t)) {
29
+ /******/ Object.defineProperty(r, t, {
30
30
  enumerable: true,
31
- get: t[n]
31
+ get: n[t]
32
32
  });
33
33
  /******/ }
34
34
  /******/ }
@@ -61,18 +61,18 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- BreadcrumbsContext: () => /* reexport */ x,
64
+ BreadcrumbsContext: () => /* reexport */ _,
65
65
  Item: () => /* reexport */ C,
66
66
  default: () => /* reexport */ E
67
67
  });
68
68
  // CONCATENATED MODULE: external "react"
69
- const t = require("react");
70
- var n = e.n(t);
69
+ const n = require("react");
70
+ var t = e.n(n);
71
71
  // CONCATENATED MODULE: external "prop-types"
72
72
  const a = require("prop-types");
73
- var o = e.n(a);
73
+ var l = e.n(a);
74
74
  // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
75
- const l = require("@splunk/ui-utils/i18n");
75
+ const o = require("@splunk/ui-utils/i18n");
76
76
  // CONCATENATED MODULE: external "styled-components"
77
77
  const i = require("styled-components");
78
78
  var c = e.n(i);
@@ -80,199 +80,185 @@
80
80
  const u = require("@splunk/themes");
81
81
  // CONCATENATED MODULE: external "@splunk/react-ui/Link"
82
82
  const s = require("@splunk/react-ui/Link");
83
- var f = e.n(s);
83
+ var d = e.n(s);
84
84
  // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
85
- var d = c()(f()).withConfig({
85
+ var f = c()(d()).withConfig({
86
86
  displayName: "ItemStyles__StyledLink",
87
87
  componentId: "sc-1ywtawf-0"
88
88
  })([ "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
89
  // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
90
- function p() {
91
- p = Object.assign || function(e) {
90
+ function b() {
91
+ return b = Object.assign ? Object.assign.bind() : function(e) {
92
92
  for (var r = 1; r < arguments.length; r++) {
93
- var t = arguments[r];
94
- for (var n in t) {
95
- if (Object.prototype.hasOwnProperty.call(t, n)) {
96
- e[n] = t[n];
97
- }
93
+ var n = arguments[r];
94
+ for (var t in n) {
95
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
98
96
  }
99
97
  }
100
98
  return e;
101
- };
102
- return p.apply(this, arguments);
99
+ }, b.apply(null, arguments);
103
100
  }
104
- function b(e, r) {
105
- if (e == null) return {};
106
- var t = v(e, r);
107
- var n, a;
101
+ function p(e, r) {
102
+ if (null == e) return {};
103
+ var n, t, a = m(e, r);
108
104
  if (Object.getOwnPropertySymbols) {
109
- var o = Object.getOwnPropertySymbols(e);
110
- for (a = 0; a < o.length; a++) {
111
- n = o[a];
112
- if (r.indexOf(n) >= 0) continue;
113
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
114
- t[n] = e[n];
105
+ var l = Object.getOwnPropertySymbols(e);
106
+ for (t = 0; t < l.length; t++) {
107
+ n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
115
108
  }
116
109
  }
117
- return t;
110
+ return a;
118
111
  }
119
- function v(e, r) {
120
- if (e == null) return {};
121
- var t = {};
122
- var n = Object.keys(e);
123
- var a, o;
124
- for (o = 0; o < n.length; o++) {
125
- a = n[o];
126
- if (r.indexOf(a) >= 0) continue;
127
- t[a] = e[a];
112
+ function m(e, r) {
113
+ if (null == e) return {};
114
+ var n = {};
115
+ for (var t in e) {
116
+ if ({}.hasOwnProperty.call(e, t)) {
117
+ if (r.includes(t)) continue;
118
+ n[t] = e[t];
119
+ }
128
120
  }
129
- return t;
121
+ return n;
130
122
  }
131
- var m = Object.freeze({
123
+ var v = Object.freeze({
132
124
  allowDisabledLink: true,
133
125
  disabled: true,
134
126
  to: ""
135
127
  });
136
128
  var y = {
137
- elementRef: o().oneOfType([ o().func, o().object ]),
138
- enableCurrentPage: o().bool,
139
- endAdornment: o().node,
140
- isCurrent: o().bool,
141
- label: o().string.isRequired,
142
- onClick: o().func,
143
- startAdornment: o().node,
144
- to: o().string.isRequired
129
+ elementRef: l().oneOfType([ l().func, l().object ]),
130
+ enableCurrentPage: l().bool,
131
+ endAdornment: l().node,
132
+ isCurrent: l().bool,
133
+ label: l().string.isRequired,
134
+ onClick: l().func,
135
+ startAdornment: l().node,
136
+ to: l().string.isRequired
145
137
  };
146
138
  function g(e) {
147
- var r = e.enableCurrentPage, a = e.endAdornment, o = e.isCurrent, l = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = b(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
139
+ var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = p(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
148
140
  // @docs-props-type ItemPropsBase
149
- var f = (0, t.useContext)(x), v = f.onClick;
141
+ var d = (0, n.useContext)(_), m = d.onClick;
150
142
  var y = {
151
143
  to: u
152
144
  };
153
- var g = (0, t.useCallback)((function(e) {
145
+ var g = (0, n.useCallback)((function(e) {
154
146
  i === null || i === void 0 ? void 0 : i(e, {
155
- label: l,
147
+ label: o,
156
148
  to: u
157
149
  });
158
- v === null || v === void 0 ? void 0 : v(e, {
159
- label: l,
150
+ m === null || m === void 0 ? void 0 : m(e, {
151
+ label: o,
160
152
  to: u
161
153
  });
162
- }), [ i, v, l, u ]);
163
- if (o) {
154
+ }), [ i, m, o, u ]);
155
+ if (l) {
164
156
  y["aria-current"] = "page";
165
157
  if (!r) {
166
- Object.assign(y, m);
158
+ Object.assign(y, v);
167
159
  }
168
160
  }
169
- var C = i || v ? {
161
+ var C = i || m ? {
170
162
  onClick: g
171
163
  } : {};
172
164
 
173
- return n().createElement(d, p({
165
+ return t().createElement(f, b({
174
166
  "data-test": "item"
175
- }, C, y, s), c && c, l, a && a);
167
+ }, C, y, s), c && c, o, a && a);
176
168
  }
177
169
  g.propTypes = y;
178
170
  /* harmony default export */ const C = g;
179
171
  // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
180
- var O = c().ol.withConfig({
172
+ var h = c().ol.withConfig({
181
173
  displayName: "BreadcrumbsStyles__StyledList",
182
174
  componentId: "sc-1maeyfk-0"
183
175
  })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
184
- var h = c().li.withConfig({
176
+ var O = c().li.withConfig({
185
177
  displayName: "BreadcrumbsStyles__StyledListItem",
186
178
  componentId: "sc-1maeyfk-1"
187
179
  })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
188
- var k = c().span.withConfig({
180
+ var w = c().span.withConfig({
189
181
  displayName: "BreadcrumbsStyles__StyledSeparator",
190
182
  componentId: "sc-1maeyfk-2"
191
183
  })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
192
184
  // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
193
- function w() {
194
- w = Object.assign || function(e) {
185
+ function S() {
186
+ return S = Object.assign ? Object.assign.bind() : function(e) {
195
187
  for (var r = 1; r < arguments.length; r++) {
196
- var t = arguments[r];
197
- for (var n in t) {
198
- if (Object.prototype.hasOwnProperty.call(t, n)) {
199
- e[n] = t[n];
200
- }
188
+ var n = arguments[r];
189
+ for (var t in n) {
190
+ ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
201
191
  }
202
192
  }
203
193
  return e;
204
- };
205
- return w.apply(this, arguments);
194
+ }, S.apply(null, arguments);
206
195
  }
207
- function S(e, r) {
208
- if (e == null) return {};
209
- var t = j(e, r);
210
- var n, a;
196
+ function k(e, r) {
197
+ if (null == e) return {};
198
+ var n, t, a = P(e, r);
211
199
  if (Object.getOwnPropertySymbols) {
212
- var o = Object.getOwnPropertySymbols(e);
213
- for (a = 0; a < o.length; a++) {
214
- n = o[a];
215
- if (r.indexOf(n) >= 0) continue;
216
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
217
- t[n] = e[n];
200
+ var l = Object.getOwnPropertySymbols(e);
201
+ for (t = 0; t < l.length; t++) {
202
+ n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
218
203
  }
219
204
  }
220
- return t;
205
+ return a;
221
206
  }
222
- function j(e, r) {
223
- if (e == null) return {};
224
- var t = {};
225
- var n = Object.keys(e);
226
- var a, o;
227
- for (o = 0; o < n.length; o++) {
228
- a = n[o];
229
- if (r.indexOf(a) >= 0) continue;
230
- t[a] = e[a];
207
+ function P(e, r) {
208
+ if (null == e) return {};
209
+ var n = {};
210
+ for (var t in e) {
211
+ if ({}.hasOwnProperty.call(e, t)) {
212
+ if (r.includes(t)) continue;
213
+ n[t] = e[t];
214
+ }
231
215
  }
232
- return t;
216
+ return n;
233
217
  }
234
- var P = {
235
- children: o().node.isRequired,
236
- elementRef: o().oneOfType([ o().func, o().object ]),
237
- enableCurrentPage: o().bool,
238
- onClick: o().func
218
+ /** @public */ var j = {
219
+ children: l().node.isRequired,
220
+ elementRef: l().oneOfType([ l().func, l().object ]),
221
+ enableCurrentPage: l().bool,
222
+ onClick: l().func
239
223
  };
240
- var x = n().createContext({});
241
- function _(e) {
242
- var r = e.children, a = e.elementRef, o = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
224
+ var _ = t().createContext({});
225
+ function x(e) {
226
+ var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = k(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
243
227
  // @docs-props-type BreadcrumbsPropsBase
244
228
  var u;
245
- var s = t.Children.toArray(r).filter(t.isValidElement).map((function(e, a) {
229
+ var s = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
246
230
  if (false) {}
247
231
  if (false) {}
248
- // Set the last child as the current Breadcrumbs.Item
249
- var l = a === t.Children.count(r) - 1;
250
- var i = (0, t.cloneElement)(e, {
251
- isCurrent: l,
252
- enableCurrentPage: o
232
+ // Set the last child as the current Breadcrumbs.Item
233
+ var o = a === n.Children.count(r) - 1;
234
+ var i = (0, n.cloneElement)(e, {
235
+ isCurrent: o,
236
+ enableCurrentPage: l
253
237
  });
254
238
 
255
- return n().createElement(h, {
239
+ return t().createElement(O, {
256
240
  key: e.props.to
257
- }, i, !l && n().createElement(k, {
241
+ }, i, !o && t().createElement(w, {
258
242
  "aria-hidden": "true"
259
243
  }, "/"));
260
244
  }));
261
- var f = {
262
- onClick: i
263
- };
245
+ var d = (0, n.useMemo)((function() {
246
+ return {
247
+ onClick: i
248
+ };
249
+ }), [ i ]);
264
250
 
265
- return n().createElement(x.Provider, {
266
- value: f
267
- }, n().createElement("nav", w({
251
+ return t().createElement(_.Provider, {
252
+ value: d
253
+ }, t().createElement("nav", S({
268
254
  "data-test": "breadcrumbs",
269
- "aria-label": (0, l._)("Breadcrumbs"),
255
+ "aria-label": (0, o._)("Breadcrumbs"),
270
256
  ref: a
271
- }, c), n().createElement(O, null, s)));
257
+ }, c), t().createElement(h, null, s)));
272
258
  }
273
- _.propTypes = P;
274
- _.Item = C;
275
- /* harmony default export */ const E = _;
259
+ x.propTypes = j;
260
+ x.Item = C;
261
+ /* harmony default export */ const E = x;
276
262
  // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
277
263
  module.exports = r;
278
264
  /******/})();