muffin-admin 2.3.13 → 2.5.0

package/dist/MuffinAdmin.js

@@ -4,22 +4,22 @@ import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
 import createTheme from "@mui/material/styles/createTheme";
-import { Admin, AppBar, Layout, Login, ToggleThemeButton, defaultTheme, } from "react-admin";
+import { Admin, AppBar, Layout, Login } from "react-admin";
 import { AdminPropsContext, buildAdmin, findBuilder, findIcon, setupAdmin } from "./utils";
 const darkTheme = createTheme({
     palette: { mode: "dark" },
 });
 export function MuffinAdmin(props) {
     const { resources, auth, appBarLinks, adminProps, dashboard } = props;
-    const children = resources.map((resource) => buildAdmin(["resource", resource.name], Object.assign(Object.assign({}, resource), { key: resource.name })));
+    const children = resources.map((resource) => buildAdmin(["resource", resource.name], Object.assign({}, resource)));
     document.title = adminProps.title || "Muffin Admin";
     const appBar = (props) => (_jsxs(AppBar, Object.assign({}, props, { children: [_jsx(Typography, { variant: "h6", color: "inherit", id: "react-admin-title", style: {
                     flex: 1,
                     textOverflow: "ellipsis",
                     whiteSpace: "nowrap",
                     overflow: "hidden",
-                } }), _jsx(ToggleThemeButton, { lightTheme: defaultTheme, darkTheme: darkTheme }), appBarLinks.map((info) => (_jsx(Tooltip, { title: info.title, children: _jsx(IconButton, { color: "inherit", href: info.url, children: _jsx(SvgIcon, { component: findIcon(info.icon) }) }) }, info.url)))] })));
-    return (_jsx(AdminPropsContext.Provider, { value: props, children: _jsx(Admin, { authProvider: buildAdmin(["authprovider"], auth), dashboard: dashboard ? buildAdmin(["dashboard"], dashboard) : null, dataProvider: buildAdmin(["dataprovider"], props), layout: (props) => _jsx(Layout, Object.assign({}, props, { appBar: appBar })), loginPage: findBuilder(["loginpage"]), requireAuth: auth.required, children: children }) }));
+                } }), appBarLinks.map((info) => (_jsx(Tooltip, { title: info.title, children: _jsx(IconButton, { color: "inherit", href: info.url, children: _jsx(SvgIcon, { component: findIcon(info.icon) }) }) }, info.url)))] })));
+    return (_jsx(AdminPropsContext.Provider, { value: props, children: _jsx(Admin, { authProvider: buildAdmin(["authprovider"], auth), dashboard: dashboard ? buildAdmin(["dashboard"], dashboard) : null, dataProvider: buildAdmin(["dataprovider"], props), layout: (props) => _jsx(Layout, Object.assign({}, props, { appBar: appBar })), loginPage: findBuilder(["loginpage"]), requireAuth: auth.required, darkTheme: { palette: { mode: "dark" } }, children: children }) }));
 }
 setupAdmin(["admin"], MuffinAdmin);
 // Initialize login page

package/dist/MuffinResource.js

@@ -14,6 +14,6 @@ import { Resource } from "react-admin";
 import { buildAdmin, findIcon, setupAdmin } from "./utils";
 export function MuffinResource(_a) {
     var { name, create: createProps, edit: editProps, list: listProps, show: showProps, icon } = _a, props = __rest(_a, ["name", "create", "edit", "list", "show", "icon"]);
-    return (_jsx(Resource, Object.assign({ name: name, icon: findIcon(icon), create: createProps ? buildAdmin(["create", name], createProps) : undefined, edit: editProps ? buildAdmin(["edit", name], editProps) : undefined, list: buildAdmin(["list", name], listProps), show: buildAdmin(["show", name], showProps) }, props)));
+    return (_jsx(Resource, Object.assign({ name: name, icon: findIcon(icon), create: createProps ? buildAdmin(["create", name], createProps) : undefined, edit: editProps ? buildAdmin(["edit", name], editProps) : undefined, list: buildAdmin(["list", name], listProps), show: buildAdmin(["show", name], showProps) }, props), name));
 }
 setupAdmin(["resource"], MuffinResource);

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,32 @@ 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, { onChange: (payload) => {
+                    setPayload(payload);
+                    process();
+                }, active: payloadActive }))] }));
 }

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/dataprovider.js

@@ -47,30 +47,30 @@ export function MuffinDataprovider({ apiUrl }) {
             const { headers, data } = yield request(resource, { query });
             return { data, total: parseInt(headers.get("x-total"), 10) };
         }),
-        getOne: (resource, { id }) => __awaiter(this, void 0, void 0, function* () {
+        getOne: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { id }) {
             return yield request(`${resource}/${id}`);
         }),
-        create: (resource, { data }) => __awaiter(this, void 0, void 0, function* () {
+        create: (resource_2, _b) => __awaiter(this, [resource_2, _b], void 0, function* (resource, { data }) {
             return yield request(resource, {
                 data,
                 method: "POST",
             });
         }),
-        update: (resource, { id, data }) => __awaiter(this, void 0, void 0, function* () {
+        update: (resource_3, _c) => __awaiter(this, [resource_3, _c], void 0, function* (resource, { id, data }) {
             return yield makeRequest(`${apiUrl}/${resource}/${id}`, {
                 data,
                 method: "PUT",
             });
         }),
-        updateMany: (resource, { ids, data }) => __awaiter(this, void 0, void 0, function* () {
+        updateMany: (resource_4, _d) => __awaiter(this, [resource_4, _d], void 0, function* (resource, { ids, data }) {
             yield Promise.all(ids.map((id) => methods.update(resource, { id, data })));
             return { data: ids };
         }),
-        delete: (resource, { id }) => __awaiter(this, void 0, void 0, function* () {
+        delete: (resource_5, _e) => __awaiter(this, [resource_5, _e], void 0, function* (resource, { id }) {
             yield request(`${resource}/${id}`, { method: "DELETE" });
             return { data: { id } };
         }),
-        deleteMany: (resource, { ids }) => __awaiter(this, void 0, void 0, function* () {
+        deleteMany: (resource_6, _f) => __awaiter(this, [resource_6, _f], void 0, function* (resource, { ids }) {
             yield request(resource, {
                 data: ids,
                 method: "DELETE",
@@ -82,8 +82,8 @@ export function MuffinDataprovider({ apiUrl }) {
             const key = (meta === null || meta === void 0 ? void 0 : meta.key) || "id";
             return methods.getList(resource, { filter: { [key]: { $in: ids } } });
         },
-        getManyReference: (resource, _a) => __awaiter(this, void 0, void 0, function* () {
-            var { target, id, filter } = _a, opts = __rest(_a, ["target", "id", "filter"]);
+        getManyReference: (resource, _g) => __awaiter(this, void 0, void 0, function* () {
+            var { target, id, filter } = _g, opts = __rest(_g, ["target", "id", "filter"]);
             filter = filter || {};
             filter[target] = id;
             return yield methods.getList(resource, Object.assign({ filter }, opts));

package/dist/fields/AvatarField.d.ts

@@ -7,7 +7,4 @@ export declare function AvatarField({ source, alt, style, nameProp, ...props }:
 }): import("react/jsx-runtime").JSX.Element;
 export declare namespace AvatarField {
     var displayName: string;
-    var defaultProps: {
-        addLabel: boolean;
-    };
 }

package/dist/fields/AvatarField.js

@@ -28,6 +28,3 @@ export function AvatarField(_a) {
     return (_jsx(Avatar, { src: value, alt: alt, style: style, children: letters }));
 }
 AvatarField.displayName = "AvatarField";
-AvatarField.defaultProps = {
-    addLabel: true,
-};

package/dist/fields/FKField.d.ts

@@ -8,7 +8,4 @@ export declare function FKField({ reference, refSource, refKey, link, source, ..
 }): import("react/jsx-runtime").JSX.Element;
 export declare namespace FKField {
     var displayName: string;
-    var defaultProps: {
-        addLabel: boolean;
-    };
 }

package/dist/fields/FKField.js

@@ -16,6 +16,3 @@ export function FKField(_a) {
     return (_jsx(ReferenceField, Object.assign({ link: link || "show", reference: reference, source: source, queryOptions: { meta: { key: refKey } } }, props, { children: _jsxs(_Fragment, { children: [_jsx(TextField, { source: refSource }), " (#", _jsx(TextField, { source: refKey || "id" }), ")"] }) })));
 }
 FKField.displayName = "FKField";
-FKField.defaultProps = {
-    addLabel: true,
-};

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,10 +22,11 @@ export * from "./buildRA";
 export * from "./buttons";
 export * from "./dataprovider";
 export * from "./fields";
+export * from "./hooks";
 export * from "./types";
 export * from "./utils";
-export function initAdmin(prefix = "", containerId = "root") {
-    return __awaiter(this, void 0, void 0, function* () {
+export function initAdmin() {
+    return __awaiter(this, arguments, void 0, function* (prefix = "", containerId = "root") {
         const response = yield fetch(`${prefix}/ra.json`);
         const props = yield response.json();
         const container = document.getElementById(containerId);

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)) }));
 }