@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Card.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            e.d(r, {
-                a: r
+            e.d(t, {
+                a: t
             });
-            /******/            return r;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ 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: r[n]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
@@ -56,19 +56,19 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(r);
     // EXPORTS
-        e.d(t, {
+        e.d(r, {
         Body: () => /* reexport */ x,
         Footer: () => /* reexport */ _,
         Header: () => /* reexport */ G,
         default: () => /* reexport */ xe
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var n =  e.n(r);
+    const t = require("react");
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
     var i =  e.n(o);
@@ -99,8 +99,8 @@
         displayName: "HeaderStyles__StyledTitleContainer",
         componentId: "eqi6uk-2"
     })([ "", " flex:0 1 auto;", " &:not(:last-child){margin-right:", ";}" ], u.mixins.reset("block"), (function(e) {
-        var t = e.$truncateTitle;
-        return t && (0, a.css)([ "overflow:hidden;& > ", ",& > ", ",& > ", " *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ f, /* sc-sel */ p, /* sc-sel */ f);
+        var r = e.$truncateTitle;
+        return r && (0, a.css)([ "overflow:hidden;& > ", ",& > ", ",& > ", " *{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}" ], /* sc-sel */ f, /* sc-sel */ p, /* sc-sel */ f);
     }), u.variables.spacingSmall);
     var b = l().div.withConfig({
         displayName: "HeaderStyles__StyledActionContainer",
@@ -115,42 +115,42 @@
         displayName: "BodyStyles__StyledBox",
         componentId: "sc-1130udp-0"
     })([ "", ";overflow:auto;height:100%;" ], (function(e) {
-        var t = e.$inset;
-        return t && (0, a.css)([ "", "" ], d);
+        var r = e.$inset;
+        return r && (0, a.css)([ "", "" ], d);
     }));
     // CONCATENATED MODULE: ./src/Card/Body.tsx
     function g() {
         return g = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
         }, g.apply(null, arguments);
     }
-    function h(e, t) {
+    function h(e, r) {
         if (null == e) return {};
-        var r, n, o = w(e, t);
+        var t, n, o = w(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function w(e, t) {
+    function w(e, r) {
         if (null == e) return {};
-        var r = {};
+        var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return r;
+        return t;
     }
     var O = {
         children: i().node,
@@ -160,13 +160,13 @@
     /**
  * A styled container for `Card` body content.
  */    function S(e) {
-        var t = e.children, r = e.inset, o = r === void 0 ? true : r, i = h(e, [ "children", "inset" ]);
+        var r = e.children, t = e.inset, o = t === void 0 ? true : t, i = h(e, [ "children", "inset" ]);
         // @docs-props-type BodyPropsBase
                 
         return n().createElement(m, g({
             "data-test": "body",
             $inset: o
-        }, i), t);
+        }, i), r);
     }
     S.propTypes = O;
     /* harmony default export */    const x = S;
@@ -178,36 +178,36 @@
     // CONCATENATED MODULE: ./src/Card/Footer.tsx
     function k() {
         return k = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
         }, k.apply(null, arguments);
     }
-    function C(e, t) {
+    function C(e, r) {
         if (null == e) return {};
-        var r, n, o = P(e, t);
+        var t, n, o = P(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function P(e, t) {
+    function P(e, r) {
         if (null == e) return {};
-        var r = {};
+        var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return r;
+        return t;
     }
     var E = {
         children: i().node,
@@ -216,12 +216,12 @@
     /**
  * A styled container for `Card` footer content.
  */    function T(e) {
-        var t = e.children, r = C(e, [ "children" ]);
+        var r = e.children, t = C(e, [ "children" ]);
         // @docs-props-type FooterPropsBase
                 
         return n().createElement(j, k({
             "data-test": "footer"
-        }, r), t);
+        }, t), r);
     }
     T.propTypes = E;
     /* harmony default export */    const _ = T;
@@ -243,34 +243,34 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const F = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: ./src/Card/Header.tsx
-    function L(e, t) {
+    function L(e, r) {
         if (null == e) return {};
-        var r, n, o = M(e, t);
+        var t, n, o = M(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function M(e, t) {
+    function M(e, r) {
         if (null == e) return {};
-        var r = {};
+        var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return r;
+        return t;
     }
     function U() {
         return U = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
@@ -291,7 +291,7 @@
     // when we want actions to be the intended use case
         var X =  n().createElement(q(), null);
     // `forwardRef` is used to enable focus on toggle when Dropdown is closing
-        var Y =  n().forwardRef((function(e, t) {
+        var Y =  n().forwardRef((function(e, r) {
         
         return n().createElement(D(), U({
             content: (0, F._)("Actions"),
@@ -300,21 +300,21 @@
             appearance: "secondary",
             "data-test": "actions-secondary-toggle",
             icon: X,
-            elementRef: t
+            elementRef: r
         }));
     }));
     /**
  * A styled container for `Card` header content.
  */    function z(e) {
-        var t = e.actions, r = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
+        var r = e.actions, t = e.actionPrimary, o = e.actionsSecondary, i = e.anchor, a = e.children, l = e.subtitle, c = e.title, s = e.truncateTitle, u = s === void 0 ? true : s, d = L(e, [ "actions", "actionPrimary", "actionsSecondary", "anchor", "children", "subtitle", "title", "truncateTitle" ]);
         // @docs-props-type HeaderPropsBase
                 if (false) {}
         if (false) {}
         var m;
-        if (t) {
-            m = t();
-        } else if (r || o) {
-            m =  n().createElement(n().Fragment, null, r, o &&  n().createElement(B(), {
+        if (r) {
+            m = r();
+        } else if (t || o) {
+            m =  n().createElement(n().Fragment, null, t, o &&  n().createElement(B(), {
                 toggle:  n().createElement(Y, null)
             }, o));
         }
@@ -334,73 +334,73 @@
     var K =  e.n(J);
     // CONCATENATED MODULE: ./src/Card/CardStyles.ts
     var Q = "0.2s";
-    var Z = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:2px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;", " &:hover{background-color:", ";box-shadow:", ";", "{text-decoration:underline;}}&:focus{box-shadow:", ";", "{text-decoration:underline;}}}" ], u.mixins.reset("inline-grid"), u.variables.spacingLarge, u.variables.backgroundColorSection, u.variables.borderColorWeak, u.variables.borderRadius, u.variables.embossShadow, Q, Q, Q, Q, Q, Q, Q, (function(e) {
-        var t = e.$selected;
-        return t && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
+    var Z = (0, a.css)([ "", ";gap:", " 0;grid-template-rows:min-content;background-color:", ";min-width:100px;flex:1;vertical-align:top;border:1px solid ", ";border-radius:", ";box-shadow:", ";transition:height ", ",width ", ",min-width ", ",max-width ", ",margin ", ",box-shadow ", ",border-color ", ";&[data-clickable='true']{cursor:pointer;border-color:", ";", " &:hover{background-color:", ";box-shadow:", ";", "{text-decoration:underline;}}&:focus{box-shadow:", ";", "{text-decoration:underline;}}}" ], u.mixins.reset("inline-grid"), u.variables.spacingLarge, u.variables.backgroundColorSection, u.variables.transparent, u.variables.borderRadius, u.variables.embossShadow, Q, Q, Q, Q, Q, Q, Q, u.variables.borderColorWeak, (function(e) {
+        var r = e.$selected;
+        return r && (0, a.css)([ "background-color:", ";" ], u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlaySelected));
     }), u.mixins.overlayColors(u.variables.backgroundColorSection, u.variables.interactiveColorOverlayHover), u.variables.overlayShadow, /* sc-sel */ f, u.variables.focusShadow, /* sc-sel */ f);
     var ee = l().article.withConfig({
         displayName: "CardStyles__Styled",
         componentId: "ola3x0-0"
     })([ "", "" ], Z);
-    var te = l()(K()).withConfig({
+    var re = l()(K()).withConfig({
         displayName: "CardStyles__StyledClickable",
         componentId: "ola3x0-1"
     })([ "", "" ], Z);
     // CONCATENATED MODULE: ./src/Card/Card.tsx
-    function re(e) {
+    function te(e) {
         "@babel/helpers - typeof";
-        return re = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return te = "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;
-        }, re(e);
+        }, te(e);
     }
     function ne() {
         return ne = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+            for (var r = 1; r < arguments.length; r++) {
+                var t = arguments[r];
+                for (var n in t) {
+                    ({}).hasOwnProperty.call(t, n) && (e[n] = t[n]);
                 }
             }
             return e;
         }, ne.apply(null, arguments);
     }
-    function oe(e, t) {
-        return se(e) || ce(e, t) || ae(e, t) || ie();
+    function oe(e, r) {
+        return se(e) || ce(e, r) || ae(e, r) || ie();
     }
     function ie() {
         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 ae(e, t) {
+    function ae(e, r) {
         if (e) {
-            if ("string" == typeof e) return le(e, t);
-            var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? le(e, t) : void 0;
+            if ("string" == typeof e) return le(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) ? le(e, r) : void 0;
         }
     }
-    function le(e, t) {
-        (null == t || t > e.length) && (t = e.length);
-        for (var r = 0, n = Array(t); r < t; r++) {
-            n[r] = e[r];
+    function le(e, r) {
+        (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 ce(e, t) {
-        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
-        if (null != r) {
+    function ce(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
             var n, o, i, a, l = [], c = !0, s = !1;
             try {
-                if (i = (r = r.call(e)).next, 0 === t) {
-                    if (Object(r) !== r) return;
+                if (i = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
                     c = !1;
-                } else for (;!(c = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); c = !0) {
+                } else for (;!(c = (n = i.call(t)).done) && (l.push(n.value), l.length !== r); c = !0) {
                 }
             } catch (e) {
                 s = !0, o = e;
             } finally {
                 try {
-                    if (!c && null != r["return"] && (a = r["return"](), Object(a) !== a)) return;
+                    if (!c && null != t["return"] && (a = t["return"](), Object(a) !== a)) return;
                 } finally {
                     if (s) throw o;
                 }
@@ -411,70 +411,70 @@
     function se(e) {
         if (Array.isArray(e)) return e;
     }
-    function ue(e, t) {
-        var r = Object.keys(e);
+    function ue(e, r) {
+        var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
-            t && (n = n.filter((function(t) {
-                return Object.getOwnPropertyDescriptor(e, t).enumerable;
-            }))), r.push.apply(r, n);
+            r && (n = n.filter((function(r) {
+                return Object.getOwnPropertyDescriptor(e, r).enumerable;
+            }))), t.push.apply(t, n);
         }
-        return r;
+        return t;
     }
     function de(e) {
-        for (var t = 1; t < arguments.length; t++) {
-            var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? ue(Object(r), !0).forEach((function(t) {
-                fe(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ue(Object(r)).forEach((function(t) {
-                Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
+        for (var r = 1; r < arguments.length; r++) {
+            var t = null != arguments[r] ? arguments[r] : {};
+            r % 2 ? ue(Object(t), !0).forEach((function(r) {
+                fe(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ue(Object(t)).forEach((function(r) {
+                Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function fe(e, t, r) {
-        return (t = pe(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
+    function fe(e, r, t) {
+        return (r = pe(r)) in e ? Object.defineProperty(e, r, {
+            value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
-        }) : e[t] = r, e;
+        }) : e[r] = t, e;
     }
     function pe(e) {
-        var t = ye(e, "string");
-        return "symbol" == re(t) ? t : t + "";
-    }
-    function ye(e, t) {
-        if ("object" != re(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != re(n)) return n;
+        var r = ye(e, "string");
+        return "symbol" == te(r) ? r : r + "";
+    }
+    function ye(e, r) {
+        if ("object" != te(e) || !e) return e;
+        var t = e[Symbol.toPrimitive];
+        if (void 0 !== t) {
+            var n = t.call(e, r || "default");
+            if ("object" != te(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === t ? String : Number)(e);
+        return ("string" === r ? String : Number)(e);
     }
-    function be(e, t) {
+    function be(e, r) {
         if (null == e) return {};
-        var r, n, o = ve(e, t);
+        var t, n, o = ve(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                r = i[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function ve(e, t) {
+    function ve(e, r) {
         if (null == e) return {};
-        var r = {};
+        var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return r;
+        return t;
     }
     /** @public */    var me = {
         children: i().node,
@@ -496,11 +496,11 @@
         return !!e.onClick || !!e.to;
     }
     function he(e) {
-        var t = e.margin, r = e.maxWidth, n = e.minWidth, o = e.style, i = be(e, [ "margin", "maxWidth", "minWidth", "style" ]);
+        var r = e.margin, t = e.maxWidth, n = e.minWidth, o = e.style, i = be(e, [ "margin", "maxWidth", "minWidth", "style" ]);
         var a = de({
             minWidth: n,
-            maxWidth: r,
-            margin: t
+            maxWidth: t,
+            margin: r
         }, o);
         var l = {
             "data-test": "card",
@@ -509,16 +509,16 @@
         return [ l, i ];
     }
     function we(e) {
-        var t = he(e), o = oe(t, 2), i = o[0], a = o[1];
+        var r = he(e), o = oe(r, 2), i = o[0], a = o[1];
         var l = a.children, c = a.elementRef, s = a.onClick, u = a.openInNewContext, d = a.selected, f = a.to, p = a.value, y = be(a, [ "children", "elementRef", "onClick", "openInNewContext", "selected", "to", "value" ]);
-        var b = (0, r.useCallback)((function(e) {
+        var b = (0, t.useCallback)((function(e) {
             s === null || s === void 0 ? void 0 : s(e, {
                 selected: d || false,
                 value: p
             });
         }), [ s, d, p ]);
         
-        return n().createElement(te, ne({
+        return n().createElement(re, ne({
             "data-clickable": true,
             $selected: d || false,
             elementRef: c
@@ -529,7 +529,7 @@
         }), l);
     }
     function Oe(e) {
-        var t = he(e), r = oe(t, 2), o = r[0], i = r[1];
+        var r = he(e), t = oe(r, 2), o = t[0], i = t[1];
         var a = i.children, l = i.elementRef, c = i.tag, s = be(i, [ "children", "elementRef", "tag" ]);
         
         return n().createElement(ee, ne({
@@ -551,5 +551,5 @@
     Se.Footer = _;
     /* harmony default export */    const xe = Se;
     // CONCATENATED MODULE: ./src/Card/index.ts
-    module.exports = t;
+    module.exports = r;
     /******/})();