npm - @webiny/app-headless-cms - Versions diffs - 6.4.12-beta.4 → 6.5.0-beta.0 - Mend

@webiny/app-headless-cms 6.4.12-beta.4 → 6.5.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2869) hide show

package/admin/components/FieldEditor/FieldEditorContext.js CHANGED Viewed

@@ -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,13 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
         parentEditorContext,
         depth,
         getFieldsInLayout,
-        getFieldPlugin,
-        getFieldRendererPlugin,
+        getFieldType: (typeOrField)=>{
+            if ("string" == typeof typeOrField) return fieldTypesMap.get(typeOrField);
+            const field = typeOrField;
+            for (const ft of fieldTypesMap.values())if (ft.matches?.(field)) return ft;
+            return fieldTypesMap.get(field.type);
+        },
+        getFieldRenderer,
         getField,
         editField,
         field: state.field,
@@ -327,7 +357,7 @@ const FieldEditorProvider = ({ parent, fields, layout, onChange, children })=>{
         updateLayoutCell,
         deleteLayoutCell,
         moveLayoutCell,
-        getLayoutFieldPlugin,
+        getLayoutFieldType,
         addField,
         removeField,
         fields: getFieldsInLayout(),

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

	@@ -1 +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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"}
1	+ {"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: (typeOrField: string \| CmsModelField) => 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: (typeOrField: string \| CmsModelField) => {\n if (typeof typeOrField === \"string\") {\n return fieldTypesMap.get(typeOrField);\n }\n // Prefer an explicit `matches()` (e.g. the Asset field, stored as\n // `object`, resolves to the Asset descriptor rather than Object) before\n // falling back to a plain type match.\n const field = typeOrField;\n for (const ft of fieldTypesMap.values()) {\n if (ft.matches?.(field)) {\n return ft;\n }\n }\n return fieldTypesMap.get(field.type);\n },\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","typeOrField"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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: "{field.type}"</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~~"}
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 \"~/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: "{field.type}"</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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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, 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/LexicalCmsEditor/LexicalEditor.js CHANGED Viewed

@@ -3,18 +3,22 @@ import { StaticToolbar } from "@webiny/lexical-editor";
 import { LexicalEditor } from "@webiny/app-admin";
 const placeholderStyles = {
     position: "absolute",
-    top: 40,
-    left: 25
+    top: 0,
+    left: 0,
+    padding: "8px 12px",
+    marginTop: 0,
+    color: "var(--text-color-neutral-muted)"
 };
 const contentEditableStyles = {
     minHeight: 200,
     display: "block",
-    padding: 10
+    padding: "8px 12px"
 };
 const styles = {
-    backgroundColor: "#fff",
-    border: "1px solid #e1e1e1",
-    padding: "10px 14px",
+    backgroundColor: "var(--color-neutral-base)",
+    border: "1px solid var(--border-color-neutral-muted)",
+    borderTop: "none",
+    borderRadius: "0 0 var(--radius-md) var(--radius-md)",
     minHeight: 200,
     maxHeight: 350
 };

package/admin/components/LexicalCmsEditor/LexicalEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/components/LexicalCmsEditor/LexicalEditor.js","sources":["../../../../src/admin/components/LexicalCmsEditor/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\n\nconst placeholderStyles: React.CSSProperties = { position: \"absolute\", top: ~~40,~~ left: 25 };\n\nconst contentEditableStyles: React.CSSProperties = {\n minHeight: 200,\n display: \"block\",\n padding: 10\n};\n\nconst styles: React.CSSProperties = {\n backgroundColor: \"~~#fff~~\",\n border: \"1px solid ~~#e1e1e1~~\",\n ~~padding~~: \"~~10px~~ ~~14px~~\",\n minHeight: 200,\n maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport type LexicalEditorProps = Omit<BaseLexicalEditor.Props, \"theme\">;\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n return (\n <BaseLexicalEditor\n {...props}\n focus={true}\n staticToolbar={toolbar}\n tag={\"p\"}\n placeholder={props?.placeholder \|\| \"Enter your text here...\"}\n placeholderStyles={placeholderStyles}\n contentEditableStyles={contentEditableStyles}\n styles={styles}\n />\n );\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","toolbar","StaticToolbar","LexicalEditor","props","BaseLexicalEditor"],"mappings":";;;~~AAIA~~,MAAMA,oBAAyC;~~IAAE~~,UAAU;~~IAAY~~,KAAK;~~IAAI~~,MAAM;~~AAAG~~;~~AAEzF~~,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;~~IACR~~,~~SAAS~~;~~IACT~~,WAAW;IACX,WAAW;AACf;AAEA,MAAMC,UAAU,WAAHA,GAAG,oBAACC,eAAaA;AAIvB,MAAMC,8BAAgB,CAACC,QACnB,WAAP,GACI,oBAACC,eAAiBA;QACb,GAAGD,KAAK;QACT,OAAO;QACP,eAAeH;QACf,KAAK;QACL,aAAaG,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC"}
1	+ {"version":3,"file":"admin/components/LexicalCmsEditor/LexicalEditor.js","sources":["../../../../src/admin/components/LexicalCmsEditor/LexicalEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { LexicalEditor as BaseLexicalEditor } from \"@webiny/app-admin\";\n\n// Overlay the contentEditable: same origin + same padding as `contentEditableStyles`, and\n// neutralize the Placeholder component's default -20px margin. This makes the placeholder's\n// first line land exactly on the editor's text start.\nconst placeholderStyles: React.CSSProperties = {\n position: \"absolute\",\n top: 0,\n left: 0,\n padding: \"8px 12px\",\n marginTop: 0,\n // Font size/family come from the paragraph typography class (applied by RichTextEditor);\n // keep the placeholder muted.\n color: \"var(--text-color-neutral-muted)\"\n};\n\nconst contentEditableStyles: React.CSSProperties = {\n minHeight: 200,\n display: \"block\",\n padding: \"8px 12px\"\n};\n\nconst styles: React.CSSProperties = {\n backgroundColor: \"var(--color-neutral-base)\",\n border: \"1px solid var(--border-color-neutral-muted)\",\n // The static toolbar sits directly above and carries the top border, so the body\n // drops its top border and rounds only the bottom corners — together one seamless\n // rounded container, no internal divider (matches Figma).\n borderTop: \"none\",\n borderRadius: \"0 0 var(--radius-md) var(--radius-md)\",\n // Padding lives on the contentEditable only (avoids doubled inset).\n minHeight: 200,\n maxHeight: 350\n};\n\nconst toolbar = <StaticToolbar />;\n\nexport type LexicalEditorProps = Omit<BaseLexicalEditor.Props, \"theme\">;\n\nexport const LexicalEditor = (props: LexicalEditorProps) => {\n return (\n <BaseLexicalEditor\n {...props}\n focus={true}\n staticToolbar={toolbar}\n tag={\"p\"}\n placeholder={props?.placeholder \|\| \"Enter your text here...\"}\n placeholderStyles={placeholderStyles}\n contentEditableStyles={contentEditableStyles}\n styles={styles}\n />\n );\n};\n"],"names":["placeholderStyles","contentEditableStyles","styles","toolbar","StaticToolbar","LexicalEditor","props","BaseLexicalEditor"],"mappings":";;;AAOA,MAAMA,oBAAyC;IAC3C,UAAU;IACV,KAAK;IACL,MAAM;IACN,SAAS;IACT,WAAW;IAGX,OAAO;AACX;AAEA,MAAMC,wBAA6C;IAC/C,WAAW;IACX,SAAS;IACT,SAAS;AACb;AAEA,MAAMC,SAA8B;IAChC,iBAAiB;IACjB,QAAQ;IAIR,WAAW;IACX,cAAc;IAEd,WAAW;IACX,WAAW;AACf;AAEA,MAAMC,UAAU,WAAHA,GAAG,oBAACC,eAAaA;AAIvB,MAAMC,8BAAgB,CAACC,QACnB,WAAP,GACI,oBAACC,eAAiBA;QACb,GAAGD,KAAK;QACT,OAAO;QACP,eAAeH;QACf,KAAK;QACL,aAAaG,OAAO,eAAe;QACnC,mBAAmBN;QACnB,uBAAuBC;QACvB,QAAQC"}

package/admin/components/LexicalCmsEditor/TypographyDropDown.js CHANGED Viewed

@@ -41,14 +41,15 @@ const TypographyDropDown = ()=>{
         element
     ]);
     return /*#__PURE__*/ react.createElement(react.Fragment, null, styles?.length ? /*#__PURE__*/ react.createElement(DropDown, {
-        buttonClassName: "toolbar-item typography-dropdown",
+        buttonClassName: "toolbar-item typography-dropdown block-type-dropdown",
         buttonAriaLabel: "Typography formatting options",
         buttonLabel: value?.label || "Typography",
         stopCloseOnClickSelf: true,
         disabled: false,
         showScroll: true
     }, styles?.map((option)=>/*#__PURE__*/ react.createElement(DropDownItem, {
-            className: `item typography-item ${value?.id === option.id ? "active dropdown-item-active" : ""}`,
+            className: "item typography-item",
+            selected: value?.id === option.id,
             onClick: ()=>applyTypography(option),
             key: option.id
         }, /*#__PURE__*/ react.createElement("span", {

package/admin/components/LexicalCmsEditor/TypographyDropDown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/components/LexicalCmsEditor/TypographyDropDown.js","sources":["../../../../src/admin/components/LexicalCmsEditor/TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n DropDown,\n DropDownItem,\n useCurrentSelection,\n useCurrentElement,\n useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n $isHeadingNode,\n $isParagraphNode,\n $isQuoteNode,\n $isListNode,\n ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nexport type TypographyStyle = {\n id: string;\n label: string;\n tag: string;\n className: string;\n};\n\nexport const TypographyDropDown = () => {\n const { value, applyTypography } = useTypographyAction();\n const { lexicalTheme } = useAdminConfig();\n\n const [styles, setStyles] = useState<TypographyStyle[]>([]);\n const { element } = useCurrentElement();\n const { rangeSelection } = useCurrentSelection();\n\n const getAllTextStyles = (): TypographyStyle[] => {\n const headingsStyles = lexicalTheme.typography.headings \|\| [];\n const paragraphStyles = lexicalTheme.typography.paragraphs \|\| [];\n\n return [...headingsStyles, ...paragraphStyles];\n };\n\n const getListStyles = (tag: string): TypographyStyle[] => {\n const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) \|\| [];\n if (listStyles.length > 0) {\n return listStyles;\n }\n\n const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) \|\| [];\n };\n\n useEffect(() => {\n if (!element \|\| !rangeSelection) {\n return;\n }\n\n if ($isParagraphNode(element) \|\| $isHeadingNode(element)) {\n setStyles(getAllTextStyles());\n } else if ($isListNode(element)) {\n let type;\n try {\n const anchorNode = rangeSelection.anchor.getNode();\n const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n if (parentList) {\n type = parentList.getListType();\n }\n } catch {\n type = element.getListType();\n }\n\n if (type === \"bullet\") {\n setStyles(getListStyles(\"ul\"));\n } else {\n setStyles(getListStyles(\"ol\"));\n }\n } else if ($isQuoteNode(element)) {\n setStyles(lexicalTheme.typography.quotes \|\| []);\n } else {\n setStyles([]);\n }\n }, [element]);\n\n return (\n <>\n {!!styles?.length ? (\n <DropDown\n buttonClassName=\"toolbar-item typography-dropdown\"\n buttonAriaLabel={\"Typography formatting options\"}\n buttonLabel={value?.label \|\| \"Typography\"}\n stopCloseOnClickSelf={true}\n disabled={false}\n showScroll={true}\n >\n {styles?.map(option => (\n <DropDownItem\n className~~={`~~item typography-item ${\n value?.id === option.id ~~? \"active dropdown-item-active\" : \"\"\n~~ }`}\n onClick={() => applyTypography(option)}\n key={option.id}\n >\n <span className=\"text\">{option.label}</span>\n </DropDownItem>\n ))}\n </DropDown>\n ) : null}\n </>\n );\n};\n"],"names":["TypographyDropDown","value","applyTypography","useTypographyAction","lexicalTheme","useAdminConfig","styles","setStyles","useState","element","useCurrentElement","rangeSelection","useCurrentSelection","getAllTextStyles","headingsStyles","paragraphStyles","getListStyles","tag","listStyles","x","fallbackTag","useEffect","$isParagraphNode","$isHeadingNode","$isListNode","type","anchorNode","parentList","$getNearestNodeOfType","ListNode","$isQuoteNode","DropDown","option","DropDownItem"],"mappings":";;;;;AAyBO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAEC,eAAe,EAAE,GAAGC;IACnC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAA4B,EAAE;IAC1D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,mBAAmB;QACrB,MAAMC,iBAAiBV,aAAa,UAAU,CAAC,QAAQ,IAAI,EAAE;QAC7D,MAAMW,kBAAkBX,aAAa,UAAU,CAAC,UAAU,IAAI,EAAE;QAEhE,OAAO;eAAIU;eAAmBC;SAAgB;IAClD;IAEA,MAAMC,gBAAgB,CAACC;QACnB,MAAMC,aAAad,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKF,QAAQ,EAAE;QAClF,IAAIC,WAAW,MAAM,GAAG,GACpB,OAAOA;QAGX,MAAME,cAAcH,AAAQ,SAARA,MAAe,OAAO;QAC1C,OAAOb,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKC,gBAAgB,EAAE;IAClF;IAEAC,UAAU;QACN,IAAI,CAACZ,WAAW,CAACE,gBACb;QAGJ,IAAIW,iBAAiBb,YAAYc,eAAed,UAC5CF,UAAUM;aACP,IAAIW,YAAYf,UAAU;YAC7B,IAAIgB;YACJ,IAAI;gBACA,MAAMC,aAAaf,eAAe,MAAM,CAAC,OAAO;gBAChD,MAAMgB,aAAaC,sBAAgCF,YAAYG;gBAC/D,IAAIF,YACAF,OAAOE,WAAW,WAAW;YAErC,EAAE,OAAM;gBACJF,OAAOhB,QAAQ,WAAW;YAC9B;YAEa,aAATgB,OACAlB,UAAUS,cAAc,SAExBT,UAAUS,cAAc;QAEhC,OAAWc,aAAarB,WACpBF,UAAUH,aAAa,UAAU,CAAC,MAAM,IAAI,EAAE,IAE9CG,UAAU,EAAE;IAEpB,GAAG;QAACE;KAAQ;IAEZ,OAAO,WAAP,GACI,0CACK,AAAEH,QAAQ,SAAS,WAAT,GACP,oBAACyB,UAAQA;QACL,iBAAgB;QAChB,iBAAiB;QACjB,aAAa9B,OAAO,SAAS;QAC7B,sBAAsB;QACtB,UAAU;QACV,YAAY;OAEXK,QAAQ,IAAI0B,CAAAA,SAAAA,WAAAA,GACT,oBAACC,cAAYA;YACT,~~WAAW~~,~~CAAC~~,~~qBAAqB,EAC7BhC,~~OAAO,OAAO+B,OAAO,EAAE~~,GAAG,gCAAgC,IAC5D~~;~~YACF~~,SAAS,IAAM9B,gBAAgB8B;YAC/B,KAAKA,OAAO,EAAE;yBAEd,oBAAC;YAAK,WAAU;WAAQA,OAAO,KAAK,OAIhD;AAGhB"}
1	+ {"version":3,"file":"admin/components/LexicalCmsEditor/TypographyDropDown.js","sources":["../../../../src/admin/components/LexicalCmsEditor/TypographyDropDown.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { $getNearestNodeOfType } from \"@lexical/utils\";\nimport {\n DropDown,\n DropDownItem,\n useCurrentSelection,\n useCurrentElement,\n useTypographyAction\n} from \"@webiny/lexical-editor\";\nimport {\n $isHeadingNode,\n $isParagraphNode,\n $isQuoteNode,\n $isListNode,\n ListNode\n} from \"@webiny/lexical-nodes\";\nimport { useAdminConfig } from \"@webiny/app-admin\";\n\nexport type TypographyStyle = {\n id: string;\n label: string;\n tag: string;\n className: string;\n};\n\nexport const TypographyDropDown = () => {\n const { value, applyTypography } = useTypographyAction();\n const { lexicalTheme } = useAdminConfig();\n\n const [styles, setStyles] = useState<TypographyStyle[]>([]);\n const { element } = useCurrentElement();\n const { rangeSelection } = useCurrentSelection();\n\n const getAllTextStyles = (): TypographyStyle[] => {\n const headingsStyles = lexicalTheme.typography.headings \|\| [];\n const paragraphStyles = lexicalTheme.typography.paragraphs \|\| [];\n\n return [...headingsStyles, ...paragraphStyles];\n };\n\n const getListStyles = (tag: string): TypographyStyle[] => {\n const listStyles = lexicalTheme.typography.lists?.filter(x => x.tag === tag) \|\| [];\n if (listStyles.length > 0) {\n return listStyles;\n }\n\n const fallbackTag = tag === \"ul\" ? \"ol\" : \"ul\";\n return lexicalTheme.typography.lists?.filter(x => x.tag === fallbackTag) \|\| [];\n };\n\n useEffect(() => {\n if (!element \|\| !rangeSelection) {\n return;\n }\n\n if ($isParagraphNode(element) \|\| $isHeadingNode(element)) {\n setStyles(getAllTextStyles());\n } else if ($isListNode(element)) {\n let type;\n try {\n const anchorNode = rangeSelection.anchor.getNode();\n const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);\n if (parentList) {\n type = parentList.getListType();\n }\n } catch {\n type = element.getListType();\n }\n\n if (type === \"bullet\") {\n setStyles(getListStyles(\"ul\"));\n } else {\n setStyles(getListStyles(\"ol\"));\n }\n } else if ($isQuoteNode(element)) {\n setStyles(lexicalTheme.typography.quotes \|\| []);\n } else {\n setStyles([]);\n }\n }, [element]);\n\n return (\n <>\n {!!styles?.length ? (\n <DropDown\n buttonClassName=\"toolbar-item typography-dropdown block-type-dropdown\"\n buttonAriaLabel={\"Typography formatting options\"}\n buttonLabel={value?.label \|\| \"Typography\"}\n stopCloseOnClickSelf={true}\n disabled={false}\n showScroll={true}\n >\n {styles?.map(option => (\n <DropDownItem\n className=\"item typography-item\"\n selected={value?.id === option.id}\n onClick={() => applyTypography(option)}\n key={option.id}\n >\n <span className=\"text\">{option.label}</span>\n </DropDownItem>\n ))}\n </DropDown>\n ) : null}\n </>\n );\n};\n"],"names":["TypographyDropDown","value","applyTypography","useTypographyAction","lexicalTheme","useAdminConfig","styles","setStyles","useState","element","useCurrentElement","rangeSelection","useCurrentSelection","getAllTextStyles","headingsStyles","paragraphStyles","getListStyles","tag","listStyles","x","fallbackTag","useEffect","$isParagraphNode","$isHeadingNode","$isListNode","type","anchorNode","parentList","$getNearestNodeOfType","ListNode","$isQuoteNode","DropDown","option","DropDownItem"],"mappings":";;;;;AAyBO,MAAMA,qBAAqB;IAC9B,MAAM,EAAEC,KAAK,EAAEC,eAAe,EAAE,GAAGC;IACnC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAA4B,EAAE;IAC1D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,cAAc,EAAE,GAAGC;IAE3B,MAAMC,mBAAmB;QACrB,MAAMC,iBAAiBV,aAAa,UAAU,CAAC,QAAQ,IAAI,EAAE;QAC7D,MAAMW,kBAAkBX,aAAa,UAAU,CAAC,UAAU,IAAI,EAAE;QAEhE,OAAO;eAAIU;eAAmBC;SAAgB;IAClD;IAEA,MAAMC,gBAAgB,CAACC;QACnB,MAAMC,aAAad,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKF,QAAQ,EAAE;QAClF,IAAIC,WAAW,MAAM,GAAG,GACpB,OAAOA;QAGX,MAAME,cAAcH,AAAQ,SAARA,MAAe,OAAO;QAC1C,OAAOb,aAAa,UAAU,CAAC,KAAK,EAAE,OAAOe,CAAAA,IAAKA,EAAE,GAAG,KAAKC,gBAAgB,EAAE;IAClF;IAEAC,UAAU;QACN,IAAI,CAACZ,WAAW,CAACE,gBACb;QAGJ,IAAIW,iBAAiBb,YAAYc,eAAed,UAC5CF,UAAUM;aACP,IAAIW,YAAYf,UAAU;YAC7B,IAAIgB;YACJ,IAAI;gBACA,MAAMC,aAAaf,eAAe,MAAM,CAAC,OAAO;gBAChD,MAAMgB,aAAaC,sBAAgCF,YAAYG;gBAC/D,IAAIF,YACAF,OAAOE,WAAW,WAAW;YAErC,EAAE,OAAM;gBACJF,OAAOhB,QAAQ,WAAW;YAC9B;YAEa,aAATgB,OACAlB,UAAUS,cAAc,SAExBT,UAAUS,cAAc;QAEhC,OAAWc,aAAarB,WACpBF,UAAUH,aAAa,UAAU,CAAC,MAAM,IAAI,EAAE,IAE9CG,UAAU,EAAE;IAEpB,GAAG;QAACE;KAAQ;IAEZ,OAAO,WAAP,GACI,0CACK,AAAEH,QAAQ,SAAS,WAAT,GACP,oBAACyB,UAAQA;QACL,iBAAgB;QAChB,iBAAiB;QACjB,aAAa9B,OAAO,SAAS;QAC7B,sBAAsB;QACtB,UAAU;QACV,YAAY;OAEXK,QAAQ,IAAI0B,CAAAA,SAAAA,WAAAA,GACT,oBAACC,cAAYA;YACT,WAAU;YACV,UAAUhC,OAAO,OAAO+B,OAAO,EAAE;YACjC,SAAS,IAAM9B,gBAAgB8B;YAC/B,KAAKA,OAAO,EAAE;yBAEd,oBAAC;YAAK,WAAU;WAAQA,OAAO,KAAK,OAIhD;AAGhB"}

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

@@ -0,0 +1,40 @@
+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;
+    disabled?: 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;

package/admin/components/ModelFieldProvider/ModelFieldContext.js ADDED Viewed

@@ -0,0 +1,19 @@
+import react from "react";
+import { createGenericContext } from "@webiny/app-admin";
+const ModelFieldContext = /*#__PURE__*/ react.createContext(void 0);
+const ModelFieldProvider = ({ field, children })=>/*#__PURE__*/ react.createElement(ModelFieldContext.Provider, {
+        value: field
+    }, children);
+const { Provider: Provider, useHook: useHook } = createGenericContext("FieldIndex");
+const ParentValueIndexProvider = Provider;
+const useParentValueIndex = ()=>{
+    try {
+        const context = useHook();
+        return context.index;
+    } catch  {
+        return -1;
+    }
+};
+export { ModelFieldContext, ModelFieldProvider, ParentValueIndexProvider, useParentValueIndex };
+//# sourceMappingURL=ModelFieldContext.js.map

package/admin/components/ModelFieldProvider/ModelFieldContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"admin/components/ModelFieldProvider/ModelFieldContext.js","sources":["../../../../src/admin/components/ModelFieldProvider/ModelFieldContext.tsx"],"sourcesContent":["import React from \"react\";\nimport { createGenericContext } from \"@webiny/app-admin\";\nimport { CmsModelField } from \"~/types.js\";\n\nexport type ModelFieldContext = CmsModelField;\n\nexport const ModelFieldContext = React.createContext<ModelFieldContext | undefined>(undefined);\n\nexport interface ModelFieldProviderProps {\n field: CmsModelField;\n children: React.ReactNode;\n}\n\nexport const ModelFieldProvider = ({ field, children }: ModelFieldProviderProps) => {\n return <ModelFieldContext.Provider value={field}>{children}</ModelFieldContext.Provider>;\n};\n\nconst { Provider, useHook } = createGenericContext<{ index: number }>(\"FieldIndex\");\n\nexport const ParentValueIndexProvider = Provider;\n\nexport const useParentValueIndex = () => {\n try {\n const context = useHook();\n return context.index;\n } catch {\n return -1;\n }\n};\n"],"names":["ModelFieldContext","React","undefined","ModelFieldProvider","field","children","Provider","useHook","createGenericContext","ParentValueIndexProvider","useParentValueIndex","context"],"mappings":";;AAMO,MAAMA,oBAAoB,WAAHA,GAAGC,MAAAA,aAAmB,CAAgCC;AAO7E,MAAMC,qBAAqB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAA2B,GACpE,WAAP,GAAO,oBAACL,kBAAkB,QAAQ;QAAC,OAAOI;OAAQC;AAGtD,MAAM,EAAEC,UAAAA,QAAQ,EAAEC,SAAAA,OAAO,EAAE,GAAGC,qBAAwC;AAE/D,MAAMC,2BAA2BH;AAEjC,MAAMI,sBAAsB;IAC/B,IAAI;QACA,MAAMC,UAAUJ;QAChB,OAAOI,QAAQ,KAAK;IACxB,EAAE,OAAM;QACJ,OAAO;IACX;AACJ"}

package/admin/components/ModelFieldProvider/index.d.ts CHANGED Viewed

@@ -1 +1,2 @@
-export * from "@webiny/app-headless-cms-common/ModelFieldProvider/index.js";
+export * from "./ModelFieldContext.js";
+export * from "./useModelField.js";

package/admin/components/ModelFieldProvider/index.js CHANGED Viewed

@@ -1 +1,2 @@
-export * from "@webiny/app-headless-cms-common/ModelFieldProvider/index.js";
+export * from "./ModelFieldContext.js";
+export * from "./useModelField.js";

package/admin/components/ModelFieldProvider/useModelField.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { CmsModelField } from "../../../types.js";
+export interface UseModelField {
+    field: CmsModelField;
+    parentValueIndex: number;
+}
+export declare const useModelField: import("@webiny/react-composition").GenericHook<unknown, UseModelField> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, UseModelField>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => UseModelField>) => () => React.JSX.Element;
+};

package/admin/components/ModelFieldProvider/useModelField.js ADDED Viewed

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { makeDecoratable } from "@webiny/react-composition";
+import { ModelFieldContext, useParentValueIndex } from "./ModelFieldContext.js";
+const useModelField = makeDecoratable(()=>{
+    const field = useContext(ModelFieldContext);
+    if (!field) throw Error('Missing "ModelFieldProvider" in the component tree. Are you using the "useModelField()" hook in the right place?');
+    const parentValueIndex = useParentValueIndex();
+    return {
+        field,
+        parentValueIndex
+    };
+});
+export { useModelField };
+//# sourceMappingURL=useModelField.js.map

package/admin/components/ModelFieldProvider/useModelField.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"admin/components/ModelFieldProvider/useModelField.js","sources":["../../../../src/admin/components/ModelFieldProvider/useModelField.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ModelFieldContext, useParentValueIndex } from \"./ModelFieldContext.js\";\nimport type { CmsModelField } from \"~/types.js\";\n\nexport interface UseModelField {\n field: CmsModelField;\n parentValueIndex: number;\n}\n\nexport const useModelField = makeDecoratable((): UseModelField => {\n const field = useContext(ModelFieldContext);\n\n if (!field) {\n throw Error(\n `Missing \"ModelFieldProvider\" in the component tree. Are you using the \"useModelField()\" hook in the right place?`\n );\n }\n\n const parentValueIndex = useParentValueIndex();\n\n return { field, parentValueIndex };\n});\n"],"names":["useModelField","makeDecoratable","field","useContext","ModelFieldContext","Error","parentValueIndex","useParentValueIndex"],"mappings":";;;AAUO,MAAMA,gBAAgBC,gBAAgB;IACzC,MAAMC,QAAQC,WAAWC;IAEzB,IAAI,CAACF,OACD,MAAMG,MACF;IAIR,MAAMC,mBAAmBC;IAEzB,OAAO;QAAEL;QAAOI;IAAiB;AACrC"}

package/admin/components/ModelProvider/ModelContext.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import React from "react";
+import type { CmsModel } from "../../../types.js";
+export type ModelContext = CmsModel;
+export declare const ModelContext: React.Context<CmsModel | undefined>;
+export interface ModelProviderProps {
+    model: CmsModel;
+    children: React.ReactNode;
+}
+export declare const ModelProvider: ({ model, children }: ModelProviderProps) => React.JSX.Element;