@splunk/react-ui 5.0.0-beta.5 → 5.0.0-rc.2

package/Date.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        default: () => /* reexport */ $,
-        validateValue: () => /* reexport */ K
+        default: () => /* reexport */ V,
+        validateValue: () => /* reexport */ F
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -72,13 +72,13 @@
     var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
     const l = require("lodash/omit");
-    var i =  e.n(l);
+    var u =  e.n(l);
     // CONCATENATED MODULE: external "moment"
-    const u = require("moment");
-    var c =  e.n(u);
+    const i = require("moment");
+    var c =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/Calendar"
-    const s = require("@splunk/react-ui/Calendar");
-    var f =  e.n(s);
+    const f = require("@splunk/react-ui/Calendar");
+    var s =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const d = require("@splunk/react-ui/Popover");
     var v =  e.n(d);
@@ -87,34 +87,24 @@
     var y =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const m = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const b = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
-    const g = require("styled-components");
-    var h =  e.n(g);
+    const b = require("styled-components");
+    var g =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/Calendar"
-    const C = require("@splunk/react-icons/Calendar");
-    var k =  e.n(C);
+    const h = require("@splunk/react-icons/Calendar");
+    var C =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const S = require("@splunk/react-ui/Text");
-    var O =  e.n(S);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const w = require("@splunk/themes");
+    const k = require("@splunk/react-ui/Text");
+    var S =  e.n(k);
     // CONCATENATED MODULE: ./src/Date/DateStyles.ts
-    var D = h()(O()).withConfig({
+    var O = g()(S()).withConfig({
         displayName: "DateStyles__StyledText",
         componentId: "kacgdc-0"
-    })([ "cursor:", ";&[data-inline]{width:160px;}" ], (0, w.pickVariant)("$disabled", {
-        false: "text",
-        true: "not-allowed"
-    }));
-    var q = h()(k()).withConfig({
+    })([ "&[data-inline]{width:160px;}" ]);
+    var w = g()(C()).withConfig({
         displayName: "DateStyles__StyledCalendarIcon",
         componentId: "kacgdc-1"
-    })([ "color:", ";transform:translateY(1px);" ], (0, w.pickVariant)("$disabled", {
-        false: w.variables.contentColorMuted,
-        true: w.variables.contentColorDisabled
-    }));
+    })([ "transform:translateY(1px);" ]);
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -122,7 +112,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function j(e, n) {
+    function D(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -135,8 +125,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Date/Date.tsx
-    function I() {
-        return I = Object.assign ? Object.assign.bind() : function(e) {
+    function j() {
+        return j = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -144,56 +134,56 @@
                 }
             }
             return e;
-        }, I.apply(null, arguments);
+        }, j.apply(null, arguments);
     }
-    function x(e, n) {
-        return E(e) || P(e, n) || T(e, n) || M();
+    function I(e, n) {
+        return E(e) || A(e, n) || T(e, n) || q();
     }
-    function M() {
+    function q() {
         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 T(e, n) {
         if (e) {
-            if ("string" == typeof e) return A(e, n);
+            if ("string" == typeof e) return x(e, n);
             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) ? A(e, n) : 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) ? x(e, n) : void 0;
         }
     }
-    function A(e, n) {
+    function x(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
         }
         return r;
     }
-    function P(e, n) {
+    function A(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, a, o, l, i = [], u = !0, c = !1;
+            var r, a, o, l, u = [], i = !0, c = !1;
             try {
                 if (o = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
-                    u = !1;
-                } else for (;!(u = (r = o.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                    i = !1;
+                } else for (;!(i = (r = o.call(t)).done) && (u.push(r.value), u.length !== n); i = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
+                    if (!i && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
                 } finally {
                     if (c) throw a;
                 }
             }
-            return i;
+            return u;
         }
     }
     function E(e) {
         if (Array.isArray(e)) return e;
     }
-    function _(e, n) {
+    function M(e, n) {
         if (null == e) return {};
-        var t, r, a = R(e, n);
+        var t, r, a = P(e, n);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (r = 0; r < o.length; r++) {
@@ -202,7 +192,7 @@
         }
         return a;
     }
-    function R(e, n) {
+    function P(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -215,7 +205,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var V = {
+    /** @public */    var _ = {
         defaultValue: o().string,
         describedBy: o().string,
         disabled: o().bool,
@@ -245,40 +235,40 @@
  * @name momentFormat
  * @memberOf Date
  * @type string
- */    var F = "YYYY-MM-DD";
-    var K = function e(n) {
+ */    var R = "YYYY-MM-DD";
+    var F = function e(n) {
         if (n === "") {
             return;
         }
-        if (!c()(n, F).isValid()) {
+        if (!c()(n, R).isValid()) {
             // eslint-disable-next-line no-console
             console.error('Invalid date string value "'.concat(n, '" provided to Moment.'));
         }
     };
-    function Y(e) {
-        var n = e.defaultValue, a = e.disabled, o = e.elementRef, l = e.highlightToday, u = e.inline, d = u === void 0 ? true : u, p = e.inputOnly, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, O = e.onFocus, w = e.onKeyDown, M = e.value, T = _(e, [ "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
+    function K(e) {
+        var n = e.defaultValue, a = e.disabled, o = e.elementRef, l = e.highlightToday, i = e.inline, d = i === void 0 ? true : i, p = e.inputOnly, b = e.locale, g = b === void 0 ? "en_US" : b, h = e.name, C = e.onChange, k = e.onClick, S = e.onFocus, q = e.onKeyDown, T = e.value, x = M(e, [ "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
         // @docs-props-type DatePropsBase
                 var A = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), E = x(P, 2), R = E[0], V = E[1];
-        var K = (0, t.useState)(false), $ = x(K, 2), B = $[0], N = $[1];
-        var U = (0, t.useState)(), z = x(U, 2), G = z[0], H = z[1];
-        var J = (0, t.useState)((function() {
+        var E = (0, t.useState)(null), P = I(E, 2), _ = P[0], F = P[1];
+        var V = (0, t.useState)(false), Y = I(V, 2), B = Y[0], N = Y[1];
+        var U = (0, t.useState)(), z = I(U, 2), $ = z[0], G = z[1];
+        var H = (0, t.useState)((function() {
             if (typeof n === "string") {
                 return n;
             }
-            return c()().locale(h).format(F);
-        })), L = x(J, 2), Q = L[0], W = L[1];
-        var X = (0, t.useState)(null), Z = x(X, 2), ee = Z[0], ne = Z[1];
-        var te = (0, t.useState)(null), re = x(te, 2), ae = re[0], oe = re[1];
-        var le = (0, t.useRef)(false);
-        var ie = (0, m.createDOMID)("calendar");
+            return c()().locale(g).format(R);
+        })), J = I(H, 2), L = J[0], Q = J[1];
+        var W = (0, t.useState)(null), X = I(W, 2), Z = X[0], ee = X[1];
+        var ne = (0, t.useState)(null), te = I(ne, 2), re = te[0], ae = te[1];
+        var oe = (0, t.useRef)(false);
+        var le = (0, m.createDOMID)("calendar");
         var ue = (0, t.useMemo)((function() {
-            return A ? M : Q;
-        }), [ A, M, Q ]);
+            return A ? T : L;
+        }), [ A, T, L ]);
         (0, t.useEffect)((function() {
             if (false) {}
         }), [ ue ]);
@@ -287,156 +277,153 @@
      * 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 (le.current && B) {
-                le.current = false;
-                (0, s.focusActiveDay)(ee);
+            if (oe.current && B) {
+                oe.current = false;
+                (0, f.focusActiveDay)(Z);
             }
-        }), [ ee, B ]);
-        var ce = (0, t.useMemo)((function() {
-            if (G === undefined) {
+        }), [ Z, B ]);
+        var ie = (0, t.useMemo)((function() {
+            if ($ === undefined) {
                 if (ue === undefined || ue === "") {
                     return "";
                 }
-                return c()(ue, F, h).format("l");
+                return c()(ue, R, g).format("l");
             }
-            return G;
-        }), [ ue, h, G ]);
-        var se = (0, t.useCallback)((function(e, n, t) {
+            return $;
+        }), [ ue, g, $ ]);
+        var ce = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                re === null || re === void 0 ? void 0 : re.focus();
             }
             if (ue !== r) {
                 N(false);
-                H(undefined);
-                W(A ? undefined : r);
-                k === null || k === void 0 ? void 0 : k(e, {
+                G(undefined);
+                Q(A ? undefined : r);
+                C === null || C === void 0 ? void 0 : C(e, {
                     value: r,
-                    name: C
+                    name: h
                 });
             } else {
                 N(false);
             }
-        }), [ ue, ae, A, C, k ]);
+        }), [ ue, re, A, h, C ]);
         var fe = (0, t.useCallback)((function(e) {
-            var n = c()(G, "l", h);
-            if (G === "") {
-                se(e, {
+            var n = c()($, "l", g);
+            if ($ === "") {
+                ce(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                se(e, {
-                    value: n.format(Y.momentFormat)
+                ce(e, {
+                    value: n.format(K.momentFormat)
                 }, "textInput");
             } else {
                 N(false);
-                H(undefined);
+                G(undefined);
             }
-        }), [ se, h, G ]);
-        var de = (0, t.useCallback)((function(e, n) {
+        }), [ ce, g, $ ]);
+        var se = (0, t.useCallback)((function(e, n) {
             if (!p) {
                 N(true);
             }
-            O === null || O === void 0 ? void 0 : O(e, n);
-        }), [ p, O ]);
-        var ve = (0, t.useCallback)((function(e) {
+            S === null || S === void 0 ? void 0 : S(e, n);
+        }), [ p, S ]);
+        var de = (0, t.useCallback)((function(e) {
             if (!p && !B) {
                 N(true);
             }
-            S === null || S === void 0 ? void 0 : S(e);
-        }), [ B, p, S ]);
-        var pe = (0, t.useCallback)((function(e, n) {
+            k === null || k === void 0 ? void 0 : k(e);
+        }), [ B, p, k ]);
+        var ve = (0, t.useCallback)((function(e, n) {
             var t = n.value;
-            H(t);
+            G(t);
             N(!p);
         }), [ p ]);
-        var ye = (0, t.useCallback)((function(e) {
-            var n = (0, b.keycode)(e.nativeEvent);
-            if (n === "enter" || n === "tab") {
+        var pe = (0, t.useCallback)((function(e) {
+            var n = e.key;
+            if (n === "Enter" || n === "Tab") {
                 fe(e);
-            } else if (!p && n === "down") {
+            } else if (!p && n === "ArrowDown") {
                 e.preventDefault();
                 if (!B) {
-                    le.current = true;
+                    oe.current = true;
                     N(true);
-                } else if (ee) {
-                    (0, s.focusActiveDay)(ee);
+                } else if (Z) {
+                    (0, f.focusActiveDay)(Z);
                 }
-            } else if (n === "esc") {
+            } else if (n === "Escape") {
                 N(false);
-                H(undefined);
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                G(undefined);
+                re === null || re === void 0 ? void 0 : re.focus();
             }
-            w === null || w === void 0 ? void 0 : w(e);
-        }), [ fe, ee, B, ae, p, w ]);
-        var me = (0, t.useCallback)((function(e) {
-            V(e);
-            j(o, e);
+            q === null || q === void 0 ? void 0 : q(e);
+        }), [ fe, Z, B, re, p, q ]);
+        var ye = (0, t.useCallback)((function(e) {
+            F(e);
+            D(o, e);
         }), [ o ]);
+        var me = (0, t.useCallback)((function(e) {
+            ae(e);
+        }), []);
         var be = (0, t.useCallback)((function(e) {
-            oe(e);
+            ee(e);
         }), []);
         var ge = (0, t.useCallback)((function(e) {
-            ne(e);
-        }), []);
-        var he = (0, t.useCallback)((function(e) {
             var n = e.event, t = e.reason;
-            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== R) {
+            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== _) {
                 fe(n);
                 if (t === "escapeKey") {
-                    ae === null || ae === void 0 ? void 0 : ae.focus();
+                    re === null || re === void 0 ? void 0 : re.focus();
                 }
             }
-        }), [ R, ae, fe ]);
-        var Ce = !p &&  r().createElement(q, {
-            $disabled: a
-        });
-        var ke;
-        var Se = {};
+        }), [ _, re, fe ]);
+        var he = !p &&  r().createElement(w, null);
+        var Ce;
+        var ke = {};
         if (!p) {
-            Se.role = "combobox";
-            Se["aria-controls"] = B ? ie : undefined;
-            Se["aria-expanded"] = a ? false : B;
-            Se["aria-haspopup"] = true;
-            ke =  r().createElement(v(), {
-                anchor: R,
-                id: ie,
+            ke.role = "combobox";
+            ke["aria-controls"] = B ? le : undefined;
+            ke["aria-expanded"] = a ? false : B;
+            ke["aria-haspopup"] = true;
+            Ce =  r().createElement(v(), {
+                anchor: _,
+                id: le,
                 open: a ? false : B,
-                onRequestClose: he
-            },  r().createElement(f(), {
-                elementRef: ge,
+                onRequestClose: ge
+            },  r().createElement(s(), {
+                elementRef: be,
                 highlightToday: l,
-                locale: h,
-                onChange: se,
+                locale: g,
+                onChange: ce,
                 value: ue === "" ? undefined : ue
             }));
         }
         
-        return r().createElement(D, I({
+        return r().createElement(O, j({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             spellCheck: false,
             "data-test": "date",
             "data-test-value": ue,
-            "data-test-popover-id": ie,
+            "data-test-popover-id": le,
             disabled: a,
-            elementRef: me,
+            elementRef: ye,
             inline: d,
-            inputRef: be,
-            name: C,
-            onChange: pe,
-            onClick: ve,
-            onFocus: de,
-            onKeyDown: ye,
-            value: ce,
-            startAdornment: Ce,
-            $disabled: a
-        }, Se, i()(T, "multiline", "onSelect", "spellCheck")), ke);
+            inputRef: me,
+            name: h,
+            onChange: ve,
+            onClick: de,
+            onFocus: se,
+            onKeyDown: pe,
+            value: ie,
+            startAdornment: he
+        }, ke, u()(x, "multiline", "onSelect", "spellCheck")), Ce);
     }
-    Y.propTypes = V;
-    Y.momentFormat = F;
-    /* harmony default export */    const $ = Y;
+    K.propTypes = _;
+    K.momentFormat = R;
+    /* harmony default export */    const V = K;
     // only for styled components using Date
         // CONCATENATED MODULE: ./src/Date/index.ts
     module.exports = n;