@splunk/react-ui 4.40.0 → 4.41.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;