@splunk/react-ui 4.34.0 → 4.35.0

package/Text.js

@@ -88,10 +88,10 @@
     var v =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
     const b = require("@splunk/react-icons/enterprise/Close");
-    var y =  e.n(b);
+    var C =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Search"
-    const C = require("@splunk/react-icons/enterprise/Search");
-    var g =  e.n(C);
+    const y = require("@splunk/react-icons/enterprise/Search");
+    var g =  e.n(y);
     // CONCATENATED MODULE: external "@splunk/react-icons/Magnifier"
     const x = require("@splunk/react-icons/Magnifier");
     var w =  e.n(x);
@@ -305,7 +305,7 @@
     var U = N().span.withConfig({
         displayName: "TextStyles__StyledInputWrapper",
         componentId: "eg7n6t-3"
-    })([ "", ";flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, A.variables.interactiveColorBorder, A.variables.borderRadius, (0, 
+    })([ "", ";cursor:text;flex-grow:1;min-height:", ";position:relative;overflow:hidden;border:1px solid ", ";border-radius:", ";box-sizing:border-box;background-color:", ";box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);padding:", ";align-items:center;", " ", " &:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}", " ", " ", " ", "" ], A.mixins.reset("inline-flex"), A.variables.inputHeight, A.variables.interactiveColorBorder, A.variables.borderRadius, (0, 
     A.pick)({
         enterprise: {
             light: A.variables.white,
@@ -323,7 +323,7 @@
         return t && (0, D.css)([ "padding-left:0;" ]);
     }), A.variables.interactiveColorBorderHover, A.variables.focusShadow, A.variables.contentColorActive, (function(e) {
         var t = e.$error;
-        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){box-shadow:", ";color:", ";}" ], A.variables.accentColorNegative, A.variables.focusShadow, A.variables.contentColorActive);
+        return t && (0, D.css)([ "&,&:hover:not([disabled]){border-color:", ";}" ], A.variables.accentColorNegative);
     }), (function(e) {
         var t = e.$append;
         return t && (0, D.css)([ "margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
@@ -521,48 +521,34 @@
         }
         return ie(e);
     }
-    function ae() {
-        ae = Object.assign || function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
-                }
-            }
-            return e;
-        };
-        return ae.apply(this, arguments);
+    function ae(e) {
+        return ce(e) || se(e) || le(e) || oe();
     }
-    function oe(e) {
-        return pe(e) || ce(e) || se(e) || le();
-    }
-    function le() {
+    function oe() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function se(e, t) {
+    function le(e, t) {
         if (!e) return;
-        if (typeof e === "string") return de(e, t);
+        if (typeof e === "string") return pe(e, t);
         var r = Object.prototype.toString.call(e).slice(8, -1);
         if (r === "Object" && e.constructor) r = e.constructor.name;
         if (r === "Map" || r === "Set") return Array.from(e);
-        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return de(e, t);
+        if (r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)) return pe(e, t);
     }
-    function ce(e) {
+    function se(e) {
         if (typeof Symbol !== "undefined" && Symbol.iterator in Object(e)) return Array.from(e);
     }
-    function pe(e) {
-        if (Array.isArray(e)) return de(e);
+    function ce(e) {
+        if (Array.isArray(e)) return pe(e);
     }
-    function de(e, t) {
+    function pe(e, t) {
         if (t == null || t > e.length) t = e.length;
         for (var r = 0, n = new Array(t); r < t; r++) {
             n[r] = e[r];
         }
         return n;
     }
-    function ue(e, t) {
+    function de(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -573,26 +559,26 @@
         }
         return r;
     }
-    function fe(e) {
+    function ue(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = arguments[t] != null ? arguments[t] : {};
             if (t % 2) {
-                ue(Object(r), true).forEach((function(t) {
+                de(Object(r), true).forEach((function(t) {
                     Ee(e, t, r[t]);
                 }));
             } else if (Object.getOwnPropertyDescriptors) {
                 Object.defineProperties(e, Object.getOwnPropertyDescriptors(r));
             } else {
-                ue(Object(r)).forEach((function(t) {
+                de(Object(r)).forEach((function(t) {
                     Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
                 }));
             }
         }
         return e;
     }
-    function me(e, t) {
+    function fe(e, t) {
         if (e == null) return {};
-        var r = he(e, t);
+        var r = me(e, t);
         var n, i;
         if (Object.getOwnPropertySymbols) {
             var a = Object.getOwnPropertySymbols(e);
@@ -605,7 +591,7 @@
         }
         return r;
     }
-    function he(e, t) {
+    function me(e, t) {
         if (e == null) return {};
         var r = {};
         var n = Object.keys(e);
@@ -617,6 +603,20 @@
         }
         return r;
     }
+    function he() {
+        he = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var n in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, n)) {
+                        e[n] = r[n];
+                    }
+                }
+            }
+            return e;
+        };
+        return he.apply(this, arguments);
+    }
     function ve(e, t) {
         if (!(e instanceof t)) {
             throw new TypeError("Cannot call a class as a function");
@@ -631,12 +631,12 @@
             Object.defineProperty(e, n.key, n);
         }
     }
-    function ye(e, t, r) {
+    function Ce(e, t, r) {
         if (t) be(e.prototype, t);
         if (r) be(e, r);
         return e;
     }
-    function Ce(e, t) {
+    function ye(e, t) {
         if (typeof t !== "function" && t !== null) {
             throw new TypeError("Super expression must either be null or a function");
         }
@@ -777,9 +777,9 @@
         passwordVisibilityToggle: false
     };
     /** Note: Text places role and aria props onto the input. All other props are placed on the wrapper. */    var Te =  function(e) {
-        Ce(r, e);
+        ye(r, e);
         var t = xe(r);
-        ye(r, null, [ {
+        Ce(r, null, [ {
             key: "validateRows",
             // @docs-props-type TextPropsBase
             value: function e(t) {
@@ -841,6 +841,17 @@
                 var t, r;
                 (t = (r = i.props).onInputClick) === null || t === void 0 ? void 0 : t.call(r, e);
             }));
+            Ee(ke(i), "handleBoxClick", (function(e) {
+                var t, r;
+                if (document.activeElement !== i.input) {
+                    var n;
+                    (n = i.input) === null || n === void 0 ? void 0 : n.focus();
+                }
+                (t = (r = i.props).onClick) === null || t === void 0 ? void 0 : t.call(r, e);
+            }));
+            Ee(ke(i), "handleAdornmentClick", (function(e) {
+                e.stopPropagation();
+            }));
             Ee(ke(i), "handleInputFocus", (function(e) {
                 var t, r;
                 var n = e.target.value;
@@ -896,12 +907,17 @@
                 };
                 if (a) {
                     
-                    return n().createElement(re, m, a);
+                    return n().createElement(re, he({
+                        "data-test": "end-adornment",
+                        onClick: i.handleAdornmentClick
+                    }, m), a);
                 }
                 if (o && !l) {
                     var h = i.state.hideVisibility ?  n().createElement(B, null) :  n().createElement($, null);
                     
-                    return n().createElement(re, m,  n().createElement(Q, {
+                    return n().createElement(re, he({
+                        onClick: i.handleAdornmentClick
+                    }, m),  n().createElement(Q, {
                         appearance: "subtle",
                         "data-test": "password-toggle",
                         inline: false,
@@ -911,8 +927,8 @@
                     }));
                 }
                 var b = i.context;
-                var C = (e = b.labelAttrs) === null || e === void 0 ? void 0 : e.text;
-                var x = C ? (0, T._)("Clear ".concat(C, " text field")) : (0, T._)("Clear text field");
+                var y = (e = b.labelAttrs) === null || e === void 0 ? void 0 : e.text;
+                var x = y ? (0, T._)("Clear ".concat(y, " text field")) : (0, T._)("Clear text field");
                 var w = i.getDisplayValue();
                 if (u && r === "search") {
                     if (!w) {
@@ -933,7 +949,7 @@
                         "data-test": "clear",
                         inline: false,
                         "aria-label": x,
-                        icon:  n().createElement(y(), {
+                        icon:  n().createElement(C(), {
                             size: 1,
                             screenReaderText: null
                         }),
@@ -955,7 +971,7 @@
                         appearance: "subtle",
                         "aria-label": x,
                         onClick: i.handleClear,
-                        icon: u ?  n().createElement(y(), {
+                        icon: u ?  n().createElement(C(), {
                             inline: false,
                             screenReaderText: null
                         }) :  n().createElement(v(), {
@@ -980,7 +996,10 @@
                 };
                 if (r) {
                     
-                    return n().createElement(re, p, r);
+                    return n().createElement(re, he({
+                        "data-test": "start-adornment",
+                        onClick: i.handleAdornmentClick
+                    }, p), r);
                 }
                 if (l && t === "search") {
                     
@@ -1015,7 +1034,7 @@
             r.validateRows(e);
             return i;
         }
-        ye(r, [ {
+        Ce(r, [ {
             key: "componentDidMount",
             value: function e() {
                 this.getAdornmentWidth();
@@ -1056,8 +1075,8 @@
         }, {
             key: "render",
             value: function e() {
-                var t = this.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, p = t.className, u = t.classNamePrivate, m = t.disabled, h = t.describedBy, v = t.elementRef, b = t.error, y = t.inline, C = t.inputClassName, g = t.inputId, x = t.labelledBy, w = t.multiline, k = t.maxLength, S = t.name, A = t.passwordVisibilityToggle, T = t.placeholder, I = t.prepend, j = t.required, M = t.spellCheck, R = t.tabIndex, $ = t.title, _ = t.type, P = t.useSyntheticPlaceholder, B = me(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
-                var D = fe(fe({
+                var t = this.props, r = t.append, i = t.autoCapitalize, a = t.autoComplete, o = t.autoCorrect, l = t.autoFocus, s = t.children, p = t.className, u = t.classNamePrivate, m = t.disabled, h = t.describedBy, v = t.elementRef, b = t.error, C = t.inline, y = t.inputClassName, g = t.inputId, x = t.labelledBy, w = t.multiline, k = t.maxLength, S = t.name, A = t.passwordVisibilityToggle, T = t.placeholder, I = t.prepend, j = t.required, M = t.spellCheck, R = t.tabIndex, $ = t.title, _ = t.type, P = t.useSyntheticPlaceholder, B = fe(t, [ "append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "multiline", "maxLength", "name", "passwordVisibilityToggle", "placeholder", "prepend", "required", "spellCheck", "tabIndex", "title", "type", "useSyntheticPlaceholder" ]);
+                var D = ue(ue({
                     role: "textbox"
                 }, f()(B, (function(e, t) {
                     return t === "role" || t.indexOf("aria-") === 0;
@@ -1066,17 +1085,17 @@
                     "aria-labelledby": x,
                     "aria-invalid": b || undefined
                 });
-                var N = d()(B, [ "inputRef", "onBlur", "onChange", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(oe(c()(D))));
+                var N = d()(B, [ "inputRef", "onBlur", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "onInputClick", "rowsMax", "rowsMin" ].concat(ae(c()(D))));
                 var q = this.getDisplayValue();
                 var V = {
-                    className: (0, O.toClassName)(p, C),
+                    className: (0, O.toClassName)(p, y),
                     $append: r || undefined,
                     $error: b,
                     $prepend: I || undefined
                 };
                 var W = this.state.hideVisibility ? "password" : "text";
                 var z = A ? W : _;
-                var Z = fe(fe({}, D), {}, {
+                var Z = ue(ue({}, D), {}, {
                     "data-test": "textbox",
                     autoCapitalize: i,
                     autoComplete: a,
@@ -1118,7 +1137,7 @@
                     return n().createElement(E(), this.props);
                 }
                 
-                return n().createElement(G, ae({
+                return n().createElement(G, he({
                     tabIndex: -1,
                     $isTimeInput: K,
                     className: (0, O.toClassName)(p, u),
@@ -1126,14 +1145,15 @@
                     "data-test-value": H,
                     elementRef: v,
                     flex: true,
-                    inline: y
-                }, N), Q,  n().createElement(U, ae({
+                    inline: C,
+                    onClick: this.handleBoxClick
+                }, N), Q,  n().createElement(U, he({
                     $hasEndAdornment: ne,
                     $hasStartAdornment: re,
                     disabled: m
                 }, V), re &&  n().createElement(ee, {
                     $width: this.state.startAdornmentWidth
-                }), m ?  n().createElement(J, ae({
+                }), m ?  n().createElement(J, he({
                     className: (0, O.toClassName)(p, u),
                     "data-test": "textbox",
                     disabled: true,
@@ -1141,7 +1161,7 @@
                     type: z,
                     value: q,
                     placeholder: T && !P ? T : undefined
-                }, D)) :  n().createElement(J, ae({}, Z, {
+                }, D)) :  n().createElement(J, he({}, Z, {
                     onClick: this.handleInputClick
                 })), F &&  n().createElement(L(), null, T), F &&  n().createElement(X, {
                     $endAdornmentWidth: this.state.endAdornmentWidth,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.34.0",
+  "version": "4.35.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -43,9 +43,9 @@
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@splunk/react-icons": "^4.6.0",
-    "@splunk/themes": "^0.20.0",
-    "@splunk/ui-utils": "^1.7.0",
+    "@splunk/react-icons": "^4.7.0",
+    "@splunk/themes": "^0.21.0",
+    "@splunk/ui-utils": "^1.7.1",
     "commonmark": "^0.30.0",
     "commonmark-react-renderer": "^4.3.2",
     "decimal.js-light": "^2.2.3",
@@ -63,7 +63,7 @@
     "@splunk/babel-preset": "^4.0.0",
     "@splunk/docs-gen": "1.0.0-beta.13",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.16",
+    "@splunk/react-docs": "1.0.0-beta.17",
     "@splunk/stylelint-config": "^5.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
     "@splunk/webpack-configs": "^7.0.2",
@@ -127,7 +127,7 @@
     "jest-junit": "^10.0.0",
     "jest-stare": "^2.4.1",
     "mkdirp": "^0.5.1",
-    "playwright": "^1.23.3",
+    "playwright": "^1.45.0",
     "prismjs": "^1.29.0",
     "prompt": "^1.0.0",
     "raw-loader": "^4.0.2",

package/types/src/Breadcrumbs/Breadcrumbs.d.ts

@@ -40,7 +40,6 @@ declare namespace Breadcrumbs {
         enableCurrentPage: PropTypes.Requireable<boolean>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
-    var defaultProps: Required<Pick<BreadcrumbsPropsBase, "enableCurrentPage">>;
     var Item: typeof import("./Item").default;
 }
 export default Breadcrumbs;

package/types/src/Breadcrumbs/Item.d.ts

@@ -49,6 +49,5 @@ declare namespace Item {
         startAdornment: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         to: PropTypes.Validator<string>;
     };
-    var defaultProps: Required<Pick<ItemPropsBase, "enableCurrentPage" | "isCurrent">>;
 }
 export default Item;

package/types/src/Card/Header.d.ts

@@ -11,14 +11,12 @@ interface HeaderPropsBase {
     /**
      * Adds a primary action to the header.
      * For best results, use an icon-only button style.
-     * @includeTheme prisma
      */
     actionPrimary?: React.ReactNode;
     /**
      * Adds a secondary actions dropdown menu to the header with an "Actions" label. Make this prop a `Menu`.
      *
      * The `actions` prop is preferred so that a a custom and unambiguous label can be added.
-     * @includeTheme prisma
      */
     actionsSecondary?: React.ReactNode;
     /**

package/types/src/Chip/Chip.d.ts

@@ -37,12 +37,11 @@ interface ChipPropsBase {
     /** Includes this value in `onRequestRemove` callbacks. */
     value?: any;
 }
-declare const defaultProps: Required<Pick<ChipPropsBase, 'disabled'>>;
-type ChipInteractiveProps = ComponentProps<ChipPropsBase, 'button'> & typeof defaultProps & {
+type ChipInteractiveProps = ComponentProps<ChipPropsBase, 'button'> & {
     elementRef?: React.Ref<HTMLButtonElement>;
     onRequestRemove: ChipRequestRemoveHandler;
 };
-type ChipNonInteractiveProps = ComponentProps<ChipPropsBase, 'div'> & typeof defaultProps & {
+type ChipNonInteractiveProps = ComponentProps<ChipPropsBase, 'div'> & {
     elementRef?: React.Ref<HTMLDivElement>;
     onRequestRemove?: never;
 };
@@ -61,7 +60,6 @@ declare namespace Chip {
         /** Includes this value in `onRequestRemove` callbacks. */
         value: PropTypes.Requireable<any>;
     };
-    var defaultProps: Required<Pick<ChipPropsBase, "disabled">>;
 }
 export default Chip;
 export { ChipRequestRemoveHandler };