Move the recurrence modal off TanStack Form

packages/cmsui/components/RecurrenceWidget/Components/ByDayField.tsx

@@ -1,11 +1,10 @@
 import { CheckboxGroup, Checkbox, Label } from '@plone/quanta';
 import { Days, getLocalizedWeekday, widgetTailwindClasses } from '../utils';
-import type { Updater } from '@tanstack/react-form';
 import { useTranslation } from 'react-i18next';
 import { twMerge } from 'tailwind-merge';
 
 interface ByDayFieldProps {
-  onChange: (updater: Updater<string[]>) => void;
+  onChange: (value: string[]) => void;
   label: string;
   defaultValue: string;
 }

packages/cmsui/components/RecurrenceWidget/Components/ByMonthDayField.tsx

@@ -1,9 +1,8 @@
 import { Input, TextField } from '@plone/quanta';
-import { type Updater } from '@tanstack/react-form';
 import { useTranslation } from 'react-i18next';
 
 interface ByMonthDayFieldProps {
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
   defaultValue: number;
 }
 

packages/cmsui/components/RecurrenceWidget/Components/ByWeekdayOfTheMonth.tsx

@@ -1,10 +1,9 @@
 import { Select } from '@plone/quanta';
 import { getDaysOptions } from '../utils';
 import { useTranslation } from 'react-i18next';
-import type { Updater } from '@tanstack/react-form';
 
 interface ByWeekdayOfTheMonth {
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
   defaultValue: number;
 }
 

packages/cmsui/components/RecurrenceWidget/Components/ByWeekdayOfTheMonthIndex.tsx

@@ -1,11 +1,10 @@
 import { Select } from '@plone/quanta';
-import type { Updater } from '@tanstack/react-form';
 
 import { getOrdinalNumbersOptions, ORDINAL_NUMBERS } from '../utils';
 import { useTranslation } from 'react-i18next';
 
 interface ByWeekdayOfTheMonthIndexProps {
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
   defaultValue: keyof typeof ORDINAL_NUMBERS;
 }
 

packages/cmsui/components/RecurrenceWidget/Components/CountEndField.tsx

@@ -1,10 +1,9 @@
-import type { Updater } from '@tanstack/react-form';
 import { useTranslation } from 'react-i18next';
 import { TextField, Label, Input } from '@plone/quanta';
 // import { Input } from '../../Field/Field';
 
 interface CountEndFieldProps {
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
 }
 
 const CountEndField = ({ onChange }: CountEndFieldProps) => {

packages/cmsui/components/RecurrenceWidget/Components/IntervalField.tsx

@@ -1,12 +1,11 @@
 import { Group } from 'react-aria-components';
 import { TextField, Input, Label } from '@plone/quanta';
-import type { Updater } from '@tanstack/react-form';
 import { widgetTailwindClasses } from '../utils';
 
 interface IntervalFieldProps {
   labelAfter?: string;
   label: string;
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
 }
 
 const IntervalField = ({ labelAfter, label, onChange }: IntervalFieldProps) => {

packages/cmsui/components/RecurrenceWidget/Components/MonthOfTheYearField.tsx

@@ -1,10 +1,9 @@
-import type { Updater } from '@tanstack/react-form';
 import { useTranslation } from 'react-i18next';
 import { Select } from '@plone/quanta';
 import { getMonthOptions } from '../utils';
 
 interface MonthOfTheYearFieldProps {
-  onChange: (updater: Updater<number>) => void;
+  onChange: (value: number) => void;
   defaultValue: number;
 }
 

packages/cmsui/components/RecurrenceWidget/Components/RadioOptionsField.tsx

@@ -1,10 +1,9 @@
-import type { Updater } from '@tanstack/react-form';
 import { Radio, RadioGroup, Label } from '@plone/quanta';
 import { widgetTailwindClasses } from '../utils';
 
 interface RadioOptionsFieldProps<T extends string> {
   label: string;
-  onChange: (updater: Updater<T>) => void;
+  onChange: (value: T) => void;
   options: { id: T; title: string; description?: string }[];
   checkboxValue: T;
 }