muffin-admin 1.45.8 → 2.1.0

package/dist/types.d.ts

@@ -24,7 +24,7 @@ export type AdminShowLink = {
 export type AdminShowProps = {
     actions: AdminAction[];
     fields: AdminField[];
-    links: Record<string, AdminShowLink>;
+    links: [string, AdminShowLink][];
 };
 export type AdminResourceProps = {
     name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muffin-admin",
-  "version": "1.45.8",
+  "version": "2.1.0",
   "description": "NPM package for https://github.com/klen/muffin-admin",
   "files": [
     "src",

package/src/MuffinResourceShow.tsx

@@ -26,8 +26,8 @@ setupAdmin(["show-fields"], ({ fields }) => buildRA(fields))
 setupAdmin(["show-actions"], ({ actions, links }) => (
   <TopToolbar>
     <div style={{ marginRight: "auto" }}>
-      {Object.keys(links).map((key) => (
-        <LinkAction key={key} resource={key} {...links[key]} />
+      {links.map(([key, props]) => (
+        <LinkAction key={key} resource={key} {...props} />
       ))}
     </div>
     {actions.map((props, idx) => (

package/src/dataprovider.ts

@@ -66,8 +66,10 @@ export function MuffinDataprovider({ apiUrl }: AdminOpts) {
       return { data: ids }
     },
 
-    getMany: (resource, { ids }) => {
-      return methods.getList(resource, { filter: { id: { $in: ids } } })
+    getMany: (resource, props) => {
+      const { ids, meta } = props
+      const key = meta?.key || "id"
+      return methods.getList(resource, { filter: { [key]: { $in: ids } } })
     },
 
     getManyReference: async (resource, { target, id, filter, ...opts }) => {

package/src/fields/FKField.tsx

@@ -1,12 +1,18 @@
 import { ReferenceField, TextField } from "react-admin"
 
-export function FKField({ refSource, refID, link, reference, source, ...props }) {
+export function FKField({ reference, refSource, refKey, link, source, ...props }) {
   return (
-    <ReferenceField link={link || "show"} reference={reference} source={source} {...props}>
+    <ReferenceField
+      link={link || "show"}
+      reference={reference}
+      source={source}
+      queryOptions={{ meta: { key: refKey } }}
+      {...props}
+    >
       <>
         <TextField source={refSource} />
         {" (#"}
-        <TextField source={refID || "id"} />
+        <TextField source={refKey || "id"} />
         {")"}
       </>
     </ReferenceField>

package/src/inputs/FKInput.tsx

@@ -1,27 +1,16 @@
 import { AutocompleteInput, ReferenceInput } from "react-admin"
 
-export function FKInput({ refProp, refSource, fullWidth, reference, source, ...props }) {
-  const filterToQuery = (search) => {
-    const filters = {}
-    filters[refProp] = search
-    return filters
-  }
-
-  refSource = refSource || "id"
-
+export function FKInput({ refKey, refSource, fullWidth, reference, source, ...props }) {
+  refKey = refKey || "id"
   const renderText = (record) => {
-    const pk = record[refSource]
-    return (pk && `${record[refProp]} (#${pk})`) || ""
+    const pk = record[refKey]
+    if (refKey == refSource) return `#${pk}`
+    return (pk && `${record[refSource]} (#${pk})`) || ""
   }
 
   return (
-    <ReferenceInput reference={reference} source={source} filterToQuery={filterToQuery} {...props}>
-      <AutocompleteInput
-        source={refSource}
-        optionText={renderText}
-        fullWidth={fullWidth}
-        {...props}
-      />
+    <ReferenceInput reference={reference} source={source} {...props}>
+      <AutocompleteInput source={refKey} optionText={renderText} fullWidth={fullWidth} {...props} />
     </ReferenceInput>
   )
 }

package/src/types.ts

@@ -22,7 +22,7 @@ export type AdminShowLink = {
 export type AdminShowProps = {
   actions: AdminAction[]
   fields: AdminField[]
-  links: Record<string, AdminShowLink>
+  links: [string, AdminShowLink][]
 }
 
 export type AdminResourceProps = {