@kywi-software/core 0.1.0

package/dist/admin/layout-editor/__tests__/layout-editor-onchange.test.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { act } from 'react';
+import { LayoutEditor } from '../layout-editor.js';
+import { createModuleRegistry, BUILT_IN_MODULE_COMPONENTS } from '../../../layout/index.js';
+// ── Mocks (match overlay-editor.test.tsx) ────────────────────────────────────
+vi.mock('@dnd-kit/core', () => ({
+    DndContext: ({ children }) => React.createElement('div', { 'data-testid': 'dnd-context' }, children),
+    useDraggable: () => ({ attributes: {}, listeners: {}, setNodeRef: () => { }, isDragging: false }),
+    useDroppable: () => ({ setNodeRef: () => { } }),
+    PointerSensor: class {
+    },
+    KeyboardSensor: class {
+    },
+    useSensors: () => [],
+    useSensor: () => ({}),
+    closestCenter: () => null,
+}));
+vi.mock('@dnd-kit/sortable', () => ({
+    SortableContext: ({ children }) => React.createElement('div', null, children),
+    verticalListSortingStrategy: {},
+    useSortable: () => ({ attributes: {}, listeners: {}, setNodeRef: () => { }, transform: null, transition: null }),
+}));
+let container;
+beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+});
+afterEach(() => {
+    document.body.removeChild(container);
+});
+function mount(element) {
+    act(() => {
+        createRoot(container).render(element);
+    });
+}
+function click(el) {
+    act(() => {
+        el?.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+    });
+}
+const emptyLayout = { regions: { main: [] } };
+// ── onChange footgun fix (G-J04-03) ──────────────────────────────────────────
+describe('LayoutEditor onChange', () => {
+    it('does not fire onChange on the initial mount (pristine)', () => {
+        const onChange = vi.fn();
+        mount(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChange }));
+        expect(onChange).not.toHaveBeenCalled();
+    });
+    it('fires onChange with the updated layout when a section is added (without clicking Save)', () => {
+        const onChange = vi.fn();
+        mount(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChange }));
+        // Open the section template picker via the toolbar "+ Section" button.
+        const addBtn = Array.from(container.querySelectorAll('button')).find((b) => b.textContent?.includes('Section'));
+        click(addBtn ?? null);
+        // Pick the first template option (Full Width → [12]).
+        const option = container.querySelector('.kywi-editor-template-option');
+        click(option);
+        expect(onChange).toHaveBeenCalledTimes(1);
+        const lastLayout = onChange.mock.calls.at(-1)?.[0];
+        expect(lastLayout.regions.main?.length).toBe(1);
+    });
+    // ── Infinite-loop regression (Phase G dev-mode fix) ──────────────────────
+    it('does not re-fire onChange when the parent re-renders with a new inline onChange identity', () => {
+        const onChangeA = vi.fn();
+        const onChangeB = vi.fn();
+        act(() => {
+            const root = createRoot(container);
+            root.render(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChangeA }));
+            // Simulate a parent re-render that passes a brand-new inline arrow as
+            // onChange (exactly what content-form.tsx's Layout tab does on every
+            // parent state change) without any layout mutation having occurred.
+            root.render(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChangeB }));
+            root.render(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChangeA }));
+        });
+        // Neither identity should ever have been invoked — the layout never
+        // mutated, only the onChange prop's identity churned. Before the fix,
+        // this deps-on-onChange effect would re-fire on every one of these
+        // renders and call onChange with the still-pristine layout, which is
+        // the infinite-loop trigger (the parent stores a new object each time,
+        // forcing another re-render, forever).
+        expect(onChangeA).not.toHaveBeenCalled();
+        expect(onChangeB).not.toHaveBeenCalled();
+    });
+    it('still fires the newest onChange after an onChange-identity churn followed by a real mutation', () => {
+        const onChangeA = vi.fn();
+        const onChangeB = vi.fn();
+        act(() => {
+            const root = createRoot(container);
+            root.render(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChangeA }));
+            // Parent re-renders with a fresh onChange identity (no mutation yet).
+            root.render(_jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChangeB }));
+        });
+        const addBtn = Array.from(container.querySelectorAll('button')).find((b) => b.textContent?.includes('Section'));
+        click(addBtn ?? null);
+        const option = container.querySelector('.kywi-editor-template-option');
+        click(option);
+        // The ref-backed handler always calls the *latest* onChange, so the
+        // real mutation must land on onChangeB (the current prop), not the
+        // stale onChangeA closure from the first render.
+        expect(onChangeA).not.toHaveBeenCalled();
+        expect(onChangeB).toHaveBeenCalledTimes(1);
+    });
+    it('does not fire onChange on mount under React.StrictMode double-invoke', () => {
+        const onChange = vi.fn();
+        act(() => {
+            createRoot(container).render(_jsx(React.StrictMode, { children: _jsx(LayoutEditor, { initialLayout: emptyLayout, contentId: "c1", contentType: "page", moduleRegistry: createModuleRegistry([]), moduleComponents: BUILT_IN_MODULE_COMPONENTS, onChange: onChange }) }));
+        });
+        // StrictMode double-invokes effect setup/cleanup on mount. A boolean
+        // "didMount" ref would already read true after the first setup call and
+        // stay true through the simulated remount, so the second setup call
+        // would treat the still-pristine layout as a "real" change and fire
+        // onChange. The reference-equality check against the initial
+        // state.layout survives this because no dispatch has fired, so
+        // state.layout is still === the ref captured at mount.
+        expect(onChange).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=layout-editor-onchange.test.js.map

package/dist/admin/layout-editor/__tests__/layout-editor-onchange.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-editor-onchange.test.js","sourceRoot":"","sources":["../../../../src/admin/layout-editor/__tests__/layout-editor-onchange.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AACxE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAA;AAG3F,gFAAgF;AAEhF,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;IAC9B,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAC1D,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,aAAa,EAAE,aAAa,EAAE,EAAE,QAAQ,CAAC;IACxE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;IAChG,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,CAAC;IAC9C,aAAa,EAAE;KAAQ;IACvB,cAAc,EAAE;KAAQ;IACxB,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE;IACpB,SAAS,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACrB,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI;CAC1B,CAAC,CAAC,CAAA;AAEH,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC;IAClC,eAAe,EAAE,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAC/D,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC;IAC5C,2BAA2B,EAAE,EAAE;IAC/B,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;CAChH,CAAC,CAAC,CAAA;AAEH,IAAI,SAAyB,CAAA;AAE7B,UAAU,CAAC,GAAG,EAAE;IACd,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,SAAS,CAAC,GAAG,EAAE;IACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;AACtC,CAAC,CAAC,CAAA;AAEF,SAAS,KAAK,CAAC,OAA2B;IACxC,GAAG,CAAC,GAAG,EAAE;QACP,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,KAAK,CAAC,EAAkB;IAC/B,GAAG,CAAC,GAAG,EAAE;QACP,EAAE,EAAE,aAAa,CAAC,IAAI,UAAU,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,MAAM,WAAW,GAAmB,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,CAAA;AAE7D,gFAAgF;AAEhF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACxB,KAAK,CACH,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;QACD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wFAAwF,EAAE,GAAG,EAAE;QAChG,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACxB,KAAK,CACH,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;QAED,uEAAuE;QACvE,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAClE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAC1C,CAAA;QACD,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,CAAA;QAErB,sDAAsD;QACtD,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAA;QACtE,KAAK,CAAC,MAAM,CAAC,CAAA;QAEb,MAAM,CAAC,QAAQ,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;QACzC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAmB,CAAA;QACpE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACjD,CAAC,CAAC,CAAA;IAEF,4EAA4E;IAE5E,EAAE,CAAC,0FAA0F,EAAE,GAAG,EAAE;QAClG,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACzB,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAEzB,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;YAClC,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;YACD,sEAAsE;YACtE,qEAAqE;YACrE,oEAAoE;YACpE,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;YACD,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,oEAAoE;QACpE,sEAAsE;QACtE,mEAAmE;QACnE,qEAAqE;QACrE,uEAAuE;QACvE,uCAAuC;QACvC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;QACxC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,8FAA8F,EAAE,GAAG,EAAE;QACtG,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACzB,MAAM,SAAS,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QAEzB,GAAG,CAAC,GAAG,EAAE;YACP,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;YAClC,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;YACD,sEAAsE;YACtE,IAAI,CAAC,MAAM,CACT,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,SAAS,GACnB,CACH,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAClE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,CAC1C,CAAA;QACD,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,CAAA;QACrB,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,8BAA8B,CAAC,CAAA;QACtE,KAAK,CAAC,MAAM,CAAC,CAAA;QAEb,oEAAoE;QACpE,mEAAmE;QACnE,iDAAiD;QACjD,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;QACxC,MAAM,CAAC,SAAS,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAA;IAC5C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sEAAsE,EAAE,GAAG,EAAE;QAC9E,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,EAAE,CAAA;QACxB,GAAG,CAAC,GAAG,EAAE;YACP,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAC1B,KAAC,KAAK,CAAC,UAAU,cACf,KAAC,YAAY,IACX,aAAa,EAAE,WAAW,EAC1B,SAAS,EAAC,IAAI,EACd,WAAW,EAAC,MAAM,EAClB,cAAc,EAAE,oBAAoB,CAAC,EAAE,CAAC,EACxC,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,EAAE,QAAQ,GAClB,GACe,CACpB,CAAA;QACH,CAAC,CAAC,CAAA;QACF,qEAAqE;QACrE,wEAAwE;QACxE,oEAAoE;QACpE,oEAAoE;QACpE,6DAA6D;QAC7D,+DAA+D;QAC/D,uDAAuD;QACvD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAA;IACzC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/admin/layout-editor/__tests__/module-palette.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=module-palette.test.d.ts.map

package/dist/admin/layout-editor/__tests__/module-palette.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-palette.test.d.ts","sourceRoot":"","sources":["../../../../src/admin/layout-editor/__tests__/module-palette.test.tsx"],"names":[],"mappings":""}

package/dist/admin/layout-editor/__tests__/module-palette.test.js

@@ -0,0 +1,231 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { createRoot } from 'react-dom/client';
+import { act } from 'react';
+import { ModulePalette } from '../module-palette.js';
+vi.mock('@dnd-kit/core', () => ({
+    useDraggable: () => ({
+        attributes: {},
+        listeners: {},
+        setNodeRef: () => { },
+        isDragging: false,
+    }),
+}));
+const ALL_MODULES = [
+    { name: 'hero', label: 'Hero Banner', isBuiltIn: true, category: 'Marketing' },
+    { name: 'richText', label: 'Rich Text', isBuiltIn: true, category: 'Basic' },
+    { name: 'image', label: 'Image', isBuiltIn: true, category: 'Basic' },
+    { name: 'section', label: 'Section', isBuiltIn: true, category: 'Basic' },
+    { name: 'variantContainer', label: 'Variant Container', isBuiltIn: true, category: 'Layout' },
+    { name: 'personalizationBadge', label: 'Personalization Badge', isBuiltIn: true, category: 'Layout' },
+    { name: 'cta', label: 'Call to Action', isBuiltIn: false, category: 'Marketing' },
+];
+let container;
+beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+});
+afterEach(() => {
+    document.body.removeChild(container);
+});
+function mount(element) {
+    act(() => {
+        createRoot(container).render(element);
+    });
+    return container;
+}
+function setInputValue(input, value) {
+    act(() => {
+        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value')?.set;
+        nativeInputValueSetter?.call(input, value);
+        input.dispatchEvent(new Event('input', { bubbles: true }));
+        input.value = value;
+        input.dispatchEvent(new Event('change', { bubbles: true }));
+    });
+}
+// ── ModulePalette ──────────────────────────────────────────────────────────
+describe('ModulePalette', () => {
+    it('renders the MODULES heading', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        expect(container.textContent).toContain('MODULES');
+    });
+    it('renders the palette wrapper with correct class', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        expect(container.querySelector('.kywi-editor-palette')).toBeTruthy();
+    });
+    it('renders the search input inside .kywi-editor-palette-search', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const searchWrapper = container.querySelector('.kywi-editor-palette-search');
+        expect(searchWrapper).toBeTruthy();
+        expect(searchWrapper.querySelector('input')).toBeTruthy();
+    });
+    it('renders module items for non-excluded modules', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        // hero, richText, image, variantContainer, personalizationBadge, cta = 6 items (only section excluded)
+        expect(items).toHaveLength(6);
+    });
+    it('renders module label text in each item', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        expect(container.textContent).toContain('Hero Banner');
+        expect(container.textContent).toContain('Rich Text');
+        expect(container.textContent).toContain('Image');
+        expect(container.textContent).toContain('Call to Action');
+    });
+    it('excludes the section module', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        const labels = Array.from(items).map((el) => el.textContent);
+        expect(labels).not.toContain('Section');
+    });
+    it('includes the variantContainer module (F2a-J05-G1)', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        const labels = Array.from(items).map((el) => el.textContent);
+        expect(labels).toContain('Variant Container');
+    });
+    it('includes the personalizationBadge module (F2a-J05-G1)', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        const labels = Array.from(items).map((el) => el.textContent);
+        expect(labels).toContain('Personalization Badge');
+    });
+    it('empty search shows all non-excluded modules', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(6);
+    });
+    it('search input filters modules by label substring', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'hero');
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(1);
+        expect(items[0]?.textContent).toBe('Hero Banner');
+    });
+    it('search is case-insensitive', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'RICH');
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(1);
+        expect(items[0]?.textContent).toBe('Rich Text');
+    });
+    it('search with mixed case matches correctly', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'Call To');
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(1);
+        expect(items[0]?.textContent).toBe('Call to Action');
+    });
+    it('search with no match shows zero items', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'zzznotfound');
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(0);
+    });
+    it('search never shows excluded modules even if label matches', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'Section');
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        // "Section" label is excluded; no items should appear
+        expect(items).toHaveLength(0);
+    });
+    it('renders with an empty modules array', () => {
+        mount(_jsx(ModulePalette, { modules: [] }));
+        const items = container.querySelectorAll('.kywi-editor-palette-item');
+        expect(items).toHaveLength(0);
+        expect(container.querySelector('.kywi-editor-palette')).toBeTruthy();
+    });
+    it('renders category group containers', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const groups = container.querySelectorAll('.kywi-editor-palette-group');
+        // Basic (richText, image visible) and Marketing (hero, cta visible) = 2 groups
+        expect(groups.length).toBeGreaterThanOrEqual(2);
+    });
+    it('renders category header labels', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const headers = container.querySelectorAll('.kywi-editor-palette-category');
+        const headerTexts = Array.from(headers).map((el) => el.textContent);
+        expect(headerTexts).toContain('Basic');
+        expect(headerTexts).toContain('Marketing');
+    });
+    it('surfaces the Layout category for the personalization modules (F2a-J05-G1)', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const headers = container.querySelectorAll('.kywi-editor-palette-category');
+        const headerTexts = Array.from(headers).map((el) => el.textContent);
+        // variantContainer + personalizationBadge are Layout-categorised and now
+        // included, so the Layout group appears.
+        expect(headerTexts).toContain('Layout');
+    });
+    it('modules without category appear under "Other"', () => {
+        const modsWithUncategorized = [
+            ...ALL_MODULES,
+            { name: 'custom', label: 'Custom Widget', isBuiltIn: false },
+        ];
+        mount(_jsx(ModulePalette, { modules: modsWithUncategorized }));
+        const headers = container.querySelectorAll('.kywi-editor-palette-category');
+        const headerTexts = Array.from(headers).map((el) => el.textContent);
+        expect(headerTexts).toContain('Other');
+    });
+    it('items inside a category group are present', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const groups = container.querySelectorAll('.kywi-editor-palette-group');
+        const basicGroup = Array.from(groups).find((g) => g.querySelector('.kywi-editor-palette-category')?.textContent === 'Basic');
+        expect(basicGroup).toBeTruthy();
+        const items = basicGroup.querySelectorAll('.kywi-editor-palette-item');
+        expect(items.length).toBeGreaterThanOrEqual(1);
+    });
+    it('search filters within groups correctly', () => {
+        mount(_jsx(ModulePalette, { modules: ALL_MODULES }));
+        const input = container.querySelector('.kywi-editor-palette-search input');
+        setInputValue(input, 'hero');
+        const groups = container.querySelectorAll('.kywi-editor-palette-group');
+        // Only Marketing group should remain (contains Hero Banner)
+        expect(groups).toHaveLength(1);
+        const categoryLabel = groups[0]?.querySelector('.kywi-editor-palette-category');
+        expect(categoryLabel.textContent).toBe('Marketing');
+    });
+});
+// ── Role gating (G-J04-02) ───────────────────────────────────────────────────
+const MODULES_WITH_HTML = [
+    { name: 'richText', label: 'Rich Text', isBuiltIn: true, category: 'Basic' },
+    { name: 'html', label: 'Raw HTML', isBuiltIn: true, category: 'Basic' },
+    { name: 'image', label: 'Image', isBuiltIn: true, category: 'Basic' },
+];
+function paletteLabels() {
+    return Array.from(container.querySelectorAll('.kywi-editor-palette-item')).map((el) => el.textContent ?? '');
+}
+describe('ModulePalette role gating', () => {
+    it('hides admin-only html module when no role is provided', () => {
+        mount(_jsx(ModulePalette, { modules: MODULES_WITH_HTML }));
+        expect(paletteLabels()).not.toContain('Raw HTML');
+        expect(paletteLabels()).toContain('Rich Text');
+        expect(paletteLabels()).toContain('Image');
+    });
+    it('hides admin-only html module for a regular editor', () => {
+        mount(_jsx(ModulePalette, { modules: MODULES_WITH_HTML, userRole: "editor" }));
+        expect(paletteLabels()).not.toContain('Raw HTML');
+    });
+    it('hides admin-only html module for an author', () => {
+        mount(_jsx(ModulePalette, { modules: MODULES_WITH_HTML, userRole: "author" }));
+        expect(paletteLabels()).not.toContain('Raw HTML');
+    });
+    it('shows admin-only html module for a siteAdmin', () => {
+        mount(_jsx(ModulePalette, { modules: MODULES_WITH_HTML, userRole: "siteAdmin" }));
+        expect(paletteLabels()).toContain('Raw HTML');
+    });
+    it('shows admin-only html module for a superAdmin', () => {
+        mount(_jsx(ModulePalette, { modules: MODULES_WITH_HTML, userRole: "superAdmin" }));
+        expect(paletteLabels()).toContain('Raw HTML');
+    });
+    it('does not create an empty category when html is the only member and is gated out', () => {
+        mount(_jsx(ModulePalette, { modules: [{ name: 'html', label: 'Raw HTML', isBuiltIn: true, category: 'Advanced' }], userRole: "editor" }));
+        const headers = Array.from(container.querySelectorAll('.kywi-editor-palette-category')).map((el) => el.textContent);
+        expect(headers).not.toContain('Advanced');
+    });
+});
+//# sourceMappingURL=module-palette.test.js.map

package/dist/admin/layout-editor/__tests__/module-palette.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module-palette.test.js","sourceRoot":"","sources":["../../../../src/admin/layout-editor/__tests__/module-palette.test.tsx"],"names":[],"mappings":"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"}

package/dist/admin/layout-editor/__tests__/overlay-components.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=overlay-components.test.d.ts.map

package/dist/admin/layout-editor/__tests__/overlay-components.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-components.test.d.ts","sourceRoot":"","sources":["../../../../src/admin/layout-editor/__tests__/overlay-components.test.tsx"],"names":[],"mappings":""}

package/dist/admin/layout-editor/__tests__/overlay-components.test.js

@@ -0,0 +1,219 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import React from 'react';
+import { renderToString } from 'react-dom/server';
+import { createRoot } from 'react-dom/client';
+import { act } from 'react';
+import { RegionOverlay } from '../region-overlay.js';
+import { SectionOverlay } from '../section-overlay.js';
+import { ColumnOverlay } from '../column-overlay.js';
+import { ColumnResizeHandle } from '../column-resize-handle.js';
+import { ModuleOverlay } from '../module-overlay.js';
+vi.mock('@dnd-kit/sortable', () => ({
+    useSortable: () => ({
+        attributes: {},
+        listeners: {},
+        setNodeRef: () => { },
+        transform: null,
+        transition: undefined,
+    }),
+}));
+vi.mock('@dnd-kit/utilities', () => ({
+    CSS: {
+        Transform: {
+            toString: () => '',
+        },
+    },
+}));
+let container;
+beforeEach(() => {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+});
+afterEach(() => {
+    document.body.removeChild(container);
+});
+function mount(element) {
+    act(() => {
+        createRoot(container).render(element);
+    });
+    return container;
+}
+// ── RegionOverlay ─────────────────────────────────────────────────────────────
+describe('RegionOverlay', () => {
+    it('renders .kywi-editor-region wrapper', () => {
+        const html = renderToString(React.createElement(RegionOverlay, { name: 'main', children: React.createElement('span', null, 'child') }));
+        expect(html).toContain('kywi-editor-region');
+    });
+    it('renders the region name in .kywi-editor-region-label', () => {
+        const html = renderToString(React.createElement(RegionOverlay, { name: 'hero-region', children: null }));
+        expect(html).toContain('kywi-editor-region-label');
+        expect(html).toContain('hero-region');
+    });
+    it('renders children inside the region', () => {
+        const html = renderToString(React.createElement(RegionOverlay, { name: 'main', children: React.createElement('div', { className: 'inner' }, 'content') }));
+        expect(html).toContain('inner');
+        expect(html).toContain('content');
+    });
+});
+// ── SectionOverlay ────────────────────────────────────────────────────────────
+describe('SectionOverlay', () => {
+    it('renders .kywi-editor-section wrapper with data-section-id', () => {
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: vi.fn(), children: _jsx("span", { children: "content" }) }));
+        const section = container.querySelector('.kywi-editor-section');
+        expect(section).toBeTruthy();
+        expect(section.getAttribute('data-section-id')).toBe('sec-1');
+    });
+    it('renders .kywi-editor-section-toolbar', () => {
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: vi.fn(), children: _jsx("span", {}) }));
+        expect(container.querySelector('.kywi-editor-section-toolbar')).toBeTruthy();
+    });
+    it('renders +Col and × buttons', () => {
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: vi.fn(), children: _jsx("span", {}) }));
+        const buttons = container.querySelectorAll('.kywi-editor-section-toolbar-btn');
+        const labels = Array.from(buttons).map((b) => b.textContent);
+        expect(labels).toContain('+Col');
+        expect(labels).toContain('×');
+    });
+    it('calls onAddColumn when +Col is clicked', () => {
+        const onAddColumn = vi.fn();
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: onAddColumn, onDelete: vi.fn(), children: _jsx("span", {}) }));
+        const buttons = container.querySelectorAll('.kywi-editor-section-toolbar-btn');
+        const addBtn = Array.from(buttons).find((b) => b.textContent === '+Col');
+        act(() => { addBtn.click(); });
+        expect(onAddColumn).toHaveBeenCalledOnce();
+    });
+    it('calls onDelete when × is clicked', () => {
+        const onDelete = vi.fn();
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: onDelete, children: _jsx("span", {}) }));
+        const buttons = container.querySelectorAll('.kywi-editor-section-toolbar-btn');
+        const delBtn = Array.from(buttons).find((b) => b.textContent === '×');
+        act(() => { delBtn.click(); });
+        expect(onDelete).toHaveBeenCalledOnce();
+    });
+    it('renders additional actions from the actions prop', () => {
+        const onClick = vi.fn();
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: vi.fn(), actions: [{ icon: '★', label: 'Star', onClick }], children: _jsx("span", {}) }));
+        const buttons = container.querySelectorAll('.kywi-editor-section-toolbar-btn');
+        // 2 default + 1 extra
+        expect(buttons).toHaveLength(3);
+        const starBtn = Array.from(buttons).find((b) => b.textContent === '★');
+        expect(starBtn).toBeTruthy();
+        act(() => { starBtn.click(); });
+        expect(onClick).toHaveBeenCalledOnce();
+    });
+    it('wraps children in .kywi-editor-columns', () => {
+        mount(_jsx(SectionOverlay, { sectionId: "sec-1", onAddColumn: vi.fn(), onDelete: vi.fn(), children: _jsx("div", { className: "child-el" }) }));
+        const columns = container.querySelector('.kywi-editor-columns');
+        expect(columns).toBeTruthy();
+        expect(columns.querySelector('.child-el')).toBeTruthy();
+    });
+});
+// ── ColumnOverlay ─────────────────────────────────────────────────────────────
+describe('ColumnOverlay', () => {
+    it('renders .kywi-editor-column with data-column-id', () => {
+        mount(_jsx(ColumnOverlay, { columnId: "col-1", width: 6, children: _jsx("span", {}) }));
+        const col = container.querySelector('.kywi-editor-column');
+        expect(col).toBeTruthy();
+        expect(col.getAttribute('data-column-id')).toBe('col-1');
+    });
+    it('applies flex style equal to the width prop', () => {
+        mount(_jsx(ColumnOverlay, { columnId: "col-1", width: 4, children: _jsx("span", {}) }));
+        const col = container.querySelector('.kywi-editor-column');
+        // Browsers may expand `flex: 4` to the shorthand `4 1 0%`
+        expect(col.style.flex).toContain('4');
+    });
+    it('renders .kywi-editor-column-label with col-{width} text', () => {
+        mount(_jsx(ColumnOverlay, { columnId: "col-1", width: 3, children: _jsx("span", {}) }));
+        const label = container.querySelector('.kywi-editor-column-label');
+        expect(label).toBeTruthy();
+        expect(label.textContent).toBe('col-3');
+    });
+    it('renders children inside the column', () => {
+        mount(_jsx(ColumnOverlay, { columnId: "col-1", width: 6, children: _jsx("div", { className: "inner-child" }) }));
+        expect(container.querySelector('.inner-child')).toBeTruthy();
+    });
+});
+// ── ColumnResizeHandle ────────────────────────────────────────────────────────
+describe('ColumnResizeHandle', () => {
+    it('renders .kywi-editor-resize-handle', () => {
+        mount(_jsx(ColumnResizeHandle, { leftWidth: 6, rightWidth: 6, onResize: vi.fn() }));
+        expect(container.querySelector('.kywi-editor-resize-handle')).toBeTruthy();
+    });
+    it('renders .kywi-editor-resize-bar inside the handle', () => {
+        mount(_jsx(ColumnResizeHandle, { leftWidth: 6, rightWidth: 6, onResize: vi.fn() }));
+        const bar = container.querySelector('.kywi-editor-resize-bar');
+        expect(bar).toBeTruthy();
+    });
+    it('calls onResize with unchanged widths when dragged zero distance', () => {
+        const onResize = vi.fn();
+        mount(_jsx(ColumnResizeHandle, { leftWidth: 6, rightWidth: 6, onResize: onResize }));
+        const handle = container.querySelector('.kywi-editor-resize-handle');
+        act(() => {
+            handle.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, clientX: 100 }));
+        });
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, clientX: 100 }));
+        });
+        expect(onResize).toHaveBeenCalledOnce();
+        expect(onResize).toHaveBeenCalledWith(6, 6);
+    });
+    it('applies --active class while dragging', () => {
+        mount(_jsx(ColumnResizeHandle, { leftWidth: 6, rightWidth: 6, onResize: vi.fn() }));
+        const handle = container.querySelector('.kywi-editor-resize-handle');
+        act(() => {
+            handle.dispatchEvent(new MouseEvent('mousedown', { bubbles: true, clientX: 100 }));
+        });
+        expect(handle.className).toContain('kywi-editor-resize-handle--active');
+        act(() => {
+            document.dispatchEvent(new MouseEvent('mouseup', { bubbles: true, clientX: 100 }));
+        });
+        expect(handle.className).not.toContain('--active');
+    });
+});
+// ── ModuleOverlay ─────────────────────────────────────────────────────────────
+describe('ModuleOverlay', () => {
+    it('renders .kywi-editor-module with data-module-id', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), children: _jsx("span", {}) }));
+        const mod = container.querySelector('.kywi-editor-module');
+        expect(mod).toBeTruthy();
+        expect(mod.getAttribute('data-module-id')).toBe('mod-1');
+    });
+    it('adds --selected modifier class when isSelected is true', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: true, onSelect: vi.fn(), children: _jsx("span", {}) }));
+        const mod = container.querySelector('.kywi-editor-module');
+        expect(mod.className).toContain('kywi-editor-module--selected');
+    });
+    it('does not add --selected when isSelected is false', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), children: _jsx("span", {}) }));
+        const mod = container.querySelector('.kywi-editor-module');
+        expect(mod.className).not.toContain('--selected');
+    });
+    it('calls onSelect when clicked', () => {
+        const onSelect = vi.fn();
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: onSelect, children: _jsx("span", {}) }));
+        const mod = container.querySelector('.kywi-editor-module');
+        act(() => { mod.click(); });
+        expect(onSelect).toHaveBeenCalledOnce();
+    });
+    it('renders .kywi-editor-module-actions', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), children: _jsx("span", {}) }));
+        expect(container.querySelector('.kywi-editor-module-actions')).toBeTruthy();
+    });
+    it('renders drag handle button with drag-handle class', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), children: _jsx("span", {}) }));
+        expect(container.querySelector('.kywi-editor-module-drag-handle')).toBeTruthy();
+    });
+    it('renders additional action buttons from actions prop', () => {
+        const onClick = vi.fn();
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), actions: [{ icon: '✎', label: 'Edit', onClick }], children: _jsx("span", {}) }));
+        const actionBtns = container.querySelectorAll('.kywi-editor-module-action-btn');
+        // 1 drag handle + 1 action
+        expect(actionBtns).toHaveLength(2);
+    });
+    it('renders children inside the module wrapper', () => {
+        mount(_jsx(ModuleOverlay, { moduleId: "mod-1", instanceId: "inst-1", isSelected: false, onSelect: vi.fn(), children: _jsx("div", { className: "module-content" }) }));
+        expect(container.querySelector('.module-content')).toBeTruthy();
+    });
+});
+//# sourceMappingURL=overlay-components.test.js.map