@rufous/ui 0.1.63 → 0.2.0-beta.0

package/dist/Dialogs/BaseDialog.d.cts

@@ -24,6 +24,7 @@ interface BaseDialogProps {
     fullWidth?: boolean;
     className?: string;
     dialogBodyStyle?: React.CSSProperties;
+    size?: "sm" | "md" | "lg" | "xl" | "fullScreen";
 }
 declare const BaseDialog: React.FC<BaseDialogProps>;
 

package/dist/Dialogs/BaseDialog.d.ts

@@ -24,6 +24,7 @@ interface BaseDialogProps {
     fullWidth?: boolean;
     className?: string;
     dialogBodyStyle?: React.CSSProperties;
+    size?: "sm" | "md" | "lg" | "xl" | "fullScreen";
 }
 declare const BaseDialog: React.FC<BaseDialogProps>;
 

package/dist/Dialogs/BaseDialog.js

@@ -1,71 +1,78 @@
 import {
   BaseDialog_default
-} from "../chunk-AQXTOTWY.js";
+} from "../chunk-TYTZEAV5.js";
 import "../chunk-E5RTHYCU.js";
-import "../chunk-XHY3OCAQ.js";
-import "../chunk-6KIFTMUN.js";
-import "../chunk-ZJAV3FEQ.js";
-import "../chunk-EZI3QGYJ.js";
 import "../chunk-QTGVW36I.js";
 import "../chunk-G2GZDPUL.js";
 import "../chunk-CTWVJQJ5.js";
 import "../chunk-QJPQC544.js";
-import "../chunk-DMP72IAP.js";
-import "../chunk-QZFGQ5JM.js";
-import "../chunk-DK3DA5LH.js";
-import "../chunk-3Y6QBRGD.js";
 import "../chunk-JVN6QVET.js";
 import "../chunk-R4ISYGEP.js";
 import "../chunk-5JWTJ5PY.js";
 import "../chunk-763IHEJ2.js";
-import "../chunk-7II4Q2WY.js";
-import "../chunk-5GK5B3FD.js";
-import "../chunk-Z7USRFM2.js";
-import "../chunk-Q4DHI3B5.js";
+import "../chunk-XHY3OCAQ.js";
+import "../chunk-6KIFTMUN.js";
+import "../chunk-ZJAV3FEQ.js";
+import "../chunk-EZI3QGYJ.js";
 import "../chunk-YTVUM76D.js";
 import "../chunk-WG3Q6GZN.js";
 import "../chunk-RJ43D3XB.js";
 import "../chunk-QDMNCTXT.js";
-import "../chunk-GESVGIAP.js";
-import "../chunk-QIEQRNBE.js";
-import "../chunk-DLJHWFNG.js";
-import "../chunk-UTBCFDOX.js";
+import "../chunk-DMP72IAP.js";
+import "../chunk-QZFGQ5JM.js";
+import "../chunk-DK3DA5LH.js";
+import "../chunk-3Y6QBRGD.js";
 import "../chunk-4Y7SQ5EP.js";
 import "../chunk-B2LVMM55.js";
 import "../chunk-2AJACSJ3.js";
 import "../chunk-WHGVO3HV.js";
-import "../chunk-WZAU77G7.js";
-import "../chunk-77QDKDFI.js";
-import "../chunk-4BTXGP7U.js";
+import "../chunk-7II4Q2WY.js";
+import "../chunk-5GK5B3FD.js";
+import "../chunk-Z7USRFM2.js";
+import "../chunk-Q4DHI3B5.js";
 import "../chunk-6SUKO6QW.js";
 import "../chunk-UTYIBUY2.js";
 import "../chunk-N4EJKMJK.js";
 import "../chunk-FPRXN3DS.js";
-import "../chunk-GL43GPEM.js";
-import "../chunk-FZCFFVXW.js";
-import "../chunk-N26C33E6.js";
-import "../chunk-XCE3QE6Q.js";
+import "../chunk-GESVGIAP.js";
+import "../chunk-QIEQRNBE.js";
+import "../chunk-DLJHWFNG.js";
+import "../chunk-UTBCFDOX.js";
 import "../chunk-H372BAXA.js";
 import "../chunk-ZLJDOLXZ.js";
 import "../chunk-OJV6F5JC.js";
 import "../chunk-AXSFVJ3H.js";
-import "../chunk-3IBCGGN3.js";
-import "../chunk-MNPAE2ZF.js";
-import "../chunk-Q5XKCUE3.js";
-import "../chunk-6FEUS4CQ.js";
+import "../chunk-WZAU77G7.js";
+import "../chunk-77QDKDFI.js";
+import "../chunk-4BTXGP7U.js";
 import "../chunk-5XKFPQLH.js";
 import "../chunk-JI5XMLWT.js";
 import "../chunk-WXANSSXF.js";
 import "../chunk-XPJVVKOU.js";
+import "../chunk-GL43GPEM.js";
+import "../chunk-FZCFFVXW.js";
+import "../chunk-N26C33E6.js";
+import "../chunk-XCE3QE6Q.js";
 import "../chunk-AH6RCYDL.js";
+import "../chunk-3IBCGGN3.js";
+import "../chunk-MNPAE2ZF.js";
+import "../chunk-Q5XKCUE3.js";
+import "../chunk-6FEUS4CQ.js";
+import "../chunk-GJGRMMAQ.js";
+import "../chunk-66HHM7VI.js";
+import "../chunk-UPCMMCPQ.js";
+import "../chunk-X357WQOT.js";
+import "../chunk-7KRG7VNW.js";
+import "../chunk-J6E3UO2W.js";
 import "../chunk-QPGJCRBS.js";
 import "../chunk-U7SARO5B.js";
 import "../chunk-BMMDUQDJ.js";
 import "../chunk-R3GARAVJ.js";
-import "../chunk-7YKG3WYS.js";
-import "../chunk-YRFUVQDN.js";
-import "../chunk-BCGCLMKA.js";
-import "../chunk-2FHTGYR4.js";
+import "../chunk-YRLN3TBF.js";
+import "../chunk-CTBYVXFP.js";
+import "../chunk-WNZLBFLQ.js";
+import "../chunk-QGXXOQJF.js";
+import "../chunk-LI4N7JWK.js";
 export {
   BaseDialog_default as default
 };

package/dist/Dialogs/index.cjs

@@ -57,8 +57,8 @@ var BaseDialog = ({
   minWidth,
   minHeight,
   customButtons,
-  cancelText = "Cancel",
-  confirmText = "Ok",
+  cancelText = "CANCEL",
+  confirmText = "SUBMIT",
   submitText = "Submit",
   title = "",
   isLoading = false,
@@ -71,9 +71,10 @@ var BaseDialog = ({
   formatTitle = true,
   fullWidth = false,
   className,
-  dialogBodyStyle = {}
+  dialogBodyStyle = {},
+  size
 }) => {
-  const { theme } = useRufousTheme();
+  const { themeConfig } = useRufousTheme();
   const successBtnRef = (0, import_react2.useRef)(null);
   if (!open) return null;
   const renderButtons = () => /* @__PURE__ */ React3.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, showCancelButton && /* @__PURE__ */ React3.createElement(
@@ -98,17 +99,23 @@ var BaseDialog = ({
     },
     loading ? /* @__PURE__ */ React3.createElement("span", { className: "spinner" }) : /* @__PURE__ */ React3.createElement("span", null, confirmText)
   ));
-  return /* @__PURE__ */ React3.createElement("div", { className: `dialog-overlay ${fullScreen ? "fullscreen" : ""}` }, /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React3.createElement("div", { className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}` }, /* @__PURE__ */ React3.createElement(
     "div",
     {
-      className: `dialog-container ${className || ""}`,
+      className: `dialog-container ${size ? `size-${size}` : ""}  ${className || ""}`,
       style: {
-        minWidth: minWidth || (fullScreen ? "100%" : "685px"),
-        minHeight,
-        width: fullWidth ? "100%" : "auto"
+        minWidth,
+        minHeight
       }
     },
-    /* @__PURE__ */ React3.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React3.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1).toLowerCase() : title), showCloseButton && /* @__PURE__ */ React3.createElement("button", { className: "btn-close", onClick: onClose }, /* @__PURE__ */ React3.createElement(closeIcon_default, { color: theme?.customStyles?.iconColor || "#707070" }))),
+    /* @__PURE__ */ React3.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React3.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React3.createElement("button", { className: "btn-close", onClick: onClose }, /* @__PURE__ */ React3.createElement(
+      closeIcon_default,
+      {
+        width: 20,
+        height: 20,
+        color: themeConfig?.icon || "#666666"
+      }
+    ))),
     /* @__PURE__ */ React3.createElement("div", { className: "dialog-divider" }),
     /* @__PURE__ */ React3.createElement(
       "div",
@@ -121,6 +128,7 @@ var BaseDialog = ({
       },
       children
     ),
+    /* @__PURE__ */ React3.createElement("div", { className: "dialog-divider" }),
     customButtons || renderButtons()
   ));
 };