@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

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

@@ -1,168 +1,161 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+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 { useModelField, useModelFieldGraphqlContext, useQuery } from "../../../../../hooks/index.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) {
-      setLoadedModels([]);
-      showSnackbar(data.listContentModels.error.message);
-      return;
-    }
-    setLoadedModels(data.listContentModels.data);
-  }, [data]);
-  const onNewRecord = useCallback(modelId => {
-    const model = loadedModels.find(model => model.modelId === modelId);
-    if (!model) {
-      console.log(`Cannot find model by modelId "${modelId}".`);
-      return;
-    }
-    setNewEntryDialogModel(model);
-  }, [loadedModels, linkEntryDialogModel]);
-  const onNewEntryDialogClose = useCallback(() => {
-    setNewEntryDialogModel(null);
-  }, [linkEntryDialogModel]);
-  const onExistingRecord = useCallback(modelId => {
-    const model = loadedModels.find(model => model.modelId === modelId);
-    if (!model) {
-      console.log(`Cannot find model by modelId "${modelId}".`);
-      return;
-    }
-    setLinkEntryDialogModel(model);
-  }, [loadedModels, linkEntryDialogModel]);
-  const onLinkEntryDialogClose = useCallback(() => {
-    setLinkEntryDialogModel(null);
-  }, []);
-  const {
-    entries,
-    loading: loadingEntries
-  } = useReferences({
-    values: bind.value,
-    requestContext
-  });
-  const onRemove = useCallback(() => {
-    bind.onChange(null);
-  }, [entries]);
-  const models = useMemo(() => {
-    if (!loadedModels || !field.settings?.models) {
-      return [];
-    }
-    return (field.settings?.models || []).map(({
-      modelId
-    }) => {
-      return loadedModels.find(model => model.modelId === modelId);
-    }).filter(Boolean);
-  }, [loadedModels, entries]);
-  const loading = loadingEntries || loadingModels;
-  const storeValues = useCallback(values => {
-    if (values.length > 1) {
-      console.log("More than one value selected. This should never happen.");
-      return;
-    } else if (values.length === 0 || !values[0]?.id) {
-      bind.onChange(null);
-      return;
-    }
-    bind.onChange(values[0]);
-  }, [bind.value, bind.onChange, entries]);
-  const onNewEntryCreate = useCallback(data => {
-    if (!data) {
-      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.`);
-      return;
-    } else if (!data.modelId) {
-      console.log(`Could not store new entry to the reference field. Missing "modelId" value.`);
-      return;
-    }
-    storeValues([{
-      id: data.id,
-      modelId: data.modelId
-    }]);
-  }, [storeValues]);
-  const initialValue = useMemo(() => {
-    if (entries.length === 0 || loadedModels.length === 0) {
-      return null;
-    }
-    const entry = entries[0];
-    if (!entry) {
-      return null;
-    }
-    const model = loadedModels.find(model => model.modelId === entry.model.modelId);
-    if (!model) {
-      return null;
-    }
-    return {
-      entry,
-      model
-    };
-  }, [entries, loadedModels]);
-  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.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.createElement(NewReferencedEntryDialog, {
-    model: newEntryDialogModel,
-    onClose: onNewEntryDialogClose,
-    onChange: onNewEntryCreate
-  }), linkEntryDialogModel && /*#__PURE__*/React.createElement(ReferencesDialog, Object.assign({}, props, {
-    multiple: false,
-    values: bind.value ? [bind.value] : [],
-    contentModel: linkEntryDialogModel,
-    storeValues: storeValues,
-    onDialogClose: onLinkEntryDialogClose
-  })));
+import { CanEditField, useFieldEffectiveRules } from "@webiny/app-headless-cms-common";
+import * as __rspack_external__viewsGraphql_js_d6457cb3 from "../../../../../viewsGraphql.js";
+const AdvancedSingleReferenceField = (props)=>{
+    const { bind } = props;
+    const { showSnackbar } = useSnackbar();
+    const { field } = useModelField();
+    const rules = useFieldEffectiveRules(field);
+    const [linkEntryDialogModel, setLinkEntryDialogModel] = useState(null);
+    const [newEntryDialogModel, setNewEntryDialogModel] = useState(null);
+    const [loadedModels, setLoadedModels] = useState([]);
+    const requestContext = useModelFieldGraphqlContext();
+    const { data, loading: loadingModels } = useQuery(__rspack_external__viewsGraphql_js_d6457cb3.LIST_CONTENT_MODELS, {
+        context: requestContext
+    });
+    useEffect(()=>{
+        if (loadingModels || !data?.listContentModels?.data) return;
+        if (data.listContentModels.error) {
+            setLoadedModels([]);
+            showSnackbar(data.listContentModels.error.message);
+            return;
+        }
+        setLoadedModels(data.listContentModels.data);
+    }, [
+        data
+    ]);
+    const onNewRecord = useCallback((modelId)=>{
+        const model = loadedModels.find((model)=>model.modelId === modelId);
+        if (!model) return void console.log(`Cannot find model by modelId "${modelId}".`);
+        setNewEntryDialogModel(model);
+    }, [
+        loadedModels,
+        linkEntryDialogModel
+    ]);
+    const onNewEntryDialogClose = useCallback(()=>{
+        setNewEntryDialogModel(null);
+    }, [
+        linkEntryDialogModel
+    ]);
+    const onExistingRecord = useCallback((modelId)=>{
+        const model = loadedModels.find((model)=>model.modelId === modelId);
+        if (!model) return void console.log(`Cannot find model by modelId "${modelId}".`);
+        setLinkEntryDialogModel(model);
+    }, [
+        loadedModels,
+        linkEntryDialogModel
+    ]);
+    const onLinkEntryDialogClose = useCallback(()=>{
+        setLinkEntryDialogModel(null);
+    }, []);
+    const { entries, loading: loadingEntries } = useReferences({
+        values: bind.value,
+        requestContext
+    });
+    const onRemove = useCallback(()=>{
+        bind.onChange(null);
+    }, [
+        entries
+    ]);
+    const models = useMemo(()=>{
+        if (!loadedModels || !field.settings?.models) return [];
+        return (field.settings?.models || []).map(({ modelId })=>loadedModels.find((model)=>model.modelId === modelId)).filter(Boolean);
+    }, [
+        loadedModels,
+        entries
+    ]);
+    const loading = loadingEntries || loadingModels;
+    const storeValues = useCallback((values)=>{
+        if (values.length > 1) return void console.log("More than one value selected. This should never happen.");
+        if (0 === values.length || !values[0]?.id) return void bind.onChange(null);
+        bind.onChange(values[0]);
+    }, [
+        bind.value,
+        bind.onChange,
+        entries
+    ]);
+    const onNewEntryCreate = useCallback((data)=>{
+        if (!data) return void console.log("Could not store new entry to the reference field. Missing whole entry.");
+        if (!data.id) return void console.log('Could not store new entry to the reference field. Missing "id" value.');
+        if (!data.modelId) return void console.log('Could not store new entry to the reference field. Missing "modelId" value.');
+        storeValues([
+            {
+                id: data.id,
+                modelId: data.modelId
+            }
+        ]);
+    }, [
+        storeValues
+    ]);
+    const initialValue = useMemo(()=>{
+        if (0 === entries.length || 0 === loadedModels.length) return null;
+        const entry = entries[0];
+        if (!entry) return null;
+        const model = loadedModels.find((model)=>model.modelId === entry.model.modelId);
+        if (!model) return null;
+        return {
+            entry,
+            model
+        };
+    }, [
+        entries,
+        loadedModels
+    ]);
+    const { validation } = bind;
+    const { isValid: validationIsValid, message: validationMessage } = validation || {};
+    const invalid = useMemo(()=>false === validationIsValid, [
+        validationIsValid
+    ]);
+    const disabled = !rules.canEdit || rules.disabled;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "@container"
+    }, /*#__PURE__*/ react.createElement(FormComponentLabel, {
+        text: field.label,
+        invalid: invalid,
+        disabled: disabled
+    }), /*#__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.createElement(FormComponentErrorMessage, {
+        text: validationMessage,
+        invalid: invalid,
+        disabled: disabled
+    }), initialValue && /*#__PURE__*/ react.createElement("div", {
+        className: "mb-md"
+    }), /*#__PURE__*/ react.createElement(CanEditField, null, /*#__PURE__*/ react.createElement(Options, {
+        models: models,
+        onNewRecord: onNewRecord,
+        onLinkExistingRecord: onExistingRecord
+    })), newEntryDialogModel && /*#__PURE__*/ react.createElement(NewReferencedEntryDialog, {
+        model: newEntryDialogModel,
+        onClose: onNewEntryDialogClose,
+        onChange: onNewEntryCreate
+    }), linkEntryDialogModel && /*#__PURE__*/ react.createElement(ReferencesDialog, {
+        ...props,
+        multiple: false,
+        values: bind.value ? [
+            bind.value
+        ] : [],
+        contentModel: linkEntryDialogModel,
+        storeValues: storeValues,
+        onDialogClose: onLinkEntryDialogClose
+    }));
 };
+export { AdvancedSingleReferenceField };
 
 //# sourceMappingURL=AdvancedSingleReferenceField.js.map

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

@@ -1 +1 @@
-{"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":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/AdvancedSingleReferenceField.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/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, useModelField } 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\";\nimport { CanEditField, useFieldEffectiveRules } from \"@webiny/app-headless-cms-common\";\n\ninterface AdvancedSingleReferenceFieldProps extends CmsModelFieldRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | null>;\n}\n\nexport const AdvancedSingleReferenceField = (props: AdvancedSingleReferenceFieldProps) => {\n    const { bind } = props;\n    const { showSnackbar } = useSnackbar();\n    const { field } = useModelField();\n    const rules = useFieldEffectiveRules(field);\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    const disabled = !rules.canEdit || rules.disabled;\n\n    return (\n        <div className={\"@container\"}>\n            <FormComponentLabel text={field.label} invalid={invalid} disabled={disabled} />\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\n                text={validationMessage}\n                invalid={invalid}\n                disabled={disabled}\n            />\n            {initialValue && <div className=\"mb-md\" />}\n            <CanEditField>\n                <Options\n                    models={models}\n                    onNewRecord={onNewRecord}\n                    onLinkExistingRecord={onExistingRecord}\n                />\n            </CanEditField>\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        </div>\n    );\n};\n"],"names":["AdvancedSingleReferenceField","props","bind","showSnackbar","useSnackbar","field","useModelField","rules","useFieldEffectiveRules","linkEntryDialogModel","setLinkEntryDialogModel","useState","newEntryDialogModel","setNewEntryDialogModel","loadedModels","setLoadedModels","requestContext","useModelFieldGraphqlContext","data","loadingModels","useQuery","GQL","useEffect","onNewRecord","useCallback","modelId","model","console","onNewEntryDialogClose","onExistingRecord","onLinkEntryDialogClose","entries","loadingEntries","useReferences","onRemove","models","useMemo","Boolean","loading","storeValues","values","onNewEntryCreate","initialValue","entry","validation","validationIsValid","validationMessage","invalid","disabled","FormComponentLabel","OverlayLoader","Entry","FormComponentErrorMessage","CanEditField","Options","NewReferencedEntryDialog","ReferencesDialog"],"mappings":";;;;;;;;;;;AAwBO,MAAMA,+BAA+B,CAACC;IACzC,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,MAAM,EAAEE,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC,uBAAuBH;IAErC,MAAM,CAACI,sBAAsBC,wBAAwB,GAAGC,SAA0B;IAClF,MAAM,CAACC,qBAAqBC,uBAAuB,GAAGF,SAA0B;IAChF,MAAM,CAACG,cAAcC,gBAAgB,GAAGJ,SAAqB,EAAE;IAC/D,MAAMK,iBAAiBC;IAEvB,MAAM,EAAEC,IAAI,EAAE,SAASC,aAAa,EAAE,GAAGC,SACrCC,4CAAAA,mBAAuB,EACvB;QACI,SAASL;IACb;IAGJM,UAAU;QACN,IAAIH,iBAAiB,CAACD,MAAM,mBAAmB,MAC3C;QACG,IAAIA,KAAK,iBAAiB,CAAC,KAAK,EAAE;YACrCH,gBAAgB,EAAE;YAClBZ,aAAae,KAAK,iBAAiB,CAAC,KAAK,CAAC,OAAO;YACjD;QACJ;QACAH,gBAAgBG,KAAK,iBAAiB,CAAC,IAAI;IAC/C,GAAG;QAACA;KAAK;IAET,MAAMK,cAAcC,YAChB,CAACC;QACG,MAAMC,QAAQZ,aAAa,IAAI,CAACY,CAAAA,QAASA,MAAM,OAAO,KAAKD;QAC3D,IAAI,CAACC,OAAO,YACRC,QAAQ,GAAG,CAAC,CAAC,8BAA8B,EAAEF,QAAQ,EAAE,CAAC;QAG5DZ,uBAAuBa;IAC3B,GACA;QAACZ;QAAcL;KAAqB;IAGxC,MAAMmB,wBAAwBJ,YAAY;QACtCX,uBAAuB;IAC3B,GAAG;QAACJ;KAAqB;IAEzB,MAAMoB,mBAAmBL,YACrB,CAACC;QACG,MAAMC,QAAQZ,aAAa,IAAI,CAACY,CAAAA,QAASA,MAAM,OAAO,KAAKD;QAC3D,IAAI,CAACC,OAAO,YACRC,QAAQ,GAAG,CAAC,CAAC,8BAA8B,EAAEF,QAAQ,EAAE,CAAC;QAG5Df,wBAAwBgB;IAC5B,GACA;QAACZ;QAAcL;KAAqB;IAGxC,MAAMqB,yBAAyBN,YAAY;QACvCd,wBAAwB;IAC5B,GAAG,EAAE;IAEL,MAAM,EAAEqB,OAAO,EAAE,SAASC,cAAc,EAAE,GAAGC,cAAc;QACvD,QAAQ/B,KAAK,KAAK;QAClBc;IACJ;IAEA,MAAMkB,WAAWV,YAAY;QACzBtB,KAAK,QAAQ,CAAC;IAClB,GAAG;QAAC6B;KAAQ;IAEZ,MAAMI,SAASC,QAAQ;QACnB,IAAI,CAACtB,gBAAgB,CAACT,MAAM,QAAQ,EAAE,QAClC,OAAO,EAAE;QAGb,OAAQA,AAAAA,CAAAA,MAAM,QAAQ,EAAE,UAAU,EAAC,EAC9B,GAAG,CAAC,CAAC,EAAEoB,OAAO,EAAE,GACNX,aAAa,IAAI,CAACY,CAAAA,QAASA,MAAM,OAAO,KAAKD,UAEvD,MAAM,CAACY;IAChB,GAAG;QAACvB;QAAciB;KAAQ;IAE1B,MAAMO,UAAUN,kBAAkBb;IAElC,MAAMoB,cAAcf,YAChB,CAACgB;QACG,IAAIA,OAAO,MAAM,GAAG,GAAG,YACnBb,QAAQ,GAAG,CAAC;QAET,IAAIa,AAAkB,MAAlBA,OAAO,MAAM,IAAU,CAACA,MAAM,CAAC,EAAE,EAAE,IAAI,YAC9CtC,KAAK,QAAQ,CAAC;QAGlBA,KAAK,QAAQ,CAACsC,MAAM,CAAC,EAAE;IAC3B,GACA;QAACtC,KAAK,KAAK;QAAEA,KAAK,QAAQ;QAAE6B;KAAQ;IAGxC,MAAMU,mBAAmBjB,YACrB,CAACN;QACG,IAAI,CAACA,MAAM,YACPS,QAAQ,GAAG,CACP;QAGD,IAAI,CAACT,KAAK,EAAE,EAAE,YACjBS,QAAQ,GAAG,CACP;QAGD,IAAI,CAACT,KAAK,OAAO,EAAE,YACtBS,QAAQ,GAAG,CACP;QAIRY,YAAY;YACR;gBACI,IAAIrB,KAAK,EAAE;gBACX,SAASA,KAAK,OAAO;YACzB;SACH;IACL,GACA;QAACqB;KAAY;IAGjB,MAAMG,eAAeN,QAAQ;QACzB,IAAIL,AAAmB,MAAnBA,QAAQ,MAAM,IAAUjB,AAAwB,MAAxBA,aAAa,MAAM,EAC3C,OAAO;QAEX,MAAM6B,QAAQZ,OAAO,CAAC,EAAE;QACxB,IAAI,CAACY,OACD,OAAO;QAEX,MAAMjB,QAAQZ,aAAa,IAAI,CAACY,CAAAA,QAASA,MAAM,OAAO,KAAKiB,MAAM,KAAK,CAAC,OAAO;QAC9E,IAAI,CAACjB,OACD,OAAO;QAEX,OAAO;YACHiB;YACAjB;QACJ;IACJ,GAAG;QAACK;QAASjB;KAAa;IAE1B,MAAM,EAAE8B,UAAU,EAAE,GAAG1C;IACvB,MAAM,EAAE,SAAS2C,iBAAiB,EAAE,SAASC,iBAAiB,EAAE,GAAGF,cAAc,CAAC;IAClF,MAAMG,UAAUX,QAAQ,IAAMS,AAAsB,UAAtBA,mBAA6B;QAACA;KAAkB;IAE9E,MAAMG,WAAW,CAACzC,MAAM,OAAO,IAAIA,MAAM,QAAQ;IAEjD,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC0C,oBAAkBA;QAAC,MAAM5C,MAAM,KAAK;QAAE,SAAS0C;QAAS,UAAUC;sBACnE,oBAAC;QAAI,WAAW;OACXV,WAAW,WAAXA,GAAW,oBAACY,eAAaA;QAAC,MAAM;QAChCR,gBAAgB,WAAhBA,GACG,oBAACS,OAAKA;QACF,OAAOT,aAAa,KAAK;QACzB,WAAU;QACV,OAAO;QACP,OAAOA,aAAa,KAAK;QACzB,UAAUR;uBAItB,oBAACkB,2BAAyBA;QACtB,MAAMN;QACN,SAASC;QACT,UAAUC;QAEbN,gBAAgB,WAAhBA,GAAgB,oBAAC;QAAI,WAAU;sBAChC,oBAACW,cAAYA,MAAAA,WAAAA,GACT,oBAACC,SAAOA;QACJ,QAAQnB;QACR,aAAaZ;QACb,sBAAsBM;SAI7BjB,uBAAuB,WAAvBA,GACG,oBAAC2C,0BAAwBA;QACrB,OAAO3C;QACP,SAASgB;QACT,UAAUa;QAIjBhC,wBAAwB,WAAxBA,GACG,oBAAC+C,kBAAgBA;QACZ,GAAGvD,KAAK;QACT,UAAU;QACV,QAAQC,KAAK,KAAK,GAAG;YAACA,KAAK,KAAK;SAAC,GAAG,EAAE;QACtC,cAAcO;QACd,aAAa8B;QACb,eAAeT;;AAKnC"}

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

@@ -1,14 +1,9 @@
-import React from "react";
+import react from "react";
 import { cn } from "@webiny/admin-ui";
-const Container = ({
-  children,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    className: cn("w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative", className)
-  }), children);
-};
+const Container = ({ children, className, ...props })=>/*#__PURE__*/ react.createElement("div", {
+        ...props,
+        className: cn("w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative", className)
+    }, children);
 export { Container };
 
 //# sourceMappingURL=Container.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","cn","Container","children","className","props","createElement","Object","assign"],"sources":["Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { Container, type ContainerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,QAAQ,kBAAkB;AAIrC,MAAMC,SAAS,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAsB,CAAC,KAAK;EACrE,oBACIL,KAAA,CAAAM,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTD,SAAS,EAAEH,EAAE,CACT,4EAA4E,EAC5EG,SACJ;EAAE,IAEDD,QACA,CAAC;AAEd,CAAC;AAED,SAASD,SAAS","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/Container.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/Container.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"@webiny/admin-ui\";\n\ntype ContainerProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst Container = ({ children, className, ...props }: ContainerProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                \"w-full rounded-md border-sm border-neutral-muted p-sm-extra mt-xs relative\",\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { Container, type ContainerProps };\n"],"names":["Container","children","className","props","cn"],"mappings":";;AAKA,MAAMA,YAAY,CAAC,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAAuB,GACzD,WAAP,GACI,oBAAC;QACI,GAAGA,KAAK;QACT,WAAWC,GACP,8EACAF;OAGHD"}

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

@@ -1,29 +1,25 @@
-import React, { useCallback } from "react";
+import react, { useCallback } from "react";
 import debounce from "lodash/debounce.js";
 import { ScrollArea } from "@webiny/admin-ui";
-export const Entries = props => {
-  const {
-    entries,
-    children,
-    loadMore
-  } = props;
-  const loadMoreOnScroll = useCallback(debounce(position => {
-    if (position.top <= 0.9) {
-      return;
-    }
-    loadMore();
-  }, 500), [entries, loadMore]);
-  return /*#__PURE__*/React.createElement(ScrollArea, {
-    className: "max-h-[404px] w-full flex flex-col gap-md",
-    "data-testid": "advanced-ref-field-entries",
-    onScroll: loadMoreOnScroll
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col gap-md"
-  }, entries.map((entry, index) => {
-    return /*#__PURE__*/React.createElement("div", {
-      key: `entry-${entry.id}`
-    }, children(entry, index));
-  })));
+const Entries = (props)=>{
+    const { entries, children, loadMore } = props;
+    const loadMoreOnScroll = useCallback(debounce((position)=>{
+        if (position.top <= 0.9) return;
+        loadMore();
+    }, 500), [
+        entries,
+        loadMore
+    ]);
+    return /*#__PURE__*/ react.createElement(ScrollArea, {
+        className: "max-h-[404px] w-full flex flex-col gap-md",
+        "data-testid": "advanced-ref-field-entries",
+        onScroll: loadMoreOnScroll
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex flex-col gap-md"
+    }, entries.map((entry, index)=>/*#__PURE__*/ react.createElement("div", {
+            key: `entry-${entry.id}`
+        }, children(entry, index)))));
 };
+export { Entries };
 
 //# sourceMappingURL=Entries.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","debounce","ScrollArea","Entries","props","entries","children","loadMore","loadMoreOnScroll","position","top","createElement","className","onScroll","map","entry","index","key","id"],"sources":["Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\ninterface EntriesProps {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce(position => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    return (\n        <ScrollArea\n            className={\"max-h-[404px] w-full flex flex-col gap-md\"}\n            data-testid=\"advanced-ref-field-entries\"\n            onScroll={loadMoreOnScroll}\n        >\n            <div className={\"flex flex-col gap-md\"}>\n                {entries.map((entry, index) => {\n                    return <div key={`entry-${entry.id}`}>{children(entry, index)}</div>;\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,QAAQ,MAAM,oBAAoB;AAEzC,SAASC,UAAU,QAAQ,kBAAkB;AAQ7C,OAAO,MAAMC,OAAO,GAAIC,KAAmB,IAAK;EAC5C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE7C,MAAMI,gBAAgB,GAAGR,WAAW,CAChCC,QAAQ,CAACQ,QAAQ,IAAI;IACjB,IAAIA,QAAQ,CAACC,GAAG,IAAI,GAAG,EAAE;MACrB;IACJ;IACAH,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,GAAG,CAAC,EACP,CAACF,OAAO,EAAEE,QAAQ,CACtB,CAAC;EAED,oBACIR,KAAA,CAAAY,aAAA,CAACT,UAAU;IACPU,SAAS,EAAE,2CAA4C;IACvD,eAAY,4BAA4B;IACxCC,QAAQ,EAAEL;EAAiB,gBAE3BT,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAuB,GAClCP,OAAO,CAACS,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC3B,oBAAOjB,KAAA,CAAAY,aAAA;MAAKM,GAAG,EAAE,SAASF,KAAK,CAACG,EAAE;IAAG,GAAEZ,QAAQ,CAACS,KAAK,EAAEC,KAAK,CAAO,CAAC;EACxE,CAAC,CACA,CACG,CAAC;AAErB,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/plugins/fieldRenderers/ref/advanced/components/Entries.js","sources":["../../../../../../../src/admin/plugins/fieldRenderers/ref/advanced/components/Entries.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { ScrollArea } from \"@webiny/admin-ui\";\n\ninterface EntriesProps {\n    entries: CmsReferenceContentEntry[];\n    children: (entry: CmsReferenceContentEntry, index: number) => React.ReactNode;\n    loadMore: () => void;\n}\n\nexport const Entries = (props: EntriesProps) => {\n    const { entries, children, loadMore } = props;\n\n    const loadMoreOnScroll = useCallback(\n        debounce(position => {\n            if (position.top <= 0.9) {\n                return;\n            }\n            loadMore();\n        }, 500),\n        [entries, loadMore]\n    );\n\n    return (\n        <ScrollArea\n            className={\"max-h-[404px] w-full flex flex-col gap-md\"}\n            data-testid=\"advanced-ref-field-entries\"\n            onScroll={loadMoreOnScroll}\n        >\n            <div className={\"flex flex-col gap-md\"}>\n                {entries.map((entry, index) => {\n                    return <div key={`entry-${entry.id}`}>{children(entry, index)}</div>;\n                })}\n            </div>\n        </ScrollArea>\n    );\n};\n"],"names":["Entries","props","entries","children","loadMore","loadMoreOnScroll","useCallback","debounce","position","ScrollArea","entry","index"],"mappings":";;;AAWO,MAAMA,UAAU,CAACC;IACpB,MAAM,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAGH;IAExC,MAAMI,mBAAmBC,YACrBC,SAASC,CAAAA;QACL,IAAIA,SAAS,GAAG,IAAI,KAChB;QAEJJ;IACJ,GAAG,MACH;QAACF;QAASE;KAAS;IAGvB,OAAO,WAAP,GACI,oBAACK,YAAUA;QACP,WAAW;QACX,eAAY;QACZ,UAAUJ;qBAEV,oBAAC;QAAI,WAAW;OACXH,QAAQ,GAAG,CAAC,CAACQ,OAAOC,QACV,WAAP,GAAO,oBAAC;YAAI,KAAK,CAAC,MAAM,EAAED,MAAM,EAAE,EAAE;WAAGP,SAASO,OAAOC;AAK3E"}

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

@@ -6,6 +6,7 @@ interface EntryProps {
     entry: CmsReferenceContentEntry;
     onChange: (value: CmsReferenceValue) => void;
     index?: never;
+    disabled?: boolean;
     selected: boolean;
     onMoveUp?: never;
     onMoveDown?: never;
@@ -14,6 +15,7 @@ interface EntryProps {
 }
 interface EntryPropsWithRemove {
     onRemove: (entryId: string) => void;
+    disabled?: boolean;
     model: CmsModel;
     entry: CmsReferenceContentEntry;
     index: number;
@@ -23,5 +25,5 @@ interface EntryPropsWithRemove {
     selected?: never;
     placement?: string;
 }
-export declare const Entry: ({ entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
+export declare const Entry: ({ entry, onChange, onRemove, selected, index, onMoveUp: onMoveUpClick, onMoveDown: onMoveDownClick, placement, disabled }: EntryPropsWithRemove | EntryProps) => React.JSX.Element;
 export {};