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

package/DefinitionList.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = r => {
-            /******/ var n = r && r.__esModule ? 
+            /******/ var t = r && r.__esModule ? 
             /******/ () => r["default"]
             /******/ : () => r
             /******/;
-            e.d(n, {
-                a: n
+            e.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, n) => {
-            /******/ for (var t in n) {
-                /******/ if (e.o(n, t) && !e.o(r, t)) {
-                    /******/ Object.defineProperty(r, t, {
+        /******/ e.d = (r, t) => {
+            /******/ for (var n in t) {
+                /******/ if (e.o(t, n) && !e.o(r, n)) {
+                    /******/ Object.defineProperty(r, n, {
                         enumerable: true,
-                        get: n[t]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -61,230 +61,218 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Description: () => /* reexport */ m,
-        Term: () => /* reexport */ S,
-        default: () => /* reexport */ k
+        Description: () => /* reexport */ v,
+        Term: () => /* reexport */ P,
+        default: () => /* reexport */ _
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var t =  e.n(n);
+    const t = require("react");
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
     var o =  e.n(i);
+    // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListContext.tsx
+    var a =  (0, t.createContext)({});
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
-    var a =  e.n(l);
+    var c =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const c = require("@splunk/themes");
+    const s = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/DefinitionList/DescriptionStyles.ts
-    var s = a().dd.withConfig({
+    var u = c().dd.withConfig({
         displayName: "DescriptionStyles__Styled",
         componentId: "sc-1jglixb-0"
-    })([ "", ";", ";min-height:", ";padding-left:5px;" ], c.mixins.reset("block"), (0, 
-    c.pick)({
-        prisma: c.mixins.typography("body", {
-            color: "active"
-        }),
-        enterprise: c.mixins.typography("body")
-    }), c.variables.lineHeight);
+    })([ "", ";", ";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;
+    }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
     function f() {
         return f = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
         }, f.apply(null, arguments);
     }
-    function p(e, r) {
+    function d(e, r) {
         if (null == e) return {};
-        var n, t, i = u(e, r);
+        var t, n, i = p(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < o.length; t++) {
-                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+            for (n = 0; n < o.length; n++) {
+                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function u(e, r) {
+    function p(e, r) {
         if (null == e) return {};
-        var n = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
-                n[t] = e[t];
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return n;
+        return t;
     }
-    var d = {
-        children: o().node,
+    var m = {
+        children: o().node.isRequired,
         elementRef: o().oneOfType([ o().func, o().object ])
     };
     /**
  * Container component for a `DefinitionList` description.
  */    function y(e) {
-        var r = e.children, n = e.elementRef, i = p(e, [ "children", "elementRef" ]);
+        var r = e.children, i = e.elementRef, o = d(e, [ "children", "elementRef" ]);
         // @docs-props-type DescriptionPropsBase
-                
-        return t().createElement(s, f({
+                var l = (0, t.useContext)(a), c = l.termWidth;
+        
+        return n().createElement(u, f({
             "data-test": "description",
-            ref: n
-        }, i), r);
+            ref: i,
+            $termWidth: c
+        }, o), r);
     }
-    y.propTypes = d;
-    /* harmony default export */    const m = y;
+    y.propTypes = m;
+    /* harmony default export */    const v = y;
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
-    var h = a().dl.withConfig({
+    var h = c().dl.withConfig({
         displayName: "DefinitionListStyles__Styled",
         componentId: "sc-1pqfrgm-0"
-    })([ "", ";", ";" ], c.mixins.reset("block"), c.mixins.typography("body"));
+    })([ "", ";", ";" ], s.mixins.reset("block"), s.mixins.typography("body"));
     // CONCATENATED MODULE: ./src/DefinitionList/TermStyles.ts
-    var b = a().dt.withConfig({
+    var b = c().dt.withConfig({
         displayName: "TermStyles__Styled",
         componentId: "sc-1ao97j9-0"
-    })([ "", ";", " float:left;width:120px;overflow:hidden;overflow-x:hidden;white-space:nowrap;word-wrap:normal;", "" ], c.mixins.reset("block"), (0, 
-    c.pick)({
-        prisma: c.mixins.typography("body", {
-            color: "muted"
-        }),
-        enterprise: c.mixins.typography("body")
-    }), (0, c.pick)({
-        enterprise: (0, l.css)([ "&::after{content:'", "';}" ], " ".concat(".".repeat(100)))
+    })([ "", ";", " 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;
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Term.tsx
-    function v() {
-        return v = Object.assign ? Object.assign.bind() : function(e) {
+    function g() {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, v.apply(null, arguments);
+        }, g.apply(null, arguments);
     }
-    function g(e, r) {
+    function O(e, r) {
         if (null == e) return {};
-        var n, t, i = O(e, r);
+        var t, n, i = w(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < o.length; t++) {
-                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+            for (n = 0; n < o.length; n++) {
+                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function O(e, r) {
+    function w(e, r) {
         if (null == e) return {};
-        var n = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
-                n[t] = e[t];
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return n;
+        return t;
     }
-    var w = {
-        children: o().node,
+    var j = {
+        children: o().node.isRequired,
         elementRef: o().oneOfType([ o().func, o().object ])
     };
     /**
  * Container component for a `DefinitionList` term.
- */    function j(e) {
-        var r = e.children, n = e.elementRef, i = g(e, [ "children", "elementRef" ]);
+ */    function S(e) {
+        var r = e.children, i = e.elementRef, o = O(e, [ "children", "elementRef" ]);
         // @docs-props-type TermPropsBase
-                
-        return t().createElement(b, v({
+                var l = (0, t.useContext)(a), c = l.separatorCharacter, s = l.termWidth;
+        
+        return n().createElement(b, g({
             "data-test": "term",
-            ref: n
-        }, i), r);
+            ref: i,
+            $separator: c,
+            $termWidth: s
+        }, o), r);
     }
-    j.propTypes = w;
-    /* harmony default export */    const S = j;
+    S.propTypes = j;
+    /* harmony default export */    const P = S;
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionList.tsx
-    function P() {
-        return P = Object.assign ? Object.assign.bind() : function(e) {
+    function x() {
+        return x = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var n = arguments[r];
-                for (var t in n) {
-                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
-        }, P.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function x(e, r) {
+    function C(e, r) {
         if (null == e) return {};
-        var n, t, i = T(e, r);
+        var t, n, i = R(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
-            for (t = 0; t < o.length; t++) {
-                n = o[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (i[n] = e[n]);
+            for (n = 0; n < o.length; n++) {
+                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function T(e, r) {
+    function R(e, r) {
         if (null == e) return {};
-        var n = {};
-        for (var t in e) {
-            if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
-                n[t] = e[t];
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return n;
+        return t;
     }
-    var _ = {
+    var T = {
         children: o().node,
         elementRef: o().oneOfType([ o().func, o().object ]),
-        termWidth: o().oneOfType([ o().number, o().string ])
+        termWidth: o().string,
+        separatorCharacter: o().oneOf([ ".", o().string ])
     };
-    function E(e) {
-        var r = e.children, t = e.termWidth;
-        var i = n.Children.toArray(r).filter(n.isValidElement);
-        return i.map((function(e) {
-            if (e.type === S) {
-                
-                return (0, n.cloneElement)(e, {
-                    style: {
-                        width: t
-                    }
-                });
-            }
-            if (e.type === m) {
-                
-                return (0, n.cloneElement)(e, {
-                    style: {
-                        marginLeft: t
-                    }
-                });
-            }
-            return e;
-        }));
-    }
-    function R(e) {
-        var r = e.children, n = e.elementRef, i = e.termWidth, o = i === void 0 ? 120 : i, l = x(e, [ "children", "elementRef", "termWidth" ]);
+    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" ]);
         // @docs-props-type DefinitionListPropsBase
-                
-        return t().createElement(h, P({
-            "data-test": "definition-list",
-            ref: n
-        }, l), E({
-            children: r,
+        // eslint-disable-next-line react/jsx-no-constructed-context-values, react-perf/jsx-no-new-object-as-prop
+                var s = {
+            separatorCharacter: l,
             termWidth: o
-        }));
+        };
+        
+        return n().createElement(h, x({
+            "data-test": "definition-list",
+            ref: t
+        }, c),  n().createElement(a.Provider, {
+            value: s
+        }, r));
     }
-    R.propTypes = _;
-    R.Description = m;
-    R.Term = S;
-    /* harmony default export */    const k = R;
+    W.propTypes = T;
+    W.Description = v;
+    W.Term = P;
+    /* harmony default export */    const _ = W;
     // CONCATENATED MODULE: ./src/DefinitionList/index.ts
     module.exports = r;
     /******/})();