refactor(sanity): Move date inputs UI Components to ui-components (#7410

) * refactor(sanity): move base components from form/inputs/DateInputs to ui-components * refactor(sanity): update the imports
sanity-io · Aug 23, 2024 · 0d1dcd7 · 0d1dcd7
1 parent 6fdfcac
commit 0d1dcd7
Show file tree

Hide file tree

Showing 18 changed files with 14 additions and 13 deletions.
diff --git a/packages/sanity/src/core/form/inputs/DateInputs/CommonDateTimeInput.tsx b/packages/sanity/src/core/form/inputs/DateInputs/CommonDateTimeInput.tsx
@@ -12,9 +12,9 @@ import {
   useState,
 } from 'react'
 
+import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/calendar/types'
+import {DateTimeInput} from '../../../../ui-components/inputs/DateInputs/DateTimeInput'
 import {useTranslation} from '../../../i18n/hooks/useTranslation'
-import {type CalendarLabels} from './base/calendar/types'
-import {DateTimeInput} from './base/DateTimeInput'
 import {type ParseResult} from './types'
 
 export interface CommonDateTimeInputProps {

diff --git a/packages/sanity/src/core/form/inputs/DateInputs/DateInput.tsx b/packages/sanity/src/core/form/inputs/DateInputs/DateInput.tsx
@@ -1,10 +1,10 @@
 import {DEFAULT_DATE_FORMAT, format, parse} from '@sanity/util/legacyDateFormat'
 import {useCallback, useMemo} from 'react'
 
+import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/calendar/types'
 import {useTranslation} from '../../../i18n'
 import {set, unset} from '../../patch'
 import {type StringInputProps} from '../../types'
-import {type CalendarLabels} from './base/calendar/types'
 import {CommonDateTimeInput} from './CommonDateTimeInput'
 import {getCalendarLabels} from './utils'
 

diff --git a/packages/sanity/src/core/form/inputs/DateInputs/DateTimeInput.tsx b/packages/sanity/src/core/form/inputs/DateInputs/DateTimeInput.tsx
@@ -7,10 +7,10 @@ import {
 import {getMinutes, parseISO, setMinutes} from 'date-fns'
 import {useCallback, useMemo} from 'react'
 
+import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/calendar/types'
 import {useTranslation} from '../../../i18n'
 import {set, unset} from '../../patch'
 import {type StringInputProps} from '../../types'
-import {type CalendarLabels} from './base/calendar/types'
 import {CommonDateTimeInput} from './CommonDateTimeInput'
 import {type ParseResult} from './types'
 import {getCalendarLabels, isValidDate} from './utils'

diff --git a/packages/sanity/src/core/form/inputs/DateInputs/utils.ts b/packages/sanity/src/core/form/inputs/DateInputs/utils.ts
@@ -1,4 +1,4 @@
-import {type CalendarLabels} from './base/calendar/types'
+import {type CalendarLabels} from '../../../../ui-components/inputs/DateInputs/calendar/types'
 
 export function isValidDate(date: Date): boolean {
   return date instanceof Date && !isNaN(date.valueOf())

diff --git a/packages/sanity/src/core/scheduledPublishing/components/dateInputs/base/DateTimeInput.tsx b/packages/sanity/src/core/scheduledPublishing/components/dateInputs/base/DateTimeInput.tsx
@@ -20,7 +20,7 @@ import {
 import FocusLock from 'react-focus-lock'
 
 import {Popover} from '../../../../../ui-components'
-import {LazyTextInput} from '../../../../form/inputs/DateInputs/base/LazyTextInput'
+import {LazyTextInput} from '../../../../../ui-components/inputs/DateInputs/LazyTextInput'
 import {DatePicker} from './DatePicker'
 
 type Props = {

diff --git a/...ges/sanity/src/core/scheduledPublishing/components/dateInputs/base/calendar/YearInput.tsx b/...ges/sanity/src/core/scheduledPublishing/components/dateInputs/base/calendar/YearInput.tsx
@@ -1,6 +1,6 @@
 import {type ChangeEvent, type ComponentProps, type FocusEvent, useCallback} from 'react'
 
-import {LazyTextInput} from '../../../../../form/inputs/DateInputs/base/LazyTextInput'
+import {LazyTextInput} from '../../../../../../ui-components/inputs/DateInputs/LazyTextInput'
 
 type Props = Omit<ComponentProps<typeof LazyTextInput>, 'onChange' | 'value'> & {
   value?: number

diff --git a/packages/sanity/src/core/tasks/components/form/fields/DateEditFormField.tsx b/packages/sanity/src/core/tasks/components/form/fields/DateEditFormField.tsx
@@ -6,9 +6,9 @@ import {type KeyboardEvent, useCallback, useMemo, useRef, useState} from 'react'
 import ReactFocusLock from 'react-focus-lock'
 
 import {Button, Popover} from '../../../../../ui-components'
+import {type CalendarLabels} from '../../../../../ui-components/inputs/DateInputs/calendar/types'
+import {DatePicker} from '../../../../../ui-components/inputs/DateInputs/DatePicker'
 import {type FormPatch, type PatchEvent, set, unset} from '../../../../form'
-import {type CalendarLabels} from '../../../../form/inputs/DateInputs/base/calendar/types'
-import {DatePicker} from '../../../../form/inputs/DateInputs/base/DatePicker'
 import {getCalendarLabels} from '../../../../form/inputs/DateInputs/utils'
 import {useDateTimeFormat} from '../../../../hooks'
 import {useTranslation} from '../../../../i18n'

diff --git a/...orm/inputs/DateInputs/base/DatePicker.tsx → ...mponents/inputs/DateInputs/DatePicker.tsx b/...orm/inputs/DateInputs/base/DatePicker.tsx → ...mponents/inputs/DateInputs/DatePicker.tsx
diff --git a/.../inputs/DateInputs/base/DateTimeInput.tsx → ...nents/inputs/DateInputs/DateTimeInput.tsx b/.../inputs/DateInputs/base/DateTimeInput.tsx → ...nents/inputs/DateInputs/DateTimeInput.tsx
@@ -12,7 +12,8 @@ import {
 } from 'react'
 import FocusLock from 'react-focus-lock'
 
-import {Button, Popover} from '../../../../../ui-components'
+import {Button} from '../../button'
+import {Popover} from '../../popover'
 import {type CalendarLabels} from './calendar/types'
 import {DatePicker} from './DatePicker'
 import {LazyTextInput} from './LazyTextInput'

diff --git a/.../inputs/DateInputs/base/LazyTextInput.tsx → ...nents/inputs/DateInputs/LazyTextInput.tsx b/.../inputs/DateInputs/base/LazyTextInput.tsx → ...nents/inputs/DateInputs/LazyTextInput.tsx
diff --git a/...uts/DateInputs/base/calendar/Calendar.tsx → ...s/inputs/DateInputs/calendar/Calendar.tsx b/...uts/DateInputs/base/calendar/Calendar.tsx → ...s/inputs/DateInputs/calendar/Calendar.tsx
@@ -14,7 +14,7 @@ import {
   useRef,
 } from 'react'
 
-import {Button} from '../../../../../../ui-components'
+import {Button} from '../../../button'
 import {CalendarMonth} from './CalendarMonth'
 import {ARROW_KEYS, DEFAULT_TIME_PRESETS, HOURS_24} from './constants'
 import {features} from './features'

diff --git a/.../DateInputs/base/calendar/CalendarDay.tsx → ...nputs/DateInputs/calendar/CalendarDay.tsx b/.../DateInputs/base/calendar/CalendarDay.tsx → ...nputs/DateInputs/calendar/CalendarDay.tsx
diff --git a/...ateInputs/base/calendar/CalendarMonth.tsx → ...uts/DateInputs/calendar/CalendarMonth.tsx b/...ateInputs/base/calendar/CalendarMonth.tsx → ...uts/DateInputs/calendar/CalendarMonth.tsx
@@ -1,7 +1,7 @@
 import {Box, Grid, Text} from '@sanity/ui'
 import {isSameDay, isSameMonth} from 'date-fns'
 
-import {useCurrentLocale} from '../../../../../i18n/hooks/useLocale'
+import {useCurrentLocale} from '../../../../core/i18n/hooks/useLocale'
 import {CalendarDay} from './CalendarDay'
 import {useWeeksOfMonth} from './utils'
 

diff --git a/...ts/DateInputs/base/calendar/YearInput.tsx → .../inputs/DateInputs/calendar/YearInput.tsx b/...ts/DateInputs/base/calendar/YearInput.tsx → .../inputs/DateInputs/calendar/YearInput.tsx
diff --git a/...uts/DateInputs/base/calendar/constants.ts → ...s/inputs/DateInputs/calendar/constants.ts b/...uts/DateInputs/base/calendar/constants.ts → ...s/inputs/DateInputs/calendar/constants.ts
diff --git a/...puts/DateInputs/base/calendar/features.ts → ...ts/inputs/DateInputs/calendar/features.ts b/...puts/DateInputs/base/calendar/features.ts → ...ts/inputs/DateInputs/calendar/features.ts
diff --git a/.../inputs/DateInputs/base/calendar/types.ts → ...nents/inputs/DateInputs/calendar/types.ts b/.../inputs/DateInputs/base/calendar/types.ts → ...nents/inputs/DateInputs/calendar/types.ts
diff --git a/.../inputs/DateInputs/base/calendar/utils.ts → ...nents/inputs/DateInputs/calendar/utils.ts b/.../inputs/DateInputs/base/calendar/utils.ts → ...nents/inputs/DateInputs/calendar/utils.ts
@@ -1,6 +1,6 @@
 import {addDays, eachWeekOfInterval, getWeek, lastDayOfMonth, startOfMonth} from 'date-fns'
 
-import {useCurrentLocale} from '../../../../../i18n/hooks/useLocale'
+import {useCurrentLocale} from '../../../../core/i18n/hooks/useLocale'
 import {TAIL_WEEKDAYS} from './constants'
 
 /**