@webiny/website-builder-sdk 6.0.0-alpha.4 → 6.0.0-rc.0

package/InputsBindingsProcessor.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["InputsBindingsProcessor","ElementFactory","describe","simpleAst","name","type","list","path","children","input","label","fields","withSlotAst","breakpoints","baseBindings","inputs","title","id","static","styles","overrides","tablet","mobile","getInputsBindingsProcessor","bindings","ast","elementFactory","acceptsChildren","renderer","defaultValue","processor","it","deep","toDeepInputs","expect","toEqual","items","newInputs","updater","createUpdate","rebuilt","elementId","applyToDocument","elementBindings","toBe","toBeUndefined","rawBindings","patch","createJsonPatch","arrayContaining","objectContaining","op","value","deepInputs","push","action","params","component","elements","toMatchObject","any","String"],"sources":["InputsBindingsProcessor.test.ts"],"sourcesContent":["import { InputsBindingsProcessor } from \"./InputBindingsProcessor.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\nimport type { DocumentElementBindings } from \"~/types.js\";\nimport { ElementFactory } from \"~/ElementFactory.js\";\n\ndescribe(\"InputsBindingsProcessor\", () => {\n    // Example simple AST (you can expand as needed)\n    const simpleAst: InputAstNode[] = [\n        {\n            name: \"title\",\n            type: \"text\",\n            list: false,\n            path: \"title\",\n            children: [],\n            input: {\n                type: \"text\",\n                name: \"title\",\n                label: \"Title\"\n            }\n        },\n        {\n            name: \"items\",\n            type: \"object\",\n            list: true,\n            path: \"items\",\n            children: [\n                {\n                    name: \"label\",\n                    type: \"text\",\n                    list: false,\n                    path: \"items.label\",\n                    children: [],\n                    input: {\n                        type: \"text\",\n                        name: \"label\",\n                        label: \"Label\"\n                    }\n                }\n            ],\n            input: {\n                type: \"object\",\n                name: \"items\",\n                list: true,\n                fields: [\n                    {\n                        type: \"text\",\n                        name: \"label\",\n                        label: \"Label\"\n                    }\n                ]\n            }\n        }\n    ];\n\n    const withSlotAst: InputAstNode[] = [\n        {\n            path: \"children\",\n            children: [],\n            name: \"children\",\n            type: \"slot\",\n            list: false,\n            input: {\n                type: \"slot\",\n                name: \"children\",\n                label: \"Children\"\n            }\n        }\n    ];\n\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n\n    const baseBindings: DocumentElementBindings = {\n        inputs: {\n            title: { id: \"title\", static: \"Base Title\", type: \"text\" },\n            \"items/0/label\": {\n                id: \"label0\",\n                static: \"Base Label 1\",\n                type: \"text\"\n            },\n            \"items/1/label\": {\n                id: \"label1\",\n                static: \"Base Label 2\",\n                type: \"text\"\n            }\n        },\n        styles: {}\n    };\n\n    const overrides: DocumentElementBindings[\"overrides\"] = {\n        tablet: {\n            inputs: {\n                title: { id: \"title\", static: \"Tablet Title\", type: \"text\" },\n                \"items/0/label\": {\n                    id: \"label0\",\n                    static: \"Tablet Label 1\",\n                    type: \"text\"\n                }\n            }\n        },\n        mobile: {\n            inputs: {\n                title: { id: \"title\", static: \"Mobile Title\", type: \"text\" }\n            }\n        }\n    };\n\n    const getInputsBindingsProcessor = (\n        bindings: DocumentElementBindings = baseBindings,\n        ast = simpleAst\n    ) => {\n        const elementFactory = new ElementFactory({\n            \"Webiny/GridColumn\": {\n                name: \"Webiny/GridColumn\",\n                label: \"Column\",\n                acceptsChildren: true,\n                inputs: [\n                    {\n                        type: \"slot\",\n                        list: true,\n                        renderer: \"Webiny/Slot\",\n                        name: \"children\",\n                        defaultValue: []\n                    }\n                ]\n            }\n        });\n        const processor = new InputsBindingsProcessor(\n            \"elementId\",\n            ast,\n            breakpoints,\n            bindings,\n            elementFactory\n        );\n\n        return { processor, bindings };\n    };\n\n    it(\"toDeep should convert flat bindings to nested object\", () => {\n        const { processor } = getInputsBindingsProcessor();\n\n        const deep = processor.toDeepInputs(baseBindings.inputs ?? {});\n        expect(deep).toEqual({\n            title: \"Base Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        });\n    });\n\n    it(\"applyInputs should assign base breakpoint inputs correctly\", () => {\n        const { processor } = getInputsBindingsProcessor();\n\n        const newInputs = {\n            title: \"New Base Title\",\n            items: [{ label: \"New Label 1\" }, { label: \"New Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs.title.static).toBe(\"New Base Title\");\n        expect(elementBindings.inputs[\"items/0/label\"].static).toBe(\"New Label 1\");\n        expect(elementBindings.inputs[\"items/1/label\"].static).toBe(\"New Label 2\");\n        expect(elementBindings.overrides).toBeUndefined();\n    });\n\n    it(\"applyInputs should assign overrides correctly, skipping inherited values\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Mobile Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs.title.static).toBe(\"Mobile Title\");\n        // Items are same as base, so should not be in overrides\n        expect(elementBindings.overrides?.mobile.inputs?.[\"items/0/label\"]).toBeUndefined();\n    });\n\n    it(\"createPatch should create correct json patch for input changes\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor, bindings } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Changed Title\",\n            items: [{ label: \"Changed Label 1\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const patch = updater.createJsonPatch(bindings);\n\n        // You're seeing the weird `~1` delimiter because that's what fast-json-patch does with indexes.\n        expect(patch).toEqual(\n            expect.arrayContaining([\n                expect.objectContaining({\n                    op: \"remove\",\n                    path: \"/inputs/items~11~1label\"\n                }),\n                expect.objectContaining({\n                    op: \"replace\",\n                    path: \"/inputs/title/static\",\n                    value: \"Changed Title\"\n                }),\n                expect.objectContaining({\n                    op: \"replace\",\n                    path: \"/inputs/items~10~1label/static\",\n                    value: \"Changed Label 1\"\n                })\n            ])\n        );\n    });\n\n    it(\"applyInputs removes keys missing in new inputs\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: {\n                ...baseBindings.inputs,\n                \"some/key\": { id: \"someKey\", static: \"toRemove\", type: \"text\" }\n            },\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Base Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs[\"some/key\"]).toBeUndefined();\n    });\n\n    it(\"createUpdate should apply correct changes to the document\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings, [\n            ...simpleAst,\n            ...withSlotAst\n        ]);\n\n        const deepInputs = processor.toDeepInputs(rawBindings.inputs!);\n\n        deepInputs.items.push({ label: \"New Label 1\" });\n        deepInputs.children = {\n            action: \"CreateElement\",\n            params: {\n                component: \"Webiny/GridColumn\"\n            }\n        };\n\n        const updater = processor.createUpdate(deepInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } }, elements: {} };\n        updater.applyToDocument(rebuilt);\n\n        expect(rebuilt.bindings.elementId.inputs).toMatchObject({\n            title: { id: \"title\", static: \"Base Title\", type: \"text\" },\n            \"items/0/label\": {\n                id: \"label0\",\n                static: \"Base Label 1\",\n                type: \"text\"\n            },\n            \"items/1/label\": {\n                id: \"label1\",\n                static: \"Base Label 2\",\n                type: \"text\"\n            },\n            \"items/2/label\": {\n                id: expect.any(String),\n                static: \"New Label 1\",\n                type: \"text\"\n            },\n            children: {\n                id: expect.any(String),\n                static: expect.any(String),\n                type: \"slot\"\n            }\n        });\n    });\n});\n"],"mappings":"AAAA,SAASA,uBAAuB;AAGhC,SAASC,cAAc;AAEvBC,QAAQ,CAAC,yBAAyB,EAAE,MAAM;EACtC;EACA,MAAMC,SAAyB,GAAG,CAC9B;IACIC,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,MAAM;IACZC,IAAI,EAAE,KAAK;IACXC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE;MACHJ,IAAI,EAAE,MAAM;MACZD,IAAI,EAAE,OAAO;MACbM,KAAK,EAAE;IACX;EACJ,CAAC,EACD;IACIN,IAAI,EAAE,OAAO;IACbC,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAE,IAAI;IACVC,IAAI,EAAE,OAAO;IACbC,QAAQ,EAAE,CACN;MACIJ,IAAI,EAAE,OAAO;MACbC,IAAI,EAAE,MAAM;MACZC,IAAI,EAAE,KAAK;MACXC,IAAI,EAAE,aAAa;MACnBC,QAAQ,EAAE,EAAE;MACZC,KAAK,EAAE;QACHJ,IAAI,EAAE,MAAM;QACZD,IAAI,EAAE,OAAO;QACbM,KAAK,EAAE;MACX;IACJ,CAAC,CACJ;IACDD,KAAK,EAAE;MACHJ,IAAI,EAAE,QAAQ;MACdD,IAAI,EAAE,OAAO;MACbE,IAAI,EAAE,IAAI;MACVK,MAAM,EAAE,CACJ;QACIN,IAAI,EAAE,MAAM;QACZD,IAAI,EAAE,OAAO;QACbM,KAAK,EAAE;MACX,CAAC;IAET;EACJ,CAAC,CACJ;EAED,MAAME,WAA2B,GAAG,CAChC;IACIL,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAE,EAAE;IACZJ,IAAI,EAAE,UAAU;IAChBC,IAAI,EAAE,MAAM;IACZC,IAAI,EAAE,KAAK;IACXG,KAAK,EAAE;MACHJ,IAAI,EAAE,MAAM;MACZD,IAAI,EAAE,UAAU;MAChBM,KAAK,EAAE;IACX;EACJ,CAAC,CACJ;EAED,MAAMG,WAAW,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;EAEnD,MAAMC,YAAqC,GAAG;IAC1CC,MAAM,EAAE;MACJC,KAAK,EAAE;QAAEC,EAAE,EAAE,OAAO;QAAEC,MAAM,EAAE,YAAY;QAAEb,IAAI,EAAE;MAAO,CAAC;MAC1D,eAAe,EAAE;QACbY,EAAE,EAAE,QAAQ;QACZC,MAAM,EAAE,cAAc;QACtBb,IAAI,EAAE;MACV,CAAC;MACD,eAAe,EAAE;QACbY,EAAE,EAAE,QAAQ;QACZC,MAAM,EAAE,cAAc;QACtBb,IAAI,EAAE;MACV;IACJ,CAAC;IACDc,MAAM,EAAE,CAAC;EACb,CAAC;EAED,MAAMC,SAA+C,GAAG;IACpDC,MAAM,EAAE;MACJN,MAAM,EAAE;QACJC,KAAK,EAAE;UAAEC,EAAE,EAAE,OAAO;UAAEC,MAAM,EAAE,cAAc;UAAEb,IAAI,EAAE;QAAO,CAAC;QAC5D,eAAe,EAAE;UACbY,EAAE,EAAE,QAAQ;UACZC,MAAM,EAAE,gBAAgB;UACxBb,IAAI,EAAE;QACV;MACJ;IACJ,CAAC;IACDiB,MAAM,EAAE;MACJP,MAAM,EAAE;QACJC,KAAK,EAAE;UAAEC,EAAE,EAAE,OAAO;UAAEC,MAAM,EAAE,cAAc;UAAEb,IAAI,EAAE;QAAO;MAC/D;IACJ;EACJ,CAAC;EAED,MAAMkB,0BAA0B,GAAGA,CAC/BC,QAAiC,GAAGV,YAAY,EAChDW,GAAG,GAAGtB,SAAS,KACd;IACD,MAAMuB,cAAc,GAAG,IAAIzB,cAAc,CAAC;MACtC,mBAAmB,EAAE;QACjBG,IAAI,EAAE,mBAAmB;QACzBM,KAAK,EAAE,QAAQ;QACfiB,eAAe,EAAE,IAAI;QACrBZ,MAAM,EAAE,CACJ;UACIV,IAAI,EAAE,MAAM;UACZC,IAAI,EAAE,IAAI;UACVsB,QAAQ,EAAE,aAAa;UACvBxB,IAAI,EAAE,UAAU;UAChByB,YAAY,EAAE;QAClB,CAAC;MAET;IACJ,CAAC,CAAC;IACF,MAAMC,SAAS,GAAG,IAAI9B,uBAAuB,CACzC,WAAW,EACXyB,GAAG,EACHZ,WAAW,EACXW,QAAQ,EACRE,cACJ,CAAC;IAED,OAAO;MAAEI,SAAS;MAAEN;IAAS,CAAC;EAClC,CAAC;EAEDO,EAAE,CAAC,sDAAsD,EAAE,MAAM;IAC7D,MAAM;MAAED;IAAU,CAAC,GAAGP,0BAA0B,CAAC,CAAC;IAElD,MAAMS,IAAI,GAAGF,SAAS,CAACG,YAAY,CAACnB,YAAY,CAACC,MAAM,IAAI,CAAC,CAAC,CAAC;IAC9DmB,MAAM,CAACF,IAAI,CAAC,CAACG,OAAO,CAAC;MACjBnB,KAAK,EAAE,YAAY;MACnBoB,KAAK,EAAE,CAAC;QAAE1B,KAAK,EAAE;MAAe,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAe,CAAC;IAChE,CAAC,CAAC;EACN,CAAC,CAAC;EAEFqB,EAAE,CAAC,4DAA4D,EAAE,MAAM;IACnE,MAAM;MAAED;IAAU,CAAC,GAAGP,0BAA0B,CAAC,CAAC;IAElD,MAAMc,SAAS,GAAG;MACdrB,KAAK,EAAE,gBAAgB;MACvBoB,KAAK,EAAE,CAAC;QAAE1B,KAAK,EAAE;MAAc,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAc,CAAC;IAC9D,CAAC;IAED,MAAM4B,OAAO,GAAGR,SAAS,CAACS,YAAY,CAACF,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAMG,OAAY,GAAG;MAAEhB,QAAQ,EAAE;QAAEiB,SAAS,EAAE;UAAE1B,MAAM,EAAE,CAAC,CAAC;UAAEI,MAAM,EAAE,CAAC;QAAE;MAAE;IAAE,CAAC;IAC5EmB,OAAO,CAACI,eAAe,CAACF,OAAO,CAAC;IAEhC,MAAMG,eAAe,GAAGH,OAAO,CAAChB,QAAQ,CAACiB,SAAS;IAElDP,MAAM,CAACS,eAAe,CAAC5B,MAAM,CAACC,KAAK,CAACE,MAAM,CAAC,CAAC0B,IAAI,CAAC,gBAAgB,CAAC;IAClEV,MAAM,CAACS,eAAe,CAAC5B,MAAM,CAAC,eAAe,CAAC,CAACG,MAAM,CAAC,CAAC0B,IAAI,CAAC,aAAa,CAAC;IAC1EV,MAAM,CAACS,eAAe,CAAC5B,MAAM,CAAC,eAAe,CAAC,CAACG,MAAM,CAAC,CAAC0B,IAAI,CAAC,aAAa,CAAC;IAC1EV,MAAM,CAACS,eAAe,CAACvB,SAAS,CAAC,CAACyB,aAAa,CAAC,CAAC;EACrD,CAAC,CAAC;EAEFd,EAAE,CAAC,0EAA0E,EAAE,MAAM;IACjF,MAAMe,WAAoC,GAAG;MACzC/B,MAAM,EAAED,YAAY,CAACC,MAAM;MAC3BK,SAAS;MACTD,MAAM,EAAE,CAAC;IACb,CAAC;IACD,MAAM;MAAEW;IAAU,CAAC,GAAGP,0BAA0B,CAACuB,WAAW,CAAC;IAE7D,MAAMT,SAAS,GAAG;MACdrB,KAAK,EAAE,cAAc;MACrBoB,KAAK,EAAE,CAAC;QAAE1B,KAAK,EAAE;MAAe,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAe,CAAC;IAChE,CAAC;IAED,MAAM4B,OAAO,GAAGR,SAAS,CAACS,YAAY,CAACF,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAMG,OAAY,GAAG;MAAEhB,QAAQ,EAAE;QAAEiB,SAAS,EAAE;UAAE1B,MAAM,EAAE,CAAC,CAAC;UAAEI,MAAM,EAAE,CAAC;QAAE;MAAE;IAAE,CAAC;IAC5EmB,OAAO,CAACI,eAAe,CAACF,OAAO,CAAC;IAEhC,MAAMG,eAAe,GAAGH,OAAO,CAAChB,QAAQ,CAACiB,SAAS;IAElDP,MAAM,CAACS,eAAe,CAAC5B,MAAM,CAACC,KAAK,CAACE,MAAM,CAAC,CAAC0B,IAAI,CAAC,cAAc,CAAC;IAChE;IACAV,MAAM,CAACS,eAAe,CAACvB,SAAS,EAAEE,MAAM,CAACP,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC8B,aAAa,CAAC,CAAC;EACvF,CAAC,CAAC;EAEFd,EAAE,CAAC,gEAAgE,EAAE,MAAM;IACvE,MAAMe,WAAoC,GAAG;MACzC/B,MAAM,EAAED,YAAY,CAACC,MAAM;MAC3BK,SAAS;MACTD,MAAM,EAAE,CAAC;IACb,CAAC;IACD,MAAM;MAAEW,SAAS;MAAEN;IAAS,CAAC,GAAGD,0BAA0B,CAACuB,WAAW,CAAC;IAEvE,MAAMT,SAAS,GAAG;MACdrB,KAAK,EAAE,eAAe;MACtBoB,KAAK,EAAE,CAAC;QAAE1B,KAAK,EAAE;MAAkB,CAAC;IACxC,CAAC;IAED,MAAM4B,OAAO,GAAGR,SAAS,CAACS,YAAY,CAACF,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAMU,KAAK,GAAGT,OAAO,CAACU,eAAe,CAACxB,QAAQ,CAAC;;IAE/C;IACAU,MAAM,CAACa,KAAK,CAAC,CAACZ,OAAO,CACjBD,MAAM,CAACe,eAAe,CAAC,CACnBf,MAAM,CAACgB,gBAAgB,CAAC;MACpBC,EAAE,EAAE,QAAQ;MACZ5C,IAAI,EAAE;IACV,CAAC,CAAC,EACF2B,MAAM,CAACgB,gBAAgB,CAAC;MACpBC,EAAE,EAAE,SAAS;MACb5C,IAAI,EAAE,sBAAsB;MAC5B6C,KAAK,EAAE;IACX,CAAC,CAAC,EACFlB,MAAM,CAACgB,gBAAgB,CAAC;MACpBC,EAAE,EAAE,SAAS;MACb5C,IAAI,EAAE,gCAAgC;MACtC6C,KAAK,EAAE;IACX,CAAC,CAAC,CACL,CACL,CAAC;EACL,CAAC,CAAC;EAEFrB,EAAE,CAAC,gDAAgD,EAAE,MAAM;IACvD,MAAMe,WAAoC,GAAG;MACzC/B,MAAM,EAAE;QACJ,GAAGD,YAAY,CAACC,MAAM;QACtB,UAAU,EAAE;UAAEE,EAAE,EAAE,SAAS;UAAEC,MAAM,EAAE,UAAU;UAAEb,IAAI,EAAE;QAAO;MAClE,CAAC;MACDe,SAAS;MACTD,MAAM,EAAE,CAAC;IACb,CAAC;IACD,MAAM;MAAEW;IAAU,CAAC,GAAGP,0BAA0B,CAACuB,WAAW,CAAC;IAE7D,MAAMT,SAAS,GAAG;MACdrB,KAAK,EAAE,YAAY;MACnBoB,KAAK,EAAE,CAAC;QAAE1B,KAAK,EAAE;MAAe,CAAC,EAAE;QAAEA,KAAK,EAAE;MAAe,CAAC;IAChE,CAAC;IAED,MAAM4B,OAAO,GAAGR,SAAS,CAACS,YAAY,CAACF,SAAS,EAAE,QAAQ,CAAC;IAC3D,MAAMG,OAAY,GAAG;MAAEhB,QAAQ,EAAE;QAAEiB,SAAS,EAAE;UAAE1B,MAAM,EAAE,CAAC,CAAC;UAAEI,MAAM,EAAE,CAAC;QAAE;MAAE;IAAE,CAAC;IAC5EmB,OAAO,CAACI,eAAe,CAACF,OAAO,CAAC;IAEhC,MAAMG,eAAe,GAAGH,OAAO,CAAChB,QAAQ,CAACiB,SAAS;IAElDP,MAAM,CAACS,eAAe,CAAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC8B,aAAa,CAAC,CAAC;EAC9D,CAAC,CAAC;EAEFd,EAAE,CAAC,2DAA2D,EAAE,MAAM;IAClE,MAAMe,WAAoC,GAAG;MACzC/B,MAAM,EAAED,YAAY,CAACC,MAAM;MAC3BK,SAAS;MACTD,MAAM,EAAE,CAAC;IACb,CAAC;IACD,MAAM;MAAEW;IAAU,CAAC,GAAGP,0BAA0B,CAACuB,WAAW,EAAE,CAC1D,GAAG3C,SAAS,EACZ,GAAGS,WAAW,CACjB,CAAC;IAEF,MAAMyC,UAAU,GAAGvB,SAAS,CAACG,YAAY,CAACa,WAAW,CAAC/B,MAAO,CAAC;IAE9DsC,UAAU,CAACjB,KAAK,CAACkB,IAAI,CAAC;MAAE5C,KAAK,EAAE;IAAc,CAAC,CAAC;IAC/C2C,UAAU,CAAC7C,QAAQ,GAAG;MAClB+C,MAAM,EAAE,eAAe;MACvBC,MAAM,EAAE;QACJC,SAAS,EAAE;MACf;IACJ,CAAC;IAED,MAAMnB,OAAO,GAAGR,SAAS,CAACS,YAAY,CAACc,UAAU,EAAE,QAAQ,CAAC;IAC5D,MAAMb,OAAY,GAAG;MAAEhB,QAAQ,EAAE;QAAEiB,SAAS,EAAE;UAAE1B,MAAM,EAAE,CAAC,CAAC;UAAEI,MAAM,EAAE,CAAC;QAAE;MAAE,CAAC;MAAEuC,QAAQ,EAAE,CAAC;IAAE,CAAC;IAC1FpB,OAAO,CAACI,eAAe,CAACF,OAAO,CAAC;IAEhCN,MAAM,CAACM,OAAO,CAAChB,QAAQ,CAACiB,SAAS,CAAC1B,MAAM,CAAC,CAAC4C,aAAa,CAAC;MACpD3C,KAAK,EAAE;QAAEC,EAAE,EAAE,OAAO;QAAEC,MAAM,EAAE,YAAY;QAAEb,IAAI,EAAE;MAAO,CAAC;MAC1D,eAAe,EAAE;QACbY,EAAE,EAAE,QAAQ;QACZC,MAAM,EAAE,cAAc;QACtBb,IAAI,EAAE;MACV,CAAC;MACD,eAAe,EAAE;QACbY,EAAE,EAAE,QAAQ;QACZC,MAAM,EAAE,cAAc;QACtBb,IAAI,EAAE;MACV,CAAC;MACD,eAAe,EAAE;QACbY,EAAE,EAAEiB,MAAM,CAAC0B,GAAG,CAACC,MAAM,CAAC;QACtB3C,MAAM,EAAE,aAAa;QACrBb,IAAI,EAAE;MACV,CAAC;MACDG,QAAQ,EAAE;QACNS,EAAE,EAAEiB,MAAM,CAAC0B,GAAG,CAACC,MAAM,CAAC;QACtB3C,MAAM,EAAEgB,MAAM,CAAC0B,GAAG,CAACC,MAAM,CAAC;QAC1BxD,IAAI,EAAE;MACV;IACJ,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["describe","it","expect","InputsBindingsProcessor","ElementFactory","simpleAst","name","type","list","path","children","input","label","fields","withSlotAst","breakpoints","baseBindings","inputs","title","id","static","styles","overrides","tablet","mobile","getInputsBindingsProcessor","bindings","ast","elementFactory","acceptsChildren","renderer","defaultValue","processor","deep","toDeepInputs","toEqual","items","newInputs","updater","createUpdate","rebuilt","elementId","applyToDocument","elementBindings","toBe","toBeUndefined","rawBindings","patch","createJsonPatch","arrayContaining","objectContaining","op","value","deepInputs","push","action","params","component","elements","toMatchObject","any","String"],"sources":["InputsBindingsProcessor.test.ts"],"sourcesContent":["import { describe, it, expect } from \"vitest\";\nimport { InputsBindingsProcessor } from \"./InputBindingsProcessor.js\";\nimport type { InputAstNode } from \"~/ComponentManifestToAstConverter.js\";\nimport type { DocumentElementBindings } from \"~/types.js\";\nimport { ElementFactory } from \"~/ElementFactory.js\";\n\ndescribe(\"InputsBindingsProcessor\", () => {\n    // Example simple AST (you can expand as needed)\n    const simpleAst: InputAstNode[] = [\n        {\n            name: \"title\",\n            type: \"text\",\n            list: false,\n            path: \"title\",\n            children: [],\n            input: {\n                type: \"text\",\n                name: \"title\",\n                label: \"Title\"\n            }\n        },\n        {\n            name: \"items\",\n            type: \"object\",\n            list: true,\n            path: \"items\",\n            children: [\n                {\n                    name: \"label\",\n                    type: \"text\",\n                    list: false,\n                    path: \"items.label\",\n                    children: [],\n                    input: {\n                        type: \"text\",\n                        name: \"label\",\n                        label: \"Label\"\n                    }\n                }\n            ],\n            input: {\n                type: \"object\",\n                name: \"items\",\n                list: true,\n                fields: [\n                    {\n                        type: \"text\",\n                        name: \"label\",\n                        label: \"Label\"\n                    }\n                ]\n            }\n        }\n    ];\n\n    const withSlotAst: InputAstNode[] = [\n        {\n            path: \"children\",\n            children: [],\n            name: \"children\",\n            type: \"slot\",\n            list: false,\n            input: {\n                type: \"slot\",\n                name: \"children\",\n                label: \"Children\"\n            }\n        }\n    ];\n\n    const breakpoints = [\"desktop\", \"tablet\", \"mobile\"];\n\n    const baseBindings: DocumentElementBindings = {\n        inputs: {\n            title: { id: \"title\", static: \"Base Title\", type: \"text\" },\n            \"items/0/label\": {\n                id: \"label0\",\n                static: \"Base Label 1\",\n                type: \"text\"\n            },\n            \"items/1/label\": {\n                id: \"label1\",\n                static: \"Base Label 2\",\n                type: \"text\"\n            }\n        },\n        styles: {}\n    };\n\n    const overrides: DocumentElementBindings[\"overrides\"] = {\n        tablet: {\n            inputs: {\n                title: { id: \"title\", static: \"Tablet Title\", type: \"text\" },\n                \"items/0/label\": {\n                    id: \"label0\",\n                    static: \"Tablet Label 1\",\n                    type: \"text\"\n                }\n            }\n        },\n        mobile: {\n            inputs: {\n                title: { id: \"title\", static: \"Mobile Title\", type: \"text\" }\n            }\n        }\n    };\n\n    const getInputsBindingsProcessor = (\n        bindings: DocumentElementBindings = baseBindings,\n        ast = simpleAst\n    ) => {\n        const elementFactory = new ElementFactory({\n            \"Webiny/GridColumn\": {\n                name: \"Webiny/GridColumn\",\n                label: \"Column\",\n                acceptsChildren: true,\n                inputs: [\n                    {\n                        type: \"slot\",\n                        list: true,\n                        renderer: \"Webiny/Slot\",\n                        name: \"children\",\n                        defaultValue: []\n                    }\n                ]\n            }\n        });\n        const processor = new InputsBindingsProcessor(\n            \"elementId\",\n            ast,\n            breakpoints,\n            bindings,\n            elementFactory\n        );\n\n        return { processor, bindings };\n    };\n\n    it(\"toDeep should convert flat bindings to nested object\", () => {\n        const { processor } = getInputsBindingsProcessor();\n\n        const deep = processor.toDeepInputs(baseBindings.inputs ?? {});\n        expect(deep).toEqual({\n            title: \"Base Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        });\n    });\n\n    it(\"applyInputs should assign base breakpoint inputs correctly\", () => {\n        const { processor } = getInputsBindingsProcessor();\n\n        const newInputs = {\n            title: \"New Base Title\",\n            items: [{ label: \"New Label 1\" }, { label: \"New Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs.title.static).toBe(\"New Base Title\");\n        expect(elementBindings.inputs[\"items/0/label\"].static).toBe(\"New Label 1\");\n        expect(elementBindings.inputs[\"items/1/label\"].static).toBe(\"New Label 2\");\n        expect(elementBindings.overrides).toBeUndefined();\n    });\n\n    it(\"applyInputs should assign overrides correctly, skipping inherited values\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Mobile Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs.title.static).toBe(\"Mobile Title\");\n        // Items are same as base, so should not be in overrides\n        expect(elementBindings.overrides?.mobile.inputs?.[\"items/0/label\"]).toBeUndefined();\n    });\n\n    it(\"createPatch should create correct json patch for input changes\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor, bindings } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Changed Title\",\n            items: [{ label: \"Changed Label 1\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const patch = updater.createJsonPatch(bindings);\n\n        // You're seeing the weird `~1` delimiter because that's what fast-json-patch does with indexes.\n        expect(patch).toEqual(\n            expect.arrayContaining([\n                expect.objectContaining({\n                    op: \"remove\",\n                    path: \"/inputs/items~11~1label\"\n                }),\n                expect.objectContaining({\n                    op: \"replace\",\n                    path: \"/inputs/title/static\",\n                    value: \"Changed Title\"\n                }),\n                expect.objectContaining({\n                    op: \"replace\",\n                    path: \"/inputs/items~10~1label/static\",\n                    value: \"Changed Label 1\"\n                })\n            ])\n        );\n    });\n\n    it(\"applyInputs removes keys missing in new inputs\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: {\n                ...baseBindings.inputs,\n                \"some/key\": { id: \"someKey\", static: \"toRemove\", type: \"text\" }\n            },\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings);\n\n        const newInputs = {\n            title: \"Base Title\",\n            items: [{ label: \"Base Label 1\" }, { label: \"Base Label 2\" }]\n        };\n\n        const updater = processor.createUpdate(newInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } } };\n        updater.applyToDocument(rebuilt);\n\n        const elementBindings = rebuilt.bindings.elementId;\n\n        expect(elementBindings.inputs[\"some/key\"]).toBeUndefined();\n    });\n\n    it(\"createUpdate should apply correct changes to the document\", () => {\n        const rawBindings: DocumentElementBindings = {\n            inputs: baseBindings.inputs,\n            overrides,\n            styles: {}\n        };\n        const { processor } = getInputsBindingsProcessor(rawBindings, [\n            ...simpleAst,\n            ...withSlotAst\n        ]);\n\n        const deepInputs = processor.toDeepInputs(rawBindings.inputs!);\n\n        deepInputs.items.push({ label: \"New Label 1\" });\n        deepInputs.children = {\n            action: \"CreateElement\",\n            params: {\n                component: \"Webiny/GridColumn\"\n            }\n        };\n\n        const updater = processor.createUpdate(deepInputs, \"mobile\");\n        const rebuilt: any = { bindings: { elementId: { inputs: {}, styles: {} } }, elements: {} };\n        updater.applyToDocument(rebuilt);\n\n        expect(rebuilt.bindings.elementId.inputs).toMatchObject({\n            title: { id: \"title\", static: \"Base Title\", type: \"text\" },\n            \"items/0/label\": {\n                id: \"label0\",\n                static: \"Base Label 1\",\n                type: \"text\"\n            },\n            \"items/1/label\": {\n                id: \"label1\",\n                static: \"Base Label 2\",\n                type: \"text\"\n            },\n            \"items/2/label\": {\n                id: expect.any(String),\n                static: \"New Label 1\",\n                type: \"text\"\n            },\n            children: {\n                id: expect.any(String),\n                static: expect.any(String),\n                type: \"slot\"\n            }\n        });\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/InputsUpdater.d.ts

@@ -8,5 +8,5 @@ export declare class InputsUpdater implements IBindingsUpdater {
     private elementId;
     constructor(elementId: string, bindings: ElementInputsBindings, operations: IDocumentOperation[]);
     applyToDocument(document: Document): void;
-    createJsonPatch(bindings: DocumentElementBindings): import("./jsonPatch.js").JsonPatchOperation[];
+    createJsonPatch(bindings: DocumentElementBindings): import("~/jsonPatch.js").JsonPatchOperation[];
 }

package/Logger.d.ts

@@ -1 +1,2 @@
-export declare const logger: import("pino").Logger<never>;
+import pino from "pino";
+export declare const logger: pino.Logger<never, boolean>;

package/PreviewViewport.d.ts

@@ -4,6 +4,5 @@ export declare class PreviewViewport {
         [x: string]: ElementBoxData | ElementSlotBoxData;
     };
     getViewport(): import("./ViewportManager.js").ViewportInfo;
-    getVisibleBoxes(): Record<string, ElementBoxData | ElementSlotBoxData>;
     destroy(): void;
 }

package/PreviewViewport.js

@@ -62,26 +62,6 @@ export class PreviewViewport {
   getViewport() {
     return viewportManager.getViewport();
   }
-  getVisibleBoxes() {
-    const allBoxes = this.getBoxes();
-    const viewport = this.getViewport();
-    const visibleBoxes = {};
-    for (const [id, box] of Object.entries(allBoxes)) {
-      const {
-        top,
-        left,
-        width,
-        height
-      } = box;
-      const bottom = top + height;
-      const right = left + width;
-      const isVisible = bottom > 0 && right > 0 && top < viewport.height && left < viewport.width;
-      if (isVisible) {
-        visibleBoxes[id] = box;
-      }
-    }
-    return visibleBoxes;
-  }
   destroy() {}
 }
 

package/PreviewViewport.js.map

@@ -1 +1 @@
-{"version":3,"names":["viewportManager","PreviewViewport","getBoxes","elementBoxes","elements","document","querySelectorAll","forEach","element","id","getAttribute","depth","rect","firstElementChild","getBoundingClientRect","type","parseInt","parentId","parentSlot","parentIndex","top","left","width","height","slotBoxes","elementSlots","slot","getViewport","getVisibleBoxes","allBoxes","viewport","visibleBoxes","box","Object","entries","bottom","right","isVisible","destroy"],"sources":["PreviewViewport.ts"],"sourcesContent":["import type { ElementBoxData, ElementSlotBoxData } from \"~/types.js\";\nimport { viewportManager } from \"./ViewportManager.js\";\n\nexport class PreviewViewport {\n    getBoxes() {\n        const elementBoxes: Record<string, ElementBoxData> = {};\n\n        // Collect positions for all elements\n        const elements = document.querySelectorAll(\"[data-element-id]\");\n\n        elements.forEach(element => {\n            const id = element.getAttribute(\"data-element-id\");\n            const depth = element.getAttribute(\"data-depth\");\n            if (id) {\n                // Get the bounding box relative to the viewport\n                const rect = element.firstElementChild?.getBoundingClientRect();\n\n                if (!rect) {\n                    return;\n                }\n\n                // Convert DOMRect to a plain object to ensure it can be serialized\n                elementBoxes[id] = {\n                    type: \"element\",\n                    depth: parseInt(depth ?? \"0\"),\n                    parentId: element.getAttribute(\"data-parent-id\")!,\n                    parentSlot: element.getAttribute(\"data-parent-slot\")!,\n                    parentIndex: parseInt(element.getAttribute(\"data-parent-index\") ?? \"0\"),\n                    top: rect.top,\n                    left: rect.left,\n                    width: rect.width,\n                    height: rect.height\n                };\n            }\n        });\n\n        // Collect positions for all element slots\n        const slotBoxes: Record<string, ElementSlotBoxData> = {};\n\n        const elementSlots = document.querySelectorAll(\"[data-role='element-slot']\");\n\n        elementSlots.forEach(element => {\n            const parentId = element.getAttribute(\"data-parent-id\");\n            const slot = element.getAttribute(\"data-parent-slot\");\n            const depth = element.getAttribute(\"data-depth\");\n\n            // Get the bounding box relative to the viewport\n            const rect = element.getBoundingClientRect();\n\n            // Convert DOMRect to a plain object to ensure it can be serialized\n            slotBoxes[`${parentId}:${slot}`] = {\n                type: \"element-slot\",\n                depth: parseInt(depth ?? \"0\"),\n                parentId: element.getAttribute(\"data-parent-id\")!,\n                parentSlot: element.getAttribute(\"data-parent-slot\")!,\n                parentIndex: parseInt(element.getAttribute(\"data-parent-index\") ?? \"0\"),\n                top: rect.top,\n                left: rect.left,\n                width: rect.width,\n                height: rect.height\n            };\n        });\n\n        return { ...elementBoxes, ...slotBoxes };\n    }\n\n    getViewport() {\n        return viewportManager.getViewport();\n    }\n\n    getVisibleBoxes(): Record<string, ElementBoxData | ElementSlotBoxData> {\n        const allBoxes = this.getBoxes();\n        const viewport = this.getViewport();\n\n        const visibleBoxes: Record<string, ElementBoxData | ElementSlotBoxData> = {};\n\n        for (const [id, box] of Object.entries(allBoxes)) {\n            const { top, left, width, height } = box;\n\n            const bottom = top + height;\n            const right = left + width;\n\n            const isVisible =\n                bottom > 0 && right > 0 && top < viewport.height && left < viewport.width;\n\n            if (isVisible) {\n                visibleBoxes[id] = box;\n            }\n        }\n\n        return visibleBoxes;\n    }\n\n    destroy(): void {}\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["viewportManager","PreviewViewport","getBoxes","elementBoxes","elements","document","querySelectorAll","forEach","element","id","getAttribute","depth","rect","firstElementChild","getBoundingClientRect","type","parseInt","parentId","parentSlot","parentIndex","top","left","width","height","slotBoxes","elementSlots","slot","getViewport","destroy"],"sources":["PreviewViewport.ts"],"sourcesContent":["import type { ElementBoxData, ElementSlotBoxData } from \"~/types.js\";\nimport { viewportManager } from \"./ViewportManager.js\";\n\nexport class PreviewViewport {\n    getBoxes() {\n        const elementBoxes: Record<string, ElementBoxData> = {};\n\n        // Collect positions for all elements\n        const elements = document.querySelectorAll(\"[data-element-id]\");\n\n        elements.forEach(element => {\n            const id = element.getAttribute(\"data-element-id\");\n            const depth = element.getAttribute(\"data-depth\");\n            if (id) {\n                // Get the bounding box relative to the viewport\n                const rect = element.firstElementChild?.getBoundingClientRect();\n\n                if (!rect) {\n                    return;\n                }\n\n                // Convert DOMRect to a plain object to ensure it can be serialized\n                elementBoxes[id] = {\n                    type: \"element\",\n                    depth: parseInt(depth ?? \"0\"),\n                    parentId: element.getAttribute(\"data-parent-id\")!,\n                    parentSlot: element.getAttribute(\"data-parent-slot\")!,\n                    parentIndex: parseInt(element.getAttribute(\"data-parent-index\") ?? \"0\"),\n                    top: rect.top,\n                    left: rect.left,\n                    width: rect.width,\n                    height: rect.height\n                };\n            }\n        });\n\n        // Collect positions for all element slots\n        const slotBoxes: Record<string, ElementSlotBoxData> = {};\n\n        const elementSlots = document.querySelectorAll(\"[data-role='element-slot']\");\n\n        elementSlots.forEach(element => {\n            const parentId = element.getAttribute(\"data-parent-id\");\n            const slot = element.getAttribute(\"data-parent-slot\");\n            const depth = element.getAttribute(\"data-depth\");\n\n            // Get the bounding box relative to the viewport\n            const rect = element.getBoundingClientRect();\n\n            // Convert DOMRect to a plain object to ensure it can be serialized\n            slotBoxes[`${parentId}:${slot}`] = {\n                type: \"element-slot\",\n                depth: parseInt(depth ?? \"0\"),\n                parentId: element.getAttribute(\"data-parent-id\")!,\n                parentSlot: element.getAttribute(\"data-parent-slot\")!,\n                parentIndex: parseInt(element.getAttribute(\"data-parent-index\") ?? \"0\"),\n                top: rect.top,\n                left: rect.left,\n                width: rect.width,\n                height: rect.height\n            };\n        });\n\n        return { ...elementBoxes, ...slotBoxes };\n    }\n\n    getViewport() {\n        return viewportManager.getViewport();\n    }\n\n    destroy(): void {}\n}\n"],"mappings":"AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,eAAe,CAAC;EACzBC,QAAQA,CAAA,EAAG;IACP,MAAMC,YAA4C,GAAG,CAAC,CAAC;;IAEvD;IACA,MAAMC,QAAQ,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,mBAAmB,CAAC;IAE/DF,QAAQ,CAACG,OAAO,CAACC,OAAO,IAAI;MACxB,MAAMC,EAAE,GAAGD,OAAO,CAACE,YAAY,CAAC,iBAAiB,CAAC;MAClD,MAAMC,KAAK,GAAGH,OAAO,CAACE,YAAY,CAAC,YAAY,CAAC;MAChD,IAAID,EAAE,EAAE;QACJ;QACA,MAAMG,IAAI,GAAGJ,OAAO,CAACK,iBAAiB,EAAEC,qBAAqB,CAAC,CAAC;QAE/D,IAAI,CAACF,IAAI,EAAE;UACP;QACJ;;QAEA;QACAT,YAAY,CAACM,EAAE,CAAC,GAAG;UACfM,IAAI,EAAE,SAAS;UACfJ,KAAK,EAAEK,QAAQ,CAACL,KAAK,IAAI,GAAG,CAAC;UAC7BM,QAAQ,EAAET,OAAO,CAACE,YAAY,CAAC,gBAAgB,CAAE;UACjDQ,UAAU,EAAEV,OAAO,CAACE,YAAY,CAAC,kBAAkB,CAAE;UACrDS,WAAW,EAAEH,QAAQ,CAACR,OAAO,CAACE,YAAY,CAAC,mBAAmB,CAAC,IAAI,GAAG,CAAC;UACvEU,GAAG,EAAER,IAAI,CAACQ,GAAG;UACbC,IAAI,EAAET,IAAI,CAACS,IAAI;UACfC,KAAK,EAAEV,IAAI,CAACU,KAAK;UACjBC,MAAM,EAAEX,IAAI,CAACW;QACjB,CAAC;MACL;IACJ,CAAC,CAAC;;IAEF;IACA,MAAMC,SAA6C,GAAG,CAAC,CAAC;IAExD,MAAMC,YAAY,GAAGpB,QAAQ,CAACC,gBAAgB,CAAC,4BAA4B,CAAC;IAE5EmB,YAAY,CAAClB,OAAO,CAACC,OAAO,IAAI;MAC5B,MAAMS,QAAQ,GAAGT,OAAO,CAACE,YAAY,CAAC,gBAAgB,CAAC;MACvD,MAAMgB,IAAI,GAAGlB,OAAO,CAACE,YAAY,CAAC,kBAAkB,CAAC;MACrD,MAAMC,KAAK,GAAGH,OAAO,CAACE,YAAY,CAAC,YAAY,CAAC;;MAEhD;MACA,MAAME,IAAI,GAAGJ,OAAO,CAACM,qBAAqB,CAAC,CAAC;;MAE5C;MACAU,SAAS,CAAC,GAAGP,QAAQ,IAAIS,IAAI,EAAE,CAAC,GAAG;QAC/BX,IAAI,EAAE,cAAc;QACpBJ,KAAK,EAAEK,QAAQ,CAACL,KAAK,IAAI,GAAG,CAAC;QAC7BM,QAAQ,EAAET,OAAO,CAACE,YAAY,CAAC,gBAAgB,CAAE;QACjDQ,UAAU,EAAEV,OAAO,CAACE,YAAY,CAAC,kBAAkB,CAAE;QACrDS,WAAW,EAAEH,QAAQ,CAACR,OAAO,CAACE,YAAY,CAAC,mBAAmB,CAAC,IAAI,GAAG,CAAC;QACvEU,GAAG,EAAER,IAAI,CAACQ,GAAG;QACbC,IAAI,EAAET,IAAI,CAACS,IAAI;QACfC,KAAK,EAAEV,IAAI,CAACU,KAAK;QACjBC,MAAM,EAAEX,IAAI,CAACW;MACjB,CAAC;IACL,CAAC,CAAC;IAEF,OAAO;MAAE,GAAGpB,YAAY;MAAE,GAAGqB;IAAU,CAAC;EAC5C;EAEAG,WAAWA,CAAA,EAAG;IACV,OAAO3B,eAAe,CAAC2B,WAAW,CAAC,CAAC;EACxC;EAEAC,OAAOA,CAAA,EAAS,CAAC;AACrB","ignoreList":[]}

package/README.md

@@ -1,3 +1,11 @@
-# Website Builder SDK
+# @webiny/website-builder-sdk
 
-An integration SDK for Webiny Website Builder. 
+> [!NOTE]
+> This package is part of the [Webiny](https://www.webiny.com) monorepo.
+> It’s **included in every Webiny project by default** and is not meant to be used as a standalone package.
+
+📘 **Documentation:** [https://www.webiny.com/docs](https://www.webiny.com/docs)
+
+---
+
+_This README file is automatically generated during the publish process._

package/StylesUpdater.d.ts

@@ -6,5 +6,5 @@ export declare class StylesUpdater implements IBindingsUpdater {
     private elementId;
     constructor(elementId: string, bindings: ElementStylesBindings);
     applyToDocument(document: Document): void;
-    createJsonPatch(bindings: DocumentElementBindings): import("./jsonPatch.js").JsonPatchOperation[];
+    createJsonPatch(bindings: DocumentElementBindings): import("~/jsonPatch.js").JsonPatchOperation[];
 }

package/Theme.js

@@ -1,6 +1,5 @@
 import deepMerge from "deepmerge";
 import { defaultBreakpoints } from "./defaultBreakpoints.js";
-import { createLexicalTheme } from "./lexical/createLexicalTheme.js";
 export class Theme {
   static from(input) {
     const {
@@ -17,17 +16,11 @@ export class Theme {
     });
     return {
       css: input.css,
-      cssVariables: input.cssVariables,
       fonts: input.fonts,
       breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),
-      lexical: createLexicalTheme(input?.lexical),
-      styles: {
-        colors: {
-          ...input?.styles?.colors
-        },
-        typography: {
-          ...input?.styles?.typography
-        }
+      colors: input?.colors ?? [],
+      typography: {
+        ...input?.typography
       }
     };
   }

package/Theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["deepMerge","defaultBreakpoints","createLexicalTheme","Theme","from","input","custom","builtInOverrides","breakpoints","mergedBreakpoints","all","Object","entries","forEach","name","breakpoint","push","css","cssVariables","fonts","sort","a","b","maxWidth","lexical","styles","colors","typography"],"sources":["Theme.ts"],"sourcesContent":["import deepMerge from \"deepmerge\";\nimport type {\n    Breakpoint,\n    WebsiteBuilderTheme,\n    WebsiteBuilderThemeInput\n} from \"~/types/WebsiteBuilderTheme.js\";\nimport { defaultBreakpoints } from \"~/defaultBreakpoints.js\";\nimport { createLexicalTheme } from \"~/lexical/createLexicalTheme.js\";\n\nexport class Theme {\n    static from(input: WebsiteBuilderThemeInput): WebsiteBuilderTheme {\n        const { custom = {}, ...builtInOverrides } = input?.breakpoints ?? {};\n\n        const mergedBreakpoints = deepMerge.all([\n            {},\n            defaultBreakpoints,\n            builtInOverrides,\n            custom\n        ]) as WebsiteBuilderThemeInput[\"breakpoints\"];\n\n        const breakpoints: Breakpoint[] = [];\n        Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint]) => {\n            breakpoints.push({\n                name,\n                ...(breakpoint as Omit<Breakpoint, \"name\">)\n            });\n        });\n\n        return {\n            css: input.css,\n            cssVariables: input.cssVariables,\n            fonts: input.fonts,\n            breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),\n            lexical: createLexicalTheme(input?.lexical),\n            styles: {\n                colors: {\n                    ...input?.styles?.colors\n                },\n                typography: {\n                    ...input?.styles?.typography\n                }\n            }\n        };\n    }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AAMjC,SAASC,kBAAkB;AAC3B,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,KAAK,CAAC;EACf,OAAOC,IAAIA,CAACC,KAA+B,EAAuB;IAC9D,MAAM;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAE,GAAGC;IAAiB,CAAC,GAAGF,KAAK,EAAEG,WAAW,IAAI,CAAC,CAAC;IAErE,MAAMC,iBAAiB,GAAGT,SAAS,CAACU,GAAG,CAAC,CACpC,CAAC,CAAC,EACFT,kBAAkB,EAClBM,gBAAgB,EAChBD,MAAM,CACT,CAA4C;IAE7C,MAAME,WAAyB,GAAG,EAAE;IACpCG,MAAM,CAACC,OAAO,CAACH,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,UAAU,CAAC,KAAK;MACpEP,WAAW,CAACQ,IAAI,CAAC;QACbF,IAAI;QACJ,GAAIC;MACR,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO;MACHE,GAAG,EAAEZ,KAAK,CAACY,GAAG;MACdC,YAAY,EAAEb,KAAK,CAACa,YAAY;MAChCC,KAAK,EAAEd,KAAK,CAACc,KAAK;MAClBX,WAAW,EAAEA,WAAW,CAACY,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACC,QAAQ,GAAGF,CAAC,CAACE,QAAQ,CAAC;MAChEC,OAAO,EAAEtB,kBAAkB,CAACG,KAAK,EAAEmB,OAAO,CAAC;MAC3CC,MAAM,EAAE;QACJC,MAAM,EAAE;UACJ,GAAGrB,KAAK,EAAEoB,MAAM,EAAEC;QACtB,CAAC;QACDC,UAAU,EAAE;UACR,GAAGtB,KAAK,EAAEoB,MAAM,EAAEE;QACtB;MACJ;IACJ,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"names":["deepMerge","defaultBreakpoints","Theme","from","input","custom","builtInOverrides","breakpoints","mergedBreakpoints","all","Object","entries","forEach","name","breakpoint","push","css","fonts","sort","a","b","maxWidth","colors","typography"],"sources":["Theme.ts"],"sourcesContent":["import deepMerge from \"deepmerge\";\nimport type {\n    Breakpoint,\n    WebsiteBuilderTheme,\n    WebsiteBuilderThemeInput\n} from \"~/types/WebsiteBuilderTheme.js\";\nimport { defaultBreakpoints } from \"~/defaultBreakpoints.js\";\n\nexport class Theme {\n    static from(input: WebsiteBuilderThemeInput): WebsiteBuilderTheme {\n        const { custom = {}, ...builtInOverrides } = input?.breakpoints ?? {};\n\n        const mergedBreakpoints = deepMerge.all([\n            {},\n            defaultBreakpoints,\n            builtInOverrides,\n            custom\n        ]) as WebsiteBuilderThemeInput[\"breakpoints\"];\n\n        const breakpoints: Breakpoint[] = [];\n        Object.entries(mergedBreakpoints ?? {}).forEach(([name, breakpoint]) => {\n            breakpoints.push({\n                name,\n                ...(breakpoint as Omit<Breakpoint, \"name\">)\n            });\n        });\n\n        return {\n            css: input.css,\n            fonts: input.fonts,\n            breakpoints: breakpoints.sort((a, b) => b.maxWidth - a.maxWidth),\n            colors: input?.colors ?? [],\n            typography: {\n                ...input?.typography\n            }\n        };\n    }\n}\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,WAAW;AAMjC,SAASC,kBAAkB;AAE3B,OAAO,MAAMC,KAAK,CAAC;EACf,OAAOC,IAAIA,CAACC,KAA+B,EAAuB;IAC9D,MAAM;MAAEC,MAAM,GAAG,CAAC,CAAC;MAAE,GAAGC;IAAiB,CAAC,GAAGF,KAAK,EAAEG,WAAW,IAAI,CAAC,CAAC;IAErE,MAAMC,iBAAiB,GAAGR,SAAS,CAACS,GAAG,CAAC,CACpC,CAAC,CAAC,EACFR,kBAAkB,EAClBK,gBAAgB,EAChBD,MAAM,CACT,CAA4C;IAE7C,MAAME,WAAyB,GAAG,EAAE;IACpCG,MAAM,CAACC,OAAO,CAACH,iBAAiB,IAAI,CAAC,CAAC,CAAC,CAACI,OAAO,CAAC,CAAC,CAACC,IAAI,EAAEC,UAAU,CAAC,KAAK;MACpEP,WAAW,CAACQ,IAAI,CAAC;QACbF,IAAI;QACJ,GAAIC;MACR,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO;MACHE,GAAG,EAAEZ,KAAK,CAACY,GAAG;MACdC,KAAK,EAAEb,KAAK,CAACa,KAAK;MAClBV,WAAW,EAAEA,WAAW,CAACW,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKA,CAAC,CAACC,QAAQ,GAAGF,CAAC,CAACE,QAAQ,CAAC;MAChEC,MAAM,EAAElB,KAAK,EAAEkB,MAAM,IAAI,EAAE;MAC3BC,UAAU,EAAE;QACR,GAAGnB,KAAK,EAAEmB;MACd;IACJ,CAAC;EACL;AACJ","ignoreList":[]}

package/ViewportManager.d.ts

@@ -2,6 +2,8 @@ import type { Breakpoint } from "./types.js";
 export interface ViewportInfo {
     width: number;
     height: number;
+    scrollWidth: number;
+    scrollHeight: number;
     scrollX: number;
     scrollY: number;
     breakpoint: string;

package/ViewportManager.js

@@ -77,12 +77,16 @@ export class ViewportManager {
     const viewport = environment.isClient() ? {
       width: window.innerWidth,
       height: window.innerHeight,
+      scrollWidth: window.document.body.scrollWidth,
+      scrollHeight: window.document.body.scrollHeight,
       scrollX: window.scrollX,
       scrollY: window.scrollY
     } : {
       // During SSR or Next.js build, viewport is not available.
       height: 0,
       width: 2000,
+      scrollHeight: 0,
+      scrollWidth: 2000,
       scrollX: 0,
       scrollY: 0
     };

package/ViewportManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["environment","ViewportManager","breakpoints","name","title","description","icon","minWidth","maxWidth","constructor","timeout","changeTimeout","changeStartSubscribers","Set","changeEndSubscribers","isChanging","changeTimer","handleViewportChange","bind","handleResize","isClient","window","addEventListener","passive","setBreakpoints","onViewportChangeStart","callback","add","delete","onViewportChangeEnd","getViewport","getViewportInfo","destroy","removeEventListener","clearTimeout","clear","viewportInfo","notifySubscribers","setTimeout","modes","reverse","viewport","width","innerWidth","height","innerHeight","scrollX","scrollY","breakpoint","filter","mode","subscribers","forEach","viewportManager"],"sources":["ViewportManager.ts"],"sourcesContent":["\"use client\";\nimport type { Breakpoint } from \"~/types.js\";\nimport { environment } from \"~/Environment.js\";\n\nexport interface ViewportInfo {\n    width: number;\n    height: number;\n    scrollX: number;\n    scrollY: number;\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n}\n\nexport class ViewportManager {\n    private readonly changeTimeout: number;\n    private readonly changeStartSubscribers: Set<(info: ViewportInfo) => void>;\n    private readonly changeEndSubscribers: Set<(info: ViewportInfo) => void>;\n    private isChanging: boolean;\n    private changeTimer: number | null;\n\n    /**\n     * We need this fallback breakpoint for server environments.\n     */\n    private breakpoints: Breakpoint[] = [\n        {\n            name: \"desktop\",\n            title: \"\",\n            description: \"\",\n            icon: \"\",\n            minWidth: 0,\n            maxWidth: 4000\n        }\n    ];\n\n    constructor(timeout: number = 150) {\n        this.changeTimeout = timeout;\n        this.changeStartSubscribers = new Set();\n        this.changeEndSubscribers = new Set();\n        this.isChanging = false;\n        this.changeTimer = null;\n\n        this.handleViewportChange = this.handleViewportChange.bind(this);\n        this.handleResize = this.handleResize.bind(this);\n\n        if (environment.isClient()) {\n            window.addEventListener(\"resize\", this.handleResize, { passive: true });\n        }\n    }\n\n    public setBreakpoints(breakpoints: Breakpoint[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public onViewportChangeStart(callback: (info: ViewportInfo) => void): () => void {\n        this.changeStartSubscribers.add(callback);\n        return () => this.changeStartSubscribers.delete(callback);\n    }\n\n    public onViewportChangeEnd(callback: (info: ViewportInfo) => void): () => void {\n        this.changeEndSubscribers.add(callback);\n        return () => this.changeEndSubscribers.delete(callback);\n    }\n\n    /**\n     * Get the current viewport information\n     */\n    public getViewport(): ViewportInfo {\n        return this.getViewportInfo();\n    }\n\n    public destroy(): void {\n        if (environment.isClient()) {\n            window.removeEventListener(\"resize\", this.handleResize);\n            if (this.changeTimer !== null) {\n                clearTimeout(this.changeTimer);\n            }\n            this.changeStartSubscribers.clear();\n            this.changeEndSubscribers.clear();\n        }\n    }\n\n    private handleResize(): void {\n        this.handleViewportChange();\n    }\n\n    private handleViewportChange(): void {\n        const viewportInfo = this.getViewportInfo();\n\n        if (!this.isChanging) {\n            this.isChanging = true;\n            this.notifySubscribers(this.changeStartSubscribers, viewportInfo);\n        }\n\n        if (this.changeTimer !== null) {\n            clearTimeout(this.changeTimer);\n        }\n\n        this.changeTimer = window.setTimeout(() => {\n            this.isChanging = false;\n            this.notifySubscribers(this.changeEndSubscribers, viewportInfo);\n        }, this.changeTimeout);\n    }\n\n    private getViewportInfo(): ViewportInfo {\n        const modes = [...this.breakpoints].reverse();\n        const viewport = environment.isClient()\n            ? {\n                  width: window.innerWidth,\n                  height: window.innerHeight,\n                  scrollX: window.scrollX,\n                  scrollY: window.scrollY\n              }\n            : {\n                  // During SSR or Next.js build, viewport is not available.\n                  height: 0,\n                  width: 2000,\n                  scrollX: 0,\n                  scrollY: 0\n              };\n\n        const [breakpoint] = modes.filter(mode => mode.maxWidth >= viewport.width);\n\n        return { ...viewport, breakpoint: breakpoint.name, breakpoints: this.breakpoints };\n    }\n\n    private notifySubscribers(\n        subscribers: Set<(info: ViewportInfo) => void>,\n        viewportInfo: ViewportInfo\n    ): void {\n        subscribers.forEach(callback => {\n            if (typeof callback === \"function\") {\n                callback(viewportInfo);\n            }\n        });\n    }\n}\n\nexport const viewportManager = new ViewportManager();\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["environment","ViewportManager","breakpoints","name","title","description","icon","minWidth","maxWidth","constructor","timeout","changeTimeout","changeStartSubscribers","Set","changeEndSubscribers","isChanging","changeTimer","handleViewportChange","bind","handleResize","isClient","window","addEventListener","passive","setBreakpoints","onViewportChangeStart","callback","add","delete","onViewportChangeEnd","getViewport","getViewportInfo","destroy","removeEventListener","clearTimeout","clear","viewportInfo","notifySubscribers","setTimeout","modes","reverse","viewport","width","innerWidth","height","innerHeight","scrollWidth","document","body","scrollHeight","scrollX","scrollY","breakpoint","filter","mode","subscribers","forEach","viewportManager"],"sources":["ViewportManager.ts"],"sourcesContent":["\"use client\";\nimport type { Breakpoint } from \"~/types.js\";\nimport { environment } from \"~/Environment.js\";\n\nexport interface ViewportInfo {\n    width: number;\n    height: number;\n    scrollWidth: number;\n    scrollHeight: number;\n    scrollX: number;\n    scrollY: number;\n    breakpoint: string;\n    breakpoints: Breakpoint[];\n}\n\nexport class ViewportManager {\n    private readonly changeTimeout: number;\n    private readonly changeStartSubscribers: Set<(info: ViewportInfo) => void>;\n    private readonly changeEndSubscribers: Set<(info: ViewportInfo) => void>;\n    private isChanging: boolean;\n    private changeTimer: number | null;\n\n    /**\n     * We need this fallback breakpoint for server environments.\n     */\n    private breakpoints: Breakpoint[] = [\n        {\n            name: \"desktop\",\n            title: \"\",\n            description: \"\",\n            icon: \"\",\n            minWidth: 0,\n            maxWidth: 4000\n        }\n    ];\n\n    constructor(timeout: number = 150) {\n        this.changeTimeout = timeout;\n        this.changeStartSubscribers = new Set();\n        this.changeEndSubscribers = new Set();\n        this.isChanging = false;\n        this.changeTimer = null;\n\n        this.handleViewportChange = this.handleViewportChange.bind(this);\n        this.handleResize = this.handleResize.bind(this);\n\n        if (environment.isClient()) {\n            window.addEventListener(\"resize\", this.handleResize, { passive: true });\n        }\n    }\n\n    public setBreakpoints(breakpoints: Breakpoint[]) {\n        this.breakpoints = breakpoints;\n    }\n\n    public onViewportChangeStart(callback: (info: ViewportInfo) => void): () => void {\n        this.changeStartSubscribers.add(callback);\n        return () => this.changeStartSubscribers.delete(callback);\n    }\n\n    public onViewportChangeEnd(callback: (info: ViewportInfo) => void): () => void {\n        this.changeEndSubscribers.add(callback);\n        return () => this.changeEndSubscribers.delete(callback);\n    }\n\n    /**\n     * Get the current viewport information\n     */\n    public getViewport(): ViewportInfo {\n        return this.getViewportInfo();\n    }\n\n    public destroy(): void {\n        if (environment.isClient()) {\n            window.removeEventListener(\"resize\", this.handleResize);\n            if (this.changeTimer !== null) {\n                clearTimeout(this.changeTimer);\n            }\n            this.changeStartSubscribers.clear();\n            this.changeEndSubscribers.clear();\n        }\n    }\n\n    private handleResize(): void {\n        this.handleViewportChange();\n    }\n\n    private handleViewportChange(): void {\n        const viewportInfo = this.getViewportInfo();\n\n        if (!this.isChanging) {\n            this.isChanging = true;\n            this.notifySubscribers(this.changeStartSubscribers, viewportInfo);\n        }\n\n        if (this.changeTimer !== null) {\n            clearTimeout(this.changeTimer);\n        }\n\n        this.changeTimer = window.setTimeout(() => {\n            this.isChanging = false;\n            this.notifySubscribers(this.changeEndSubscribers, viewportInfo);\n        }, this.changeTimeout);\n    }\n\n    private getViewportInfo(): ViewportInfo {\n        const modes = [...this.breakpoints].reverse();\n        const viewport = environment.isClient()\n            ? {\n                  width: window.innerWidth,\n                  height: window.innerHeight,\n                  scrollWidth: window.document.body.scrollWidth,\n                  scrollHeight: window.document.body.scrollHeight,\n                  scrollX: window.scrollX,\n                  scrollY: window.scrollY\n              }\n            : {\n                  // During SSR or Next.js build, viewport is not available.\n                  height: 0,\n                  width: 2000,\n                  scrollHeight: 0,\n                  scrollWidth: 2000,\n                  scrollX: 0,\n                  scrollY: 0\n              };\n\n        const [breakpoint] = modes.filter(mode => mode.maxWidth >= viewport.width);\n\n        return { ...viewport, breakpoint: breakpoint.name, breakpoints: this.breakpoints };\n    }\n\n    private notifySubscribers(\n        subscribers: Set<(info: ViewportInfo) => void>,\n        viewportInfo: ViewportInfo\n    ): void {\n        subscribers.forEach(callback => {\n            if (typeof callback === \"function\") {\n                callback(viewportInfo);\n            }\n        });\n    }\n}\n\nexport const viewportManager = new ViewportManager();\n"],"mappings":"AAAA,YAAY;;AAEZ,SAASA,WAAW;AAapB,OAAO,MAAMC,eAAe,CAAC;EAOzB;AACJ;AACA;EACYC,WAAW,GAAiB,CAChC;IACIC,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,EAAE;IACfC,IAAI,EAAE,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE;EACd,CAAC,CACJ;EAEDC,WAAWA,CAACC,OAAe,GAAG,GAAG,EAAE;IAC/B,IAAI,CAACC,aAAa,GAAGD,OAAO;IAC5B,IAAI,CAACE,sBAAsB,GAAG,IAAIC,GAAG,CAAC,CAAC;IACvC,IAAI,CAACC,oBAAoB,GAAG,IAAID,GAAG,CAAC,CAAC;IACrC,IAAI,CAACE,UAAU,GAAG,KAAK;IACvB,IAAI,CAACC,WAAW,GAAG,IAAI;IAEvB,IAAI,CAACC,oBAAoB,GAAG,IAAI,CAACA,oBAAoB,CAACC,IAAI,CAAC,IAAI,CAAC;IAChE,IAAI,CAACC,YAAY,GAAG,IAAI,CAACA,YAAY,CAACD,IAAI,CAAC,IAAI,CAAC;IAEhD,IAAIlB,WAAW,CAACoB,QAAQ,CAAC,CAAC,EAAE;MACxBC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAACH,YAAY,EAAE;QAAEI,OAAO,EAAE;MAAK,CAAC,CAAC;IAC3E;EACJ;EAEOC,cAAcA,CAACtB,WAAyB,EAAE;IAC7C,IAAI,CAACA,WAAW,GAAGA,WAAW;EAClC;EAEOuB,qBAAqBA,CAACC,QAAsC,EAAc;IAC7E,IAAI,CAACd,sBAAsB,CAACe,GAAG,CAACD,QAAQ,CAAC;IACzC,OAAO,MAAM,IAAI,CAACd,sBAAsB,CAACgB,MAAM,CAACF,QAAQ,CAAC;EAC7D;EAEOG,mBAAmBA,CAACH,QAAsC,EAAc;IAC3E,IAAI,CAACZ,oBAAoB,CAACa,GAAG,CAACD,QAAQ,CAAC;IACvC,OAAO,MAAM,IAAI,CAACZ,oBAAoB,CAACc,MAAM,CAACF,QAAQ,CAAC;EAC3D;;EAEA;AACJ;AACA;EACWI,WAAWA,CAAA,EAAiB;IAC/B,OAAO,IAAI,CAACC,eAAe,CAAC,CAAC;EACjC;EAEOC,OAAOA,CAAA,EAAS;IACnB,IAAIhC,WAAW,CAACoB,QAAQ,CAAC,CAAC,EAAE;MACxBC,MAAM,CAACY,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAACd,YAAY,CAAC;MACvD,IAAI,IAAI,CAACH,WAAW,KAAK,IAAI,EAAE;QAC3BkB,YAAY,CAAC,IAAI,CAAClB,WAAW,CAAC;MAClC;MACA,IAAI,CAACJ,sBAAsB,CAACuB,KAAK,CAAC,CAAC;MACnC,IAAI,CAACrB,oBAAoB,CAACqB,KAAK,CAAC,CAAC;IACrC;EACJ;EAEQhB,YAAYA,CAAA,EAAS;IACzB,IAAI,CAACF,oBAAoB,CAAC,CAAC;EAC/B;EAEQA,oBAAoBA,CAAA,EAAS;IACjC,MAAMmB,YAAY,GAAG,IAAI,CAACL,eAAe,CAAC,CAAC;IAE3C,IAAI,CAAC,IAAI,CAAChB,UAAU,EAAE;MAClB,IAAI,CAACA,UAAU,GAAG,IAAI;MACtB,IAAI,CAACsB,iBAAiB,CAAC,IAAI,CAACzB,sBAAsB,EAAEwB,YAAY,CAAC;IACrE;IAEA,IAAI,IAAI,CAACpB,WAAW,KAAK,IAAI,EAAE;MAC3BkB,YAAY,CAAC,IAAI,CAAClB,WAAW,CAAC;IAClC;IAEA,IAAI,CAACA,WAAW,GAAGK,MAAM,CAACiB,UAAU,CAAC,MAAM;MACvC,IAAI,CAACvB,UAAU,GAAG,KAAK;MACvB,IAAI,CAACsB,iBAAiB,CAAC,IAAI,CAACvB,oBAAoB,EAAEsB,YAAY,CAAC;IACnE,CAAC,EAAE,IAAI,CAACzB,aAAa,CAAC;EAC1B;EAEQoB,eAAeA,CAAA,EAAiB;IACpC,MAAMQ,KAAK,GAAG,CAAC,GAAG,IAAI,CAACrC,WAAW,CAAC,CAACsC,OAAO,CAAC,CAAC;IAC7C,MAAMC,QAAQ,GAAGzC,WAAW,CAACoB,QAAQ,CAAC,CAAC,GACjC;MACIsB,KAAK,EAAErB,MAAM,CAACsB,UAAU;MACxBC,MAAM,EAAEvB,MAAM,CAACwB,WAAW;MAC1BC,WAAW,EAAEzB,MAAM,CAAC0B,QAAQ,CAACC,IAAI,CAACF,WAAW;MAC7CG,YAAY,EAAE5B,MAAM,CAAC0B,QAAQ,CAACC,IAAI,CAACC,YAAY;MAC/CC,OAAO,EAAE7B,MAAM,CAAC6B,OAAO;MACvBC,OAAO,EAAE9B,MAAM,CAAC8B;IACpB,CAAC,GACD;MACI;MACAP,MAAM,EAAE,CAAC;MACTF,KAAK,EAAE,IAAI;MACXO,YAAY,EAAE,CAAC;MACfH,WAAW,EAAE,IAAI;MACjBI,OAAO,EAAE,CAAC;MACVC,OAAO,EAAE;IACb,CAAC;IAEP,MAAM,CAACC,UAAU,CAAC,GAAGb,KAAK,CAACc,MAAM,CAACC,IAAI,IAAIA,IAAI,CAAC9C,QAAQ,IAAIiC,QAAQ,CAACC,KAAK,CAAC;IAE1E,OAAO;MAAE,GAAGD,QAAQ;MAAEW,UAAU,EAAEA,UAAU,CAACjD,IAAI;MAAED,WAAW,EAAE,IAAI,CAACA;IAAY,CAAC;EACtF;EAEQmC,iBAAiBA,CACrBkB,WAA8C,EAC9CnB,YAA0B,EACtB;IACJmB,WAAW,CAACC,OAAO,CAAC9B,QAAQ,IAAI;MAC5B,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;QAChCA,QAAQ,CAACU,YAAY,CAAC;MAC1B;IACJ,CAAC,CAAC;EACN;AACJ;AAEA,OAAO,MAAMqB,eAAe,GAAG,IAAIxD,eAAe,CAAC,CAAC","ignoreList":[]}

package/createInput.d.ts

@@ -1,17 +1,125 @@
 import type { TextInput, LongTextInput, NumberInput, BooleanInput, ColorInput, FileInput, LexicalInput, SelectInput, RadioInput, ObjectInput, DateTimeInput, ComponentInput, TagsInput, SlotInput } from "./types.js";
-type OmitType<T> = Omit<T, "type">;
-export declare function createTextInput(input: OmitType<TextInput>): TextInput;
-export declare function createLongTextInput(input: OmitType<LongTextInput>): ComponentInput;
-export declare function createNumberInput(input: OmitType<NumberInput>): NumberInput;
-export declare function createBooleanInput(input: OmitType<BooleanInput>): BooleanInput;
-export declare function createColorInput(input: OmitType<ColorInput>): ColorInput;
-export declare function createFileInput(input: OmitType<FileInput>): FileInput;
-export declare function createDateInput(input: OmitType<DateTimeInput>): DateTimeInput;
-export declare function createLexicalInput(input: OmitType<LexicalInput>): LexicalInput;
-export declare function createSelectInput(input: OmitType<SelectInput>): SelectInput;
-export declare function createRadioInput(input: OmitType<RadioInput>): RadioInput;
-export declare function createObjectInput(input: OmitType<ObjectInput>): ObjectInput;
-export declare function createTagsInput(input: OmitType<TagsInput>): TagsInput;
-export declare function createSlotInput(input: OmitType<SlotInput>): SlotInput;
+export type InputFactory<Name extends string> = ReturnType<typeof createTextInput<Name>> | ReturnType<typeof createLongTextInput<Name>> | ReturnType<typeof createNumberInput<Name>> | ReturnType<typeof createBooleanInput<Name>> | ReturnType<typeof createColorInput<Name>> | ReturnType<typeof createFileInput<Name>> | ReturnType<typeof createDateInput<Name>> | ReturnType<typeof createLexicalInput<Name>> | ReturnType<typeof createSelectInput<Name>> | ReturnType<typeof createRadioInput<Name>> | ReturnType<typeof createObjectInput<Name>> | ReturnType<typeof createTagsInput<Name>> | ReturnType<typeof createSlotInput<Name>>;
+/**
+ * TypeScript Overload Resolution and Input Factory Design
+ *
+ * Each input factory (e.g., createTextInput) is defined with two TypeScript overload signatures:
+ *   1. One overload requires a `name` property in the input (used for array-based APIs, where inference is needed).
+ *   2. The other overload omits the `name` property (used for object-based APIs, where the key provides the name).
+ *
+ * TypeScript resolves overloads by scanning from top to bottom and picking the first matching signature.
+ * The implementation signature uses `any` for the argument, and the return type is unified to match all overloads.
+ *
+ * In array mode, the `name` must be explicitly provided in the input object, so inference for `TName` works.
+ * In object mode, the input does not require a `name` property; instead, the key in the object (e.g., `{ foo: createTextInput({ ... }) }`)
+ * provides the name via contextual typing from the consuming function (such as `createComponent`). TypeScript uses this context
+ * to resolve the correct type for `TName` even when `name` is omitted from the input.
+ *
+ * This pattern ensures that all returned input objects are typed as `{ name: TName }`, whether `name` is provided explicitly or inferred,
+ * so consumers of these factories do not need to worry about the presence of the `name` property in the result.
+ */
+export declare function createTextInput<TName extends string>(input: {
+    name: TName;
+} & Omit<TextInput, "type" | "name">): TextInput & {
+    name: TName;
+};
+export declare function createTextInput<TName extends string>(input: Omit<TextInput, "type" | "name">): TextInput & {
+    name: TName;
+};
+export declare function createLongTextInput<TName extends string>(input: {
+    name: TName;
+} & Omit<LongTextInput, "type" | "name">): LongTextInput & {
+    name: TName;
+};
+export declare function createLongTextInput<TName extends string>(input: Omit<LongTextInput, "type" | "name">): LongTextInput & {
+    name: TName;
+};
+export declare function createNumberInput<TName extends string>(input: {
+    name: TName;
+} & Omit<NumberInput, "type" | "name">): NumberInput & {
+    name: TName;
+};
+export declare function createNumberInput<TName extends string>(input: Omit<NumberInput, "type" | "name">): NumberInput & {
+    name: TName;
+};
+export declare function createBooleanInput<TName extends string>(input: {
+    name: TName;
+} & Omit<BooleanInput, "type" | "name">): BooleanInput & {
+    name: TName;
+};
+export declare function createBooleanInput<TName extends string>(input: Omit<BooleanInput, "type" | "name">): BooleanInput & {
+    name: TName;
+};
+export declare function createColorInput<TName extends string>(input: {
+    name: TName;
+} & Omit<ColorInput, "type" | "name">): ColorInput & {
+    name: TName;
+};
+export declare function createColorInput<TName extends string>(input: Omit<ColorInput, "type" | "name">): ColorInput & {
+    name: TName;
+};
+export declare function createFileInput<TName extends string>(input: {
+    name: TName;
+} & Omit<FileInput, "type" | "name">): FileInput & {
+    name: TName;
+};
+export declare function createFileInput<TName extends string>(input: Omit<FileInput, "type" | "name">): FileInput & {
+    name: TName;
+};
+export declare function createDateInput<TName extends string>(input: {
+    name: TName;
+} & Omit<DateTimeInput, "type" | "name">): DateTimeInput & {
+    name: TName;
+};
+export declare function createDateInput<TName extends string>(input: Omit<DateTimeInput, "type" | "name">): DateTimeInput & {
+    name: TName;
+};
+export declare function createLexicalInput<TName extends string>(input: {
+    name: TName;
+} & Omit<LexicalInput, "type" | "name">): LexicalInput & {
+    name: TName;
+};
+export declare function createLexicalInput<TName extends string>(input: Omit<LexicalInput, "type" | "name">): LexicalInput & {
+    name: TName;
+};
+export declare function createSelectInput<TName extends string>(input: {
+    name: TName;
+} & Omit<SelectInput, "type" | "name">): SelectInput & {
+    name: TName;
+};
+export declare function createSelectInput<TName extends string>(input: Omit<SelectInput, "type" | "name">): SelectInput & {
+    name: TName;
+};
+export declare function createRadioInput<TName extends string>(input: {
+    name: TName;
+} & Omit<RadioInput, "type" | "name">): RadioInput & {
+    name: TName;
+};
+export declare function createRadioInput<TName extends string>(input: Omit<RadioInput, "type" | "name">): RadioInput & {
+    name: TName;
+};
+export declare function createObjectInput<TName extends string>(input: {
+    name: TName;
+} & Omit<ObjectInput, "type" | "name">): ObjectInput & {
+    name: TName;
+};
+export declare function createObjectInput<TName extends string>(input: Omit<ObjectInput, "type" | "name">): ObjectInput & {
+    name: TName;
+};
+export declare function createTagsInput<TName extends string>(input: {
+    name: TName;
+} & Omit<TagsInput, "type" | "name">): TagsInput & {
+    name: TName;
+};
+export declare function createTagsInput<TName extends string>(input: Omit<TagsInput, "type" | "name">): TagsInput & {
+    name: TName;
+};
+export declare function createSlotInput<TName extends string>(input: {
+    name: TName;
+} & Omit<SlotInput, "type" | "name">): SlotInput & {
+    name: TName;
+};
+export declare function createSlotInput<TName extends string>(input: Omit<SlotInput, "type" | "name">): SlotInput & {
+    name: TName;
+};
 export declare function createInput(input: ComponentInput): ComponentInput;
-export {};

package/createInput.js

@@ -1,5 +1,25 @@
 import { functionConverter } from "./FunctionConverter.js";
+
+/**
+ * TypeScript Overload Resolution and Input Factory Design
+ *
+ * Each input factory (e.g., createTextInput) is defined with two TypeScript overload signatures:
+ *   1. One overload requires a `name` property in the input (used for array-based APIs, where inference is needed).
+ *   2. The other overload omits the `name` property (used for object-based APIs, where the key provides the name).
+ *
+ * TypeScript resolves overloads by scanning from top to bottom and picking the first matching signature.
+ * The implementation signature uses `any` for the argument, and the return type is unified to match all overloads.
+ *
+ * In array mode, the `name` must be explicitly provided in the input object, so inference for `TName` works.
+ * In object mode, the input does not require a `name` property; instead, the key in the object (e.g., `{ foo: createTextInput({ ... }) }`)
+ * provides the name via contextual typing from the consuming function (such as `createComponent`). TypeScript uses this context
+ * to resolve the correct type for `TName` even when `name` is omitted from the input.
+ *
+ * This pattern ensures that all returned input objects are typed as `{ name: TName }`, whether `name` is provided explicitly or inferred,
+ * so consumers of these factories do not need to worry about the presence of the `name` property in the result.
+ */
 // Text
+
 export function createTextInput(input) {
   return createInput({
     type: "text",
@@ -9,6 +29,7 @@ export function createTextInput(input) {
 }
 
 // Long Text
+
 export function createLongTextInput(input) {
   return createInput({
     type: "longText",
@@ -18,6 +39,7 @@ export function createLongTextInput(input) {
 }
 
 // Number
+
 export function createNumberInput(input) {
   return createInput({
     type: "number",
@@ -27,6 +49,7 @@ export function createNumberInput(input) {
 }
 
 // Boolean
+
 export function createBooleanInput(input) {
   return createInput({
     type: "boolean",
@@ -36,6 +59,7 @@ export function createBooleanInput(input) {
 }
 
 // Color
+
 export function createColorInput(input) {
   return createInput({
     type: "color",
@@ -45,6 +69,7 @@ export function createColorInput(input) {
 }
 
 // File
+
 export function createFileInput(input) {
   return createInput({
     type: "file",
@@ -54,6 +79,7 @@ export function createFileInput(input) {
 }
 
 // Date
+
 export function createDateInput(input) {
   return createInput({
     type: "datetime",
@@ -63,6 +89,7 @@ export function createDateInput(input) {
 }
 
 // Rich Text
+
 export function createLexicalInput(input) {
   return createInput({
     type: "lexical",
@@ -72,6 +99,7 @@ export function createLexicalInput(input) {
 }
 
 // Select
+
 export function createSelectInput(input) {
   return createInput({
     type: "select",
@@ -81,6 +109,7 @@ export function createSelectInput(input) {
 }
 
 // Radio
+
 export function createRadioInput(input) {
   return createInput({
     type: "radio",
@@ -90,6 +119,7 @@ export function createRadioInput(input) {
 }
 
 // Object
+
 export function createObjectInput(input) {
   return createInput({
     type: "object",
@@ -99,6 +129,7 @@ export function createObjectInput(input) {
 }
 
 // Tags
+
 export function createTagsInput(input) {
   return createInput({
     type: "text",
@@ -112,6 +143,7 @@ export function createSlotInput(input) {
     type: "slot",
     list: true,
     renderer: "Webiny/Slot",
+    defaultValue: [],
     ...input
   });
 }