muffin-admin 3.6.3 → 3.7.1

package/dist/buildRA.js

@@ -45,7 +45,6 @@ const UI = {
     FKInput,
 };
 export function buildRAComponent(name, props) {
-    var _a;
     const Item = UI[name];
     if (!Item)
         return null;
@@ -53,7 +52,6 @@ export function buildRAComponent(name, props) {
         props.validate = required();
         delete props.required;
     }
-    props.fullWidth = (_a = props.fullWidth) !== null && _a !== void 0 ? _a : true;
     if (props.children)
         props.children = buildRA(props.children)[0];
     return _jsx(Item, Object.assign({}, props), props.source);

package/dist/buttons/ActionButton.d.ts

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

package/dist/buttons/ActionButton.js

@@ -18,19 +18,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, FormGroupsProvider, useAugmentedForm, useListContext, useRecordContext, useResourceContext, useTranslate, } from "react-admin";
+import { FormProvider } from "react-hook-form";
 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(_a) {
-    var { action, confirm } = _a, props = __rest(_a, ["action", "confirm"]);
+    var { paths, confirm } = _a, props = __rest(_a, ["paths", "confirm"]);
     const translate = useTranslate();
     const record = useRecordContext();
     const confirmation = useConfirmation();
-    const { mutate, isPending } = useAction(action);
+    const path = paths.find((p) => p.includes("{id}")) || paths[paths.length - 1];
+    const { mutate, isPending } = useAction(path);
     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;
@@ -40,10 +42,11 @@ export function ActionButton(_a) {
     return _jsx(ActionButtonBase, Object.assign({}, props, { isPending: isPending, onHandle: onHandle }));
 }
 export function BulkActionButton(_a) {
-    var { action, confirm } = _a, props = __rest(_a, ["action", "confirm"]);
+    var { paths, confirm } = _a, props = __rest(_a, ["paths", "confirm"]);
     const translate = useTranslate();
     const { selectedIds } = useListContext();
-    const { mutate, isPending } = useAction(action);
+    const path = paths.find((p) => !p.includes("{id}")) || paths[0];
+    const { mutate, isPending } = useAction(path);
     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* () {
@@ -53,14 +56,6 @@ export function BulkActionButton(_a) {
     });
     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);
@@ -72,3 +67,17 @@ function ActionButtonBase({ label, title, onHandle, isPending, icon, schema, id,
                         onHandle();
                 }, disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: onHandle, onClose: () => setPayloadActive(false), title: title || label, schema: schema }))] }));
 }
+export function CommonPayload({ active, onClose, onHandle, schema, title }) {
+    schema[0][1] = Object.assign(Object.assign({}, schema[0][1]), { autoFocus: true });
+    const inputs = buildRA(schema);
+    const translate = useTranslate();
+    const { form, formHandleSubmit } = useAugmentedForm({
+        onSubmit: (data) => {
+            onClose();
+            onHandle(data);
+            form.reset();
+        },
+        record: {},
+    });
+    return (_jsx(AdminModal, { maxWidth: "sm", open: active, onClose: onClose, title: translate(title, { _: title }), children: _jsx(FormProvider, Object.assign({}, form, { children: _jsx(FormGroupsProvider, { children: _jsxs("form", { onSubmit: formHandleSubmit, children: [inputs, _jsx(PayloadButtons, { onClose: onClose })] }) }) })) }));
+}