@splunk/react-ui 5.2.0 → 5.3.0

package/Color.js

@@ -481,7 +481,8 @@
         };
         var ie =  r().forwardRef((function(t, n) {
             var a = t.append, o = t.disabled, l = t.error, i = l === void 0 ? false : l, u = t.onClick, s = t.prepend, c = t.value, d = t.showSelected, f = ae(t, [ "append", "disabled", "error", "onClick", "prepend", "value", "showSelected" ]);
-            var p = c === null || c === undefined ? (0, m._)("No color") : c;
+            // @docs-props-type SwatchPropsBase
+                        var p = c === null || c === undefined ? (0, m._)("No color") : c;
             // Only valid hexadecimal strings, 'transparent' and `null` are allowed for background colors
             // Invalid values are converted to `undefined`
                         var v = c;
@@ -777,7 +778,8 @@
         var Ne = [ null, "#ffffff", "#000000" ];
         function He(t) {
             var n = t.activeInputRef, a = t.disabled, o = t.onChange, l = t.palette, i = l === void 0 ? $e : l, u = t.value, s = Ae(t, [ "activeInputRef", "disabled", "onChange", "palette", "value" ]);
-            var c = (0, e.useMemo)((function() {
+            // @docs-props-type PalettePropsBase
+                        var c = (0, e.useMemo)((function() {
                 return i === null || i === void 0 ? void 0 : i.map((function(e) {
                     return e === null ? e : e.toLowerCase();
                 }));

package/ControlGroup.js

@@ -213,7 +213,8 @@
     };
     function W(e) {
         var r = e.children, t = B(e, [ "children" ]);
-        
+        // @docs-props-type ErrorMessageBarPropsBase
+                
         return n().createElement(M, t,  n().createElement(L, {
             variant: "filled"
         }),  n().createElement(a(), null, A),  n().createElement(N, null, r));

package/Date.js

@@ -206,6 +206,7 @@
     /** @public */
     /** @public */
     /** @public */    var _ = {
+        append: c().bool,
         canClear: c().bool,
         defaultValue: c().string,
         describedBy: c().string,
@@ -224,6 +225,7 @@
         onClick: c().func,
         onFocus: c().func,
         onKeyDown: c().func,
+        prepend: c().bool,
         value: c().string
     };
     /**
@@ -247,181 +249,183 @@
         }
     };
     function K(e) {
-        var n = e.canClear, a = e.defaultValue, l = e.disabled, u = 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, I = e.onFocus, q = e.onKeyDown, T = e.value, A = M(e, [ "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
+        var n = e.append, a = e.canClear, l = e.defaultValue, u = e.disabled, c = e.elementRef, d = e.highlightToday, p = e.inline, b = p === void 0 ? true : p, g = e.inputOnly, h = e.locale, C = h === void 0 ? "en_US" : h, k = e.name, S = e.onChange, I = e.onClick, q = e.onFocus, T = e.onKeyDown, A = e.prepend, E = e.value, P = M(e, [ "append", "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "prepend", "value" ]);
         // @docs-props-type DatePropsBase
-                var E = y()({
+                var _ = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), _ = x(P, 2), F = _[0], V = _[1];
-        var Y = (0, t.useState)(false), B = x(Y, 2), N = B[0], U = B[1];
-        var z = (0, t.useState)(), $ = x(z, 2), G = $[0], H = $[1];
-        var J = (0, t.useState)((function() {
-            if (typeof a === "string") {
-                return a;
+        var F = (0, t.useState)(null), V = x(F, 2), Y = V[0], B = V[1];
+        var N = (0, t.useState)(false), U = x(N, 2), z = U[0], $ = U[1];
+        var G = (0, t.useState)(), H = x(G, 2), J = H[0], L = H[1];
+        var Q = (0, t.useState)((function() {
+            if (typeof l === "string") {
+                return l;
             }
-            return i()().locale(h).format(R);
-        })), 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 E ? T : Q;
-        }), [ E, T, Q ]);
+            return i()().locale(C).format(R);
+        })), W = x(Q, 2), X = W[0], Z = W[1];
+        var ee = (0, t.useState)(null), ne = x(ee, 2), te = ne[0], re = ne[1];
+        var ae = (0, t.useState)(null), oe = x(ae, 2), le = oe[0], ie = oe[1];
+        var ue = (0, t.useRef)(false);
+        var ce = (0, m.createDOMID)("calendar");
+        var fe = (0, t.useMemo)((function() {
+            return _ ? E : X;
+        }), [ _, E, X ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ue ]);
+        }), [ fe ]);
         (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 (ue.current && z) {
+                ue.current = false;
+                (0, f.focusActiveDay)(te);
             }
-        }), [ ee, N ]);
-        var ce = (0, t.useMemo)((function() {
-            if (G === undefined) {
-                if (ue === undefined || ue === "") {
+        }), [ te, z ]);
+        var se = (0, t.useMemo)((function() {
+            if (J === undefined) {
+                if (fe === undefined || fe === "") {
                     return "";
                 }
-                return i()(ue, R, h).format("l");
+                return i()(fe, R, C).format("l");
             }
-            return G;
-        }), [ ue, h, G ]);
-        var fe = (0, t.useCallback)((function(e, n, t) {
+            return J;
+        }), [ fe, C, J ]);
+        var de = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                le === null || le === void 0 ? void 0 : le.focus();
             }
-            if (ue !== r) {
-                U(false);
-                H(undefined);
-                W(E ? undefined : r);
-                k === null || k === void 0 ? void 0 : k(e, {
+            if (fe !== r) {
+                $(false);
+                L(undefined);
+                Z(_ ? undefined : r);
+                S === null || S === void 0 ? void 0 : S(e, {
                     value: r,
-                    name: C
+                    name: k
                 });
             } else {
-                U(false);
+                $(false);
             }
-        }), [ ue, ae, E, C, k ]);
-        var se = (0, t.useCallback)((function(e) {
-            var n = i()(G, "l", h);
-            if (G === "") {
-                fe(e, {
+        }), [ fe, le, _, k, S ]);
+        var ve = (0, t.useCallback)((function(e) {
+            var n = i()(J, "l", C);
+            if (J === "") {
+                de(e, {
                     value: ""
                 }, "textInput");
             } else if (n.isValid()) {
-                fe(e, {
+                de(e, {
                     value: n.format(K.momentFormat)
                 }, "textInput");
             } else {
-                U(false);
-                H(undefined);
+                $(false);
+                L(undefined);
             }
-        }), [ fe, h, G ]);
-        var de = (0, t.useCallback)((function(e, n) {
-            if (!b) {
-                U(true);
+        }), [ de, C, J ]);
+        var pe = (0, t.useCallback)((function(e, n) {
+            if (!g) {
+                $(true);
             }
-            I === null || I === void 0 ? void 0 : I(e, n);
-        }), [ b, I ]);
-        var ve = (0, t.useCallback)((function(e) {
-            if (!b && !N) {
-                U(true);
+            q === null || q === void 0 ? void 0 : q(e, n);
+        }), [ g, q ]);
+        var ye = (0, t.useCallback)((function(e) {
+            if (!g && !z) {
+                $(true);
             }
-            S === null || S === void 0 ? void 0 : S(e);
-        }), [ N, b, S ]);
-        var pe = (0, t.useCallback)((function(e, n) {
+            I === null || I === void 0 ? void 0 : I(e);
+        }), [ z, g, I ]);
+        var me = (0, t.useCallback)((function(e, n) {
             var t = n.value;
-            H(t);
-            U(!b);
-        }), [ b ]);
-        var ye = (0, t.useCallback)((function(e) {
+            L(t);
+            $(!g);
+        }), [ g ]);
+        var be = (0, t.useCallback)((function(e) {
             var n = e.key;
             if (n === "Enter" || n === "Tab") {
-                se(e);
-            } else if (!b && n === "ArrowDown") {
+                ve(e);
+            } else if (!g && n === "ArrowDown") {
                 e.preventDefault();
-                if (!N) {
-                    le.current = true;
-                    U(true);
-                } else if (ee) {
-                    (0, f.focusActiveDay)(ee);
+                if (!z) {
+                    ue.current = true;
+                    $(true);
+                } else if (te) {
+                    (0, f.focusActiveDay)(te);
                 }
             } else if (n === "Escape") {
-                U(false);
-                H(undefined);
-                ae === null || ae === void 0 ? void 0 : ae.focus();
+                $(false);
+                L(undefined);
+                le === null || le === void 0 ? void 0 : le.focus();
             }
-            q === null || q === void 0 ? void 0 : q(e);
-        }), [ se, ee, N, ae, b, q ]);
-        var me = (0, t.useCallback)((function(e) {
-            V(e);
-            D(u, e);
-        }), [ u ]);
-        var be = (0, t.useCallback)((function(e) {
-            oe(e);
-        }), []);
+            T === null || T === void 0 ? void 0 : T(e);
+        }), [ ve, te, z, le, g, T ]);
         var ge = (0, t.useCallback)((function(e) {
-            ne(e);
-        }), []);
+            B(e);
+            D(c, e);
+        }), [ c ]);
         var he = (0, t.useCallback)((function(e) {
+            ie(e);
+        }), []);
+        var Ce = (0, t.useCallback)((function(e) {
+            re(e);
+        }), []);
+        var ke = (0, t.useCallback)((function(e) {
             var n = e.event, t = e.reason;
-            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== F) {
-                se(n);
+            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== Y) {
+                ve(n);
                 if (t === "escapeKey") {
-                    ae === null || ae === void 0 ? void 0 : ae.focus();
+                    le === null || le === void 0 ? void 0 : le.focus();
                 }
             }
-        }), [ F, ae, se ]);
-        var Ce = !b &&  r().createElement(w, null);
-        var ke;
-        var Se = {};
-        if (!b) {
-            Se.role = "combobox";
-            Se["aria-controls"] = N ? ie : undefined;
-            Se["aria-expanded"] = l ? false : N;
-            Se["aria-haspopup"] = true;
-            ke =  r().createElement(v(), {
-                anchor: F,
-                id: ie,
-                open: l ? false : N,
-                onRequestClose: he
+        }), [ Y, le, ve ]);
+        var Se = !g &&  r().createElement(w, null);
+        var Oe;
+        var we = {};
+        if (!g) {
+            we.role = "combobox";
+            we["aria-controls"] = z ? ce : undefined;
+            we["aria-expanded"] = u ? false : z;
+            we["aria-haspopup"] = true;
+            Oe =  r().createElement(v(), {
+                anchor: Y,
+                id: ce,
+                open: u ? false : z,
+                onRequestClose: ke
             },  r().createElement(s(), {
-                elementRef: ge,
-                highlightToday: c,
-                locale: h,
-                onChange: fe,
-                value: ue === "" ? undefined : ue
+                elementRef: Ce,
+                highlightToday: d,
+                locale: C,
+                onChange: de,
+                value: fe === "" ? undefined : fe
             }));
         }
         
         return r().createElement(O, j({
+            append: n,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
-            canClear: n,
+            canClear: a,
             "data-test": "date",
-            "data-test-value": ue,
-            "data-test-popover-id": ie,
-            disabled: l,
-            elementRef: me,
-            inline: p,
-            inputRef: be,
-            name: C,
-            onChange: pe,
-            onClick: ve,
-            onFocus: de,
-            onKeyDown: ye,
-            value: ce,
+            "data-test-value": fe,
+            "data-test-popover-id": ce,
+            disabled: u,
+            elementRef: ge,
+            inline: b,
+            inputRef: he,
+            name: k,
+            onChange: me,
+            onClick: ye,
+            onFocus: pe,
+            onKeyDown: be,
+            prepend: A,
+            value: se,
             spellCheck: false,
-            startAdornment: Ce
-        }, Se, o()(A, "multiline", "onSelect", "spellCheck")), ke);
+            startAdornment: Se
+        }, we, o()(P, "multiline", "onSelect", "spellCheck")), Oe);
     }
     K.propTypes = _;
     K.momentFormat = R;