muffin-admin 2.4.0 → 2.5.1

package/dist/buttons/ActionButton.js

@@ -1,15 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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";
-import { buildIcon } from "../utils";
+import { buildIcon, findBuilder } from "../utils";
 export function BulkActionButton({ label, icon, title, action }) {
     const resource = useResourceContext();
     const { selectedIds } = useListContext();
     const refresh = useRefresh(), unselectAll = useUnselectAll(resource), notify = useNotify();
-    const mutation = useAction(resource, action);
+    const { mutate, isLoading } = useAction(action);
     const onClick = () => {
-        mutation.mutate({
+        mutate({
             action,
             ids: selectedIds,
         }, {
@@ -24,28 +25,33 @@ export function BulkActionButton({ label, icon, title, action }) {
             },
         });
     };
-    return (_jsx(Button, { label: label, title: title, onClick: onClick, disabled: mutation.isLoading, children: buildIcon(icon) }));
+    return (_jsx(Button, { label: label, title: title, onClick: onClick, disabled: isLoading, children: buildIcon(icon) }));
 }
 export function ActionButton(props) {
-    const { icon, label, title, resource, action } = props;
+    const { icon, label, title, action } = props;
+    const [payload, setPayload] = useState(null);
+    const [payloadActive, setPayloadActive] = useState(false);
     const record = useRecordContext();
-    const { mutate, isLoading } = useAction(resource, action);
+    const actionData = { record, payload };
+    const { mutate, isLoading } = useAction(action);
+    const PayloadBuilder = findBuilder(["action", "payload", action]);
     const refresh = useRefresh(), notify = useNotify(), Icon = icons[icon];
-    const onClick = () => {
-        mutate({ record }, {
-            onSuccess: ({ data }) => {
+    const process = () => mutate(actionData, {
+        onSuccess: ({ data }) => {
+            if (data && data.message)
+                notify(data.message, { type: "success" });
+            if (data && data.redirectTo)
+                window.location = data.redirectTo;
+            else
                 refresh();
-                if (data && data.redirectTo)
-                    window.location = data.redirectTo;
-                if (data && data.message)
-                    notify(data.message, { type: "success" });
-            },
-            onError: (err) => {
-                notify(typeof err === "string" ? err : err.message, {
-                    type: "error",
-                });
-            },
-        });
-    };
-    return (_jsx(Button, { label: label, title: title, onClick: onClick, disabled: isLoading, children: Icon && _jsx(Icon, {}) }));
+        },
+        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: Icon && _jsx(Icon, {}) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onChange: (payload) => {
+                    setPayloadActive(false);
+                    setPayload(payload);
+                    process();
+                }, onClose: () => setPayloadActive(false) }))] }));
 }

package/dist/dataprovider.d.ts

@@ -61,7 +61,12 @@ export declare function MuffinDataprovider({ apiUrl }: AdminOpts): {
         data: any;
         total: number;
     }>;
-    runAction: (resource: any, action: any, props: any) => Promise<{
+    runAction: (resource: string, action: string, props: TActionProps) => Promise<{
         data: any;
     }>;
 };
+export type TActionProps = {
+    payload?: any;
+    ids?: string[];
+    record: any;
+};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useAction';

package/dist/hooks/index.js

@@ -0,0 +1 @@
+export * from './useAction';

package/dist/hooks/useAction.d.ts

@@ -1,4 +1,4 @@
-export declare function useAction(resource: any, action: any): import("react-query").UseMutationResult<{
+export declare function useAction(action: any): import("react-query").UseMutationResult<{
     data: any;
 }, string | {
     message: string;

package/dist/hooks/useAction.js

@@ -1,6 +1,7 @@
-import { useDataProvider } from "react-admin";
+import { useDataProvider, useResourceContext } from "react-admin";
 import { useMutation } from "react-query";
-export function useAction(resource, action) {
+export function useAction(action) {
     const dataProvider = useDataProvider();
+    const resource = useResourceContext();
     return useMutation((params) => dataProvider.runAction(resource, action, params));
 }

package/dist/index.d.ts

@@ -11,6 +11,7 @@ export * from "./buildRA";
 export * from "./buttons";
 export * from "./dataprovider";
 export * from "./fields";
+export * from "./hooks";
 export * from "./types";
 export * from "./utils";
 export declare function initAdmin(prefix?: string, containerId?: string): Promise<void>;

package/dist/index.js

@@ -22,6 +22,7 @@ export * from "./buildRA";
 export * from "./buttons";
 export * from "./dataprovider";
 export * from "./fields";
+export * from "./hooks";
 export * from "./types";
 export * from "./utils";
 export function initAdmin() {

package/dist/inputs/FKInput.js

@@ -26,5 +26,5 @@ export function FKInput(_a) {
             return `#${pk}`;
         return (pk && `${record[refSource]} (#${pk})`) || "";
     };
-    return (_jsx(ReferenceInput, Object.assign({ reference: reference, source: source }, props, { children: _jsx(AutocompleteInput, Object.assign({ source: refKey, optionText: renderText, fullWidth: fullWidth }, props)) })));
+    return (_jsx(ReferenceInput, { reference: reference, source: source, children: _jsx(AutocompleteInput, Object.assign({ source: refKey, optionText: renderText, fullWidth: fullWidth }, props)) }));
 }