@splunk/react-ui 5.3.0 → 5.5.0

package/ComboBox.js

@@ -528,13 +528,14 @@
             // Highlight Active
                         Ie.current = 0;
             Ae.current = undefined;
-            var l = (0, C.stringToKeywords)(Re ? e : Ke());
+            var l = Re ? e : Ke();
+            var u = l ? (0, C.stringToKeywords)(l) : [];
             return (i ? n : n.filter((function(e) {
                 if (e.props.label !== undefined) {
-                    return (0, C.testPhrase)(e.props.label, l);
+                    return (0, C.testPhrase)(e.props.label, u);
                 }
                 if (e.props.value !== undefined) {
-                    return (0, C.testPhrase)(e.props.value, l);
+                    return (0, C.testPhrase)(e.props.value, u);
                 }
                 return true;
  // Keep all headers and non-interactive options
@@ -545,9 +546,9 @@
                 }
                 var a = Ie.current === fe;
                 Ie.current += 1;
-                var u = n.props.label !== undefined ? n.props.label : n.props.value;
+                var l = n.props.label !== undefined ? n.props.label : n.props.value;
                 var c = n.props.matchRanges;
-                var s = !i && e && (o || t > 0) ? (0, C.keywordLocations)(u, l) || undefined : undefined;
+                var s = !i && e && (o || t > 0) ? (0, C.keywordLocations)(l, u) || undefined : undefined;
                 if (a) {
                     if (!n.props.disabled) {
                         Ae.current = n.props.value;

package/DefinitionList.js

@@ -122,7 +122,7 @@
         componentId: "sc-1pqfrgm-2"
     })([ "", "" ], (0, d.pickVariant)("$layout", {
         fixed: (0, l.css)([ "", ";", ";" ], d.mixins.reset("block"), d.mixins.typography("body")),
-        auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content( ", " );column-gap:", ";row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.lineLength, d.variables.spacingXLarge, d.variables.spacingMedium),
+        auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content(", ");column-gap:", ";row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.lineLength, d.variables.spacingXLarge, d.variables.spacingMedium),
         stacked: (0, l.css)([ "", ";grid-template-columns:[definitionList] fit-content(", ");row-gap:", ";" ], d.mixins.reset("grid"), d.variables.lineLength, d.variables.spacingXSmall)
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx

package/FormRows.js

@@ -176,7 +176,7 @@
         }
         return r;
     }
-    /** @public */    var A = {
+    /** @public */    var M = {
         children: a().node,
         index: a().number,
         onRequestRemove: a().func,
@@ -184,7 +184,7 @@
         style: a().object,
         value: a().node
     };
-    var M = (0, s._)("Remove row");
+    var A = (0, s._)("Remove row");
     var T =  t().forwardRef((function(e, n) {
         var o = e.children, a = e.index, i = e.onRequestRemove, l = e.renderDragHandle, s = _(e, [ "children", "index", "onRequestRemove", "renderDragHandle" ]);
         var u = (0, r.useContext)(d), c = u.disabledRemoveButton, f = u.hasOnRequestAdd, v = u.sortable;
@@ -208,13 +208,13 @@
             ref: n
         }, s), l && l(),  t().createElement(C, null, o), p &&  t().createElement(w, {
             appearance: "subtle",
-            "aria-label": M,
+            "aria-label": A,
             "data-test": "remove",
             disabled: c,
             onClick: m
         },  t().createElement(P(), null)));
     }));
-    T.propTypes = A;
+    T.propTypes = M;
     /* harmony default export */    const N = T;
     // CONCATENATED MODULE: external "@dnd-kit/sortable"
     const B = require("@dnd-kit/sortable");
@@ -620,18 +620,20 @@
         }), [ f ]);
         var b = f !== undefined && !i;
         var g = c !== undefined;
+        var y = (0, r.useMemo)((function() {
+            return {
+                disabledRemoveButton: i,
+                onKeyDown: m,
+                hasOnRequestAdd: g,
+                sortable: b
+            };
+        }), [ i, m, g, b ]);
         
         return t().createElement(R, se({
             ref: l,
             "data-test": "form-rows"
         }, v),  t().createElement(d.Provider, {
-            // eslint-disable-next-line react/jsx-no-constructed-context-values
-            value: {
-                disabledRemoveButton: i,
-                onKeyDown: m,
-                hasOnRequestAdd: g,
-                sortable: b
-            }
+            value: y
         }, s &&  t().createElement(O, null, s),  t().createElement(le, {
             onSortEnd: p
         }, a), u &&  t().createElement(j, null, u) || g &&  t().createElement(S, {