chore: add typed ESLint checks #18

Refs WealthLedger/main#18. Keep Biome; add no Prettier dependencies.

src/pages/account-income/ui/AccountIncomePage/AccountIncomePage.test.tsx

@@ -462,11 +462,9 @@ describe("AccountIncomePage", () => {
 			http.get("*/api/v1/brokerage-accounts/account-1/events", eventsRequest),
 		);
 		renderPage();
-		await waitFor(() =>
-			expect(
-				screen.getByRole("heading", { name: "Пассивный доход" }),
-			).toBeInTheDocument(),
-		);
+		expect(
+			await screen.findByRole("heading", { name: "Пассивный доход" }),
+		).toBeInTheDocument();
 		expect(
 			screen.getByText("Налоговые операции не включены в этот результат."),
 		).toBeInTheDocument();
@@ -542,11 +540,9 @@ describe("AccountIncomePage", () => {
 			),
 		);
 		renderPage();
-		await waitFor(() =>
-			expect(
-				screen.getByRole("button", { name: "Повторить" }),
-			).toBeInTheDocument(),
-		);
+		expect(
+			await screen.findByRole("button", { name: "Повторить" }),
+		).toBeInTheDocument();
 	});
 });
 

src/pages/account-income/ui/AccountIncomePage/AccountIncomePage.vm.ts

@@ -43,18 +43,22 @@ type IncomeDisplayModel = {
 
 type AccountIncomePageViewModel =
 	| { state: "loading" }
-	| { state: "error"; retry: () => void; period: IncomePeriod }
+	| {
+			state: "error";
+			retry: () => undefined | Promise<unknown>;
+			period: IncomePeriod;
+	  }
 	| {
 			state: "loaded";
 			analytics: IncomeAnalytics;
 			display: IncomeDisplayModel;
-			formRevision: number;
+			formRevision: string;
 			sourceError?: boolean;
 			lastSuccessfulAt?: string | null;
 			partial?: boolean;
 			refreshing: boolean;
 			refreshError: boolean;
-			retry: () => void;
+			retry: () => undefined | Promise<unknown>;
 			form: ReturnType<typeof useForm<IncomeForm>>;
 			onReset: () => void;
 			onSubmit: (values: IncomeForm) => void;
@@ -102,7 +106,7 @@ const useAccountIncomePageViewModel = (
 		defaultValues: draftPeriod(period),
 		resolver: zodResolver(incomeFormSchema),
 	});
-	const [formRevision, setFormRevision] = useState(0);
+	const [resetRevision, setResetRevision] = useState(0);
 	const analytics = useIncomeAnalytics(accountId, period);
 	const sync = useScreenSync(
 		{ screen: "income", accountId, from: period.from, to: period.to },
@@ -114,7 +118,6 @@ const useAccountIncomePageViewModel = (
 	}, [period, requested, setSearchParams]);
 	useEffect(() => {
 		form.reset(draftPeriod(period));
-		setFormRevision((revision) => revision + 1);
 	}, [form, period]);
 
 	const onSubmit = (values: IncomeForm) => {
@@ -126,7 +129,7 @@ const useAccountIncomePageViewModel = (
 		const next = defaultPeriod();
 		form.reset(draftPeriod(next));
 		// Reset the open calendar along with the form.
-		setFormRevision((revision) => revision + 1);
+		setResetRevision((revision) => revision + 1);
 		setSearchParams(next, { replace: true });
 	};
 	if (analytics.isLoading || !analytics.data) {
@@ -138,16 +141,14 @@ const useAccountIncomePageViewModel = (
 	if (!display)
 		return {
 			state: "error",
-			retry: () => {
-				void analytics.observe();
-			},
+			retry: () => analytics.observe(),
 			period,
 		};
 	return {
 		state: "loaded",
 		analytics: analytics.data,
 		display,
-		formRevision,
+		formRevision: `${period.from}:${period.to}:${resetRevision}`,
 		sourceError: sync.sourceError,
 		lastSuccessfulAt: analytics.meta?.lastSuccessfulAt,
 		partial: analytics.meta?.availability !== "complete",

src/pages/account-income/ui/AccountIncomePage/components/IncomePeriodForm/IncomePeriodForm.view.tsx

@@ -22,8 +22,14 @@ const IncomePeriodForm: FC<IncomePeriodFormProps> = (props) => {
 		control,
 		formState: { isSubmitting },
 	} = useFormContext<IncomeForm>();
-	const fromField = useController({ control, name: "from" });
-	const toField = useController({ control, name: "to" });
+	const {
+		field: { ref: fromRef, onChange: onFromChange, onBlur: onFromBlur },
+		fieldState: { error: fromError },
+	} = useController({ control, name: "from" });
+	const {
+		field: { onChange: onToChange, onBlur: onToBlur },
+		fieldState: { error: toError },
+	} = useController({ control, name: "to" });
 	const [from, to] = useWatch({ control, name: ["from", "to"] });
 	const today = moscowDate(new Date());
 	const start = parseDraftDate(from);
@@ -44,23 +50,20 @@ const IncomePeriodForm: FC<IncomePeriodFormProps> = (props) => {
 						allowSingleDateInRange
 						clearable
 						clearButtonProps={{ "aria-label": t("ledger.clearPeriod") }}
-						ref={fromField.field.ref}
+						ref={fromRef}
 						label={t("income.period")}
 						valueFormat="DD.MM.YYYY"
 						value={[start, end]}
 						onChange={([from, to]) => {
-							fromField.field.onChange(from ? formatDraftDate(from) : "");
-							toField.field.onChange(to ? formatDraftDate(to) : "");
+							onFromChange(from ? formatDraftDate(from) : "");
+							onToChange(to ? formatDraftDate(to) : "");
 						}}
 						onBlur={() => {
-							fromField.field.onBlur();
-							toField.field.onBlur();
+							onFromBlur();
+							onToBlur();
 						}}
 						maxDate={today}
-						error={
-							fromField.fieldState.error?.message ??
-							toField.fieldState.error?.message
-						}
+						error={fromError?.message ?? toError?.message}
 						disabled={isSubmitting}
 						popoverProps={{
 							returnFocus: true,