@variocube/app-ui 1.15.0 → 1.16.1

package/src/date-pickers/PlainDateTimeAdapter.ts

@@ -3,138 +3,145 @@ import {DateTimeFormat, Now, PlainDateTime} from "../temporal";
 import {parsePlainDateTime} from "./parse";
 import {PlainAdapterCommon} from "./PlainAdapterCommon";
 
-export class PlainDateTimeAdapter extends PlainAdapterCommon<PlainDateTime> implements MuiPickersAdapter<PlainDateTime> {
-    lib = "PlainDateTimeAdapter";
-
-    date(value?: any): PlainDateTime | null {
-        if (value === null) {
-            return null;
-        }
-        if (value === undefined) {
-            return Now.plainDateTimeISO();
-        }
-
-        if (value instanceof PlainDateTime) {
-            return value;
-        }
-
-        if (typeof value === "string") {
-            try {
-                return PlainDateTime.from(value, {overflow: "reject"});
-            }
-            catch (error) {
-                return this.parse(value, this.formats.shortDate);
-            }
-        }
-
-        console.error("Unexpected value", value);
-        return null;
-    }
-
-    toJsDate(value: PlainDateTime): Date {
-        return new Date(value.year, value.month-1, value.day, value.hour, value.minute, value.second, value.millisecond);
-    }
-
-    parseISO(isString: string): PlainDateTime {
-        return PlainDateTime.from(isString);
-    }
-
-    parse(value: string, format: string | DateTimeFormat): PlainDateTime | null {
-        try {
-            return parsePlainDateTime(value, format as any as DateTimeFormat);
-        }
-        catch (error) {
-            console.warn("Could not parse", {value, format});
-        }
-        return null;
-    }
-
-    isValid(value: any): boolean {
-        return this.date(value) != null;
-    }
-
-    isEqual(value: any, comparing: any): boolean {
-        const first = this.date(value);
-        const second = this.date(comparing);
-        if (first === second) {
-            return true;
-        }
-        if (!first || !second) {
-            return false;
-        }
-        return first.equals(second);
-    }
-
-    isSameHour(value: PlainDateTime, comparing: PlainDateTime): boolean {
-        return this.isSameDay(value, comparing) && value.hour == comparing.hour;
-    }
-
-    startOfDay(value: PlainDateTime): PlainDateTime {
-        return value.toPlainDate().toPlainDateTime({hour: 0});
-    }
-
-    endOfDay(value: PlainDateTime): PlainDateTime {
-        return value.toPlainDate().toPlainDateTime({hour: 23, minute: 59, second: 59});
-    }
-
-    getHours(value: PlainDateTime): number {
-        return value.hour;
-    }
-
-    setHours(value: PlainDateTime, count: number): PlainDateTime {
-        return value.with({hour: count});
-    }
-
-    getMinutes(value: PlainDateTime): number {
-        return value.minute;
-    }
-
-    setMinutes(value: PlainDateTime, count: number): PlainDateTime {
-        return value.with({minute: count});
-    }
-
-    getSeconds(value: PlainDateTime): number {
-        return value.second;
-    }
-
-    setSeconds(value: PlainDateTime, count: number): PlainDateTime {
-        return value.with({second: count});
-    }
-
-    setMonth(value: PlainDateTime, count: number): PlainDateTime {
-        return value.with({month: count});
-    }
-
-    setYear(value: PlainDateTime, count: number): PlainDateTime {
-        return value.with({year: count});
-    }
-
-    mergeDateAndTime(date: PlainDateTime, time: PlainDateTime): PlainDateTime {
-        return date.toPlainDate().toPlainDateTime(time);
-    }
-
-    addSeconds(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({seconds: count});
-    }
-
-    addMinutes(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({minutes: count});
-    }
-
-    addHours(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({hours: count});
-    }
-
-    addDays(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({days: count});
-    }
-
-    addWeeks(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({weeks: count});
-    }
-
-    addMonths(value: PlainDateTime, count: number): PlainDateTime {
-        return value.add({months: count});
-    }
-
+export class PlainDateTimeAdapter extends PlainAdapterCommon<PlainDateTime>
+	implements MuiPickersAdapter<PlainDateTime>
+{
+	lib = "PlainDateTimeAdapter";
+
+	date(value?: any): PlainDateTime | null {
+		if (value === null) {
+			return null;
+		}
+		if (value === undefined) {
+			return Now.plainDateTimeISO();
+		}
+
+		if (value instanceof PlainDateTime) {
+			return value;
+		}
+
+		if (typeof value === "string") {
+			try {
+				return PlainDateTime.from(value, {overflow: "reject"});
+			} catch (error) {
+				return this.parse(value, this.formats.shortDate);
+			}
+		}
+
+		console.error("Unexpected value", value);
+		return null;
+	}
+
+	toJsDate(value: PlainDateTime): Date {
+		return new Date(
+			value.year,
+			value.month - 1,
+			value.day,
+			value.hour,
+			value.minute,
+			value.second,
+			value.millisecond,
+		);
+	}
+
+	parseISO(isString: string): PlainDateTime {
+		return PlainDateTime.from(isString);
+	}
+
+	parse(value: string, format: string | DateTimeFormat): PlainDateTime | null {
+		try {
+			return parsePlainDateTime(value, format as any as DateTimeFormat);
+		} catch (error) {
+			console.warn("Could not parse", {value, format});
+		}
+		return null;
+	}
+
+	isValid(value: any): boolean {
+		return this.date(value) != null;
+	}
+
+	isEqual(value: any, comparing: any): boolean {
+		const first = this.date(value);
+		const second = this.date(comparing);
+		if (first === second) {
+			return true;
+		}
+		if (!first || !second) {
+			return false;
+		}
+		return first.equals(second);
+	}
+
+	isSameHour(value: PlainDateTime, comparing: PlainDateTime): boolean {
+		return this.isSameDay(value, comparing) && value.hour == comparing.hour;
+	}
+
+	startOfDay(value: PlainDateTime): PlainDateTime {
+		return value.toPlainDate().toPlainDateTime({hour: 0});
+	}
+
+	endOfDay(value: PlainDateTime): PlainDateTime {
+		return value.toPlainDate().toPlainDateTime({hour: 23, minute: 59, second: 59});
+	}
+
+	getHours(value: PlainDateTime): number {
+		return value.hour;
+	}
+
+	setHours(value: PlainDateTime, count: number): PlainDateTime {
+		return value.with({hour: count});
+	}
+
+	getMinutes(value: PlainDateTime): number {
+		return value.minute;
+	}
+
+	setMinutes(value: PlainDateTime, count: number): PlainDateTime {
+		return value.with({minute: count});
+	}
+
+	getSeconds(value: PlainDateTime): number {
+		return value.second;
+	}
+
+	setSeconds(value: PlainDateTime, count: number): PlainDateTime {
+		return value.with({second: count});
+	}
+
+	setMonth(value: PlainDateTime, count: number): PlainDateTime {
+		return value.with({month: count});
+	}
+
+	setYear(value: PlainDateTime, count: number): PlainDateTime {
+		return value.with({year: count});
+	}
+
+	mergeDateAndTime(date: PlainDateTime, time: PlainDateTime): PlainDateTime {
+		return date.toPlainDate().toPlainDateTime(time);
+	}
+
+	addSeconds(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({seconds: count});
+	}
+
+	addMinutes(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({minutes: count});
+	}
+
+	addHours(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({hours: count});
+	}
+
+	addDays(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({days: count});
+	}
+
+	addWeeks(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({weeks: count});
+	}
+
+	addMonths(value: PlainDateTime, count: number): PlainDateTime {
+		return value.add({months: count});
+	}
 }

package/src/date-pickers/PlainDateTimePicker.spec.tsx

@@ -1,22 +1,21 @@
-import {PlainDateTime} from "../temporal";
-import {act, create, ReactTestRenderer} from "react-test-renderer";
 import * as React from "react";
+import {act, create, ReactTestRenderer} from "react-test-renderer";
+import {PlainDateTime} from "../temporal";
 import {PlainDateTimePicker} from "./PlainDateTimePicker";
 
 describe("PlainDateTimePicker", () => {
-
-    test("render", () => {
-        let element: ReactTestRenderer;
-        act(() => {
-            element = create(
-                <PlainDateTimePicker
-                    locale="de"
-                    value={new PlainDateTime(2022, 5, 30, 22, 33)}
-                    onChange={() => {}}
-                />);
-        })
-        const {value} = element!.root.findByType("input").props;
-        expect(value).toBe("30.05.2022, 22:33");
-    });
-
-});
+	test("render", () => {
+		let element: ReactTestRenderer;
+		act(() => {
+			element = create(
+				<PlainDateTimePicker
+					locale="de"
+					value={new PlainDateTime(2022, 5, 30, 22, 33)}
+					onChange={() => {}}
+				/>,
+			);
+		});
+		const {value} = element!.root.findByType("input").props;
+		expect(value).toBe("30.05.2022, 22:33");
+	});
+});

package/src/date-pickers/PlainDateTimePicker.tsx

@@ -1,53 +1,53 @@
-import {PlainDateTime} from "../temporal";
-import {useLocale} from "./useLocale";
-import {useRenderInput, UseRenderInputProps} from "./useRenderInput";
 import {DateTimePicker, LocalizationProvider, PickersDay} from "@mui/x-date-pickers";
 import * as React from "react";
+import {PlainDateTime} from "../temporal";
 import {PlainDateTimeAdapter} from "./PlainDateTimeAdapter";
+import {useLocale} from "./useLocale";
+import {useRenderInput, UseRenderInputProps} from "./useRenderInput";
 
 interface PlainDateTimePickerProps {
-    value: PlainDateTime | null;
-    onChange: (value: PlainDateTime | null) => any;
-    label?: string;
-    disabled?: boolean;
-    required?: boolean;
+	value: PlainDateTime | null;
+	onChange: (value: PlainDateTime | null) => any;
+	label?: string;
+	disabled?: boolean;
+	required?: boolean;
 
 	disablePast?: boolean;
 	minDateTime?: PlainDateTime;
 	maxDateTime?: PlainDateTime;
 	renderDay?: (day: PlainDateTime, selectedDays: PlainDateTime[]) => JSX.Element;
 
-    /**
-     * Allows overriding the locale. Only use for testing.
-     */
-    locale?: string;
+	/**
+	 * Allows overriding the locale. Only use for testing.
+	 */
+	locale?: string;
 }
 export function PlainDateTimePicker(props: PlainDateTimePickerProps & UseRenderInputProps) {
-    const {
-        value,
-        onChange,
-        label,
-        disabled,
+	const {
+		value,
+		onChange,
+		label,
+		disabled,
 		disablePast,
 		minDateTime,
 		maxDateTime,
 		renderDay,
-        locale: suppliedLocale,
-        ...renderInputProps
-    } = props;
+		locale: suppliedLocale,
+		...renderInputProps
+	} = props;
 
-    const locale = useLocale(suppliedLocale);
-    const renderInput = useRenderInput(renderInputProps);
+	const locale = useLocale(suppliedLocale);
+	const renderInput = useRenderInput(renderInputProps);
 
-    return (
-        <LocalizationProvider dateAdapter={PlainDateTimeAdapter} adapterLocale={locale}>
-            <DateTimePicker
-                label={label}
-                value={value}
-                disableMaskedInput
-                onChange={onChange}
-                disabled={disabled}
-                renderInput={renderInput}
+	return (
+		<LocalizationProvider dateAdapter={PlainDateTimeAdapter} adapterLocale={locale}>
+			<DateTimePicker
+				label={label}
+				value={value}
+				disableMaskedInput
+				onChange={onChange}
+				disabled={disabled}
+				renderInput={renderInput}
 				disablePast={disablePast}
 				minDateTime={minDateTime}
 				maxDateTime={maxDateTime}
@@ -57,9 +57,8 @@ export function PlainDateTimePicker(props: PlainDateTimePickerProps & UseRenderI
 							{renderDay(day, selectedDays)}
 						</PickersDay>
 					)
-					: undefined
-				}
-            />
-        </LocalizationProvider>
-    );
+					: undefined}
+			/>
+		</LocalizationProvider>
+	);
 }