@payloadcms/richtext-slate - npm Package Compare versions

Comparing version 3.0.0-canary.03427d3 to 3.0.0-canary.0cf6f1e

dist/cell/index.js

 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useTableCell } from '@payloadcms/ui/client';
+import { useTableCell } from '@payloadcms/ui';
 import React from 'react';
@@ -5,0 +5,0 @@ export const RichTextCell = ()=>{

dist/data/populate.d.ts

@@ -1,2 +0,2 @@
-import type { Collection, Field, PayloadRequestWithData, RichTextField } from 'payload';
+import type { Collection, Field, PayloadRequest, RichTextField } from 'payload';
 import type { AdapterArguments } from '../types.js';
@@ -11,11 +11,11 @@ type Arguments = {
     overrideAccess?: boolean;
-    req: PayloadRequestWithData;
+    req: PayloadRequest;
     showHiddenFields: boolean;
 };
-export declare const populate: ({ id, collection, currentDepth, data, depth, draft, key, overrideAccess, req, showHiddenFields, }: Omit<Arguments, 'field'> & {
+export declare const populate: ({ id, collection, currentDepth, data, depth, draft, key, overrideAccess, req, showHiddenFields, }: {
     collection: Collection;
     field: Field;
     id: string;
-}) => Promise<void>;
+} & Omit<Arguments, "field">) => Promise<void>;
 export {};
 //# sourceMappingURL=populate.d.ts.map

dist/data/recurseNestedFields.d.ts

@@ -1,2 +0,2 @@
-import type { Field, PayloadRequestWithData } from 'payload';
+import type { Field, PayloadRequest } from 'payload';
 type NestedRichTextFieldsArgs = {
@@ -10,3 +10,3 @@ currentDepth?: number;
     populationPromises: Promise<void>[];
-    req: PayloadRequestWithData;
+    req: PayloadRequest;
     showHiddenFields: boolean;
@@ -13,0 +13,0 @@ };

dist/data/recurseNestedFields.js

@@ -1,2 +0,2 @@
-import { fieldAffectsData, fieldHasSubFields, fieldIsArrayType } from 'payload/shared';
+import { fieldAffectsData, fieldHasSubFields, fieldIsArrayType, tabHasName } from 'payload/shared';
 import { populate } from './populate.js';
@@ -113,3 +113,3 @@ import { recurseRichText } from './richTextRelationshipPromise.js';
                     currentDepth,
-                    data,
+                    data: tabHasName(tab) ? data[tab.name] : data,
                     depth,
@@ -116,0 +116,0 @@ draft,

dist/data/richTextRelationshipPromise.d.ts

@@ -1,2 +0,2 @@
-import type { PayloadRequestWithData, RichTextAdapter, RichTextField } from 'payload';
+import type { PayloadRequest, RichTextAdapter, RichTextField } from 'payload';
 import type { AdapterArguments } from '../types.js';
@@ -12,3 +12,3 @@ export type Args = Parameters<RichTextAdapter<any[], AdapterArguments>['graphQLPopulationPromises']>[0];
     populationPromises: Promise<void>[];
-    req: PayloadRequestWithData;
+    req: PayloadRequest;
     showHiddenFields: boolean;
@@ -15,0 +15,0 @@ };

dist/field/elements/Button.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip } from '@payloadcms/ui/client';
+import { Tooltip } from '@payloadcms/ui';
 import React, { useCallback, useState } from 'react';
@@ -5,0 +5,0 @@ import { useSlate } from 'slate-react';

dist/field/elements/EnabledRelationshipsCondition.js

 'use client';
-import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui/client';
+import { useAuth, useConfig, useEntityVisibility } from '@payloadcms/ui';
 import * as React from 'react';
@@ -4,0 +4,0 @@ const filterRichTextCollections = (collections, options)=>{

dist/field/elements/isBlockElement.d.ts

@@ -1,2 +0,2 @@
-import { Editor } from 'slate';
+import { Editor, Element } from 'slate';
 /**
@@ -8,3 +8,3 @@ * Returns true, if the provided node is a Block Element.
  */
-export declare const isBlockElement: (editor: Editor, node: any) => node is import("../../types.js").ElementNode;
+export declare const isBlockElement: (editor: Editor, node: any) => node is Element;
 //# sourceMappingURL=isBlockElement.d.ts.map

dist/field/elements/link/Button/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui/client';
-import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared';
+import { useConfig, useDrawerSlug, useFieldProps, useModal, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
+import { reduceFieldsToValues } from 'payload/shared';
 import React, { Fragment, useState } from 'react';
@@ -6,0 +7,0 @@ import { Editor, Range, Transforms } from 'slate';

dist/field/elements/link/Element/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, Popup, Translation, useAuth, useConfig, useDocumentInfo, useDrawerSlug, useLocale, useModal, useTranslation } from '@payloadcms/ui/client';
-import { getFormState, reduceFieldsToValues } from '@payloadcms/ui/shared';
-import { deepCopyObject } from 'payload/shared';
+import { Button, Popup, Translation, useAuth, useConfig, useDocumentInfo, useDrawerSlug, useLocale, useModal, useTranslation } from '@payloadcms/ui';
+import { getFormState } from '@payloadcms/ui/shared';
+import { deepCopyObject, reduceFieldsToValues } from 'payload/shared';
 import React, { useCallback, useEffect, useState } from 'react';
@@ -8,0 +8,0 @@ import { Editor, Node, Transforms } from 'slate';

dist/field/elements/link/LinkDrawer/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Drawer, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useEditDepth, useFieldProps, useHotkey, useTranslation } from '@payloadcms/ui/client';
+import { Drawer, Form, FormSubmit, RenderFields, useConfig, useDocumentInfo, useEditDepth, useFieldProps, useHotkey, useTranslation } from '@payloadcms/ui';
 import { getFormState } from '@payloadcms/ui/shared';
@@ -5,0 +5,0 @@ import React, { useCallback, useRef } from 'react';

dist/field/elements/link/LinkDrawer/types.d.ts

@@ -1,3 +0,2 @@
-import type { FieldMap } from '@payloadcms/ui/utilities/buildComponentMap';
-import type { FormState } from 'payload';
+import type { FieldMap, FormState } from 'payload';
 export type Props = {
@@ -4,0 +3,0 @@ drawerSlug: string;

dist/field/elements/link/types.d.ts

 import type { Element } from 'slate';
-export type LinkElementType = Element & {
+export type LinkElementType = {
     doc: Record<string, unknown>;
@@ -8,3 +8,3 @@ fields: Record<string, unknown>;
     url: string;
-};
+} & Element;
 //# sourceMappingURL=types.d.ts.map

dist/field/elements/relationship/Button/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useListDrawer, useTranslation } from '@payloadcms/ui/client';
+import { useListDrawer, useTranslation } from '@payloadcms/ui';
 import React, { Fragment, useCallback, useEffect, useState } from 'react';
@@ -5,0 +5,0 @@ import { ReactEditor, useSlate } from 'slate-react';

dist/field/elements/relationship/Element/index.d.ts

@@ -1,10 +0,10 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
 import './index.scss';
-type Props = FormFieldBase & {
+type Props = {
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
-};
+} & FormFieldBase;
 export declare const Element: (props: Props) => React.ReactNode;
 export {};
 //# sourceMappingURL=index.d.ts.map

dist/field/elements/relationship/Element/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, useConfig, useDocumentDrawer, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui/client';
+import { Button, useConfig, useDocumentDrawer, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useReducer, useState } from 'react';
@@ -6,0 +6,0 @@ import { Transforms } from 'slate';

dist/field/elements/relationship/types.d.ts

 import type { Element } from 'slate';
-export type RelationshipElementType = Element & {
+export type RelationshipElementType = {
     relationTo: string;
@@ -7,3 +7,3 @@ value: {
     } | null;
-};
+} & Element;
 //# sourceMappingURL=types.d.ts.map

dist/field/elements/upload/Button/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useListDrawer, useTranslation } from '@payloadcms/ui/client';
+import { useListDrawer, useTranslation } from '@payloadcms/ui';
 import React, { Fragment, useCallback } from 'react';
@@ -5,0 +5,0 @@ import { ReactEditor, useSlate } from 'slate-react';

dist/field/elements/upload/Element/index.d.ts

@@ -1,10 +0,10 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
 import './index.scss';
-type Props = FormFieldBase & {
+type Props = {
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
-};
+} & FormFieldBase;
 export declare const Element: (props: Props) => React.ReactNode;
 export {};
 //# sourceMappingURL=index.d.ts.map

dist/field/elements/upload/Element/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Button, DrawerToggler, useConfig, useDocumentDrawer, useDrawerSlug, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui/client';
-import { File } from '@payloadcms/ui/graphics/File';
+import { Button, DrawerToggler, File, useConfig, useDocumentDrawer, useDrawerSlug, useListDrawer, usePayloadAPI, useTranslation } from '@payloadcms/ui';
 import React, { useCallback, useReducer, useState } from 'react';
@@ -7,0 +6,0 @@ import { Transforms } from 'slate';

dist/field/elements/upload/Element/UploadDrawer/index.d.ts

@@ -1,3 +0,2 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
-import type { ClientCollectionConfig } from 'payload';
+import type { ClientCollectionConfig, FormFieldBase } from 'payload';
 import React from 'react';
@@ -8,6 +7,6 @@ import type { UploadElementType } from '../../types.js';
     element: UploadElementType;
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
         richTextComponentMap: Map<string, React.ReactNode>;
-    };
+    } & FormFieldBase;
     relatedCollection: ClientCollectionConfig;
@@ -14,0 +13,0 @@ schemaPath: string;

dist/field/elements/upload/Element/UploadDrawer/index.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { Drawer, Form, FormSubmit, useAuth, useConfig, useDocumentInfo, useLocale, useModal, useTranslation } from '@payloadcms/ui/client';
-import { RenderFields } from '@payloadcms/ui/forms/RenderFields';
+import { Drawer, Form, FormSubmit, RenderFields, useAuth, useConfig, useDocumentInfo, useLocale, useModal, useTranslation } from '@payloadcms/ui';
 import { getFormState } from '@payloadcms/ui/shared';
@@ -7,0 +6,0 @@ import { deepCopyObject } from 'payload/shared';

dist/field/elements/upload/types.d.ts

 import type { Element } from 'slate';
-export type UploadElementType = Element & {
+export type UploadElementType = {
     fields: Record<string, unknown>;
@@ -8,3 +8,3 @@ relationTo: string;
     } | null;
-};
+} & Element;
 //# sourceMappingURL=types.d.ts.map

dist/field/index.d.ts

@@ -1,7 +0,7 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
-export declare const RichTextField: React.FC<FormFieldBase & {
+export declare const RichTextField: React.FC<{
     name: string;
     richTextComponentMap: Map<string, React.ReactNode>;
-}>;
+} & FormFieldBase>;
 //# sourceMappingURL=index.d.ts.map

dist/field/index.js

 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui/client';
+import { ShimmerEffect, useClientFunctions, useFieldProps } from '@payloadcms/ui';
 import React, { Suspense, lazy, useEffect, useState } from 'react';
@@ -5,0 +5,0 @@ import { createFeatureMap } from './createFeatureMap.js';

dist/field/providers/ElementButtonProvider.d.ts

@@ -1,17 +0,17 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
 type ElementButtonContextType = {
     disabled?: boolean;
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
         richTextComponentMap: Map<string, React.ReactNode>;
-    };
+    } & FormFieldBase;
     path: string;
     schemaPath: string;
 };
-export declare const ElementButtonProvider: React.FC<ElementButtonContextType & {
+export declare const ElementButtonProvider: React.FC<{
     children: React.ReactNode;
-}>;
+} & ElementButtonContextType>;
 export declare const useElementButton: () => ElementButtonContextType;
 export {};
 //# sourceMappingURL=ElementButtonProvider.d.ts.map

dist/field/providers/ElementProvider.d.ts

@@ -1,2 +0,2 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import type { Element } from 'slate';
@@ -9,14 +9,14 @@ import React from 'react';
     element: T;
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
         richTextComponentMap: Map<string, React.ReactNode>;
-    };
+    } & FormFieldBase;
     path: string;
     schemaPath: string;
 };
-export declare const ElementProvider: React.FC<ElementContextType<Element> & {
+export declare const ElementProvider: React.FC<{
     childNodes: React.ReactNode;
-}>;
+} & ElementContextType<Element>>;
 export declare const useElement: <T>() => ElementContextType<T>;
 export {};
 //# sourceMappingURL=ElementProvider.d.ts.map

dist/field/providers/LeafButtonProvider.d.ts

@@ -1,15 +0,15 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
 type LeafButtonContextType = {
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
-    };
+    } & FormFieldBase;
     path: string;
     schemaPath: string;
 };
-export declare const LeafButtonProvider: React.FC<LeafButtonContextType & {
+export declare const LeafButtonProvider: React.FC<{
     children: React.ReactNode;
-}>;
+} & LeafButtonContextType>;
 export declare const useLeafButton: () => LeafButtonContextType;
 export {};
 //# sourceMappingURL=LeafButtonProvider.d.ts.map

dist/field/providers/LeafProvider.d.ts

@@ -1,2 +0,2 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase } from 'payload';
 import React from 'react';
@@ -7,5 +7,5 @@ type LeafContextType = {
     editorRef: React.MutableRefObject<HTMLDivElement>;
-    fieldProps: FormFieldBase & {
+    fieldProps: {
         name: string;
-    };
+    } & FormFieldBase;
     leaf: string;
@@ -15,7 +15,7 @@ path: string;
 };
-export declare const LeafProvider: React.FC<LeafContextType & {
+export declare const LeafProvider: React.FC<{
     result: React.ReactNode;
-}>;
+} & LeafContextType>;
 export declare const useLeaf: () => LeafContextType;
 export {};
 //# sourceMappingURL=LeafProvider.d.ts.map

dist/field/RichText.d.ts

@@ -1,2 +0,2 @@
-import type { FormFieldBase } from '@payloadcms/ui/fields/shared';
+import type { FormFieldBase, RichTextFieldValidation } from 'payload';
 import type { BaseEditor } from 'slate';
@@ -11,3 +11,3 @@ import type { HistoryEditor } from 'slate-history';
     interface CustomTypes {
-        Editor: BaseEditor & ReactEditor & HistoryEditor;
+        Editor: BaseEditor & HistoryEditor & ReactEditor;
         Element: ElementNode;
@@ -17,5 +17,5 @@ Text: TextNode;
 }
-export declare const RichText: React.FC<FormFieldBase & {
-    elements: EnabledFeatures['elements'];
-    leaves: EnabledFeatures['leaves'];
+export declare const RichText: React.FC<{
+    elements: EnabledFeatures["elements"];
+    leaves: EnabledFeatures["leaves"];
     name: string;
@@ -25,4 +25,5 @@ placeholder?: string;
     richTextComponentMap: Map<string, React.ReactNode>;
+    validate?: RichTextFieldValidation;
     width?: string;
-}>;
+} & Omit<FormFieldBase, "validate">>;
 //# sourceMappingURL=RichText.d.ts.map

dist/field/RichText.js

 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getTranslation } from '@payloadcms/translations';
-import { FieldDescription, FieldError, FieldLabel, useEditDepth, useField, useFieldProps, useTranslation, withCondition } from '@payloadcms/ui/client';
+import { FieldDescription, FieldError, FieldLabel, useEditDepth, useField, useFieldProps, useTranslation, withCondition } from '@payloadcms/ui';
 import { isHotkey } from 'is-hotkey';
@@ -6,0 +6,0 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';

dist/field/types.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" resolution-mode="require"/>
 export type EnabledFeatures = {
@@ -3,0 +2,0 @@ elements: {

dist/generateComponentMap.d.ts

 import type { RichTextAdapter } from 'payload';
 import type { AdapterArguments } from './types.js';
-export declare const getGenerateComponentMap: (args: AdapterArguments) => RichTextAdapter['generateComponentMap'];
+export declare const getGenerateComponentMap: (args: AdapterArguments) => RichTextAdapter["generateComponentMap"];
 //# sourceMappingURL=generateComponentMap.d.ts.map

dist/generateComponentMap.js

@@ -8,3 +8,3 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { defaultLeaves as leafTypes } from './field/leaves/index.js';
-export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i18n })=>{
+export const getGenerateComponentMap = (args)=>({ WithServerSideProps, config, i18n, payload })=>{
         const componentMap = new Map();
@@ -55,2 +55,3 @@ (args?.admin?.leaves || Object.values(leafTypes)).forEach((leaf)=>{
                                 i18n,
+                                payload,
                                 readOnly: false
@@ -76,2 +77,3 @@ });
                                         i18n,
+                                        payload,
                                         readOnly: false
@@ -78,0 +80,0 @@ });

dist/generateSchemaMap.d.ts

 import type { RichTextAdapter } from 'payload';
 import type { AdapterArguments } from './types.js';
-export declare const getGenerateSchemaMap: (args: AdapterArguments) => RichTextAdapter['generateSchemaMap'];
+export declare const getGenerateSchemaMap: (args: AdapterArguments) => RichTextAdapter["generateSchemaMap"];
 //# sourceMappingURL=generateSchemaMap.d.ts.map

dist/types.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="react" resolution-mode="require"/>
 import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload';
@@ -3,0 +2,0 @@ import type { Editor } from 'slate';

dist/utilities/useSlatePlugin.js

@@ -1,2 +0,2 @@
-import { useAddClientFunction, useFieldProps } from '@payloadcms/ui/client';
+import { useAddClientFunction, useFieldProps } from '@payloadcms/ui';
 export const useSlatePlugin = (key, plugin)=>{
@@ -3,0 +3,0 @@ const { schemaPath } = useFieldProps();

package.json

 {
   "name": "@payloadcms/richtext-slate",
-  "version": "3.0.0-canary.03427d3",
+  "version": "3.0.0-canary.0cf6f1e",
   "description": "The officially supported Slate richtext adapter for Payload",
@@ -17,4 +17,4 @@ "homepage": "https://payloadcms.com",
       "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     }
@@ -37,13 +37,13 @@ },
     "@types/node": "20.12.5",
-    "@types/react": "npm:types-react@19.0.0-beta.2",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
-    "@payloadcms/eslint-config": "1.1.1",
-    "payload": "3.0.0-canary.03427d3",
-    "@payloadcms/ui": "3.0.0-canary.03427d3"
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
+    "@payloadcms/eslint-config": "3.0.0-beta.59",
+    "payload": "3.0.0-canary.0cf6f1e",
+    "@payloadcms/ui": "3.0.0-canary.0cf6f1e"
   },
   "peerDependencies": {
-    "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
-    "@payloadcms/translations": "3.0.0-canary.03427d3",
-    "@payloadcms/ui": "3.0.0-canary.03427d3",
-    "payload": "3.0.0-canary.03427d3"
+    "react": "^19.0.0 || ^19.0.0-rc-6230622a1a-20240610",
+    "@payloadcms/translations": "3.0.0-canary.0cf6f1e",
+    "payload": "3.0.0-canary.0cf6f1e",
+    "@payloadcms/ui": "3.0.0-canary.0cf6f1e"
   },
@@ -57,4 +57,4 @@ "engines": {
   "overrides": {
-    "@types/react": "npm:types-react@19.0.0-beta.2",
-    "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2"
+    "@types/react": "npm:types-react@19.0.0-rc.0",
+    "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
   },
@@ -61,0 +61,0 @@ "scripts": {

No alert changes

Improved metrics

Number of package files

526

increased by0.19%

Worsened metrics

Total package byte prevSize

535396

decreased by-1.1%

Lines of code

4696

decreased by-0.04%

No dependency changes