@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/Date.js

@@ -62,17 +62,17 @@
     // EXPORTS
         e.d(n, {
         default: () => /* reexport */ $,
-        validateValue: () => /* reexport */ F
+        validateValue: () => /* reexport */ K
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const a = require("prop-types");
-    var l =  e.n(a);
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const o = require("lodash/omit");
-    var i =  e.n(o);
+    const l = require("lodash/omit");
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "moment"
     const u = require("moment");
     var c =  e.n(u);
@@ -92,52 +92,29 @@
     // CONCATENATED MODULE: external "styled-components"
     const g = require("styled-components");
     var h =  e.n(g);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const C = require("@splunk/react-ui/Text");
+    // CONCATENATED MODULE: external "@splunk/react-icons/Calendar"
+    const C = require("@splunk/react-icons/Calendar");
     var k =  e.n(C);
+    // 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 O = require("@splunk/themes");
+    const w = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Date/DateStyles.ts
-    var S = h()(k()).withConfig({
+    var D = h()(O()).withConfig({
         displayName: "DateStyles__StyledText",
         componentId: "kacgdc-0"
-    })([ "cursor:", ";&[data-inline]{width:160px;}" ], (0, O.pickVariant)("$disabled", {
+    })([ "cursor:", ";&[data-inline]{width:160px;}" ], (0, w.pickVariant)("$disabled", {
         false: "text",
         true: "not-allowed"
     }));
-    var w = h().div.withConfig({
-        displayName: "DateStyles__IconContainer",
+    var q = h()(k()).withConfig({
+        displayName: "DateStyles__StyledCalendarIcon",
         componentId: "kacgdc-1"
-    })([ "align-items:center;color:", ";display:flex;pointer-events:none;" ], (0, O.pickVariant)("$disabled", {
-        false: O.variables.contentColorMuted,
-        true: O.variables.contentColorDisabled
+    })([ "color:", ";transform:translateY(1px);" ], (0, w.pickVariant)("$disabled", {
+        false: w.variables.contentColorMuted,
+        true: w.variables.contentColorDisabled
     }));
-    // CONCATENATED MODULE: ./src/Date/Icon.tsx
-    function V() {
-        return V = Object.assign ? Object.assign.bind() : function(e) {
-            for (var n = 1; n < arguments.length; n++) {
-                var t = arguments[n];
-                for (var r in t) {
-                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
-                }
-            }
-            return e;
-        }, V.apply(null, arguments);
-    }
-    function j(e) {
-        var n = (0, O.useSplunkTheme)(), t = n.density;
-        var a = t === "compact" ? "20px" : "24px";
-        
-        return r().createElement("svg", V({
-            viewBox: "0 0 24 24",
-            width: a,
-            height: a
-        }, e),  r().createElement("path", {
-            fill: "currentColor",
-            fillRule: "evenodd",
-            d: "M16.6001 2C17.1524 2 17.6001 2.44772 17.6001 3V4H19C20.1046 4 21 4.89543 21 6V8.5V9.5V19.5C21 19.7761 20.7761 20 20.5 20H3.5C3.22386 20 3 19.7761 3 19.5V9.5V8.5V6C3 4.89543 3.89543 4 5 4H6.6001V3C6.6001 2.44772 7.04781 2 7.6001 2C8.15238 2 8.6001 2.44772 8.6001 3V4H15.6001V3C15.6001 2.44772 16.0478 2 16.6001 2ZM6.6001 6C6.6001 6.55228 7.04781 7 7.6001 7C8.15238 7 8.6001 6.55228 8.6001 6H15.6001C15.6001 6.55228 16.0478 7 16.6001 7C17.1524 7 17.6001 6.55228 17.6001 6H19V8H5L5 6H6.6001ZM19 10H5V18H19V10Z"
-        }));
-    }
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -145,7 +122,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function x(e, n) {
+    function j(e, n) {
         if (e) {
             if (typeof e === "function") {
                 e(n);
@@ -158,8 +135,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Date/Date.tsx
-    function D() {
-        return D = Object.assign ? Object.assign.bind() : function(e) {
+    function I() {
+        return I = Object.assign ? Object.assign.bind() : function(e) {
             for (var n = 1; n < arguments.length; n++) {
                 var t = arguments[n];
                 for (var r in t) {
@@ -167,43 +144,43 @@
                 }
             }
             return e;
-        }, D.apply(null, arguments);
+        }, I.apply(null, arguments);
     }
-    function M(e, n) {
-        return P(e) || T(e, n) || I(e, n) || q();
+    function x(e, n) {
+        return E(e) || P(e, n) || T(e, n) || M();
     }
-    function q() {
+    function M() {
         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 I(e, n) {
+    function T(e, n) {
         if (e) {
-            if ("string" == typeof e) return E(e, n);
+            if ("string" == typeof e) return A(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) ? E(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) ? A(e, n) : void 0;
         }
     }
-    function E(e, n) {
+    function A(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 T(e, n) {
+    function P(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, a, l, o, i = [], u = !0, c = !1;
+            var r, a, o, l, i = [], u = !0, c = !1;
             try {
-                if (l = (t = t.call(e)).next, 0 === n) {
+                if (o = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
                     u = !1;
-                } else for (;!(u = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                } else for (;!(u = (r = o.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
+                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -211,21 +188,21 @@
             return i;
         }
     }
-    function P(e) {
+    function E(e) {
         if (Array.isArray(e)) return e;
     }
-    function A(e, n) {
+    function _(e, n) {
         if (null == e) return {};
-        var t, r, a = H(e, n);
+        var t, r, a = R(e, n);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                t = l[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
     }
-    function H(e, n) {
+    function R(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -238,25 +215,25 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var R = {
-        defaultValue: l().string,
-        describedBy: l().string,
-        disabled: l().bool,
-        elementRef: l().oneOfType([ l().func, l().object ]),
-        error: l().bool,
-        highlightToday: l().bool,
-        inline: l().bool,
-        inputId: l().string,
-        inputOnly: l().bool,
-        labelledBy: l().string,
-        locale: l().string,
-        name: l().string,
-        onBlur: l().func,
-        onChange: l().func,
-        onClick: l().func,
-        onFocus: l().func,
-        onKeyDown: l().func,
-        value: l().string
+    /** @public */    var V = {
+        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,
+        value: o().string
     };
     /**
  * This static value can be used to convert a moment date to a compatible string
@@ -268,71 +245,71 @@
  * @name momentFormat
  * @memberOf Date
  * @type string
- */    var _ = "YYYY-MM-DD";
-    var F = function e(n) {
+ */    var F = "YYYY-MM-DD";
+    var K = function e(n) {
         if (n === "") {
             return;
         }
-        if (!c()(n, _).isValid()) {
+        if (!c()(n, F).isValid()) {
             // eslint-disable-next-line no-console
             console.error('Invalid date string value "'.concat(n, '" provided to Moment.'));
         }
     };
-    function K(e) {
-        var n = e.defaultValue, a = e.disabled, l = e.elementRef, o = 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, O = e.onClick, V = e.onFocus, q = e.onKeyDown, I = e.value, E = A(e, [ "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
+    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" ]);
         // @docs-props-type DatePropsBase
-                var T = y()({
+                var A = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), H = M(P, 2), R = H[0], F = H[1];
-        var $ = (0, t.useState)(false), B = M($, 2), Y = B[0], N = B[1];
-        var Z = (0, t.useState)(), U = M(Z, 2), z = U[0], L = U[1];
-        var G = (0, t.useState)((function() {
+        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() {
             if (typeof n === "string") {
                 return n;
             }
-            return c()().locale(h).format(_);
-        })), J = M(G, 2), Q = J[0], W = J[1];
-        var X = (0, t.useState)(null), ee = M(X, 2), ne = ee[0], te = ee[1];
-        var re = (0, t.useState)(null), ae = M(re, 2), le = ae[0], oe = ae[1];
-        var ie = (0, t.useRef)(false);
-        var ue = (0, m.createDOMID)("calendar");
-        var ce = (0, t.useMemo)((function() {
-            return T ? I : Q;
-        }), [ T, I, Q ]);
+            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");
+        var ue = (0, t.useMemo)((function() {
+            return A ? M : Q;
+        }), [ A, M, Q ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ce ]);
+        }), [ ue ]);
         (0, t.useEffect)((function() {
             /**
      * 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 (ie.current && Y) {
-                ie.current = false;
-                (0, s.focusActiveDay)(ne);
+            if (le.current && B) {
+                le.current = false;
+                (0, s.focusActiveDay)(ee);
             }
-        }), [ ne, Y ]);
-        var se = (0, t.useMemo)((function() {
-            if (z === undefined) {
-                if (ce === undefined || ce === "") {
+        }), [ ee, B ]);
+        var ce = (0, t.useMemo)((function() {
+            if (G === undefined) {
+                if (ue === undefined || ue === "") {
                     return "";
                 }
-                return c()(ce, _, h).format("l");
+                return c()(ue, F, h).format("l");
             }
-            return z;
-        }), [ ce, h, z ]);
-        var fe = (0, t.useCallback)((function(e, n, t) {
+            return G;
+        }), [ ue, h, G ]);
+        var se = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
-                le === null || le === void 0 ? void 0 : le.focus();
+                ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            if (ce !== r) {
+            if (ue !== r) {
                 N(false);
-                L(undefined);
-                W(T ? undefined : r);
+                H(undefined);
+                W(A ? undefined : r);
                 k === null || k === void 0 ? void 0 : k(e, {
                     value: r,
                     name: C
@@ -340,127 +317,126 @@
             } else {
                 N(false);
             }
-        }), [ ce, le, T, C, k ]);
-        var de = (0, t.useCallback)((function(e) {
-            var n = c()(z, "l", h);
-            if (z === "") {
-                fe(e, {
+        }), [ ue, ae, A, C, k ]);
+        var fe = (0, t.useCallback)((function(e) {
+            var n = c()(G, "l", h);
+            if (G === "") {
+                se(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                fe(e, {
-                    value: n.format(K.momentFormat)
+                se(e, {
+                    value: n.format(Y.momentFormat)
                 }, "textInput");
             } else {
                 N(false);
-                L(undefined);
+                H(undefined);
             }
-        }), [ fe, h, z ]);
-        var ve = (0, t.useCallback)((function(e, n) {
+        }), [ se, h, G ]);
+        var de = (0, t.useCallback)((function(e, n) {
             if (!p) {
                 N(true);
             }
-            V === null || V === void 0 ? void 0 : V(e, n);
-        }), [ p, V ]);
-        var pe = (0, t.useCallback)((function(e) {
-            if (!p && !Y) {
+            O === null || O === void 0 ? void 0 : O(e, n);
+        }), [ p, O ]);
+        var ve = (0, t.useCallback)((function(e) {
+            if (!p && !B) {
                 N(true);
             }
-            O === null || O === void 0 ? void 0 : O(e);
-        }), [ Y, p, O ]);
-        var ye = (0, t.useCallback)((function(e, n) {
+            S === null || S === void 0 ? void 0 : S(e);
+        }), [ B, p, S ]);
+        var pe = (0, t.useCallback)((function(e, n) {
             var t = n.value;
-            L(t);
+            H(t);
             N(!p);
         }), [ p ]);
-        var me = (0, t.useCallback)((function(e) {
+        var ye = (0, t.useCallback)((function(e) {
             var n = (0, b.keycode)(e.nativeEvent);
             if (n === "enter" || n === "tab") {
-                de(e);
+                fe(e);
             } else if (!p && n === "down") {
                 e.preventDefault();
-                if (!Y) {
-                    ie.current = true;
+                if (!B) {
+                    le.current = true;
                     N(true);
-                } else if (ne) {
-                    (0, s.focusActiveDay)(ne);
+                } else if (ee) {
+                    (0, s.focusActiveDay)(ee);
                 }
             } else if (n === "esc") {
                 N(false);
-                L(undefined);
-                le === null || le === void 0 ? void 0 : le.focus();
+                H(undefined);
+                ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            q === null || q === void 0 ? void 0 : q(e);
-        }), [ de, ne, Y, le, p, q ]);
+            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);
+        }), [ o ]);
         var be = (0, t.useCallback)((function(e) {
-            F(e);
-            x(l, e);
-        }), [ l ]);
-        var ge = (0, t.useCallback)((function(e) {
             oe(e);
         }), []);
-        var he = (0, t.useCallback)((function(e) {
-            te(e);
+        var ge = (0, t.useCallback)((function(e) {
+            ne(e);
         }), []);
-        var Ce = (0, t.useCallback)((function(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) {
-                de(n);
+                fe(n);
                 if (t === "escapeKey") {
-                    le === null || le === void 0 ? void 0 : le.focus();
+                    ae === null || ae === void 0 ? void 0 : ae.focus();
                 }
             }
-        }), [ R, le, de ]);
-        var ke = !p &&  r().createElement(w, {
-            "aria-hidden": true,
+        }), [ R, ae, fe ]);
+        var Ce = !p &&  r().createElement(q, {
             $disabled: a
-        },  r().createElement(j, null));
-        var Oe;
+        });
+        var ke;
         var Se = {};
         if (!p) {
             Se.role = "combobox";
-            Se["aria-controls"] = Y ? ue : undefined;
-            Se["aria-expanded"] = a ? false : Y;
+            Se["aria-controls"] = B ? ie : undefined;
+            Se["aria-expanded"] = a ? false : B;
             Se["aria-haspopup"] = true;
-            Oe =  r().createElement(v(), {
+            ke =  r().createElement(v(), {
                 anchor: R,
-                id: ue,
-                open: a ? false : Y,
-                onRequestClose: Ce
+                id: ie,
+                open: a ? false : B,
+                onRequestClose: he
             },  r().createElement(f(), {
-                elementRef: he,
-                highlightToday: o,
+                elementRef: ge,
+                highlightToday: l,
                 locale: h,
-                onChange: fe,
-                value: ce === "" ? undefined : ce
+                onChange: se,
+                value: ue === "" ? undefined : ue
             }));
         }
         
-        return r().createElement(S, D({
+        return r().createElement(D, I({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             spellCheck: false,
             "data-test": "date",
-            "data-test-value": ce,
-            "data-test-popover-id": ue,
+            "data-test-value": ue,
+            "data-test-popover-id": ie,
             disabled: a,
-            elementRef: be,
+            elementRef: me,
             inline: d,
-            inputRef: ge,
+            inputRef: be,
             name: C,
-            onChange: ye,
-            onClick: pe,
-            onFocus: ve,
-            onKeyDown: me,
-            value: se,
-            startAdornment: ke,
+            onChange: pe,
+            onClick: ve,
+            onFocus: de,
+            onKeyDown: ye,
+            value: ce,
+            startAdornment: Ce,
             $disabled: a
-        }, Se, i()(E, "multiline", "onSelect", "spellCheck")), Oe);
+        }, Se, i()(T, "multiline", "onSelect", "spellCheck")), ke);
     }
-    K.propTypes = R;
-    K.momentFormat = _;
-    /* harmony default export */    const $ = K;
+    Y.propTypes = V;
+    Y.momentFormat = F;
+    /* harmony default export */    const $ = Y;
     // only for styled components using Date
         // CONCATENATED MODULE: ./src/Date/index.ts
     module.exports = n;