npm - @webiny/app-headless-cms - Versions diffs - 5.40.0-beta.2 → 5.40.0-beta.4 - Mend

@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.4

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_styled","_interopRequireDefault","_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","t","i18n","ns","FieldContainer","styled","target","label","display","flexDirection","justifyContent","alignItems","LowerCase","Info","flex","lineHeight","Actions","position","FieldTypeName","textTransform","color","textAlign","fontSize","paddingRight","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","_useModelEditor","useModelEditor","setModel","setData","data","_useModelFieldEditor","useModelFieldEditor","getFieldPlugin","getFieldRendererPlugin","_useConfirmationDialo","useConfirmationDialog","title","_taggedTemplateLiteral2","default","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","name","canEdit","canEditSettings","defaultInformationRenderer","useMemo","fieldTypeName","fn","displayName","fieldInformationRenderer","renderInfo","info","Typography","use","IconButton","icon","ReactComponent","onClick","Menu","className","handle","map","pl","React","cloneElement","render","key","MenuItem","disabled","ListItemGraphic","Icon","_default","memo","exports"],"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 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 } = 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> </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 showSnackbar(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 showSnackbar(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 showSnackbar(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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"}
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","_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 } = 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> </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 showSnackbar(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 showSnackbar(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 showSnackbar(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":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsModelField, CmsEditorFieldsLayout } from "../../../types";
 export interface FieldEditorProps {
     parent?: CmsModelField;
@@ -9,4 +9,4 @@ export interface FieldEditorProps {
         layout: CmsEditorFieldsLayout;
     }) => void;
 }
-export declare const FieldEditor: (props: FieldEditorProps) => JSX.Element;
+export declare const FieldEditor: (props: FieldEditorProps) => React.JSX.Element;

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

@@ -204,9 +204,8 @@ var Editor = function Editor() {
     }
   })) : null);
 };
-var FieldEditor = function FieldEditor(props) {
+var FieldEditor = exports.FieldEditor = function FieldEditor(props) {
   return /*#__PURE__*/_react.default.createElement(_FieldEditorContext.FieldEditorProvider, props, /*#__PURE__*/_react.default.createElement(Editor, null));
 };
-exports.FieldEditor = FieldEditor;
 //# sourceMappingURL=FieldEditor.js.map

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

	@@ -1 +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","props","FieldEditorProvider","exports"],"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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"}
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":[]}

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

@@ -42,8 +42,8 @@ interface InsertFieldCallable {
 interface MoveFieldCallable {
     (params: MoveFieldParams): void;
 }
-interface OnEndDragCallable {
-    (item: DragSource, monitor: DragSourceMonitor): void;
+interface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {
+    (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;
 }
 interface MoveRowCallable {
     (source: number, destination: number): void;
@@ -86,5 +86,5 @@ interface FieldEditorProviderProps extends FieldEditorProps {
     children: React.ReactElement;
 }
 export declare const FieldEditorContext: React.Context<FieldEditorContext | undefined>;
-export declare const FieldEditorProvider: ({ parent, fields, layout, onChange, children }: FieldEditorProviderProps) => JSX.Element;
+export declare const FieldEditorProvider: ({ parent, fields, layout, onChange, children }: FieldEditorProviderProps) => React.JSX.Element;
 export {};

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

@@ -19,14 +19,13 @@ var _utils2 = require("@webiny/utils");
  * Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types
  */
-var FieldEditorContext = /*#__PURE__*/_react.default.createContext(undefined);
+var FieldEditorContext = exports.FieldEditorContext = /*#__PURE__*/_react.default.createContext(undefined);
 /**
  * We try to generate the random id string but with the check that it does not exist already.
  * Chances that the same string exists are quite small, but let's check it anyway.
  *
  * In most cases, there will be no iterations anyway...
  */
-exports.FieldEditorContext = FieldEditorContext;
 var maxGenerateIdIterations = 100;
 var generateFieldId = function generateFieldId(layout) {
   var id = (0, _utils2.generateAlphaNumericLowerCaseId)(8);
@@ -40,7 +39,7 @@ var generateFieldId = function generateFieldId(layout) {
   }
   return id;
 };
-var FieldEditorProvider = function FieldEditorProvider(_ref) {
+var FieldEditorProvider = exports.FieldEditorProvider = function FieldEditorProvider(_ref) {
   var parent = _ref.parent,
     fields = _ref.fields,
     layout = _ref.layout,
@@ -161,10 +160,9 @@ var FieldEditorProvider = function FieldEditorProvider(_ref) {
     }
     // Check if we dropped outside of the source fieldset, and if yes, remove the field from the original parent.
-    var _monitor$getDropResul = monitor.getDropResult(),
-      dropTarget = _monitor$getDropResul.dropTarget;
+    var monitorResult = monitor.getDropResult();
     var parentId = parent ? parent.fieldId : null;
-    if (dropTarget === parentId) {
+    if (monitorResult?.dropTarget === parentId) {
       return;
     }
     var removeFields = type === "row" ? fields || [] : field ? [field] : [];
@@ -355,6 +353,5 @@ var FieldEditorProvider = function FieldEditorProvider(_ref) {
     value: value
   }, children);
 };
-exports.FieldEditorProvider = FieldEditorProvider;
 //# sourceMappingURL=FieldEditorContext.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_interopRequireDefault","_useDeepCompareEffect","_plugins","utils","_useModelFieldEditor","_utils2","FieldEditorContext","React","createContext","undefined","exports","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","includes","Error","concat","FieldEditorProvider","_ref","parent","fields","onChange","children","depth","editor","useModelFieldEditor","_unused","_useState","useState","field","dropTarget","row","index","_useState2","_slicedToArray2","default","state","setState","useDeepCompareEffect","editField","useCallback","_objectSpread2","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","_source$fields","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","_ref2","monitor","didDrop","_monitor$getDropResul","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","plugins","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","_ref3","flat","fieldPlugin","prev","next","data","_ref4","destination","updateField","i","dot","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n CmsModelField,\n DragSource,\n FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { 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\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 = ({\n parent,\n fields,\n layout,\n onChange,\n children\n}: FieldEditorProviderProps) => {\n // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n let depth = 0;\n try {\n const editor = useModelFieldEditor();\n depth = editor.depth + 1;\n } catch {\n // There's no parent provider, so this is the top-level one.\n }\n\n const [state, setState] = useState<State>({\n layout,\n fields,\n field: null,\n dropTarget: {\n row: -1,\n index: null\n }\n });\n\n useDeepCompareEffect(() => {\n onChange({ fields: state.fields, layout: state.layout });\n }, [state.fields, state.layout]);\n\n const editField = useCallback((field: CmsModelField \| null) => {\n setState(state => ({ ...state, field }));\n }, []);\n\n const onDropTarget = {\n dropTarget: parent ? parent.fieldId : null\n };\n\n const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n const { pos, type, fieldType, field, fields = [] } = source;\n\n const parentId = parent ? parent.fieldId : null;\n\n if (type === \"row\") {\n if (parentId !== source.parent) {\n // We're dragging an existing row from another fieldset\n fields.forEach((field, index) => {\n insertField({\n field,\n position: {\n row: dropTarget.row,\n index: index === 0 ? null : index\n }\n });\n });\n } else if (pos && pos.row !== undefined) {\n // We're dragging a row within the same fieldset\n moveRow(pos.row, dropTarget.row);\n }\n\n return onDropTarget;\n }\n\n // If source pos is set, we are moving an existing field.\n if (pos) {\n if (!field) {\n return onDropTarget;\n }\n if (parentId !== source.parent) {\n // We're dragging an existing field from another fieldset\n insertField({ field, position: dropTarget });\n } else {\n // We're dragging a field within the same fieldset\n moveField({ field, position: dropTarget });\n }\n return onDropTarget;\n }\n\n if (!fieldType) {\n return null;\n }\n const plugin = getFieldPlugin(fieldType);\n if (!plugin) {\n return null;\n }\n\n const fieldData = plugin.field.createField() as CmsModelField;\n\n if (plugin.field.canEditSettings !== false) {\n editField(fieldData);\n setState(state => ({\n ...state,\n dropTarget\n }));\n } else {\n insertField({ field: fieldData, position: dropTarget });\n }\n return null;\n }, []);\n\n const onEndDrag: OnEndDragCallable = ({ 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\n if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n return false;\n }\n }\n\n return true;\n });\n };\n\n /\n Inserts a new field into the target position.\n /\n const insertField: InsertFieldCallable = ({ field, position }) => {\n if (!field.id) {\n field.id = generateFieldId(layout.flat());\n }\n\n if (!field.type) {\n throw new Error(`Field \"type\" missing.`);\n }\n\n const fieldPlugin = getFieldPlugin(field.type);\n if (!fieldPlugin) {\n throw new Error(`No plugin found for field type \"${field.type}\".`);\n }\n\n setState(prev => {\n const next: State = {\n ...prev,\n fields: (prev.fields \|\| []).concat(field)\n };\n\n // Move field to position where it was dropped.\n return utils.moveField({ field, position, data: next });\n });\n };\n\n /\n Moves field to the given target position.\n /\n const moveField: MoveFieldCallable = ({ field, position }) => {\n setState(data => {\n return utils.moveField<State>({ field, position, data });\n });\n };\n\n /\n Moves row to a destination row.\n /\n const moveRow: MoveRowCallable = (source, destination) => {\n setState(data => {\n return utils.moveRow({ data, source, destination });\n });\n };\n\n /\n Updates field.\n /\n const updateField: UpdateFieldCallable = field => {\n setState(data => {\n for (let i = 0; i < data.fields.length; i++) {\n if (data.fields[i].id === field.id) {\n return dot.set(data, `fields.${i}`, field);\n }\n }\n return data;\n });\n };\n\n /\n Deletes a field (both from the list of field and the layout).\n */\n const deleteField: DeleteFieldCallable = field => {\n setState(data => {\n return utils.deleteField({ field, data });\n });\n };\n\n const noConflict: NoConflictCallable = useCallback(\n (isVisible?: IsVisibleCallable) => item => {\n const sameParent = item.parent === onDropTarget.dropTarget;\n const draggedFields: string[] = [];\n switch (item.type) {\n case \"row\":\n (item.fields \|\| []).forEach(field => draggedFields.push(field.fieldId));\n break;\n case \"field\":\n if (!item.field) {\n break;\n }\n draggedFields.push(item.field.fieldId);\n break;\n default:\n break;\n }\n\n if (\n draggedFields.length &&\n !sameParent &&\n fields.some(field => draggedFields.includes(field.fieldId))\n ) {\n return false;\n }\n\n return typeof isVisible === \"function\" ? isVisible(item) : true;\n },\n [fields.map(f => f.fieldId).join(\".\")]\n );\n\n const value: FieldEditorContext = {\n parent,\n depth,\n getFieldsInLayout,\n getFieldPlugin,\n getFieldRendererPlugin,\n getField,\n editField,\n field: state.field,\n dropTarget: state.dropTarget,\n onFieldDrop,\n onEndDrag,\n insertField,\n moveField,\n moveRow,\n updateField,\n deleteField,\n fields: getFieldsInLayout(),\n noConflict,\n layout: state.layout\n };\n\n return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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"}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_interopRequireDefault","_useDeepCompareEffect","_plugins","utils","_useModelFieldEditor","_utils2","FieldEditorContext","exports","React","createContext","undefined","maxGenerateIdIterations","generateFieldId","layout","id","generateAlphaNumericLowerCaseId","iteration","includes","Error","concat","FieldEditorProvider","_ref","parent","fields","onChange","children","depth","editor","useModelFieldEditor","_unused","_useState","useState","field","dropTarget","row","index","_useState2","_slicedToArray2","default","state","setState","useDeepCompareEffect","editField","useCallback","_objectSpread2","onDropTarget","fieldId","onFieldDrop","source","pos","type","fieldType","_source$fields","parentId","forEach","insertField","position","moveRow","moveField","plugin","getFieldPlugin","fieldData","createField","canEditSettings","onEndDrag","_ref2","monitor","didDrop","monitorResult","getDropResult","removeFields","deleteField","getFieldsInLayout","filter","arr","length","map","getField","Boolean","plugins","byType","find","getFieldRendererPlugin","name","renderer","rendererName","query","key","_ref3","flat","fieldPlugin","prev","next","data","_ref4","destination","updateField","i","dot","set","noConflict","isVisible","item","sameParent","draggedFields","push","some","f","join","value","createElement","Provider"],"sources":["FieldEditorContext.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport dot from \"dot-prop-immutable\";\nimport useDeepCompareEffect from \"use-deep-compare-effect\";\nimport {\n CmsEditorFieldId,\n CmsEditorFieldRendererPlugin,\n CmsEditorFieldsLayout,\n CmsEditorFieldTypePlugin,\n CmsModelField,\n DragSource,\n FieldLayoutPosition\n} from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport * as utils from \"./utils\";\nimport { FieldEditorProps } from \"./FieldEditor\";\nimport { DragSourceMonitor } from \"react-dnd\";\nimport { useModelFieldEditor } from \"~/admin/components/FieldEditor/useModelFieldEditor\";\nimport { generateAlphaNumericLowerCaseId } from \"@webiny/utils\";\nimport { DragObject } from \"../Droppable\";\n\ninterface DropTarget {\n row: number;\n index: number \| null;\n}\n\n/*\n Property in GetFieldParams can be any key from CmsEditorField, but TS does not allow union types\n /\ninterface GetFieldParams {\n id?: string;\n fieldId?: string;\n}\ninterface InsertFieldParams {\n field: CmsModelField;\n position: FieldLayoutPosition;\n}\ninterface MoveFieldParams {\n field: CmsEditorFieldId \| CmsModelField;\n position: FieldLayoutPosition;\n}\ninterface GetFieldsInLayoutCallable {\n (): CmsModelField[][];\n}\ninterface GetFieldPluginCallable {\n (type: string): CmsEditorFieldTypePlugin \| undefined;\n}\ninterface GetFieldCallable {\n (query: GetFieldParams): CmsModelField \| undefined;\n}\ninterface GetFieldRendererCallable {\n (rendererName: string): CmsEditorFieldRendererPlugin \| undefined;\n}\ninterface OnFieldDropCallable {\n (source: Partial<DragSource>, target: DropTarget): void;\n}\ninterface InsertFieldCallable {\n (params: InsertFieldParams): void;\n}\ninterface MoveFieldCallable {\n (params: MoveFieldParams): void;\n}\ninterface OnEndDragCallable<DragObject = unknown, DropResult = unknown> {\n (item: DragSource, monitor: DragSourceMonitor<DragObject, DropResult>): void;\n}\ninterface MoveRowCallable {\n (source: number, destination: number): void;\n}\ninterface UpdateFieldCallable {\n (field: CmsModelField): void;\n}\ninterface DeleteFieldCallable {\n (field: Pick<CmsModelField, \"id\">): void;\n}\nexport interface IsVisibleCallable {\n (item: DragSource): boolean;\n}\ninterface NoConflictCallable {\n (cb?: IsVisibleCallable): (item: DragSource) => boolean;\n}\nexport interface FieldEditorContext {\n fields: CmsModelField[][];\n noConflict: NoConflictCallable;\n layout: CmsEditorFieldsLayout;\n onChange?: (data: any) => void;\n getFieldsInLayout: GetFieldsInLayoutCallable;\n getFieldPlugin: GetFieldPluginCallable;\n getField: GetFieldCallable;\n getFieldRendererPlugin: GetFieldRendererCallable;\n editField: (field: CmsModelField \| null) => void;\n field: CmsModelField \| null;\n parent?: CmsModelField;\n depth: number;\n dropTarget: DropTarget;\n onFieldDrop: OnFieldDropCallable;\n onEndDrag: OnEndDragCallable;\n insertField: InsertFieldCallable;\n moveField: MoveFieldCallable;\n moveRow: MoveRowCallable;\n updateField: UpdateFieldCallable;\n deleteField: DeleteFieldCallable;\n}\n\ninterface FieldEditorProviderProps extends FieldEditorProps {\n children: React.ReactElement;\n}\n\ntype DropResult = {\n dropTarget: string \| null;\n};\n\nexport const FieldEditorContext = React.createContext<FieldEditorContext \| undefined>(undefined);\n/\n We try to generate the random id string but with the check that it does not exist already.\n * Chances that the same string exists are quite small, but let's check it anyway.\n \n In most cases, there will be no iterations anyway...\n /\nconst maxGenerateIdIterations = 100;\nconst generateFieldId = (layout: string[]): string => {\n let id = generateAlphaNumericLowerCaseId(8);\n\n let iteration = 0;\n while (layout.includes(id) && iteration < maxGenerateIdIterations) {\n id = generateAlphaNumericLowerCaseId(8);\n iteration++;\n }\n if (iteration >= maxGenerateIdIterations) {\n throw new Error(`Could not generate field ID in ${maxGenerateIdIterations} iterations.`);\n }\n return id;\n};\n\ninterface State {\n layout: CmsEditorFieldsLayout;\n fields: CmsModelField[];\n field: CmsModelField \| null;\n dropTarget: DropTarget;\n}\nexport const FieldEditorProvider = ({\n parent,\n fields,\n layout,\n onChange,\n children\n}: FieldEditorProviderProps) => {\n // We need to determine depth of this provider so we can render drop zones with correct z-indexes.\n let depth = 0;\n try {\n const editor = useModelFieldEditor();\n depth = editor.depth + 1;\n } catch {\n // There's no parent provider, so this is the top-level one.\n }\n\n const [state, setState] = useState<State>({\n layout,\n fields,\n field: null,\n dropTarget: {\n row: -1,\n index: null\n }\n });\n\n useDeepCompareEffect(() => {\n onChange({ fields: state.fields, layout: state.layout });\n }, [state.fields, state.layout]);\n\n const editField = useCallback((field: CmsModelField \| null) => {\n setState(state => ({ ...state, field }));\n }, []);\n\n const onDropTarget = {\n dropTarget: parent ? parent.fieldId : null\n };\n\n const onFieldDrop = useCallback<OnFieldDropCallable>((source, dropTarget) => {\n const { pos, type, fieldType, field, fields = [] } = source;\n\n const parentId = parent ? parent.fieldId : null;\n\n if (type === \"row\") {\n if (parentId !== source.parent) {\n // We're dragging an existing row from another fieldset\n fields.forEach((field, index) => {\n insertField({\n field,\n position: {\n row: dropTarget.row,\n index: index === 0 ? null : index\n }\n });\n });\n } else if (pos && pos.row !== undefined) {\n // We're dragging a row within the same fieldset\n moveRow(pos.row, dropTarget.row);\n }\n\n return onDropTarget;\n }\n\n // If source pos is set, we are moving an existing field.\n if (pos) {\n if (!field) {\n return onDropTarget;\n }\n if (parentId !== source.parent) {\n // We're dragging an existing field from another fieldset\n insertField({ field, position: dropTarget });\n } else {\n // We're dragging a field within the same fieldset\n moveField({ field, position: dropTarget });\n }\n return onDropTarget;\n }\n\n if (!fieldType) {\n return null;\n }\n const plugin = getFieldPlugin(fieldType);\n if (!plugin) {\n return null;\n }\n\n const fieldData = plugin.field.createField() as CmsModelField;\n\n if (plugin.field.canEditSettings !== false) {\n editField(fieldData);\n setState(state => ({\n ...state,\n dropTarget\n }));\n } else {\n insertField({ field: fieldData, position: dropTarget });\n }\n return null;\n }, []);\n\n const onEndDrag: OnEndDragCallable<DragObject, DropResult> = (\n { type, field, fields },\n monitor\n ) => {\n if (!monitor.didDrop()) {\n return;\n }\n\n // Check if we dropped outside of the source fieldset, and if yes, remove the field from the original parent.\n const monitorResult = monitor.getDropResult();\n const parentId = parent ? parent.fieldId : null;\n if (monitorResult?.dropTarget === parentId) {\n return;\n }\n\n const removeFields = type === \"row\" ? fields \|\| [] : field ? [field] : [];\n removeFields.forEach(field => deleteField(field));\n };\n\n const getFieldsInLayout: GetFieldsInLayoutCallable = () => {\n // Replace every field ID with actual field object.\n return state.layout\n .filter(arr => arr.length)\n .map(row => {\n return row\n .map(id => {\n return getField({ id });\n })\n .filter(Boolean);\n })\n .filter(row => {\n return row.length > 0;\n }) as CmsModelField[][];\n };\n\n /\n Return field plugin.\n /\n const getFieldPlugin: GetFieldPluginCallable = type => {\n return plugins\n .byType<CmsEditorFieldTypePlugin>(\"cms-editor-field-type\")\n .find(plugin => plugin.field.type === type);\n };\n\n const getFieldRendererPlugin: GetFieldRendererCallable = name => {\n return plugins\n .byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\")\n .find(plugin => plugin.renderer.rendererName === name);\n };\n\n /\n Checks if field of given type already exists in the list of fields.\n /\n const getField: GetFieldCallable = query => {\n return state.fields.find(field => {\n for (const key in query) {\n if (!(key in field)) {\n return false;\n }\n\n if (field[key as keyof typeof field] !== query[key as keyof typeof query]) {\n return false;\n }\n }\n\n return true;\n });\n };\n\n /\n Inserts a new field into the target position.\n /\n const insertField: InsertFieldCallable = ({ field, position }) => {\n if (!field.id) {\n field.id = generateFieldId(layout.flat());\n }\n\n if (!field.type) {\n throw new Error(`Field \"type\" missing.`);\n }\n\n const fieldPlugin = getFieldPlugin(field.type);\n if (!fieldPlugin) {\n throw new Error(`No plugin found for field type \"${field.type}\".`);\n }\n\n setState(prev => {\n const next: State = {\n ...prev,\n fields: (prev.fields \|\| []).concat(field)\n };\n\n // Move field to position where it was dropped.\n return utils.moveField({ field, position, data: next });\n });\n };\n\n /\n Moves field to the given target position.\n /\n const moveField: MoveFieldCallable = ({ field, position }) => {\n setState(data => {\n return utils.moveField<State>({ field, position, data });\n });\n };\n\n /\n Moves row to a destination row.\n /\n const moveRow: MoveRowCallable = (source, destination) => {\n setState(data => {\n return utils.moveRow({ data, source, destination });\n });\n };\n\n /\n Updates field.\n /\n const updateField: UpdateFieldCallable = field => {\n setState(data => {\n for (let i = 0; i < data.fields.length; i++) {\n if (data.fields[i].id === field.id) {\n return dot.set(data, `fields.${i}`, field);\n }\n }\n return data;\n });\n };\n\n /\n Deletes a field (both from the list of field and the layout).\n */\n const deleteField: DeleteFieldCallable = field => {\n setState(data => {\n return utils.deleteField({ field, data });\n });\n };\n\n const noConflict: NoConflictCallable = useCallback(\n (isVisible?: IsVisibleCallable) => item => {\n const sameParent = item.parent === onDropTarget.dropTarget;\n const draggedFields: string[] = [];\n switch (item.type) {\n case \"row\":\n (item.fields \|\| []).forEach(field => draggedFields.push(field.fieldId));\n break;\n case \"field\":\n if (!item.field) {\n break;\n }\n draggedFields.push(item.field.fieldId);\n break;\n default:\n break;\n }\n\n if (\n draggedFields.length &&\n !sameParent &&\n fields.some(field => draggedFields.includes(field.fieldId))\n ) {\n return false;\n }\n\n return typeof isVisible === \"function\" ? isVisible(item) : true;\n },\n [fields.map(f => f.fieldId).join(\".\")]\n );\n\n const value: FieldEditorContext = {\n parent,\n depth,\n getFieldsInLayout,\n getFieldPlugin,\n getFieldRendererPlugin,\n getField,\n editField,\n field: state.field,\n dropTarget: state.dropTarget,\n onFieldDrop,\n onEndDrag,\n insertField,\n moveField,\n moveRow,\n updateField,\n deleteField,\n fields: getFieldsInLayout(),\n noConflict,\n layout: state.layout\n };\n\n return <FieldEditorContext.Provider value={value}>{children}</FieldEditorContext.Provider>;\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 export declare const RowContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | 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;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const fieldContainer: string;
 export declare const rowHandle: string;

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

@@ -5,26 +5,38 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.rowHandle = exports.fieldHandle = exports.fieldContainer = exports.RowContainer = exports.Row = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _emotion = require("emotion");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var RowContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "RowContainer",
-  target: "e1pk1rsi0"
-})("position:relative;display:flex;flex-direction:column;margin-bottom:20px;border-radius:2px;background-color:var(--mdc-theme-surface);border:1px solid var(--mdc-theme-on-background);box-shadow:var(--mdc-theme-on-background) 1px 1px 1px,var(--mdc-theme-on-background) 1px 1px 2px;:last-child{margin-bottom:5px;}");
-exports.RowContainer = RowContainer;
-var Row = /*#__PURE__*/(0, _styled.default)("div", {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var RowContainer = exports.RowContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pk1rsi1"
+} : {
   target: "e1pk1rsi1",
+  label: "RowContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1l1qvur",
+  styles: "position:relative;display:flex;flex-direction:column;margin-bottom:20px;border-radius:2px;background-color:var(--mdc-theme-surface);border:1px solid var(--mdc-theme-on-background);box-shadow:var(--mdc-theme-on-background) 1px 1px 1px,var(--mdc-theme-on-background) 1px 1px 2px;:last-child{margin-bottom:5px;}"
+} : {
+  name: "1l1qvur",
+  styles: "position:relative;display:flex;flex-direction:column;margin-bottom:20px;border-radius:2px;background-color:var(--mdc-theme-surface);border:1px solid var(--mdc-theme-on-background);box-shadow:var(--mdc-theme-on-background) 1px 1px 1px,var(--mdc-theme-on-background) 1px 1px 2px;:last-child{margin-bottom:5px;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHc0MiLCJmaWxlIjoiU3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgUm93Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XG4gICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKTtcbiAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpIDFweCAxcHggMXB4LFxuICAgICAgICB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCkgMXB4IDFweCAycHg7XG4gICAgOmxhc3QtY2hpbGQge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCIsXG4gICAgcGFkZGluZ0xlZnQ6IDQwLFxuICAgIHBhZGRpbmdSaWdodDogMTAsXG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIlxufSk7XG5cbmV4cG9ydCBjb25zdCBmaWVsZENvbnRhaW5lciA9IGNzcyh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBmbGV4OiBcIjEgMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiBcIjJweCAxNXB4IDJweFwiLFxuICAgIG1hcmdpbjogMTAsXG4gICAgYm9yZGVyUmFkaXVzOiAyLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgdHJhbnNpdGlvbjogXCJib3gtc2hhZG93IDIyNW1zXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgY3Vyc29yOiBcImdyYWJcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBib3hTaGFkb3c6XG4gICAgICAgICAgICBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKSAxcHggMXB4IDFweCwgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpIDFweCAxcHggMnB4XCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IHJvd0hhbmRsZSA9IGNzcyh7XG4gICAgd2lkdGg6IDMwLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBsZWZ0OiAxMCxcbiAgICB0b3A6IFwiNTAlXCIsXG4gICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSlcIixcbiAgICB6SW5kZXg6IDEsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgZmllbGRIYW5kbGUgPSBjc3Moe1xuICAgIGN1cnNvcjogXCJncmFiXCJcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var Row = exports.Row = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1pk1rsi0"
+} : {
+  target: "e1pk1rsi0",
   label: "Row"
-})({
-  display: "flex",
-  flexDirection: "row",
-  backgroundColor: "var(--mdc-theme-surface)",
-  paddingLeft: 40,
-  paddingRight: 10,
-  position: "relative"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qnmd14",
+  styles: "display:flex;flex-direction:row;background-color:var(--mdc-theme-surface);padding-left:40px;padding-right:10px;position:relative"
+} : {
+  name: "qnmd14",
+  styles: "display:flex;flex-direction:row;background-color:var(--mdc-theme-surface);padding-left:40px;padding-right:10px;position:relative",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQm1CIiwiZmlsZSI6IlN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuZXhwb3J0IGNvbnN0IFJvd0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSk7XG4gICAgYm9yZGVyOiAxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpO1xuICAgIGJveC1zaGFkb3c6IHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKSAxcHggMXB4IDFweCxcbiAgICAgICAgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpIDFweCAxcHggMnB4O1xuICAgIDpsYXN0LWNoaWxkIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBSb3cgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiLFxuICAgIHBhZGRpbmdMZWZ0OiA0MCxcbiAgICBwYWRkaW5nUmlnaHQ6IDEwLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgZmllbGRDb250YWluZXIgPSBjc3Moe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZmxleDogXCIxIDEwMCVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLWJhY2tncm91bmQpXCIsXG4gICAgcGFkZGluZzogXCIycHggMTVweCAycHhcIixcbiAgICBtYXJnaW46IDEwLFxuICAgIGJvcmRlclJhZGl1czogMixcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHRyYW5zaXRpb246IFwiYm94LXNoYWRvdyAyMjVtc1wiLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiLFxuICAgIGN1cnNvcjogXCJncmFiXCIsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm94U2hhZG93OlxuICAgICAgICAgICAgXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCkgMXB4IDFweCAxcHgsIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKSAxcHggMXB4IDJweFwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCByb3dIYW5kbGUgPSBjc3Moe1xuICAgIHdpZHRoOiAzMCxcbiAgICBjdXJzb3I6IFwiZ3JhYlwiLFxuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgbGVmdDogMTAsXG4gICAgdG9wOiBcIjUwJVwiLFxuICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpXCIsXG4gICAgekluZGV4OiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGZpZWxkSGFuZGxlID0gY3NzKHtcbiAgICBjdXJzb3I6IFwiZ3JhYlwiXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.Row = Row;
-var fieldContainer = /*#__PURE__*/(0, _emotion.css)({
+var fieldContainer = exports.fieldContainer = (0, _emotion.css)({
   position: "relative",
   flex: "1 100%",
   backgroundColor: "var(--mdc-theme-background)",
@@ -38,9 +50,8 @@ var fieldContainer = /*#__PURE__*/(0, _emotion.css)({
   "&:hover": {
     boxShadow: "var(--mdc-theme-on-background) 1px 1px 1px, var(--mdc-theme-on-background) 1px 1px 2px"
   }
-}, "label:fieldContainer;");
-exports.fieldContainer = fieldContainer;
-var rowHandle = /*#__PURE__*/(0, _emotion.css)({
+});
+var rowHandle = exports.rowHandle = (0, _emotion.css)({
   width: 30,
   cursor: "grab",
   position: "absolute",
@@ -49,11 +60,9 @@ var rowHandle = /*#__PURE__*/(0, _emotion.css)({
   transform: "translateY(-50%)",
   zIndex: 1,
   color: "var(--mdc-theme-on-surface)"
-}, "label:rowHandle;");
-exports.rowHandle = rowHandle;
-var fieldHandle = /*#__PURE__*/(0, _emotion.css)({
+});
+var fieldHandle = exports.fieldHandle = (0, _emotion.css)({
   cursor: "grab"
-}, "label:fieldHandle;");
-exports.fieldHandle = fieldHandle;
+});
 //# sourceMappingURL=Styled.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_emotion","require","~~_styled~~","~~_interopRequireDefault~~","~~RowContainer~~","~~styled~~","~~label~~","~~target~~","~~exports~~","~~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,IAAAA,QAAA,GAAAC,OAAA;~~AACA~~,~~IAAAC~~,~~OAAA~~,GAAAC,~~sBAAA~~,~~CAAAF~~,OAAA~~;AAEO~~,~~IAAMG~~,~~YAAY~~,~~oBAAGC~~,~~eAAM~~;EAAAC,KAAA;EAAAC,MAAA;AAAA,~~0TAajC~~;~~AAACC~~,~~OAAA~~,~~CAAAJ~~,~~YAAA~~,~~GAAAA~~,~~YAAA~~;~~AAEK~~,~~IAAMK~~,GAAG,~~oBAAGJ~~,~~eAAM~~,~~EAAC~~,KAAK;~~EAAAE~~,MAAA;~~EAAAD~~,KAAA;AAAA,~~GAAE;EAC7BI~~,~~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;~~AAACP~~,~~OAAA~~,~~CAAAC~~,~~GAAA~~,~~GAAAA~~,~~GAAA;AAEI~~,~~IAAMO~~,~~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~~;~~AAAClB~~,~~OAAA~~,~~CAAAQ~~,~~cAAA~~,~~GAAAA~~,~~cAAA;AAEI~~,~~IAAMW~~,~~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~~;~~AAAChB~~,~~OAAA~~,~~CAAAmB~~,~~SAAA~~,~~GAAAA~~,~~SAAA;AAEI~~,~~IAAMM~~,~~WAAW~~,~~gBAAG~~,~~IAAAhB,~~YAAG,EAAC;~~EAC3BQ~~,MAAM,EAAE;AACZ,CAAC,~~uBAAC;AAACjB~~,~~OAAA,CAAAyB,WAAA,GAAAA,WAAA~~"}
1	+ {"version":3,"names":["_emotion","require","_EMOTION_STRINGIFIED_CSS_ERROR__","RowContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Row","fieldContainer","css","position","flex","backgroundColor","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,IAAAA,QAAA,GAAAC,OAAA;AAA8B,SAAAC,iCAAA;AAGvB,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,oBAAAE,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAaxB;AAEM,IAAMc,GAAG,GAAAZ,OAAA,CAAAY,GAAA,gBAAG,IAAAX,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,CAO/B,CAAC;AAEK,IAAMe,cAAc,GAAAb,OAAA,CAAAa,cAAA,GAAG,IAAAC,YAAG,EAAC;EAC9BC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,QAAQ;EACdC,eAAe,EAAE,6BAA6B;EAC9CC,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,CAAC;AAEK,IAAMC,SAAS,GAAA1B,OAAA,CAAA0B,SAAA,GAAG,IAAAZ,YAAG,EAAC;EACzBa,KAAK,EAAE,EAAE;EACTH,MAAM,EAAE,MAAM;EACdT,QAAQ,EAAE,UAAU;EACpBa,IAAI,EAAE,EAAE;EACRC,GAAG,EAAE,KAAK;EACVC,SAAS,EAAE,kBAAkB;EAC7BC,MAAM,EAAE,CAAC;EACTR,KAAK,EAAE;AACX,CAAC,CAAC;AAEK,IAAMS,WAAW,GAAAhC,OAAA,CAAAgC,WAAA,GAAG,IAAAlB,YAAG,EAAC;EAC3BU,MAAM,EAAE;AACZ,CAAC,CAAC","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_FieldEditor","require","_useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA"}
1	+ {"version":3,"names":["_FieldEditor","require","_useModelFieldEditor"],"sources":["index.ts"],"sourcesContent":["export { FieldEditor } from \"./FieldEditor\";\nexport { useModelFieldEditor } from \"./useModelFieldEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","require","_FieldEditorContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAC9C,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,wHAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB"}
1	+ {"version":3,"names":["_react","require","_FieldEditorContext","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAAA,EAAG;EAClC,IAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,sCAAkB,CAAC;EAC9C,IAAI,CAACF,OAAO,EAAE;IACV,MAAMG,KAAK,wHAEX,CAAC;EACL;EAEA,OAAOH,OAAO;AAClB","ignoreList":[]}