refactor(core): move SortableItemIdContext to singletons

sanity-io · Apr 29, 2024 · ffea136 · ffea136
1 parent 372774e
commit ffea136
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/packages/sanity/src/_singletons/form/inputs/arrays/common/SortableItemIdContext.ts b/packages/sanity/src/_singletons/form/inputs/arrays/common/SortableItemIdContext.ts
@@ -0,0 +1,6 @@
+import {createContext} from 'react'
+
+/**
+ * @internal
+ */
+export const SortableItemIdContext = createContext<string | null>(null)
diff --git a/packages/sanity/src/_singletons/index.ts b/packages/sanity/src/_singletons/index.ts
@@ -12,3 +12,4 @@ export * from './form/FormBuilderContext'
 export * from './form/FormValueContext'
 export * from './form/GetFormValueContext'
 export * from './form/inputs/arrays/ArrayOfObjectsInput/List/VirtualizerScrollInstanceContext'
+export * from './form/inputs/arrays/common/SortableItemIdContext'
diff --git a/packages/sanity/src/core/form/inputs/arrays/common/DragHandle.tsx b/packages/sanity/src/core/form/inputs/arrays/common/DragHandle.tsx
@@ -1,6 +1,7 @@
 import {useSortable} from '@dnd-kit/sortable'
 import {DragHandleIcon} from '@sanity/icons'
-import {createContext, useContext} from 'react'
+import {useContext} from 'react'
+import {SortableItemIdContext} from 'sanity/_singletons'
 import {css, styled} from 'styled-components'
 
 import {Button, type ButtonProps} from '../../../../../ui-components'
@@ -14,8 +15,6 @@ const DragHandleButton = styled(Button)<{$grid?: boolean; disabled?: boolean}>((
   `
 })
 
-export const SortableItemIdContext = createContext<string | null>(null)
-
 interface DragHandleProps {
   $grid?: boolean
   size?: ButtonProps['size']

diff --git a/packages/sanity/src/core/form/inputs/arrays/common/list.tsx b/packages/sanity/src/core/form/inputs/arrays/common/list.tsx
@@ -29,10 +29,10 @@ import {
   useCallback,
   useMemo,
 } from 'react'
+import {SortableItemIdContext} from 'sanity/_singletons'
 import {css, styled} from 'styled-components'
 
 import {restrictToParentElementWithMargins} from './dndkit-modifier/restrictToParentElementWithMargins'
-import {SortableItemIdContext} from './DragHandle'
 
 export const MOVING_ITEM_CLASS_NAME = 'moving'