muffin-admin 3.3.12 → 3.4.1

package/dist/MuffinAdmin.js

@@ -3,16 +3,16 @@ import IconButton from "@mui/material/IconButton";
 import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
-import { Admin, AppBar, Layout, Login, } from "react-admin";
+import { AdminContext, AdminUI, AppBar, defaultI18nProvider, Layout, localStorageStore, Login, } from "react-admin";
+import { ConfirmationProvider } from "./common";
 import { useMuffinAdminOpts } from "./hooks";
 import { buildAdmin, findBuilder, findIcon, setupAdmin } from "./utils";
 export function MuffinAdmin(props) {
     const opts = useMuffinAdminOpts();
     const { resources = [], auth, adminProps, apiUrl } = opts;
     document.title = (adminProps === null || adminProps === void 0 ? void 0 : adminProps.title) || "Muffin Admin";
-    const authProvider = findBuilder(["authprovider"])(auth);
-    const dataProvider = findBuilder(["dataprovider"])(apiUrl);
-    return (_jsx(Admin, Object.assign({ requireAuth: auth.required, authProvider: authProvider, dataProvider: dataProvider, layout: findBuilder(["layout"]), loginPage: findBuilder(["loginpage"]), dashboard: findBuilder(["dashboard"]), darkTheme: { palette: { mode: "dark" } } }, props, { children: resources === null || resources === void 0 ? void 0 : resources.map(({ name }) => buildAdmin(["resource", name], { name })) })));
+    const { basename, authProvider = findBuilder(["authprovider"])(auth), dataProvider = findBuilder(["dataprovider"])(apiUrl), catchAll, dashboard = findBuilder(["dashboard"]), disableTelemetry, error, i18nProvider = defaultI18nProvider, layout = findBuilder(["layout"]), loading, loginPage = findBuilder(["loginpage"]), authCallbackPage, notification, queryClient, requireAuth = auth.required, store = localStorageStore(), ready, theme, lightTheme, darkTheme, defaultTheme, title = "React Admin", } = props;
+    return (_jsx(AdminContext, { authProvider: authProvider, basename: basename, dataProvider: dataProvider, i18nProvider: i18nProvider, store: store, queryClient: queryClient, theme: theme, lightTheme: lightTheme, darkTheme: darkTheme, defaultTheme: defaultTheme, children: _jsx(ConfirmationProvider, { children: _jsx(AdminUI, { layout: layout, dashboard: dashboard, disableTelemetry: disableTelemetry, catchAll: catchAll, error: error, title: title, loading: loading, loginPage: loginPage, authCallbackPage: authCallbackPage, notification: notification, requireAuth: requireAuth, ready: ready, children: resources === null || resources === void 0 ? void 0 : resources.map(({ name }) => buildAdmin(["resource", name], { name })) }) }) }));
 }
 setupAdmin(["admin"], MuffinAdmin);
 export function MuffinAdminLayout(props) {

package/dist/buttons/ActionButton.d.ts

@@ -1,3 +1,8 @@
 import { AdminAction } from "../types";
-export declare function ActionButton({ icon, label, title, action, id }: AdminAction): import("react/jsx-runtime").JSX.Element;
-export declare function BulkActionButton({ label, icon, title, action, id }: AdminAction): import("react/jsx-runtime").JSX.Element;
+export type ActionPayloadProps = {
+    active: boolean;
+    onClose: () => void;
+    onHandle: (payload: any) => void;
+};
+export declare function ActionButton({ icon, label, title, action, id, confirm }: AdminAction): import("react/jsx-runtime").JSX.Element;
+export declare function BulkActionButton({ label, icon, title, action, id, confirm }: AdminAction): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/ActionButton.js

@@ -1,21 +1,65 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, useListContext, useRecordContext, useResourceContext } from "react-admin";
-import { useState } from "react";
+import { Button, useListContext, useRecordContext, useResourceContext, useTranslate, } from "react-admin";
+import { useMemo, useState } from "react";
+import { useConfirmation } from "../common";
 import { useAction } from "../hooks/useAction";
 import { buildIcon, findBuilder } from "../utils";
-export function ActionButton({ icon, label, title, action, id }) {
-    const [payloadActive, setPayloadActive] = useState(false);
+export function ActionButton({ icon, label, title, action, id, confirm }) {
+    const translate = useTranslate();
     const record = useRecordContext();
     const resource = useResourceContext();
-    const { mutate, isPending } = useAction(action, {});
+    const confirmation = useConfirmation();
+    const { mutate, isPending } = useAction(action);
+    const [payloadActive, setPayloadActive] = useState(false);
+    const [payloadResolver, setPayloadResolver] = useState();
     const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => (PayloadBuilder ? setPayloadActive(true) : mutate({ record })), disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => mutate({ record, payload }), onClose: () => setPayloadActive(false) }))] }));
+    const buildPayload = useMemo(() => {
+        if (PayloadBuilder) {
+            return new Promise((resolve) => setPayloadResolver(() => resolve));
+        }
+        return Promise.resolve();
+    }, [PayloadBuilder]);
+    const confirmMessage = typeof confirm === "string" ? translate(confirm) : "Do you confirm this action?";
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => __awaiter(this, void 0, void 0, function* () {
+                    if (PayloadBuilder)
+                        setPayloadActive(true);
+                    const payload = yield buildPayload;
+                    const process = confirm ? yield confirmation.confirm({ message: confirmMessage }) : true;
+                    if (process)
+                        yield mutate({ record, payload });
+                }), disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: payloadResolver, onClose: () => setPayloadActive(false) }))] }));
 }
-export function BulkActionButton({ label, icon, title, action, id }) {
+export function BulkActionButton({ label, icon, title, action, id, confirm }) {
+    const translate = useTranslate();
     const { selectedIds } = useListContext();
     const { mutate, isPending } = useAction(action);
+    const confirmation = useConfirmation();
     const resource = useResourceContext();
     const [payloadActive, setPayloadActive] = useState(false);
+    const [payloadResolver, setPayloadResolver] = useState();
     const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => (PayloadBuilder ? setPayloadActive(true) : mutate({ ids: selectedIds })), disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => mutate({ ids: selectedIds, payload }), onClose: () => setPayloadActive(false) }))] }));
+    const buildPayload = useMemo(() => {
+        if (PayloadBuilder) {
+            return new Promise((resolve) => setPayloadResolver(() => resolve));
+        }
+        return Promise.resolve();
+    }, [PayloadBuilder]);
+    const confirmMessage = typeof confirm === "string" ? translate(confirm) : "Do you confirm this action?";
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => __awaiter(this, void 0, void 0, function* () {
+                    if (PayloadBuilder)
+                        setPayloadActive(true);
+                    const payload = yield buildPayload;
+                    const process = confirm ? yield confirmation.confirm({ message: confirmMessage }) : true;
+                    if (process)
+                        yield mutate({ ids: selectedIds, payload });
+                }), disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: payloadResolver, onClose: () => setPayloadActive(false) }))] }));
 }

package/dist/common/AdminModal.d.ts

@@ -0,0 +1,10 @@
+import { DialogProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+interface IProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    actions?: React.ReactNode;
+}
+export declare function AdminModal({ open, onClose, children, title, actions, ...props }: PropsWithChildren<IProps & DialogProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/AdminModal.js

@@ -0,0 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+export function AdminModal(_a) {
+    var { open, onClose, children, title, actions } = _a, props = __rest(_a, ["open", "onClose", "children", "title", "actions"]);
+    return (_jsxs(Dialog, Object.assign({ open: open, onClose: onClose, fullWidth: true, maxWidth: "md" }, props, { children: [title && _jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: children }), actions && _jsx(DialogActions, { children: actions })] })));
+}

package/dist/common/ConfirmationProvider.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from "react";
+type TConfirmProps = {
+    title?: string;
+    message: string;
+    actions?: React.ReactNode;
+};
+type TConfirmContext = {
+    confirm: (props: TConfirmProps) => Promise<boolean>;
+};
+export declare const ConfirmContext: import("react").Context<TConfirmContext>;
+export declare function ConfirmationProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare const useConfirmation: () => TConfirmContext;
+export {};

package/dist/common/ConfirmationProvider.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Typography } from "@mui/material";
+import { createContext, useContext, useState } from "react";
+import { useTranslate } from "react-admin";
+import { AdminModal } from "./AdminModal";
+export const ConfirmContext = createContext({});
+export function ConfirmationProvider({ children }) {
+    const translate = useTranslate();
+    const [open, setOpen] = useState(false);
+    const [title, setTitle] = useState(translate("ra.message.are_you_sure"));
+    const [message, setMessage] = useState(null);
+    const [resolver, setResolve] = useState(null);
+    function handleConfirm({ title, message }) {
+        setOpen(true);
+        if (title)
+            setTitle(title);
+        if (message)
+            setMessage(message);
+        return new Promise((resolve) => {
+            setResolve(() => resolve);
+        });
+    }
+    const confirmContext = {
+        confirm: handleConfirm,
+    };
+    return (_jsxs(ConfirmContext.Provider, { value: confirmContext, children: [children, _jsx(AdminModal, { open: open, onClose: () => setOpen(false), title: title, maxWidth: "xs", actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", onClick: () => {
+                                setOpen(false);
+                                resolver(true);
+                            }, children: translate("ra.action.confirm") }), _jsx(Button, { variant: "outlined", onClick: () => {
+                                setOpen(false);
+                                resolver(false);
+                            }, children: translate("ra.action.cancel") })] }), children: _jsx(Typography, { children: message }) })] }));
+}
+export const useConfirmation = () => {
+    return useContext(ConfirmContext);
+};

package/dist/common/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./AdminModal";
+export * from "./ConfirmationProvider";

package/dist/common/index.js

@@ -0,0 +1,2 @@
+export * from "./AdminModal";
+export * from "./ConfirmationProvider";

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
 export * from "./buttons";
+export * from "./common";
 export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";

package/dist/index.js

@@ -23,6 +23,7 @@ export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
 export * from "./buttons";
+export * from "./common";
 export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";