@payloadcms/ui 3.80.0-internal.21e9c47 → 3.80.0-internal.60d6f94

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

@@ -0,0 +1,384 @@
+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('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

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

@@ -0,0 +1 @@
+{"version":3,"file":"mergeFormStateFromClipboard.spec.js","names":["ObjectIdImport","describe","expect","it","mergeFormStateFromClipboard","ObjectId","default","copiedBlockID","toHexString","formState","layout","valid","value","initialValue","rows","clipboardData","type","path","blocks","data","rowIndex","result","dataFromClipboard","toBeDefined","not","toEqual","isValid","toBe","toHaveLength","id","copiedNestedBlockID","duplicate","copiedArrayID","items","fields","copiedNestedArrayID","disableSort"],"sources":["../../../src/elements/ClipboardAction/mergeFormStateFromClipboard.spec.ts"],"sourcesContent":["import type { FormState } from 'payload'\n\nimport ObjectIdImport from 'bson-objectid'\nimport { describe, expect, it } from 'vitest'\n\nimport { mergeFormStateFromClipboard } from './mergeFormStateFromClipboard.js'\nimport type { ClipboardPasteData } from './types.js'\n\nconst ObjectId = (\n  'default' in ObjectIdImport ? ObjectIdImport.default : ObjectIdImport\n) as typeof ObjectIdImport\n\ndescribe('mergeFormStateFromClipboard', () => {\n  describe('block ID regeneration', () => {\n    it('should generate new IDs when pasting blocks to prevent duplicates', () => {\n      const copiedBlockID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        layout: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'blocks',\n        path: 'layout',\n        blocks: [],\n        data: {\n          'layout.0.id': {\n            value: copiedBlockID,\n            valid: true,\n          },\n          'layout.0.blockType': {\n            value: 'content',\n            valid: true,\n          },\n          'layout.0.text': {\n            value: 'test content',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'layout',\n      })\n\n      // Check that a new ID was generated\n      expect(result['layout.0.id']).toBeDefined()\n      expect(result['layout.0.id'].value).toBeDefined()\n      expect(result['layout.0.id'].value).not.toEqual(copiedBlockID)\n      expect(ObjectId.isValid(result['layout.0.id'].value as string)).toBe(true)\n\n      // Check that the row metadata also has the new ID\n      expect(result.layout.rows).toHaveLength(1)\n      expect(result.layout.rows?.[0]?.id).not.toEqual(copiedBlockID)\n      expect(result.layout.rows?.[0]?.id).toEqual(result['layout.0.id'].value)\n    })\n\n    it('should generate new IDs for nested blocks', () => {\n      const copiedBlockID = new ObjectId().toHexString()\n      const copiedNestedBlockID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        layout: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'blocks',\n        path: 'layout',\n        blocks: [],\n        data: {\n          'layout.0.id': {\n            value: copiedBlockID,\n            valid: true,\n          },\n          'layout.0.blockType': {\n            value: 'container',\n            valid: true,\n          },\n          'layout.0.subBlocks': {\n            value: 1,\n            valid: true,\n            rows: [{ id: copiedNestedBlockID }],\n          },\n          'layout.0.subBlocks.0.id': {\n            value: copiedNestedBlockID,\n            valid: true,\n          },\n          'layout.0.subBlocks.0.blockType': {\n            value: 'content',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'layout',\n      })\n\n      // Check that parent block got new ID\n      expect(result['layout.0.id'].value).not.toEqual(copiedBlockID)\n      expect(ObjectId.isValid(result['layout.0.id'].value as string)).toBe(true)\n\n      // Check that nested block got new ID\n      expect(result['layout.0.subBlocks.0.id'].value).not.toEqual(copiedNestedBlockID)\n      expect(ObjectId.isValid(result['layout.0.subBlocks.0.id'].value as string)).toBe(true)\n\n      // Check that parent and nested IDs are different\n      expect(result['layout.0.id'].value).not.toEqual(result['layout.0.subBlocks.0.id'].value)\n\n      // Check that parent row metadata has new ID\n      expect(result.layout.rows?.[0]?.id).toEqual(result['layout.0.id'].value)\n\n      // Check that nested row metadata has new ID\n      expect(result['layout.0.subBlocks'].rows?.[0]?.id).toEqual(\n        result['layout.0.subBlocks.0.id'].value,\n      )\n    })\n\n    it('should preserve non-ID field values when pasting', () => {\n      const copiedBlockID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        layout: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'blocks',\n        path: 'layout',\n        blocks: [],\n        data: {\n          'layout.0.id': {\n            value: copiedBlockID,\n            valid: true,\n          },\n          'layout.0.blockType': {\n            value: 'content',\n            valid: true,\n          },\n          'layout.0.text': {\n            value: 'preserved text content',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'layout',\n      })\n\n      // Non-ID fields should be preserved\n      expect(result['layout.0.blockType'].value).toEqual('content')\n      expect(result['layout.0.text'].value).toEqual('preserved text content')\n    })\n\n    it('should generate new ID when pasting from row to field', () => {\n      const copiedBlockID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        duplicate: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      // Simulating copying from blocks.1 and pasting into duplicate field\n      const clipboardData = {\n        type: 'blocks' as const,\n        path: 'blocks',\n        blocks: [],\n        data: {\n          'blocks.1.id': {\n            value: copiedBlockID,\n            valid: true,\n          },\n          'blocks.1.blockType': {\n            value: 'number',\n            valid: true,\n          },\n          'blocks.1.number': {\n            value: 342,\n            valid: true,\n          },\n        },\n        rowIndex: 1,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'duplicate',\n      })\n\n      // Check that a new ID was generated\n      expect(result['duplicate.0.id']).toBeDefined()\n      expect(result['duplicate.0.id'].value).toBeDefined()\n      expect(result['duplicate.0.id'].value).not.toEqual(copiedBlockID)\n      expect(ObjectId.isValid(result['duplicate.0.id'].value as string)).toBe(true)\n\n      // Check that the row metadata has the new ID (not the copied ID)\n      expect(result.duplicate.rows).toBeDefined()\n      expect(result.duplicate.rows).toHaveLength(1)\n      expect(result.duplicate.rows![0].id).not.toEqual(copiedBlockID)\n      expect(result.duplicate.rows![0].id).toEqual(result['duplicate.0.id'].value)\n\n      // Check that other fields were preserved\n      expect(result['duplicate.0.number'].value).toEqual(342)\n    })\n  })\n\n  describe('array ID regeneration', () => {\n    it('should generate new IDs when pasting arrays to prevent duplicates', () => {\n      const copiedArrayID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        items: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'array',\n        path: 'items',\n        fields: [],\n        data: {\n          'items.0.id': {\n            value: copiedArrayID,\n            valid: true,\n          },\n          'items.0.text': {\n            value: 'test content',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'items',\n      })\n\n      // Check that a new ID was generated\n      expect(result['items.0.id']).toBeDefined()\n      expect(result['items.0.id'].value).toBeDefined()\n      expect(result['items.0.id'].value).not.toEqual(copiedArrayID)\n      expect(ObjectId.isValid(result['items.0.id'].value as string)).toBe(true)\n\n      // Check that the row metadata also has the new ID\n      expect(result.items.rows).toHaveLength(1)\n      expect(result.items.rows?.[0]?.id).not.toEqual(copiedArrayID)\n      expect(result.items.rows?.[0]?.id).toEqual(result['items.0.id'].value)\n    })\n\n    it('should generate new IDs for nested arrays', () => {\n      const copiedArrayID = new ObjectId().toHexString()\n      const copiedNestedArrayID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        items: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'array',\n        path: 'items',\n        fields: [],\n        data: {\n          'items.0.id': {\n            value: copiedArrayID,\n            valid: true,\n          },\n          'items.0.text': {\n            value: 'parent array',\n            valid: true,\n          },\n          'items.0.subArray': {\n            value: 1,\n            valid: true,\n            rows: [{ id: copiedNestedArrayID }],\n          },\n          'items.0.subArray.0.id': {\n            value: copiedNestedArrayID,\n            valid: true,\n          },\n          'items.0.subArray.0.text': {\n            value: 'nested array',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'items',\n      })\n\n      // Check that parent array got new ID\n      expect(result['items.0.id'].value).not.toEqual(copiedArrayID)\n      expect(ObjectId.isValid(result['items.0.id'].value as string)).toBe(true)\n\n      // Check that nested array got new ID\n      expect(result['items.0.subArray.0.id'].value).not.toEqual(copiedNestedArrayID)\n      expect(ObjectId.isValid(result['items.0.subArray.0.id'].value as string)).toBe(true)\n\n      // Check that parent and nested IDs are different\n      expect(result['items.0.id'].value).not.toEqual(result['items.0.subArray.0.id'].value)\n\n      // Check that parent row metadata has new ID\n      expect(result.items.rows?.[0]?.id).toEqual(result['items.0.id'].value)\n\n      // Check that nested row metadata has new ID\n      expect(result['items.0.subArray'].rows?.[0]?.id).toEqual(\n        result['items.0.subArray.0.id'].value,\n      )\n    })\n\n    it('should preserve non-ID field values when pasting arrays', () => {\n      const copiedArrayID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        items: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      const clipboardData: ClipboardPasteData = {\n        type: 'array',\n        path: 'items',\n        fields: [],\n        data: {\n          'items.0.id': {\n            value: copiedArrayID,\n            valid: true,\n          },\n          'items.0.text': {\n            value: 'preserved array text',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'items',\n      })\n\n      // Non-ID fields should be preserved\n      expect(result['items.0.text'].value).toEqual('preserved array text')\n    })\n\n    it('should generate new ID when pasting from array row to field', () => {\n      const copiedArrayID = new ObjectId().toHexString()\n\n      const formState: FormState = {\n        disableSort: {\n          valid: true,\n          value: 0,\n          initialValue: 0,\n          rows: [],\n        },\n      }\n\n      // Simulating copying from items.0 and pasting into disableSort field\n      const clipboardData = {\n        type: 'array' as const,\n        path: 'items',\n        fields: [],\n        data: {\n          'items.0.id': {\n            value: copiedArrayID,\n            valid: true,\n          },\n          'items.0.text': {\n            value: 'row one',\n            valid: true,\n          },\n        },\n        rowIndex: 0,\n      }\n\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'disableSort',\n      })\n\n      // Check that a new ID was generated\n      expect(result['disableSort.0.id']).toBeDefined()\n      expect(result['disableSort.0.id'].value).toBeDefined()\n      expect(result['disableSort.0.id'].value).not.toEqual(copiedArrayID)\n      expect(ObjectId.isValid(result['disableSort.0.id'].value as string)).toBe(true)\n\n      // Check that the row metadata has the new ID (not the copied ID)\n      expect(result.disableSort.rows).toBeDefined()\n      expect(result.disableSort.rows).toHaveLength(1)\n      expect(result.disableSort.rows![0].id).not.toEqual(copiedArrayID)\n      expect(result.disableSort.rows![0].id).toEqual(result['disableSort.0.id'].value)\n\n      // Check that other fields were preserved\n      expect(result['disableSort.0.text'].value).toEqual('row one')\n    })\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Combobox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,cAAc,CAAA;AAIrB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAmG5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Combobox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAGnD,OAAO,cAAc,CAAA;AAIrB;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wDAAwD;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,QAAQ,CAAC,CAAA;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoG5C,CAAA"}

package/dist/elements/Combobox/index.js

@@ -77,6 +77,7 @@ export const Combobox = props => {
           };
           return /*#__PURE__*/_jsx("div", {
             className: `${baseClass}__entry`,
+            "data-popup-prevent-close": true,
             onClick: handleClick,
             onKeyDown: e_0 => {
               if (e_0.key === 'Enter' || e_0.key === ' ') {

package/dist/elements/Combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useRef","useState","Popup","PopupList","baseClass","Combobox","props","entries","minEntriesForSearch","onSelect","onToggleClose","onToggleOpen","searchPlaceholder","popupProps","searchValue","setSearchValue","isOpenRef","searchInputRef","filteredEntries","search","toLowerCase","filter","entry","name","includes","showSearch","length","hasResults","handleToggleOpen","useCallback","active","current","setTimeout","focus","handleToggleClose","_jsx","className","render","close","_jsxs","onChange","e","target","value","placeholder","ref","type","ButtonGroup","map","index","handleClick","onClick","onKeyDown","key","preventDefault","role","tabIndex","Component"],"sources":["../../../src/elements/Combobox/index.tsx"],"sourcesContent":["'use client'\nimport React, { useMemo, useRef, useState } from 'react'\n\nimport type { PopupProps } from '../Popup/index.js'\n\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'combobox'\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxEntry = {\n  Component: React.ReactNode\n  name: string\n}\n\n/**\n * @internal\n * @experimental\n */\nexport type ComboboxProps = {\n  entries: ComboboxEntry[]\n  /** Minimum number of entries required to show search */\n  minEntriesForSearch?: number\n  onSelect?: (entry: ComboboxEntry) => void\n  searchPlaceholder?: string\n} & Omit<PopupProps, 'children' | 'render'>\n\n/**\n * A wrapper on top of Popup + PopupList.ButtonGroup that adds search functionality.\n *\n * @internal - this component may be removed or receive breaking changes in minor releases.\n * @experimental\n */\nexport const Combobox: React.FC<ComboboxProps> = (props) => {\n  const {\n    entries,\n    minEntriesForSearch = 8,\n    onSelect,\n    onToggleClose,\n    onToggleOpen,\n    searchPlaceholder = 'Search...',\n    ...popupProps\n  } = props\n  const [searchValue, setSearchValue] = useState('')\n  const isOpenRef = useRef(false)\n  const searchInputRef = useRef<HTMLInputElement>(null)\n\n  const filteredEntries = useMemo(() => {\n    if (!searchValue) {\n      return entries\n    }\n    const search = searchValue.toLowerCase()\n    return entries.filter((entry) => entry.name.toLowerCase().includes(search))\n  }, [entries, searchValue])\n\n  const showSearch = entries.length >= minEntriesForSearch\n  const hasResults = filteredEntries.length > 0\n\n  const handleToggleOpen = React.useCallback(\n    (active: boolean) => {\n      isOpenRef.current = active\n      if (active && showSearch) {\n        setTimeout(() => {\n          searchInputRef.current?.focus()\n        }, 100)\n      }\n      onToggleOpen?.(active)\n    },\n    [showSearch, onToggleOpen],\n  )\n\n  const handleToggleClose = React.useCallback(() => {\n    isOpenRef.current = false\n    setSearchValue('')\n    onToggleClose?.()\n  }, [onToggleClose])\n\n  return (\n    <Popup\n      {...popupProps}\n      className={`${baseClass} ${popupProps.className || ''}`}\n      onToggleClose={handleToggleClose}\n      onToggleOpen={handleToggleOpen}\n      render={({ close }) => (\n        <div className={`${baseClass}__content`}>\n          {showSearch && (\n            <div\n              className={`${baseClass}__search-wrapper${!hasResults ? ` ${baseClass}__search-wrapper--no-results` : ''}`}\n            >\n              <input\n                aria-label={searchPlaceholder}\n                className={`${baseClass}__search-input`}\n                onChange={(e) => setSearchValue(e.target.value)}\n                placeholder={searchPlaceholder}\n                ref={searchInputRef}\n                type=\"text\"\n                value={searchValue}\n              />\n            </div>\n          )}\n          <PopupList.ButtonGroup>\n            {filteredEntries.map((entry, index) => {\n              const handleClick = () => {\n                if (onSelect) {\n                  onSelect(entry)\n                }\n                close()\n              }\n\n              return (\n                <div\n                  className={`${baseClass}__entry`}\n                  data-popup-prevent-close\n                  key={`${entry.name}-${index}`}\n                  onClick={handleClick}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault()\n                      handleClick()\n                    }\n                  }}\n                  role=\"menuitem\"\n                  tabIndex={0}\n                >\n                  {entry.Component}\n                </div>\n              )\n            })}\n          </PopupList.ButtonGroup>\n        </div>\n      )}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/DefaultListViewTabs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,cAAc,CAAA;AAIrB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuElE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/DefaultListViewTabs/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAK9E,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAIrB,KAAK,wBAAwB,GAAG;IAC9B,gBAAgB,EAAE,sBAAsB,CAAA;IACxC,MAAM,EAAE,YAAY,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqGlE,CAAA"}

package/dist/elements/DefaultListViewTabs/index.js

@@ -6,12 +6,13 @@ import { getTranslation } from '@payloadcms/translations';
 import { useRouter } from 'next/navigation.js';
 import { formatAdminURL } from 'payload/shared';
 import React from 'react';
+import { usePreferences } from '../../providers/Preferences/index.js';
 import { useTranslation } from '../../providers/Translation/index.js';
 import { Button } from '../Button/index.js';
 import './index.scss';
 const baseClass = 'default-list-view-tabs';
 export const DefaultListViewTabs = t0 => {
-  const $ = _c(18);
+  const $ = _c(20);
   const {
     collectionConfig,
     config,
@@ -22,19 +23,35 @@ export const DefaultListViewTabs = t0 => {
     i18n,
     t
   } = useTranslation();
+  const {
+    setPreference
+  } = usePreferences();
   const router = useRouter();
   const isTrashEnabled = collectionConfig.trash;
-  if (!isTrashEnabled) {
+  const isFoldersEnabled = collectionConfig.folders && config.folders;
+  if (!isTrashEnabled && !isFoldersEnabled) {
     return null;
   }
   let t1;
-  if ($[0] !== collectionConfig.slug || $[1] !== config || $[2] !== onChange || $[3] !== router) {
-    t1 = newViewType => {
+  if ($[0] !== collectionConfig.slug || $[1] !== config || $[2] !== onChange || $[3] !== router || $[4] !== setPreference) {
+    t1 = async newViewType => {
       if (onChange) {
         onChange(newViewType);
       }
+      if (newViewType === "list" || newViewType === "folders") {
+        await setPreference(`collection-${collectionConfig.slug}`, {
+          listViewType: newViewType
+        });
+      }
       let path = `/collections/${collectionConfig.slug}`;
-      switch (newViewType) {
+      bb21: switch (newViewType) {
+        case "folders":
+          {
+            if (config.folders) {
+              path = `/collections/${collectionConfig.slug}/${config.folders.slug}`;
+            }
+            break bb21;
+          }
         case "trash":
           {
             path = `/collections/${collectionConfig.slug}/trash`;
@@ -50,38 +67,39 @@ export const DefaultListViewTabs = t0 => {
     $[1] = config;
     $[2] = onChange;
     $[3] = router;
-    $[4] = t1;
+    $[4] = setPreference;
+    $[5] = t1;
   } else {
-    t1 = $[4];
+    t1 = $[5];
   }
   const handleViewChange = t1;
   const allButtonLabel = `${t("general:all")} ${getTranslation(collectionConfig?.labels?.plural, i18n)}`;
   let t2;
-  if ($[5] !== allButtonLabel || $[6] !== collectionConfig.labels?.plural || $[7] !== handleViewChange || $[8] !== i18n || $[9] !== isTrashEnabled || $[10] !== t || $[11] !== viewType) {
+  if ($[6] !== allButtonLabel || $[7] !== collectionConfig.labels?.plural || $[8] !== handleViewChange || $[9] !== i18n || $[10] !== isFoldersEnabled || $[11] !== isTrashEnabled || $[12] !== t || $[13] !== viewType) {
     let t3;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
       t3 = /\s+/g;
-      $[13] = t3;
+      $[15] = t3;
     } else {
-      t3 = $[13];
+      t3 = $[15];
     }
     const allButtonId = allButtonLabel.toLowerCase().replace(t3, "-");
     const t4 = viewType === "list" && `${baseClass}__button--active`;
     let t5;
-    if ($[14] !== t4) {
+    if ($[16] !== t4) {
       t5 = [`${baseClass}__button`, t4].filter(Boolean);
-      $[14] = t4;
-      $[15] = t5;
+      $[16] = t4;
+      $[17] = t5;
     } else {
-      t5 = $[15];
+      t5 = $[17];
     }
     let t6;
-    if ($[16] !== handleViewChange) {
+    if ($[18] !== handleViewChange) {
       t6 = () => handleViewChange("list");
-      $[16] = handleViewChange;
-      $[17] = t6;
+      $[18] = handleViewChange;
+      $[19] = t6;
     } else {
-      t6 = $[17];
+      t6 = $[19];
     }
     t2 = _jsxs("div", {
       className: baseClass,
@@ -93,6 +111,13 @@ export const DefaultListViewTabs = t0 => {
         id: allButtonId,
         onClick: t6,
         children: [t("general:all"), " ", getTranslation(collectionConfig?.labels?.plural, i18n)]
+      }), isFoldersEnabled && _jsx(Button, {
+        buttonStyle: "tab",
+        className: [`${baseClass}__button`, viewType === "folders" && `${baseClass}__button--active`].filter(Boolean).join(" "),
+        disabled: viewType === "folders",
+        el: "button",
+        onClick: () => handleViewChange("folders"),
+        children: t("folder:byFolder")
       }), isTrashEnabled && _jsx(Button, {
         buttonStyle: "tab",
         className: [`${baseClass}__button`, viewType === "trash" && `${baseClass}__button--active`].filter(Boolean).join(" "),
@@ -103,16 +128,17 @@ export const DefaultListViewTabs = t0 => {
         children: t("general:trash")
       })]
     });
-    $[5] = allButtonLabel;
-    $[6] = collectionConfig.labels?.plural;
-    $[7] = handleViewChange;
-    $[8] = i18n;
-    $[9] = isTrashEnabled;
-    $[10] = t;
-    $[11] = viewType;
-    $[12] = t2;
+    $[6] = allButtonLabel;
+    $[7] = collectionConfig.labels?.plural;
+    $[8] = handleViewChange;
+    $[9] = i18n;
+    $[10] = isFoldersEnabled;
+    $[11] = isTrashEnabled;
+    $[12] = t;
+    $[13] = viewType;
+    $[14] = t2;
   } else {
-    t2 = $[12];
+    t2 = $[14];
   }
   return t2;
 };