muffin-admin 3.8.5 → 3.9.0

package/dist/MuffinAdmin.js

@@ -3,15 +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 { AdminContext, AdminUI, AppBar, defaultI18nProvider, Layout, localStorageStore, Login, } from "react-admin";
+import { AdminContext, AdminUI, AppBar, Layout, localStorageStore, Login, } from "react-admin";
 import { ConfirmationProvider } from "./common";
 import { useMuffinAdminOpts } from "./hooks";
+import { muffinI18nProvider } from "./i18n";
 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 { 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;
+    const { basename, authProvider = findBuilder(["authprovider"])(auth), dataProvider = findBuilder(["dataprovider"])(apiUrl), catchAll, dashboard = findBuilder(["dashboard"]), disableTelemetry, error, i18nProvider = muffinI18nProvider, 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);

package/dist/MuffinResourceList.js

@@ -4,6 +4,7 @@ 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 { ActionButton, BulkActionButton } from "./buttons";
+import { HelpLink } from "./common/HelpLink";
 import { useMuffinResourceOpts } from "./hooks";
 import { buildAdmin, findBuilder, setupAdmin } from "./utils";
 export function MuffinList() {
@@ -32,9 +33,9 @@ function MuffinListGridButtons() {
 }
 setupAdmin(["list-grid-buttons"], MuffinListGridButtons);
 function MuffinListToolbar() {
-    const { actions: baseActions = [], list: { create }, } = useMuffinResourceOpts();
+    const { actions: baseActions = [], help, 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)) : null, create && _jsx(CreateButton, {}), _jsx(ExportButton, {})] }));
+    return (_jsxs(TopToolbar, { children: [_jsx(SelectColumnsButton, {}), help && _jsx(HelpLink, { href: help }), _jsx(FilterButton, {}), actions.length ? actions.map((props) => _jsx(ActionButton, Object.assign({}, props), props.id)) : null, create && _jsx(CreateButton, {}), _jsx(ExportButton, {})] }));
 }
 setupAdmin(["list-toolbar"], MuffinListToolbar);
 function MuffinListBulkActions() {

package/dist/buttons/ActionButton.d.ts

@@ -6,4 +6,4 @@ export type ActionPayloadProps = {
 };
 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 }: AdminPayloadProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommonPayload({ active, onClose, onHandle, schema, title, help, }: AdminPayloadProps): import("react/jsx-runtime").JSX.Element;

package/dist/buttons/ActionButton.js

@@ -21,9 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 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 { Stack } from "@mui/material";
 import { useState } from "react";
 import { buildRA } from "../buildRA";
 import { AdminModal, PayloadButtons, useConfirmation } from "../common";
+import { HelpLink } from "../common/HelpLink";
 import { useAction } from "../hooks/useAction";
 import { buildIcon, findBuilder } from "../utils";
 export function ActionButton(_a) {
@@ -56,7 +58,7 @@ export function BulkActionButton(_a) {
     });
     return _jsx(ActionButtonBase, Object.assign({}, props, { onHandle: onHandle, isPending: isPending }));
 }
-function ActionButtonBase({ label, title, onHandle, isPending, icon, schema, id, }) {
+function ActionButtonBase({ label, title, onHandle, isPending, icon, schema, id, help, }) {
     const resource = useResourceContext();
     const [payloadActive, setPayloadActive] = useState(false);
     const PayloadBuilder = findBuilder(["action", "payload", id, resource]) || (schema && CommonPayload);
@@ -65,9 +67,9 @@ function ActionButtonBase({ label, title, onHandle, isPending, icon, schema, id,
                         setPayloadActive(true);
                     else
                         onHandle();
-                }, disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: onHandle, onClose: () => setPayloadActive(false), title: title || label, schema: schema }))] }));
+                }, disabled: isPending, children: buildIcon(icon) }), PayloadBuilder && (_jsx(PayloadBuilder, { active: payloadActive, onHandle: onHandle, onClose: () => setPayloadActive(false), title: title || label, schema: schema, help: help }))] }));
 }
-export function CommonPayload({ active, onClose, onHandle, schema, title }) {
+export function CommonPayload({ active, onClose, onHandle, schema, title, help, }) {
     schema[0][1] = Object.assign(Object.assign({}, schema[0][1]), { autoFocus: true });
     const inputs = buildRA(schema);
     const translate = useTranslate();
@@ -79,5 +81,7 @@ export function CommonPayload({ active, onClose, onHandle, schema, title }) {
         },
         record: {},
     });
-    return (_jsx(FormProvider, Object.assign({}, form, { children: _jsx(FormGroupsProvider, { children: _jsx(AdminModal, { maxWidth: "sm", open: active, onClose: onClose, title: translate(title, { _: title }), actions: _jsx(PayloadButtons, { onClose: onClose, onSubmit: formHandleSubmit, isValid: form.formState.isValid }), children: inputs }) }) })));
+    return (_jsx(FormProvider, Object.assign({}, form, { children: _jsx(FormGroupsProvider, { children: _jsx(AdminModal, { maxWidth: "sm", open: active, onClose: onClose, title: help
+                    ? (_jsxs(Stack, { alignItems: "flex-start", children: [_jsx("span", { children: translate(title, { _: title }) }), _jsx(HelpLink, { href: help, style: { alignSelf: "flex-end" } })] }))
+                    : translate(title, { _: title }), actions: _jsx(PayloadButtons, { onClose: onClose, onSubmit: formHandleSubmit, isValid: form.formState.isValid }), children: inputs }) }) })));
 }

package/dist/common/HelpLink.d.ts

@@ -0,0 +1,2 @@
+import { Button } from "react-admin";
+export declare function HelpLink({ label, ...props }: Parameters<typeof Button>[0]): import("react/jsx-runtime").JSX.Element;

package/dist/common/HelpLink.js

@@ -0,0 +1,21 @@
+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 } from "react/jsx-runtime";
+import HelpIcon from "@mui/icons-material/Help";
+import Link from "@mui/material/Link";
+import { Button, useTranslate } from "react-admin";
+export function HelpLink(_a) {
+    var { label } = _a, props = __rest(_a, ["label"]);
+    const translate = useTranslate();
+    label = label || translate("muffin.instructions");
+    return (_jsx(Button, Object.assign({ component: Link, label: label, target: "_blank" }, props, { children: _jsx(HelpIcon, {}) })));
+}

package/dist/i18n/en.d.ts

@@ -0,0 +1,6 @@
+declare const muffinEnglishMessages: {
+    muffin: {
+        instructions: string;
+    };
+};
+export default muffinEnglishMessages;

package/dist/i18n/en.js

@@ -0,0 +1,6 @@
+const muffinEnglishMessages = {
+    muffin: {
+        instructions: "Instructions",
+    },
+};
+export default muffinEnglishMessages;

package/dist/i18n/index.d.ts

@@ -0,0 +1 @@
+export * from "./provider";

package/dist/i18n/index.js

@@ -0,0 +1 @@
+export * from "./provider";

package/dist/i18n/provider.d.ts

@@ -0,0 +1 @@
+export declare const muffinI18nProvider: import("react-admin").I18nProvider;

package/dist/i18n/provider.js

@@ -0,0 +1,14 @@
+import polyglotI18nProvider from "ra-i18n-polyglot";
+import raEnglishMessages from "ra-language-english";
+import raRussianMessages from "ra-language-russian";
+import { resolveBrowserLocale } from "react-admin";
+import muffinEnglishMessages from "./en";
+import muffinRussianMessages from "./ru";
+const translations = {
+    en: Object.assign(Object.assign({}, raEnglishMessages), muffinEnglishMessages),
+    ru: Object.assign(Object.assign({}, raRussianMessages), muffinRussianMessages),
+};
+export const muffinI18nProvider = polyglotI18nProvider((locale) => (translations[locale] ? translations[locale] : translations.en), resolveBrowserLocale(), [
+    { locale: "en", name: "English" },
+    { locale: "ru", name: "Русский" },
+], { allowMissing: true });

package/dist/i18n/ru.d.ts

@@ -0,0 +1,6 @@
+declare const muffinRussianMessages: {
+    muffin: {
+        instructions: string;
+    };
+};
+export default muffinRussianMessages;

package/dist/i18n/ru.js

@@ -0,0 +1,6 @@
+const muffinRussianMessages = {
+    muffin: {
+        instructions: "Инструкции",
+    },
+};
+export default muffinRussianMessages;