chore(form): remove imports from shouldArrayDialogOpen (#7550)

Author: RitaDias

packages/sanity/src/core/form/studio/FormBuilder.tsx

@@ -32,12 +32,7 @@ import {
 import {DocumentFieldActionsProvider} from './contexts/DocumentFieldActions'
 import {FormBuilderInputErrorBoundary} from './FormBuilderInputErrorBoundary'
 import {FormProvider} from './FormProvider'
-import {
-  shouldArrayDialogOpen,
-  TreeEditingDialog,
-  TreeEditingEnabledProvider,
-  useTreeEditingEnabled,
-} from './tree-editing'
+import {TreeEditingDialog, TreeEditingEnabledProvider, useTreeEditingEnabled} from './tree-editing'
 
 /**
  * @alpha
@@ -307,15 +302,9 @@ interface RootInputProps {
 function RootInput(props: RootInputProps) {
   const {rootInputProps, onPathOpen, openPath, renderInput} = props
   const treeEditing = useTreeEditingEnabled()
-
-  const open = useMemo(
-    () => shouldArrayDialogOpen(rootInputProps.schemaType, openPath),
-    [openPath, rootInputProps.schemaType],
-  )
-
   const isRoot = rootInputProps.id === 'root'
 
-  const arrayEditingModal = treeEditing.enabled && isRoot && open && (
+  const arrayEditingModal = treeEditing.enabled && isRoot && (
     <TreeEditingDialog
       // eslint-disable-next-line react/jsx-handler-names
       onPathFocus={rootInputProps.onPathFocus}

packages/sanity/src/core/form/studio/index.ts

@@ -3,5 +3,5 @@ export * from './defaults'
 export * from './FormBuilder'
 export * from './FormProvider'
 export * from './inputs'
-export {shouldArrayDialogOpen, useTreeEditingEnabled} from './tree-editing'
+export {useTreeEditingEnabled} from './tree-editing'
 export * from './uploads'

packages/sanity/src/core/form/studio/tree-editing/__tests__/shouldArrayDialogOpen.test.ts

@@ -1,4 +1,3 @@
 export * from './components'
 export * from './context'
 export * from './hooks'
-export {shouldArrayDialogOpen} from './utils'

packages/sanity/src/core/form/studio/tree-editing/index.ts

@@ -1,4 +1,3 @@
 export * from './build-tree-editing-state'
 export * from './findArrayTypePaths'
 export * from './getSchemaField'
-export * from './shouldArrayDialogOpen'

packages/sanity/src/core/form/studio/tree-editing/utils/index.ts

@@ -5,8 +5,6 @@ import {
   type DocumentActionComponent,
   type DocumentActionDescription,
   Hotkeys,
-  shouldArrayDialogOpen,
-  useSource,
   useTimelineSelector,
 } from 'sanity'
 
@@ -27,17 +25,9 @@ const DocumentStatusBarActionsInner = memo(function DocumentStatusBarActionsInne
   props: DocumentStatusBarActionsInnerProps,
 ) {
   const {disabled, showMenu, states} = props
-  const {__internal_tasks, schemaType, openPath} = useDocumentPane()
+  const {__internal_tasks} = useDocumentPane()
   const [firstActionState, ...menuActionStates] = states
   const [buttonElement, setButtonElement] = useState<HTMLButtonElement | null>(null)
-  const isTreeArrayEditingEnabled = useSource().beta?.treeArrayEditing?.enabled
-
-  // Disable the main document action if the array dialog is open
-  const isTreeArrayEditingEnabledOpen = useMemo(() => {
-    if (!isTreeArrayEditingEnabled) return false
-
-    return shouldArrayDialogOpen(schemaType, openPath)
-  }, [isTreeArrayEditingEnabled, openPath, schemaType])
 
   // TODO: This could be refactored to use the tooltip from the button if the firstAction.title was updated to a string.
   const tooltipContent = useMemo(() => {
@@ -69,9 +59,7 @@ const DocumentStatusBarActionsInner = memo(function DocumentStatusBarActionsInne
             <Stack>
               <Button
                 data-testid={`action-${firstActionState.label}`}
-                disabled={
-                  disabled || Boolean(firstActionState.disabled) || isTreeArrayEditingEnabledOpen
-                }
+                disabled={disabled || Boolean(firstActionState.disabled)}
                 icon={firstActionState.icon}
                 // eslint-disable-next-line react/jsx-handler-names
                 onClick={firstActionState.onHandle}