@spscommerce/ds-react 5.10.5 → 5.10.6

package/lib/index.es.js

@@ -1760,11 +1760,15 @@ function useOptionListOptions(props2, searchState, searchStatePatch) {
   const [optionList, setOptionList] = React.useState(Object.freeze([]));
   const [anyOptionHasIcon, setAnyOptionHasIcon] = React.useState(false);
   const promiseRef = React.useRef(null);
-  const update2 = React.useMemo(() => typeof props2.options === "function" ? debounce(updateOptions, typeof props2.searchDebounce !== "undefined" ? props2.searchDebounce : 500) : updateOptions, [props2.options, props2.disabledOptions]);
+  const optionsRef = React.useRef(props2.options);
+  if (typeof props2.options !== "function") {
+    optionsRef.current = props2.options;
+  }
+  const update2 = React.useMemo(() => typeof optionsRef.current === "function" ? debounce(updateOptions, typeof props2.searchDebounce !== "undefined" ? props2.searchDebounce : 500) : updateOptions, [optionsRef.current, props2.disabledOptions]);
   React.useEffect(() => {
     void update2(props2, searchState, searchStatePatch, setOptionList, setAnyOptionHasIcon, promiseRef);
   }, [
-    props2.options,
+    optionsRef.current,
     searchState.value,
     props2.disabledOptions
   ]);
@@ -2396,17 +2400,17 @@ function documentClickHandlerFactory(rootRef, popupRef, doHidePopup) {
 function useInputPopup(rootRef, popupRef) {
   const suppressPopup = React.useRef(false);
   const [showPopup, setShowPopup] = React.useState(false);
-  function doShowPopup() {
+  const doShowPopup = React.useCallback(() => {
     if (suppressPopup.current) {
       suppressPopup.current = false;
     } else {
       setShowPopup(true);
     }
-  }
+  }, []);
   const doHidePopup = React.useCallback((suppressNextShow = false) => {
     setShowPopup(false);
     suppressPopup.current = suppressNextShow;
-  }, [setShowPopup]);
+  }, []);
   useDocumentEventListener("click", documentClickHandlerFactory, [
     rootRef,
     popupRef,
@@ -36998,7 +37002,8 @@ function SpsDatepickerV2(_W) {
     maxDate,
     minDate,
     onChange,
-    value
+    value,
+    "data-testid": testId
   } = _X, rest = __objRest(_X, [
     "children",
     "className",
@@ -37008,7 +37013,8 @@ function SpsDatepickerV2(_W) {
     "maxDate",
     "minDate",
     "onChange",
-    "value"
+    "value",
+    "data-testid"
   ]);
   const { wrapperId, controlId } = useFormControlId(id2, formMeta);
   const rootRef = React.useRef(null);
@@ -37071,7 +37077,8 @@ function SpsDatepickerV2(_W) {
     onClick: doShowPopup,
     onFocus: doShowPopup,
     value: stringValue,
-    disabled
+    disabled,
+    "data-testid": `${testId}_date_input`
   }, rest)), value && !disabled && /* @__PURE__ */ React.createElement("i", {
     className: "sps-icon sps-icon-x-circle sps-form-control__clear-btn",
     onClick: clear
@@ -37080,6 +37087,7 @@ function SpsDatepickerV2(_W) {
     attachTo: rootRef,
     ref: datepickerPopupRef
   }, /* @__PURE__ */ React.createElement(SpsDatepickerCalendar, {
+    "data-testid": `${testId}_calendar`,
     selectedDate: value,
     onNewSelection: handleNewSelection,
     minDate,

package/package.json

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