dry-ux 1.60.0 → 1.62.0

package/dist/enhanced-inputs/HTMLInputs.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { IEnhancedProps } from "./interface";
-import "./styles.css";
+import "../styles/validation.css";
 /**
  * Forwarded ref input component with enhancements.
  */

package/dist/enhanced-inputs/HTMLInputs.js

@@ -14,7 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextArea = exports.Select = exports.Input = void 0;
 const React = require("react");
 const withEnhancements_1 = require("./withEnhancements");
-require("./styles.css");
+require("../styles/validation.css");
 /**
  * Enhanced input component with enhancements applied.
  */

package/dist/styles/modal-overlay.css

@@ -0,0 +1,20 @@
+.dry-ux-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.65);
+    z-index: 1050;
+    border-radius: 10px;
+}
+
+.dry-ux-overlay-content {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    background-color: white;
+    padding: 10px;
+    border-radius: 5px;
+}

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/Modal.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Content, PopUpOptions } from "./UIUtil.interface";
-import "./overlay.css";
+import "../styles/modal-overlay.css";
 export interface IModalProps {
     options: PopUpOptions;
     handleClose: () => void;

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");
-require("./overlay.css");
+require("../styles/modal-overlay.css");
 const Modal = React.memo(({ handleClose, shown, overlay, 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 modalRef = React.useRef(null);

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,10 +1,10 @@
 {
   "name": "dry-ux",
-  "version": "1.60.0",
+  "version": "1.62.0",
   "description": "",
   "main": "dist/index",
   "scripts": {
-    "copy-css": "copyfiles -u 2 \"./src/enhanced-inputs/styles.css\" \"./dist/enhanced-inputs\"",
+    "copy-css": "copyfiles -u 2 \"./src/styles/*.css\" \"./dist/styles\"",
     "build": "rimraf dist/ && tsc && npm run copy-css",
     "watch": "rimraf dist/ && tsc --watch",
     "format": "prettier --write \"src/**/*.ts\" \"src/**/*.tsx\"",