@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","GQL","_Options","_useReferences2","_Entry","_ReferencesDialog","_hooks","_appAdmin","_Loader","_utils","_Entries","_NewReferencedEntryDialog","_FormElementMessage","_EMOTION_STRINGIFIED_CSS_ERROR__","FieldLabel","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","OptionsContainer","Container","border","paddingLeft","width","boxSizing","position","padding","backgroundColor","_defineProperty2","borderLeft","margin","height","FieldName","RecordCount","getRecordCountMessage","count","concat","AdvancedMultipleReferenceField","exports","props","bind","field","_useSnackbar","useSnackbar","showSnackbar","requestContext","useModelFieldGraphqlContext","values","useMemo","value","_useState","useState","_useState2","_slicedToArray2","linkEntryDialogModel","setLinkEntryDialogModel","_useState3","_useState4","newEntryDialogModel","setNewEntryDialogModel","_useState5","_useState6","loadedModels","setLoadedModels","_useQuery","useQuery","LIST_CONTENT_MODELS","context","data","loadingModels","loading","useEffect","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","_useReferences","useReferences","perPage","entries","loadingEntries","loadMore","onRemove","id","Array","isArray","_parseIdentifier","parseIdentifier","entryId","newValues","filter","_parseIdentifier2","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","_ref","validationIsValid","isValid","validationMessage","createElement","Fragment","FormElementMessage","className","AbsoluteLoader","Entries","entry","isFirst","isLast","Entry","placement","key","undefined","Options","onLinkExistingRecord","NewReferencedEntryDialog","onClose","ReferencesDialog","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModel,\n    CmsModelFieldRendererProps\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { AbsoluteLoader as Loader } from \"./Loader\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\",\n    display: \"flex\",\n    justifyContent: \"space-between\"\n});\n\nconst OptionsContainer: any = styled(\"div\")({\n    borderTop: \"1px solid var(--mdc-theme-on-background)\",\n    borderRight: \"1px solid var(--mdc-theme-surface)\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    marginLeft: \"-21px\",\n    marginBottom: \"-21px\",\n    marginRight: \"-1px\"\n});\n/**\n * Error is on the `position: \"relative !important\"` style.\n */\n// @ts-expect-error\nconst Container = styled(\"div\")({\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    paddingLeft: \"10px\",\n    width: \"100%\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    padding: \"20px 0 20px 20px\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    \"&.no-entries\": {\n        backgroundColor: \"var(--mdc-theme-surface)\",\n        border: \"none\",\n        borderLeft: \"3px solid var(--mdc-theme-background)\",\n        padding: 0,\n        paddingLeft: 10,\n        [OptionsContainer]: {\n            border: \"none\",\n            margin: 0\n        }\n    },\n    \"&.single-entry\": {\n        \"> .entries\": {\n            height: \"auto\",\n            \" > div > div\": {\n                position: \"relative !important\"\n            }\n        }\n    }\n});\n\nconst FieldName = styled(\"span\")({});\nconst RecordCount = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    fontSize: \"0.6em\",\n    lineHeight: \"100%\",\n    alignSelf: \"center\"\n});\n\nconst getRecordCountMessage = (count: number) => {\n    switch (count) {\n        case 0:\n            return \"no records selected\";\n        case 1:\n            return \"1 record selected\";\n        default:\n            return `${count} records selected`;\n    }\n};\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n    const requestContext = useModelFieldGraphqlContext();\n\n    const values = useMemo(() => {\n        return bind.value || [];\n    }, [bind.value]);\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const {\n        entries,\n        loading: loadingEntries,\n        loadMore\n    } = useReferences({\n        values,\n        perPage: 10,\n        requestContext\n    });\n\n    const onRemove = useCallback(\n        (id: string) => {\n            if (!values || !Array.isArray(values)) {\n                return;\n            }\n            const { id: entryId } = parseIdentifier(id);\n            const newValues = values.filter(value => {\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return valueEntryId !== entryId;\n            });\n            bind.onChange(newValues.length > 0 ? newValues : null);\n        },\n        [entries, values]\n    );\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {\n            return [];\n        }\n\n        return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n            const model = loadedModels.find(model => model.modelId === ref.modelId);\n            if (!model) {\n                return collection;\n            }\n            collection.push(model);\n\n            return collection;\n        }, []);\n    }, [loadedModels, entries]);\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            bind.onChange(values?.length ? values : null);\n            return;\n        },\n        [values]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: Partial<CmsContentEntry> | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues(\n                values.concat([\n                    {\n                        id: data.id,\n                        modelId: data.modelId\n                    }\n                ])\n            );\n        },\n        [storeValues]\n    );\n\n    const onMoveUp = useCallback(\n        (index: number, toTop?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toTop) {\n                const arr = values.splice(index, 1);\n                bind.onChange(arr.concat(values));\n                return;\n            }\n            bind.moveValueUp(index);\n        },\n        [values]\n    );\n    const onMoveDown = useCallback(\n        (index: number, toBottom?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toBottom === true) {\n                const arr = values.splice(index, 1);\n                bind.onChange(values.concat(arr));\n                return;\n            }\n            bind.moveValueDown(index);\n        },\n        [values]\n    );\n\n    const loading = loadingEntries || loadingModels;\n\n    const message = getRecordCountMessage(values.length);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            <FieldLabel>\n                <FieldName>{field.label}</FieldName>\n                <RecordCount>({message})</RecordCount>\n            </FieldLabel>\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            <Container\n                className={\n                    (entries.length < 1 ? \"no-entries\" : \"has-entries\") +\n                    (entries.length == 1 ? \" single-entry\" : \"\")\n                }\n            >\n                {loading && <Loader />}\n                <Entries entries={entries} loadMore={loadMore}>\n                    {(entry, index) => {\n                        const isFirst = index === 0;\n                        const isLast = index >= values.length - 1;\n                        const model = loadedModels.find(\n                            model => model.modelId === entry.model.modelId\n                        );\n                        if (!model) {\n                            return null;\n                        }\n                        return (\n                            <Entry\n                                model={model}\n                                placement=\"multiRef\"\n                                key={`reference-entry-${entry.id}`}\n                                index={index}\n                                entry={entry}\n                                onRemove={onRemove}\n                                onMoveUp={!isFirst ? onMoveUp : undefined}\n                                onMoveDown={!isLast ? onMoveDown : undefined}\n                            />\n                        );\n                    }}\n                </Entries>\n\n                <OptionsContainer>\n                    <Options\n                        models={models}\n                        onNewRecord={onNewRecord}\n                        onLinkExistingRecord={onExistingRecord}\n                    />\n\n                    {newEntryDialogModel && (\n                        <NewReferencedEntryDialog\n                            model={newEntryDialogModel}\n                            onClose={onNewEntryDialogClose}\n                            onChange={onNewEntryCreate}\n                        />\n                    )}\n\n                    {linkEntryDialogModel && (\n                        <ReferencesDialog\n                            {...props}\n                            field={field}\n                            multiple={true}\n                            values={values}\n                            contentModel={linkEntryDialogModel}\n                            storeValues={storeValues}\n                            onDialogClose={onLinkEntryDialogClose}\n                        />\n                    )}\n                </OptionsContainer>\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","GQL","withoutBeingDeletedModels","Options","useReferences","Entry","ReferencesDialog","useModelFieldGraphqlContext","useQuery","useSnackbar","parseIdentifier","Entries","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","AdvancedMultipleReferenceField","props","bind","field","showSnackbar","requestContext","values","value","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadMore","perPage","onRemove","id","Array","isArray","entryId","newValues","filter","valueEntryId","onChange","length","models","settings","reduce","collection","ref","push","storeValues","onNewEntryCreate","concat","onMoveUp","index","toTop","arr","splice","moveValueUp","onMoveDown","toBottom","moveValueDown","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","className","text","label","entry","isFirst","isLast","placement","key","undefined","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedMultipleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { withoutBeingDeletedModels } from \"~/admin/viewsGraphql.js\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModel,\n    CmsModelFieldRendererProps\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useModelFieldGraphqlContext, useQuery } from \"~/admin/hooks/index.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport { Entries } from \"./Entries.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel } from \"@webiny/admin-ui\";\n\ninterface AdvancedMultipleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue[] | undefined | null>;\n}\n\nexport const AdvancedMultipleReferenceField = (props: AdvancedMultipleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n    const requestContext = useModelFieldGraphqlContext();\n\n    const values = useMemo(() => {\n        return bind.value || [];\n    }, [bind.value]);\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(withoutBeingDeletedModels(data.listContentModels.data));\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loadMore } = useReferences({\n        values,\n        perPage: 10,\n        requestContext\n    });\n\n    const onRemove = useCallback(\n        (id: string) => {\n            if (!values || !Array.isArray(values)) {\n                return;\n            }\n            const { id: entryId } = parseIdentifier(id);\n            const newValues = values.filter(value => {\n                const { id: valueEntryId } = parseIdentifier(value.id);\n                return valueEntryId !== entryId;\n            });\n            bind.onChange(newValues.length > 0 ? newValues : null);\n        },\n        [entries, values]\n    );\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models || !Array.isArray(field.settings.models)) {\n            return [];\n        }\n\n        return field.settings.models.reduce<CmsModel[]>((collection, ref) => {\n            const model = loadedModels.find(model => model.modelId === ref.modelId);\n            if (!model) {\n                return collection;\n            }\n            collection.push(model);\n\n            return collection;\n        }, []);\n    }, [loadedModels, entries]);\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            bind.onChange(values?.length ? values : null);\n            return;\n        },\n        [values]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: Partial<CmsContentEntry> | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues(\n                values.concat([\n                    {\n                        id: data.id,\n                        modelId: data.modelId\n                    }\n                ])\n            );\n        },\n        [storeValues]\n    );\n\n    const onMoveUp = useCallback(\n        (index: number, toTop?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toTop) {\n                const arr = values.splice(index, 1);\n                bind.onChange(arr.concat(values));\n                return;\n            }\n            bind.moveValueUp(index);\n        },\n        [values]\n    );\n    const onMoveDown = useCallback(\n        (index: number, toBottom?: boolean) => {\n            if (!values?.length) {\n                return;\n            } else if (toBottom === true) {\n                const arr = values.splice(index, 1);\n                bind.onChange(values.concat(arr));\n                return;\n            }\n            bind.moveValueDown(index);\n        },\n        [values]\n    );\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <div className={\"flex items-center justify-between\"}>\n                <FormComponentLabel text={field.label} invalid={invalid} />\n            </div>\n            <div className={\"webiny_ref-field-container\"}>\n                <Entries entries={entries} loadMore={loadMore}>\n                    {(entry, index) => {\n                        const isFirst = index === 0;\n                        const isLast = index >= values.length - 1;\n                        const model = loadedModels.find(\n                            model => model.modelId === entry.model.modelId\n                        );\n                        if (!model) {\n                            return null;\n                        }\n                        return (\n                            <Entry\n                                model={model}\n                                placement=\"multiRef\"\n                                key={`reference-entry-${entry.id}`}\n                                index={index}\n                                entry={entry}\n                                onRemove={onRemove}\n                                onMoveUp={!isFirst ? onMoveUp : undefined}\n                                onMoveDown={!isLast ? onMoveDown : undefined}\n                            />\n                        );\n                    }}\n                </Entries>\n            </div>\n            <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            {values.length > 0 && <div className=\"mb-md\" />}\n\n            <Options\n                models={models}\n                onNewRecord={onNewRecord}\n                onLinkExistingRecord={onExistingRecord}\n            />\n\n            {newEntryDialogModel && (\n                <NewReferencedEntryDialog\n                    model={newEntryDialogModel}\n                    onClose={onNewEntryDialogClose}\n                    onChange={onNewEntryCreate}\n                />\n            )}\n\n            {linkEntryDialogModel && (\n                <ReferencesDialog\n                    {...props}\n                    field={field}\n                    multiple={true}\n                    values={values}\n                    contentModel={linkEntryDialogModel}\n                    storeValues={storeValues}\n                    onDialogClose={onLinkEntryDialogClose}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js

@@ -1,28 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdvancedMultipleReferenceSettings = void 0;
-var _form = require("@webiny/form");
-var _react = _interopRequireDefault(require("react"));
-var _Select = require("@webiny/ui/Select");
-var _Grid = require("@webiny/ui/Grid");
-var AdvancedMultipleReferenceSettings = exports.AdvancedMultipleReferenceSettings = function AdvancedMultipleReferenceSettings() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+import { Bind } from "@webiny/form";
+import React from "react";
+import { Grid, Select } from "@webiny/admin-ui";
+export const AdvancedMultipleReferenceSettings = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "renderer.settings.newItemPosition",
     defaultValue: "last"
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+  }, /*#__PURE__*/React.createElement(Select, {
     label: "New item position",
-    description: "Where should the new items be added?"
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "first"
-  }, "Top of the list"), /*#__PURE__*/_react.default.createElement("option", {
-    value: "last"
-  }, "Bottom of the list")))));
+    description: "Where should the new items be added?",
+    options: [{
+      value: "first",
+      label: "Top of the list"
+    }, {
+      value: "last",
+      label: "Bottom of the list"
+    }]
+  }))));
 };
 
 //# sourceMappingURL=AdvancedMultipleReferenceSettings.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedMultipleReferenceSettings.js.map

@@ -1 +1 @@
-{"version":3,"names":["_form","require","_react","_interopRequireDefault","_Select","_Grid","AdvancedMultipleReferenceSettings","exports","default","createElement","Fragment","Cell","span","Bind","name","defaultValue","Select","label","description","value"],"sources":["AdvancedMultipleReferenceSettings.tsx"],"sourcesContent":["import { Bind } from \"@webiny/form\";\nimport React from \"react\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport interface MultiRefFieldSettings {\n    newItemPosition: \"first\" | \"last\";\n}\n\nexport const AdvancedMultipleReferenceSettings = () => {\n    return (\n        <>\n            <Cell span={12}>\n                <Bind name={\"renderer.settings.newItemPosition\"} defaultValue={\"last\"}>\n                    <Select\n                        label={\"New item position\"}\n                        description={\"Where should the new items be added?\"}\n                    >\n                        <option value={\"first\"}>Top of the list</option>\n                        <option value={\"last\"}>Bottom of the list</option>\n                    </Select>\n                </Bind>\n            </Cell>\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAMO,IAAMK,iCAAiC,GAAAC,OAAA,CAAAD,iCAAA,GAAG,SAApCA,iCAAiCA,CAAA,EAAS;EACnD,oBACIJ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAAAP,MAAA,CAAAM,OAAA,CAAAE,QAAA,qBACIR,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,KAAA,CAAAM,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXV,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAAa,IAAI;IAACC,IAAI,EAAE,mCAAoC;IAACC,YAAY,EAAE;EAAO,gBAClEb,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACL,OAAA,CAAAY,MAAM;IACHC,KAAK,EAAE,mBAAoB;IAC3BC,WAAW,EAAE;EAAuC,gBAEpDhB,MAAA,CAAAM,OAAA,CAAAC,aAAA;IAAQU,KAAK,EAAE;EAAQ,GAAC,iBAAuB,CAAC,eAChDjB,MAAA,CAAAM,OAAA,CAAAC,aAAA;IAAQU,KAAK,EAAE;EAAO,GAAC,oBAA0B,CAC7C,CACN,CACJ,CACR,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["Bind","React","Grid","Select","AdvancedMultipleReferenceSettings","createElement","Fragment","Column","span","name","defaultValue","label","description","options","value"],"sources":["AdvancedMultipleReferenceSettings.tsx"],"sourcesContent":["import { Bind } from \"@webiny/form\";\nimport React from \"react\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\n\nexport interface MultiRefFieldSettings {\n    newItemPosition: \"first\" | \"last\";\n}\n\nexport const AdvancedMultipleReferenceSettings = () => {\n    return (\n        <>\n            <Grid.Column span={12}>\n                <Bind name={\"renderer.settings.newItemPosition\"} defaultValue={\"last\"}>\n                    <Select\n                        label={\"New item position\"}\n                        description={\"Where should the new items be added?\"}\n                        options={[\n                            { value: \"first\", label: \"Top of the list\" },\n                            { value: \"last\", label: \"Bottom of the list\" }\n                        ]}\n                    />\n                </Bind>\n            </Grid.Column>\n        </>\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,MAAM,QAAQ,kBAAkB;AAM/C,OAAO,MAAMC,iCAAiC,GAAGA,CAAA,KAAM;EACnD,oBACIH,KAAA,CAAAI,aAAA,CAAAJ,KAAA,CAAAK,QAAA,qBACIL,KAAA,CAAAI,aAAA,CAACH,IAAI,CAACK,MAAM;IAACC,IAAI,EAAE;EAAG,gBAClBP,KAAA,CAAAI,aAAA,CAACL,IAAI;IAACS,IAAI,EAAE,mCAAoC;IAACC,YAAY,EAAE;EAAO,gBAClET,KAAA,CAAAI,aAAA,CAACF,MAAM;IACHQ,KAAK,EAAE,mBAAoB;IAC3BC,WAAW,EAAE,sCAAuC;IACpDC,OAAO,EAAE,CACL;MAAEC,KAAK,EAAE,OAAO;MAAEH,KAAK,EAAE;IAAkB,CAAC,EAC5C;MAAEG,KAAK,EAAE,MAAM;MAAEH,KAAK,EAAE;IAAqB,CAAC;EAChD,CACL,CACC,CACG,CACf,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types";
-import { CmsReferenceValue } from "../../components/types";
+import type { BindComponentRenderProp, CmsModelFieldRendererProps } from "../../../../../../types.js";
+import type { CmsReferenceValue } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
 interface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {
     bind: BindComponentRenderProp<CmsReferenceValue | null>;
 }

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js

@@ -1,77 +1,32 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdvancedSingleReferenceField = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _Options = require("./Options");
-var _useReferences2 = require("../hooks/useReferences");
-var _Entry = require("./Entry");
-var _ReferencesDialog = require("./ReferencesDialog");
-var _hooks = require("../../../../../hooks");
-var GQL = _interopRequireWildcard(require("../../../../../viewsGraphql"));
-var _appAdmin = require("@webiny/app-admin");
-var _Loader = require("./Loader");
-var _NewReferencedEntryDialog = require("../../components/NewReferencedEntryDialog");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e38futg1"
-} : {
-  target: "e38futg1",
-  label: "Container"
-})(process.env.NODE_ENV === "production" ? {
-  name: "0",
-  styles: ""
-} : {
-  name: "0",
-  styles: "",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCa0IiLCJmaWxlIjoiQWR2YW5jZWRTaW5nbGVSZWZlcmVuY2VGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgQmluZENvbXBvbmVudFJlbmRlclByb3AsXG4gICAgQ21zQ29udGVudEVudHJ5LFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzLFxuICAgIENtc01vZGVsXG59IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSBcIi4vT3B0aW9uc1wiO1xuaW1wb3J0IHsgdXNlUmVmZXJlbmNlcyB9IGZyb20gXCIuLi9ob29rcy91c2VSZWZlcmVuY2VzXCI7XG5pbXBvcnQgeyBFbnRyeSB9IGZyb20gXCIuL0VudHJ5XCI7XG5pbXBvcnQgeyBSZWZlcmVuY2VzRGlhbG9nIH0gZnJvbSBcIi4vUmVmZXJlbmNlc0RpYWxvZ1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB1c2VRdWVyeSwgdXNlTW9kZWxGaWVsZEdyYXBocWxDb250ZXh0IH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcbmltcG9ydCB7IExpc3RDbXNNb2RlbHNRdWVyeVJlc3BvbnNlIH0gZnJvbSBcIn4vYWRtaW4vdmlld3NHcmFwaHFsXCI7XG5pbXBvcnQgKiBhcyBHUUwgZnJvbSBcIn4vYWRtaW4vdmlld3NHcmFwaHFsXCI7XG5pbXBvcnQgeyB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgQ21zUmVmZXJlbmNlVmFsdWUgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBMb2FkZXIgfSBmcm9tIFwiLi9Mb2FkZXJcIjtcbmltcG9ydCB7IE5ld1JlZmVyZW5jZWRFbnRyeURpYWxvZyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvTmV3UmVmZXJlbmNlZEVudHJ5RGlhbG9nXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImgzXCIpKHtcbiAgICBmb250U2l6ZTogMjQsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIG1hcmdpbkJvdHRvbTogXCIyMHB4XCIsXG4gICAgcGFkZGluZ0JvdHRvbTogXCI1cHhcIlxufSk7XG5cbmludGVyZmFjZSBBZHZhbmNlZFNpbmdsZVJlZmVyZW5jZUZpZWxkUHJvcHMgZXh0ZW5kcyBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wcyB7XG4gICAgYmluZDogQmluZENvbXBvbmVudFJlbmRlclByb3A8Q21zUmVmZXJlbmNlVmFsdWUgfCBudWxsPjtcbn1cblxuZXhwb3J0IGNvbnN0IEFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGQgPSAocHJvcHM6IEFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYmluZCwgZmllbGQgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyIH0gPSB1c2VTbmFja2JhcigpO1xuXG4gICAgY29uc3QgW2xpbmtFbnRyeURpYWxvZ01vZGVsLCBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbF0gPSB1c2VTdGF0ZTxDbXNNb2RlbCB8IG51bGw+KG51bGwpO1xuICAgIGNvbnN0IFtuZXdFbnRyeURpYWxvZ01vZGVsLCBzZXROZXdFbnRyeURpYWxvZ01vZGVsXSA9IHVzZVN0YXRlPENtc01vZGVsIHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgW2xvYWRlZE1vZGVscywgc2V0TG9hZGVkTW9kZWxzXSA9IHVzZVN0YXRlPENtc01vZGVsW10+KFtdKTtcbiAgICBjb25zdCByZXF1ZXN0Q29udGV4dCA9IHVzZU1vZGVsRmllbGRHcmFwaHFsQ29udGV4dCgpO1xuXG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nOiBsb2FkaW5nTW9kZWxzIH0gPSB1c2VRdWVyeTxMaXN0Q21zTW9kZWxzUXVlcnlSZXNwb25zZT4oXG4gICAgICAgIEdRTC5MSVNUX0NPTlRFTlRfTU9ERUxTLFxuICAgICAgICB7XG4gICAgICAgICAgICBjb250ZXh0OiByZXF1ZXN0Q29udGV4dFxuICAgICAgICB9XG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChsb2FkaW5nTW9kZWxzIHx8ICFkYXRhPy5saXN0Q29udGVudE1vZGVscz8uZGF0YSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGRhdGEubGlzdENvbnRlbnRNb2RlbHMuZXJyb3IpIHtcbiAgICAgICAgICAgIHNldExvYWRlZE1vZGVscyhbXSk7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZGF0YS5saXN0Q29udGVudE1vZGVscy5lcnJvci5tZXNzYWdlKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBzZXRMb2FkZWRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscy5kYXRhKTtcbiAgICB9LCBbZGF0YV0pO1xuXG4gICAgY29uc3Qgb25OZXdSZWNvcmQgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKG1vZGVsSWQ6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgY29uc3QgbW9kZWwgPSBsb2FkZWRNb2RlbHMuZmluZChtb2RlbCA9PiBtb2RlbC5tb2RlbElkID09PSBtb2RlbElkKTtcbiAgICAgICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhgQ2Fubm90IGZpbmQgbW9kZWwgYnkgbW9kZWxJZCBcIiR7bW9kZWxJZH1cIi5gKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXROZXdFbnRyeURpYWxvZ01vZGVsKG1vZGVsKTtcbiAgICAgICAgfSxcbiAgICAgICAgW2xvYWRlZE1vZGVscywgbGlua0VudHJ5RGlhbG9nTW9kZWxdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uTmV3RW50cnlEaWFsb2dDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgc2V0TmV3RW50cnlEaWFsb2dNb2RlbChudWxsKTtcbiAgICB9LCBbbGlua0VudHJ5RGlhbG9nTW9kZWxdKTtcblxuICAgIGNvbnN0IG9uRXhpc3RpbmdSZWNvcmQgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKG1vZGVsSWQ6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgY29uc3QgbW9kZWwgPSBsb2FkZWRNb2RlbHMuZmluZChtb2RlbCA9PiBtb2RlbC5tb2RlbElkID09PSBtb2RlbElkKTtcbiAgICAgICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhgQ2Fubm90IGZpbmQgbW9kZWwgYnkgbW9kZWxJZCBcIiR7bW9kZWxJZH1cIi5gKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbChtb2RlbCk7XG4gICAgICAgIH0sXG4gICAgICAgIFtsb2FkZWRNb2RlbHMsIGxpbmtFbnRyeURpYWxvZ01vZGVsXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkxpbmtFbnRyeURpYWxvZ0Nsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbChudWxsKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IGVudHJpZXMsIGxvYWRpbmc6IGxvYWRpbmdFbnRyaWVzIH0gPSB1c2VSZWZlcmVuY2VzKHtcbiAgICAgICAgdmFsdWVzOiBiaW5kLnZhbHVlLFxuICAgICAgICByZXF1ZXN0Q29udGV4dFxuICAgIH0pO1xuXG4gICAgY29uc3Qgb25SZW1vdmUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGJpbmQub25DaGFuZ2UobnVsbCk7XG4gICAgfSwgW2VudHJpZXNdKTtcblxuICAgIGNvbnN0IG1vZGVscyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoIWxvYWRlZE1vZGVscyB8fCAhZmllbGQuc2V0dGluZ3M/Lm1vZGVscykge1xuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKVxuICAgICAgICAgICAgLm1hcCgoeyBtb2RlbElkIH0pID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbG9hZGVkTW9kZWxzLmZpbmQobW9kZWwgPT4gbW9kZWwubW9kZWxJZCA9PT0gbW9kZWxJZCk7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKSBhcyBDbXNNb2RlbFtdO1xuICAgIH0sIFtsb2FkZWRNb2RlbHMsIGVudHJpZXNdKTtcblxuICAgIGNvbnN0IGxvYWRpbmcgPSBsb2FkaW5nRW50cmllcyB8fCBsb2FkaW5nTW9kZWxzO1xuXG4gICAgY29uc3Qgc3RvcmVWYWx1ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHZhbHVlczogQ21zUmVmZXJlbmNlVmFsdWVbXSkgPT4ge1xuICAgICAgICAgICAgaWYgKHZhbHVlcy5sZW5ndGggPiAxKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coXCJNb3JlIHRoYW4gb25lIHZhbHVlIHNlbGVjdGVkLiBUaGlzIHNob3VsZCBuZXZlciBoYXBwZW4uXCIpO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAodmFsdWVzLmxlbmd0aCA9PT0gMCB8fCAhdmFsdWVzWzBdPy5pZCkge1xuICAgICAgICAgICAgICAgIGJpbmQub25DaGFuZ2UobnVsbCk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgYmluZC5vbkNoYW5nZSh2YWx1ZXNbMF0pO1xuICAgICAgICB9LFxuICAgICAgICBbYmluZC52YWx1ZSwgYmluZC5vbkNoYW5nZSwgZW50cmllc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25OZXdFbnRyeUNyZWF0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZGF0YTogQ21zQ29udGVudEVudHJ5IHwgbnVsbCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFkYXRhKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coXG4gICAgICAgICAgICAgICAgICAgIGBDb3VsZCBub3Qgc3RvcmUgbmV3IGVudHJ5IHRvIHRoZSByZWZlcmVuY2UgZmllbGQuIE1pc3Npbmcgd2hvbGUgZW50cnkuYFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfSBlbHNlIGlmICghZGF0YS5pZCkge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKFxuICAgICAgICAgICAgICAgICAgICBgQ291bGQgbm90IHN0b3JlIG5ldyBlbnRyeSB0byB0aGUgcmVmZXJlbmNlIGZpZWxkLiBNaXNzaW5nIFwiaWRcIiB2YWx1ZS5gXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFkYXRhLm1vZGVsSWQpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCBzdG9yZSBuZXcgZW50cnkgdG8gdGhlIHJlZmVyZW5jZSBmaWVsZC4gTWlzc2luZyBcIm1vZGVsSWRcIiB2YWx1ZS5gXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzdG9yZVZhbHVlcyhbXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBpZDogZGF0YS5pZCxcbiAgICAgICAgICAgICAgICAgICAgbW9kZWxJZDogZGF0YS5tb2RlbElkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgXSk7XG4gICAgICAgIH0sXG4gICAgICAgIFtzdG9yZVZhbHVlc11cbiAgICApO1xuXG4gICAgY29uc3QgaW5pdGlhbFZhbHVlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmIChlbnRyaWVzLmxlbmd0aCA9PT0gMCB8fCBsb2FkZWRNb2RlbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBlbnRyeSA9IGVudHJpZXNbMF07XG4gICAgICAgIGlmICghZW50cnkpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG1vZGVsID0gbG9hZGVkTW9kZWxzLmZpbmQobW9kZWwgPT4gbW9kZWwubW9kZWxJZCA9PT0gZW50cnkubW9kZWwubW9kZWxJZCk7XG4gICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBlbnRyeSxcbiAgICAgICAgICAgIG1vZGVsXG4gICAgICAgIH07XG4gICAgfSwgW2VudHJpZXMsIGxvYWRlZE1vZGVsc10pO1xuXG4gICAgY29uc3QgeyB2YWxpZGF0aW9uIH0gPSBiaW5kO1xuICAgIGNvbnN0IHsgaXNWYWxpZDogdmFsaWRhdGlvbklzVmFsaWQsIG1lc3NhZ2U6IHZhbGlkYXRpb25NZXNzYWdlIH0gPSB2YWxpZGF0aW9uIHx8IHt9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxGaWVsZExhYmVsPntmaWVsZC5sYWJlbH08L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICB7dmFsaWRhdGlvbklzVmFsaWQgPT09IGZhbHNlICYmIChcbiAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlIGVycm9yPnt2YWxpZGF0aW9uTWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtsb2FkaW5nICYmIDxMb2FkZXIgLz59XG4gICAgICAgICAgICAgICAge2luaXRpYWxWYWx1ZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxFbnRyeVxuICAgICAgICAgICAgICAgICAgICAgICAgbW9kZWw9e2luaXRpYWxWYWx1ZS5tb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cInNpbmdsZVJlZkZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4PXswfVxuICAgICAgICAgICAgICAgICAgICAgICAgZW50cnk9e2luaXRpYWxWYWx1ZS5lbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtvblJlbW92ZX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxPcHRpb25zXG4gICAgICAgICAgICAgICAgICAgIG1vZGVscz17bW9kZWxzfVxuICAgICAgICAgICAgICAgICAgICBvbk5ld1JlY29yZD17b25OZXdSZWNvcmR9XG4gICAgICAgICAgICAgICAgICAgIG9uTGlua0V4aXN0aW5nUmVjb3JkPXtvbkV4aXN0aW5nUmVjb3JkfVxuICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICB7bmV3RW50cnlEaWFsb2dNb2RlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxOZXdSZWZlcmVuY2VkRW50cnlEaWFsb2dcbiAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXtuZXdFbnRyeURpYWxvZ01vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZT17b25OZXdFbnRyeURpYWxvZ0Nsb3NlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uTmV3RW50cnlDcmVhdGV9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgIHtsaW5rRW50cnlEaWFsb2dNb2RlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxSZWZlcmVuY2VzRGlhbG9nXG4gICAgICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9e2JpbmQudmFsdWUgPyBbYmluZC52YWx1ZV0gOiBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17bGlua0VudHJ5RGlhbG9nTW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICBzdG9yZVZhbHVlcz17c3RvcmVWYWx1ZXN9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkRpYWxvZ0Nsb3NlPXtvbkxpbmtFbnRyeURpYWxvZ0Nsb3NlfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var FieldLabel = /*#__PURE__*/(0, _base.default)("h3", process.env.NODE_ENV === "production" ? {
-  target: "e38futg0"
-} : {
-  target: "e38futg0",
-  label: "FieldLabel"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ua069u",
-  styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px"
-} : {
-  name: "1ua069u",
-  styles: "font-size:24px;font-weight:normal;border-bottom:1px solid var(--mdc-theme-background);margin-bottom:20px;padding-bottom:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCbUIiLCJmaWxlIjoiQWR2YW5jZWRTaW5nbGVSZWZlcmVuY2VGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7XG4gICAgQmluZENvbXBvbmVudFJlbmRlclByb3AsXG4gICAgQ21zQ29udGVudEVudHJ5LFxuICAgIENtc01vZGVsRmllbGRSZW5kZXJlclByb3BzLFxuICAgIENtc01vZGVsXG59IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSBcIi4vT3B0aW9uc1wiO1xuaW1wb3J0IHsgdXNlUmVmZXJlbmNlcyB9IGZyb20gXCIuLi9ob29rcy91c2VSZWZlcmVuY2VzXCI7XG5pbXBvcnQgeyBFbnRyeSB9IGZyb20gXCIuL0VudHJ5XCI7XG5pbXBvcnQgeyBSZWZlcmVuY2VzRGlhbG9nIH0gZnJvbSBcIi4vUmVmZXJlbmNlc0RpYWxvZ1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB1c2VRdWVyeSwgdXNlTW9kZWxGaWVsZEdyYXBocWxDb250ZXh0IH0gZnJvbSBcIn4vYWRtaW4vaG9va3NcIjtcbmltcG9ydCB7IExpc3RDbXNNb2RlbHNRdWVyeVJlc3BvbnNlIH0gZnJvbSBcIn4vYWRtaW4vdmlld3NHcmFwaHFsXCI7XG5pbXBvcnQgKiBhcyBHUUwgZnJvbSBcIn4vYWRtaW4vdmlld3NHcmFwaHFsXCI7XG5pbXBvcnQgeyB1c2VTbmFja2JhciB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgQ21zUmVmZXJlbmNlVmFsdWUgfSBmcm9tIFwifi9hZG1pbi9wbHVnaW5zL2ZpZWxkUmVuZGVyZXJzL3JlZi9jb21wb25lbnRzL3R5cGVzXCI7XG5pbXBvcnQgeyBMb2FkZXIgfSBmcm9tIFwiLi9Mb2FkZXJcIjtcbmltcG9ydCB7IE5ld1JlZmVyZW5jZWRFbnRyeURpYWxvZyB9IGZyb20gXCJ+L2FkbWluL3BsdWdpbnMvZmllbGRSZW5kZXJlcnMvcmVmL2NvbXBvbmVudHMvTmV3UmVmZXJlbmNlZEVudHJ5RGlhbG9nXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwiQHdlYmlueS91aS9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHt9KTtcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChcImgzXCIpKHtcbiAgICBmb250U2l6ZTogMjQsXG4gICAgZm9udFdlaWdodDogXCJub3JtYWxcIixcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIG1hcmdpbkJvdHRvbTogXCIyMHB4XCIsXG4gICAgcGFkZGluZ0JvdHRvbTogXCI1cHhcIlxufSk7XG5cbmludGVyZmFjZSBBZHZhbmNlZFNpbmdsZVJlZmVyZW5jZUZpZWxkUHJvcHMgZXh0ZW5kcyBDbXNNb2RlbEZpZWxkUmVuZGVyZXJQcm9wcyB7XG4gICAgYmluZDogQmluZENvbXBvbmVudFJlbmRlclByb3A8Q21zUmVmZXJlbmNlVmFsdWUgfCBudWxsPjtcbn1cblxuZXhwb3J0IGNvbnN0IEFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGQgPSAocHJvcHM6IEFkdmFuY2VkU2luZ2xlUmVmZXJlbmNlRmllbGRQcm9wcykgPT4ge1xuICAgIGNvbnN0IHsgYmluZCwgZmllbGQgfSA9IHByb3BzO1xuICAgIGNvbnN0IHsgc2hvd1NuYWNrYmFyIH0gPSB1c2VTbmFja2JhcigpO1xuXG4gICAgY29uc3QgW2xpbmtFbnRyeURpYWxvZ01vZGVsLCBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbF0gPSB1c2VTdGF0ZTxDbXNNb2RlbCB8IG51bGw+KG51bGwpO1xuICAgIGNvbnN0IFtuZXdFbnRyeURpYWxvZ01vZGVsLCBzZXROZXdFbnRyeURpYWxvZ01vZGVsXSA9IHVzZVN0YXRlPENtc01vZGVsIHwgbnVsbD4obnVsbCk7XG4gICAgY29uc3QgW2xvYWRlZE1vZGVscywgc2V0TG9hZGVkTW9kZWxzXSA9IHVzZVN0YXRlPENtc01vZGVsW10+KFtdKTtcbiAgICBjb25zdCByZXF1ZXN0Q29udGV4dCA9IHVzZU1vZGVsRmllbGRHcmFwaHFsQ29udGV4dCgpO1xuXG4gICAgY29uc3QgeyBkYXRhLCBsb2FkaW5nOiBsb2FkaW5nTW9kZWxzIH0gPSB1c2VRdWVyeTxMaXN0Q21zTW9kZWxzUXVlcnlSZXNwb25zZT4oXG4gICAgICAgIEdRTC5MSVNUX0NPTlRFTlRfTU9ERUxTLFxuICAgICAgICB7XG4gICAgICAgICAgICBjb250ZXh0OiByZXF1ZXN0Q29udGV4dFxuICAgICAgICB9XG4gICAgKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmIChsb2FkaW5nTW9kZWxzIHx8ICFkYXRhPy5saXN0Q29udGVudE1vZGVscz8uZGF0YSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9IGVsc2UgaWYgKGRhdGEubGlzdENvbnRlbnRNb2RlbHMuZXJyb3IpIHtcbiAgICAgICAgICAgIHNldExvYWRlZE1vZGVscyhbXSk7XG4gICAgICAgICAgICBzaG93U25hY2tiYXIoZGF0YS5saXN0Q29udGVudE1vZGVscy5lcnJvci5tZXNzYWdlKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICBzZXRMb2FkZWRNb2RlbHMoZGF0YS5saXN0Q29udGVudE1vZGVscy5kYXRhKTtcbiAgICB9LCBbZGF0YV0pO1xuXG4gICAgY29uc3Qgb25OZXdSZWNvcmQgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKG1vZGVsSWQ6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgY29uc3QgbW9kZWwgPSBsb2FkZWRNb2RlbHMuZmluZChtb2RlbCA9PiBtb2RlbC5tb2RlbElkID09PSBtb2RlbElkKTtcbiAgICAgICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhgQ2Fubm90IGZpbmQgbW9kZWwgYnkgbW9kZWxJZCBcIiR7bW9kZWxJZH1cIi5gKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXROZXdFbnRyeURpYWxvZ01vZGVsKG1vZGVsKTtcbiAgICAgICAgfSxcbiAgICAgICAgW2xvYWRlZE1vZGVscywgbGlua0VudHJ5RGlhbG9nTW9kZWxdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uTmV3RW50cnlEaWFsb2dDbG9zZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgc2V0TmV3RW50cnlEaWFsb2dNb2RlbChudWxsKTtcbiAgICB9LCBbbGlua0VudHJ5RGlhbG9nTW9kZWxdKTtcblxuICAgIGNvbnN0IG9uRXhpc3RpbmdSZWNvcmQgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKG1vZGVsSWQ6IHN0cmluZykgPT4ge1xuICAgICAgICAgICAgY29uc3QgbW9kZWwgPSBsb2FkZWRNb2RlbHMuZmluZChtb2RlbCA9PiBtb2RlbC5tb2RlbElkID09PSBtb2RlbElkKTtcbiAgICAgICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhgQ2Fubm90IGZpbmQgbW9kZWwgYnkgbW9kZWxJZCBcIiR7bW9kZWxJZH1cIi5gKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbChtb2RlbCk7XG4gICAgICAgIH0sXG4gICAgICAgIFtsb2FkZWRNb2RlbHMsIGxpbmtFbnRyeURpYWxvZ01vZGVsXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkxpbmtFbnRyeURpYWxvZ0Nsb3NlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzZXRMaW5rRW50cnlEaWFsb2dNb2RlbChudWxsKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IGVudHJpZXMsIGxvYWRpbmc6IGxvYWRpbmdFbnRyaWVzIH0gPSB1c2VSZWZlcmVuY2VzKHtcbiAgICAgICAgdmFsdWVzOiBiaW5kLnZhbHVlLFxuICAgICAgICByZXF1ZXN0Q29udGV4dFxuICAgIH0pO1xuXG4gICAgY29uc3Qgb25SZW1vdmUgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIGJpbmQub25DaGFuZ2UobnVsbCk7XG4gICAgfSwgW2VudHJpZXNdKTtcblxuICAgIGNvbnN0IG1vZGVscyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgICAgICBpZiAoIWxvYWRlZE1vZGVscyB8fCAhZmllbGQuc2V0dGluZ3M/Lm1vZGVscykge1xuICAgICAgICAgICAgcmV0dXJuIFtdO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChmaWVsZC5zZXR0aW5ncz8ubW9kZWxzIHx8IFtdKVxuICAgICAgICAgICAgLm1hcCgoeyBtb2RlbElkIH0pID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gbG9hZGVkTW9kZWxzLmZpbmQobW9kZWwgPT4gbW9kZWwubW9kZWxJZCA9PT0gbW9kZWxJZCk7XG4gICAgICAgICAgICB9KVxuICAgICAgICAgICAgLmZpbHRlcihCb29sZWFuKSBhcyBDbXNNb2RlbFtdO1xuICAgIH0sIFtsb2FkZWRNb2RlbHMsIGVudHJpZXNdKTtcblxuICAgIGNvbnN0IGxvYWRpbmcgPSBsb2FkaW5nRW50cmllcyB8fCBsb2FkaW5nTW9kZWxzO1xuXG4gICAgY29uc3Qgc3RvcmVWYWx1ZXMgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHZhbHVlczogQ21zUmVmZXJlbmNlVmFsdWVbXSkgPT4ge1xuICAgICAgICAgICAgaWYgKHZhbHVlcy5sZW5ndGggPiAxKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coXCJNb3JlIHRoYW4gb25lIHZhbHVlIHNlbGVjdGVkLiBUaGlzIHNob3VsZCBuZXZlciBoYXBwZW4uXCIpO1xuICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgIH0gZWxzZSBpZiAodmFsdWVzLmxlbmd0aCA9PT0gMCB8fCAhdmFsdWVzWzBdPy5pZCkge1xuICAgICAgICAgICAgICAgIGJpbmQub25DaGFuZ2UobnVsbCk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgYmluZC5vbkNoYW5nZSh2YWx1ZXNbMF0pO1xuICAgICAgICB9LFxuICAgICAgICBbYmluZC52YWx1ZSwgYmluZC5vbkNoYW5nZSwgZW50cmllc11cbiAgICApO1xuXG4gICAgY29uc3Qgb25OZXdFbnRyeUNyZWF0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZGF0YTogQ21zQ29udGVudEVudHJ5IHwgbnVsbCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFkYXRhKSB7XG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coXG4gICAgICAgICAgICAgICAgICAgIGBDb3VsZCBub3Qgc3RvcmUgbmV3IGVudHJ5IHRvIHRoZSByZWZlcmVuY2UgZmllbGQuIE1pc3Npbmcgd2hvbGUgZW50cnkuYFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfSBlbHNlIGlmICghZGF0YS5pZCkge1xuICAgICAgICAgICAgICAgIGNvbnNvbGUubG9nKFxuICAgICAgICAgICAgICAgICAgICBgQ291bGQgbm90IHN0b3JlIG5ldyBlbnRyeSB0byB0aGUgcmVmZXJlbmNlIGZpZWxkLiBNaXNzaW5nIFwiaWRcIiB2YWx1ZS5gXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9IGVsc2UgaWYgKCFkYXRhLm1vZGVsSWQpIHtcbiAgICAgICAgICAgICAgICBjb25zb2xlLmxvZyhcbiAgICAgICAgICAgICAgICAgICAgYENvdWxkIG5vdCBzdG9yZSBuZXcgZW50cnkgdG8gdGhlIHJlZmVyZW5jZSBmaWVsZC4gTWlzc2luZyBcIm1vZGVsSWRcIiB2YWx1ZS5gXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzdG9yZVZhbHVlcyhbXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBpZDogZGF0YS5pZCxcbiAgICAgICAgICAgICAgICAgICAgbW9kZWxJZDogZGF0YS5tb2RlbElkXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgXSk7XG4gICAgICAgIH0sXG4gICAgICAgIFtzdG9yZVZhbHVlc11cbiAgICApO1xuXG4gICAgY29uc3QgaW5pdGlhbFZhbHVlID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGlmIChlbnRyaWVzLmxlbmd0aCA9PT0gMCB8fCBsb2FkZWRNb2RlbHMubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgICAgICBjb25zdCBlbnRyeSA9IGVudHJpZXNbMF07XG4gICAgICAgIGlmICghZW50cnkpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG1vZGVsID0gbG9hZGVkTW9kZWxzLmZpbmQobW9kZWwgPT4gbW9kZWwubW9kZWxJZCA9PT0gZW50cnkubW9kZWwubW9kZWxJZCk7XG4gICAgICAgIGlmICghbW9kZWwpIHtcbiAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBlbnRyeSxcbiAgICAgICAgICAgIG1vZGVsXG4gICAgICAgIH07XG4gICAgfSwgW2VudHJpZXMsIGxvYWRlZE1vZGVsc10pO1xuXG4gICAgY29uc3QgeyB2YWxpZGF0aW9uIH0gPSBiaW5kO1xuICAgIGNvbnN0IHsgaXNWYWxpZDogdmFsaWRhdGlvbklzVmFsaWQsIG1lc3NhZ2U6IHZhbGlkYXRpb25NZXNzYWdlIH0gPSB2YWxpZGF0aW9uIHx8IHt9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPD5cbiAgICAgICAgICAgIDxGaWVsZExhYmVsPntmaWVsZC5sYWJlbH08L0ZpZWxkTGFiZWw+XG4gICAgICAgICAgICB7dmFsaWRhdGlvbklzVmFsaWQgPT09IGZhbHNlICYmIChcbiAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlIGVycm9yPnt2YWxpZGF0aW9uTWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHtsb2FkaW5nICYmIDxMb2FkZXIgLz59XG4gICAgICAgICAgICAgICAge2luaXRpYWxWYWx1ZSAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxFbnRyeVxuICAgICAgICAgICAgICAgICAgICAgICAgbW9kZWw9e2luaXRpYWxWYWx1ZS5tb2RlbH1cbiAgICAgICAgICAgICAgICAgICAgICAgIHBsYWNlbWVudD1cInNpbmdsZVJlZkZpZWxkXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGluZGV4PXswfVxuICAgICAgICAgICAgICAgICAgICAgICAgZW50cnk9e2luaXRpYWxWYWx1ZS5lbnRyeX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uUmVtb3ZlPXtvblJlbW92ZX1cbiAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgIDxPcHRpb25zXG4gICAgICAgICAgICAgICAgICAgIG1vZGVscz17bW9kZWxzfVxuICAgICAgICAgICAgICAgICAgICBvbk5ld1JlY29yZD17b25OZXdSZWNvcmR9XG4gICAgICAgICAgICAgICAgICAgIG9uTGlua0V4aXN0aW5nUmVjb3JkPXtvbkV4aXN0aW5nUmVjb3JkfVxuICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICB7bmV3RW50cnlEaWFsb2dNb2RlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxOZXdSZWZlcmVuY2VkRW50cnlEaWFsb2dcbiAgICAgICAgICAgICAgICAgICAgICAgIG1vZGVsPXtuZXdFbnRyeURpYWxvZ01vZGVsfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbG9zZT17b25OZXdFbnRyeURpYWxvZ0Nsb3NlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uTmV3RW50cnlDcmVhdGV9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cblxuICAgICAgICAgICAgICAgIHtsaW5rRW50cnlEaWFsb2dNb2RlbCAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxSZWZlcmVuY2VzRGlhbG9nXG4gICAgICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgICAgICAgICBtdWx0aXBsZT17ZmFsc2V9XG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZXM9e2JpbmQudmFsdWUgPyBbYmluZC52YWx1ZV0gOiBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRlbnRNb2RlbD17bGlua0VudHJ5RGlhbG9nTW9kZWx9XG4gICAgICAgICAgICAgICAgICAgICAgICBzdG9yZVZhbHVlcz17c3RvcmVWYWx1ZXN9XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkRpYWxvZ0Nsb3NlPXtvbkxpbmtFbnRyeURpYWxvZ0Nsb3NlfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0NvbnRhaW5lcj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var AdvancedSingleReferenceField = exports.AdvancedSingleReferenceField = function AdvancedSingleReferenceField(props) {
-  var bind = props.bind,
-    field = props.field;
-  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    linkEntryDialogModel = _useState2[0],
-    setLinkEntryDialogModel = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    newEntryDialogModel = _useState4[0],
-    setNewEntryDialogModel = _useState4[1];
-  var _useState5 = (0, _react.useState)([]),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    loadedModels = _useState6[0],
-    setLoadedModels = _useState6[1];
-  var requestContext = (0, _hooks.useModelFieldGraphqlContext)();
-  var _useQuery = (0, _hooks.useQuery)(GQL.LIST_CONTENT_MODELS, {
-      context: requestContext
-    }),
-    data = _useQuery.data,
-    loadingModels = _useQuery.loading;
-  (0, _react.useEffect)(function () {
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Options } from "./Options.js";
+import { useReferences } from "../hooks/useReferences.js";
+import { Entry } from "./Entry.js";
+import { ReferencesDialog } from "./ReferencesDialog.js";
+import { useQuery, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import * as GQL from "../../../../../viewsGraphql.js";
+import { useSnackbar } from "@webiny/app-admin";
+import { NewReferencedEntryDialog } from "../../components/NewReferencedEntryDialog.js";
+import { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from "@webiny/admin-ui";
+export const AdvancedSingleReferenceField = props => {
+  const {
+    bind,
+    field
+  } = props;
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
+  const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
+  const [loadedModels, setLoadedModels] = useState([]);
+  const requestContext = useModelFieldGraphqlContext();
+  const {
+    data,
+    loading: loadingModels
+  } = useQuery(GQL.LIST_CONTENT_MODELS, {
+    context: requestContext
+  });
+  useEffect(() => {
     if (loadingModels || !data?.listContentModels?.data) {
       return;
     } else if (data.listContentModels.error) {
@@ -81,54 +36,50 @@ var AdvancedSingleReferenceField = exports.AdvancedSingleReferenceField = functi
     }
     setLoadedModels(data.listContentModels.data);
   }, [data]);
-  var onNewRecord = (0, _react.useCallback)(function (modelId) {
-    var model = loadedModels.find(function (model) {
-      return model.modelId === modelId;
-    });
+  const onNewRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
     if (!model) {
-      console.log("Cannot find model by modelId \"".concat(modelId, "\"."));
+      console.log(`Cannot find model by modelId "${modelId}".`);
       return;
     }
     setNewEntryDialogModel(model);
   }, [loadedModels, linkEntryDialogModel]);
-  var onNewEntryDialogClose = (0, _react.useCallback)(function () {
+  const onNewEntryDialogClose = useCallback(() => {
     setNewEntryDialogModel(null);
   }, [linkEntryDialogModel]);
-  var onExistingRecord = (0, _react.useCallback)(function (modelId) {
-    var model = loadedModels.find(function (model) {
-      return model.modelId === modelId;
-    });
+  const onExistingRecord = useCallback(modelId => {
+    const model = loadedModels.find(model => model.modelId === modelId);
     if (!model) {
-      console.log("Cannot find model by modelId \"".concat(modelId, "\"."));
+      console.log(`Cannot find model by modelId "${modelId}".`);
       return;
     }
     setLinkEntryDialogModel(model);
   }, [loadedModels, linkEntryDialogModel]);
-  var onLinkEntryDialogClose = (0, _react.useCallback)(function () {
+  const onLinkEntryDialogClose = useCallback(() => {
     setLinkEntryDialogModel(null);
   }, []);
-  var _useReferences = (0, _useReferences2.useReferences)({
-      values: bind.value,
-      requestContext: requestContext
-    }),
-    entries = _useReferences.entries,
-    loadingEntries = _useReferences.loading;
-  var onRemove = (0, _react.useCallback)(function () {
+  const {
+    entries,
+    loading: loadingEntries
+  } = useReferences({
+    values: bind.value,
+    requestContext
+  });
+  const onRemove = useCallback(() => {
     bind.onChange(null);
   }, [entries]);
-  var models = (0, _react.useMemo)(function () {
+  const models = useMemo(() => {
     if (!loadedModels || !field.settings?.models) {
       return [];
     }
-    return (field.settings?.models || []).map(function (_ref) {
-      var modelId = _ref.modelId;
-      return loadedModels.find(function (model) {
-        return model.modelId === modelId;
-      });
+    return (field.settings?.models || []).map(({
+      modelId
+    }) => {
+      return loadedModels.find(model => model.modelId === modelId);
     }).filter(Boolean);
   }, [loadedModels, entries]);
-  var loading = loadingEntries || loadingModels;
-  var storeValues = (0, _react.useCallback)(function (values) {
+  const loading = loadingEntries || loadingModels;
+  const storeValues = useCallback(values => {
     if (values.length > 1) {
       console.log("More than one value selected. This should never happen.");
       return;
@@ -138,15 +89,15 @@ var AdvancedSingleReferenceField = exports.AdvancedSingleReferenceField = functi
     }
     bind.onChange(values[0]);
   }, [bind.value, bind.onChange, entries]);
-  var onNewEntryCreate = (0, _react.useCallback)(function (data) {
+  const onNewEntryCreate = useCallback(data => {
     if (!data) {
-      console.log("Could not store new entry to the reference field. Missing whole entry.");
+      console.log(`Could not store new entry to the reference field. Missing whole entry.`);
       return;
     } else if (!data.id) {
-      console.log("Could not store new entry to the reference field. Missing \"id\" value.");
+      console.log(`Could not store new entry to the reference field. Missing "id" value.`);
       return;
     } else if (!data.modelId) {
-      console.log("Could not store new entry to the reference field. Missing \"modelId\" value.");
+      console.log(`Could not store new entry to the reference field. Missing "modelId" value.`);
       return;
     }
     storeValues([{
@@ -154,52 +105,64 @@ var AdvancedSingleReferenceField = exports.AdvancedSingleReferenceField = functi
       modelId: data.modelId
     }]);
   }, [storeValues]);
-  var initialValue = (0, _react.useMemo)(function () {
+  const initialValue = useMemo(() => {
     if (entries.length === 0 || loadedModels.length === 0) {
       return null;
     }
-    var entry = entries[0];
+    const entry = entries[0];
     if (!entry) {
       return null;
     }
-    var model = loadedModels.find(function (model) {
-      return model.modelId === entry.model.modelId;
-    });
+    const model = loadedModels.find(model => model.modelId === entry.model.modelId);
     if (!model) {
       return null;
     }
     return {
-      entry: entry,
-      model: model
+      entry,
+      model
     };
   }, [entries, loadedModels]);
-  var validation = bind.validation;
-  var _ref2 = validation || {},
-    validationIsValid = _ref2.isValid,
-    validationMessage = _ref2.message;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FieldLabel, null, field.label), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, validationMessage), /*#__PURE__*/_react.default.createElement(Container, null, loading && /*#__PURE__*/_react.default.createElement(_Loader.Loader, null), initialValue && /*#__PURE__*/_react.default.createElement(_Entry.Entry, {
+  const {
+    validation
+  } = bind;
+  const {
+    isValid: validationIsValid,
+    message: validationMessage
+  } = validation || {};
+  const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentLabel, {
+    text: field.label,
+    invalid: invalid
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "webiny_ref-field-container"
+  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, {
+    size: "md"
+  }), initialValue && /*#__PURE__*/React.createElement(Entry, {
     model: initialValue.model,
     placement: "singleRefField",
     index: 0,
     entry: initialValue.entry,
     onRemove: onRemove
-  }), /*#__PURE__*/_react.default.createElement(_Options.Options, {
+  })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+    text: validationMessage,
+    invalid: invalid
+  }), initialValue && /*#__PURE__*/React.createElement("div", {
+    className: "mb-md"
+  }), /*#__PURE__*/React.createElement(Options, {
     models: models,
     onNewRecord: onNewRecord,
     onLinkExistingRecord: onExistingRecord
-  }), newEntryDialogModel && /*#__PURE__*/_react.default.createElement(_NewReferencedEntryDialog.NewReferencedEntryDialog, {
+  }), newEntryDialogModel && /*#__PURE__*/React.createElement(NewReferencedEntryDialog, {
     model: newEntryDialogModel,
     onClose: onNewEntryDialogClose,
     onChange: onNewEntryCreate
-  }), linkEntryDialogModel && /*#__PURE__*/_react.default.createElement(_ReferencesDialog.ReferencesDialog, Object.assign({}, props, {
+  }), linkEntryDialogModel && /*#__PURE__*/React.createElement(ReferencesDialog, Object.assign({}, props, {
     multiple: false,
     values: bind.value ? [bind.value] : [],
     contentModel: linkEntryDialogModel,
     storeValues: storeValues,
     onDialogClose: onLinkEntryDialogClose
-  }))));
+  })));
 };
 
 //# sourceMappingURL=AdvancedSingleReferenceField.js.map

package/admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Options","_useReferences2","_Entry","_ReferencesDialog","_hooks","GQL","_appAdmin","_Loader","_NewReferencedEntryDialog","_FormElementMessage","_EMOTION_STRINGIFIED_CSS_ERROR__","Container","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FieldLabel","AdvancedSingleReferenceField","exports","props","bind","field","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","linkEntryDialogModel","setLinkEntryDialogModel","_useState3","_useState4","newEntryDialogModel","setNewEntryDialogModel","_useState5","_useState6","loadedModels","setLoadedModels","requestContext","useModelFieldGraphqlContext","_useQuery","useQuery","LIST_CONTENT_MODELS","context","data","loadingModels","loading","useEffect","listContentModels","error","message","onNewRecord","useCallback","modelId","model","find","console","log","concat","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","_useReferences","useReferences","values","value","entries","loadingEntries","onRemove","onChange","models","useMemo","settings","_ref","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","_ref2","validationIsValid","isValid","validationMessage","createElement","Fragment","FormElementMessage","Loader","Entry","placement","index","Options","onLinkExistingRecord","NewReferencedEntryDialog","onClose","ReferencesDialog","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types\";\nimport { Options } from \"./Options\";\nimport { useReferences } from \"../hooks/useReferences\";\nimport { Entry } from \"./Entry\";\nimport { ReferencesDialog } from \"./ReferencesDialog\";\nimport styled from \"@emotion/styled\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql\";\nimport * as GQL from \"~/admin/viewsGraphql\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { Loader } from \"./Loader\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst Container = styled(\"div\")({});\n\nconst FieldLabel = styled(\"h3\")({\n    fontSize: 24,\n    fontWeight: \"normal\",\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    marginBottom: \"20px\",\n    paddingBottom: \"5px\"\n});\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n    const requestContext = useModelFieldGraphqlContext();\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loading: loadingEntries } = useReferences({\n        values: bind.value,\n        requestContext\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: CmsContentEntry | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues([\n                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            <FieldLabel>{field.label}</FieldLabel>\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            <Container>\n                {loading && <Loader />}\n                {initialValue && (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                )}\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n\n                {newEntryDialogModel && (\n                    <NewReferencedEntryDialog\n                        model={newEntryDialogModel}\n                        onClose={onNewEntryDialogClose}\n                        onChange={onNewEntryCreate}\n                    />\n                )}\n\n                {linkEntryDialogModel && (\n                    <ReferencesDialog\n                        {...props}\n                        multiple={false}\n                        values={bind.value ? [bind.value] : []}\n                        contentModel={linkEntryDialogModel}\n                        storeValues={storeValues}\n                        onDialogClose={onLinkEntryDialogClose}\n                    />\n                )}\n            </Container>\n        </>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Options","useReferences","Entry","ReferencesDialog","useQuery","useModelFieldGraphqlContext","GQL","useSnackbar","NewReferencedEntryDialog","FormComponentErrorMessage","FormComponentLabel","OverlayLoader","AdvancedSingleReferenceField","props","bind","field","showSnackbar","linkEntryDialogModel","setLinkEntryDialogModel","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","data","loading","loadingModels","LIST_CONTENT_MODELS","context","listContentModels","error","message","onNewRecord","modelId","model","find","console","log","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","values","value","onRemove","onChange","models","settings","map","filter","Boolean","storeValues","length","id","onNewEntryCreate","initialValue","entry","validation","isValid","validationIsValid","validationMessage","invalid","createElement","Fragment","text","label","className","size","placement","index","onLinkExistingRecord","onClose","Object","assign","multiple","contentModel","onDialogClose"],"sources":["AdvancedSingleReferenceField.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport type {\n    BindComponentRenderProp,\n    CmsContentEntry,\n    CmsModelFieldRendererProps,\n    CmsModel\n} from \"~/types.js\";\nimport { Options } from \"./Options.js\";\nimport { useReferences } from \"../hooks/useReferences.js\";\nimport { Entry } from \"./Entry.js\";\nimport { ReferencesDialog } from \"./ReferencesDialog.js\";\nimport { useQuery, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { ListCmsModelsQueryResponse } from \"~/admin/viewsGraphql.js\";\nimport * as GQL from \"~/admin/viewsGraphql.js\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { NewReferencedEntryDialog } from \"~/admin/plugins/fieldRenderers/ref/components/NewReferencedEntryDialog.js\";\nimport { FormComponentErrorMessage, FormComponentLabel, OverlayLoader } from \"@webiny/admin-ui\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind, field } = props;\n    const { showSnackbar } = useSnackbar();\n\n    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState<CmsModel | null>(null);\n    const [newEntryDialogModel, setNewEntryDialogModel] = useState<CmsModel | null>(null);\n    const [loadedModels, setLoadedModels] = useState<CmsModel[]>([]);\n    const requestContext = useModelFieldGraphqlContext();\n\n    const { data, loading: loadingModels } = useQuery<ListCmsModelsQueryResponse>(\n        GQL.LIST_CONTENT_MODELS,\n        {\n            context: requestContext\n        }\n    );\n\n    useEffect(() => {\n        if (loadingModels || !data?.listContentModels?.data) {\n            return;\n        } else if (data.listContentModels.error) {\n            setLoadedModels([]);\n            showSnackbar(data.listContentModels.error.message);\n            return;\n        }\n        setLoadedModels(data.listContentModels.data);\n    }, [data]);\n\n    const onNewRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setNewEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onNewEntryDialogClose = useCallback(() => {\n        setNewEntryDialogModel(null);\n    }, [linkEntryDialogModel]);\n\n    const onExistingRecord = useCallback(\n        (modelId: string) => {\n            const model = loadedModels.find(model => model.modelId === modelId);\n            if (!model) {\n                console.log(`Cannot find model by modelId \"${modelId}\".`);\n                return;\n            }\n            setLinkEntryDialogModel(model);\n        },\n        [loadedModels, linkEntryDialogModel]\n    );\n\n    const onLinkEntryDialogClose = useCallback(() => {\n        setLinkEntryDialogModel(null);\n    }, []);\n\n    const { entries, loading: loadingEntries } = useReferences({\n        values: bind.value,\n        requestContext\n    });\n\n    const onRemove = useCallback(() => {\n        bind.onChange(null);\n    }, [entries]);\n\n    const models = useMemo(() => {\n        if (!loadedModels || !field.settings?.models) {\n            return [];\n        }\n\n        return (field.settings?.models || [])\n            .map(({ modelId }) => {\n                return loadedModels.find(model => model.modelId === modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n    }, [loadedModels, entries]);\n\n    const loading = loadingEntries || loadingModels;\n\n    const storeValues = useCallback(\n        (values: CmsReferenceValue[]) => {\n            if (values.length > 1) {\n                console.log(\"More than one value selected. This should never happen.\");\n                return;\n            } else if (values.length === 0 || !values[0]?.id) {\n                bind.onChange(null);\n                return;\n            }\n            bind.onChange(values[0]);\n        },\n        [bind.value, bind.onChange, entries]\n    );\n\n    const onNewEntryCreate = useCallback(\n        (data: CmsContentEntry | null) => {\n            if (!data) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing whole entry.`\n                );\n                return;\n            } else if (!data.id) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"id\" value.`\n                );\n                return;\n            } else if (!data.modelId) {\n                console.log(\n                    `Could not store new entry to the reference field. Missing \"modelId\" value.`\n                );\n                return;\n            }\n            storeValues([\n                {\n                    id: data.id,\n                    modelId: data.modelId\n                }\n            ]);\n        },\n        [storeValues]\n    );\n\n    const initialValue = useMemo(() => {\n        if (entries.length === 0 || loadedModels.length === 0) {\n            return null;\n        }\n        const entry = entries[0];\n        if (!entry) {\n            return null;\n        }\n        const model = loadedModels.find(model => model.modelId === entry.model.modelId);\n        if (!model) {\n            return null;\n        }\n        return {\n            entry,\n            model\n        };\n    }, [entries, loadedModels]);\n\n    const { validation } = bind;\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n    const invalid = useMemo(() => validationIsValid === false, [validationIsValid]);\n\n    return (\n        <>\n            <FormComponentLabel text={field.label} invalid={invalid} />\n            <div className={\"webiny_ref-field-container\"}>\n                {loading && <OverlayLoader size={\"md\"} />}\n                {initialValue && (\n                    <Entry\n                        model={initialValue.model}\n                        placement=\"singleRefField\"\n                        index={0}\n                        entry={initialValue.entry}\n                        onRemove={onRemove}\n                    />\n                )}\n            </div>\n            <FormComponentErrorMessage text={validationMessage} invalid={invalid} />\n            {initialValue && <div className=\"mb-md\" />}\n            <Options\n                models={models}\n                onNewRecord={onNewRecord}\n                onLinkExistingRecord={onExistingRecord}\n            />\n\n            {newEntryDialogModel && (\n                <NewReferencedEntryDialog\n                    model={newEntryDialogModel}\n                    onClose={onNewEntryDialogClose}\n                    onChange={onNewEntryCreate}\n                />\n            )}\n\n            {linkEntryDialogModel && (\n                <ReferencesDialog\n                    {...props}\n                    multiple={false}\n                    values={bind.value ? [bind.value] : []}\n                    contentModel={linkEntryDialogModel}\n                    storeValues={storeValues}\n                    onDialogClose={onLinkEntryDialogClose}\n                />\n            )}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAOxE,SAASC,OAAO;AAChB,SAASC,aAAa;AACtB,SAASC,KAAK;AACd,SAASC,gBAAgB;AACzB,SAASC,QAAQ,EAAEC,2BAA2B;AAE9C,OAAO,KAAKC,GAAG;AACf,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,SAASC,wBAAwB;AACjC,SAASC,yBAAyB,EAAEC,kBAAkB,EAAEC,aAAa,QAAQ,kBAAkB;AAM/F,OAAO,MAAMC,4BAA4B,GAAIC,KAAwC,IAAK;EACtF,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAC7B,MAAM;IAAEG;EAAa,CAAC,GAAGT,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACU,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGnB,QAAQ,CAAkB,IAAI,CAAC;EACvF,MAAM,CAACoB,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGrB,QAAQ,CAAkB,IAAI,CAAC;EACrF,MAAM,CAACsB,YAAY,EAAEC,eAAe,CAAC,GAAGvB,QAAQ,CAAa,EAAE,CAAC;EAChE,MAAMwB,cAAc,GAAGlB,2BAA2B,CAAC,CAAC;EAEpD,MAAM;IAAEmB,IAAI;IAAEC,OAAO,EAAEC;EAAc,CAAC,GAAGtB,QAAQ,CAC7CE,GAAG,CAACqB,mBAAmB,EACvB;IACIC,OAAO,EAAEL;EACb,CACJ,CAAC;EAED1B,SAAS,CAAC,MAAM;IACZ,IAAI6B,aAAa,IAAI,CAACF,IAAI,EAAEK,iBAAiB,EAAEL,IAAI,EAAE;MACjD;IACJ,CAAC,MAAM,IAAIA,IAAI,CAACK,iBAAiB,CAACC,KAAK,EAAE;MACrCR,eAAe,CAAC,EAAE,CAAC;MACnBN,YAAY,CAACQ,IAAI,CAACK,iBAAiB,CAACC,KAAK,CAACC,OAAO,CAAC;MAClD;IACJ;IACAT,eAAe,CAACE,IAAI,CAACK,iBAAiB,CAACL,IAAI,CAAC;EAChD,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMQ,WAAW,GAAGpC,WAAW,CAC1BqC,OAAe,IAAK;IACjB,MAAMC,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IACnE,IAAI,CAACC,KAAK,EAAE;MACRE,OAAO,CAACC,GAAG,CAAC,iCAAiCJ,OAAO,IAAI,CAAC;MACzD;IACJ;IACAb,sBAAsB,CAACc,KAAK,CAAC;EACjC,CAAC,EACD,CAACb,YAAY,EAAEJ,oBAAoB,CACvC,CAAC;EAED,MAAMqB,qBAAqB,GAAG1C,WAAW,CAAC,MAAM;IAC5CwB,sBAAsB,CAAC,IAAI,CAAC;EAChC,CAAC,EAAE,CAACH,oBAAoB,CAAC,CAAC;EAE1B,MAAMsB,gBAAgB,GAAG3C,WAAW,CAC/BqC,OAAe,IAAK;IACjB,MAAMC,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IACnE,IAAI,CAACC,KAAK,EAAE;MACRE,OAAO,CAACC,GAAG,CAAC,iCAAiCJ,OAAO,IAAI,CAAC;MACzD;IACJ;IACAf,uBAAuB,CAACgB,KAAK,CAAC;EAClC,CAAC,EACD,CAACb,YAAY,EAAEJ,oBAAoB,CACvC,CAAC;EAED,MAAMuB,sBAAsB,GAAG5C,WAAW,CAAC,MAAM;IAC7CsB,uBAAuB,CAAC,IAAI,CAAC;EACjC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEuB,OAAO;IAAEhB,OAAO,EAAEiB;EAAe,CAAC,GAAGzC,aAAa,CAAC;IACvD0C,MAAM,EAAE7B,IAAI,CAAC8B,KAAK;IAClBrB;EACJ,CAAC,CAAC;EAEF,MAAMsB,QAAQ,GAAGjD,WAAW,CAAC,MAAM;IAC/BkB,IAAI,CAACgC,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,MAAMM,MAAM,GAAGjD,OAAO,CAAC,MAAM;IACzB,IAAI,CAACuB,YAAY,IAAI,CAACN,KAAK,CAACiC,QAAQ,EAAED,MAAM,EAAE;MAC1C,OAAO,EAAE;IACb;IAEA,OAAO,CAAChC,KAAK,CAACiC,QAAQ,EAAED,MAAM,IAAI,EAAE,EAC/BE,GAAG,CAAC,CAAC;MAAEhB;IAAQ,CAAC,KAAK;MAClB,OAAOZ,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKA,OAAO,CAAC;IAChE,CAAC,CAAC,CACDiB,MAAM,CAACC,OAAO,CAAC;EACxB,CAAC,EAAE,CAAC9B,YAAY,EAAEoB,OAAO,CAAC,CAAC;EAE3B,MAAMhB,OAAO,GAAGiB,cAAc,IAAIhB,aAAa;EAE/C,MAAM0B,WAAW,GAAGxD,WAAW,CAC1B+C,MAA2B,IAAK;IAC7B,IAAIA,MAAM,CAACU,MAAM,GAAG,CAAC,EAAE;MACnBjB,OAAO,CAACC,GAAG,CAAC,yDAAyD,CAAC;MACtE;IACJ,CAAC,MAAM,IAAIM,MAAM,CAACU,MAAM,KAAK,CAAC,IAAI,CAACV,MAAM,CAAC,CAAC,CAAC,EAAEW,EAAE,EAAE;MAC9CxC,IAAI,CAACgC,QAAQ,CAAC,IAAI,CAAC;MACnB;IACJ;IACAhC,IAAI,CAACgC,QAAQ,CAACH,MAAM,CAAC,CAAC,CAAC,CAAC;EAC5B,CAAC,EACD,CAAC7B,IAAI,CAAC8B,KAAK,EAAE9B,IAAI,CAACgC,QAAQ,EAAEL,OAAO,CACvC,CAAC;EAED,MAAMc,gBAAgB,GAAG3D,WAAW,CAC/B4B,IAA4B,IAAK;IAC9B,IAAI,CAACA,IAAI,EAAE;MACPY,OAAO,CAACC,GAAG,CACP,wEACJ,CAAC;MACD;IACJ,CAAC,MAAM,IAAI,CAACb,IAAI,CAAC8B,EAAE,EAAE;MACjBlB,OAAO,CAACC,GAAG,CACP,uEACJ,CAAC;MACD;IACJ,CAAC,MAAM,IAAI,CAACb,IAAI,CAACS,OAAO,EAAE;MACtBG,OAAO,CAACC,GAAG,CACP,4EACJ,CAAC;MACD;IACJ;IACAe,WAAW,CAAC,CACR;MACIE,EAAE,EAAE9B,IAAI,CAAC8B,EAAE;MACXrB,OAAO,EAAET,IAAI,CAACS;IAClB,CAAC,CACJ,CAAC;EACN,CAAC,EACD,CAACmB,WAAW,CAChB,CAAC;EAED,MAAMI,YAAY,GAAG1D,OAAO,CAAC,MAAM;IAC/B,IAAI2C,OAAO,CAACY,MAAM,KAAK,CAAC,IAAIhC,YAAY,CAACgC,MAAM,KAAK,CAAC,EAAE;MACnD,OAAO,IAAI;IACf;IACA,MAAMI,KAAK,GAAGhB,OAAO,CAAC,CAAC,CAAC;IACxB,IAAI,CAACgB,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,MAAMvB,KAAK,GAAGb,YAAY,CAACc,IAAI,CAACD,KAAK,IAAIA,KAAK,CAACD,OAAO,KAAKwB,KAAK,CAACvB,KAAK,CAACD,OAAO,CAAC;IAC/E,IAAI,CAACC,KAAK,EAAE;MACR,OAAO,IAAI;IACf;IACA,OAAO;MACHuB,KAAK;MACLvB;IACJ,CAAC;EACL,CAAC,EAAE,CAACO,OAAO,EAAEpB,YAAY,CAAC,CAAC;EAE3B,MAAM;IAAEqC;EAAW,CAAC,GAAG5C,IAAI;EAC3B,MAAM;IAAE6C,OAAO,EAAEC,iBAAiB;IAAE7B,OAAO,EAAE8B;EAAkB,CAAC,GAAGH,UAAU,IAAI,CAAC,CAAC;EACnF,MAAMI,OAAO,GAAGhE,OAAO,CAAC,MAAM8D,iBAAiB,KAAK,KAAK,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAE/E,oBACIjE,KAAA,CAAAoE,aAAA,CAAApE,KAAA,CAAAqE,QAAA,qBACIrE,KAAA,CAAAoE,aAAA,CAACrD,kBAAkB;IAACuD,IAAI,EAAElD,KAAK,CAACmD,KAAM;IAACJ,OAAO,EAAEA;EAAQ,CAAE,CAAC,eAC3DnE,KAAA,CAAAoE,aAAA;IAAKI,SAAS,EAAE;EAA6B,GACxC1C,OAAO,iBAAI9B,KAAA,CAAAoE,aAAA,CAACpD,aAAa;IAACyD,IAAI,EAAE;EAAK,CAAE,CAAC,EACxCZ,YAAY,iBACT7D,KAAA,CAAAoE,aAAA,CAAC7D,KAAK;IACFgC,KAAK,EAAEsB,YAAY,CAACtB,KAAM;IAC1BmC,SAAS,EAAC,gBAAgB;IAC1BC,KAAK,EAAE,CAAE;IACTb,KAAK,EAAED,YAAY,CAACC,KAAM;IAC1BZ,QAAQ,EAAEA;EAAS,CACtB,CAEJ,CAAC,eACNlD,KAAA,CAAAoE,aAAA,CAACtD,yBAAyB;IAACwD,IAAI,EAAEJ,iBAAkB;IAACC,OAAO,EAAEA;EAAQ,CAAE,CAAC,EACvEN,YAAY,iBAAI7D,KAAA,CAAAoE,aAAA;IAAKI,SAAS,EAAC;EAAO,CAAE,CAAC,eAC1CxE,KAAA,CAAAoE,aAAA,CAAC/D,OAAO;IACJ+C,MAAM,EAAEA,MAAO;IACff,WAAW,EAAEA,WAAY;IACzBuC,oBAAoB,EAAEhC;EAAiB,CAC1C,CAAC,EAEDpB,mBAAmB,iBAChBxB,KAAA,CAAAoE,aAAA,CAACvD,wBAAwB;IACrB0B,KAAK,EAAEf,mBAAoB;IAC3BqD,OAAO,EAAElC,qBAAsB;IAC/BQ,QAAQ,EAAES;EAAiB,CAC9B,CACJ,EAEAtC,oBAAoB,iBACjBtB,KAAA,CAAAoE,aAAA,CAAC5D,gBAAgB,EAAAsE,MAAA,CAAAC,MAAA,KACT7D,KAAK;IACT8D,QAAQ,EAAE,KAAM;IAChBhC,MAAM,EAAE7B,IAAI,CAAC8B,KAAK,GAAG,CAAC9B,IAAI,CAAC8B,KAAK,CAAC,GAAG,EAAG;IACvCgC,YAAY,EAAE3D,oBAAqB;IACnCmC,WAAW,EAAEA,WAAY;IACzByB,aAAa,EAAErC;EAAuB,EACzC,CAEP,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/advanced/components/Container.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+type ContainerProps = React.HTMLAttributes<HTMLDivElement>;
+declare const Container: ({ children, className, ...props }: ContainerProps) => React.JSX.Element;
+export { Container, type ContainerProps };