cloudmr-ux 1.9.1 → 1.9.3

package/dist/index.d.ts

@@ -161,18 +161,24 @@ declare function CmrNameDialog(props: {
     setOpen: (open: boolean) => void;
 }): react_jsx_runtime.JSX.Element;
 
-declare function CmrConfirmation({ name, message, cancelText, color, open, setOpen, confirmCallback, confirmText, cancellable, cancelCallback, width }: {
+type ExtraButton = {
+    text: string;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
+    onClick: () => void;
+};
+declare function CmrConfirmation({ name, message, cancelText, confirmText, color, open, setOpen, confirmCallback, cancelCallback, cancellable, width, extraButtons, }: {
     name: string | undefined;
-    cancelText?: string;
     message: string | undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning" | undefined;
+    cancelText?: string;
+    confirmText?: string;
+    color?: "inherit" | "primary" | "secondary" | "success" | "error" | "info" | "warning";
     open: boolean;
     setOpen: (open: boolean) => void;
     confirmCallback?: () => void;
-    cancellable?: boolean;
     cancelCallback?: () => void;
+    cancellable?: boolean;
     width?: number;
-    confirmText?: string;
+    extraButtons?: ExtraButton[];
 }): react_jsx_runtime.JSX.Element;
 
 declare function CmrDeletionDialog(props: {

package/dist/index.js

@@ -843,7 +843,6 @@ function CmrNameDialog(props) {
 }
 
 // src/CmrComponents/dialogue/Confirmation.tsx
-var React7 = __toESM(require("react"));
 var import_Dialog3 = __toESM(require("@mui/material/Dialog"));
 var import_DialogActions3 = __toESM(require("@mui/material/DialogActions"));
 var import_DialogContent3 = __toESM(require("@mui/material/DialogContent"));
@@ -854,18 +853,18 @@ function CmrConfirmation({
   name,
   message,
   cancelText = "Cancel",
+  confirmText = "Confirm",
   color,
   open,
   setOpen,
   confirmCallback = () => {
   },
-  confirmText = "Confirm",
-  cancellable = false,
   cancelCallback = () => {
   },
-  width
+  cancellable = false,
+  width,
+  extraButtons = []
 }) {
-  const [text, setText] = React7.useState("");
   const handleClose = () => {
     setOpen(false);
   };
@@ -883,6 +882,25 @@ function CmrConfirmation({
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_DialogContentText2.default, { alignContent: "center", children: message }),
       /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_DialogActions3.default, { className: "mt-4", children: [
         cancellable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: cancelText }),
+        extraButtons.map((btn, idx) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          CmrButton_default,
+          {
+            variant: "outlined",
+            color: btn.color || "primary",
+            onClick: () => {
+              btn.onClick();
+              handleClose();
+            },
+            sx: {
+              backgroundColor: "#f3e5f5",
+              "&:hover": {
+                backgroundColor: "#e1bee7"
+              }
+            },
+            children: btn.text
+          },
+          idx
+        )),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
@@ -890,7 +908,7 @@ function CmrConfirmation({
 }
 
 // src/CmrComponents/dialogue/DeletionDialog.tsx
-var React8 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var import_TextField3 = __toESM(require("@mui/material/TextField"));
 var import_Dialog4 = __toESM(require("@mui/material/Dialog"));
 var import_DialogActions4 = __toESM(require("@mui/material/DialogActions"));
@@ -899,8 +917,8 @@ var import_DialogContentText3 = __toESM(require("@mui/material/DialogContentText
 var import_DialogTitle4 = __toESM(require("@mui/material/DialogTitle"));
 var import_jsx_runtime13 = require("react/jsx-runtime");
 function CmrDeletionDialog(props) {
-  const [open, setOpen] = React8.useState(true);
-  const [text, setText] = React8.useState("");
+  const [open, setOpen] = React7.useState(true);
+  const [text, setText] = React7.useState("");
   const handleClickOpen = () => {
     setOpen(true);
   };
@@ -943,7 +961,7 @@ function CmrDeletionDialog(props) {
 }
 
 // src/CmrComponents/dialogue/EditConfirmation.tsx
-var React9 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var import_TextField4 = __toESM(require("@mui/material/TextField"));
 var import_Dialog5 = __toESM(require("@mui/material/Dialog"));
 var import_DialogActions5 = __toESM(require("@mui/material/DialogActions"));
@@ -967,7 +985,7 @@ function CmrEditConfirmation({
   },
   suffix = ""
 }) {
-  const [text, setText] = React9.useState(defaultText);
+  const [text, setText] = React8.useState(defaultText);
   (0, import_react6.useEffect)(() => {
     if (open)
       setText(defaultText);
@@ -1008,7 +1026,7 @@ function CmrEditConfirmation({
 }
 
 // src/CmrTabs/CmrTabs.tsx
-var React10 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_Tabs = __toESM(require("@mui/material/Tabs"));
 var import_Tab = __toESM(require("@mui/material/Tab"));
 var import_Container = __toESM(require("@mui/material/Container"));
@@ -1037,7 +1055,7 @@ function a11yProps(index) {
   };
 }
 function CmrTabs(props) {
-  const [value, setValue] = React10.useState(0);
+  const [value, setValue] = React9.useState(0);
   const handleChange = (event, newValue) => {
     setValue(newValue);
     if (props.onTabSelected)

package/dist/index.mjs

@@ -795,7 +795,6 @@ function CmrNameDialog(props) {
 }
 
 // src/CmrComponents/dialogue/Confirmation.tsx
-import * as React7 from "react";
 import Dialog3 from "@mui/material/Dialog";
 import DialogActions3 from "@mui/material/DialogActions";
 import DialogContent3 from "@mui/material/DialogContent";
@@ -806,18 +805,18 @@ function CmrConfirmation({
   name,
   message,
   cancelText = "Cancel",
+  confirmText = "Confirm",
   color,
   open,
   setOpen,
   confirmCallback = () => {
   },
-  confirmText = "Confirm",
-  cancellable = false,
   cancelCallback = () => {
   },
-  width
+  cancellable = false,
+  width,
+  extraButtons = []
 }) {
-  const [text, setText] = React7.useState("");
   const handleClose = () => {
     setOpen(false);
   };
@@ -835,6 +834,25 @@ function CmrConfirmation({
       /* @__PURE__ */ jsx12(DialogContentText2, { alignContent: "center", children: message }),
       /* @__PURE__ */ jsxs8(DialogActions3, { className: "mt-4", children: [
         cancellable && /* @__PURE__ */ jsx12(CmrButton_default, { variant: "outlined", onClick: handleCancel, children: cancelText }),
+        extraButtons.map((btn, idx) => /* @__PURE__ */ jsx12(
+          CmrButton_default,
+          {
+            variant: "outlined",
+            color: btn.color || "primary",
+            onClick: () => {
+              btn.onClick();
+              handleClose();
+            },
+            sx: {
+              backgroundColor: "#f3e5f5",
+              "&:hover": {
+                backgroundColor: "#e1bee7"
+              }
+            },
+            children: btn.text
+          },
+          idx
+        )),
         /* @__PURE__ */ jsx12(CmrButton_default, { variant: "contained", color, onClick: handleConfirm, children: confirmText })
       ] })
     ] })
@@ -842,7 +860,7 @@ function CmrConfirmation({
 }
 
 // src/CmrComponents/dialogue/DeletionDialog.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import TextField3 from "@mui/material/TextField";
 import Dialog4 from "@mui/material/Dialog";
 import DialogActions4 from "@mui/material/DialogActions";
@@ -851,8 +869,8 @@ import DialogContentText3 from "@mui/material/DialogContentText";
 import DialogTitle4 from "@mui/material/DialogTitle";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
 function CmrDeletionDialog(props) {
-  const [open, setOpen] = React8.useState(true);
-  const [text, setText] = React8.useState("");
+  const [open, setOpen] = React7.useState(true);
+  const [text, setText] = React7.useState("");
   const handleClickOpen = () => {
     setOpen(true);
   };
@@ -895,7 +913,7 @@ function CmrDeletionDialog(props) {
 }
 
 // src/CmrComponents/dialogue/EditConfirmation.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import TextField4 from "@mui/material/TextField";
 import Dialog5 from "@mui/material/Dialog";
 import DialogActions5 from "@mui/material/DialogActions";
@@ -919,7 +937,7 @@ function CmrEditConfirmation({
   },
   suffix = ""
 }) {
-  const [text, setText] = React9.useState(defaultText);
+  const [text, setText] = React8.useState(defaultText);
   useEffect2(() => {
     if (open)
       setText(defaultText);
@@ -960,7 +978,7 @@ function CmrEditConfirmation({
 }
 
 // src/CmrTabs/CmrTabs.tsx
-import * as React10 from "react";
+import * as React9 from "react";
 import Tabs from "@mui/material/Tabs";
 import Tab from "@mui/material/Tab";
 import Container from "@mui/material/Container";
@@ -989,7 +1007,7 @@ function a11yProps(index) {
   };
 }
 function CmrTabs(props) {
-  const [value, setValue] = React10.useState(0);
+  const [value, setValue] = React9.useState(0);
   const handleChange = (event, newValue) => {
     setValue(newValue);
     if (props.onTabSelected)
@@ -1062,7 +1080,7 @@ var CmrInputNumber = (props) => {
 var InputNumber_default = CmrInputNumber;
 
 // src/CmrComponents/select-upload/SelectUpload.tsx
-import React11, { Fragment } from "react";
+import React10, { Fragment } from "react";
 import { Button as Button4 } from "@mui/material";
 import Select2 from "react-select";
 import Dialog6 from "@mui/material/Dialog";
@@ -1082,10 +1100,10 @@ function checkExtension(filename, allowed) {
   }
 }
 var CMRSelectUpload = (props) => {
-  let [open, setOpen] = React11.useState(false);
-  let [fileIndex, selectFileIndex] = React11.useState(-1);
-  let [uploading, setUploading] = React11.useState(false);
-  const [progress, setProgress] = React11.useState(0);
+  let [open, setOpen] = React10.useState(false);
+  let [fileIndex, selectFileIndex] = React10.useState(-1);
+  let [uploading, setUploading] = React10.useState(false);
+  const [progress, setProgress] = React10.useState(0);
   const handleClickOpen = () => {
     selectFileIndex(-1);
     setOpen(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "1.9.1",
+  "version": "1.9.3",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",