muffin-admin 8.5.6 → 9.0.0

package/dist/buildRA.js

@@ -1,7 +1,8 @@
 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, SelectArrayInput, SelectField, SelectInput, TextField, TextInput, UrlField, } from "react-admin";
 import { AvatarField, CopyField, EditableBooleanField, FKField, JsonField } from "./fields";
-import { FilterInput, FKInput, JsonInput, TimestampInput } from "./inputs";
+import { DateRangeFilter, Filter } from "./filters";
+import { FKInput, JsonInput, TimestampInput } from "./inputs";
 const UI = {
     // Fields
     BooleanField,
@@ -31,7 +32,6 @@ const UI = {
     BooleanInput,
     CheckboxGroupInput,
     DateInput,
-    FilterInput,
     DateTimeInput,
     FKInput,
     FileInput,
@@ -47,6 +47,9 @@ const UI = {
     SelectInput,
     TextInput,
     TimestampInput,
+    // Filters
+    Filter,
+    DateRangeFilter,
 };
 export function buildRAComponent(name, props) {
     const Item = UI[name];

package/dist/filters/DateRangeFilter.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from "react-admin";
+export declare function DateRangeFilter(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/filters/DateRangeFilter.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useInput } from "react-admin";
+import { DateRangeInput } from "../inputs/DateRangeInput";
+export function DateRangeFilter(props) {
+    var _a;
+    const { field } = useInput(props);
+    const onChange = (dates) => {
+        field.onChange({
+            $between: dates.map((d) => (d === null || d === void 0 ? void 0 : d.toISOString()) || null),
+        });
+    };
+    let filterValue = (_a = field.value.$between) !== null && _a !== void 0 ? _a : [null, null];
+    if (!Array.isArray(filterValue))
+        filterValue = [null, null];
+    const value = filterValue.map((d) => (d ? new Date(d) : d));
+    return _jsx(DateRangeInput, { value: value, onChange: onChange });
+}

package/dist/filters/Filter.d.ts

@@ -0,0 +1 @@
+export declare function Filter({ type, ...props }: any): import("react/jsx-runtime").JSX.Element;

package/dist/{inputs/FilterInput.js → filters/Filter.js}

@@ -25,7 +25,7 @@ const OPERATORS = {
     $lt: "<",
     $le: "≤",
 };
-export function FilterInput(_a) {
+export function Filter(_a) {
     var { type = "text" } = _a, props = __rest(_a, ["type"]);
     const { field } = useInput(Object.assign({ format: (value) => (value ? value[Object.keys(value)[0]] : "") }, props));
     const [op, setOp] = useState((field.value && Object.keys(field.value)[0]) || "$eq");

package/dist/filters/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./DateRangeFilter";
+export * from "./Filter";

package/dist/filters/index.js

@@ -0,0 +1,2 @@
+export * from "./DateRangeFilter";
+export * from "./Filter";

package/dist/index.d.ts

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

package/dist/index.js

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

package/dist/inputs/DateRangeInput.d.ts

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

package/dist/inputs/DateRangeInput.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TextField from "@mui/material/TextField";
+import { enGB, ru } from "date-fns/locale";
+import { useLocale } from "react-admin";
+import DatePicker, { registerLocale } from "react-datepicker";
+import "react-datepicker/dist/react-datepicker.css";
+registerLocale("ru", ru);
+registerLocale("en", enGB);
+export function DateRangeInput({ value, onChange }) {
+    const [startDate, endDate] = value;
+    const locale = useLocale();
+    return (_jsx(DatePicker, { withPortal: true, locale: locale, selectsRange: true, endDate: endDate, onChange: onChange, startDate: startDate, customInput: _jsx(TextField, { variant: "outlined" }) }));
+}

package/dist/inputs/index.d.ts

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

package/dist/inputs/index.js

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