npm - @webiny/app-headless-cms - Versions diffs - 6.0.0-alpha.5 → 6.0.0-rc.0 - Mend

@webiny/app-headless-cms 6.0.0-alpha.5 → 6.0.0-rc.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 (1358) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Fragment","get","i18n","ReactComponent","DragIcon","Center","Vertical","Horizontal","Draggable","EditFieldDialog","Field","useModelFieldEditor","FieldEditorProvider","ModelFieldProvider","cn","Icon","t","namespace","fieldTypes","Editor","parent","depth","insertField","updateField","deleteField","fields","noConflict","editField","onFieldDrop","onEndDrag","field","dropTarget","getFieldPlugin","canDropIntoField","draggable","fieldPlugin","type","canAccept","isVerticalDropzoneVisible","cb","item","allowLayout","isHorizontalDropzoneVisible","createElement","length","isDroppable","onDrop","row","index","map","beginDrag","fieldId","pos","endDrag","key","f","join","drag","isDragging","className","ref","icon","label","color","size","isVisible","fieldIndex","includes","onEdit","onDelete","last","onClose","onSubmit","id","position","FieldEditor","props"],"sources":["FieldEditor.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as DragIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Center, Vertical, Horizontal } from \"../DropZone\";\nimport Draggable from \"../Draggable\";\nimport EditFieldDialog from \"./EditFieldDialog\";\nimport Field from \"./Field\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor\";\nimport type { IsVisibleCallable } from \"./FieldEditorContext\";\nimport { FieldEditorProvider } from \"./FieldEditorContext\";\nimport type {\n CmsModelField,\n CmsEditorFieldsLayout,\n CmsModelFieldTypePlugin,\n DragSource\n} from \"~/types\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\nimport { cn, Icon } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nconst fieldTypes: string[] = [\"field\", \"newField\"];\n\nconst Editor = () => {\n const {\n parent,\n depth,\n insertField,\n updateField,\n deleteField,\n fields,\n noConflict,\n editField,\n onFieldDrop,\n onEndDrag,\n field,\n dropTarget,\n getFieldPlugin\n } = useModelFieldEditor();\n\n const canDropIntoField = (field: CmsModelField, draggable: DragSource) => {\n const fieldPlugin = getFieldPlugin(field.type) as CmsModelFieldTypePlugin;\n const canAccept = fieldPlugin.field.canAccept;\n if (typeof canAccept === \"function\" && !canAccept(field, draggable)) {\n return false;\n }\n\n return true;\n };\n\n const isVerticalDropzoneVisible = (cb: IsVisibleCallable) => {\n return (item: DragSource) => {\n if (!parent) {\n return cb(item);\n }\n\n const fieldPlugin = getFieldPlugin(parent.type) as CmsModelFieldTypePlugin;\n const allowLayout = fieldPlugin.field.allowLayout ?? true;\n if (!allowLayout) {\n return false;\n }\n\n if (!canDropIntoField(parent, item)) {\n return false;\n }\n\n return cb(item);\n };\n };\n\n const isHorizontalDropzoneVisible = (cb: IsVisibleCallable) => {\n return (item: DragSource) => {\n if (!parent) {\n return cb(item);\n }\n\n if (!canDropIntoField(parent, item)) {\n return false;\n }\n\n return cb(item);\n };\n };\n\n return (\n <Fragment>\n {fields.length === 0 && (\n <Center\n isDroppable={isHorizontalDropzoneVisible(() => true)}\n onDrop={item =>\n onFieldDrop(item, {\n row: 0,\n index: 0\n })\n }\n >\n {t`Drop your first field here`}\n </Center>\n )}\n\n {fields.map((row, index) => (\n <Draggable\n beginDrag={{\n parent: parent ? parent.fieldId : null,\n type: \"row\",\n fields: row,\n pos: { row: index }\n }}\n endDrag={onEndDrag}\n key={row.map(f => f.fieldId).join(\".\")}\n >\n {(\n {\n drag,\n isDragging\n } /* RowContainer start - includes drag handle, drop zones and the Row itself. /\n ) => (\n <div\n className={cn([\n \"wby-flex wby-flex-column\",\n \"wby-relative\",\n \"wby-mb-md last-of-type:wby-mb-none\",\n \"wby-bg-neutral-dimmed\",\n isDragging ? \"wby-opacity-30\" : \"wby-opacity-100\"\n ])}\n >\n <div\n className={cn([\n \"wby-cursor-grab\",\n \"wby-absolute wby-left-sm-plus wby-top-sm-plus wby-z-10\"\n ])}\n ref={drag}\n >\n <Icon\n icon={<DragIcon />}\n label={\"Drag to move this row\"}\n color={\"neutral-light\"}\n size={\"sm\"}\n />\n </div>\n <Horizontal\n isVisible={isHorizontalDropzoneVisible(noConflict())}\n data-testid={`cms-editor-row-droppable-top-${index}`}\n onDrop={item => onFieldDrop(item, { row: index, index: null })}\n />\n {/ Row start - includes field drop zones and fields /}\n <div\n className={cn([\n \"wby-w-full wby-flex wby-justify-between\",\n \"wby-pl-xl wby-pr-sm wby-py-sm\"\n ])}\n data-testid={\"cms.editor.field-row\"}\n >\n {row.map((field, fieldIndex) => (\n <ModelFieldProvider field={field} key={field.fieldId}>\n <Draggable\n beginDrag={{\n parent: parent ? parent.fieldId : null,\n type: \"field\",\n field,\n pos: {\n row: index,\n index: fieldIndex\n }\n }}\n endDrag={onEndDrag}\n >\n {({ drag }) => (\n <div\n className={cn([\n \"wby-relative\",\n \"wby-flex-1 wby-basis-full\",\n \"wby-mx-sm\"\n ])}\n ref={drag}\n >\n <Vertical\n depth={depth}\n onDrop={item =>\n onFieldDrop(item, {\n row: index,\n index: fieldIndex\n })\n }\n isVisible={isVerticalDropzoneVisible(\n noConflict(\n item =>\n fieldTypes.includes(\n item.type\n ) &&\n (row.length < 4 \|\|\n get(item, \"pos.row\") ===\n index)\n )\n )}\n />\n\n <div\n className={\n \"wby-cursor-grab wby-bg-neutral-base wby-p-md wby-shadow-sm wby-rounded-xs\"\n }\n >\n <Field\n parent={parent}\n field={field}\n onEdit={editField}\n onDelete={deleteField}\n />\n </div>\n\n {/ Field end /}\n {fieldIndex === row.length - 1 && (\n <Vertical\n last\n depth={depth}\n isVisible={isVerticalDropzoneVisible(\n noConflict(item => {\n return (\n fieldTypes.includes(\n item.type\n ) &&\n (row.length < 4 \|\|\n get(item, \"pos.row\") ===\n index)\n );\n })\n )}\n onDrop={item =>\n onFieldDrop(item, {\n row: index,\n index: fieldIndex + 1\n })\n }\n />\n )}\n </div>\n )}\n </Draggable>\n </ModelFieldProvider>\n ))}\n </div>\n {/ Row end */}\n {index === fields.length - 1 ? (\n <Horizontal\n data-testid={`cms-editor-row-droppable-bottom-${index}`}\n last\n isVisible={isHorizontalDropzoneVisible(noConflict())}\n onDrop={item =>\n onFieldDrop(item, {\n row: index + 1,\n index: null\n })\n }\n />\n ) : null}\n </div>\n )}\n </Draggable>\n ))}\n\n {field ? (\n <ModelFieldProvider field={field}>\n <EditFieldDialog\n onClose={() => editField(null)}\n onSubmit={field => {\n if (field.id) {\n updateField(field);\n editField(null);\n return;\n }\n insertField({ field, position: dropTarget });\n\n editField(null);\n }}\n />\n </ModelFieldProvider>\n ) : null}\n </Fragment>\n );\n};\n\nexport interface FieldEditorProps {\n parent?: CmsModelField;\n layout: CmsEditorFieldsLayout;\n fields: CmsModelField[];\n onChange: (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }) => void;\n}\n\nexport const FieldEditor = (props: FieldEditorProps) => {\n return (\n <FieldEditorProvider {...props}>\n <Editor />\n </FieldEditorProvider>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","Fragment","get","i18n","ReactComponent","DragIcon","Center","Horizontal","Vertical","Draggable","EditFieldDialog","Field","useModelFieldEditor","FieldEditorProvider","ModelFieldProvider","cn","Icon","t","namespace","fieldTypes","Editor","parent","depth","insertField","updateField","deleteField","fields","noConflict","editField","onFieldDrop","onEndDrag","field","dropTarget","getFieldPlugin","canDropIntoField","draggable","fieldPlugin","type","canAccept","isVerticalDropzoneVisible","cb","item","allowLayout","isHorizontalDropzoneVisible","createElement","length","isDroppable","onDrop","row","index","map","beginDrag","fieldId","pos","endDrag","key","f","join","drag","isDragging","className","ref","icon","label","color","size","isVisible","fieldIndex","includes","onEdit","onDelete","last","onClose","onSubmit","id","position","FieldEditor","props"],"sources":["FieldEditor.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { ReactComponent as DragIcon } from \"@webiny/icons/drag_indicator.svg\";\nimport { Center, Horizontal, Vertical } from \"../DropZone/index.js\";\nimport Draggable from \"../Draggable.js\";\nimport EditFieldDialog from \"./EditFieldDialog.js\";\nimport Field from \"./Field.js\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\nimport type { IsVisibleCallable } from \"./FieldEditorContext.js\";\nimport { FieldEditorProvider } from \"./FieldEditorContext.js\";\nimport type {\n CmsEditorFieldsLayout,\n CmsModelField,\n CmsModelFieldTypePlugin,\n DragSource\n} from \"~/types.js\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport { cn, Icon } from \"@webiny/admin-ui\";\n\nconst t = i18n.namespace(\"app-headless-cms/admin/components/editor\");\n\nconst fieldTypes: string[] = [\"field\", \"newField\"];\n\nconst Editor = () => {\n const {\n parent,\n depth,\n insertField,\n updateField,\n deleteField,\n fields,\n noConflict,\n editField,\n onFieldDrop,\n onEndDrag,\n field,\n dropTarget,\n getFieldPlugin\n } = useModelFieldEditor();\n\n const canDropIntoField = (field: CmsModelField, draggable: DragSource) => {\n const fieldPlugin = getFieldPlugin(field.type) as CmsModelFieldTypePlugin;\n const canAccept = fieldPlugin.field.canAccept;\n if (typeof canAccept === \"function\" && !canAccept(field, draggable)) {\n return false;\n }\n\n return true;\n };\n\n const isVerticalDropzoneVisible = (cb: IsVisibleCallable) => {\n return (item: DragSource) => {\n if (!parent) {\n return cb(item);\n }\n\n const fieldPlugin = getFieldPlugin(parent.type) as CmsModelFieldTypePlugin;\n const allowLayout = fieldPlugin.field.allowLayout ?? true;\n if (!allowLayout) {\n return false;\n }\n\n if (!canDropIntoField(parent, item)) {\n return false;\n }\n\n return cb(item);\n };\n };\n\n const isHorizontalDropzoneVisible = (cb: IsVisibleCallable) => {\n return (item: DragSource) => {\n if (!parent) {\n return cb(item);\n }\n\n if (!canDropIntoField(parent, item)) {\n return false;\n }\n\n return cb(item);\n };\n };\n\n return (\n <Fragment>\n {fields.length === 0 && (\n <Center\n isDroppable={isHorizontalDropzoneVisible(() => true)}\n onDrop={item =>\n onFieldDrop(item, {\n row: 0,\n index: 0\n })\n }\n >\n {t`Drop your first field here`}\n </Center>\n )}\n\n {fields.map((row, index) => (\n <Draggable\n beginDrag={{\n parent: parent ? parent.fieldId : null,\n type: \"row\",\n fields: row,\n pos: { row: index }\n }}\n endDrag={onEndDrag}\n key={row.map(f => f.fieldId).join(\".\")}\n >\n {(\n {\n drag,\n isDragging\n } /* RowContainer start - includes drag handle, drop zones and the Row itself. /\n ) => (\n <div\n className={cn([\n \"flex flex-column\",\n \"relative\",\n \"mb-md last-of-type:mb-none\",\n \"bg-neutral-dimmed\",\n isDragging ? \"opacity-30\" : \"opacity-100\"\n ])}\n >\n <div\n className={cn([\n \"cursor-grab\",\n \"absolute left-sm-plus top-sm-plus z-10\"\n ])}\n ref={drag}\n >\n <Icon\n icon={<DragIcon />}\n label={\"Drag to move this row\"}\n color={\"neutral-light\"}\n size={\"sm\"}\n />\n </div>\n <Horizontal\n isVisible={isHorizontalDropzoneVisible(noConflict())}\n data-testid={`cms-editor-row-droppable-top-${index}`}\n onDrop={item => onFieldDrop(item, { row: index, index: null })}\n />\n {/ Row start - includes field drop zones and fields /}\n <div\n className={cn([\"w-full flex justify-between\", \"pl-xl pr-sm py-sm\"])}\n data-testid={\"cms.editor.field-row\"}\n >\n {row.map((field, fieldIndex) => (\n <ModelFieldProvider field={field} key={field.fieldId}>\n <Draggable\n beginDrag={{\n parent: parent ? parent.fieldId : null,\n type: \"field\",\n field,\n pos: {\n row: index,\n index: fieldIndex\n }\n }}\n endDrag={onEndDrag}\n >\n {({ drag }) => (\n <div\n className={cn([\n \"relative\",\n \"flex-1 basis-full\",\n \"mx-sm\"\n ])}\n ref={drag}\n >\n <Vertical\n depth={depth}\n onDrop={item =>\n onFieldDrop(item, {\n row: index,\n index: fieldIndex\n })\n }\n isVisible={isVerticalDropzoneVisible(\n noConflict(\n item =>\n fieldTypes.includes(\n item.type\n ) &&\n (row.length < 4 \|\|\n get(item, \"pos.row\") ===\n index)\n )\n )}\n />\n\n <div\n className={\n \"cursor-grab bg-neutral-base p-md shadow-sm rounded-xs\"\n }\n >\n <Field\n parent={parent}\n field={field}\n onEdit={editField}\n onDelete={deleteField}\n />\n </div>\n\n {/ Field end /}\n {fieldIndex === row.length - 1 && (\n <Vertical\n last\n depth={depth}\n isVisible={isVerticalDropzoneVisible(\n noConflict(item => {\n return (\n fieldTypes.includes(\n item.type\n ) &&\n (row.length < 4 \|\|\n get(item, \"pos.row\") ===\n index)\n );\n })\n )}\n onDrop={item =>\n onFieldDrop(item, {\n row: index,\n index: fieldIndex + 1\n })\n }\n />\n )}\n </div>\n )}\n </Draggable>\n </ModelFieldProvider>\n ))}\n </div>\n {/ Row end */}\n {index === fields.length - 1 ? (\n <Horizontal\n data-testid={`cms-editor-row-droppable-bottom-${index}`}\n last\n isVisible={isHorizontalDropzoneVisible(noConflict())}\n onDrop={item =>\n onFieldDrop(item, {\n row: index + 1,\n index: null\n })\n }\n />\n ) : null}\n </div>\n )}\n </Draggable>\n ))}\n\n {field ? (\n <ModelFieldProvider field={field}>\n <EditFieldDialog\n onClose={() => editField(null)}\n onSubmit={field => {\n if (field.id) {\n updateField(field);\n editField(null);\n return;\n }\n insertField({ field, position: dropTarget });\n\n editField(null);\n }}\n />\n </ModelFieldProvider>\n ) : null}\n </Fragment>\n );\n};\n\nexport interface FieldEditorProps {\n parent?: CmsModelField;\n layout: CmsEditorFieldsLayout;\n fields: CmsModelField[];\n onChange: (params: { fields: CmsModelField[]; layout: CmsEditorFieldsLayout }) => void;\n}\n\nexport const FieldEditor = (props: FieldEditorProps) => {\n return (\n <FieldEditorProvider {...props}>\n <Editor />\n </FieldEditorProvider>\n );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import type { CmsEditorFieldId, CmsEditorFieldRendererPlugin, CmsEditorFieldsLayout, CmsEditorFieldTypePlugin, CmsModelField, DragSource, FieldLayoutPosition } from "../../../types";
-import type { FieldEditorProps } from "./FieldEditor";
+import type { CmsEditorFieldId, CmsEditorFieldRendererPlugin, CmsEditorFieldsLayout, CmsEditorFieldTypePlugin, CmsModelField, DragSource, FieldLayoutPosition } from "../../../types.js";
+import type { FieldEditorProps } from "./FieldEditor.js";
 import type { DragSourceMonitor } from "react-dnd";
 interface DropTarget {
     row: number;

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

@@ -2,8 +2,8 @@ import React, { useCallback, useState } from "react";
 import dot from "dot-prop-immutable";
 import useDeepCompareEffect from "use-deep-compare-effect";
 import { plugins } from "@webiny/plugins";
-import * as utils from "./utils";
-import { useModelFieldEditor } from "./useModelFieldEditor";
+import * as utils from "./utils/index.js";
+import { useModelFieldEditor } from "./useModelFieldEditor.js";
 import { generateAlphaNumericLowerCaseId } from "@webiny/utils";
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useState","dot","useDeepCompareEffect","plugins","utils","useModelFieldEditor","generateAlphaNumericLowerCaseId","FieldEditorContext","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","editor","state","setState","field","dropTarget","row","index","editField","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","monitor","didDrop","monitorResult","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","fieldPlugin","prev","next","concat","data","destination","updateField","i","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport type {\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n CmsModelField,\n DragSource,\n FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport type { FieldEditorProps } from \"./FieldEditor\";\nimport type { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport type { DragObject } from \"../Droppable\";\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 MoveFieldParams {\n field: CmsEditorFieldId \| CmsModelField;\n position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n (): CmsModelField[][];\n}\ninterface GetFieldPluginCallable {\n (type: string): CmsEditorFieldTypePlugin \| undefined;\n}\ninterface GetFieldCallable {\n (query: GetFieldParams): CmsModelField \| undefined;\n}\ninterface GetFieldRendererCallable {\n (rendererName: string): CmsEditorFieldRendererPlugin \| 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[][];\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 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}\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 try {\n const editor = useModelFieldEditor();\n depth = editor.depth + 1;\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 // 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 },\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 field 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 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.\n return state.layout\n .filter(arr => arr.length)\n .map(row => {\n return row\n .map(id => {\n return getField({ id });\n })\n .filter(Boolean);\n })\n .filter(row => {\n return row.length > 0;\n }) as CmsModelField[][];\n };\n\n /\n Return field plugin.\n /\n const getFieldPlugin: GetFieldPluginCallable = type => {\n return plugins\n .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n .find(plugin => plugin.field.type === type);\n };\n\n const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n return plugins\n .byType<CmsEditorFieldRendererPlugin>(\"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(layout.flat());\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 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 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 fields: getFieldsInLayout(),\n noConflict,\n layout: state.layout\n };\n\n return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","useCallback","useState","dot","useDeepCompareEffect","plugins","utils","useModelFieldEditor","generateAlphaNumericLowerCaseId","FieldEditorContext","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","editor","state","setState","field","dropTarget","row","index","editField","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","monitor","didDrop","monitorResult","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","fieldPlugin","prev","next","concat","data","destination","updateField","i","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport type {\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n CmsModelField,\n DragSource,\n FieldLayoutPosition\n} from \"~/types.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 MoveFieldParams {\n field: CmsEditorFieldId \| CmsModelField;\n position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n (): CmsModelField[][];\n}\ninterface GetFieldPluginCallable {\n (type: string): CmsEditorFieldTypePlugin \| undefined;\n}\ninterface GetFieldCallable {\n (query: GetFieldParams): CmsModelField \| undefined;\n}\ninterface GetFieldRendererCallable {\n (rendererName: string): CmsEditorFieldRendererPlugin \| 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[][];\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 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}\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 try {\n const editor = useModelFieldEditor();\n depth = editor.depth + 1;\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 // 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 },\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 field 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 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.\n return state.layout\n .filter(arr => arr.length)\n .map(row => {\n return row\n .map(id => {\n return getField({ id });\n })\n .filter(Boolean);\n })\n .filter(row => {\n return row.length > 0;\n }) as CmsModelField[][];\n };\n\n /\n Return field plugin.\n /\n const getFieldPlugin: GetFieldPluginCallable = type => {\n return plugins\n .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n .find(plugin => plugin.field.type === type);\n };\n\n const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n return plugins\n .byType<CmsEditorFieldRendererPlugin>(\"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(layout.flat());\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 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 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 fields: getFieldsInLayout(),\n noConflict,\n layout: state.layout\n };\n\n return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-export { FieldEditor } from "./FieldEditor";
-export { useModelFieldEditor } from "./useModelFieldEditor";
+export { FieldEditor } from "./FieldEditor.js";
+export { useModelFieldEditor } from "./useModelFieldEditor.js";

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["FieldEditor","useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,SAASC,mBAAmB","ignoreList":[]}
1	+ {"version":3,"names":["FieldEditor","useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor.js\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor.js\";\n"],"mappings":"AAAA,SAASA,WAAW;AACpB,SAASC,mBAAmB","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import { FieldEditorContext } from "./FieldEditorContext";
+import { FieldEditorContext } from "./FieldEditorContext.js";
 export declare function useModelFieldEditor(): FieldEditorContext;

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

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { FieldEditorContext } from "./FieldEditorContext";
+import { FieldEditorContext } from "./FieldEditorContext.js";
 export function useModelFieldEditor() {
   const context = useContext(FieldEditorContext);
   if (!context) {

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

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

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

@@ -1,4 +1,4 @@
-import type { CmsModelField, CmsModel } from "../../../../types";
+import type { CmsModelField, CmsModel } from "../../../../types.js";
 type DeleteFieldParamsData = Pick<CmsModel, "fields" | "layout">;
 interface DeleteFieldParams {
     field: Pick<CmsModelField, "id">;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["dot","params","field","data","prev","fieldIndex","fields","findIndex","item","id","delete","set","layout","newLayout","currentRowIndex","forEach","row","fieldId","find","Array","isArray","push","length"],"sources":["deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\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.\n return dot.set(data, \"layout\", (layout: DeleteFieldParamsData[\"layout\"]) => {\n if (!layout) {\n return [];\n }\n const newLayout: DeleteFieldParamsData[\"layout\"] = [];\n let currentRowIndex = 0;\n layout.forEach(row => {\n row.forEach(fieldId => {\n const field = data.fields.find(item => item.id === fieldId);\n if (!field) {\n return;\n }\n if (!Array.isArray(newLayout[currentRowIndex])) {\n newLayout[currentRowIndex] = [];\n }\n\n newLayout[currentRowIndex].push(fieldId);\n });\n newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;\n });\n\n return newLayout;\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAgBC,MAAyB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGH,MAAM;EACpC;EACA,MAAMI,UAAU,GAAGD,IAAI,CAACE,MAAM,CAACC,SAAS,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE,CAAC;EACtE,MAAMN,IAAI,GAAGH,GAAG,CAACU,MAAM,CAACN,IAAI,EAAE,UAAUC,UAAU,EAAE,CAA0B;;EAE9E;EACA,OAAOL,GAAG,CAACW,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAGS,MAAuC,IAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,MAAMC,SAA0C,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAACC,GAAG,IAAI;MAClBA,GAAG,CAACD,OAAO,CAACE,OAAO,IAAI;QACnB,MAAMf,KAAK,GAAGC,IAAI,CAACG,MAAM,CAACY,IAAI,CAACV,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKQ,OAAO,CAAC;QAC3D,IAAI,CAACf,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACiB,KAAK,CAACC,OAAO,CAACP,SAAS,CAACC,eAAe,CAAC,CAAC,EAAE;UAC5CD,SAAS,CAACC,eAAe,CAAC,GAAG,EAAE;QACnC;QAEAD,SAAS,CAACC,eAAe,CAAC,CAACO,IAAI,CAACJ,OAAO,CAAC;MAC5C,CAAC,CAAC;MACFJ,SAAS,CAACC,eAAe,CAAC,IAAID,SAAS,CAACC,eAAe,CAAC,CAACQ,MAAM,IAAIR,eAAe,EAAE;IACxF,CAAC,CAAC;IAEF,OAAOD,SAAS;EACpB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["dot","params","field","data","prev","fieldIndex","fields","findIndex","item","id","delete","set","layout","newLayout","currentRowIndex","forEach","row","fieldId","find","Array","isArray","push","length"],"sources":["deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModelField, CmsModel } 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.\n return dot.set(data, \"layout\", (layout: DeleteFieldParamsData[\"layout\"]) => {\n if (!layout) {\n return [];\n }\n const newLayout: DeleteFieldParamsData[\"layout\"] = [];\n let currentRowIndex = 0;\n layout.forEach(row => {\n row.forEach(fieldId => {\n const field = data.fields.find(item => item.id === fieldId);\n if (!field) {\n return;\n }\n if (!Array.isArray(newLayout[currentRowIndex])) {\n newLayout[currentRowIndex] = [];\n }\n\n newLayout[currentRowIndex].push(fieldId);\n });\n newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;\n });\n\n return newLayout;\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAgBC,MAAyB,IAAK;EAC1C,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGH,MAAM;EACpC;EACA,MAAMI,UAAU,GAAGD,IAAI,CAACE,MAAM,CAACC,SAAS,CAACC,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE,CAAC;EACtE,MAAMN,IAAI,GAAGH,GAAG,CAACU,MAAM,CAACN,IAAI,EAAE,UAAUC,UAAU,EAAE,CAA0B;;EAE9E;EACA,OAAOL,GAAG,CAACW,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAGS,MAAuC,IAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,MAAMC,SAA0C,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAACC,GAAG,IAAI;MAClBA,GAAG,CAACD,OAAO,CAACE,OAAO,IAAI;QACnB,MAAMf,KAAK,GAAGC,IAAI,CAACG,MAAM,CAACY,IAAI,CAACV,IAAI,IAAIA,IAAI,CAACC,EAAE,KAAKQ,OAAO,CAAC;QAC3D,IAAI,CAACf,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACiB,KAAK,CAACC,OAAO,CAACP,SAAS,CAACC,eAAe,CAAC,CAAC,EAAE;UAC5CD,SAAS,CAACC,eAAe,CAAC,GAAG,EAAE;QACnC;QAEAD,SAAS,CAACC,eAAe,CAAC,CAACO,IAAI,CAACJ,OAAO,CAAC;MAC5C,CAAC,CAAC;MACFJ,SAAS,CAACC,eAAe,CAAC,IAAID,SAAS,CAACC,eAAe,CAAC,CAACQ,MAAM,IAAIR,eAAe,EAAE;IACxF,CAAC,CAAC;IAEF,OAAOD,SAAS;EACpB,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { CmsModelField, CmsModel, FieldLayoutPosition } from "../../../../types";
+import type { CmsModelField, CmsModel, FieldLayoutPosition } from "../../../../types.js";
 interface GetFieldPositionParams {
     field: string | CmsModelField;
     data: Pick<CmsModel, "layout">;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["params","field","data","id","layout","i","length","row","j","index"],"sources":["getFieldPosition.ts"],"sourcesContent":["import type { CmsModelField, CmsModel, FieldLayoutPosition } from \"~/types\";\n\ninterface GetFieldPositionParams {\n field: string \| CmsModelField;\n data: Pick<CmsModel, \"layout\">;\n}\nexport default (params: GetFieldPositionParams): FieldLayoutPosition \| null => {\n const { field, data } = params;\n const id = typeof field === \"string\" ? field : field.id;\n const layout = data.layout ? data.layout : [];\n for (let i = 0; i < layout.length; i++) {\n const row = layout[i];\n for (let j = 0; j < row.length; j++) {\n if (row[j] === id) {\n return { row: i, index: j };\n }\n }\n }\n\n return null;\n};\n"],"mappings":"AAMA,eAAgBA,MAA8B,IAAiC;EAC3E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,MAAM;EAC9B,MAAMG,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,MAAMC,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAG,EAAE;EAC7C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,MAAME,GAAG,GAAGH,MAAM,CAACC,CAAC,CAAC;IACrB,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACD,MAAM,EAAEE,CAAC,EAAE,EAAE;MACjC,IAAID,GAAG,CAACC,CAAC,CAAC,KAAKL,EAAE,EAAE;QACf,OAAO;UAAEI,GAAG,EAAEF,CAAC;UAAEI,KAAK,EAAED;QAAE,CAAC;MAC/B;IACJ;EACJ;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["params","field","data","id","layout","i","length","row","j","index"],"sources":["getFieldPosition.ts"],"sourcesContent":["import type { CmsModelField, CmsModel, FieldLayoutPosition } from \"~/types.js\";\n\ninterface GetFieldPositionParams {\n field: string \| CmsModelField;\n data: Pick<CmsModel, \"layout\">;\n}\nexport default (params: GetFieldPositionParams): FieldLayoutPosition \| null => {\n const { field, data } = params;\n const id = typeof field === \"string\" ? field : field.id;\n const layout = data.layout ? data.layout : [];\n for (let i = 0; i < layout.length; i++) {\n const row = layout[i];\n for (let j = 0; j < row.length; j++) {\n if (row[j] === id) {\n return { row: i, index: j };\n }\n }\n }\n\n return null;\n};\n"],"mappings":"AAMA,eAAgBA,MAA8B,IAAiC;EAC3E,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,MAAM;EAC9B,MAAMG,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,MAAMC,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAGF,IAAI,CAACE,MAAM,GAAG,EAAE;EAC7C,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,MAAM,CAACE,MAAM,EAAED,CAAC,EAAE,EAAE;IACpC,MAAME,GAAG,GAAGH,MAAM,CAACC,CAAC,CAAC;IACrB,KAAK,IAAIG,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGD,GAAG,CAACD,MAAM,EAAEE,CAAC,EAAE,EAAE;MACjC,IAAID,GAAG,CAACC,CAAC,CAAC,KAAKL,EAAE,EAAE;QACf,OAAO;UAAEI,GAAG,EAAEF,CAAC;UAAEI,KAAK,EAAED;QAAE,CAAC;MAC/B;IACJ;EACJ;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/admin/components/FieldEditor/utils/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export { default as getFieldPosition } from "./getFieldPosition";
-export { default as moveField } from "./moveField";
-export { default as deleteField } from "./deleteField";
-export { default as moveRow } from "./moveRow";
+export { default as getFieldPosition } from "./getFieldPosition.js";
+export { default as moveField } from "./moveField.js";
+export { default as deleteField } from "./deleteField.js";
+export { default as moveRow } from "./moveRow.js";

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

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

package/admin/components/FieldEditor/utils/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["default","getFieldPosition","moveField","deleteField","moveRow"],"sources":["index.ts"],"sourcesContent":["export { default as getFieldPosition } from \"./getFieldPosition\";\nexport { default as moveField } from \"./moveField\";\nexport { default as deleteField } from \"./deleteField\";\nexport { default as moveRow } from \"./moveRow\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB;AACpC,SAASD,OAAO,IAAIE,SAAS;AAC7B,SAASF,OAAO,IAAIG,WAAW;AAC/B,SAASH,OAAO,IAAII,OAAO","ignoreList":[]}
1	+ {"version":3,"names":["default","getFieldPosition","moveField","deleteField","moveRow"],"sources":["index.ts"],"sourcesContent":["export { default as getFieldPosition } from \"./getFieldPosition.js\";\nexport { default as moveField } from \"./moveField.js\";\nexport { default as deleteField } from \"./deleteField.js\";\nexport { default as moveRow } from \"./moveRow.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB;AACpC,SAASD,OAAO,IAAIE,SAAS;AAC7B,SAASF,OAAO,IAAIG,WAAW;AAC/B,SAASH,OAAO,IAAII,OAAO","ignoreList":[]}

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

@@ -1,8 +1,9 @@
-import type { CmsModelField, CmsEditorFieldId, CmsModel as BaseCmsModel, FieldLayoutPosition } from "../../../../types";
+import type { CmsModelField, CmsEditorFieldId, CmsModel as BaseCmsModel, FieldLayoutPosition } from "../../../../types.js";
+type CmsModel = Required<Pick<BaseCmsModel, "fields" | "layout">>;
 interface MoveFieldParams<T> {
     field: CmsEditorFieldId | Pick<CmsModelField, "id">;
     position: FieldLayoutPosition;
     data: T;
 }
-declare const _default: <T extends Required<Pick<BaseCmsModel, "layout" | "fields">>>(params: MoveFieldParams<T>) => T;
+declare const _default: <T extends CmsModel>(params: MoveFieldParams<T>) => T;
 export default _default;

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

@@ -1,5 +1,5 @@
 import dot from "dot-prop-immutable";
-import getFieldPosition from "./getFieldPosition";
+import getFieldPosition from "./getFieldPosition.js";
 const moveField = params => {
   const {
     field,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n CmsModelField,\n CmsEditorFieldId,\n CmsModel as BaseCmsModel,\n FieldLayoutPosition\n} from \"~/types\";\nimport getFieldPosition from \"./getFieldPosition\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" \| \"layout\">>;\n\ninterface MoveFieldParams<T> {\n field: CmsEditorFieldId \| Pick<CmsModelField, \"id\">;\n position: FieldLayoutPosition;\n data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n const { field, position, data: prev } = params;\n const { row, index } = position;\n const fieldId = typeof field === \"string\" ? field : field.id;\n\n let next: T = {\n ...prev,\n layout: prev.layout ? prev.layout \|\| [] : []\n };\n\n const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n if (existingPosition) {\n next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n }\n\n // Setting a form field into a new non-existing row.\n if (!next.layout[row]) {\n return dot.set(next, `layout.${row}`, [fieldId]);\n }\n\n // Drop the field at the specified index.\n if (index === null) {\n // Create a new row with the new field at the given row index,\n return dot.set(next, \"layout\", (layout: string[][]) => {\n const newLayout = [...layout];\n newLayout.splice(row, 0, [fieldId]);\n return newLayout;\n });\n }\n\n return dot.set(next, `layout.${row}`, (layout: string[]) => {\n const newLayout = [...layout];\n newLayout.splice(index, 0, fieldId);\n return newLayout;\n });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n return [...layout].filter(row => row.length > 0);\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["dot","getFieldPosition","moveField","params","field","position","data","prev","row","index","fieldId","id","next","layout","existingPosition","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type {\n CmsModelField,\n CmsEditorFieldId,\n CmsModel as BaseCmsModel,\n FieldLayoutPosition\n} from \"~/types.js\";\nimport getFieldPosition from \"./getFieldPosition.js\";\n\ntype CmsModel = Required<Pick<BaseCmsModel, \"fields\" \| \"layout\">>;\n\ninterface MoveFieldParams<T> {\n field: CmsEditorFieldId \| Pick<CmsModelField, \"id\">;\n position: FieldLayoutPosition;\n data: T;\n}\n\nconst moveField = <T extends CmsModel>(params: MoveFieldParams<T>) => {\n const { field, position, data: prev } = params;\n const { row, index } = position;\n const fieldId = typeof field === \"string\" ? field : field.id;\n\n let next: T = {\n ...prev,\n layout: prev.layout ? prev.layout \|\| [] : []\n };\n\n const existingPosition = getFieldPosition({ field: fieldId, data: prev });\n\n if (existingPosition) {\n next = dot.delete(prev, `layout.${existingPosition.row}.${existingPosition.index}`) as T;\n }\n\n // Setting a form field into a new non-existing row.\n if (!next.layout[row]) {\n return dot.set(next, `layout.${row}`, [fieldId]);\n }\n\n // Drop the field at the specified index.\n if (index === null) {\n // Create a new row with the new field at the given row index,\n return dot.set(next, \"layout\", (layout: string[][]) => {\n const newLayout = [...layout];\n newLayout.splice(row, 0, [fieldId]);\n return newLayout;\n });\n }\n\n return dot.set(next, `layout.${row}`, (layout: string[]) => {\n const newLayout = [...layout];\n newLayout.splice(index, 0, fieldId);\n return newLayout;\n });\n};\n\nexport default <T extends CmsModel>(params: MoveFieldParams<T>): T => {\n return dot.set(moveField<T>(params), \"layout\", (layout: string[][]) => {\n return [...layout].filter(row => row.length > 0);\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAOpC,OAAOC,gBAAgB;AAUvB,MAAMC,SAAS,GAAwBC,MAA0B,IAAK;EAClE,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC;EAAK,CAAC,GAAGJ,MAAM;EAC9C,MAAM;IAAEK,GAAG;IAAEC;EAAM,CAAC,GAAGJ,QAAQ;EAC/B,MAAMK,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,GAAG;IACV,GAAGL,IAAI;IACPM,MAAM,EAAEN,IAAI,CAACM,MAAM,GAAGN,IAAI,CAACM,MAAM,IAAI,EAAE,GAAG;EAC9C,CAAC;EAED,MAAMC,gBAAgB,GAAGb,gBAAgB,CAAC;IAAEG,KAAK,EAAEM,OAAO;IAAEJ,IAAI,EAAEC;EAAK,CAAC,CAAC;EAEzE,IAAIO,gBAAgB,EAAE;IAClBF,IAAI,GAAGZ,GAAG,CAACe,MAAM,CAACR,IAAI,EAAE,UAAUO,gBAAgB,CAACN,GAAG,IAAIM,gBAAgB,CAACL,KAAK,EAAE,CAAM;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOR,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAE,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOT,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAGC,MAAkB,IAAK;MACnD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;MAC7BI,SAAS,CAACC,MAAM,CAACV,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOO,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOjB,GAAG,CAACgB,GAAG,CAACJ,IAAI,EAAE,UAAUJ,GAAG,EAAE,EAAGK,MAAgB,IAAK;IACxD,MAAMI,SAAS,GAAG,CAAC,GAAGJ,MAAM,CAAC;IAC7BI,SAAS,CAACC,MAAM,CAACT,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOO,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAED,eAAoCd,MAA0B,IAAQ;EAClE,OAAOH,GAAG,CAACgB,GAAG,CAACd,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAGU,MAAkB,IAAK;IACnE,OAAO,CAAC,GAAGA,MAAM,CAAC,CAACM,MAAM,CAACX,GAAG,IAAIA,GAAG,CAACY,MAAM,GAAG,CAAC,CAAC;EACpD,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-import type { CmsModel } from "../../../../types";
+import type { CmsModel } from "../../../../types.js";
 interface Params {
     source: number;
     destination: number;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["dot","data","source","destination","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types\";\n\ninterface Params {\n source: number;\n destination: number;\n data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n return dot.set(data, \"layout\", (layout: string[][]) => {\n return source < destination\n ? [\n ...layout.slice(0, source),\n ...layout.slice(source + 1, destination),\n layout[source],\n ...layout.slice(destination)\n ]\n : [\n ...layout.slice(0, destination),\n layout[source],\n ...layout.slice(destination, source),\n ...layout.slice(source + 1)\n ];\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["dot","data","source","destination","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface Params {\n source: number;\n destination: number;\n data: Pick<CmsModel, \"layout\">;\n}\nexport default ({ data, source, destination }: Params) => {\n return dot.set(data, \"layout\", (layout: string[][]) => {\n return source < destination\n ? [\n ...layout.slice(0, source),\n ...layout.slice(source + 1, destination),\n layout[source],\n ...layout.slice(destination)\n ]\n : [\n ...layout.slice(0, destination),\n layout[source],\n ...layout.slice(destination, source),\n ...layout.slice(source + 1)\n ];\n });\n};\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,oBAAoB;AAQpC,eAAe,CAAC;EAAEC,IAAI;EAAEC,MAAM;EAAEC;AAAoB,CAAC,KAAK;EACtD,OAAOH,GAAG,CAACI,GAAG,CAACH,IAAI,EAAE,QAAQ,EAAGI,MAAkB,IAAK;IACnD,OAAOH,MAAM,GAAGC,WAAW,GACrB,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,MAAM,CAAC,EAC1B,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,EACxCE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,CAAC,CAC/B,GACD,CACI,GAAGE,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEH,WAAW,CAAC,EAC/BE,MAAM,CAACH,MAAM,CAAC,EACd,GAAGG,MAAM,CAACC,KAAK,CAACH,WAAW,EAAED,MAAM,CAAC,EACpC,GAAGG,MAAM,CAACC,KAAK,CAACJ,MAAM,GAAG,CAAC,CAAC,CAC9B;EACX,CAAC,CAAC;AACN,CAAC","ignoreList":[]}

package/admin/components/IconPicker.js CHANGED Viewed

@@ -8,10 +8,33 @@ export const IconPicker = props => {
       return icons.concat(pl.getIcons());
     }, []);
   }, []);
+  const onChange = value => {
+    if (props.onChange) {
+      if (!value) {
+        props.onChange(null);
+        return;
+      }
+      props.onChange({
+        type: "icon",
+        name: value
+      });
+    }
+  };
+  let value = null;
+  if (props.value) {
+    if (typeof props.value === "string") {
+      value = props.value;
+    } else {
+      value = props.value.name;
+    }
+  }
   return /*#__PURE__*/React.createElement(AdminIconPicker, Object.assign({
     size: "lg",
     icons: icons
-  }, props));
+  }, props, {
+    onChange: onChange,
+    value: value
+  }));
 };
 //# sourceMappingURL=IconPicker.js.map

package/admin/components/IconPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useMemo","IconPicker","AdminIconPicker","plugins","props","icons","iconPlugins","byType","reduce","pl","concat","getIcons","createElement","Object","assign","size"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IconPickerIconDto, IconPickerProps } from \"@webiny/admin-ui\";\nimport { IconPicker as AdminIconPicker } from \"@webiny/admin-ui\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsIconsPlugin } from \"~/types\";\n\nexport const IconPicker = (props: Omit<IconPickerProps, \"icons\">) => {\n const icons: IconPickerIconDto[] = useMemo(() => {\n const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n return iconPlugins.reduce((icons: Array<IconPickerIconDto>, pl) => {\n return icons.concat(pl.getIcons());\n }, []);\n }, []);\n\n return <AdminIconPicker size={\"lg\"} icons={icons} {...props} ~~/>;\~~n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMF,UAAU,GAAIG,KAAqC,IAAK;EACjE,MAAMC,KAA0B,GAAGL,OAAO,CAAC,MAAM;IAC7C,MAAMM,WAAW,GAAGH,OAAO,CAACI,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOD,WAAW,CAACE,MAAM,CAAC,CAACH,KAA+B,EAAEI,EAAE,KAAK;MAC/D,OAAOJ,KAAK,CAACK,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,~~oBAAOZ~~,KAAA,~~CAAAa~~,aAAA,~~CAACV~~,eAAe,~~EAAAW~~,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;~~IAACV~~,KAAK,EAAEA;EAAM,GAAKD,KAAK,~~CAAG~~,CAAC;~~AACnE~~,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","useMemo","IconPicker","AdminIconPicker","plugins","props","icons","iconPlugins","byType","reduce","pl","concat","getIcons","onChange","value","type","name","createElement","Object","assign","size"],"sources":["IconPicker.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { IconPickerIconDto, IconPickerProps } from \"@webiny/admin-ui\";\nimport { IconPicker as AdminIconPicker } from \"@webiny/admin-ui\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsIconsPlugin } from \"~/types.js\";\n\nexport const IconPicker = (props: Omit<IconPickerProps, \"icons\">) => {\n const icons: IconPickerIconDto[] = useMemo(() => {\n const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n return iconPlugins.reduce((icons: Array<IconPickerIconDto>, pl) => {\n return icons.concat(pl.getIcons());\n }, []);\n }, []);\n\n const onChange = (value: string \| null) => {\n if (props.onChange) {\n if (!value) {\n props.onChange(null);\n return;\n }\n\n props.onChange({\n type: \"icon\",\n name: value\n });\n }\n };\n\n let value = null;\n if (props.value) {\n if (typeof props.value === \"string\") {\n value = props.value;\n } else {\n value = props.value.name;\n }\n }\n\n return (\n <AdminIconPicker size={\"lg\"} icons={icons} {...props} onChange={onChange} value={value} />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,UAAU,IAAIC,eAAe,QAAQ,kBAAkB;AAChE,SAASC,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMF,UAAU,GAAIG,KAAqC,IAAK;EACjE,MAAMC,KAA0B,GAAGL,OAAO,CAAC,MAAM;IAC7C,MAAMM,WAAW,GAAGH,OAAO,CAACI,MAAM,CAAiB,WAAW,CAAC;IAC/D,OAAOD,WAAW,CAACE,MAAM,CAAC,CAACH,KAA+B,EAAEI,EAAE,KAAK;MAC/D,OAAOJ,KAAK,CAACK,MAAM,CAACD,EAAE,CAACE,QAAQ,CAAC,CAAC,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,QAAQ,GAAIC,KAAoB,IAAK;IACvC,IAAIT,KAAK,CAACQ,QAAQ,EAAE;MAChB,IAAI,CAACC,KAAK,EAAE;QACRT,KAAK,CAACQ,QAAQ,CAAC,IAAI,CAAC;QACpB;MACJ;MAEAR,KAAK,CAACQ,QAAQ,CAAC;QACXE,IAAI,EAAE,MAAM;QACZC,IAAI,EAAEF;MACV,CAAC,CAAC;IACN;EACJ,CAAC;EAED,IAAIA,KAAK,GAAG,IAAI;EAChB,IAAIT,KAAK,CAACS,KAAK,EAAE;IACb,IAAI,OAAOT,KAAK,CAACS,KAAK,KAAK,QAAQ,EAAE;MACjCA,KAAK,GAAGT,KAAK,CAACS,KAAK;IACvB,CAAC,MAAM;MACHA,KAAK,GAAGT,KAAK,CAACS,KAAK,CAACE,IAAI;IAC5B;EACJ;EAEA,oBACIhB,KAAA,CAAAiB,aAAA,CAACd,eAAe,EAAAe,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,IAAK;IAACd,KAAK,EAAEA;EAAM,GAAKD,KAAK;IAAEQ,QAAQ,EAAEA,QAAS;IAACC,KAAK,EAAEA;EAAM,EAAE,CAAC;AAElG,CAAC","ignoreList":[]}

package/admin/components/IsModelPublishable.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import React from "react";
+export interface IsPublishableProps {
+    children: React.ReactNode;
+}
+export declare const IsModelPublishable: (props: IsPublishableProps) => React.JSX.Element | null;

package/admin/components/IsModelPublishable.js ADDED Viewed

@@ -0,0 +1,11 @@
+import React, { useMemo } from "react";
+import { useModel } from "../../exports/admin/cms.js";
+export const IsModelPublishable = props => {
+  const {
+    model
+  } = useModel();
+  const isPublishable = useMemo(() => !model.tags.includes("$publishing:false"), [model]);
+  return isPublishable ? /*#__PURE__*/React.createElement(React.Fragment, null, props.children) : null;
+};
+//# sourceMappingURL=IsModelPublishable.js.map

package/admin/components/IsModelPublishable.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","useMemo","useModel","IsModelPublishable","props","model","isPublishable","tags","includes","createElement","Fragment","children"],"sources":["IsModelPublishable.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { useModel } from \"~/exports/admin/cms.js\";\n\nexport interface IsPublishableProps {\n children: React.ReactNode;\n}\n\nexport const IsModelPublishable = (props: IsPublishableProps) => {\n const { model } = useModel();\n\n const isPublishable = useMemo(() => !model.tags.includes(\"$publishing:false\"), [model]);\n\n return isPublishable ? <>{props.children}</> : null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ;AAMjB,OAAO,MAAMC,kBAAkB,GAAIC,KAAyB,IAAK;EAC7D,MAAM;IAAEC;EAAM,CAAC,GAAGH,QAAQ,CAAC,CAAC;EAE5B,MAAMI,aAAa,GAAGL,OAAO,CAAC,MAAM,CAACI,KAAK,CAACE,IAAI,CAACC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAACH,KAAK,CAAC,CAAC;EAEvF,OAAOC,aAAa,gBAAGN,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAU,QAAA,QAAGN,KAAK,CAACO,QAAW,CAAC,GAAG,IAAI;AACvD,CAAC","ignoreList":[]}

package/admin/components/LexicalCmsEditor/LexicalCmsEditor.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import React from "react";
-import type { RichTextEditorProps } from "@webiny/lexical-editor/types";
-export declare const LexicalCmsEditor: (props: Omit<RichTextEditorProps, "theme">) => React.JSX.Element;
+import { LexicalEditor } from "@webiny/app-admin";
+export declare const LexicalCmsEditor: (props: Omit<LexicalEditor.Props, "theme">) => React.JSX.Element;

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

@@ -1,6 +1,6 @@
-import React, { useCallback } from "react";
+import React from "react";
 import { StaticToolbar } from "@webiny/lexical-editor";
-import { LexicalEditor } from "@webiny/app-admin/components/LexicalEditor";
+import { LexicalEditor } from "@webiny/app-admin";
 const placeholderStyles = {
   position: "absolute",
   top: 40,
@@ -20,15 +20,8 @@ const styles = {
 };
 const toolbar = /*#__PURE__*/React.createElement(StaticToolbar, null);
 export const LexicalCmsEditor = props => {
-  const onChange = useCallback(jsonString => {
-    if (props?.onChange) {
-      props?.onChange(JSON.parse(jsonString));
-    }
-  }, [props?.onChange]);
   return /*#__PURE__*/React.createElement(LexicalEditor, Object.assign({}, props, {
     focus: true,
-    value: props.value ? JSON.stringify(props.value) : props.value,
-    onChange: onChange,
     staticToolbar: toolbar,
     tag: "p",
     placeholder: props?.placeholder || "Enter your text here...",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["React","~~useCallback","~~StaticToolbar","LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","LexicalCmsEditor","props","~~onChange","jsonString","JSON","parse","~~Object","assign","focus","~~value","stringify","~~staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React, ~~{ useCallback }~~ from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport ~~type~~ { ~~RichTextEditorProps } from \"@webiny/lexical-editor/types\";\nimport {~~ LexicalEditor } from \"@webiny/app-admin~~/components/LexicalEditor~~\";\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 const LexicalCmsEditor = (props: Omit<~~RichTextEditorProps~~, \"theme\">) => {\n const onChange = useCallback(\n (jsonString: string) => {\n if (props?.onChange) {\n props?.onChange(JSON.parse(jsonString));\n }\n },\n [props?.onChange]\n );\n\n return (\n <LexicalEditor\n {...props}\n focus={true}\n ~~value={props.value ? JSON.stringify(props.value) : props.value}\n onChange={onChange}\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"],"mappings":"AAAA,OAAOA,KAAK,~~IAAIC~~,~~WAAW,QAAQ,~~OAAO;~~AAC1C~~,SAASC,aAAa,QAAQ,wBAAwB;~~AAEtD~~,SAASC,aAAa,QAAQ,~~4CAA4C~~;~~AAE1E~~,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,MAAMC,OAAO,~~gBAAGhB~~,KAAA,~~CAAAiB~~,aAAA,CAACf,aAAa,MAAE,CAAC;AAEjC,OAAO,MAAMgB,gBAAgB,GAAIC,KAAyC,IAAK;EAC3E,~~MAAMC~~,QAAQ,GAAGnB,WAAW,CACvBoB,UAAkB,IAAK;IACpB,IAAIF,KAAK,EAAEC,QAAQ,EAAE;MACjBD,KAAK,EAAEC,QAAQ,CAACE,IAAI,CAACC,KAAK,CAACF,UAAU,CAAC,CAAC;IAC3C;EACJ,CAAC,EACD,CAACF,KAAK,EAAEC,QAAQ,CACpB,CAAC;EAED,oBACIpB,KAAA,~~CAAAiB~~,aAAA,CAACd,aAAa,~~EAAAqB~~,MAAA,CAAAC,MAAA,~~KACNN~~,KAAK;~~IACTO~~,KAAK,EAAE,IAAK;IACZC,~~KAAK,EAAER,KAAK,CAACQ,KAAK,GAAGL,IAAI,CAACM,SAAS,CAACT,KAAK,CAACQ,KAAK,CAAC,GAAGR,KAAK,CAACQ,KAAM;IAC/DP,QAAQ,EAAEA,QAAS;IACnBS,~~aAAa,~~EAAEb~~,OAAQ;~~IACvBc~~,GAAG,EAAE,GAAI;IACTC,WAAW,~~EAAEZ~~,KAAK,~~EAAEY~~,WAAW,IAAI,yBAA0B;~~IAC7D3B~~,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["React","StaticToolbar","LexicalEditor","placeholderStyles","position","top","left","contentEditableStyles","minHeight","display","padding","styles","backgroundColor","border","maxHeight","toolbar","createElement","LexicalCmsEditor","props","Object","assign","focus","staticToolbar","tag","placeholder"],"sources":["LexicalCmsEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { StaticToolbar } from \"@webiny/lexical-editor\";\nimport { LexicalEditor } 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 const LexicalCmsEditor = (props: Omit<LexicalEditor.Props, \"theme\">) => {\n return (\n <LexicalEditor\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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,aAAa,QAAQ,mBAAmB;AAEjD,MAAMC,iBAAsC,GAAG;EAAEC,QAAQ,EAAE,UAAU;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE;AAAG,CAAC;AAE1F,MAAMC,qBAA0C,GAAG;EAC/CC,SAAS,EAAE,GAAG;EACdC,OAAO,EAAE,OAAO;EAChBC,OAAO,EAAE;AACb,CAAC;AAED,MAAMC,MAA2B,GAAG;EAChCC,eAAe,EAAE,MAAM;EACvBC,MAAM,EAAE,mBAAmB;EAC3BH,OAAO,EAAE,WAAW;EACpBF,SAAS,EAAE,GAAG;EACdM,SAAS,EAAE;AACf,CAAC;AAED,MAAMC,OAAO,gBAAGf,KAAA,CAAAgB,aAAA,CAACf,aAAa,MAAE,CAAC;AAEjC,OAAO,MAAMgB,gBAAgB,GAAIC,KAAyC,IAAK;EAC3E,oBACIlB,KAAA,CAAAgB,aAAA,CAACd,aAAa,EAAAiB,MAAA,CAAAC,MAAA,KACNF,KAAK;IACTG,KAAK,EAAE,IAAK;IACZC,aAAa,EAAEP,OAAQ;IACvBQ,GAAG,EAAE,GAAI;IACTC,WAAW,EAAEN,KAAK,EAAEM,WAAW,IAAI,yBAA0B;IAC7DrB,iBAAiB,EAAEA,iBAAkB;IACrCI,qBAAqB,EAAEA,qBAAsB;IAC7CI,MAAM,EAAEA;EAAO,EAClB,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import React from "react";
-import { TypographyAction, LexicalEditorConfig, FontSizeAction, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, CodeHighlightPlugin, FloatingLinkEditorPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
-import { TypographyDropDown } from "./TypographyDropDown";
+import { TypographyAction, LexicalEditorConfig, FontColorAction, Divider, BoldAction, ItalicAction, UnderlineAction, CodeHighlightAction, NumberedListAction, BulletListAction, ImageAction, LinkAction, QuoteAction, ImagesPlugin, QuotePlugin, CodeHighlightPlugin, LinkPlugin, ListPlugin, TypographyPlugin, FontColorPlugin, TextAlignmentAction } from "@webiny/lexical-editor";
+import { TypographyDropDown } from "./TypographyDropDown.js";
 import { CompositionScope } from "@webiny/react-composition";
 const {
   ToolbarElement,
@@ -8,11 +8,11 @@ const {
 } = LexicalEditorConfig;
 export const LexicalEditorCmsPlugin = () => {
   return /*#__PURE__*/React.createElement(CompositionScope, {
-    name: "cms"
-  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, null, /*#__PURE__*/React.createElement(ToolbarElement, {
-    name: "fontSize",
-    element: /*#__PURE__*/React.createElement(FontSizeAction, null)
-  }), /*#__PURE__*/React.createElement(ToolbarElement, {
+    name: "cms",
+    inherit: true
+  }, /*#__PURE__*/React.createElement(LexicalEditorConfig, {
+    priority: "primary"
+  }, /*#__PURE__*/React.createElement(ToolbarElement, {
     name: "fontColor",
     element: /*#__PURE__*/React.createElement(FontColorAction, null)
   }), /*#__PURE__*/React.createElement(ToolbarElement, {
@@ -75,11 +75,6 @@ export const LexicalEditorCmsPlugin = () => {
   }), /*#__PURE__*/React.createElement(Plugin, {
     name: "link",
     element: /*#__PURE__*/React.createElement(LinkPlugin, null)
-  }), /*#__PURE__*/React.createElement(Plugin, {
-    name: "floatingLinkEditor",
-    element: /*#__PURE__*/React.createElement(FloatingLinkEditorPlugin, {
-      anchorElem: () => document.body
-    })
   }), /*#__PURE__*/React.createElement(Plugin, {
     name: "images",
     element: /*#__PURE__*/React.createElement(ImagesPlugin, null)