@mmb-digital/ds-lilly 0.10.0 → 0.10.1

package/dist/ds-lilly.js

@@ -98559,17 +98559,21 @@ var ModalFooter = function (_a) {
 
 
 var ModalHeader = function (_a) {
-    var closeText = _a.closeText, _b = _a.isCloseHidden, isCloseHidden = _b === void 0 ? false : _b, _c = _a.isTitleHidden, isTitleHidden = _c === void 0 ? false : _c, subtitle = _a.subtitle, testId = _a.testId, theme = _a.theme, title = _a.title, _d = _a.titleSize, titleSize = _d === void 0 ? 'h2' : _d, _e = _a.titleVisual, titleVisual = _e === void 0 ? 'h3' : _e;
+    var closeText = _a.closeText, _b = _a.isCloseHidden, isCloseHidden = _b === void 0 ? false : _b, _c = _a.isTitleHidden, isTitleHidden = _c === void 0 ? false : _c, onClose = _a.onClose, subtitle = _a.subtitle, testId = _a.testId, theme = _a.theme, title = _a.title, _d = _a.titleSize, titleSize = _d === void 0 ? 'h2' : _d, _e = _a.titleVisual, titleVisual = _e === void 0 ? 'h3' : _e;
     var _f = Object(external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_["useContext"])(contexts_ModalContext), onHide = _f.hide, identification = _f.identification;
+    var handleClose = function () {
+        onClose && onClose();
+        onHide();
+    };
     var handleEscPress = function (_a) {
         var key = _a.key;
-        return key === 'Escape' && onHide();
+        return key === 'Escape' && handleClose();
     };
     useEventListener('keydown', handleEscPress);
     return (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement("header", { className: classBinder_cx('c-modal__header', theme), "data-testid": testId },
         external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Title, { id: identification + "_title", size: titleSize, theme: classBinder_cx('c-modal__title', { 'u-vHide': isTitleHidden }), visual: titleVisual }, title),
         subtitle && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Text, { component: "div", size: "small" }, subtitle)),
-        !isCloseHidden && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeText, onlyIconName: "close", theme: classBinder_cx('c-modal__close'), type: "transparent", onClick: onHide }))));
+        !isCloseHidden && (external_root_React_commonjs2_react_commonjs_react_amd_react_umd_react_default.a.createElement(Button, { isSmall: true, ariaLabel: closeText, onlyIconName: "close", theme: classBinder_cx('c-modal__close'), type: "transparent", onClick: handleClose }))));
 };
 
 // EXTERNAL MODULE: external {"root":"ReactDOM","commonjs2":"react-dom","commonjs":"react-dom","amd":"react-dom","umd":"react-dom"}

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

@@ -15,6 +15,8 @@ export interface ModalHeaderPropsType extends ComponentPropsType {
     titleSize?: TitleSize;
     /** Title visual size. Use this for matching title visual with desired design. */
     titleVisual?: TitleSize;
+    /** Close button click event handler. */
+    onClose?: () => void;
 }
-export declare const ModalHeader: ({ closeText, isCloseHidden, isTitleHidden, subtitle, testId, theme, title, titleSize, titleVisual }: ModalHeaderPropsType) => JSX.Element;
+export declare const ModalHeader: ({ closeText, isCloseHidden, isTitleHidden, onClose, subtitle, testId, theme, title, titleSize, titleVisual }: ModalHeaderPropsType) => JSX.Element;
 //# sourceMappingURL=ModalHeader.d.ts.map

package/package.json

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