@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useState","dot","useDeepCompareEffect","isLayoutField","plugins","utils","useModelFieldEditor","generateAlphaNumericLowerCaseId","FieldEditorContext","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","parentEditorContext","editor","state","setState","field","dropTarget","row","index","editField","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","plugin","getLayoutFieldPlugin","layoutFieldType","layoutField","createField","insertLayoutCell","length","f","addField","moveLayoutCell","moveField","getFieldPlugin","fieldData","canEditSettings","onEndDrag","monitor","didDrop","monitorResult","getDropResult","deleteLayoutCell","removeFields","deleteField","getFieldsInLayout","filter","arr","map","cell","getField","Boolean","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","c","fieldPlugin","prev","next","concat","data","destination","updateField","i","set","some","removeField","newLayout","splice","r","updateLayoutCell","tabsField","fieldIdsInTabs","Set","tabs","tab","add","size","has","sourceRow","ri","withoutSource","sourceRowEmptied","targetRow","cleaned","Math","max","min","noConflict","isVisible","item","sameParent","draggedFields","push","join","value","createElement","Provider"],"sources":["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"],"mappings":"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","ignoreList":[]}
+{"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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"}

package/admin/components/FieldEditor/LayoutCell.js

@@ -1,33 +1,26 @@
-import React from "react";
+import react from "react";
 import { useModelFieldEditor } from "./useModelFieldEditor.js";
 import { Text } from "@webiny/admin-ui";
-export const LayoutCell = ({
-  field
-}) => {
-  const {
-    getLayoutFieldPlugin,
-    updateLayoutCell,
-    deleteLayoutCell
-  } = useModelFieldEditor();
-  const plugin = getLayoutFieldPlugin(field.type);
-  if (!plugin) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "p-md bg-destructive-dimmed rounded-xs"
-    }, /*#__PURE__*/React.createElement(Text, {
-      size: "sm"
-    }, "Unknown layout field type: \"", field.type, "\""));
-  }
-  const onUpdate = d => {
-    updateLayoutCell(field.id, d);
-  };
-  const onDelete = () => {
-    deleteLayoutCell(field.id);
-  };
-  return plugin.field.render({
-    field,
-    onUpdate,
-    onDelete
-  });
+const LayoutCell = ({ field })=>{
+    const { getLayoutFieldPlugin, updateLayoutCell, deleteLayoutCell } = useModelFieldEditor();
+    const plugin = getLayoutFieldPlugin(field.type);
+    if (!plugin) return /*#__PURE__*/ react.createElement("div", {
+        className: "p-md bg-destructive-dimmed rounded-xs"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm"
+    }, 'Unknown layout field type: "', field.type, '"'));
+    const onUpdate = (d)=>{
+        updateLayoutCell(field.id, d);
+    };
+    const onDelete = ()=>{
+        deleteLayoutCell(field.id);
+    };
+    return plugin.field.render({
+        field,
+        onUpdate,
+        onDelete
+    });
 };
+export { LayoutCell };
 
 //# sourceMappingURL=LayoutCell.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useModelFieldEditor","Text","LayoutCell","field","getLayoutFieldPlugin","updateLayoutCell","deleteLayoutCell","plugin","type","createElement","className","size","onUpdate","d","id","onDelete","render"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,mBAAmB;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AAQvC,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACtD,MAAM;IAAEC,oBAAoB;IAAEC,gBAAgB;IAAEC;EAAiB,CAAC,GAAGN,mBAAmB,CAAC,CAAC;EAE1F,MAAMO,MAAM,GAAGH,oBAAoB,CAACD,KAAK,CAACK,IAAI,CAAC;EAE/C,IAAI,CAACD,MAAM,EAAE;IACT,oBACIR,KAAA,CAAAU,aAAA;MAAKC,SAAS,EAAE;IAAwC,gBACpDX,KAAA,CAAAU,aAAA,CAACR,IAAI;MAACU,IAAI,EAAE;IAAK,GAAC,+BAAiC,EAACR,KAAK,CAACK,IAAI,EAAC,IAAY,CAC1E,CAAC;EAEd;EAEA,MAAMI,QAAQ,GAAIC,CAAiB,IAAK;IACpCR,gBAAgB,CAACF,KAAK,CAACW,EAAE,EAAED,CAAC,CAAC;EACjC,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACnBT,gBAAgB,CAACH,KAAK,CAACW,EAAE,CAAC;EAC9B,CAAC;EAED,OAAOP,MAAM,CAACJ,KAAK,CAACa,MAAM,CAAC;IAAEb,KAAK;IAAES,QAAQ;IAAEG;EAAS,CAAC,CAAC;AAC7D,CAAC","ignoreList":[]}
+{"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"}

package/admin/components/FieldEditor/index.js

@@ -1,4 +1,2 @@
 export { FieldEditor } from "./FieldEditor.js";
 export { useModelFieldEditor } from "./useModelFieldEditor.js";
-
-//# sourceMappingURL=index.js.map

package/admin/components/FieldEditor/useModelFieldEditor.js

@@ -1,11 +1,10 @@
 import { useContext } from "react";
 import { FieldEditorContext } from "./FieldEditorContext.js";
-export function useModelFieldEditor() {
-  const context = useContext(FieldEditorContext);
-  if (!context) {
-    throw Error(`FieldEditorContext is missing in the component tree. Are you useing the "useFieldEditor()" hook in the right place?`);
-  }
-  return context;
+function useModelFieldEditor() {
+    const context = useContext(FieldEditorContext);
+    if (!context) throw Error('FieldEditorContext is missing in the component tree. Are you useing the "useFieldEditor()" hook in the right place?');
+    return context;
 }
+export { useModelFieldEditor };
 
 //# sourceMappingURL=useModelFieldEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","FieldEditorContext","useModelFieldEditor","context","Error"],"sources":["useModelFieldEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FieldEditorContext } from \"./FieldEditorContext.js\";\n\nexport function useModelFieldEditor() {\n    const context = useContext(FieldEditorContext);\n    if (!context) {\n        throw Error(\n            `FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,kBAAkB;AAE3B,OAAO,SAASC,mBAAmBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAGH,UAAU,CAACC,kBAAkB,CAAC;EAC9C,IAAI,CAACE,OAAO,EAAE;IACV,MAAMC,KAAK,CACP,qHACJ,CAAC;EACL;EAEA,OAAOD,OAAO;AAClB","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/useModelFieldEditor.js","sources":["../../../../src/admin/components/FieldEditor/useModelFieldEditor.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { FieldEditorContext } from \"./FieldEditorContext.js\";\n\nexport function useModelFieldEditor() {\n    const context = useContext(FieldEditorContext);\n    if (!context) {\n        throw Error(\n            `FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?`\n        );\n    }\n\n    return context;\n}\n"],"names":["useModelFieldEditor","context","useContext","FieldEditorContext","Error"],"mappings":";;AAGO,SAASA;IACZ,MAAMC,UAAUC,WAAWC;IAC3B,IAAI,CAACF,SACD,MAAMG,MACF;IAIR,OAAOH;AACX"}

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

@@ -1,43 +1,29 @@
-import dot from "dot-prop-immutable";
-export default params => {
-  const {
-    field,
-    data: prev
-  } = params;
-  // Remove the field from fields list...
-  const fieldIndex = prev.fields.findIndex(item => item.id === field.id);
-  const data = dot.delete(prev, `fields.${fieldIndex}`);
-
-  // ...and rebuild the layout object, preserving layout descriptors.
-  return dot.set(data, "layout", layout => {
-    if (!layout) {
-      return [];
-    }
-    const newLayout = [];
-    let currentRowIndex = 0;
-    layout.forEach(row => {
-      row.forEach(cell => {
-        // Preserve layout descriptors (objects) as-is
-        if (typeof cell !== "string") {
-          if (!Array.isArray(newLayout[currentRowIndex])) {
-            newLayout[currentRowIndex] = [];
-          }
-          newLayout[currentRowIndex].push(cell);
-          return;
-        }
-        const field = data.fields.find(item => item.id === cell);
-        if (!field) {
-          return;
-        }
-        if (!Array.isArray(newLayout[currentRowIndex])) {
-          newLayout[currentRowIndex] = [];
-        }
-        newLayout[currentRowIndex].push(cell);
-      });
-      newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;
+import dot_prop_immutable from "dot-prop-immutable";
+const deleteField = (params)=>{
+    const { field, data: prev } = params;
+    const fieldIndex = prev.fields.findIndex((item)=>item.id === field.id);
+    const data = dot_prop_immutable["delete"](prev, `fields.${fieldIndex}`);
+    return dot_prop_immutable.set(data, "layout", (layout)=>{
+        if (!layout) return [];
+        const newLayout = [];
+        let currentRowIndex = 0;
+        layout.forEach((row)=>{
+            row.forEach((cell)=>{
+                if ("string" != typeof cell) {
+                    if (!Array.isArray(newLayout[currentRowIndex])) newLayout[currentRowIndex] = [];
+                    newLayout[currentRowIndex].push(cell);
+                    return;
+                }
+                const field = data.fields.find((item)=>item.id === cell);
+                if (!field) return;
+                if (!Array.isArray(newLayout[currentRowIndex])) newLayout[currentRowIndex] = [];
+                newLayout[currentRowIndex].push(cell);
+            });
+            newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;
+        });
+        return newLayout;
     });
-    return newLayout;
-  });
 };
+export default deleteField;
 
 //# sourceMappingURL=deleteField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dot","params","field","data","prev","fieldIndex","fields","findIndex","item","id","delete","set","layout","newLayout","currentRowIndex","forEach","row","cell","Array","isArray","push","find","length"],"sources":["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"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AASpC,eAAgBC,MAAyB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGH,MAAM;EACpC;EACA,MAAMI,UAAU,GAAGD,IAAI,CAACE,MAAM,CAACC,SAAS,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE,CAAC;EACtE,MAAMN,IAAI,GAAGH,GAAG,CAACU,MAAM,CAACN,IAAI,EAAE,UAAUC,UAAU,EAAE,CAA0B;;EAE9E;EACA,OAAOL,GAAG,CAACW,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAGS,MAAuC,IAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,MAAMC,SAAkC,GAAG,EAAE;IAC7C,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAACC,GAAG,IAAI;MAClBA,GAAG,CAACD,OAAO,CAACE,IAAI,IAAI;QAChB;QACA,IAAI,OAAOA,IAAI,KAAK,QAAQ,EAAE;UAC1B,IAAI,CAACC,KAAK,CAACC,OAAO,CAACN,SAAS,CAACC,eAAe,CAAC,CAAC,EAAE;YAC5CD,SAAS,CAACC,eAAe,CAAC,GAAG,EAAE;UACnC;UACAD,SAAS,CAACC,eAAe,CAAC,CAACM,IAAI,CAACH,IAAI,CAAC;UACrC;QACJ;QACA,MAAMf,KAAK,GAAGC,IAAI,CAACG,MAAM,CAACe,IAAI,CAACb,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKQ,IAAI,CAAC;QACxD,IAAI,CAACf,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACgB,KAAK,CAACC,OAAO,CAACN,SAAS,CAACC,eAAe,CAAC,CAAC,EAAE;UAC5CD,SAAS,CAACC,eAAe,CAAC,GAAG,EAAE;QACnC;QAEAD,SAAS,CAACC,eAAe,CAAC,CAACM,IAAI,CAACH,IAAI,CAAC;MACzC,CAAC,CAAC;MACFJ,SAAS,CAACC,eAAe,CAAC,IAAID,SAAS,CAACC,eAAe,CAAC,CAACQ,MAAM,IAAIR,eAAe,EAAE;IACxF,CAAC,CAAC;IAEF,OAAOD,SAAS;EACpB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"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"}

package/admin/components/FieldEditor/utils/getFieldPosition.js

@@ -1,27 +1,21 @@
-export default params => {
-  const {
-    field,
-    data
-  } = params;
-  const id = typeof field === "string" ? field : field.id;
-  const layout = data.layout ? data.layout : [];
-  for (let i = 0; i < layout.length; i++) {
-    const row = layout[i];
-    for (let j = 0; j < row.length; j++) {
-      const cell = row[j];
-      // Skip layout descriptors (objects) — only match string field IDs
-      if (typeof cell !== "string") {
-        continue;
-      }
-      if (cell === id) {
-        return {
-          row: i,
-          index: j
-        };
-      }
+const getFieldPosition = (params)=>{
+    const { field, data } = params;
+    const id = "string" == typeof field ? field : field.id;
+    const layout = data.layout ? data.layout : [];
+    for(let i = 0; i < layout.length; i++){
+        const row = layout[i];
+        for(let j = 0; j < row.length; j++){
+            const cell = row[j];
+            if ("string" == typeof cell) {
+                if (cell === id) return {
+                    row: i,
+                    index: j
+                };
+            }
+        }
     }
-  }
-  return null;
+    return null;
 };
+export default getFieldPosition;
 
 //# sourceMappingURL=getFieldPosition.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["params","field","data","id","layout","i","length","row","j","cell","index"],"sources":["getFieldPosition.ts"],"sourcesContent":["import type { CmsModelField, CmsModel, FieldLayoutPosition } from \"~/types.js\";\n\ninterface GetFieldPositionParams {\n    field: string | CmsModelField;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default (params: GetFieldPositionParams): FieldLayoutPosition | null => {\n    const { field, data } = params;\n    const id = typeof field === \"string\" ? field : field.id;\n    const layout = data.layout ? data.layout : [];\n    for (let i = 0; i < layout.length; i++) {\n        const row = layout[i];\n        for (let j = 0; j < row.length; j++) {\n            const cell = row[j];\n            // Skip layout descriptors (objects) — only match string field IDs\n            if (typeof cell !== \"string\") {\n                continue;\n            }\n            if (cell === id) {\n                return { row: i, index: j };\n            }\n        }\n    }\n\n    return null;\n};\n"],"mappings":"AAMA,eAAgBA,MAA8B,IAAiC;EAC3E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,MAAM;EAC9B,MAAMG,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,MAAMC,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAG,EAAE;EAC7C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,MAAME,GAAG,GAAGH,MAAM,CAACC,CAAC,CAAC;IACrB,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACD,MAAM,EAAEE,CAAC,EAAE,EAAE;MACjC,MAAMC,IAAI,GAAGF,GAAG,CAACC,CAAC,CAAC;MACnB;MACA,IAAI,OAAOC,IAAI,KAAK,QAAQ,EAAE;QAC1B;MACJ;MACA,IAAIA,IAAI,KAAKN,EAAE,EAAE;QACb,OAAO;UAAEI,GAAG,EAAEF,CAAC;UAAEK,KAAK,EAAEF;QAAE,CAAC;MAC/B;IACJ;EACJ;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/utils/getFieldPosition.js","sources":["../../../../../src/admin/components/FieldEditor/utils/getFieldPosition.ts"],"sourcesContent":["import type { CmsModelField, CmsModel, FieldLayoutPosition } from \"~/types.js\";\n\ninterface GetFieldPositionParams {\n    field: string | CmsModelField;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default (params: GetFieldPositionParams): FieldLayoutPosition | null => {\n    const { field, data } = params;\n    const id = typeof field === \"string\" ? field : field.id;\n    const layout = data.layout ? data.layout : [];\n    for (let i = 0; i < layout.length; i++) {\n        const row = layout[i];\n        for (let j = 0; j < row.length; j++) {\n            const cell = row[j];\n            // Skip layout descriptors (objects) — only match string field IDs\n            if (typeof cell !== \"string\") {\n                continue;\n            }\n            if (cell === id) {\n                return { row: i, index: j };\n            }\n        }\n    }\n\n    return null;\n};\n"],"names":["params","field","data","id","layout","i","row","j","cell"],"mappings":"AAMA,yBAAgB,CAAAA;IACZ,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGF;IACxB,MAAMG,KAAK,AAAiB,YAAjB,OAAOF,QAAqBA,QAAQA,MAAM,EAAE;IACvD,MAAMG,SAASF,KAAK,MAAM,GAAGA,KAAK,MAAM,GAAG,EAAE;IAC7C,IAAK,IAAIG,IAAI,GAAGA,IAAID,OAAO,MAAM,EAAEC,IAAK;QACpC,MAAMC,MAAMF,MAAM,CAACC,EAAE;QACrB,IAAK,IAAIE,IAAI,GAAGA,IAAID,IAAI,MAAM,EAAEC,IAAK;YACjC,MAAMC,OAAOF,GAAG,CAACC,EAAE;YAEnB,IAAI,AAAgB,YAAhB,OAAOC,MAGX;gBAAA,IAAIA,SAASL,IACT,OAAO;oBAAE,KAAKE;oBAAG,OAAOE;gBAAE;YAC9B;QACJ;IACJ;IAEA,OAAO;AACX"}

package/admin/components/FieldEditor/utils/index.js

@@ -2,5 +2,3 @@ export { default as getFieldPosition } from "./getFieldPosition.js";
 export { default as moveField } from "./moveField.js";
 export { default as deleteField } from "./deleteField.js";
 export { default as moveRow } from "./moveRow.js";
-
-//# sourceMappingURL=index.js.map

package/admin/components/FieldEditor/utils/moveField.js

@@ -1,52 +1,41 @@
-import dot from "dot-prop-immutable";
+import dot_prop_immutable from "dot-prop-immutable";
 import getFieldPosition from "./getFieldPosition.js";
-const moveField = params => {
-  const {
-    field,
-    position,
-    data: prev
-  } = params;
-  const {
-    row,
-    index
-  } = position;
-  const fieldId = typeof field === "string" ? field : field.id;
-  let next = {
-    ...prev,
-    layout: prev.layout ? prev.layout || [] : []
-  };
-  const existingPosition = getFieldPosition({
-    field: fieldId,
-    data: prev
-  });
-  if (existingPosition) {
-    next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`);
-  }
-
-  // Setting a form field into a new non-existing row.
-  if (!next.layout[row]) {
-    return dot.set(next, `layout.${row}`, [fieldId]);
-  }
-
-  // Drop the field at the specified index.
-  if (index === null) {
-    // Create a new row with the new field at the given row index,
-    return dot.set(next, "layout", layout => {
-      const newLayout = [...layout];
-      newLayout.splice(row, 0, [fieldId]);
-      return newLayout;
+const moveField = (params)=>{
+    const { field, position, data: prev } = params;
+    const { row, index } = position;
+    const fieldId = "string" == typeof field ? field : field.id;
+    let next = {
+        ...prev,
+        layout: prev.layout ? prev.layout || [] : []
+    };
+    const existingPosition = getFieldPosition({
+        field: fieldId,
+        data: prev
+    });
+    if (existingPosition) next = dot_prop_immutable["delete"](prev, `layout.${existingPosition.row}.${existingPosition.index}`);
+    if (!next.layout[row]) return dot_prop_immutable.set(next, `layout.${row}`, [
+        fieldId
+    ]);
+    if (null === index) return dot_prop_immutable.set(next, "layout", (layout)=>{
+        const newLayout = [
+            ...layout
+        ];
+        newLayout.splice(row, 0, [
+            fieldId
+        ]);
+        return newLayout;
+    });
+    return dot_prop_immutable.set(next, `layout.${row}`, (layout)=>{
+        const newLayout = [
+            ...layout
+        ];
+        newLayout.splice(index, 0, fieldId);
+        return newLayout;
     });
-  }
-  return dot.set(next, `layout.${row}`, layout => {
-    const newLayout = [...layout];
-    newLayout.splice(index, 0, fieldId);
-    return newLayout;
-  });
-};
-export default params => {
-  return dot.set(moveField(params), "layout", layout => {
-    return [...layout].filter(row => row.length > 0);
-  });
 };
+const utils_moveField = (params)=>dot_prop_immutable.set(moveField(params), "layout", (layout)=>[
+            ...layout
+        ].filter((row)=>row.length > 0));
+export default utils_moveField;
 
 //# sourceMappingURL=moveField.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n    CmsModelField,\n    CmsEditorFieldId,\n    CmsModel as BaseCmsModel,\n    FieldLayoutPosition\n} from \"~/types.js\";\nimport getFieldPosition from \"./getFieldPosition.js\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" | \"layout\">>;\n\ninterface MoveFieldParams<T> {\n    field: CmsEditorFieldId | Pick<CmsModelField, \"id\">;\n    position: FieldLayoutPosition;\n    data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n    const { field, position, data: prev } = params;\n    const { row, index } = position;\n    const fieldId = typeof field === \"string\" ? field : field.id;\n\n    let next: T = {\n        ...prev,\n        layout: prev.layout ? prev.layout || [] : []\n    };\n\n    const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n    if (existingPosition) {\n        next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n    }\n\n    // Setting a form field into a new non-existing row.\n    if (!next.layout[row]) {\n        return dot.set(next, `layout.${row}`, [fieldId]);\n    }\n\n    // Drop the field at the specified index.\n    if (index === null) {\n        // Create a new row with the new field at the given row index,\n        return dot.set(next, \"layout\", (layout: string[][]) => {\n            const newLayout = [...layout];\n            newLayout.splice(row, 0, [fieldId]);\n            return newLayout;\n        });\n    }\n\n    return dot.set(next, `layout.${row}`, (layout: string[]) => {\n        const newLayout = [...layout];\n        newLayout.splice(index, 0, fieldId);\n        return newLayout;\n    });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n    return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n        return [...layout].filter(row => row.length > 0);\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/utils/moveField.js","sources":["../../../../../src/admin/components/FieldEditor/utils/moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n    CmsModelField,\n    CmsEditorFieldId,\n    CmsModel as BaseCmsModel,\n    FieldLayoutPosition\n} from \"~/types.js\";\nimport getFieldPosition from \"./getFieldPosition.js\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" | \"layout\">>;\n\ninterface MoveFieldParams<T> {\n    field: CmsEditorFieldId | Pick<CmsModelField, \"id\">;\n    position: FieldLayoutPosition;\n    data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n    const { field, position, data: prev } = params;\n    const { row, index } = position;\n    const fieldId = typeof field === \"string\" ? field : field.id;\n\n    let next: T = {\n        ...prev,\n        layout: prev.layout ? prev.layout || [] : []\n    };\n\n    const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n    if (existingPosition) {\n        next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n    }\n\n    // Setting a form field into a new non-existing row.\n    if (!next.layout[row]) {\n        return dot.set(next, `layout.${row}`, [fieldId]);\n    }\n\n    // Drop the field at the specified index.\n    if (index === null) {\n        // Create a new row with the new field at the given row index,\n        return dot.set(next, \"layout\", (layout: string[][]) => {\n            const newLayout = [...layout];\n            newLayout.splice(row, 0, [fieldId]);\n            return newLayout;\n        });\n    }\n\n    return dot.set(next, `layout.${row}`, (layout: string[]) => {\n        const newLayout = [...layout];\n        newLayout.splice(index, 0, fieldId);\n        return newLayout;\n    });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n    return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n        return [...layout].filter(row => row.length > 0);\n    });\n};\n"],"names":["moveField","params","field","position","prev","row","index","fieldId","next","existingPosition","getFieldPosition","dot","layout","newLayout"],"mappings":";;AAiBA,MAAMA,YAAY,CAAqBC;IACnC,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE,MAAMC,IAAI,EAAE,GAAGH;IACxC,MAAM,EAAEI,GAAG,EAAEC,KAAK,EAAE,GAAGH;IACvB,MAAMI,UAAU,AAAiB,YAAjB,OAAOL,QAAqBA,QAAQA,MAAM,EAAE;IAE5D,IAAIM,OAAU;QACV,GAAGJ,IAAI;QACP,QAAQA,KAAK,MAAM,GAAGA,KAAK,MAAM,IAAI,EAAE,GAAG,EAAE;IAChD;IAEA,MAAMK,mBAAmBC,iBAAiB;QAAE,OAAOH;QAAS,MAAMH;IAAK;IAEvE,IAAIK,kBACAD,OAAOG,kBAAAA,CAAAA,SAAU,CAACP,MAAM,CAAC,OAAO,EAAEK,iBAAiB,GAAG,CAAC,CAAC,EAAEA,iBAAiB,KAAK,EAAE;IAItF,IAAI,CAACD,KAAK,MAAM,CAACH,IAAI,EACjB,OAAOM,mBAAAA,GAAO,CAACH,MAAM,CAAC,OAAO,EAAEH,KAAK,EAAE;QAACE;KAAQ;IAInD,IAAID,AAAU,SAAVA,OAEA,OAAOK,mBAAAA,GAAO,CAACH,MAAM,UAAU,CAACI;QAC5B,MAAMC,YAAY;eAAID;SAAO;QAC7BC,UAAU,MAAM,CAACR,KAAK,GAAG;YAACE;SAAQ;QAClC,OAAOM;IACX;IAGJ,OAAOF,mBAAAA,GAAO,CAACH,MAAM,CAAC,OAAO,EAAEH,KAAK,EAAE,CAACO;QACnC,MAAMC,YAAY;eAAID;SAAO;QAC7BC,UAAU,MAAM,CAACP,OAAO,GAAGC;QAC3B,OAAOM;IACX;AACJ;AAEA,wBAAe,CAAqBZ,SACzBU,mBAAAA,GAAO,CAACX,UAAaC,SAAS,UAAU,CAACW,SACrC;eAAIA;SAAO,CAAC,MAAM,CAACP,CAAAA,MAAOA,IAAI,MAAM,GAAG"}

package/admin/components/FieldEditor/utils/moveRow.js

@@ -1,12 +1,15 @@
-import dot from "dot-prop-immutable";
-export default ({
-  data,
-  source,
-  destination
-}) => {
-  return dot.set(data, "layout", layout => {
-    return source < destination ? [...layout.slice(0, source), ...layout.slice(source + 1, destination), layout[source], ...layout.slice(destination)] : [...layout.slice(0, destination), layout[source], ...layout.slice(destination, source), ...layout.slice(source + 1)];
-  });
-};
+import dot_prop_immutable from "dot-prop-immutable";
+const moveRow = ({ data, source, destination })=>dot_prop_immutable.set(data, "layout", (layout)=>source < destination ? [
+            ...layout.slice(0, source),
+            ...layout.slice(source + 1, destination),
+            layout[source],
+            ...layout.slice(destination)
+        ] : [
+            ...layout.slice(0, destination),
+            layout[source],
+            ...layout.slice(destination, source),
+            ...layout.slice(source + 1)
+        ]);
+export default moveRow;
 
 //# sourceMappingURL=moveRow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["dot","data","source","destination","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n    source: number;\n    destination: number;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n    return dot.set(data, \"layout\", (layout: string[][]) => {\n        return source < destination\n            ? [\n                  ...layout.slice(0, source),\n                  ...layout.slice(source + 1, destination),\n                  layout[source],\n                  ...layout.slice(destination)\n              ]\n            : [\n                  ...layout.slice(0, destination),\n                  layout[source],\n                  ...layout.slice(destination, source),\n                  ...layout.slice(source + 1)\n              ];\n    });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/FieldEditor/utils/moveRow.js","sources":["../../../../../src/admin/components/FieldEditor/utils/moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n    source: number;\n    destination: number;\n    data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n    return dot.set(data, \"layout\", (layout: string[][]) => {\n        return source < destination\n            ? [\n                  ...layout.slice(0, source),\n                  ...layout.slice(source + 1, destination),\n                  layout[source],\n                  ...layout.slice(destination)\n              ]\n            : [\n                  ...layout.slice(0, destination),\n                  layout[source],\n                  ...layout.slice(destination, source),\n                  ...layout.slice(source + 1)\n              ];\n    });\n};\n"],"names":["data","source","destination","dot","layout"],"mappings":";AAQA,gBAAgB,GAAEA,IAAI,EAAEC,MAAM,EAAEC,WAAW,EAAU,GAC1CC,mBAAAA,GAAO,CAACH,MAAM,UAAU,CAACI,SACrBH,SAASC,cACV;eACOE,OAAO,KAAK,CAAC,GAAGH;eAChBG,OAAO,KAAK,CAACH,SAAS,GAAGC;YAC5BE,MAAM,CAACH,OAAO;eACXG,OAAO,KAAK,CAACF;SACnB,GACD;eACOE,OAAO,KAAK,CAAC,GAAGF;YACnBE,MAAM,CAACH,OAAO;eACXG,OAAO,KAAK,CAACF,aAAaD;eAC1BG,OAAO,KAAK,CAACH,SAAS;SAC5B"}