@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.4

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 (149) hide show
  1. package/Accordion.js +185 -243
  2. package/Animation.js +2 -2
  3. package/Button.js +1 -1
  4. package/ButtonSimple.js +47 -41
  5. package/CHANGELOG.md +12 -2
  6. package/CHANGELOG.v5.mdx +38 -0
  7. package/Calendar.js +352 -469
  8. package/Chip.js +149 -280
  9. package/Code.js +19 -12
  10. package/Color.js +32 -32
  11. package/ComboBox.js +8 -6
  12. package/Date.js +1 -1
  13. package/DualListbox.js +298 -296
  14. package/File.js +294 -281
  15. package/FormRows.js +165 -153
  16. package/Image.js +124 -251
  17. package/Layout.d.ts +2 -0
  18. package/MIGRATION.v5.mdx +1 -1
  19. package/Menu.js +1 -1
  20. package/Message.js +77 -100
  21. package/MessageBar.js +141 -251
  22. package/Modal.js +2 -2
  23. package/ModalLayer.js +12 -12
  24. package/Multiselect.js +1978 -2323
  25. package/NonInteractiveCheckbox.js +29 -117
  26. package/Number.js +114 -114
  27. package/Popover.js +348 -350
  28. package/Progress.js +1 -1
  29. package/RadioBar.js +136 -136
  30. package/Scroll.js +2 -2
  31. package/Select.js +236 -240
  32. package/SidePanel.js +17 -21
  33. package/Slider.js +366 -370
  34. package/SlidingPanels.js +100 -102
  35. package/SplitButton.js +39 -25
  36. package/StepBar.js +1 -1
  37. package/Switch.js +70 -64
  38. package/TabBar.js +544 -417
  39. package/Table.js +1580 -1434
  40. package/Text.js +34 -34
  41. package/TextArea.js +26 -26
  42. package/Tooltip.js +416 -562
  43. package/TransitionOpen.js +2 -2
  44. package/package.json +7 -9
  45. package/types/src/Accordion/Accordion.d.ts +14 -21
  46. package/types/src/Accordion/AccordionContext.d.ts +0 -1
  47. package/types/src/Animation/Animation.d.ts +2 -3
  48. package/types/src/AnimationToggle/docs/examples/Provider.d.ts +2 -2
  49. package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts +2 -2
  50. package/types/src/AnimationToggle/useAnimationToggle.d.ts +1 -1
  51. package/types/src/Button/Button.d.ts +1 -1
  52. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
  53. package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
  54. package/types/src/ButtonSimple/mixin.d.ts +1 -1
  55. package/types/src/Calendar/Calendar.d.ts +2 -2
  56. package/types/src/Calendar/{DateTable.d.ts → DateGrid.d.ts} +9 -9
  57. package/types/src/Calendar/Day.d.ts +8 -4
  58. package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
  59. package/types/src/CardLayout/docs/examples/Interactive.d.ts +2 -2
  60. package/types/src/Clickable/Clickable.d.ts +1 -1
  61. package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +0 -1
  62. package/types/src/ComboBox/ComboBox.d.ts +3 -3
  63. package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +2 -2
  64. package/types/src/Date/docs/examples/Controlled.d.ts +2 -2
  65. package/types/src/Date/docs/examples/HighlightToday.d.ts +2 -2
  66. package/types/src/DefinitionList/DefinitionListContext.d.ts +0 -1
  67. package/types/src/DualListbox/DualListbox.d.ts +5 -1
  68. package/types/src/File/File.d.ts +4 -4
  69. package/types/src/File/FileContext.d.ts +0 -1
  70. package/types/src/File/Item.d.ts +11 -3
  71. package/types/src/File/ItemIcon.d.ts +2 -1
  72. package/types/src/File/docs/examples/Disabled.d.ts +2 -2
  73. package/types/src/File/docs/examples/DropAnywhere.d.ts +2 -2
  74. package/types/src/File/docs/examples/Multi.d.ts +2 -2
  75. package/types/src/File/docs/examples/Single.d.ts +2 -2
  76. package/types/src/FormRows/FormRows.d.ts +4 -4
  77. package/types/src/FormRows/FormRowsContext.d.ts +1 -2
  78. package/types/src/FormRows/SortableRow.d.ts +1 -1
  79. package/types/src/FormRows/docs/examples/Basic.d.ts +2 -2
  80. package/types/src/FormRows/docs/examples/Header.d.ts +2 -2
  81. package/types/src/FormRows/docs/examples/Menu.d.ts +2 -2
  82. package/types/src/FormRows/docs/examples/ReorderOnly.d.ts +2 -2
  83. package/types/src/Image/Image.d.ts +1 -4
  84. package/types/src/JSONTree/docs/examples/Events.d.ts +2 -2
  85. package/types/src/Layout/Layout.d.ts +1 -0
  86. package/types/src/Link/icons/External.d.ts +1 -2
  87. package/types/src/Menu/Divider.d.ts +1 -1
  88. package/types/src/Menu/MenuContext.d.ts +0 -1
  89. package/types/src/MessageBar/MessageBar.d.ts +5 -1
  90. package/types/src/Modal/ModalContext.d.ts +0 -1
  91. package/types/src/Multiselect/Compact.d.ts +46 -21
  92. package/types/src/Multiselect/Multiselect.d.ts +70 -30
  93. package/types/src/Multiselect/Normal.d.ts +46 -57
  94. package/types/src/Multiselect/Option.d.ts +42 -18
  95. package/types/src/Multiselect/docs/examples/Children.d.ts +2 -2
  96. package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -2
  97. package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -2
  98. package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -2
  99. package/types/src/Multiselect/docs/examples/Error.d.ts +2 -2
  100. package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -2
  101. package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -2
  102. package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -2
  103. package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -2
  104. package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +8 -7
  105. package/types/src/Number/docs/examples/Basic.d.ts +2 -2
  106. package/types/src/Number/docs/examples/Limits.d.ts +2 -2
  107. package/types/src/Number/docs/examples/Locale.d.ts +2 -2
  108. package/types/src/Popover/Popover.d.ts +1 -1
  109. package/types/src/Popover/PopoverMenuContext.d.ts +0 -1
  110. package/types/src/RadioBar/RadioBar.d.ts +1 -1
  111. package/types/src/RadioBar/RadioBarContext.d.ts +0 -1
  112. package/types/src/RadioList/RadioListContext.d.ts +0 -1
  113. package/types/src/Scroll/Inner.d.ts +1 -1
  114. package/types/src/Scroll/docs/examples/Controlled.d.ts +2 -2
  115. package/types/src/Search/Search.d.ts +2 -2
  116. package/types/src/Select/SelectBase.d.ts +2 -2
  117. package/types/src/Slider/docs/examples/Controlled.d.ts +2 -2
  118. package/types/src/Slider/docs/examples/CustomLabels.d.ts +2 -2
  119. package/types/src/Slider/getStepMarksBackground.d.ts +8 -0
  120. package/types/src/SlidingPanels/Panel.d.ts +2 -2
  121. package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
  122. package/types/src/SlidingPanels/docs/examples/Basic.d.ts +2 -2
  123. package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +2 -2
  124. package/types/src/SplitButton/Item.d.ts +15 -2
  125. package/types/src/StepBar/Step.d.ts +1 -1
  126. package/types/src/StepBar/StepBar.d.ts +1 -1
  127. package/types/src/StepBar/StepBarContext.d.ts +0 -1
  128. package/types/src/Switch/docs/examples/Basic.d.ts +2 -2
  129. package/types/src/Switch/docs/examples/Disabled.d.ts +2 -2
  130. package/types/src/TabBar/Tab.d.ts +12 -5
  131. package/types/src/TabBar/TabBar.d.ts +3 -2
  132. package/types/src/TabBar/TabBarContext.d.ts +7 -2
  133. package/types/src/Table/Head.d.ts +4 -15
  134. package/types/src/Table/HeadCell.d.ts +23 -25
  135. package/types/src/Table/HeadDropdownCell.d.ts +23 -26
  136. package/types/src/Table/HeadInner.d.ts +4 -10
  137. package/types/src/Table/Row.d.ts +6 -6
  138. package/types/src/Table/Table.d.ts +3 -8
  139. package/types/src/Table/TableContext.d.ts +0 -1
  140. package/types/src/Tooltip/Tooltip.d.ts +26 -58
  141. package/types/src/Tooltip/docs/examples/Controlled.d.ts +2 -2
  142. package/types/src/Tree/TreeContext.d.ts +0 -1
  143. package/types/src/useForceUpdate/useForceUpdate.d.ts +0 -1
  144. package/types/src/useResizeObserver/useResizeObserver.d.ts +2 -1
  145. package/types/src/utils/types.d.ts +2 -3
  146. package/useResizeObserver.js +26 -19
  147. package/types/src/Image/icons/Cross.d.ts +0 -3
  148. package/types/src/Table/docs/examples/prisma/DockedHeaderScrollbar.d.ts +0 -3
  149. package/types/src/Tooltip/InfoIcon.d.ts +0 -4
package/Text.js CHANGED
@@ -80,10 +80,10 @@
80
80
  var d = e.n(c);
81
81
  // CONCATENATED MODULE: external "@splunk/react-ui/Button"
82
82
  const v = require("@splunk/react-ui/Button");
83
- var p = e.n(v);
83
+ var b = e.n(v);
84
84
  // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
85
- const b = require("@splunk/react-icons/Cross");
86
- var f = e.n(b);
85
+ const p = require("@splunk/react-icons/Cross");
86
+ var f = e.n(p);
87
87
  // CONCATENATED MODULE: external "@splunk/react-ui/ControlGroup"
88
88
  const m = require("@splunk/react-ui/ControlGroup");
89
89
  // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
@@ -135,14 +135,14 @@
135
135
  var q = e.n(P);
136
136
  // CONCATENATED MODULE: ./src/Text/TextStyles.ts
137
137
  var D = "230px";
138
- var $ = B()(p()).withConfig({
138
+ var $ = B()(b()).withConfig({
139
139
  displayName: "TextStyles__StyledClearButton",
140
140
  componentId: "eg7n6t-0"
141
141
  })([ "display:none;visibility:hidden;" ]);
142
142
  var _ = B()(q()).withConfig({
143
143
  displayName: "TextStyles__StyledBox",
144
144
  componentId: "eg7n6t-1"
145
- })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";min-height:", ";overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;cursor:text;&:hover:not([disabled]){border-color:", ";background-color:", "}&:not([disabled]):has(> input:focus){box-shadow:", ";}&:not([disabled]){", "{visibility:visible;display:block;}}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], k.variables.spacingXSmall, k.variables.spacingSmall, k.variables.inputHeight, k.variables.interactiveColorBorder, k.variables.borderRadius, k.variables.interactiveColorBackground, k.variables.interactiveColorBorderHover, k.variables.interactiveColorOverlayHover, k.variables.focusShadow, /* sc-sel */ $, (function(e) {
145
+ })([ "display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;gap:", ";padding-inline:", ";min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;cursor:text;&:hover:not([disabled]){border-color:", ";background-color:", "}&:not([disabled]):has(> input:focus){box-shadow:", ";}&:not([disabled]){", "{visibility:visible;display:block;}}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}", "" ], k.variables.spacingXSmall, k.variables.spacingSmall, k.variables.inputHeight, k.variables.inputBorderWidth, k.variables.interactiveColorBorder, k.variables.borderRadius, k.variables.interactiveColorBackground, k.variables.interactiveColorBorderHover, k.variables.interactiveColorOverlayHover, k.variables.focusShadow, /* sc-sel */ $, (function(e) {
146
146
  var r = e.$error;
147
147
  return r && (0, A.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], k.variables.interactiveColorAccentError, k.variables.interactiveColorAccentErrorStrong);
148
148
  }), (function(e) {
@@ -243,18 +243,18 @@
243
243
  return e;
244
244
  }
245
245
  function U(e, r, t) {
246
- return (r = X(r)) in e ? Object.defineProperty(e, r, {
246
+ return (r = W(r)) in e ? Object.defineProperty(e, r, {
247
247
  value: t,
248
248
  enumerable: !0,
249
249
  configurable: !0,
250
250
  writable: !0
251
251
  }) : e[r] = t, e;
252
252
  }
253
- function X(e) {
254
- var r = J(e, "string");
253
+ function W(e) {
254
+ var r = X(e, "string");
255
255
  return "symbol" == H(r) ? r : r + "";
256
256
  }
257
- function J(e, r) {
257
+ function X(e, r) {
258
258
  if ("object" != H(e) || !e) return e;
259
259
  var t = e[Symbol.toPrimitive];
260
260
  if (void 0 !== t) {
@@ -264,8 +264,8 @@
264
264
  }
265
265
  return ("string" === r ? String : Number)(e);
266
266
  }
267
- function Q() {
268
- return Q = Object.assign ? Object.assign.bind() : function(e) {
267
+ function J() {
268
+ return J = Object.assign ? Object.assign.bind() : function(e) {
269
269
  for (var r = 1; r < arguments.length; r++) {
270
270
  var t = arguments[r];
271
271
  for (var n in t) {
@@ -273,9 +273,9 @@
273
273
  }
274
274
  }
275
275
  return e;
276
- }, Q.apply(null, arguments);
276
+ }, J.apply(null, arguments);
277
277
  }
278
- function W(e, r) {
278
+ function Q(e, r) {
279
279
  return te(e) || re(e, r) || Z(e, r) || Y();
280
280
  }
281
281
  function Y() {
@@ -391,7 +391,7 @@
391
391
  });
392
392
  /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */ function le(e) {
393
393
  var r;
394
- var o = e.append, a = o === void 0 ? false : o, i = e.autoCapitalize, u = e.autoComplete, c = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, f = e.canClear, y = f === void 0 ? false : f, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, A = e.error, B = A === void 0 ? false : A, I = e.inline, P = I === void 0 ? false : I, q = e.inputClassName, D = e.inputId, H = e.inputRef, z = e.labelledBy, V = e.maxLength, K = e.name, L = e.onBlur, U = e.onChange, X = e.onClick, J = e.onFocus, Y = e.onKeyDown, Z = e.onSelect, ee = e.passwordVisibilityToggle, re = ee === void 0 ? false : ee, te = e.placeholder, oe = e.prepend, ae = oe === void 0 ? false : oe, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, pe = e.type, be = pe === void 0 ? "text" : pe, fe = e.value, me = ne(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
394
+ var o = e.append, a = o === void 0 ? false : o, i = e.autoCapitalize, u = e.autoComplete, c = e.autoCorrect, v = e.autoFocus, p = v === void 0 ? false : v, f = e.canClear, y = f === void 0 ? false : f, C = e.children, x = e.defaultValue, k = e.disabled, w = k === void 0 ? false : k, O = e.describedBy, j = e.elementRef, E = e.endAdornment, A = e.error, B = A === void 0 ? false : A, I = e.inline, P = I === void 0 ? false : I, q = e.inputClassName, D = e.inputId, H = e.inputRef, z = e.labelledBy, V = e.maxLength, K = e.name, L = e.onBlur, U = e.onChange, W = e.onClick, X = e.onFocus, Y = e.onKeyDown, Z = e.onSelect, ee = e.passwordVisibilityToggle, re = ee === void 0 ? false : ee, te = e.placeholder, oe = e.prepend, ae = oe === void 0 ? false : oe, le = e.required, ue = e.spellCheck, se = e.startAdornment, ce = e.tabIndex, de = ce === void 0 ? 0 : ce, ve = e.title, be = e.type, pe = be === void 0 ? "text" : be, fe = e.value, me = ne(e, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "canClear", "children", "defaultValue", "disabled", "describedBy", "elementRef", "endAdornment", "error", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "startAdornment", "tabIndex", "title", "type", "value" ]);
395
395
  // @docs-props-type TextPropsBase
396
396
  var ye = (0, t.useContext)(m.ControlGroupContext);
397
397
  var ge = g()({
@@ -400,8 +400,8 @@
400
400
  componentProps: arguments[0]
401
401
  });
402
402
  var he = (0, t.useRef)(null);
403
- var Ce = (0, t.useState)(x || ""), xe = W(Ce, 2), ke = xe[0], we = xe[1];
404
- var Se = (0, t.useState)(true), Oe = W(Se, 2), je = Oe[0], Ee = Oe[1];
403
+ var Ce = (0, t.useState)(x || ""), xe = Q(Ce, 2), ke = xe[0], we = xe[1];
404
+ var Se = (0, t.useState)(true), Oe = Q(Se, 2), je = Oe[0], Ee = Oe[1];
405
405
  var Te = (0, t.useMemo)((function() {
406
406
  return ge ? fe : ke;
407
407
  }), [ ge, fe, ke ]);
@@ -436,26 +436,26 @@
436
436
  });
437
437
  }), [ ge, K, U ]);
438
438
  var Pe = (0, t.useCallback)((function(e) {
439
- X === null || X === void 0 ? void 0 : X(e);
439
+ W === null || W === void 0 ? void 0 : W(e);
440
440
  e.stopPropagation();
441
- }), [ X ]);
441
+ }), [ W ]);
442
442
  var qe = (0, t.useCallback)((function(e) {
443
443
  if (document.activeElement !== he.current) {
444
444
  var r;
445
445
  (r = he.current) === null || r === void 0 ? void 0 : r.focus();
446
446
  }
447
- X === null || X === void 0 ? void 0 : X(e);
448
- }), [ X ]);
447
+ W === null || W === void 0 ? void 0 : W(e);
448
+ }), [ W ]);
449
449
  var De = (0, t.useCallback)((function(e) {
450
450
  e.stopPropagation();
451
451
  }), []);
452
452
  var $e = (0, t.useCallback)((function(e) {
453
453
  var r = e.target.value;
454
- J === null || J === void 0 ? void 0 : J(e, {
454
+ X === null || X === void 0 ? void 0 : X(e, {
455
455
  value: r,
456
456
  name: K
457
457
  });
458
- }), [ K, J ]);
458
+ }), [ K, X ]);
459
459
  var _e = (0, t.useCallback)((function(e) {
460
460
  Y === null || Y === void 0 ? void 0 : Y(e);
461
461
  }), [ Y ]);
@@ -477,7 +477,7 @@
477
477
  };
478
478
  if (E) {
479
479
 
480
- return n().createElement(R, Q({
480
+ return n().createElement(R, J({
481
481
  "data-test": "end-adornment",
482
482
  onClick: De
483
483
  }, r), E);
@@ -486,7 +486,7 @@
486
486
  var t = je ? n().createElement(T, null) : n().createElement(S, null);
487
487
  var o = je ? (0, h._)("Show password") : (0, h._)("Hide password");
488
488
 
489
- return n().createElement(R, r, n().createElement(p(), {
489
+ return n().createElement(R, r, n().createElement(b(), {
490
490
  appearance: "secondary",
491
491
  "data-test": "password-toggle",
492
492
  inline: false,
@@ -517,7 +517,7 @@
517
517
  };
518
518
  if (se) {
519
519
 
520
- return n().createElement(R, Q({
520
+ return n().createElement(R, J({
521
521
  "data-test": "start-adornment",
522
522
  onClick: De
523
523
  }, e), se);
@@ -536,7 +536,7 @@
536
536
  "aria-describedby": O,
537
537
  "aria-labelledby": z,
538
538
  "aria-invalid": B || undefined,
539
- "aria-disabled": w === "dimmed"
539
+ "aria-disabled": w === "dimmed" || undefined
540
540
  });
541
541
  }), [ O, w, B, z, me ]);
542
542
  var Ve = G({
@@ -545,13 +545,13 @@
545
545
  $prepend: ae || undefined
546
546
  }, s()(me, [ "inputRef", "onBlur", "onClick", "onChange", "onFocus", "onKeyDown", "onSelect" ].concat(M(l()(ze)))));
547
547
  var Ke = je ? "password" : "text";
548
- var Le = re ? Ke : be;
548
+ var Le = re ? Ke : pe;
549
549
  var Ge = G(G({}, ze), {}, {
550
550
  "data-test": "textbox",
551
551
  autoCapitalize: i,
552
552
  autoComplete: u,
553
553
  autoCorrect: c,
554
- autoFocus: b,
554
+ autoFocus: p,
555
555
  className: q,
556
556
  id: D,
557
557
  maxLength: V,
@@ -573,13 +573,13 @@
573
573
  $error: B
574
574
  });
575
575
  // Do not render value in DOM when type is password, or passwordVisibilityToggle is enabled
576
- var Ue = be === "password" || re ? undefined : Te;
576
+ var Ue = pe === "password" || re ? undefined : Te;
577
577
  // Firefox hack (SUI-2716). Remove when fixed: https://bugzilla.mozilla.org/show_bug.cgi?id=1427173
578
- var Xe = be === "time";
578
+ var We = pe === "time";
579
579
 
580
- return n().createElement(_, Q({
580
+ return n().createElement(_, J({
581
581
  tabIndex: -1,
582
- $isTimeInput: Xe,
582
+ $isTimeInput: We,
583
583
  "data-test": "text",
584
584
  "data-test-value": Ue,
585
585
  elementRef: j,
@@ -587,7 +587,7 @@
587
587
  inline: P,
588
588
  onClick: qe,
589
589
  $disabled: !!w
590
- }, Ve), Me(), w ? n().createElement(N, Q({
590
+ }, Ve), Me(), w ? n().createElement(N, J({
591
591
  className: q,
592
592
  "data-test": "textbox",
593
593
  disabled: w === true,
@@ -595,7 +595,7 @@
595
595
  readOnly: true,
596
596
  type: Le,
597
597
  value: Te
598
- }, ze)) : n().createElement(N, Q({}, Ge, {
598
+ }, ze)) : n().createElement(N, J({}, Ge, {
599
599
  onClick: Pe
600
600
  })), C, He());
601
601
  }
package/TextArea.js CHANGED
@@ -228,7 +228,7 @@
228
228
  var j = g()(w()).withConfig({
229
229
  displayName: "TextAreaStyles__StyledBox",
230
230
  componentId: "gfy8yp-0"
231
- })([ "", " display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;min-height:", ";overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;gap:", ";padding:0 ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}" ], h.mixins.reset("inline-flex"), h.variables.inputHeight, h.variables.interactiveColorBorder, h.variables.borderRadius, h.variables.interactiveColorBackground, h.variables.spacingSmall, S, h.variables.interactiveColorBorderHover, h.variables.focusShadow, h.variables.contentColorActive, (function(e) {
231
+ })([ "", " display:flex;justify-content:space-between;flex-grow:1;flex-shrink:1;position:relative;min-height:", ";overflow:hidden;border:", " solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);align-items:center;gap:", ";padding:0 ", ";&:hover:not([disabled]){border-color:", ";}&:not([disabled]):has(textarea:focus){box-shadow:", ";color:", ";}", " ", " ", " ", " &[data-inline]{width:", ";flex-basis:", ";}" ], h.mixins.reset("inline-flex"), h.variables.inputHeight, h.variables.inputBorderWidth, h.variables.interactiveColorBorder, h.variables.borderRadius, h.variables.interactiveColorBackground, h.variables.spacingSmall, S, h.variables.interactiveColorBorderHover, h.variables.focusShadow, h.variables.contentColorActive, (function(e) {
232
232
  var r = e.$error;
233
233
  return r && (0, m.css)([ "border-color:", ";&:hover:not([disabled]){border-color:", ";}" ], h.variables.interactiveColorAccentError, h.variables.interactiveColorAccentErrorStrong);
234
234
  }), (function(e) {
@@ -274,7 +274,7 @@
274
274
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
275
275
  * @param current - The new value of the ref.
276
276
  */
277
- function T(e, r) {
277
+ function B(e, r) {
278
278
  if (e) {
279
279
  if (typeof e === "function") {
280
280
  e(r);
@@ -287,13 +287,13 @@
287
287
  }
288
288
  }
289
289
  // CONCATENATED MODULE: ./src/TextArea/TextArea.tsx
290
- function B(e) {
290
+ function T(e) {
291
291
  "@babel/helpers - typeof";
292
- return B = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
292
+ return T = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
293
293
  return typeof e;
294
294
  } : function(e) {
295
295
  return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
296
- }, B(e);
296
+ }, T(e);
297
297
  }
298
298
  function M() {
299
299
  return M = Object.assign ? Object.assign.bind() : function(e) {
@@ -316,7 +316,7 @@
316
316
  if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
317
317
  }
318
318
  function _(e) {
319
- if (Array.isArray(e)) return U(e);
319
+ if (Array.isArray(e)) return W(e);
320
320
  }
321
321
  function R(e, r) {
322
322
  var t = Object.keys(e);
@@ -349,39 +349,39 @@
349
349
  }
350
350
  function V(e) {
351
351
  var r = z(e, "string");
352
- return "symbol" == B(r) ? r : r + "";
352
+ return "symbol" == T(r) ? r : r + "";
353
353
  }
354
354
  function z(e, r) {
355
- if ("object" != B(e) || !e) return e;
355
+ if ("object" != T(e) || !e) return e;
356
356
  var t = e[Symbol.toPrimitive];
357
357
  if (void 0 !== t) {
358
358
  var n = t.call(e, r || "default");
359
- if ("object" != B(n)) return n;
359
+ if ("object" != T(n)) return n;
360
360
  throw new TypeError("@@toPrimitive must return a primitive value.");
361
361
  }
362
362
  return ("string" === r ? String : Number)(e);
363
363
  }
364
364
  function L(e, r) {
365
- return G(e) || W(e, r) || H(e, r) || K();
365
+ return G(e) || U(e, r) || H(e, r) || K();
366
366
  }
367
367
  function K() {
368
368
  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
369
369
  }
370
370
  function H(e, r) {
371
371
  if (e) {
372
- if ("string" == typeof e) return U(e, r);
372
+ if ("string" == typeof e) return W(e, r);
373
373
  var t = {}.toString.call(e).slice(8, -1);
374
- 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) ? U(e, r) : void 0;
374
+ 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) ? W(e, r) : void 0;
375
375
  }
376
376
  }
377
- function U(e, r) {
377
+ function W(e, r) {
378
378
  (null == r || r > e.length) && (r = e.length);
379
379
  for (var t = 0, n = Array(r); t < r; t++) {
380
380
  n[t] = e[t];
381
381
  }
382
382
  return n;
383
383
  }
384
- function W(e, r) {
384
+ function U(e, r) {
385
385
  var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
386
386
  if (null != t) {
387
387
  var n, o, a, i, l = [], u = !0, s = !1;
@@ -469,7 +469,7 @@
469
469
  };
470
470
  var Y = function e() {};
471
471
  /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */ function Z(t) {
472
- var n = t.append, o = n === void 0 ? false : n, a = t.autoCapitalize, i = t.autoComplete, u = t.autoCorrect, c = t.autoFocus, f = c === void 0 ? false : c, v = t.children, m = t.disabled, g = m === void 0 ? false : m, h = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, B = t.inline, q = B === void 0 ? false : B, D = t.inputClassName, _ = t.inputId, R = t.inputRef, F = t.labelledBy, V = t.maxLength, z = t.name, K = t.onBlur, H = t.onChange, U = t.onFocus, W = t.onInputClick, G = t.onKeyDown, Q = t.onSelect, X = t.placeholder, Z = t.prepend, ee = Z === void 0 ? false : Z, re = t.required, te = t.rowsMin, ne = te === void 0 ? 2 : te, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, ie = t.spellCheck, le = t.startAdornment, ue = t.tabIndex, se = ue === void 0 ? 0 : ue, ce = t.value, de = J(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
472
+ var n = t.append, o = n === void 0 ? false : n, a = t.autoCapitalize, i = t.autoComplete, u = t.autoCorrect, c = t.autoFocus, f = c === void 0 ? false : c, v = t.children, m = t.disabled, g = m === void 0 ? false : m, h = t.describedBy, x = t.defaultValue, w = t.elementRef, C = t.error, S = C === void 0 ? false : C, O = t.endAdornment, T = t.inline, q = T === void 0 ? false : T, D = t.inputClassName, _ = t.inputId, R = t.inputRef, F = t.labelledBy, V = t.maxLength, z = t.name, K = t.onBlur, H = t.onChange, W = t.onFocus, U = t.onInputClick, G = t.onKeyDown, Q = t.onSelect, X = t.placeholder, Z = t.prepend, ee = Z === void 0 ? false : Z, re = t.required, te = t.rowsMin, ne = te === void 0 ? 2 : te, oe = t.rowsMax, ae = oe === void 0 ? 8 : oe, ie = t.spellCheck, le = t.startAdornment, ue = t.tabIndex, se = ue === void 0 ? 0 : ue, ce = t.value, de = J(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "disabled", "describedBy", "defaultValue", "elementRef", "error", "endAdornment", "inline", "inputClassName", "inputId", "inputRef", "labelledBy", "maxLength", "name", "onBlur", "onChange", "onFocus", "onInputClick", "onKeyDown", "onSelect", "placeholder", "prepend", "required", "rowsMin", "rowsMax", "spellCheck", "startAdornment", "tabIndex", "value" ]);
473
473
  // @docs-props-type TextAreaPropsBase
474
474
  (0, e.useEffect)((function() {
475
475
  if (false) {}
@@ -486,7 +486,7 @@
486
486
  var Se = fe ? ce : be;
487
487
  var Oe = (0, e.useCallback)((function(e) {
488
488
  we.current = e;
489
- T(R, e);
489
+ B(R, e);
490
490
  }), [ R, we ]);
491
491
  var je = (0, e.useCallback)((function(e) {
492
492
  G === null || G === void 0 ? void 0 : G(e);
@@ -495,15 +495,15 @@
495
495
  Q === null || Q === void 0 ? void 0 : Q(e);
496
496
  }), [ Q ]);
497
497
  var Ie = (0, e.useCallback)((function(e) {
498
- W === null || W === void 0 ? void 0 : W(e);
499
- }), [ W ]);
498
+ U === null || U === void 0 ? void 0 : U(e);
499
+ }), [ U ]);
500
500
  var ke = (0, e.useCallback)((function(e) {
501
501
  var r = e.target.value;
502
- U === null || U === void 0 ? void 0 : U(e, {
502
+ W === null || W === void 0 ? void 0 : W(e, {
503
503
  value: r,
504
504
  name: z
505
505
  });
506
- }), [ z, U ]);
506
+ }), [ z, W ]);
507
507
  var Pe = (0, e.useCallback)((function(e) {
508
508
  var r = e.target.value;
509
509
  K === null || K === void 0 ? void 0 : K(e, {
@@ -521,7 +521,7 @@
521
521
  name: z
522
522
  });
523
523
  }), [ H, ye, fe, z ]);
524
- var Te = (0, e.useCallback)((function() {
524
+ var Be = (0, e.useCallback)((function() {
525
525
  var e = y({
526
526
  height: he,
527
527
  rowsMax: ae,
@@ -532,11 +532,11 @@
532
532
  xe(e);
533
533
  }
534
534
  }), [ xe, Ce, ae, ne, he ]);
535
- var Be = (0, e.useMemo)((function() {
536
- return p()(Te, 100);
537
- }), [ Te ]);
535
+ var Te = (0, e.useMemo)((function() {
536
+ return p()(Be, 100);
537
+ }), [ Be ]);
538
538
  (0, e.useLayoutEffect)((function() {
539
- Te();
539
+ Be();
540
540
  }));
541
541
  var Me = $($({}, d()(de, (function(e, r) {
542
542
  return r === "role" || r.indexOf("aria-") === 0;
@@ -603,7 +603,7 @@
603
603
  }, O)), r().createElement(b(), {
604
604
  target: window,
605
605
  eventType: "resize",
606
- listener: Be
606
+ listener: Te
607
607
  }));
608
608
  }
609
609
  Z.propTypes = X;