@splunk/react-ui 4.40.0 → 4.42.0

package/Date.js

@@ -61,15 +61,16 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        DateWithoutTheme: () => /* reexport */ N,
-        default: () => /* reexport */ z
+        DateWithoutTheme: () => /* reexport */ U,
+        default: () => /* reexport */ G,
+        validateValue: () => /* reexport */ Z
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
     var a =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const o = require("prop-types");
-    var r =  e.n(o);
+    const r = require("prop-types");
+    var o =  e.n(r);
     // CONCATENATED MODULE: external "lodash/has"
     const l = require("lodash/has");
     var i =  e.n(l);
@@ -84,13 +85,13 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
     const d = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/Calendar"
-    const h = require("@splunk/react-ui/Calendar");
-    var v =  e.n(h);
+    const v = require("@splunk/react-ui/Calendar");
+    var h =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const y = require("@splunk/react-ui/Popover");
-    var m =  e.n(y);
+    var b =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const b = require("@splunk/themes");
+    const m = require("@splunk/themes");
     // CONCATENATED MODULE: external "styled-components"
     const g = require("styled-components");
     var C =  e.n(g);
@@ -101,13 +102,13 @@
     var k = C()(x()).withConfig({
         displayName: "DateStyles__StyledText",
         componentId: "kacgdc-0"
-    })([ "cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}" ], (0, b.pickVariant)("$disabled", {
+    })([ "cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}" ], (0, m.pickVariant)("$disabled", {
         false: "text",
         true: "not-allowed"
-    }), (0, b.pick)({
+    }), (0, m.pick)({
         enterprise: "105px",
         prisma: "150px"
-    }), (0, b.pick)({
+    }), (0, m.pick)({
         enterprise: {
             comfortable: "105px",
             compact: "80px"
@@ -118,10 +119,10 @@
         displayName: "DateStyles__IconContainer",
         componentId: "kacgdc-1"
     })([ "align-items:center;color:", ";display:flex;padding:", ";pointer-events:none;" ], (0, 
-    b.pickVariant)("$disabled", {
-        false: b.variables.contentColorMuted,
-        true: b.variables.contentColorDisabled
-    }), (0, b.pick)({
+    m.pickVariant)("$disabled", {
+        false: m.variables.contentColorMuted,
+        true: m.variables.contentColorDisabled
+    }), (0, m.pick)({
         comfortable: "0 8px",
         compact: "0 6px"
     }));
@@ -138,13 +139,13 @@
         }, T.apply(null, arguments);
     }
     function I(e) {
-        var t = (0, b.useSplunkTheme)(), n = t.density;
-        var o = n === "compact" ? "20px" : "24px";
+        var t = (0, m.useSplunkTheme)(), n = t.density;
+        var r = n === "compact" ? "20px" : "24px";
         
         return a().createElement("svg", T({
             viewBox: "0 0 24 24",
-            width: o,
-            height: o
+            width: r,
+            height: r
         }, e),  a().createElement("path", {
             fill: "currentColor",
             fillRule: "evenodd",
@@ -200,12 +201,12 @@
             Object.defineProperty(e, W(a.key), a);
         }
     }
-    function F(e, t, n) {
+    function R(e, t, n) {
         return t && P(e.prototype, t), n && P(e, n), Object.defineProperty(e, "prototype", {
             writable: !1
         }), e;
     }
-    function M(e, t) {
+    function _(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: {
@@ -215,30 +216,30 @@
             }
         }), Object.defineProperty(e, "prototype", {
             writable: !1
-        }), t && _(e, t);
+        }), t && E(e, t);
     }
-    function _(e, t) {
-        return _ = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+    function E(e, t) {
+        return E = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
             return e.__proto__ = t, e;
-        }, _(e, t);
+        }, E(e, t);
     }
-    function E(e) {
+    function q(e) {
         var t = H();
         return function() {
             var n, a = K(e);
             if (t) {
-                var o = K(this).constructor;
-                n = Reflect.construct(a, arguments, o);
+                var r = K(this).constructor;
+                n = Reflect.construct(a, arguments, r);
             } else n = a.apply(this, arguments);
-            return q(this, n);
+            return M(this, n);
         };
     }
-    function q(e, t) {
+    function M(e, t) {
         if (t && ("object" == D(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return R(e);
+        return F(e);
     }
-    function R(e) {
+    function F(e) {
         if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
@@ -280,26 +281,26 @@
     /** @public */
     /** @public */
     /** @public */    var Y = {
-        defaultValue: r().string,
-        describedBy: r().string,
-        disabled: r().bool,
-        elementRef: r().oneOfType([ r().func, r().object ]),
-        error: r().bool,
-        highlightToday: r().bool,
-        inline: r().bool,
-        inputId: r().string,
-        inputOnly: r().bool,
-        labelledBy: r().string,
-        locale: r().string,
-        name: r().string,
-        onBlur: r().func,
-        onChange: r().func,
-        onClick: r().func,
-        onFocus: r().func,
-        onKeyDown: r().func,
+        defaultValue: o().string,
+        describedBy: o().string,
+        disabled: o().bool,
+        elementRef: o().oneOfType([ o().func, o().object ]),
+        error: o().bool,
+        highlightToday: o().bool,
+        inline: o().bool,
+        inputId: o().string,
+        inputOnly: o().bool,
+        labelledBy: o().string,
+        locale: o().string,
+        name: o().string,
+        onBlur: o().func,
+        onChange: o().func,
+        onClick: o().func,
+        onFocus: o().func,
+        onKeyDown: o().func,
         /** @private */
-        splunkTheme: r().object,
-        value: r().string
+        splunkTheme: o().object,
+        value: o().string
     };
     var $ = {
         disabled: false,
@@ -309,155 +310,159 @@
         inputOnly: false,
         locale: "en_US"
     };
-    var N =  function(e) {
-        M(n, e);
-        var t = E(n);
+    /**
+ * This static value can be used to convert a moment date to a compatible string
+ * to set the `value` prop.
+ * ```
+ * moment().format(Date.momentFormat);
+ * ```
+ * @public
+ * @name momentFormat
+ * @memberOf Date
+ * @type string
+ */    var N = "YYYY-MM-DD";
+    var Z = function e(t) {
+        if (!p()(t, N).isValid()) {
+            // eslint-disable-next-line no-console
+            console.error('Invalid date string value "'.concat(t, '" provided to Moment.'));
+        }
+    };
+    var U =  function(e) {
+        _(n, e);
+        var t = q(n);
         // @docs-props-type DatePropsBase
-        /**
-   * This static value can be used to convert a moment date to a compatible string
-   * to set the `value` prop.
-   * ```
-   * moment().format(Date.momentFormat);
-   * ```
-   * @public
-   * @name momentFormat
-   * @memberOf Date
-   * @type string
-   */        function n(e) {
-            var a;
+                function n(e) {
+            var r;
             j(this, n);
-            a = t.call(this, e);
-            B(R(a), "controlledExternally", void 0);
-            B(R(a), "focusCalledInternally", false);
-            B(R(a), "popoverId", void 0);
-            B(R(a), "calendar", null);
-            B(R(a), "openWithFocus", false);
-            B(R(a), "applyTextChange", (function(e) {
-                var t = p()(a.state.tempTextInputDate, "l", a.props.locale);
+            r = t.call(this, e);
+            B(F(r), "controlledExternally", void 0);
+            B(F(r), "focusCalledInternally", false);
+            B(F(r), "popoverId", void 0);
+            B(F(r), "calendarRef",  a().createRef());
+            B(F(r), "openWithFocus", false);
+            B(F(r), "applyTextChange", (function(e) {
+                var t = p()(r.state.tempTextInputDate, "l", r.props.locale);
                 if (t.isValid()) {
-                    a.handleDateChange(e, {
-                        value: t.format(n.momentFormat)
+                    r.handleDateChange(e, {
+                        value: t.format(N)
                     }, "textInput");
                 } else {
-                    a.setState({
+                    r.setState({
                         calendarOpen: false,
                         tempTextInputDate: undefined
                     });
                 }
             }));
-            B(R(a), "handleDateChange", (function(e, t, n) {
-                var o = t.value;
+            B(F(r), "handleDateChange", (function(e, t, n) {
+                var a = t.value;
                 if (n !== "textInput") {
-                    a.focusCalledInternally = true;
-                    a.focus();
+                    r.focusCalledInternally = true;
+                    r.focus();
                 }
-                if (a.getValue() !== o) {
-                    var r, l;
-                    a.setState({
+                if (r.getValue() !== a) {
+                    var o, l;
+                    r.setState({
                         calendarOpen: false,
                         tempTextInputDate: undefined,
-                        value: a.isControlled() ? undefined : o
+                        value: r.isControlled() ? undefined : a
                     });
-                    var i = a.props.name;
-                    (r = (l = a.props).onChange) === null || r === void 0 ? void 0 : r.call(l, e, {
-                        value: o,
+                    var i = r.props.name;
+                    (o = (l = r.props).onChange) === null || o === void 0 ? void 0 : o.call(l, e, {
+                        value: a,
                         name: i
                     });
                 } else {
-                    a.setState({
+                    r.setState({
                         calendarOpen: false
                     });
                 }
             }));
-            B(R(a), "handleFocus", (function(e, t) {
-                var n, o;
-                if (a.focusCalledInternally) {
-                    a.focusCalledInternally = false;
-                } else if (!a.props.inputOnly) {
-                    a.setState({
+            B(F(r), "handleFocus", (function(e, t) {
+                var n, a;
+                if (r.focusCalledInternally) {
+                    r.focusCalledInternally = false;
+                } else if (!r.props.inputOnly) {
+                    r.setState({
                         calendarOpen: true
                     });
                 }
-                (n = (o = a.props).onFocus) === null || n === void 0 ? void 0 : n.call(o, e, t);
+                (n = (a = r.props).onFocus) === null || n === void 0 ? void 0 : n.call(a, e, t);
             }));
-            B(R(a), "handleClick", (function(e) {
+            B(F(r), "handleClick", (function(e) {
                 var t, n;
-                if (!a.props.inputOnly && !a.state.calendarOpen) {
-                    a.setState({
+                if (!r.props.inputOnly && !r.state.calendarOpen) {
+                    r.setState({
                         calendarOpen: true
                     });
                 }
-                (t = (n = a.props).onClick) === null || t === void 0 ? void 0 : t.call(n, e);
+                (t = (n = r.props).onClick) === null || t === void 0 ? void 0 : t.call(n, e);
             }));
-            B(R(a), "handleInputChange", (function(e, t) {
+            B(F(r), "handleInputChange", (function(e, t) {
                 var n = t.value;
-                a.setState({
+                r.setState({
                     tempTextInputDate: n,
-                    calendarOpen: !a.props.inputOnly
+                    calendarOpen: !r.props.inputOnly
                 });
             }));
-            B(R(a), "handleKeyDown", (function(e) {
+            B(F(r), "handleKeyDown", (function(e) {
                 var t, n;
-                var o = (0, d.keycode)(e.nativeEvent);
-                if (o === "enter" || o === "tab") {
-                    a.applyTextChange(e);
-                } else if (!a.props.inputOnly && o === "down") {
+                var a = (0, d.keycode)(e.nativeEvent);
+                if (a === "enter" || a === "tab") {
+                    r.applyTextChange(e);
+                } else if (!r.props.inputOnly && a === "down") {
                     e.preventDefault();
-                    if (!a.state.calendarOpen) {
-                        a.openWithFocus = true;
-                        a.setState({
+                    if (!r.state.calendarOpen) {
+                        r.openWithFocus = true;
+                        r.setState({
                             calendarOpen: true
                         });
-                    } else if (a.calendar) {
-                        a.calendar.focusActiveDay();
+                    } else if (r.calendarRef) {
+                        (0, v.focusActiveDay)(r.calendarRef);
                     }
-                } else if (o === "esc") {
-                    a.setState({
+                } else if (a === "esc") {
+                    r.setState({
                         calendarOpen: false,
                         tempTextInputDate: undefined
                     });
-                    a.focus();
+                    r.focus();
                 }
-                (t = (n = a.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(n, e);
+                (t = (n = r.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(n, e);
             }));
-            B(R(a), "handleMount", (function(e) {
-                a.setState({
+            B(F(r), "handleMount", (function(e) {
+                r.setState({
                     anchor: e
                 });
-                S(a.props.elementRef, e);
+                S(r.props.elementRef, e);
             }));
-            B(R(a), "handleInputMount", (function(e) {
-                a.setState({
+            B(F(r), "handleInputMount", (function(e) {
+                r.setState({
                     input: e
                 });
             }));
-            B(R(a), "handleCalendarMount", (function(e) {
-                a.calendar = e;
-            }));
-            B(R(a), "handleRequestClose", (function(e) {
+            B(F(r), "handleRequestClose", (function(e) {
                 var t = e.event, n = e.reason;
-                if ((n === "clickAway" || n === "escapeKey") && t !== undefined && t.target !== a.state.anchor) {
-                    a.applyTextChange(t);
+                if ((n === "clickAway" || n === "escapeKey") && t !== undefined && t.target !== r.state.anchor) {
+                    r.applyTextChange(t);
                     if (n === "escapeKey") {
-                        a.focusCalledInternally = true;
-                        a.focus();
+                        r.focusCalledInternally = true;
+                        r.focus();
                     }
                 }
             }));
-            a.controlledExternally = i()(e, "value");
-            var o = a.isControlled() ? e.value : e.defaultValue || p()().locale(e.locale).format(n.momentFormat);
-            a.state = {
+            r.controlledExternally = i()(e, "value");
+            var o = r.isControlled() ? e.value : e.defaultValue || p()().locale(e.locale).format(N);
+            r.state = {
                 anchor: null,
                 calendarOpen: false,
                 input: null,
-                value: a.isControlled() ? undefined : o
+                value: r.isControlled() ? undefined : o
             };
-            a.popoverId = (0, f.createDOMID)("calendar");
+            r.popoverId = (0, f.createDOMID)("calendar");
             if (false) {}
             if (false) {}
-            return a;
+            return r;
         }
-        F(n, [ {
+        R(n, [ {
             key: "componentDidUpdate",
             value: function e(t, n) {
                 if (false) {}
@@ -467,9 +472,8 @@
        * If `openWithFocus` and `calendarOpen` are set the user is attempting to navigate to the dropdown, but it's closed.
        * On the first update following the state change set focus to the active day within the calendar.
        */                if (this.openWithFocus && this.state.calendarOpen && n.calendarOpen !== this.state.calendarOpen) {
-                    var a;
                     this.openWithFocus = false;
-                    (a = this.calendar) === null || a === void 0 ? void 0 : a.focusActiveDay();
+                    (0, v.focusActiveDay)(this.calendarRef);
                 }
             }
         }, {
@@ -480,7 +484,7 @@
         }, {
             key: "getTextInputValue",
             value: function e() {
-                return this.state.tempTextInputDate === undefined ? p()(this.getValue(), n.momentFormat, this.props.locale).format("l") : this.state.tempTextInputDate;
+                return this.state.tempTextInputDate === undefined ? p()(this.getValue(), N, this.props.locale).format("l") : this.state.tempTextInputDate;
             }
         }, {
             key: "isControlled",
@@ -498,28 +502,28 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, n = t.disabled, o = t.highlightToday, r = t.inputOnly, l = t.locale, i = t.splunkTheme;
+                var t = this.props, n = t.disabled, r = t.highlightToday, o = t.inputOnly, l = t.locale, i = t.splunkTheme;
                 var u = i.isPrisma;
                 var c = this.getValue();
-                var p = u && !r &&  a().createElement(w, {
+                var p = u && !o &&  a().createElement(w, {
                     "aria-hidden": true,
                     $disabled: n
                 },  a().createElement(I, null));
                 var f;
                 var d = {};
-                if (!r) {
+                if (!o) {
                     d.role = "combobox";
                     d["aria-controls"] = this.state.calendarOpen ? this.popoverId : undefined;
                     d["aria-expanded"] = n ? false : this.state.calendarOpen;
                     d["aria-haspopup"] = true;
-                    f =  a().createElement(m(), {
+                    f =  a().createElement(b(), {
                         anchor: this.state.anchor,
                         id: this.popoverId,
                         open: n ? false : this.state.calendarOpen,
                         onRequestClose: this.handleRequestClose
-                    },  a().createElement(v(), {
-                        ref: this.handleCalendarMount,
-                        highlightToday: o,
+                    },  a().createElement(h(), {
+                        elementRef: this.calendarRef,
+                        highlightToday: r,
                         locale: l,
                         onChange: this.handleDateChange,
                         value: c
@@ -548,20 +552,13 @@
         } ]);
         return n;
     }(n.Component);
-    B(N, "propTypes", Y);
-    B(N, "defaultProps", $);
-    B(N, "momentFormat", "YYYY-MM-DD");
-    B(N, "validateValue", (function(e) {
-        if (!p()(e, N.momentFormat).isValid()) {
-            // eslint-disable-next-line no-console
-            console.error('Invalid date string value "'.concat(e, '" provided to Moment.'));
-        }
-    }));
-    var Z = (0, b.withSplunkTheme)(N);
-    var U = Z;
-    U.propTypes = N.propTypes;
-    U.momentFormat = N.momentFormat;
-    /* harmony default export */    const z = U;
+    B(U, "propTypes", Y);
+    B(U, "defaultProps", $);
+    var z = (0, m.withSplunkTheme)(U);
+    var L = z;
+    L.propTypes = U.propTypes;
+    L.momentFormat = N;
+    /* harmony default export */    const G = L;
     // only for styled components using Date
         // CONCATENATED MODULE: ./src/Date/index.ts
     module.exports = t;

package/Dropdown.js

@@ -72,10 +72,10 @@
     var i =  e.n(r);
     // CONCATENATED MODULE: external "lodash/has"
     const l = require("lodash/has");
-    var s =  e.n(l);
+    var a =  e.n(l);
     // CONCATENATED MODULE: external "lodash/includes"
-    const a = require("lodash/includes");
-    var c =  e.n(a);
+    const s = require("lodash/includes");
+    var c =  e.n(s);
     // CONCATENATED MODULE: external "lodash/isEmpty"
     const p = require("lodash/isEmpty");
     // CONCATENATED MODULE: external "lodash/isFunction"
@@ -83,10 +83,10 @@
     var f =  e.n(u);
     // CONCATENATED MODULE: external "lodash/keys"
     const d = require("lodash/keys");
-    var g =  e.n(d);
+    var v =  e.n(d);
     // CONCATENATED MODULE: external "lodash/omit"
-    const v = require("lodash/omit");
-    var y =  e.n(v);
+    const g = require("lodash/omit");
+    var y =  e.n(g);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const h = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
@@ -339,16 +339,16 @@
             }));
             _(I(t), "handleRequestClose", (function(e) {
                 var o = e.event, n = e.reason;
-                var r = t.props, i = r.closeReasons, l = r.focusToggleReasons, s = r.onRequestClose;
+                var r = t.props, i = r.closeReasons, l = r.focusToggleReasons, a = r.onRequestClose;
                 if (o && n === "clickAway") {
-                    var a = o.target;
+                    var s = o.target;
                     var p = t.props.inputId || t.props.toggle.props.id || t.toggleId;
-                    while (a) {
+                    while (s) {
                         // Ignore clicks on toggle.
-                        if (a.id === p) {
+                        if (s.id === p) {
                             return;
                         }
-                        a = a.parentNode;
+                        s = s.parentNode;
                     }
                 }
                 if (t.isOpen() && c()(i, n)) {
@@ -360,7 +360,7 @@
                             open: false
                         });
                     }
-                    s === null || s === void 0 ? void 0 : s(e);
+                    a === null || a === void 0 ? void 0 : a(e);
                 }
             }));
             _(I(t), "handleContentClick", (function(e) {
@@ -373,7 +373,7 @@
                 anchor: null,
                 open: false
             };
-            t.controlledExternally = s()(e, "open");
+            t.controlledExternally = a()(e, "open");
             t.popoverId = (0, h.createDOMID)("popover");
             t.toggleId = (0, h.createDOMID)("toggle");
             return t;
@@ -382,7 +382,7 @@
             key: "componentDidUpdate",
             value: function e() {
                 if (false) {}
-                var o = R({}, y()(this.props, g()(r.propTypes), "value", "id"));
+                var o = R({}, y()(this.props, v()(r.propTypes), "value", "id"));
                 if (false) {}
             }
         }, {
@@ -420,38 +420,39 @@
         }, {
             key: "render",
             value: function e() {
-                var o = this.props, t = o.align, r = o.canCoverAnchor, i = o.children, l = o.closeReasons, s = o.defaultPlacement, a = o.elementRef, p = o.repositionMode, u = o.retainFocus, d = o.takeFocus;
+                var o;
+                var t = this.props, r = t.align, i = t.canCoverAnchor, l = t.children, a = t.closeReasons, s = t.defaultPlacement, p = t.elementRef, u = t.repositionMode, d = t.retainFocus, v = t.takeFocus;
                 var g = this.state.anchor;
-                var v = this.handleRequestClose, y = this.handleContentClick;
-                var h = this.renderToggle();
+                var y = this.handleRequestClose, h = this.handleContentClick;
+                var b = this.renderToggle();
                 
-                return n().createElement(n().Fragment, null, h,  n().createElement(m(), {
-                    align: t,
+                return n().createElement(n().Fragment, null, b,  n().createElement(m(), {
+                    align: r,
                     open: !!g && this.isOpen(),
-                    autoCloseWhenOffScreen: c()(l, "offScreen"),
+                    autoCloseWhenOffScreen: c()(a, "offScreen"),
                     anchor: g,
-                    canCoverAnchor: r,
-                    elementRef: a,
-                    retainFocus: u,
+                    canCoverAnchor: i,
+                    elementRef: p,
+                    retainFocus: d,
                     defaultPlacement: s,
-                    onRequestClose: v,
-                    repositionMode: p,
+                    onRequestClose: y,
+                    repositionMode: u,
                     id: this.popoverId,
-                    "aria-labelledby": this.props.inputId || this.props.toggle.props.id || this.toggleId,
-                    takeFocus: d
-                }, f()(i) ? 
+                    "aria-labelledby": "".concat((o = this.props["aria-labelledby"]) !== null && o !== void 0 ? o : "", " ").concat(this.props.inputId || this.props.toggle.props.id || this.toggleId).trim(),
+                    takeFocus: v
+                }, f()(l) ? 
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
                 function() {
                     
                     return n().createElement("div", {
-                        onClick: y
-                    }, i.apply(void 0, arguments));
+                        onClick: h
+                    }, l.apply(void 0, arguments));
                 } : 
                 
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
                 n().createElement("div", {
-                    onClick: y
-                }, i)));
+                    onClick: h
+                }, l)));
             }
         } ]);
         return r;