muffin-admin 12.0.0 → 13.1.0

package/dist/i18n/en.d.ts

@@ -1,3 +1,3 @@
-import { TranslationMessages } from "ra-core";
+import type { TranslationMessages } from "ra-core";
 declare const muffinEnglishMessages: TranslationMessages;
 export default muffinEnglishMessages;

package/dist/i18n/provider.d.ts

@@ -1,5 +1,5 @@
 export declare const muffinTranslations: {
-    en: import("react-admin").TranslationMessages;
-    ru: import("react-admin").TranslationMessages;
+    en: import("ra-core").TranslationMessages;
+    ru: import("ra-core").TranslationMessages;
 };
-export declare const buildProvider: (translations: any) => import("react-admin").I18nProvider;
+export declare const buildProvider: (translations: any) => import("ra-core").I18nProvider;

package/dist/i18n/ru.d.ts

@@ -1,3 +1,3 @@
-import { TranslationMessages } from "ra-core";
+import type { TranslationMessages } from "ra-core";
 declare const muffinRussianMessages: TranslationMessages;
 export default muffinRussianMessages;

package/dist/index.d.ts

@@ -1,13 +1,3 @@
-export * from "./utils";
-export * from "./MuffinAdmin";
-export * from "./MuffinDashboard";
-export * from "./MuffinMenu";
-export * from "./MuffinRecordList";
-export * from "./MuffinResource";
-export * from "./MuffinResourceCreate";
-export * from "./MuffinResourceEdit";
-export * from "./MuffinResourceList";
-export * from "./MuffinResourceShow";
 export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
@@ -17,6 +7,16 @@ export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";
 export * from "./hooks";
+export * from "./MuffinAdmin";
+export * from "./MuffinDashboard";
+export * from "./MuffinMenu";
+export * from "./MuffinRecordList";
+export * from "./MuffinResource";
+export * from "./MuffinResourceCreate";
+export * from "./MuffinResourceEdit";
+export * from "./MuffinResourceList";
+export * from "./MuffinResourceShow";
 export * from "./types";
+export * from "./utils";
 export declare function initAdmin(prefix?: string, containerId?: string): Promise<void>;
-export declare const VERSION = "12.0.0";
+export { VERSION } from "./version";

package/dist/index.js

@@ -9,18 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
-import { MuffinAdmin } from "./MuffinAdmin";
 import { MuffinAdminContext } from "./context";
-export * from "./utils";
-export * from "./MuffinAdmin";
-export * from "./MuffinDashboard";
-export * from "./MuffinMenu";
-export * from "./MuffinRecordList";
-export * from "./MuffinResource";
-export * from "./MuffinResourceCreate";
-export * from "./MuffinResourceEdit";
-export * from "./MuffinResourceList";
-export * from "./MuffinResourceShow";
+import { MuffinAdmin } from "./MuffinAdmin";
 export * from "./actions";
 export * from "./authprovider";
 export * from "./buildRA";
@@ -30,7 +20,17 @@ export * from "./context";
 export * from "./dataprovider";
 export * from "./fields";
 export * from "./hooks";
+export * from "./MuffinAdmin";
+export * from "./MuffinDashboard";
+export * from "./MuffinMenu";
+export * from "./MuffinRecordList";
+export * from "./MuffinResource";
+export * from "./MuffinResourceCreate";
+export * from "./MuffinResourceEdit";
+export * from "./MuffinResourceList";
+export * from "./MuffinResourceShow";
 export * from "./types";
+export * from "./utils";
 export function initAdmin() {
     return __awaiter(this, arguments, void 0, function* (prefix = "", containerId = "root") {
         const response = yield fetch(`${prefix}/ra.json`);
@@ -42,4 +42,4 @@ export function initAdmin() {
         root.render(_jsx(MuffinAdminContext.Provider, { value: adminOpts, children: _jsx(MuffinAdmin, {}) }));
     });
 }
-export const VERSION = "12.0.0";
+export { VERSION } from "./version";

package/dist/inputs/DateRangeInput.d.ts

@@ -1,8 +1,8 @@
-import { InputProps } from "react-admin";
+import { type InputProps } from "react-admin";
 import "react-datepicker/dist/react-datepicker.css";
 type TProps = InputProps & {
     value: [Date, Date];
     onChange: (value: [Date, Date]) => void;
 };
-export declare function DateRangeInput({ value, onChange, ...props }: TProps): import("react/jsx-runtime").JSX.Element;
+export declare function DateRangeInput({ value, onChange, ...props }: TProps): import("react").JSX.Element;
 export {};

package/dist/inputs/FKInput.d.ts

@@ -1,8 +1,8 @@
 export declare function FKInput({ refKey, refSource, fullWidth, reference, source, ...props }: {
     [x: string]: any;
+    fullWidth: any;
     refKey: any;
     refSource: any;
-    fullWidth: any;
     reference: any;
     source: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;

package/dist/inputs/ImgInput.d.ts

@@ -1,5 +1,5 @@
 export declare function ImgInput({ source, label, ...props }: {
     [x: string]: any;
-    source: any;
     label: any;
-}): import("react/jsx-runtime").JSX.Element;
+    source: any;
+}): import("react").JSX.Element;

package/dist/inputs/JsonInput.d.ts

@@ -16,4 +16,4 @@
  * @example
  * <JsonInput source='config' label='JSON Config' parse={false}/>
  */
-export declare function JsonInput(props: any): import("react/jsx-runtime").JSX.Element;
+export declare function JsonInput(props: any): import("react").JSX.Element;

package/dist/inputs/JsonInput.js

@@ -19,7 +19,7 @@ const parseFunction = (json) => {
         retval = JSON.parse(json);
     }
     finally {
-        // eslint-disable-next-line no-unsafe-finally
+        // biome-ignore lint/correctness/noUnsafeFinally: intentional - return parsed value or original on error
         return retval;
     }
 };

package/dist/inputs/TimestampInput.d.ts

@@ -1,5 +1,5 @@
 export declare function TimestampInput({ source, ms, ...props }: {
     [x: string]: any;
-    source: any;
     ms: any;
-}): import("react/jsx-runtime").JSX.Element;
+    source: any;
+}): import("react").JSX.Element;

package/dist/utils.d.ts

@@ -1,4 +1,4 @@
-import { TAdminPath } from "./types";
+import type { TAdminPath } from "./types";
 export declare function setupAdmin<T>(adminType: TAdminPath, fc: (props: any) => T): void;
 export declare function buildAdmin(adminType: TAdminPath, props?: {}): any;
 export declare function findBuilder(adminType: TAdminPath): (props: any) => any;
@@ -23,6 +23,6 @@ export declare function makeRequest(url: string, params?: APIParams): Promise<{
     json: any;
 }>;
 export declare function findIcon(icon?: string): any;
-export declare function buildIcon(icon?: string): import("react/jsx-runtime").JSX.Element;
+export declare function buildIcon(icon?: string): import("react").JSX.Element;
 export declare function deepMerge(target: any, ...sources: any[]): any;
 export declare function prepareFilters(filter: any): string;

package/dist/utils.js

@@ -48,6 +48,7 @@ export function makeRequest(url, params = {}) {
     return fetchUtils.fetchJson(url, Object.assign(Object.assign({}, opts), { headers: new Headers(Object.assign(Object.assign({}, requestHeaders), opts.headers)) }));
 }
 export function findIcon(icon) {
+    // biome-ignore lint/performance/noDynamicNamespaceImportAccess: icons are looked up by name from admin config
     return icon ? icons[icon] : undefined;
 }
 export function buildIcon(icon) {

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const VERSION = "13.1.0";

package/dist/version.js

@@ -0,0 +1 @@
+export const VERSION = "13.1.0";

package/dist/web.js

@@ -1,3 +1,2 @@
 import { initAdmin } from ".";
-// @ts-ignore
 globalThis.initAdmin = initAdmin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muffin-admin",
-  "version": "12.0.0",
+  "version": "13.1.0",
   "description": "NPM package for https://github.com/klen/muffin-admin",
   "files": [
     "src",
@@ -28,44 +28,30 @@
     "ra-language-russian": "^5.4.4",
     "react": "^19.1.1",
     "react-admin": "^5.10.1",
-    "react-datepicker": "^8.5.0",
+    "react-datepicker": "^9.1.0",
     "react-dom": "^19.1.1",
     "validator": "^13.12.0"
   },
   "devDependencies": {
+    "@biomejs/biome": "^2.5.5",
     "@types/lodash": "^4.17.20",
-    "@types/node": "24.1.0",
-    "@types/react": "19.1.9",
-    "@types/react-dom": "19.1.7",
-    "@types/react-window": "^1.8.8",
-    "@typescript-eslint/eslint-plugin": "^7.12.0",
-    "@typescript-eslint/parser": "^7.12.0",
+    "@types/node": "26.1.1",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "@types/react-window": "^2.0.0",
     "css-loader": "^7.1.2",
-    "dotenv": "^16.4.5",
-    "eslint": "^8",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.2",
+    "dotenv": "^17.4.2",
+    "esbuild-loader": "^4.5.0",
     "html-webpack-plugin": "^5.6.0",
     "husky": "^9.0.11",
-    "prettier": "^3.2",
-    "prettier-plugin-organize-imports": "^3.2",
     "style-loader": "^4.0.0",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.4.5",
+    "typescript": "^7.0.2",
     "webpack": "^5.91.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.0.4"
+    "webpack-cli": "^7.2.1",
+    "webpack-dev-server": "^6.0.0"
   },
-  "prettier": {
-    "arrowParens": "always",
-    "plugins": [
-      "prettier-plugin-organize-imports"
-    ],
-    "printWidth": 100,
-    "semi": false,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "useTabs": false
+  "resolutions": {
+    "@mui/material": "^9.2.0",
+    "@mui/icons-material": "^9.2.0"
   }
 }

package/src/MuffinAdmin.tsx

@@ -3,20 +3,19 @@ import SvgIcon from "@mui/material/SvgIcon"
 import Tooltip from "@mui/material/Tooltip"
 
 import Typography from "@mui/material/Typography"
+import { useEffect } from "react"
 import {
   AdminContext,
-  AdminProps,
+  type AdminProps,
   AdminUI,
   AppBar,
-  AppBarProps,
+  type AppBarProps,
   Layout,
-  LayoutProps,
-  localStorageStore,
+  type LayoutProps,
   Login,
-  LoginProps,
+  type LoginProps,
+  localStorageStore,
 } from "react-admin"
-
-import { useEffect } from "react"
 import { ConfirmationProvider } from "./common"
 import { useMuffinAdminOpts } from "./hooks"
 import { buildProvider, muffinTranslations } from "./i18n"

package/src/MuffinDashboard.tsx

@@ -8,18 +8,18 @@ import TableCell from "@mui/material/TableCell"
 import TableRow from "@mui/material/TableRow"
 import Typography from "@mui/material/Typography"
 import { useTranslate } from "react-admin"
-import { VERSION } from "."
 import { HelpLink } from "./common/HelpLink"
 import { useMuffinAdminOpts } from "./hooks"
-import { AdminDashboardBlock } from "./types"
+import type { AdminDashboardBlock } from "./types"
 import { buildAdmin, setupAdmin } from "./utils"
+import { VERSION } from "./version"
 
 export function MuffinDashboard() {
   const { dashboard, help } = useMuffinAdminOpts()
   const translate = useTranslate()
   return (
-    <Stack gap={2} pt={1}>
-      <Stack direction="row" flexWrap="wrap" gap={1}>
+    <Stack sx={{ gap: 2, pt: 1 }}>
+      <Stack direction="row" sx={{ flexWrap: "wrap", gap: 1 }}>
         {help && <HelpLink href={help} label={translate("muffin.how_to_use_admin")} />}
         {buildAdmin(["dashboard-actions"])}
       </Stack>
@@ -28,7 +28,7 @@ export function MuffinDashboard() {
         <AdminCards src={dashboard} />
       </Grid>
       {VERSION && (
-        <Typography variant="body2" color="textSecondary" align="center" my={1}>
+        <Typography variant="body2" color="textSecondary" align="center" sx={{ my: 1 }}>
           Muffin Admin v.{VERSION}
         </Typography>
       )}
@@ -57,7 +57,7 @@ function DashboardCard({ title, value }: AdminDashboardBlock) {
   return (
     <Card>
       <CardContent>
-        <Typography variant="h5" component="h2" m={2} style={{ textAlign: "center" }}>
+        <Typography variant="h5" component="h2" sx={{ m: 2, textAlign: "center" }}>
           {title}
         </Typography>
         {(Array.isArray(value) && <AdminTableView src={value} />) || (

package/src/MuffinMenu.tsx

@@ -4,15 +4,13 @@ import Collapse from "@mui/material/Collapse"
 import ListItemButton from "@mui/material/ListItemButton"
 import ListItemIcon from "@mui/material/ListItemIcon"
 import ListItemText from "@mui/material/ListItemText"
-import { matchPath, useLocation } from "react-router-dom"
-
-import { Menu, MenuProps, useBasename, useTheme, useTranslate } from "react-admin"
-
 import find from "lodash/find"
 import groupBy from "lodash/groupBy"
 import { useContext, useState } from "react"
+import { Menu, type MenuProps, useBasename, useTheme, useTranslate } from "react-admin"
+import { matchPath, useLocation } from "react-router-dom"
 import { MuffinAdminContext } from "./context"
-import { AdminResourceProps } from "./types"
+import type { AdminResourceProps } from "./types"
 import { findIcon, setupAdmin } from "./utils"
 
 export function MuffinMenu(props: MenuProps) {

package/src/MuffinRecordList.tsx

@@ -1,6 +1,6 @@
 import Box from "@mui/material/Box"
 import Typography from "@mui/material/Typography"
-import { Datagrid, SortPayload, useGetList, useRecordContext, useTranslate } from "react-admin"
+import { Datagrid, type SortPayload, useGetList, useRecordContext, useTranslate } from "react-admin"
 import { useMuffinResourceOpts } from "./hooks"
 import { buildAdmin } from "./utils"
 
@@ -17,7 +17,7 @@ export function MuffinRecordList({ resource, filter, sort }: TProps) {
   } = useMuffinResourceOpts(resource)
   const { data, isPending } = useGetList(resource, { sort, filter: filter(record) })
   return (
-    <Box p={2}>
+    <Box sx={{ p: 2 }}>
       <Typography variant="h6">
         {translate(`resources.${resource}.name`, { smart_count: 2 })}
       </Typography>

package/src/MuffinResource.tsx

@@ -1,4 +1,4 @@
-import { Resource, ResourceProps } from "react-admin"
+import { Resource, type ResourceProps } from "react-admin"
 import { useMuffinAdminOpts } from "./hooks"
 import { findBuilder, findIcon, setupAdmin } from "./utils"
 

package/src/MuffinResourceCreate.tsx

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react"
+import type { PropsWithChildren } from "react"
 import { Create, ListButton, SimpleForm, TopToolbar } from "react-admin"
 import { buildRA } from "./buildRA"
 import { useMuffinResourceOpts } from "./hooks"

package/src/MuffinResourceEdit.tsx

@@ -1,5 +1,5 @@
 import { Box, Typography } from "@mui/material"
-import { PropsWithChildren } from "react"
+import type { PropsWithChildren } from "react"
 import {
   DeleteButton,
   Edit,

package/src/MuffinResourceList.tsx

@@ -1,13 +1,12 @@
 import sortBy from "lodash/sortBy"
 import uniq from "lodash/uniq"
-import { PropsWithChildren } from "react"
+import type { PropsWithChildren } from "react"
 import {
   BulkDeleteButton,
   BulkExportButton,
   CreateButton,
   DatagridConfigurable,
   EditButton,
-  ExportButton,
   FilterButton,
   InfiniteList,
   List,
@@ -20,7 +19,7 @@ import { buildRA, buildRAComponent } from "./buildRA"
 import { BulkActionButton, ListActionButton } from "./buttons"
 import { HelpLink } from "./common/HelpLink"
 import { useMuffinResourceOpts } from "./hooks"
-import { AdminInput } from "./types"
+import type { AdminInput } from "./types"
 import { buildAdmin, findBuilder, setupAdmin } from "./utils"
 
 export function MuffinList({ children }: PropsWithChildren) {
@@ -119,7 +118,6 @@ function MuffinListToolbar() {
     list: { create },
   } = useMuffinResourceOpts()
   const actions = baseActions.filter((a) => a.view?.includes("list"))
-  const hasExport = actions.some((a) => a.id === "export")
   return (
     <TopToolbar>
       {help && <HelpLink href={help} />}
@@ -129,7 +127,6 @@ function MuffinListToolbar() {
       {actions.length
         ? actions.map((props) => <ListActionButton key={props.id} {...props} />)
         : null}
-      {!hasExport && <ExportButton />}
     </TopToolbar>
   )
 }

package/src/MuffinResourceShow.tsx

@@ -1,5 +1,5 @@
 import { Box, Typography } from "@mui/material"
-import { PropsWithChildren } from "react"
+import type { PropsWithChildren } from "react"
 import {
   EditButton,
   ListButton,

package/src/actions/LinkAction.tsx

@@ -1,7 +1,7 @@
 import { useRecordContext, useResourceContext } from "react-admin"
 import LinkButton from "../buttons/LinkButton"
 import { useMuffinAdminOpts } from "../hooks"
-import { AdminShowLink } from "../types"
+import type { AdminShowLink } from "../types"
 
 export function LinkAction({
   field,

package/src/authprovider.ts

@@ -1,107 +1,94 @@
-import Cookies from "js-cookie";
-import { findBuilder, makeRequest, requestHeaders, setupAdmin } from ".";
-import type { AdminOpts } from "./types";
+import Cookies from "js-cookie"
+import type { AdminOpts } from "./types"
+import { findBuilder, makeRequest, requestHeaders, setupAdmin } from "./utils"
 
 setupAdmin(
-	["auth-storage-get"],
-	({ storage, storageName }: AdminOpts["auth"]) =>
-		() =>
-			storage == "localstorage"
-				? localStorage.getItem(storageName)
-				: Cookies.get(storageName),
-);
-
-setupAdmin(
-	["auth-storage-set"],
-	({ storage }) =>
-		(name, value, requestOnly) => {
-			if (storage == "localstorage") {
-				localStorage.setItem(name, value);
-				requestHeaders["Authorization"] = value;
-			} else Cookies.set(name, value);
-		},
-);
+  ["auth-storage-get"],
+  ({ storage, storageName }: AdminOpts["auth"]) =>
+    () =>
+      storage == "localstorage" ? localStorage.getItem(storageName) : Cookies.get(storageName)
+)
+
+setupAdmin(["auth-storage-set"], ({ storage }) => (name, value, _requestOnly) => {
+  if (storage == "localstorage") {
+    localStorage.setItem(name, value)
+    requestHeaders.Authorization = value
+  } else Cookies.set(name, value)
+})
 
 export function MuffinAuthProvider(props: AdminOpts["auth"]) {
-	const {
-		identityURL,
-		authorizeURL,
-		logoutURL,
-		required,
-		storageName,
-		storage,
-	} = props;
-
-	const authGet = findBuilder(["auth-storage-get"])(props);
-	const authSet = findBuilder(["auth-storage-set"])(props);
-
-	// Initialize request headers
-	if (storage == "localstorage") {
-		const token = authGet(storageName);
-		if (token) requestHeaders["Authorization"] = token;
-	}
-
-	const getIdentity = async () => {
-		if (identityURL) {
-			const { json } = await makeRequest(identityURL);
-			return json;
-		}
-	};
-
-	if (required)
-		return {
-			login: async (data) => {
-				if (!authorizeURL) throw { message: "Authorization is not supported" };
-
-				const { json } = await makeRequest(authorizeURL, {
-					data,
-					method: "POST",
-				});
-				authSet(storageName, json);
-			},
-
-			checkError: async (error) => {
-				const { status } = error || {};
-
-				if (status == 401 || status == 403) {
-					// Clean storage
-					authSet(storageName, "");
-
-					throw {
-						message: "Invalid authorization",
-						redirectTo: logoutURL,
-						logoutUser: !logoutURL,
-					};
-				}
-			},
-
-			checkAuth: async () => {
-				const auth = authGet(storageName);
-				if (!auth) throw { message: "Authorization required" };
-
-				if (!identityURL) return auth;
-
-				const user = await getIdentity();
-				if (!user) throw { message: "Authorization required" };
-
-				return user;
-			},
-
-			getAuthorization: () => authGet(storageName),
-
-			logout: async () => {
-				// Clean storage
-				authSet(storageName, "");
-				if (logoutURL) window.location.href = logoutURL;
-			},
-
-			getIdentity,
-
-			getPermissions: async () => {
-				const role = authGet(storageName + "_role");
-				return role || "";
-			},
-		};
+  const { identityURL, authorizeURL, logoutURL, required, storageName, storage } = props
+
+  const authGet = findBuilder(["auth-storage-get"])(props)
+  const authSet = findBuilder(["auth-storage-set"])(props)
+
+  // Initialize request headers
+  if (storage == "localstorage") {
+    const token = authGet(storageName)
+    if (token) requestHeaders.Authorization = token
+  }
+
+  const getIdentity = async () => {
+    if (identityURL) {
+      const { json } = await makeRequest(identityURL)
+      return json
+    }
+  }
+
+  if (required)
+    return {
+      login: async (data) => {
+        if (!authorizeURL) throw { message: "Authorization is not supported" }
+
+        const { json } = await makeRequest(authorizeURL, {
+          data,
+          method: "POST",
+        })
+        authSet(storageName, json)
+      },
+
+      checkError: async (error) => {
+        const { status } = error || {}
+
+        if (status == 401 || status == 403) {
+          // Clean storage
+          authSet(storageName, "")
+
+          throw {
+            message: "Invalid authorization",
+            redirectTo: logoutURL,
+            logoutUser: !logoutURL,
+          }
+        }
+      },
+
+      checkAuth: async () => {
+        const auth = authGet(storageName)
+        if (!auth) throw { message: "Authorization required" }
+
+        if (!identityURL) return auth
+
+        const user = await getIdentity()
+        if (!user) throw { message: "Authorization required" }
+
+        return user
+      },
+
+      getAuthorization: () => authGet(storageName),
+
+      logout: async () => {
+        // Clean storage
+        authSet(storageName, "")
+        if (logoutURL) window.location.href = logoutURL
+      },
+
+      getIdentity,
+
+      getPermissions: async () => {
+        const role = authGet(`${storageName}_role`)
+        return role || ""
+      },
+    }
 }
 
-setupAdmin(["auth-provider"], MuffinAuthProvider);
+setupAdmin(["auth-provider"], MuffinAuthProvider)