fix(core/form/inputs): rename autofocus > autoFocus

sanity-io · May 30, 2023 · fb88521 · fb88521
1 parent 02feb8d
commit fb88521
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 13 deletions.
diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/Annotation.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/Annotation.tsx
@@ -253,7 +253,7 @@ export const DefaultAnnotationComponent = (props: BlockAnnotationProps) => {
           boundaryElement={__unstable_boundaryElement}
           defaultType="popover"
           onClose={onClose}
-          autofocus={focused}
+          autoFocus={focused}
           referenceElement={__unstable_referenceElement}
           schemaType={schemaType}
         >

diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/BlockObject.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/BlockObject.tsx
@@ -377,7 +377,7 @@ export const DefaultBlockObjectComponent = (props: BlockProps) => {
           boundaryElement={__unstable_boundaryElement}
           defaultType="dialog"
           onClose={onClose}
-          autofocus={focused}
+          autoFocus={focused}
           schemaType={schemaType}
           referenceElement={__unstable_referenceElement}
         >

diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx
@@ -280,7 +280,7 @@ export const DefaultInlineObjectComponent = (props: BlockProps) => {
           boundaryElement={__unstable_boundaryElement}
           defaultType="popover"
           onClose={onClose}
-          autofocus={focused}
+          autoFocus={focused}
           referenceElement={__unstable_referenceElement}
           schemaType={schemaType}
         >

diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/modals/DialogModal.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/modals/DialogModal.tsx
@@ -9,11 +9,11 @@ interface DefaultEditDialogProps {
   onClose: () => void
   title: string | React.ReactNode
   width?: ModalWidth
-  autofocus?: boolean
+  autoFocus?: boolean
 }
 
 export function DefaultEditDialog(props: DefaultEditDialogProps) {
-  const {onClose, children, title, width = 1, autofocus} = props
+  const {onClose, children, title, width = 1, autoFocus} = props
   const dialogId = useId()
   // This seems to work with regular refs as well, but it might be safer to use state.
   const [contentElement, setContentElement] = useState<HTMLDivElement | null>(null)
@@ -27,7 +27,7 @@ export function DefaultEditDialog(props: DefaultEditDialogProps) {
       portal="default"
       width={width}
       contentRef={setContentElement}
-      __unstable_autoFocus={autofocus}
+      __unstable_autoFocus={autoFocus}
     >
       <PresenceOverlay margins={[0, 0, 1, 0]}>
         <VirtualizerScrollInstanceProvider scrollElement={contentElement}>

diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/modals/ObjectEditModal.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/modals/ObjectEditModal.tsx
@@ -5,15 +5,15 @@ import {DefaultEditDialog} from './DialogModal'
 import {PopoverEditDialog} from './PopoverModal'
 
 export function ObjectEditModal(props: {
-  autofocus?: boolean
+  autoFocus?: boolean
   boundaryElement: HTMLElement | undefined
   children: React.ReactNode
   defaultType: 'dialog' | 'popover'
   onClose: () => void
   referenceElement: HTMLElement | undefined
   schemaType: ObjectSchemaType
 }) {
-  const {onClose, defaultType, referenceElement, boundaryElement, schemaType, autofocus} = props
+  const {onClose, defaultType, referenceElement, boundaryElement, schemaType, autoFocus} = props
 
   const schemaModalOption = useMemo(() => _getModalOption(schemaType), [schemaType])
   const modalType = schemaModalOption?.type || defaultType
@@ -29,7 +29,7 @@ export function ObjectEditModal(props: {
   if (modalType === 'popover') {
     return (
       <PopoverEditDialog
-        autofocus={autofocus}
+        autoFocus={autoFocus}
         boundaryElement={boundaryElement}
         onClose={handleClose}
         referenceElement={referenceElement}
@@ -46,7 +46,7 @@ export function ObjectEditModal(props: {
       onClose={handleClose}
       title={modalTitle}
       width={modalWidth}
-      autofocus={autofocus}
+      autoFocus={autoFocus}
     >
       {props.children}
     </DefaultEditDialog>

diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/modals/PopoverModal.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/modals/PopoverModal.tsx
@@ -16,7 +16,7 @@ import {
 } from './PopoverModal.styles'
 
 interface PopoverEditDialogProps {
-  autofocus?: boolean
+  autoFocus?: boolean
   boundaryElement?: PortableTextEditorElement
   children: React.ReactNode
   onClose: () => void
@@ -53,7 +53,7 @@ export function PopoverEditDialog(props: PopoverEditDialogProps) {
 }
 
 function Content(props: PopoverEditDialogProps) {
-  const {onClose, referenceElement, width = 0, title, boundaryElement, autofocus} = props
+  const {onClose, referenceElement, width = 0, title, boundaryElement, autoFocus} = props
 
   useGlobalKeyDown(
     useCallback(
@@ -82,7 +82,7 @@ function Content(props: PopoverEditDialogProps) {
               </Box>
 
               <Button
-                autoFocus={Boolean(autofocus)}
+                autoFocus={Boolean(autoFocus)}
                 icon={CloseIcon}
                 mode="bleed"
                 onClick={onClose}