@splunk/react-ui 5.0.0 → 5.2.0

package/Monogram.js

@@ -61,17 +61,17 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ U,
-        getInitials: () => /* reexport */ T
+        default: () => /* reexport */ G,
+        getInitials: () => /* reexport */ U
     });
     // 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);
     // CONCATENATED MODULE: external "lodash/omit"
-    const a = require("lodash/omit");
+    const i = require("lodash/omit");
+    var o =  e.n(i);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
     var l =  e.n(a);
     // CONCATENATED MODULE: external "styled-components"
     const c = require("styled-components");
@@ -83,7 +83,7 @@
     const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Monogram/MonogramStyles.ts
     // Thanks: https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0
-    var b = function e(r) {
+    var d = function e(r) {
         var t = 0;
         for (var n = 0; n < r.length; ) {
             t = (t << 5) - t + r.charCodeAt(n++) | 0;
@@ -91,8 +91,8 @@
                 }
         return t;
     };
-    var d = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
-    var m = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
+    var m = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
+    var b = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
     p.pick)({
         prisma: (0, c.css)([ "color:", ";" ], p.variables.contentColorActive)
     }), (function(e) {
@@ -107,7 +107,7 @@
             });
         }
         if (r === "auto") {
-            return d[b(t) % d.length];
+            return m[d(t) % m.length];
         }
         return r;
     }), (function(e) {
@@ -128,15 +128,15 @@
         }
         return (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
     }));
-    var y = s().div.withConfig({
+    var v = s().div.withConfig({
         displayName: "MonogramStyles__Styled",
         componentId: "r5ud6k-0"
-    })([ "", "" ], m);
-    var v = s()(f()).withConfig({
+    })([ "", "" ], b);
+    var y = s()(f()).withConfig({
         displayName: "MonogramStyles__StyledClickableComponent",
         componentId: "r5ud6k-1"
-    })([ "", "" ], m);
-    var g = s()(v).withConfig({
+    })([ "", "" ], b);
+    var g = s()(y).withConfig({
         displayName: "MonogramStyles__StyledClickable",
         componentId: "r5ud6k-2"
     })([ "cursor:pointer;position:relative;:focus,:hover{", "}:focus{box-shadow:", ";z-index:1;}:active{", "}" ], (0, 
@@ -154,16 +154,36 @@
         displayName: "MonogramStyles__Initials",
         componentId: "r5ud6k-3"
     })([ "opacity:0.8;text-transform:capitalize;" ]);
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var O = "is deprecated and will be removed in the next major version.";
+    var k = function e(r) {
+        var n = r.additionalMessage, i = n === void 0 ? "" : n, o = r.componentName;
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ i, o ]);
+    };
+    var w = function e(r) {
+        var t = r.additionalMessage, n = t === void 0 ? "" : t, i = r.componentName, o = r.propName, a = r.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ n, i, o, a ]);
+    };
+    var S = function e(r) {
+        var t = r.additionalMessage, n = t === void 0 ? "" : t, i = r.componentName, o = r.deprecatedPropValue, a = r.propName, l = r.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ n, i, a, l, o ]);
+    };
     // CONCATENATED MODULE: ./src/Monogram/Monogram.tsx
-    function O(e) {
+    function j(e) {
         "@babel/helpers - typeof";
-        return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return j = "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;
-        }, O(e);
+        }, j(e);
     }
-    function k(e, r) {
+    function x(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -173,41 +193,41 @@
         }
         return t;
     }
-    function w(e) {
+    function C(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? k(Object(t), !0).forEach((function(r) {
-                S(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach((function(r) {
+            r % 2 ? x(Object(t), !0).forEach((function(r) {
+                z(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : x(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function S(e, r, t) {
-        return (r = j(r)) in e ? Object.defineProperty(e, r, {
+    function z(e, r, t) {
+        return (r = P(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function j(e) {
-        var r = x(e, "string");
-        return "symbol" == O(r) ? r : r + "";
+    function P(e) {
+        var r = E(e, "string");
+        return "symbol" == j(r) ? r : r + "";
     }
-    function x(e, r) {
-        if ("object" != O(e) || !e) return e;
+    function E(e, r) {
+        if ("object" != j(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var n = t.call(e, r || "default");
-            if ("object" != O(n)) return n;
+            if ("object" != j(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function C() {
-        return C = Object.assign ? Object.assign.bind() : function(e) {
+    function M() {
+        return M = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -215,29 +235,29 @@
                 }
             }
             return e;
-        }, C.apply(null, arguments);
+        }, M.apply(null, arguments);
     }
-    function z(e, r) {
-        return A(e) || E(e, r) || I(e, r) || P();
+    function I(e, r) {
+        return q(e) || $(e, r) || N(e, r) || _();
     }
-    function P() {
+    function _() {
         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 I(e, r) {
+    function N(e, r) {
         if (e) {
-            if ("string" == typeof e) return _(e, r);
+            if ("string" == typeof e) return A(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) ? _(e, r) : void 0;
+            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) ? A(e, r) : void 0;
         }
     }
-    function _(e, r) {
+    function A(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 E(e, r) {
+    function $(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, i, o, a, l = [], c = !0, s = !1;
@@ -259,40 +279,40 @@
             return l;
         }
     }
-    function A(e) {
+    function q(e) {
         if (Array.isArray(e)) return e;
     }
-    function M(e, r) {
+    function R(e, r) {
         if (null == e) return {};
-        var t, n, i = $(e, r);
+        var t, n, i = T(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]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function $(e, r) {
+    function T(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;
     }
-    /** @public */    var q = {
-        backgroundColor: o().string,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        initials: o().string.isRequired,
-        name: o().string,
-        onClick: o().func,
-        size: o().oneOfType([ o().oneOf([ "small", "medium", "large" ]), o().number ])
+    /** @public */    var D = {
+        backgroundColor: l().string,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        initials: l().string.isRequired,
+        name: l().string,
+        onClick: l().func,
+        size: l().oneOfType([ l().oneOf([ "small", "medium", "large" ]), l().number ])
     };
-    function R(e) {
+    function V(e) {
         return !!e.onClick;
     }
     /**
@@ -301,14 +321,14 @@
  * @param {string} name - The full name.
  * @returns {string} Limited to three characters. Empty if `name` is empty.
  * @public
- */    function T(e) {
+ */    function U(e) {
         var r = (e.match(/[^\s-]+/g) || []).map((function(e) {
             return e[0];
         })).join("");
         return r.length > 3 ? "".concat(r[0]).concat(r[r.length - 1]) : r;
     }
-    function N(e) {
-        var r = e.backgroundColor, t = e.initials, n = e.size, i = M(e, [ "backgroundColor", "initials", "size" ]);
+    function X(e) {
+        var r = e.backgroundColor, t = e.initials, n = e.size, i = R(e, [ "backgroundColor", "initials", "size" ]);
         var o = {
             "data-test": "monogram",
             $backgroundColor: r,
@@ -317,44 +337,50 @@
         };
         return [ o, i ];
     }
-    function D(e) {
-        var r = N(e), i = z(r, 2), o = i[0], a = i[1];
-        var c = a.children, s = a.elementRef, u = a.name, f = a.onClick, p = M(a, [ "children", "elementRef", "name", "onClick" ]);
-        var b = (0, t.useCallback)((function(e) {
+    function L(e) {
+        var r = X(e), i = I(r, 2), a = i[0], l = i[1];
+        var c = l.children, s = l.elementRef, u = l.name, f = l.onClick, p = R(l, [ "children", "elementRef", "name", "onClick" ]);
+        var d = (0, t.useCallback)((function(e) {
             f(e, {
                 name: u
             });
         }), [ f, u ]);
         
-        return n().createElement(g, C({
+        return n().createElement(g, M({
             elementRef: s,
-            onClick: b
-        }, o, l()(p, Object.keys(q))), c);
+            onClick: d
+        }, a, o()(p, Object.keys(D))), c);
     }
-    function X(e) {
-        var r = N(e), t = z(r, 2), i = t[0], o = t[1];
-        var a = o.children, c = o.elementRef, s = M(o, [ "children", "elementRef" ]);
+    function B(e) {
+        var r = X(e), t = I(r, 2), i = t[0], a = t[1];
+        var l = a.children, c = a.elementRef, s = R(a, [ "children", "elementRef" ]);
         
-        return n().createElement(y, C({
+        return n().createElement(v, M({
             ref: c
-        }, i, l()(s, Object.keys(q))), a);
+        }, i, o()(s, Object.keys(D))), l);
     }
-    function L(e) {
-        var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = M(e, [ "backgroundColor", "initials", "size" ]);
+    /**
+ * @deprecated
+ * Monogram has been deprecated and will be removed in a future major version. Use Avatar instead.
+ */    function F(e) {
+        var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = R(e, [ "backgroundColor", "initials", "size" ]);
         // @docs-props-type MonogramPropsBase
-                if (false) {}
+                k({
+            additionalMessage: "Use Avatar instead.",
+            componentName: "Monogram"
+        });
         var c =  n().createElement(h, {
             "data-test": "initials"
         }, i);
-        var s = w({
+        var s = C({
             backgroundColor: t,
             size: a,
             initials: i
         }, l);
-        return R(s) ?  n().createElement(D, s, c) :  n().createElement(X, s, c);
+        return V(s) ?  n().createElement(L, s, c) :  n().createElement(B, s, c);
     }
-    L.propTypes = q;
-    /* harmony default export */    const U = L;
+    F.propTypes = D;
+    /* harmony default export */    const G = F;
     // CONCATENATED MODULE: ./src/Monogram/index.ts
     module.exports = r;
     /******/})();