npm - @webiny/app-headless-cms - Versions diffs - 5.34.8 → 5.35.0-beta.0 - Mend

@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

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

Files changed (693) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["FieldEditorContext","React","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","editor","useModelFieldEditor","useState","field","dropTarget","row","index","state","setState","useDeepCompareEffect","editField","useCallback","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","monitor","didDrop","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","plugins","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","fieldPlugin","prev","next","concat","utils","data","destination","updateField","i","dot","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n CmsModelField,\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { DragObjectWithType, DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\n\ninterface DropTarget {\n row: number;\n index: number \| null;\n}\n\ninterface Position {\n row: number;\n index: number;\n}\n\nexport interface DragSource extends DragObjectWithType {\n parent?: string;\n pos?: Partial<Position>;\n type: \"row\" \| \"field\" \| \"newField\";\n fieldType?: string;\n field?: CmsModelField \| null;\n fields?: CmsModelField[];\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 {\n (item: DragSource, monitor: DragSourceMonitor): 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\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: React.FC<FieldEditorProviderProps> = ({\n parent,\n fields,\n layout,\n onChange,\n children\n}) => {\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 = ({ type, field, fields }, monitor) => {\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 { dropTarget } = monitor.getDropResult();\n const parentId = parent ? parent.fieldId : null;\n if (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 // TODO @ts-refactor figure if there is a way to fix this.\n // @ts-ignore\n if (field[key] !== query[key]) {\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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"}
1	+ {"version":3,"names":["FieldEditorContext","React","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","includes","Error","FieldEditorProvider","parent","fields","onChange","children","depth","editor","useModelFieldEditor","useState","field","dropTarget","row","index","state","setState","useDeepCompareEffect","editField","useCallback","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","monitor","didDrop","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","plugins","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","flat","fieldPlugin","prev","next","concat","utils","data","destination","updateField","i","dot","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n CmsModelField,\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { DragObjectWithType, DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\n\ninterface DropTarget {\n row: number;\n index: number \| null;\n}\n\ninterface Position {\n row: number;\n index: number;\n}\n\nexport interface DragSource extends DragObjectWithType {\n parent?: string;\n pos?: Partial<Position>;\n type: \"row\" \| \"field\" \| \"newField\";\n fieldType?: string;\n field?: CmsModelField \| null;\n fields?: CmsModelField[];\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 {\n (item: DragSource, monitor: DragSourceMonitor): 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\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: React.FC<FieldEditorProviderProps> = ({\n parent,\n fields,\n layout,\n onChange,\n children\n}) => {\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 = ({ type, field, fields }, monitor) => {\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 { dropTarget } = monitor.getDropResult();\n const parentId = parent ? parent.fieldId : null;\n if (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 // TODO @ts-refactor figure if there is a way to fix this.\n // @ts-ignore\n if (field[key] !== query[key]) {\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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"}

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

@@ -1,8 +1,14 @@
 /// <reference types="react" />
-/// <reference types="web" />
 /// <reference types="react" />
-export declare const RowContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const Row: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+/// <reference types="web" />
+export declare const RowContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const fieldContainer: string;
 export declare const rowHandle: string;
 export declare const fieldHandle: string;

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

@@ -1,16 +1,12 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rowHandle = exports.fieldHandle = exports.fieldContainer = exports.RowContainer = exports.Row = void 0;
 var _emotion = require("emotion");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var RowContainer = /*#__PURE__*/(0, _styled.default)("div", {
   label: "RowContainer",
   target: "e1pk1rsi0"
@@ -32,7 +28,7 @@ var fieldContainer = /*#__PURE__*/(0, _emotion.css)({
   position: "relative",
   flex: "1 100%",
   backgroundColor: "var(--mdc-theme-background)",
-  padding: "0 15px 5px",
+  padding: "2px 15px 2px",
   margin: 10,
   borderRadius: 2,
   border: "1px solid var(--mdc-theme-on-background)",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["RowContainer","styled","Row","display","flexDirection","backgroundColor","paddingLeft","paddingRight","position","fieldContainer","css","flex","padding","margin","borderRadius","border","transition","color","cursor","boxShadow","rowHandle","width","left","top","transform","zIndex","fieldHandle"],"sources":["Styled.ts"],"sourcesContent":["import { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const RowContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n margin-bottom: 20px;\n border-radius: 2px;\n background-color: var(--mdc-theme-surface);\n border: 1px solid var(--mdc-theme-on-background);\n box-shadow: var(--mdc-theme-on-background) 1px 1px 1px,\n var(--mdc-theme-on-background) 1px 1px 2px;\n :last-child {\n margin-bottom: 5px;\n }\n`;\n\nexport const Row = styled(\"div\")({\n display: \"flex\",\n flexDirection: \"row\",\n backgroundColor: \"var(--mdc-theme-surface)\",\n paddingLeft: 40,\n paddingRight: 10,\n position: \"relative\"\n});\n\nexport const fieldContainer = css({\n position: \"relative\",\n flex: \"1 100%\",\n backgroundColor: \"var(--mdc-theme-background)\",\n padding: \"0 15px ~~5px~~\",\n margin: 10,\n borderRadius: 2,\n border: \"1px solid var(--mdc-theme-on-background)\",\n transition: \"box-shadow 225ms\",\n color: \"var(--mdc-theme-on-surface)\",\n cursor: \"grab\",\n \"&:hover\": {\n boxShadow:\n \"var(--mdc-theme-on-background) 1px 1px 1px, var(--mdc-theme-on-background) 1px 1px 2px\"\n }\n});\n\nexport const rowHandle = css({\n width: 30,\n cursor: \"grab\",\n position: \"absolute\",\n left: 10,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n zIndex: 1,\n color: \"var(--mdc-theme-on-surface)\"\n});\n\nexport const fieldHandle = css({\n cursor: \"grab\"\n});\n"],"mappings":"~~;;;;;;;;;~~AAAA;;AACA;;AAEO,IAAMA,YAAY,oBAAGC,~~eAAH~~;EAAA;EAAA;AAAA,~~0TAAlB;;AAeA~~,IAAMC,GAAG,oBAAGD,~~eAAH~~,~~EAAU~~,~~KAAV~~;EAAA;EAAA;AAAA,~~GAAiB~~;EAC7BE,OAAO,EAAE,~~MADoB~~;~~EAE7BC~~,aAAa,EAAE,~~KAFc~~;~~EAG7BC~~,eAAe,EAAE,~~0BAHY~~;~~EAI7BC~~,WAAW,EAAE,~~EAJgB~~;~~EAK7BC~~,YAAY,EAAE,~~EALe~~;~~EAM7BC~~,QAAQ,EAAE;~~AANmB~~,~~CAAjB~~,~~CAAT;;AASA~~,IAAMC,cAAc,gBAAG,IAAAC,~~YAAA~~,~~EAAI~~;EAC9BF,QAAQ,EAAE,~~UADoB~~;~~EAE9BG~~,IAAI,EAAE,~~QAFwB~~;~~EAG9BN~~,eAAe,EAAE,~~6BAHa~~;~~EAI9BO~~,OAAO,EAAE,~~YAJqB~~;~~EAK9BC~~,MAAM,EAAE,~~EALsB~~;~~EAM9BC~~,YAAY,EAAE,~~CANgB~~;~~EAO9BC~~,MAAM,EAAE,~~0CAPsB~~;~~EAQ9BC~~,UAAU,EAAE,~~kBARkB~~;~~EAS9BC~~,KAAK,EAAE,~~6BATuB~~;~~EAU9BC~~,MAAM,EAAE,~~MAVsB~~;~~EAW9B~~,~~WAAW~~;IACPC,SAAS,EACL;~~EAFG~~;~~AAXmB~~,~~CAAJ~~,~~0BAAvB;;AAiBA~~,IAAMC,SAAS,gBAAG,IAAAV,~~YAAA~~,~~EAAI~~;EACzBW,KAAK,EAAE,~~EADkB~~;~~EAEzBH~~,MAAM,EAAE,~~MAFiB~~;~~EAGzBV~~,QAAQ,EAAE,~~UAHe~~;~~EAIzBc~~,IAAI,EAAE,~~EAJmB~~;~~EAKzBC~~,GAAG,EAAE,~~KALoB~~;~~EAMzBC~~,SAAS,EAAE,~~kBANc~~;~~EAOzBC~~,MAAM,EAAE,~~CAPiB~~;~~EAQzBR~~,KAAK,EAAE;~~AARkB~~,~~CAAJ~~,~~qBAAlB;;AAWA~~,IAAMS,WAAW,gBAAG,IAAAhB,~~YAAA~~,~~EAAI~~;EAC3BQ,MAAM,EAAE;~~AADmB~~,~~CAAJ~~,~~uBAApB~~"}
1	+ {"version":3,"names":["RowContainer","styled","Row","display","flexDirection","backgroundColor","paddingLeft","paddingRight","position","fieldContainer","css","flex","padding","margin","borderRadius","border","transition","color","cursor","boxShadow","rowHandle","width","left","top","transform","zIndex","fieldHandle"],"sources":["Styled.ts"],"sourcesContent":["import { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\n\nexport const RowContainer = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n margin-bottom: 20px;\n border-radius: 2px;\n background-color: var(--mdc-theme-surface);\n border: 1px solid var(--mdc-theme-on-background);\n box-shadow: var(--mdc-theme-on-background) 1px 1px 1px,\n var(--mdc-theme-on-background) 1px 1px 2px;\n :last-child {\n margin-bottom: 5px;\n }\n`;\n\nexport const Row = styled(\"div\")({\n display: \"flex\",\n flexDirection: \"row\",\n backgroundColor: \"var(--mdc-theme-surface)\",\n paddingLeft: 40,\n paddingRight: 10,\n position: \"relative\"\n});\n\nexport const fieldContainer = css({\n position: \"relative\",\n flex: \"1 100%\",\n backgroundColor: \"var(--mdc-theme-background)\",\n padding: \"2px 15px 2px\",\n margin: 10,\n borderRadius: 2,\n border: \"1px solid var(--mdc-theme-on-background)\",\n transition: \"box-shadow 225ms\",\n color: \"var(--mdc-theme-on-surface)\",\n cursor: \"grab\",\n \"&:hover\": {\n boxShadow:\n \"var(--mdc-theme-on-background) 1px 1px 1px, var(--mdc-theme-on-background) 1px 1px 2px\"\n }\n});\n\nexport const rowHandle = css({\n width: 30,\n cursor: \"grab\",\n position: \"absolute\",\n left: 10,\n top: \"50%\",\n transform: \"translateY(-50%)\",\n zIndex: 1,\n color: \"var(--mdc-theme-on-surface)\"\n});\n\nexport const fieldHandle = css({\n cursor: \"grab\"\n});\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,IAAMA,YAAY,oBAAGC,eAAM;EAAA;EAAA;AAAA,0TAajC;AAAC;AAEK,IAAMC,GAAG,oBAAGD,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC7BE,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,KAAK;EACpBC,eAAe,EAAE,0BAA0B;EAC3CC,WAAW,EAAE,EAAE;EACfC,YAAY,EAAE,EAAE;EAChBC,QAAQ,EAAE;AACd,CAAC,CAAC;AAAC;AAEI,IAAMC,cAAc,gBAAG,IAAAC,YAAG,EAAC;EAC9BF,QAAQ,EAAE,UAAU;EACpBG,IAAI,EAAE,QAAQ;EACdN,eAAe,EAAE,6BAA6B;EAC9CO,OAAO,EAAE,cAAc;EACvBC,MAAM,EAAE,EAAE;EACVC,YAAY,EAAE,CAAC;EACfC,MAAM,EAAE,0CAA0C;EAClDC,UAAU,EAAE,kBAAkB;EAC9BC,KAAK,EAAE,6BAA6B;EACpCC,MAAM,EAAE,MAAM;EACd,SAAS,EAAE;IACPC,SAAS,EACL;EACR;AACJ,CAAC,0BAAC;AAAC;AAEI,IAAMC,SAAS,gBAAG,IAAAV,YAAG,EAAC;EACzBW,KAAK,EAAE,EAAE;EACTH,MAAM,EAAE,MAAM;EACdV,QAAQ,EAAE,UAAU;EACpBc,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE,KAAK;EACVC,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE,CAAC;EACTR,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC;AAEI,IAAMS,WAAW,gBAAG,IAAAhB,YAAG,EAAC;EAC3BQ,MAAM,EAAE;AACZ,CAAC,uBAAC;AAAC"}

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

@@ -15,7 +15,5 @@ Object.defineProperty(exports, "useModelFieldEditor", {
     return _useModelFieldEditor.useModelFieldEditor;
   }
 });
 var _FieldEditor = require("./FieldEditor");
 var _useModelFieldEditor = require("./useModelFieldEditor");

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA;;AACA"}
1	+ {"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AACA"}

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

@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useModelFieldEditor = useModelFieldEditor;
 var _react = require("react");
 var _FieldEditorContext = require("./FieldEditorContext");
 function useModelFieldEditor() {
   var context = (0, _react.useContext)(_FieldEditorContext.FieldEditorContext);
   if (!context) {
     throw Error("FieldEditorContext is missing in the component tree. Are you useing the \"useFieldEditor()\" hook in the right place?");
   }
   return context;
 }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["useModelFieldEditor","context","useContext","FieldEditorContext","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;;AACA;;AAEO,SAASA,~~mBAAT~~,~~GAA+B~~;EAClC,IAAMC,OAAO,GAAG,IAAAC,~~iBAAA~~,~~EAAWC~~,~~sCAAX~~,~~CAAhB;;EACA~~,IAAI,CAACF,~~OAAL~~,~~EAAc~~;IACV,MAAMG,KAAK,~~yHAAX~~;~~EAGH;;EAED~~,OAAOH,~~OAAP~~;~~AACH~~"}
1	+ {"version":3,"names":["useModelFieldEditor","context","useContext","FieldEditorContext","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;AACA;AAEO,SAASA,mBAAmB,GAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAC9C,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,yHAEV;EACL;EAEA,OAAOH,OAAO;AAClB"}

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

@@ -1,30 +1,25 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
 var _default = function _default(params) {
   var field = params.field,
-      prev = params.data; // Remove the field from fields list...
+    prev = params.data;
+  // Remove the field from fields list...
   var fieldIndex = prev.fields.findIndex(function (item) {
     return item.id === field.id;
   });
+  var data = _dotPropImmutable.default.delete(prev, "fields.".concat(fieldIndex));
-  var data = _dotPropImmutable.default.delete(prev, "fields.".concat(fieldIndex)); // ...and rebuild the layout object.
+  // ...and rebuild the layout object.
   return _dotPropImmutable.default.set(data, "layout", function (layout) {
     if (!layout) {
       return [];
     }
     var newLayout = [];
     var currentRowIndex = 0;
     layout.forEach(function (row) {
@@ -32,15 +27,12 @@ var _default = function _default(params) {
         var field = data.fields.find(function (item) {
           return item.id === fieldId;
         });
         if (!field) {
           return;
         }
         if (!Array.isArray(newLayout[currentRowIndex])) {
           newLayout[currentRowIndex] = [];
         }
         newLayout[currentRowIndex].push(fieldId);
       });
       newLayout[currentRowIndex] && newLayout[currentRowIndex].length && currentRowIndex++;
@@ -48,5 +40,4 @@ var _default = function _default(params) {
     return newLayout;
   });
 };
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["params","field","prev","data","fieldIndex","fields","findIndex","item","id","dot","delete","set","layout","newLayout","currentRowIndex","forEach","row","fieldId","find","Array","isArray","push","length"],"sources":["deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { 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~~;;eAQe~~,kBAACA,~~MAAD~~,~~EAA+B~~;EAC1C,IAAQC,~~KAAR~~,~~GAA8BD~~,~~MAA9B~~,~~CAAQC~~,~~KAAR~~;~~EAAA~~,~~IAAqBC~~,~~IAArB~~,~~GAA8BF~~,~~MAA9B~~,~~CAAeG,IAAf,CAD0C,CAE1C;;~~EACA,IAAMC,UAAU,GAAGF,IAAI,CAACG,~~MAAL~~,~~CAAYC~~,~~SAAZ~~,~~CAAsB~~,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACC,~~EAAL~~,~~KAAYP~~,KAAK,CAACO,~~EAAtB~~;EAAA,~~CAA1B~~,~~CAAnB;;EACA,~~IAAML,IAAI,GAAGM,~~yBAAA~~,~~CAAIC~~,~~MAAJ~~,~~CAAWR~~,~~IAAX~~,~~mBAA2BE~~,~~UAA3B~~,~~EAAb,CAJ0C,CAM1C;;;~~EACA,OAAOK,~~yBAAA~~,~~CAAIE~~,~~GAAJ~~,~~CAAQR~~,~~IAAR~~,~~EAAc~~,~~QAAd~~,~~EAAwB~~,UAACS,~~MAAD~~,~~EAA6C~~;IACxE,IAAI,CAACA,~~MAAL~~,~~EAAa~~;MACT,OAAO,~~EAAP~~;~~IACH;;IACD~~,IAAMC,SAA0C,GAAG,~~EAAnD~~;~~IACA~~,IAAIC,eAAe,GAAG,~~CAAtB~~;~~IACAF~~,MAAM,CAACG,~~OAAP~~,~~CAAe~~,UAAAC,GAAG,EAAI;MAClBA,GAAG,CAACD,~~OAAJ~~,~~CAAY~~,UAAAE,OAAO,EAAI;QACnB,IAAMhB,KAAK,GAAGE,IAAI,CAACE,~~MAAL~~,~~CAAYa~~,~~IAAZ~~,~~CAAiB~~,UAAAX,IAAI;UAAA,OAAIA,IAAI,CAACC,~~EAAL~~,~~KAAYS~~,~~OAAhB~~;QAAA,~~CAArB~~,~~CAAd;;QACA,~~IAAI,CAAChB,~~KAAL~~,~~EAAY~~;UACR;~~QACH;;QACD~~,IAAI,CAACkB,KAAK,CAACC,~~OAAN~~,~~CAAcP~~,SAAS,CAACC,~~eAAD~~,~~CAAvB~~,~~CAAL~~,~~EAAgD~~;UAC5CD,SAAS,CAACC,~~eAAD~~,~~CAAT~~,~~GAA6B~~,~~EAA7B~~;~~QACH;;QAEDD~~,SAAS,CAACC,~~eAAD~~,~~CAAT~~,~~CAA2BO~~,~~IAA3B~~,~~CAAgCJ~~,~~OAAhC~~;~~MACH~~,~~CAVD~~;~~MAWAJ~~,SAAS,CAACC,~~eAAD~~,~~CAAT~~,~~IAA8BD~~,SAAS,CAACC,~~eAAD~~,~~CAAT~~,~~CAA2BQ~~,~~MAAzD~~,~~IAAmER~~,eAAe,~~EAAlF~~;~~IACH~~,~~CAbD~~;~~IAeA~~,OAAOD,~~SAAP~~;~~EACH~~,~~CAtBM~~,~~CAAP~~;~~AAuBH~~,C"}
1	+ {"version":3,"names":["params","field","prev","data","fieldIndex","fields","findIndex","item","id","dot","delete","set","layout","newLayout","currentRowIndex","forEach","row","fieldId","find","Array","isArray","push","length"],"sources":["deleteField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { 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;AAAqC,eAQtB,kBAACA,MAAyB,EAAK;EAC1C,IAAQC,KAAK,GAAiBD,MAAM,CAA5BC,KAAK;IAAQC,IAAI,GAAKF,MAAM,CAArBG,IAAI;EACnB;EACA,IAAMC,UAAU,GAAGF,IAAI,CAACG,MAAM,CAACC,SAAS,CAAC,UAAAC,IAAI;IAAA,OAAIA,IAAI,CAACC,EAAE,KAAKP,KAAK,CAACO,EAAE;EAAA,EAAC;EACtE,IAAML,IAAI,GAAGM,yBAAG,CAACC,MAAM,CAACR,IAAI,mBAAYE,UAAU,EAA4B;;EAE9E;EACA,OAAOK,yBAAG,CAACE,GAAG,CAACR,IAAI,EAAE,QAAQ,EAAE,UAACS,MAAuC,EAAK;IACxE,IAAI,CAACA,MAAM,EAAE;MACT,OAAO,EAAE;IACb;IACA,IAAMC,SAA0C,GAAG,EAAE;IACrD,IAAIC,eAAe,GAAG,CAAC;IACvBF,MAAM,CAACG,OAAO,CAAC,UAAAC,GAAG,EAAI;MAClBA,GAAG,CAACD,OAAO,CAAC,UAAAE,OAAO,EAAI;QACnB,IAAMhB,KAAK,GAAGE,IAAI,CAACE,MAAM,CAACa,IAAI,CAAC,UAAAX,IAAI;UAAA,OAAIA,IAAI,CAACC,EAAE,KAAKS,OAAO;QAAA,EAAC;QAC3D,IAAI,CAAChB,KAAK,EAAE;UACR;QACJ;QACA,IAAI,CAACkB,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;AAAA"}

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

@@ -4,16 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _default = function _default(params) {
   var field = params.field,
-      data = params.data;
+    data = params.data;
   var id = typeof field === "string" ? field : field.id;
   var layout = data.layout ? data.layout : [];
   for (var i = 0; i < layout.length; i++) {
     var row = layout[i];
     for (var j = 0; j < row.length; j++) {
       if (row[j] === id) {
         return {
@@ -23,8 +20,6 @@ var _default = function _default(params) {
       }
     }
   }
   return null;
 };
 exports.default = _default;

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 { 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":"~~;;;;;;;~~eAMe,kBAACA,~~MAAD~~,~~EAAgE~~;EAC3E,IAAQC,~~KAAR~~,~~GAAwBD~~,~~MAAxB~~,~~CAAQC~~,~~KAAR~~;~~EAAA~~,~~IAAeC~~,~~IAAf~~,~~GAAwBF~~,~~MAAxB~~,~~CAAeE,IAAf~~;~~EACA~~,IAAMC,EAAE,GAAG,OAAOF,~~KAAP~~,~~KAAiB~~,~~QAAjB~~,~~GAA4BA~~,~~KAA5B~~,~~GAAoCA~~,KAAK,CAACE,~~EAArD~~;~~EACA~~,IAAMC,MAAM,GAAGF,IAAI,CAACE,~~MAAL~~,~~GAAcF~~,IAAI,CAACE,~~MAAnB~~,~~GAA4B~~,~~EAA3C;;EACA~~,KAAK,IAAIC,CAAC,GAAG,~~CAAb~~,~~EAAgBA~~,CAAC,GAAGD,MAAM,CAACE,~~MAA3B~~,~~EAAmCD~~,CAAC,~~EAApC~~,~~EAAwC~~;IACpC,IAAME,GAAG,GAAGH,MAAM,CAACC,~~CAAD~~,~~CAAlB;;IACA~~,KAAK,IAAIG,CAAC,GAAG,~~CAAb~~,~~EAAgBA~~,CAAC,GAAGD,GAAG,CAACD,~~MAAxB~~,~~EAAgCE~~,CAAC,~~EAAjC~~,~~EAAqC~~;MACjC,IAAID,GAAG,CAACC,~~CAAD~~,~~CAAH~~,~~KAAWL~~,~~EAAf~~,~~EAAmB~~;QACf,OAAO;UAAEI,GAAG,EAAEF,~~CAAP~~;~~UAAUI~~,KAAK,EAAED;~~QAAjB~~,~~CAAP~~;~~MACH~~;IACJ;EACJ~~;;EAED~~,OAAO,~~IAAP~~;~~AACH~~,C"}
1	+ {"version":3,"names":["params","field","data","id","layout","i","length","row","j","index"],"sources":["getFieldPosition.ts"],"sourcesContent":["import { 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":";;;;;;eAMe,kBAACA,MAA8B,EAAiC;EAC3E,IAAQC,KAAK,GAAWD,MAAM,CAAtBC,KAAK;IAAEC,IAAI,GAAKF,MAAM,CAAfE,IAAI;EACnB,IAAMC,EAAE,GAAG,OAAOF,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACE,EAAE;EACvD,IAAMC,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,IAAME,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;AAAA"}

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

@@ -1,7 +1,6 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -29,11 +28,7 @@ Object.defineProperty(exports, "moveRow", {
     return _moveRow.default;
   }
 });
 var _getFieldPosition = _interopRequireDefault(require("./getFieldPosition"));
 var _moveField = _interopRequireDefault(require("./moveField"));
 var _deleteField = _interopRequireDefault(require("./deleteField"));
 var _moveRow = _interopRequireDefault(require("./moveRow"));

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

	@@ -1 +1 @@
1	- {"version":3,"names":[],"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;;AACA;;AACA;;AACA"}
1	+ {"version":3,"names":[],"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;AACA;AACA;AACA"}

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

@@ -1,26 +1,20 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
 var _getFieldPosition = _interopRequireDefault(require("./getFieldPosition"));
 var moveField = function moveField(params) {
   var field = params.field,
-      position = params.position,
-      prev = params.data;
+    position = params.position,
+    prev = params.data;
   var row = position.row,
-      index = position.index;
+    index = position.index;
   var fieldId = typeof field === "string" ? field : field.id;
   var next = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), {}, {
     layout: prev.layout ? prev.layout || [] : []
@@ -29,17 +23,16 @@ var moveField = function moveField(params) {
     field: fieldId,
     data: prev
   });
   if (existingPosition) {
     next = _dotPropImmutable.default.delete(prev, "layout.".concat(existingPosition.row, ".").concat(existingPosition.index));
-  } // Setting a form field into a new non-existing row.
+  }
+  // Setting a form field into a new non-existing row.
   if (!next.layout[row]) {
     return _dotPropImmutable.default.set(next, "layout.".concat(row), [fieldId]);
-  } // Drop the field at the specified index.
+  }
+  // Drop the field at the specified index.
   if (index === null) {
     // Create a new row with the new field at the given row index,
     return _dotPropImmutable.default.set(next, "layout", function (layout) {
@@ -48,14 +41,12 @@ var moveField = function moveField(params) {
       return newLayout;
     });
   }
   return _dotPropImmutable.default.set(next, "layout.".concat(row), function (layout) {
     var newLayout = (0, _toConsumableArray2.default)(layout);
     newLayout.splice(index, 0, fieldId);
     return newLayout;
   });
 };
 var _default = function _default(params) {
   return _dotPropImmutable.default.set(moveField(params), "layout", function (layout) {
     return (0, _toConsumableArray2.default)(layout).filter(function (row) {
@@ -63,5 +54,4 @@ var _default = function _default(params) {
     });
   });
 };
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["moveField","params","field","position","prev","data","row","index","fieldId","id","next","layout","existingPosition","getFieldPosition","dot","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport {\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;;AAOA;;AAUA,IAAMA,SAAS,GAAG,SAAZA,~~SAAY~~,~~CAAqBC~~,~~MAArB~~,~~EAAoD~~;EAClE,IAAQC,~~KAAR~~,~~GAAwCD~~,~~MAAxC~~,~~CAAQC~~,~~KAAR~~;~~EAAA~~,~~IAAeC~~,~~QAAf~~,~~GAAwCF~~,~~MAAxC~~,~~CAAeE,QAAf~~;~~EAAA~~,~~IAA+BC~~,~~IAA/B~~,~~GAAwCH~~,~~MAAxC~~,~~CAAyBI,IAAzB~~;~~EACA~~,IAAQC,~~GAAR~~,~~GAAuBH~~,~~QAAvB~~,~~CAAQG~~,~~GAAR~~;~~EAAA~~,~~IAAaC~~,~~KAAb~~,~~GAAuBJ~~,~~QAAvB~~,~~CAAaI,KAAb~~;~~EACA~~,IAAMC,OAAO,GAAG,OAAON,~~KAAP~~,~~KAAiB~~,~~QAAjB~~,~~GAA4BA~~,~~KAA5B~~,~~GAAoCA~~,KAAK,CAACO,~~EAA1D~~;~~EAEA~~,IAAIC,IAAO,+DACJN,~~IADI~~;~~IAEPO~~,MAAM,EAAEP,IAAI,CAACO,~~MAAL~~,~~GAAcP~~,IAAI,CAACO,~~MAAL~~,~~IAAe~~,~~EAA7B~~,~~GAAkC~~;~~EAFnC~~,~~EAAX~~;~~EAKA~~,IAAMC,gBAAgB,GAAG,IAAAC,~~yBAAA~~,~~EAAiB~~;IAAEX,KAAK,EAAEM,~~OAAT~~;~~IAAkBH~~,IAAI,EAAED;~~EAAxB~~,~~CAAjB~~,~~CAAzB;;EAEA~~,IAAIQ,~~gBAAJ~~,~~EAAsB~~;IAClBF,IAAI,GAAGI,~~yBAAA~~,~~CAAIC~~,~~MAAJ~~,~~CAAWX~~,~~IAAX~~,~~mBAA2BQ~~,gBAAgB,CAACN,~~GAA5C~~,~~cAAmDM~~,gBAAgB,CAACL,~~KAApE~~,~~EAAP~~;~~EACH,CAdiE,CAgBlE;;;~~EACA,IAAI,CAACG,IAAI,CAACC,~~MAAL~~,~~CAAYL~~,~~GAAZ~~,~~CAAL~~,~~EAAuB~~;IACnB,OAAOQ,~~yBAAA~~,~~CAAIE~~,~~GAAJ~~,~~CAAQN~~,~~IAAR~~,~~mBAAwBJ~~,~~GAAxB~~,~~GAA+B~~,CAACE,~~OAAD~~,~~CAA/B~~,~~CAAP~~;~~EACH,CAnBiE,CAqBlE;;;~~EACA,IAAID,KAAK,KAAK,~~IAAd~~,~~EAAoB~~;IAChB;IACA,OAAOO,~~yBAAA~~,~~CAAIE~~,~~GAAJ~~,~~CAAQN~~,~~IAAR~~,~~EAAc~~,~~QAAd~~,~~EAAwB~~,UAACC,~~MAAD~~,~~EAAwB~~;MACnD,IAAMM,SAAS,oCAAON,~~MAAP~~,~~CAAf~~;~~MACAM~~,SAAS,CAACC,~~MAAV~~,~~CAAiBZ~~,~~GAAjB~~,~~EAAsB~~,~~CAAtB~~,~~EAAyB~~,CAACE,~~OAAD~~,~~CAAzB~~;~~MACA~~,OAAOS,~~SAAP~~;~~IACH~~,~~CAJM~~,~~CAAP~~;~~EAKH;;EAED~~,OAAOH,~~yBAAA~~,~~CAAIE~~,~~GAAJ~~,~~CAAQN~~,~~IAAR~~,~~mBAAwBJ~~,~~GAAxB~~,~~GAA+B~~,UAACK,~~MAAD~~,~~EAAsB~~;IACxD,IAAMM,SAAS,oCAAON,~~MAAP~~,~~CAAf~~;~~IACAM~~,SAAS,CAACC,~~MAAV~~,~~CAAiBX~~,~~KAAjB~~,~~EAAwB~~,~~CAAxB~~,~~EAA2BC~~,~~OAA3B~~;~~IACA~~,OAAOS,~~SAAP~~;~~EACH~~,~~CAJM~~,~~CAAP~~;~~AAKH~~,~~CApCD;;eAsCe~~,kBAAqBhB,~~MAArB~~,~~EAAuD~~;EAClE,OAAOa,~~yBAAA~~,~~CAAIE~~,~~GAAJ~~,~~CAAQhB~~,SAAS,CAAIC,~~MAAJ~~,~~CAAjB~~,~~EAA8B~~,~~QAA9B~~,~~EAAwC~~,UAACU,~~MAAD~~,~~EAAwB~~;IACnE,OAAO,iCAAIA,~~MAAJ~~,~~EAAYQ~~,~~MAAZ~~,~~CAAmB~~,UAAAb,GAAG;MAAA,OAAIA,GAAG,CAACc,~~MAAJ~~,~~GAAa~~,~~CAAjB~~;IAAA,~~CAAtB,CAAP~~;~~EACH~~,~~CAFM~~,~~CAAP~~;~~AAGH~~,C"}
1	+ {"version":3,"names":["moveField","params","field","position","prev","data","row","index","fieldId","id","next","layout","existingPosition","getFieldPosition","dot","delete","set","newLayout","splice","filter","length"],"sources":["moveField.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport {\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;AAOA;AAUA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAwBC,MAA0B,EAAK;EAClE,IAAQC,KAAK,GAA2BD,MAAM,CAAtCC,KAAK;IAAEC,QAAQ,GAAiBF,MAAM,CAA/BE,QAAQ;IAAQC,IAAI,GAAKH,MAAM,CAArBI,IAAI;EAC7B,IAAQC,GAAG,GAAYH,QAAQ,CAAvBG,GAAG;IAAEC,KAAK,GAAKJ,QAAQ,CAAlBI,KAAK;EAClB,IAAMC,OAAO,GAAG,OAAON,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAGA,KAAK,CAACO,EAAE;EAE5D,IAAIC,IAAO,+DACJN,IAAI;IACPO,MAAM,EAAEP,IAAI,CAACO,MAAM,GAAGP,IAAI,CAACO,MAAM,IAAI,EAAE,GAAG;EAAE,EAC/C;EAED,IAAMC,gBAAgB,GAAG,IAAAC,yBAAgB,EAAC;IAAEX,KAAK,EAAEM,OAAO;IAAEH,IAAI,EAAED;EAAK,CAAC,CAAC;EAEzE,IAAIQ,gBAAgB,EAAE;IAClBF,IAAI,GAAGI,yBAAG,CAACC,MAAM,CAACX,IAAI,mBAAYQ,gBAAgB,CAACN,GAAG,cAAIM,gBAAgB,CAACL,KAAK,EAAQ;EAC5F;;EAEA;EACA,IAAI,CAACG,IAAI,CAACC,MAAM,CAACL,GAAG,CAAC,EAAE;IACnB,OAAOQ,yBAAG,CAACE,GAAG,CAACN,IAAI,mBAAYJ,GAAG,GAAI,CAACE,OAAO,CAAC,CAAC;EACpD;;EAEA;EACA,IAAID,KAAK,KAAK,IAAI,EAAE;IAChB;IACA,OAAOO,yBAAG,CAACE,GAAG,CAACN,IAAI,EAAE,QAAQ,EAAE,UAACC,MAAkB,EAAK;MACnD,IAAMM,SAAS,oCAAON,MAAM,CAAC;MAC7BM,SAAS,CAACC,MAAM,CAACZ,GAAG,EAAE,CAAC,EAAE,CAACE,OAAO,CAAC,CAAC;MACnC,OAAOS,SAAS;IACpB,CAAC,CAAC;EACN;EAEA,OAAOH,yBAAG,CAACE,GAAG,CAACN,IAAI,mBAAYJ,GAAG,GAAI,UAACK,MAAgB,EAAK;IACxD,IAAMM,SAAS,oCAAON,MAAM,CAAC;IAC7BM,SAAS,CAACC,MAAM,CAACX,KAAK,EAAE,CAAC,EAAEC,OAAO,CAAC;IACnC,OAAOS,SAAS;EACpB,CAAC,CAAC;AACN,CAAC;AAAC,eAEa,kBAAqBhB,MAA0B,EAAQ;EAClE,OAAOa,yBAAG,CAACE,GAAG,CAAChB,SAAS,CAAIC,MAAM,CAAC,EAAE,QAAQ,EAAE,UAACU,MAAkB,EAAK;IACnE,OAAO,iCAAIA,MAAM,EAAEQ,MAAM,CAAC,UAAAb,GAAG;MAAA,OAAIA,GAAG,CAACc,MAAM,GAAG,CAAC;IAAA,EAAC;EACpD,CAAC,CAAC;AACN,CAAC;AAAA"}

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

@@ -1,23 +1,18 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
 var _default = function _default(_ref) {
   var data = _ref.data,
-      source = _ref.source,
-      destination = _ref.destination;
+    source = _ref.source,
+    destination = _ref.destination;
   return _dotPropImmutable.default.set(data, "layout", function (layout) {
     return source < destination ? [].concat((0, _toConsumableArray2.default)(layout.slice(0, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination))) : [].concat((0, _toConsumableArray2.default)(layout.slice(0, destination)), [layout[source]], (0, _toConsumableArray2.default)(layout.slice(destination, source)), (0, _toConsumableArray2.default)(layout.slice(source + 1)));
   });
 };
 exports.default = _default;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["data","source","destination","dot","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { 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~~;;eAQe~~,wBAA2C;EAAA,IAAxCA,~~IAAwC~~,~~QAAxCA~~,~~IAAwC~~;~~EAAA~~,~~IAAlCC~~,~~MAAkC~~,~~QAAlCA,MAAkC~~;~~EAAA~~,~~IAA1BC~~,~~WAA0B~~,~~QAA1BA,WAA0B~~;~~EACtD~~,OAAOC,~~yBAAA~~,~~CAAIC~~,~~GAAJ~~,~~CAAQJ~~,~~IAAR~~,~~EAAc~~,~~QAAd~~,~~EAAwB~~,UAACK,~~MAAD~~,~~EAAwB~~;IACnD,OAAOJ,MAAM,GAAGC,~~WAAT~~,~~8CAEMG~~,MAAM,CAACC,~~KAAP~~,~~CAAa~~,~~CAAb~~,~~EAAgBL~~,~~MAAhB~~,~~CAFN~~,~~oCAGMI~~,MAAM,CAACC,~~KAAP~~,~~CAAaL~~,MAAM,GAAG,~~CAAtB~~,~~EAAyBC~~,~~WAAzB~~,~~CAHN~~,~~IAIGG~~,MAAM,CAACJ,~~MAAD~~,~~CAJT~~,~~oCAKMI~~,MAAM,CAACC,~~KAAP~~,~~CAAaJ~~,~~WAAb~~,~~CALN~~,~~gDAQMG~~,MAAM,CAACC,~~KAAP~~,~~CAAa~~,~~CAAb~~,~~EAAgBJ~~,~~WAAhB~~,~~CARN~~,~~IASGG~~,MAAM,CAACJ,~~MAAD~~,~~CATT~~,~~oCAUMI~~,MAAM,CAACC,~~KAAP~~,~~CAAaJ~~,~~WAAb~~,~~EAA0BD~~,~~MAA1B~~,~~CAVN~~,~~oCAWMI~~,MAAM,CAACC,~~KAAP~~,~~CAAaL~~,MAAM,GAAG,~~CAAtB~~,~~CAXN~~,~~EAAP~~;~~EAaH~~,~~CAdM~~,~~CAAP~~;~~AAeH~~,C"}
1	+ {"version":3,"names":["data","source","destination","dot","set","layout","slice"],"sources":["moveRow.ts"],"sourcesContent":["import dot from \"dot-prop-immutable\";\nimport { 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;AAAqC,eAQtB,wBAA2C;EAAA,IAAxCA,IAAI,QAAJA,IAAI;IAAEC,MAAM,QAANA,MAAM;IAAEC,WAAW,QAAXA,WAAW;EACvC,OAAOC,yBAAG,CAACC,GAAG,CAACJ,IAAI,EAAE,QAAQ,EAAE,UAACK,MAAkB,EAAK;IACnD,OAAOJ,MAAM,GAAGC,WAAW,8CAEdG,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEL,MAAM,CAAC,oCACvBI,MAAM,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC,EAAEC,WAAW,CAAC,IACxCG,MAAM,CAACJ,MAAM,CAAC,oCACXI,MAAM,CAACC,KAAK,CAACJ,WAAW,CAAC,gDAGzBG,MAAM,CAACC,KAAK,CAAC,CAAC,EAAEJ,WAAW,CAAC,IAC/BG,MAAM,CAACJ,MAAM,CAAC,oCACXI,MAAM,CAACC,KAAK,CAACJ,WAAW,EAAED,MAAM,CAAC,oCACjCI,MAAM,CAACC,KAAK,CAACL,MAAM,GAAG,CAAC,CAAC,EAC9B;EACX,CAAC,CAAC;AACN,CAAC;AAAA"}