@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_Button","_Typography","_edit","_delete","_title24px","_more_vert","_Menu","_plugins","_List","_Icon","_i18n","_useSnackbar2","_hooks","_useModelFieldEditor2","_appAdmin","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","FieldContainer","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","LowerCase","Info","Actions","FieldTypeName","menuStyles","css","width","opacity","pointerEvents","FieldExtra","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","multipleValues","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","_useSnackbar","useSnackbar","showSnackbar","showErrorSnackbar","_useModelEditor","useModelEditor","setModel","setData","data","_useModelFieldEditor","useModelFieldEditor","getFieldPlugin","getFieldRendererPlugin","_useConfirmationDialo","useConfirmationDialog","title","_taggedTemplateLiteral2","message","createElement","Fragment","showConfirmation","lockedFields","isLocked","some","lockedField","storageId","removeFieldFromSelected","useCallback","_objectSpread2","id","onDelete","setAsTitle","response","error","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","plugins","byType","rendererPlugin","renderer","canEdit","canEditSettings","defaultInformationRenderer","useMemo","fieldTypeName","fn","displayName","fieldInformationRenderer","renderInfo","info","Typography","use","IconButton","icon","ReactComponent","onClick","Menu","className","handle","pl","React","cloneElement","render","key","MenuItem","disabled","ListItemGraphic","Icon","_default","exports","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { ReactComponent as EditIcon } from \"@material-design-icons/svg/outlined/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"~/admin/icons/title-24px.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { Menu, MenuItem } from \"@webiny/ui/Menu\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst FieldContainer = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\"\n});\n\nconst LowerCase = styled.span`\n    text-transform: lowercase;\n`;\n\nconst Info = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    \"> *\": {\n        flex: \"1 100%\",\n        lineHeight: \"150%\"\n    }\n});\n\nconst Actions = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    alignItems: \"right\",\n    position: \"relative\",\n    \"> *\": {\n        flex: \"1 100%\"\n    }\n});\n\n/**\n * TODO @sven to give correct values\n */\nconst FieldTypeName = styled(\"div\")({\n    fontFamily: \"var(--mdc-typography-font-family)\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    textTransform: \"uppercase\",\n    color: \"#938F99\",\n    flex: \"1\",\n    textAlign: \"right\",\n    fontSize: \"14px\",\n    paddingRight: \"10px\"\n});\n\nconst menuStyles = css({\n    width: \"220px\",\n    \".disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst FieldExtra = styled.div`\n    padding: 10px 0 10px;\n\n    :empty {\n        display: none;\n    }\n`;\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = model?.lockedFields || [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        if (!isLocked) {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(async () => {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <FieldTypeName>{fieldTypeName}</FieldTypeName>;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.multipleValues ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <FieldContainer>\n                <Info>\n                    <Typography use={\"subtitle1\"}>{field.label}</Typography>\n                    <Typography use={\"caption\"}>\n                        {fieldPlugin.field.label}\n                        {info && <LowerCase> ({info})</LowerCase>}\n                    </Typography>\n                </Info>\n                {fieldInformationRenderer\n                    ? fieldInformationRenderer({ model, field })\n                    : defaultInformationRenderer()}\n                <Actions>\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                        />\n                    ) : null}\n                    <Menu\n                        className={menuStyles}\n                        handle={<IconButton icon={<MoreVerticalIcon />} />}\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as title`}\n                        </MenuItem>\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as description`}\n                        </MenuItem>\n                        <MenuItem\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<TitleIcon />} />\n                            </ListItemGraphic>\n                            {t`Use as image`}\n                        </MenuItem>\n\n                        <MenuItem onClick={onDelete}>\n                            <ListItemGraphic>\n                                <Icon icon={<DeleteIcon />} />\n                            </ListItemGraphic>\n                            {t`Delete`}\n                        </MenuItem>\n                    </Menu>\n                </Actions>\n            </FieldContainer>\n            <FieldExtra>\n                {fieldPlugin.field.render &&\n                    fieldPlugin.field.render({ field, data: model, setData: setModel })}\n            </FieldExtra>\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Fragment","useCallback","useMemo","capitalize","ReactComponent","EditIcon","DeleteIcon","TitleIcon","MoreVerticalIcon","plugins","i18n","useSnackbar","useModelEditor","useModelFieldEditor","useConfirmationDialog","IconButton","Heading","Text","DropdownMenu","Tag","t","ns","allowedTitleFieldTypes","isFieldAllowedToBeTitle","model","field","parent","multipleValues","includes","type","titleFieldId","fieldId","isFieldAllowedToBeDescription","descriptionFieldId","isFieldAllowedToBeImage","imageFieldId","settings","imagesOnly","getFieldTypeName","isTitleField","isDescriptionField","isImageField","filter","Boolean","join","Field","props","onEdit","showSnackbar","showErrorSnackbar","setData","setModel","data","getFieldPlugin","getFieldRendererPlugin","showConfirmation","title","message","createElement","lockedFields","isLocked","some","lockedField","storageId","removeFieldFromSelected","id","onDelete","setAsTitle","response","error","setAsDescription","setAsImage","fieldPlugin","editorFieldOptionPlugins","byType","rendererPlugin","renderer","name","canEdit","canEditSettings","defaultInformationRenderer","fieldTypeName","fn","content","variant","displayName","fieldInformationRenderer","renderInfo","info","className","level","label","size","icon","onClick","trigger","map","pl","cloneElement","render","key","Item","disabled","text","Icon","element","memo"],"sources":["Field.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useMemo } from \"react\";\nimport capitalize from \"lodash/capitalize\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { ReactComponent as TitleIcon } from \"@webiny/icons/title.svg\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CmsModelField, CmsEditorFieldOptionPlugin, CmsModel } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\nimport { IconButton, Heading, Text, DropdownMenu, Tag } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/field\");\n\nconst allowedTitleFieldTypes: string[] = [\"text\", \"number\"];\n\nconst isFieldAllowedToBeTitle = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (allowedTitleFieldTypes.includes(field.type) === false) {\n        return false;\n    } else if (model.titleFieldId === field.fieldId) {\n        return false;\n    }\n    return true;\n};\nconst isFieldAllowedToBeDescription = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.descriptionFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"long-text\";\n};\n\nconst isFieldAllowedToBeImage = (model: CmsModel, field: CmsModelField, parent?: CmsModelField) => {\n    if (field.multipleValues || parent) {\n        return false;\n    } else if (model.imageFieldId === field.fieldId) {\n        return false;\n    }\n    return field.type === \"file\" && field.settings?.imagesOnly;\n};\n\nconst getFieldTypeName = (\n    model: CmsModel,\n    field: CmsModelField,\n    parent?: CmsModelField\n): string | null => {\n    if (parent) {\n        return null;\n    }\n    const isTitleField = field.fieldId === model?.titleFieldId && !parent;\n    const isDescriptionField = field.fieldId === model?.descriptionFieldId && !parent;\n    const isImageField = field.fieldId === model?.imageFieldId && !parent;\n\n    return (\n        [\n            isTitleField ? \"entry title\" : null,\n            isDescriptionField ? \"entry description\" : null,\n            isImageField ? \"entry image\" : null\n        ]\n            .filter(Boolean)\n            .join(\"\") || null\n    );\n};\n\nexport interface FieldProps {\n    field: CmsModelField;\n    onDelete: (field: CmsModelField) => void;\n    onEdit: (field: CmsModelField) => void;\n    parent?: CmsModelField;\n}\n\nconst Field = (props: FieldProps) => {\n    const { field, onEdit, parent } = props;\n    const { showSnackbar, showErrorSnackbar } = useSnackbar();\n    const { setData: setModel, data: model } = useModelEditor();\n    const { getFieldPlugin, getFieldRendererPlugin } = useModelFieldEditor();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Warning - You are trying to delete a locked field!`,\n        message: (\n            <>\n                <p>{t`You are about to delete a field which is used in the data storage`}</p>\n                <p>{t`All data in that field will be lost and there is no going back!`}</p>\n                <p>&nbsp;</p>\n                <p>{t`Are you sure you want to continue?`}</p>\n            </>\n        )\n    });\n    const lockedFields = model?.lockedFields || [];\n    const isLocked = lockedFields.some(lockedField => lockedField.fieldId === field.storageId);\n\n    const removeFieldFromSelected = useCallback(async () => {\n        if (model.titleFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    titleFieldId: null\n                };\n            });\n        } else if (model.descriptionFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    descriptionFieldId: null\n                };\n            });\n        } else if (model.imageFieldId === field.fieldId) {\n            await setModel(data => {\n                return {\n                    ...data,\n                    imageFieldId: null\n                };\n            });\n        }\n    }, [field.id, setModel, model]);\n\n    const onDelete = useCallback(async () => {\n        if (!isLocked) {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n            return;\n        }\n        showConfirmation(async () => {\n            await removeFieldFromSelected();\n            props.onDelete(field);\n        });\n    }, [field.fieldId, lockedFields]);\n\n    const setAsTitle = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, titleFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Title field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsDescription = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, descriptionFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Description field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const setAsImage = useCallback(async (): Promise<void> => {\n        const response = await setModel(data => {\n            return { ...data, imageFieldId: field.fieldId };\n        });\n\n        if (response && response.error) {\n            return showErrorSnackbar(response.error.message);\n        }\n\n        showSnackbar(t`Image field set successfully.`);\n    }, [field.fieldId, setModel]);\n\n    const fieldPlugin = getFieldPlugin(field.type);\n    const editorFieldOptionPlugins =\n        plugins.byType<CmsEditorFieldOptionPlugin>(\"cms-editor-field-option\");\n\n    if (!fieldPlugin) {\n        return null;\n    }\n\n    const rendererPlugin = getFieldRendererPlugin(field.renderer.name);\n    const canEdit = fieldPlugin.field.canEditSettings !== false;\n\n    const defaultInformationRenderer = useMemo(() => {\n        const fieldTypeName = getFieldTypeName(model, field, parent);\n        const fn = () => {\n            if (!fieldTypeName) {\n                return null;\n            }\n            return <Tag content={capitalize(fieldTypeName)} variant={\"neutral-base\"} />;\n        };\n\n        fn.displayName = \"FieldTypeRenderer\";\n\n        return fn;\n    }, [field.id]);\n\n    const fieldInformationRenderer = fieldPlugin.field?.renderInfo;\n\n    const info = [rendererPlugin?.renderer.name, field.multipleValues ? \"multiple values\" : null]\n        .filter(Boolean)\n        .join(\", \");\n\n    return (\n        <Fragment>\n            <div className={\"wby-flex wby-justify-between wby-align-center\"}>\n                <div>\n                    <Heading level={6}>{field.label}</Heading>\n                    <Text size={\"sm\"} className={\"wby-text-neutral-strong\"}>\n                        {fieldPlugin.field.label}\n                        {info && <span className={\"wby-lowercase\"}> ({info})</span>}\n                    </Text>\n                </div>\n                <div className={\"wby-flex wby-items-center wby-justify-end wby-gap-sm\"}>\n                    {fieldInformationRenderer\n                        ? fieldInformationRenderer({ model, field })\n                        : defaultInformationRenderer()}\n                    {canEdit ? (\n                        <IconButton\n                            data-testid={\"cms.editor.edit-field\"}\n                            icon={<EditIcon />}\n                            onClick={() => onEdit(field)}\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                        />\n                    ) : null}\n                    <DropdownMenu\n                        trigger={\n                            <IconButton icon={<MoreVerticalIcon />} variant={\"ghost\"} size={\"sm\"} />\n                        }\n                    >\n                        {editorFieldOptionPlugins.map(pl =>\n                            React.cloneElement(pl.render(), { key: pl.name })\n                        )}\n                        {/* We only allow this action for top-level fields. */}\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeTitle(model, field, parent)}\n                            onClick={setAsTitle}\n                            text={t`Use as title`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as title`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeDescription(model, field, parent)}\n                            onClick={setAsDescription}\n                            text={t`Use as description`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as description`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            disabled={!isFieldAllowedToBeImage(model, field, parent)}\n                            onClick={setAsImage}\n                            text={t`Use as image`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<TitleIcon />}\n                                    label={t`Use as image`}\n                                />\n                            }\n                        />\n                        <DropdownMenu.Item\n                            onClick={onDelete}\n                            text={t`Delete`}\n                            icon={\n                                <DropdownMenu.Item.Icon\n                                    element={<DeleteIcon />}\n                                    label={t`Delete`}\n                                />\n                            }\n                            className={\"!wby-text-destructive-primary [&_svg]:wby-fill-destructive\"}\n                        />\n                    </DropdownMenu>\n                </div>\n            </div>\n            {fieldPlugin.field.render && (\n                <div className={\"wby-pt-md\"}>\n                    {fieldPlugin.field.render({ field, data: model, setData: setModel })}\n                </div>\n            )}\n        </Fragment>\n    );\n};\n\nexport default React.memo(Field);\n"],"mappings":"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","ignoreList":[]}

package/admin/components/FieldEditor/FieldEditor.js

@@ -1,58 +1,48 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldEditor = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Icon = require("@webiny/ui/Icon");
-var _i18n = require("@webiny/app/i18n");
-var _roundDrag_indicator24px = require("../../icons/round-drag_indicator-24px.svg");
-var _DropZone = require("../DropZone");
-var _Draggable = _interopRequireDefault(require("../Draggable"));
-var _EditFieldDialog = _interopRequireDefault(require("./EditFieldDialog"));
-var _Field = _interopRequireDefault(require("./Field"));
-var _Styled = require("./Styled");
-var _useModelFieldEditor2 = require("./useModelFieldEditor");
-var _FieldEditorContext = require("./FieldEditorContext");
-var _ModelFieldProvider = require("../ModelFieldProvider");
-var _templateObject;
-var t = _i18n.i18n.namespace("app-headless-cms/admin/components/editor");
-var fieldTypes = ["field", "newField"];
-var Editor = function Editor() {
-  var _useModelFieldEditor = (0, _useModelFieldEditor2.useModelFieldEditor)(),
-    parent = _useModelFieldEditor.parent,
-    depth = _useModelFieldEditor.depth,
-    insertField = _useModelFieldEditor.insertField,
-    updateField = _useModelFieldEditor.updateField,
-    deleteField = _useModelFieldEditor.deleteField,
-    fields = _useModelFieldEditor.fields,
-    noConflict = _useModelFieldEditor.noConflict,
-    editField = _useModelFieldEditor.editField,
-    onFieldDrop = _useModelFieldEditor.onFieldDrop,
-    onEndDrag = _useModelFieldEditor.onEndDrag,
-    field = _useModelFieldEditor.field,
-    dropTarget = _useModelFieldEditor.dropTarget,
-    getFieldPlugin = _useModelFieldEditor.getFieldPlugin;
-  var canDropIntoField = function canDropIntoField(field, draggable) {
-    var fieldPlugin = getFieldPlugin(field.type);
-    var canAccept = fieldPlugin.field.canAccept;
+import React, { Fragment } from "react";
+import get from "lodash/get";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as DragIcon } from "@webiny/icons/drag_indicator.svg";
+import { Center, Vertical, Horizontal } from "../DropZone";
+import Draggable from "../Draggable";
+import EditFieldDialog from "./EditFieldDialog";
+import Field from "./Field";
+import { useModelFieldEditor } from "./useModelFieldEditor";
+import { FieldEditorProvider } from "./FieldEditorContext";
+import { ModelFieldProvider } from "../ModelFieldProvider";
+import { cn, Icon } from "@webiny/admin-ui";
+const t = i18n.namespace("app-headless-cms/admin/components/editor");
+const fieldTypes = ["field", "newField"];
+const Editor = () => {
+  const {
+    parent,
+    depth,
+    insertField,
+    updateField,
+    deleteField,
+    fields,
+    noConflict,
+    editField,
+    onFieldDrop,
+    onEndDrag,
+    field,
+    dropTarget,
+    getFieldPlugin
+  } = useModelFieldEditor();
+  const canDropIntoField = (field, draggable) => {
+    const fieldPlugin = getFieldPlugin(field.type);
+    const canAccept = fieldPlugin.field.canAccept;
     if (typeof canAccept === "function" && !canAccept(field, draggable)) {
       return false;
     }
     return true;
   };
-  var isVerticalDropzoneVisible = function isVerticalDropzoneVisible(cb) {
-    return function (item) {
+  const isVerticalDropzoneVisible = cb => {
+    return item => {
       if (!parent) {
         return cb(item);
       }
-      var fieldPlugin = getFieldPlugin(parent.type);
-      var allowLayout = fieldPlugin.field.allowLayout ?? true;
+      const fieldPlugin = getFieldPlugin(parent.type);
+      const allowLayout = fieldPlugin.field.allowLayout ?? true;
       if (!allowLayout) {
         return false;
       }
@@ -62,8 +52,8 @@ var Editor = function Editor() {
       return cb(item);
     };
   };
-  var isHorizontalDropzoneVisible = function isHorizontalDropzoneVisible(cb) {
-    return function (item) {
+  const isHorizontalDropzoneVisible = cb => {
+    return item => {
       if (!parent) {
         return cb(item);
       }
@@ -73,139 +63,117 @@ var Editor = function Editor() {
       return cb(item);
     };
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, fields.length === 0 && /*#__PURE__*/_react.default.createElement(_DropZone.Center, {
-    isDroppable: isHorizontalDropzoneVisible(function () {
-      return true;
+  return /*#__PURE__*/React.createElement(Fragment, null, fields.length === 0 && /*#__PURE__*/React.createElement(Center, {
+    isDroppable: isHorizontalDropzoneVisible(() => true),
+    onDrop: item => onFieldDrop(item, {
+      row: 0,
+      index: 0
+    })
+  }, t`Drop your first field here`), fields.map((row, index) => /*#__PURE__*/React.createElement(Draggable, {
+    beginDrag: {
+      parent: parent ? parent.fieldId : null,
+      type: "row",
+      fields: row,
+      pos: {
+        row: index
+      }
+    },
+    endDrag: onEndDrag,
+    key: row.map(f => f.fieldId).join(".")
+  }, ({
+    drag,
+    isDragging
+  } /* RowContainer start - includes drag handle, drop zones and the Row itself. */) => /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-flex wby-flex-column", "wby-relative", "wby-mb-md last-of-type:wby-mb-none", "wby-bg-neutral-dimmed", isDragging ? "wby-opacity-30" : "wby-opacity-100"])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-cursor-grab", "wby-absolute wby-left-sm-plus wby-top-sm-plus wby-z-10"]),
+    ref: drag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/React.createElement(DragIcon, null),
+    label: "Drag to move this row",
+    color: "neutral-light",
+    size: "sm"
+  })), /*#__PURE__*/React.createElement(Horizontal, {
+    isVisible: isHorizontalDropzoneVisible(noConflict()),
+    "data-testid": `cms-editor-row-droppable-top-${index}`,
+    onDrop: item => onFieldDrop(item, {
+      row: index,
+      index: null
+    })
+  }), /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-w-full wby-flex wby-justify-between", "wby-pl-xl wby-pr-sm wby-py-sm"]),
+    "data-testid": "cms.editor.field-row"
+  }, row.map((field, fieldIndex) => /*#__PURE__*/React.createElement(ModelFieldProvider, {
+    field: field,
+    key: field.fieldId
+  }, /*#__PURE__*/React.createElement(Draggable, {
+    beginDrag: {
+      parent: parent ? parent.fieldId : null,
+      type: "field",
+      field,
+      pos: {
+        row: index,
+        index: fieldIndex
+      }
+    },
+    endDrag: onEndDrag
+  }, ({
+    drag
+  }) => /*#__PURE__*/React.createElement("div", {
+    className: cn(["wby-relative", "wby-flex-1 wby-basis-full", "wby-mx-sm"]),
+    ref: drag
+  }, /*#__PURE__*/React.createElement(Vertical, {
+    depth: depth,
+    onDrop: item => onFieldDrop(item, {
+      row: index,
+      index: fieldIndex
     }),
-    onDrop: function onDrop(item) {
-      return onFieldDrop(item, {
-        row: 0,
-        index: 0
-      });
-    }
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Drop your first field here"])))), fields.map(function (row, index) {
-    return /*#__PURE__*/_react.default.createElement(_Draggable.default, {
-      beginDrag: {
-        parent: parent ? parent.fieldId : null,
-        type: "row",
-        fields: row,
-        pos: {
-          row: index
-        }
-      },
-      endDrag: onEndDrag,
-      key: row.map(function (f) {
-        return f.fieldId;
-      }).join(".")
-    }, function (_ref /* RowContainer start - includes drag handle, drop zones and the Row itself. */) {
-      var drag = _ref.drag,
-        isDragging = _ref.isDragging;
-      return /*#__PURE__*/_react.default.createElement(_Styled.RowContainer, {
-        style: {
-          opacity: isDragging ? 0.3 : 1
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: _Styled.rowHandle,
-        ref: drag
-      }, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-        icon: /*#__PURE__*/_react.default.createElement(_roundDrag_indicator24px.ReactComponent, null)
-      })), /*#__PURE__*/_react.default.createElement(_DropZone.Horizontal, {
-        isVisible: isHorizontalDropzoneVisible(noConflict()),
-        "data-testid": "cms-editor-row-droppable-top-".concat(index),
-        onDrop: function onDrop(item) {
-          return onFieldDrop(item, {
-            row: index,
-            index: null
-          });
-        }
-      }), /*#__PURE__*/_react.default.createElement(_Styled.Row, {
-        "data-testid": "cms.editor.field-row"
-      }, row.map(function (field, fieldIndex) {
-        return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
-          field: field,
-          key: field.fieldId
-        }, /*#__PURE__*/_react.default.createElement(_Draggable.default, {
-          beginDrag: {
-            parent: parent ? parent.fieldId : null,
-            type: "field",
-            field: field,
-            pos: {
-              row: index,
-              index: fieldIndex
-            }
-          },
-          endDrag: onEndDrag
-        }, function (_ref2) {
-          var drag = _ref2.drag;
-          return /*#__PURE__*/_react.default.createElement("div", {
-            className: _Styled.fieldContainer,
-            ref: drag
-          }, /*#__PURE__*/_react.default.createElement(_DropZone.Vertical, {
-            depth: depth,
-            onDrop: function onDrop(item) {
-              return onFieldDrop(item, {
-                row: index,
-                index: fieldIndex
-              });
-            },
-            isVisible: isVerticalDropzoneVisible(noConflict(function (item) {
-              return fieldTypes.includes(item.type) && (row.length < 4 || (0, _get.default)(item, "pos.row") === index);
-            }))
-          }), /*#__PURE__*/_react.default.createElement("div", {
-            className: _Styled.fieldHandle
-          }, /*#__PURE__*/_react.default.createElement(_Field.default, {
-            parent: parent,
-            field: field,
-            onEdit: editField,
-            onDelete: deleteField
-          })), fieldIndex === row.length - 1 && /*#__PURE__*/_react.default.createElement(_DropZone.Vertical, {
-            last: true,
-            depth: depth,
-            isVisible: isVerticalDropzoneVisible(noConflict(function (item) {
-              return fieldTypes.includes(item.type) && (row.length < 4 || (0, _get.default)(item, "pos.row") === index);
-            })),
-            onDrop: function onDrop(item) {
-              return onFieldDrop(item, {
-                row: index,
-                index: fieldIndex + 1
-              });
-            }
-          }));
-        }));
-      })), index === fields.length - 1 ? /*#__PURE__*/_react.default.createElement(_DropZone.Horizontal, {
-        "data-testid": "cms-editor-row-droppable-bottom-".concat(index),
-        last: true,
-        isVisible: isHorizontalDropzoneVisible(noConflict()),
-        onDrop: function onDrop(item) {
-          return onFieldDrop(item, {
-            row: index + 1,
-            index: null
-          });
-        }
-      }) : null);
-    });
-  }), field ? /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
+    isVisible: isVerticalDropzoneVisible(noConflict(item => fieldTypes.includes(item.type) && (row.length < 4 || get(item, "pos.row") === index)))
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "wby-cursor-grab wby-bg-neutral-base wby-p-md wby-shadow-sm wby-rounded-xs"
+  }, /*#__PURE__*/React.createElement(Field, {
+    parent: parent,
+    field: field,
+    onEdit: editField,
+    onDelete: deleteField
+  })), fieldIndex === row.length - 1 && /*#__PURE__*/React.createElement(Vertical, {
+    last: true,
+    depth: depth,
+    isVisible: isVerticalDropzoneVisible(noConflict(item => {
+      return fieldTypes.includes(item.type) && (row.length < 4 || get(item, "pos.row") === index);
+    })),
+    onDrop: item => onFieldDrop(item, {
+      row: index,
+      index: fieldIndex + 1
+    })
+  })))))), index === fields.length - 1 ? /*#__PURE__*/React.createElement(Horizontal, {
+    "data-testid": `cms-editor-row-droppable-bottom-${index}`,
+    last: true,
+    isVisible: isHorizontalDropzoneVisible(noConflict()),
+    onDrop: item => onFieldDrop(item, {
+      row: index + 1,
+      index: null
+    })
+  }) : null))), field ? /*#__PURE__*/React.createElement(ModelFieldProvider, {
     field: field
-  }, /*#__PURE__*/_react.default.createElement(_EditFieldDialog.default, {
-    onClose: function onClose() {
-      return editField(null);
-    },
-    onSubmit: function onSubmit(field) {
+  }, /*#__PURE__*/React.createElement(EditFieldDialog, {
+    onClose: () => editField(null),
+    onSubmit: field => {
       if (field.id) {
         updateField(field);
         editField(null);
         return;
       }
       insertField({
-        field: field,
+        field,
         position: dropTarget
       });
       editField(null);
     }
   })) : null);
 };
-var FieldEditor = exports.FieldEditor = function FieldEditor(props) {
-  return /*#__PURE__*/_react.default.createElement(_FieldEditorContext.FieldEditorProvider, props, /*#__PURE__*/_react.default.createElement(Editor, null));
+export const FieldEditor = props => {
+  return /*#__PURE__*/React.createElement(FieldEditorProvider, props, /*#__PURE__*/React.createElement(Editor, null));
 };
 
 //# sourceMappingURL=FieldEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_Icon","_i18n","_roundDrag_indicator24px","_DropZone","_Draggable","_EditFieldDialog","_Field","_Styled","_useModelFieldEditor2","_FieldEditorContext","_ModelFieldProvider","_templateObject","t","i18n","namespace","fieldTypes","Editor","_useModelFieldEditor","useModelFieldEditor","parent","depth","insertField","updateField","deleteField","fields","noConflict","editField","onFieldDrop","onEndDrag","field","dropTarget","getFieldPlugin","canDropIntoField","draggable","fieldPlugin","type","canAccept","isVerticalDropzoneVisible","cb","item","allowLayout","isHorizontalDropzoneVisible","default","createElement","Fragment","length","Center","isDroppable","onDrop","row","index","_taggedTemplateLiteral2","map","beginDrag","fieldId","pos","endDrag","key","f","join","_ref","drag","isDragging","RowContainer","style","opacity","className","rowHandle","ref","Icon","icon","ReactComponent","Horizontal","isVisible","concat","Row","fieldIndex","ModelFieldProvider","_ref2","fieldContainer","Vertical","includes","get","fieldHandle","onEdit","onDelete","last","onClose","onSubmit","id","position","FieldEditor","exports","props","FieldEditorProvider"],"sources":["FieldEditor.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport get from \"lodash/get\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ReactComponent as HandleIcon } from \"~/admin/icons/round-drag_indicator-24px.svg\";\nimport { Center, Vertical, Horizontal } from \"../DropZone\";\nimport Draggable from \"../Draggable\";\nimport EditFieldDialog from \"./EditFieldDialog\";\nimport Field from \"./Field\";\nimport { rowHandle, fieldHandle, fieldContainer, Row, RowContainer } from \"./Styled\";\nimport { useModelFieldEditor } from \"./useModelFieldEditor\";\nimport { FieldEditorProvider, IsVisibleCallable } from \"./FieldEditorContext\";\nimport { CmsModelField, CmsEditorFieldsLayout, CmsModelFieldTypePlugin, DragSource } from \"~/types\";\nimport { ModelFieldProvider } from \"~/admin/components/ModelFieldProvider\";\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                        <RowContainer style={{ opacity: isDragging ? 0.3 : 1 }}>\n                            <div className={rowHandle} ref={drag}>\n                                <Icon icon={<HandleIcon />} />\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                            <Row data-testid={\"cms.editor.field-row\"}>\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 className={fieldContainer} ref={drag}>\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 className={fieldHandle}>\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                            </Row>\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                        </RowContainer>\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":[]}
+{"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 { FieldEditorProvider, IsVisibleCallable } from \"./FieldEditorContext\";\nimport { CmsModelField, CmsEditorFieldsLayout, CmsModelFieldTypePlugin, DragSource } 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":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,cAAc,IAAIC,QAAQ,QAAQ,kCAAkC;AAC7E,SAASC,MAAM,EAAEC,QAAQ,EAAEC,UAAU;AACrC,OAAOC,SAAS;AAChB,OAAOC,eAAe;AACtB,OAAOC,KAAK;AACZ,SAASC,mBAAmB;AAC5B,SAASC,mBAAmB;AAE5B,SAASC,kBAAkB;AAC3B,SAASC,EAAE,EAAEC,IAAI,QAAQ,kBAAkB;AAE3C,MAAMC,CAAC,GAAGd,IAAI,CAACe,SAAS,CAAC,0CAA0C,CAAC;AAEpE,MAAMC,UAAoB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC;AAElD,MAAMC,MAAM,GAAGA,CAAA,KAAM;EACjB,MAAM;IACFC,MAAM;IACNC,KAAK;IACLC,WAAW;IACXC,WAAW;IACXC,WAAW;IACXC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,WAAW;IACXC,SAAS;IACTC,KAAK;IACLC,UAAU;IACVC;EACJ,CAAC,GAAGrB,mBAAmB,CAAC,CAAC;EAEzB,MAAMsB,gBAAgB,GAAGA,CAACH,KAAoB,EAAEI,SAAqB,KAAK;IACtE,MAAMC,WAAW,GAAGH,cAAc,CAACF,KAAK,CAACM,IAAI,CAA4B;IACzE,MAAMC,SAAS,GAAGF,WAAW,CAACL,KAAK,CAACO,SAAS;IAC7C,IAAI,OAAOA,SAAS,KAAK,UAAU,IAAI,CAACA,SAAS,CAACP,KAAK,EAAEI,SAAS,CAAC,EAAE;MACjE,OAAO,KAAK;IAChB;IAEA,OAAO,IAAI;EACf,CAAC;EAED,MAAMI,yBAAyB,GAAIC,EAAqB,IAAK;IACzD,OAAQC,IAAgB,IAAK;MACzB,IAAI,CAACpB,MAAM,EAAE;QACT,OAAOmB,EAAE,CAACC,IAAI,CAAC;MACnB;MAEA,MAAML,WAAW,GAAGH,cAAc,CAACZ,MAAM,CAACgB,IAAI,CAA4B;MAC1E,MAAMK,WAAW,GAAGN,WAAW,CAACL,KAAK,CAACW,WAAW,IAAI,IAAI;MACzD,IAAI,CAACA,WAAW,EAAE;QACd,OAAO,KAAK;MAChB;MAEA,IAAI,CAACR,gBAAgB,CAACb,MAAM,EAAEoB,IAAI,CAAC,EAAE;QACjC,OAAO,KAAK;MAChB;MAEA,OAAOD,EAAE,CAACC,IAAI,CAAC;IACnB,CAAC;EACL,CAAC;EAED,MAAME,2BAA2B,GAAIH,EAAqB,IAAK;IAC3D,OAAQC,IAAgB,IAAK;MACzB,IAAI,CAACpB,MAAM,EAAE;QACT,OAAOmB,EAAE,CAACC,IAAI,CAAC;MACnB;MAEA,IAAI,CAACP,gBAAgB,CAACb,MAAM,EAAEoB,IAAI,CAAC,EAAE;QACjC,OAAO,KAAK;MAChB;MAEA,OAAOD,EAAE,CAACC,IAAI,CAAC;IACnB,CAAC;EACL,CAAC;EAED,oBACIzC,KAAA,CAAA4C,aAAA,CAAC3C,QAAQ,QACJyB,MAAM,CAACmB,MAAM,KAAK,CAAC,iBAChB7C,KAAA,CAAA4C,aAAA,CAACtC,MAAM;IACHwC,WAAW,EAAEH,2BAA2B,CAAC,MAAM,IAAI,CAAE;IACrDI,MAAM,EAAEN,IAAI,IACRZ,WAAW,CAACY,IAAI,EAAE;MACdO,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE;IACX,CAAC;EACJ,GAEAhC,CAAC,4BACE,CACX,EAEAS,MAAM,CAACwB,GAAG,CAAC,CAACF,GAAG,EAAEC,KAAK,kBACnBjD,KAAA,CAAA4C,aAAA,CAACnC,SAAS;IACN0C,SAAS,EAAE;MACP9B,MAAM,EAAEA,MAAM,GAAGA,MAAM,CAAC+B,OAAO,GAAG,IAAI;MACtCf,IAAI,EAAE,KAAK;MACXX,MAAM,EAAEsB,GAAG;MACXK,GAAG,EAAE;QAAEL,GAAG,EAAEC;MAAM;IACtB,CAAE;IACFK,OAAO,EAAExB,SAAU;IACnByB,GAAG,EAAEP,GAAG,CAACE,GAAG,CAACM,CAAC,IAAIA,CAAC,CAACJ,OAAO,CAAC,CAACK,IAAI,CAAC,GAAG;EAAE,GAEtC,CACG;IACIC,IAAI;IACJC;EACJ,CAAC,CAAC,iGAEF3D,KAAA,CAAA4C,aAAA;IACIgB,SAAS,EAAE7C,EAAE,CAAC,CACV,0BAA0B,EAC1B,cAAc,EACd,oCAAoC,EACpC,uBAAuB,EACvB4C,UAAU,GAAG,gBAAgB,GAAG,iBAAiB,CACpD;EAAE,gBAEH3D,KAAA,CAAA4C,aAAA;IACIgB,SAAS,EAAE7C,EAAE,CAAC,CACV,iBAAiB,EACjB,wDAAwD,CAC3D,CAAE;IACH8C,GAAG,EAAEH;EAAK,gBAEV1D,KAAA,CAAA4C,aAAA,CAAC5B,IAAI;IACD8C,IAAI,eAAE9D,KAAA,CAAA4C,aAAA,CAACvC,QAAQ,MAAE,CAAE;IACnB0D,KAAK,EAAE,uBAAwB;IAC/BC,KAAK,EAAE,eAAgB;IACvBC,IAAI,EAAE;EAAK,CACd,CACA,CAAC,eACNjE,KAAA,CAAA4C,aAAA,CAACpC,UAAU;IACP0D,SAAS,EAAEvB,2BAA2B,CAAChB,UAAU,CAAC,CAAC,CAAE;IACrD,eAAa,gCAAgCsB,KAAK,EAAG;IACrDF,MAAM,EAAEN,IAAI,IAAIZ,WAAW,CAACY,IAAI,EAAE;MAAEO,GAAG,EAAEC,KAAK;MAAEA,KAAK,EAAE;IAAK,CAAC;EAAE,CAClE,CAAC,eAEFjD,KAAA,CAAA4C,aAAA;IACIgB,SAAS,EAAE7C,EAAE,CAAC,CACV,yCAAyC,EACzC,+BAA+B,CAClC,CAAE;IACH,eAAa;EAAuB,GAEnCiC,GAAG,CAACE,GAAG,CAAC,CAACnB,KAAK,EAAEoC,UAAU,kBACvBnE,KAAA,CAAA4C,aAAA,CAAC9B,kBAAkB;IAACiB,KAAK,EAAEA,KAAM;IAACwB,GAAG,EAAExB,KAAK,CAACqB;EAAQ,gBACjDpD,KAAA,CAAA4C,aAAA,CAACnC,SAAS;IACN0C,SAAS,EAAE;MACP9B,MAAM,EAAEA,MAAM,GAAGA,MAAM,CAAC+B,OAAO,GAAG,IAAI;MACtCf,IAAI,EAAE,OAAO;MACbN,KAAK;MACLsB,GAAG,EAAE;QACDL,GAAG,EAAEC,KAAK;QACVA,KAAK,EAAEkB;MACX;IACJ,CAAE;IACFb,OAAO,EAAExB;EAAU,GAElB,CAAC;IAAE4B;EAAK,CAAC,kBACN1D,KAAA,CAAA4C,aAAA;IACIgB,SAAS,EAAE7C,EAAE,CAAC,CACV,cAAc,EACd,2BAA2B,EAC3B,WAAW,CACd,CAAE;IACH8C,GAAG,EAAEH;EAAK,gBAEV1D,KAAA,CAAA4C,aAAA,CAACrC,QAAQ;IACLe,KAAK,EAAEA,KAAM;IACbyB,MAAM,EAAEN,IAAI,IACRZ,WAAW,CAACY,IAAI,EAAE;MACdO,GAAG,EAAEC,KAAK;MACVA,KAAK,EAAEkB;IACX,CAAC,CACJ;IACDD,SAAS,EAAE3B,yBAAyB,CAChCZ,UAAU,CACNc,IAAI,IACAtB,UAAU,CAACiD,QAAQ,CACf3B,IAAI,CAACJ,IACT,CAAC,KACAW,GAAG,CAACH,MAAM,GAAG,CAAC,IACX3C,GAAG,CAACuC,IAAI,EAAE,SAAS,CAAC,KAChBQ,KAAK,CACrB,CACJ;EAAE,CACL,CAAC,eAEFjD,KAAA,CAAA4C,aAAA;IACIgB,SAAS,EACL;EACH,gBAED5D,KAAA,CAAA4C,aAAA,CAACjC,KAAK;IACFU,MAAM,EAAEA,MAAO;IACfU,KAAK,EAAEA,KAAM;IACbsC,MAAM,EAAEzC,SAAU;IAClB0C,QAAQ,EAAE7C;EAAY,CACzB,CACA,CAAC,EAGL0C,UAAU,KAAKnB,GAAG,CAACH,MAAM,GAAG,CAAC,iBAC1B7C,KAAA,CAAA4C,aAAA,CAACrC,QAAQ;IACLgE,IAAI;IACJjD,KAAK,EAAEA,KAAM;IACb4C,SAAS,EAAE3B,yBAAyB,CAChCZ,UAAU,CAACc,IAAI,IAAI;MACf,OACItB,UAAU,CAACiD,QAAQ,CACf3B,IAAI,CAACJ,IACT,CAAC,KACAW,GAAG,CAACH,MAAM,GAAG,CAAC,IACX3C,GAAG,CAACuC,IAAI,EAAE,SAAS,CAAC,KAChBQ,KAAK,CAAC;IAEtB,CAAC,CACL,CAAE;IACFF,MAAM,EAAEN,IAAI,IACRZ,WAAW,CAACY,IAAI,EAAE;MACdO,GAAG,EAAEC,KAAK;MACVA,KAAK,EAAEkB,UAAU,GAAG;IACxB,CAAC;EACJ,CACJ,CAEJ,CAEF,CACK,CACvB,CACA,CAAC,EAELlB,KAAK,KAAKvB,MAAM,CAACmB,MAAM,GAAG,CAAC,gBACxB7C,KAAA,CAAA4C,aAAA,CAACpC,UAAU;IACP,eAAa,mCAAmCyC,KAAK,EAAG;IACxDsB,IAAI;IACJL,SAAS,EAAEvB,2BAA2B,CAAChB,UAAU,CAAC,CAAC,CAAE;IACrDoB,MAAM,EAAEN,IAAI,IACRZ,WAAW,CAACY,IAAI,EAAE;MACdO,GAAG,EAAEC,KAAK,GAAG,CAAC;MACdA,KAAK,EAAE;IACX,CAAC;EACJ,CACJ,CAAC,GACF,IACH,CAEF,CACd,CAAC,EAEDlB,KAAK,gBACF/B,KAAA,CAAA4C,aAAA,CAAC9B,kBAAkB;IAACiB,KAAK,EAAEA;EAAM,gBAC7B/B,KAAA,CAAA4C,aAAA,CAAClC,eAAe;IACZ8D,OAAO,EAAEA,CAAA,KAAM5C,SAAS,CAAC,IAAI,CAAE;IAC/B6C,QAAQ,EAAE1C,KAAK,IAAI;MACf,IAAIA,KAAK,CAAC2C,EAAE,EAAE;QACVlD,WAAW,CAACO,KAAK,CAAC;QAClBH,SAAS,CAAC,IAAI,CAAC;QACf;MACJ;MACAL,WAAW,CAAC;QAAEQ,KAAK;QAAE4C,QAAQ,EAAE3C;MAAW,CAAC,CAAC;MAE5CJ,SAAS,CAAC,IAAI,CAAC;IACnB;EAAE,CACL,CACe,CAAC,GACrB,IACE,CAAC;AAEnB,CAAC;AASD,OAAO,MAAMgD,WAAW,GAAIC,KAAuB,IAAK;EACpD,oBACI7E,KAAA,CAAA4C,aAAA,CAAC/B,mBAAmB,EAAKgE,KAAK,eAC1B7E,KAAA,CAAA4C,aAAA,CAACxB,MAAM,MAAE,CACQ,CAAC;AAE9B,CAAC","ignoreList":[]}