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

package/Progress.js

@@ -2,33 +2,33 @@
     // webpackBootstrap
     /******/ "use strict";
     /******/ // The require scope
-    /******/    var r = {};
+    /******/    var e = {};
     /******/
     /************************************************************************/
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ r.n = e => {
-            /******/ var a = e && e.__esModule ? 
-            /******/ () => e["default"]
-            /******/ : () => e
+        /******/ e.n = r => {
+            /******/ var t = r && r.__esModule ? 
+            /******/ () => r["default"]
+            /******/ : () => r
             /******/;
-            r.d(a, {
-                a
+            e.d(t, {
+                a: t
             });
-            /******/            return a;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ r.d = (e, a) => {
-            /******/ for (var t in a) {
-                /******/ if (r.o(a, t) && !r.o(e, t)) {
-                    /******/ Object.defineProperty(e, 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: a[t]
+                        get: t[n]
                     });
                     /******/                }
                 /******/            }
@@ -37,310 +37,207 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ r.o = (r, e) => Object.prototype.hasOwnProperty.call(r, e)
+        /******/ e.o = (e, r) => Object.prototype.hasOwnProperty.call(e, r)
         /******/;
     })();
     /******/
     /******/ /* webpack/runtime/make namespace object */
     /******/    (() => {
         /******/ // define __esModule on exports
-        /******/ r.r = r => {
+        /******/ e.r = e => {
             /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
-                /******/ Object.defineProperty(r, Symbol.toStringTag, {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
                     value: "Module"
                 });
                 /******/            }
-            /******/            Object.defineProperty(r, "__esModule", {
+            /******/            Object.defineProperty(e, "__esModule", {
                 value: true
             });
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var e = {};
+    /************************************************************************/    var r = {};
     // ESM COMPAT FLAG
-        r.r(e);
+        e.r(r);
     // EXPORTS
-        r.d(e, {
-        default: () => /* reexport */ L
+        e.d(r, {
+        default: () => /* reexport */ _
     });
     // CONCATENATED MODULE: external "react"
-    const a = require("react");
-    var t =  r.n(a);
+    const t = require("react");
+    var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const n = require("prop-types");
-    var i =  r.n(n);
+    const o = require("prop-types");
+    var a =  e.n(o);
     // CONCATENATED MODULE: external "lodash/isNumber"
-    const o = require("lodash/isNumber");
-    var s =  r.n(o);
+    const i = require("lodash/isNumber");
+    var s =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
     const l = require("@splunk/react-ui/AnimationToggle");
     // CONCATENATED MODULE: external "styled-components"
-    const c = require("styled-components");
-    var u =  r.n(c);
-    // CONCATENATED MODULE: external "tinycolor2"
-    const p = require("tinycolor2");
-    var v =  r.n(p);
+    const u = require("styled-components");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const b = require("@splunk/react-ui/Tooltip");
-    var f =  r.n(b);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const m = require("@splunk/react-ui/Box");
-    var d =  r.n(m);
+    const f = require("@splunk/react-ui/Tooltip");
+    var p =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const g = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Progress/ProgressStyles.ts
-    var y = u()(d()).withConfig({
-        displayName: "ProgressStyles__StyledBox",
+    var b = "8px";
+    var v = (0, u.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
+    var y = c().div.withConfig({
+        displayName: "ProgressStyles__StyledProgressWrapper",
         componentId: "csowex-0"
-    })([ "background-color:", ";" ], (0, g.pick)({
-        enterprise: g.variables.transparent,
-        prisma: g.variables.neutral200
+    })([ "height:", ";position:relative;border:1px solid ", ";border-radius:", ";background:", ";&::before{display:block;position:absolute;top:-1px;left:-1px;content:'';border-radius:", ";height:100%;", " ", "}" ], b, d.variables.interactiveColorBorder, d.variables.borderRadius, d.variables.neutral100, d.variables.borderRadius, (function(e) {
+        var r = e.$animated, t = e.$type;
+        // Animated is only supported for the info type.
+        // This is enforced in the component and duplicating here
+                return r && t === "info" ? (0, u.css)([ "background:radial-gradient( circle at center,", ",", " 30% );background-size:200% 100%;animation:", " 2500ms infinite cubic-bezier(0.33,0,0.67,1);" ], d.variables.statusColorInfoWeak, d.variables.statusColorInfo, v) : (0, 
+        u.css)([ "background:", ";" ], (0, d.pickVariant)("$type", {
+            info: d.variables.statusColorInfo,
+            success: d.variables.statusColorNormal,
+            error: d.variables.statusColorHigh
+        }));
+    }), (function(e) {
+        var r = e.$percent;
+        return (0, u.css)([ "width:", "%;", " ", "" ], r, r > 0 && (0, u.css)([ "border:1px solid ", ";" ], (0, 
+        d.pickVariant)("$type", {
+            info: d.variables.statusColorInfoStrong,
+            success: d.variables.statusColorNormalStrong,
+            error: d.variables.statusColorHighStrong
+        })), r !== 100 && (0, u.css)([ "border-end-end-radius:0;border-start-end-radius:0;border-inline-end:none;" ]));
     }));
-    var C = u()(f()).withConfig({
+    var g = c()(p()).withConfig({
         displayName: "ProgressStyles__StyledTooltip",
         componentId: "csowex-1"
-    })([ "background-color:", ";height:", ";position:relative;overflow:hidden;padding-left:", ";", ";", "" ], (0, 
-    g.pickVariant)("$type", {
-        info: {
-            enterprise: g.variables.accentColorD10,
-            prisma: g.variables.interactiveColorPrimary
-        },
-        success: {
-            enterprise: g.variables.successColorD10,
-            prisma: g.variables.accentColorPositive
-        },
-        warning: {
-            enterprise: g.variables.accentColorD10,
-            // warning not supported in enterprise, fallback to info
-            prisma: g.variables.accentColorWarning
-        },
-        error: {
-            enterprise: g.variables.errorColorD10,
-            prisma: g.variables.accentColorNegative
-        }
-    }), (0, g.pick)({
-        enterprise: "3px",
-        prisma: "4px"
-    }), (0, g.pick)({
-        enterprise: g.variables.spacingSmall,
-        prisma: "10px"
-    }), (function(r) {
-        var e = r.$animated;
-        return e && (0, c.css)([ "transition:width 300ms;" ]);
-    }), (0, g.pick)({
-        enterprise: (0, c.css)([ "border-right:1px solid ", ";" ], (0, g.pickVariant)("$type", {
-            info: {
-                enterprise: g.variables.accentColorD10,
-                prisma: g.variables.interactiveColorPrimary
-            },
-            success: {
-                enterprise: g.variables.successColorD10,
-                prisma: g.variables.accentColorPositive
-            },
-            warning: {
-                enterprise: g.variables.accentColorD10,
-                // warning not supported in enterprise, fallback to info
-                prisma: g.variables.accentColorWarning
-            },
-            error: {
-                enterprise: g.variables.errorColorD10,
-                prisma: g.variables.accentColorNegative
-            }
-        }))
-    }));
-    var h = (0, c.keyframes)([ "from{opacity:0;}to{opacity:1;}" ]);
-    var k = (0, c.keyframes)([ "from{background-position:130%;}to{background-position:-30%;}" ]);
-    var w = u().div.withConfig({
-        displayName: "ProgressStyles__StyledPuck",
+    })([ "width:", ";height:", ";" ], (function(e) {
+        var r = e.$percent;
+        return "".concat(r, "%");
+    }), b);
+    var m = c().progress.withConfig({
+        displayName: "ProgressStyles__StyledProgress",
         componentId: "csowex-2"
-    })([ "height:", ";width:", ";position:absolute;right:0;top:0;", ";", "" ], (0, g.pick)({
-        enterprise: "3px",
-        prisma: "4px"
-    }), (0, g.pick)({
-        enterprise: "300px",
-        prisma: "100%"
-    }), (0, g.pick)({
-        enterprise: function r() {
-            var e = (0, g.pickVariant)("$type", {
-                info: g.variables.accentColorD10,
-                success: g.variables.successColorD10,
-                warning: g.variables.accentColorD10,
-                // warning not supported in enterprise, fallback to info
-                error: g.variables.errorColorD10
-            });
-            var a = (0, g.pickVariant)("$type", {
-                info: g.variables.accentColorL10,
-                success: g.variables.successColorL10,
-                warning: g.variables.accentColorL10,
-                // warning not supported in enterprise, fallback to info
-                error: g.variables.errorColorL10
-            });
-            var t = (0, g.pickVariant)("$type", {
-                info: g.variables.accentColorL30,
-                success: g.variables.successColorL30,
-                warning: g.variables.accentColorL30,
-                // warning not supported in enterprise, fallback to info
-                error: g.variables.errorColorL30
-            });
-            return (0, c.css)([ "background:linear-gradient( 90deg,", ",", ",30%,", ",60%,", ",95%,", ",98%,", " );" ], e, a, t, t, a, e);
-        },
-        prisma: function r(e) {
-            var a = e.$animated;
-            var t = (0, g.pickVariant)("$type", {
-                info: g.variables.interactiveColorPrimary,
-                success: g.variables.accentColorPositive,
-                warning: g.variables.accentColorWarning,
-                error: g.variables.accentColorNegative
-            });
-            if (a) {
-                var n = (0, g.pickVariant)("$type", {
-                    info: g.variables.statusColorInfo,
-                    success: g.variables.statusColorNormal,
-                    warning: g.variables.statusColorMedium,
-                    error: g.variables.statusColorHigh
-                });
-                return (0, c.css)([ "background:radial-gradient( circle at center,", ",", " 30% );" ], n, t);
-            }
-            return (0, c.css)([ "background:", ";" ], t);
-        }
-    }), (function(r) {
-        return r.$animated && (0, g.pick)({
-            enterprise: (0, c.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], h),
-            prisma: function e() {
-                var a = (0, g.pickVariant)("$type", {
-                    info: g.variables.statusColorInfo,
-                    success: g.variables.statusColorNormal,
-                    warning: g.variables.statusColorMedium,
-                    error: g.variables.statusColorHigh
-                })(r);
-                return (0, c.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], k, v()(a(r)).setAlpha(.75).toRgbString());
-            }
-        });
-    }));
+    })([ "opacity:0;position:absolute;inset:0;" ]);
     // CONCATENATED MODULE: ./src/Progress/Progress.tsx
-    function S() {
-        return S = Object.assign ? Object.assign.bind() : function(r) {
-            for (var e = 1; e < arguments.length; e++) {
-                var a = arguments[e];
-                for (var t in a) {
-                    ({}).hasOwnProperty.call(a, t) && (r[t] = a[t]);
+    function h() {
+        return h = Object.assign ? Object.assign.bind() : function(e) {
+            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 r;
-        }, S.apply(null, arguments);
+            return e;
+        }, h.apply(null, arguments);
     }
-    function O(r, e) {
-        return D(r) || j(r, e) || $(r, e) || P();
+    function S(e, r) {
+        return j(e) || C(e, r) || k(e, r) || O();
     }
-    function P() {
+    function O() {
         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 $(r, e) {
-        if (r) {
-            if ("string" == typeof r) return x(r, e);
-            var a = {}.toString.call(r).slice(8, -1);
-            return "Object" === a && r.constructor && (a = r.constructor.name), "Map" === a || "Set" === a ? Array.from(r) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? x(r, e) : void 0;
+    function k(e, r) {
+        if (e) {
+            if ("string" == typeof e) return w(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) ? w(e, r) : void 0;
         }
     }
-    function x(r, e) {
-        (null == e || e > r.length) && (e = r.length);
-        for (var a = 0, t = Array(e); a < e; a++) {
-            t[a] = r[a];
+    function w(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 t;
+        return n;
     }
-    function j(r, e) {
-        var a = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-        if (null != a) {
-            var t, n, i, o, s = [], l = !0, c = !1;
+    function C(e, r) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var n, o, a, i, s = [], l = !0, u = !1;
             try {
-                if (i = (a = a.call(r)).next, 0 === e) {
-                    if (Object(a) !== a) return;
+                if (a = (t = t.call(e)).next, 0 === r) {
+                    if (Object(t) !== t) return;
                     l = !1;
-                } else for (;!(l = (t = i.call(a)).done) && (s.push(t.value), s.length !== e); l = !0) {
+                } else for (;!(l = (n = a.call(t)).done) && (s.push(n.value), s.length !== r); l = !0) {
                 }
-            } catch (r) {
-                c = !0, n = r;
+            } catch (e) {
+                u = !0, o = e;
             } finally {
                 try {
-                    if (!l && null != a["return"] && (o = a["return"](), Object(o) !== o)) return;
+                    if (!l && null != t["return"] && (i = t["return"](), Object(i) !== i)) return;
                 } finally {
-                    if (c) throw n;
+                    if (u) throw o;
                 }
             }
             return s;
         }
     }
-    function D(r) {
-        if (Array.isArray(r)) return r;
+    function j(e) {
+        if (Array.isArray(e)) return e;
     }
-    function _(r, e) {
-        if (null == r) return {};
-        var a, t, n = q(r, e);
+    function P(e, r) {
+        if (null == e) return {};
+        var t, n, o = x(e, r);
         if (Object.getOwnPropertySymbols) {
-            var i = Object.getOwnPropertySymbols(r);
-            for (t = 0; t < i.length; t++) {
-                a = i[t], e.includes(a) || {}.propertyIsEnumerable.call(r, a) && (n[a] = r[a]);
+            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 n;
+        return o;
     }
-    function q(r, e) {
-        if (null == r) return {};
-        var a = {};
-        for (var t in r) {
-            if ({}.hasOwnProperty.call(r, t)) {
-                if (e.includes(t)) continue;
-                a[t] = r[t];
+    function x(e, r) {
+        if (null == e) return {};
+        var t = {};
+        for (var n in e) {
+            if ({}.hasOwnProperty.call(e, n)) {
+                if (r.includes(n)) continue;
+                t[n] = e[n];
             }
         }
-        return a;
+        return t;
     }
-    var A = {
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        percentage: i().number,
-        tooltip: i().node,
-        type: i().oneOf([ "info", "success", "warning", "error" ])
+    var I = {
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        percentage: a().number,
+        tooltip: a().node,
+        type: a().oneOf([ "info", "success", "error" ])
     };
-    function I(r) {
-        var e = r.percentage, n = r.tooltip, i = r.type, o = i === void 0 ? "info" : i, c = _(r, [ "percentage", "tooltip", "type" ]);
+    function $(e) {
+        var r = e.elementRef, o = e.percentage, a = e.tooltip, i = e.type, u = i === void 0 ? "info" : i, c = P(e, [ "elementRef", "percentage", "tooltip", "type" ]);
         // @docs-props-type ProgressPropsBase
                 if (false) {}
-        var u = (0, a.useState)(false), p = O(u, 2), v = p[0], b = p[1];
-        var f = (0, l.useAnimationToggle)() === "on";
-        var m = (0, a.useCallback)((function() {
+        var f = (0, t.useState)(false), p = S(f, 2), d = p[0], b = p[1];
+        var v = (0, l.useAnimationToggle)() === "on" && u === "info";
+        var O = (0, t.useCallback)((function() {
             b(true);
         }), []);
-        var d = (0, a.useCallback)((function() {
+        var k = (0, t.useCallback)((function() {
             b(false);
         }), []);
-        var g = n || "".concat(e, "%");
+        var w = s()(o) ? o : 0;
+        var C = a || "".concat(w, "%");
         
-        return t().createElement(y, S({
-            $animated: f,
+        return n().createElement(y, h({
+            onMouseEnter: O,
+            onMouseLeave: k,
+            ref: r,
             "data-test": "progress",
-            onMouseEnter: m,
-            onMouseLeave: d
-        }, c), s()(e) &&  t().createElement(C, {
+            $percent: w,
+            $type: u,
+            $animated: v
+        }, c),  n().createElement(g, {
+            content: C,
             inline: false,
-            open: v,
-            content: g,
-            style: {
-                width: "".concat(e, "%")
-            },
-            role: "progressbar",
-            "aria-valuenow": e,
-            "aria-valuemin": 0,
-            "aria-valuemax": 100,
-            $animated: f,
-            $type: o
-        },  t().createElement(w, {
-            $animated: f,
-            $type: o
+            $percent: w,
+            open: w > 0 && d
+        },  n().createElement(m, {
+            value: w,
+            max: 100
         })));
     }
-    I.propTypes = A;
-    /* harmony default export */    const L = I;
+    $.propTypes = I;
+    /* harmony default export */    const _ = $;
     // CONCATENATED MODULE: ./src/Progress/index.ts
-    module.exports = e;
+    module.exports = r;
     /******/})();

package/Prose.d.ts

@@ -0,0 +1,2 @@
+export { default } from './types/src/Prose';
+export * from './types/src/Prose';