muffin-admin 11.2.10 → 11.3.0

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/FKField.js

@@ -9,11 +9,17 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { ReferenceField, TextField } from "react-admin";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ReferenceField, TextField, useFieldValue } from "react-admin";
 export function FKField(_a) {
     var { reference, refSource, refKey, link, source } = _a, props = __rest(_a, ["reference", "refSource", "refKey", "link", "source"]);
     refKey = refKey || "id";
-    return (_jsx(ReferenceField, Object.assign({ source: source, link: link || "show", reference: reference, queryOptions: { meta: { key: refKey } } }, props, { children: _jsxs(_Fragment, { children: [_jsx(TextField, { source: refSource }), refSource !== refKey && (_jsxs(_Fragment, { children: [" (#", _jsx(TextField, { source: refKey }), ")"] }))] }) })));
+    return (_jsxs(ReferenceField, Object.assign({ source: source, link: link || "show", reference: reference, queryOptions: { meta: { key: refKey } } }, props, { children: [_jsx(TextField, { source: refSource }), refSource !== refKey && _jsx(FKFieldValue, { source: refKey })] })));
+}
+function FKFieldValue(props) {
+    const value = useFieldValue(props);
+    if (value === undefined)
+        return null;
+    return (_jsxs(_Fragment, { children: [" (#", _jsx(TextField, Object.assign({}, props)), ")"] }));
 }
 FKField.displayName = "FKField";

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.10";
+export declare const VERSION = "11.3.0";

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.10";
+export const VERSION = "11.3.0";

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";