@splunk/react-ui 5.8.0 → 5.9.0

package/CollapsiblePanel.js

@@ -62,7 +62,7 @@
     // EXPORTS
         e.d(n, {
         SingleOpenPanelGroup: () => /* reexport */ ne,
-        default: () => /* reexport */ he
+        default: () => /* reexport */ Se
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -75,10 +75,10 @@
     var i =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
     const s = require("@splunk/react-ui/useControlled");
-    var c =  e.n(s);
+    var u =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
-    const u = require("@splunk/react-ui/usePrevious");
-    var d =  e.n(u);
+    const c = require("@splunk/react-ui/usePrevious");
+    var d =  e.n(c);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const p = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "styled-components"
@@ -104,13 +104,7 @@
         componentId: "sc-1phikbp-0"
     })([ "display:flex;flex-direction:column;flex-shrink:1;min-height:28px;background-color:", ";& + &{margin-top:1px;}" ], (0, 
     P.pickVariant)("$appearance", {
-        default: {
-            prisma: P.variables.backgroundColorSection,
-            enterprise: {
-                dark: P.variables.gray22,
-                light: P.variables.white
-            }
-        },
+        default: P.variables.backgroundColorSection,
         subtle: P.variables.transparent
     }));
     var k = b()(g()).withConfig({
@@ -130,7 +124,7 @@
     var x = b().div.withConfig({
         displayName: "CollapsiblePanelStyles__StyledActions",
         componentId: "sc-1phikbp-3"
-    })([ "display:flex;flex-shrink:0;border-bottom:0;gap:", ";position:relative;padding:", " ", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s;color:", ";background-color:", ";", "" ], P.variables.spacingSmall, P.variables.spacingXSmall, P.variables.spacingLarge, P.variables.contentColorActive, (0, 
+    })([ "display:flex;flex-shrink:0;gap:", ";padding:", " ", ";transition:background-color 0.2s,border 0.2s,box-shadow 0.2s;color:", ";background-color:", ";", "" ], P.variables.spacingSmall, P.variables.spacingXSmall, P.variables.spacingLarge, P.variables.contentColorActive, (0, 
     P.pickVariant)("$appearance", {
         default: P.variables.neutral100,
         subtle: P.variables.transparent
@@ -141,11 +135,11 @@
     var E = b()(S()).withConfig({
         displayName: "CollapsiblePanelStyles__StyledToggleButton",
         componentId: "sc-1phikbp-4"
-    })([ "flex:0 auto;padding:0;min-width:28px;line-height:", ";" ], P.variables.lineHeight);
+    })([ "flex:0 0 auto;align-self:flex-start;width:", ";height:", ";" ], P.variables.inputHeight, P.variables.inputHeight);
     var _ = b()(C()).withConfig({
         displayName: "CollapsiblePanelStyles__StyledTitleClickable",
         componentId: "sc-1phikbp-5"
-    })([ "width:100%;flex-shrink:0;border-bottom:0;gap:", ";cursor:pointer;position:relative;display:flex;transition:background-color 0.2s,border 0.2s,box-shadow 0.2s;padding:", " ", ";color:", ";background-color:", ";&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";}&:focus:not([disabled]),&:active:not([disabled],[aria-disabled='true']){box-shadow:", ";z-index:1;}&:hover:not([disabled],[aria-disabled='true']){background-color:", ";}" ], P.variables.spacingSmall, P.variables.spacingXSmall, P.variables.spacingLarge, P.variables.contentColorActive, (0, 
+    })([ "width:100%;flex-shrink:0;gap:", ";cursor:pointer;display:flex;transition:background-color 0.2s,border 0.2s,box-shadow 0.2s;padding:", " ", ";color:", ";background-color:", ";&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";}&:focus:not([disabled]),&:active:not([disabled],[aria-disabled='true']){box-shadow:", ";z-index:1;}&:hover:not([disabled],[aria-disabled='true']){background-color:", ";}" ], P.variables.spacingSmall, P.variables.spacingXSmall, P.variables.spacingLarge, P.variables.contentColorActive, (0, 
     P.pickVariant)("$appearance", {
         default: P.variables.neutral100,
         subtle: P.variables.transparent
@@ -157,25 +151,25 @@
         var n = e.$disabled;
         return n && (0, f.css)([ "color:", ";" ], P.variables.contentColorDisabled);
     }));
-    var $ = b().span.withConfig({
+    var D = b().span.withConfig({
         displayName: "CollapsiblePanelStyles__StyledHeadingActions",
         componentId: "sc-1phikbp-7"
     })([ "min-height:", ";" ], P.variables.inputHeight);
-    var N = b().span.withConfig({
+    var $ = b().span.withConfig({
         displayName: "CollapsiblePanelStyles__StyledDescription",
         componentId: "sc-1phikbp-8"
     })([ "color:", ";font-size:", ";margin-left:", ";line-height:1.8;", "" ], P.variables.contentColorDefault, P.variables.fontSizeSmall, P.variables.spacingSmall, (function(e) {
         var n = e.$disabled;
         return n && (0, f.css)([ "color:", ";" ], P.variables.contentColorDisabled);
     }));
-    var q = b().div.withConfig({
+    var N = b().div.withConfig({
         displayName: "CollapsiblePanelStyles__StyledInsetWrapper",
         componentId: "sc-1phikbp-9"
-    })([ "", ";gap:", ";", "" ], P.mixins.reset("block"), P.variables.spacingSmall, (function(e) {
+    })([ "", ";", "" ], P.mixins.reset("block"), (function(e) {
         var n = e.$inset;
         return n && (0, f.css)([ "padding:", ";" ], P.variables.spacingLarge);
     }));
-    var D = b()(y()).withConfig({
+    var q = b()(y()).withConfig({
         displayName: "CollapsiblePanelStyles__StyledExpandPanelIcon",
         componentId: "sc-1phikbp-10"
     })([ "transition:transform 200ms;", " width:100%;vertical-align:text-bottom;" ], (function(e) {
@@ -184,13 +178,13 @@
     }));
     // CONCATENATED MODULE: external "lodash/omit"
     const T = require("lodash/omit");
-    var M =  e.n(T);
+    var V =  e.n(T);
     // CONCATENATED MODULE: ./src/CollapsiblePanel/SingleOpenPanelGroupContext.tsx
-    var B =  (0, t.createContext)({});
-    /* harmony default export */    const R = B;
+    var M =  (0, t.createContext)({});
+    /* harmony default export */    const B = M;
     // CONCATENATED MODULE: ./src/CollapsiblePanel/SingleOpenPanelGroup.tsx
-    function L() {
-        return L = Object.assign ? Object.assign.bind() : function(e) {
+    function R() {
+        return R = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -198,15 +192,15 @@
                 }
             }
             return e;
-        }, L.apply(null, arguments);
+        }, R.apply(null, arguments);
     }
-    function W(e) {
-        return G(e) || V(e) || X(e) || H();
+    function H(e) {
+        return G(e) || W(e) || X(e) || L();
     }
-    function H() {
+    function L() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function V(e) {
+    function W(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
     function G(e) {
@@ -235,7 +229,7 @@
     function J(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, a, l, o, i = [], s = !0, c = !1;
+            var r, a, l, o, i = [], s = !0, u = !1;
             try {
                 if (l = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
@@ -243,12 +237,12 @@
                 } else for (;!(s = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); s = !0) {
                 }
             } catch (e) {
-                c = !0, a = e;
+                u = !0, a = e;
             } finally {
                 try {
                     if (!s && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
-                    if (c) throw a;
+                    if (u) throw a;
                 }
             }
             return i;
@@ -288,9 +282,9 @@
         openPanelId: l().any
     };
     function ee(e) {
-        var n = e.children, a = e.defaultOpenPanelId, l = e.elementRef, o = e.inset, i = o === void 0 ? true : o, s = e.onChange, u = e.openPanelId, d = Q(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+        var n = e.children, a = e.defaultOpenPanelId, l = e.elementRef, o = e.inset, i = o === void 0 ? true : o, s = e.onChange, c = e.openPanelId, d = Q(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
         // @docs-props-type SingleOpenPanelGroupPropsBase
-                var p = c()({
+                var p = u()({
             componentName: "SingleOpenPanelGroup",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -302,44 +296,86 @@
         var b = (0, t.useState)(f), v = U(b, 2), y = v[0], m = v[1];
         var g = (0, t.useCallback)((function(e, n) {
             var t = n.panelId;
-            var r = p ? u : y;
+            var r = p ? c : y;
             var a = r === t ? null : t;
             if (!p) {
                 m(a);
             }
             s === null || s === void 0 ? void 0 : s(e, n);
-        }), [ p, u, y, s ]);
+        }), [ p, c, y, s ]);
         var h = t.Children.toArray(n).filter(t.isValidElement);
  // remove false, null, 0, etc
                 var S = (0, t.useMemo)((function() {
             return {
                 onChange: g,
-                openPanelId: p ? u : y,
+                openPanelId: p ? c : y,
                 inset: i
             };
-        }), [ g, i, p, u, y ]);
+        }), [ g, i, p, c, y ]);
         
-        return r().createElement(k, L({
+        return r().createElement(k, R({
             "data-test": "single-open-panel-group",
-            "data-test-open-panel-id": u,
+            "data-test-open-panel-id": c,
             ref: l
-        }, M().apply(void 0, [ d ].concat(W(Object.keys(Z))))),  r().createElement(R.Provider, {
+        }, V().apply(void 0, [ d ].concat(H(Object.keys(Z))))),  r().createElement(B.Provider, {
             value: S
         }, h));
     }
     ee.propTypes = Z;
     /* harmony default export */    const ne = ee;
-    // CONCATENATED MODULE: ./src/CollapsiblePanel/CollapsiblePanel.tsx
+    // CONCATENATED MODULE: ./src/utils/disabled.ts
+    /**
+ * Normalizes the disabled prop and returns both the boolean state and normalized string value.
+ * Use this function to ensure consistent handling of disabled prop across components.
+ *
+ * @param disabled - The disabled prop value
+ * @param defaultWhenBooleanTrue - Optional normalization override for disabled={true}
+ * @returns Object with isDisabled boolean|undefined and disabledValue string
+ *
+ * TODO (SUI-8600): `disabled` prop should default to 'dimmed' for data entry components
+ */
     function te(e) {
+        var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "dimmed";
+        if (e === "dimmed") {
+            return {
+                isDisabled: true,
+                disabledValue: "dimmed"
+            };
+        }
+        if (e === true) {
+            return {
+                isDisabled: true,
+                disabledValue: n
+            };
+        }
+        if (e === "disabled") {
+            return {
+                isDisabled: true,
+                disabledValue: "disabled"
+            };
+        }
+        if (e === false) {
+            return {
+                isDisabled: false,
+                disabledValue: undefined
+            };
+        }
+        return {
+            isDisabled: undefined,
+            disabledValue: undefined
+        };
+    }
+    // CONCATENATED MODULE: ./src/CollapsiblePanel/CollapsiblePanel.tsx
+    function re(e) {
         "@babel/helpers - typeof";
-        return te = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return re = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
             return typeof e;
         } : function(e) {
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, te(e);
+        }, re(e);
     }
-    function re() {
-        return re = Object.assign ? Object.assign.bind() : function(e) {
+    function ae() {
+        return ae = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -347,9 +383,9 @@
                 }
             }
             return e;
-        }, re.apply(null, arguments);
+        }, ae.apply(null, arguments);
     }
-    function ae(e, n) {
+    function le(e, n) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var r = Object.getOwnPropertySymbols(e);
@@ -359,63 +395,63 @@
         }
         return t;
     }
-    function le(e) {
+    function oe(e) {
         for (var n = 1; n < arguments.length; n++) {
             var t = null != arguments[n] ? arguments[n] : {};
-            n % 2 ? ae(Object(t), !0).forEach((function(n) {
-                oe(e, n, t[n]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ae(Object(t)).forEach((function(n) {
+            n % 2 ? le(Object(t), !0).forEach((function(n) {
+                ie(e, n, t[n]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : le(Object(t)).forEach((function(n) {
                 Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
             }));
         }
         return e;
     }
-    function oe(e, n, t) {
-        return (n = ie(n)) in e ? Object.defineProperty(e, n, {
+    function ie(e, n, t) {
+        return (n = se(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function ie(e) {
-        var n = se(e, "string");
-        return "symbol" == te(n) ? n : n + "";
+    function se(e) {
+        var n = ue(e, "string");
+        return "symbol" == re(n) ? n : n + "";
     }
-    function se(e, n) {
-        if ("object" != te(e) || !e) return e;
+    function ue(e, n) {
+        if ("object" != re(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var r = t.call(e, n || "default");
-            if ("object" != te(r)) return r;
+            if ("object" != re(r)) return r;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === n ? String : Number)(e);
     }
     function ce(e, n) {
-        return be(e) || fe(e, n) || de(e, n) || ue();
+        return ve(e) || be(e, n) || pe(e, n) || de();
     }
-    function ue() {
+    function de() {
         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 de(e, n) {
+    function pe(e, n) {
         if (e) {
-            if ("string" == typeof e) return pe(e, n);
+            if ("string" == typeof e) return fe(e, n);
             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) ? pe(e, n) : void 0;
+            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) ? fe(e, n) : void 0;
         }
     }
-    function pe(e, n) {
+    function fe(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function fe(e, n) {
+    function be(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, a, l, o, i = [], s = !0, c = !1;
+            var r, a, l, o, i = [], s = !0, u = !1;
             try {
                 if (l = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
@@ -423,23 +459,23 @@
                 } else for (;!(s = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); s = !0) {
                 }
             } catch (e) {
-                c = !0, a = e;
+                u = !0, a = e;
             } finally {
                 try {
                     if (!s && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
-                    if (c) throw a;
+                    if (u) throw a;
                 }
             }
             return i;
         }
     }
-    function be(e) {
+    function ve(e) {
         if (Array.isArray(e)) return e;
     }
-    function ve(e, n) {
+    function ye(e, n) {
         if (null == e) return {};
-        var t, r, a = ye(e, n);
+        var t, r, a = me(e, n);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (r = 0; r < l.length; r++) {
@@ -448,7 +484,7 @@
         }
         return a;
     }
-    function ye(e, n) {
+    function me(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -459,7 +495,7 @@
         }
         return t;
     }
-    /** @public */    var me = {
+    /** @public */    var ge = {
         innerBodyStyles: l().object,
         actions: l().node,
         appearance: l().oneOf([ "default", "subtle" ]),
@@ -477,12 +513,12 @@
         renderChildrenWhenCollapsed: l().bool,
         title: l().node.isRequired
     };
-    function ge(e) {
-        var n = e.innerBodyStyles, a = e.actions, l = e.appearance, o = l === void 0 ? "default" : l, s = e.children, u = e.defaultOpen, f = u === void 0 ? undefined : u, b = e.description, v = e.disabled, y = e.elementRef, m = e.headingLevel, g = e.onChange, h = e.open, S = e.overflow, O = S === void 0 ? "auto" : S, C = e.panelId, P = e.renderChildrenWhenCollapsed, k = e.title, I = e.inset, T = I === void 0 ? true : I, M = ve(e, [ "innerBodyStyles", "actions", "appearance", "children", "defaultOpen", "description", "disabled", "elementRef", "headingLevel", "onChange", "open", "overflow", "panelId", "renderChildrenWhenCollapsed", "title", "inset" ]);
+    function he(e) {
+        var n = e.innerBodyStyles, a = e.actions, l = e.appearance, o = l === void 0 ? "default" : l, s = e.children, c = e.defaultOpen, f = c === void 0 ? undefined : c, b = e.description, v = e.disabled, y = e.elementRef, m = e.headingLevel, g = e.onChange, h = e.open, S = e.overflow, O = S === void 0 ? "auto" : S, C = e.panelId, P = e.renderChildrenWhenCollapsed, k = e.title, I = e.inset, T = I === void 0 ? true : I, V = ye(e, [ "innerBodyStyles", "actions", "appearance", "children", "defaultOpen", "description", "disabled", "elementRef", "headingLevel", "onChange", "open", "overflow", "panelId", "renderChildrenWhenCollapsed", "title", "inset" ]);
         // @docs-props-type CollapsiblePanelPropsBase
-                var B = (0, t.useContext)(R);
-        var L = Object.keys(B).length !== 0;
-        var W = c()({
+                var M = (0, t.useContext)(B);
+        var R = Object.keys(M).length !== 0;
+        var H = u()({
             componentName: "CollapsiblePanel",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -490,127 +526,129 @@
             defaultValuePropName: "defaultOpen",
             valuePropName: "open"
         });
-        var H = (0, t.useState)("container-".concat((0, p.createGUID)())), V = ce(H, 1), G = V[0];
+        var L = (0, t.useState)("container-".concat((0, p.createGUID)())), W = ce(L, 1), G = W[0];
         var U = (0, t.useState)("toggle-".concat((0, p.createGUID)())), z = ce(U, 1), X = z[0];
         var F = d()(h);
-        var J = !W ? f || false : undefined;
+        var J = !H ? f || false : undefined;
         var K = (0, t.useState)(J), Q = ce(K, 2), Y = Q[0], Z = Q[1];
-        var ee = (0, t.useState)(false), ne = ce(ee, 2), te = ne[0], ae = ne[1];
-        var oe = (0, t.useMemo)((function() {
-            if (L) {
+        var ee = (0, t.useState)(false), ne = ce(ee, 2), re = ne[0], le = ne[1];
+        var ie = (0, t.useMemo)((function() {
+            if (R) {
                 /**
        * SingleOpenPanelGroup already takes into account if it is controlled or not in determining openPanelId
        * so context.openPanelId is used for both the controlled and uncontrolled case.
        */
-                return B.openPanelId === C;
+                return M.openPanelId === C;
             }
-            return W ? h : Y;
-        }), [ B.openPanelId, L, W, h, Y, C ]);
+            return H ? h : Y;
+        }), [ M.openPanelId, R, H, h, Y, C ]);
         // SUI-7877 Must initialize openPanel with value to avoid re-render animation bug
-                var ie = (0, t.useState)(oe), se = ce(ie, 2), ue = se[0], de = se[1];
+                var se = (0, t.useState)(ie), ue = ce(se, 2), de = ue[0], pe = ue[1];
         (0, t.useEffect)((function() {
-            de(oe);
-        }), [ oe ]);
+            pe(ie);
+        }), [ ie ]);
         // Only testing this in the scenario of a SingleOpenPanelGroup.
                 (0, t.useEffect)((function() {
             if (false) {}
-        }), [ f, L, h ]);
+        }), [ f, R, h ]);
         (0, t.useEffect)((function() {
             if (F != null && h !== F) {
-                ae(true);
+                le(true);
             }
         }), [ h, F ]);
-        var pe = (0, t.useCallback)((function(e) {
+        var fe = (0, t.useCallback)((function(e) {
             var n;
-            if (!W) {
-                ae(true);
-                Z(!ue);
+            if (!H) {
+                le(true);
+                Z(!de);
             }
-            var t = ue ? "close" : "open";
+            var t = de ? "close" : "open";
             g === null || g === void 0 ? void 0 : g(e, {
                 panelId: C,
                 reason: "toggleClick",
                 action: t
             });
-            (n = B.onChange) === null || n === void 0 ? void 0 : n.call(B, e, {
+            (n = M.onChange) === null || n === void 0 ? void 0 : n.call(M, e, {
                 panelId: C,
                 reason: "toggleClick",
                 action: t
             });
-        }), [ B, W, ue, g, C ]);
-        var fe = (0, t.useCallback)((function() {
-            ae(false);
+        }), [ M, H, de, g, C ]);
+        var be = (0, t.useCallback)((function() {
+            le(false);
         }), []);
-        var be = (0, p.createDOMID)("panel-toggle");
-        var ye = {
+        var ve = (0, p.createDOMID)("panel-toggle");
+        var me = te(v), ge = me.isDisabled, he = me.disabledValue;
+        var Se = {
             disabled: v,
-            onClick: pe,
+            onClick: fe,
             id: X,
             "aria-controls": G,
-            "aria-expanded": ue,
-            "data-test": "toggle"
+            "aria-expanded": de,
+            "data-test": "toggle",
+            "data-test-disabled": he
         };
-        var me = (0, t.useMemo)((function() {
+        var Oe = (0, t.useMemo)((function() {
             return {
-                overflow: te ? "hidden" : O
+                overflow: re ? "hidden" : O
             };
-        }), [ te, O ]);
-        var ge = (0, t.useMemo)((function() {
-            return le({
+        }), [ re, O ]);
+        var Ce = (0, t.useMemo)((function() {
+            return oe({
                 tableLayout: "fixed"
             }, n);
         }), [ n ]);
         
-        return r().createElement(w, re({
+        return r().createElement(w, ae({
             "data-test": "collapsible-panel",
             ref: y,
             $appearance: o
-        }, M), a != null ?  r().createElement(x, {
+        }, V), a != null ?  r().createElement(x, {
             $appearance: o,
-            $disabled: !!v
-        },  r().createElement(E, re({
+            $disabled: !!ge
+        },  r().createElement(E, ae({
             appearance: "secondary",
-            "aria-labelledby": be
-        }, ye),  r().createElement(D, {
-            $open: !!ue
+            "aria-labelledby": ve
+        }, Se),  r().createElement(q, {
+            $open: !!de
         })),  r().createElement(A, {
-            $disabled: !!v,
+            $disabled: !!ge,
             "data-test": "title",
-            id: be
-        }, k),  r().createElement($, null, a)) : 
+            id: ve
+        }, k),  r().createElement(D, null, a)) : 
         
         /* Clickable component is not allowed to have role="heading" so it is wrapped with a span */
         r().createElement("span", {
             "data-test": "heading",
             role: m ? "heading" : undefined,
             "aria-level": m
-        },  r().createElement(_, re({
+        },  r().createElement(_, ae({
             $appearance: o
-        }, ye),  r().createElement(j, null,  r().createElement(D, {
-            $open: !!ue
+        }, Se),  r().createElement(j, null,  r().createElement(q, {
+            $open: !!de
         })),  r().createElement(A, {
-            $disabled: !!v
+            $disabled: !!ge
         },  r().createElement("span", {
             "data-test": "title"
-        }, k), b &&  r().createElement(N, {
-            $disabled: !!v,
+        }, k), b &&  r().createElement($, {
+            $disabled: !!ge,
             "data-test": "description"
         }, b)))),  r().createElement(i(), {
             outerId: G,
             "aria-labelledby": X,
             "data-test": "body",
-            outerStyle: me,
-            innerStyle: ge,
-            open: ue,
-            onAnimationEnd: fe,
+            outerStyle: Oe,
+            innerStyle: Ce,
+            open: de,
+            onAnimationEnd: be,
             role: a != null ? "region" : undefined,
             renderChildrenWhenCollapsed: P
-        },  r().createElement(q, {
+        },  r().createElement(N, {
             $inset: T
         }, s)));
     }
-    ge.propTypes = me;
-    /* harmony default export */    const he = ge;
+    he.propTypes = ge;
+    /* harmony default export */    const Se = he;
     // CONCATENATED MODULE: ./src/CollapsiblePanel/index.ts
     module.exports = n;
     /******/})();

package/ComboBox.js

@@ -578,6 +578,7 @@
                 switch (o) {
                   case "Enter":
                     {
+                        e.preventDefault();
                         if (t) {
                             Ye(e, {
                                 value: t