dry-ux 1.60.0 → 1.61.0

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { Content } from "./UIUtil.interface";
+export declare const ConfirmOverlay: React.FC<{
+    content: Content;
+    onYes: () => void;
+    onNo: () => void;
+}>;

package/dist/ui-utils/ConfirmOverlay.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmOverlay = void 0;
+const React = require("react");
+const react_bootstrap_1 = require("react-bootstrap");
+const ConfirmOverlay = ({ content, onYes, onNo, }) => {
+    return (React.createElement("div", { style: { minWidth: 200 } },
+        React.createElement("div", { style: {
+                fontWeight: "bold",
+                fontSize: 18,
+                paddingLeft: 5,
+            } }, "Confirm"),
+        React.createElement("hr", { style: { margin: 5 } }),
+        React.createElement("div", null, typeof content == "string" ? (React.createElement("h4", { className: "text-center", style: { margin: 10 } }, content)) : (content)),
+        React.createElement("hr", { style: { margin: 5 } }),
+        React.createElement("div", { style: { textAlign: "right" } },
+            React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-success", style: { marginRight: 10 }, onClick: onYes }, "Yes"),
+            React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-danger", onClick: onNo }, "No"))));
+};
+exports.ConfirmOverlay = ConfirmOverlay;

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

@@ -20,6 +20,10 @@ export type PopUp = {
          * Shows the overlay.
          */
         show: (content: Content) => void;
+        /**
+         * Shows the overlay.
+         */
+        showConfirm: (content: Content, onYes: () => void, onNo?: () => void) => void;
         /**
          * Hides the overlay.
          */

package/dist/ui-utils/UIUtilProvider.js

@@ -5,6 +5,7 @@ const React = require("react");
 require("../types");
 const react_bootstrap_1 = require("react-bootstrap");
 const Loader_1 = require("./Loader");
+const ConfirmOverlay_1 = require("./ConfirmOverlay");
 const defaultState = {
     modal: {
         show: null,
@@ -115,21 +116,10 @@ class UIUtilProvider extends React.PureComponent {
                     closeOnClick && this.toggleModalInstance(this.modalId.actions, false, true);
                 };
                 if (!!confirm) {
-                    this.toggleModalOverlay(this.modalId.actions, React.createElement("div", { style: { minWidth: 200 } },
-                        React.createElement("div", { style: {
-                                fontWeight: "bold",
-                                fontSize: 18,
-                                paddingLeft: 5,
-                            } }, "Confirm"),
-                        React.createElement("hr", { style: { margin: 5 } }),
-                        React.createElement("div", null, typeof confirm == "string" ? (React.createElement("h4", { className: "text-center", style: { margin: 10 } }, confirm)) : (confirm)),
-                        React.createElement("hr", { style: { margin: 5 } }),
-                        React.createElement("div", { style: { textAlign: "right" } },
-                            React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-success", style: { marginRight: 10 }, onClick: () => {
-                                    triggerClick();
-                                    this.toggleModalOverlay(this.modalId.actions);
-                                } }, "Yes"),
-                            React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-danger", onClick: () => this.toggleModalOverlay(this.modalId.actions) }, "No"))));
+                    this.toggleModalOverlay(this.modalId.actions, React.createElement(ConfirmOverlay_1.ConfirmOverlay, { content: confirm, onYes: () => {
+                            triggerClick();
+                            this.toggleModalOverlay(this.modalId.actions);
+                        }, onNo: () => this.toggleModalOverlay(this.modalId.actions) }));
                 }
                 else {
                     triggerClick();
@@ -153,6 +143,13 @@ class UIUtilProvider extends React.PureComponent {
             remove: () => this.removeModalInstance(id),
             overlay: {
                 show: (content) => this.toggleModalOverlay(id, content),
+                showConfirm: (content, onYes, onNo) => this.toggleModalOverlay(id, React.createElement(ConfirmOverlay_1.ConfirmOverlay, { content: content, onYes: () => {
+                        onYes();
+                        this.toggleModalOverlay(id);
+                    }, onNo: () => {
+                        onNo === null || onNo === void 0 ? void 0 : onNo();
+                        this.toggleModalOverlay(id);
+                    } })),
                 hide: () => this.toggleModalOverlay(id),
             },
         };

package/package.json

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