@splunk/react-ui 5.0.0 → 5.1.0

package/Date.js

@@ -67,14 +67,14 @@
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var r =  e.n(t);
-    // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const l = require("lodash/omit");
-    var u =  e.n(l);
+    const a = require("lodash/omit");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "moment"
-    const i = require("moment");
+    const o = require("moment");
+    var u =  e.n(o);
+    // CONCATENATED MODULE: external "prop-types"
+    const i = require("prop-types");
     var c =  e.n(i);
     // CONCATENATED MODULE: external "@splunk/react-ui/Calendar"
     const f = require("@splunk/react-ui/Calendar");
@@ -159,18 +159,18 @@
     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;
+            var r, a, l, o, u = [], i = !0, c = !1;
             try {
-                if (o = (t = t.call(e)).next, 0 === n) {
+                if (l = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
                     i = !1;
-                } else for (;!(i = (r = o.call(t)).done) && (u.push(r.value), u.length !== n); i = !0) {
+                } else for (;!(i = (r = l.call(t)).done) && (u.push(r.value), u.length !== n); i = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!i && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
+                    if (!i && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
                 } finally {
                     if (c) throw a;
                 }
@@ -185,9 +185,9 @@
         if (null == e) return {};
         var t, r, a = P(e, n);
         if (Object.getOwnPropertySymbols) {
-            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]);
+            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]);
             }
         }
         return a;
@@ -206,24 +206,25 @@
     /** @public */
     /** @public */
     /** @public */    var _ = {
-        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
+        canClear: c().bool,
+        defaultValue: c().string,
+        describedBy: c().string,
+        disabled: c().bool,
+        elementRef: c().oneOfType([ c().func, c().object ]),
+        error: c().bool,
+        highlightToday: c().bool,
+        inline: c().bool,
+        inputId: c().string,
+        inputOnly: c().bool,
+        labelledBy: c().string,
+        locale: c().string,
+        name: c().string,
+        onBlur: c().func,
+        onChange: c().func,
+        onClick: c().func,
+        onFocus: c().func,
+        onKeyDown: c().func,
+        value: c().string
     };
     /**
  * This static value can be used to convert a moment date to a compatible string
@@ -240,163 +241,163 @@
         if (n === "") {
             return;
         }
-        if (!c()(n, R).isValid()) {
+        if (!u()(n, R).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, 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" ]);
+        var n = e.canClear, a = e.defaultValue, o = e.disabled, i = e.elementRef, c = e.highlightToday, d = e.inline, p = d === void 0 ? true : d, b = e.inputOnly, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, q = e.onFocus, T = e.onKeyDown, x = e.value, A = M(e, [ "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
         // @docs-props-type DatePropsBase
-                var A = y()({
+                var E = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        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;
+        var P = (0, t.useState)(null), _ = I(P, 2), F = _[0], V = _[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() {
+            if (typeof a === "string") {
+                return a;
             }
-            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];
+            return u()().locale(h).format(R);
+        })), 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], le = re[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 ]);
+        var ue = (0, m.createDOMID)("calendar");
+        var ie = (0, t.useMemo)((function() {
+            return E ? x : Q;
+        }), [ E, x, Q ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ue ]);
+        }), [ ie ]);
         (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 (oe.current && B) {
+            if (oe.current && N) {
                 oe.current = false;
-                (0, f.focusActiveDay)(Z);
+                (0, f.focusActiveDay)(ee);
             }
-        }), [ Z, B ]);
-        var ie = (0, t.useMemo)((function() {
-            if ($ === undefined) {
-                if (ue === undefined || ue === "") {
+        }), [ ee, N ]);
+        var ce = (0, t.useMemo)((function() {
+            if (G === undefined) {
+                if (ie === undefined || ie === "") {
                     return "";
                 }
-                return c()(ue, R, g).format("l");
+                return u()(ie, R, h).format("l");
             }
-            return $;
-        }), [ ue, g, $ ]);
-        var ce = (0, t.useCallback)((function(e, n, t) {
+            return G;
+        }), [ ie, h, G ]);
+        var fe = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
-                re === null || re === void 0 ? void 0 : re.focus();
+                ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            if (ue !== r) {
-                N(false);
-                G(undefined);
-                Q(A ? undefined : r);
-                C === null || C === void 0 ? void 0 : C(e, {
+            if (ie !== r) {
+                U(false);
+                H(undefined);
+                W(E ? undefined : r);
+                k === null || k === void 0 ? void 0 : k(e, {
                     value: r,
-                    name: h
+                    name: C
                 });
             } else {
-                N(false);
+                U(false);
             }
-        }), [ ue, re, A, h, C ]);
-        var fe = (0, t.useCallback)((function(e) {
-            var n = c()($, "l", g);
-            if ($ === "") {
-                ce(e, {
+        }), [ ie, ae, E, C, k ]);
+        var se = (0, t.useCallback)((function(e) {
+            var n = u()(G, "l", h);
+            if (G === "") {
+                fe(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                ce(e, {
+                fe(e, {
                     value: n.format(K.momentFormat)
                 }, "textInput");
             } else {
-                N(false);
-                G(undefined);
+                U(false);
+                H(undefined);
             }
-        }), [ ce, g, $ ]);
-        var se = (0, t.useCallback)((function(e, n) {
-            if (!p) {
-                N(true);
+        }), [ fe, h, G ]);
+        var de = (0, t.useCallback)((function(e, n) {
+            if (!b) {
+                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);
+            q === null || q === void 0 ? void 0 : q(e, n);
+        }), [ b, q ]);
+        var ve = (0, t.useCallback)((function(e) {
+            if (!b && !N) {
+                U(true);
             }
-            k === null || k === void 0 ? void 0 : k(e);
-        }), [ B, p, k ]);
-        var ve = (0, t.useCallback)((function(e, n) {
+            S === null || S === void 0 ? void 0 : S(e);
+        }), [ N, b, S ]);
+        var pe = (0, t.useCallback)((function(e, n) {
             var t = n.value;
-            G(t);
-            N(!p);
-        }), [ p ]);
-        var pe = (0, t.useCallback)((function(e) {
+            H(t);
+            U(!b);
+        }), [ b ]);
+        var ye = (0, t.useCallback)((function(e) {
             var n = e.key;
             if (n === "Enter" || n === "Tab") {
-                fe(e);
-            } else if (!p && n === "ArrowDown") {
+                se(e);
+            } else if (!b && n === "ArrowDown") {
                 e.preventDefault();
-                if (!B) {
+                if (!N) {
                     oe.current = true;
-                    N(true);
-                } else if (Z) {
-                    (0, f.focusActiveDay)(Z);
+                    U(true);
+                } else if (ee) {
+                    (0, f.focusActiveDay)(ee);
                 }
             } else if (n === "Escape") {
-                N(false);
-                G(undefined);
-                re === null || re === void 0 ? void 0 : re.focus();
+                U(false);
+                H(undefined);
+                ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            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 ]);
+            T === null || T === void 0 ? void 0 : T(e);
+        }), [ se, ee, N, ae, b, T ]);
         var me = (0, t.useCallback)((function(e) {
-            ae(e);
-        }), []);
+            V(e);
+            D(i, e);
+        }), [ i ]);
         var be = (0, t.useCallback)((function(e) {
-            ee(e);
+            le(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 !== _) {
-                fe(n);
+            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== F) {
+                se(n);
                 if (t === "escapeKey") {
-                    re === null || re === void 0 ? void 0 : re.focus();
+                    ae === null || ae === void 0 ? void 0 : ae.focus();
                 }
             }
-        }), [ _, re, fe ]);
-        var he = !p &&  r().createElement(w, null);
-        var Ce;
-        var ke = {};
-        if (!p) {
-            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
+        }), [ F, ae, se ]);
+        var Ce = !b &&  r().createElement(w, null);
+        var ke;
+        var Se = {};
+        if (!b) {
+            Se.role = "combobox";
+            Se["aria-controls"] = N ? ue : undefined;
+            Se["aria-expanded"] = o ? false : N;
+            Se["aria-haspopup"] = true;
+            ke =  r().createElement(v(), {
+                anchor: F,
+                id: ue,
+                open: o ? false : N,
+                onRequestClose: he
             },  r().createElement(s(), {
-                elementRef: be,
-                highlightToday: l,
-                locale: g,
-                onChange: ce,
-                value: ue === "" ? undefined : ue
+                elementRef: ge,
+                highlightToday: c,
+                locale: h,
+                onChange: fe,
+                value: ie === "" ? undefined : ie
             }));
         }
         
@@ -404,22 +405,23 @@
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
-            spellCheck: false,
+            canClear: n,
             "data-test": "date",
-            "data-test-value": ue,
-            "data-test-popover-id": le,
-            disabled: a,
-            elementRef: ye,
-            inline: d,
-            inputRef: me,
-            name: h,
-            onChange: ve,
-            onClick: de,
-            onFocus: se,
-            onKeyDown: pe,
-            value: ie,
-            startAdornment: he
-        }, ke, u()(x, "multiline", "onSelect", "spellCheck")), Ce);
+            "data-test-value": ie,
+            "data-test-popover-id": ue,
+            disabled: o,
+            elementRef: me,
+            inline: p,
+            inputRef: be,
+            name: C,
+            onChange: pe,
+            onClick: ve,
+            onFocus: de,
+            onKeyDown: ye,
+            value: ce,
+            spellCheck: false,
+            startAdornment: Ce
+        }, Se, l()(A, "multiline", "onSelect", "spellCheck")), ke);
     }
     K.propTypes = _;
     K.momentFormat = R;

package/DefinitionList.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Description: () => /* reexport */ v,
+        Description: () => /* reexport */ h,
         Term: () => /* reexport */ P,
         default: () => /* reexport */ _
     });
@@ -78,8 +78,13 @@
     var c =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
     const s = require("@splunk/themes");
+    // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
+    var u = c().dl.withConfig({
+        displayName: "DefinitionListStyles__Styled",
+        componentId: "sc-1pqfrgm-0"
+    })([ "", ";", ";" ], s.mixins.reset("block"), s.mixins.typography("body"));
     // CONCATENATED MODULE: ./src/DefinitionList/DescriptionStyles.ts
-    var u = c().dd.withConfig({
+    var f = c().dd.withConfig({
         displayName: "DescriptionStyles__Styled",
         componentId: "sc-1jglixb-0"
     })([ "", ";", ";min-height:1.5em;padding-inline-start:", ";margin-inline-start:", ";" ], s.mixins.reset("block"), s.mixins.typography("body", {
@@ -89,8 +94,8 @@
         return r;
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
-    function f() {
-        return f = Object.assign ? Object.assign.bind() : function(e) {
+    function d() {
+        return d = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -98,11 +103,11 @@
                 }
             }
             return e;
-        }, f.apply(null, arguments);
+        }, d.apply(null, arguments);
     }
-    function d(e, r) {
+    function p(e, r) {
         if (null == e) return {};
-        var t, n, i = p(e, r);
+        var t, n, i = m(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
@@ -111,7 +116,7 @@
         }
         return i;
     }
-    function p(e, r) {
+    function m(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -122,30 +127,25 @@
         }
         return t;
     }
-    var m = {
+    var y = {
         children: o().node.isRequired,
         elementRef: o().oneOfType([ o().func, o().object ])
     };
     /**
  * Container component for a `DefinitionList` description.
- */    function y(e) {
-        var r = e.children, i = e.elementRef, o = d(e, [ "children", "elementRef" ]);
+ */    function v(e) {
+        var r = e.children, i = e.elementRef, o = p(e, [ "children", "elementRef" ]);
         // @docs-props-type DescriptionPropsBase
                 var l = (0, t.useContext)(a), c = l.termWidth;
         
-        return n().createElement(u, f({
+        return n().createElement(f, d({
             "data-test": "description",
             ref: i,
             $termWidth: c
         }, o), r);
     }
-    y.propTypes = m;
-    /* harmony default export */    const v = y;
-    // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
-    var h = c().dl.withConfig({
-        displayName: "DefinitionListStyles__Styled",
-        componentId: "sc-1pqfrgm-0"
-    })([ "", ";", ";" ], s.mixins.reset("block"), s.mixins.typography("body"));
+    v.propTypes = y;
+    /* harmony default export */    const h = v;
     // CONCATENATED MODULE: ./src/DefinitionList/TermStyles.ts
     var b = c().dt.withConfig({
         displayName: "TermStyles__Styled",
@@ -250,19 +250,19 @@
     var T = {
         children: o().node,
         elementRef: o().oneOfType([ o().func, o().object ]),
-        termWidth: o().string,
-        separatorCharacter: o().oneOf([ ".", o().string ])
+        separatorCharacter: o().oneOf([ ".", o().string ]),
+        termWidth: o().string
     };
     function W(e) {
-        var r = e.children, t = e.elementRef, i = e.termWidth, o = i === void 0 ? "120px" : i, l = e.separatorCharacter, c = C(e, [ "children", "elementRef", "termWidth", "separatorCharacter" ]);
+        var r = e.children, t = e.elementRef, i = e.separatorCharacter, o = e.termWidth, l = o === void 0 ? "120px" : o, c = C(e, [ "children", "elementRef", "separatorCharacter", "termWidth" ]);
         // @docs-props-type DefinitionListPropsBase
         // eslint-disable-next-line react/jsx-no-constructed-context-values, react-perf/jsx-no-new-object-as-prop
                 var s = {
-            separatorCharacter: l,
-            termWidth: o
+            separatorCharacter: i,
+            termWidth: l
         };
         
-        return n().createElement(h, x({
+        return n().createElement(u, x({
             "data-test": "definition-list",
             ref: t
         }, c),  n().createElement(a.Provider, {
@@ -270,7 +270,7 @@
         }, r));
     }
     W.propTypes = T;
-    W.Description = v;
+    W.Description = h;
     W.Term = P;
     /* harmony default export */    const _ = W;
     // CONCATENATED MODULE: ./src/DefinitionList/index.ts