muffin-admin 11.2.11 → 11.3.1

package/dist/buildRA.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { ArrayField, ArrayInput, AutocompleteArrayInput, AutocompleteInput, BooleanField, BooleanInput, CheckboxGroupInput, ChipField, DateField, DateInput, DateTimeInput, EmailField, FileField, FileInput, ImageField, ImageInput, NullableBooleanInput, NumberField, NumberInput, PasswordInput, RadioButtonGroupInput, ReferenceArrayField, ReferenceArrayInput, ReferenceField, ReferenceInput, ReferenceManyField, required, RichTextField, SearchInput, SelectArrayInput, SelectField, SelectInput, TextField, TextInput, UrlField, } from "react-admin";
 import { AvatarField, CopyField, EditableBooleanField, FKField, JsonField } from "./fields";
 import { DateRangeFilter, Filter, SearchFilter } from "./filters";
-import { FKInput, JsonInput, TimestampInput } from "./inputs";
+import { FKInput, ImgInput, JsonInput, TimestampInput } from "./inputs";
 const UI = {
     // Fields
     BooleanField,
@@ -36,6 +36,7 @@ const UI = {
     FKInput,
     FileInput,
     ImageInput,
+    ImgInput,
     JsonInput,
     NullableBooleanInput,
     NumberInput,
@@ -43,11 +44,11 @@ const UI = {
     RadioButtonGroupInput,
     ReferenceArrayInput,
     ReferenceInput,
+    SearchInput,
     SelectArrayInput,
     SelectInput,
     TextInput,
     TimestampInput,
-    SearchInput,
     // Filters
     Filter,
     DateRangeFilter,

package/dist/dataprovider.js

@@ -74,16 +74,10 @@ export function MuffinDataprovider(apiUrl) {
             return response;
         }),
         create: (resource_1, _a) => __awaiter(this, [resource_1, _a], void 0, function* (resource, { data }) {
-            return yield request(resource, {
-                data,
-                method: "POST",
-            });
+            return yield request(resource, Object.assign({ method: "POST" }, prepareDataParams(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 }));
+            return yield makeRequest(`${apiUrl}/${resource}/${id}`, Object.assign({ method: "PUT" }, prepareDataParams(data))).then(({ json }) => ({ data: json }));
         }),
         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 })));
@@ -128,3 +122,25 @@ export function MuffinDataprovider(apiUrl) {
     return methods;
 }
 setupAdmin(["data-provider"], MuffinDataprovider);
+function isFileValue(value) {
+    return value && typeof value === "object" && value.rawFile instanceof File;
+}
+function prepareDataParams(data) {
+    const hasFiles = Object.values(data).some(isFileValue);
+    if (!hasFiles)
+        return { data };
+    const formData = new FormData();
+    for (const key in data) {
+        const value = data[key];
+        if (isFileValue(value)) {
+            formData.append(key, value.rawFile);
+        }
+        else if (typeof value === "object" && value !== null) {
+            formData.append(key, JSON.stringify(value));
+        }
+        else if (value !== undefined && value !== null) {
+            formData.append(key, value);
+        }
+    }
+    return { body: formData };
+}

package/dist/fields/AvatarField.js

@@ -11,12 +11,23 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Avatar from "@mui/material/Avatar";
+import CircularProgress from "@mui/material/CircularProgress";
 import get from "lodash/get";
 import { useRecordContext } from "ra-core";
 export function AvatarField(_a) {
     var { source, alt, style, nameProp } = _a, props = __rest(_a, ["source", "alt", "style", "nameProp"]);
     const record = useRecordContext(props);
-    const value = get(record, source), name = record[nameProp];
+    let value = get(record, source), name = record[nameProp];
+    // Check value is a valid URL
+    if (value) {
+        try {
+            new URL(value);
+        }
+        catch (_b) {
+            // Not a valid URL, return loader
+            return (_jsx(CircularProgress, { size: 24 }));
+        }
+    }
     const letters = name
         ? name
             .trim(" ")

package/dist/index.d.ts

@@ -19,4 +19,4 @@ export * from "./fields";
 export * from "./hooks";
 export * from "./types";
 export declare function initAdmin(prefix?: string, containerId?: string): Promise<void>;
-export declare const VERSION = "11.2.11";
+export declare const VERSION = "11.3.1";

package/dist/index.js

@@ -42,4 +42,4 @@ export function initAdmin() {
         root.render(_jsx(MuffinAdminContext.Provider, { value: adminOpts, children: _jsx(MuffinAdmin, {}) }));
     });
 }
-export const VERSION = "11.2.11";
+export const VERSION = "11.3.1";

package/dist/inputs/ImgInput.d.ts

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

package/dist/inputs/ImgInput.js

@@ -0,0 +1,25 @@
+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 { startCase } from "lodash";
+import { ImageField, ImageInput, RecordContext, useInput, useRecordContext } from "react-admin";
+export function ImgInput(_a) {
+    var { source, label } = _a, props = __rest(_a, ["source", "label"]);
+    const { field } = useInput({ source });
+    label = label || field.name;
+    return (_jsx(ImageInput, Object.assign({ source: source, label: startCase(label || field.name) }, props, { children: _jsx(PreviewImage, {}) })));
+}
+function PreviewImage() {
+    const value = useRecordContext();
+    const source = (value === null || value === void 0 ? void 0 : value.src) || value;
+    return (_jsx(RecordContext.Provider, { value: { source }, children: _jsx(ImageField, { source: "source", title: "source" }) }));
+}

package/dist/inputs/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./FKInput";
+export * from "./ImgInput";
 export * from "./JsonInput";
 export * from "./TimestampInput";

package/dist/inputs/index.js

@@ -1,3 +1,4 @@
 export * from "./FKInput";
+export * from "./ImgInput";
 export * from "./JsonInput";
 export * from "./TimestampInput";