@splunk/react-ui 4.35.0 → 4.36.0

package/MIGRATION.mdx

@@ -648,3 +648,20 @@ With the new `Search` component optimized for user interaction, Text's `appearan
 #### Migration steps
 
 Replace all usage of `Text`'s `appearance="search"` value with the `Search` component. Remove all usage of `Text`'s `appearance="default"` value. 
+
+## 4.36.0
+
+### Deprecated `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop
+
+#### Change
+
+`ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop has been deprecated and will be removed in the next major version.
+
+#### Context
+
+The `size` prop currently does not do anything in `ComboBox`, `ControlGroup`, or `StaticContent`, so it will be removed in the next major version.
+
+#### Migration steps
+
+Remove all usage of `ComboBox`, `ControlGroup`, and `StaticContent`'s `size` prop. To change the size of components, use the `SplunkThemeProvider`'s `density` prop. 
+

package/Modal.js

@@ -489,7 +489,7 @@
             id: p,
             "data-test": "subtitle"
         }, a)) : t, i &&  n().createElement(ae, null,  n().createElement(le, null,  n().createElement(ce, {
-            appearance: "pill",
+            appearance: "subtle",
             "aria-label": (0, Y._)("Close"),
             "data-test": "close",
             onClick: i

package/Multiselect.js

@@ -2940,8 +2940,14 @@
             gr(br(a), "popoverId", void 0);
             gr(br(a), "previousActiveIndex", null);
             gr(br(a), "handleClick", (function() {
-                var e;
-                (e = a.input) === null || e === void 0 ? void 0 : e.focus();
+                if (a.state.hasFocus) {
+                    a.open({
+                        resetFilterKeyword: false
+                    });
+                } else {
+                    var e;
+                    (e = a.input) === null || e === void 0 ? void 0 : e.focus();
+                }
             }));
             gr(br(a), "handleRequestRemove", (function(e, t) {
                 var n = t.value;
@@ -2950,6 +2956,19 @@
                 }));
  // allow the event to bubble before removing.
                         }));
+            gr(br(a), "open", (function(e) {
+                var t = e.resetFilterKeyword;
+                a.setState((function(e) {
+                    return {
+                        filterKeyword: t ? "" : e.filterKeyword,
+                        hasFocus: true,
+                        open: true
+                    };
+                }), (function() {
+                    var e, t;
+                    (e = (t = a.props).onOpen) === null || e === void 0 ? void 0 : e.call(t);
+                }));
+            }));
             gr(br(a), "handleInputFocus", (function(e) {
                 if (a.state.filterKeyword !== "") {
                     var t, n;
@@ -2957,14 +2976,9 @@
                         keyword: ""
                     });
                 }
-                a.setState({
-                    filterKeyword: "",
-                    hasFocus: true,
-                    open: true
-                }, (function() {
-                    var e, t;
-                    (e = (t = a.props).onOpen) === null || e === void 0 ? void 0 : e.call(t);
-                }));
+                a.open({
+                    resetFilterKeyword: true
+                });
             }));
             gr(br(a), "handleInputKeyDown", (function(e) {
                 var t, r;
@@ -3055,6 +3069,7 @@
             gr(br(a), "handleMenuOptionClick", (function(e, t) {
                 var n;
                 var r = t.value;
+                e.stopPropagation();
                 a.addValue(e, r);
                 (n = a.input) === null || n === void 0 ? void 0 : n.focus();
             }));
@@ -3208,6 +3223,9 @@
             key: "addValue",
             value: function e(t, n) {
                 var r, o, a;
+                if (!this.state.open) {
+                    return;
+                }
                 var i = ((r = this.getCurrentValues()) !== null && r !== void 0 ? r : []).concat([ n ]);
                 var l = this.props.name;
                 if (!this.isControlled()) {

package/Paginator.js

@@ -229,7 +229,7 @@
             $current: o || false,
             "data-test": "page",
             "data-test-page": i,
-            appearance: "pill",
+            appearance: "subtle",
             disabled: a,
             inline: false,
             onClick: s