@spscommerce/ds-react 5.23.1 → 5.25.0

package/lib/index.es.js

@@ -1815,6 +1815,7 @@ const propTypes$1K = __spreadProps(__spreadValues(__spreadValues(__spreadValues(
 async function updateOptions(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef) {
   const options = typeof props2.options === "function" ? props2.options(searchState.value) : props2.options || [];
   const areOptionsPromise = options instanceof Promise;
+  const removeSpecialSymbols = (value) => value.replace(/([.?*+^$[\]\\(){}|-])/g, "");
   searchStatePatch({ pending: areOptionsPromise });
   promiseRef.current = areOptionsPromise ? options : null;
   const result = areOptionsPromise ? await options || [] : options || [];
@@ -1832,13 +1833,15 @@ async function updateOptions(props2, searchState, searchStatePatch, setOptionLis
     newOpts.unshift(new SpsOptionListOption(null, { text: props2.nullOption }));
   }
   if (searchState.value) {
-    searchStatePatch({ replacementPattern: new RegExp(searchState.value, "ig") });
+    const searchValue = removeSpecialSymbols(searchState.value);
+    searchStatePatch({ replacementPattern: new RegExp(searchValue, "ig") });
     newOpts = newOpts.filter((o) => {
-      const regEx = new RegExp(searchState.value, "i");
+      const regEx = new RegExp(searchValue, "i");
+      const optionText = removeSpecialSymbols(o.text);
       if (props2.filterByTextAndCaptionKey) {
-        return regEx.test(o.text) || regEx.test(o.caption);
+        return regEx.test(optionText) || regEx.test(removeSpecialSymbols(o.caption));
       }
-      return regEx.test(o.text);
+      return regEx.test(optionText);
     });
   } else {
     searchStatePatch({ replacementPattern: null });
@@ -34518,7 +34521,7 @@ function SpsTaskQueue(_E) {
     kind: tooltipKind,
     showOn: hasTasks ? TooltipShowTrigger.MANUAL : TooltipShowTrigger.MOUSEOVER,
     isShown: showNotification && !isOpen ? TooltipVisibility.VISIBLE : TooltipVisibility.HIDDEN,
-    hideDelay: TASK_QUEUE_NOTIFICATION_DURATION_MS
+    hideDelay: Number(hasTasks) && TASK_QUEUE_NOTIFICATION_DURATION_MS
   }, !suppressTooltips && showNotification && (notificationText || t2("design-system:taskQueue.newTask")), !suppressTooltips && !showNotification && !hasTasks && t2("design-system:taskQueue.noTasks")), portal(/* @__PURE__ */ React.createElement("div", {
     ref: taskQueueDropdownRef,
     className: clsx("sps-task-queue__task-list", isOpen && "sps-task-queue__task-list--open", "z-stratum-dropdown"),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.23.1",
+  "version": "5.25.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
@@ -28,11 +28,11 @@
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.23.1",
-    "@spscommerce/ds-illustrations": "5.23.1",
-    "@spscommerce/ds-shared": "5.23.1",
-    "@spscommerce/positioning": "5.23.1",
-    "@spscommerce/utils": "5.23.1",
+    "@spscommerce/ds-colors": "5.25.0",
+    "@spscommerce/ds-illustrations": "5.25.0",
+    "@spscommerce/ds-shared": "5.25.0",
+    "@spscommerce/positioning": "5.25.0",
+    "@spscommerce/utils": "5.25.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
     "react": "^16.9.0",
@@ -40,11 +40,11 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "5.23.1",
-    "@spscommerce/ds-illustrations": "5.23.1",
-    "@spscommerce/ds-shared": "5.23.1",
-    "@spscommerce/positioning": "5.23.1",
-    "@spscommerce/utils": "5.23.1",
+    "@spscommerce/ds-colors": "5.25.0",
+    "@spscommerce/ds-illustrations": "5.25.0",
+    "@spscommerce/ds-shared": "5.25.0",
+    "@spscommerce/positioning": "5.25.0",
+    "@spscommerce/utils": "5.25.0",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",