@splunk/react-ui 4.37.0 → 4.39.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 (142) 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 +208 -219
  8. package/ButtonGroup.js +41 -49
  9. package/ButtonSimple.js +264 -295
  10. package/CHANGELOG.md +50 -1
  11. package/Calendar.js +353 -414
  12. package/Card.js +183 -243
  13. package/CardLayout.js +86 -83
  14. package/Chip.js +104 -122
  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 +1107 -980
  20. package/ColumnLayout.js +72 -96
  21. package/ComboBox.js +267 -305
  22. package/Concertina.js +406 -454
  23. package/ControlGroup.js +165 -194
  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 +92 -38
  39. package/Markdown.js +288 -347
  40. package/Menu.js +512 -530
  41. package/Message.js +173 -196
  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 +1600 -1923
  47. package/Number.js +159 -178
  48. package/Paginator.js +296 -335
  49. package/Paragraph.js +24 -32
  50. package/Popover.js +448 -441
  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 +130 -94
  57. package/Scroll.js +209 -244
  58. package/Search.js +375 -384
  59. package/Select.js +1076 -1354
  60. package/SidePanel.js +122 -142
  61. package/Slider.js +192 -222
  62. package/SlidingPanels.js +238 -270
  63. package/SplitButton.js +222 -245
  64. package/StaticContent.js +68 -76
  65. package/StepBar.js +206 -205
  66. package/Switch.js +211 -236
  67. package/TabBar.js +222 -258
  68. package/TabLayout.js +114 -139
  69. package/Table.js +2017 -2180
  70. package/Text.js +401 -512
  71. package/TextArea.js +411 -441
  72. package/Tooltip.js +116 -132
  73. package/TransitionOpen.js +160 -178
  74. package/Tree.js +268 -287
  75. package/Typography.js +48 -52
  76. package/WaitSpinner.js +60 -68
  77. package/cypress/support/commands.ts +9 -0
  78. package/cypress/support/index.d.ts +6 -0
  79. package/cypress/tsconfig.cypress.json +1 -0
  80. package/docker-compose.yml +0 -1
  81. package/package.json +17 -17
  82. package/types/src/Button/Button.d.ts +20 -6
  83. package/types/src/ButtonSimple/ButtonSimple.d.ts +2 -2
  84. package/types/src/CollapsiblePanel/CollapsiblePanel.d.ts +1 -1
  85. package/types/src/Color/Color.d.ts +5 -2
  86. package/types/src/Color/Palette.d.ts +6 -2
  87. package/types/src/ComboBox/Option.d.ts +1 -1
  88. package/types/src/ControlGroup/ControlGroup.d.ts +1 -2
  89. package/types/src/Date/Date.d.ts +2 -3
  90. package/types/src/File/File.d.ts +2 -3
  91. package/types/src/File/Retry.d.ts +1 -2
  92. package/types/src/Link/Link.d.ts +3 -4
  93. package/types/src/Menu/Item.d.ts +24 -8
  94. package/types/src/Menu/Menu.d.ts +3 -3
  95. package/types/src/Menu/docs/examples/Adornments.d.ts +2 -0
  96. package/types/src/Menu/docs/examples/SelectableWithAdornments.d.ts +2 -0
  97. package/types/src/ModalLayer/ModalLayer.d.ts +1 -1
  98. package/types/src/Multiselect/Option.d.ts +2 -0
  99. package/types/src/Number/Number.d.ts +3 -3
  100. package/types/src/Popover/Popover.d.ts +3 -4
  101. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  102. package/types/src/ResultsMenu/VirtualizedResultsMenu/VirtualizedResultsMenu.d.ts +1 -1
  103. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +2 -2
  104. package/types/src/Search/Option.d.ts +16 -3
  105. package/types/src/Select/Option.d.ts +3 -1
  106. package/types/src/Select/OptionBase.d.ts +7 -5
  107. package/types/src/Select/Select.d.ts +2 -2
  108. package/types/src/Select/SelectAllOption.d.ts +4 -4
  109. package/types/src/Select/SelectBase.d.ts +0 -1
  110. package/types/src/SidePanel/SidePanel.d.ts +1 -1
  111. package/types/src/Slider/Slider.d.ts +2 -3
  112. package/types/src/Slider/docs/examples/Error.d.ts +2 -0
  113. package/types/src/SlidingPanels/SlidingPanels.d.ts +1 -1
  114. package/types/src/StepBar/Step.d.ts +1 -2
  115. package/types/src/TabBar/Tab.d.ts +1 -1
  116. package/types/src/TabBar/TabBar.d.ts +3 -1
  117. package/types/src/TabLayout/TabLayout.d.ts +2 -0
  118. package/types/src/Table/HeadDropdownCell.d.ts +2 -0
  119. package/types/src/Table/Table.d.ts +0 -1
  120. package/types/src/Table/docs/examples/StripeRows.d.ts +2 -0
  121. package/types/src/Text/IconOutlinedHide.d.ts +1 -2
  122. package/types/src/Text/IconOutlinedView.d.ts +1 -2
  123. package/types/src/Text/Text.d.ts +6 -4
  124. package/types/src/Text/docs/examples/Dimmed.d.ts +2 -0
  125. package/types/src/TextArea/TextArea.d.ts +2 -2
  126. package/types/src/Tooltip/Tooltip.d.ts +4 -4
  127. package/types/src/TransitionOpen/TransitionOpen.d.ts +1 -1
  128. package/useForceUpdate.js +30 -32
  129. package/useKeyPress.js +1 -1
  130. package/types/src/Button/docs/examples/Selected.d.ts +0 -2
  131. package/types/src/ButtonGroup/docs/examples/prisma/Basic.d.ts +0 -1
  132. package/types/src/File/docs/examples/prisma/Error.d.ts +0 -1
  133. package/types/src/Menu/docs/examples/Icons.d.ts +0 -2
  134. package/types/src/Menu/docs/examples/SelectableWithIcons.d.ts +0 -2
  135. package/types/src/Slider/docs/examples/prisma/Error.d.ts +0 -2
  136. package/types/src/TabBar/docs/examples/prisma/Context.d.ts +0 -2
  137. package/types/src/TabLayout/docs/examples/prisma/Context.d.ts +0 -2
  138. package/types/src/Table/docs/examples/prisma/Basic.d.ts +0 -2
  139. /package/types/src/Date/docs/examples/{prisma/WithoutCalendar.d.ts → WithoutCalendar.d.ts} +0 -0
  140. /package/types/src/Message/docs/examples/{prisma/Title.d.ts → Title.d.ts} +0 -0
  141. /package/types/src/StepBar/docs/examples/{prisma/Error.d.ts → Error.d.ts} +0 -0
  142. /package/types/src/TabBar/docs/examples/{prisma/Disabled.d.ts → Disabled.d.ts} +0 -0
package/Monogram.js CHANGED
@@ -61,8 +61,8 @@
61
61
  e.r(r);
62
62
  // EXPORTS
63
63
  e.d(r, {
64
- default: () => /* reexport */ N,
65
- getInitials: () => /* reexport */ $
64
+ default: () => /* reexport */ U,
65
+ getInitials: () => /* reexport */ T
66
66
  });
67
67
  // CONCATENATED MODULE: external "react"
68
68
  const t = require("react");
@@ -72,10 +72,10 @@
72
72
  var o = e.n(i);
73
73
  // CONCATENATED MODULE: external "lodash/omit"
74
74
  const a = require("lodash/omit");
75
- var c = e.n(a);
75
+ var l = e.n(a);
76
76
  // CONCATENATED MODULE: external "styled-components"
77
- const s = require("styled-components");
78
- var l = e.n(s);
77
+ const c = require("styled-components");
78
+ var s = e.n(c);
79
79
  // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
80
80
  const u = require("@splunk/react-ui/Clickable");
81
81
  var f = e.n(u);
@@ -83,7 +83,7 @@
83
83
  const p = require("@splunk/themes");
84
84
  // CONCATENATED MODULE: ./src/Monogram/MonogramStyles.ts
85
85
  // Thanks: https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0
86
- var d = function e(r) {
86
+ var b = function e(r) {
87
87
  var t = 0;
88
88
  for (var n = 0; n < r.length; ) {
89
89
  t = (t << 5) - t + r.charCodeAt(n++) | 0;
@@ -91,10 +91,10 @@
91
91
  }
92
92
  return t;
93
93
  };
94
- var b = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
95
- var m = (0, s.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0,
94
+ var d = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
95
+ var m = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0,
96
96
  p.pick)({
97
- prisma: (0, s.css)([ "color:", ";" ], p.variables.contentColorActive)
97
+ prisma: (0, c.css)([ "color:", ";" ], p.variables.contentColorActive)
98
98
  }), (function(e) {
99
99
  var r = e.$backgroundColor, t = e.$initials;
100
100
  if (r === "theme") {
@@ -107,184 +107,184 @@
107
107
  });
108
108
  }
109
109
  if (r === "auto") {
110
- return b[d(t) % b.length];
110
+ return d[b(t) % d.length];
111
111
  }
112
112
  return r;
113
113
  }), (function(e) {
114
114
  var r = e.$size;
115
115
  if (typeof r === "number") {
116
- return (0, s.css)([ "height:", "px;width:", "px;" ], r, r);
116
+ return (0, c.css)([ "height:", "px;width:", "px;" ], r, r);
117
117
  }
118
118
  if (typeof r === "string") {
119
119
  return (0, p.pickVariant)("$size", {
120
- small: (0, s.css)([ "font-size:", ";", "" ], p.variables.fontSize, (0, p.pick)({
121
- enterprise: (0, s.css)([ "height:32px;width:32px;" ]),
122
- prisma: (0, s.css)([ "height:24px;width:24px;" ])
120
+ small: (0, c.css)([ "font-size:", ";", "" ], p.variables.fontSize, (0, p.pick)({
121
+ enterprise: (0, c.css)([ "height:32px;width:32px;" ]),
122
+ prisma: (0, c.css)([ "height:24px;width:24px;" ])
123
123
  })),
124
- medium: (0, s.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize),
125
- large: (0, s.css)([ "height:80px;width:80px;font-size:", ";" ], p.variables.fontSizeXXLarge),
126
- xlarge: (0, s.css)([ "width:144px;height:144px;font-size:36px;font-weight:700;" ])
124
+ medium: (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize),
125
+ large: (0, c.css)([ "height:80px;width:80px;font-size:", ";" ], p.variables.fontSizeXXLarge),
126
+ xlarge: (0, c.css)([ "width:144px;height:144px;font-size:36px;font-weight:700;" ])
127
127
  });
128
128
  }
129
- return (0, s.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
129
+ return (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
130
130
  }));
131
- var v = l().div.withConfig({
131
+ var y = s().div.withConfig({
132
132
  displayName: "MonogramStyles__Styled",
133
133
  componentId: "r5ud6k-0"
134
134
  })([ "", "" ], m);
135
- var y = l()(f()).withConfig({
135
+ var v = s()(f()).withConfig({
136
136
  displayName: "MonogramStyles__StyledClickableComponent",
137
137
  componentId: "r5ud6k-1"
138
138
  })([ "", "" ], m);
139
- var g = l()(y).withConfig({
139
+ var g = s()(v).withConfig({
140
140
  displayName: "MonogramStyles__StyledClickable",
141
141
  componentId: "r5ud6k-2"
142
142
  })([ "cursor:pointer;position:relative;:focus,:hover{", "}:focus{box-shadow:", ";z-index:1;}:active{", "}" ], (0,
143
143
  p.pick)({
144
- enterprise: (0, s.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset),
145
- prisma: (0, s.css)([ "border:1px solid transparent;background-color:", ";" ], p.variables.neutral200)
144
+ enterprise: (0, c.css)([ "box-shadow:", ";" ], p.variables.focusShadowInset),
145
+ prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";" ], p.variables.neutral200)
146
146
  }), (0, p.pick)({
147
147
  enterprise: p.variables.focusShadowInset,
148
148
  prisma: p.variables.focusShadow
149
149
  }), (0, p.pick)({
150
- enterprise: (0, s.css)([ "opacity:0.85;" ]),
151
- prisma: (0, s.css)([ "border:1px solid transparent;background-color:", ";opacity:1;" ], p.variables.neutral200)
150
+ enterprise: (0, c.css)([ "opacity:0.85;" ]),
151
+ prisma: (0, c.css)([ "border:1px solid transparent;background-color:", ";opacity:1;" ], p.variables.neutral200)
152
152
  }));
153
- var h = l().span.withConfig({
153
+ var h = s().span.withConfig({
154
154
  displayName: "MonogramStyles__Initials",
155
155
  componentId: "r5ud6k-3"
156
156
  })([ "opacity:0.8;text-transform:capitalize;" ]);
157
157
  // CONCATENATED MODULE: ./src/Monogram/Monogram.tsx
158
- function O(e, r) {
158
+ function O(e) {
159
+ "@babel/helpers - typeof";
160
+ return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
161
+ return typeof e;
162
+ } : function(e) {
163
+ return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
164
+ }, O(e);
165
+ }
166
+ function k(e, r) {
159
167
  var t = Object.keys(e);
160
168
  if (Object.getOwnPropertySymbols) {
161
169
  var n = Object.getOwnPropertySymbols(e);
162
- if (r) n = n.filter((function(r) {
170
+ r && (n = n.filter((function(r) {
163
171
  return Object.getOwnPropertyDescriptor(e, r).enumerable;
164
- }));
165
- t.push.apply(t, n);
172
+ }))), t.push.apply(t, n);
166
173
  }
167
174
  return t;
168
175
  }
169
- function k(e) {
176
+ function w(e) {
170
177
  for (var r = 1; r < arguments.length; r++) {
171
- var t = arguments[r] != null ? arguments[r] : {};
172
- if (r % 2) {
173
- O(Object(t), true).forEach((function(r) {
174
- w(e, r, t[r]);
175
- }));
176
- } else if (Object.getOwnPropertyDescriptors) {
177
- Object.defineProperties(e, Object.getOwnPropertyDescriptors(t));
178
- } else {
179
- O(Object(t)).forEach((function(r) {
180
- Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
181
- }));
182
- }
178
+ var t = null != arguments[r] ? arguments[r] : {};
179
+ r % 2 ? k(Object(t), !0).forEach((function(r) {
180
+ S(e, r, t[r]);
181
+ })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach((function(r) {
182
+ Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
183
+ }));
183
184
  }
184
185
  return e;
185
186
  }
186
- function w(e, r, t) {
187
- if (r in e) {
188
- Object.defineProperty(e, r, {
189
- value: t,
190
- enumerable: true,
191
- configurable: true,
192
- writable: true
193
- });
194
- } else {
195
- e[r] = t;
187
+ function S(e, r, t) {
188
+ return (r = j(r)) in e ? Object.defineProperty(e, r, {
189
+ value: t,
190
+ enumerable: !0,
191
+ configurable: !0,
192
+ writable: !0
193
+ }) : e[r] = t, e;
194
+ }
195
+ function j(e) {
196
+ var r = x(e, "string");
197
+ return "symbol" == O(r) ? r : r + "";
198
+ }
199
+ function x(e, r) {
200
+ if ("object" != O(e) || !e) return e;
201
+ var t = e[Symbol.toPrimitive];
202
+ if (void 0 !== t) {
203
+ var n = t.call(e, r || "default");
204
+ if ("object" != O(n)) return n;
205
+ throw new TypeError("@@toPrimitive must return a primitive value.");
196
206
  }
197
- return e;
207
+ return ("string" === r ? String : Number)(e);
198
208
  }
199
- function j() {
200
- j = Object.assign || function(e) {
209
+ function C() {
210
+ return C = Object.assign ? Object.assign.bind() : function(e) {
201
211
  for (var r = 1; r < arguments.length; r++) {
202
212
  var t = arguments[r];
203
213
  for (var n in t) {
204
- if (Object.prototype.hasOwnProperty.call(t, n)) {
205
- e[n] = t[n];
206
- }
214
+ ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
207
215
  }
208
216
  }
209
217
  return e;
210
- };
211
- return j.apply(this, arguments);
218
+ }, C.apply(null, arguments);
212
219
  }
213
- function x(e, r) {
214
- return I(e) || P(e, r) || C(e, r) || S();
220
+ function z(e, r) {
221
+ return A(e) || E(e, r) || I(e, r) || P();
215
222
  }
216
- function S() {
223
+ function P() {
217
224
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
218
225
  }
219
- function C(e, r) {
220
- if (!e) return;
221
- if (typeof e === "string") return z(e, r);
222
- var t = Object.prototype.toString.call(e).slice(8, -1);
223
- if (t === "Object" && e.constructor) t = e.constructor.name;
224
- if (t === "Map" || t === "Set") return Array.from(e);
225
- if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return z(e, r);
226
+ function I(e, r) {
227
+ if (e) {
228
+ if ("string" == typeof e) return _(e, r);
229
+ var t = {}.toString.call(e).slice(8, -1);
230
+ return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _(e, r) : void 0;
231
+ }
226
232
  }
227
- function z(e, r) {
228
- if (r == null || r > e.length) r = e.length;
229
- for (var t = 0, n = new Array(r); t < r; t++) {
233
+ function _(e, r) {
234
+ (null == r || r > e.length) && (r = e.length);
235
+ for (var t = 0, n = Array(r); t < r; t++) {
230
236
  n[t] = e[t];
231
237
  }
232
238
  return n;
233
239
  }
234
- function P(e, r) {
235
- if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
236
- var t = [];
237
- var n = true;
238
- var i = false;
239
- var o = undefined;
240
- try {
241
- for (var a = e[Symbol.iterator](), c; !(n = (c = a.next()).done); n = true) {
242
- t.push(c.value);
243
- if (r && t.length === r) break;
244
- }
245
- } catch (e) {
246
- i = true;
247
- o = e;
248
- } finally {
240
+ function E(e, r) {
241
+ var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
242
+ if (null != t) {
243
+ var n, i, o, a, l = [], c = !0, s = !1;
249
244
  try {
250
- if (!n && a["return"] != null) a["return"]();
245
+ if (o = (t = t.call(e)).next, 0 === r) {
246
+ if (Object(t) !== t) return;
247
+ c = !1;
248
+ } else for (;!(c = (n = o.call(t)).done) && (l.push(n.value), l.length !== r); c = !0) {
249
+ }
250
+ } catch (e) {
251
+ s = !0, i = e;
251
252
  } finally {
252
- if (i) throw o;
253
+ try {
254
+ if (!c && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
255
+ } finally {
256
+ if (s) throw i;
257
+ }
253
258
  }
259
+ return l;
254
260
  }
255
- return t;
256
261
  }
257
- function I(e) {
262
+ function A(e) {
258
263
  if (Array.isArray(e)) return e;
259
264
  }
260
- function _(e, r) {
261
- if (e == null) return {};
262
- var t = E(e, r);
263
- var n, i;
265
+ function M(e, r) {
266
+ if (null == e) return {};
267
+ var t, n, i = $(e, r);
264
268
  if (Object.getOwnPropertySymbols) {
265
269
  var o = Object.getOwnPropertySymbols(e);
266
- for (i = 0; i < o.length; i++) {
267
- n = o[i];
268
- if (r.indexOf(n) >= 0) continue;
269
- if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
270
- t[n] = e[n];
270
+ for (n = 0; n < o.length; n++) {
271
+ t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
271
272
  }
272
273
  }
273
- return t;
274
+ return i;
274
275
  }
275
- function E(e, r) {
276
- if (e == null) return {};
276
+ function $(e, r) {
277
+ if (null == e) return {};
277
278
  var t = {};
278
- var n = Object.keys(e);
279
- var i, o;
280
- for (o = 0; o < n.length; o++) {
281
- i = n[o];
282
- if (r.indexOf(i) >= 0) continue;
283
- t[i] = e[i];
279
+ for (var n in e) {
280
+ if ({}.hasOwnProperty.call(e, n)) {
281
+ if (r.includes(n)) continue;
282
+ t[n] = e[n];
283
+ }
284
284
  }
285
285
  return t;
286
286
  }
287
- var A = {
287
+ /** @public */ var q = {
288
288
  backgroundColor: o().string,
289
289
  elementRef: o().oneOfType([ o().func, o().object ]),
290
290
  initials: o().string.isRequired,
@@ -292,7 +292,7 @@
292
292
  onClick: o().func,
293
293
  size: o().oneOfType([ o().oneOf([ "small", "medium", "large", "xlarge" ]), o().number ])
294
294
  };
295
- function M(e) {
295
+ function R(e) {
296
296
  return !!e.onClick;
297
297
  }
298
298
  /**
@@ -301,14 +301,14 @@
301
301
  * @param {string} name - The full name.
302
302
  * @returns {string} Limited to three characters. Empty if `name` is empty.
303
303
  * @public
304
- */ function $(e) {
304
+ */ function T(e) {
305
305
  var r = (e.match(/[^\s-]+/g) || []).map((function(e) {
306
306
  return e[0];
307
307
  })).join("");
308
308
  return r.length > 3 ? "".concat(r[0]).concat(r[r.length - 1]) : r;
309
309
  }
310
- function q(e) {
311
- var r = e.backgroundColor, t = e.initials, n = e.size, i = _(e, [ "backgroundColor", "initials", "size" ]);
310
+ function N(e) {
311
+ var r = e.backgroundColor, t = e.initials, n = e.size, i = M(e, [ "backgroundColor", "initials", "size" ]);
312
312
  var o = {
313
313
  "data-test": "monogram",
314
314
  $backgroundColor: r,
@@ -317,44 +317,44 @@
317
317
  };
318
318
  return [ o, i ];
319
319
  }
320
- function R(e) {
321
- var r = q(e), i = x(r, 2), o = i[0], a = i[1];
322
- var s = a.children, l = a.elementRef, u = a.name, f = a.onClick, p = _(a, [ "children", "elementRef", "name", "onClick" ]);
323
- var d = (0, t.useCallback)((function(e) {
320
+ function D(e) {
321
+ var r = N(e), i = z(r, 2), o = i[0], a = i[1];
322
+ var c = a.children, s = a.elementRef, u = a.name, f = a.onClick, p = M(a, [ "children", "elementRef", "name", "onClick" ]);
323
+ var b = (0, t.useCallback)((function(e) {
324
324
  f(e, {
325
325
  name: u
326
326
  });
327
327
  }), [ f, u ]);
328
328
 
329
- return n().createElement(g, j({
330
- elementRef: l,
331
- onClick: d
332
- }, o, c()(p, Object.keys(A))), s);
329
+ return n().createElement(g, C({
330
+ elementRef: s,
331
+ onClick: b
332
+ }, o, l()(p, Object.keys(q))), c);
333
333
  }
334
- function T(e) {
335
- var r = q(e), t = x(r, 2), i = t[0], o = t[1];
336
- var a = o.children, s = o.elementRef, l = _(o, [ "children", "elementRef" ]);
334
+ function X(e) {
335
+ var r = N(e), t = z(r, 2), i = t[0], o = t[1];
336
+ var a = o.children, c = o.elementRef, s = M(o, [ "children", "elementRef" ]);
337
337
 
338
- return n().createElement(v, j({
339
- ref: s
340
- }, i, c()(l, Object.keys(A))), a);
338
+ return n().createElement(y, C({
339
+ ref: c
340
+ }, i, l()(s, Object.keys(q))), a);
341
341
  }
342
- function D(e) {
343
- var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, c = _(e, [ "backgroundColor", "initials", "size" ]);
342
+ function L(e) {
343
+ var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = M(e, [ "backgroundColor", "initials", "size" ]);
344
344
  // @docs-props-type MonogramPropsBase
345
345
  if (false) {}
346
- var s = n().createElement(h, {
346
+ var c = n().createElement(h, {
347
347
  "data-test": "initials"
348
348
  }, i);
349
- var l = k({
349
+ var s = w({
350
350
  backgroundColor: t,
351
351
  size: a,
352
352
  initials: i
353
- }, c);
354
- return M(l) ? n().createElement(R, l, s) : n().createElement(T, l, s);
353
+ }, l);
354
+ return R(s) ? n().createElement(D, s, c) : n().createElement(X, s, c);
355
355
  }
356
- D.propTypes = A;
357
- /* harmony default export */ const N = D;
356
+ L.propTypes = q;
357
+ /* harmony default export */ const U = L;
358
358
  // CONCATENATED MODULE: ./src/Monogram/index.ts
359
359
  module.exports = r;
360
360
  /******/})();