@splunk/react-ui 5.2.0 → 5.4.0

package/ControlGroup.js

@@ -213,7 +213,8 @@
     };
     function W(e) {
         var r = e.children, t = B(e, [ "children" ]);
-        
+        // @docs-props-type ErrorMessageBarPropsBase
+                
         return n().createElement(M, t,  n().createElement(L, {
             variant: "filled"
         }),  n().createElement(a(), null, A),  n().createElement(N, null, r));

package/Date.js

@@ -206,6 +206,7 @@
     /** @public */
     /** @public */
     /** @public */    var _ = {
+        append: c().bool,
         canClear: c().bool,
         defaultValue: c().string,
         describedBy: c().string,
@@ -224,6 +225,7 @@
         onClick: c().func,
         onFocus: c().func,
         onKeyDown: c().func,
+        prepend: c().bool,
         value: c().string
     };
     /**
@@ -247,181 +249,183 @@
         }
     };
     function K(e) {
-        var n = e.canClear, a = e.defaultValue, l = e.disabled, u = e.elementRef, c = e.highlightToday, d = e.inline, p = d === void 0 ? true : d, b = e.inputOnly, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, I = e.onFocus, q = e.onKeyDown, T = e.value, A = M(e, [ "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
+        var n = e.append, a = e.canClear, l = e.defaultValue, u = e.disabled, c = e.elementRef, d = e.highlightToday, p = e.inline, b = p === void 0 ? true : p, g = e.inputOnly, h = e.locale, C = h === void 0 ? "en_US" : h, k = e.name, S = e.onChange, I = e.onClick, q = e.onFocus, T = e.onKeyDown, A = e.prepend, E = e.value, P = M(e, [ "append", "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "prepend", "value" ]);
         // @docs-props-type DatePropsBase
-                var E = y()({
+                var _ = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), _ = x(P, 2), F = _[0], V = _[1];
-        var Y = (0, t.useState)(false), B = x(Y, 2), N = B[0], U = B[1];
-        var z = (0, t.useState)(), $ = x(z, 2), G = $[0], H = $[1];
-        var J = (0, t.useState)((function() {
-            if (typeof a === "string") {
-                return a;
+        var F = (0, t.useState)(null), V = x(F, 2), Y = V[0], B = V[1];
+        var N = (0, t.useState)(false), U = x(N, 2), z = U[0], $ = U[1];
+        var G = (0, t.useState)(), H = x(G, 2), J = H[0], L = H[1];
+        var Q = (0, t.useState)((function() {
+            if (typeof l === "string") {
+                return l;
             }
-            return i()().locale(h).format(R);
-        })), L = x(J, 2), Q = L[0], W = L[1];
-        var X = (0, t.useState)(null), Z = x(X, 2), ee = Z[0], ne = Z[1];
-        var te = (0, t.useState)(null), re = x(te, 2), ae = re[0], oe = re[1];
-        var le = (0, t.useRef)(false);
-        var ie = (0, m.createDOMID)("calendar");
-        var ue = (0, t.useMemo)((function() {
-            return E ? T : Q;
-        }), [ E, T, Q ]);
+            return i()().locale(C).format(R);
+        })), W = x(Q, 2), X = W[0], Z = W[1];
+        var ee = (0, t.useState)(null), ne = x(ee, 2), te = ne[0], re = ne[1];
+        var ae = (0, t.useState)(null), oe = x(ae, 2), le = oe[0], ie = oe[1];
+        var ue = (0, t.useRef)(false);
+        var ce = (0, m.createDOMID)("calendar");
+        var fe = (0, t.useMemo)((function() {
+            return _ ? E : X;
+        }), [ _, E, X ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ue ]);
+        }), [ fe ]);
         (0, t.useEffect)((function() {
             /**
      * If `openWithFocus` and `calendarOpen` are set the user is attempting to navigate to the dropdown, but it's closed.
      * On the first update following the state change set focus to the active day within the calendar.
      */
-            if (le.current && N) {
-                le.current = false;
-                (0, f.focusActiveDay)(ee);
+            if (ue.current && z) {
+                ue.current = false;
+                (0, f.focusActiveDay)(te);
             }
-        }), [ ee, N ]);
-        var ce = (0, t.useMemo)((function() {
-            if (G === undefined) {
-                if (ue === undefined || ue === "") {
+        }), [ te, z ]);
+        var se = (0, t.useMemo)((function() {
+            if (J === undefined) {
+                if (fe === undefined || fe === "") {
                     return "";
                 }
-                return i()(ue, R, h).format("l");
+                return i()(fe, R, C).format("l");
             }
-            return G;
-        }), [ ue, h, G ]);
-        var fe = (0, t.useCallback)((function(e, n, t) {
+            return J;
+        }), [ fe, C, J ]);
+        var de = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                le === null || le === void 0 ? void 0 : le.focus();
             }
-            if (ue !== r) {
-                U(false);
-                H(undefined);
-                W(E ? undefined : r);
-                k === null || k === void 0 ? void 0 : k(e, {
+            if (fe !== r) {
+                $(false);
+                L(undefined);
+                Z(_ ? undefined : r);
+                S === null || S === void 0 ? void 0 : S(e, {
                     value: r,
-                    name: C
+                    name: k
                 });
             } else {
-                U(false);
+                $(false);
             }
-        }), [ ue, ae, E, C, k ]);
-        var se = (0, t.useCallback)((function(e) {
-            var n = i()(G, "l", h);
-            if (G === "") {
-                fe(e, {
+        }), [ fe, le, _, k, S ]);
+        var ve = (0, t.useCallback)((function(e) {
+            var n = i()(J, "l", C);
+            if (J === "") {
+                de(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                fe(e, {
+                de(e, {
                     value: n.format(K.momentFormat)
                 }, "textInput");
             } else {
-                U(false);
-                H(undefined);
+                $(false);
+                L(undefined);
             }
-        }), [ fe, h, G ]);
-        var de = (0, t.useCallback)((function(e, n) {
-            if (!b) {
-                U(true);
+        }), [ de, C, J ]);
+        var pe = (0, t.useCallback)((function(e, n) {
+            if (!g) {
+                $(true);
             }
-            I === null || I === void 0 ? void 0 : I(e, n);
-        }), [ b, I ]);
-        var ve = (0, t.useCallback)((function(e) {
-            if (!b && !N) {
-                U(true);
+            q === null || q === void 0 ? void 0 : q(e, n);
+        }), [ g, q ]);
+        var ye = (0, t.useCallback)((function(e) {
+            if (!g && !z) {
+                $(true);
             }
-            S === null || S === void 0 ? void 0 : S(e);
-        }), [ N, b, S ]);
-        var pe = (0, t.useCallback)((function(e, n) {
+            I === null || I === void 0 ? void 0 : I(e);
+        }), [ z, g, I ]);
+        var me = (0, t.useCallback)((function(e, n) {
             var t = n.value;
-            H(t);
-            U(!b);
-        }), [ b ]);
-        var ye = (0, t.useCallback)((function(e) {
+            L(t);
+            $(!g);
+        }), [ g ]);
+        var be = (0, t.useCallback)((function(e) {
             var n = e.key;
             if (n === "Enter" || n === "Tab") {
-                se(e);
-            } else if (!b && n === "ArrowDown") {
+                ve(e);
+            } else if (!g && n === "ArrowDown") {
                 e.preventDefault();
-                if (!N) {
-                    le.current = true;
-                    U(true);
-                } else if (ee) {
-                    (0, f.focusActiveDay)(ee);
+                if (!z) {
+                    ue.current = true;
+                    $(true);
+                } else if (te) {
+                    (0, f.focusActiveDay)(te);
                 }
             } else if (n === "Escape") {
-                U(false);
-                H(undefined);
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                $(false);
+                L(undefined);
+                le === null || le === void 0 ? void 0 : le.focus();
             }
-            q === null || q === void 0 ? void 0 : q(e);
-        }), [ se, ee, N, ae, b, q ]);
-        var me = (0, t.useCallback)((function(e) {
-            V(e);
-            D(u, e);
-        }), [ u ]);
-        var be = (0, t.useCallback)((function(e) {
-            oe(e);
-        }), []);
+            T === null || T === void 0 ? void 0 : T(e);
+        }), [ ve, te, z, le, g, T ]);
         var ge = (0, t.useCallback)((function(e) {
-            ne(e);
-        }), []);
+            B(e);
+            D(c, e);
+        }), [ c ]);
         var he = (0, t.useCallback)((function(e) {
+            ie(e);
+        }), []);
+        var Ce = (0, t.useCallback)((function(e) {
+            re(e);
+        }), []);
+        var ke = (0, t.useCallback)((function(e) {
             var n = e.event, t = e.reason;
-            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== F) {
-                se(n);
+            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== Y) {
+                ve(n);
                 if (t === "escapeKey") {
-                    ae === null || ae === void 0 ? void 0 : ae.focus();
+                    le === null || le === void 0 ? void 0 : le.focus();
                 }
             }
-        }), [ F, ae, se ]);
-        var Ce = !b &&  r().createElement(w, null);
-        var ke;
-        var Se = {};
-        if (!b) {
-            Se.role = "combobox";
-            Se["aria-controls"] = N ? ie : undefined;
-            Se["aria-expanded"] = l ? false : N;
-            Se["aria-haspopup"] = true;
-            ke =  r().createElement(v(), {
-                anchor: F,
-                id: ie,
-                open: l ? false : N,
-                onRequestClose: he
+        }), [ Y, le, ve ]);
+        var Se = !g &&  r().createElement(w, null);
+        var Oe;
+        var we = {};
+        if (!g) {
+            we.role = "combobox";
+            we["aria-controls"] = z ? ce : undefined;
+            we["aria-expanded"] = u ? false : z;
+            we["aria-haspopup"] = true;
+            Oe =  r().createElement(v(), {
+                anchor: Y,
+                id: ce,
+                open: u ? false : z,
+                onRequestClose: ke
             },  r().createElement(s(), {
-                elementRef: ge,
-                highlightToday: c,
-                locale: h,
-                onChange: fe,
-                value: ue === "" ? undefined : ue
+                elementRef: Ce,
+                highlightToday: d,
+                locale: C,
+                onChange: de,
+                value: fe === "" ? undefined : fe
             }));
         }
         
         return r().createElement(O, j({
+            append: n,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
-            canClear: n,
+            canClear: a,
             "data-test": "date",
-            "data-test-value": ue,
-            "data-test-popover-id": ie,
-            disabled: l,
-            elementRef: me,
-            inline: p,
-            inputRef: be,
-            name: C,
-            onChange: pe,
-            onClick: ve,
-            onFocus: de,
-            onKeyDown: ye,
-            value: ce,
+            "data-test-value": fe,
+            "data-test-popover-id": ce,
+            disabled: u,
+            elementRef: ge,
+            inline: b,
+            inputRef: he,
+            name: k,
+            onChange: me,
+            onClick: ye,
+            onFocus: pe,
+            onKeyDown: be,
+            prepend: A,
+            value: se,
             spellCheck: false,
-            startAdornment: Ce
-        }, Se, o()(A, "multiline", "onSelect", "spellCheck")), ke);
+            startAdornment: Se
+        }, we, o()(P, "multiline", "onSelect", "spellCheck")), Oe);
     }
     K.propTypes = _;
     K.momentFormat = R;

package/DefinitionList.js

@@ -61,64 +61,73 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Description: () => /* reexport */ g,
-        Term: () => /* reexport */ S,
-        default: () => /* reexport */ R
+        Description: () => /* reexport */ b,
+        Term: () => /* reexport */ j,
+        default: () => /* reexport */ T
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
+    // CONCATENATED MODULE: external "lodash/has"
+    const i = require("lodash/has");
     // CONCATENATED MODULE: external "prop-types"
-    const i = require("prop-types");
-    var a =  e.n(i);
+    const a = require("prop-types");
+    var o =  e.n(a);
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListContext.tsx
-    var o =  (0, t.createContext)({
+    var s =  (0, t.createContext)({
         layout: "fixed"
     });
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
-    var s =  e.n(l);
+    var c =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const c = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
-    var d = s().dt.withConfig({
+    var p = c().dt.withConfig({
         displayName: "DefinitionListStyles__StyledTerm",
         componentId: "sc-1pqfrgm-0"
     })([ "", "" ], (function(e) {
         var r = e.$separatorCharacter, t = e.$termWidth;
-        return (0, c.pickVariant)("$layout", {
-            fixed: (0, l.css)([ "", ";", ";float:left;overflow:hidden;white-space:nowrap;word-wrap:normal;width:", ";", "" ], c.mixins.reset("block"), c.mixins.typography("body", {
+        return (0, d.pickVariant)("$layout", {
+            fixed: (0, l.css)([ "", ";", ";float:left;overflow:hidden;white-space:nowrap;word-wrap:normal;width:", ";", "" ], d.mixins.reset("block"), d.mixins.typography("body", {
                 color: "muted"
             }), t, r && (0, l.css)([ "&::after{content:'", "';}" ], " ".concat(r.repeat(100)))),
-            auto: (0, l.css)([ "", ";", ";grid-template-columns:[term] auto [separator] 1fr;grid-column:term;overflow:hidden;white-space:normal;word-break:break-word;width:", ";", "" ], c.mixins.reset("grid"), c.mixins.typography("body", {
+            auto: (0, l.css)([ "", ";", ";grid-template-columns:[term] auto [separator] 1fr;grid-column:term;overflow:hidden;white-space:normal;word-break:break-word;width:", ";", "" ], d.mixins.reset("grid"), d.mixins.typography("body", {
                 color: "muted"
-            }), t, r && (0, l.css)([ "&::after{grid-column:separator;content:'", "';margin-inline-start:", ";min-width:", ";overflow:hidden;white-space:nowrap;}" ], " ".concat(r.repeat(100)), c.variables.spacingXSmall, c.variables.spacingLarge))
+            }), t, r && (0, l.css)([ "&::after{grid-column:separator;content:'", "';margin-inline-start:", ";min-width:", ";overflow:hidden;white-space:nowrap;}" ], " ".concat(r.repeat(250)), d.variables.spacingXSmall, d.variables.spacingLarge)),
+            stacked: (0, l.css)([ "", ";", ";grid-column:definitionList;white-space:normal;word-break:break-word;&:not(:first-of-type){margin-block-start:", ";}" ], d.mixins.reset("grid"), d.mixins.typography("body", {
+                color: "muted"
+            }), d.variables.spacingLarge)
         });
     }));
-    var p = s().dd.withConfig({
+    var f = c().dd.withConfig({
         displayName: "DefinitionListStyles__StyledDescription",
         componentId: "sc-1pqfrgm-1"
     })([ "", "" ], (function(e) {
         var r = e.$descriptionWidth, t = e.$termWidth;
-        return (0, c.pickVariant)("$layout", {
-            fixed: (0, l.css)([ "", ";", ";padding-inline-start:", ";margin-inline-start:", ";white-space:normal;word-break:break-word;width:", ";" ], c.mixins.reset("block"), c.mixins.typography("body", {
+        return (0, d.pickVariant)("$layout", {
+            fixed: (0, l.css)([ "", ";", ";padding-inline-start:", ";margin-inline-start:", ";white-space:normal;word-break:break-word;width:", ";" ], d.mixins.reset("block"), d.mixins.typography("body", {
+                color: "active"
+            }), d.variables.spacingSmall, t, r),
+            auto: (0, l.css)([ "", ";", ";grid-column:description;white-space:normal;word-break:break-word;width:", ";" ], d.mixins.reset("grid"), d.mixins.typography("body", {
                 color: "active"
-            }), c.variables.spacingSmall, t, r),
-            auto: (0, l.css)([ "", ";", ";grid-column:description;white-space:normal;word-break:break-word;width:", ";" ], c.mixins.reset("grid"), c.mixins.typography("body", {
+            }), r),
+            stacked: (0, l.css)([ "", ";", ";grid-column:definitionList;white-space:normal;word-break:break-word;" ], d.mixins.reset("grid"), d.mixins.typography("body", {
                 color: "active"
-            }), r)
+            }))
         });
     }));
-    var u = s().dl.withConfig({
+    var u = c().dl.withConfig({
         displayName: "DefinitionListStyles__Styled",
         componentId: "sc-1pqfrgm-2"
-    })([ "", "" ], (0, c.pickVariant)("$layout", {
-        fixed: (0, l.css)([ "", ";", ";" ], c.mixins.reset("block"), c.mixins.typography("body")),
-        auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content( ", " );column-gap:", ";row-gap:", ";" ], c.mixins.reset("grid"), c.variables.lineLength, c.variables.lineLength, c.variables.spacingXLarge, c.variables.spacingMedium)
+    })([ "", "" ], (0, d.pickVariant)("$layout", {
+        fixed: (0, l.css)([ "", ";", ";" ], d.mixins.reset("block"), d.mixins.typography("body")),
+        auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content(", ");column-gap:", ";row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.lineLength, d.variables.spacingXLarge, d.variables.spacingMedium),
+        stacked: (0, l.css)([ "", ";grid-template-columns:[definitionList] fit-content(", ");row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.spacingXSmall)
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
-    function f() {
-        return f = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -126,11 +135,11 @@
                 }
             }
             return e;
-        }, f.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function m(e, r) {
+    function y(e, r) {
         if (null == e) return {};
-        var t, n, i = y(e, r);
+        var t, n, i = h(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
@@ -139,7 +148,7 @@
         }
         return i;
     }
-    function y(e, r) {
+    function h(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -150,30 +159,30 @@
         }
         return t;
     }
-    var h = {
-        children: a().node.isRequired,
-        elementRef: a().oneOfType([ a().func, a().object ])
+    var g = {
+        children: o().node.isRequired,
+        elementRef: o().oneOfType([ o().func, o().object ])
     };
     /**
  * Container component for a `DefinitionList` description.
  */    function v(e) {
-        var r = e.children, i = e.elementRef, a = m(e, [ "children", "elementRef" ]);
+        var r = e.children, i = e.elementRef, a = y(e, [ "children", "elementRef" ]);
         // @docs-props-type DescriptionPropsBase
-                var l = (0, t.useContext)(o), s = l.descriptionWidth, c = l.layout, d = l.termWidth;
+                var o = (0, t.useContext)(s), l = o.descriptionWidth, c = o.layout, d = o.termWidth;
         
-        return n().createElement(p, f({
+        return n().createElement(f, m({
             "data-test": "description",
             ref: i,
-            $descriptionWidth: s,
+            $descriptionWidth: l,
             $layout: c,
             $termWidth: d
         }, a), r);
     }
-    v.propTypes = h;
-    /* harmony default export */    const g = v;
+    v.propTypes = g;
+    /* harmony default export */    const b = v;
     // CONCATENATED MODULE: ./src/DefinitionList/Term.tsx
-    function b() {
-        return b = Object.assign ? Object.assign.bind() : function(e) {
+    function w() {
+        return w = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -181,11 +190,11 @@
                 }
             }
             return e;
-        }, b.apply(null, arguments);
+        }, w.apply(null, arguments);
     }
-    function w(e, r) {
+    function O(e, r) {
         if (null == e) return {};
-        var t, n, i = O(e, r);
+        var t, n, i = x(e, r);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (n = 0; n < a.length; n++) {
@@ -194,7 +203,7 @@
         }
         return i;
     }
-    function O(e, r) {
+    function x(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -205,27 +214,27 @@
         }
         return t;
     }
-    var x = {
-        children: a().node.isRequired,
-        elementRef: a().oneOfType([ a().func, a().object ])
+    var k = {
+        children: o().node.isRequired,
+        elementRef: o().oneOfType([ o().func, o().object ])
     };
     /**
  * Container component for a `DefinitionList` term.
- */    function j(e) {
-        var r = e.children, i = e.elementRef, a = w(e, [ "children", "elementRef" ]);
+ */    function S(e) {
+        var r = e.children, i = e.elementRef, a = O(e, [ "children", "elementRef" ]);
         // @docs-props-type TermPropsBase
-                var l = (0, t.useContext)(o), s = l.layout, c = l.separatorCharacter, p = l.termWidth;
+                var o = (0, t.useContext)(s), l = o.layout, c = o.separatorCharacter, d = o.termWidth;
         
-        return n().createElement(d, b({
+        return n().createElement(p, w({
             "data-test": "term",
             ref: i,
-            $layout: s,
+            $layout: l,
             $separatorCharacter: c,
-            $termWidth: p
+            $termWidth: d
         }, a), r);
     }
-    j.propTypes = x;
-    /* harmony default export */    const S = j;
+    S.propTypes = k;
+    /* harmony default export */    const j = S;
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionList.tsx
     function P() {
         return P = Object.assign ? Object.assign.bind() : function(e) {
@@ -260,39 +269,53 @@
         }
         return t;
     }
-    var k = {
-        children: a().node,
-        descriptionWidth: a().string,
-        elementRef: a().oneOfType([ a().func, a().object ]),
-        layout: a().oneOf([ "fixed", "auto" ]),
-        separatorCharacter: a().string,
-        termWidth: a().string
+    var C = {
+        children: o().node,
+        descriptionWidth: o().string,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        layout: o().oneOf([ "fixed", "auto", "stacked" ]),
+        separatorCharacter: o().string,
+        termWidth: o().string
     };
-    function C(e) {
-        var r = e.children, i = e.descriptionWidth, a = e.elementRef, l = e.layout, s = l === void 0 ? "fixed" : l, c = e.separatorCharacter, d = e.termWidth, p = d === void 0 ? "120px" : d, f = W(e, [ "children", "descriptionWidth", "elementRef", "layout", "separatorCharacter", "termWidth" ]);
+    var L = "120px";
+    function R(e) {
+        var r = e.children, i = e.descriptionWidth, a = e.elementRef, o = e.layout, l = o === void 0 ? "fixed" : o, c = e.separatorCharacter, d = e.termWidth, p = d === void 0 ? L : d, f = W(e, [ "children", "descriptionWidth", "elementRef", "layout", "separatorCharacter", "termWidth" ]);
         // @docs-props-type DefinitionListPropsBase
-                var m = s !== "fixed" && p === "120px" ? undefined : p;
-        var y = (0, t.useMemo)((function() {
+        /* eslint-disable-next-line prefer-rest-params */        var m = arguments[0];
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ l, c, m, i ]);
+        var y;
+        var h;
+        // termWidth and descriptionWidth are not supported in stacked layout
+                if (l === "stacked") {
+            y = undefined;
+            h = undefined;
+        } else {
+            y = l !== "fixed" && p === L ? undefined : p;
+            h = i;
+        }
+        var g = (0, t.useMemo)((function() {
             return {
-                descriptionWidth: i,
-                layout: s,
+                descriptionWidth: h,
+                layout: l,
                 separatorCharacter: c,
-                termWidth: m
+                termWidth: y
             };
-        }), [ i, s, c, m ]);
+        }), [ h, l, c, y ]);
         
         return n().createElement(u, P({
             "data-test": "definition-list",
             ref: a,
-            $layout: s
-        }, f),  n().createElement(o.Provider, {
-            value: y
+            $layout: l
+        }, f),  n().createElement(s.Provider, {
+            value: g
         }, r));
     }
-    C.propTypes = k;
-    C.Description = g;
-    C.Term = S;
-    /* harmony default export */    const R = C;
+    R.propTypes = C;
+    R.Description = b;
+    R.Term = j;
+    /* harmony default export */    const T = R;
     // CONCATENATED MODULE: ./src/DefinitionList/index.ts
     module.exports = r;
     /******/})();