@splunk/react-ui 5.0.0-rc.1 → 5.0.0

package/Date.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        default: () => /* reexport */ Y,
-        validateValue: () => /* reexport */ K
+        default: () => /* reexport */ V,
+        validateValue: () => /* reexport */ F
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -87,23 +87,21 @@
     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);
+    const k = require("@splunk/react-ui/Text");
+    var S =  e.n(k);
     // CONCATENATED MODULE: ./src/Date/DateStyles.ts
-    var w = h()(O()).withConfig({
+    var O = g()(S()).withConfig({
         displayName: "DateStyles__StyledText",
         componentId: "kacgdc-0"
     })([ "&[data-inline]{width:160px;}" ]);
-    var D = h()(k()).withConfig({
+    var w = g()(C()).withConfig({
         displayName: "DateStyles__StyledCalendarIcon",
         componentId: "kacgdc-1"
     })([ "transform:translateY(1px);" ]);
@@ -114,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);
@@ -127,8 +125,8 @@
         }
     }
     // CONCATENATED MODULE: ./src/Date/Date.tsx
-    function q() {
-        return q = 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) {
@@ -136,29 +134,29 @@
                 }
             }
             return e;
-        }, q.apply(null, arguments);
+        }, j.apply(null, arguments);
     }
     function I(e, n) {
-        return P(e) || M(e, n) || T(e, n) || x();
+        return E(e) || A(e, n) || T(e, n) || q();
     }
-    function x() {
+    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 M(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, u = [], i = !0, c = !1;
@@ -180,12 +178,12 @@
             return u;
         }
     }
-    function P(e) {
+    function E(e) {
         if (Array.isArray(e)) return e;
     }
-    function E(e, n) {
+    function M(e, n) {
         if (null == e) return {};
-        var t, r, a = _(e, n);
+        var t, r, a = P(e, n);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (r = 0; r < o.length; r++) {
@@ -194,7 +192,7 @@
         }
         return a;
     }
-    function _(e, n) {
+    function P(e, n) {
         if (null == e) return {};
         var t = {};
         for (var r in e) {
@@ -207,7 +205,7 @@
     }
     /** @public */
     /** @public */
-    /** @public */    var R = {
+    /** @public */    var _ = {
         defaultValue: o().string,
         describedBy: o().string,
         disabled: o().bool,
@@ -237,195 +235,195 @@
  * @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 V(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, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, O = e.onFocus, x = e.onKeyDown, T = e.value, A = E(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 M = y()({
+                var A = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), _ = I(P, 2), R = _[0], K = _[1];
-        var Y = (0, t.useState)(false), B = I(Y, 2), N = B[0], U = B[1];
-        var z = (0, t.useState)(), $ = I(z, 2), G = $[0], H = $[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 = I(J, 2), Q = L[0], W = L[1];
-        var X = (0, t.useState)(null), Z = I(X, 2), ee = Z[0], ne = Z[1];
-        var te = (0, t.useState)(null), re = I(te, 2), ae = re[0], oe = re[1];
-        var le = (0, t.useRef)(false);
-        var ue = (0, m.createDOMID)("calendar");
-        var ie = (0, t.useMemo)((function() {
-            return M ? T : Q;
-        }), [ M, T, Q ]);
+            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 ? T : L;
+        }), [ A, T, L ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ie ]);
+        }), [ 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 (le.current && N) {
-                le.current = false;
-                (0, f.focusActiveDay)(ee);
+            if (oe.current && B) {
+                oe.current = false;
+                (0, f.focusActiveDay)(Z);
             }
-        }), [ ee, N ]);
-        var ce = (0, t.useMemo)((function() {
-            if (G === undefined) {
-                if (ie === undefined || ie === "") {
+        }), [ Z, B ]);
+        var ie = (0, t.useMemo)((function() {
+            if ($ === undefined) {
+                if (ue === undefined || ue === "") {
                     return "";
                 }
-                return c()(ie, F, h).format("l");
+                return c()(ue, R, g).format("l");
             }
-            return G;
-        }), [ ie, h, G ]);
-        var fe = (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 (ie !== r) {
-                U(false);
-                H(undefined);
-                W(M ? undefined : r);
-                k === null || k === void 0 ? void 0 : k(e, {
+            if (ue !== r) {
+                N(false);
+                G(undefined);
+                Q(A ? undefined : r);
+                C === null || C === void 0 ? void 0 : C(e, {
                     value: r,
-                    name: C
+                    name: h
                 });
             } else {
-                U(false);
+                N(false);
             }
-        }), [ ie, ae, M, C, k ]);
-        var se = (0, t.useCallback)((function(e) {
-            var n = c()(G, "l", h);
-            if (G === "") {
-                fe(e, {
+        }), [ ue, re, A, h, C ]);
+        var fe = (0, t.useCallback)((function(e) {
+            var n = c()($, "l", g);
+            if ($ === "") {
+                ce(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                fe(e, {
-                    value: n.format(V.momentFormat)
+                ce(e, {
+                    value: n.format(K.momentFormat)
                 }, "textInput");
             } else {
-                U(false);
-                H(undefined);
+                N(false);
+                G(undefined);
             }
-        }), [ fe, h, G ]);
-        var de = (0, t.useCallback)((function(e, n) {
+        }), [ ce, g, $ ]);
+        var se = (0, t.useCallback)((function(e, n) {
             if (!p) {
-                U(true);
+                N(true);
             }
-            O === null || O === void 0 ? void 0 : O(e, n);
-        }), [ p, O ]);
-        var ve = (0, t.useCallback)((function(e) {
-            if (!p && !N) {
-                U(true);
+            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);
-        }), [ N, 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);
-            U(!p);
+            G(t);
+            N(!p);
         }), [ p ]);
-        var ye = (0, t.useCallback)((function(e) {
-            var n = (0, b.keycode)(e.nativeEvent);
-            if (n === "enter" || n === "tab") {
-                se(e);
-            } else if (!p && n === "down") {
+        var pe = (0, t.useCallback)((function(e) {
+            var n = e.key;
+            if (n === "Enter" || n === "Tab") {
+                fe(e);
+            } else if (!p && n === "ArrowDown") {
                 e.preventDefault();
-                if (!N) {
-                    le.current = true;
-                    U(true);
-                } else if (ee) {
-                    (0, f.focusActiveDay)(ee);
+                if (!B) {
+                    oe.current = true;
+                    N(true);
+                } else if (Z) {
+                    (0, f.focusActiveDay)(Z);
                 }
-            } else if (n === "esc") {
-                U(false);
-                H(undefined);
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+            } else if (n === "Escape") {
+                N(false);
+                G(undefined);
+                re === null || re === void 0 ? void 0 : re.focus();
             }
-            x === null || x === void 0 ? void 0 : x(e);
-        }), [ se, ee, N, ae, p, x ]);
-        var me = (0, t.useCallback)((function(e) {
-            K(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) {
-                se(n);
+            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, se ]);
-        var Ce = !p &&  r().createElement(D, null);
-        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"] = N ? ue : undefined;
-            Se["aria-expanded"] = a ? false : N;
-            Se["aria-haspopup"] = true;
-            ke =  r().createElement(v(), {
-                anchor: R,
-                id: ue,
-                open: a ? false : N,
-                onRequestClose: he
+            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: ge
             },  r().createElement(s(), {
-                elementRef: ge,
+                elementRef: be,
                 highlightToday: l,
-                locale: h,
-                onChange: fe,
-                value: ie === "" ? undefined : ie
+                locale: g,
+                onChange: ce,
+                value: ue === "" ? undefined : ue
             }));
         }
         
-        return r().createElement(w, q({
+        return r().createElement(O, j({
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             spellCheck: false,
             "data-test": "date",
-            "data-test-value": ie,
-            "data-test-popover-id": ue,
+            "data-test-value": ue,
+            "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
-        }, Se, u()(A, "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);
     }
-    V.propTypes = R;
-    V.momentFormat = F;
-    /* harmony default export */    const Y = V;
+    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;

package/Dropdown.js

@@ -61,7 +61,7 @@
         e.r(o);
     // EXPORTS
         e.d(o, {
-        default: () => /* reexport */ O
+        default: () => /* reexport */ w
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -148,16 +148,18 @@
     /** @public */
     /** @public */
     /** @public */
-    /** @public */    var m = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
-    var C = [ "contentClick", "escapeKey", "tabKey", "toggleClick" ];
-    var k = {
+    /** @public */
+    /** @public */    var m = [ "toggleClick", "toggleKeydown" ];
+    var C = [ "clickAway", "contentClick", "escapeKey", "offScreen", "tabKey", "toggleClick" ];
+    var k = [ "contentClick", "escapeKey", "tabKey", "toggleClick" ];
+    var h = {
         align: a().oneOf([ "center", "edge", "end" ]),
         canCoverAnchor: a().bool,
         children: a().oneOfType([ a().node, a().func ]),
-        closeReasons: a().arrayOf(a().oneOf(m)),
+        closeReasons: a().arrayOf(a().oneOf(C)),
         defaultPlacement: a().oneOf([ "above", "below", "left", "right", "vertical", "horizontal" ]),
         elementRef: a().oneOfType([ a().func, a().object ]),
-        focusToggleReasons: a().arrayOf(a().oneOf(m)),
+        focusToggleReasons: a().arrayOf(a().oneOf(C)),
         inputId: a().string,
         onRequestClose: a().func,
         onRequestOpen: a().func,
@@ -168,8 +170,8 @@
         takeFocus: a().bool,
         toggle: a().element.isRequired
     };
-    function h(e) {
-        var o = e["aria-labelledby"], t = e.align, a = t === void 0 ? "center" : t, l = e.canCoverAnchor, u = l === void 0 ? true : l, p = e.children, v = e.closeReasons, y = v === void 0 ? m : v, g = e.defaultPlacement, b = g === void 0 ? "below" : g, k = e.elementRef, h = e.focusToggleReasons, O = h === void 0 ? C : h, w = e.inputId, S = e.open, A = e.openWithArrowKeys, R = e.onRequestClose, q = e.onRequestOpen, I = e.repositionMode, P = I === void 0 ? "flip" : I, j = e.retainFocus, D = j === void 0 ? false : j, K = e.takeFocus, M = K === void 0 ? true : K, T = e.toggle;
+    function O(e) {
+        var o = e["aria-labelledby"], t = e.align, a = t === void 0 ? "center" : t, l = e.canCoverAnchor, u = l === void 0 ? true : l, p = e.children, v = e.closeReasons, y = v === void 0 ? C : v, g = e.defaultPlacement, b = g === void 0 ? "below" : g, m = e.elementRef, h = e.focusToggleReasons, O = h === void 0 ? k : h, w = e.inputId, R = e.open, S = e.openWithArrowKeys, A = e.onRequestClose, I = e.onRequestOpen, q = e.repositionMode, P = q === void 0 ? "flip" : q, K = e.retainFocus, j = K === void 0 ? false : K, D = e.takeFocus, M = D === void 0 ? true : D, T = e.toggle;
         // @docs-props-type DropdownPropsBase
                 var F = (0, n.useState)(null), E = d(F, 2), N = E[0], _ = E[1];
         var x = (0, n.useState)(false), W = d(x, 2), U = W[0], z = W[1];
@@ -182,7 +184,7 @@
             defaultValuePropName: "defaultOpen",
             valuePropName: "open"
         });
-        var B = $ ? S : U;
+        var B = $ ? R : U;
         var G = (0, n.useState)((function() {
             return {
                 popoverId: (0, s.createDOMID)("popover"),
@@ -199,20 +201,20 @@
         var Z = (0, n.useCallback)((function(e) {
             var o, n;
             (o = (n = T.props).onKeyDown) === null || o === void 0 ? void 0 : o.call(n, e);
-            if (!A) {
+            if (!S) {
                 return;
             }
             var r = e.key;
             if (r === "ArrowUp" || r === "ArrowDown") {
                 e.preventDefault();
-                q === null || q === void 0 ? void 0 : q(e, {
+                I === null || I === void 0 ? void 0 : I(e, {
                     reason: "toggleKeydown"
                 });
                 if (!$) {
                     z(true);
                 }
             }
-        }), [ $, A, q, T ]);
+        }), [ $, S, I, T ]);
         var ee = (0, n.useCallback)((function(e) {
             var o = e.event, n = e.reason;
             if (o && n === "clickAway") {
@@ -233,9 +235,9 @@
                 if (!$) {
                     z(false);
                 }
-                R === null || R === void 0 ? void 0 : R(e);
+                A === null || A === void 0 ? void 0 : A(e);
             }
-        }), [ y, O, $, B, R, X ]);
+        }), [ y, O, $, B, A, X ]);
         var oe = (0, n.useCallback)((function(e) {
             ee({
                 reason: "contentClick",
@@ -251,14 +253,14 @@
                     event: e
                 });
             } else {
-                q === null || q === void 0 ? void 0 : q(e, {
+                I === null || I === void 0 ? void 0 : I(e, {
                     reason: "toggleClick"
                 });
                 if (!$) {
                     z(true);
                 }
             }
-        }), [ ee, $, B, q, T ]);
+        }), [ ee, $, B, I, T ]);
         var re =  (0, n.cloneElement)(T, {
             onClick: ne,
             onKeyDown: Z,
@@ -277,18 +279,18 @@
             autoCloseWhenOffScreen: y.includes("offScreen"),
             anchor: N,
             canCoverAnchor: u,
-            elementRef: k,
-            retainFocus: D,
+            elementRef: m,
+            retainFocus: j,
             defaultPlacement: b,
             onRequestClose: ee,
             repositionMode: P,
             id: L,
             "aria-labelledby": "".concat(o !== null && o !== void 0 ? o : "", " ").concat(X).trim(),
-            takeFocus: M
-        }, typeof p === "function" ? 
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-        function() {
+            takeFocus: M,
+            toggleId: X
+        }, typeof p === "function" ? function() {
             
+            // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
             return r().createElement("div", {
                 onClick: oe
             }, p.apply(void 0, arguments));
@@ -299,9 +301,10 @@
             onClick: oe
         }, p)));
     }
-    h.propTypes = k;
-    h.possibleCloseReasons = m;
-    /* harmony default export */    const O = h;
+    O.propTypes = h;
+    O.possibleOpenReasons = m;
+    O.possibleCloseReasons = C;
+    /* harmony default export */    const w = O;
     // CONCATENATED MODULE: ./src/Dropdown/index.ts
     module.exports = o;
     /******/})();