@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/components/ContentEntries/Filters/Filters.js

@@ -1,59 +1,47 @@
-"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.Filters = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _contentEntries = require("../../../config/contentEntries");
-var _hooks = require("../../../views/contentEntries/hooks");
-var _appAco = require("@webiny/app-aco");
-var _hooks2 = require("../../../hooks");
-var _FieldsMapper = require("./FieldsMapper");
-var Filters = exports.Filters = function Filters() {
-  var _useContentEntryListC = (0, _contentEntries.useContentEntryListConfig)(),
-    browser = _useContentEntryListC.browser;
-  var list = (0, _hooks.useContentEntriesList)();
-  var _useModel = (0, _hooks2.useModel)(),
-    model = _useModel.model;
-  var _useState = (0, _react.useState)(),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    fields = _useState2[0],
-    setFields = _useState2[1];
-  var repository = (0, _appAco.useFilterRepository)("cms:".concat(model.modelId));
-  (0, _react.useEffect)(function () {
-    setFields(_FieldsMapper.FieldsMapper.toRaw(model));
+import React, { useEffect, useState } from "react";
+import { Filters as BaseFilters } from "@webiny/app-admin";
+import { useContentEntryListConfig } from "../../../config/contentEntries";
+import { useContentEntriesList } from "../../../views/contentEntries/hooks";
+import { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from "@webiny/app-aco";
+import { useModel } from "../../../hooks";
+import { FieldsMapper } from "./FieldsMapper";
+export const Filters = () => {
+  const {
+    browser
+  } = useContentEntryListConfig();
+  const list = useContentEntriesList();
+  const {
+    model
+  } = useModel();
+  const [fields, setFields] = useState();
+  const repository = useFilterRepository(`cms:${model.modelId}`);
+  useEffect(() => {
+    setFields(FieldsMapper.toRaw(model));
   }, [model]);
-  var applyFilters = function applyFilters(data) {
+  const applyFilters = data => {
     if (!Object.keys(data).length) {
       return;
     }
-    var convertedFilters = browser.filtersToWhere.reduce(function (data, converter) {
-      return converter(data);
-    }, data);
+    const convertedFilters = browser.filtersToWhere.reduce((data, converter) => converter(data), data);
     list.setFilters(convertedFilters);
   };
-  var applyAdvancedSearch = function applyAdvancedSearch(data) {
+  const applyAdvancedSearch = data => {
     if (!data) {
       return list.setFilters({});
     }
     if (!Object.keys(data).length) {
       return;
     }
-    list.setFilters(_appAco.GraphQLInputMapper.toGraphQL(data));
+    list.setFilters(GraphQLInputMapper.toGraphQL(data));
   };
   if (!fields) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(_appAdmin.Filters, {
+  return /*#__PURE__*/React.createElement(BaseFilters, {
     filters: browser.filters,
     show: list.showingFilters,
     onChange: applyFilters
-  }, /*#__PURE__*/_react.default.createElement(_appAco.AdvancedSearch, {
+  }, /*#__PURE__*/React.createElement(AdvancedSearch, {
     fields: fields,
     repository: repository,
     onApplyFilter: applyAdvancedSearch

package/admin/components/ContentEntries/Filters/Filters.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_contentEntries","_hooks","_appAco","_hooks2","_FieldsMapper","Filters","exports","_useContentEntryListC","useContentEntryListConfig","browser","list","useContentEntriesList","_useModel","useModel","model","_useState","useState","_useState2","_slicedToArray2","default","fields","setFields","repository","useFilterRepository","concat","modelId","useEffect","FieldsMapper","toRaw","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","setFilters","applyAdvancedSearch","GraphQLInputMapper","toGraphQL","createElement","filters","show","showingFilters","onChange","AdvancedSearch","onApplyFilter"],"sources":["Filters.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { Filters as BaseFilters, FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks\";\nimport { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from \"@webiny/app-aco\";\nimport { useModel } from \"~/admin/hooks\";\nimport { FieldsMapper } from \"./FieldsMapper\";\nimport { FieldRaw, FilterDTO } from \"@webiny/app-aco/components/AdvancedSearch/domain\";\n\nexport const Filters = () => {\n    const { browser } = useContentEntryListConfig();\n    const list = useContentEntriesList();\n    const { model } = useModel();\n    const [fields, setFields] = useState<FieldRaw[] | undefined>();\n    const repository = useFilterRepository(`cms:${model.modelId}`);\n\n    useEffect(() => {\n        setFields(FieldsMapper.toRaw(model));\n    }, [model]);\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n\n        list.setFilters(convertedFilters);\n    };\n\n    const applyAdvancedSearch = (data: FilterDTO | null) => {\n        if (!data) {\n            return list.setFilters({});\n        }\n\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        list.setFilters(GraphQLInputMapper.toGraphQL(data));\n    };\n\n    if (!fields) {\n        return null;\n    }\n\n    return (\n        <BaseFilters filters={browser.filters} show={list.showingFilters} onChange={applyFilters}>\n            <AdvancedSearch\n                fields={fields}\n                repository={repository}\n                onApplyFilter={applyAdvancedSearch}\n            />\n        </BaseFilters>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAGO,IAAMO,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAAE,qBAAA,GAAoB,IAAAC,yCAAyB,EAAC,CAAC;IAAvCC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;EACf,IAAMC,IAAI,GAAG,IAAAC,4BAAqB,EAAC,CAAC;EACpC,IAAAC,SAAA,GAAkB,IAAAC,gBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAyB,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,SAAA;IAAvDK,MAAM,GAAAH,UAAA;IAAEI,SAAS,GAAAJ,UAAA;EACxB,IAAMK,UAAU,GAAG,IAAAC,2BAAmB,SAAAC,MAAA,CAAQV,KAAK,CAACW,OAAO,CAAE,CAAC;EAE9D,IAAAC,gBAAS,EAAC,YAAM;IACZL,SAAS,CAACM,0BAAY,CAACC,KAAK,CAACd,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMe,YAA6B,GAAG,SAAhCA,YAA6BA,CAAGC,IAAI,EAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,IAAMC,gBAAgB,GAAGzB,OAAO,CAAC0B,cAAc,CAACC,MAAM,CAClD,UAACN,IAAI,EAAEO,SAAS;MAAA,OAAKA,SAAS,CAACP,IAAI,CAAC;IAAA,GACpCA,IACJ,CAAC;IAEDpB,IAAI,CAAC4B,UAAU,CAACJ,gBAAgB,CAAC;EACrC,CAAC;EAED,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIT,IAAsB,EAAK;IACpD,IAAI,CAACA,IAAI,EAAE;MACP,OAAOpB,IAAI,CAAC4B,UAAU,CAAC,CAAC,CAAC,CAAC;IAC9B;IAEA,IAAI,CAACP,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEAvB,IAAI,CAAC4B,UAAU,CAACE,0BAAkB,CAACC,SAAS,CAACX,IAAI,CAAC,CAAC;EACvD,CAAC;EAED,IAAI,CAACV,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIxB,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAAC3C,SAAA,CAAAM,OAAW;IAACsC,OAAO,EAAElC,OAAO,CAACkC,OAAQ;IAACC,IAAI,EAAElC,IAAI,CAACmC,cAAe;IAACC,QAAQ,EAAEjB;EAAa,gBACrFjC,MAAA,CAAAuB,OAAA,CAAAuB,aAAA,CAACxC,OAAA,CAAA6C,cAAc;IACX3B,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvB0B,aAAa,EAAET;EAAoB,CACtC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Filters","BaseFilters","useContentEntryListConfig","useContentEntriesList","AdvancedSearch","GraphQLInputMapper","useFilterRepository","useModel","FieldsMapper","browser","list","model","fields","setFields","repository","modelId","toRaw","applyFilters","data","Object","keys","length","convertedFilters","filtersToWhere","reduce","converter","setFilters","applyAdvancedSearch","toGraphQL","createElement","filters","show","showingFilters","onChange","onApplyFilter"],"sources":["Filters.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport type { FiltersOnSubmit } from \"@webiny/app-admin\";\nimport { Filters as BaseFilters } from \"@webiny/app-admin\";\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks\";\nimport { AdvancedSearch, GraphQLInputMapper, useFilterRepository } from \"@webiny/app-aco\";\nimport { useModel } from \"~/admin/hooks\";\nimport { FieldsMapper } from \"./FieldsMapper\";\nimport type { FieldRaw, FilterDTO } from \"@webiny/app-aco/components/AdvancedSearch/domain\";\n\nexport const Filters = () => {\n    const { browser } = useContentEntryListConfig();\n    const list = useContentEntriesList();\n    const { model } = useModel();\n    const [fields, setFields] = useState<FieldRaw[] | undefined>();\n    const repository = useFilterRepository(`cms:${model.modelId}`);\n\n    useEffect(() => {\n        setFields(FieldsMapper.toRaw(model));\n    }, [model]);\n\n    const applyFilters: FiltersOnSubmit = data => {\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        const convertedFilters = browser.filtersToWhere.reduce(\n            (data, converter) => converter(data),\n            data\n        );\n\n        list.setFilters(convertedFilters);\n    };\n\n    const applyAdvancedSearch = (data: FilterDTO | null) => {\n        if (!data) {\n            return list.setFilters({});\n        }\n\n        if (!Object.keys(data).length) {\n            return;\n        }\n\n        list.setFilters(GraphQLInputMapper.toGraphQL(data));\n    };\n\n    if (!fields) {\n        return null;\n    }\n\n    return (\n        <BaseFilters filters={browser.filters} show={list.showingFilters} onChange={applyFilters}>\n            <AdvancedSearch\n                fields={fields}\n                repository={repository}\n                onApplyFilter={applyAdvancedSearch}\n            />\n        </BaseFilters>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,OAAO,IAAIC,WAAW,QAAQ,mBAAmB;AAC1D,SAASC,yBAAyB;AAClC,SAASC,qBAAqB;AAC9B,SAASC,cAAc,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAQ,iBAAiB;AACzF,SAASC,QAAQ;AACjB,SAASC,YAAY;AAGrB,OAAO,MAAMR,OAAO,GAAGA,CAAA,KAAM;EACzB,MAAM;IAAES;EAAQ,CAAC,GAAGP,yBAAyB,CAAC,CAAC;EAC/C,MAAMQ,IAAI,GAAGP,qBAAqB,CAAC,CAAC;EACpC,MAAM;IAAEQ;EAAM,CAAC,GAAGJ,QAAQ,CAAC,CAAC;EAC5B,MAAM,CAACK,MAAM,EAAEC,SAAS,CAAC,GAAGd,QAAQ,CAAyB,CAAC;EAC9D,MAAMe,UAAU,GAAGR,mBAAmB,CAAC,OAAOK,KAAK,CAACI,OAAO,EAAE,CAAC;EAE9DjB,SAAS,CAAC,MAAM;IACZe,SAAS,CAACL,YAAY,CAACQ,KAAK,CAACL,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMM,YAA6B,GAAGC,IAAI,IAAI;IAC1C,IAAI,CAACC,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEA,MAAMC,gBAAgB,GAAGb,OAAO,CAACc,cAAc,CAACC,MAAM,CAClD,CAACN,IAAI,EAAEO,SAAS,KAAKA,SAAS,CAACP,IAAI,CAAC,EACpCA,IACJ,CAAC;IAEDR,IAAI,CAACgB,UAAU,CAACJ,gBAAgB,CAAC;EACrC,CAAC;EAED,MAAMK,mBAAmB,GAAIT,IAAsB,IAAK;IACpD,IAAI,CAACA,IAAI,EAAE;MACP,OAAOR,IAAI,CAACgB,UAAU,CAAC,CAAC,CAAC,CAAC;IAC9B;IAEA,IAAI,CAACP,MAAM,CAACC,IAAI,CAACF,IAAI,CAAC,CAACG,MAAM,EAAE;MAC3B;IACJ;IAEAX,IAAI,CAACgB,UAAU,CAACrB,kBAAkB,CAACuB,SAAS,CAACV,IAAI,CAAC,CAAC;EACvD,CAAC;EAED,IAAI,CAACN,MAAM,EAAE;IACT,OAAO,IAAI;EACf;EAEA,oBACIf,KAAA,CAAAgC,aAAA,CAAC5B,WAAW;IAAC6B,OAAO,EAAErB,OAAO,CAACqB,OAAQ;IAACC,IAAI,EAAErB,IAAI,CAACsB,cAAe;IAACC,QAAQ,EAAEhB;EAAa,gBACrFpB,KAAA,CAAAgC,aAAA,CAACzB,cAAc;IACXQ,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBoB,aAAa,EAAEP;EAAoB,CACtC,CACQ,CAAC;AAEtB,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGatewayInterface.d.ts

@@ -1,4 +1,4 @@
-import { EntryReference } from "../domain";
+import type { EntryReference } from "../domain";
 export interface EntriesGatewayInterface {
     list: (modelIds: string[], query: string) => Promise<EntryReference[]>;
     get: (modelId: string, id: string) => Promise<EntryReference>;

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGatewayInterface.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=EntriesGatewayInterface.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGatewayInterface.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["EntriesGatewayInterface.ts"],"sourcesContent":["import { EntryReference } from \"../domain\";\n\nexport interface EntriesGatewayInterface {\n    list: (modelIds: string[], query: string) => Promise<EntryReference[]>;\n    get: (modelId: string, id: string) => Promise<EntryReference>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["EntriesGatewayInterface.ts"],"sourcesContent":["import type { EntryReference } from \"../domain\";\n\nexport interface EntriesGatewayInterface {\n    list: (modelIds: string[], query: string) => Promise<EntryReference[]>;\n    get: (modelId: string, id: string) => Promise<EntryReference>;\n}\n"],"mappings":"","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGraphQLGateway.d.ts

@@ -1,5 +1,5 @@
-import { ApolloClient } from "apollo-client";
-import { EntriesGatewayInterface } from "./EntriesGatewayInterface";
+import type { ApolloClient } from "apollo-client";
+import type { EntriesGatewayInterface } from "./EntriesGatewayInterface";
 export declare class EntriesGraphQLGateway implements EntriesGatewayInterface {
     private client;
     constructor(client: ApolloClient<any>);

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGraphQLGateway.js

@@ -1,68 +1,57 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntriesGraphQLGateway = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _entries = require("./entries.gql");
-var EntriesGraphQLGateway = exports.EntriesGraphQLGateway = /*#__PURE__*/function () {
-  function EntriesGraphQLGateway(client) {
-    (0, _classCallCheck2.default)(this, EntriesGraphQLGateway);
+import { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from "./entries.gql";
+export class EntriesGraphQLGateway {
+  constructor(client) {
     this.client = client;
   }
-  return (0, _createClass2.default)(EntriesGraphQLGateway, [{
-    key: "list",
-    value: async function list(modelIds, query) {
-      var _await$this$client$qu = await this.client.query({
-          query: _entries.SEARCH_CONTENT_ENTRIES,
-          variables: {
-            modelIds: modelIds,
-            query: query,
-            limit: 50
-          },
-          fetchPolicy: "network-only"
-        }),
-        response = _await$this$client$qu.data;
-      if (!response) {
-        throw new Error("Network error while listing entries.");
-      }
-      var _response$searchConte = response.searchContentEntries,
-        data = _response$searchConte.data,
-        error = _response$searchConte.error;
-      if (!data) {
-        throw new Error(error?.message || "Could not fetch entries.");
-      }
-      return data;
+  async list(modelIds, query) {
+    const {
+      data: response
+    } = await this.client.query({
+      query: SEARCH_CONTENT_ENTRIES,
+      variables: {
+        modelIds,
+        query,
+        limit: 50
+      },
+      fetchPolicy: "network-only"
+    });
+    if (!response) {
+      throw new Error("Network error while listing entries.");
+    }
+    const {
+      data,
+      error
+    } = response.searchContentEntries;
+    if (!data) {
+      throw new Error(error?.message || "Could not fetch entries.");
     }
-  }, {
-    key: "get",
-    value: async function get(modelId, id) {
-      var _await$this$client$qu2 = await this.client.query({
-          query: _entries.GET_CONTENT_ENTRY,
-          variables: {
-            entry: {
-              modelId: modelId,
-              id: id
-            }
-          },
-          fetchPolicy: "network-only"
-        }),
-        response = _await$this$client$qu2.data;
-      if (!response) {
-        throw new Error("Network error while getting entries.");
-      }
-      var _response$getLatestCo = response.getLatestContentEntry,
-        data = _response$getLatestCo.data,
-        error = _response$getLatestCo.error;
-      if (!data) {
-        throw new Error(error?.message || "Could not fetch entry.");
-      }
-      return data;
+    return data;
+  }
+  async get(modelId, id) {
+    const {
+      data: response
+    } = await this.client.query({
+      query: GET_CONTENT_ENTRY,
+      variables: {
+        entry: {
+          modelId,
+          id
+        }
+      },
+      fetchPolicy: "network-only"
+    });
+    if (!response) {
+      throw new Error("Network error while getting entries.");
     }
-  }]);
-}();
+    const {
+      data,
+      error
+    } = response.getLatestContentEntry;
+    if (!data) {
+      throw new Error(error?.message || "Could not fetch entry.");
+    }
+    return data;
+  }
+}
 
 //# sourceMappingURL=EntriesGraphQLGateway.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGraphQLGateway.js.map

@@ -1 +1 @@
-{"version":3,"names":["_entries","require","EntriesGraphQLGateway","exports","client","_classCallCheck2","default","_createClass2","key","value","list","modelIds","query","_await$this$client$qu","SEARCH_CONTENT_ENTRIES","variables","limit","fetchPolicy","response","data","Error","_response$searchConte","searchContentEntries","error","message","get","modelId","id","_await$this$client$qu2","GET_CONTENT_ENTRY","entry","_response$getLatestCo","getLatestContentEntry"],"sources":["EntriesGraphQLGateway.ts"],"sourcesContent":["import { ApolloClient } from \"apollo-client\";\nimport { EntriesGatewayInterface } from \"./EntriesGatewayInterface\";\nimport { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from \"./entries.gql\";\nimport {\n    GetEntryQueryVariables,\n    GetEntryResponse,\n    ListEntriesQueryVariables,\n    ListEntriesResponse\n} from \"./entries.types\";\n\nexport class EntriesGraphQLGateway implements EntriesGatewayInterface {\n    private client: ApolloClient<any>;\n\n    constructor(client: ApolloClient<any>) {\n        this.client = client;\n    }\n\n    async list(modelIds: string[], query?: string) {\n        const { data: response } = await this.client.query<\n            ListEntriesResponse,\n            ListEntriesQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds,\n                query,\n                limit: 50\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while listing entries.\");\n        }\n\n        const { data, error } = response.searchContentEntries;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch entries.\");\n        }\n\n        return data;\n    }\n\n    async get(modelId: string, id: string) {\n        const { data: response } = await this.client.query<\n            GetEntryResponse,\n            GetEntryQueryVariables\n        >({\n            query: GET_CONTENT_ENTRY,\n            variables: {\n                entry: {\n                    modelId,\n                    id\n                }\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while getting entries.\");\n        }\n\n        const { data, error } = response.getLatestContentEntry;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch entry.\");\n        }\n\n        return data;\n    }\n}\n"],"mappings":";;;;;;;;;AAEA,IAAAA,QAAA,GAAAC,OAAA;AAA0E,IAQ7DC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA;EAG9B,SAAAA,sBAAYE,MAAyB,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,qBAAA;IACnC,IAAI,CAACE,MAAM,GAAGA,MAAM;EACxB;EAAC,WAAAG,aAAA,CAAAD,OAAA,EAAAJ,qBAAA;IAAAM,GAAA;IAAAC,KAAA,EAED,eAAMC,IAAIA,CAACC,QAAkB,EAAEC,KAAc,EAAE;MAC3C,IAAAC,qBAAA,GAA2B,MAAM,IAAI,CAACT,MAAM,CAACQ,KAAK,CAGhD;UACEA,KAAK,EAAEE,+BAAsB;UAC7BC,SAAS,EAAE;YACPJ,QAAQ,EAARA,QAAQ;YACRC,KAAK,EAALA,KAAK;YACLI,KAAK,EAAE;UACX,CAAC;UACDC,WAAW,EAAE;QACjB,CAAC,CAAC;QAXYC,QAAQ,GAAAL,qBAAA,CAAdM,IAAI;MAaZ,IAAI,CAACD,QAAQ,EAAE;QACX,MAAM,IAAIE,KAAK,CAAC,sCAAsC,CAAC;MAC3D;MAEA,IAAAC,qBAAA,GAAwBH,QAAQ,CAACI,oBAAoB;QAA7CH,IAAI,GAAAE,qBAAA,CAAJF,IAAI;QAAEI,KAAK,GAAAF,qBAAA,CAALE,KAAK;MAEnB,IAAI,CAACJ,IAAI,EAAE;QACP,MAAM,IAAIC,KAAK,CAACG,KAAK,EAAEC,OAAO,IAAI,0BAA0B,CAAC;MACjE;MAEA,OAAOL,IAAI;IACf;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,eAAMgB,GAAGA,CAACC,OAAe,EAAEC,EAAU,EAAE;MACnC,IAAAC,sBAAA,GAA2B,MAAM,IAAI,CAACxB,MAAM,CAACQ,KAAK,CAGhD;UACEA,KAAK,EAAEiB,0BAAiB;UACxBd,SAAS,EAAE;YACPe,KAAK,EAAE;cACHJ,OAAO,EAAPA,OAAO;cACPC,EAAE,EAAFA;YACJ;UACJ,CAAC;UACDV,WAAW,EAAE;QACjB,CAAC,CAAC;QAZYC,QAAQ,GAAAU,sBAAA,CAAdT,IAAI;MAcZ,IAAI,CAACD,QAAQ,EAAE;QACX,MAAM,IAAIE,KAAK,CAAC,sCAAsC,CAAC;MAC3D;MAEA,IAAAW,qBAAA,GAAwBb,QAAQ,CAACc,qBAAqB;QAA9Cb,IAAI,GAAAY,qBAAA,CAAJZ,IAAI;QAAEI,KAAK,GAAAQ,qBAAA,CAALR,KAAK;MAEnB,IAAI,CAACJ,IAAI,EAAE;QACP,MAAM,IAAIC,KAAK,CAACG,KAAK,EAAEC,OAAO,IAAI,wBAAwB,CAAC;MAC/D;MAEA,OAAOL,IAAI;IACf;EAAC;AAAA","ignoreList":[]}
+{"version":3,"names":["GET_CONTENT_ENTRY","SEARCH_CONTENT_ENTRIES","EntriesGraphQLGateway","constructor","client","list","modelIds","query","data","response","variables","limit","fetchPolicy","Error","error","searchContentEntries","message","get","modelId","id","entry","getLatestContentEntry"],"sources":["EntriesGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { EntriesGatewayInterface } from \"./EntriesGatewayInterface\";\nimport { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from \"./entries.gql\";\nimport type {\n    GetEntryQueryVariables,\n    GetEntryResponse,\n    ListEntriesQueryVariables,\n    ListEntriesResponse\n} from \"./entries.types\";\n\nexport class EntriesGraphQLGateway implements EntriesGatewayInterface {\n    private client: ApolloClient<any>;\n\n    constructor(client: ApolloClient<any>) {\n        this.client = client;\n    }\n\n    async list(modelIds: string[], query?: string) {\n        const { data: response } = await this.client.query<\n            ListEntriesResponse,\n            ListEntriesQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds,\n                query,\n                limit: 50\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while listing entries.\");\n        }\n\n        const { data, error } = response.searchContentEntries;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch entries.\");\n        }\n\n        return data;\n    }\n\n    async get(modelId: string, id: string) {\n        const { data: response } = await this.client.query<\n            GetEntryResponse,\n            GetEntryQueryVariables\n        >({\n            query: GET_CONTENT_ENTRY,\n            variables: {\n                entry: {\n                    modelId,\n                    id\n                }\n            },\n            fetchPolicy: \"network-only\"\n        });\n\n        if (!response) {\n            throw new Error(\"Network error while getting entries.\");\n        }\n\n        const { data, error } = response.getLatestContentEntry;\n\n        if (!data) {\n            throw new Error(error?.message || \"Could not fetch entry.\");\n        }\n\n        return data;\n    }\n}\n"],"mappings":"AAEA,SAASA,iBAAiB,EAAEC,sBAAsB;AAQlD,OAAO,MAAMC,qBAAqB,CAAoC;EAGlEC,WAAWA,CAACC,MAAyB,EAAE;IACnC,IAAI,CAACA,MAAM,GAAGA,MAAM;EACxB;EAEA,MAAMC,IAAIA,CAACC,QAAkB,EAAEC,KAAc,EAAE;IAC3C,MAAM;MAAEC,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACL,MAAM,CAACG,KAAK,CAGhD;MACEA,KAAK,EAAEN,sBAAsB;MAC7BS,SAAS,EAAE;QACPJ,QAAQ;QACRC,KAAK;QACLI,KAAK,EAAE;MACX,CAAC;MACDC,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACH,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,sCAAsC,CAAC;IAC3D;IAEA,MAAM;MAAEL,IAAI;MAAEM;IAAM,CAAC,GAAGL,QAAQ,CAACM,oBAAoB;IAErD,IAAI,CAACP,IAAI,EAAE;MACP,MAAM,IAAIK,KAAK,CAACC,KAAK,EAAEE,OAAO,IAAI,0BAA0B,CAAC;IACjE;IAEA,OAAOR,IAAI;EACf;EAEA,MAAMS,GAAGA,CAACC,OAAe,EAAEC,EAAU,EAAE;IACnC,MAAM;MAAEX,IAAI,EAAEC;IAAS,CAAC,GAAG,MAAM,IAAI,CAACL,MAAM,CAACG,KAAK,CAGhD;MACEA,KAAK,EAAEP,iBAAiB;MACxBU,SAAS,EAAE;QACPU,KAAK,EAAE;UACHF,OAAO;UACPC;QACJ;MACJ,CAAC;MACDP,WAAW,EAAE;IACjB,CAAC,CAAC;IAEF,IAAI,CAACH,QAAQ,EAAE;MACX,MAAM,IAAII,KAAK,CAAC,sCAAsC,CAAC;IAC3D;IAEA,MAAM;MAAEL,IAAI;MAAEM;IAAM,CAAC,GAAGL,QAAQ,CAACY,qBAAqB;IAEtD,IAAI,CAACb,IAAI,EAAE;MACP,MAAM,IAAIK,KAAK,CAACC,KAAK,EAAEE,OAAO,IAAI,wBAAwB,CAAC;IAC/D;IAEA,OAAOR,IAAI;EACf;AACJ","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.gql.js

@@ -1,16 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SEARCH_CONTENT_ENTRIES = exports.GET_CONTENT_ENTRY = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _templateObject, _templateObject2;
-var ERROR_FIELD = /* GraphQL */"\n    {\n        code\n        data\n        message\n    }\n";
-var DATA_FIELD = /* GraphQL */"\n    {\n        id\n        entryId\n        title\n        model {\n            modelId\n        }\n    }\n";
-var SEARCH_CONTENT_ENTRIES = exports.SEARCH_CONTENT_ENTRIES = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsSearchContentEntries($modelIds:[ID!]!, $query: String, $limit: Int) {\n       searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            data ", "\n            error ", "\n        }\n    }\n"])), DATA_FIELD, ERROR_FIELD);
-var GET_CONTENT_ENTRY = exports.GET_CONTENT_ENTRY = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n       getLatestContentEntry(entry: $entry) {\n            data ", "\n            error ", "\n        }\n    }\n"])), DATA_FIELD, ERROR_FIELD);
+import gql from "graphql-tag";
+const ERROR_FIELD = /* GraphQL */`
+    {
+        code
+        data
+        message
+    }
+`;
+const DATA_FIELD = /* GraphQL */`
+    {
+        id
+        entryId
+        title
+        model {
+            modelId
+        }
+    }
+`;
+export const SEARCH_CONTENT_ENTRIES = gql`
+    query CmsSearchContentEntries($modelIds:[ID!]!, $query: String, $limit: Int) {
+       searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {
+            data ${DATA_FIELD}
+            error ${ERROR_FIELD}
+        }
+    }
+`;
+export const GET_CONTENT_ENTRY = gql`
+    query CmsGetContentEntry($entry: CmsModelEntryInput!) {
+       getLatestContentEntry(entry: $entry) {
+            data ${DATA_FIELD}
+            error ${ERROR_FIELD}
+        }
+    }
+`;
 
 //# sourceMappingURL=entries.gql.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.gql.js.map

@@ -1 +1 @@
-{"version":3,"names":["_graphqlTag","_interopRequireDefault","require","_templateObject","_templateObject2","ERROR_FIELD","DATA_FIELD","SEARCH_CONTENT_ENTRIES","exports","gql","_taggedTemplateLiteral2","default","GET_CONTENT_ENTRY"],"sources":["entries.gql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst ERROR_FIELD = /* GraphQL */ `\n    {\n        code\n        data\n        message\n    }\n`;\n\nconst DATA_FIELD = /* GraphQL */ `\n    {\n        id\n        entryId\n        title\n        model {\n            modelId\n        }\n    }\n`;\n\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds:[ID!]!, $query: String, $limit: Int) {\n       searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            data ${DATA_FIELD}\n            error ${ERROR_FIELD}\n        }\n    }\n`;\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n       getLatestContentEntry(entry: $entry) {\n            data ${DATA_FIELD}\n            error ${ERROR_FIELD}\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8B,IAAAC,eAAA,EAAAC,gBAAA;AAE9B,IAAMC,WAAW,GAAG,4EAMnB;AAED,IAAMC,UAAU,GAAG,4HASlB;AAEM,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,OAAGE,mBAAG,EAAAN,eAAA,KAAAA,eAAA,OAAAO,uBAAA,CAAAC,OAAA,mPAGtBL,UAAU,EACTD,WAAW,CAG9B;AAEM,IAAMO,iBAAiB,GAAAJ,OAAA,CAAAI,iBAAA,OAAGH,mBAAG,EAAAL,gBAAA,KAAAA,gBAAA,OAAAM,uBAAA,CAAAC,OAAA,yLAGjBL,UAAU,EACTD,WAAW,CAG9B","ignoreList":[]}
+{"version":3,"names":["gql","ERROR_FIELD","DATA_FIELD","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRY"],"sources":["entries.gql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\n\nconst ERROR_FIELD = /* GraphQL */ `\n    {\n        code\n        data\n        message\n    }\n`;\n\nconst DATA_FIELD = /* GraphQL */ `\n    {\n        id\n        entryId\n        title\n        model {\n            modelId\n        }\n    }\n`;\n\nexport const SEARCH_CONTENT_ENTRIES = gql`\n    query CmsSearchContentEntries($modelIds:[ID!]!, $query: String, $limit: Int) {\n       searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {\n            data ${DATA_FIELD}\n            error ${ERROR_FIELD}\n        }\n    }\n`;\n\nexport const GET_CONTENT_ENTRY = gql`\n    query CmsGetContentEntry($entry: CmsModelEntryInput!) {\n       getLatestContentEntry(entry: $entry) {\n            data ${DATA_FIELD}\n            error ${ERROR_FIELD}\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAE7B,MAAMC,WAAW,GAAG,aAAc;AAClC;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,UAAU,GAAG,aAAc;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,sBAAsB,GAAGH,GAAG;AACzC;AACA;AACA,mBAAmBE,UAAU;AAC7B,oBAAoBD,WAAW;AAC/B;AACA;AACA,CAAC;AAED,OAAO,MAAMG,iBAAiB,GAAGJ,GAAG;AACpC;AACA;AACA,mBAAmBE,UAAU;AAC7B,oBAAoBD,WAAW;AAC/B;AACA;AACA,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.types.d.ts

@@ -1,5 +1,5 @@
-import { CmsErrorResponse } from "../../../../../../types";
-import { EntryReference } from "../domain";
+import type { CmsErrorResponse } from "../../../../../../types";
+import type { EntryReference } from "../domain";
 export interface ListEntriesQueryVariables {
     modelIds: string[];
     query?: string;

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=entries.types.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["entries.types.ts"],"sourcesContent":["import { CmsErrorResponse } from \"~/types\";\nimport { EntryReference } from \"../domain\";\n\nexport interface ListEntriesQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\n\nexport interface ListEntriesResponse {\n    searchContentEntries: {\n        data: EntryReference[] | null;\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface GetEntryQueryVariables {\n    entry: {\n        modelId: string;\n        id: string;\n    };\n}\n\nexport interface GetEntryResponse {\n    getLatestContentEntry: {\n        data: EntryReference | null;\n        error: CmsErrorResponse | null;\n    };\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["entries.types.ts"],"sourcesContent":["import type { CmsErrorResponse } from \"~/types\";\nimport type { EntryReference } from \"../domain\";\n\nexport interface ListEntriesQueryVariables {\n    modelIds: string[];\n    query?: string;\n    limit?: number;\n}\n\nexport interface ListEntriesResponse {\n    searchContentEntries: {\n        data: EntryReference[] | null;\n        error: CmsErrorResponse | null;\n    };\n}\n\nexport interface GetEntryQueryVariables {\n    entry: {\n        modelId: string;\n        id: string;\n    };\n}\n\nexport interface GetEntryResponse {\n    getLatestContentEntry: {\n        data: EntryReference | null;\n        error: CmsErrorResponse | null;\n    };\n}\n"],"mappings":"","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/index.js

@@ -1,29 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _EntriesGraphQLGateway = require("./EntriesGraphQLGateway");
-Object.keys(_EntriesGraphQLGateway).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _EntriesGraphQLGateway[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _EntriesGraphQLGateway[key];
-    }
-  });
-});
-var _EntriesGatewayInterface = require("./EntriesGatewayInterface");
-Object.keys(_EntriesGatewayInterface).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _EntriesGatewayInterface[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _EntriesGatewayInterface[key];
-    }
-  });
-});
+export * from "./EntriesGraphQLGateway";
+export * from "./EntriesGatewayInterface";
 
 //# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/index.js.map

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

package/admin/components/ContentEntries/Filters/RefFieldRenderer/components/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { RefPresenterViewModel } from "./RefPresenter";
+import type { RefPresenterViewModel } from "./RefPresenter";
 export interface AutoCompleteProps {
     vm: RefPresenterViewModel;
     name: string;

package/admin/components/ContentEntries/Filters/RefFieldRenderer/components/AutoComplete.js

@@ -1,43 +1,36 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AutoComplete = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _form = require("@webiny/form");
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-var AutoComplete = exports.AutoComplete = function AutoComplete(props) {
-  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+import React from "react";
+import { Bind } from "@webiny/form";
+import { AutoComplete as BaseAutocomplete } from "@webiny/ui/AutoComplete";
+export const AutoComplete = props => {
+  return /*#__PURE__*/React.createElement(Bind, {
     name: props.name
-  }, function (_ref) {
-    var _onChange = _ref.onChange,
-      validation = _ref.validation;
-    return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
-      label: "Value",
-      value: props.vm.selected,
-      validation: validation,
-      onChange: function onChange(_, selection) {
-        if (!selection) {
-          return;
-        }
+  }, ({
+    onChange,
+    validation
+  }) => /*#__PURE__*/React.createElement(BaseAutocomplete, {
+    label: "Value",
+    value: props.vm.selected,
+    validation: validation,
+    onChange: (_, selection) => {
+      if (!selection) {
+        return;
+      }
 
-        /**
-         * We currently store the value of the FieldDTO as a string.
-         * For REF fields, we need to save both modelId and entryId to load this back when showing pre-populated options.
-         * To achieve this, we'll store them in an object and convert it into a JSON string.
-         */
-        _onChange(JSON.stringify({
-          entryId: selection.entryId,
-          modelId: selection.modelId
-        }));
-      },
-      onInput: props.onInput,
-      options: props.vm.options,
-      loading: props.vm.loading
-    });
-  });
+      /**
+       * We currently store the value of the FieldDTO as a string.
+       * For REF fields, we need to save both modelId and entryId to load this back when showing pre-populated options.
+       * To achieve this, we'll store them in an object and convert it into a JSON string.
+       */
+      onChange(JSON.stringify({
+        entryId: selection.entryId,
+        modelId: selection.modelId
+      }));
+    },
+    onInput: props.onInput,
+    options: props.vm.options,
+    loading: props.vm.loading,
+    valueProp: "entryId"
+  }));
 };
 
 //# sourceMappingURL=AutoComplete.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer/components/AutoComplete.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_form","_AutoComplete","AutoComplete","exports","props","default","createElement","Bind","name","_ref","onChange","validation","label","value","vm","selected","_","selection","JSON","stringify","entryId","modelId","onInput","options","loading"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { AutoComplete as BaseAutocomplete } from \"@webiny/ui/AutoComplete\";\nimport { RefPresenterViewModel } from \"./RefPresenter\";\n\nexport interface AutoCompleteProps {\n    vm: RefPresenterViewModel;\n    name: string;\n    onInput(value: string): void;\n}\n\nexport const AutoComplete = (props: AutoCompleteProps) => {\n    return (\n        <Bind name={props.name}>\n            {({ onChange, validation }) => (\n                <BaseAutocomplete\n                    label={\"Value\"}\n                    value={props.vm.selected}\n                    validation={validation}\n                    onChange={(_, selection) => {\n                        if (!selection) {\n                            return;\n                        }\n\n                        /**\n                         * We currently store the value of the FieldDTO as a string.\n                         * For REF fields, we need to save both modelId and entryId to load this back when showing pre-populated options.\n                         * To achieve this, we'll store them in an object and convert it into a JSON string.\n                         */\n                        onChange(\n                            JSON.stringify({\n                                entryId: selection.entryId,\n                                modelId: selection.modelId\n                            })\n                        );\n                    }}\n                    onInput={props.onInput}\n                    options={props.vm.options}\n                    loading={props.vm.loading}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AASO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAIE,KAAwB,EAAK;EACtD,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAO,IAAI;IAACC,IAAI,EAAEJ,KAAK,CAACI;EAAK,GAClB,UAAAC,IAAA;IAAA,IAAGC,SAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAA,oBACpBd,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,aAAA,CAAAC,YAAgB;MACbU,KAAK,EAAE,OAAQ;MACfC,KAAK,EAAET,KAAK,CAACU,EAAE,CAACC,QAAS;MACzBJ,UAAU,EAAEA,UAAW;MACvBD,QAAQ,EAAE,SAAVA,QAAQA,CAAGM,CAAC,EAAEC,SAAS,EAAK;QACxB,IAAI,CAACA,SAAS,EAAE;UACZ;QACJ;;QAEA;AACxB;AACA;AACA;AACA;QACwBP,SAAQ,CACJQ,IAAI,CAACC,SAAS,CAAC;UACXC,OAAO,EAAEH,SAAS,CAACG,OAAO;UAC1BC,OAAO,EAAEJ,SAAS,CAACI;QACvB,CAAC,CACL,CAAC;MACL,CAAE;MACFC,OAAO,EAAElB,KAAK,CAACkB,OAAQ;MACvBC,OAAO,EAAEnB,KAAK,CAACU,EAAE,CAACS,OAAQ;MAC1BC,OAAO,EAAEpB,KAAK,CAACU,EAAE,CAACU;IAAQ,CAC7B,CAAC;EAAA,CAEJ,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Bind","AutoComplete","BaseAutocomplete","props","createElement","name","onChange","validation","label","value","vm","selected","_","selection","JSON","stringify","entryId","modelId","onInput","options","loading","valueProp"],"sources":["AutoComplete.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { AutoComplete as BaseAutocomplete } from \"@webiny/ui/AutoComplete\";\nimport type { RefPresenterViewModel } from \"./RefPresenter\";\n\nexport interface AutoCompleteProps {\n    vm: RefPresenterViewModel;\n    name: string;\n    onInput(value: string): void;\n}\n\nexport const AutoComplete = (props: AutoCompleteProps) => {\n    return (\n        <Bind name={props.name}>\n            {({ onChange, validation }) => (\n                <BaseAutocomplete\n                    label={\"Value\"}\n                    value={props.vm.selected}\n                    validation={validation}\n                    onChange={(_, selection) => {\n                        if (!selection) {\n                            return;\n                        }\n\n                        /**\n                         * We currently store the value of the FieldDTO as a string.\n                         * For REF fields, we need to save both modelId and entryId to load this back when showing pre-populated options.\n                         * To achieve this, we'll store them in an object and convert it into a JSON string.\n                         */\n                        onChange(\n                            JSON.stringify({\n                                entryId: selection.entryId,\n                                modelId: selection.modelId\n                            })\n                        );\n                    }}\n                    onInput={props.onInput}\n                    options={props.vm.options}\n                    loading={props.vm.loading}\n                    valueProp={\"entryId\"}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,IAAIC,gBAAgB,QAAQ,yBAAyB;AAS1E,OAAO,MAAMD,YAAY,GAAIE,KAAwB,IAAK;EACtD,oBACIJ,KAAA,CAAAK,aAAA,CAACJ,IAAI;IAACK,IAAI,EAAEF,KAAK,CAACE;EAAK,GAClB,CAAC;IAAEC,QAAQ;IAAEC;EAAW,CAAC,kBACtBR,KAAA,CAAAK,aAAA,CAACF,gBAAgB;IACbM,KAAK,EAAE,OAAQ;IACfC,KAAK,EAAEN,KAAK,CAACO,EAAE,CAACC,QAAS;IACzBJ,UAAU,EAAEA,UAAW;IACvBD,QAAQ,EAAEA,CAACM,CAAC,EAAEC,SAAS,KAAK;MACxB,IAAI,CAACA,SAAS,EAAE;QACZ;MACJ;;MAEA;AACxB;AACA;AACA;AACA;MACwBP,QAAQ,CACJQ,IAAI,CAACC,SAAS,CAAC;QACXC,OAAO,EAAEH,SAAS,CAACG,OAAO;QAC1BC,OAAO,EAAEJ,SAAS,CAACI;MACvB,CAAC,CACL,CAAC;IACL,CAAE;IACFC,OAAO,EAAEf,KAAK,CAACe,OAAQ;IACvBC,OAAO,EAAEhB,KAAK,CAACO,EAAE,CAACS,OAAQ;IAC1BC,OAAO,EAAEjB,KAAK,CAACO,EAAE,CAACU,OAAQ;IAC1BC,SAAS,EAAE;EAAU,CACxB,CAEH,CAAC;AAEf,CAAC","ignoreList":[]}