@dashadmin/dash-modal 1.3.24 → 1.3.26

package/dist/index.cjs

@@ -0,0 +1,309 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.tsx
+var index_exports = {};
+__export(index_exports, {
+  default: () => index_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DASHModal.tsx
+var import_material = require("@mui/material");
+var import_react = require("react");
+
+// ../../node_modules/@mui/icons-material/esm/utils/createSvgIcon.js
+var import_utils = require("@mui/material/utils");
+
+// ../../node_modules/@mui/icons-material/esm/Info.js
+var import_jsx_runtime = require("react/jsx-runtime");
+var Info_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"
+}), "Info");
+
+// ../../node_modules/@mui/icons-material/esm/CheckCircle.js
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CheckCircle_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"
+}), "CheckCircle");
+
+// ../../node_modules/@mui/icons-material/esm/Error.js
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Error_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", {
+  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"
+}), "Error");
+
+// ../../node_modules/@mui/icons-material/esm/Close.js
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Close_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", {
+  d: "M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+}), "Close");
+
+// src/assets/modalError.mp3
+var modalError_default = "./modalError-AYCR6YR6.mp3";
+
+// src/assets/success.mp3
+var success_default = "./success-4YU5VXNR.mp3";
+
+// src/assets/modalInfo.mp3
+var modalInfo_default = "./modalInfo-WZTTQWHY.mp3";
+
+// src/DASHModal.tsx
+var import_react_admin = require("react-admin");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Icon = (props) => {
+  const { children, variant } = props;
+  switch (variant) {
+    case "success":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckCircle_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    case "danger":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Error_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    case "info":
+    case "default":
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Info_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    default:
+      return children ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dash-modal-title", children }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {});
+  }
+};
+var DASHModal = (props) => {
+  const translate = (0, import_react_admin.useTranslate)();
+  const _a = props, {
+    variant = "default",
+    onClose,
+    onCancel,
+    onConfirm,
+    open: open = false,
+    confirmText: confirmText = translate("dash.action.continue"),
+    cancelText = translate("dash.action.cancel"),
+    closeText = null,
+    title,
+    content = null,
+    className,
+    showCloseButton = true,
+    showCancelButton = void 0,
+    showConfirmButton = true,
+    dialogActions,
+    sound = true,
+    children
+  } = _a, rest = __objRest(_a, [
+    "variant",
+    "onClose",
+    "onCancel",
+    "onConfirm",
+    //onSubmit,
+    "open",
+    //closeText = null,
+    "confirmText",
+    "cancelText",
+    "closeText",
+    "title",
+    "content",
+    "className",
+    "showCloseButton",
+    "showCancelButton",
+    "showConfirmButton",
+    "dialogActions",
+    "sound",
+    "children"
+  ]);
+  const effectiveShowCancelButton = typeof showCancelButton === "boolean" ? showCancelButton : !!cancelText;
+  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(open);
+  (0, import_react.useEffect)(() => {
+    setIsModalOpen(open);
+  }, [open]);
+  const handleOnCancel = (_e) => {
+    setIsModalOpen(false);
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  const handleOnClose = (_e, _r) => {
+    setIsModalOpen(false);
+    if (onClose) {
+      onClose();
+    }
+  };
+  const handleOnConfirm = (_e) => {
+    setIsModalOpen(false);
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  const playSuccess = () => {
+    try {
+      if (sound) {
+        const audio = new Audio(success_default);
+        audio.load();
+        audio.play();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  const playInfo = () => {
+    try {
+      if (sound) {
+        const audio = new Audio(modalInfo_default);
+        audio.load();
+        audio.play();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  const playError = () => {
+    try {
+      if (sound) {
+        const audio = new Audio(modalError_default);
+        audio.load();
+        audio.play();
+      }
+    } catch (e) {
+      console.error(e);
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (isModalOpen === true && variant === "danger") {
+      playError();
+      return;
+    }
+    if (isModalOpen === true && variant === "success") {
+      playSuccess();
+      return;
+    }
+    if (isModalOpen === true) {
+      playInfo();
+      return;
+    }
+  }, [isModalOpen, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    import_material.Dialog,
+    __spreadProps(__spreadValues({}, rest), {
+      onClose: handleOnClose,
+      className: `${className ? className + " " : ""}dash-modal-${variant}`,
+      open: isModalOpen,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.DialogTitle, { id: "alert-dialog-title", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { variant }),
+          showCloseButton && !closeText && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_material.IconButton,
+            {
+              "aria-label": "close",
+              size: "small",
+              onClick: (e) => handleOnClose(e, "backdropClick"),
+              sx: {
+                position: "absolute",
+                right: 5,
+                top: 20,
+                color: "white",
+                bgcolor: "error.main",
+                "&:hover": {
+                  bgcolor: "error.dark"
+                },
+                borderRadius: "50%",
+                padding: "8px"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Close_default, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.DialogContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "dash-modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: title }) }),
+          children || content
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material.DialogActions, { children: [
+          dialogActions || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {}),
+          effectiveShowCancelButton ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_material.Button,
+            {
+              variant: "contained",
+              className: "btn-width-md",
+              color: "primary",
+              onClick: handleOnCancel,
+              children: cancelText
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {}),
+          showConfirmButton === true ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_material.Button,
+            {
+              variant: "contained",
+              className: "btn-width-md",
+              color: "primary",
+              onClick: handleOnConfirm,
+              autoFocus: true,
+              children: confirmText
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {}),
+          showCloseButton === true && closeText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            import_material.Button,
+            {
+              variant: "contained",
+              className: "btn-width-md",
+              color: "primary",
+              onClick: (e) => handleOnClose(e, "backdropClick"),
+              children: closeText
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, {})
+        ] })
+      ]
+    })
+  );
+};
+var DASHModal_default = DASHModal;
+
+// src/index.tsx
+var index_default = DASHModal_default;