@splunk/react-ui 5.0.0 → 5.1.0

package/Slider.js

@@ -66,11 +66,11 @@
     // 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 "decimal.js-light"
-    const o = require("decimal.js-light");
+    const a = require("decimal.js-light");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "prop-types"
+    const o = require("prop-types");
     var l =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
     const u = require("@splunk/react-ui/EventListener");
@@ -427,26 +427,26 @@
         return t;
     }
     /** @public */    var K = {
-        defaultValue: i().number,
-        describedBy: i().string,
-        disabled: i().bool,
-        displayValue: i().string,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        error: i().bool,
-        inline: i().bool,
-        labelledBy: i().string,
-        max: i().number,
-        maxLabel: i().node,
-        min: i().number,
-        minLabel: i().node,
-        name: i().string,
-        onChange: i().func,
+        defaultValue: l().number,
+        describedBy: l().string,
+        disabled: l().bool,
+        displayValue: l().string,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        inline: l().bool,
+        labelledBy: l().string,
+        max: l().number,
+        maxLabel: l().node,
+        min: l().number,
+        minLabel: l().node,
+        name: l().string,
+        onChange: l().func,
         /** @private. */
-        required: i().bool,
-        step: i().number,
-        stepMarks: i().oneOf([ "focus", "always", "never" ]),
-        thumbRef: i().oneOfType([ i().func, i().object ]),
-        value: i().number
+        required: l().bool,
+        step: l().number,
+        stepMarks: l().oneOf([ "focus", "always", "never" ]),
+        thumbRef: l().oneOfType([ l().func, l().object ]),
+        value: l().number
     };
     var X = function e(r) {
         var t = r.max, n = r.min, a = r.value;
@@ -461,10 +461,10 @@
     // If the current value is in between a step, i.e. defaultValue is not at a
     // step mark, this function handles navigating to the next correct step
         var G = function e(r) {
-        var t = r.direction, n = r.min, a = r.step, i = r.value;
-        var o = new (l())(i).minus(n).modulo(a).toNumber();
-        if (o > 0) {
-            return t === "forward" ? a - o : o;
+        var t = r.direction, n = r.min, a = r.step, o = r.value;
+        var l = new (i())(o).minus(n).modulo(a).toNumber();
+        if (l > 0) {
+            return t === "forward" ? a - l : l;
         }
         return a;
     };
@@ -481,12 +481,12 @@
         });
     };
     var Q = function e(r) {
-        var t = r.max, n = r.min, a = r.step, i = r.value;
+        var t = r.max, n = r.min, a = r.step, o = r.value;
         // Handles if the max is in between steps but val is larger than the halfway point between last step mark and max
-                if (i > t - (t - n) % a / 2) {
+                if (o > t - (t - n) % a / 2) {
             return t;
         }
-        return new (l())(i).minus(n).div(a).todp(0).mul(a).add(n).toNumber();
+        return new (i())(o).minus(n).div(a).todp(0).mul(a).add(n).toNumber();
     };
     var Y = function e(r) {
         var t = r.position, n = r.max, a = r.min, i = r.step;

package/SlidingPanels.js

@@ -67,11 +67,11 @@
     // CONCATENATED MODULE: external "react"
     const r = require("react");
     var t =  e.n(r);
-    // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var i =  e.n(o);
     // CONCATENATED MODULE: external "@react-spring/web"
-    const a = require("@react-spring/web");
+    const o = require("@react-spring/web");
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
+    var a =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/Animation"
     const u = require("@splunk/react-ui/Animation");
     // CONCATENATED MODULE: external "styled-components"
@@ -87,7 +87,7 @@
         displayName: "SlidingPanelsStyles__StyledBox",
         componentId: "su6isq-0"
     })([ "overflow:hidden;position:relative;" ]);
-    var v = c()(a.animated.div).withConfig({
+    var v = c()(o.animated.div).withConfig({
         displayName: "SlidingPanelsStyles__StyledAnimatedDiv",
         componentId: "su6isq-1"
     })([ "", ";", ";" ], y.mixins.reset("block"), y.mixins.clearfix());
@@ -190,13 +190,13 @@
         return r;
     }
     var E = {
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
+        children: a().node,
+        elementRef: a().oneOfType([ a().func, a().object ]),
         /** @private */
-        onMount: i().func,
+        onMount: a().func,
         /** @private */
-        onUnmount: i().func,
-        panelId: i().oneOfType([ i().string, i().number ]).isRequired
+        onUnmount: a().func,
+        panelId: a().oneOfType([ a().string, a().number ]).isRequired
     };
     /**
  * Container for arbitrary content.
@@ -356,15 +356,15 @@
     }
     // can't use PanelId as key type, because an index signature parameter type must be 'string', 'number', 'symbol', or a template literal type.
         var z = {
-        activePanelId: i().oneOfType([ i().string, i().number ]).isRequired,
-        children: i().node,
-        elementRef: i().oneOfType([ i().func, i().object ]),
-        innerClassName: i().string,
-        innerStyle: i().object,
-        onAnimationEnd: i().func,
-        outerClassName: i().string,
-        outerStyle: i().object,
-        transition: i().oneOf([ "forward", "backward" ])
+        activePanelId: a().oneOfType([ a().string, a().number ]).isRequired,
+        children: a().node,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        innerClassName: a().string,
+        innerStyle: a().object,
+        onAnimationEnd: a().func,
+        outerClassName: a().string,
+        outerStyle: a().object,
+        transition: a().oneOf([ "forward", "backward" ])
     };
     var F = {
         enter: {
@@ -428,15 +428,15 @@
         }));
     };
     function K(e) {
-        var n = e.activePanelId, o = e.children, i = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, v = e.transition, p = v === void 0 ? "forward" : v, m = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
+        var n = e.activePanelId, i = e.children, a = e.elementRef, l = e.innerClassName, c = e.innerStyle, f = e.onAnimationEnd, s = e.outerClassName, y = e.outerStyle, v = e.transition, p = v === void 0 ? "forward" : v, m = U(e, [ "activePanelId", "children", "elementRef", "innerClassName", "innerStyle", "onAnimationEnd", "outerClassName", "outerStyle", "transition" ]);
         // @docs-props-type SlidingPanelsPropsBase
                 var b = (0, r.useState)(0), g = M(b, 2), O = g[0], h = g[1];
         var S = (0, r.useState)([]), j = M(S, 2), w = j[0], P = j[1];
         var E = (0, r.useState)({}), A = M(E, 2), I = A[0], x = A[1];
-        var N = (0, a.useSpringRef)();
+        var N = (0, o.useSpringRef)();
         var T = (0, r.useMemo)((function() {
-            return r.Children.toArray(o).filter(r.isValidElement);
-        }), [ o ]);
+            return r.Children.toArray(i).filter(r.isValidElement);
+        }), [ i ]);
         /**
    * maxWidth is used to determine how far to translate the x value of the animated panels.
    * Without maxWidth, we run into a problem if the leaving panel width > the arriving panel width.
@@ -504,7 +504,7 @@
             className: s,
             "data-test-active-panel-id": n,
             "data-test": "sliding-panels",
-            elementRef: i,
+            elementRef: a,
             style: y
         }, m), k((function(e, n) {
             var r = w[n];

package/SplitButton.js

@@ -61,7 +61,7 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Item: () => /* reexport */ P,
+        Item: () => /* reexport */ k,
         default: () => /* reexport */ T
     });
     // CONCATENATED MODULE: external "react"
@@ -81,35 +81,15 @@
     var d =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const p = require("@splunk/ui-utils/i18n");
-    // CONCATENATED MODULE: external "styled-components"
-    const f = require("styled-components");
+    // CONCATENATED MODULE: external "lodash/omit"
+    const f = require("lodash/omit");
     var v =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/Button"
     const b = require("@splunk/react-ui/Button");
     var y =  e.n(b);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const m = require("@splunk/themes");
-    // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
-    var g = v()(y()).withConfig({
-        displayName: "SplitButtonStyles__StyledToggle",
-        componentId: "sc-9igsyh-0"
-    })([ "min-width:0;width:24px;" ]);
-    var h = v().div.withConfig({
-        displayName: "SplitButtonStyles__StyledDiv",
-        componentId: "sc-9igsyh-1"
-    })([ "", " ", " ", "" ], m.mixins.reset("inline-flex"), (function(e) {
-        var n = e.$appearance;
-        return (n === "primary" || n === "destructive") && (0, f.css)([ "gap:1px;" ]);
-    }), (function(e) {
-        var n = e.$inline;
-        return !n && (0, f.css)([ "width:100%;" ]);
-    }));
-    // CONCATENATED MODULE: external "lodash/omit"
-    const O = require("lodash/omit");
-    var S =  e.n(O);
     // CONCATENATED MODULE: ./src/SplitButton/Item.tsx
-    function k() {
-        return k = Object.assign ? Object.assign.bind() : function(e) {
+    function m() {
+        return m = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var r = arguments[n];
                 for (var t in r) {
@@ -117,11 +97,11 @@
                 }
             }
             return e;
-        }, k.apply(null, arguments);
+        }, m.apply(null, arguments);
     }
-    function w(e, n) {
+    function g(e, n) {
         if (null == e) return {};
-        var r, t, a = C(e, n);
+        var r, t, a = h(e, n);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (t = 0; t < i.length; t++) {
@@ -130,7 +110,7 @@
         }
         return a;
     }
-    function C(e, n) {
+    function h(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
@@ -141,7 +121,7 @@
         }
         return r;
     }
-    /** @public */    var j = {
+    /** @public */    var O = {
         appearance: i().oneOf([ "default", "secondary", "primary", "destructive", "destructiveSecondary" ]),
         children: i().node,
         disabled: i().bool,
@@ -152,15 +132,15 @@
     };
     /**
  * An item within a `SplitButton`.
- */    function E(e) {
-        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.disabled, l = e.elementRef, o = e.icon, c = e.isMain, u = e.children, s = e.onClick, p = w(e, [ "appearance", "disabled", "elementRef", "icon", "isMain", "children", "onClick" ]);
+ */    function S(e) {
+        var n = e.appearance, a = n === void 0 ? "secondary" : n, i = e.disabled, l = e.elementRef, o = e.icon, c = e.isMain, u = e.children, s = e.onClick, p = g(e, [ "appearance", "disabled", "elementRef", "icon", "isMain", "children", "onClick" ]);
         // @docs-props-type ItemPropsBase
                 var f = (0, r.useCallback)((function(e) {
             if (!i) {
                 s === null || s === void 0 ? void 0 : s(e, {});
             }
         }), [ i, s ]);
-        var v = (0, r.useCallback)((function(e, n) {
+        var b = (0, r.useCallback)((function(e, n) {
             var r = n.action, t = n.icon, a = n.label, l = n.value;
             if (!i) {
                 s === null || s === void 0 ? void 0 : s(e, {
@@ -173,25 +153,45 @@
         }), [ i, s ]);
         if (c) {
             
-            return t().createElement(y(), k({
+            return t().createElement(y(), m({
                 appearance: a,
                 append: true,
                 disabled: i,
                 elementRef: l,
                 icon: o,
-                onClick: v
+                onClick: b
             }, p), u);
         }
         
-        return t().createElement(d().Item, k({
+        return t().createElement(d().Item, m({
             disabled: i,
             elementRef: l,
             onClick: f,
             startAdornment: o
-        }, S()(p, [ "role" ])), u);
+        }, v()(p, [ "role" ])), u);
     }
-    E.propTypes = j;
-    /* harmony default export */    const P = E;
+    S.propTypes = O;
+    /* harmony default export */    const k = S;
+    // CONCATENATED MODULE: external "styled-components"
+    const w = require("styled-components");
+    var C =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const j = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/SplitButton/SplitButtonStyles.ts
+    var E = C()(y()).withConfig({
+        displayName: "SplitButtonStyles__StyledToggle",
+        componentId: "sc-9igsyh-0"
+    })([ "min-width:0;width:24px;" ]);
+    var P = C().div.withConfig({
+        displayName: "SplitButtonStyles__StyledDiv",
+        componentId: "sc-9igsyh-1"
+    })([ "", " ", " ", "" ], j.mixins.reset("inline-flex"), (function(e) {
+        var n = e.$appearance;
+        return (n === "primary" || n === "destructive") && (0, w.css)([ "gap:1px;" ]);
+    }), (function(e) {
+        var n = e.$inline;
+        return !n && (0, w.css)([ "width:100%;" ]);
+    }));
     // CONCATENATED MODULE: ./src/SplitButton/SplitButton.tsx
     function q() {
         return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -239,34 +239,34 @@
  // @docs-props-type SplitButtonPropsBase
                 var y = r.Children.toArray(i).filter(r.isValidElement);
         var m = 0;
-        var O = 0;
+        var g = 0;
         y.forEach((function(e, n) {
             var r = e.props, t = r.disabled, a = r.isMain;
             if (a) {
                 m = n;
             }
             if (t) {
-                O += 1;
+                g += 1;
             }
         }));
-        var S =  (0, r.cloneElement)(y[m], {
+        var h =  (0, r.cloneElement)(y[m], {
             isMain: true,
             appearance: a,
             disabled: l || y[m].props.disabled
         });
         // Remove mainButton from array of dropdown items
                 y.splice(m, 1);
-        var k = y;
-        var w =  t().createElement(g, {
+        var O = y;
+        var S =  t().createElement(E, {
             prepend: true,
-            disabled: l || O === k.length,
+            disabled: l || g === O.length,
             appearance: a,
             "data-test": "split-button-toggle",
             "aria-label": (0, p._)("Open more options"),
             icon:  t().createElement(o(), null)
         });
         
-        return t().createElement(h, q({
+        return t().createElement(P, q({
             "aria-label": (0, p._)("Split button"),
             "data-inline": f || null,
             "data-test": "split-button-container",
@@ -275,12 +275,12 @@
             role: "group",
             onClick: l ? undefined : v,
             $appearance: a
-        }, b), S,  t().createElement("div", null,  t().createElement(u(), {
-            toggle: w
-        },  t().createElement(d(), null, k))));
+        }, b), h,  t().createElement("div", null,  t().createElement(u(), {
+            toggle: S
+        },  t().createElement(d(), null, O))));
     }
     I.propTypes = R;
-    I.Item = P;
+    I.Item = k;
     /* harmony default export */    const T = I;
     // CONCATENATED MODULE: ./src/SplitButton/index.ts
     module.exports = n;