muffin-admin 3.2.2 → 3.4.0

package/dist/MuffinAdmin.js

@@ -3,16 +3,16 @@ import IconButton from "@mui/material/IconButton";
 import SvgIcon from "@mui/material/SvgIcon";
 import Tooltip from "@mui/material/Tooltip";
 import Typography from "@mui/material/Typography";
-import { Admin, AppBar, Layout, Login, } from "react-admin";
+import { AdminContext, AdminUI, AppBar, defaultI18nProvider, Layout, localStorageStore, Login, } from "react-admin";
+import { ConfirmationProvider } from "./common";
 import { useMuffinAdminOpts } from "./hooks";
 import { buildAdmin, findBuilder, findIcon, setupAdmin } from "./utils";
 export function MuffinAdmin(props) {
     const opts = useMuffinAdminOpts();
     const { resources = [], auth, adminProps, apiUrl } = opts;
     document.title = (adminProps === null || adminProps === void 0 ? void 0 : adminProps.title) || "Muffin Admin";
-    const authProvider = findBuilder(["authprovider"])(auth);
-    const dataProvider = findBuilder(["dataprovider"])(apiUrl);
-    return (_jsx(Admin, Object.assign({ requireAuth: auth.required, authProvider: authProvider, dataProvider: dataProvider, layout: findBuilder(["layout"]), loginPage: findBuilder(["loginpage"]), dashboard: findBuilder(["dashboard"]), darkTheme: { palette: { mode: "dark" } } }, props, { children: resources === null || resources === void 0 ? void 0 : resources.map(({ name }) => buildAdmin(["resource", name], { name })) })));
+    const { basename, authProvider = findBuilder(["authprovider"])(auth), dataProvider = findBuilder(["dataprovider"])(apiUrl), catchAll, dashboard = findBuilder(["dashboard"]), disableTelemetry, error, i18nProvider = defaultI18nProvider, layout = findBuilder(["layout"]), loading, loginPage = findBuilder(["loginpage"]), authCallbackPage, notification, queryClient, requireAuth = auth.required, store = localStorageStore(), ready, theme, lightTheme, darkTheme, defaultTheme, title = "React Admin", } = props;
+    return (_jsx(AdminContext, { authProvider: authProvider, basename: basename, dataProvider: dataProvider, i18nProvider: i18nProvider, store: store, queryClient: queryClient, theme: theme, lightTheme: lightTheme, darkTheme: darkTheme, defaultTheme: defaultTheme, children: _jsx(ConfirmationProvider, { children: _jsx(AdminUI, { layout: layout, dashboard: dashboard, disableTelemetry: disableTelemetry, catchAll: catchAll, error: error, title: title, loading: loading, loginPage: loginPage, authCallbackPage: authCallbackPage, notification: notification, requireAuth: requireAuth, ready: ready, children: resources === null || resources === void 0 ? void 0 : resources.map(({ name }) => buildAdmin(["resource", name], { name })) }) }) }));
 }
 setupAdmin(["admin"], MuffinAdmin);
 export function MuffinAdminLayout(props) {

package/dist/MuffinResourceList.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import sortBy from "lodash/sortBy";
 import uniq from "lodash/uniq";
-import { BulkDeleteButton, CreateButton, DatagridConfigurable, EditButton, ExportButton, FilterButton, List, Pagination, SelectColumnsButton, TopToolbar, } from "react-admin";
+import { BulkDeleteButton, BulkExportButton, CreateButton, DatagridConfigurable, EditButton, ExportButton, FilterButton, List, Pagination, SelectColumnsButton, TopToolbar, } from "react-admin";
 import { buildRA } from "./buildRA";
 import { BulkActionButton } from "./buttons";
 import { useMuffinResourceOpts } from "./hooks";
@@ -11,8 +11,7 @@ export function MuffinList() {
     const { limit, limitMax, filters, sort } = list;
     const DataGrid = findBuilder(["list-grid", name]);
     const Toolbar = findBuilder(["list-toolbar", name]);
-    const BulkActions = findBuilder(["list-bulk-actions", name]);
-    return (_jsx(List, { sort: sort, perPage: limit, actions: _jsx(Toolbar, {}), filters: buildAdmin(["list-filters", name], filters), bulkActionButtons: _jsx(BulkActions, {}), pagination: _jsx(Pagination, { rowsPerPageOptions: sortBy(uniq([10, 25, 50, 100, limit, limitMax])) }), children: _jsx(DataGrid, {}) }));
+    return (_jsx(List, { sort: sort, perPage: limit, actions: _jsx(Toolbar, {}), filters: buildAdmin(["list-filters", name], filters), pagination: _jsx(Pagination, { rowsPerPageOptions: sortBy(uniq([10, 25, 50, 100, limit, limitMax])) }), children: _jsx(DataGrid, {}) }));
 }
 setupAdmin(["list"], MuffinList);
 setupAdmin(["list-fields"], buildRA);
@@ -20,7 +19,8 @@ setupAdmin(["list-filters"], buildRA);
 function MuffinListDatagrid() {
     const { name, list } = useMuffinResourceOpts();
     const { fields, edit, show } = list;
-    return (_jsxs(DatagridConfigurable, { rowClick: show ? "show" : edit ? "edit" : false, children: [buildAdmin(["list-fields", name], fields), buildAdmin(["list-grid-buttons", name])] }));
+    const BulkActions = findBuilder(["list-bulk-actions", name]);
+    return (_jsxs(DatagridConfigurable, { rowClick: show ? "show" : edit ? "edit" : false, bulkActionButtons: _jsx(BulkActions, {}), children: [buildAdmin(["list-fields", name], fields), buildAdmin(["list-grid-buttons", name])] }));
 }
 setupAdmin(["list-grid"], MuffinListDatagrid);
 function MuffinListGridButtons() {
@@ -38,6 +38,6 @@ function MuffinListToolbar() {
 setupAdmin(["list-toolbar"], MuffinListToolbar);
 function MuffinListBulkActions() {
     const { list: { actions, remove }, } = useMuffinResourceOpts();
-    return (_jsxs(_Fragment, { children: [actions.map((props) => (_jsx(BulkActionButton, Object.assign({}, props), props.id))), remove && _jsx(BulkDeleteButton, {})] }));
+    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

@@ -1,3 +1,8 @@
 import { AdminAction } from "../types";
-export declare function ActionButton({ icon, label, title, action, id }: AdminAction): import("react/jsx-runtime").JSX.Element;
-export declare function BulkActionButton({ label, icon, title, action, id }: AdminAction): import("react/jsx-runtime").JSX.Element;
+export type ActionPayloadProps = {
+    active: boolean;
+    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;

package/dist/buttons/ActionButton.js

@@ -1,21 +1,59 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        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 } from "react-admin";
+import { Button, useListContext, useRecordContext, useResourceContext, useTranslate, } from "react-admin";
 import { useState } from "react";
+import { useConfirmation } from "../common";
 import { useAction } from "../hooks/useAction";
 import { buildIcon, findBuilder } from "../utils";
-export function ActionButton({ icon, label, title, action, id }) {
-    const [payloadActive, setPayloadActive] = useState(false);
+export function ActionButton({ icon, label, title, action, id, confirm }) {
+    const translate = useTranslate();
     const record = useRecordContext();
     const resource = useResourceContext();
-    const { mutate, isLoading } = useAction(action, {});
+    const confirmation = useConfirmation();
+    const { mutate, isPending } = useAction(action, {});
+    const [payloadActive, setPayloadActive] = useState(false);
+    const [payloadResolver, setPayloadResolver] = useState();
     const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => (PayloadBuilder ? setPayloadActive(true) : mutate({ record })), disabled: isLoading, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => mutate({ record, payload }), onClose: () => setPayloadActive(false) }))] }));
+    const buildPayload = PayloadBuilder
+        ? new Promise((resolve) => setPayloadResolver(() => resolve))
+        : Promise.resolve();
+    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) }))] }));
 }
-export function BulkActionButton({ label, icon, title, action, id }) {
+export function BulkActionButton({ label, icon, title, action, id, confirm }) {
+    const translate = useTranslate();
     const { selectedIds } = useListContext();
-    const { mutate, isLoading } = useAction(action);
+    const { mutate, isPending } = useAction(action);
+    const confirmation = useConfirmation();
     const resource = useResourceContext();
     const [payloadActive, setPayloadActive] = useState(false);
+    const [payloadResolver, setPayloadResolver] = useState();
     const PayloadBuilder = findBuilder(["action", "payload", id, resource]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { label: label, title: title, onClick: () => (PayloadBuilder ? setPayloadActive(true) : mutate({ ids: selectedIds })), disabled: isLoading, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: (payload) => mutate({ ids: selectedIds, payload }), onClose: () => setPayloadActive(false) }))] }));
+    const buildPayload = PayloadBuilder
+        ? new Promise((resolve) => setPayloadResolver(() => resolve))
+        : Promise.resolve();
+    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({ ids: selectedIds, payload });
+                }), disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: payloadResolver, onClose: () => setPayloadActive(false) }))] }));
 }

package/dist/common/AdminModal.d.ts

@@ -0,0 +1,10 @@
+import { DialogProps } from "@mui/material";
+import { PropsWithChildren } from "react";
+interface IProps {
+    open: boolean;
+    onClose: () => void;
+    title?: string;
+    actions?: React.ReactNode;
+}
+export declare function AdminModal({ open, onClose, children, title, actions, ...props }: PropsWithChildren<IProps & DialogProps>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/common/AdminModal.js

@@ -0,0 +1,17 @@
+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 } from "react/jsx-runtime";
+import { Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
+export function AdminModal(_a) {
+    var { open, onClose, children, title, actions } = _a, props = __rest(_a, ["open", "onClose", "children", "title", "actions"]);
+    return (_jsxs(Dialog, Object.assign({ open: open, onClose: onClose, fullWidth: true, maxWidth: "md" }, props, { children: [title && _jsx(DialogTitle, { children: title }), _jsx(DialogContent, { children: children }), actions && _jsx(DialogActions, { children: actions })] })));
+}

package/dist/common/ConfirmationProvider.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from "react";
+type TConfirmProps = {
+    title?: string;
+    message: string;
+    actions?: React.ReactNode;
+};
+type TConfirmContext = {
+    confirm: (props: TConfirmProps) => Promise<boolean>;
+};
+export declare const ConfirmContext: import("react").Context<TConfirmContext>;
+export declare function ConfirmationProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export declare const useConfirmation: () => TConfirmContext;
+export {};

package/dist/common/ConfirmationProvider.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Typography } from "@mui/material";
+import { createContext, useContext, useState } from "react";
+import { useTranslate } from "react-admin";
+import { AdminModal } from "./AdminModal";
+export const ConfirmContext = createContext({});
+export function ConfirmationProvider({ children }) {
+    const translate = useTranslate();
+    const [open, setOpen] = useState(false);
+    const [title, setTitle] = useState(translate("ra.message.are_you_sure"));
+    const [message, setMessage] = useState(null);
+    const [resolver, setResolve] = useState(null);
+    function handleConfirm({ title, message }) {
+        setOpen(true);
+        if (title)
+            setTitle(title);
+        if (message)
+            setMessage(message);
+        return new Promise((resolve) => {
+            setResolve(() => resolve);
+        });
+    }
+    const confirmContext = {
+        confirm: handleConfirm,
+    };
+    return (_jsxs(ConfirmContext.Provider, { value: confirmContext, children: [children, _jsx(AdminModal, { open: open, onClose: () => setOpen(false), title: title, maxWidth: "xs", actions: _jsxs(_Fragment, { children: [_jsx(Button, { variant: "contained", onClick: () => {
+                                setOpen(false);
+                                resolver(true);
+                            }, children: translate("ra.action.confirm") }), _jsx(Button, { variant: "outlined", onClick: () => {
+                                setOpen(false);
+                                resolver(false);
+                            }, children: translate("ra.action.cancel") })] }), children: _jsx(Typography, { children: message }) })] }));
+}
+export const useConfirmation = () => {
+    return useContext(ConfirmContext);
+};

package/dist/common/index.d.ts

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

package/dist/common/index.js

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

package/dist/context.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { AdminOpts } from "./types";
 export declare const MuffinAdminContext: import("react").Context<AdminOpts>;

package/dist/dataprovider.js

@@ -50,27 +50,27 @@ export function MuffinDataprovider(apiUrl) {
         getOne: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { id }) {
             return yield request(`${resource}/${id}`);
         }),
-        create: (resource_2, _b) => __awaiter(this, [resource_2, _b], void 0, function* (resource, { data }) {
+        create: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { data }) {
             return yield request(resource, {
                 data,
                 method: "POST",
             });
         }),
-        update: (resource_3, _c) => __awaiter(this, [resource_3, _c], void 0, function* (resource, { id, data }) {
+        update: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { id, data }) {
             return yield makeRequest(`${apiUrl}/${resource}/${id}`, {
                 data,
                 method: "PUT",
             }).then(({ json }) => ({ data: json }));
         }),
-        updateMany: (resource_4, _d) => __awaiter(this, [resource_4, _d], void 0, function* (resource, { ids, data }) {
+        updateMany: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { ids, data }) {
             yield Promise.all(ids.map((id) => methods.update(resource, { id, data })));
             return { data: ids };
         }),
-        delete: (resource_5, _e) => __awaiter(this, [resource_5, _e], void 0, function* (resource, { id }) {
+        delete: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { id }) {
             yield request(`${resource}/${id}`, { method: "DELETE" });
             return { data: { id } };
         }),
-        deleteMany: (resource_6, _f) => __awaiter(this, [resource_6, _f], void 0, function* (resource, { ids }) {
+        deleteMany: (resource_1, _a) => __awaiter(this, [resource_1, _a], 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, _g) => __awaiter(this, void 0, void 0, function* () {
-            var { target, id, filter } = _g, opts = __rest(_g, ["target", "id", "filter"]);
+        getManyReference: (resource, _a) => __awaiter(this, void 0, void 0, function* () {
+            var { target, id, filter } = _a, opts = __rest(_a, ["target", "id", "filter"]);
             filter = filter || {};
             filter[target] = id;
             return yield methods.getList(resource, Object.assign({ filter }, opts));

package/dist/hooks/useAction.d.ts

@@ -1,7 +1,7 @@
-import { UseMutationOptions } from "react-query";
+import { UseMutationOptions } from "@tanstack/react-query";
 import { TActionProps } from "../dataprovider";
 export declare function useAction(action: string, options?: UseMutationOptions<{
     data: any;
-}, any, TActionProps>): import("react-query").UseMutationResult<{
+}, any, TActionProps>): import("@tanstack/react-query").UseMutationResult<{
     data: any;
 }, any, TActionProps, unknown>;

package/dist/hooks/useAction.js

@@ -1,12 +1,12 @@
+import { useMutation } from "@tanstack/react-query";
 import { useDataProvider, useNotify, useRefresh, useResourceContext, useUnselectAll, } from "react-admin";
-import { useMutation } from "react-query";
 export function useAction(action, options) {
     const notify = useNotify();
     const refresh = useRefresh();
     const resource = useResourceContext();
     const unselectAll = useUnselectAll(resource);
     const dataProvider = useDataProvider();
-    return useMutation((params) => dataProvider.runAction(resource, action, params), Object.assign({ onSuccess: ({ data }) => {
+    return useMutation(Object.assign({ mutationFn: (params) => dataProvider.runAction(resource, action, params), onSuccess: ({ data }) => {
             if (data && data.message)
                 notify(data.message, { type: "success" });
             if (data && data.redirectTo)

package/dist/index.d.ts

@@ -10,6 +10,7 @@ export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
 export * from "./buttons";
+export * from "./common";
 export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";

package/dist/index.js

@@ -23,6 +23,7 @@ export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
 export * from "./buttons";
+export * from "./common";
 export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";