@splunk/react-ui 4.40.0 → 4.42.0

package/RadioBar.js

@@ -118,12 +118,15 @@
                 subtle: (0, p.css)([ "border-color:", ";" ], d.variables.borderLightColor)
             }));
         })),
-        prisma: (0, p.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}& + &{margin-left:2px;}", " &:not([disabled],[aria-disabled='true']){", "}" ], d.variables.inputHeight, d.variables.inputHeight, d.variables.spacingXSmall, (function(e) {
+        prisma: (0, p.css)([ "border-radius:3px;font-weight:initial;height:calc(", " - 6px);min-height:calc(", " - 6px);padding:2px 12px;> span{gap:", ";}", " &:not([disabled],[aria-disabled='true']){", "}" ], d.variables.inputHeight, d.variables.inputHeight, d.variables.spacingXSmall, (function(e) {
             var r = e.$optionSelected;
-            return r && (0, p.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";}&:hover{background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], d.variables.embossShadow, (0, 
+            return r && (0, p.css)([ "box-shadow:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";&:focus{background-color:", ";}}&:hover{background-color:", ";}&[disabled],&[aria-disabled='true']{background-color:", ";}" ], d.variables.embossShadow, (0, 
             d.pick)({
                 dark: d.variables.interactiveColorOverlaySelected,
                 light: d.variables.white
+            }), (0, d.pick)({
+                dark: d.variables.interactiveColorOverlaySelected,
+                light: d.variables.white
             }), d.mixins.overlayColors(d.variables.interactiveColorOverlaySelected, d.variables.interactiveColorOverlayHover), d.variables.backgroundColorPage);
         }), (function(e) {
             var r = e.$optionSelected;
@@ -140,16 +143,16 @@
     })([ "", " flex:0 1 auto;", "" ], d.mixins.ellipsis, (0, d.pick)({
         enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
     }));
-    var w = f().div.withConfig({
+    var k = f().div.withConfig({
         displayName: "OptionStyles__StyledAdornment",
         componentId: "fyq77p-3"
     })([ "flex:0 0 auto;", "" ], (0, d.pick)({
         enterprise: (0, p.css)([ "&:not(:first-child){margin-left:", ";}" ], d.variables.spacingXSmall)
     }));
     // CONCATENATED MODULE: ./src/RadioBar/RadioBarContext.tsx
-    var k =  (0, t.createContext)({});
-    k.displayName = "RadioBar";
-    /* harmony default export */    const x = k;
+    var w =  (0, t.createContext)({});
+    w.displayName = "RadioBar";
+    /* harmony default export */    const x = w;
     // CONCATENATED MODULE: ./src/RadioBar/Option.tsx
     function S() {
         return S = Object.assign ? Object.assign.bind() : function(e) {
@@ -204,7 +207,7 @@
     function E(e) {
         var r = e.disabled, n = e.icon, o = e.label, l = e.selected, i = e.startAdornment, s = e.endAdornment, u = e.value, c = e.role, p = c === void 0 ? "radio" : c, f = C(e, [ "disabled", "icon", "label", "selected", "startAdornment", "endAdornment", "value", "role" ]);
         // @docs-props-type OptionPropsBase
-                var v = (0, t.useContext)(x), b = v.onClick, y = v.appearance, g = v.error, k = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
+                var v = (0, t.useContext)(x), b = v.onClick, y = v.appearance, g = v.error, w = v.onKeyDown, j = v.firstValue, P = v.selectedValue;
         var E = (0, d.useSplunkTheme)(), T = E.isEnterprise, _ = E.isPrisma;
         if (false) {}
         var q = -1;
@@ -225,11 +228,11 @@
             }
         }), [ o, b, l, u ]);
         var B = (0, t.useCallback)((function(e) {
-            return k === null || k === void 0 ? void 0 : k(e, {
+            return w === null || w === void 0 ? void 0 : w(e, {
                 value: u,
                 label: o
             });
-        }), [ o, k, u ]);
+        }), [ o, w, u ]);
         
         return a().createElement(h, S({
             "aria-invalid": g,
@@ -246,7 +249,7 @@
             "aria-checked": l,
             tabIndex: D,
             onKeyDown: B
-        }), _ && n &&  a().createElement(m, null, n), i &&  a().createElement(w, null, i), o &&  a().createElement(O, null, o), s &&  a().createElement(w, null, s));
+        }), _ && n &&  a().createElement(m, null, n), i &&  a().createElement(k, null, i), o &&  a().createElement(O, null, o), s &&  a().createElement(k, null, s));
     }
     E.propTypes = P;
     /* harmony default export */    const T = E;
@@ -259,7 +262,7 @@
         componentId: "gg1b79-0"
     })([ "height:", ";", " [data-inline] + &{margin-left:", ";}" ], d.variables.inputHeight, (0, 
     d.pick)({
-        prisma: (0, p.css)([ "padding:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
+        prisma: (0, p.css)([ "padding:2px;gap:2px;border-radius:", ";border:1px solid ", ";background:", ";" ], d.variables.borderRadius, (function(e) {
             var r = e.$error;
             return r ? d.variables.accentColorNegative : "transparent";
         }), (function(e) {
@@ -574,17 +577,17 @@
                     });
                 }));
                 var O = this.filteredValues[0];
-                var w = p == null || this.filteredValues.includes(y);
+                var k = p == null || this.filteredValues.includes(y);
                 if (false) {}
-                var k = g && o === "default" ? "default" : "subtle";
+                var w = g && o === "default" ? "default" : "subtle";
                 // eslint-disable-next-line react/jsx-no-constructed-context-values
                                 var S = {
-                    appearance: k,
+                    appearance: w,
                     onClick: this.handleClick,
                     error: s,
                     onKeyDown: this.handleOnKeyDown,
                     firstValue: O,
-                    selectedValue: w ? y : undefined
+                    selectedValue: k ? y : undefined
                 };
                 
                 return a().createElement(D, B({
@@ -596,6 +599,7 @@
                     role: v,
                     "aria-labelledby": c,
                     "aria-describedby": i,
+                    "aria-disabled": h || undefined,
                     "aria-required": f,
                     "aria-invalid": v === "radiogroup" ? s : undefined
                 }, u()(b, "onChange")),  a().createElement(x.Provider, {

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;
     /******/})();