@splunk/react-ui 4.41.0 → 4.42.0

package/Resize.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ ee
+        default: () => /* reexport */ re
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -82,9 +82,9 @@
     const f = require("@splunk/react-ui/ScreenReaderContent");
     var p =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const h = require("@splunk/ui-utils/i18n");
+    const v = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const v = require("@splunk/ui-utils/keyboard");
+    const h = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
     const y = require("styled-components");
     var w =  e.n(y);
@@ -94,12 +94,12 @@
     var m = "9px";
     var g = "14px";
     var S = "3px";
-    var O = "11px";
-    var k = w().div.withConfig({
+    var k = "11px";
+    var z = w().div.withConfig({
         displayName: "ResizeStyles__Styled",
         componentId: "sc-181mwes-0"
     })([ "", ";position:relative;overflow-x:hidden;overflow-y:hidden;" ], b.mixins.reset("block"));
-    var z = w().div.withConfig({
+    var O = w().div.withConfig({
         displayName: "ResizeStyles__StyledBorder",
         componentId: "sc-181mwes-1"
     })([ "", ";height:100%;width:100%;border:0 solid ", ";", " ", " ", " ", "" ], b.mixins.reset("block"), (0, 
@@ -150,9 +150,9 @@
         return t && n && (0, y.css)([ "background-color:", ";&:active{background-color:", ";}" ], b.variables.borderColorWeak, b.variables.borderColorStrong);
     }), (function(e) {
         var t = e.$showHandles;
-        return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */ k);
+        return t === "on-hover" && (0, y.css)([ "opacity:0;transition:opacity 200ms;", ":hover > div > &,&:focus{opacity:1;}" ], /* sc-sel */ z);
     }));
-    var E = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], D, O, O);
+    var E = (0, y.css)([ "", ";width:", ";height:", ";position:absolute;background-clip:content-box;z-index:2;" ], D, k, k);
     var j = (0, y.css)([ "height:100%;" ]);
     var C = (0, y.css)([ "width:100%;display:flex;justify-content:center;" ]);
     var P = (0, y.css)([ "", ";position:absolute;z-index:1;", "" ], D, (function(e) {
@@ -245,14 +245,14 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && L(e, t);
+        }), t && W(e, t);
     }
-    function L(e, t) {
-        return L = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function W(e, t) {
+        return W = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, L(e, t);
+        }, W(e, t);
     }
-    function W(e) {
+    function X(e) {
         var t = V();
         return function() {
             var r, n = A(e);
@@ -260,15 +260,15 @@
                 var o = A(this).constructor;
                 r = Reflect.construct(n, arguments, o);
             } else r = n.apply(this, arguments);
-            return X(this, r);
+            return Y(this, r);
         };
     }
-    function X(e, t) {
+    function Y(e, t) {
         if (t && ("object" == T(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return Y(e);
+        return L(e);
     }
-    function Y(e) {
+    function L(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
@@ -322,23 +322,34 @@
         keyIncrement: 10,
         showHandles: "always"
     };
+    var Z = [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ];
+    var ee = {
+        nw: (0, v._)("Resize northwest"),
+        n: (0, v._)("Resize north"),
+        ne: (0, v._)("Resize northeast"),
+        w: (0, v._)("Resize west"),
+        e: (0, v._)("Resize east"),
+        sw: (0, v._)("Resize southwest"),
+        s: (0, v._)("Resize south"),
+        se: (0, v._)("Resize southeast")
+    };
     /**
  * Resize is a utility container with drag handles for resizing.
- */    var Z =  function(e) {
+ */    var te =  function(e) {
         K(r, e);
-        var t = W(r);
+        var t = X(r);
         // @docs-props-type ResizePropsBase
                 function r(e) {
             var o;
             M(this, r);
             o = t.call(this, e);
-            F(Y(o), "handleMount", (function(e) {
+            F(L(o), "handleMount", (function(e) {
                 o.setState({
                     el: e
                 });
                 H(o.props.elementRef, e);
             }));
-            F(Y(o), "handleDragStart", (function(e, t) {
+            F(L(o), "handleDragStart", (function(e, t) {
                 if (e.button > 0) {
                     return;
                 }
@@ -355,24 +366,24 @@
                     };
                 }));
             }));
-            F(Y(o), "handleDragEnd", (function() {
+            F(L(o), "handleDragEnd", (function() {
                 o.setState({
                     dragDirection: undefined
                 });
             }));
-            F(Y(o), "handleDrag", (function(e) {
+            F(L(o), "handleDrag", (function(e) {
                 var t = o.state, r = t.dragDirection, n = t.startWidth, i = n === void 0 ? 0 : n, a = t.startHeight, s = a === void 0 ? 0 : a, c = t.startX, l = c === void 0 ? 0 : c, u = t.startY, d = u === void 0 ? 0 : u;
                 var f = (r === null || r === void 0 ? void 0 : r.match(/(w|e)$/)) ? e.clientX - l : 0;
                 var p = (r === null || r === void 0 ? void 0 : r.match(/^(s|n)/)) ? e.clientY - d : 0;
-                var h = {
+                var v = {
                     width: (r === null || r === void 0 ? void 0 : r.match(/w$/)) ? i - f : i + f,
                     height: (r === null || r === void 0 ? void 0 : r.match(/^n/)) ? s - p : s + p
                 };
-                o.props.onRequestResize(e, h);
+                o.props.onRequestResize(e, v);
             }));
-            F(Y(o), "handleKeyDown", (function(e, t) {
+            F(L(o), "handleKeyDown", (function(e, t) {
                 var r = o.props.keyIncrement;
-                var n = (0, v.keycode)(e.nativeEvent);
+                var n = (0, h.keycode)(e.nativeEvent);
                 var i = t.slice(-1);
                 var a = {
                     e: {
@@ -406,12 +417,12 @@
                     o.props.onRequestResize(e, d);
                 }
             }));
-            F(Y(o), "renderHandle", (function(e) {
-                var t = o.props, i = t.showHandles, a = t.appearance;
-                var s = e.length > 1;
-                var c;
-                if (s) {
-                    c =  n().createElement(_, {
+            F(L(o), "renderHandle", (function(e) {
+                var t = o.props, r = t.showHandles, i = t.appearance;
+                var a = e.length > 1;
+                var s;
+                if (a) {
+                    s =  n().createElement(_, {
                         viewBox: "0 0 11 11",
                         width: "11px",
                         height: "11px"
@@ -419,7 +430,7 @@
                         d: "M0 8 L 8 0 M4 8 L 8 4"
                     }));
                 } else if (e === "n" || e === "s") {
-                    c =  n().createElement(R, {
+                    s =  n().createElement(R, {
                         viewBox: "0 0 14 3",
                         width: "14px",
                         height: "3px"
@@ -435,7 +446,7 @@
                         y: "2"
                     }));
                 } else if (e === "e" || e === "w") {
-                    c =  n().createElement(R, {
+                    s =  n().createElement(R, {
                         viewBox: "0 0 3 14",
                         width: "3px",
                         height: "14px"
@@ -457,17 +468,17 @@
                     "data-test": "resize-handle-".concat(e),
                     onMouseDown: o["handleDragStart".concat(e)],
                     onKeyDown: o["handleKeyDown".concat(e)],
-                    $showHandles: i,
+                    $showHandles: r,
                     $cardinalDirection: e,
-                    $isSeparator: a === "separator"
-                }, c,  n().createElement(p(), null, r.handleLabels[e]));
+                    $isSeparator: i === "separator"
+                }, s,  n().createElement(p(), null, ee[e]));
             }));
             o.state = {
                 el: null
             };
             if (false) {}
             // Generate handlers for each direction.
-                        r.handleOrder.forEach((function(e) {
+                        Z.forEach((function(e) {
                 // @ts-expect-error - dynamic function creation
                 o["handleDragStart".concat(e)] = function(t) {
                     o.handleDragStart(t, e);
@@ -485,29 +496,29 @@
                 var t = this.props, o = t.appearance, i = t.children, a = t.resizeHandles;
                 var c = this.state, u = c.dragDirection, f = c.el;
  // Handles are inserted before and after children to optimize tab order
-                                var p = r.handleOrder.slice(0, 4).filter((function(e) {
+                                var p = Z.slice(0, 4).filter((function(e) {
                     return a.indexOf(e) > -1;
                 })).map(this.renderHandle);
-                var h = r.handleOrder.slice(4).filter((function(e) {
+                var v = Z.slice(4).filter((function(e) {
                     return a.indexOf(e) > -1;
                 })).map(this.renderHandle);
                 /* When appearance is border, determine which sides need margin.
        * Converts ['se', 'n'] to { e: true, s: true, n: true}
-       */                var v = {};
+       */                var h = {};
                 if (o === "border") {
                     a.join("").split("").filter((function(e, t, r) {
                         return r.indexOf(e) === t;
                     })).forEach((function(e) {
-                        v[e] = true;
+                        h[e] = true;
                     }));
                 }
                 
-                return n().createElement(k, I({
+                return n().createElement(z, I({
                     "data-test": "resize",
                     ref: this.handleMount
-                }, l()(this.props, s()(r.propTypes))),  n().createElement(z, {
-                    $borderSides: v
-                }, f && p, i, f && h, u &&  n().createElement(n().Fragment, null,  n().createElement(d(), {
+                }, l()(this.props, s()(r.propTypes))),  n().createElement(O, {
+                    $borderSides: h
+                }, f && p, i, f && v, u &&  n().createElement(n().Fragment, null,  n().createElement(d(), {
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleDrag
@@ -520,20 +531,9 @@
         } ]);
         return r;
     }(r.Component);
-    F(Z, "propTypes", Q);
-    F(Z, "defaultProps", U);
-    F(Z, "handleOrder", [ "nw", "n", "ne", "w", "e", "sw", "s", "se" ]);
-    F(Z, "handleLabels", {
-        nw: (0, h._)("Resize northwest"),
-        n: (0, h._)("Resize north"),
-        ne: (0, h._)("Resize northeast"),
-        w: (0, h._)("Resize west"),
-        e: (0, h._)("Resize east"),
-        sw: (0, h._)("Resize southwest"),
-        s: (0, h._)("Resize south"),
-        se: (0, h._)("Resize southeast")
-    });
-    /* harmony default export */    const ee = Z;
+    F(te, "propTypes", Q);
+    F(te, "defaultProps", U);
+    /* harmony default export */    const re = te;
     // CONCATENATED MODULE: ./src/Resize/index.ts
     module.exports = t;
     /******/})();

package/ResultsMenu.js

@@ -596,15 +596,15 @@
                     }, A &&  t().createElement(x, {
                         "data-test": "no-results-message",
                         disabled: true
-                    }, v),  t().createElement(T["default"], {
-                        "aria-live": "polite"
-                    }, A && v), a, m && !R && 
+                    }, v), a, m && !R && 
                     
                     // Bottom spacer fills in the space of new items being loaded by using the minimum possible height x menuItems.
                     t().createElement("div", {
                         "data-test": "results-menu-bottom-spacer",
                         style: C
-                    }), s &&  t().createElement(w, null, i &&  t().createElement(j, null),  t().createElement(k, null, d)))), y !== "above" && this.renderFooterMessage(), y === "above" && u);
+                    }), s &&  t().createElement(w, null, i &&  t().createElement(j, null),  t().createElement(k, null, d)))),  t().createElement(T["default"], {
+                        "aria-live": "polite"
+                    }, A && v), y !== "above" && this.renderFooterMessage(), y === "above" && u);
                 }
             } ]);
             return o;