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

package/Accordion.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ w,
-        default: () => /* reexport */ Q
+        Panel: () => /* reexport */ j,
+        default: () => /* reexport */ L
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -78,19 +78,17 @@
     var c =  e.n(u);
     // CONCATENATED MODULE: external "lodash/omit"
     const s = require("lodash/omit");
-    var p =  e.n(s);
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const f = require("@splunk/react-ui/CollapsiblePanel");
-    var d =  e.n(f);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const y = require("@splunk/themes");
+    const p = require("@splunk/react-ui/CollapsiblePanel");
+    var d =  e.n(p);
     // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var v =  (0, t.createContext)({});
-    v.displayName = "Accordion";
-    /* harmony default export */    const b = v;
+    var y =  (0, t.createContext)({});
+    y.displayName = "Accordion";
+    /* harmony default export */    const v = y;
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
-    function m() {
-        return m = Object.assign ? Object.assign.bind() : function(e) {
+    function b() {
+        return b = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -98,11 +96,11 @@
                 }
             }
             return e;
-        }, m.apply(null, arguments);
+        }, b.apply(null, arguments);
     }
     function h(e, n) {
         if (null == e) return {};
-        var t, r, o = g(e, n);
+        var t, r, o = m(e, n);
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
             for (r = 0; r < a.length; r++) {
@@ -111,7 +109,7 @@
         }
         return o;
     }
-    function g(e, n) {
+    function m(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -129,73 +127,49 @@
         panelId: a().any.isRequired,
         title: a().node.isRequired
     };
-    var O = function e(n, t) {
-        var r = {
-            enterprise: {
-                compact: "8px",
-                comfortable: "10px"
-            },
-            prisma: {
-                compact: "12px 20px",
-                comfortable: "20px"
-            }
-        };
-        return r[n][t];
-    };
-    var j = {
+    var O = {
         flexShrink: 1
     };
     /**
  * `Accordion.Panel` operates as a container component for content in an `Accordion`.
- */    function C(e) {
+ */    function g(e) {
         var n = e.panelId, o = e.inset, a = h(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var i = (0, y.useSplunkTheme)(), l = i.family, u = i.density;
-        var c = (0, t.useContext)(v), s = c.onChange, p = c.openPanelId, f = c.inset;
-        var b = p === n;
-        var g = o !== undefined ? o : f;
+                var i = (0, t.useContext)(y), l = i.onChange, u = i.openPanelId, c = i.inset;
+        var s = u === n;
+        var f = o !== undefined ? o : c;
         // Props are different based on controlled/uncontrolled
         // For controlled, onChange required prop for controlled cases and must be defined.
-                var P = s ? {
-            onChange: s,
-            open: b
+                var p = l ? {
+            onChange: l,
+            open: s
         } : {
             onChange: undefined
         };
-        var C = function e() {
-            if (g) {
-                var n = O(l, u);
-                return {
-                    padding: n
-                };
-            }
-            return undefined;
-        };
         
-        return r().createElement(d(), m({
+        return r().createElement(d(), b({
             panelId: n,
             "data-test": "panel",
-            innerBodyStyles: C(),
+            inset: f,
             "data-test-panel-id": n,
-            style: j
-        }, a, P));
+            style: O
+        }, a, p));
     }
-    C.propTypes = P;
-    /* harmony default export */    const w = C;
+    g.propTypes = P;
+    /* harmony default export */    const j = g;
     // CONCATENATED MODULE: external "styled-components"
-    const S = require("styled-components");
-    var I =  e.n(S);
+    const w = require("styled-components");
+    var C =  e.n(w);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const x = require("@splunk/react-ui/Box");
-    var _ =  e.n(x);
+    const I = require("@splunk/react-ui/Box");
+    var S =  e.n(I);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const _ = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var k = I()(_()).withConfig({
+    var x = C()(S()).withConfig({
         displayName: "AccordionStyles__StyledBox",
         componentId: "m39hyh-0"
-    })([ "", ";flex-direction:column;margin-bottom:0;", "" ], y.mixins.reset("flex"), (0, 
-    y.pick)({
-        enterprise: (0, S.css)([ "background:", ";" ], y.variables.backgroundColor)
-    }));
+    })([ "", ";flex-direction:column;margin-bottom:0;" ], _.mixins.reset("flex"));
     // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
     function E(e) {
         "@babel/helpers - typeof";
@@ -205,8 +179,8 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, E(e);
     }
-    function T() {
-        return T = Object.assign ? Object.assign.bind() : function(e) {
+    function q() {
+        return q = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -214,24 +188,24 @@
                 }
             }
             return e;
-        }, T.apply(null, arguments);
+        }, q.apply(null, arguments);
     }
-    function q(e, n) {
+    function T(e, n) {
         if (!(e instanceof n)) throw new TypeError("Cannot call a class as a function");
     }
-    function R(e, n) {
+    function k(e, n) {
         for (var t = 0; t < n.length; t++) {
             var r = n[t];
             r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), 
-            Object.defineProperty(e, G(r.key), r);
+            Object.defineProperty(e, F(r.key), r);
         }
     }
-    function B(e, n, t) {
-        return n && R(e.prototype, n), t && R(e, t), Object.defineProperty(e, "prototype", {
+    function R(e, n, t) {
+        return n && k(e.prototype, n), t && k(e, t), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function A(e, n) {
+    function B(e, n) {
         if ("function" != typeof n && null !== n) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(n && n.prototype, {
             constructor: {
@@ -241,59 +215,59 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), n && M(e, n);
+        }), n && A(e, n);
     }
-    function M(e, n) {
-        return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
+    function A(e, n) {
+        return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, n) {
             return e.__proto__ = n, e;
-        }, M(e, n);
+        }, A(e, n);
     }
-    function N(e) {
-        var n = V();
+    function M(e) {
+        var n = U();
         return function() {
-            var t, r = z(e);
+            var t, r = V(e);
             if (n) {
-                var o = z(this).constructor;
+                var o = V(this).constructor;
                 t = Reflect.construct(r, arguments, o);
             } else t = r.apply(this, arguments);
-            return D(this, t);
+            return N(this, t);
         };
     }
-    function D(e, n) {
+    function N(e, n) {
         if (n && ("object" == E(n) || "function" == typeof n)) return n;
         if (void 0 !== n) throw new TypeError("Derived constructors may only return object or undefined");
-        return U(e);
+        return D(e);
     }
-    function U(e) {
+    function D(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function V() {
+    function U() {
         try {
             var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
         } catch (e) {}
-        return (V = function n() {
+        return (U = function n() {
             return !!e;
         })();
     }
-    function z(e) {
-        return z = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+    function V(e) {
+        return V = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
             return e.__proto__ || Object.getPrototypeOf(e);
-        }, z(e);
+        }, V(e);
     }
-    function F(e, n, t) {
-        return (n = G(n)) in e ? Object.defineProperty(e, n, {
+    function z(e, n, t) {
+        return (n = F(n)) in e ? Object.defineProperty(e, n, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[n] = t, e;
     }
-    function G(e) {
-        var n = H(e, "string");
+    function F(e) {
+        var n = G(e, "string");
         return "symbol" == E(n) ? n : n + "";
     }
-    function H(e, n) {
+    function G(e, n) {
         if ("object" != E(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
@@ -303,7 +277,7 @@
         }
         return ("string" === n ? String : Number)(e);
     }
-    /** @public */    var J = {
+    /** @public */    var H = {
         children: a().node,
         defaultOpenPanelId: a().any,
         elementRef: a().oneOfType([ a().func, a().object ]),
@@ -311,23 +285,26 @@
         onChange: a().func,
         openPanelId: a().any
     };
-    var K = {
-        inset: false
+    var J = {
+        inset: true
     };
-    var L =  function(e) {
-        A(o, e);
-        var n = N(o);
+    /**
+ * @deprecated
+ * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
+ */    var K =  function(e) {
+        B(o, e);
+        var n = M(o);
         // @docs-props-type AccordionPropsBase
                 function o(e) {
             var t;
-            q(this, o);
+            T(this, o);
             t = n.call(this, e);
-            F(U(t), "controlledExternally", void 0);
-            F(U(t), "getCurrentOpenPanel", (function() {
+            z(D(t), "controlledExternally", void 0);
+            z(D(t), "getCurrentOpenPanel", (function() {
                 var e = t.isControlled() ? t.props.openPanelId : t.state.openPanelId;
                 return e;
             }));
-            F(U(t), "handleChange", (function(e, n) {
+            z(D(t), "handleChange", (function(e, n) {
                 var r, o;
                 var a = n.panelId, i = n.reason;
                 var l = t.getCurrentOpenPanel();
@@ -352,7 +329,7 @@
             if (false) {}
             return t;
         }
-        B(o, [ {
+        R(o, [ {
             key: "componentDidUpdate",
             value: function e(n) {
                 if (false) {}
@@ -366,16 +343,17 @@
         }, {
             key: "render",
             value: function e() {
+                if (false) {}
                 var n = this.props, a = n.children, i = n.elementRef, l = n.inset;
                 var u = this.isControlled() ? this.props.openPanelId : this.state.openPanelId;
                 var s = t.Children.toArray(a).filter(t.isValidElement);
  // remove false, null, 0, etc
                                 
-                return r().createElement(k, T({
+                return r().createElement(x, q({
                     "data-test": "accordion",
                     "data-test-open-panel-id": u,
                     elementRef: i
-                }, p()(this.props, c()(o.propTypes))),  r().createElement(b.Provider, {
+                }, f()(this.props, c()(o.propTypes))),  r().createElement(v.Provider, {
                     // eslint-disable-next-line react/jsx-no-constructed-context-values
                     value: {
                         onChange: this.handleChange,
@@ -387,10 +365,10 @@
         } ]);
         return o;
     }(t.Component);
-    F(L, "propTypes", J);
-    F(L, "defaultProps", K);
-    F(L, "Panel", w);
-    /* harmony default export */    const Q = L;
+    z(K, "propTypes", H);
+    z(K, "defaultProps", J);
+    z(K, "Panel", j);
+    /* harmony default export */    const L = K;
     // CONCATENATED MODULE: ./src/Accordion/index.ts
     module.exports = n;
     /******/})();

package/Animation.js

@@ -47,22 +47,24 @@
     // EXPORTS
         e.d(r, {
         Spring: () => /* reexport */ p,
-        Transition: () => /* reexport */ y
+        Transition: () => /* reexport */ y,
+        useAnimation: () => /* reexport */ s,
+        useAnimationTransition: () => /* reexport */ b
     });
     // CONCATENATED MODULE: external "react-spring"
     const t = require("react-spring");
     // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
     const n = require("@splunk/react-ui/AnimationToggle");
     // CONCATENATED MODULE: ./src/Animation/Animation.tsx
-    function o(e) {
+    function i(e) {
         "@babel/helpers - typeof";
-        return o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return i = "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);
+        }, i(e);
     }
-    function i(e, r) {
+    function o(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -75,48 +77,48 @@
     function u(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? i(Object(t), !0).forEach((function(r) {
-                c(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : i(Object(t)).forEach((function(r) {
+            r % 2 ? o(Object(t), !0).forEach((function(r) {
+                a(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : o(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function c(e, r, t) {
-        return (r = l(r)) in e ? Object.defineProperty(e, r, {
+    function a(e, r, t) {
+        return (r = c(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function l(e) {
-        var r = a(e, "string");
-        return "symbol" == o(r) ? r : r + "";
+    function c(e) {
+        var r = l(e, "string");
+        return "symbol" == i(r) ? r : r + "";
     }
-    function a(e, r) {
-        if ("object" != o(e) || !e) return e;
+    function l(e, r) {
+        if ("object" != i(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" != i(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function f(e, r) {
+    function m(e, r) {
         if (null == e) return {};
-        var t, n, o = b(e, r);
+        var t, n, i = 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) && (o[t] = e[t]);
+            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]);
             }
         }
-        return o;
+        return i;
     }
-    function b(e, r) {
+    function f(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -127,22 +129,37 @@
         }
         return t;
     }
+    function s(e) {
+        var r = e.immediate, i = m(e, [ "immediate" ]);
+        var o = (0, n.useAnimationToggle)();
+        return (0, t.useSpring)(u({
+            immediate: r || o !== "on"
+        }, i));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        function b(e, r) {
+        var i = r.immediate, o = m(r, [ "immediate" ]);
+        var a = (0, n.useAnimationToggle)();
+        return (0, t.useTransition)(e, u({
+            immediate: i || a !== "on"
+        }, o));
+    }
     /**
  * Wrappers to use in place of `Spring` and `Transition` from `react-spring`.
  * Uses `useAnimationToggle` to offer animation control.
  */    function p(e) {
-        var r = e.children, o = e.immediate, i = f(e, [ "children", "immediate" ]);
-        var c = (0, n.useAnimationToggle)();
+        var r = e.children, i = e.immediate, o = m(e, [ "children", "immediate" ]);
+        var a = (0, n.useAnimationToggle)();
         return r((0, t.useSpring)(u({
-            immediate: o || c !== "on"
-        }, i)));
+            immediate: i || a !== "on"
+        }, o)));
     }
     function y(e) {
-        var r = e.items, o = e.children, i = e.immediate, c = f(e, [ "items", "children", "immediate" ]);
-        var l = (0, n.useAnimationToggle)();
+        var r = e.items, i = e.children, o = e.immediate, a = m(e, [ "items", "children", "immediate" ]);
+        var c = (0, n.useAnimationToggle)();
         return (0, t.useTransition)(r, u({
-            immediate: i || l !== "on"
-        }, c))(o);
+            immediate: o || c !== "on"
+        }, a))(i);
     }
     // CONCATENATED MODULE: ./src/Animation/index.ts
     module.exports = r;

package/Avatar.d.ts

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