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

package/{CloseButton.js → Layout.js}

@@ -61,38 +61,23 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ j
+        Layout: () => /* reexport */ p,
+        default: () => /* reexport */ v
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var i =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const o = require("@splunk/react-icons/Cross");
-    var l =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-    const s = require("@splunk/react-icons/enterprise/Close");
-    var u =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const c = require("@splunk/themes");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const p = require("@splunk/ui-utils/i18n");
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "styled-components"
-    const d = require("styled-components");
-    var f =  e.n(d);
-    // CONCATENATED MODULE: external "@splunk/react-ui/ButtonSimple"
-    const v = require("@splunk/react-ui/ButtonSimple");
-    var b =  e.n(v);
-    // CONCATENATED MODULE: ./src/CloseButton/CloseButtonStyles.ts
-    var y = f()(b()).withConfig({
-        displayName: "CloseButtonStyles__StyledButtonSimple",
-        componentId: "b3h40f-0"
-    })([ "float:right;width:", ";height:", ";text-align:center;" ], c.variables.inputHeight, c.variables.inputHeight);
-    // CONCATENATED MODULE: ./src/CloseButton/CloseButton.tsx
-    function m() {
-        return m = Object.assign ? Object.assign.bind() : function(e) {
+    const l = require("styled-components");
+    var u =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/themes/mixins"
+    const i = require("@splunk/themes/mixins");
+    // CONCATENATED MODULE: ./src/Layout/Layout.tsx
+    function c() {
+        return c = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -100,20 +85,20 @@
                 }
             }
             return e;
-        }, m.apply(null, arguments);
+        }, c.apply(null, arguments);
     }
-    function g(e, r) {
+    function s(e, r) {
         if (null == e) return {};
-        var t, n, a = h(e, r);
+        var t, n, o = f(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
-        return a;
+        return o;
     }
-    function h(e, r) {
+    function f(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -124,34 +109,27 @@
         }
         return t;
     }
-    var O = {
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        screenReaderText: i().string
+    var d = {
+        children: a().node.isRequired,
+        elementRef: a().oneOfType([ a().func, a().object ])
     };
-    function S(e) {
-        var r = e.disabled, t = r === void 0 ? false : r, a = e.screenReaderText, i = a === void 0 ? (0, 
-        p._)("Close") : a, o = g(e, [ "disabled", "screenReaderText" ]);
-        var s = (0, c.useSplunkTheme)(), d = s.isEnterprise, f = s.isCompact;
-        var v = f ? "20px" : "24px";
-        
-        return n().createElement(y, m({
-            appearance: "pill",
-            disabled: t,
-            "aria-label": i
-        }, o), d ?  n().createElement(u(), {
-            "data-test": "cross",
-            inline: false,
-            screenReaderText: null,
-            size: "13px"
-        }) :  n().createElement(l(), {
-            "data-test": "cross",
-            height: v,
-            width: v
-        }));
+    var y = u().div.withConfig({
+        displayName: "Layout__StyledLayout",
+        componentId: "sc-1imtojn-0"
+    })([ "", "" ], (0, i.layout)());
+    /**
+ * Renders a container to layout children using standard spacing values.
+ */    function p(e) {
+        var r = e.children, t = e.elementRef, o = s(e, [ "children", "elementRef" ]);
+        // @docs-props-type LayoutPropsBase
+                
+        return n().createElement(y, c({
+            "data-test": "layout",
+            ref: t
+        }, o), r);
     }
-    S.propTypes = O;
-    /* harmony default export */    const j = S;
-    // CONCATENATED MODULE: ./src/CloseButton/index.ts
+    p.propTypes = d;
+    /* harmony default export */    const v = p;
+    // CONCATENATED MODULE: ./src/Layout/index.ts
     module.exports = r;
     /******/})();

package/Link.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 = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            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 = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: r[n]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,269 +56,116 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(n);
     // EXPORTS
-        e.d(t, {
-        default: () => /* reexport */ Q
+        e.d(n, {
+        default: () => /* reexport */ C
     });
     // CONCATENATED MODULE: external "react"
-    const r = require("react");
-    var n =  e.n(r);
+    const t = require("react");
+    var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const o = require("prop-types");
-    var i =  e.n(o);
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const a = require("@splunk/react-ui/ScreenReaderContent");
-    var l =  e.n(a);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
-    const u = require("@splunk/react-ui/Dropdown");
+    const i = require("@splunk/react-ui/ScreenReaderContent");
+    var l =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const c = require("@splunk/ui-utils/i18n");
+    const s = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
-    const s = require("styled-components");
-    var p =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-    const f = require("@splunk/react-icons/ArrowSquareTopRight");
-    var d =  e.n(f);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/External"
-    const b = require("@splunk/react-icons/enterprise/External");
-    var y =  e.n(b);
+    const c = require("styled-components");
+    var u =  e.n(c);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ArrowSquareTopRightInset"
+    const d = require("@splunk/react-icons/ArrowSquareTopRightInset");
+    var p =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const f = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Link/icons/External.tsx
-    var m = (0, s.css)([ "width:0.8em;height:0.8em;vertical-align:baseline;" ]);
-    var h = p()(y()).withConfig({
-        displayName: "External__StyledEnterprise",
+    var b = u()(p()).withConfig({
+        displayName: "External",
         componentId: "sc-13bdx45-0"
-    })([ "", " margin:0 0 0 3px;" ], m);
-    var w = p()(d()).withConfig({
-        displayName: "External__StyledPrisma",
-        componentId: "sc-13bdx45-1"
-    })([ "", " margin:0 0 0 4px;" ], m);
-    function g() {
-        var e = (0, v.useSplunkTheme)(), t = e.isEnterprise;
-        return t ?  n().createElement(h, {
-            screenReaderText: null
-        }) :  n().createElement(w, null);
-    }
-    /* harmony default export */    const O = g;
+    })([ "vertical-align:text-bottom;margin-left:", ";" ], f.variables.spacingXSmall);
+    /* harmony default export */    const v = b;
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const j = require("@splunk/react-ui/Clickable");
-    var x =  e.n(j);
+    const m = require("@splunk/react-ui/Clickable");
+    var y =  e.n(m);
     // CONCATENATED MODULE: ./src/Link/LinkStyles.ts
-    var S = p()(x()).withConfig({
+    var h = u()(y()).withConfig({
         displayName: "LinkStyles__StyledClickable",
         componentId: "sc-1hhltcf-0"
-    })([ "", ";color:", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;border-radius:", ";&:not([disabled],[aria-disabled='true']){cursor:pointer;", ";&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], v.mixins.reset("inline"), (0, 
-    v.pick)({
-        enterprise: v.variables.linkColor,
-        prisma: v.variables.interactiveColorPrimary
-    }), (0, v.pick)({
-        enterprise: 0,
-        prisma: "1px"
-    }), (0, v.pick)({
-        enterprise: (0, s.css)([ "&:hover{text-decoration:underline;}" ]),
-        prisma: (0, s.css)([ "&:hover:not(:focus),&:active{text-decoration:underline;text-underline-position:under;}" ])
-    }), v.variables.focusShadow, v.variables.contentColorDisabled);
+    })([ "", ";text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;color:", ";", " &:not([disabled],[aria-disabled='true']){cursor:pointer;&:hover,&:active,&:focus{color:", ";text-decoration:underline;}&:focus{box-shadow:", ";outline:0;&:active{box-shadow:none;}}}&[disabled],&[aria-disabled='true']{color:", ";}" ], f.mixins.reset("inline"), f.variables.contentColorLink, (0, 
+    f.pickVariant)("$appearance", {
+        inline: (0, c.css)([ "text-decoration:underline;" ]),
+        standalone: (0, c.css)([ "font-weight:", ";" ], f.variables.fontWeightSemiBold)
+    }), f.variables.contentColorLink, f.variables.focusShadow, f.variables.contentColorDisabled);
     // CONCATENATED MODULE: ./src/Link/Link.tsx
-    function P(e) {
-        "@babel/helpers - typeof";
-        return P = "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;
-        }, P(e);
-    }
-    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]);
+    function g() {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, g.apply(null, arguments);
     }
-    function _(e, t) {
+    function w(e, n) {
         if (null == e) return {};
-        var r, n, o = E(e, t);
+        var t, r, o = O(e, n);
         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]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < a.length; r++) {
+                t = a[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function E(e, t) {
+    function O(e, n) {
         if (null == e) return {};
-        var r = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
-            }
-        }
-        return r;
-    }
-    function C(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function T(e, t) {
-        for (var r = 0; r < t.length; r++) {
-            var n = t[r];
-            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, z(n.key), n);
-        }
-    }
-    function q(e, t, r) {
-        return t && T(e.prototype, t), r && T(e, r), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function I(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                t[r] = e[r];
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && N(e, t);
-    }
-    function N(e, t) {
-        return N = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, N(e, t);
-    }
-    function R(e) {
-        var t = A();
-        return function() {
-            var r, n = B(e);
-            if (t) {
-                var o = B(this).constructor;
-                r = Reflect.construct(n, arguments, o);
-            } else r = n.apply(this, arguments);
-            return M(this, r);
-        };
-    }
-    function M(e, t) {
-        if (t && ("object" == P(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return D(e);
-    }
-    function D(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function A() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (A = function t() {
-            return !!e;
-        })();
-    }
-    function B(e) {
-        return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, B(e);
-    }
-    function L(e, t, r) {
-        return (t = z(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = r, e;
-    }
-    function z(e) {
-        var t = F(e, "string");
-        return "symbol" == P(t) ? t : t + "";
-    }
-    function F(e, t) {
-        if ("object" != P(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != P(n)) return n;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return ("string" === t ? String : Number)(e);
-    }
-    var G = {
-        disabled: false,
-        openInNewContext: false
+        return t;
+    }
+    var x = {
+        appearance: a().oneOf([ "inline", "standalone" ]),
+        children: a().node,
+        disabled: a().bool,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        openInNewContext: a().oneOfType([ a().bool, a().string ]),
+        to: a().string
     };
-    var H = {
-        /** @private */
-        allowDisabledLink: i().bool,
-        children: i().node,
-        disabled: i().bool,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        openInNewContext: i().oneOfType([ i().bool, i().string ]),
-        to: i().string
-    };
-    var J = (0, c._)("(Opens new window)");
+    var S = (0, s._)("(Opens new window)");
     /**
  * `Link` is a simple method for configuring `Button` for inline links. For more complex behaviors,
  * see the `Button` documentation.
- */    var K =  function(e) {
-        I(r, e);
-        var t = R(r);
-        function r() {
-            var e;
-            C(this, r);
-            for (var n = arguments.length, o = new Array(n), i = 0; i < n; i++) {
-                o[i] = arguments[i];
-            }
-            e = t.call.apply(t, [ this ].concat(o));
-            L(D(e), "component", null);
-            L(D(e), "handleMount", (function(t) {
-                e.component = t;
-            }));
-            return e;
-        }
- // @docs-props-type LinkPropsBase
-                q(r, [ {
-            key: "focus",
-            /**
-     * Place focus on the link.
-     */
-            // eslint-disable-next-line react/no-unused-class-component-methods
-            value: function e() {
-                var t;
-                (t = this.component) === null || t === void 0 ? void 0 : t.focus();
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, r = t.children, o = t.openInNewContext, i = _(t, [ "children", "openInNewContext" ]);
-                var a = false;
-                var u;
-                if (o) {
-                    a = true;
-                    u = typeof o === "string" ? o : J;
-                }
-                
-                return n().createElement(S, k({
-                    "data-test": "link",
-                    ref: this.handleMount,
-                    openInNewContext: a
-                }, i), r, o &&  n().createElement(n().Fragment, null,  n().createElement(O, null),  n().createElement(l(), null, u)));
-            }
-        } ]);
-        return r;
-    }(r.Component);
-    L(K, "propTypes", H);
-    L(K, "defaultProps", G);
-    L(K, u.legacyRefMode, true);
-    /* harmony default export */    const Q = K;
-    // CONCATENATED MODULE: ./src/Link/index.ts
-    module.exports = t;
+ */    var k =  r().forwardRef((function(e, n) {
+        var t = e.appearance, o = t === void 0 ? "inline" : t, a = e.children, i = e.disabled, s = i === void 0 ? false : i, c = e.elementRef, u = e.openInNewContext, d = u === void 0 ? false : u, p = e.to, f = w(e, [ "appearance", "children", "disabled", "elementRef", "openInNewContext", "to" ]);
+        // @docs-props-type LinkPropsBase
+                var b = typeof d === "string" ? d : S;
+        
+        return r().createElement(h, g({
+            "data-test": "link",
+            disabled: s,
+            elementRef: c,
+            openInNewContext: !!d,
+            $appearance: o,
+            ref: n,
+            to: s ? "" : p
+        }, f), a, d &&  r().createElement(r().Fragment, null,  r().createElement(v, null),  r().createElement(l(), null, b)));
+    }));
+    k.propTypes = x;
+    /* harmony default export */    const C = k;
+    // forwardRef appears to prevent TS from inferring LinkProps in components that import Link
+    // so we need to export it separately to prevent the TS build from failing with:
+    // "... has or is using name 'LinkPropsBase' from external module "...packages/react-ui/src/Link/Link" but cannot be named."
+        // CONCATENATED MODULE: ./src/Link/index.ts
+    module.exports = n;
     /******/})();