muffin-admin 8.5.6 → 9.1.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 @@
+export declare function DateRangeFilter(props: any): 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, Object.assign({ value: value, onChange: onChange }, props));
+}

package/dist/filters/Filter.d.ts

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

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

@@ -16,7 +16,7 @@ import Menu from "@mui/material/Menu";
 import MenuItem from "@mui/material/MenuItem";
 import TextField from "@mui/material/TextField";
 import { useState } from "react";
-import { useInput } from "react-admin";
+import { FieldTitle, useInput } from "react-admin";
 const OPERATORS = {
     $eq: "=",
     $ne: "≠",
@@ -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");
@@ -34,7 +34,8 @@ export function FilterInput(_a) {
     };
     const [menuEl, setMenuEl] = useState(null);
     const open = Boolean(menuEl);
-    return (_jsxs(_Fragment, { children: [_jsxs(FormGroup, { row: true, sx: { flexWrap: "nowrap" }, children: [_jsx(Button, { size: "small", disableElevation: true, sx: { minWidth: 30 }, onClick: (e) => setMenuEl(e.currentTarget), children: _jsx("span", { style: { fontSize: "1.5em" }, children: OPERATORS[op] }) }), _jsx(TextField, Object.assign({}, field, { onChange: onChange, value: field.value, variant: "outlined", type: type }))] }), _jsx(Menu, { open: open, onClose: () => setMenuEl(null), anchorEl: menuEl, children: Object.entries(OPERATORS).map(([key, value]) => (_jsx(MenuItem, { selected: op === value, onClick: () => {
+    const { label, source, resource, isRequired } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs(FormGroup, { row: true, sx: { flexWrap: "nowrap" }, children: [_jsx(Button, { size: "small", disableElevation: true, sx: { minWidth: 30 }, onClick: (e) => setMenuEl(e.currentTarget), children: _jsx("span", { style: { fontSize: "1.5em" }, children: OPERATORS[op] }) }), _jsx(TextField, Object.assign({}, field, { onChange: onChange, value: field.value, variant: "outlined", type: type, label: _jsx(FieldTitle, { label: label, source: source, resource: resource, isRequired: isRequired }) }))] }), _jsx(Menu, { open: open, onClose: () => setMenuEl(null), anchorEl: menuEl, children: Object.entries(OPERATORS).map(([key, value]) => (_jsx(MenuItem, { selected: op === value, onClick: () => {
                         setOp(key);
                         setMenuEl(null);
                         field.onChange({ [key]: field.value });

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.1.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.1.0";

package/dist/inputs/DateRangeInput.d.ts

@@ -0,0 +1,8 @@
+import { 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 {};

package/dist/inputs/DateRangeInput.js

@@ -0,0 +1,26 @@
+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 TextField from "@mui/material/TextField";
+import { enGB, ru } from "date-fns/locale";
+import { FieldTitle, 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(_a) {
+    var { value, onChange } = _a, props = __rest(_a, ["value", "onChange"]);
+    const [startDate, endDate] = value;
+    const locale = useLocale();
+    const { label, source, resource, isRequired } = props;
+    return (_jsx(DatePicker, { withPortal: true, locale: locale, selectsRange: true, endDate: endDate, onChange: onChange, startDate: startDate, customInput: _jsx(TextField, { variant: "outlined", label: _jsx(FieldTitle, { label: label, source: source, resource: resource, isRequired: isRequired }) }) }));
+}

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