feat!: rename @payloadcms/ui/client to @payloadcms/ui, and other auto-suggestion & exports improvements (#6848)

**BREAKING:** All `@payloadcms/ui/client` exports have been renamed to
`@payloadcms/ui`. A simple find & replace across your entire project
will be enough to migrate. This change greatly improves import
auto-completions in IDEs which lack proper support for package.json
exports, like Webstorm.

packages/richtext-slate/package.json

@@ -14,8 +14,8 @@
   "exports": {
     ".": {
       "import": "./src/index.tsx",
-      "require": "./src/index.tsx",
-      "types": "./src/index.tsx"
+      "types": "./src/index.tsx",
+      "default": "./src/index.tsx"
     }
   },
   "main": "./src/index.tsx",
@@ -60,8 +60,8 @@
     "exports": {
       ".": {
         "import": "./dist/index.js",
-        "require": "./dist/index.js",
-        "types": "./dist/index.d.ts"
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       }
     },
     "main": "./dist/index.js",

packages/richtext-slate/src/cell/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import type { DefaultCellComponentProps } from 'payload'
 
-import { useTableCell } from '@payloadcms/ui/client'
+import { useTableCell } from '@payloadcms/ui'
 import React from 'react'
 
 export const RichTextCell: React.FC<DefaultCellComponentProps<any[]>> = () => {

packages/richtext-slate/src/field/RichText.tsx

@@ -16,7 +16,7 @@ import {
   useFieldProps,
   useTranslation,
   withCondition,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import { isHotkey } from 'is-hotkey'
 import React, { useCallback, useEffect, useMemo, useRef } from 'react'
 import { Node, Element as SlateElement, Text, Transforms, createEditor } from 'slate'

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

@@ -1,7 +1,7 @@
 'use client'
 import type { ElementType } from 'react'
 
-import { Tooltip } from '@payloadcms/ui/client'
+import { Tooltip } from '@payloadcms/ui'
 import React, { useCallback, useState } from 'react'
 import { useSlate } from 'slate-react'
 

packages/richtext-slate/src/field/elements/EnabledRelationshipsCondition.tsx

@@ -2,7 +2,7 @@
 
 import type { ClientCollectionConfig, ClientUser, VisibleEntities } from 'payload'
 
-import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui/client'
+import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui'
 import * as React from 'react'
 
 type Options = {

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

@@ -2,13 +2,7 @@
 
 import type { FormState } from 'payload'
 
-import {
-  useConfig,
-  useDrawerSlug,
-  useFieldProps,
-  useModal,
-  useTranslation,
-} from '@payloadcms/ui/client'
+import { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui'
 import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared'
 import React, { Fragment, useState } from 'react'
 import { Editor, Range, Transforms } from 'slate'

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

@@ -13,7 +13,7 @@ import {
   useLocale,
   useModal,
   useTranslation,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared'
 import { deepCopyObject } from 'payload/shared'
 import React, { useCallback, useEffect, useState } from 'react'

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

@@ -13,7 +13,7 @@ import {
   useFieldProps,
   useHotkey,
   useTranslation,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import { getFormState } from '@payloadcms/ui/shared'
 import React, { useCallback, useRef } from 'react'
 

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

@@ -1,6 +1,6 @@
 'use client'
 
-import { useListDrawer, useTranslation } from '@payloadcms/ui/client'
+import { useListDrawer, useTranslation } from '@payloadcms/ui'
 import React, { Fragment, useCallback, useEffect, useState } from 'react'
 import { ReactEditor, useSlate } from 'slate-react'
 

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

@@ -10,7 +10,7 @@ import {
   useListDrawer,
   usePayloadAPI,
   useTranslation,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import React, { useCallback, useReducer, useState } from 'react'
 import { Transforms } from 'slate'
 import { ReactEditor, useFocused, useSelected, useSlateStatic } from 'slate-react'

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

@@ -1,6 +1,6 @@
 'use client'
 
-import { useListDrawer, useTranslation } from '@payloadcms/ui/client'
+import { useListDrawer, useTranslation } from '@payloadcms/ui'
 import React, { Fragment, useCallback } from 'react'
 import { ReactEditor, useSlate } from 'slate-react'
 

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

@@ -14,7 +14,7 @@ import {
   useLocale,
   useModal,
   useTranslation,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import { type FormProps } from '@payloadcms/ui/forms/Form'
 import { RenderFields } from '@payloadcms/ui/forms/RenderFields'
 import { getFormState } from '@payloadcms/ui/shared'

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

@@ -13,7 +13,7 @@ import {
   useListDrawer,
   usePayloadAPI,
   useTranslation,
-} from '@payloadcms/ui/client'
+} from '@payloadcms/ui'
 import { File } from '@payloadcms/ui/graphics/File'
 import React, { useCallback, useReducer, useState } from 'react'
 import { Transforms } from 'slate'

packages/richtext-slate/src/field/index.tsx

@@ -2,7 +2,7 @@
 
 import type { FormFieldBase } from '@payloadcms/ui/fields/shared'
 
-import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui/client'
+import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui'
 import React, { Suspense, lazy, useEffect, useState } from 'react'
 
 import type { RichTextPlugin } from '../types.js'

packages/richtext-slate/src/utilities/useSlatePlugin.tsx

@@ -1,6 +1,6 @@
 import type { Editor } from 'slate'
 
-import { useAddClientFunction, useFieldProps } from '@payloadcms/ui/client'
+import { useAddClientFunction, useFieldProps } from '@payloadcms/ui'
 
 type Plugin = (editor: Editor) => Editor