@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/DualListbox.js

@@ -230,8 +230,8 @@
  * Defaults to `'{}'`.
  * @public
  */
-    var I =  n().createContext({});
-    /* harmony default export */    const L = I;
+    var L =  n().createContext({});
+    /* harmony default export */    const I = L;
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
     const q = require("@splunk/react-ui/Tooltip");
     var P =  e.n(q);
@@ -270,13 +270,13 @@
                 light: N.variables.gray60,
                 dark: N.variables.borderColor
             }), (0, N.pick)({
-                light: N.variables.linkColor,
+                light: N.variables.contentColorLink,
                 dark: N.variables.white
             }), (0, N.pick)({
                 light: N.variables.gray92,
                 dark: N.variables.gray22
             }), (0, N.pick)({
-                light: N.variables.linkColor,
+                light: N.variables.contentColorLink,
                 dark: N.variables.white
             })),
             prisma: (0, _.css)([ "color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";border-color:", ";box-shadow:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";}}" ], N.variables.contentColorActive, N.variables.interactiveColorOverlayHover, N.variables.interactiveColorBorderHover, N.variables.hoverShadow, N.variables.interactiveColorOverlayActive, N.variables.interactiveColorOverlayActive)
@@ -341,7 +341,7 @@
     };
     function $(e) {
         var r = e.ariaLabel, a = e.ariaKeyShortcuts, i = e.icon, l = e.name, o = e.tooltipLabel, u = e.tooltipPlacement, c = M(e, [ "ariaLabel", "ariaKeyShortcuts", "icon", "name", "tooltipLabel", "tooltipPlacement" ]);
-        var s = (0, t.useContext)(L);
+        var s = (0, t.useContext)(I);
         var v = p()();
         var d = s.getButtonState, f = s.onButtonClick, b = s.updateButtonRefreshHookByName;
         (0, t.useEffect)((function() {
@@ -383,7 +383,7 @@
     var W = D().li.withConfig({
         displayName: "OptionStyles__StyledListItem",
         componentId: "q275d9-0"
-    })([ "align-items:center;color:", ";cursor:pointer;display:flex;overflow:hidden;width:100%;word-wrap:break-word;", " ", "" ], N.variables.contentColorActive, (0, 
+    })([ "align-items:center;color:", ";cursor:pointer;display:flex;overflow:hidden;width:100%;word-wrap:break-word;line-height:20px;", " ", "" ], N.variables.contentColorActive, (0, 
     N.pickVariant)("$active", {
         true: (0, _.css)([ "", "" ], (0, N.pick)({
             prisma: (0, _.css)([ "background:", ";" ], N.variables.interactiveColorOverlaySelected),
@@ -671,13 +671,13 @@
                 selected: n
             });
         };
-        var I = function e(r) {
+        var L = function e(r) {
             // this prevents default text selection when using shift + click
             if (r.shiftKey && r.target !== r.currentTarget) {
                 r.preventDefault();
             }
         };
-        var L = (0, t.useMemo)((function() {
+        var I = (0, t.useMemo)((function() {
             return {
                 onOptionClick: S,
                 updateLabelRefreshHookByName: C,
@@ -689,7 +689,7 @@
         }), [ S, C, x, w, O, b ]);
         
         return n().createElement(Q.Provider, {
-            value: L
+            value: I
         },  n().createElement(se, {
             id: d.current,
             index: i,
@@ -704,7 +704,7 @@
             "data-test": "listbox",
             id: f.current,
             onKeyDown: R,
-            onMouseDown: I,
+            onMouseDown: L,
             ref: a,
             role: "listbox",
             tabIndex: 0,
@@ -744,7 +744,7 @@
         }, xe.apply(null, arguments);
     }
     function Se(e, r) {
-        return Ie(e) || Ee(e, r) || Oe(e, r) || we();
+        return Le(e) || Ee(e, r) || Oe(e, r) || we();
     }
     function we() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -785,10 +785,10 @@
             return o;
         }
     }
-    function Ie(e) {
+    function Le(e) {
         if (Array.isArray(e)) return e;
     }
-    function Le(e, r) {
+    function Ie(e, r) {
         if (null == e) return {};
         var t, n, a = qe(e, r);
         if (Object.getOwnPropertySymbols) {
@@ -825,7 +825,7 @@
     };
     function _e(e) {
         var r, a, i, u;
-        var s = e.children, f = e.controlled, b = f === void 0 ? false : f, m = e.fill, g = m === void 0 ? false : m, y = e.inline, k = y === void 0 ? false : y, R = e.onChange, I = e.onSelect, q = e.lists, P = Le(e, [ "children", "controlled", "fill", "inline", "onChange", "onSelect", "lists" ]);
+        var s = e.children, f = e.controlled, b = f === void 0 ? false : f, m = e.fill, g = m === void 0 ? false : m, y = e.inline, k = y === void 0 ? false : y, R = e.onChange, L = e.onSelect, q = e.lists, P = Ie(e, [ "children", "controlled", "fill", "inline", "onChange", "onSelect", "lists" ]);
         // @docs-props-type DualListboxPropsBase
                 var _ = p()();
         var D = (0, t.useRef)(false);
@@ -992,7 +992,7 @@
                 disabled: r < 1 || t < 1
             };
         }), [ we, pe ]);
-        var Ie = (0, t.useCallback)((function() {
+        var Le = (0, t.useCallback)((function() {
             if (J.current && J.current.length > 0) {
                 var e;
                 J.current = "";
@@ -1049,11 +1049,11 @@
             }
         }), []);
         var Te = (0, t.useCallback)((function(e) {
-            Ie();
+            Le();
             je(e);
             He(ae);
             He(ie);
-        }), [ Ie, He, je, ae, ie ]);
+        }), [ Le, He, je, ae, ie ]);
         var Be = (0, t.useCallback)((function(e, r) {
             var t = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
             var n = e === ae ? T.current : $.current;
@@ -1091,11 +1091,11 @@
             }
             Be(n, t);
             e.preventDefault();
-            I === null || I === void 0 ? void 0 : I(e, {
+            L === null || L === void 0 ? void 0 : L(e, {
                 values: i,
                 listName: n
             });
-        }), [ Oe, fe, ye, de, Be, Te, I ]);
+        }), [ Oe, fe, ye, de, Be, Te, L ]);
         var Ae = (0, t.useCallback)((function(e, r) {
             var t = r.initialIndex, n = r.name, a = r.targetIndex;
             var i = ye(n);
@@ -1124,11 +1124,11 @@
             Be(n, i[a]);
             e.preventDefault();
             e.stopPropagation();
-            I === null || I === void 0 ? void 0 : I(e, {
+            L === null || L === void 0 ? void 0 : L(e, {
                 values: u,
                 listName: n
             });
-        }), [ ye, I, de, Be, Te, Ve ]);
+        }), [ ye, L, de, Be, Te, Ve ]);
         var Ke = (0, t.useCallback)((function(e, r) {
             var t = r.name, n = r.selected;
             var a = ye(t);
@@ -1145,11 +1145,11 @@
                 Te(t);
             }
             e.preventDefault();
-            I === null || I === void 0 ? void 0 : I(e, {
+            L === null || L === void 0 ? void 0 : L(e, {
                 values: i,
                 listName: t
             });
-        }), [ ye, I, de, Te, Ve ]);
+        }), [ ye, L, de, Te, Ve ]);
         // handleMoveValues does not update the active value of the source, keyboard and mouse differ, only the target active value is updated
                 var $e = (0, t.useCallback)((function(e, r, t) {
             var n = ye(r);
@@ -1280,7 +1280,7 @@
             var c = u ? Z.current[u] : -1;
             var s = ee.current >= 0 ? ee.current : 0;
             if (J.current && J.current.length > 0) {
-                Ie();
+                Le();
             }
             var v = u;
             switch (n) {
@@ -1393,7 +1393,7 @@
                 e.preventDefault();
                 Be(t, v);
             }
-        }), [ Ie, ve, Oe, fe, ye, We, $e, Ae, Me, Ke, Be, ae, ie ]);
+        }), [ Le, ve, Oe, fe, ye, We, $e, Ae, Me, Ke, Be, ae, ie ]);
         var Ge = (0, t.useMemo)((function() {
             return {
                 onButtonClick: Fe,
@@ -1439,7 +1439,7 @@
             onClick: ze,
             onKeyDown: Xe,
             onSelectAllClick: Ue
-        }, ce[0].options),  n().createElement(Ce, null,  n().createElement(L.Provider, {
+        }, ce[0].options),  n().createElement(Ce, null,  n().createElement(I.Provider, {
             value: Ge
         },  n().createElement(F, {
             ariaLabel: (0, d.sprintf)((0, l._)("Move selected options to %(listLabel)s list"), {