@dashadmin/dash-info 1.3.24 → 1.3.26

package/dist/index.cjs

@@ -0,0 +1,194 @@
+"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.ts
+var index_exports = {};
+__export(index_exports, {
+  default: () => DashInfo_default
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/DashInfo.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/Dangerous.js
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Dangerous_default = (0, import_utils.createSvgIcon)(/* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", {
+  d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27zM17 15.74 15.74 17 12 13.26 8.26 17 7 15.74 10.74 12 7 8.26 8.26 7 12 10.74 15.74 7 17 8.26 13.26 12z"
+}), "Dangerous");
+
+// src/DashInfo.tsx
+var import_react_admin = require("react-admin");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Icon = (props) => {
+  const { children, variant } = props;
+  switch (variant) {
+    case "success":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CheckCircle_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    case "danger":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dangerous_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    case "info":
+    case "default":
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Info_default, {}) }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dash-modal-title", children })
+      ] });
+    default:
+      return children ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dash-modal-title", children }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+  }
+};
+var DashInfo = (props) => {
+  const translate = (0, import_react_admin.useTranslate)();
+  const _a = props, {
+    variant = "default",
+    onCancel,
+    onConfirm,
+    cancelText: cancelText = translate("dash.action.cancel"),
+    confirmText = translate("dash.action.continue"),
+    closeText = null,
+    title,
+    content = null,
+    className,
+    showCancelButton = false,
+    showConfirmButton = false,
+    dialogActions,
+    fullscreen = false,
+    children
+  } = _a, rest = __objRest(_a, [
+    "variant",
+    "onCancel",
+    "onConfirm",
+    //onSubmit,
+    //closeText = null,
+    "cancelText",
+    "confirmText",
+    "closeText",
+    "title",
+    "content",
+    "className",
+    "showCancelButton",
+    "showConfirmButton",
+    "dialogActions",
+    "fullscreen",
+    "children"
+  ]);
+  const effectiveShowCancelButton = typeof showCancelButton === "boolean" ? showCancelButton : !!cancelText;
+  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(open);
+  const handleOnCancel = (_e) => {
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  const handleOnConfirm = (_e) => {
+    if (onConfirm) {
+      onConfirm();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_material.Box,
+    __spreadProps(__spreadValues({
+      component: fullscreen ? "div" : import_material.Paper
+    }, rest), {
+      className: `dash-modal ${className ? className + " " : ""}${fullscreen ? "fullscreen " : ""}dash-modal-${variant}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material.DialogTitle, { id: "alert-dialog-title", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, { variant }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.DialogContent, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dash-modal-title", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: title }) }),
+          children || content
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material.DialogActions, { children: [
+          dialogActions || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {}),
+          effectiveShowCancelButton ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_material.Button,
+            {
+              variant: "contained",
+              className: "btn-width-md",
+              color: "primary",
+              onClick: handleOnCancel,
+              children: cancelText
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {}),
+          showConfirmButton === true ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_material.Button,
+            {
+              variant: "contained",
+              className: "btn-width-md",
+              color: "primary",
+              onClick: handleOnConfirm,
+              autoFocus: true,
+              children: confirmText
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {})
+        ] })
+      ]
+    })
+  );
+};
+var DashInfo_default = DashInfo;

package/dist/index.d.cts

@@ -0,0 +1,21 @@
+import React$1, { PropsWithChildren, JSX } from 'react';
+
+interface IAppDialogProps extends PropsWithChildren {
+    variant: 'default' | 'info' | 'success' | 'danger';
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    closeText?: React.ReactNode;
+    confirmText?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    dialogActions?: JSX.Element;
+    title: string | JSX.Element;
+    content?: string | JSX.Element;
+    className?: string;
+    fullscreen?: boolean;
+}
+
+declare const DashInfo: React$1.FC<IAppDialogProps>;
+
+export { DashInfo as default };

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import React$1, { PropsWithChildren, JSX } from 'react';
+
+interface IAppDialogProps extends PropsWithChildren {
+    variant: 'default' | 'info' | 'success' | 'danger';
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    closeText?: React.ReactNode;
+    confirmText?: React.ReactNode;
+    cancelText?: React.ReactNode;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    dialogActions?: JSX.Element;
+    title: string | JSX.Element;
+    content?: string | JSX.Element;
+    className?: string;
+    fullscreen?: boolean;
+}
+
+declare const DashInfo: React$1.FC<IAppDialogProps>;
+
+export { DashInfo as default };

package/dist/index.js

@@ -1,96 +1,181 @@
-import { jsxs as l, jsx as a, Fragment as o } from "react/jsx-runtime";
-import { Box as B, Paper as T, DialogTitle as D, DialogContent as O, DialogActions as b, Button as h } from "@mui/material";
-import { useState as k } from "react";
-import y from "@mui/icons-material/Info";
-import j from "@mui/icons-material/CheckCircle";
-import A from "@mui/icons-material/Dangerous";
-import { useTranslate as F } from "react-admin";
-const M = (t) => {
-  const { children: e, variant: n } = t;
-  switch (n) {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+
+// src/DashInfo.tsx
+import {
+  Box,
+  Button,
+  DialogActions,
+  DialogContent,
+  DialogTitle,
+  Paper
+} from "@mui/material";
+import { useState } from "react";
+
+// ../../node_modules/@mui/icons-material/esm/utils/createSvgIcon.js
+import { createSvgIcon } from "@mui/material/utils";
+
+// ../../node_modules/@mui/icons-material/esm/Info.js
+import { jsx as _jsx } from "react/jsx-runtime";
+var Info_default = createSvgIcon(/* @__PURE__ */ _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
+import { jsx as _jsx2 } from "react/jsx-runtime";
+var CheckCircle_default = createSvgIcon(/* @__PURE__ */ _jsx2("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/Dangerous.js
+import { jsx as _jsx3 } from "react/jsx-runtime";
+var Dangerous_default = createSvgIcon(/* @__PURE__ */ _jsx3("path", {
+  d: "M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27zM17 15.74 15.74 17 12 13.26 8.26 17 7 15.74 10.74 12 7 8.26 8.26 7 12 10.74 15.74 7 17 8.26 13.26 12z"
+}), "Dangerous");
+
+// src/DashInfo.tsx
+import { useTranslate } from "react-admin";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Icon = (props) => {
+  const { children, variant } = props;
+  switch (variant) {
     case "success":
-      return /* @__PURE__ */ l(o, { children: [
-        /* @__PURE__ */ a("div", { className: `dash-modal-img dash-modal-img-${n}`, children: /* @__PURE__ */ a(j, {}) }),
-        e && /* @__PURE__ */ a("div", { className: "dash-modal-title", children: e })
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ jsx(CheckCircle_default, {}) }),
+        children && /* @__PURE__ */ jsx("div", { className: "dash-modal-title", children })
       ] });
     case "danger":
-      return /* @__PURE__ */ l(o, { children: [
-        /* @__PURE__ */ a("div", { className: `dash-modal-img dash-modal-img-${n}`, children: /* @__PURE__ */ a(A, {}) }),
-        e && /* @__PURE__ */ a("div", { className: "dash-modal-title", children: e })
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ jsx(Dangerous_default, {}) }),
+        children && /* @__PURE__ */ jsx("div", { className: "dash-modal-title", children })
       ] });
     case "info":
     case "default":
-      return /* @__PURE__ */ l(o, { children: [
-        /* @__PURE__ */ a("div", { className: `dash-modal-img dash-modal-img-${n}`, children: /* @__PURE__ */ a(y, {}) }),
-        e && /* @__PURE__ */ a("div", { className: "dash-modal-title", children: e })
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: `dash-modal-img dash-modal-img-${variant}`, children: /* @__PURE__ */ jsx(Info_default, {}) }),
+        children && /* @__PURE__ */ jsx("div", { className: "dash-modal-title", children })
       ] });
     default:
-      return e ? /* @__PURE__ */ a("div", { className: "dash-modal-title", children: e }) : /* @__PURE__ */ a(o, {});
+      return children ? /* @__PURE__ */ jsx("div", { className: "dash-modal-title", children }) : /* @__PURE__ */ jsx(Fragment, {});
   }
-}, L = (t) => {
-  const e = F(), {
-    variant: n = "default",
-    onCancel: i,
-    onConfirm: s,
+};
+var DashInfo = (props) => {
+  const translate = useTranslate();
+  const _a = props, {
+    variant = "default",
+    onCancel,
+    onConfirm,
+    cancelText: cancelText = translate("dash.action.cancel"),
+    confirmText = translate("dash.action.continue"),
+    closeText = null,
+    title,
+    content = null,
+    className,
+    showCancelButton = false,
+    showConfirmButton = false,
+    dialogActions,
+    fullscreen = false,
+    children
+  } = _a, rest = __objRest(_a, [
+    "variant",
+    "onCancel",
+    "onConfirm",
     //onSubmit,
     //closeText = null,
-    cancelText: c = e("dash.action.cancel"),
-    confirmText: f = e("dash.action.continue"),
-    closeText: S = null,
-    title: u,
-    content: p = null,
-    className: d,
-    showCancelButton: r = !1,
-    showConfirmButton: v = !1,
-    dialogActions: g,
-    fullscreen: m = !1,
-    children: C,
-    ...N
-  } = t, x = typeof r == "boolean" ? r : !!c, [_, E] = k(open), I = ($) => {
-    i && i();
-  }, w = ($) => {
-    s && s();
+    "cancelText",
+    "confirmText",
+    "closeText",
+    "title",
+    "content",
+    "className",
+    "showCancelButton",
+    "showConfirmButton",
+    "dialogActions",
+    "fullscreen",
+    "children"
+  ]);
+  const effectiveShowCancelButton = typeof showCancelButton === "boolean" ? showCancelButton : !!cancelText;
+  const [isModalOpen, setIsModalOpen] = useState(open);
+  const handleOnCancel = (_e) => {
+    if (onCancel) {
+      onCancel();
+    }
+  };
+  const handleOnConfirm = (_e) => {
+    if (onConfirm) {
+      onConfirm();
+    }
   };
-  return /* @__PURE__ */ l(
-    B,
-    {
-      component: m ? "div" : T,
-      ...N,
-      className: `dash-modal ${d ? d + " " : ""}${m ? "fullscreen " : ""}dash-modal-${n}`,
+  return /* @__PURE__ */ jsxs(
+    Box,
+    __spreadProps(__spreadValues({
+      component: fullscreen ? "div" : Paper
+    }, rest), {
+      className: `dash-modal ${className ? className + " " : ""}${fullscreen ? "fullscreen " : ""}dash-modal-${variant}`,
       children: [
-        /* @__PURE__ */ a(D, { id: "alert-dialog-title", children: /* @__PURE__ */ a(M, { variant: n }) }),
-        /* @__PURE__ */ l(O, { children: [
-          /* @__PURE__ */ a("div", { className: "dash-modal-title", children: /* @__PURE__ */ a("h3", { children: u }) }),
-          C || p
+        /* @__PURE__ */ jsx(DialogTitle, { id: "alert-dialog-title", children: /* @__PURE__ */ jsx(Icon, { variant }) }),
+        /* @__PURE__ */ jsxs(DialogContent, { children: [
+          /* @__PURE__ */ jsx("div", { className: "dash-modal-title", children: /* @__PURE__ */ jsx("h3", { children: title }) }),
+          children || content
         ] }),
-        /* @__PURE__ */ l(b, { children: [
-          g || /* @__PURE__ */ a(o, {}),
-          x ? /* @__PURE__ */ a(
-            h,
+        /* @__PURE__ */ jsxs(DialogActions, { children: [
+          dialogActions || /* @__PURE__ */ jsx(Fragment, {}),
+          effectiveShowCancelButton ? /* @__PURE__ */ jsx(
+            Button,
             {
               variant: "contained",
               className: "btn-width-md",
               color: "primary",
-              onClick: I,
-              children: c
+              onClick: handleOnCancel,
+              children: cancelText
             }
-          ) : /* @__PURE__ */ a(o, {}),
-          v === !0 ? /* @__PURE__ */ a(
-            h,
+          ) : /* @__PURE__ */ jsx(Fragment, {}),
+          showConfirmButton === true ? /* @__PURE__ */ jsx(
+            Button,
             {
               variant: "contained",
               className: "btn-width-md",
               color: "primary",
-              onClick: w,
-              autoFocus: !0,
-              children: f
+              onClick: handleOnConfirm,
+              autoFocus: true,
+              children: confirmText
             }
-          ) : /* @__PURE__ */ a(o, {})
+          ) : /* @__PURE__ */ jsx(Fragment, {})
         ] })
       ]
-    }
+    })
   );
 };
+var DashInfo_default = DashInfo;
 export {
-  L as default
+  DashInfo_default as default
 };

package/package.json

@@ -1,123 +1,123 @@
 {
-  "name": "@dashadmin/dash-info",
-  "version": "1.3.24",
-  "private": false,
-  "main": "dist/index.js",
-  "type": "module",
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "dependencies": {
-    "@emotion/react": "latest",
-    "@emotion/styled": "latest",
-    "@mui/material": "^7.3.10",
-    "@rollup/plugin-alias": "latest",
-    "@rollup/plugin-commonjs": "latest",
-    "@rollup/plugin-node-resolve": "latest",
-    "@rollup/plugin-replace": "latest",
-    "@rollup/plugin-typescript": "latest",
-    "query-string": "latest",
-    "react-admin": "5.14.7",
-    "react-custom-scrollbars-2": "latest",
-    "react-draggable": "latest",
-    "@achmadk/react-loading-overlay": "latest",
-    "react-query": "latest",
-    "react-redux": "latest",
-    "react-router": "7.17.0",
-    "react-router-dom": "7.17.0",
-    "react-spinners": "latest",
-    "react-toastify": "latest",
-    "rollup-plugin-cleaner": "latest",
-    "rollup-plugin-dts": "latest",
-    "rollup-plugin-peer-deps-external": "latest",
-    "rollup-plugin-svg": "latest"
-  },
-  "devDependencies": {
-    "@babel/core": "latest",
-    "@babel/preset-env": "latest",
-    "@babel/preset-react": "latest",
-    "@babel/preset-typescript": "latest",
-    "@commitlint/config-conventional": "latest",
-    "@types/node": "latest",
-    "@types/react": "latest",
-    "@types/react-dom": "latest",
-    "@zerollup/ts-transform-paths": "latest",
-    "babel-loader": "latest",
-    "eslint": "latest",
-    "eslint-config-airbnb": "latest",
-    "eslint-config-airbnb-typescript": "latest",
-    "eslint-config-prettier": "latest",
-    "eslint-import-resolver-typescript": "latest",
-    "eslint-plugin-html": "latest",
-    "eslint-plugin-import": "latest",
-    "eslint-plugin-jsdoc": "latest",
-    "eslint-plugin-json": "latest",
-    "eslint-plugin-jsx-a11y": "latest",
-    "eslint-plugin-prettier": "latest",
-    "eslint-plugin-react": "latest",
-    "eslint-plugin-react-hooks": "latest",
-    "query-string": "latest",
-    "react-dom": "latest",
-    "rollup": "latest",
-    "rollup-plugin-copy-assets": "latest",
-    "rollup-plugin-external-globals": "latest",
-    "rollup-plugin-includepaths": "latest",
-    "rollup-plugin-less": "latest",
-    "@rollup/plugin-node-resolve": "latest",
-    "rollup-plugin-postcss": "latest",
-    "rollup-plugin-sourcemaps": "latest",
-    "rollup-plugin-typescript2": "latest",
-    "tsc-alias": "latest",
-    "ttypescript": "latest",
-    "typescript": "latest",
-    "vite": "^5.2.0",
-    "@dashadmin/dash-eslint": "1.3.24",
-    "@dashadmin/dash-prettier": "1.3.24",
-    "@dashadmin/dash-tsconfig": "1.3.24"
-  },
-  "peerDependencies": {
-    "react": "latest",
-    "@hello-pangea/dnd": "latest",
-    "react-custom-scrollbars-2": "latest",
-    "react-dom": "latest"
-  },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
-  "_todo_storybook": {
-    "eslint-plugin-storybook": "latest"
-  },
-  "publishConfig": {
-    "name": "@dashadmin/dash-info",
-    "access": "public"
-  },
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    },
-    "./src/*": {
-      "import": "./dist/*.js"
-    }
-  },
-  "scripts": {
-    "lint": "eslint --ext .ts,.tsx .",
-    "format": "pnpm prettier --write . && pnpm format-check && pnpm lint",
-    "lint:check": "pnpm prettier --check .",
-    "lint:fix": "pnpm prettier --write .",
-    "check-updates": "pnpm npm-check-updates",
-    "updates-packages": "pnpm npm-check-updates -u",
-    "build": "rm -rf dist && node ../dash-build/compile.mjs && vite build"
-  }
-}
+	"name": "@dashadmin/dash-info",
+	"version": "1.3.26",
+	"main": "dist/index.cjs",
+	"type": "module",
+	"scripts": {
+		"lint": "eslint --ext .ts,.tsx .",
+		"format": "pnpm prettier --write . && pnpm format-check && pnpm lint",
+		"lint:check": "pnpm prettier --check .",
+		"lint:fix": "pnpm prettier --write .",
+		"check-updates": "pnpm npm-check-updates",
+		"updates-packages": "pnpm npm-check-updates -u",
+		"build": "tsup"
+	},
+	"browserslist": {
+		"production": [
+			">0.2%",
+			"not dead",
+			"not op_mini all"
+		],
+		"development": [
+			"last 1 chrome version",
+			"last 1 firefox version",
+			"last 1 safari version"
+		]
+	},
+	"dependencies": {
+		"@emotion/react": "latest",
+		"@emotion/styled": "latest",
+		"@mui/material": "^7.3.10",
+		"@rollup/plugin-alias": "latest",
+		"@rollup/plugin-commonjs": "latest",
+		"@rollup/plugin-node-resolve": "latest",
+		"@rollup/plugin-replace": "latest",
+		"@rollup/plugin-typescript": "latest",
+		"query-string": "latest",
+		"react-admin": "5.14.6",
+		"react-custom-scrollbars-2": "latest",
+		"react-draggable": "latest",
+		"react-loading-overlay-ts": "latest",
+		"react-query": "latest",
+		"react-redux": "latest",
+		"react-router": "^7.9.6",
+		"react-router-dom": "^7.9.6",
+		"react-spinners": "latest",
+		"react-toastify": "latest",
+		"rollup-plugin-cleaner": "latest",
+		"rollup-plugin-dts": "latest",
+		"rollup-plugin-peer-deps-external": "latest",
+		"rollup-plugin-svg": "latest"
+	},
+	"devDependencies": {
+		"@babel/core": "latest",
+		"@babel/preset-env": "latest",
+		"@babel/preset-react": "latest",
+		"@babel/preset-typescript": "latest",
+		"@commitlint/config-conventional": "latest",
+		"@types/node": "latest",
+		"@types/react": "latest",
+		"@types/react-dom": "latest",
+		"@zerollup/ts-transform-paths": "latest",
+		"babel-loader": "latest",
+		"eslint": "latest",
+		"eslint-config-airbnb": "latest",
+		"eslint-config-airbnb-typescript": "latest",
+		"eslint-config-prettier": "latest",
+		"eslint-import-resolver-typescript": "latest",
+		"eslint-plugin-html": "latest",
+		"eslint-plugin-import": "latest",
+		"eslint-plugin-jsdoc": "latest",
+		"eslint-plugin-json": "latest",
+		"eslint-plugin-jsx-a11y": "latest",
+		"eslint-plugin-prettier": "latest",
+		"eslint-plugin-react": "latest",
+		"eslint-plugin-react-hooks": "latest",
+		"query-string": "latest",
+		"react-dom": "latest",
+		"rollup": "latest",
+		"rollup-plugin-copy-assets": "latest",
+		"rollup-plugin-external-globals": "latest",
+		"rollup-plugin-includepaths": "latest",
+		"rollup-plugin-less": "latest",
+		"rollup-plugin-node-resolve": "latest",
+		"rollup-plugin-postcss": "latest",
+		"rollup-plugin-sourcemaps": "latest",
+		"rollup-plugin-typescript2": "latest",
+		"tsc": "latest",
+		"tsc-alias": "latest",
+		"ttypescript": "latest",
+		"typescript": "latest",
+		"@dashadmin/dash-eslint": "workspace:*",
+		"@dashadmin/dash-prettier": "workspace:*",
+		"@dashadmin/dash-tsconfig": "workspace:*"
+	},
+	"peerDependencies": {
+		"react": "latest",
+		"react-beautiful-dnd": "latest",
+		"react-custom-scrollbars-2": "latest",
+		"react-dom": "latest"
+	},
+	"eslintConfig": {
+		"extends": "react-app"
+	},
+	"_todo_storybook": {
+		"eslint-plugin-storybook": "latest"
+	},
+	"module": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		}
+	},
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org"
+	},
+	"files": [
+		"dist"
+	]
+}

package/dist/DashInfo.js

@@ -1 +0,0 @@
-import{Fragment as e,jsx as a,jsxs as n}from"react/jsx-runtime";import{Box as T,Button as f,DialogActions as w,DialogContent as $,DialogTitle as y,Paper as P}from"@mui/material";import{useState as b}from"react";import E from"@mui/icons-material/Info";import M from"@mui/icons-material/CheckCircle";import O from"@mui/icons-material/Dangerous";import{useTranslate as R}from"react-admin";import"./styles/info.less";const k=i=>{const{children:o,variant:t}=i;switch(t){case"success":return n(e,{children:[a("div",{className:`dash-modal-img dash-modal-img-${t}`,children:a(M,{})}),o&&a("div",{className:"dash-modal-title",children:o})]});case"danger":return n(e,{children:[a("div",{className:`dash-modal-img dash-modal-img-${t}`,children:a(O,{})}),o&&a("div",{className:"dash-modal-title",children:o})]});case"info":case"default":return n(e,{children:[a("div",{className:`dash-modal-img dash-modal-img-${t}`,children:a(E,{})}),o&&a("div",{className:"dash-modal-title",children:o})]});default:return o?a("div",{className:"dash-modal-title",children:o}):a(e,{})}},A=i=>{const o=R(),{variant:t="default",onCancel:s,onConfirm:l,cancelText:c=o("dash.action.cancel"),confirmText:h=o("dash.action.continue"),closeText:F=null,title:u,content:v=null,className:d,showCancelButton:r=!1,showConfirmButton:p=!1,dialogActions:C,fullscreen:m=!1,children:g,...I}=i,N=typeof r=="boolean"?r:!!c,[H,S]=b(open),x=D=>{s&&s()},B=D=>{l&&l()};return n(T,{component:m?"div":P,...I,className:`dash-modal ${d?d+" ":""}${m?"fullscreen ":""}dash-modal-${t}`,children:[a(y,{id:"alert-dialog-title",children:a(k,{variant:t})}),n($,{children:[a("div",{className:"dash-modal-title",children:a("h3",{children:u})}),g||v]}),n(w,{children:[C||a(e,{}),N?a(f,{variant:"contained",className:"btn-width-md",color:"primary",onClick:x,children:c}):a(e,{}),p===!0?a(f,{variant:"contained",className:"btn-width-md",color:"primary",onClick:B,autoFocus:!0,children:h}):a(e,{})]})]})};var Y=A;export{Y as default};

package/dist/dash-info.css

@@ -1 +0,0 @@
-.dash-modal{font-family:Montserrat}.dash-modal-default{background:var(--module-bg);box-shadow:var(--component-shadow)}.dash-modal-default.MuiPaper-root{background:var(--module-bg)}.dash-modal-default>.MuiTypography-root.MuiDialogTitle-root{font-family:Montserrat;font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:var(--heading-color);padding:16px 24px}.dash-modal-default>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img{display:flex;align-items:center;margin-right:8px}.dash-modal-default>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{font-size:20px}.dash-modal-default>.MuiDialogContent-root{padding:24px;border:1px solid var(--component-border-split);border-left:unset;border-right:unset;font-family:Montserrat;font-style:normal;font-weight:400;font-size:14px;line-height:22px;color:var(--text-color)}.dash-modal-default>.MuiDialogActions-root{padding:10px 16px}.dash-modal-default.fullscreen{background:none;box-shadow:none}.dash-modal-default.fullscreen.MuiPaper-root{background:none}.dash-modal-default.fullscreen>.MuiDialogContent-root{border:none}.dash-modal-info,.dash-modal-success,.dash-modal-danger{padding-top:39px!important;background:transparent!important;box-shadow:unset!important;overflow:visible!important}.dash-modal-info.MuiPaper-root,.dash-modal-success.MuiPaper-root,.dash-modal-danger.MuiPaper-root{background:transparent!important;box-shadow:none!important;overflow:visible!important}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root{border-radius:8px;padding:0 0 30px;overflow:visible}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img,.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img,.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img{position:relative;width:140px;height:120px;margin:-40px auto 0;display:flex;justify-content:center;align-items:center}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg,.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{width:100%;height:100%;object-fit:contain}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *,.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *,.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg *{pointer-events:none}.dash-modal-info>.MuiDialogContent-root,.dash-modal-success>.MuiDialogContent-root,.dash-modal-danger>.MuiDialogContent-root{margin-top:-20px;padding:42px 32px 0;border:unset;background:var(--component-bg);border-top-left-radius:8px;border-top-right-radius:8px;position:relative;z-index:1;font-family:Montserrat;font-style:normal;font-weight:400;font-size:16px;line-height:24px;text-align:center;color:var(--text-color)}.dash-modal-info>.MuiDialogContent-root .dash-modal-title,.dash-modal-success>.MuiDialogContent-root .dash-modal-title,.dash-modal-danger>.MuiDialogContent-root .dash-modal-title{margin-bottom:16px}.dash-modal-info>.MuiDialogContent-root .dash-modal-title h3,.dash-modal-success>.MuiDialogContent-root .dash-modal-title h3,.dash-modal-danger>.MuiDialogContent-root .dash-modal-title h3{font-family:Montserrat;font-style:normal;font-weight:700;font-size:20px;line-height:24px;text-align:center;color:var(--heading-color);margin:0}.dash-modal-info>.MuiDialogActions-root,.dash-modal-success>.MuiDialogActions-root,.dash-modal-danger>.MuiDialogActions-root{padding:16px;background:var(--component-bg);border-bottom-left-radius:8px;border-bottom-right-radius:8px;justify-content:center}.dash-modal-info.fullscreen.MuiPaper-root,.dash-modal-success.fullscreen.MuiPaper-root,.dash-modal-danger.fullscreen.MuiPaper-root{background:none!important}.dash-modal-info.fullscreen>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-success.fullscreen>.MuiTypography-root.MuiDialogTitle-root,.dash-modal-danger.fullscreen>.MuiTypography-root.MuiDialogTitle-root{background:none!important}.dash-modal-info.fullscreen>.MuiDialogContent-root,.dash-modal-success.fullscreen>.MuiDialogContent-root,.dash-modal-danger.fullscreen>.MuiDialogContent-root{background:none;border:none}.dash-modal-info.fullscreen>.MuiDialogActions-root,.dash-modal-success.fullscreen>.MuiDialogActions-root,.dash-modal-danger.fullscreen>.MuiDialogActions-root{background:none}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root{background:linear-gradient(93.81deg,var(--primary-color) 2.98%,var(--primary-contrast) 102.49%)}.dash-modal-info>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{fill:var(--alert-info-bg)}.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root{background:var(--btn-success-bg)}.dash-modal-success>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{fill:var(--alert-success-bg)}.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root{background:var(--btn-danger-bg)}.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg{fill:var(--alert-error-bg)}.dash-modal-danger>.MuiTypography-root.MuiDialogTitle-root .dash-modal-img svg path{fill:var(--alert-error-bg)}

package/dist/styles/info.less

@@ -1,194 +0,0 @@
-
-
-.dash-modal {
-    // Shared defaults if needed
-    font-family: 'Montserrat';
-
-    &-default {
-        background: var(--module-bg);
-        box-shadow: var(--component-shadow);
-        
-        &.MuiPaper-root {
-            background: var(--module-bg);
-        }
-
-        > .MuiTypography-root.MuiDialogTitle-root {
-            font-family: 'Montserrat';
-            font-style: normal;
-            font-weight: 700;
-            font-size: 16px;
-            line-height: 24px;
-            color: var(--heading-color);
-            padding: 16px 24px;
-            
-            .dash-modal-img {
-                display: flex;
-                align-items: center;
-                margin-right: 8px;
-                svg {
-                     font-size: 20px;
-                }
-            }
-        }
-
-        > .MuiDialogContent-root {
-            padding: 24px;
-            border: 1px solid var(--component-border-split);
-            border-left: unset;
-            border-right: unset;
-
-            font-family: 'Montserrat';
-            font-style: normal;
-            font-weight: 400;
-            font-size: 14px;
-            line-height: 22px;
-            color: var(--text-color);
-        }
-
-        > .MuiDialogActions-root {
-            padding: 10px 16px;
-        }
-
-        // Fullscreen Override
-        &.fullscreen {
-            background: none;
-            box-shadow: none;
-            
-            &.MuiPaper-root {
-                background: none;
-            }
-
-            > .MuiDialogContent-root {
-                border: none;
-            }
-        }
-    }
-
-    &-info, &-success, &-danger {
-        padding-top: 39px !important;
-        background: transparent !important;
-        box-shadow: unset !important;
-        overflow: visible !important;
-
-        &.MuiPaper-root {
-            background: transparent !important;
-            box-shadow: none !important;
-            overflow: visible !important;
-        }
-
-        > .MuiTypography-root.MuiDialogTitle-root {
-            //height: 115px;
-            border-radius: 8px;
-            padding: 0 0 30px;
-            overflow: visible;
-            
-            .dash-modal-img {
-                position: relative;
-                width: 140px;
-                height: 120px;
-                margin: -40px auto 0;
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                
-                svg {
-                    width: 100%;
-                    height: 100%;
-                    object-fit: contain;
-                    * {
-                        pointer-events: none;
-                    }
-                }
-            }
-        }
-
-        > .MuiDialogContent-root {
-            margin-top: -20px;
-            padding: 42px 32px 0; // Increased top padding to push content down from title area
-            border: unset;
-            background: var(--component-bg);
-            border-top-left-radius: 8px;
-            border-top-right-radius: 8px;
-            position: relative;
-            z-index: 1;
-
-            .dash-modal-title {
-                margin-bottom: 16px;
-                h3 {
-                    font-family: 'Montserrat';
-                    font-style: normal;
-                    font-weight: 700;
-                    font-size: 20px;
-                    line-height: 24px;
-                    text-align: center;
-                    color: var(--heading-color);
-                    margin: 0;
-                }
-            }
-
-            font-family: 'Montserrat';
-            font-style: normal;
-            font-weight: 400;
-            font-size: 16px;
-            line-height: 24px;
-            text-align: center;
-            color: var(--text-color);
-        }
-
-        > .MuiDialogActions-root {
-            padding: 16px;
-            background: var(--component-bg);
-            border-bottom-left-radius: 8px;
-            border-bottom-right-radius: 8px;
-            justify-content: center;
-        }
-
-        // Shared Fullscreen Overrides
-        &.fullscreen {
-            &.MuiPaper-root {
-                background: none !important;
-            }
-            > .MuiTypography-root.MuiDialogTitle-root {
-                background: none !important; // Override the gradient/color set in specific variants
-            }
-            > .MuiDialogContent-root {
-                background: none;
-                border: none;
-            }
-            > .MuiDialogActions-root {
-                background: none;
-            }
-        }
-    }
-
-    &-info {
-        > .MuiTypography-root.MuiDialogTitle-root {
-            background: linear-gradient(93.81deg, var(--primary-color) 2.98%, var(--primary-contrast) 102.49%);
-            .dash-modal-img svg {
-                fill: var(--alert-info-bg);
-            }
-        }
-    }
-
-    &-success {
-        > .MuiTypography-root.MuiDialogTitle-root {
-            background: var(--btn-success-bg);
-            .dash-modal-img svg {
-                fill: var(--alert-success-bg);
-            }
-        }
-    }
-
-    &-danger {
-        > .MuiTypography-root.MuiDialogTitle-root {
-            background: var(--btn-danger-bg);
-            .dash-modal-img svg {
-                fill: var(--alert-error-bg); // or var(--highlight-color) if needed
-                path {
-                    fill: var(--alert-error-bg);
-                }
-            }
-        }
-    }
-}
-