@webiny/app-headless-cms 6.4.5-beta.0 → 6.6.0-alpha.0

package/admin/components/FieldEditor/FieldEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/components/FieldEditor/FieldEditor.js","sources":["../../../../src/admin/components/FieldEditor/FieldEditor.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DragIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Center, Horizontal, Vertical } from \"../DropZone/index.js\";\nimport Draggable from \"../Draggable.js\";\nimport EditFieldDialog from \"./EditFieldDialog.js\";\nimport Field from \"./Field.js\";\nimport { LayoutCell } from \"./LayoutCell.js\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\nimport type { IsVisibleCallable } from \"./FieldEditorContext.js\";\nimport { FieldEditorProvider } from \"./FieldEditorContext.js\";\nimport type { CmsEditorFieldsLayout, CmsModelField, DragSource } from \"~/types.js\";\nimport type { CmsLayoutField } from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { isLayoutField } from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { cn, Icon } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nconst fieldTypes: string[] = [\"field\", \"newField\"];\n\nconst Editor = () => {\n    const {\n        parent,\n        depth,\n        insertField,\n        updateField,\n        deleteField,\n        fields,\n        noConflict,\n        editField,\n        onFieldDrop,\n        onEndDrag,\n        field,\n        dropTarget,\n        getFieldPlugin,\n        getLayoutFieldPlugin,\n        getField\n    } = useModelFieldEditor();\n\n    /**\n     * Collect all data fields referenced inside a layout descriptor (e.g. fields inside tabs).\n     * Delegates to the layout field plugin's `collectFields` method if available.\n     */\n    const collectLayoutFieldFields = (layoutField: CmsLayoutField): CmsModelField[] => {\n        const plugin = getLayoutFieldPlugin(layoutField.type);\n        if (!plugin?.field.collectFields) {\n            return [];\n        }\n        return plugin.field.collectFields({\n            field: layoutField,\n            getField: (id: string) => getField({ id })\n        });\n    };\n\n    const canDropIntoField = (field: CmsModelField, draggable: DragSource) => {\n        const fieldPlugin = getFieldPlugin(field.type);\n        if (!fieldPlugin) {\n            return true;\n        }\n        const canAccept = fieldPlugin.field.canAccept;\n        if (typeof canAccept === \"function\" && !canAccept(field, draggable)) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const isVerticalDropzoneVisible = (cb: IsVisibleCallable) => {\n        return (item: DragSource) => {\n            // Layout fields always occupy full row — no side-by-side layout\n            if (item.type === \"newLayoutField\" || item.type === \"layoutField\") {\n                return false;\n            }\n\n            if (!parent) {\n                return cb(item);\n            }\n\n            const fieldPlugin = getFieldPlugin(parent.type);\n            if (fieldPlugin) {\n                const allowLayout = fieldPlugin.field.allowLayout ?? true;\n                if (!allowLayout) {\n                    return false;\n                }\n            }\n\n            if (!canDropIntoField(parent, item)) {\n                return false;\n            }\n\n            return cb(item);\n        };\n    };\n\n    const isHorizontalDropzoneVisible = (cb: IsVisibleCallable) => {\n        return (item: DragSource) => {\n            if (!parent) {\n                return cb(item);\n            }\n\n            if (!canDropIntoField(parent, item)) {\n                return false;\n            }\n\n            return cb(item);\n        };\n    };\n\n    return (\n        <Fragment>\n            {fields.length === 0 && (\n                <Center\n                    isDroppable={isHorizontalDropzoneVisible(() => true)}\n                    onDrop={item =>\n                        onFieldDrop(item, {\n                            row: 0,\n                            index: 0\n                        })\n                    }\n                >\n                    {t`Drop your first field here`}\n                </Center>\n            )}\n\n            {fields.map((row, index) => {\n                // Build a stable key for the row\n                const rowKey = row\n                    .map(cell => (isLayoutField(cell) ? cell.id : (cell as CmsModelField).fieldId))\n                    .join(\".\");\n\n                return (\n                    <Draggable\n                        beginDrag={{\n                            parent: parent ? parent.fieldId : null,\n                            type: \"row\",\n                            fields: row.filter(cell => !isLayoutField(cell)) as CmsModelField[],\n                            pos: { row: index }\n                        }}\n                        endDrag={onEndDrag}\n                        key={rowKey}\n                    >\n                        {(\n                            {\n                                drag,\n                                isDragging\n                            } /* RowContainer start - includes drag handle, drop zones and the Row itself. */\n                        ) => (\n                            <div\n                                className={cn([\n                                    \"flex flex-column\",\n                                    \"relative\",\n                                    \"mb-md last-of-type:mb-none\",\n                                    \"bg-neutral-dimmed\",\n                                    isDragging ? \"opacity-30\" : \"opacity-100\"\n                                ])}\n                            >\n                                <div\n                                    className={cn([\n                                        \"cursor-grab\",\n                                        \"absolute left-sm-plus top-sm-plus z-10\"\n                                    ])}\n                                    ref={element => {\n                                        drag(element);\n                                    }}\n                                >\n                                    <Icon\n                                        icon={<DragIcon />}\n                                        label={\"Drag to move this row\"}\n                                        color={\"neutral-light\"}\n                                        size={\"sm\"}\n                                    />\n                                </div>\n                                <Horizontal\n                                    isVisible={isHorizontalDropzoneVisible(noConflict())}\n                                    data-testid={`cms-editor-row-droppable-top-${index}`}\n                                    onDrop={item => onFieldDrop(item, { row: index, index: null })}\n                                />\n                                {/* Row start - includes field drop zones and fields */}\n                                <div\n                                    className={cn([\n                                        \"w-full flex justify-between\",\n                                        \"pl-xl pr-sm py-sm\"\n                                    ])}\n                                    data-testid={\"cms.editor.field-row\"}\n                                >\n                                    {row.map((cell, fieldIndex) => {\n                                        if (isLayoutField(cell)) {\n                                            return (\n                                                <Draggable\n                                                    key={cell.id}\n                                                    beginDrag={{\n                                                        parent: parent ? parent.fieldId : null,\n                                                        type: \"layoutField\",\n                                                        layoutField: cell,\n                                                        fields: collectLayoutFieldFields(cell)\n                                                    }}\n                                                    endDrag={onEndDrag}\n                                                >\n                                                    {({ drag }) => (\n                                                        <div\n                                                            ref={element => {\n                                                                drag(element);\n                                                            }}\n                                                            className={cn([\n                                                                \"relative\",\n                                                                \"flex-1 basis-full\",\n                                                                \"mx-sm\"\n                                                            ])}\n                                                        >\n                                                            <div\n                                                                className={\n                                                                    \"cursor-grab bg-neutral-base p-md shadow-sm rounded-xs\"\n                                                                }\n                                                            >\n                                                                <LayoutCell\n                                                                    field={cell}\n                                                                    rowIndex={index}\n                                                                    cellIndex={fieldIndex}\n                                                                />\n                                                            </div>\n                                                        </div>\n                                                    )}\n                                                </Draggable>\n                                            );\n                                        }\n\n                                        const field = cell as CmsModelField;\n                                        return (\n                                            <ModelFieldProvider field={field} key={field.fieldId}>\n                                                <Draggable\n                                                    beginDrag={{\n                                                        parent: parent ? parent.fieldId : null,\n                                                        type: \"field\",\n                                                        field,\n                                                        pos: {\n                                                            row: index,\n                                                            index: fieldIndex\n                                                        }\n                                                    }}\n                                                    endDrag={onEndDrag}\n                                                >\n                                                    {({ drag }) => (\n                                                        <div\n                                                            className={cn([\n                                                                \"relative\",\n                                                                \"flex-1 basis-full\",\n                                                                \"mx-sm\"\n                                                            ])}\n                                                            ref={element => {\n                                                                drag(element);\n                                                            }}\n                                                        >\n                                                            <Vertical\n                                                                depth={depth}\n                                                                onDrop={item =>\n                                                                    onFieldDrop(item, {\n                                                                        row: index,\n                                                                        index: fieldIndex\n                                                                    })\n                                                                }\n                                                                isVisible={isVerticalDropzoneVisible(\n                                                                    noConflict(\n                                                                        item =>\n                                                                            fieldTypes.includes(\n                                                                                item.type\n                                                                            ) &&\n                                                                            (row.length < 4 ||\n                                                                                get(\n                                                                                    item,\n                                                                                    \"pos.row\"\n                                                                                ) === index)\n                                                                    )\n                                                                )}\n                                                            />\n\n                                                            <div\n                                                                className={\n                                                                    \"cursor-grab bg-neutral-base p-md shadow-sm rounded-xs\"\n                                                                }\n                                                            >\n                                                                <Field\n                                                                    parent={parent}\n                                                                    field={field}\n                                                                    onEdit={editField}\n                                                                    onDelete={deleteField}\n                                                                />\n                                                            </div>\n\n                                                            {/* Field end */}\n                                                            {fieldIndex === row.length - 1 && (\n                                                                <Vertical\n                                                                    last\n                                                                    depth={depth}\n                                                                    isVisible={isVerticalDropzoneVisible(\n                                                                        noConflict(item => {\n                                                                            return (\n                                                                                fieldTypes.includes(\n                                                                                    item.type\n                                                                                ) &&\n                                                                                (row.length < 4 ||\n                                                                                    get(\n                                                                                        item,\n                                                                                        \"pos.row\"\n                                                                                    ) === index)\n                                                                            );\n                                                                        })\n                                                                    )}\n                                                                    onDrop={item =>\n                                                                        onFieldDrop(item, {\n                                                                            row: index,\n                                                                            index: fieldIndex + 1\n                                                                        })\n                                                                    }\n                                                                />\n                                                            )}\n                                                        </div>\n                                                    )}\n                                                </Draggable>\n                                            </ModelFieldProvider>\n                                        );\n                                    })}\n                                </div>\n                                {/* Row end */}\n                                {index === fields.length - 1 ? (\n                                    <Horizontal\n                                        data-testid={`cms-editor-row-droppable-bottom-${index}`}\n                                        last\n                                        isVisible={isHorizontalDropzoneVisible(noConflict())}\n                                        onDrop={item =>\n                                            onFieldDrop(item, {\n                                                row: index + 1,\n                                                index: null\n                                            })\n                                        }\n                                    />\n                                ) : null}\n                            </div>\n                        )}\n                    </Draggable>\n                );\n            })}\n\n            {field ? (\n                <ModelFieldProvider field={field}>\n                    <EditFieldDialog\n                        onClose={() => editField(null)}\n                        onSubmit={field => {\n                            if (field.id) {\n                                updateField(field);\n                                editField(null);\n                                return;\n                            }\n                            insertField({ field, position: dropTarget });\n\n                            editField(null);\n                        }}\n                    />\n                </ModelFieldProvider>\n            ) : null}\n        </Fragment>\n    );\n};\n\nexport interface FieldEditorProps {\n    parent?: CmsModelField;\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    onChange: (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }) => void;\n}\n\nexport const FieldEditor = (props: FieldEditorProps) => {\n    return (\n        <FieldEditorProvider {...props}>\n            <Editor />\n        </FieldEditorProvider>\n    );\n};\n"],"names":["t","i18n","fieldTypes","Editor","parent","depth","insertField","updateField","deleteField","fields","noConflict","editField","onFieldDrop","onEndDrag","field","dropTarget","getFieldPlugin","getLayoutFieldPlugin","getField","useModelFieldEditor","collectLayoutFieldFields","layoutField","plugin","id","canDropIntoField","draggable","fieldPlugin","canAccept","isVerticalDropzoneVisible","cb","item","allowLayout","isHorizontalDropzoneVisible","Fragment","Center","row","index","rowKey","cell","isLayoutField","Draggable","drag","isDragging","cn","element","Icon","DragIcon","Horizontal","fieldIndex","LayoutCell","ModelFieldProvider","Vertical","get","Field","EditFieldDialog","FieldEditor","props","FieldEditorProvider"],"mappings":"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"}
+{"version":3,"file":"admin/components/FieldEditor/FieldEditor.js","sources":["../../../../src/admin/components/FieldEditor/FieldEditor.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DragIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Center, Horizontal, Vertical } from \"../DropZone/index.js\";\nimport Draggable from \"../Draggable.js\";\nimport EditFieldDialog from \"./EditFieldDialog.js\";\nimport Field from \"./Field.js\";\nimport { LayoutCell } from \"./LayoutCell.js\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\nimport type { IsVisibleCallable } from \"./FieldEditorContext.js\";\nimport { FieldEditorProvider } from \"./FieldEditorContext.js\";\nimport type { CmsEditorFieldsLayout, CmsModelField, CmsLayoutField, DragSource } from \"~/types.js\";\nimport { isLayoutField } from \"~/types.js\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { IconButton } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nconst fieldTypes: string[] = [\"field\", \"newField\"];\n\nconst Editor = () => {\n    const {\n        parent,\n        depth,\n        insertField,\n        updateField,\n        deleteField,\n        fields,\n        noConflict,\n        editField,\n        onFieldDrop,\n        onEndDrag,\n        field,\n        dropTarget,\n        getFieldType,\n        getLayoutFieldType,\n        getField\n    } = useModelFieldEditor();\n\n    /**\n     * Collect all data fields referenced inside a layout descriptor (e.g. fields inside tabs).\n     * Delegates to the layout field type's `collectFields` method if available.\n     */\n    const collectLayoutFieldFields = (layoutField: CmsLayoutField): CmsModelField[] => {\n        const lft = getLayoutFieldType(layoutField.type);\n        if (!lft || !lft.collectFields) {\n            return [];\n        }\n        return lft.collectFields({\n            field: layoutField,\n            getField: (id: string) => getField({ id })\n        });\n    };\n\n    const canDropIntoField = (field: CmsModelField, draggable: DragSource) => {\n        const ft = getFieldType(field.type);\n        if (ft && typeof ft.canAccept === \"function\" && !ft.canAccept(field, draggable)) {\n            return false;\n        }\n        return true;\n    };\n\n    const isVerticalDropzoneVisible = (cb: IsVisibleCallable) => {\n        return (item: DragSource) => {\n            // Layout fields always occupy full row — no side-by-side layout\n            if (item.type === \"newLayoutField\" || item.type === \"layoutField\") {\n                return false;\n            }\n\n            if (!parent) {\n                return cb(item);\n            }\n\n            const parentFieldType = getFieldType(parent.type);\n            if (parentFieldType) {\n                const allowLayout = parentFieldType.allowLayout ?? true;\n                if (!allowLayout) {\n                    return false;\n                }\n            }\n\n            if (!canDropIntoField(parent, item)) {\n                return false;\n            }\n\n            return cb(item);\n        };\n    };\n\n    const isHorizontalDropzoneVisible = (cb: IsVisibleCallable) => {\n        return (item: DragSource) => {\n            if (!parent) {\n                return cb(item);\n            }\n\n            if (!canDropIntoField(parent, item)) {\n                return false;\n            }\n\n            return cb(item);\n        };\n    };\n\n    return (\n        <Fragment>\n            {fields.length === 0 && (\n                <Center\n                    isDroppable={isHorizontalDropzoneVisible(() => true)}\n                    onDrop={item =>\n                        onFieldDrop(item, {\n                            row: 0,\n                            index: 0\n                        })\n                    }\n                >\n                    {t`Drop your first field here`}\n                </Center>\n            )}\n\n            {fields.map((row, index) => {\n                // Build a stable key for the row\n                const rowKey = row\n                    .map(cell => (isLayoutField(cell) ? cell.id : (cell as CmsModelField).fieldId))\n                    .join(\".\");\n\n                return (\n                    <Draggable\n                        beginDrag={{\n                            parent: parent ? parent.fieldId : null,\n                            type: \"row\",\n                            fields: row.filter(cell => !isLayoutField(cell)) as CmsModelField[],\n                            pos: { row: index }\n                        }}\n                        endDrag={onEndDrag}\n                        key={rowKey}\n                    >\n                        {(\n                            {\n                                drag,\n                                isDragging\n                            } /* RowContainer start - includes drag handle, drop zones and the Row itself. */\n                        ) => (\n                            <div\n                                className={`group flex flex-column relative mb-sm-extra last-of-type:mb-none ${isDragging ? \"opacity-50\" : \"opacity-100\"}`}\n                            >\n                                <div\n                                    className={\n                                        \"cursor-grab absolute left-[0] top-1/2 -translate-y-1/2 z-10 invisible group-hover:visible\"\n                                    }\n                                    ref={element => {\n                                        drag(element);\n                                    }}\n                                >\n                                    <IconButton\n                                        icon={<DragIcon />}\n                                        variant={\"secondary\"}\n                                        size={\"xs\"}\n                                    />\n                                </div>\n                                <Horizontal\n                                    isVisible={isHorizontalDropzoneVisible(noConflict())}\n                                    data-testid={`cms-editor-row-droppable-top-${index}`}\n                                    onDrop={item => onFieldDrop(item, { row: index, index: null })}\n                                />\n                                {/* Row start - includes field drop zones and fields */}\n                                <div\n                                    className={\"w-full flex justify-between gap-x-sm-extra\"}\n                                    data-testid={\"cms.editor.field-row\"}\n                                >\n                                    {row.map((cell, fieldIndex) => {\n                                        if (isLayoutField(cell)) {\n                                            return (\n                                                <Draggable\n                                                    key={cell.id}\n                                                    beginDrag={{\n                                                        parent: parent ? parent.fieldId : null,\n                                                        type: \"layoutField\",\n                                                        layoutField: cell,\n                                                        fields: collectLayoutFieldFields(cell)\n                                                    }}\n                                                    endDrag={onEndDrag}\n                                                >\n                                                    {({ drag }) => (\n                                                        <div\n                                                            ref={element => {\n                                                                drag(element);\n                                                            }}\n                                                            className={\"relative flex-1 min-w-0\"}\n                                                        >\n                                                            <div\n                                                                className={\n                                                                    \"cursor-grab bg-neutral-base drop-shadow-[0px_1px_2px_rgba(0,0,0,0.05)] rounded-lg pl-md pr-sm py-sm\"\n                                                                }\n                                                            >\n                                                                <LayoutCell\n                                                                    field={cell}\n                                                                    rowIndex={index}\n                                                                    cellIndex={fieldIndex}\n                                                                />\n                                                            </div>\n                                                        </div>\n                                                    )}\n                                                </Draggable>\n                                            );\n                                        }\n\n                                        const field = cell as CmsModelField;\n                                        return (\n                                            <ModelFieldProvider field={field} key={field.fieldId}>\n                                                <Draggable\n                                                    beginDrag={{\n                                                        parent: parent ? parent.fieldId : null,\n                                                        type: \"field\",\n                                                        field,\n                                                        pos: {\n                                                            row: index,\n                                                            index: fieldIndex\n                                                        }\n                                                    }}\n                                                    endDrag={onEndDrag}\n                                                >\n                                                    {({ drag }) => (\n                                                        <div\n                                                            className={\"relative flex-1 min-w-0\"}\n                                                            ref={element => {\n                                                                drag(element);\n                                                            }}\n                                                        >\n                                                            <Vertical\n                                                                depth={depth}\n                                                                onDrop={item =>\n                                                                    onFieldDrop(item, {\n                                                                        row: index,\n                                                                        index: fieldIndex\n                                                                    })\n                                                                }\n                                                                isVisible={isVerticalDropzoneVisible(\n                                                                    noConflict(\n                                                                        item =>\n                                                                            fieldTypes.includes(\n                                                                                item.type\n                                                                            ) &&\n                                                                            (row.length < 4 ||\n                                                                                get(\n                                                                                    item,\n                                                                                    \"pos.row\"\n                                                                                ) === index)\n                                                                    )\n                                                                )}\n                                                            />\n\n                                                            <div\n                                                                className={\n                                                                    \"cursor-grab bg-neutral-base drop-shadow-[0px_1px_2px_rgba(0,0,0,0.05)] rounded-lg pl-md pr-sm py-sm\"\n                                                                }\n                                                            >\n                                                                <Field\n                                                                    parent={parent}\n                                                                    field={field}\n                                                                    onEdit={editField}\n                                                                    onDelete={deleteField}\n                                                                />\n                                                            </div>\n\n                                                            {/* Field end */}\n                                                            {fieldIndex === row.length - 1 && (\n                                                                <Vertical\n                                                                    last\n                                                                    depth={depth}\n                                                                    isVisible={isVerticalDropzoneVisible(\n                                                                        noConflict(item => {\n                                                                            return (\n                                                                                fieldTypes.includes(\n                                                                                    item.type\n                                                                                ) &&\n                                                                                (row.length < 4 ||\n                                                                                    get(\n                                                                                        item,\n                                                                                        \"pos.row\"\n                                                                                    ) === index)\n                                                                            );\n                                                                        })\n                                                                    )}\n                                                                    onDrop={item =>\n                                                                        onFieldDrop(item, {\n                                                                            row: index,\n                                                                            index: fieldIndex + 1\n                                                                        })\n                                                                    }\n                                                                />\n                                                            )}\n                                                        </div>\n                                                    )}\n                                                </Draggable>\n                                            </ModelFieldProvider>\n                                        );\n                                    })}\n                                </div>\n                                {/* Row end */}\n                                {index === fields.length - 1 ? (\n                                    <Horizontal\n                                        data-testid={`cms-editor-row-droppable-bottom-${index}`}\n                                        last\n                                        isVisible={isHorizontalDropzoneVisible(noConflict())}\n                                        onDrop={item =>\n                                            onFieldDrop(item, {\n                                                row: index + 1,\n                                                index: null\n                                            })\n                                        }\n                                    />\n                                ) : null}\n                            </div>\n                        )}\n                    </Draggable>\n                );\n            })}\n\n            {field ? (\n                <ModelFieldProvider field={field}>\n                    <EditFieldDialog\n                        onClose={() => editField(null)}\n                        onSubmit={field => {\n                            if (field.id) {\n                                updateField(field);\n                                editField(null);\n                                return;\n                            }\n                            insertField({ field, position: dropTarget });\n\n                            editField(null);\n                        }}\n                    />\n                </ModelFieldProvider>\n            ) : null}\n        </Fragment>\n    );\n};\n\nexport interface FieldEditorProps {\n    parent?: CmsModelField;\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    onChange: (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }) => void;\n}\n\nexport const FieldEditor = (props: FieldEditorProps) => {\n    return (\n        <FieldEditorProvider {...props}>\n            <Editor />\n        </FieldEditorProvider>\n    );\n};\n"],"names":["t","i18n","fieldTypes","Editor","parent","depth","insertField","updateField","deleteField","fields","noConflict","editField","onFieldDrop","onEndDrag","field","dropTarget","getFieldType","getLayoutFieldType","getField","useModelFieldEditor","collectLayoutFieldFields","layoutField","lft","id","canDropIntoField","draggable","ft","isVerticalDropzoneVisible","cb","item","parentFieldType","allowLayout","isHorizontalDropzoneVisible","Fragment","Center","row","index","rowKey","cell","isLayoutField","Draggable","drag","isDragging","element","IconButton","DragIcon","Horizontal","fieldIndex","LayoutCell","ModelFieldProvider","Vertical","get","Field","EditFieldDialog","FieldEditor","props","FieldEditorProvider"],"mappings":"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"}

package/admin/components/FieldEditor/FieldEditorContext.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
-import type { CmsEditorFieldId, CmsModelFieldRendererPlugin, CmsEditorFieldsLayout, CmsModelFieldTypePlugin, CmsModelLayoutFieldTypePlugin, CmsModelField, DragSource, FieldLayoutPosition } from "../../../types.js";
-import type { CmsLayoutField } from "@webiny/app-headless-cms-common/types/model.js";
+import type { CmsEditorFieldId, CmsEditorFieldsLayout, CmsModelField, CmsLayoutField, DragSource, FieldLayoutPosition } from "../../../types.js";
 import type { FieldEditorProps } from "./FieldEditor.js";
 import type { DragSourceMonitor } from "react-dnd";
+import { type ICmsFieldType } from "../../../presentation/fieldTypes/abstractions.js";
+import { type ICmsFieldRenderer } from "../../../presentation/fieldRenderers/abstractions.js";
+import { type ICmsLayoutFieldType } from "../../../presentation/fieldTypes/abstractions.js";
 interface DropTarget {
     row: number;
     index: number | null;
@@ -43,17 +45,14 @@ interface DeleteLayoutCellCallable {
 interface MoveLayoutCellCallable {
     (fieldId: string, position: FieldLayoutPosition): void;
 }
-interface GetLayoutFieldPluginCallable {
-    (type: string): CmsModelLayoutFieldTypePlugin | undefined;
-}
-interface GetFieldPluginCallable {
-    (type: string): CmsModelFieldTypePlugin | undefined;
+interface GetLayoutFieldTypeCallable {
+    (type: string): ICmsLayoutFieldType | undefined;
 }
 interface GetFieldCallable {
     (query: GetFieldParams): CmsModelField | undefined;
 }
 interface GetFieldRendererCallable {
-    (rendererName: string): CmsModelFieldRendererPlugin | undefined;
+    (rendererName: string): ICmsFieldRenderer | undefined;
 }
 interface OnFieldDropCallable {
     (source: Partial<DragSource>, target: DropTarget): void;
@@ -88,9 +87,9 @@ export interface FieldEditorContext {
     layout: CmsEditorFieldsLayout;
     onChange?: (data: any) => void;
     getFieldsInLayout: GetFieldsInLayoutCallable;
-    getFieldPlugin: GetFieldPluginCallable;
+    getFieldType: (type: string) => ICmsFieldType | undefined;
     getField: GetFieldCallable;
-    getFieldRendererPlugin: GetFieldRendererCallable;
+    getFieldRenderer: GetFieldRendererCallable;
     editField: (field: CmsModelField | null) => void;
     field: CmsModelField | null;
     parent?: CmsModelField;
@@ -108,7 +107,7 @@ export interface FieldEditorContext {
     updateLayoutCell: UpdateLayoutCellCallable;
     deleteLayoutCell: DeleteLayoutCellCallable;
     moveLayoutCell: MoveLayoutCellCallable;
-    getLayoutFieldPlugin: GetLayoutFieldPluginCallable;
+    getLayoutFieldType: GetLayoutFieldTypeCallable;
     addField: AddFieldCallable;
     removeField: RemoveFieldCallable;
 }

package/admin/components/FieldEditor/FieldEditorContext.js

@@ -1,10 +1,12 @@
-import react, { useCallback, useState } from "react";
+import react, { useCallback, useMemo, useState } from "react";
 import dot_prop_immutable from "dot-prop-immutable";
 import use_deep_compare_effect from "use-deep-compare-effect";
-import { isLayoutField } from "@webiny/app-headless-cms-common/types/model.js";
-import { plugins } from "@webiny/plugins";
+import { useContainer } from "@webiny/app";
+import { isLayoutField } from "../../../types.js";
 import { useModelFieldEditor } from "./useModelFieldEditor.js";
 import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
+import { CmsFieldType, CmsLayoutFieldType } from "../../../presentation/fieldTypes/abstractions.js";
+import { CmsFieldRenderer } from "../../../presentation/fieldRenderers/abstractions.js";
 import * as __rspack_external__utils_index_js_d2e4ad7a from "./utils/index.js";
 const FieldEditorContext = /*#__PURE__*/ react.createContext(void 0);
 const maxGenerateIdIterations = 100;
@@ -26,6 +28,31 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
         depth = editor.depth + 1;
         parentEditorContext = editor;
     } catch  {}
+    const container = useContainer();
+    const fieldTypesMap = useMemo(()=>{
+        const all = container.resolveAll(CmsFieldType);
+        const map = new Map();
+        for (const ft of all)map.set(ft.type, ft);
+        return map;
+    }, [
+        container
+    ]);
+    const fieldRenderersMap = useMemo(()=>{
+        const all = container.resolveAll(CmsFieldRenderer);
+        const map = new Map();
+        for (const r of all)map.set(r.rendererName, r);
+        return map;
+    }, [
+        container
+    ]);
+    const layoutFieldTypesMap = useMemo(()=>{
+        const all = container.resolveAll(CmsLayoutFieldType);
+        const map = new Map();
+        for (const lft of all)map.set(lft.type, lft);
+        return map;
+    }, [
+        container
+    ]);
     const [state, setState] = useState({
         layout,
         fields,
@@ -70,9 +97,9 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
             return onDropTarget;
         }
         if ("newLayoutField" === type) {
-            const plugin = getLayoutFieldPlugin(source.layoutFieldType || "");
-            if (!plugin) return null;
-            const layoutField = plugin.field.createField();
+            const lft = getLayoutFieldType(source.layoutFieldType || "");
+            if (!lft) return null;
+            const layoutField = lft.createField();
             insertLayoutCell(layoutField, dropTarget);
             return null;
         }
@@ -96,10 +123,10 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
             return onDropTarget;
         }
         if (!fieldType) return null;
-        const plugin = getFieldPlugin(fieldType);
-        if (!plugin) return null;
-        const fieldData = plugin.field.createField();
-        if (false !== plugin.field.canEditSettings) {
+        const ft = fieldTypesMap.get(fieldType);
+        if (!ft) return null;
+        const fieldData = ft.createField();
+        if (false !== ft.canEditSettings) {
             editField(fieldData);
             setState((state)=>({
                     ...state,
@@ -128,8 +155,7 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
                     id: cell
                 });
             }).filter(Boolean)).filter((row)=>row.length > 0);
-    const getFieldPlugin = (type)=>plugins.byType("cms-editor-field-type").find((plugin)=>plugin.field.type === type);
-    const getFieldRendererPlugin = (name)=>plugins.byType("cms-editor-field-renderer").find((plugin)=>plugin.renderer.rendererName === name);
+    const getFieldRenderer = (name)=>fieldRenderersMap.get(name);
     const getField = (query)=>state.fields.find((field)=>{
             for(const key in query){
                 if (!(key in field)) return false;
@@ -140,8 +166,7 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
     const insertField = ({ field, position })=>{
         if (!field.id) field.id = generateFieldId(layout.flat().filter((c)=>"string" == typeof c));
         if (!field.type) throw new Error('Field "type" missing.');
-        const fieldPlugin = getFieldPlugin(field.type);
-        if (!fieldPlugin) throw new Error(`No plugin found for field type "${field.type}".`);
+        if (!fieldTypesMap.has(field.type)) throw new Error(`No field type found for "${field.type}".`);
         setState((prev)=>{
             const next = {
                 ...prev,
@@ -198,7 +223,7 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
                 fields: prev.fields.filter((f)=>f.id !== fieldId)
             }));
     };
-    const getLayoutFieldPlugin = (type)=>plugins.byType("cms-editor-layout-field-type").find((plugin)=>plugin.field.type === type);
+    const getLayoutFieldType = (type)=>layoutFieldTypesMap.get(type);
     const insertLayoutCell = (layoutField, position)=>{
         const cell = {
             ...layoutField,
@@ -310,8 +335,8 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
         parentEditorContext,
         depth,
         getFieldsInLayout,
-        getFieldPlugin,
-        getFieldRendererPlugin,
+        getFieldType: (type)=>fieldTypesMap.get(type),
+        getFieldRenderer,
         getField,
         editField,
         field: state.field,
@@ -327,7 +352,7 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
         updateLayoutCell,
         deleteLayoutCell,
         moveLayoutCell,
-        getLayoutFieldPlugin,
+        getLayoutFieldType,
         addField,
         removeField,
         fields: getFieldsInLayout(),

package/admin/components/FieldEditor/FieldEditorContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/components/FieldEditor/FieldEditorContext.js","sources":["../../../../src/admin/components/FieldEditor/FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport type {\n    CmsEditorFieldId,\n    CmsModelFieldRendererPlugin,\n    CmsEditorFieldsLayout,\n    CmsModelFieldTypePlugin,\n    CmsModelLayoutFieldTypePlugin,\n    CmsModelField,\n    DragSource,\n    FieldLayoutPosition\n} from \"~/types.js\";\nimport type {\n    CmsLayoutField,\n    CmsEditorLayoutCell\n} from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { isLayoutField } from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils/index.js\";\nimport type { FieldEditorProps } from \"./FieldEditor.js\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport type { DragObject } from \"../Droppable.js\";\n\ninterface DropTarget {\n    row: number;\n    index: number | null;\n}\n\n/**\n * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types\n */\ninterface GetFieldParams {\n    id?: string;\n    fieldId?: string;\n}\ninterface InsertFieldParams {\n    field: CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface AddFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface RemoveFieldCallable {\n    (fieldId: string): void;\n}\ninterface MoveFieldParams {\n    field: CmsEditorFieldId | CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n    (): (CmsModelField | CmsLayoutField)[][];\n}\ninterface InsertLayoutCellCallable {\n    (field: Omit<CmsLayoutField, \"id\"> | CmsLayoutField, position: FieldLayoutPosition): void;\n}\ninterface UpdateLayoutCellCallable {\n    (fieldId: string, field: CmsLayoutField): void;\n}\ninterface DeleteLayoutCellCallable {\n    (fieldId: string): void;\n}\ninterface MoveLayoutCellCallable {\n    (fieldId: string, position: FieldLayoutPosition): void;\n}\ninterface GetLayoutFieldPluginCallable {\n    (type: string): CmsModelLayoutFieldTypePlugin | undefined;\n}\ninterface GetFieldPluginCallable {\n    (type: string): CmsModelFieldTypePlugin | undefined;\n}\ninterface GetFieldCallable {\n    (query: GetFieldParams): CmsModelField | undefined;\n}\ninterface GetFieldRendererCallable {\n    (rendererName: string): CmsModelFieldRendererPlugin | undefined;\n}\ninterface OnFieldDropCallable {\n    (source: Partial<DragSource>, target: DropTarget): void;\n}\ninterface InsertFieldCallable {\n    (params: InsertFieldParams): void;\n}\ninterface MoveFieldCallable {\n    (params: MoveFieldParams): void;\n}\ninterface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {\n    (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;\n}\ninterface MoveRowCallable {\n    (source: number, destination: number): void;\n}\ninterface UpdateFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface DeleteFieldCallable {\n    (field: Pick<CmsModelField, \"id\">): void;\n}\nexport interface IsVisibleCallable {\n    (item: DragSource): boolean;\n}\ninterface NoConflictCallable {\n    (cb?: IsVisibleCallable): (item: DragSource) => boolean;\n}\nexport interface FieldEditorContext {\n    fields: (CmsModelField | CmsLayoutField)[][];\n    noConflict: NoConflictCallable;\n    layout: CmsEditorFieldsLayout;\n    onChange?: (data: any) => void;\n    getFieldsInLayout: GetFieldsInLayoutCallable;\n    getFieldPlugin: GetFieldPluginCallable;\n    getField: GetFieldCallable;\n    getFieldRendererPlugin: GetFieldRendererCallable;\n    editField: (field: CmsModelField | null) => void;\n    field: CmsModelField | null;\n    parent?: CmsModelField;\n    parentEditorContext?: FieldEditorContext;\n    depth: number;\n    dropTarget: DropTarget;\n    onFieldDrop: OnFieldDropCallable;\n    onEndDrag: OnEndDragCallable;\n    insertField: InsertFieldCallable;\n    moveField: MoveFieldCallable;\n    moveRow: MoveRowCallable;\n    updateField: UpdateFieldCallable;\n    deleteField: DeleteFieldCallable;\n    insertLayoutCell: InsertLayoutCellCallable;\n    updateLayoutCell: UpdateLayoutCellCallable;\n    deleteLayoutCell: DeleteLayoutCellCallable;\n    moveLayoutCell: MoveLayoutCellCallable;\n    getLayoutFieldPlugin: GetLayoutFieldPluginCallable;\n    addField: AddFieldCallable;\n    removeField: RemoveFieldCallable;\n}\n\ninterface FieldEditorProviderProps extends FieldEditorProps {\n    children: React.ReactElement;\n}\n\ntype DropResult = {\n    dropTarget: string | null;\n};\n\nexport const FieldEditorContext = React.createContext<FieldEditorContext | undefined>(undefined);\n/**\n * We try to generate the random id string but with the check that it does not exist already.\n * Chances that the same string exists are quite small, but let's check it anyway.\n *\n * In most cases, there will be no iterations anyway...\n */\nconst maxGenerateIdIterations = 100;\nconst generateFieldId = (layout: string[]): string => {\n    let id = generateAlphaNumericLowerCaseId(8);\n\n    let iteration = 0;\n    while (layout.includes(id) && iteration < maxGenerateIdIterations) {\n        id = generateAlphaNumericLowerCaseId(8);\n        iteration++;\n    }\n    if (iteration >= maxGenerateIdIterations) {\n        throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);\n    }\n    return id;\n};\n\ninterface State {\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    field: CmsModelField | null;\n    dropTarget: DropTarget;\n}\nexport const FieldEditorProvider = ({\n    parent,\n    fields,\n    layout,\n    onChange,\n    children\n}: FieldEditorProviderProps) => {\n    // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n    let depth = 0;\n    let parentEditorContext: FieldEditorContext | undefined;\n    try {\n        const editor = useModelFieldEditor();\n        depth = editor.depth + 1;\n        parentEditorContext = editor;\n    } catch {\n        // There's no parent provider, so this is the top-level one.\n    }\n\n    const [state, setState] = useState<State>({\n        layout,\n        fields,\n        field: null,\n        dropTarget: {\n            row: -1,\n            index: null\n        }\n    });\n\n    useDeepCompareEffect(() => {\n        onChange({ fields: state.fields, layout: state.layout });\n    }, [state.fields, state.layout]);\n\n    const editField = useCallback((field: CmsModelField | null) => {\n        setState(state => ({ ...state, field }));\n    }, []);\n\n    const onDropTarget = {\n        dropTarget: parent ? parent.fieldId : null\n    };\n\n    const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n        const { pos, type, fieldType, field, fields = [] } = source;\n\n        const parentId = parent ? parent.fieldId : null;\n\n        if (type === \"row\") {\n            if (parentId !== source.parent) {\n                // We're dragging an existing row from another fieldset\n                fields.forEach((field, index) => {\n                    insertField({\n                        field,\n                        position: {\n                            row: dropTarget.row,\n                            index: index === 0 ? null : index\n                        }\n                    });\n                });\n            } else if (pos && pos.row !== undefined) {\n                // We're dragging a row within the same fieldset\n                moveRow(pos.row, dropTarget.row);\n            }\n\n            return onDropTarget;\n        }\n\n        // Handle new layout field drops (separator, alert, tabs, etc.)\n        if (type === \"newLayoutField\") {\n            const plugin = getLayoutFieldPlugin(source.layoutFieldType || \"\");\n            if (!plugin) {\n                return null;\n            }\n            const layoutField = plugin.field.createField();\n            insertLayoutCell(layoutField, dropTarget);\n            return null;\n        }\n\n        // Handle moving an existing layout field to a new position\n        if (type === \"layoutField\") {\n            if (source.layoutField) {\n                if (parentId !== source.parent) {\n                    // Cross-parent: insert a copy of the layout field into this context\n                    insertLayoutCell(source.layoutField, dropTarget);\n                    // Also add any fields carried by this layout field (e.g. fields inside tabs)\n                    if (fields.length > 0) {\n                        for (const f of fields) {\n                            addField(f);\n                        }\n                    }\n                } else {\n                    // Same parent: move within this context\n                    moveLayoutCell(source.layoutField.id, dropTarget);\n                }\n            }\n            return onDropTarget;\n        }\n\n        // If source pos is set, we are moving an existing field.\n        if (pos) {\n            if (!field) {\n                return onDropTarget;\n            }\n            if (parentId !== source.parent) {\n                // We're dragging an existing field from another fieldset\n                insertField({ field, position: dropTarget });\n            } else {\n                // We're dragging a field within the same fieldset\n                moveField({ field, position: dropTarget });\n            }\n            return onDropTarget;\n        }\n\n        if (!fieldType) {\n            return null;\n        }\n        const plugin = getFieldPlugin(fieldType);\n        if (!plugin) {\n            return null;\n        }\n\n        const fieldData = plugin.field.createField() as CmsModelField;\n\n        if (plugin.field.canEditSettings !== false) {\n            editField(fieldData);\n            setState(state => ({\n                ...state,\n                dropTarget\n            }));\n        } else {\n            insertField({ field: fieldData, position: dropTarget });\n        }\n        return null;\n    }, []);\n\n    const onEndDrag: OnEndDragCallable<DragObject, DropResult> = (\n        { type, field, fields, layoutField },\n        monitor\n    ) => {\n        if (!monitor.didDrop()) {\n            return;\n        }\n\n        // Check if we dropped outside of the source fieldset, and if yes, remove the item from the original parent.\n        const monitorResult = monitor.getDropResult();\n        const parentId = parent ? parent.fieldId : null;\n        if (monitorResult?.dropTarget === parentId) {\n            return;\n        }\n\n        if (type === \"layoutField\" && layoutField?.id) {\n            deleteLayoutCell(layoutField.id);\n            return;\n        }\n\n        const removeFields = type === \"row\" ? fields || [] : field ? [field] : [];\n        removeFields.forEach(field => deleteField(field));\n    };\n\n    const getFieldsInLayout: GetFieldsInLayoutCallable = () => {\n        // Replace every field ID with actual field object, pass through layout fields.\n        return state.layout\n            .filter(arr => arr.length)\n            .map(row => {\n                return row\n                    .map((cell: CmsEditorLayoutCell) => {\n                        if (isLayoutField(cell)) {\n                            return cell;\n                        }\n                        return getField({ id: cell });\n                    })\n                    .filter(Boolean);\n            })\n            .filter(row => {\n                return row.length > 0;\n            }) as (CmsModelField | CmsLayoutField)[][];\n    };\n\n    /**\n     * Return field plugin.\n     */\n    const getFieldPlugin: GetFieldPluginCallable = type => {\n        return plugins\n            .byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\")\n            .find(plugin => plugin.field.type === type);\n    };\n\n    const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n        return plugins\n            .byType<CmsModelFieldRendererPlugin>(\"cms-editor-field-renderer\")\n            .find(plugin => plugin.renderer.rendererName === name);\n    };\n\n    /**\n     * Checks if field of given type already exists in the list of fields.\n     */\n    const getField: GetFieldCallable = query => {\n        return state.fields.find(field => {\n            for (const key in query) {\n                if (!(key in field)) {\n                    return false;\n                }\n\n                if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n                    return false;\n                }\n            }\n\n            return true;\n        });\n    };\n\n    /**\n     * Inserts a new field into the target position.\n     */\n    const insertField: InsertFieldCallable = ({ field, position }) => {\n        if (!field.id) {\n            field.id = generateFieldId(\n                layout.flat().filter((c): c is string => typeof c === \"string\")\n            );\n        }\n\n        if (!field.type) {\n            throw new Error(`Field \"type\" missing.`);\n        }\n\n        const fieldPlugin = getFieldPlugin(field.type);\n        if (!fieldPlugin) {\n            throw new Error(`No plugin found for field type \"${field.type}\".`);\n        }\n\n        setState(prev => {\n            const next: State = {\n                ...prev,\n                fields: (prev.fields || []).concat(field)\n            };\n\n            // Move field to position where it was dropped.\n            return utils.moveField({ field, position, data: next });\n        });\n    };\n\n    /**\n     * Moves field to the given target position.\n     */\n    const moveField: MoveFieldCallable = ({ field, position }) => {\n        setState(data => {\n            return utils.moveField<State>({ field, position, data });\n        });\n    };\n\n    /**\n     * Moves row to a destination row.\n     */\n    const moveRow: MoveRowCallable = (source, destination) => {\n        setState(data => {\n            return utils.moveRow({ data, source, destination });\n        });\n    };\n\n    /**\n     * Updates field.\n     */\n    const updateField: UpdateFieldCallable = field => {\n        setState(data => {\n            for (let i = 0; i < data.fields.length; i++) {\n                if (data.fields[i].id === field.id) {\n                    return dot.set(data, `fields.${i}`, field);\n                }\n            }\n            return data;\n        });\n    };\n\n    /**\n     * Deletes a field (both from the list of field and the layout).\n     */\n    const deleteField: DeleteFieldCallable = field => {\n        setState(data => {\n            return utils.deleteField({ field, data });\n        });\n    };\n\n    /**\n     * Add a field to the fields array without placing it in the layout.\n     * Used by tabs to hoist fields to the parent context.\n     */\n    const addField: AddFieldCallable = field => {\n        setState(prev => {\n            // Don't add if already exists\n            if (prev.fields.some(f => f.id === field.id)) {\n                return prev;\n            }\n            return { ...prev, fields: [...prev.fields, field] };\n        });\n    };\n\n    /**\n     * Remove a field from the fields array by ID.\n     * Used by tabs to un-hoist fields from the parent context.\n     */\n    const removeField: RemoveFieldCallable = fieldId => {\n        setState(prev => ({\n            ...prev,\n            fields: prev.fields.filter(f => f.id !== fieldId)\n        }));\n    };\n\n    /**\n     * Return layout field plugin by type.\n     */\n    const getLayoutFieldPlugin: GetLayoutFieldPluginCallable = type => {\n        return plugins\n            .byType<CmsModelLayoutFieldTypePlugin>(\"cms-editor-layout-field-type\")\n            .find(plugin => plugin.field.type === type);\n    };\n\n    /**\n     * Insert a layout field into the layout at the given position.\n     */\n    const insertLayoutCell: InsertLayoutCellCallable = (layoutField, position) => {\n        // Auto-assign a unique ID to the layout field.\n        const cell = {\n            ...layoutField,\n            id: generateAlphaNumericLowerCaseId(8)\n        } as CmsLayoutField;\n\n        setState(prev => {\n            const newLayout = [...prev.layout.map(row => [...row])];\n            const { row } = position;\n\n            // Layout fields always occupy a full row.\n            newLayout.splice(row, 0, [cell]);\n\n            return { ...prev, layout: newLayout.filter(r => r.length > 0) };\n        });\n    };\n\n    /**\n     * Update a layout field found by its ID.\n     */\n    const updateLayoutCell: UpdateLayoutCellCallable = (fieldId, layoutField) => {\n        setState(prev => {\n            const newLayout = prev.layout.map(row =>\n                row.map(cell => {\n                    if (isLayoutField(cell) && cell.id === fieldId) {\n                        return { ...layoutField, id: fieldId };\n                    }\n                    return cell;\n                })\n            );\n            return { ...prev, layout: newLayout };\n        });\n    };\n\n    /**\n     * Delete a layout field found by its ID.\n     * If it's a tabs layout field, also remove all hoisted fields from the fields array.\n     */\n    const deleteLayoutCell: DeleteLayoutCellCallable = fieldId => {\n        setState(prev => {\n            let fields = prev.fields;\n\n            // Find the descriptor to check if it's tabs (need to clean up hoisted fields)\n            for (const row of prev.layout) {\n                for (const cell of row) {\n                    if (isLayoutField(cell) && cell.id === fieldId && cell.type === \"tabs\") {\n                        const tabsField =\n                            cell as import(\"@webiny/app-headless-cms-common/types/model.js\").CmsTabLayoutField;\n                        const fieldIdsInTabs = new Set<string>();\n                        tabsField.tabs.forEach(tab => {\n                            tab.layout.forEach(r => {\n                                r.forEach(c => {\n                                    if (typeof c === \"string\") {\n                                        fieldIdsInTabs.add(c);\n                                    }\n                                });\n                            });\n                        });\n                        if (fieldIdsInTabs.size > 0) {\n                            fields = fields.filter(f => !fieldIdsInTabs.has(f.id));\n                        }\n                    }\n                }\n            }\n\n            const newLayout = prev.layout.map(row =>\n                row.filter(cell => !(isLayoutField(cell) && cell.id === fieldId))\n            );\n\n            return {\n                ...prev,\n                fields,\n                layout: newLayout.filter(r => r.length > 0)\n            };\n        });\n    };\n\n    /**\n     * Move a layout field (found by its ID) to a new position.\n     */\n    const moveLayoutCell: MoveLayoutCellCallable = (fieldId, position) => {\n        setState(prev => {\n            // Find the layout field by ID.\n            let layoutField: CmsLayoutField | undefined;\n            let sourceRow = -1;\n\n            for (let ri = 0; ri < prev.layout.length; ri++) {\n                for (const cell of prev.layout[ri]) {\n                    if (isLayoutField(cell) && cell.id === fieldId) {\n                        layoutField = cell;\n                        sourceRow = ri;\n                        break;\n                    }\n                }\n                if (layoutField) {\n                    break;\n                }\n            }\n\n            if (!layoutField || sourceRow === -1) {\n                return prev;\n            }\n\n            // 1. Remove the layout field from its source position.\n            const withoutSource = prev.layout.map(row =>\n                row.filter(cell => !(isLayoutField(cell) && cell.id === fieldId))\n            );\n\n            // 2. Was the source row emptied?\n            const sourceRowEmptied = withoutSource[sourceRow].length === 0;\n\n            // 3. Calculate the effective target row index.\n            //    The drop target row was computed against the original layout.\n            //    If we emptied a source row that was BEFORE the target, shift down by 1.\n            let targetRow = position.row;\n            if (sourceRowEmptied && sourceRow < targetRow) {\n                targetRow--;\n            }\n\n            // 4. Remove empty rows.\n            const cleaned = withoutSource.filter(r => r.length > 0);\n\n            // 5. Clamp target row and insert the layout field as its own row.\n            targetRow = Math.max(0, Math.min(targetRow, cleaned.length));\n            cleaned.splice(targetRow, 0, [layoutField]);\n\n            return { ...prev, layout: cleaned };\n        });\n    };\n\n    const noConflict: NoConflictCallable = useCallback(\n        (isVisible?: IsVisibleCallable) => item => {\n            const sameParent = item.parent === onDropTarget.dropTarget;\n            const draggedFields: string[] = [];\n            switch (item.type) {\n                case \"row\":\n                    (item.fields || []).forEach(field => draggedFields.push(field.fieldId));\n                    break;\n                case \"field\":\n                    if (!item.field) {\n                        break;\n                    }\n                    draggedFields.push(item.field.fieldId);\n                    break;\n                default:\n                    break;\n            }\n\n            if (\n                draggedFields.length &&\n                !sameParent &&\n                fields.some(field => draggedFields.includes(field.fieldId))\n            ) {\n                return false;\n            }\n\n            return typeof isVisible === \"function\" ? isVisible(item) : true;\n        },\n        [fields.map(f => f.fieldId).join(\".\")]\n    );\n\n    const value: FieldEditorContext = {\n        parent,\n        parentEditorContext,\n        depth,\n        getFieldsInLayout,\n        getFieldPlugin,\n        getFieldRendererPlugin,\n        getField,\n        editField,\n        field: state.field,\n        dropTarget: state.dropTarget,\n        onFieldDrop,\n        onEndDrag,\n        insertField,\n        moveField,\n        moveRow,\n        updateField,\n        deleteField,\n        insertLayoutCell,\n        updateLayoutCell,\n        deleteLayoutCell,\n        moveLayoutCell,\n        getLayoutFieldPlugin,\n        addField,\n        removeField,\n        fields: getFieldsInLayout(),\n        noConflict,\n        layout: state.layout\n    };\n\n    return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"names":["FieldEditorContext","React","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","Error","FieldEditorProvider","parent","fields","onChange","children","depth","parentEditorContext","editor","useModelFieldEditor","state","setState","useState","useDeepCompareEffect","editField","useCallback","field","onDropTarget","onFieldDrop","source","dropTarget","pos","type","fieldType","parentId","index","insertField","moveRow","plugin","getLayoutFieldPlugin","layoutField","insertLayoutCell","f","addField","moveLayoutCell","moveField","getFieldPlugin","fieldData","onEndDrag","monitor","monitorResult","deleteLayoutCell","removeFields","deleteField","getFieldsInLayout","arr","row","cell","isLayoutField","getField","Boolean","plugins","getFieldRendererPlugin","name","query","key","position","c","fieldPlugin","prev","next","utils","data","destination","updateField","i","dot","removeField","fieldId","newLayout","r","updateLayoutCell","tabsField","fieldIdsInTabs","Set","tab","sourceRow","ri","withoutSource","sourceRowEmptied","targetRow","cleaned","Math","noConflict","isVisible","item","sameParent","draggedFields","value"],"mappings":"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"}
+{"version":3,"file":"admin/components/FieldEditor/FieldEditorContext.js","sources":["../../../../src/admin/components/FieldEditor/FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport { useContainer } from \"@webiny/app\";\nimport type {\n    CmsEditorFieldId,\n    CmsEditorFieldsLayout,\n    CmsModelField,\n    CmsLayoutField,\n    CmsEditorLayoutCell,\n    DragSource,\n    FieldLayoutPosition\n} from \"~/types.js\";\nimport { isLayoutField } from \"~/types.js\";\nimport * as utils from \"./utils/index.js\";\nimport type { FieldEditorProps } from \"./FieldEditor.js\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor.js\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport type { DragObject } from \"../Droppable.js\";\nimport { CmsFieldType, type ICmsFieldType } from \"~/presentation/fieldTypes/abstractions.js\";\nimport {\n    CmsFieldRenderer,\n    type ICmsFieldRenderer\n} from \"~/presentation/fieldRenderers/abstractions.js\";\nimport {\n    CmsLayoutFieldType,\n    type ICmsLayoutFieldType\n} from \"~/presentation/fieldTypes/abstractions.js\";\n\ninterface DropTarget {\n    row: number;\n    index: number | null;\n}\n\n/**\n * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types\n */\ninterface GetFieldParams {\n    id?: string;\n    fieldId?: string;\n}\ninterface InsertFieldParams {\n    field: CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface AddFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface RemoveFieldCallable {\n    (fieldId: string): void;\n}\ninterface MoveFieldParams {\n    field: CmsEditorFieldId | CmsModelField;\n    position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n    (): (CmsModelField | CmsLayoutField)[][];\n}\ninterface InsertLayoutCellCallable {\n    (field: Omit<CmsLayoutField, \"id\"> | CmsLayoutField, position: FieldLayoutPosition): void;\n}\ninterface UpdateLayoutCellCallable {\n    (fieldId: string, field: CmsLayoutField): void;\n}\ninterface DeleteLayoutCellCallable {\n    (fieldId: string): void;\n}\ninterface MoveLayoutCellCallable {\n    (fieldId: string, position: FieldLayoutPosition): void;\n}\ninterface GetLayoutFieldTypeCallable {\n    (type: string): ICmsLayoutFieldType | undefined;\n}\ninterface GetFieldCallable {\n    (query: GetFieldParams): CmsModelField | undefined;\n}\ninterface GetFieldRendererCallable {\n    (rendererName: string): ICmsFieldRenderer | undefined;\n}\ninterface OnFieldDropCallable {\n    (source: Partial<DragSource>, target: DropTarget): void;\n}\ninterface InsertFieldCallable {\n    (params: InsertFieldParams): void;\n}\ninterface MoveFieldCallable {\n    (params: MoveFieldParams): void;\n}\ninterface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {\n    (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;\n}\ninterface MoveRowCallable {\n    (source: number, destination: number): void;\n}\ninterface UpdateFieldCallable {\n    (field: CmsModelField): void;\n}\ninterface DeleteFieldCallable {\n    (field: Pick<CmsModelField, \"id\">): void;\n}\nexport interface IsVisibleCallable {\n    (item: DragSource): boolean;\n}\ninterface NoConflictCallable {\n    (cb?: IsVisibleCallable): (item: DragSource) => boolean;\n}\nexport interface FieldEditorContext {\n    fields: (CmsModelField | CmsLayoutField)[][];\n    noConflict: NoConflictCallable;\n    layout: CmsEditorFieldsLayout;\n    onChange?: (data: any) => void;\n    getFieldsInLayout: GetFieldsInLayoutCallable;\n    getFieldType: (type: string) => ICmsFieldType | undefined;\n    getField: GetFieldCallable;\n    getFieldRenderer: GetFieldRendererCallable;\n    editField: (field: CmsModelField | null) => void;\n    field: CmsModelField | null;\n    parent?: CmsModelField;\n    parentEditorContext?: FieldEditorContext;\n    depth: number;\n    dropTarget: DropTarget;\n    onFieldDrop: OnFieldDropCallable;\n    onEndDrag: OnEndDragCallable;\n    insertField: InsertFieldCallable;\n    moveField: MoveFieldCallable;\n    moveRow: MoveRowCallable;\n    updateField: UpdateFieldCallable;\n    deleteField: DeleteFieldCallable;\n    insertLayoutCell: InsertLayoutCellCallable;\n    updateLayoutCell: UpdateLayoutCellCallable;\n    deleteLayoutCell: DeleteLayoutCellCallable;\n    moveLayoutCell: MoveLayoutCellCallable;\n    getLayoutFieldType: GetLayoutFieldTypeCallable;\n    addField: AddFieldCallable;\n    removeField: RemoveFieldCallable;\n}\n\ninterface FieldEditorProviderProps extends FieldEditorProps {\n    children: React.ReactElement;\n}\n\ntype DropResult = {\n    dropTarget: string | null;\n};\n\nexport const FieldEditorContext = React.createContext<FieldEditorContext | undefined>(undefined);\n/**\n * We try to generate the random id string but with the check that it does not exist already.\n * Chances that the same string exists are quite small, but let's check it anyway.\n *\n * In most cases, there will be no iterations anyway...\n */\nconst maxGenerateIdIterations = 100;\nconst generateFieldId = (layout: string[]): string => {\n    let id = generateAlphaNumericLowerCaseId(8);\n\n    let iteration = 0;\n    while (layout.includes(id) && iteration < maxGenerateIdIterations) {\n        id = generateAlphaNumericLowerCaseId(8);\n        iteration++;\n    }\n    if (iteration >= maxGenerateIdIterations) {\n        throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);\n    }\n    return id;\n};\n\ninterface State {\n    layout: CmsEditorFieldsLayout;\n    fields: CmsModelField[];\n    field: CmsModelField | null;\n    dropTarget: DropTarget;\n}\nexport const FieldEditorProvider = ({\n    parent,\n    fields,\n    layout,\n    onChange,\n    children\n}: FieldEditorProviderProps) => {\n    // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n    let depth = 0;\n    let parentEditorContext: FieldEditorContext | undefined;\n    try {\n        const editor = useModelFieldEditor();\n        depth = editor.depth + 1;\n        parentEditorContext = editor;\n    } catch {\n        // There's no parent provider, so this is the top-level one.\n    }\n\n    const container = useContainer();\n    const fieldTypesMap = useMemo(() => {\n        const all = container.resolveAll(CmsFieldType);\n        const map = new Map<string, ICmsFieldType>();\n        for (const ft of all) {\n            map.set(ft.type, ft);\n        }\n        return map;\n    }, [container]);\n\n    const fieldRenderersMap = useMemo(() => {\n        const all = container.resolveAll(CmsFieldRenderer);\n        const map = new Map<string, ICmsFieldRenderer>();\n        for (const r of all) {\n            map.set(r.rendererName, r);\n        }\n        return map;\n    }, [container]);\n\n    const layoutFieldTypesMap = useMemo(() => {\n        const all = container.resolveAll(CmsLayoutFieldType);\n        const map = new Map<string, ICmsLayoutFieldType>();\n        for (const lft of all) {\n            map.set(lft.type, lft);\n        }\n        return map;\n    }, [container]);\n\n    const [state, setState] = useState<State>({\n        layout,\n        fields,\n        field: null,\n        dropTarget: {\n            row: -1,\n            index: null\n        }\n    });\n\n    useDeepCompareEffect(() => {\n        onChange({ fields: state.fields, layout: state.layout });\n    }, [state.fields, state.layout]);\n\n    const editField = useCallback((field: CmsModelField | null) => {\n        setState(state => ({ ...state, field }));\n    }, []);\n\n    const onDropTarget = {\n        dropTarget: parent ? parent.fieldId : null\n    };\n\n    const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n        const { pos, type, fieldType, field, fields = [] } = source;\n\n        const parentId = parent ? parent.fieldId : null;\n\n        if (type === \"row\") {\n            if (parentId !== source.parent) {\n                // We're dragging an existing row from another fieldset\n                fields.forEach((field, index) => {\n                    insertField({\n                        field,\n                        position: {\n                            row: dropTarget.row,\n                            index: index === 0 ? null : index\n                        }\n                    });\n                });\n            } else if (pos && pos.row !== undefined) {\n                // We're dragging a row within the same fieldset\n                moveRow(pos.row, dropTarget.row);\n            }\n\n            return onDropTarget;\n        }\n\n        // Handle new layout field drops (separator, alert, tabs, etc.)\n        if (type === \"newLayoutField\") {\n            const lft = getLayoutFieldType(source.layoutFieldType || \"\");\n            if (!lft) {\n                return null;\n            }\n            const layoutField = lft.createField();\n            insertLayoutCell(layoutField, dropTarget);\n            return null;\n        }\n\n        // Handle moving an existing layout field to a new position\n        if (type === \"layoutField\") {\n            if (source.layoutField) {\n                if (parentId !== source.parent) {\n                    // Cross-parent: insert a copy of the layout field into this context\n                    insertLayoutCell(source.layoutField, dropTarget);\n                    // Also add any fields carried by this layout field (e.g. fields inside tabs)\n                    if (fields.length > 0) {\n                        for (const f of fields) {\n                            addField(f);\n                        }\n                    }\n                } else {\n                    // Same parent: move within this context\n                    moveLayoutCell(source.layoutField.id, dropTarget);\n                }\n            }\n            return onDropTarget;\n        }\n\n        // If source pos is set, we are moving an existing field.\n        if (pos) {\n            if (!field) {\n                return onDropTarget;\n            }\n            if (parentId !== source.parent) {\n                // We're dragging an existing field from another fieldset\n                insertField({ field, position: dropTarget });\n            } else {\n                // We're dragging a field within the same fieldset\n                moveField({ field, position: dropTarget });\n            }\n            return onDropTarget;\n        }\n\n        if (!fieldType) {\n            return null;\n        }\n        const ft = fieldTypesMap.get(fieldType);\n        if (!ft) {\n            return null;\n        }\n\n        const fieldData = ft.createField() as CmsModelField;\n\n        if (ft.canEditSettings !== false) {\n            editField(fieldData);\n            setState(state => ({\n                ...state,\n                dropTarget\n            }));\n        } else {\n            insertField({ field: fieldData, position: dropTarget });\n        }\n        return null;\n    }, []);\n\n    const onEndDrag: OnEndDragCallable<DragObject, DropResult> = (\n        { type, field, fields, layoutField },\n        monitor\n    ) => {\n        if (!monitor.didDrop()) {\n            return;\n        }\n\n        // Check if we dropped outside of the source fieldset, and if yes, remove the item from the original parent.\n        const monitorResult = monitor.getDropResult();\n        const parentId = parent ? parent.fieldId : null;\n        if (monitorResult?.dropTarget === parentId) {\n            return;\n        }\n\n        if (type === \"layoutField\" && layoutField?.id) {\n            deleteLayoutCell(layoutField.id);\n            return;\n        }\n\n        const removeFields = type === \"row\" ? fields || [] : field ? [field] : [];\n        removeFields.forEach(field => deleteField(field));\n    };\n\n    const getFieldsInLayout: GetFieldsInLayoutCallable = () => {\n        // Replace every field ID with actual field object, pass through layout fields.\n        return state.layout\n            .filter(arr => arr.length)\n            .map(row => {\n                return row\n                    .map((cell: CmsEditorLayoutCell) => {\n                        if (isLayoutField(cell)) {\n                            return cell;\n                        }\n                        return getField({ id: cell });\n                    })\n                    .filter(Boolean);\n            })\n            .filter(row => {\n                return row.length > 0;\n            }) as (CmsModelField | CmsLayoutField)[][];\n    };\n\n    const getFieldRenderer: GetFieldRendererCallable = name => {\n        return fieldRenderersMap.get(name);\n    };\n\n    /**\n     * Checks if field of given type already exists in the list of fields.\n     */\n    const getField: GetFieldCallable = query => {\n        return state.fields.find(field => {\n            for (const key in query) {\n                if (!(key in field)) {\n                    return false;\n                }\n\n                if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n                    return false;\n                }\n            }\n\n            return true;\n        });\n    };\n\n    /**\n     * Inserts a new field into the target position.\n     */\n    const insertField: InsertFieldCallable = ({ field, position }) => {\n        if (!field.id) {\n            field.id = generateFieldId(\n                layout.flat().filter((c): c is string => typeof c === \"string\")\n            );\n        }\n\n        if (!field.type) {\n            throw new Error(`Field \"type\" missing.`);\n        }\n\n        if (!fieldTypesMap.has(field.type)) {\n            throw new Error(`No field type found for \"${field.type}\".`);\n        }\n\n        setState(prev => {\n            const next: State = {\n                ...prev,\n                fields: (prev.fields || []).concat(field)\n            };\n\n            // Move field to position where it was dropped.\n            return utils.moveField({ field, position, data: next });\n        });\n    };\n\n    /**\n     * Moves field to the given target position.\n     */\n    const moveField: MoveFieldCallable = ({ field, position }) => {\n        setState(data => {\n            return utils.moveField<State>({ field, position, data });\n        });\n    };\n\n    /**\n     * Moves row to a destination row.\n     */\n    const moveRow: MoveRowCallable = (source, destination) => {\n        setState(data => {\n            return utils.moveRow({ data, source, destination });\n        });\n    };\n\n    /**\n     * Updates field.\n     */\n    const updateField: UpdateFieldCallable = field => {\n        setState(data => {\n            for (let i = 0; i < data.fields.length; i++) {\n                if (data.fields[i].id === field.id) {\n                    return dot.set(data, `fields.${i}`, field);\n                }\n            }\n            return data;\n        });\n    };\n\n    /**\n     * Deletes a field (both from the list of field and the layout).\n     */\n    const deleteField: DeleteFieldCallable = field => {\n        setState(data => {\n            return utils.deleteField({ field, data });\n        });\n    };\n\n    /**\n     * Add a field to the fields array without placing it in the layout.\n     * Used by tabs to hoist fields to the parent context.\n     */\n    const addField: AddFieldCallable = field => {\n        setState(prev => {\n            // Don't add if already exists\n            if (prev.fields.some(f => f.id === field.id)) {\n                return prev;\n            }\n            return { ...prev, fields: [...prev.fields, field] };\n        });\n    };\n\n    /**\n     * Remove a field from the fields array by ID.\n     * Used by tabs to un-hoist fields from the parent context.\n     */\n    const removeField: RemoveFieldCallable = fieldId => {\n        setState(prev => ({\n            ...prev,\n            fields: prev.fields.filter(f => f.id !== fieldId)\n        }));\n    };\n\n    const getLayoutFieldType: GetLayoutFieldTypeCallable = type => {\n        return layoutFieldTypesMap.get(type);\n    };\n\n    /**\n     * Insert a layout field into the layout at the given position.\n     */\n    const insertLayoutCell: InsertLayoutCellCallable = (layoutField, position) => {\n        // Auto-assign a unique ID to the layout field.\n        const cell = {\n            ...layoutField,\n            id: generateAlphaNumericLowerCaseId(8)\n        } as CmsLayoutField;\n\n        setState(prev => {\n            const newLayout = [...prev.layout.map(row => [...row])];\n            const { row } = position;\n\n            // Layout fields always occupy a full row.\n            newLayout.splice(row, 0, [cell]);\n\n            return { ...prev, layout: newLayout.filter(r => r.length > 0) };\n        });\n    };\n\n    /**\n     * Update a layout field found by its ID.\n     */\n    const updateLayoutCell: UpdateLayoutCellCallable = (fieldId, layoutField) => {\n        setState(prev => {\n            const newLayout = prev.layout.map(row =>\n                row.map(cell => {\n                    if (isLayoutField(cell) && cell.id === fieldId) {\n                        return { ...layoutField, id: fieldId };\n                    }\n                    return cell;\n                })\n            );\n            return { ...prev, layout: newLayout };\n        });\n    };\n\n    /**\n     * Delete a layout field found by its ID.\n     * If it's a tabs layout field, also remove all hoisted fields from the fields array.\n     */\n    const deleteLayoutCell: DeleteLayoutCellCallable = fieldId => {\n        setState(prev => {\n            let fields = prev.fields;\n\n            // Find the descriptor to check if it's tabs (need to clean up hoisted fields)\n            for (const row of prev.layout) {\n                for (const cell of row) {\n                    if (isLayoutField(cell) && cell.id === fieldId && cell.type === \"tabs\") {\n                        const tabsField =\n                            cell as import(\"@webiny/app-headless-cms-common/types/model.js\").CmsTabLayoutField;\n                        const fieldIdsInTabs = new Set<string>();\n                        tabsField.tabs.forEach(tab => {\n                            tab.layout.forEach(r => {\n                                r.forEach(c => {\n                                    if (typeof c === \"string\") {\n                                        fieldIdsInTabs.add(c);\n                                    }\n                                });\n                            });\n                        });\n                        if (fieldIdsInTabs.size > 0) {\n                            fields = fields.filter(f => !fieldIdsInTabs.has(f.id));\n                        }\n                    }\n                }\n            }\n\n            const newLayout = prev.layout.map(row =>\n                row.filter(cell => !(isLayoutField(cell) && cell.id === fieldId))\n            );\n\n            return {\n                ...prev,\n                fields,\n                layout: newLayout.filter(r => r.length > 0)\n            };\n        });\n    };\n\n    /**\n     * Move a layout field (found by its ID) to a new position.\n     */\n    const moveLayoutCell: MoveLayoutCellCallable = (fieldId, position) => {\n        setState(prev => {\n            // Find the layout field by ID.\n            let layoutField: CmsLayoutField | undefined;\n            let sourceRow = -1;\n\n            for (let ri = 0; ri < prev.layout.length; ri++) {\n                for (const cell of prev.layout[ri]) {\n                    if (isLayoutField(cell) && cell.id === fieldId) {\n                        layoutField = cell;\n                        sourceRow = ri;\n                        break;\n                    }\n                }\n                if (layoutField) {\n                    break;\n                }\n            }\n\n            if (!layoutField || sourceRow === -1) {\n                return prev;\n            }\n\n            // 1. Remove the layout field from its source position.\n            const withoutSource = prev.layout.map(row =>\n                row.filter(cell => !(isLayoutField(cell) && cell.id === fieldId))\n            );\n\n            // 2. Was the source row emptied?\n            const sourceRowEmptied = withoutSource[sourceRow].length === 0;\n\n            // 3. Calculate the effective target row index.\n            //    The drop target row was computed against the original layout.\n            //    If we emptied a source row that was BEFORE the target, shift down by 1.\n            let targetRow = position.row;\n            if (sourceRowEmptied && sourceRow < targetRow) {\n                targetRow--;\n            }\n\n            // 4. Remove empty rows.\n            const cleaned = withoutSource.filter(r => r.length > 0);\n\n            // 5. Clamp target row and insert the layout field as its own row.\n            targetRow = Math.max(0, Math.min(targetRow, cleaned.length));\n            cleaned.splice(targetRow, 0, [layoutField]);\n\n            return { ...prev, layout: cleaned };\n        });\n    };\n\n    const noConflict: NoConflictCallable = useCallback(\n        (isVisible?: IsVisibleCallable) => item => {\n            const sameParent = item.parent === onDropTarget.dropTarget;\n            const draggedFields: string[] = [];\n            switch (item.type) {\n                case \"row\":\n                    (item.fields || []).forEach(field => draggedFields.push(field.fieldId));\n                    break;\n                case \"field\":\n                    if (!item.field) {\n                        break;\n                    }\n                    draggedFields.push(item.field.fieldId);\n                    break;\n                default:\n                    break;\n            }\n\n            if (\n                draggedFields.length &&\n                !sameParent &&\n                fields.some(field => draggedFields.includes(field.fieldId))\n            ) {\n                return false;\n            }\n\n            return typeof isVisible === \"function\" ? isVisible(item) : true;\n        },\n        [fields.map(f => f.fieldId).join(\".\")]\n    );\n\n    const value: FieldEditorContext = {\n        parent,\n        parentEditorContext,\n        depth,\n        getFieldsInLayout,\n        getFieldType: (type: string) => fieldTypesMap.get(type),\n        getFieldRenderer,\n        getField,\n        editField,\n        field: state.field,\n        dropTarget: state.dropTarget,\n        onFieldDrop,\n        onEndDrag,\n        insertField,\n        moveField,\n        moveRow,\n        updateField,\n        deleteField,\n        insertLayoutCell,\n        updateLayoutCell,\n        deleteLayoutCell,\n        moveLayoutCell,\n        getLayoutFieldType,\n        addField,\n        removeField,\n        fields: getFieldsInLayout(),\n        noConflict,\n        layout: state.layout\n    };\n\n    return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"names":["FieldEditorContext","React","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","Error","FieldEditorProvider","parent","fields","onChange","children","depth","parentEditorContext","editor","useModelFieldEditor","container","useContainer","fieldTypesMap","useMemo","all","CmsFieldType","map","Map","ft","fieldRenderersMap","CmsFieldRenderer","r","layoutFieldTypesMap","CmsLayoutFieldType","lft","state","setState","useState","useDeepCompareEffect","editField","useCallback","field","onDropTarget","onFieldDrop","source","dropTarget","pos","type","fieldType","parentId","index","insertField","moveRow","getLayoutFieldType","layoutField","insertLayoutCell","f","addField","moveLayoutCell","moveField","fieldData","onEndDrag","monitor","monitorResult","deleteLayoutCell","removeFields","deleteField","getFieldsInLayout","arr","row","cell","isLayoutField","getField","Boolean","getFieldRenderer","name","query","key","position","c","prev","next","utils","data","destination","updateField","i","dot","removeField","fieldId","newLayout","updateLayoutCell","tabsField","fieldIdsInTabs","Set","tab","sourceRow","ri","withoutSource","sourceRowEmptied","targetRow","cleaned","Math","noConflict","isVisible","item","sameParent","draggedFields","value"],"mappings":"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"}

package/admin/components/FieldEditor/LayoutCell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { CmsLayoutField } from "@webiny/app-headless-cms-common/types/model.js";
+import type { CmsLayoutField } from "../../../types.js";
 interface LayoutCellProps {
     field: CmsLayoutField;
     rowIndex: number;

package/admin/components/FieldEditor/LayoutCell.js

@@ -2,9 +2,9 @@ import react from "react";
 import { useModelFieldEditor } from "./useModelFieldEditor.js";
 import { Text } from "@webiny/admin-ui";
 const LayoutCell = ({ field })=>{
-    const { getLayoutFieldPlugin, updateLayoutCell, deleteLayoutCell } = useModelFieldEditor();
-    const plugin = getLayoutFieldPlugin(field.type);
-    if (!plugin) return /*#__PURE__*/ react.createElement("div", {
+    const { getLayoutFieldType, updateLayoutCell, deleteLayoutCell } = useModelFieldEditor();
+    const layoutFieldType = getLayoutFieldType(field.type);
+    if (!layoutFieldType) return /*#__PURE__*/ react.createElement("div", {
         className: "p-md bg-destructive-dimmed rounded-xs"
     }, /*#__PURE__*/ react.createElement(Text, {
         size: "sm"
@@ -15,7 +15,7 @@ const LayoutCell = ({ field })=>{
     const onDelete = ()=>{
         deleteLayoutCell(field.id);
     };
-    return plugin.field.render({
+    return layoutFieldType.render({
         field,
         onUpdate,
         onDelete

package/admin/components/FieldEditor/LayoutCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/components/FieldEditor/LayoutCell.js","sources":["../../../../src/admin/components/FieldEditor/LayoutCell.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsLayoutField } from \"@webiny/app-headless-cms-common/types/model.js\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface LayoutCellProps {\n    field: CmsLayoutField;\n    rowIndex: number;\n    cellIndex: number;\n}\n\nexport const LayoutCell = ({ field }: LayoutCellProps) => {\n    const { getLayoutFieldPlugin, updateLayoutCell, deleteLayoutCell } = useModelFieldEditor();\n\n    const plugin = getLayoutFieldPlugin(field.type);\n\n    if (!plugin) {\n        return (\n            <div className={\"p-md bg-destructive-dimmed rounded-xs\"}>\n                <Text size={\"sm\"}>Unknown layout field type: &quot;{field.type}&quot;</Text>\n            </div>\n        );\n    }\n\n    const onUpdate = (d: CmsLayoutField) => {\n        updateLayoutCell(field.id, d);\n    };\n\n    const onDelete = () => {\n        deleteLayoutCell(field.id);\n    };\n\n    return plugin.field.render({ field, onUpdate, onDelete });\n};\n"],"names":["LayoutCell","field","getLayoutFieldPlugin","updateLayoutCell","deleteLayoutCell","useModelFieldEditor","plugin","Text","onUpdate","d","onDelete"],"mappings":";;;AAWO,MAAMA,aAAa,CAAC,EAAEC,KAAK,EAAmB;IACjD,MAAM,EAAEC,oBAAoB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC;IAErE,MAAMC,SAASJ,qBAAqBD,MAAM,IAAI;IAE9C,IAAI,CAACK,QACD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;OAAM,gCAAkCN,MAAM,IAAI,EAAC;IAK3E,MAAMO,WAAW,CAACC;QACdN,iBAAiBF,MAAM,EAAE,EAAEQ;IAC/B;IAEA,MAAMC,WAAW;QACbN,iBAAiBH,MAAM,EAAE;IAC7B;IAEA,OAAOK,OAAO,KAAK,CAAC,MAAM,CAAC;QAAEL;QAAOO;QAAUE;IAAS;AAC3D"}
+{"version":3,"file":"admin/components/FieldEditor/LayoutCell.js","sources":["../../../../src/admin/components/FieldEditor/LayoutCell.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsLayoutField } from \"~/types.js\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\nimport { Text } from \"@webiny/admin-ui\";\n\ninterface LayoutCellProps {\n    field: CmsLayoutField;\n    rowIndex: number;\n    cellIndex: number;\n}\n\nexport const LayoutCell = ({ field }: LayoutCellProps) => {\n    const { getLayoutFieldType, updateLayoutCell, deleteLayoutCell } = useModelFieldEditor();\n\n    const layoutFieldType = getLayoutFieldType(field.type);\n\n    if (!layoutFieldType) {\n        return (\n            <div className={\"p-md bg-destructive-dimmed rounded-xs\"}>\n                <Text size={\"sm\"}>Unknown layout field type: &quot;{field.type}&quot;</Text>\n            </div>\n        );\n    }\n\n    const onUpdate = (d: CmsLayoutField) => {\n        updateLayoutCell(field.id, d);\n    };\n\n    const onDelete = () => {\n        deleteLayoutCell(field.id);\n    };\n\n    return layoutFieldType.render({ field, onUpdate, onDelete });\n};\n"],"names":["LayoutCell","field","getLayoutFieldType","updateLayoutCell","deleteLayoutCell","useModelFieldEditor","layoutFieldType","Text","onUpdate","d","onDelete"],"mappings":";;;AAWO,MAAMA,aAAa,CAAC,EAAEC,KAAK,EAAmB;IACjD,MAAM,EAAEC,kBAAkB,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAE,GAAGC;IAEnE,MAAMC,kBAAkBJ,mBAAmBD,MAAM,IAAI;IAErD,IAAI,CAACK,iBACD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA;QAAC,MAAM;OAAM,gCAAkCN,MAAM,IAAI,EAAC;IAK3E,MAAMO,WAAW,CAACC;QACdN,iBAAiBF,MAAM,EAAE,EAAEQ;IAC/B;IAEA,MAAMC,WAAW;QACbN,iBAAiBH,MAAM,EAAE;IAC7B;IAEA,OAAOK,gBAAgB,MAAM,CAAC;QAAEL;QAAOO;QAAUE;IAAS;AAC9D"}

package/admin/components/FieldEditor/utils/deleteField.d.ts

@@ -4,5 +4,5 @@ interface DeleteFieldParams {
     field: Pick<CmsModelField, "id">;
     data: DeleteFieldParamsData;
 }
-declare const _default: (params: DeleteFieldParams) => any;
 export default _default;
+declare function _default(params: DeleteFieldParams): any;

package/admin/components/FieldEditor/utils/deleteField.js.map

@@ -1 +1 @@
-{"version":3,"file":"admin/components/FieldEditor/utils/deleteField.js","sources":["../../../../../src/admin/components/FieldEditor/utils/deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModelField, CmsModel } from \"~/types.js\";\nimport type { CmsEditorLayoutCell } from \"@webiny/app-headless-cms-common/types/model.js\";\n\ntype DeleteFieldParamsData = Pick<CmsModel, \"fields\" | \"layout\">;\ninterface DeleteFieldParams {\n    field: Pick<CmsModelField, \"id\">;\n    data: DeleteFieldParamsData;\n}\nexport default (params: DeleteFieldParams) => {\n    const { field, data: prev } = params;\n    // Remove the field from fields list...\n    const fieldIndex = prev.fields.findIndex(item => item.id === field.id);\n    const data = dot.delete(prev, `fields.${fieldIndex}`) as DeleteFieldParamsData;\n\n    // ...and rebuild the layout object, preserving layout descriptors.\n    return dot.set(data, \"layout\", (layout: DeleteFieldParamsData[\"layout\"]) => {\n        if (!layout) {\n            return [];\n        }\n        const newLayout: CmsEditorLayoutCell[][] = [];\n        let currentRowIndex = 0;\n        layout.forEach(row => {\n            row.forEach(cell => {\n                // Preserve layout descriptors (objects) as-is\n                if (typeof cell !== \"string\") {\n                    if (!Array.isArray(newLayout[currentRowIndex])) {\n                        newLayout[currentRowIndex] = [];\n                    }\n                    newLayout[currentRowIndex].push(cell);\n                    return;\n                }\n                const field = data.fields.find(item => item.id === cell);\n                if (!field) {\n                    return;\n                }\n                if (!Array.isArray(newLayout[currentRowIndex])) {\n                    newLayout[currentRowIndex] = [];\n                }\n\n                newLayout[currentRowIndex].push(cell);\n            });\n            newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;\n        });\n\n        return newLayout;\n    });\n};\n"],"names":["params","field","prev","fieldIndex","item","data","dot","layout","newLayout","currentRowIndex","row","cell","Array"],"mappings":";AASA,oBAAgB,CAAAA;IACZ,MAAM,EAAEC,KAAK,EAAE,MAAMC,IAAI,EAAE,GAAGF;IAE9B,MAAMG,aAAaD,KAAK,MAAM,CAAC,SAAS,CAACE,CAAAA,OAAQA,KAAK,EAAE,KAAKH,MAAM,EAAE;IACrE,MAAMI,OAAOC,kBAAAA,CAAAA,SAAU,CAACJ,MAAM,CAAC,OAAO,EAAEC,YAAY;IAGpD,OAAOG,mBAAAA,GAAO,CAACD,MAAM,UAAU,CAACE;QAC5B,IAAI,CAACA,QACD,OAAO,EAAE;QAEb,MAAMC,YAAqC,EAAE;QAC7C,IAAIC,kBAAkB;QACtBF,OAAO,OAAO,CAACG,CAAAA;YACXA,IAAI,OAAO,CAACC,CAAAA;gBAER,IAAI,AAAgB,YAAhB,OAAOA,MAAmB;oBAC1B,IAAI,CAACC,MAAM,OAAO,CAACJ,SAAS,CAACC,gBAAgB,GACzCD,SAAS,CAACC,gBAAgB,GAAG,EAAE;oBAEnCD,SAAS,CAACC,gBAAgB,CAAC,IAAI,CAACE;oBAChC;gBACJ;gBACA,MAAMV,QAAQI,KAAK,MAAM,CAAC,IAAI,CAACD,CAAAA,OAAQA,KAAK,EAAE,KAAKO;gBACnD,IAAI,CAACV,OACD;gBAEJ,IAAI,CAACW,MAAM,OAAO,CAACJ,SAAS,CAACC,gBAAgB,GACzCD,SAAS,CAACC,gBAAgB,GAAG,EAAE;gBAGnCD,SAAS,CAACC,gBAAgB,CAAC,IAAI,CAACE;YACpC;YACAH,SAAS,CAACC,gBAAgB,IAAID,SAAS,CAACC,gBAAgB,CAAC,MAAM,IAAIA;QACvE;QAEA,OAAOD;IACX;AACJ"}
+{"version":3,"file":"admin/components/FieldEditor/utils/deleteField.js","sources":["../../../../../src/admin/components/FieldEditor/utils/deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModelField, CmsModel, CmsEditorLayoutCell } from \"~/types.js\";\n\ntype DeleteFieldParamsData = Pick<CmsModel, \"fields\" | \"layout\">;\ninterface DeleteFieldParams {\n    field: Pick<CmsModelField, \"id\">;\n    data: DeleteFieldParamsData;\n}\nexport default (params: DeleteFieldParams) => {\n    const { field, data: prev } = params;\n    // Remove the field from fields list...\n    const fieldIndex = prev.fields.findIndex(item => item.id === field.id);\n    const data = dot.delete(prev, `fields.${fieldIndex}`) as DeleteFieldParamsData;\n\n    // ...and rebuild the layout object, preserving layout descriptors.\n    return dot.set(data, \"layout\", (layout: DeleteFieldParamsData[\"layout\"]) => {\n        if (!layout) {\n            return [];\n        }\n        const newLayout: CmsEditorLayoutCell[][] = [];\n        let currentRowIndex = 0;\n        layout.forEach(row => {\n            row.forEach(cell => {\n                // Preserve layout descriptors (objects) as-is\n                if (typeof cell !== \"string\") {\n                    if (!Array.isArray(newLayout[currentRowIndex])) {\n                        newLayout[currentRowIndex] = [];\n                    }\n                    newLayout[currentRowIndex].push(cell);\n                    return;\n                }\n                const field = data.fields.find(item => item.id === cell);\n                if (!field) {\n                    return;\n                }\n                if (!Array.isArray(newLayout[currentRowIndex])) {\n                    newLayout[currentRowIndex] = [];\n                }\n\n                newLayout[currentRowIndex].push(cell);\n            });\n            newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;\n        });\n\n        return newLayout;\n    });\n};\n"],"names":["params","field","prev","fieldIndex","item","data","dot","layout","newLayout","currentRowIndex","row","cell","Array"],"mappings":";AAQA,oBAAgB,CAAAA;IACZ,MAAM,EAAEC,KAAK,EAAE,MAAMC,IAAI,EAAE,GAAGF;IAE9B,MAAMG,aAAaD,KAAK,MAAM,CAAC,SAAS,CAACE,CAAAA,OAAQA,KAAK,EAAE,KAAKH,MAAM,EAAE;IACrE,MAAMI,OAAOC,kBAAAA,CAAAA,SAAU,CAACJ,MAAM,CAAC,OAAO,EAAEC,YAAY;IAGpD,OAAOG,mBAAAA,GAAO,CAACD,MAAM,UAAU,CAACE;QAC5B,IAAI,CAACA,QACD,OAAO,EAAE;QAEb,MAAMC,YAAqC,EAAE;QAC7C,IAAIC,kBAAkB;QACtBF,OAAO,OAAO,CAACG,CAAAA;YACXA,IAAI,OAAO,CAACC,CAAAA;gBAER,IAAI,AAAgB,YAAhB,OAAOA,MAAmB;oBAC1B,IAAI,CAACC,MAAM,OAAO,CAACJ,SAAS,CAACC,gBAAgB,GACzCD,SAAS,CAACC,gBAAgB,GAAG,EAAE;oBAEnCD,SAAS,CAACC,gBAAgB,CAAC,IAAI,CAACE;oBAChC;gBACJ;gBACA,MAAMV,QAAQI,KAAK,MAAM,CAAC,IAAI,CAACD,CAAAA,OAAQA,KAAK,EAAE,KAAKO;gBACnD,IAAI,CAACV,OACD;gBAEJ,IAAI,CAACW,MAAM,OAAO,CAACJ,SAAS,CAACC,gBAAgB,GACzCD,SAAS,CAACC,gBAAgB,GAAG,EAAE;gBAGnCD,SAAS,CAACC,gBAAgB,CAAC,IAAI,CAACE;YACpC;YACAH,SAAS,CAACC,gBAAgB,IAAID,SAAS,CAACC,gBAAgB,CAAC,MAAM,IAAIA;QACvE;QAEA,OAAOD;IACX;AACJ"}

package/admin/components/FieldEditor/utils/getFieldPosition.d.ts

@@ -3,5 +3,5 @@ interface GetFieldPositionParams {
     field: string | CmsModelField;
     data: Pick<CmsModel, "layout">;
 }
-declare const _default: (params: GetFieldPositionParams) => FieldLayoutPosition | null;
 export default _default;
+declare function _default(params: GetFieldPositionParams): FieldLayoutPosition | null;

package/admin/components/FieldEditor/utils/moveField.d.ts

@@ -5,5 +5,5 @@ interface MoveFieldParams<T> {
     position: FieldLayoutPosition;
     data: T;
 }
-declare const _default: <T extends CmsModel>(params: MoveFieldParams<T>) => T;
 export default _default;
+declare function _default<T extends CmsModel>(params: MoveFieldParams<T>): T;

package/admin/components/FieldEditor/utils/moveRow.d.ts

@@ -4,5 +4,5 @@ interface Params {
     destination: number;
     data: Pick<CmsModel, "layout">;
 }
-declare const _default: ({ data, source, destination }: Params) => any;
 export default _default;
+declare function _default({ data, source, destination }: Params): any;

package/admin/components/ModelFieldProvider/ModelFieldContext.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+import { CmsModelField } from "../../../types.js";
+export type ModelFieldContext = CmsModelField;
+export declare const ModelFieldContext: React.Context<{
+    id: string;
+    type: string;
+    fieldId: import("~/types.js").CmsEditorFieldId;
+    storageId?: string;
+    label: string;
+    help?: string | React.ReactNode;
+    description?: string | React.ReactNode;
+    note?: string | React.ReactNode;
+    placeholder?: string;
+    validation?: (import("~/types.js").CmsModelFieldValidator | import("@webiny/validation/types").Validator)[];
+    listValidation?: import("~/types.js").CmsModelFieldValidator[];
+    list?: boolean;
+    predefinedValues?: import("~/types.js").CmsEditorFieldPredefinedValues;
+    settings?: import("~/types.js").CmsModelFieldSettings<unknown> | undefined;
+    renderer: {
+        name: string;
+        settings?: Record<string, any>;
+    };
+    tags?: string[];
+    rules?: import("~/types.js").FieldRule[];
+} | undefined>;
+export interface ModelFieldProviderProps {
+    field: CmsModelField;
+    children: React.ReactNode;
+}
+export declare const ModelFieldProvider: ({ field, children }: ModelFieldProviderProps) => React.JSX.Element;
+export declare const ParentValueIndexProvider: {
+    ({ children, ...props }: {
+        index: number;
+    } & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export declare const useParentValueIndex: () => number;