npm - @webiny/app-headless-cms - Versions diffs - 6.6.0-alpha.0 → 6.6.0-alpha.1 - Mend

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

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 (211) hide show

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

@@ -1,7 +1,64 @@
 import React from "react";
 import { Width } from "./Width.js";
 import { NewEntryWizard } from "./NewEntryWizard.js";
-export declare const ContentEntryEditorConfig: (({ priority, children }: import("@webiny/react-properties").ConfigProps) => React.JSX.Element) & {
+declare const InternalEditorConfig: ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element;
+declare const PublicEditorConfig: {
+    ({ children }: {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+};
+export declare const ContentEntryEditorConfig: typeof PublicEditorConfig & {
+    Actions: {
+        ButtonAction: ((props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element) & {
+            original: (props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element) & {
+                original: (props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element) & {
+                original: (props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
+        };
+        MenuItemAction: ((props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element) & {
+            original: (props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        } & {
+            original: ((props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element) & {
+                original: (props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            };
+            originalName: string;
+            displayName: string;
+        } & {
+            createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element) & {
+                original: (props: import("./Actions/MenuItemAction.js").MenuItemActionProps) => React.JSX.Element;
+                originalName: string;
+                displayName: string;
+            }>) => (props: unknown) => React.JSX.Element;
+        } & {
+            useOptionsMenuItem: () => import("@webiny/app-admin/components/OptionsMenu/useOptionsMenuItem.js").OptionsMenuItemProviderContext;
+        };
+    };
+    Width: typeof Width;
+    NewEntryWizard: typeof NewEntryWizard;
+};
+export declare const InternalContentEntryEditorConfig: typeof InternalEditorConfig & {
     Actions: {
         ButtonAction: ((props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element) & {
             original: (props: import("./Actions/ButtonAction.js").ButtonActionProps) => React.JSX.Element;
@@ -54,5 +111,6 @@ export declare function useContentEntryEditorConfig(): {
     buttonActions: import("./Actions/BaseAction.js").BaseActionConfig<"button-action">[];
     menuItemActions: import("./Actions/BaseAction.js").BaseActionConfig<"menu-item-action">[];
     width: string;
-    newEntryWizard: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    newEntryWizard: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
 };
+export {};

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js CHANGED Viewed

@@ -1,10 +1,22 @@
-import { useMemo } from "react";
+import react, { useMemo } from "react";
 import { createConfigurableComponent } from "@webiny/react-properties";
 import { Actions } from "./Actions/index.js";
 import { Width } from "./Width.js";
 import { NewEntryWizard } from "./NewEntryWizard.js";
 const base = createConfigurableComponent("ContentEntryEditorConfig");
-const ContentEntryEditorConfig = Object.assign(base.Config, {
+const InternalEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(base.Config, {
+        priority: "primary"
+    }, children);
+const PublicEditorConfig = ({ children })=>/*#__PURE__*/ react.createElement(base.Config, {
+        priority: "secondary"
+    }, children);
+PublicEditorConfig.displayName = "ContentEntryEditorConfig";
+const ContentEntryEditorConfig = Object.assign(PublicEditorConfig, {
+    Actions: Actions,
+    Width: Width,
+    NewEntryWizard: NewEntryWizard
+});
+const InternalContentEntryEditorConfig = Object.assign(InternalEditorConfig, {
     Actions: Actions,
     Width: Width,
     NewEntryWizard: NewEntryWizard
@@ -13,6 +25,7 @@ const ContentEntryEditorWithConfig = base.WithConfig;
 function useContentEntryEditorConfig() {
     const config = base.useConfig();
     const actions = config.actions || [];
+    const wizards = config.newEntryWizards || [];
     return useMemo(()=>({
             buttonActions: [
                 ...actions.filter((action)=>"button-action" === action.$type) || []
@@ -20,12 +33,12 @@ function useContentEntryEditorConfig() {
             menuItemActions: [
                 ...actions.filter((action)=>"menu-item-action" === action.$type) || []
             ],
-            width: config.width || "1020px",
-            newEntryWizard: config.newEntryWizard ?? null
+            width: void 0 !== config.width ? config.width : "1020px",
+            newEntryWizard: wizards.at(-1)?.element ?? null
         }), [
         config
     ]);
 }
-export { ContentEntryEditorConfig, ContentEntryEditorWithConfig, useContentEntryEditorConfig };
+export { ContentEntryEditorConfig, ContentEntryEditorWithConfig, InternalContentEntryEditorConfig, useContentEntryEditorConfig };
 //# sourceMappingURL=ContentEntryEditorConfig.js.map

package/admin/config/contentEntries/editor/ContentEntryEditorConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/config/contentEntries/editor/ContentEntryEditorConfig.js","sources":["../../../../../src/admin/config/contentEntries/editor/ContentEntryEditorConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { ActionsConfig } from \"./Actions/index.js\";\nimport { Actions } from \"./Actions/index.js\";\nimport { Width } from \"./Width.js\";\nimport { NewEntryWizard } from \"./NewEntryWizard.js\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nexport const ContentEntryEditorConfig = Object.assign(~~base~~.~~Config~~, {\n Actions,\n Width,\n NewEntryWizard\n});\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n actions: ActionsConfig;\n width: string;\n ~~newEntryWizard~~: ~~React.ReactElement \| null~~;\n}\n\nexport function useContentEntryEditorConfig() {\n const config = base.useConfig();\n\n const actions = config.actions \|\| [];\n\n return useMemo(\n () => ({\n buttonActions: [...(actions.filter(action => action.$type === \"button-action\") \|\| [])],\n menuItemActions: [\n ...(actions.filter(action => action.$type === \"menu-item-action\") \|\| [])\n ],\n width: config.width \|\| \"1020px\",\n newEntryWizard: (~~config.newEntryWizard as React.ReactElement~~) ?? null\n }),\n [config]\n );\n}\n"],"names":["base","createConfigurableComponent","ContentEntryEditorConfig","Object","Actions","Width","NewEntryWizard","ContentEntryEditorWithConfig","useContentEntryEditorConfig","config","actions","useMemo","action"],"mappings":";;;;;~~AAOA~~,MAAMA,OAAOC,4BAAsD;~~AAE5D~~,MAAMC,2BAA2BC,OAAO,MAAM,~~CAACH~~,~~KAAK~~,MAAM,~~EAAE~~;~~IAC/DI~~,SAAOA;IACPC,OAAKA;IACLC,gBAAcA;AAClB;AAEO,~~MAAMC~~,+BAA+BP,KAAK,UAAU;AAQpD,~~SAASQ~~;IACZ,MAAMC,~~SAAST~~,KAAK,SAAS;IAE7B,~~MAAMU~~,UAAUD,OAAO,OAAO,IAAI,EAAE;~~IAEpC~~,~~OAAOE~~,QACH,IAAO;YACH,eAAe;~~mBAAKD~~,QAAQ,MAAM,~~CAACE~~,CAAAA,SAAUA,AAAiB,oBAAjBA,OAAO,KAAK,KAAyB,EAAE;aAAE;YACtF,iBAAiB;~~mBACTF~~,QAAQ,MAAM,~~CAACE~~,CAAAA,SAAUA,AAAiB,uBAAjBA,OAAO,KAAK,KAA4B,EAAE;aAC1E;YACD,~~OAAOH~~,OAAO,KAAK,~~IAAI~~;~~YACvB~~,~~gBAAiBA~~,~~OAAO~~,~~cAAc~~,~~IAA2B~~;~~QACrE~~,IACA;~~QAACA~~;KAAO;AAEhB"}
1	+ {"version":3,"file":"admin/config/contentEntries/editor/ContentEntryEditorConfig.js","sources":["../../../../../src/admin/config/contentEntries/editor/ContentEntryEditorConfig.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createConfigurableComponent } from \"@webiny/react-properties\";\nimport type { ActionsConfig } from \"./Actions/index.js\";\nimport { Actions } from \"./Actions/index.js\";\nimport { Width } from \"./Width.js\";\nimport { NewEntryWizard } from \"./NewEntryWizard.js\";\nimport type { NewEntryWizardConfig } from \"./NewEntryWizard.js\";\n\nconst base = createConfigurableComponent<ContentEntryEditorConfig>(\"ContentEntryEditorConfig\");\n\nconst InternalEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return <base.Config priority={\"primary\"}>{children}</base.Config>;\n};\n\nconst PublicEditorConfig = ({ children }: { children: React.ReactNode }) => {\n return <base.Config priority={\"secondary\"}>{children}</base.Config>;\n};\n\nPublicEditorConfig.displayName = \"ContentEntryEditorConfig\";\n\nexport const ContentEntryEditorConfig = Object.assign(PublicEditorConfig, {\n Actions,\n Width,\n NewEntryWizard\n});\n\nexport const InternalContentEntryEditorConfig = Object.assign(InternalEditorConfig, {\n Actions,\n Width,\n NewEntryWizard\n});\n\nexport const ContentEntryEditorWithConfig = base.WithConfig;\n\ninterface ContentEntryEditorConfig {\n actions: ActionsConfig;\n width: string;\n newEntryWizards: NewEntryWizardConfig[];\n}\n\nexport function useContentEntryEditorConfig() {\n const config = base.useConfig();\n\n const actions = config.actions \|\| [];\n const wizards = (config.newEntryWizards as NewEntryWizardConfig[]) \|\| [];\n\n return useMemo(\n () => ({\n buttonActions: [...(actions.filter(action => action.$type === \"button-action\") \|\| [])],\n menuItemActions: [\n ...(actions.filter(action => action.$type === \"menu-item-action\") \|\| [])\n ],\n width: config.width !== undefined ? config.width : \"1020px\",\n newEntryWizard: wizards.at(-1)?.element ?? null\n }),\n [config]\n );\n}\n"],"names":["base","createConfigurableComponent","InternalEditorConfig","children","PublicEditorConfig","ContentEntryEditorConfig","Object","Actions","Width","NewEntryWizard","InternalContentEntryEditorConfig","ContentEntryEditorWithConfig","useContentEntryEditorConfig","config","actions","wizards","useMemo","action","undefined"],"mappings":";;;;;AAQA,MAAMA,OAAOC,4BAAsD;AAEnE,MAAMC,uBAAuB,CAAC,EAAEC,QAAQ,EAAiC,GAC9D,WAAP,GAAO,oBAACH,KAAK,MAAM;QAAC,UAAU;OAAYG;AAG9C,MAAMC,qBAAqB,CAAC,EAAED,QAAQ,EAAiC,GAC5D,WAAP,GAAO,oBAACH,KAAK,MAAM;QAAC,UAAU;OAAcG;AAGhDC,mBAAmB,WAAW,GAAG;AAE1B,MAAMC,2BAA2BC,OAAO,MAAM,CAACF,oBAAoB;IACtEG,SAAOA;IACPC,OAAKA;IACLC,gBAAcA;AAClB;AAEO,MAAMC,mCAAmCJ,OAAO,MAAM,CAACJ,sBAAsB;IAChFK,SAAOA;IACPC,OAAKA;IACLC,gBAAcA;AAClB;AAEO,MAAME,+BAA+BX,KAAK,UAAU;AAQpD,SAASY;IACZ,MAAMC,SAASb,KAAK,SAAS;IAE7B,MAAMc,UAAUD,OAAO,OAAO,IAAI,EAAE;IACpC,MAAME,UAAWF,OAAO,eAAe,IAA+B,EAAE;IAExE,OAAOG,QACH,IAAO;YACH,eAAe;mBAAKF,QAAQ,MAAM,CAACG,CAAAA,SAAUA,AAAiB,oBAAjBA,OAAO,KAAK,KAAyB,EAAE;aAAE;YACtF,iBAAiB;mBACTH,QAAQ,MAAM,CAACG,CAAAA,SAAUA,AAAiB,uBAAjBA,OAAO,KAAK,KAA4B,EAAE;aAC1E;YACD,OAAOJ,AAAiBK,WAAjBL,OAAO,KAAK,GAAiBA,OAAO,KAAK,GAAG;YACnD,gBAAgBE,QAAQ,EAAE,CAAC,KAAK,WAAW;QAC/C,IACA;QAACF;KAAO;AAEhB"}

package/admin/config/contentEntries/editor/NewEntryWizard.d.ts CHANGED Viewed

@@ -1,6 +1,13 @@
 import React from "react";
+export interface NewEntryWizardConfig {
+    name: string;
+    element: React.ReactElement;
+}
 export interface NewEntryWizardProps {
+    name: string;
+    before?: string;
+    after?: string;
     modelIds?: string[];
     element: React.ReactElement;
 }
-export declare const NewEntryWizard: ({ element, modelIds }: NewEntryWizardProps) => React.JSX.Element;
+export declare const NewEntryWizard: ({ name, before, after, element, modelIds }: NewEntryWizardProps) => React.JSX.Element;

package/admin/config/contentEntries/editor/NewEntryWizard.js CHANGED Viewed

@@ -1,13 +1,28 @@
 import react from "react";
-import { Property } from "@webiny/react-properties";
+import { Property, useIdGenerator } from "@webiny/react-properties";
 import { IsApplicableToCurrentModel } from "../../IsApplicableToCurrentModel.js";
-const NewEntryWizard = ({ element, modelIds = [] })=>/*#__PURE__*/ react.createElement(IsApplicableToCurrentModel, {
+const NewEntryWizard = ({ name, before, after, element, modelIds = [] })=>{
+    const getId = useIdGenerator("newEntryWizard");
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    return /*#__PURE__*/ react.createElement(IsApplicableToCurrentModel, {
         modelIds: modelIds
     }, /*#__PURE__*/ react.createElement(Property, {
-        id: "contentEntryForm:newEntryWizard",
-        name: "newEntryWizard",
+        id: getId(name),
+        name: "newEntryWizards",
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
         value: element
-    }));
+    })));
+};
 export { NewEntryWizard };
 //# sourceMappingURL=NewEntryWizard.js.map

package/admin/config/contentEntries/editor/NewEntryWizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"admin/config/contentEntries/editor/NewEntryWizard.js","sources":["../../../../../src/admin/config/contentEntries/editor/NewEntryWizard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property } from \"@webiny/react-properties\";\nimport { IsApplicableToCurrentModel } from \"~/admin/config/IsApplicableToCurrentModel.js\";\n\nexport interface NewEntryWizardProps {\n modelIds?: string[];\n element: React.ReactElement;\n}\n\nexport const NewEntryWizard = ({ element, modelIds = [] }: NewEntryWizardProps) => {\n return (\n <IsApplicableToCurrentModel modelIds={modelIds}>\n <Property id=\"~~contentEntryForm:newEntryWizard~~\" name=\"~~newEntryWizard~~\" value={element} />\n </IsApplicableToCurrentModel>\n );\n};\n"],"names":["NewEntryWizard","element","modelIds","IsApplicableToCurrentModel","Property"],"mappings":";;;~~AASO~~,MAAMA,iBAAiB,CAAC,~~EAAEC~~,OAAO,~~EAAEC~~,WAAW,EAAE,~~EAAuB~~,~~GACnE~~,WAAP,GACI,~~oBAACC~~,4BAA0BA;QAAC,~~UAAUD~~;qBAClC,oBAACE,UAAQA;QAAC,~~IAAG~~;~~QAAkC~~,~~MAAK~~;~~QAAiB~~,~~OAAOH~~"}
1	+ {"version":3,"file":"admin/config/contentEntries/editor/NewEntryWizard.js","sources":["../../../../../src/admin/config/contentEntries/editor/NewEntryWizard.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { IsApplicableToCurrentModel } from \"~/admin/config/IsApplicableToCurrentModel.js\";\n\nexport interface NewEntryWizardConfig {\n name: string;\n element: React.ReactElement;\n}\n\nexport interface NewEntryWizardProps {\n name: string;\n before?: string;\n after?: string;\n modelIds?: string[];\n element: React.ReactElement;\n}\n\nexport const NewEntryWizard = ({\n name,\n before,\n after,\n element,\n modelIds = []\n}: NewEntryWizardProps) => {\n const getId = useIdGenerator(\"newEntryWizard\");\n\n const placeBefore = before !== undefined ? getId(before) : undefined;\n const placeAfter = after !== undefined ? getId(after) : undefined;\n\n return (\n <IsApplicableToCurrentModel modelIds={modelIds}>\n <Property\n id={getId(name)}\n name={\"newEntryWizards\"}\n array={true}\n before={placeBefore}\n after={placeAfter}\n >\n <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n </Property>\n </IsApplicableToCurrentModel>\n );\n};\n"],"names":["NewEntryWizard","name","before","after","element","modelIds","getId","useIdGenerator","placeBefore","undefined","placeAfter","IsApplicableToCurrentModel","Property"],"mappings":";;;AAiBO,MAAMA,iBAAiB,CAAC,EAC3BC,IAAI,EACJC,MAAM,EACNC,KAAK,EACLC,OAAO,EACPC,WAAW,EAAE,EACK;IAClB,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,cAAcN,AAAWO,WAAXP,SAAuBI,MAAMJ,UAAUO;IAC3D,MAAMC,aAAaP,AAAUM,WAAVN,QAAsBG,MAAMH,SAASM;IAExD,OAAO,WAAP,GACI,oBAACE,4BAA0BA;QAAC,UAAUN;qBAClC,oBAACO,UAAQA;QACL,IAAIN,MAAML;QACV,MAAM;QACN,OAAO;QACP,QAAQO;QACR,OAAOE;qBAEP,oBAACE,UAAQA;QAAC,IAAIN,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;sBACxD,oBAACW,UAAQA;QAAC,IAAIN,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOG;;AAI9E"}

package/admin/config/contentEntries/list/Browser/BreadcrumbRoot.d.ts ADDED Viewed

@@ -0,0 +1,38 @@
+import React from "react";
+import type { BreadcrumbLink } from "@webiny/app-admin";
+export interface BreadcrumbRootConfig {
+    label: string;
+    to?: BreadcrumbLink;
+}
+export interface BreadcrumbRootProps {
+    /** Label of the leading breadcrumb (e.g. "Headless CMS", "Tenant Manager"). */
+    label: string;
+    /** Optional link for the root entry. */
+    to?: BreadcrumbLink;
+    /** Restrict this root to specific models (e.g. the tenant model). Empty = all models. */
+    modelIds?: string[];
+}
+/**
+ * Overrides the leading breadcrumb of the content-entries trail for apps that embed the
+ * entries view (e.g. Tenant Manager reuses it for the tenant model). Scope it with `modelIds`,
+ * mirroring the column/filter configs. When unset, the entries view defaults to "Headless CMS".
+ */
+export declare const BreadcrumbRoot: (({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null) & {
+    original: ({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null) & {
+        original: ({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<(({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null) & {
+        original: ({ label, to, modelIds }: BreadcrumbRootProps) => React.JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/config/contentEntries/list/Browser/BreadcrumbRoot.js ADDED Viewed

@@ -0,0 +1,23 @@
+import react from "react";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { makeDecoratable } from "@webiny/react-composition";
+import { useModel } from "../../../../hooks/index.js";
+const BreadcrumbRoot = makeDecoratable("BreadcrumbRoot", ({ label, to, modelIds = [] })=>{
+    const { model } = useModel();
+    const getId = useIdGenerator("breadcrumbRoot");
+    if (modelIds.length > 0 && !modelIds.includes(model.modelId)) return null;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId("breadcrumbRoot"),
+        name: "breadcrumbRoot",
+        value: {
+            label,
+            to
+        }
+    }));
+});
+export { BreadcrumbRoot };
+//# sourceMappingURL=BreadcrumbRoot.js.map

package/admin/config/contentEntries/list/Browser/BreadcrumbRoot.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"admin/config/contentEntries/list/Browser/BreadcrumbRoot.js","sources":["../../../../../../src/admin/config/contentEntries/list/Browser/BreadcrumbRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport type { BreadcrumbLink } from \"@webiny/app-admin\";\nimport { useModel } from \"~/admin/hooks/index.js\";\n\nexport interface BreadcrumbRootConfig {\n label: string;\n to?: BreadcrumbLink;\n}\n\nexport interface BreadcrumbRootProps {\n /** Label of the leading breadcrumb (e.g. \"Headless CMS\", \"Tenant Manager\"). */\n label: string;\n /** Optional link for the root entry. */\n to?: BreadcrumbLink;\n /** Restrict this root to specific models (e.g. the tenant model). Empty = all models. */\n modelIds?: string[];\n}\n\n/**\n * Overrides the leading breadcrumb of the content-entries trail for apps that embed the\n * entries view (e.g. Tenant Manager reuses it for the tenant model). Scope it with `modelIds`,\n * mirroring the column/filter configs. When unset, the entries view defaults to \"Headless CMS\".\n */\nexport const BreadcrumbRoot = makeDecoratable(\n \"BreadcrumbRoot\",\n ({ label, to, modelIds = [] }: BreadcrumbRootProps) => {\n const { model } = useModel();\n const getId = useIdGenerator(\"breadcrumbRoot\");\n\n if (modelIds.length > 0 && !modelIds.includes(model.modelId)) {\n return null;\n }\n\n return (\n <Property id=\"browser\" name={\"browser\"}>\n <Property\n id={getId(\"breadcrumbRoot\")}\n name={\"breadcrumbRoot\"}\n value={{ label, to }}\n />\n </Property>\n );\n }\n);\n"],"names":["BreadcrumbRoot","makeDecoratable","label","to","modelIds","model","useModel","getId","useIdGenerator","Property"],"mappings":";;;;AAyBO,MAAMA,iBAAiBC,gBAC1B,kBACA,CAAC,EAAEC,KAAK,EAAEC,EAAE,EAAEC,WAAW,EAAE,EAAuB;IAC9C,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,eAAe;IAE7B,IAAIJ,SAAS,MAAM,GAAG,KAAK,CAACA,SAAS,QAAQ,CAACC,MAAM,OAAO,GACvD,OAAO;IAGX,OAAO,WAAP,GACI,oBAACI,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIF,MAAM;QACV,MAAM;QACN,OAAO;YAAEL;YAAOC;QAAG;;AAInC"}

package/admin/config/contentEntries/list/Browser/index.d.ts CHANGED Viewed

@@ -9,6 +9,7 @@ import { FolderConfig } from "@webiny/app-aco/config/folder";
 import { RecordConfig } from "@webiny/app-aco/config/record";
 import type { SidebarFooterConfig } from "./SidebarFooter.js";
 import { SidebarFooter } from "./SidebarFooter.js";
+import type { BreadcrumbRootConfig } from "./BreadcrumbRoot.js";
 export type { SidebarFooterConfig };
 export interface BrowserConfig {
     advancedSearch: AdvancedSearchConfig;
@@ -19,6 +20,7 @@ export interface BrowserConfig {
     filters: FilterConfig[];
     filtersToWhere: FiltersToWhereConverter[];
     sidebarFooter: SidebarFooterConfig[];
+    breadcrumbRoot?: BreadcrumbRootConfig;
 }
 export declare const Browser: {
     AdvancedSearch: {
@@ -49,6 +51,25 @@ export declare const Browser: {
         useButtons: () => import("@webiny/app-admin/components/Buttons/useButtons.js").ButtonsProviderContext;
         useDialog: () => import("@webiny/app-admin/index.js").UseDialogWithReportResponse;
     };
+    BreadcrumbRoot: (({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null) & {
+        original: ({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: (({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null) & {
+            original: ({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<(({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null) & {
+            original: ({ label, to, modelIds }: import("./BreadcrumbRoot.js").BreadcrumbRootProps) => import("react").JSX.Element | null;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
     Filter: (({ name, element, modelIds, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element | null) & {
         original: ({ name, element, modelIds, after, before, remove }: import("./Filter.js").FilterProps) => import("react").JSX.Element | null;
         originalName: string;

package/admin/config/contentEntries/list/Browser/index.js CHANGED Viewed

@@ -7,9 +7,11 @@ import { FolderAction } from "./FolderAction.js";
 import { Table } from "./Table/index.js";
 import { FolderDropConfirmation } from "./FolderDropConfirmation.js";
 import { SidebarFooter } from "./SidebarFooter.js";
+import { BreadcrumbRoot } from "./BreadcrumbRoot.js";
 const Browser = {
     AdvancedSearch: AdvancedSearch,
     BulkAction: BulkAction,
+    BreadcrumbRoot: BreadcrumbRoot,
     Filter: Filter,
     FiltersToWhere: FiltersToWhere,
     Table: Table,