@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.
- package/Accordion.js +185 -243
- package/Animation.js +2 -2
- package/Button.js +1 -1
- package/ButtonSimple.js +47 -41
- package/CHANGELOG.md +12 -2
- package/CHANGELOG.v5.mdx +38 -0
- package/Calendar.js +352 -469
- package/Chip.js +149 -280
- package/Code.js +19 -12
- package/Color.js +32 -32
- package/ComboBox.js +8 -6
- package/Date.js +1 -1
- package/DualListbox.js +298 -296
- package/File.js +294 -281
- package/FormRows.js +165 -153
- package/Image.js +124 -251
- package/Layout.d.ts +2 -0
- package/MIGRATION.v5.mdx +1 -1
- package/Menu.js +1 -1
- package/Message.js +77 -100
- package/MessageBar.js +141 -251
- package/Modal.js +2 -2
- package/ModalLayer.js +12 -12
- package/Multiselect.js +1978 -2323
- package/NonInteractiveCheckbox.js +29 -117
- package/Number.js +114 -114
- package/Popover.js +348 -350
- package/Progress.js +1 -1
- package/RadioBar.js +136 -136
- package/Scroll.js +2 -2
- package/Select.js +236 -240
- package/SidePanel.js +17 -21
- package/Slider.js +366 -370
- package/SlidingPanels.js +100 -102
- package/SplitButton.js +39 -25
- package/StepBar.js +1 -1
- package/Switch.js +70 -64
- package/TabBar.js +544 -417
- package/Table.js +1580 -1434
- package/Text.js +34 -34
- package/TextArea.js +26 -26
- package/Tooltip.js +416 -562
- package/TransitionOpen.js +2 -2
- package/package.json +7 -9
- package/types/src/Accordion/Accordion.d.ts +14 -21
- package/types/src/Accordion/AccordionContext.d.ts +0 -1
- package/types/src/Animation/Animation.d.ts +2 -3
- package/types/src/AnimationToggle/docs/examples/Provider.d.ts +2 -2
- package/types/src/AnimationToggle/docs/examples/ToggleComponent.d.ts +2 -2
- package/types/src/AnimationToggle/useAnimationToggle.d.ts +1 -1
- package/types/src/Button/Button.d.ts +1 -1
- package/types/src/ButtonGroup/ButtonGroupContext.d.ts +0 -1
- package/types/src/ButtonSimple/ButtonSimple.d.ts +1 -3
- package/types/src/ButtonSimple/mixin.d.ts +1 -1
- package/types/src/Calendar/Calendar.d.ts +2 -2
- package/types/src/Calendar/{DateTable.d.ts → DateGrid.d.ts} +9 -9
- package/types/src/Calendar/Day.d.ts +8 -4
- package/types/src/CardLayout/CardLayoutContext.d.ts +0 -1
- package/types/src/CardLayout/docs/examples/Interactive.d.ts +2 -2
- package/types/src/Clickable/Clickable.d.ts +1 -1
- package/types/src/CollapsiblePanel/SingleOpenPanelGroupContext.d.ts +0 -1
- package/types/src/ComboBox/ComboBox.d.ts +3 -3
- package/types/src/ControlGroup/docs/examples/CustomizedLabelTarget.d.ts +2 -2
- package/types/src/Date/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Date/docs/examples/HighlightToday.d.ts +2 -2
- package/types/src/DefinitionList/DefinitionListContext.d.ts +0 -1
- package/types/src/DualListbox/DualListbox.d.ts +5 -1
- package/types/src/File/File.d.ts +4 -4
- package/types/src/File/FileContext.d.ts +0 -1
- package/types/src/File/Item.d.ts +11 -3
- package/types/src/File/ItemIcon.d.ts +2 -1
- package/types/src/File/docs/examples/Disabled.d.ts +2 -2
- package/types/src/File/docs/examples/DropAnywhere.d.ts +2 -2
- package/types/src/File/docs/examples/Multi.d.ts +2 -2
- package/types/src/File/docs/examples/Single.d.ts +2 -2
- package/types/src/FormRows/FormRows.d.ts +4 -4
- package/types/src/FormRows/FormRowsContext.d.ts +1 -2
- package/types/src/FormRows/SortableRow.d.ts +1 -1
- package/types/src/FormRows/docs/examples/Basic.d.ts +2 -2
- package/types/src/FormRows/docs/examples/Header.d.ts +2 -2
- package/types/src/FormRows/docs/examples/Menu.d.ts +2 -2
- package/types/src/FormRows/docs/examples/ReorderOnly.d.ts +2 -2
- package/types/src/Image/Image.d.ts +1 -4
- package/types/src/JSONTree/docs/examples/Events.d.ts +2 -2
- package/types/src/Layout/Layout.d.ts +1 -0
- package/types/src/Link/icons/External.d.ts +1 -2
- package/types/src/Menu/Divider.d.ts +1 -1
- package/types/src/Menu/MenuContext.d.ts +0 -1
- package/types/src/MessageBar/MessageBar.d.ts +5 -1
- package/types/src/Modal/ModalContext.d.ts +0 -1
- package/types/src/Multiselect/Compact.d.ts +46 -21
- package/types/src/Multiselect/Multiselect.d.ts +70 -30
- package/types/src/Multiselect/Normal.d.ts +46 -57
- package/types/src/Multiselect/Option.d.ts +42 -18
- package/types/src/Multiselect/docs/examples/Children.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/CustomizeSelected.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Disabled.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Error.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/Fetching.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/LoadMoreOnScrollBottom.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/NewValues.d.ts +2 -2
- package/types/src/Multiselect/docs/examples/TabInput.d.ts +2 -2
- package/types/src/NonInteractiveCheckbox/NonInteractiveCheckbox.d.ts +8 -7
- package/types/src/Number/docs/examples/Basic.d.ts +2 -2
- package/types/src/Number/docs/examples/Limits.d.ts +2 -2
- package/types/src/Number/docs/examples/Locale.d.ts +2 -2
- package/types/src/Popover/Popover.d.ts +1 -1
- package/types/src/Popover/PopoverMenuContext.d.ts +0 -1
- package/types/src/RadioBar/RadioBar.d.ts +1 -1
- package/types/src/RadioBar/RadioBarContext.d.ts +0 -1
- package/types/src/RadioList/RadioListContext.d.ts +0 -1
- package/types/src/Scroll/Inner.d.ts +1 -1
- package/types/src/Scroll/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Search/Search.d.ts +2 -2
- package/types/src/Select/SelectBase.d.ts +2 -2
- package/types/src/Slider/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Slider/docs/examples/CustomLabels.d.ts +2 -2
- package/types/src/Slider/getStepMarksBackground.d.ts +8 -0
- package/types/src/SlidingPanels/Panel.d.ts +2 -2
- package/types/src/SlidingPanels/SlidingPanels.d.ts +2 -2
- package/types/src/SlidingPanels/docs/examples/Basic.d.ts +2 -2
- package/types/src/SlidingPanels/docs/examples/Dropdown.d.ts +2 -2
- package/types/src/SplitButton/Item.d.ts +15 -2
- package/types/src/StepBar/Step.d.ts +1 -1
- package/types/src/StepBar/StepBar.d.ts +1 -1
- package/types/src/StepBar/StepBarContext.d.ts +0 -1
- package/types/src/Switch/docs/examples/Basic.d.ts +2 -2
- package/types/src/Switch/docs/examples/Disabled.d.ts +2 -2
- package/types/src/TabBar/Tab.d.ts +12 -5
- package/types/src/TabBar/TabBar.d.ts +3 -2
- package/types/src/TabBar/TabBarContext.d.ts +7 -2
- package/types/src/Table/Head.d.ts +4 -15
- package/types/src/Table/HeadCell.d.ts +23 -25
- package/types/src/Table/HeadDropdownCell.d.ts +23 -26
- package/types/src/Table/HeadInner.d.ts +4 -10
- package/types/src/Table/Row.d.ts +6 -6
- package/types/src/Table/Table.d.ts +3 -8
- package/types/src/Table/TableContext.d.ts +0 -1
- package/types/src/Tooltip/Tooltip.d.ts +26 -58
- package/types/src/Tooltip/docs/examples/Controlled.d.ts +2 -2
- package/types/src/Tree/TreeContext.d.ts +0 -1
- package/types/src/useForceUpdate/useForceUpdate.d.ts +0 -1
- package/types/src/useResizeObserver/useResizeObserver.d.ts +2 -1
- package/types/src/utils/types.d.ts +2 -3
- package/useResizeObserver.js +26 -19
- package/types/src/Image/icons/Cross.d.ts +0 -3
- package/types/src/Table/docs/examples/prisma/DockedHeaderScrollbar.d.ts +0 -3
- 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
|
|
83
|
+
var b = e.n(v);
|
|
84
84
|
// CONCATENATED MODULE: external "@splunk/react-icons/Cross"
|
|
85
|
-
const
|
|
86
|
-
var f = e.n(
|
|
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()(
|
|
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:
|
|
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 =
|
|
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
|
|
254
|
-
var r =
|
|
253
|
+
function W(e) {
|
|
254
|
+
var r = X(e, "string");
|
|
255
255
|
return "symbol" == H(r) ? r : r + "";
|
|
256
256
|
}
|
|
257
|
-
function
|
|
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
|
|
268
|
-
return
|
|
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
|
-
},
|
|
276
|
+
}, J.apply(null, arguments);
|
|
277
277
|
}
|
|
278
|
-
function
|
|
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,
|
|
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 =
|
|
404
|
-
var Se = (0, t.useState)(true), Oe =
|
|
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
|
-
|
|
439
|
+
W === null || W === void 0 ? void 0 : W(e);
|
|
440
440
|
e.stopPropagation();
|
|
441
|
-
}), [
|
|
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
|
-
|
|
448
|
-
}), [
|
|
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
|
-
|
|
454
|
+
X === null || X === void 0 ? void 0 : X(e, {
|
|
455
455
|
value: r,
|
|
456
456
|
name: K
|
|
457
457
|
});
|
|
458
|
-
}), [ K,
|
|
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,
|
|
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(
|
|
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,
|
|
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 :
|
|
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:
|
|
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 =
|
|
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
|
|
578
|
+
var We = pe === "time";
|
|
579
579
|
|
|
580
|
-
return n().createElement(_,
|
|
580
|
+
return n().createElement(_, J({
|
|
581
581
|
tabIndex: -1,
|
|
582
|
-
$isTimeInput:
|
|
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,
|
|
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,
|
|
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:
|
|
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
|
|
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
|
|
290
|
+
function T(e) {
|
|
291
291
|
"@babel/helpers - typeof";
|
|
292
|
-
return
|
|
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
|
-
},
|
|
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
|
|
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" ==
|
|
352
|
+
return "symbol" == T(r) ? r : r + "";
|
|
353
353
|
}
|
|
354
354
|
function z(e, r) {
|
|
355
|
-
if ("object" !=
|
|
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" !=
|
|
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) ||
|
|
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
|
|
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) ?
|
|
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
|
|
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
|
|
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,
|
|
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
|
-
|
|
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
|
-
|
|
499
|
-
}), [
|
|
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
|
-
|
|
502
|
+
W === null || W === void 0 ? void 0 : W(e, {
|
|
503
503
|
value: r,
|
|
504
504
|
name: z
|
|
505
505
|
});
|
|
506
|
-
}), [ z,
|
|
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
|
|
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
|
|
536
|
-
return p()(
|
|
537
|
-
}), [
|
|
535
|
+
var Te = (0, e.useMemo)((function() {
|
|
536
|
+
return p()(Be, 100);
|
|
537
|
+
}), [ Be ]);
|
|
538
538
|
(0, e.useLayoutEffect)((function() {
|
|
539
|
-
|
|
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:
|
|
606
|
+
listener: Te
|
|
607
607
|
}));
|
|
608
608
|
}
|
|
609
609
|
Z.propTypes = X;
|