@spscommerce/ds-react 6.35.4 → 6.36.0

package/lib/index.es.js

@@ -29370,12 +29370,14 @@ Object.assign(SpsModal, {
 const propsDoc$J = {
   title: "string",
   show: "boolean",
+  closeOnEscapePressed: "boolean",
   onClose: "() => void",
   focusElementOnOpen: "React.MutableRefObject<HTMLElement>"
 };
 const propTypes$J = __spreadProps(__spreadValues({}, spsGlobalPropTypes), {
   title: propTypes$1I.exports.string,
   show: propTypes$1I.exports.bool,
+  closeOnEscapePressed: propTypes$1I.exports.bool,
   onClose: fun(),
   focusElementOnOpen: ref()
 });
@@ -29385,6 +29387,7 @@ function SpsSlideInPanel(_O) {
     className,
     id: idProp,
     show,
+    closeOnEscapePressed = true,
     onClose,
     focusElementOnOpen,
     title
@@ -29393,6 +29396,7 @@ function SpsSlideInPanel(_O) {
     "className",
     "id",
     "show",
+    "closeOnEscapePressed",
     "onClose",
     "focusElementOnOpen",
     "title"
@@ -29430,7 +29434,7 @@ function SpsSlideInPanel(_O) {
     }
   }, [focusElementOnOpen, bodyIsReady]);
   const handleKeydown = React.useCallback((event) => {
-    if (event && event.key === "Escape" && onClose) {
+    if (closeOnEscapePressed && event && event.key === "Escape" && onClose) {
       onClose();
     }
     if (event && event.key === "Tab") {

package/lib/slide-in-panel/SpsSlideInPanel.d.ts

@@ -3,6 +3,7 @@ import * as PropTypes from "../prop-types";
 declare const propTypes: {
     title: PropTypes.Requireable<string>;
     show: PropTypes.Requireable<boolean>;
+    closeOnEscapePressed: PropTypes.Requireable<boolean>;
     onClose: PropTypes.Requireable<() => void>;
     focusElementOnOpen: PropTypes.Requireable<React.MutableRefObject<HTMLElement>>;
     children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
@@ -11,5 +12,5 @@ declare const propTypes: {
     unsafelyReplaceClassName: PropTypes.Requireable<string>;
 };
 export declare type SpsSlideInPanelProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsSlideInPanel({ children, className, id: idProp, show, onClose, focusElementOnOpen, title, ...rest }: SpsSlideInPanelProps): JSX.Element;
+export declare function SpsSlideInPanel({ children, className, id: idProp, show, closeOnEscapePressed, onClose, focusElementOnOpen, title, ...rest }: SpsSlideInPanelProps): JSX.Element;
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "6.35.4",
+  "version": "6.36.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": "6.35.4",
-    "@spscommerce/ds-illustrations": "6.35.4",
-    "@spscommerce/ds-shared": "6.35.4",
-    "@spscommerce/positioning": "6.35.4",
+    "@spscommerce/ds-colors": "6.36.0",
+    "@spscommerce/ds-illustrations": "6.36.0",
+    "@spscommerce/ds-shared": "6.36.0",
+    "@spscommerce/positioning": "6.36.0",
     "@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.35.4",
-    "@spscommerce/ds-illustrations": "6.35.4",
-    "@spscommerce/ds-shared": "6.35.4",
-    "@spscommerce/positioning": "6.35.4",
+    "@spscommerce/ds-colors": "6.36.0",
+    "@spscommerce/ds-illustrations": "6.36.0",
+    "@spscommerce/ds-shared": "6.36.0",
+    "@spscommerce/positioning": "6.36.0",
     "@spscommerce/utils": "^6.11.3",
     "@testing-library/react": "^10.4.0",
     "@types/prop-types": "^15.7.1",