@splunk/react-ui 4.37.0 → 4.39.0

package/DualListbox.js

@@ -95,27 +95,24 @@
  * Defaults to `'{}'`.
  * @public
  */
-    var h =  n().createContext({});
-    /* harmony default export */    const g = h;
+    var g =  n().createContext({});
+    /* harmony default export */    const h = g;
     // CONCATENATED MODULE: ./src/DualListbox/ScreenReaderWrapper.tsx
     function y() {
-        y = Object.assign || function(e) {
+        return y = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        };
-        return y.apply(this, arguments);
+        }, y.apply(null, arguments);
     }
     function k(e) {
         var r = y({}, e);
         var a = p()();
-        var i = (0, t.useContext)(g);
+        var i = (0, t.useContext)(h);
         var l = i.getScreenReaderMessage, o = i.updateScreenReaderRefreshHook;
         (0, t.useEffect)((function() {
             o === null || o === void 0 ? void 0 : o(a);
@@ -181,10 +178,10 @@
         if (!t) {
             return;
         }
- // Below the bottom of the container.
+        // Below the bottom of the container.
                 if (t.scrollTop + t.clientHeight < r.offsetTop + r.clientHeight) {
             t.scrollTop = r.offsetTop + r.clientHeight - t.clientHeight;
- // Above the top of the container.
+            // Above the top of the container.
                 } else if (t.scrollTop > r.offsetTop) {
             t.scrollTop = r.offsetTop;
         }
@@ -206,7 +203,7 @@
                 a = true;
                 return true;
             }
- // If we haven't found a match yet, keep track of the next closest match.
+            // If we haven't found a match yet, keep track of the next closest match.
             // Secondary matching looks for the closest character of a higher value, and failing that, closest of a lower value.
                         if (!a) {
                 var i = R(n, t.index);
@@ -237,7 +234,7 @@
     /* harmony default export */    const L = I;
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
     const q = require("@splunk/react-ui/Tooltip");
-    var j =  e.n(q);
+    var P =  e.n(q);
     // CONCATENATED MODULE: external "styled-components"
     const _ = require("styled-components");
     var D =  e.n(_);
@@ -245,9 +242,9 @@
     const N = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const V = require("@splunk/react-ui/Clickable");
-    var P =  e.n(V);
+    var j =  e.n(V);
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButtonStyles.ts
-    var H = D()(P()).withConfig({
+    var H = D()(j()).withConfig({
         displayName: "ToolbarButtonStyles__StyledClickable",
         componentId: "k7zksz-0"
     })([ "", " border:", ";border-radius:", ";box-sizing:border-box;cursor:pointer;flex-grow:1;font-weight:", ";line-height:", ";min-height:", ";min-width:", ";max-width:100%;", ";position:relative;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;width:", ";&:active{transition:none;}&:focus{box-shadow:", ";}&:focus,&:hover{z-index:3;}", ";" ], N.mixins.reset("block"), (0, 
@@ -304,43 +301,35 @@
     }));
     // CONCATENATED MODULE: ./src/DualListbox/ToolbarButton.tsx
     function B() {
-        B = Object.assign || function(e) {
+        return B = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        };
-        return B.apply(this, arguments);
+        }, B.apply(null, arguments);
     }
     function M(e, r) {
-        if (e == null) return {};
-        var t = A(e, r);
-        var n, a;
+        if (null == e) return {};
+        var t, n, a = A(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < i.length; a++) {
-                n = i[a];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
-        return t;
+        return a;
     }
     function A(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, i;
-        for (i = 0; i < n.length; i++) {
-            a = n[i];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
         }
         return t;
     }
@@ -369,9 +358,9 @@
         if (!d) {
             return null;
         }
-        var h = d(l), g = h.disabled;
+        var g = d(l), h = g.disabled;
         
-        return n().createElement(j(), {
+        return n().createElement(P(), {
             defaultPlacement: u,
             content:  n().createElement("span", {
                 "aria-hidden": true
@@ -379,10 +368,10 @@
         },  n().createElement(H, B({
             "aria-label": r,
             "aria-keyshortcuts": a,
-            "aria-disabled": g || undefined,
+            "aria-disabled": h || undefined,
             "data-test": "toolbar-button",
-            $disabled: g,
-            onClick: !g ? m : undefined
+            $disabled: h,
+            onClick: !h ? m : undefined
         }, c),  n().createElement(T, null, i)));
     }
     $.propsTypes = K;
@@ -435,43 +424,35 @@
     /* harmony default export */    const Q = J;
     // CONCATENATED MODULE: ./src/DualListbox/Option.tsx
     function Y() {
-        Y = Object.assign || function(e) {
+        return Y = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        };
-        return Y.apply(this, arguments);
+        }, Y.apply(null, arguments);
     }
     function Z(e, r) {
-        if (e == null) return {};
-        var t = ee(e, r);
-        var n, a;
+        if (null == e) return {};
+        var t, n, a = ee(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < i.length; a++) {
-                n = i[a];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
-        return t;
+        return a;
     }
     function ee(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, i;
-        for (i = 0; i < n.length; i++) {
-            a = n[i];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
         }
         return t;
     }
@@ -501,18 +482,18 @@
         if (!v) {
             return null;
         }
-        var m = v(l), h = m.active, g = m.selected;
-        var y = !!(f ? i : g);
+        var m = v(l), g = m.active, h = m.selected;
+        var y = !!(f ? i : h);
         
         return n().createElement(W, Y({
             "aria-selected": y,
             "data-test": "option",
             "data-test-value": l,
-            "data-test-active": h,
+            "data-test-active": g,
             id: r,
             onClick: b,
             role: "option",
-            $active: h,
+            $active: g,
             $selected: y
         }, o),  n().createElement(X, {
             interactive: false,
@@ -554,17 +535,17 @@
         var s = (0, t.useContext)(Q);
         var v = p()();
         var f = (0, t.useRef)((0, ae.createDOMID)("switch"));
-        var b = s.updateLabelRefreshHookByName, h = s.getLabelState;
+        var b = s.updateLabelRefreshHookByName, g = s.getLabelState;
         (0, t.useEffect)((function() {
             b === null || b === void 0 ? void 0 : b(o, v);
             return function() {
                 return b === null || b === void 0 ? void 0 : b(o);
             };
         }), [ o, b, v ]);
-        if (!h) {
+        if (!g) {
             return null;
         }
-        var g = h(), y = g.disabled, k = g.selected, C = g.selectedValueCount, x = g.valueCount;
+        var h = g(), y = h.disabled, k = h.selected, C = h.selectedValueCount, x = h.valueCount;
         
         return n().createElement(oe, {
             $columnNumber: a
@@ -604,43 +585,35 @@
     }));
     // CONCATENATED MODULE: ./src/DualListbox/Listbox.tsx
     function de() {
-        de = Object.assign || function(e) {
+        return de = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        };
-        return de.apply(this, arguments);
+        }, de.apply(null, arguments);
     }
     function fe(e, r) {
-        if (e == null) return {};
-        var t = pe(e, r);
-        var n, a;
+        if (null == e) return {};
+        var t, n, a = pe(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < i.length; a++) {
-                n = i[a];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
-        return t;
+        return a;
     }
     function pe(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, i;
-        for (i = 0; i < n.length; i++) {
-            a = n[i];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
         }
         return t;
     }
@@ -658,7 +631,7 @@
         var r = e.children, a = e.elementRef, i = e.index, l = e.label, o = e.name, u = e.onClick, c = e.onKeyDown, s = e.onSelectAllClick, v = fe(e, [ "children", "elementRef", "index", "label", "name", "onClick", "onKeyDown", "onSelectAllClick" ]);
         var d = (0, t.useRef)((0, ae.createDOMID)("label"));
         var f = (0, t.useRef)((0, ae.createDOMID)("listbox"));
-        var p = (0, t.useContext)(g), b = p.controlled, m = p.getSelectedStateForValue, h = p.getActiveValue, y = p.getSelectedValueCount, k = p.getValueCount, C = p.updateLabelRefreshHookByName, x = p.updateOptionRefreshHookByValue;
+        var p = (0, t.useContext)(h), b = p.controlled, m = p.getSelectedStateForValue, g = p.getActiveValue, y = p.getSelectedValueCount, k = p.getValueCount, C = p.updateLabelRefreshHookByName, x = p.updateOptionRefreshHookByValue;
         var S = (0, t.useCallback)((function(e, r) {
             var t = r.value;
             u === null || u === void 0 ? void 0 : u(e, {
@@ -668,10 +641,10 @@
         }), [ o, u ]);
         var w = (0, t.useCallback)((function(e) {
             return {
-                active: (h === null || h === void 0 ? void 0 : h(o)) === e,
+                active: (g === null || g === void 0 ? void 0 : g(o)) === e,
                 selected: !!(m === null || m === void 0 ? void 0 : m(e))
             };
-        }), [ o, h, m ]);
+        }), [ o, g, m ]);
         var O = (0, t.useCallback)((function() {
             var e = (k === null || k === void 0 ? void 0 : k(o)) || 0;
             var r = (y === null || y === void 0 ? void 0 : y(o)) || 0;
@@ -739,10 +712,10 @@
         }, v), r));
     }
     me.propTypes = be;
-    /* harmony default export */    const he = me;
+    /* harmony default export */    const ge = me;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const ge = require("@splunk/react-ui/Box");
-    var ye =  e.n(ge);
+    const he = require("@splunk/react-ui/Box");
+    var ye =  e.n(he);
     // CONCATENATED MODULE: ./src/DualListbox/DualListboxStyles.ts
     var ke = D()(ye()).withConfig({
         displayName: "DualListboxStyles__StyledBox",
@@ -760,18 +733,15 @@
     })([ "&::before{content:'';grid-column:headers;grid-row:lists;}align-items:center;display:flex;flex-direction:column;gap:", ";grid-column:actions;grid-row:lists;justify-content:center;" ], N.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/DualListbox/DualListbox.tsx
     function xe() {
-        xe = Object.assign || function(e) {
+        return xe = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
-                    if (Object.prototype.hasOwnProperty.call(t, n)) {
-                        e[n] = t[n];
-                    }
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        };
-        return xe.apply(this, arguments);
+        }, xe.apply(null, arguments);
     }
     function Se(e, r) {
         return Ie(e) || Ee(e, r) || Oe(e, r) || we();
@@ -780,74 +750,68 @@
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
     function Oe(e, r) {
-        if (!e) return;
-        if (typeof e === "string") return Re(e, r);
-        var t = Object.prototype.toString.call(e).slice(8, -1);
-        if (t === "Object" && e.constructor) t = e.constructor.name;
-        if (t === "Map" || t === "Set") return Array.from(e);
-        if (t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)) return Re(e, r);
+        if (e) {
+            if ("string" == typeof e) return Re(e, r);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Re(e, r) : void 0;
+        }
     }
     function Re(e, r) {
-        if (r == null || r > e.length) r = e.length;
-        for (var t = 0, n = new Array(r); t < r; t++) {
+        (null == r || r > e.length) && (r = e.length);
+        for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
     function Ee(e, r) {
-        if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(e))) return;
-        var t = [];
-        var n = true;
-        var a = false;
-        var i = undefined;
-        try {
-            for (var l = e[Symbol.iterator](), o; !(n = (o = l.next()).done); n = true) {
-                t.push(o.value);
-                if (r && t.length === r) break;
-            }
-        } catch (e) {
-            a = true;
-            i = e;
-        } finally {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var n, a, i, l, o = [], u = !0, c = !1;
             try {
-                if (!n && l["return"] != null) l["return"]();
+                if (i = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (n = i.call(t)).done) && (o.push(n.value), o.length !== r); u = !0) {
+                }
+            } catch (e) {
+                c = !0, a = e;
             } finally {
-                if (a) throw i;
+                try {
+                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
+                } finally {
+                    if (c) throw a;
+                }
             }
+            return o;
         }
-        return t;
     }
     function Ie(e) {
         if (Array.isArray(e)) return e;
     }
     function Le(e, r) {
-        if (e == null) return {};
-        var t = qe(e, r);
-        var n, a;
+        if (null == e) return {};
+        var t, n, a = qe(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
-            for (a = 0; a < i.length; a++) {
-                n = i[a];
-                if (r.indexOf(n) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, n)) continue;
-                t[n] = e[n];
+            for (n = 0; n < i.length; n++) {
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
-        return t;
+        return a;
     }
     function qe(e, r) {
-        if (e == null) return {};
+        if (null == e) return {};
         var t = {};
-        var n = Object.keys(e);
-        var a, i;
-        for (i = 0; i < n.length; i++) {
-            a = n[i];
-            if (r.indexOf(a) >= 0) continue;
-            t[a] = e[a];
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
+            }
         }
         return t;
     }
-    /** @public */    var je = {
+    /** @public */
+    /** @public */    var Pe = {
         children: i().node,
         controlled: i().bool,
         fill: i().bool,
@@ -861,60 +825,60 @@
     };
     function _e(e) {
         var r, a, i, u;
-        var s = e.children, f = e.controlled, b = f === void 0 ? false : f, m = e.fill, h = m === void 0 ? false : m, y = e.inline, k = y === void 0 ? false : y, R = e.onChange, I = e.onSelect, q = e.lists, j = 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, I = e.onSelect, q = e.lists, P = Le(e, [ "children", "controlled", "fill", "inline", "onChange", "onSelect", "lists" ]);
         // @docs-props-type DualListboxPropsBase
                 var _ = p()();
         var D = (0, t.useRef)(false);
         (0, t.useEffect)((function() {
             D.current = true;
         }), []);
- // TODO: Implement shared isControlled hook (SUI-5283).
+        // TODO: Implement shared isControlled hook (SUI-5283).
                 var N = (0, t.useRef)(b);
- // List One "Available" Refs
+        // List One "Available" Refs
                 var V = (0, t.useRef)([]);
-        var P = (0, t.useRef)([]);
+        var j = (0, t.useRef)([]);
         var H = (0, t.useRef)();
         var T = (0, t.useRef)(null);
         var B = (0, t.useRef)([]);
- // List Two "Selected" Refs
+        // List Two "Selected" Refs
                 var M = (0, t.useRef)([]);
         var A = (0, t.useRef)([]);
         var K = (0, t.useRef)();
         var $ = (0, t.useRef)(null);
         var z = (0, t.useRef)([]);
- // Refresh Hook Stores, used to render indivual elements when uncontrolled
+        // Refresh Hook Stores, used to render indivual elements when uncontrolled
                 var U = (0, t.useRef)({});
         var W = (0, t.useRef)({});
         var X = (0, t.useRef)({});
         var G = (0, t.useRef)();
- // Activity Values Refs
+        // Activity Values Refs
                 var J = (0, t.useRef)();
         var Q = (0, t.useRef)({});
         var Y = (0, t.useRef)({});
         var Z = (0, t.useRef)({});
         var ee = (0, t.useRef)(0);
- // Key Match Refs
+        // Key Match Refs
                 var re = (0, t.useRef)();
         var te = (0, t.useRef)();
         var ne = (0, t.useRef)([]);
         if (false) {}
         if (false) {}
         if (false) {}
- // Unpack names and labels instead of relying on `lists` being a consistent reference
+        // Unpack names and labels instead of relying on `lists` being a consistent reference
                 var ae = (r = q[0]) === null || r === void 0 ? void 0 : r.name;
         var ie = (a = q[1]) === null || a === void 0 ? void 0 : a.name;
         var le = (i = q[0]) === null || i === void 0 ? void 0 : i.label;
         var oe = (u = q[1]) === null || u === void 0 ? void 0 : u.label;
- // Copy previous state for uncontrolled render so it's not voided by following value reset
+        // Copy previous state for uncontrolled render so it's not voided by following value reset
                 var ue = new Set(M.current);
- // This ensures we recapture the indexes after batch moves, but will be refactored when sorting is implemented (SUI-5270).
+        // This ensures we recapture the indexes after batch moves, but will be refactored when sorting is implemented (SUI-5270).
                 V.current = [];
         M.current = [];
         B.current = [];
         z.current = [];
- // Clean the data stores before we copy the references into listData
+        // Clean the data stores before we copy the references into listData
                 if (!D.current || N.current) {
-            P.current = [];
+            j.current = [];
             A.current = [];
             Q.current = {};
             Z.current = {};
@@ -924,7 +888,7 @@
             options: [],
             matchOptions: B.current,
             values: V.current,
-            selectedValues: P.current,
+            selectedValues: j.current,
             activeValue: H.current,
             activeFound: !H.current
         }, {
@@ -940,7 +904,7 @@
                 var r = e.props, t = r.value, n = r.label;
                 var a = e.props.listName === ie;
                 var i = ce[a ? 1 : 0];
- // Ensure the active value is found on controlled renders
+                // Ensure the active value is found on controlled renders
                                 if (!i.activeFound && i.activeValue === t) {
                     i.activeFound = true;
                 }
@@ -984,13 +948,13 @@
         }), [ ae ]);
         var de = (0, t.useCallback)((function(e, r) {
             if (e === ae) {
-                P.current = r;
+                j.current = r;
             } else {
                 A.current = r;
             }
         }), [ ae ]);
         var fe = (0, t.useCallback)((function(e) {
-            return e === ae ? P.current : A.current;
+            return e === ae ? j.current : A.current;
         }), [ ae ]);
         var pe = (0, t.useCallback)((function(e) {
             return fe(e).length;
@@ -1001,7 +965,7 @@
         var me = (0, t.useCallback)((function(e) {
             return Q.current[e];
         }), []);
-        var ge = (0, t.useCallback)((function(e, r) {
+        var he = (0, t.useCallback)((function(e, r) {
             if (e === ae) {
                 V.current = r;
             } else {
@@ -1042,7 +1006,7 @@
                 clearTimeout(te.current);
             }
         }), []);
-        var je = (0, t.useCallback)((function(e) {
+        var Pe = (0, t.useCallback)((function(e) {
             G.current = e;
         }), []);
         var _e = (0, t.useCallback)((function(e, r) {
@@ -1072,7 +1036,7 @@
                 (r = (t = X.current)[e]) === null || r === void 0 ? void 0 : r.call(t);
             }
         }), []);
-        var Pe = (0, t.useCallback)((function(e) {
+        var je = (0, t.useCallback)((function(e) {
             if (e) {
                 var r, t;
                 (r = (t = W.current)[e]) === null || r === void 0 ? void 0 : r.call(t);
@@ -1086,10 +1050,10 @@
         }), []);
         var Te = (0, t.useCallback)((function(e) {
             Ie();
-            Pe(e);
+            je(e);
             He(ae);
             He(ie);
-        }), [ Ie, He, Pe, ae, ie ]);
+        }), [ Ie, 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;
@@ -1108,7 +1072,7 @@
                     Ve(a);
                 }
                 var i = r ? Y.current[r] : "";
- // update listbox via dom to avoid render + child render
+                // update listbox via dom to avoid render + child render
                                 n.setAttribute("aria-activedescendant", i);
                 if (!t && i.length > 0) {
                     var l = n.querySelector("#".concat(i));
@@ -1186,7 +1150,7 @@
                 listName: t
             });
         }), [ ye, I, de, Te, Ve ]);
- // handleMoveValues does not update the active value of the source, keyboard and mouse differ, only the target active value is updated
+        // 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);
             var a = fe(r);
@@ -1205,18 +1169,18 @@
                 count: a.length,
                 listLabel: t === ae ? le : oe
             });
- // These new values do not perserve sort position, may need to be refactored with sort logic (SUI-5270).
+            // These new values do not perserve sort position, may need to be refactored with sort logic (SUI-5270).
                         var s = i ? [] : S(n, a);
             var v = o.concat(a);
             if (!N.current) {
                 a.forEach((function(e) {
                     Q.current[e] = false;
                 }));
-                ge(t, v);
-                ge(r, s);
+                he(t, v);
+                he(r, s);
                 de(r, []);
                 J.current = c;
- // move is a batch update, force a full render, no internal update needed
+                // move is a batch update, force a full render, no internal update needed
                                 _();
             }
             var f = {
@@ -1230,7 +1194,7 @@
             };
             e.preventDefault();
             R === null || R === void 0 ? void 0 : R(e, f);
-        }), [ _, ve, Oe, fe, ye, R, de, ge, Be, ae, le, oe ]);
+        }), [ _, ve, Oe, fe, ye, R, de, he, Be, ae, le, oe ]);
         var Fe = (0, t.useCallback)((function(e, r) {
             var t = r.name;
             var n = Oe(t);
@@ -1263,7 +1227,7 @@
         var We = (0, t.useCallback)((function(e, r) {
             var t = e.nativeEvent.key;
             var n = Re(r);
- // Checking for a single character to avoid complications from double-byte languages and emojis.
+            // Checking for a single character to avoid complications from double-byte languages and emojis.
                         if (t.length === 1) {
                 var a = [];
                 var i = {
@@ -1282,7 +1246,7 @@
                 }
                 if (a.length) {
                     var l = 0;
- // If the active option is a first character match, cycle to the next matching option.
+                    // If the active option is a first character match, cycle to the next matching option.
                                         if (i.index === 0 && a.length > 1) {
                         var o = ve(r);
                         if (o) {
@@ -1447,9 +1411,9 @@
                 getValueCount: we,
                 updateLabelRefreshHookByName: De,
                 updateOptionRefreshHookByValue: _e,
-                updateScreenReaderRefreshHook: je
+                updateScreenReaderRefreshHook: Pe
             };
-        }), [ ve, be, me, pe, we, De, _e, je ]);
+        }), [ ve, be, me, pe, we, De, _e, Pe ]);
         if (N.current && !ce[0].activeFound) {
             // listOne active value wasn't found, likely the result of a controlled state reset
             // update interal values, skip the render it will be caught in batch
@@ -1463,11 +1427,11 @@
         
         return n().createElement(ke, xe({
             "data-test": "dual-listbox",
-            $inline: h ? false : k,
-            $fill: h
-        }, j),  n().createElement(g.Provider, {
+            $inline: g ? false : k,
+            $fill: g
+        }, P),  n().createElement(h.Provider, {
             value: Je
-        },  n().createElement(he, {
+        },  n().createElement(ge, {
             index: 0,
             elementRef: T,
             label: le,
@@ -1507,7 +1471,7 @@
                 listLabel: le
             }),
             tooltipPlacement: "right"
-        }))),  n().createElement(he, {
+        }))),  n().createElement(ge, {
             index: 1,
             elementRef: $,
             label: oe,
@@ -1517,7 +1481,7 @@
             onSelectAllClick: Ue
         }, ce[1].options),  n().createElement(C, null)));
     }
-    _e.propTypes = je;
+    _e.propTypes = Pe;
     _e.Option = ne;
     /* harmony default export */    const De = _e;
     // CONCATENATED MODULE: ./src/DualListbox/index.ts