chore: migrates @faceless-ui imports to esm (#6681)

packages/richtext-slate/package.json

@@ -32,7 +32,7 @@
     "prepublishOnly": "pnpm clean && pnpm turbo build"
   },
   "dependencies": {
-    "@faceless-ui/modal": "2.1.0-rc.0",
+    "@faceless-ui/modal": "3.0.0-beta.0",
     "is-hotkey": "0.2.0",
     "slate": "0.91.4",
     "slate-history": "0.86.0",

packages/richtext-slate/src/field/elements/link/Button/index.tsx

@@ -2,11 +2,10 @@
 
 import type { FormState } from 'payload/types'
 
-import * as facelessUIImport from '@faceless-ui/modal'
+import { useModal } from '@faceless-ui/modal'
 import { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'
 import { useFieldProps } from '@payloadcms/ui/forms/FieldPropsProvider'
 import { useConfig } from '@payloadcms/ui/providers/Config'
-import { useDocumentInfo } from '@payloadcms/ui/providers/DocumentInfo'
 import { useTranslation } from '@payloadcms/ui/providers/Translation'
 import { getFormState } from '@payloadcms/ui/utilities/getFormState'
 import { reduceFieldsToValues } from '@payloadcms/ui/utilities/reduceFieldsToValues'
@@ -61,8 +60,6 @@ const insertLink = (editor, fields) => {
 }
 
 export const LinkButton: React.FC = () => {
-  const { useModal } = facelessUIImport
-
   const { fieldProps } = useElementButton()
   const [initialState, setInitialState] = useState<FormState>({})
 

packages/richtext-slate/src/field/elements/link/Element/index.tsx

@@ -2,7 +2,7 @@
 
 import type { FormState } from 'payload/types'
 
-import * as facelessUIImport from '@faceless-ui/modal'
+import { useModal } from '@faceless-ui/modal'
 import { getTranslation } from '@payloadcms/translations'
 import { Button } from '@payloadcms/ui/elements/Button'
 import { useDrawerSlug } from '@payloadcms/ui/elements/Drawer'
@@ -60,7 +60,6 @@ const insertChange = (editor, fields) => {
 export const LinkElement = () => {
   const { attributes, children, editorRef, element, fieldProps, schemaPath } =
     useElement<LinkElementType>()
-  const { useModal } = facelessUIImport
 
   const fieldMapPath = `${schemaPath}.${linkFieldsSchemaPath}`
 

packages/richtext-slate/src/field/elements/upload/Element/UploadDrawer/index.tsx

@@ -3,7 +3,7 @@
 import type { FormFieldBase } from '@payloadcms/ui/fields/shared'
 import type { ClientCollectionConfig } from 'payload/types'
 
-import * as facelessUIImport from '@faceless-ui/modal'
+import { useModal } from '@faceless-ui/modal'
 import { getTranslation } from '@payloadcms/translations'
 import { Drawer } from '@payloadcms/ui/elements/Drawer'
 import { Form, type FormProps } from '@payloadcms/ui/forms/Form'
@@ -34,8 +34,6 @@ export const UploadDrawer: React.FC<{
   relatedCollection: ClientCollectionConfig
   schemaPath: string
 }> = (props) => {
-  const { useModal } = facelessUIImport
-
   const editor = useSlateStatic()
 
   const { drawerSlug, element, fieldProps, relatedCollection, schemaPath } = props