@splunk/react-ui 5.7.1 → 5.8.0

package/SlidingPanels.js

@@ -98,7 +98,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function m(e, n) {
+    function v(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -111,8 +111,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/SlidingPanels/Panel.tsx
-    function v() {
-        return v = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -120,7 +120,7 @@
                 }
             }
             return e;
-        }, v.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
     function b(e, n) {
         return j(e) || h(e, n) || g(e, n) || O();
@@ -206,7 +206,7 @@
                 var c = (0, t.useState)(null), f = b(c, 2), s = f[0], y = f[1];
         var p = (0, t.useCallback)((function(e) {
             y(e);
-            m(o, e);
+            v(o, e);
         }), [ o ]);
         (0, t.useEffect)((function() {
             i === null || i === void 0 ? void 0 : i(s, u);
@@ -215,7 +215,7 @@
             };
         }), [ i, a, s, u ]);
         
-        return r().createElement(d, v({
+        return r().createElement(d, m({
             "data-test": "panel",
             "data-test-panel-id": u
         }, l, {
@@ -423,7 +423,7 @@
         }, c);
     }));
     function J(e) {
-        var n = e.activePanelId, i = e.children, a = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, d = e.transition, m = d === void 0 ? "forward" : d, v = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
+        var n = e.activePanelId, i = e.children, a = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, d = e.transition, v = d === void 0 ? "forward" : d, m = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
         // @docs-props-type SlidingPanelsPropsBase
                 var b = (0, t.useState)(0), O = C(b, 2), g = O[0], S = O[1];
         var h = (0, t.useState)([]), j = C(h, 2), w = j[0], P = j[1];
@@ -442,8 +442,8 @@
         }), [ A ]);
         /* determines what our transform translateX will look like based on is it transitioning forward or backward */        var R = (0, 
         t.useMemo)((function() {
-            return F(q, m);
-        }), [ q, m ]);
+            return F(q, v);
+        }), [ q, v ]);
         var k = (0, u.useAnimationTransition)(g, B(B(B({
             ref: N
         }, z), R), {}, {
@@ -495,9 +495,9 @@
             className: s,
             "data-test-active-panel-id": n,
             "data-test": "sliding-panels",
-            elementRef: a,
+            ref: a,
             style: y
-        }, v), k((function(e, n) {
+        }, m), k((function(e, n) {
             var t = w[n];
             return t ?  r().createElement(H, {
                 innerClassName: l,

package/StepBar.js

@@ -153,16 +153,16 @@
         displayName: "StepStyles__StyledExclamationCircleIcon",
         componentId: "sc-756fxp-5"
     })([ "", ";color:", ";" ], h, b.variables.contentColorNegative);
-    var _ = p().span.withConfig({
+    var k = p().span.withConfig({
         displayName: "StepStyles__StyledStepLabel",
         componentId: "sc-756fxp-6"
     })([ "", "" ], (0, b.pickVariant)("$orientation", {
         horizontal: (0, s.css)([ "padding-inline:calc(", " / 2);text-align:center;" ], b.variables.spacingXXLarge),
-        vertical: (0, s.css)([ "grid-row:1 / -1;" ])
+        vertical: (0, s.css)([ "grid-row:1 / -1;overflow-wrap:break-word;word-break:break-word;" ])
     }));
     // CONCATENATED MODULE: ./src/StepBar/Step.tsx
-    function k() {
-        return k = Object.assign ? Object.assign.bind() : function(e) {
+    function _() {
+        return _ = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
@@ -170,7 +170,7 @@
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, _.apply(null, arguments);
     }
     function E(e, t) {
         if (null == e) return {};
@@ -228,7 +228,7 @@
             })
         };
         
-        return n().createElement(S, k({
+        return n().createElement(S, _({
             $status: f,
             "data-test-status": f,
             "data-test": "step",
@@ -241,7 +241,7 @@
             $status: f
         }),  n().createElement(x, {
             $orientation: v
-        }, m[f]),  n().createElement(_, {
+        }, m[f]),  n().createElement(k, {
             $orientation: v
         }, t));
     }

package/Switch.js

@@ -177,7 +177,7 @@
         displayName: "SwitchStyles__StyledToggleClickable",
         componentId: "sc-844ieu-5"
     })([ "", "" ], E);
-    var R = u().label.withConfig({
+    var L = u().label.withConfig({
         displayName: "SwitchStyles__StyledLabel",
         componentId: "sc-844ieu-6"
     })([ "", " flex:1 1 auto;color:inherit;line-height:", ";", ";" ], k.mixins.reset("inline-block"), k.variables.lineHeight, (function(e) {
@@ -191,7 +191,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function L(e, r) {
+    function R(e, r) {
         if (e) {
             if (typeof e === "function") {
                 e(r);
@@ -380,7 +380,7 @@
             });
         }), [ p, B, m ]);
         var q = (0, a.useCallback)((function(e) {
-            L(S, e);
+            R(S, e);
         }), [ S ]);
         var E = m === "some" ? "mixed" : m;
         var _ = {
@@ -413,7 +413,7 @@
             "data-test-error": u ? true : undefined,
             "data-error": u ? true : undefined,
             "data-test-disabled": n ? "disabled" : undefined,
-            elementRef: s,
+            ref: s,
             $disabled: n || false
         }, O), o === "toggle" ?  i().createElement(W, A({
             disabled: n || false,
@@ -422,7 +422,7 @@
             error: u || false,
             disabled: n || false,
             selected: m
-        }, T)), j &&  i().createElement(c(), null, _["".concat(m)]), t &&  i().createElement(R, {
+        }, T)), j &&  i().createElement(c(), null, _["".concat(m)]), t &&  i().createElement(L, {
             $disabled: n || false,
             "data-test": "label",
             id: I,

package/Text.js

@@ -183,18 +183,18 @@
         }, _(e);
     }
     function N(e) {
-        return H(e) || F(e) || X(e) || R();
+        return M(e) || H(e) || X(e) || F();
     }
-    function R() {
+    function F() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function F(e) {
+    function H(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function H(e) {
+    function M(e) {
         if (Array.isArray(e)) return J(e);
     }
-    function M(e, r) {
+    function R(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -207,9 +207,9 @@
     function z(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? M(Object(t), !0).forEach((function(r) {
+            r % 2 ? R(Object(t), !0).forEach((function(r) {
                 V(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : M(Object(t)).forEach((function(r) {
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : R(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
@@ -364,7 +364,7 @@
     });
     /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    function ne(e) {
         var r;
-        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, p = e.canClear, y = p === void 0 ? false : p, g = e.children, x = e.defaultValue, S = e.disabled, O = S === void 0 ? false : S, j = e.describedBy, E = e.elementRef, A = e.endAdornment, B = e.error, I = B === void 0 ? false : B, _ = e.inline, R = _ === void 0 ? false : _, F = e.inputClassName, H = e.inputId, M = e.inputRef, V = e.labelledBy, K = e.maxLength, L = e.name, U = e.onBlur, X = e.onChange, J = e.onClick, Q = e.onFocus, Y = e.onKeyDown, ee = e.onSelect, re = e.passwordVisibilityToggle, ne = re === void 0 ? false : re, oe = e.placeholder, ae = e.prepend, ie = ae === void 0 ? false : ae, 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, ye = Z(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" ]);
+        var o = e.append, i = o === void 0 ? false : o, u = e.autoCapitalize, c = e.autoComplete, d = e.autoCorrect, v = e.autoFocus, b = v === void 0 ? false : v, p = e.canClear, y = p === void 0 ? false : p, g = e.children, x = e.defaultValue, S = e.disabled, O = S === void 0 ? false : S, j = e.describedBy, E = e.elementRef, A = e.endAdornment, B = e.error, I = B === void 0 ? false : B, _ = e.inline, F = _ === void 0 ? false : _, H = e.inputClassName, M = e.inputId, R = e.inputRef, V = e.labelledBy, K = e.maxLength, L = e.name, U = e.onBlur, X = e.onChange, J = e.onClick, Q = e.onFocus, Y = e.onKeyDown, ee = e.onSelect, re = e.passwordVisibilityToggle, ne = re === void 0 ? false : re, oe = e.placeholder, ae = e.prepend, ie = ae === void 0 ? false : ae, 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, ye = Z(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" ]);
         // @docs-props-type TextPropsBase
                 var me = (0, t.useContext)(h.ControlGroupContext);
         var ge = k()({
@@ -434,15 +434,15 @@
         }), [ Y ]);
         var Ne = (0, t.useCallback)((function(e) {
             Ce.current = e;
-            D(M, e);
-        }), [ M, Ce ]);
-        var Re = (0, t.useCallback)((function(e) {
+            D(R, e);
+        }), [ R, Ce ]);
+        var Fe = (0, t.useCallback)((function(e) {
             ee === null || ee === void 0 ? void 0 : ee(e);
         }), [ ee ]);
-        var Fe = (0, t.useCallback)((function() {
+        var He = (0, t.useCallback)((function() {
             Ee(!je);
         }), [ je ]);
-        var He = (0, t.useCallback)((function() {
+        var Me = (0, t.useCallback)((function() {
             var e;
             var r = {
                 $disabled: !!O,
@@ -463,7 +463,7 @@
                     appearance: "secondary",
                     "data-test": "password-toggle",
                     inline: false,
-                    onClick: Fe,
+                    onClick: He,
                     type: "button",
                     icon: t,
                     "aria-label": o
@@ -482,8 +482,8 @@
                 }));
             }
             return undefined;
-        }), [ y, (r = me.labelAttrs) === null || r === void 0 ? void 0 : r.text, O, Ae, A, $e, Pe, Fe, je, ne ]);
-        var Me = (0, t.useCallback)((function() {
+        }), [ y, (r = me.labelAttrs) === null || r === void 0 ? void 0 : r.text, O, Ae, A, $e, Pe, He, je, ne ]);
+        var Re = (0, t.useCallback)((function() {
             var e = {
                 $disabled: !!O,
                 $position: "start"
@@ -525,13 +525,13 @@
             autoComplete: c,
             autoCorrect: d,
             autoFocus: b,
-            className: F,
-            id: H,
+            className: H,
+            id: M,
             maxLength: K,
             name: L,
             onChange: Ie,
             onKeyDown: _e,
-            onSelect: Re,
+            onSelect: Fe,
             onClick: Te,
             onFocus: De,
             onBlur: Be,
@@ -556,13 +556,13 @@
             "data-test": "text",
             "data-test-value": We,
             "data-test-disabled": O === "dimmed" && "dimmed" || O && "disabled" || undefined,
-            elementRef: E,
+            ref: E,
             flex: true,
-            inline: R,
+            inline: F,
             onClick: qe,
             $disabled: !!O
-        }, Ve), Me(), O ?  n().createElement(q, G({
-            className: F,
+        }, Ve), Re(), O ?  n().createElement(q, G({
+            className: H,
             "data-test": "textbox",
             disabled: O === true,
             placeholder: oe,
@@ -571,7 +571,7 @@
             value: Ae
         }, ze)) :  n().createElement(q, G({}, Ge, {
             onClick: Te
-        })), g, He());
+        })), g, Me());
     }
     ne.propTypes = re;
     ne.componentType = "Text";

package/TextArea.js

@@ -328,8 +328,8 @@
         var e = typeof window !== "undefined" ? window : $;
         return e;
     }
-    var R = F();
-    /* harmony default export */    const L = R;
+    var L = F();
+    /* harmony default export */    const R = L;
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -532,7 +532,7 @@
     };
     var ce = function e() {};
     /** Note: TextArea places role and aria props onto the input. All other props are placed on the wrapper. */    function se(e) {
-        var n = e.append, o = n === void 0 ? false : n, i = e.autoCapitalize, u = e.autoComplete, s = e.autoCorrect, f = e.autoFocus, p = f === void 0 ? false : f, v = e.children, m = e.disabled, g = m === void 0 ? false : m, w = e.describedBy, C = e.defaultValue, x = e.elementRef, S = e.error, A = S === void 0 ? false : S, O = e.endAdornment, E = e.inline, P = E === void 0 ? false : E, N = e.inputClassName, q = e.inputId, _ = e.inputRef, D = e.labelledBy, $ = e.maxLength, F = e.name, R = e.onBlur, z = e.onChange, W = e.onFocus, U = e.onInputClick, G = e.onKeyDown, J = e.onSelect, X = e.placeholder, Y = e.prepend, Z = Y === void 0 ? false : Y, ne = e.required, re = e.rowsMin, te = re === void 0 ? 2 : re, oe = e.rowsMax, ae = oe === void 0 ? 8 : oe, le = e.spellCheck, ue = e.startAdornment, se = e.tabIndex, de = se === void 0 ? 0 : se, fe = e.value, pe = ie(e, [ "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" ]);
+        var n = e.append, o = n === void 0 ? false : n, i = e.autoCapitalize, u = e.autoComplete, s = e.autoCorrect, f = e.autoFocus, p = f === void 0 ? false : f, v = e.children, m = e.disabled, g = m === void 0 ? false : m, w = e.describedBy, C = e.defaultValue, x = e.elementRef, S = e.error, A = S === void 0 ? false : S, O = e.endAdornment, E = e.inline, P = E === void 0 ? false : E, N = e.inputClassName, q = e.inputId, _ = e.inputRef, D = e.labelledBy, $ = e.maxLength, F = e.name, L = e.onBlur, z = e.onChange, W = e.onFocus, U = e.onInputClick, G = e.onKeyDown, J = e.onSelect, X = e.placeholder, Y = e.prepend, Z = Y === void 0 ? false : Y, ne = e.required, re = e.rowsMin, te = re === void 0 ? 2 : re, oe = e.rowsMax, ae = oe === void 0 ? 8 : oe, le = e.spellCheck, ue = e.startAdornment, se = e.tabIndex, de = se === void 0 ? 0 : se, fe = e.value, pe = ie(e, [ "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" ]);
         // @docs-props-type TextAreaPropsBase
                 (0, r.useEffect)((function() {
             if (false) {}
@@ -569,11 +569,11 @@
         }), [ F, W ]);
         var Pe = (0, r.useCallback)((function(e) {
             var n = e.target.value;
-            R === null || R === void 0 ? void 0 : R(e, {
+            L === null || L === void 0 ? void 0 : L(e, {
                 value: n,
                 name: F
             });
-        }), [ F, R ]);
+        }), [ F, L ]);
         var Be = (0, r.useCallback)((function(e) {
             var n = e.target.value;
             if (!ve) {
@@ -649,7 +649,7 @@
             "data-test": "text-area",
             "data-test-value": Oe,
             "data-test-disabled": g ? "disabled" : undefined,
-            elementRef: x,
+            ref: x,
             $inline: P,
             disabled: g
         }, _e, De), ue &&  t().createElement(B, {
@@ -664,7 +664,7 @@
         }),  t().createElement(I, $e)), v, O &&  t().createElement(M, {
             $disabled: !!g
         }, O)),  t().createElement(b(), {
-            target: L,
+            target: R,
             eventType: "resize",
             listener: Ne
         }));