@payloadcms/ui 3.80.0-internal.cee0ccf → 3.80.0

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

@@ -0,0 +1,541 @@
+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

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","copiedArrayItemID1","copiedArrayItemID2","copiedArrayItemID3","targetBlockID","ctas","blockType","isLoading","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('block row paste with nested array', () => {\n    it('should regenerate nested array item IDs when pasting a block row', () => {\n      const copiedBlockID = new ObjectId().toHexString()\n      const copiedArrayItemID1 = new ObjectId().toHexString()\n      const copiedArrayItemID2 = new ObjectId().toHexString()\n      const copiedArrayItemID3 = new ObjectId().toHexString()\n      const targetBlockID = new ObjectId().toHexString()\n\n      // Target form state: block at index 1 with empty buttons array\n      const formState: FormState = {\n        ctas: {\n          valid: true,\n          value: 2,\n          initialValue: 2,\n          rows: [\n            { id: copiedBlockID, blockType: 'callToAction', isLoading: false },\n            { id: targetBlockID, blockType: 'callToAction', isLoading: false },\n          ],\n        },\n        'ctas.0': { value: 'callToAction', valid: true },\n        'ctas.0.id': { value: copiedBlockID, valid: true },\n        'ctas.0.buttons': {\n          valid: true,\n          value: 3,\n          rows: [\n            { id: copiedArrayItemID1, isLoading: false },\n            { id: copiedArrayItemID2, isLoading: false },\n            { id: copiedArrayItemID3, isLoading: false },\n          ],\n        },\n        'ctas.0.buttons.0.id': { value: copiedArrayItemID1, valid: true },\n        'ctas.0.buttons.1.id': { value: copiedArrayItemID2, valid: true },\n        'ctas.0.buttons.2.id': { value: copiedArrayItemID3, valid: true },\n        'ctas.1': { value: 'callToAction', valid: true },\n        'ctas.1.id': { value: targetBlockID, valid: true },\n        'ctas.1.buttons': {\n          valid: true,\n          value: 0,\n          rows: [],\n        },\n      }\n\n      // Clipboard: block row 0 (source) with 3 buttons\n      const clipboardData: ClipboardPasteData = {\n        type: 'blocks',\n        path: 'ctas',\n        blocks: [],\n        rowIndex: 0,\n        data: {\n          'ctas.0': { value: 'callToAction', valid: true },\n          'ctas.0.id': { value: copiedBlockID, valid: true },\n          'ctas.0.buttons': {\n            valid: true,\n            value: 3,\n            rows: [\n              { id: copiedArrayItemID1, isLoading: false },\n              { id: copiedArrayItemID2, isLoading: false },\n              { id: copiedArrayItemID3, isLoading: false },\n            ],\n          },\n          'ctas.0.buttons.0.id': { value: copiedArrayItemID1, valid: true },\n          'ctas.0.buttons.0.label': { value: 'Button 1', valid: true },\n          'ctas.0.buttons.1.id': { value: copiedArrayItemID2, valid: true },\n          'ctas.0.buttons.1.label': { value: 'Button 2', valid: true },\n          'ctas.0.buttons.2.id': { value: copiedArrayItemID3, valid: true },\n          'ctas.0.buttons.2.label': { value: 'Button 3', valid: true },\n        },\n      }\n\n      // Paste into block row 1 (target)\n      const result = mergeFormStateFromClipboard({\n        dataFromClipboard: clipboardData,\n        formState,\n        path: 'ctas',\n        rowIndex: 1,\n      })\n\n      // Target block ID should NOT be overwritten\n      expect(result['ctas.1.id'].value).toEqual(targetBlockID)\n\n      // Nested array items should have NEW IDs (not the source IDs)\n      expect(result['ctas.1.buttons.0.id']).toBeDefined()\n      expect(result['ctas.1.buttons.0.id'].value).not.toEqual(copiedArrayItemID1)\n      expect(ObjectId.isValid(result['ctas.1.buttons.0.id'].value as string)).toBe(true)\n\n      expect(result['ctas.1.buttons.1.id']).toBeDefined()\n      expect(result['ctas.1.buttons.1.id'].value).not.toEqual(copiedArrayItemID2)\n\n      expect(result['ctas.1.buttons.2.id']).toBeDefined()\n      expect(result['ctas.1.buttons.2.id'].value).not.toEqual(copiedArrayItemID3)\n\n      // The rows metadata in ctas.1.buttons should have the new IDs\n      expect(result['ctas.1.buttons'].rows).toHaveLength(3)\n      expect(result['ctas.1.buttons'].rows![0].id).toEqual(result['ctas.1.buttons.0.id'].value)\n      expect(result['ctas.1.buttons'].rows![1].id).toEqual(result['ctas.1.buttons.1.id'].value)\n      expect(result['ctas.1.buttons'].rows![2].id).toEqual(result['ctas.1.buttons.2.id'].value)\n\n      // Field values should be copied\n      expect(result['ctas.1.buttons.0.label'].value).toEqual('Button 1')\n      expect(result['ctas.1.buttons.1.label'].value).toEqual('Button 2')\n      expect(result['ctas.1.buttons.2.label'].value).toEqual('Button 3')\n\n      // Source block should be untouched\n      expect(result['ctas.0.id'].value).toEqual(copiedBlockID)\n      expect(result['ctas.0.buttons'].rows).toHaveLength(3)\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":"AAAA;;;AACA,OAAOA,KAAA,IAASC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAIjD,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAuBlB;;;;;;AAMA,OAAO,MAAMC,QAAA,GAAqCC,KAAA;EAChD,MAAM;IACJC,OAAO;IACPC,mBAAA,GAAsB,CAAC;IACvBC,QAAQ;IACRC,aAAa;IACbC,YAAY;IACZC,iBAAA,GAAoB,WAAW;IAC/B,GAAGC;EAAA,CACJ,GAAGP,KAAA;EACJ,MAAM,CAACQ,WAAA,EAAaC,cAAA,CAAe,GAAGd,QAAA,CAAS;EAC/C,MAAMe,SAAA,GAAYhB,MAAA,CAAO;EACzB,MAAMiB,cAAA,GAAiBjB,MAAA,CAAyB;EAEhD,MAAMkB,eAAA,GAAkBnB,OAAA,CAAQ;IAC9B,IAAI,CAACe,WAAA,EAAa;MAChB,OAAOP,OAAA;IACT;IACA,MAAMY,MAAA,GAASL,WAAA,CAAYM,WAAW;IACtC,OAAOb,OAAA,CAAQc,MAAM,CAAEC,KAAA,IAAUA,KAAA,CAAMC,IAAI,CAACH,WAAW,GAAGI,QAAQ,CAACL,MAAA;EACrE,GAAG,CAACZ,OAAA,EAASO,WAAA,CAAY;EAEzB,MAAMW,UAAA,GAAalB,OAAA,CAAQmB,MAAM,IAAIlB,mBAAA;EACrC,MAAMmB,UAAA,GAAaT,eAAA,CAAgBQ,MAAM,GAAG;EAE5C,MAAME,gBAAA,GAAmB9B,KAAA,CAAM+B,WAAW,CACvCC,MAAA;IACCd,SAAA,CAAUe,OAAO,GAAGD,MAAA;IACpB,IAAIA,MAAA,IAAUL,UAAA,EAAY;MACxBO,UAAA,CAAW;QACTf,cAAA,CAAec,OAAO,EAAEE,KAAA;MAC1B,GAAG;IACL;IACAtB,YAAA,GAAemB,MAAA;EACjB,GACA,CAACL,UAAA,EAAYd,YAAA,CAAa;EAG5B,MAAMuB,iBAAA,GAAoBpC,KAAA,CAAM+B,WAAW,CAAC;IAC1Cb,SAAA,CAAUe,OAAO,GAAG;IACpBhB,cAAA,CAAe;IACfL,aAAA;EACF,GAAG,CAACA,aAAA,CAAc;EAElB,oBACEyB,IAAA,CAACjC,KAAA;IACE,GAAGW,UAAU;IACduB,SAAA,EAAW,GAAGhC,SAAA,IAAaS,UAAA,CAAWuB,SAAS,IAAI,IAAI;IACvD1B,aAAA,EAAewB,iBAAA;IACfvB,YAAA,EAAciB,gBAAA;IACdS,MAAA,EAAQA,CAAC;MAAEC;IAAK,CAAE,kBAChBC,KAAA,CAAC;MAAIH,SAAA,EAAW,GAAGhC,SAAA,WAAoB;iBACpCqB,UAAA,iBACCU,IAAA,CAAC;QACCC,SAAA,EAAW,GAAGhC,SAAA,mBAA4B,CAACuB,UAAA,GAAa,IAAIvB,SAAA,8BAAuC,GAAG,IAAI;kBAE1G,aAAA+B,IAAA,CAAC;UACC,cAAYvB,iBAAA;UACZwB,SAAA,EAAW,GAAGhC,SAAA,gBAAyB;UACvCoC,QAAA,EAAWC,CAAA,IAAM1B,cAAA,CAAe0B,CAAA,CAAEC,MAAM,CAACC,KAAK;UAC9CC,WAAA,EAAahC,iBAAA;UACbiC,GAAA,EAAK5B,cAAA;UACL6B,IAAA,EAAK;UACLH,KAAA,EAAO7B;;uBAIbqB,IAAA,CAAChC,SAAA,CAAU4C,WAAW;kBACnB7B,eAAA,CAAgB8B,GAAG,CAAC,CAAC1B,OAAA,EAAO2B,KAAA;UAC3B,MAAMC,WAAA,GAAcA,CAAA;YAClB,IAAIzC,QAAA,EAAU;cACZA,QAAA,CAASa,OAAA;YACX;YACAgB,KAAA;UACF;UAEA,oBACEH,IAAA,CAAC;YACCC,SAAA,EAAW,GAAGhC,SAAA,SAAkB;YAEhC+C,OAAA,EAASD,WAAA;YACTE,SAAA,EAAYX,GAAA;cACV,IAAIA,GAAA,CAAEY,GAAG,KAAK,WAAWZ,GAAA,CAAEY,GAAG,KAAK,KAAK;gBACtCZ,GAAA,CAAEa,cAAc;gBAChBJ,WAAA;cACF;YACF;YACAK,IAAA,EAAK;YACLC,QAAA,EAAU;sBAETlC,OAAA,CAAMmC;aAXF,GAAGnC,OAAA,CAAMC,IAAI,IAAI0B,KAAA,EAAO;QAcnC;;;;AAMZ","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":[]}