@mailstep/design-system 0.7.45 → 0.7.47-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.45",
+  "version": "0.7.47-beta.1",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/Modal/hooks/useModal.d.ts

@@ -1,2 +1,8 @@
-import { ControlProps, ModalData } from '../types';
-export declare const useModal: <TData = ModalData>(initialState?: boolean) => ControlProps<TData>;
+import type { ControlProps, ModalData } from '../types';
+type UseModalProps = {
+    initialIsOpen?: boolean;
+    onCloseModal?: () => void;
+};
+/** @TODO This breaking change has to be fixed in WHM */
+export declare const useModal: <TData = ModalData>(props?: UseModalProps) => ControlProps<TData>;
+export {};

package/ui/Blocks/Modal/hooks/useModal.js

@@ -1,12 +1,14 @@
 import { useCallback, useState } from 'react';
-export var useModal = function (initialState) {
-    if (initialState === void 0) { initialState = false; }
-    var _a = useState(initialState), isOpen = _a[0], setIsOpen = _a[1];
-    var _b = useState(), data = _b[0], setData = _b[1];
+/** @TODO This breaking change has to be fixed in WHM */
+export var useModal = function (props) {
+    var _a = props || {}, _b = _a.initialIsOpen, initialIsOpen = _b === void 0 ? false : _b, onCloseModal = _a.onCloseModal;
+    var _c = useState(initialIsOpen), isOpen = _c[0], setIsOpen = _c[1];
+    var _d = useState(), data = _d[0], setData = _d[1];
     var onClose = useCallback(function () {
         setIsOpen(false);
         setData(undefined);
-    }, []);
+        onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();
+    }, [onCloseModal]);
     var onOpen = useCallback(function (data) {
         data && setData(data);
         setIsOpen(true);

package/ui/Elements/Select/types.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
-import { SpaceAround } from '../SpaceAround/types';
 import { Theme, ControlProps, CSSObjectWithLabel } from 'react-select';
+import { SpaceAround } from '../SpaceAround/types';
 export type Option<Value = string | number> = {
     value: Value;
     label: string | number;