@webiny/app-headless-cms 5.36.2 → 5.37.0-beta.1

package/admin/components/ContentEntryForm/useContentEntryForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["convertDefaultValue","field","value","type","Boolean","Number","useEntry","entryFromProps","useState","entry","setEntry","useCms","onEntryRevisionPublish","useEffect","id","next","params","publishRes","meta","useContentEntryForm","useContentEntry","listQueryVariables","useModel","model","useRouter","history","client","useApolloClient","useSnackbar","showSnackbar","invalidFields","setInvalidFields","loading","setLoading","renderPlugins","useMemo","plugins","byType","goToRevision","useCallback","push","modelId","encodeURIComponent","CREATE_CONTENT","createCreateMutation","UPDATE_CONTENT","createUpdateMutation","CREATE_CONTENT_FROM","createCreateFromMutation","useMutation","createMutation","updateMutation","createFromMutation","setInvalidFieldValues","errors","Array","isArray","values","reduce","acc","er","fieldId","error","resetInvalidFieldValues","createContent","formData","form","variables","data","fetchPolicy","getFetchPolicy","response","content","message","addEntryToListCache","GQLCache","cache","name","onSubmit","updateContent","revision","createContentFrom","newRevision","updateLatestRevisionInListCache","addRevisionToRevisionsCache","onChange","fieldsIds","fields","map","item","pick","gqlData","prepareFormData","isLocked","locked","defaultValues","settings","multipleValues","defaultValue","undefined","predefinedValues","enabled","selectedValue","find","selected","filter"],"sources":["useContentEntryForm.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useCallback, useMemo, useState, useEffect } from \"react\";\nimport pick from \"lodash/pick\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport {\n    createCreateFromMutation,\n    createCreateMutation,\n    createUpdateMutation,\n    CmsEntryCreateMutationResponse,\n    CmsEntryCreateMutationVariables,\n    CmsEntryUpdateMutationResponse,\n    CmsEntryUpdateMutationVariables,\n    CmsEntryCreateFromMutationResponse,\n    CmsEntryCreateFromMutationVariables\n} from \"~/admin/graphql/contentEntries\";\nimport { useApolloClient, useCms, useModel, useMutation } from \"~/admin/hooks\";\nimport * as GQLCache from \"~/admin/views/contentEntries/ContentEntry/cache\";\nimport { prepareFormData } from \"~/admin/views/contentEntries/ContentEntry/prepareFormData\";\nimport { CmsEditorContentEntry, CmsModelField, CmsEditorFieldRendererPlugin } from \"~/types\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { plugins } from \"@webiny/plugins\";\nimport { getFetchPolicy } from \"~/utils/getFetchPolicy\";\n\n/**\n * Used for some fields to convert their values.\n */\nconst convertDefaultValue = (field: CmsModelField, value: any): string | number | boolean => {\n    switch (field.type) {\n        case \"boolean\":\n            return Boolean(value);\n        case \"number\":\n            return Number(value);\n        default:\n            return value;\n    }\n};\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\ninterface UseContentEntryForm {\n    data: Record<string, any>;\n    loading: boolean;\n    setLoading: Dispatch<SetStateAction<boolean>>;\n    onChange: FormOnSubmit;\n    onSubmit: FormOnSubmit;\n    invalidFields: Record<string, string>;\n    renderPlugins: CmsEditorFieldRendererPlugin[];\n}\n\nexport interface UseContentEntryFormParams {\n    entry: Partial<CmsEditorContentEntry>;\n    onChange?: FormOnSubmit;\n    onSubmit?: FormOnSubmit;\n    addEntryToListCache: boolean;\n}\n\nfunction useEntry(entryFromProps: Partial<CmsEditorContentEntry>) {\n    // We need to keep track of the entry locally\n    const [entry, setEntry] = useState(entryFromProps);\n    const { onEntryRevisionPublish } = useCms();\n\n    useEffect(() => {\n        setEntry(entryFromProps);\n\n        if (!entryFromProps.id) {\n            return;\n        }\n\n        return onEntryRevisionPublish(next => async params => {\n            const publishRes = await next(params);\n            setEntry(entry => {\n                return { ...entry, meta: publishRes?.entry?.meta || {} };\n            });\n            return publishRes;\n        });\n    }, [entryFromProps, entry.id]);\n\n    return entry;\n}\n\nexport function useContentEntryForm(params: UseContentEntryFormParams): UseContentEntryForm {\n    const { listQueryVariables } = useContentEntry();\n    const { model } = useModel();\n    const { history } = useRouter();\n    const client = useApolloClient();\n    const { showSnackbar } = useSnackbar();\n    const [invalidFields, setInvalidFields] = useState<Record<string, string>>({});\n    const [loading, setLoading] = useState(false);\n    const entry = useEntry(params.entry);\n\n    const renderPlugins = useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n\n    const goToRevision = useCallback(id => {\n        history.push(`/cms/content-entries/${model.modelId}?id=${encodeURIComponent(id)}`);\n    }, []);\n\n    const { CREATE_CONTENT, UPDATE_CONTENT, CREATE_CONTENT_FROM } = useMemo(() => {\n        return {\n            // LIST_CONTENT: createListQuery(model),\n            CREATE_CONTENT: createCreateMutation(model),\n            UPDATE_CONTENT: createUpdateMutation(model),\n            CREATE_CONTENT_FROM: createCreateFromMutation(model)\n        };\n    }, [model.modelId]);\n\n    const [createMutation] = useMutation<\n        CmsEntryCreateMutationResponse,\n        CmsEntryCreateMutationVariables\n    >(CREATE_CONTENT);\n    const [updateMutation] = useMutation<\n        CmsEntryUpdateMutationResponse,\n        CmsEntryUpdateMutationVariables\n    >(UPDATE_CONTENT);\n    const [createFromMutation] = useMutation<\n        CmsEntryCreateFromMutationResponse,\n        CmsEntryCreateFromMutationVariables\n    >(CREATE_CONTENT_FROM);\n\n    /**\n     * Note that when passing `error.data` variable we cast as InvalidFieldError[] because we know it is so.\n     */\n    const setInvalidFieldValues = (errors?: InvalidFieldError[]): void => {\n        if (Array.isArray(errors) === false || !errors) {\n            return;\n        }\n        const values = (errors || []).reduce((acc, er) => {\n            acc[er.fieldId] = er.error;\n            return acc;\n        }, {} as Record<string, string>);\n        setInvalidFields(() => values);\n    };\n\n    const resetInvalidFieldValues = (): void => {\n        setInvalidFields(() => ({}));\n    };\n\n    const createContent: FormOnSubmit = useCallback(\n        async (formData, form) => {\n            setLoading(true);\n            const response = await createMutation({\n                variables: { data: formData },\n                fetchPolicy: getFetchPolicy(model)\n            });\n\n            setLoading(false);\n\n            // Finalize \"create\" process\n            if (!response.data) {\n                showSnackbar(\"Missing response data in Create Entry.\");\n                return;\n            }\n            const { data: entry, error } = response.data.content || {};\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return;\n            } else if (!entry) {\n                showSnackbar(\"Missing entry data in Create Entry Response.\");\n                return;\n            }\n            resetInvalidFieldValues();\n            if (params.addEntryToListCache) {\n                GQLCache.addEntryToListCache(model, client.cache, entry, listQueryVariables);\n            }\n\n            showSnackbar(`${model.name} entry created successfully!`);\n            if (typeof params.onSubmit === \"function\") {\n                params.onSubmit(entry, form);\n            } else {\n                goToRevision(entry.id);\n            }\n            return entry;\n        },\n        [model.modelId, listQueryVariables, params.onSubmit, params.addEntryToListCache]\n    );\n\n    const updateContent = useCallback(\n        async (revision, data) => {\n            setLoading(true);\n            const response = await updateMutation({\n                variables: { revision, data },\n                fetchPolicy: getFetchPolicy(model)\n            });\n            setLoading(false);\n            if (!response.data) {\n                showSnackbar(\"Missing response data on Update Entry Response.\");\n                return;\n            }\n\n            const { error } = response.data.content;\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return null;\n            }\n\n            resetInvalidFieldValues();\n            showSnackbar(\"Content saved successfully.\");\n            const { data: entry } = response.data.content;\n            return entry;\n        },\n        [model.modelId]\n    );\n\n    const createContentFrom = useCallback(\n        async (revision: string, formData: Record<string, any>) => {\n            setLoading(true);\n            const response = await createFromMutation({\n                variables: { revision, data: formData },\n                fetchPolicy: getFetchPolicy(model)\n            });\n\n            if (!response.data) {\n                showSnackbar(\"Missing data in update callback on Create From Entry Response.\");\n                return;\n            }\n            const { data: newRevision, error } = response.data.content;\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return;\n            } else if (!newRevision) {\n                showSnackbar(\"Missing entry data in update callback on Create From Entry.\");\n                return;\n            }\n            resetInvalidFieldValues();\n            GQLCache.updateLatestRevisionInListCache(\n                model,\n                client.cache,\n                newRevision,\n                listQueryVariables\n            );\n            GQLCache.addRevisionToRevisionsCache(model, client.cache, newRevision);\n\n            showSnackbar(\"A new revision was created!\");\n            goToRevision(newRevision.id);\n\n            setLoading(false);\n\n            return newRevision;\n        },\n        [model.modelId, listQueryVariables]\n    );\n\n    const onChange: FormOnSubmit = (data, form) => {\n        if (!params.onChange) {\n            return;\n        }\n        return params.onChange(data, form);\n    };\n\n    const onSubmit: FormOnSubmit = async (data, form) => {\n        const fieldsIds = model.fields.map(item => item.fieldId);\n        const formData = pick(data, [...fieldsIds]);\n\n        const gqlData = prepareFormData(formData, model.fields);\n        if (!entry.id) {\n            return createContent(gqlData, form);\n        }\n\n        const { meta } = entry;\n        const { locked: isLocked } = meta || {};\n\n        if (!isLocked) {\n            return updateContent(entry.id, gqlData);\n        }\n\n        return createContentFrom(entry.id, gqlData);\n    };\n\n    const defaultValues = useMemo((): Record<string, any> => {\n        const values: Record<string, any> = {};\n        /**\n         * Assign the default values:\n         * * check the settings.defaultValue\n         * * check the predefinedValues for selected value\n         */\n        for (const field of model.fields) {\n            /**\n             * When checking if defaultValue is set in settings, we do the undefined check because it can be null, 0, empty string, false, etc...\n             */\n            const { settings, multipleValues = false } = field;\n            if (settings && settings.defaultValue !== undefined) {\n                /**\n                 * Special type of field is the boolean one.\n                 * We MUST set true/false for default value.\n                 */\n                values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);\n                continue;\n            }\n            /**\n             * No point in going further if predefined values are not enabled.\n             */\n            const { predefinedValues } = field;\n            if (\n                !predefinedValues ||\n                !predefinedValues.enabled ||\n                Array.isArray(predefinedValues.values) === false\n            ) {\n                continue;\n            }\n            /**\n             * When field is not a multiple values one, we find the first possible default selected value and set it as field value.\n             */\n            if (!multipleValues) {\n                const selectedValue = predefinedValues.values.find(({ selected }) => {\n                    return !!selected;\n                });\n                if (selectedValue) {\n                    values[field.fieldId] = convertDefaultValue(field, selectedValue.value);\n                }\n                continue;\n            }\n            /**\n             *\n             */\n            values[field.fieldId] = predefinedValues.values\n                .filter(({ selected }) => !!selected)\n                .map(({ value }) => {\n                    return convertDefaultValue(field, value);\n                });\n        }\n        return values;\n    }, [model.modelId]);\n\n    return {\n        /**\n         * If entry is not set or `entry.id` does not exist, it means it's a new entry, so fetch default values.\n         */\n        data: entry && entry.id ? entry : defaultValues,\n        loading,\n        setLoading,\n        onChange,\n        onSubmit,\n        invalidFields,\n        renderPlugins\n    };\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","require","_pick","_interopRequireDefault","_reactRouter","_useSnackbar2","_appHeadlessCmsCommon","_hooks","_prepareFormData","_plugins","_getFetchPolicy","_appAco","_constants","convertDefaultValue","field","value","type","Boolean","Number","useEntry","entryFromProps","_useState","useState","_useState2","_slicedToArray2","default","entry","setEntry","_useCms","useCms","onEntryRevisionPublish","useEffect","id","next","_ref","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","params","publishRes","wrap","_callee$","_context","prev","sent","_publishRes$entry","_objectSpread2","meta","abrupt","stop","_x","apply","arguments","useContentEntryForm","_useModel","useModel","model","_useRouter","useRouter","history","routerSearch","search","_routerSearch","query","_useSnackbar","useSnackbar","showSnackbar","_useState3","_useState4","invalidFields","setInvalidFields","_useState5","_useState6","loading","setLoading","_useRecords","useRecords","addRecordToCache","updateRecordInCache","renderPlugins","useMemo","plugins","byType","goToRevision","useCallback","fId","get","folderId","concat","encodeURIComponent","push","modelId","_useMemo","CREATE_CONTENT","createCreateMutation","UPDATE_CONTENT","createUpdateMutation","CREATE_CONTENT_FROM","createCreateFromMutation","_useMutation","useMutation","_useMutation2","createMutation","_useMutation3","_useMutation4","updateMutation","_useMutation5","_useMutation6","createFromMutation","setInvalidFieldValues","errors","Array","isArray","values","reduce","acc","er","fieldId","error","resetInvalidFieldValues","createContent","_ref2","_callee2","formData","form","response","_ref3","_callee2$","_context2","variables","data","wbyAco_location","ROOT_FOLDER","fetchPolicy","getFetchPolicy","content","message","addEntryToListCache","name","onSubmit","_x2","_x3","updateContent","_ref4","_callee3","revision","_callee3$","_context3","_x4","_x5","createContentFrom","_ref5","_callee4","_response$data$conten","newRevision","_callee4$","_context4","_x6","_x7","onChange","_ref6","_callee5","fieldsIds","gqlData","_ref7","isLocked","_callee5$","_context5","fields","map","item","pick","_toConsumableArray2","prepareFormData","locked","_x8","_x9","defaultValues","_iterator","_createForOfIteratorHelper2","_step","_loop","settings","_field$multipleValues","multipleValues","defaultValue","undefined","predefinedValues","enabled","selectedValue","find","_ref8","selected","filter","_ref9","_ref10","s","n","done","_ret","err","e","f"],"sources":["useContentEntryForm.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useCallback, useEffect, useMemo, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport {\n    CmsEntryCreateFromMutationResponse,\n    CmsEntryCreateFromMutationVariables,\n    CmsEntryCreateMutationResponse,\n    CmsEntryCreateMutationVariables,\n    CmsEntryUpdateMutationResponse,\n    CmsEntryUpdateMutationVariables,\n    createCreateFromMutation,\n    createCreateMutation,\n    createUpdateMutation\n} from \"@webiny/app-headless-cms-common\";\nimport { useCms, useModel, useMutation } from \"~/admin/hooks\";\nimport { prepareFormData } from \"~/admin/views/contentEntries/ContentEntry/prepareFormData\";\nimport { CmsContentEntry, CmsEditorFieldRendererPlugin, CmsModelField } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { getFetchPolicy } from \"~/utils/getFetchPolicy\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport { ROOT_FOLDER } from \"~/admin/constants\";\n\n/**\n * Used for some fields to convert their values.\n */\nconst convertDefaultValue = (field: CmsModelField, value: any): string | number | boolean => {\n    switch (field.type) {\n        case \"boolean\":\n            return Boolean(value);\n        case \"number\":\n            return Number(value);\n        default:\n            return value;\n    }\n};\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\ninterface UseContentEntryForm {\n    data: Record<string, any>;\n    loading: boolean;\n    setLoading: Dispatch<SetStateAction<boolean>>;\n    onChange: FormOnSubmit;\n    onSubmit: FormOnSubmit;\n    invalidFields: Record<string, string>;\n    renderPlugins: CmsEditorFieldRendererPlugin[];\n}\n\nexport interface UseContentEntryFormParams {\n    entry: Partial<CmsContentEntry>;\n    onChange?: FormOnSubmit;\n    onSubmit?: FormOnSubmit;\n    addEntryToListCache: boolean;\n}\n\nfunction useEntry(entryFromProps: Partial<CmsContentEntry>) {\n    /**\n     * We need to keep track of the entry locally\n     */\n    const [entry, setEntry] = useState(entryFromProps);\n    const { onEntryRevisionPublish } = useCms();\n\n    useEffect(() => {\n        setEntry(entryFromProps);\n\n        if (!entryFromProps.id) {\n            return;\n        }\n\n        return onEntryRevisionPublish(next => async params => {\n            const publishRes = await next(params);\n            setEntry(entry => {\n                return { ...entry, meta: publishRes?.entry?.meta || {} };\n            });\n            return publishRes;\n        });\n    }, [entryFromProps, entry.id]);\n\n    return entry;\n}\n\nexport function useContentEntryForm(params: UseContentEntryFormParams): UseContentEntryForm {\n    const { model } = useModel();\n    const { history, search: routerSearch } = useRouter();\n    const [query] = routerSearch;\n    const { showSnackbar } = useSnackbar();\n    const [invalidFields, setInvalidFields] = useState<Record<string, string>>({});\n    const [loading, setLoading] = useState(false);\n    const entry = useEntry(params.entry);\n\n    const { addRecordToCache, updateRecordInCache } = useRecords();\n\n    const renderPlugins = useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n\n    const goToRevision = useCallback(\n        id => {\n            const fId = query.get(\"folderId\");\n            const folderId = fId ? `&folderId=${encodeURIComponent(fId)}` : \"\";\n            history.push(\n                `/cms/content-entries/${model.modelId}?id=${encodeURIComponent(id)}${folderId}`\n            );\n        },\n        [query]\n    );\n\n    const { CREATE_CONTENT, UPDATE_CONTENT, CREATE_CONTENT_FROM } = useMemo(() => {\n        return {\n            CREATE_CONTENT: createCreateMutation(model),\n            UPDATE_CONTENT: createUpdateMutation(model),\n            CREATE_CONTENT_FROM: createCreateFromMutation(model)\n        };\n    }, [model.modelId]);\n\n    const [createMutation] = useMutation<\n        CmsEntryCreateMutationResponse,\n        CmsEntryCreateMutationVariables\n    >(CREATE_CONTENT);\n    const [updateMutation] = useMutation<\n        CmsEntryUpdateMutationResponse,\n        CmsEntryUpdateMutationVariables\n    >(UPDATE_CONTENT);\n    const [createFromMutation] = useMutation<\n        CmsEntryCreateFromMutationResponse,\n        CmsEntryCreateFromMutationVariables\n    >(CREATE_CONTENT_FROM);\n\n    /**\n     * Note that when passing `error.data` variable we cast as InvalidFieldError[] because we know it is so.\n     */\n    const setInvalidFieldValues = (errors?: InvalidFieldError[]): void => {\n        if (Array.isArray(errors) === false || !errors) {\n            return;\n        }\n        const values = (errors || []).reduce((acc, er) => {\n            acc[er.fieldId] = er.error;\n            return acc;\n        }, {} as Record<string, string>);\n        setInvalidFields(() => values);\n    };\n\n    const resetInvalidFieldValues = (): void => {\n        setInvalidFields(() => ({}));\n    };\n\n    const createContent: FormOnSubmit = useCallback(\n        async (formData, form) => {\n            setLoading(true);\n            const response = await createMutation({\n                variables: {\n                    data: {\n                        ...formData,\n                        /**\n                         * Added for the ACO to work.\n                         * TODO: introduce hook like onEntryPublish, or similar.\n                         */\n                        wbyAco_location: {\n                            folderId: query.get(\"folderId\") || ROOT_FOLDER\n                        }\n                    }\n                },\n                fetchPolicy: getFetchPolicy(model)\n            });\n\n            setLoading(false);\n\n            /**\n             * Finalize \"create\" process\n             */\n            if (!response.data) {\n                showSnackbar(\"Missing response data in Create Entry.\");\n                return;\n            }\n            const { data: entry, error } = response.data.content || {};\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return;\n            } else if (!entry) {\n                showSnackbar(\"Missing entry data in Create Entry Response.\");\n                return;\n            }\n            resetInvalidFieldValues();\n\n            if (params.addEntryToListCache) {\n                addRecordToCache(entry);\n            }\n\n            showSnackbar(`${model.name} entry created successfully!`);\n            if (typeof params.onSubmit === \"function\") {\n                params.onSubmit(entry, form);\n                return entry;\n            }\n            goToRevision(entry.id);\n            return entry;\n        },\n        [model.modelId, params.onSubmit, params.addEntryToListCache, query]\n    );\n\n    const updateContent = useCallback(\n        async (revision, data) => {\n            setLoading(true);\n            const response = await updateMutation({\n                variables: { revision, data },\n                fetchPolicy: getFetchPolicy(model)\n            });\n            setLoading(false);\n            if (!response.data) {\n                showSnackbar(\"Missing response data on Update Entry Response.\");\n                return;\n            }\n\n            const { error } = response.data.content;\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return null;\n            }\n\n            resetInvalidFieldValues();\n            showSnackbar(\"Content saved successfully.\");\n            const { data: entry } = response.data.content;\n\n            updateRecordInCache(entry);\n\n            return entry;\n        },\n        [model.modelId]\n    );\n\n    const createContentFrom = useCallback(\n        async (revision: string, formData: Record<string, any>) => {\n            setLoading(true);\n            const response = await createFromMutation({\n                variables: { revision, data: formData },\n                fetchPolicy: getFetchPolicy(model)\n            });\n\n            if (!response.data) {\n                showSnackbar(\"Missing data in update callback on Create From Entry Response.\");\n                return;\n            }\n            const { data: newRevision, error } = response.data.content;\n            if (error) {\n                showSnackbar(error.message);\n                setInvalidFieldValues(error.data as InvalidFieldError[]);\n                return;\n            } else if (!newRevision) {\n                showSnackbar(\"Missing entry data in update callback on Create From Entry.\");\n                return;\n            }\n            resetInvalidFieldValues();\n\n            updateRecordInCache(newRevision);\n\n            showSnackbar(\"A new revision was created!\");\n            goToRevision(newRevision.id);\n\n            setLoading(false);\n\n            return newRevision;\n        },\n        [model.modelId]\n    );\n\n    const onChange: FormOnSubmit = (data, form) => {\n        if (!params.onChange) {\n            return;\n        }\n        return params.onChange(data, form);\n    };\n\n    const onSubmit: FormOnSubmit = async (data, form) => {\n        const fieldsIds = model.fields.map(item => item.fieldId);\n        const formData = pick(data, [...fieldsIds]);\n\n        const gqlData = prepareFormData(formData, model.fields);\n        if (!entry.id) {\n            return createContent(gqlData, form);\n        }\n\n        const { meta } = entry;\n        const { locked: isLocked } = meta || {};\n\n        if (!isLocked) {\n            return updateContent(entry.id, gqlData);\n        }\n\n        return createContentFrom(entry.id, gqlData);\n    };\n\n    const defaultValues = useMemo((): Record<string, any> => {\n        const values: Record<string, any> = {};\n        /**\n         * Assign the default values:\n         * * check the settings.defaultValue\n         * * check the predefinedValues for selected value\n         */\n        for (const field of model.fields) {\n            /**\n             * When checking if defaultValue is set in settings, we do the undefined check because it can be null, 0, empty string, false, etc...\n             */\n            const { settings, multipleValues = false } = field;\n            if (settings && settings.defaultValue !== undefined) {\n                /**\n                 * Special type of field is the boolean one.\n                 * We MUST set true/false for default value.\n                 */\n                values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);\n                continue;\n            }\n            /**\n             * No point in going further if predefined values are not enabled.\n             */\n            const { predefinedValues } = field;\n            if (\n                !predefinedValues ||\n                !predefinedValues.enabled ||\n                Array.isArray(predefinedValues.values) === false\n            ) {\n                continue;\n            }\n            /**\n             * When field is not a multiple values one, we find the first possible default selected value and set it as field value.\n             */\n            if (!multipleValues) {\n                const selectedValue = predefinedValues.values.find(({ selected }) => {\n                    return !!selected;\n                });\n                if (selectedValue) {\n                    values[field.fieldId] = convertDefaultValue(field, selectedValue.value);\n                }\n                continue;\n            }\n            /**\n             *\n             */\n            values[field.fieldId] = predefinedValues.values\n                .filter(({ selected }) => !!selected)\n                .map(({ value }) => {\n                    return convertDefaultValue(field, value);\n                });\n        }\n        return values;\n    }, [model.modelId]);\n\n    return {\n        /**\n         * If entry is not set or `entry.id` does not exist, it means it's a new entry, so fetch default values.\n         */\n        data: entry && entry.id ? entry : defaultValues,\n        loading,\n        setLoading,\n        onChange,\n        onSubmit,\n        invalidFields,\n        renderPlugins\n    };\n}\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/useRenderPlugins.js.map

@@ -1 +1 @@
-{"version":3,"names":["useRenderPlugins","useMemo","plugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":";;;;;;AAAA;AACA;AAGO,SAASA,gBAAgB,GAAG;EAC/B,OAAO,IAAAC,cAAO,EACV;IAAA,OAAMC,gBAAO,CAACC,MAAM,CAA+B,2BAA2B,CAAC;EAAA,GAC/E,EAAE,CACL;AACL"}
+{"version":3,"names":["_plugins","require","_react","useRenderPlugins","useMemo","plugins","byType"],"sources":["useRenderPlugins.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { useMemo } from \"react\";\nimport { CmsEditorFieldRendererPlugin } from \"~/types\";\n\nexport function useRenderPlugins() {\n    return useMemo(\n        () => plugins.byType<CmsEditorFieldRendererPlugin>(\"cms-editor-field-renderer\"),\n        []\n    );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGO,SAASE,gBAAgBA,CAAA,EAAG;EAC/B,OAAO,IAAAC,cAAO,EACV;IAAA,OAAMC,gBAAO,CAACC,MAAM,CAA+B,2BAA2B,CAAC;EAAA,GAC/E,EACJ,CAAC;AACL"}

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["contentModelEditorContext","React","createContext","undefined","contentModelEditorReducer","prev","action","data","type","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","children","apolloClient","modelId","useReducer","isPristine","activeTabIndex","state","dispatch","tabsRef","useRef","useRouter","history","useSnackbar","showSnackbar","setPristine","flag","saveContentModel","modelData","pick","mutate","mutation","UPDATE_CONTENT_MODEL","variables","refetchQueries","query","LIST_MENU_CONTENT_GROUPS_MODELS","response","updateContentModel","error","setActiveTabIndex","useCallback","setData","setter","saveModel","getContentModel","GET_CONTENT_MODEL","get","Error","message","useEffect","catch","push","useMemo","contentModel","Provider"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    useCallback,\n    useEffect,\n    useMemo,\n    useReducer,\n    useRef\n} from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UPDATE_CONTENT_MODEL,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { FetchResult } from \"apollo-link\";\nimport { TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    tabsRef: MutableRefObject<TabsImperativeApi | undefined>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider: React.FC<ContentModelEditorProviderProps> = ({\n    children,\n    apolloClient,\n    modelId\n}) => {\n    const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    });\n\n    const tabsRef = useRef<TabsImperativeApi>();\n\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        setPristine(false);\n        const data = setter(state.data);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            history.push(`/cms/content-models`);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            tabsRef,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_pick","_reactRouter","_useSnackbar2","_contentModels","_viewsGraphql","_ModelProvider","contentModelEditorContext","React","createContext","undefined","exports","contentModelEditorReducer","prev","action","data","type","_objectSpread2","default","cleanupModelDataFields","fields","map","field","predefinedValues","_ref","_ref$enabled","enabled","_ref$values","values","_ref2","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","_ref3","children","apolloClient","modelId","_useReducer","useReducer","isPristine","activeTabIndex","_useReducer2","_slicedToArray2","state","dispatch","tabsRef","useRef","_useRouter","useRouter","history","_useSnackbar","useSnackbar","showSnackbar","setPristine","flag","saveContentModel","_ref4","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","modelData","response","wrap","_callee$","_context","next","pick","mutate","mutation","UPDATE_CONTENT_MODEL","variables","refetchQueries","query","LIST_MENU_CONTENT_GROUPS_MODELS","sent","updateContentModel","abrupt","error","stop","_x","apply","arguments","setActiveTabIndex","useCallback","setData","_ref5","_callee2","setter","saveModel","_args2","_callee2$","_context2","length","_x2","getContentModel","_ref6","_callee3","_get","_callee3$","_context3","GET_CONTENT_MODEL","get","Error","message","_x3","useEffect","catch","push","useMemo","contentModel","Provider","createElement","ModelProvider","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, {\n    MutableRefObject,\n    useCallback,\n    useEffect,\n    useMemo,\n    useReducer,\n    useRef\n} from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UPDATE_CONTENT_MODEL,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { FetchResult } from \"apollo-link\";\nimport { TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    tabsRef: MutableRefObject<TabsImperativeApi | undefined>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider: React.FC<ContentModelEditorProviderProps> = ({\n    children,\n    apolloClient,\n    modelId\n}) => {\n    const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    });\n\n    const tabsRef = useRef<TabsImperativeApi>();\n\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        setPristine(false);\n        const data = setter(state.data);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            history.push(`/cms/content-models`);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            tabsRef,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAQA,IAAAO,aAAA,GAAAP,OAAA;AAIA,IAAAQ,cAAA,GAAAR,OAAA;AAiBO,IAAMS,yBAAyB,gBAAGC,cAAK,CAACC,aAAa,CAE1DC,SAAS,CAAC;AAACC,OAAA,CAAAJ,yBAAA,GAAAA,yBAAA;AAmBN,IAAMK,yBAAkC,GAAG,SAArCA,yBAAkCA,CAAIC,IAAW,EAAEC,MAAc,EAAY;EACtF,IAAQC,IAAI,GAAWD,MAAM,CAArBC,IAAI;IAAEC,IAAI,GAAKF,MAAM,CAAfE,IAAI;EAClB,QAAQA,IAAI;IACR,KAAK,OAAO;MACR,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYL,IAAI,GAAKE,IAAI;IAE7B,KAAK,MAAM;MACP,WAAAE,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAYL,IAAI;QAAEE,IAAI,EAAEA;MAAgB;IAC5C;MACI,OAAOF,IAAI;EACnB;AACJ,CAAC;;AAED;AACA;AACA;AAFAF,OAAA,CAAAC,yBAAA,GAAAA,yBAAA;AAGA,IAAMO,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIC,MAAuB,EAAsB;EACzE,OAAOA,MAAM,CAACC,GAAG,CAAC,UAAAC,KAAK,EAAI;IACvB,IAAQC,gBAAgB,GAAKD,KAAK,CAA1BC,gBAAgB;IACxB,IAAAC,IAAA,GAAyCD,gBAAgB,IAAI,CAAC,CAAC;MAAAE,YAAA,GAAAD,IAAA,CAAvDE,OAAO;MAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;MAAAE,WAAA,GAAAH,IAAA,CAAEI,MAAM;MAANA,MAAM,GAAAD,WAAA,cAAG,EAAE,GAAAA,WAAA;IACpC,WAAAV,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOI,KAAK;MACRC,gBAAgB,EAAE;QACdG,OAAO,EAAPA,OAAO;QACPE,MAAM,EAAEA,MAAM,CAACP,GAAG,CAAC,UAAAQ,KAAA,EAAgC;UAAA,IAA7BC,KAAK,GAAAD,KAAA,CAALC,KAAK;YAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;YAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;UACxC,OAAO;YACHF,KAAK,EAALA,KAAK;YACLE,QAAQ,EAAEA,QAAQ,IAAI,KAAK;YAC3BD,KAAK,EAAEE,MAAM,CAACF,KAAK;UACvB,CAAC;QACL,CAAC;MACL;IAAC;EAET,CAAC,CAAC;AACN,CAAC;AAED,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAInB,IAAoB,EAAqB;EAC/D,WAAAE,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOH,IAAI;IACPK,MAAM,EAAED,sBAAsB,CAACJ,IAAI,CAACK,MAAM;EAAC;AAEnD,CAAC;AAQM,IAAMe,0BAAqE,GAAG,SAAxEA,0BAAqEA,CAAAC,KAAA,EAI5E;EAAA,IAHFC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,YAAY,GAAAF,KAAA,CAAZE,YAAY;IACZC,OAAO,GAAAH,KAAA,CAAPG,OAAO;EAEP,IAAAC,WAAA,GAA0B,IAAAC,iBAAU,EAAU7B,yBAAyB,EAAE;MACrE2B,OAAO,EAAEA,OAAO,IAAI,IAAI;MACxBG,UAAU,EAAE,IAAI;MAChB3B,IAAI,EAAE,IAA2B;MACjC4B,cAAc,EAAE;IACpB,CAAC,CAAC;IAAAC,YAAA,OAAAC,eAAA,CAAA3B,OAAA,EAAAsB,WAAA;IALKM,KAAK,GAAAF,YAAA;IAAEG,QAAQ,GAAAH,YAAA;EAOtB,IAAMI,OAAO,GAAG,IAAAC,aAAM,EAAoB,CAAC;EAE3C,IAAAC,UAAA,GAAoB,IAAAC,sBAAS,EAAC,CAAC;IAAvBC,OAAO,GAAAF,UAAA,CAAPE,OAAO;EACf,IAAAC,YAAA,GAAyB,IAAAC,yBAAW,EAAC,CAAC;IAA9BC,YAAY,GAAAF,YAAA,CAAZE,YAAY;EAEpB,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,IAAa,EAAW;IACzCV,QAAQ,CAAC;MAAE/B,IAAI,EAAE,OAAO;MAAED,IAAI,EAAE;QAAE2B,UAAU,EAAEe;MAAK;IAAE,CAAC,CAAC;EAC3D,CAAC;EAED,IAAMC,gBAAgB;IAAA,IAAAC,KAAA,OAAAC,kBAAA,CAAA1C,OAAA,oBAAA2C,oBAAA,CAAA3C,OAAA,IAAA4C,IAAA,CAAG,SAAAC,QACrBhD,IAAe;MAAA,IAAAiD,SAAA,EAAAC,QAAA;MAAA,WAAAJ,oBAAA,CAAA3C,OAAA,IAAAgD,IAAA,UAAAC,SAAAC,QAAA;QAAA,kBAAAA,QAAA,CAAAvD,IAAA,GAAAuD,QAAA,CAAAC,IAAA;UAAA;YAEf,IAAI,CAACtD,IAAI,EAAE;cACPA,IAAI,GAAG+B,KAAK,CAAC/B,IAAI;YACrB;YACMiD,SAAyB,GAAG,IAAAM,aAAI,EAACvD,IAAI,EAAE,CACzC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,UAAU,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,EACd,MAAM,CACT,CAAC;YAAAqD,QAAA,CAAAC,IAAA;YAAA,OACqB/B,YAAY,CAACiC,MAAM,CAGxC;cACEC,QAAQ,EAAEC,mCAAoB;cAC9BC,SAAS,EAAE;gBACPnC,OAAO,EAAExB,IAAI,CAACwB,OAAO;gBACrBxB,IAAI,EAAEmB,gBAAgB,CAAC8B,SAAS;cACpC,CAAC;cACDW,cAAc,EAAE,CACZ;gBACIC,KAAK,EAAEC;cACX,CAAC;YAET,CAAC,CAAC;UAAA;YAdIZ,QAAQ,GAAAG,QAAA,CAAAU,IAAA;YAgBdtB,WAAW,CAAC,IAAI,CAAC;YAAC,MAEd,CAACS,QAAQ,CAAClD,IAAI,IAAI,CAACkD,QAAQ,CAAClD,IAAI,CAACgE,kBAAkB;cAAAX,QAAA,CAAAC,IAAA;cAAA;YAAA;YAAA,OAAAD,QAAA,CAAAY,MAAA,WAC5C;cACHjE,IAAI,EAAE,IAAI;cACVkE,KAAK,EAAE;YACX,CAAC;UAAA;YAAA,OAAAb,QAAA,CAAAY,MAAA,WAGEf,QAAQ,CAAClD,IAAI,CAACgE,kBAAkB;UAAA;UAAA;YAAA,OAAAX,QAAA,CAAAc,IAAA;QAAA;MAAA,GAAAnB,OAAA;IAAA,CAC1C;IAAA,gBA7CKL,gBAAgBA,CAAAyB,EAAA;MAAA,OAAAxB,KAAA,CAAAyB,KAAA,OAAAC,SAAA;IAAA;EAAA,GA6CrB;EAED,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EAAC,UAAC5C,cAAsB,EAAK;IAC9DI,QAAQ,CAAC;MAAE/B,IAAI,EAAE,OAAO;MAAED,IAAI,EAAE;QAAE4B,cAAc,EAAdA;MAAe;IAAE,CAAC,CAAC;EACzD,CAAC,EAAE,EAAE,CAAC;;EAEN;AACJ;AACA;AACA;EACI,IAAM6C,OAAO;IAAA,IAAAC,KAAA,OAAA7B,kBAAA,CAAA1C,OAAA,oBAAA2C,oBAAA,CAAA3C,OAAA,IAAA4C,IAAA,CAAG,SAAA4B,SAAOC,MAA2B;MAAA,IAAAC,SAAA;QAAA7E,IAAA;QAAA8E,MAAA,GAAAR,SAAA;MAAA,WAAAxB,oBAAA,CAAA3C,OAAA,IAAAgD,IAAA,UAAA4B,UAAAC,SAAA;QAAA,kBAAAA,SAAA,CAAAlF,IAAA,GAAAkF,SAAA,CAAA1B,IAAA;UAAA;YAAEuB,SAAS,GAAAC,MAAA,CAAAG,MAAA,QAAAH,MAAA,QAAAnF,SAAA,GAAAmF,MAAA,MAAG,KAAK;YACjErC,WAAW,CAAC,KAAK,CAAC;YACZzC,IAAI,GAAG4E,MAAM,CAAC7C,KAAK,CAAC/B,IAAI,CAAC;YAC/BgC,QAAQ,CAAC;cAAE/B,IAAI,EAAE,MAAM;cAAED,IAAI,EAAJA;YAAK,CAAC,CAAC;YAAC,IAC5B6E,SAAS;cAAAG,SAAA,CAAA1B,IAAA;cAAA;YAAA;YAAA,OAAA0B,SAAA,CAAAf,MAAA;UAAA;YAAAe,SAAA,CAAA1B,IAAA;YAAA,OAGRX,gBAAgB,CAAC3C,IAAI,CAAC;UAAA;UAAA;YAAA,OAAAgF,SAAA,CAAAb,IAAA;QAAA;MAAA,GAAAQ,QAAA;IAAA,CAC/B;IAAA,gBARKF,OAAOA,CAAAS,GAAA;MAAA,OAAAR,KAAA,CAAAL,KAAA,OAAAC,SAAA;IAAA;EAAA,GAQZ;EAED,IAAMa,eAAe;IAAA,IAAAC,KAAA,OAAAvC,kBAAA,CAAA1C,OAAA,oBAAA2C,oBAAA,CAAA3C,OAAA,IAAA4C,IAAA,CAAG,SAAAsC,SACpB7D,OAAe;MAAA,IAAA0B,QAAA,EAAAoC,IAAA,EAAAtF,IAAA,EAAAkE,KAAA;MAAA,WAAApB,oBAAA,CAAA3C,OAAA,IAAAgD,IAAA,UAAAoC,UAAAC,SAAA;QAAA,kBAAAA,SAAA,CAAA1F,IAAA,GAAA0F,SAAA,CAAAlC,IAAA;UAAA;YAAAkC,SAAA,CAAAlC,IAAA;YAAA,OAEQ/B,YAAY,CAACsC,KAAK,CAGvC;cACEA,KAAK,EAAE4B,gCAAiB;cACxB9B,SAAS,EAAE;gBACPnC,OAAO,EAAPA;cACJ;YACJ,CAAC,CAAC;UAAA;YARI0B,QAAQ,GAAAsC,SAAA,CAAAzB,IAAA;YAAAuB,IAAA,GAUU,IAAAI,aAAG,EAACxC,QAAQ,EAAE,sBAAsB,CAAC,EAArDlD,IAAI,GAAAsF,IAAA,CAAJtF,IAAI,EAAEkE,KAAK,GAAAoB,IAAA,CAALpB,KAAK;YAAA,KACfA,KAAK;cAAAsB,SAAA,CAAAlC,IAAA;cAAA;YAAA;YAAA,MACC,IAAIqC,KAAK,CAACzB,KAAK,CAAC0B,OAAO,CAAC;UAAA;YAAAJ,SAAA,CAAAlC,IAAA;YAAA,OAG5BmB,OAAO,CAAC;cAAA,OAAMzE,IAAI;YAAA,GAAE,KAAK,CAAC;UAAA;YAChCyC,WAAW,CAAC,IAAI,CAAC;YAAC,OAAA+C,SAAA,CAAAvB,MAAA,WACXf,QAAQ;UAAA;UAAA;YAAA,OAAAsC,SAAA,CAAArB,IAAA;QAAA;MAAA,GAAAkB,QAAA;IAAA,CAClB;IAAA,gBArBKF,eAAeA,CAAAU,GAAA;MAAA,OAAAT,KAAA,CAAAf,KAAA,OAAAC,SAAA;IAAA;EAAA,GAqBpB;EAED,IAAAwB,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACtE,OAAO,EAAE;MACV;IACJ;IACA2D,eAAe,CAAC3D,OAAO,CAAC,CAACuE,KAAK,CAAC,YAAM;MACjC1D,OAAO,CAAC2D,IAAI,sBAAsB,CAAC;MACnCxD,YAAY,8CAA8C,CAAC;IAC/D,CAAC,CAAC;EACN,CAAC,EAAE,CAAChB,OAAO,CAAC,CAAC;EAEb,IAAMR,KAAK,GAAG,IAAAiF,cAAO,EACjB;IAAA,OAAO;MACH;MACAjG,IAAI,EAAE+B,KAAK,CAAC/B,IAAI;MAChBkG,YAAY,EAAEnE,KAAK,CAAC/B,IAAI;MACxBwB,OAAO,EAAPA,OAAO;MACPD,YAAY,EAAZA,YAAY;MACZS,QAAQ,EAARA,QAAQ;MACRL,UAAU,EAAEI,KAAK,CAACJ,UAAU;MAC5BwD,eAAe,EAAfA,eAAe;MACfxC,gBAAgB,EAAhBA,gBAAgB;MAChB8B,OAAO,EAAPA,OAAO;MACPxC,OAAO,EAAPA,OAAO;MACPL,cAAc,EAAEG,KAAK,CAACH,cAAc;MACpC2C,iBAAiB,EAAjBA;IACJ,CAAC;EAAA,CAAC,EACF,CAACxC,KAAK,EAAER,YAAY,CACxB,CAAC;EAED,IAAQ4E,QAAQ,GAAK3G,yBAAyB,CAAtC2G,QAAQ;EAEhB,oBACItH,MAAA,CAAAsB,OAAA,CAAAiG,aAAA,CAACD,QAAQ;IAACnF,KAAK,EAAEA;EAAM,gBACnBnC,MAAA,CAAAsB,OAAA,CAAAiG,aAAA,CAAC7G,cAAA,CAAA8G,aAAa;IAACC,KAAK,EAAEtF,KAAK,CAACkF;EAAa,GAAE5E,QAAwB,CAC7D,CAAC;AAEnB,CAAC;AAAC1B,OAAA,CAAAwB,0BAAA,GAAAA,0BAAA"}

package/admin/components/ContentModelEditor/Editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","prompt","ContentContainer","styled","paddingTop","EditContainer","padding","position","LeftBarTitle","borderBottom","display","alignItems","color","titleIcon","css","height","marginRight","LeftBarFieldList","overflow","formTabs","backgroundColor","Editor","useModelEditor","data","setData","isPristine","tabsRef","useRef","useState","activeTabIndex","setActiveTabIndex","onChange","fields","layout","current","switchTab","e"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Prompt } from \"@webiny/react-router\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tab, Tabs, TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { ReactComponent as FormIcon } from \"./icons/round-assignment-24px.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport { CmsModelField, CmsEditorFieldsLayout } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\nconst ContentContainer = styled(\"div\")({\n    paddingTop: 65\n});\n\nexport const EditContainer = styled(\"div\")({\n    padding: 40,\n    position: \"relative\"\n});\n\nconst LeftBarTitle = styled(\"div\")({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 25,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst titleIcon = css({\n    height: 24,\n    marginRight: 15,\n    color: \"var(--mdc-theme-primary)\"\n});\n\nconst LeftBarFieldList = styled(\"div\")({\n    padding: 40,\n    overflow: \"auto\",\n    height: \"calc(100vh - 250px)\"\n});\n\nconst formTabs = css({\n    \"&.webiny-ui-tabs\": {\n        \".webiny-ui-tabs__tab-bar\": {\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const Editor: React.FC = () => {\n    const { data, setData, isPristine } = useModelEditor();\n\n    const tabsRef = useRef<TabsImperativeApi>();\n    const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <CircularProgress label={\"Loading content model...\"} />;\n    }\n\n    return (\n        <div className={\"content-model-editor\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <ContentContainer>\n                <SplitView>\n                    <LeftPanel span={4}>\n                        <LeftBarTitle>\n                            <Icon className={titleIcon} icon={<FormIcon />} />\n                            <Typography use={\"headline6\"}>Fields</Typography>\n                        </LeftBarTitle>\n                        <LeftBarFieldList>\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    if (!tabsRef.current) {\n                                        return;\n                                    }\n                                    tabsRef.current.switchTab(0);\n                                }}\n                            />\n                        </LeftBarFieldList>\n                    </LeftPanel>\n                    <RightPanel span={8}>\n                        <Tabs\n                            className={formTabs}\n                            ref={tabsRef}\n                            onActivate={e => setActiveTabIndex(e)}\n                        >\n                            <Tab label={\"Edit\"} data-testid={\"cms.editor.tab.edit\"}>\n                                <EditContainer>\n                                    <FieldEditor\n                                        fields={data.fields}\n                                        layout={data.layout || []}\n                                        onChange={onChange}\n                                    />\n                                </EditContainer>\n                            </Tab>\n                            <Tab label={\"Preview\"} data-testid={\"cms.editor.tab.preview\"}>\n                                <PreviewTab activeTab={activeTabIndex === 1} />\n                            </Tab>\n                        </Tabs>\n                    </RightPanel>\n                </SplitView>\n            </ContentContainer>\n            <DragPreview />\n        </div>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactRouter","_styled","_interopRequireDefault","_emotion","_i18n","_Progress","_SplitView","_Icon","_Typography","_Tabs","_roundAssignment24px","_FieldsSidebar","_FieldEditor","_PreviewTab","_Header","_DragPreview","_useModelEditor2","_templateObject","t","i18n","ns","prompt","_taggedTemplateLiteral2","default","ContentContainer","styled","target","label","paddingTop","EditContainer","padding","position","exports","LeftBarTitle","borderBottom","display","alignItems","color","titleIcon","css","height","marginRight","LeftBarFieldList","overflow","formTabs","backgroundColor","Editor","_useModelEditor","useModelEditor","data","setData","isPristine","tabsRef","useRef","_useState","useState","_useState2","_slicedToArray2","activeTabIndex","setActiveTabIndex","onChange","_ref","fields","layout","_objectSpread2","createElement","CircularProgress","className","Prompt","when","message","SplitView","LeftPanel","span","Icon","icon","ReactComponent","Typography","use","FieldsSidebar","onFieldDragStart","current","switchTab","RightPanel","Tabs","ref","onActivate","e","Tab","FieldEditor","PreviewTab","activeTab"],"sources":["Editor.tsx"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport { Prompt } from \"@webiny/react-router\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tab, Tabs, TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { ReactComponent as FormIcon } from \"./icons/round-assignment-24px.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport { CmsModelField, CmsEditorFieldsLayout } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\nconst ContentContainer = styled(\"div\")({\n    paddingTop: 65\n});\n\nexport const EditContainer = styled(\"div\")({\n    padding: 40,\n    position: \"relative\"\n});\n\nconst LeftBarTitle = styled(\"div\")({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 25,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst titleIcon = css({\n    height: 24,\n    marginRight: 15,\n    color: \"var(--mdc-theme-primary)\"\n});\n\nconst LeftBarFieldList = styled(\"div\")({\n    padding: 40,\n    overflow: \"auto\",\n    height: \"calc(100vh - 250px)\"\n});\n\nconst formTabs = css({\n    \"&.webiny-ui-tabs\": {\n        \".webiny-ui-tabs__tab-bar\": {\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const Editor: React.FC = () => {\n    const { data, setData, isPristine } = useModelEditor();\n\n    const tabsRef = useRef<TabsImperativeApi>();\n    const [activeTabIndex, setActiveTabIndex] = useState<number>(0);\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <CircularProgress label={\"Loading content model...\"} />;\n    }\n\n    return (\n        <div className={\"content-model-editor\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <ContentContainer>\n                <SplitView>\n                    <LeftPanel span={4}>\n                        <LeftBarTitle>\n                            <Icon className={titleIcon} icon={<FormIcon />} />\n                            <Typography use={\"headline6\"}>Fields</Typography>\n                        </LeftBarTitle>\n                        <LeftBarFieldList>\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    if (!tabsRef.current) {\n                                        return;\n                                    }\n                                    tabsRef.current.switchTab(0);\n                                }}\n                            />\n                        </LeftBarFieldList>\n                    </LeftPanel>\n                    <RightPanel span={8}>\n                        <Tabs\n                            className={formTabs}\n                            ref={tabsRef}\n                            onActivate={e => setActiveTabIndex(e)}\n                        >\n                            <Tab label={\"Edit\"} data-testid={\"cms.editor.tab.edit\"}>\n                                <EditContainer>\n                                    <FieldEditor\n                                        fields={data.fields}\n                                        layout={data.layout || []}\n                                        onChange={onChange}\n                                    />\n                                </EditContainer>\n                            </Tab>\n                            <Tab label={\"Preview\"} data-testid={\"cms.editor.tab.preview\"}>\n                                <PreviewTab activeTab={activeTabIndex === 1} />\n                            </Tab>\n                        </Tabs>\n                    </RightPanel>\n                </SplitView>\n            </ContentContainer>\n            <DragPreview />\n        </div>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentModelEditor/FieldsSidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["FieldContainer","styled","padding","marginBottom","display","width","backgroundColor","borderRadius","boxSizing","cursor","opacity","transition","FileInfo","FieldLabel","textTransform","lineHeight","color","FieldDescription","fontSize","FieldHandle","marginRight","Field","props","onFieldDragStart","fieldType","type","label","icon","description","drag","FieldsSidebar","fieldTypePlugin","plugins","byType","map","fieldPlugin","field"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import React, { DragEventHandler } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport Draggable from \"../Draggable\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\nconst FieldContainer = styled(\"div\")({\n    padding: \"10px 15px\",\n    marginBottom: 20,\n    display: \"flex\",\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 15,\n    boxSizing: \"border-box\",\n    cursor: \"grab\",\n    opacity: 1,\n    transition: \"opacity 225ms\",\n    \"&:hover\": {\n        opacity: 0.8\n    },\n    \"&:last-child\": {\n        marginBottom: 0\n    }\n});\n\nconst FileInfo = styled(\"div\")({});\n\nconst FieldLabel = styled(\"div\")({\n    textTransform: \"uppercase\",\n    lineHeight: \"145%\",\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst FieldDescription = styled(\"div\")({\n    fontSize: 14,\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst FieldHandle = styled(\"div\")({\n    marginRight: 15,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\ninterface FieldProps {\n    onFieldDragStart: DragEventHandler;\n    fieldType: CmsModelFieldTypePlugin[\"field\"];\n}\nconst Field: React.FC<FieldProps> = props => {\n    const {\n        onFieldDragStart,\n        fieldType: { type, label, icon, description }\n    } = props;\n    return (\n        <Draggable beginDrag={{ type: \"newField\", fieldType: type }}>\n            {({ drag }) => (\n                <div\n                    ref={drag}\n                    style={{ marginBottom: 10 }}\n                    data-testid={`cms-editor-fields-field-${type}`}\n                    onDragStart={onFieldDragStart}\n                >\n                    <FieldContainer>\n                        <FieldHandle>\n                            <Icon icon={icon as React.ReactElement} />\n                        </FieldHandle>\n                        <FileInfo>\n                            <FieldLabel>{label}</FieldLabel>\n                            <FieldDescription>{description}</FieldDescription>\n                        </FileInfo>\n                    </FieldContainer>\n                </div>\n            )}\n        </Draggable>\n    );\n};\n\ninterface FieldsSidebarProps {\n    onFieldDragStart: DragEventHandler;\n}\nexport const FieldsSidebar: React.FC<FieldsSidebarProps> = ({ onFieldDragStart }) => {\n    const fieldTypePlugin = plugins.byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\");\n\n    return (\n        <React.Fragment>\n            {fieldTypePlugin.map(fieldPlugin => (\n                <Field\n                    key={fieldPlugin.field.type}\n                    fieldType={fieldPlugin.field}\n                    onFieldDragStart={onFieldDragStart}\n                />\n            ))}\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAGA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,OAAO,EAAE,WAAW;EACpBC,YAAY,EAAE,EAAE;EAChBC,OAAO,EAAE,MAAM;EACfC,KAAK,EAAE,MAAM;EACbC,eAAe,EAAE,gCAAgC;EACjDC,YAAY,EAAE,EAAE;EAChBC,SAAS,EAAE,YAAY;EACvBC,MAAM,EAAE,MAAM;EACdC,OAAO,EAAE,CAAC;EACVC,UAAU,EAAE,eAAe;EAC3B,SAAS,EAAE;IACPD,OAAO,EAAE;EACb,CAAC;EACD,cAAc,EAAE;IACZP,YAAY,EAAE;EAClB;AACJ,CAAC,CAAC;AAEF,IAAMS,QAAQ,oBAAGX,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE,CAAC,CAAC,CAAC;AAElC,IAAMY,UAAU,oBAAGZ,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC7Ba,aAAa,EAAE,WAAW;EAC1BC,UAAU,EAAE,MAAM;EAClBC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,gBAAgB,oBAAGhB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACnCiB,QAAQ,EAAE,EAAE;EACZF,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMG,WAAW,oBAAGlB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BmB,WAAW,EAAE,EAAE;EACfJ,KAAK,EAAE;AACX,CAAC,CAAC;AAMF,IAAMK,KAA2B,GAAG,SAA9BA,KAA2B,CAAGC,KAAK,EAAI;EACzC,IACIC,gBAAgB,GAEhBD,KAAK,CAFLC,gBAAgB;IAAA,mBAEhBD,KAAK,CADLE,SAAS;IAAIC,IAAI,oBAAJA,IAAI;IAAEC,KAAK,oBAALA,KAAK;IAAEC,IAAI,oBAAJA,IAAI;IAAEC,WAAW,oBAAXA,WAAW;EAE/C,oBACI,6BAAC,kBAAS;IAAC,SAAS,EAAE;MAAEH,IAAI,EAAE,UAAU;MAAED,SAAS,EAAEC;IAAK;EAAE,GACvD;IAAA,IAAGI,IAAI,QAAJA,IAAI;IAAA,oBACJ;MACI,GAAG,EAAEA,IAAK;MACV,KAAK,EAAE;QAAE1B,YAAY,EAAE;MAAG,CAAE;MAC5B,iDAAwCsB,IAAI,CAAG;MAC/C,WAAW,EAAEF;IAAiB,gBAE9B,6BAAC,cAAc,qBACX,6BAAC,WAAW,qBACR,6BAAC,UAAI;MAAC,IAAI,EAAEI;IAA2B,EAAG,CAChC,eACd,6BAAC,QAAQ,qBACL,6BAAC,UAAU,QAAED,KAAK,CAAc,eAChC,6BAAC,gBAAgB,QAAEE,WAAW,CAAoB,CAC3C,CACE,CACf;EAAA,CACT,CACO;AAEpB,CAAC;AAKM,IAAME,aAA2C,GAAG,SAA9CA,aAA2C,QAA6B;EAAA,IAAvBP,gBAAgB,SAAhBA,gBAAgB;EAC1E,IAAMQ,eAAe,GAAGC,gBAAO,CAACC,MAAM,CAA0B,uBAAuB,CAAC;EAExF,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVF,eAAe,CAACG,GAAG,CAAC,UAAAC,WAAW;IAAA,oBAC5B,6BAAC,KAAK;MACF,GAAG,EAAEA,WAAW,CAACC,KAAK,CAACX,IAAK;MAC5B,SAAS,EAAEU,WAAW,CAACC,KAAM;MAC7B,gBAAgB,EAAEb;IAAiB,EACrC;EAAA,CACL,CAAC,CACW;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_plugins","_styled","_Icon","_Draggable","FieldContainer","styled","target","label","padding","marginBottom","display","width","backgroundColor","borderRadius","boxSizing","cursor","opacity","transition","FileInfo","FieldLabel","textTransform","lineHeight","color","FieldDescription","fontSize","FieldHandle","marginRight","Field","props","onFieldDragStart","_props$fieldType","fieldType","type","icon","description","default","createElement","beginDrag","_ref","drag","ref","style","concat","onDragStart","Icon","FieldsSidebar","_ref2","fieldTypePlugin","plugins","byType","Fragment","map","fieldPlugin","key","field","exports"],"sources":["FieldsSidebar.tsx"],"sourcesContent":["import React, { DragEventHandler } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport Draggable from \"../Draggable\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\n\nconst FieldContainer = styled(\"div\")({\n    padding: \"10px 15px\",\n    marginBottom: 20,\n    display: \"flex\",\n    width: \"100%\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 15,\n    boxSizing: \"border-box\",\n    cursor: \"grab\",\n    opacity: 1,\n    transition: \"opacity 225ms\",\n    \"&:hover\": {\n        opacity: 0.8\n    },\n    \"&:last-child\": {\n        marginBottom: 0\n    }\n});\n\nconst FileInfo = styled(\"div\")({});\n\nconst FieldLabel = styled(\"div\")({\n    textTransform: \"uppercase\",\n    lineHeight: \"145%\",\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst FieldDescription = styled(\"div\")({\n    fontSize: 14,\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst FieldHandle = styled(\"div\")({\n    marginRight: 15,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\ninterface FieldProps {\n    onFieldDragStart: DragEventHandler;\n    fieldType: CmsModelFieldTypePlugin[\"field\"];\n}\nconst Field: React.FC<FieldProps> = props => {\n    const {\n        onFieldDragStart,\n        fieldType: { type, label, icon, description }\n    } = props;\n    return (\n        <Draggable beginDrag={{ type: \"newField\", fieldType: type }}>\n            {({ drag }) => (\n                <div\n                    ref={drag}\n                    style={{ marginBottom: 10 }}\n                    data-testid={`cms-editor-fields-field-${type}`}\n                    onDragStart={onFieldDragStart}\n                >\n                    <FieldContainer>\n                        <FieldHandle>\n                            <Icon icon={icon as React.ReactElement} />\n                        </FieldHandle>\n                        <FileInfo>\n                            <FieldLabel>{label}</FieldLabel>\n                            <FieldDescription>{description}</FieldDescription>\n                        </FileInfo>\n                    </FieldContainer>\n                </div>\n            )}\n        </Draggable>\n    );\n};\n\ninterface FieldsSidebarProps {\n    onFieldDragStart: DragEventHandler;\n}\nexport const FieldsSidebar: React.FC<FieldsSidebarProps> = ({ onFieldDragStart }) => {\n    const fieldTypePlugin = plugins.byType<CmsModelFieldTypePlugin>(\"cms-editor-field-type\");\n\n    return (\n        <React.Fragment>\n            {fieldTypePlugin.map(fieldPlugin => (\n                <Field\n                    key={fieldPlugin.field.type}\n                    fieldType={fieldPlugin.field}\n                    onFieldDragStart={onFieldDragStart}\n                />\n            ))}\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentModelEditor/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["topBar","css","boxShadow","EditorBar","width","renderPlugins"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { renderPlugins } from \"@webiny/app/plugins\";\n\nimport { css } from \"emotion\";\n\nconst topBar = css({\n    boxShadow: \"1px 0px 5px 0px rgba(128,128,128,1)\"\n});\n\nconst EditorBar: React.FC = () => {\n    return (\n        <TopAppBar className={topBar} fixed data-testid={\"cms-editor-top-bar\"}>\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-left\")}\n            </TopAppBarSection>\n\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-right\")}\n            </TopAppBarSection>\n        </TopAppBar>\n    );\n};\n\nexport default EditorBar;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AAEA,IAAMA,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,SAAS,EAAE;AACf,CAAC,kBAAC;AAEF,IAAMC,SAAmB,GAAG,SAAtBA,SAAmB,GAAS;EAC9B,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAEH,MAAO;IAAC,KAAK;IAAC,eAAa;EAAqB,gBAClE,6BAAC,2BAAgB;IAAC,KAAK,EAAE;MAAEI,KAAK,EAAE;IAAM,CAAE;IAAC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,uCAAuC,CAAC,CACxC,eAEnB,6BAAC,2BAAgB;IAAC,KAAK,EAAE;MAAED,KAAK,EAAE;IAAM,CAAE;IAAC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,wCAAwC,CAAC,CACzC,CACX;AAEpB,CAAC;AAAC,eAEaF,SAAS;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_plugins","_emotion","topBar","css","boxShadow","EditorBar","default","createElement","TopAppBar","className","fixed","TopAppBarSection","style","width","alignEnd","renderPlugins","_default","exports"],"sources":["Header.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { renderPlugins } from \"@webiny/app/plugins\";\n\nimport { css } from \"emotion\";\n\nconst topBar = css({\n    boxShadow: \"1px 0px 5px 0px rgba(128,128,128,1)\"\n});\n\nconst EditorBar: React.FC = () => {\n    return (\n        <TopAppBar className={topBar} fixed data-testid={\"cms-editor-top-bar\"}>\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-left\")}\n            </TopAppBarSection>\n\n            <TopAppBarSection style={{ width: \"50%\" }} alignEnd>\n                {renderPlugins(\"content-model-editor-default-bar-right\")}\n            </TopAppBarSection>\n        </TopAppBar>\n    );\n};\n\nexport default EditorBar;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAMI,MAAM,gBAAG,IAAAC,YAAG,EAAC;EACfC,SAAS,EAAE;AACf,CAAC,kBAAC;AAEF,IAAMC,SAAmB,GAAG,SAAtBA,SAAmBA,CAAA,EAAS;EAC9B,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAS,SAAS;IAACC,SAAS,EAAEP,MAAO;IAACQ,KAAK;IAAC,eAAa;EAAqB,gBAClEd,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAY,gBAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAM,CAAE;IAACC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,uCAAuC,CACxC,CAAC,eAEnBnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,UAAA,CAAAY,gBAAgB;IAACC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAM,CAAE;IAACC,QAAQ;EAAA,GAC9C,IAAAC,sBAAa,EAAC,wCAAwC,CACzC,CACX,CAAC;AAEpB,CAAC;AAAC,IAAAC,QAAA,GAEaX,SAAS;AAAAY,OAAA,CAAAX,OAAA,GAAAU,QAAA"}

package/admin/components/ContentModelEditor/PreviewTab.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","formPreviewWrapper","css","padding","margin","boxSizing","style","noFieldsMessage","textAlign","PreviewTab","activeTab","useModelEditor","data","fields","length"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentTab } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nconst formPreviewWrapper = css({\n    padding: 40,\n    margin: 40,\n    boxSizing: \"border-box\"\n});\n\nconst style = {\n    noFieldsMessage: css({\n        textAlign: \"center\"\n    })\n};\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <Elevation z={1} className={formPreviewWrapper}>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <div className={style.noFieldsMessage}>\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </div>\n            )}\n        </Elevation>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AAAsF;AAEtF,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uDAAuD,CAAC;AAE1E,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAC3BC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACf,CAAC,8BAAC;AAEF,IAAMC,KAAK,GAAG;EACVC,eAAe,eAAE,IAAAL,YAAG,EAAC;IACjBM,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAEM,IAAMC,UAA+B,GAAG,SAAlCA,UAA+B,OAAsB;EAAA,IAAhBC,SAAS,QAATA,SAAS;EACvD,sBAAiB,IAAAC,qBAAc,GAAE;IAAzBC,IAAI,mBAAJA,IAAI;EAEZ,oBACI,6BAAC,oBAAS;IAAC,CAAC,EAAE,CAAE;IAAC,SAAS,EAAEX;EAAmB,GAC1CW,IAAI,CAACC,MAAM,IAAID,IAAI,CAACC,MAAM,CAACC,MAAM,IAAIJ,SAAS,gBAC3C,6BAAC,gDAAuB;IAAC,YAAY,EAAEE;EAAK,EAAG,gBAE/C;IAAK,SAAS,EAAEN,KAAK,CAACC;EAAgB,GACjCT,CAAC,mKAET,CACO;AAEpB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Elevation","_i18n","_hooks","_ContentEntryFormPreview","_templateObject","t","i18n","ns","formPreviewWrapper","css","padding","margin","boxSizing","style","noFieldsMessage","textAlign","PreviewTab","_ref","activeTab","_useModelEditor","useModelEditor","data","default","createElement","Elevation","z","className","fields","length","ContentEntryFormPreview","contentModel","_taggedTemplateLiteral2","exports"],"sources":["PreviewTab.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentTab } from \"~/types\";\nimport { useModelEditor } from \"~/admin/hooks\";\nimport { ContentEntryFormPreview } from \"../ContentEntryForm/ContentEntryFormPreview\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/editor/tabs/preview\");\n\nconst formPreviewWrapper = css({\n    padding: 40,\n    margin: 40,\n    boxSizing: \"border-box\"\n});\n\nconst style = {\n    noFieldsMessage: css({\n        textAlign: \"center\"\n    })\n};\n\nexport const PreviewTab: CmsEditorContentTab = ({ activeTab }) => {\n    const { data } = useModelEditor();\n\n    return (\n        <Elevation z={1} className={formPreviewWrapper}>\n            {data.fields && data.fields.length && activeTab ? (\n                <ContentEntryFormPreview contentModel={data} />\n            ) : (\n                <div className={style.noFieldsMessage}>\n                    {t`Before previewing the form, please add at least one field to the content model.`}\n                </div>\n            )}\n        </Elevation>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAAsF,IAAAM,eAAA;AAEtF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uDAAuD,CAAC;AAE1E,IAAMC,kBAAkB,gBAAG,IAAAC,YAAG,EAAC;EAC3BC,OAAO,EAAE,EAAE;EACXC,MAAM,EAAE,EAAE;EACVC,SAAS,EAAE;AACf,CAAC,8BAAC;AAEF,IAAMC,KAAK,GAAG;EACVC,eAAe,eAAE,IAAAL,YAAG,EAAC;IACjBM,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAEM,IAAMC,UAA+B,GAAG,SAAlCA,UAA+BA,CAAAC,IAAA,EAAsB;EAAA,IAAhBC,SAAS,GAAAD,IAAA,CAATC,SAAS;EACvD,IAAAC,eAAA,GAAiB,IAAAC,qBAAc,EAAC,CAAC;IAAzBC,IAAI,GAAAF,eAAA,CAAJE,IAAI;EAEZ,oBACIzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACvB,UAAA,CAAAwB,SAAS;IAACC,CAAC,EAAE,CAAE;IAACC,SAAS,EAAElB;EAAmB,GAC1Ca,IAAI,CAACM,MAAM,IAAIN,IAAI,CAACM,MAAM,CAACC,MAAM,IAAIV,SAAS,gBAC3CtB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACpB,wBAAA,CAAA0B,uBAAuB;IAACC,YAAY,EAAET;EAAK,CAAE,CAAC,gBAE/CzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IAAKG,SAAS,EAAEb,KAAK,CAACC;EAAgB,GACjCT,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAA2B,uBAAA,CAAAT,OAAA,wFACD,CAEF,CAAC;AAEpB,CAAC;AAACU,OAAA,CAAAhB,UAAA,GAAAA,UAAA"}

package/admin/components/ContentModelEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ContentModelEditorProvider\";\nexport * from \"./useModelEditor\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ContentModelEditorProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_useModelEditor"],"sources":["index.ts"],"sourcesContent":["export * from \"./ContentModelEditorProvider\";\nexport * from \"./useModelEditor\";\n"],"mappings":";;;;;AAAA,IAAAA,2BAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,2BAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,2BAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,2BAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/admin/components/ContentModelEditor/useModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["useModelEditor","context","React","useContext","contentModelEditorContext","Error"],"sources":["useModelEditor.ts"],"sourcesContent":["import React from \"react\";\nimport { contentModelEditorContext } from \"./ContentModelEditorProvider\";\n\nexport function useModelEditor() {\n    const context = React.useContext(contentModelEditorContext);\n    if (!context) {\n        throw new Error(\"useContentModelEditor must be used within a ContentModelEditorProvider\");\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;;AAAA;AACA;AAEO,SAASA,cAAc,GAAG;EAC7B,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,qDAAyB,CAAC;EAC3D,IAAI,CAACH,OAAO,EAAE;IACV,MAAM,IAAII,KAAK,CAAC,wEAAwE,CAAC;EAC7F;EAEA,OAAOJ,OAAO;AAClB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ContentModelEditorProvider","useModelEditor","context","React","useContext","contentModelEditorContext","Error"],"sources":["useModelEditor.ts"],"sourcesContent":["import React from \"react\";\nimport { contentModelEditorContext } from \"./ContentModelEditorProvider\";\n\nexport function useModelEditor() {\n    const context = React.useContext(contentModelEditorContext);\n    if (!context) {\n        throw new Error(\"useContentModelEditor must be used within a ContentModelEditorProvider\");\n    }\n\n    return context;\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AAEO,SAASE,cAAcA,CAAA,EAAG;EAC7B,IAAMC,OAAO,GAAGC,cAAK,CAACC,UAAU,CAACC,qDAAyB,CAAC;EAC3D,IAAI,CAACH,OAAO,EAAE;IACV,MAAM,IAAII,KAAK,CAAC,wEAAwE,CAAC;EAC7F;EAEA,OAAOJ,OAAO;AAClB"}

package/admin/components/DelayedOnChange.js

@@ -17,6 +17,15 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var React = _interopRequireWildcard(require("react"));
 var _noop = _interopRequireDefault(require("lodash/noop"));
 var _excluded = ["children"];
+/**
+ * This component is used to wrap Input and Textarea components to optimize form re-render.
+ * These 2 are the only components that trigger form model change on each character input.
+ * This means, whenever you type a letter an entire form re-renders.
+ * On complex forms you will feel and see a significant delay if this component is not used.
+ *
+ * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
+ * a user stops typing for given period of time (400ms by default).
+ */
 var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(DelayedOnChange, _React$Component);
   var _super = (0, _createSuper2.default)(DelayedOnChange);

package/admin/components/DelayedOnChange.js.map

@@ -1 +1 @@
-{"version":3,"names":["DelayedOnChange","value","callback","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","children","other","newProps","renderProp","child","React","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key","Component"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":"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"}
+{"version":3,"names":["React","_interopRequireWildcard","require","_noop","_interopRequireDefault","_excluded","DelayedOnChange","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","callback","undefined","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","_createClass2","key","componentDidMount","render","_this2","_this$props","children","other","_objectWithoutProperties2","newProps","_objectSpread2","renderProp","child","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","Component","_default","exports"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":"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"}

package/admin/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"names":["Dialog","styled","BaseDialog"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEO,IAAMA,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAA;EAAA;AAAA,gJAatC;AAAC"}
+{"version":3,"names":["_styled","_interopRequireDefault","require","_Dialog","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","Dialog","styled","BaseDialog","label","target"],"sources":["Dialog.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { Dialog as BaseDialog } from \"@webiny/ui/Dialog\";\nexport * from \"@webiny/ui/Dialog\";\n\nexport const Dialog = styled(BaseDialog)`\n    .mdc-dialog__surface {\n        width: 600px;\n        min-width: 600px;\n        overflow: initial;\n    }\n\n    .mdc-dialog__content {\n        overflow: auto;\n        .mdc-list:first-of-type {\n            padding: 0;\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEO,IAAMS,MAAM,oBAAGC,eAAM,EAACC,cAAU;EAAAC,KAAA;EAAAC,MAAA;AAAA,gJAatC;AAACR,OAAA,CAAAI,MAAA,GAAAA,MAAA"}

package/admin/components/DragPreview.js.map

@@ -1 +1 @@
-{"version":3,"names":["subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","x","y","style","DragPreview","useState","dragHelperOpacity","setDragHelperOpacity","useDragLayer","initialMonitor","subscribeToOffsetChange","isDragging","useEffect","setTimeout","position","pointerEvents","zIndex","left","top","width","height","el","transition","display","opacity","backgroundColor","borderRadius"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDragLayer } from \"react-dnd\";\nimport { DragSourceMonitor } from \"react-dnd/lib/interfaces/monitors\";\nimport { DragSourceMonitorImpl } from \"react-dnd/lib/common/DragSourceMonitorImpl\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    // TODO @ts-refactor figure out better type\n    dragPreviewRef.style[\"-webkit-transform\" as any] = transform;\n};\n\nconst DragPreview: React.FC = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n    const { isDragging } = useDragLayer(initialMonitor => {\n        /**\n         * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n         */\n        const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n        if (!subscribedToOffsetChange) {\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect(() => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n        } else {\n            setDragHelperOpacity(0);\n        }\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n\n    if (!isDragging) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{\n                position: \"fixed\",\n                pointerEvents: \"none\",\n                zIndex: 1001,\n                left: 0,\n                top: 0,\n                width: \"100%\",\n                height: \"100%\"\n            }}\n        >\n            <div\n                ref={el => (dragPreviewRef = el)}\n                style={{\n                    transition: \"opacity .25s ease-in-out\",\n                    display: \"block\",\n                    opacity: dragHelperOpacity\n                }}\n            >\n                <div\n                    style={{\n                        width: 30,\n                        height: 30,\n                        backgroundColor: \"var(--mdc-theme-primary)\",\n                        borderRadius: \"50%\"\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\nexport default DragPreview;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAIA,IAAIA,wBAAwB,GAAG,KAAK;AAEpC,IAAIC,cAAqC,GAAG,IAAI;AAEhD,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,OAA0B;EAAA,OAAK,YAAM;IACzD,IAAI,CAACF,cAAc,EAAE;MACjB;IACJ;IAEA,IAAMG,MAAM,GAAGD,OAAO,CAACE,eAAe,EAAE;IACxC,IAAI,CAACD,MAAM,EAAE;MACT;IACJ;IAEA,IAAME,SAAS,uBAAgBF,MAAM,CAACG,CAAC,GAAG,EAAE,iBAAOH,MAAM,CAACI,CAAC,GAAG,EAAE,QAAK;IACrEP,cAAc,CAACQ,KAAK,CAAC,WAAW,CAAC,GAAGH,SAAS;IAC7C;IACAL,cAAc,CAACQ,KAAK,CAAC,mBAAmB,CAAQ,GAAGH,SAAS;EAChE,CAAC;AAAA;AAED,IAAMI,WAAqB,GAAG,SAAxBA,WAAqB,GAAS;EAChC,gBAAkD,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAA;IAAtDC,iBAAiB;IAAEC,oBAAoB;EAC9C,oBAAuB,IAAAC,sBAAY,EAAC,UAAAC,cAAc,EAAI;MAClD;AACR;AACA;MACQ,IAAMZ,OAAO,GAAGY,cAAkD;MAClE,IAAI,CAACf,wBAAwB,EAAE;QAC3BG,OAAO,CAACa,uBAAuB,CAACd,cAAc,CAACC,OAAO,CAAC,CAAC;QACxDH,wBAAwB,GAAG,IAAI;MACnC;MAEA,OAAO;QACHiB,UAAU,EAAEd,OAAO,CAACc,UAAU;MAClC,CAAC;IACL,CAAC,CAAC;IAbMA,UAAU,iBAAVA,UAAU;EAelB,IAAAC,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACTlB,wBAAwB,GAAG,KAAK;MAChCC,cAAc,GAAG,IAAI;IACzB,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA;EACA;EACA,IAAAiB,gBAAS,EAAC,YAAM;IACZ,IAAID,UAAU,EAAE;MACZE,UAAU,CAAC,YAAM;QACbN,oBAAoB,CAACI,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;MAC5C,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,MAAM;MACHJ,oBAAoB,CAAC,CAAC,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACI,UAAU,CAAC,CAAC;EAEhB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACI;IACI,KAAK,EAAE;MACHG,QAAQ,EAAE,OAAO;MACjBC,aAAa,EAAE,MAAM;MACrBC,MAAM,EAAE,IAAI;MACZC,IAAI,EAAE,CAAC;MACPC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACZ;EAAE,gBAEF;IACI,GAAG,EAAE,aAAAC,EAAE;MAAA,OAAK1B,cAAc,GAAG0B,EAAE;IAAA,CAAE;IACjC,KAAK,EAAE;MACHC,UAAU,EAAE,0BAA0B;MACtCC,OAAO,EAAE,OAAO;MAChBC,OAAO,EAAElB;IACb;EAAE,gBAEF;IACI,KAAK,EAAE;MACHa,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVK,eAAe,EAAE,0BAA0B;MAC3CC,YAAY,EAAE;IAClB;EAAE,EACJ,CACA,CACJ;AAEd,CAAC;AAAC,eACatB,WAAW;AAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDnd","subscribedToOffsetChange","dragPreviewRef","onOffsetChange","monitor","offset","getClientOffset","transform","concat","x","y","style","DragPreview","_useState","useState","_useState2","_slicedToArray2","default","dragHelperOpacity","setDragHelperOpacity","_useDragLayer","useDragLayer","initialMonitor","subscribeToOffsetChange","isDragging","useEffect","setTimeout","createElement","position","pointerEvents","zIndex","left","top","width","height","ref","el","transition","display","opacity","backgroundColor","borderRadius","_default","exports"],"sources":["DragPreview.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { useDragLayer } from \"react-dnd\";\nimport { DragSourceMonitor } from \"react-dnd/lib/interfaces/monitors\";\nimport { DragSourceMonitorImpl } from \"react-dnd/lib/common/DragSourceMonitorImpl\";\n\nlet subscribedToOffsetChange = false;\n\nlet dragPreviewRef: HTMLDivElement | null = null;\n\nconst onOffsetChange = (monitor: DragSourceMonitor) => () => {\n    if (!dragPreviewRef) {\n        return;\n    }\n\n    const offset = monitor.getClientOffset();\n    if (!offset) {\n        return;\n    }\n\n    const transform = `translate(${offset.x - 15}px, ${offset.y - 15}px)`;\n    dragPreviewRef.style[\"transform\"] = transform;\n    // TODO @ts-refactor figure out better type\n    dragPreviewRef.style[\"-webkit-transform\" as any] = transform;\n};\n\nconst DragPreview: React.FC = () => {\n    const [dragHelperOpacity, setDragHelperOpacity] = useState(0);\n    const { isDragging } = useDragLayer(initialMonitor => {\n        /**\n         * We must cast because TS is complaining. We know that casting as DragSourceMonitorImpl is ok.\n         */\n        const monitor = initialMonitor as unknown as DragSourceMonitorImpl;\n        if (!subscribedToOffsetChange) {\n            monitor.subscribeToOffsetChange(onOffsetChange(monitor));\n            subscribedToOffsetChange = true;\n        }\n\n        return {\n            isDragging: monitor.isDragging()\n        };\n    });\n\n    useEffect(() => {\n        return () => {\n            subscribedToOffsetChange = false;\n            dragPreviewRef = null;\n        };\n    }, []);\n\n    // We track the value of \"isDragging\" and apply opacity=1 (after 100ms), when it switches to true.\n    // Without this, the drag cursor would be shown in the top-left corner for a short amount of time, and then it\n    // would be repositioned correctly. Definitely looks like a glitch. This also adds a nice little fade-in effect.\n    useEffect(() => {\n        if (isDragging) {\n            setTimeout(() => {\n                setDragHelperOpacity(isDragging ? 1 : 0);\n            }, 100);\n        } else {\n            setDragHelperOpacity(0);\n        }\n    }, [isDragging]);\n\n    if (!isDragging) {\n        return null;\n    }\n\n    if (!isDragging) {\n        return null;\n    }\n\n    return (\n        <div\n            style={{\n                position: \"fixed\",\n                pointerEvents: \"none\",\n                zIndex: 1001,\n                left: 0,\n                top: 0,\n                width: \"100%\",\n                height: \"100%\"\n            }}\n        >\n            <div\n                ref={el => (dragPreviewRef = el)}\n                style={{\n                    transition: \"opacity .25s ease-in-out\",\n                    display: \"block\",\n                    opacity: dragHelperOpacity\n                }}\n            >\n                <div\n                    style={{\n                        width: 30,\n                        height: 30,\n                        backgroundColor: \"var(--mdc-theme-primary)\",\n                        borderRadius: \"50%\"\n                    }}\n                />\n            </div>\n        </div>\n    );\n};\nexport default DragPreview;\n"],"mappings":"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"}

package/admin/components/Draggable.js.map

@@ -1 +1 @@
-{"version":3,"names":["emptyImage","Draggable","props","children","beginDrag","endDrag","target","useDrag","item","type","collect","monitor","isDragging","begin","end","drag","preview","MemoizedDraggable","React","memo"],"sources":["Draggable.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useDrag, DragPreviewImage, ConnectDragSource } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable: React.FC<DraggableProps> = props => {\n    const { children, beginDrag, endDrag, target } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        item: { type: \"element\", target },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        begin(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.FC<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA,IAAMA,UAAU,GAAG,4EAA4E;AAiB/F,IAAMC,SAAmC,GAAG,SAAtCA,SAAmC,CAAGC,KAAK,EAAI;EACjD,IAAQC,QAAQ,GAAiCD,KAAK,CAA9CC,QAAQ;IAAEC,SAAS,GAAsBF,KAAK,CAApCE,SAAS;IAAEC,OAAO,GAAaH,KAAK,CAAzBG,OAAO;IAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAE5C,eAAwC,IAAAC,iBAAO,EAAC;MAC5CC,IAAI,EAAE;QAAEC,IAAI,EAAE,SAAS;QAAEH,MAAM,EAANA;MAAO,CAAC;MACjCI,OAAO,EAAE,iBAAAC,OAAO;QAAA,OAAK;UACjBC,UAAU,EAAED,OAAO,CAACC,UAAU;QAClC,CAAC;MAAA,CAAC;MACFC,KAAK,iBAACF,OAAO,EAAE;QACX,IAAI,OAAOP,SAAS,KAAK,UAAU,EAAE;UACjC,OAAOA,SAAS,CAACF,KAAK,EAAES,OAAO,CAAC;QACpC;QACA,OAAOP,SAAS;MACpB,CAAC;MACDU,GAAG,eAACN,IAAI,EAAEG,OAAO,EAAE;QACf,IAAI,OAAON,OAAO,KAAK,UAAU,EAAE;UAC/B,OAAOA,OAAO,CAACG,IAAI,EAAEG,OAAO,CAAC;QACjC;QACA,OAAON,OAAO;MAClB;IACJ,CAAC,CAAC;IAAA;IAjBOO,UAAU,gBAAVA,UAAU;IAAIG,IAAI;IAAEC,OAAO;EAmBpC,oBACI,yEACI,6BAAC,0BAAgB;IAAC,OAAO,EAAEA,OAAQ;IAAC,GAAG,EAAEhB;EAAW,EAAG,EACtDG,QAAQ,CAAC;IAAES,UAAU,EAAVA,UAAU;IAAEG,IAAI,EAAJA;EAAK,CAAC,CAAC,CAChC;AAEX,CAAC;AAED,IAAME,iBAA2C,gBAAGC,cAAK,CAACC,IAAI,CAAClB,SAAS,CAAC;AAAC,eAC3DgB,iBAAiB;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactDnd","emptyImage","Draggable","props","children","beginDrag","endDrag","target","_useDrag","useDrag","item","type","collect","monitor","isDragging","begin","end","_useDrag2","_slicedToArray2","default","drag","preview","createElement","Fragment","DragPreviewImage","connect","src","MemoizedDraggable","React","memo","_default","exports"],"sources":["Draggable.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport { useDrag, DragPreviewImage, ConnectDragSource } from \"react-dnd\";\n\nconst emptyImage = \"data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\";\n\ninterface DraggableChildrenFunctionParams {\n    isDragging: boolean;\n    drag: ConnectDragSource;\n}\nexport interface DraggableChildrenFunction {\n    (params: DraggableChildrenFunctionParams): ReactElement;\n}\n\nexport interface DraggableProps {\n    children: DraggableChildrenFunction;\n    beginDrag?: any;\n    endDrag?: any;\n    target?: string[];\n}\n\nconst Draggable: React.FC<DraggableProps> = props => {\n    const { children, beginDrag, endDrag, target } = props;\n\n    const [{ isDragging }, drag, preview] = useDrag({\n        item: { type: \"element\", target },\n        collect: monitor => ({\n            isDragging: monitor.isDragging()\n        }),\n        begin(monitor) {\n            if (typeof beginDrag === \"function\") {\n                return beginDrag(props, monitor);\n            }\n            return beginDrag;\n        },\n        end(item, monitor) {\n            if (typeof endDrag === \"function\") {\n                return endDrag(item, monitor);\n            }\n            return endDrag;\n        }\n    });\n\n    return (\n        <>\n            <DragPreviewImage connect={preview} src={emptyImage} />\n            {children({ isDragging, drag })}\n        </>\n    );\n};\n\nconst MemoizedDraggable: React.FC<DraggableProps> = React.memo(Draggable);\nexport default MemoizedDraggable;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAME,UAAU,GAAG,4EAA4E;AAiB/F,IAAMC,SAAmC,GAAG,SAAtCA,SAAmCA,CAAGC,KAAK,EAAI;EACjD,IAAQC,QAAQ,GAAiCD,KAAK,CAA9CC,QAAQ;IAAEC,SAAS,GAAsBF,KAAK,CAApCE,SAAS;IAAEC,OAAO,GAAaH,KAAK,CAAzBG,OAAO;IAAEC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EAE5C,IAAAC,QAAA,GAAwC,IAAAC,iBAAO,EAAC;MAC5CC,IAAI,EAAE;QAAEC,IAAI,EAAE,SAAS;QAAEJ,MAAM,EAANA;MAAO,CAAC;MACjCK,OAAO,EAAE,SAAAA,QAAAC,OAAO;QAAA,OAAK;UACjBC,UAAU,EAAED,OAAO,CAACC,UAAU,CAAC;QACnC,CAAC;MAAA,CAAC;MACFC,KAAK,WAAAA,MAACF,OAAO,EAAE;QACX,IAAI,OAAOR,SAAS,KAAK,UAAU,EAAE;UACjC,OAAOA,SAAS,CAACF,KAAK,EAAEU,OAAO,CAAC;QACpC;QACA,OAAOR,SAAS;MACpB,CAAC;MACDW,GAAG,WAAAA,IAACN,IAAI,EAAEG,OAAO,EAAE;QACf,IAAI,OAAOP,OAAO,KAAK,UAAU,EAAE;UAC/B,OAAOA,OAAO,CAACI,IAAI,EAAEG,OAAO,CAAC;QACjC;QACA,OAAOP,OAAO;MAClB;IACJ,CAAC,CAAC;IAAAW,SAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAX,QAAA;IAjBOM,UAAU,GAAAG,SAAA,IAAVH,UAAU;IAAIM,IAAI,GAAAH,SAAA;IAAEI,OAAO,GAAAJ,SAAA;EAmBpC,oBACIpB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAAAzB,MAAA,CAAAsB,OAAA,CAAAI,QAAA,qBACI1B,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACtB,SAAA,CAAAwB,gBAAgB;IAACC,OAAO,EAAEJ,OAAQ;IAACK,GAAG,EAAEzB;EAAW,CAAE,CAAC,EACtDG,QAAQ,CAAC;IAAEU,UAAU,EAAVA,UAAU;IAAEM,IAAI,EAAJA;EAAK,CAAC,CAChC,CAAC;AAEX,CAAC;AAED,IAAMO,iBAA2C,gBAAGC,cAAK,CAACC,IAAI,CAAC3B,SAAS,CAAC;AAAC,IAAA4B,QAAA,GAC3DH,iBAAiB;AAAAI,OAAA,CAAAZ,OAAA,GAAAW,QAAA"}

package/admin/components/DropZone/Center.js.map

@@ -1 +1 @@
-{"version":3,"names":["getColor","isOver","isDroppable","Container","styled","getInert","inert","Center","onDrop","children","style","drop","width","height"],"sources":["Center.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, DroppableProps, OnDropCallable } from \"./../Droppable\";\n\ninterface DroppableFlags {\n    isOver: boolean;\n    isDroppable: boolean;\n}\n\nconst getColor = ({ isOver, isDroppable }: DroppableFlags) => {\n    if (isOver) {\n        return \"var(--mdc-theme-primary)\";\n    }\n\n    if (!isDroppable) {\n        return \"var(--mdc-theme-background)\";\n    }\n\n    return \"var(--mdc-theme-secondary)\";\n};\n\nconst Container = styled.div`\n    background-color: transparent;\n    box-sizing: border-box;\n    height: 100%;\n    min-height: 100px;\n    position: relative;\n    user-select: none;\n    width: 100%;\n    border: 2px dashed ${getColor};\n    opacity: 1;\n    > div {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        margin: 0;\n        color: ${getColor};\n    }\n`;\n\ninterface CenterProps {\n    type?: string;\n    onDrop: OnDropCallable;\n    children: React.ReactNode;\n    active?: boolean;\n    highlight?: boolean;\n    style?: CSSProperties;\n    isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n    return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center: React.FC<CenterProps> = ({ onDrop, children, style, isDroppable }) => {\n    return (\n        <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n            {({ isOver, drop, isDroppable }) => (\n                <div\n                    ref={drop}\n                    style={{ width: \"100%\", height: \"100%\", ...style }}\n                    data-testid={\"cms-editor-first-field-area\"}\n                    {...getInert(isDroppable)}\n                >\n                    <Container isOver={isOver} isDroppable={isDroppable}>\n                        <div>{children}</div>\n                    </Container>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Center;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAOA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAgD;EAAA,IAA1CC,MAAM,QAANA,MAAM;IAAEC,WAAW,QAAXA,WAAW;EACnC,IAAID,MAAM,EAAE;IACR,OAAO,0BAA0B;EACrC;EAEA,IAAI,CAACC,WAAW,EAAE;IACd,OAAO,6BAA6B;EACxC;EAEA,OAAO,4BAA4B;AACvC,CAAC;AAED,IAAMC,SAAS,oBAAGC,eAAM;EAAA;EAAA;AAAA,uJAQCJ,QAAQ,wGAQhBA,QAAQ,OAExB;AAYD,IAAMK,QAAQ,GAAG,SAAXA,QAAQ,CAAIH,WAAoB,EAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEI,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6B,QAAiD;EAAA,IAA3CC,MAAM,SAANA,MAAM;IAAEC,QAAQ,SAARA,QAAQ;IAAEC,KAAK,SAALA,KAAK;IAAER,WAAW,SAAXA,WAAW;EACzE,oBACI,6BAAC,oBAAS;IAAC,MAAM,EAAEM,MAAO;IAAC,WAAW,EAAEN;EAAY,GAC/C;IAAA,IAAGD,MAAM,SAANA,MAAM;MAAEU,IAAI,SAAJA,IAAI;MAAET,WAAW,SAAXA,WAAW;IAAA,oBACzB;MACI,GAAG,EAAES,IAAK;MACV,KAAK;QAAIC,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAM,GAAKH,KAAK,CAAG;MACnD,eAAa;IAA8B,GACvCL,QAAQ,CAACH,WAAW,CAAC,gBAEzB,6BAAC,SAAS;MAAC,MAAM,EAAED,MAAO;MAAC,WAAW,EAAEC;IAAY,gBAChD,0CAAMO,QAAQ,CAAO,CACb,CACV;EAAA,CACT,CACO;AAEpB,CAAC;AAAC,eAEaF,MAAM;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Droppable","getColor","_ref","isOver","isDroppable","Container","styled","label","target","getInert","inert","Center","_ref2","onDrop","children","style","default","createElement","Droppable","_ref3","drop","Object","assign","ref","_objectSpread2","width","height","_default","exports"],"sources":["Center.tsx"],"sourcesContent":["import React, { CSSProperties } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, DroppableProps, OnDropCallable } from \"./../Droppable\";\n\ninterface DroppableFlags {\n    isOver: boolean;\n    isDroppable: boolean;\n}\n\nconst getColor = ({ isOver, isDroppable }: DroppableFlags) => {\n    if (isOver) {\n        return \"var(--mdc-theme-primary)\";\n    }\n\n    if (!isDroppable) {\n        return \"var(--mdc-theme-background)\";\n    }\n\n    return \"var(--mdc-theme-secondary)\";\n};\n\nconst Container = styled.div`\n    background-color: transparent;\n    box-sizing: border-box;\n    height: 100%;\n    min-height: 100px;\n    position: relative;\n    user-select: none;\n    width: 100%;\n    border: 2px dashed ${getColor};\n    opacity: 1;\n    > div {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        margin: 0;\n        color: ${getColor};\n    }\n`;\n\ninterface CenterProps {\n    type?: string;\n    onDrop: OnDropCallable;\n    children: React.ReactNode;\n    active?: boolean;\n    highlight?: boolean;\n    style?: CSSProperties;\n    isDroppable?: DroppableProps[\"isDroppable\"];\n}\n\nconst getInert = (isDroppable: boolean) => {\n    return isDroppable ? {} : { inert: \"\" };\n};\n\nconst Center: React.FC<CenterProps> = ({ onDrop, children, style, isDroppable }) => {\n    return (\n        <Droppable onDrop={onDrop} isDroppable={isDroppable}>\n            {({ isOver, drop, isDroppable }) => (\n                <div\n                    ref={drop}\n                    style={{ width: \"100%\", height: \"100%\", ...style }}\n                    data-testid={\"cms-editor-first-field-area\"}\n                    {...getInert(isDroppable)}\n                >\n                    <Container isOver={isOver} isDroppable={isDroppable}>\n                        <div>{children}</div>\n                    </Container>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Center;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAOA,IAAMG,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAAgD;EAAA,IAA1CC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;EACnC,IAAID,MAAM,EAAE;IACR,OAAO,0BAA0B;EACrC;EAEA,IAAI,CAACC,WAAW,EAAE;IACd,OAAO,6BAA6B;EACxC;EAEA,OAAO,4BAA4B;AACvC,CAAC;AAED,IAAMC,SAAS,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,uJAQCP,QAAQ,wGAQhBA,QAAQ,OAExB;AAYD,IAAMQ,QAAQ,GAAG,SAAXA,QAAQA,CAAIL,WAAoB,EAAK;EACvC,OAAOA,WAAW,GAAG,CAAC,CAAC,GAAG;IAAEM,KAAK,EAAE;EAAG,CAAC;AAC3C,CAAC;AAED,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,KAAA,EAAiD;EAAA,IAA3CC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK;IAAEX,WAAW,GAAAQ,KAAA,CAAXR,WAAW;EACzE,oBACIR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,UAAA,CAAAkB,SAAS;IAACL,MAAM,EAAEA,MAAO;IAACT,WAAW,EAAEA;EAAY,GAC/C,UAAAe,KAAA;IAAA,IAAGhB,MAAM,GAAAgB,KAAA,CAANhB,MAAM;MAAEiB,IAAI,GAAAD,KAAA,CAAJC,IAAI;MAAEhB,WAAW,GAAAe,KAAA,CAAXf,WAAW;IAAA,oBACzBR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,QAAAI,MAAA,CAAAC,MAAA;MACIC,GAAG,EAAEH,IAAK;MACVL,KAAK,MAAAS,cAAA,CAAAR,OAAA;QAAIS,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAM,GAAKX,KAAK,CAAG;MACnD,eAAa;IAA8B,GACvCN,QAAQ,CAACL,WAAW,CAAC,gBAEzBR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACZ,SAAS;MAACF,MAAM,EAAEA,MAAO;MAACC,WAAW,EAAEA;IAAY,gBAChDR,MAAA,CAAAoB,OAAA,CAAAC,aAAA,cAAMH,QAAc,CACb,CACV,CAAC;EAAA,CAEH,CAAC;AAEpB,CAAC;AAAC,IAAAa,QAAA,GAEahB,MAAM;AAAAiB,OAAA,CAAAZ,OAAA,GAAAW,QAAA"}

package/admin/components/DropZone/Horizontal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { IsVisibleCallable } from "../Droppable";
-import { DragSource } from "../FieldEditor/FieldEditorContext";
+import { DragSource } from "../../../types";
 interface HorizontalProps {
     onDrop(item: DragSource): void;
     last?: boolean;

package/admin/components/DropZone/Horizontal.js.map

@@ -1 +1 @@
-{"version":3,"names":["InnerDiv","styled","height","width","zIndex","borderRadius","boxSizing","display","border","borderSpacing","BackgroundColorDiv","OuterDiv","margin","padding","backgroundColor","position","justifyContent","props","last","borderColor","isOver","isDragging","opacity","Horizontal","onDrop","isVisible","rest","drop"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/admin/components/FieldEditor/FieldEditorContext\";\n\nconst InnerDiv = styled(\"div\")({\n    height: 15,\n    width: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    boxSizing: \"border-box\",\n    display: \"none\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivProps {\n    isOver: boolean;\n    isDragging: boolean;\n    last: boolean;\n}\n\nconst OuterDiv = styled(\"div\")(\n    {\n        margin: 0,\n        padding: 0,\n        width: \"calc(100% + 2px)\",\n        zIndex: 10,\n        backgroundColor: \"transparent\",\n        position: \"absolute\",\n        display: \"flex\",\n        justifyContent: \"center\"\n    },\n    (props: OuterDivProps) => ({\n        [props.last ? \"bottom\" : \"top\"]: -15,\n        // @ts-ignore\n        [InnerDiv]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface HorizontalProps {\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    [\"data-testid\"]?: string;\n}\n\nconst Horizontal: React.FC<HorizontalProps> = ({ last, onDrop, isVisible, ...rest }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    data-testid={rest[\"data-testid\"]}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        height: \"15px\",\n                        width: \"100%\",\n                        position: \"absolute\",\n                        [last ? \"bottom\" : \"top\"]: 0,\n                        left: 0,\n                        zIndex: isDragging ? 1000 : -1\n                    }}\n                >\n                    <OuterDiv isOver={isOver} isDragging={isDragging} last={last ? true : false}>\n                        <InnerDiv>\n                            <BackgroundColorDiv />\n                        </InnerDiv>\n                    </OuterDiv>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Horizontal;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAA4D;AAG5D,IAAMA,QAAQ,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC3BC,MAAM,EAAE,EAAE;EACVC,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE,CAAC;EACfC,SAAS,EAAE,YAAY;EACvBC,OAAO,EAAE,MAAM;EACfC,MAAM,EAAE,kBAAkB;EAC1BC,aAAa,EAAE;AACnB,CAAC,CAAC;AAEF,IAAMC,kBAAkB,oBAAGT,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACrCE,KAAK,EAAE,MAAM;EACbD,MAAM,EAAE;AACZ,CAAC,CAAC;AAQF,IAAMS,QAAQ,oBAAGV,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GACzB;EACIW,MAAM,EAAE,CAAC;EACTC,OAAO,EAAE,CAAC;EACVV,KAAK,EAAE,kBAAkB;EACzBC,MAAM,EAAE,EAAE;EACVU,eAAe,EAAE,aAAa;EAC9BC,QAAQ,EAAE,UAAU;EACpBR,OAAO,EAAE,MAAM;EACfS,cAAc,EAAE;AACpB,CAAC,EACD,UAACC,KAAoB;EAAA;EAAA,sDAChBA,KAAK,CAACC,IAAI,GAAG,QAAQ,GAAG,KAAK,EAAG,CAAC,EAAE,uCAEnClB,QAAQ;IACLmB,WAAW,EAAEF,KAAK,CAACG,MAAM,GAAG,0BAA0B,GAAG,4BAA4B;IACrFb,OAAO,EAAEU,KAAK,CAACI,UAAU,GAAG,OAAO,GAAG;EAAM,GAE3CX,kBAAkB,EAAG;IAClBY,OAAO,EAAE,GAAG;IACZR,eAAe,EAAEG,KAAK,CAACG,MAAM,GACvB,0BAA0B,GAC1B;EACV,CAAC;AAAA,CAEP,CACL;AASD,IAAMG,UAAqC,GAAG,SAAxCA,UAAqC,QAA6C;EAAA,IAAvCL,IAAI,SAAJA,IAAI;IAAEM,MAAM,SAANA,MAAM;IAAEC,SAAS,SAATA,SAAS;IAAKC,IAAI;EAC7E,oBACI,6BAAC,oBAAS;IAAC,MAAM,EAAEF,MAAO;IAAC,SAAS,EAAEC;EAAU,GAC3C;IAAA;IAAA,IAAGL,MAAM,SAANA,MAAM;MAAEC,UAAU,SAAVA,UAAU;MAAEM,IAAI,SAAJA,IAAI;IAAA,oBACxB;MACI,GAAG,EAAEA,IAAK;MACV,eAAaD,IAAI,CAAC,aAAa,CAAE;MACjC,KAAK;QACD;QACAxB,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE,MAAM;QACbY,QAAQ,EAAE;MAAU,wCACnBG,IAAI,GAAG,QAAQ,GAAG,KAAK,EAAG,CAAC,gDACtB,CAAC,kDACCG,UAAU,GAAG,IAAI,GAAG,CAAC,CAAC;IAChC,gBAEF,6BAAC,QAAQ;MAAC,MAAM,EAAED,MAAO;MAAC,UAAU,EAAEC,UAAW;MAAC,IAAI,EAAEH,IAAI,GAAG,IAAI,GAAG;IAAM,gBACxE,6BAAC,QAAQ,qBACL,6BAAC,kBAAkB,OAAG,CACf,CACJ,CACT;EAAA,CACT,CACO;AAEpB,CAAC;AAAC,eAEaK,UAAU;AAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_Droppable","_excluded","InnerDiv","styled","target","label","height","width","zIndex","borderRadius","boxSizing","display","border","borderSpacing","BackgroundColorDiv","OuterDiv","margin","padding","backgroundColor","position","justifyContent","props","_ref","_defineProperty2","default","last","borderColor","isOver","isDragging","opacity","Horizontal","_ref2","onDrop","isVisible","rest","_objectWithoutProperties2","createElement","Droppable","_ref3","_ref4","drop","ref","style","_default","exports"],"sources":["Horizontal.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Droppable, IsVisibleCallable } from \"../Droppable\";\nimport { DragSource } from \"~/types\";\n\nconst InnerDiv = styled(\"div\")({\n    height: 15,\n    width: \"100%\",\n    zIndex: 3,\n    borderRadius: 0,\n    boxSizing: \"border-box\",\n    display: \"none\",\n    border: \"1px dashed black\",\n    borderSpacing: 5\n});\n\nconst BackgroundColorDiv = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\"\n});\n\ninterface OuterDivProps {\n    isOver: boolean;\n    isDragging: boolean;\n    last: boolean;\n}\n\nconst OuterDiv = styled(\"div\")(\n    {\n        margin: 0,\n        padding: 0,\n        width: \"calc(100% + 2px)\",\n        zIndex: 10,\n        backgroundColor: \"transparent\",\n        position: \"absolute\",\n        display: \"flex\",\n        justifyContent: \"center\"\n    },\n    (props: OuterDivProps) => ({\n        [props.last ? \"bottom\" : \"top\"]: -15,\n        // @ts-ignore\n        [InnerDiv]: {\n            borderColor: props.isOver ? \"var(--mdc-theme-primary)\" : \"var(--mdc-theme-secondary)\",\n            display: props.isDragging ? \"block\" : \"none\",\n            // @ts-ignore\n            [BackgroundColorDiv]: {\n                opacity: 0.5,\n                backgroundColor: props.isOver\n                    ? \"var(--mdc-theme-primary)\"\n                    : \"var(--mdc-theme-secondary)\"\n            }\n        }\n    })\n);\n\ninterface HorizontalProps {\n    onDrop(item: DragSource): void;\n    last?: boolean;\n    isVisible?: IsVisibleCallable;\n    [\"data-testid\"]?: string;\n}\n\nconst Horizontal: React.FC<HorizontalProps> = ({ last, onDrop, isVisible, ...rest }) => {\n    return (\n        <Droppable onDrop={onDrop} isVisible={isVisible}>\n            {({ isOver, isDragging, drop }) => (\n                <div\n                    ref={drop}\n                    data-testid={rest[\"data-testid\"]}\n                    style={{\n                        /* For dropzone debugging: border: \"1px solid blue\",*/\n                        height: \"15px\",\n                        width: \"100%\",\n                        position: \"absolute\",\n                        [last ? \"bottom\" : \"top\"]: 0,\n                        left: 0,\n                        zIndex: isDragging ? 1000 : -1\n                    }}\n                >\n                    <OuterDiv isOver={isOver} isDragging={isDragging} last={last ? true : false}>\n                        <InnerDiv>\n                            <BackgroundColorDiv />\n                        </InnerDiv>\n                    </OuterDiv>\n                </div>\n            )}\n        </Droppable>\n    );\n};\n\nexport default Horizontal;\n"],"mappings":"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"}

package/admin/components/DropZone/Vertical.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { DragSource } from "../FieldEditor/FieldEditorContext";
+import { DragSource } from "../../../types";
 interface VerticalProps {
     depth?: number;
     onDrop(item: DragSource): void;