muffin-admin 2.5.1 → 2.5.3

package/dist/buttons/ActionButton.d.ts

@@ -4,4 +4,9 @@ export declare function BulkActionButton({ label, icon, title, action }: {
     title: any;
     action: any;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function ActionButton(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function ActionButton({ icon, label, title, action }: {
+    icon: any;
+    label: any;
+    title: any;
+    action: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/ActionButton.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as icons from "@mui/icons-material";
 import { Button, useListContext, useNotify, useRecordContext, useRefresh, useResourceContext, useUnselectAll, } from "react-admin";
 import { useState } from "react";
 import { useAction } from "../hooks/useAction";
@@ -7,36 +6,34 @@ import { buildIcon, findBuilder } from "../utils";
 export function BulkActionButton({ label, icon, title, action }) {
     const resource = useResourceContext();
     const { selectedIds } = useListContext();
+    const [payloadActive, setPayloadActive] = useState(false);
+    const PayloadBuilder = findBuilder(["action", "payload", action]);
     const refresh = useRefresh(), unselectAll = useUnselectAll(resource), notify = useNotify();
     const { mutate, isLoading } = useAction(action);
-    const onClick = () => {
-        mutate({
-            action,
-            ids: selectedIds,
-        }, {
-            onSuccess: ({ data }) => {
-                if (data && data.message)
-                    notify(data.message, { type: "success" });
-                refresh();
+    const process = (payload) => mutate({ ids: selectedIds, payload }, {
+        onSuccess: ({ data }) => {
+            if (data && data.message)
+                notify(data.message, { type: "success" });
+            if (data && data.redirectTo)
+                window.location = data.redirectTo;
+            else {
                 unselectAll();
-            },
-            onError: (err) => {
-                notify(typeof err === "string" ? err : err.message, { type: "error" });
-            },
-        });
-    };
-    return (_jsx(Button, { label: label, title: title, onClick: onClick, disabled: isLoading, children: buildIcon(icon) }));
+                refresh();
+            }
+        },
+        onError: (err) => {
+            notify(typeof err === "string" ? err : err.message, { type: "error" });
+        },
+    });
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: PayloadBuilder ? () => setPayloadActive(true) : process, disabled: isLoading, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => process(payload), onClose: () => setPayloadActive(false) }))] }));
 }
-export function ActionButton(props) {
-    const { icon, label, title, action } = props;
-    const [payload, setPayload] = useState(null);
+export function ActionButton({ icon, label, title, action }) {
     const [payloadActive, setPayloadActive] = useState(false);
     const record = useRecordContext();
-    const actionData = { record, payload };
     const { mutate, isLoading } = useAction(action);
     const PayloadBuilder = findBuilder(["action", "payload", action]);
-    const refresh = useRefresh(), notify = useNotify(), Icon = icons[icon];
-    const process = () => mutate(actionData, {
+    const refresh = useRefresh(), notify = useNotify();
+    const process = (payload) => mutate({ record, payload }, {
         onSuccess: ({ data }) => {
             if (data && data.message)
                 notify(data.message, { type: "success" });
@@ -49,9 +46,5 @@ export function ActionButton(props) {
             notify(typeof err === "string" ? err : err.message, { type: "error" });
         },
     });
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: PayloadBuilder ? () => setPayloadActive(true) : process, disabled: isLoading, children: Icon && _jsx(Icon, {}) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onChange: (payload) => {
-                    setPayloadActive(false);
-                    setPayload(payload);
-                    process();
-                }, onClose: () => setPayloadActive(false) }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: PayloadBuilder ? () => setPayloadActive(true) : process, disabled: isLoading, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => process(payload), onClose: () => setPayloadActive(false) }))] }));
 }