muffin-admin 3.5.0 → 3.6.2

package/dist/MuffinResourceList.js

@@ -3,7 +3,7 @@ import sortBy from "lodash/sortBy";
 import uniq from "lodash/uniq";
 import { BulkDeleteButton, BulkExportButton, CreateButton, DatagridConfigurable, EditButton, ExportButton, FilterButton, List, Pagination, SelectColumnsButton, TopToolbar, } from "react-admin";
 import { buildRA } from "./buildRA";
-import { BulkActionButton } from "./buttons";
+import { ActionButton, BulkActionButton } from "./buttons";
 import { useMuffinResourceOpts } from "./hooks";
 import { buildAdmin, findBuilder, setupAdmin } from "./utils";
 export function MuffinList() {
@@ -32,13 +32,14 @@ function MuffinListGridButtons() {
 }
 setupAdmin(["list-grid-buttons"], MuffinListGridButtons);
 function MuffinListToolbar() {
-    const { list: { create }, } = useMuffinResourceOpts();
-    return (_jsxs(TopToolbar, { children: [_jsx(SelectColumnsButton, {}), _jsx(FilterButton, {}), create && _jsx(CreateButton, {}), _jsx(ExportButton, {})] }));
+    const { actions: baseActions = [], list: { create }, } = useMuffinResourceOpts();
+    const actions = baseActions.filter((a) => a.view.includes("list"));
+    return (_jsxs(TopToolbar, { children: [_jsx(SelectColumnsButton, {}), _jsx(FilterButton, {}), actions.length && actions.map((props) => _jsx(ActionButton, Object.assign({}, props), props.id)), create && _jsx(CreateButton, {}), _jsx(ExportButton, {})] }));
 }
 setupAdmin(["list-toolbar"], MuffinListToolbar);
 function MuffinListBulkActions() {
     const { actions: baseActions = [], list: { remove }, } = useMuffinResourceOpts();
-    const actions = baseActions.filter((a) => a.view.includes("list"));
+    const actions = baseActions.filter((a) => a.view.includes("bulk"));
     return (_jsxs(_Fragment, { children: [actions.map((props) => (_jsx(BulkActionButton, Object.assign({}, props), props.id))), _jsx(BulkExportButton, {}), remove && _jsx(BulkDeleteButton, {})] }));
 }
 setupAdmin(["list-bulk-actions"], MuffinListBulkActions);

package/dist/buttons/ActionButton.d.ts

@@ -4,5 +4,12 @@ export type ActionPayloadProps = {
     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;
+export declare function ActionButton({ action, confirm, ...props }: AdminAction): import("react/jsx-runtime").JSX.Element;
+export declare function BulkActionButton({ action, confirm, ...props }: AdminAction): import("react/jsx-runtime").JSX.Element;
+export declare function CommonPayload({ active, onClose, onHandle, schema, title }: {
+    active: any;
+    onClose: any;
+    onHandle: any;
+    schema: any;
+    title: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/ActionButton.js

@@ -7,59 +7,68 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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, useTranslate, } from "react-admin";
-import { useMemo, useState } from "react";
-import { useConfirmation } from "../common";
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Form, useListContext, useRecordContext, useResourceContext, useTranslate, } from "react-admin";
+import { useState } from "react";
+import { buildRA } from "../buildRA";
+import { AdminModal, PayloadButtons, useConfirmation } from "../common";
 import { useAction } from "../hooks/useAction";
 import { buildIcon, findBuilder } from "../utils";
-export function ActionButton({ icon, label, title, action, id, confirm }) {
+export function ActionButton(_a) {
+    var { action, confirm } = _a, props = __rest(_a, ["action", "confirm"]);
     const translate = useTranslate();
     const record = useRecordContext();
-    const resource = useResourceContext();
     const confirmation = useConfirmation();
     const { mutate, isPending } = useAction(action);
-    const [payloadActive, setPayloadActive] = useState(false);
-    const [payloadResolver, setPayloadResolver] = useState();
-    const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    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) }))] }));
+    const onHandle = (payload) => __awaiter(this, void 0, void 0, function* () {
+        const process = confirm ? yield confirmation.confirm({ message: confirmMessage }) : true;
+        if (process)
+            yield mutate({ record, payload });
+    });
+    return _jsx(ActionButtonBase, Object.assign({}, props, { isPending: isPending, onHandle: onHandle }));
 }
-export function BulkActionButton({ label, icon, title, action, id, confirm }) {
+export function BulkActionButton(_a) {
+    var { action, confirm } = _a, props = __rest(_a, ["action", "confirm"]);
     const translate = useTranslate();
     const { selectedIds } = useListContext();
     const { mutate, isPending } = useAction(action);
     const confirmation = useConfirmation();
+    const confirmMessage = typeof confirm === "string" ? translate(confirm) : "Do you confirm this action?";
+    const onHandle = (payload) => __awaiter(this, void 0, void 0, function* () {
+        const process = confirm ? yield confirmation.confirm({ message: confirmMessage }) : true;
+        if (process)
+            yield mutate({ ids: selectedIds, payload });
+    });
+    return _jsx(ActionButtonBase, Object.assign({}, props, { onHandle: onHandle, isPending: isPending }));
+}
+export function CommonPayload({ active, onClose, onHandle, schema, title }) {
+    const inputs = buildRA(schema);
+    const translate = useTranslate();
+    return (_jsx(AdminModal, { maxWidth: "sm", open: active, onClose: onClose, title: translate(title, { _: title }), children: _jsxs(Form, { onSubmit: (data) => {
+                onClose();
+                onHandle(data);
+            }, children: [inputs, _jsx(PayloadButtons, { onClose: onClose })] }) }));
+}
+function ActionButtonBase({ label, title, onHandle, isPending, icon, schema, id, }) {
     const resource = useResourceContext();
     const [payloadActive, setPayloadActive] = useState(false);
-    const [payloadResolver, setPayloadResolver] = useState();
-    const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    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* () {
+    const PayloadBuilder = findBuilder(["action", "payload", id, resource]) || (schema && CommonPayload);
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => {
                     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) }))] }));
+                    else
+                        onHandle();
+                }, disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: onHandle, onClose: () => setPayloadActive(false), title: title || label, schema: schema }))] }));
 }

package/dist/common/PayloadButtons.d.ts

@@ -0,0 +1,3 @@
+export declare function PayloadButtons({ onClose }: {
+    onClose: any;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/common/PayloadButtons.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { Button } from "react-admin";
+import { useFormContext } from "react-hook-form";
+export function PayloadButtons({ onClose }) {
+    const { formState } = useFormContext();
+    return (_jsxs(Stack, { direction: "row", alignItems: "center", justifyContent: "flex-end", spacing: 1, children: [_jsx(Button, { type: "submit", label: "ra.action.confirm", variant: "contained", disabled: !formState.isValid, size: "medium" }), _jsx(Button, { label: "ra.action.cancel", variant: "outlined", size: "medium", onClick: onClose })] }));
+}

package/dist/common/index.d.ts

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

package/dist/common/index.js

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