@splunk/react-ui 5.7.1 → 5.9.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,