@mmb-digital/ds-lilly 0.10.59 → 0.10.60

package/dist/ds-lilly.js

@@ -92889,6 +92889,7 @@ var FormGroupContext = Object(external_root_React_commonjs2_react_commonjs_react
 var ModalContext_noop = function () { return null; };
 var ModalContext = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["createContext"])({
     disableDefaultCloseBehavior: false,
+    disableCloseByEscape: false,
     identification: '',
     isFocused: false,
     isVisible: false,
@@ -105912,7 +105913,7 @@ var ModalContent = function (_a) {
 var ModalDialog = function (_a) {
     var _b;
     var children = _a.children, size = _a.size, testId = _a.testId, theme = _a.theme;
-    var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_ModalContext), disableDefaultCloseBehavior = _c.disableDefaultCloseBehavior, identification = _c.identification, reference = _c.reference;
+    var _c = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_ModalContext), disableCloseByEscape = _c.disableCloseByEscape, disableDefaultCloseBehavior = _c.disableDefaultCloseBehavior, identification = _c.identification, reference = _c.reference;
     var _d = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useState"])(''), scroll = _d[0], setScroll = _d[1];
     var updateSize = function () {
         var modalContent = document.getElementById(identification + "_content");
@@ -105929,7 +105930,13 @@ var ModalDialog = function (_a) {
         updateSize();
         return function () { return window.removeEventListener('resize', updateSize); };
     }, []);
-    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("aside", { ref: reference, "aria-labelledby": identification + "_title", className: classBinder_cx('c-modal'), "data-testid": testId, role: disableDefaultCloseBehavior ? 'alertdialog' : 'dialog' },
+    var handleKeyDown = function (event) {
+        if (event.key === KEYS.Escape && disableCloseByEscape) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    };
+    return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("aside", { ref: reference, "aria-labelledby": identification + "_title", className: classBinder_cx('c-modal'), "data-testid": testId, role: disableDefaultCloseBehavior ? 'alertdialog' : 'dialog', onKeyDown: handleKeyDown },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("div", { className: classBinder_cx('c-modal__content', (_b = {},
                 _b["" + scroll] = scroll,
                 _b["c-modal__content--" + size] = size,
@@ -105975,9 +105982,10 @@ var external_root_ReactDOM_commonjs2_react_dom_commonjs_react_dom_amd_react_dom_
 
 
 var Modal = function (_a) {
-    var children = _a.children, disableDefaultCloseBehavior = _a.disableDefaultCloseBehavior, hide = _a.hide, identification = _a.identification, isFocused = _a.isFocused, isVisible = _a.isVisible, reference = _a.reference, show = _a.show, size = _a.size, testId = _a.testId, theme = _a.theme;
+    var children = _a.children, disableCloseByEscape = _a.disableCloseByEscape, disableDefaultCloseBehavior = _a.disableDefaultCloseBehavior, hide = _a.hide, identification = _a.identification, isFocused = _a.isFocused, isVisible = _a.isVisible, reference = _a.reference, show = _a.show, size = _a.size, testId = _a.testId, theme = _a.theme;
     var modalContext = {
         disableDefaultCloseBehavior: disableDefaultCloseBehavior,
+        disableCloseByEscape: disableCloseByEscape,
         isVisible: isVisible,
         isFocused: isFocused,
         reference: reference,
@@ -106086,6 +106094,7 @@ var useModal = function (_a) {
     }, [isVisible]);
     var modalProps = {
         disableDefaultCloseBehavior: disableCloseByOutsideClick,
+        disableCloseByEscape: disableCloseByEscape,
         isVisible: isVisible,
         isFocused: isFocused,
         reference: reference,

package/dist/types/src/components/Components/Modal/Modal.d.ts

@@ -7,5 +7,5 @@ export interface ModalPropsType extends ComponentPropsType, ModalContextType {
     /** Optional size of modal content. */
     size?: 'small' | 'large';
 }
-export declare const Modal: ({ children, disableDefaultCloseBehavior, hide, identification, isFocused, isVisible, reference, show, size, testId, theme }: ModalPropsType) => JSX.Element;
+export declare const Modal: ({ children, disableCloseByEscape, disableDefaultCloseBehavior, hide, identification, isFocused, isVisible, reference, show, size, testId, theme }: ModalPropsType) => JSX.Element;
 //# sourceMappingURL=Modal.d.ts.map

package/dist/types/src/contexts/ModalContext.d.ts

@@ -2,6 +2,8 @@
 export interface ModalContextType {
     /** If `true`, modal can be closed only by action buttons. */
     disableDefaultCloseBehavior: boolean;
+    /** If `true`, modal can not be closed by ESC key. */
+    disableCloseByEscape: boolean;
     /** Unique identification of modal. */
     identification: string;
     /** If `true` modal is focused for keyboard navigation. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.10.59",
+  "version": "0.10.60",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,