@payloadcms/ui 4.0.0-internal.8ba6b5b → 4.0.0-internal.934870d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@payloadcms/ui",
-  "version": "4.0.0-internal.8ba6b5b",
+  "version": "4.0.0-internal.934870d",
   "homepage": "https://payloadcms.com",
   "repository": {
     "type": "git",
@@ -17,7 +17,6 @@
     }
   ],
   "sideEffects": [
-    "*.scss",
     "*.css"
   ],
   "type": "module",
@@ -37,20 +36,41 @@
       "types": "./dist/exports/layouts.d.ts",
       "default": "./dist/exports/layouts.js"
     },
+    "./layouts/NestProviders": {
+      "import": "./dist/layouts/Root/NestProviders.js",
+      "types": "./dist/layouts/Root/NestProviders.d.ts",
+      "default": "./dist/layouts/Root/NestProviders.js"
+    },
+    "./layouts/RootProviders": {
+      "import": "./dist/layouts/Root/RootProviders.js",
+      "types": "./dist/layouts/Root/RootProviders.d.ts",
+      "default": "./dist/layouts/Root/RootProviders.js"
+    },
+    "./layouts/DocumentRoot": {
+      "import": "./dist/layouts/Root/DocumentRoot.js",
+      "types": "./dist/layouts/Root/DocumentRoot.d.ts",
+      "default": "./dist/layouts/Root/DocumentRoot.js"
+    },
+    "./layouts/Root/ResolveThemeOnClient": {
+      "import": "./dist/layouts/Root/ResolveThemeOnClient.js",
+      "types": "./dist/layouts/Root/ResolveThemeOnClient.d.ts",
+      "default": "./dist/layouts/Root/ResolveThemeOnClient.js"
+    },
+    "./layouts/Root/getRootLayoutData": {
+      "import": "./dist/layouts/Root/getRootLayoutData.js",
+      "types": "./dist/layouts/Root/getRootLayoutData.d.ts",
+      "default": "./dist/layouts/Root/getRootLayoutData.js"
+    },
     "./css": {
       "import": "./dist/styles.css",
       "default": "./dist/styles.css"
     },
-    "./scss": {
-      "import": "./dist/scss/styles.scss",
-      "default": "./dist/scss/styles.scss"
-    },
+    "./css/app.css": "./dist/css/app.css",
     "./rsc": {
       "import": "./dist/exports/rsc/index.js",
       "types": "./dist/exports/rsc/index.d.ts",
       "default": "./dist/exports/rsc/index.js"
     },
-    "./scss/app.scss": "./dist/scss/app.scss",
     "./styles.css": "./dist/styles.css",
     "./assets": {
       "import": "./dist/assets/index.js",
@@ -172,6 +192,11 @@
       "types": "./dist/views/NotFound/page.d.ts",
       "default": "./dist/views/NotFound/page.js"
     },
+    "./views/NotFound/client": {
+      "import": "./dist/views/NotFound/client.js",
+      "types": "./dist/views/NotFound/client.d.ts",
+      "default": "./dist/views/NotFound/client.js"
+    },
     "./views/Root/getCustomViewByRoute": {
       "import": "./dist/views/Root/getCustomViewByRoute.js",
       "types": "./dist/views/Root/getCustomViewByRoute.d.ts",
@@ -274,18 +299,20 @@
     "@dnd-kit/modifiers": "9.0.0",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",
-    "@faceless-ui/modal": "3.0.1",
+    "@faceless-ui/modal": "3.0.2",
     "@faceless-ui/scroll-info": "2.0.0",
     "@faceless-ui/window-info": "3.0.1",
+    "@floating-ui/dom": "1.7.6",
     "@monaco-editor/react": "4.7.0",
+    "@swc/helpers": ">=0.5.17",
     "bson-objectid": "2.0.4",
-    "date-fns": "4.1.0",
+    "date-fns": "4.4.0",
     "dequal": "2.0.3",
     "md5": "2.3.0",
     "object-to-formdata": "4.5.1",
     "path-to-regexp": "6.3.0",
     "qs-esm": "8.0.1",
-    "react-datepicker": "7.6.0",
+    "react-datepicker": "9.1.0",
     "react-image-crop": "10.1.8",
     "react-select": "5.9.0",
     "scheduler": "0.25.0",
@@ -293,7 +320,7 @@
     "ts-essentials": "10.0.3",
     "use-context-selector": "2.0.0",
     "uuid": "14.0.0",
-    "@payloadcms/translations": "4.0.0-internal.8ba6b5b"
+    "@payloadcms/translations": "4.0.0-internal.934870d"
   },
   "devDependencies": {
     "@babel/cli": "7.27.2",
@@ -302,18 +329,18 @@
     "@babel/preset-react": "7.27.1",
     "@babel/preset-typescript": "7.27.1",
     "@hyrious/esbuild-plugin-commonjs": "0.2.6",
-    "@types/react": "19.2.14",
-    "@types/react-dom": "19.2.3",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
     "babel-plugin-react-compiler": "19.1.0-rc.3",
     "esbuild": "0.27.1",
     "esbuild-sass-plugin": "3.3.1",
-    "payload": "4.0.0-internal.8ba6b5b",
-    "@payloadcms/eslint-config": "3.28.0"
+    "@payloadcms/eslint-config": "3.28.0",
+    "payload": "4.0.0-internal.934870d"
   },
   "peerDependencies": {
     "react": "^19.0.1 || ^19.1.2 || ^19.2.1",
     "react-dom": "^19.0.1 || ^19.1.2 || ^19.2.1",
-    "payload": "4.0.0-internal.8ba6b5b"
+    "payload": "4.0.0-internal.934870d"
   },
   "engines": {
     "node": ">=24.15.0"
@@ -332,7 +359,7 @@
     "build:types": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" tsc --emitDeclarationOnly --outDir dist",
     "build:without_reactcompiler": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && pnpm copyfiles && pnpm build:types && pnpm build:swc",
     "clean": "rimraf -g {dist,*.tsbuildinfo,esbuild}",
-    "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
+    "copyfiles": "copyfiles -u 1 -e \"**/*.spec.*\" \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
     "lint": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint .",
     "lint:fix": "cross-env NODE_OPTIONS=\"--max-old-space-size=8192\" eslint . --fix"
   }

package/dist/elements/ClipboardAction/mergeFormStateFromClipboard.spec.js

@@ -1,541 +0,0 @@
-import ObjectIdImport from 'bson-objectid';
-import { describe, expect, it } from 'vitest';
-import { mergeFormStateFromClipboard } from './mergeFormStateFromClipboard.js';
-const ObjectId = 'default' in ObjectIdImport ? ObjectIdImport.default : ObjectIdImport;
-describe('mergeFormStateFromClipboard', () => {
-  describe('block ID regeneration', () => {
-    it('should generate new IDs when pasting blocks to prevent duplicates', () => {
-      const copiedBlockID = new ObjectId().toHexString();
-      const formState = {
-        layout: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'blocks',
-        path: 'layout',
-        blocks: [],
-        data: {
-          'layout.0.id': {
-            value: copiedBlockID,
-            valid: true
-          },
-          'layout.0.blockType': {
-            value: 'content',
-            valid: true
-          },
-          'layout.0.text': {
-            value: 'test content',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'layout'
-      });
-      // Check that a new ID was generated
-      expect(result['layout.0.id']).toBeDefined();
-      expect(result['layout.0.id'].value).toBeDefined();
-      expect(result['layout.0.id'].value).not.toEqual(copiedBlockID);
-      expect(ObjectId.isValid(result['layout.0.id'].value)).toBe(true);
-      // Check that the row metadata also has the new ID
-      expect(result.layout.rows).toHaveLength(1);
-      expect(result.layout.rows?.[0]?.id).not.toEqual(copiedBlockID);
-      expect(result.layout.rows?.[0]?.id).toEqual(result['layout.0.id'].value);
-    });
-    it('should generate new IDs for nested blocks', () => {
-      const copiedBlockID = new ObjectId().toHexString();
-      const copiedNestedBlockID = new ObjectId().toHexString();
-      const formState = {
-        layout: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'blocks',
-        path: 'layout',
-        blocks: [],
-        data: {
-          'layout.0.id': {
-            value: copiedBlockID,
-            valid: true
-          },
-          'layout.0.blockType': {
-            value: 'container',
-            valid: true
-          },
-          'layout.0.subBlocks': {
-            value: 1,
-            valid: true,
-            rows: [{
-              id: copiedNestedBlockID
-            }]
-          },
-          'layout.0.subBlocks.0.id': {
-            value: copiedNestedBlockID,
-            valid: true
-          },
-          'layout.0.subBlocks.0.blockType': {
-            value: 'content',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'layout'
-      });
-      // Check that parent block got new ID
-      expect(result['layout.0.id'].value).not.toEqual(copiedBlockID);
-      expect(ObjectId.isValid(result['layout.0.id'].value)).toBe(true);
-      // Check that nested block got new ID
-      expect(result['layout.0.subBlocks.0.id'].value).not.toEqual(copiedNestedBlockID);
-      expect(ObjectId.isValid(result['layout.0.subBlocks.0.id'].value)).toBe(true);
-      // Check that parent and nested IDs are different
-      expect(result['layout.0.id'].value).not.toEqual(result['layout.0.subBlocks.0.id'].value);
-      // Check that parent row metadata has new ID
-      expect(result.layout.rows?.[0]?.id).toEqual(result['layout.0.id'].value);
-      // Check that nested row metadata has new ID
-      expect(result['layout.0.subBlocks'].rows?.[0]?.id).toEqual(result['layout.0.subBlocks.0.id'].value);
-    });
-    it('should preserve non-ID field values when pasting', () => {
-      const copiedBlockID = new ObjectId().toHexString();
-      const formState = {
-        layout: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'blocks',
-        path: 'layout',
-        blocks: [],
-        data: {
-          'layout.0.id': {
-            value: copiedBlockID,
-            valid: true
-          },
-          'layout.0.blockType': {
-            value: 'content',
-            valid: true
-          },
-          'layout.0.text': {
-            value: 'preserved text content',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'layout'
-      });
-      // Non-ID fields should be preserved
-      expect(result['layout.0.blockType'].value).toEqual('content');
-      expect(result['layout.0.text'].value).toEqual('preserved text content');
-    });
-    it('should generate new ID when pasting from row to field', () => {
-      const copiedBlockID = new ObjectId().toHexString();
-      const formState = {
-        duplicate: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      // Simulating copying from blocks.1 and pasting into duplicate field
-      const clipboardData = {
-        type: 'blocks',
-        path: 'blocks',
-        blocks: [],
-        data: {
-          'blocks.1.id': {
-            value: copiedBlockID,
-            valid: true
-          },
-          'blocks.1.blockType': {
-            value: 'number',
-            valid: true
-          },
-          'blocks.1.number': {
-            value: 342,
-            valid: true
-          }
-        },
-        rowIndex: 1
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'duplicate'
-      });
-      // Check that a new ID was generated
-      expect(result['duplicate.0.id']).toBeDefined();
-      expect(result['duplicate.0.id'].value).toBeDefined();
-      expect(result['duplicate.0.id'].value).not.toEqual(copiedBlockID);
-      expect(ObjectId.isValid(result['duplicate.0.id'].value)).toBe(true);
-      // Check that the row metadata has the new ID (not the copied ID)
-      expect(result.duplicate.rows).toBeDefined();
-      expect(result.duplicate.rows).toHaveLength(1);
-      expect(result.duplicate.rows[0].id).not.toEqual(copiedBlockID);
-      expect(result.duplicate.rows[0].id).toEqual(result['duplicate.0.id'].value);
-      // Check that other fields were preserved
-      expect(result['duplicate.0.number'].value).toEqual(342);
-    });
-  });
-  describe('block row paste with nested array', () => {
-    it('should regenerate nested array item IDs when pasting a block row', () => {
-      const copiedBlockID = new ObjectId().toHexString();
-      const copiedArrayItemID1 = new ObjectId().toHexString();
-      const copiedArrayItemID2 = new ObjectId().toHexString();
-      const copiedArrayItemID3 = new ObjectId().toHexString();
-      const targetBlockID = new ObjectId().toHexString();
-      // Target form state: block at index 1 with empty buttons array
-      const formState = {
-        ctas: {
-          valid: true,
-          value: 2,
-          initialValue: 2,
-          rows: [{
-            id: copiedBlockID,
-            blockType: 'callToAction',
-            isLoading: false
-          }, {
-            id: targetBlockID,
-            blockType: 'callToAction',
-            isLoading: false
-          }]
-        },
-        'ctas.0': {
-          value: 'callToAction',
-          valid: true
-        },
-        'ctas.0.id': {
-          value: copiedBlockID,
-          valid: true
-        },
-        'ctas.0.buttons': {
-          valid: true,
-          value: 3,
-          rows: [{
-            id: copiedArrayItemID1,
-            isLoading: false
-          }, {
-            id: copiedArrayItemID2,
-            isLoading: false
-          }, {
-            id: copiedArrayItemID3,
-            isLoading: false
-          }]
-        },
-        'ctas.0.buttons.0.id': {
-          value: copiedArrayItemID1,
-          valid: true
-        },
-        'ctas.0.buttons.1.id': {
-          value: copiedArrayItemID2,
-          valid: true
-        },
-        'ctas.0.buttons.2.id': {
-          value: copiedArrayItemID3,
-          valid: true
-        },
-        'ctas.1': {
-          value: 'callToAction',
-          valid: true
-        },
-        'ctas.1.id': {
-          value: targetBlockID,
-          valid: true
-        },
-        'ctas.1.buttons': {
-          valid: true,
-          value: 0,
-          rows: []
-        }
-      };
-      // Clipboard: block row 0 (source) with 3 buttons
-      const clipboardData = {
-        type: 'blocks',
-        path: 'ctas',
-        blocks: [],
-        rowIndex: 0,
-        data: {
-          'ctas.0': {
-            value: 'callToAction',
-            valid: true
-          },
-          'ctas.0.id': {
-            value: copiedBlockID,
-            valid: true
-          },
-          'ctas.0.buttons': {
-            valid: true,
-            value: 3,
-            rows: [{
-              id: copiedArrayItemID1,
-              isLoading: false
-            }, {
-              id: copiedArrayItemID2,
-              isLoading: false
-            }, {
-              id: copiedArrayItemID3,
-              isLoading: false
-            }]
-          },
-          'ctas.0.buttons.0.id': {
-            value: copiedArrayItemID1,
-            valid: true
-          },
-          'ctas.0.buttons.0.label': {
-            value: 'Button 1',
-            valid: true
-          },
-          'ctas.0.buttons.1.id': {
-            value: copiedArrayItemID2,
-            valid: true
-          },
-          'ctas.0.buttons.1.label': {
-            value: 'Button 2',
-            valid: true
-          },
-          'ctas.0.buttons.2.id': {
-            value: copiedArrayItemID3,
-            valid: true
-          },
-          'ctas.0.buttons.2.label': {
-            value: 'Button 3',
-            valid: true
-          }
-        }
-      };
-      // Paste into block row 1 (target)
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'ctas',
-        rowIndex: 1
-      });
-      // Target block ID should NOT be overwritten
-      expect(result['ctas.1.id'].value).toEqual(targetBlockID);
-      // Nested array items should have NEW IDs (not the source IDs)
-      expect(result['ctas.1.buttons.0.id']).toBeDefined();
-      expect(result['ctas.1.buttons.0.id'].value).not.toEqual(copiedArrayItemID1);
-      expect(ObjectId.isValid(result['ctas.1.buttons.0.id'].value)).toBe(true);
-      expect(result['ctas.1.buttons.1.id']).toBeDefined();
-      expect(result['ctas.1.buttons.1.id'].value).not.toEqual(copiedArrayItemID2);
-      expect(result['ctas.1.buttons.2.id']).toBeDefined();
-      expect(result['ctas.1.buttons.2.id'].value).not.toEqual(copiedArrayItemID3);
-      // The rows metadata in ctas.1.buttons should have the new IDs
-      expect(result['ctas.1.buttons'].rows).toHaveLength(3);
-      expect(result['ctas.1.buttons'].rows[0].id).toEqual(result['ctas.1.buttons.0.id'].value);
-      expect(result['ctas.1.buttons'].rows[1].id).toEqual(result['ctas.1.buttons.1.id'].value);
-      expect(result['ctas.1.buttons'].rows[2].id).toEqual(result['ctas.1.buttons.2.id'].value);
-      // Field values should be copied
-      expect(result['ctas.1.buttons.0.label'].value).toEqual('Button 1');
-      expect(result['ctas.1.buttons.1.label'].value).toEqual('Button 2');
-      expect(result['ctas.1.buttons.2.label'].value).toEqual('Button 3');
-      // Source block should be untouched
-      expect(result['ctas.0.id'].value).toEqual(copiedBlockID);
-      expect(result['ctas.0.buttons'].rows).toHaveLength(3);
-    });
-  });
-  describe('array ID regeneration', () => {
-    it('should generate new IDs when pasting arrays to prevent duplicates', () => {
-      const copiedArrayID = new ObjectId().toHexString();
-      const formState = {
-        items: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'array',
-        path: 'items',
-        fields: [],
-        data: {
-          'items.0.id': {
-            value: copiedArrayID,
-            valid: true
-          },
-          'items.0.text': {
-            value: 'test content',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'items'
-      });
-      // Check that a new ID was generated
-      expect(result['items.0.id']).toBeDefined();
-      expect(result['items.0.id'].value).toBeDefined();
-      expect(result['items.0.id'].value).not.toEqual(copiedArrayID);
-      expect(ObjectId.isValid(result['items.0.id'].value)).toBe(true);
-      // Check that the row metadata also has the new ID
-      expect(result.items.rows).toHaveLength(1);
-      expect(result.items.rows?.[0]?.id).not.toEqual(copiedArrayID);
-      expect(result.items.rows?.[0]?.id).toEqual(result['items.0.id'].value);
-    });
-    it('should generate new IDs for nested arrays', () => {
-      const copiedArrayID = new ObjectId().toHexString();
-      const copiedNestedArrayID = new ObjectId().toHexString();
-      const formState = {
-        items: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'array',
-        path: 'items',
-        fields: [],
-        data: {
-          'items.0.id': {
-            value: copiedArrayID,
-            valid: true
-          },
-          'items.0.text': {
-            value: 'parent array',
-            valid: true
-          },
-          'items.0.subArray': {
-            value: 1,
-            valid: true,
-            rows: [{
-              id: copiedNestedArrayID
-            }]
-          },
-          'items.0.subArray.0.id': {
-            value: copiedNestedArrayID,
-            valid: true
-          },
-          'items.0.subArray.0.text': {
-            value: 'nested array',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'items'
-      });
-      // Check that parent array got new ID
-      expect(result['items.0.id'].value).not.toEqual(copiedArrayID);
-      expect(ObjectId.isValid(result['items.0.id'].value)).toBe(true);
-      // Check that nested array got new ID
-      expect(result['items.0.subArray.0.id'].value).not.toEqual(copiedNestedArrayID);
-      expect(ObjectId.isValid(result['items.0.subArray.0.id'].value)).toBe(true);
-      // Check that parent and nested IDs are different
-      expect(result['items.0.id'].value).not.toEqual(result['items.0.subArray.0.id'].value);
-      // Check that parent row metadata has new ID
-      expect(result.items.rows?.[0]?.id).toEqual(result['items.0.id'].value);
-      // Check that nested row metadata has new ID
-      expect(result['items.0.subArray'].rows?.[0]?.id).toEqual(result['items.0.subArray.0.id'].value);
-    });
-    it('should preserve non-ID field values when pasting arrays', () => {
-      const copiedArrayID = new ObjectId().toHexString();
-      const formState = {
-        items: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      const clipboardData = {
-        type: 'array',
-        path: 'items',
-        fields: [],
-        data: {
-          'items.0.id': {
-            value: copiedArrayID,
-            valid: true
-          },
-          'items.0.text': {
-            value: 'preserved array text',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'items'
-      });
-      // Non-ID fields should be preserved
-      expect(result['items.0.text'].value).toEqual('preserved array text');
-    });
-    it('should generate new ID when pasting from array row to field', () => {
-      const copiedArrayID = new ObjectId().toHexString();
-      const formState = {
-        disableSort: {
-          valid: true,
-          value: 0,
-          initialValue: 0,
-          rows: []
-        }
-      };
-      // Simulating copying from items.0 and pasting into disableSort field
-      const clipboardData = {
-        type: 'array',
-        path: 'items',
-        fields: [],
-        data: {
-          'items.0.id': {
-            value: copiedArrayID,
-            valid: true
-          },
-          'items.0.text': {
-            value: 'row one',
-            valid: true
-          }
-        },
-        rowIndex: 0
-      };
-      const result = mergeFormStateFromClipboard({
-        dataFromClipboard: clipboardData,
-        formState,
-        path: 'disableSort'
-      });
-      // Check that a new ID was generated
-      expect(result['disableSort.0.id']).toBeDefined();
-      expect(result['disableSort.0.id'].value).toBeDefined();
-      expect(result['disableSort.0.id'].value).not.toEqual(copiedArrayID);
-      expect(ObjectId.isValid(result['disableSort.0.id'].value)).toBe(true);
-      // Check that the row metadata has the new ID (not the copied ID)
-      expect(result.disableSort.rows).toBeDefined();
-      expect(result.disableSort.rows).toHaveLength(1);
-      expect(result.disableSort.rows[0].id).not.toEqual(copiedArrayID);
-      expect(result.disableSort.rows[0].id).toEqual(result['disableSort.0.id'].value);
-      // Check that other fields were preserved
-      expect(result['disableSort.0.text'].value).toEqual('row one');
-    });
-  });
-});
-//# sourceMappingURL=mergeFormStateFromClipboard.spec.js.map