@spscommerce/ds-react 5.6.0 → 5.7.0

package/lib/index.es.js

@@ -610,29 +610,39 @@ const SpsFormComponentWrapper = React.forwardRef((props2, ref2) => {
     focusInputOnClick,
     formControl: formControl2,
     formMeta,
-    inputRef: inputRefProp
+    inputRef: inputRefProp,
+    onClick
   } = _a, rest = __objRest(_a, [
     "className",
     "children",
     "focusInputOnClick",
     "formControl",
     "formMeta",
-    "inputRef"
+    "inputRef",
+    "onClick"
   ]);
   const fallbackRef = React.useRef();
   const rootRef = ref2 || fallbackRef;
   const inputRef = inputRefProp || rootRef;
-  function doFocusInput() {
+  function doFocusInputOnClick() {
     if (inputRef && inputRef !== ref2 && inputRef.current) {
       inputRef.current.focus();
     }
   }
   const classes = clsx("sps-form-group", (formControl2 && formControl2.isRequired() || formMeta && formMeta.isRequired()) && "sps-form-group--required", (formControl2 && !formControl2.isValid() || formMeta && formMeta.isVisibilyInvalid()) && "sps-form-group--error", className);
+  function handleOnClick(event) {
+    if (focusInputOnClick) {
+      doFocusInputOnClick();
+    }
+    if (onClick) {
+      onClick(event);
+    }
+  }
   return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, rest), {
     className: classes,
     ref: ref2,
     tabIndex: -1,
-    onClick: focusInputOnClick ? doFocusInput : null
+    onClick: handleOnClick
   }), children);
 });
 Object.assign(SpsFormComponentWrapper, {
@@ -29527,6 +29537,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     notClearable,
     options,
     onChange,
+    onClick,
     placeholder,
     searchDebounce,
     searchPlaceholder = "Search\u2026",
@@ -29552,6 +29563,7 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     "notClearable",
     "options",
     "onChange",
+    "onClick",
     "placeholder",
     "searchDebounce",
     "searchPlaceholder",
@@ -29686,7 +29698,8 @@ const SpsSelect = React.forwardRef((props2, ref2) => {
     ref: rootElement,
     role: "listbox",
     "aria-owns": state.optionIds,
-    "data-testid": testId
+    "data-testid": testId,
+    onClick
   }, rest), /* @__PURE__ */ React.createElement("div", {
     className: clsx("sps-select__dropctrl", disabled && "disabled"),
     id: controlId,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.6.0",
+  "version": "5.7.0",
   "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.6.0",
-    "@spscommerce/ds-shared": "5.6.0",
-    "@spscommerce/positioning": "5.6.0",
-    "@spscommerce/utils": "5.6.0",
+    "@spscommerce/ds-colors": "5.7.0",
+    "@spscommerce/ds-shared": "5.7.0",
+    "@spscommerce/positioning": "5.7.0",
+    "@spscommerce/utils": "5.7.0",
     "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.6.0",
-    "@spscommerce/ds-shared": "5.6.0",
-    "@spscommerce/positioning": "5.6.0",
-    "@spscommerce/utils": "5.6.0",
+    "@spscommerce/ds-colors": "5.7.0",
+    "@spscommerce/ds-shared": "5.7.0",
+    "@spscommerce/positioning": "5.7.0",
+    "@spscommerce/utils": "5.7.0",
     "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
     "@types/react": "^16.9.0",