dry-ux 1.57.0 → 1.59.0

package/dist/ui-utils/Modal.d.ts

@@ -11,6 +11,8 @@ export interface IModalProps {
         defaultModalStyles?: boolean;
         setBackdropHeight?: boolean;
         centered?: boolean;
+        onOpen?: (modal: Pick<PopUpOptions, "title" | "trackingId">) => void;
+        onClose?: (modal: Pick<PopUpOptions, "title" | "trackingId">) => void;
     };
 }
 declare const Modal: React.FC<IModalProps & {

package/dist/ui-utils/Modal.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_bootstrap_1 = require("react-bootstrap");
-const Modal = React.memo(({ handleClose, shown, options: { content, footerContent, cssClass, closeBtn, title, width, onClose, titleCloseBtn = true, centered }, config: { defaultModalStyles = false, styles = {}, setBackdropHeight = true, centered: globalCentered }, }) => {
+const Modal = React.memo(({ handleClose, shown, options: { content, footerContent, cssClass, closeBtn, title, width, onClose, titleCloseBtn = true, centered, trackingId, }, config: { defaultModalStyles = false, styles = {}, setBackdropHeight = true, centered: globalCentered, onOpen, onClose: globalOnClose, }, }) => {
     const isCentered = centered !== null && centered !== void 0 ? centered : globalCentered;
     const applyStyles = React.useCallback(() => {
         document.querySelectorAll(".modal-dialog").forEach((el) => {
@@ -38,6 +38,10 @@ const Modal = React.memo(({ handleClose, shown, options: { content, footerConten
     React.useEffect(() => {
         if (shown) {
             applyStyles();
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen({ title, trackingId });
+        }
+        else {
+            globalOnClose === null || globalOnClose === void 0 ? void 0 : globalOnClose({ title, trackingId });
         }
     }, [shown, width, defaultModalStyles]);
     const onHide = () => {

package/dist/ui-utils/UIUtil.interface.d.ts

@@ -53,6 +53,10 @@ export type PopUpOptions = {
      * If true, the modal will be centered vertically.
      */
     centered?: boolean;
+    /**
+     * The tracking ID for the modal.
+     */
+    trackingId?: string;
 };
 export type ButtonType = "primary" | "secondary" | "info" | "success" | "warning" | "danger";
 export type PopUpAction = {

package/dist/ui-utils/UIUtilProvider.js

@@ -79,6 +79,7 @@ class UIUtilProvider extends React.PureComponent {
             } });
     }
     toggleModalInstance(id, shown, destroyOnClose = false) {
+        var _a, _b;
         const { modal: { instances }, } = this.state;
         const instance = instances[id];
         if (!instance) {
@@ -86,6 +87,9 @@ class UIUtilProvider extends React.PureComponent {
         }
         // Hide all other instances
         Object.keys(instances).forEach(id => (instances[id].shown = false));
+        if (!shown) {
+            (_b = (_a = instance.options).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
         if (!shown && destroyOnClose && instance.options.destroyOnClose) {
             this.removeModalInstance(id);
         }
@@ -97,7 +101,10 @@ class UIUtilProvider extends React.PureComponent {
         }
     }
     removeModalInstance(id) {
+        var _a, _b;
         const { modal: { instances }, } = this.state;
+        const instance = instances[id];
+        (_b = (_a = instance.options).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
         delete instances[id];
         this.setState({
             modal: Object.assign(Object.assign({}, this.state.modal), { instances }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.57.0",
+  "version": "1.59.0",
   "description": "",
   "main": "dist/index",
   "scripts": {