@spscommerce/ds-react 6.37.0 → 6.37.2

package/lib/index.es.js

@@ -6443,7 +6443,7 @@ function SpsCheckbox(_q) {
     id: controlId,
     checked,
     disabled,
-    "data-testId": `${testId}__checkbox-input`,
+    "data-testid": `${testId}__checkbox-input`,
     onChange: handleChange
   }, rest)), /* @__PURE__ */ React.createElement("label", {
     className: "sps-checkable__label",
@@ -15659,6 +15659,9 @@ function SpsColumnChooser(props2) {
       }))
     ]
   });
+  const initialSearchValue = { searchSelectedColumn: "" };
+  const classes = clsx(state.isVisible && "sps-button--open", className);
+  const { formMeta, formValue, updateForm } = useSpsForm(initialSearchValue);
   function onSelectBoxChange(event) {
     if (event.target.value) {
       const selected = [...state.selectedColumns];
@@ -15714,13 +15717,12 @@ function SpsColumnChooser(props2) {
       }
       return selectedColumn;
     });
+    updateForm(initialSearchValue);
     onApplyChanges(selectedColumnsCopy);
   }
   function onVisibilityToggle() {
     patchState({ isVisible: !state.isVisible });
   }
-  const classes = clsx(state.isVisible && "sps-button--open", className);
-  const { formMeta, formValue } = useSpsForm({ searchSelectedColumn: "" });
   return /* @__PURE__ */ React.createElement("div", __spreadValues({
     className: "sps-column-chooser z-stratum-dropdown"
   }, rest), /* @__PURE__ */ React.createElement(SpsButton, {
@@ -23093,28 +23095,33 @@ function SpsCheckboxDropdown(props2) {
     checked,
     onChange,
     indeterminate,
-    disabled
+    disabled,
+    "data-testid": testId
   } = _a, rest = __objRest(_a, [
     "options",
     "className",
     "checked",
     "onChange",
     "indeterminate",
-    "disabled"
+    "disabled",
+    "data-testid"
   ]);
   const classes = clsx("sps-checkbox-dropdown", className);
   return /* @__PURE__ */ React.createElement("span", __spreadValues({
-    className: classes
+    className: classes,
+    "data-testid": testId
   }, rest), /* @__PURE__ */ React.createElement(SpsCheckbox, {
     indeterminate,
     checked,
     disabled,
     onChange,
-    inline: true
+    inline: true,
+    "data-testid": `${testId}__checkbox`
   }), /* @__PURE__ */ React.createElement(SpsDropdown, {
     disabled,
     options,
-    icon: SpsIcon.CHEVRON_DOWN
+    icon: SpsIcon.CHEVRON_DOWN,
+    "data-testid": `${testId}__dropdown`
   }));
 }
 Object.assign(SpsCheckboxDropdown, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "6.37.0",
+  "version": "6.37.2",
   "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": "6.37.0",
-    "@spscommerce/ds-illustrations": "6.37.0",
-    "@spscommerce/ds-shared": "6.37.0",
-    "@spscommerce/positioning": "6.37.0",
+    "@spscommerce/ds-colors": "6.37.2",
+    "@spscommerce/ds-illustrations": "6.37.2",
+    "@spscommerce/ds-shared": "6.37.2",
+    "@spscommerce/positioning": "6.37.2",
     "@spscommerce/utils": "^6.11.3",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
@@ -40,10 +40,10 @@
   },
   "devDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "6.37.0",
-    "@spscommerce/ds-illustrations": "6.37.0",
-    "@spscommerce/ds-shared": "6.37.0",
-    "@spscommerce/positioning": "6.37.0",
+    "@spscommerce/ds-colors": "6.37.2",
+    "@spscommerce/ds-illustrations": "6.37.2",
+    "@spscommerce/ds-shared": "6.37.2",
+    "@spscommerce/positioning": "6.37.2",
     "@spscommerce/utils": "^6.11.3",
     "@testing-library/react": "^10.4.0",
     "@types/prop-types": "^15.7.1",