@splunk/react-ui 5.0.0 → 5.2.0

package/DefinitionList.js

@@ -61,32 +61,60 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Description: () => /* reexport */ v,
-        Term: () => /* reexport */ P,
-        default: () => /* reexport */ _
+        Description: () => /* reexport */ g,
+        Term: () => /* reexport */ S,
+        default: () => /* reexport */ R
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var o =  e.n(i);
+    var a =  e.n(i);
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListContext.tsx
-    var a =  (0, t.createContext)({});
+    var o =  (0, t.createContext)({
+        layout: "fixed"
+    });
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
-    var c =  e.n(l);
+    var s =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const s = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/DefinitionList/DescriptionStyles.ts
-    var u = c().dd.withConfig({
-        displayName: "DescriptionStyles__Styled",
-        componentId: "sc-1jglixb-0"
-    })([ "", ";", ";min-height:1.5em;padding-inline-start:", ";margin-inline-start:", ";" ], s.mixins.reset("block"), s.mixins.typography("body", {
-        color: "active"
-    }), s.variables.spacingSmall, (function(e) {
-        var r = e.$termWidth;
-        return r;
+    const c = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
+    var d = s().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", {
+                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", {
+                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))
+        });
+    }));
+    var p = s().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", {
+                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", {
+                color: "active"
+            }), r)
+        });
+    }));
+    var u = s().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)
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
     function f() {
@@ -100,68 +128,52 @@
             return e;
         }, f.apply(null, arguments);
     }
-    function d(e, r) {
+    function m(e, r) {
         if (null == e) return {};
-        var t, n, i = p(e, r);
+        var t, n, i = y(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function p(e, r) {
+    function y(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
-    var m = {
-        children: o().node.isRequired,
-        elementRef: o().oneOfType([ o().func, o().object ])
+    var h = {
+        children: a().node.isRequired,
+        elementRef: a().oneOfType([ a().func, a().object ])
     };
     /**
  * Container component for a `DefinitionList` description.
- */    function y(e) {
-        var r = e.children, i = e.elementRef, o = d(e, [ "children", "elementRef" ]);
+ */    function v(e) {
+        var r = e.children, i = e.elementRef, a = m(e, [ "children", "elementRef" ]);
         // @docs-props-type DescriptionPropsBase
-                var l = (0, t.useContext)(a), c = l.termWidth;
+                var l = (0, t.useContext)(o), s = l.descriptionWidth, c = l.layout, d = l.termWidth;
         
-        return n().createElement(u, f({
+        return n().createElement(p, f({
             "data-test": "description",
             ref: i,
-            $termWidth: c
-        }, o), r);
+            $descriptionWidth: s,
+            $layout: c,
+            $termWidth: d
+        }, a), r);
     }
-    y.propTypes = m;
-    /* harmony default export */    const v = y;
-    // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
-    var h = c().dl.withConfig({
-        displayName: "DefinitionListStyles__Styled",
-        componentId: "sc-1pqfrgm-0"
-    })([ "", ";", ";" ], s.mixins.reset("block"), s.mixins.typography("body"));
-    // CONCATENATED MODULE: ./src/DefinitionList/TermStyles.ts
-    var b = c().dt.withConfig({
-        displayName: "TermStyles__Styled",
-        componentId: "sc-1ao97j9-0"
-    })([ "", ";", " float:left;overflow:hidden;overflow-x:hidden;white-space:nowrap;word-wrap:normal;", " width:", ";" ], s.mixins.reset("block"), s.mixins.typography("body", {
-        color: "muted"
-    }), (function(e) {
-        var r = e.$separator;
-        return r && r !== "none" && (0, l.css)([ "&::after{content:'", "';}" ], " ".concat(r.repeat(100)));
-    }), (function(e) {
-        var r = e.$termWidth;
-        return r;
-    }));
+    v.propTypes = h;
+    /* harmony default export */    const g = v;
     // CONCATENATED MODULE: ./src/DefinitionList/Term.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function b() {
+        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) {
@@ -169,53 +181,54 @@
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, b.apply(null, arguments);
     }
-    function O(e, r) {
+    function w(e, r) {
         if (null == e) return {};
-        var t, n, i = w(e, r);
+        var t, n, i = O(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function w(e, r) {
+    function O(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
-    var j = {
-        children: o().node.isRequired,
-        elementRef: o().oneOfType([ o().func, o().object ])
+    var x = {
+        children: a().node.isRequired,
+        elementRef: a().oneOfType([ a().func, a().object ])
     };
     /**
  * Container component for a `DefinitionList` term.
- */    function S(e) {
-        var r = e.children, i = e.elementRef, o = O(e, [ "children", "elementRef" ]);
+ */    function j(e) {
+        var r = e.children, i = e.elementRef, a = w(e, [ "children", "elementRef" ]);
         // @docs-props-type TermPropsBase
-                var l = (0, t.useContext)(a), c = l.separatorCharacter, s = l.termWidth;
+                var l = (0, t.useContext)(o), s = l.layout, c = l.separatorCharacter, p = l.termWidth;
         
-        return n().createElement(b, g({
+        return n().createElement(d, b({
             "data-test": "term",
             ref: i,
-            $separator: c,
-            $termWidth: s
-        }, o), r);
+            $layout: s,
+            $separatorCharacter: c,
+            $termWidth: p
+        }, a), r);
     }
-    S.propTypes = j;
-    /* harmony default export */    const P = S;
+    j.propTypes = x;
+    /* harmony default export */    const S = j;
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionList.tsx
-    function x() {
-        return x = Object.assign ? Object.assign.bind() : function(e) {
+    function P() {
+        return P = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -223,56 +236,63 @@
                 }
             }
             return e;
-        }, x.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function C(e, r) {
+    function W(e, r) {
         if (null == e) return {};
-        var t, n, i = R(e, r);
+        var t, n, i = $(e, r);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function R(e, r) {
+    function $(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
         return t;
     }
-    var T = {
-        children: o().node,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        termWidth: o().string,
-        separatorCharacter: o().oneOf([ ".", o().string ])
+    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
     };
-    function W(e) {
-        var r = e.children, t = e.elementRef, i = e.termWidth, o = i === void 0 ? "120px" : i, l = e.separatorCharacter, c = C(e, [ "children", "elementRef", "termWidth", "separatorCharacter" ]);
+    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" ]);
         // @docs-props-type DefinitionListPropsBase
-        // eslint-disable-next-line react/jsx-no-constructed-context-values, react-perf/jsx-no-new-object-as-prop
-                var s = {
-            separatorCharacter: l,
-            termWidth: o
-        };
+                var m = s !== "fixed" && p === "120px" ? undefined : p;
+        var y = (0, t.useMemo)((function() {
+            return {
+                descriptionWidth: i,
+                layout: s,
+                separatorCharacter: c,
+                termWidth: m
+            };
+        }), [ i, s, c, m ]);
         
-        return n().createElement(h, x({
+        return n().createElement(u, P({
             "data-test": "definition-list",
-            ref: t
-        }, c),  n().createElement(a.Provider, {
-            value: s
+            ref: a,
+            $layout: s
+        }, f),  n().createElement(o.Provider, {
+            value: y
         }, r));
     }
-    W.propTypes = T;
-    W.Description = v;
-    W.Term = P;
-    /* harmony default export */    const _ = W;
+    C.propTypes = k;
+    C.Description = g;
+    C.Term = S;
+    /* harmony default export */    const R = C;
     // CONCATENATED MODULE: ./src/DefinitionList/index.ts
     module.exports = r;
     /******/})();

package/Divider.js

@@ -155,7 +155,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (o = 0; o < i.length; o++) {
-                t = i[o], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
+                t = i[o], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (n[t] = e[t]);
             }
         }
         return n;
@@ -165,7 +165,7 @@
         var t = {};
         for (var o in e) {
             if ({}.hasOwnProperty.call(e, o)) {
-                if (r.includes(o)) continue;
+                if (-1 !== r.indexOf(o)) continue;
                 t[o] = e[o];
             }
         }