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

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_plugins","_Select","getValidFilterValue","value","undefined","FilterByStatus","bind","useBind","name","beforeChange","cb","options","useMemo","label","filterStatusPlugins","plugins","byType","forEach","plugin","push","default","createElement","Select","Object","assign","size","placeholder","exports"],"sources":["FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { useBind } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Select } from \"@webiny/ui/Select\";\n\nimport { CmsEntryFilterStatusPlugin } from \"@webiny/app-headless-cms-common/types\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const options = [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n\n        const filterStatusPlugins =\n            plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n\n        filterStatusPlugins.forEach(plugin => {\n            options.push({ label: plugin.label, value: plugin.value });\n        });\n\n        return options;\n    }, []);\n\n    return <Select {...bind} size={\"medium\"} placeholder={\"Filter by status\"} options={options} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAChC,IAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,QAAQ;IACdC,YAAY,WAAAA,aAACN,KAAK,EAAEO,EAAE,EAAE;MACpBA,EAAE,CAACR,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMQ,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,IAAMD,OAAO,GAAG,CACZ;MAAEE,KAAK,EAAE,KAAK;MAAEV,KAAK,EAAE;IAAM,CAAC,EAC9B;MAAEU,KAAK,EAAE,OAAO;MAAEV,KAAK,EAAE;IAAQ,CAAC,EAClC;MAAEU,KAAK,EAAE,WAAW;MAAEV,KAAK,EAAE;IAAY,CAAC,EAC1C;MAAEU,KAAK,EAAE,aAAa;MAAEV,KAAK,EAAE;IAAc,CAAC,CACjD;IAED,IAAMW,mBAAmB,GACrBC,gBAAO,CAACC,MAAM,CAA6B,yBAAyB,CAAC;IAEzEF,mBAAmB,CAACG,OAAO,CAAC,UAAAC,MAAM,EAAI;MAClCP,OAAO,CAACQ,IAAI,CAAC;QAAEN,KAAK,EAAEK,MAAM,CAACL,KAAK;QAAEV,KAAK,EAAEe,MAAM,CAACf;MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAOQ,OAAO;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACpB,OAAA,CAAAqB,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAKlB,IAAI;IAAEmB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACf,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC;AAACgB,OAAA,CAAAtB,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_plugins","_Select","getValidFilterValue","value","undefined","FilterByStatus","exports","bind","useBind","name","beforeChange","cb","options","useMemo","label","filterStatusPlugins","plugins","byType","forEach","plugin","push","default","createElement","Select","Object","assign","size","placeholder"],"sources":["FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { useBind } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Select } from \"@webiny/ui/Select\";\n\nimport { CmsEntryFilterStatusPlugin } from \"@webiny/app-headless-cms-common/types\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const options = [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n\n        const filterStatusPlugins =\n            plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n\n        filterStatusPlugins.forEach(plugin => {\n            options.push({ label: plugin.label, value: plugin.value });\n        });\n\n        return options;\n    }, []);\n\n    return <Select {...bind} size={\"medium\"} placeholder={\"Filter by status\"} options={options} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,KAAa,EAAyB;EAC/D,IAAIA,KAAK,KAAK,KAAK,IAAIA,KAAK,KAAK,EAAE,EAAE;IACjC,OAAOC,SAAS;EACpB;EACA,OAAOD,KAAK;AAChB,CAAC;AAEM,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAChC,IAAME,IAAI,GAAG,IAAAC,aAAO,EAAC;IACjBC,IAAI,EAAE,QAAQ;IACdC,YAAY,WAAAA,aAACP,KAAK,EAAEQ,EAAE,EAAE;MACpBA,EAAE,CAACT,mBAAmB,CAACC,KAAK,CAAC,CAAC;IAClC;EACJ,CAAC,CAAC;EAEF,IAAMS,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,IAAMD,OAAO,GAAG,CACZ;MAAEE,KAAK,EAAE,KAAK;MAAEX,KAAK,EAAE;IAAM,CAAC,EAC9B;MAAEW,KAAK,EAAE,OAAO;MAAEX,KAAK,EAAE;IAAQ,CAAC,EAClC;MAAEW,KAAK,EAAE,WAAW;MAAEX,KAAK,EAAE;IAAY,CAAC,EAC1C;MAAEW,KAAK,EAAE,aAAa;MAAEX,KAAK,EAAE;IAAc,CAAC,CACjD;IAED,IAAMY,mBAAmB,GACrBC,gBAAO,CAACC,MAAM,CAA6B,yBAAyB,CAAC;IAEzEF,mBAAmB,CAACG,OAAO,CAAC,UAAAC,MAAM,EAAI;MAClCP,OAAO,CAACQ,IAAI,CAAC;QAAEN,KAAK,EAAEK,MAAM,CAACL,KAAK;QAAEX,KAAK,EAAEgB,MAAM,CAAChB;MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF,OAAOS,OAAO;EAClB,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOhB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACrB,OAAA,CAAAsB,MAAM,EAAAC,MAAA,CAAAC,MAAA,KAAKlB,IAAI;IAAEmB,IAAI,EAAE,QAAS;IAACC,WAAW,EAAE,kBAAmB;IAACf,OAAO,EAAEA;EAAQ,EAAE,CAAC;AAClG,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Filters: () => JSX.Element | null;
+import React from "react";
+export declare const Filters: () => React.JSX.Element | null;

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

@@ -14,7 +14,7 @@ var _hooks = require("../../../views/contentEntries/hooks");
 var _appAco = require("@webiny/app-aco");
 var _hooks2 = require("../../../hooks");
 var _FieldsMapper = require("./FieldsMapper");
-var Filters = function Filters() {
+var Filters = exports.Filters = function Filters() {
   var _useContentEntryListC = (0, _contentEntries.useContentEntryListConfig)(),
     browser = _useContentEntryListC.browser;
   var list = (0, _hooks.useContentEntriesList)();
@@ -52,7 +52,6 @@ var Filters = function Filters() {
   return /*#__PURE__*/_react.default.createElement(_appAdmin.Filters, {
     filters: browser.filters,
     show: list.showingFilters,
-    data: {},
     onChange: applyFilters
   }, /*#__PURE__*/_react.default.createElement(_appAco.AdvancedSearch, {
     fields: fields,
@@ -60,6 +59,5 @@ var Filters = function Filters() {
     onApplyFilter: applyAdvancedSearch
   }));
 };
-exports.Filters = Filters;
 
 //# sourceMappingURL=Filters.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_contentEntries","_hooks","_appAco","_hooks2","_FieldsMapper","Filters","_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","exports"],"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\n            filters={browser.filters}\n            show={list.showingFilters}\n            data={{}}\n            onChange={applyFilters}\n        >\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,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAAC,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,oBACIvB,MAAA,CAAAsB,OAAA,CAAAuB,aAAA,CAAC1C,SAAA,CAAAM,OAAW;IACRqC,OAAO,EAAElC,OAAO,CAACkC,OAAQ;IACzBC,IAAI,EAAElC,IAAI,CAACmC,cAAe;IAC1Bf,IAAI,EAAE,CAAC,CAAE;IACTgB,QAAQ,EAAEjB;EAAa,gBAEvBhC,MAAA,CAAAsB,OAAA,CAAAuB,aAAA,CAACvC,OAAA,CAAA4C,cAAc;IACX3B,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvB0B,aAAa,EAAET;EAAoB,CACtC,CACQ,CAAC;AAEtB,CAAC;AAACU,OAAA,CAAA3C,OAAA,GAAAA,OAAA"}
+{"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":[]}

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

@@ -0,0 +1,5 @@
+import { 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

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,8 @@
+import { ApolloClient } from "apollo-client";
+import { EntriesGatewayInterface } from "./EntriesGatewayInterface";
+export declare class EntriesGraphQLGateway implements EntriesGatewayInterface {
+    private client;
+    constructor(client: ApolloClient<any>);
+    list(modelIds: string[], query?: string): Promise<import("../domain").EntryReference[]>;
+    get(modelId: string, id: string): Promise<import("../domain").EntryReference>;
+}

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

@@ -0,0 +1,68 @@
+"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);
+    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;
+    }
+  }, {
+    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;
+    }
+  }]);
+}();
+
+//# sourceMappingURL=EntriesGraphQLGateway.js.map

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

@@ -0,0 +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,eAAAC,KAAWC,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,eAAAgB,IAAUC,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":[]}

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

@@ -0,0 +1,2 @@
+export declare const SEARCH_CONTENT_ENTRIES: import("graphql").DocumentNode;
+export declare const GET_CONTENT_ENTRY: import("graphql").DocumentNode;

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

@@ -0,0 +1,16 @@
+"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);
+
+//# sourceMappingURL=entries.gql.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,25 @@
+import { CmsErrorResponse } from "../../../../../../types";
+import { EntryReference } from "../domain";
+export interface ListEntriesQueryVariables {
+    modelIds: string[];
+    query?: string;
+    limit?: number;
+}
+export interface ListEntriesResponse {
+    searchContentEntries: {
+        data: EntryReference[] | null;
+        error: CmsErrorResponse | null;
+    };
+}
+export interface GetEntryQueryVariables {
+    entry: {
+        modelId: string;
+        id: string;
+    };
+}
+export interface GetEntryResponse {
+    getLatestContentEntry: {
+        data: EntryReference | null;
+        error: CmsErrorResponse | null;
+    };
+}

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

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

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,2 @@
+export * from "./EntriesGraphQLGateway";
+export * from "./EntriesGatewayInterface";

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

@@ -0,0 +1,29 @@
+"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];
+    }
+  });
+});
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { RefPresenterViewModel } from "./RefPresenter";
+export interface AutoCompleteProps {
+    vm: RefPresenterViewModel;
+    name: string;
+    onInput(value: string): void;
+}
+export declare const AutoComplete: (props: AutoCompleteProps) => React.JSX.Element;

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

@@ -0,0 +1,43 @@
+"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, {
+    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;
+        }
+
+        /**
+         * 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
+    });
+  });
+};
+
+//# sourceMappingURL=AutoComplete.js.map

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

@@ -0,0 +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,SAAAA,SAACM,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":[]}

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Ref: () => React.JSX.Element;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Ref = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _mobxReactLite = require("mobx-react-lite");
+var _form = require("@webiny/form");
+var _adapters = require("../adapters");
+var _domain = require("../domain");
+var _AutoComplete = require("./AutoComplete");
+var _RefPresenter = require("./RefPresenter");
+var _contentEntries = require("../../../../../config/contentEntries");
+var _hooks = require("../../../../../hooks");
+var useInputField = _contentEntries.ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer.useInputField;
+var Ref = exports.Ref = function Ref() {
+  var _useInputField = useInputField(),
+    name = _useInputField.name;
+  var _useBind = (0, _form.useBind)({
+      name: name
+    }),
+    value = _useBind.value;
+  return /*#__PURE__*/_react.default.createElement(RefWithValue, {
+    value: value
+  });
+};
+var RefWithValue = (0, _mobxReactLite.observer)(function (_ref) {
+  var value = _ref.value;
+  var _useInputField2 = useInputField(),
+    name = _useInputField2.name,
+    field = _useInputField2.field;
+  var client = (0, _hooks.useApolloClient)();
+  var presenter = (0, _react.useMemo)(function () {
+    var gateway = new _adapters.EntriesGraphQLGateway(client);
+    var repository = _domain.entryRepositoryFactory.getRepository(gateway, field.settings.modelIds);
+    return new _RefPresenter.RefPresenter(repository);
+  }, [client, field.settings.modelIds]);
+  (0, _react.useEffect)(function () {
+    presenter.load(value);
+  }, [value]);
+  var onInput = (0, _react.useCallback)((0, _debounce.default)(function (value) {
+    return presenter.search(value);
+  }, 250), [presenter.search]);
+  return /*#__PURE__*/_react.default.createElement(_AutoComplete.AutoComplete, {
+    name: name,
+    onInput: onInput,
+    vm: presenter.vm
+  });
+});
+
+//# sourceMappingURL=Ref.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_debounce","_interopRequireDefault","_mobxReactLite","_form","_adapters","_domain","_AutoComplete","_RefPresenter","_contentEntries","_hooks","useInputField","ContentEntryListConfig","Browser","AdvancedSearch","FieldRenderer","Ref","exports","_useInputField","name","_useBind","useBind","value","default","createElement","RefWithValue","observer","_ref","_useInputField2","field","client","useApolloClient","presenter","useMemo","gateway","EntriesGraphQLGateway","repository","entryRepositoryFactory","getRepository","settings","modelIds","RefPresenter","useEffect","load","onInput","useCallback","debounce","search","AutoComplete","vm"],"sources":["Ref.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { observer } from \"mobx-react-lite\";\nimport { useBind } from \"@webiny/form\";\nimport { EntriesGraphQLGateway } from \"../adapters\";\nimport { entryRepositoryFactory } from \"../domain\";\nimport { AutoComplete } from \"./AutoComplete\";\nimport { RefPresenter } from \"./RefPresenter\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries\";\nimport { useApolloClient } from \"~/admin/hooks\";\n\nconst { useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;\n\nexport const Ref = () => {\n    const { name } = useInputField();\n    const { value } = useBind({ name });\n\n    return <RefWithValue value={value} />;\n};\n\ninterface RefProps {\n    value: string | undefined;\n}\n\nconst RefWithValue = observer(({ value }: RefProps) => {\n    const { name, field } = useInputField();\n    const client = useApolloClient();\n\n    const presenter = useMemo<RefPresenter>(() => {\n        const gateway = new EntriesGraphQLGateway(client);\n        const repository = entryRepositoryFactory.getRepository(gateway, field.settings.modelIds);\n        return new RefPresenter(repository);\n    }, [client, field.settings.modelIds]);\n\n    useEffect(() => {\n        presenter.load(value);\n    }, [value]);\n\n    const onInput = useCallback(\n        debounce(value => presenter.search(value), 250),\n        [presenter.search]\n    );\n\n    return <AutoComplete name={name} onInput={onInput} vm={presenter.vm} />;\n});\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,eAAA,GAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AAEA,IAAQW,aAAa,GAAKC,sCAAsB,CAACC,OAAO,CAACC,cAAc,CAACC,aAAa,CAA7EJ,aAAa;AAEd,IAAMK,GAAG,GAAAC,OAAA,CAAAD,GAAA,GAAG,SAANA,GAAGA,CAAA,EAAS;EACrB,IAAAE,cAAA,GAAiBP,aAAa,CAAC,CAAC;IAAxBQ,IAAI,GAAAD,cAAA,CAAJC,IAAI;EACZ,IAAAC,QAAA,GAAkB,IAAAC,aAAO,EAAC;MAAEF,IAAI,EAAJA;IAAK,CAAC,CAAC;IAA3BG,KAAK,GAAAF,QAAA,CAALE,KAAK;EAEb,oBAAOxB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACC,YAAY;IAACH,KAAK,EAAEA;EAAM,CAAE,CAAC;AACzC,CAAC;AAMD,IAAMG,YAAY,GAAG,IAAAC,uBAAQ,EAAC,UAAAC,IAAA,EAAyB;EAAA,IAAtBL,KAAK,GAAAK,IAAA,CAALL,KAAK;EAClC,IAAAM,eAAA,GAAwBjB,aAAa,CAAC,CAAC;IAA/BQ,IAAI,GAAAS,eAAA,CAAJT,IAAI;IAAEU,KAAK,GAAAD,eAAA,CAALC,KAAK;EACnB,IAAMC,MAAM,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAEhC,IAAMC,SAAS,GAAG,IAAAC,cAAO,EAAe,YAAM;IAC1C,IAAMC,OAAO,GAAG,IAAIC,+BAAqB,CAACL,MAAM,CAAC;IACjD,IAAMM,UAAU,GAAGC,8BAAsB,CAACC,aAAa,CAACJ,OAAO,EAAEL,KAAK,CAACU,QAAQ,CAACC,QAAQ,CAAC;IACzF,OAAO,IAAIC,0BAAY,CAACL,UAAU,CAAC;EACvC,CAAC,EAAE,CAACN,MAAM,EAAED,KAAK,CAACU,QAAQ,CAACC,QAAQ,CAAC,CAAC;EAErC,IAAAE,gBAAS,EAAC,YAAM;IACZV,SAAS,CAACW,IAAI,CAACrB,KAAK,CAAC;EACzB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,IAAMsB,OAAO,GAAG,IAAAC,kBAAW,EACvB,IAAAC,iBAAQ,EAAC,UAAAxB,KAAK;IAAA,OAAIU,SAAS,CAACe,MAAM,CAACzB,KAAK,CAAC;EAAA,GAAE,GAAG,CAAC,EAC/C,CAACU,SAAS,CAACe,MAAM,CACrB,CAAC;EAED,oBAAOjD,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyC,YAAY;IAAC7B,IAAI,EAAEA,IAAK;IAACyB,OAAO,EAAEA,OAAQ;IAACK,EAAE,EAAEjB,SAAS,CAACiB;EAAG,CAAE,CAAC;AAC3E,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+import { EntryRepository } from "../domain";
+interface EntryOption {
+    id: string;
+    name: string;
+}
+export interface RefPresenterViewModel {
+    selected?: EntryOption;
+    options: EntryOption[];
+    loading: boolean;
+}
+interface IRefPresenter {
+    load(id?: string): Promise<void>;
+    search(query: string): Promise<void>;
+    get vm(): RefPresenterViewModel;
+}
+export declare class RefPresenter implements IRefPresenter {
+    private repository;
+    private currentEntry;
+    constructor(repository: EntryRepository);
+    load(value?: string): Promise<void>;
+    search(query: string): Promise<void>;
+    get vm(): {
+        selected: {
+            id: string;
+            name: string;
+            entryId: string;
+            modelId: string;
+        } | undefined;
+        loading: boolean;
+        options: {
+            id: string;
+            name: string;
+            entryId: string;
+            modelId: string;
+        }[];
+    };
+}
+export {};

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RefPresenter = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mobx = require("mobx");
+var RefPresenter = exports.RefPresenter = /*#__PURE__*/function () {
+  function RefPresenter(repository) {
+    (0, _classCallCheck2.default)(this, RefPresenter);
+    (0, _defineProperty2.default)(this, "currentEntry", null);
+    this.repository = repository;
+    (0, _mobx.makeAutoObservable)(this);
+  }
+  return (0, _createClass2.default)(RefPresenter, [{
+    key: "load",
+    value: async function load(value) {
+      var _this = this;
+      try {
+        if (!value) {
+          return;
+        }
+
+        /**
+         * Currently, the FieldDTO `value` is stored as a string. For REF fields, we save `modelId` and `entryId` in an object and convert it into a JSON string.
+         * Here, we parse the string to extract parameters, which we subsequently use to retrieve the entry from the repository.
+         */
+        var _JSON$parse = JSON.parse(value),
+          entryId = _JSON$parse.entryId,
+          modelId = _JSON$parse.modelId;
+        var entry = await this.repository.getEntryById(modelId, entryId);
+        if (!entry) {
+          return;
+        }
+        (0, _mobx.runInAction)(function () {
+          _this.currentEntry = entry;
+        });
+      } catch (error) {
+        console.error("Error while loading initial value", error);
+        return;
+      }
+    }
+  }, {
+    key: "search",
+    value: async function search(query) {
+      await this.repository.listEntries(query);
+    }
+  }, {
+    key: "vm",
+    get: function get() {
+      return {
+        selected: this.currentEntry ? {
+          id: this.currentEntry.id,
+          name: this.currentEntry.title,
+          entryId: this.currentEntry.entryId,
+          modelId: this.currentEntry.modelId
+        } : undefined,
+        loading: this.repository.getLoading().isLoading,
+        options: this.repository.getEntries().map(function (entry) {
+          return {
+            id: entry.id,
+            name: entry.title,
+            entryId: entry.entryId,
+            modelId: entry.modelId
+          };
+        })
+      };
+    }
+  }]);
+}();
+
+//# sourceMappingURL=RefPresenter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","RefPresenter","exports","repository","_classCallCheck2","default","_defineProperty2","makeAutoObservable","_createClass2","key","value","load","_this","_JSON$parse","JSON","parse","entryId","modelId","entry","getEntryById","runInAction","currentEntry","error","console","search","query","listEntries","get","selected","id","name","title","undefined","loading","getLoading","isLoading","options","getEntries","map"],"sources":["RefPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport { EntryDTO, EntryRepository } from \"../domain\";\n\ninterface EntryOption {\n    id: string;\n    name: string;\n}\n\nexport interface RefPresenterViewModel {\n    selected?: EntryOption;\n    options: EntryOption[];\n    loading: boolean;\n}\n\ninterface IRefPresenter {\n    load(id?: string): Promise<void>;\n    search(query: string): Promise<void>;\n    get vm(): RefPresenterViewModel;\n}\n\nexport class RefPresenter implements IRefPresenter {\n    private repository: EntryRepository;\n    private currentEntry: EntryDTO | null = null;\n\n    constructor(repository: EntryRepository) {\n        this.repository = repository;\n        makeAutoObservable(this);\n    }\n\n    async load(value?: string) {\n        try {\n            if (!value) {\n                return;\n            }\n\n            /**\n             * Currently, the FieldDTO `value` is stored as a string. For REF fields, we save `modelId` and `entryId` in an object and convert it into a JSON string.\n             * Here, we parse the string to extract parameters, which we subsequently use to retrieve the entry from the repository.\n             */\n            const { entryId, modelId } = JSON.parse(value);\n\n            const entry = await this.repository.getEntryById(modelId, entryId);\n\n            if (!entry) {\n                return;\n            }\n\n            runInAction(() => {\n                this.currentEntry = entry;\n            });\n        } catch (error) {\n            console.error(\"Error while loading initial value\", error);\n            return;\n        }\n    }\n\n    async search(query: string) {\n        await this.repository.listEntries(query);\n    }\n\n    get vm() {\n        return {\n            selected: this.currentEntry\n                ? {\n                      id: this.currentEntry.id,\n                      name: this.currentEntry.title,\n                      entryId: this.currentEntry.entryId,\n                      modelId: this.currentEntry.modelId\n                  }\n                : undefined,\n            loading: this.repository.getLoading().isLoading,\n            options: this.repository.getEntries().map(entry => ({\n                id: entry.id,\n                name: entry.title,\n                entryId: entry.entryId,\n                modelId: entry.modelId\n            }))\n        };\n    }\n}\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAuD,IAoB1CC,YAAY,GAAAC,OAAA,CAAAD,YAAA;EAIrB,SAAAA,aAAYE,UAA2B,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAJ,YAAA;IAAA,IAAAK,gBAAA,CAAAD,OAAA,wBAFD,IAAI;IAGxC,IAAI,CAACF,UAAU,GAAGA,UAAU;IAC5B,IAAAI,wBAAkB,EAAC,IAAI,CAAC;EAC5B;EAAC,WAAAC,aAAA,CAAAH,OAAA,EAAAJ,YAAA;IAAAQ,GAAA;IAAAC,KAAA,EAED,eAAAC,KAAWD,KAAc,EAAE;MAAA,IAAAE,KAAA;MACvB,IAAI;QACA,IAAI,CAACF,KAAK,EAAE;UACR;QACJ;;QAEA;AACZ;AACA;AACA;QACY,IAAAG,WAAA,GAA6BC,IAAI,CAACC,KAAK,CAACL,KAAK,CAAC;UAAtCM,OAAO,GAAAH,WAAA,CAAPG,OAAO;UAAEC,OAAO,GAAAJ,WAAA,CAAPI,OAAO;QAExB,IAAMC,KAAK,GAAG,MAAM,IAAI,CAACf,UAAU,CAACgB,YAAY,CAACF,OAAO,EAAED,OAAO,CAAC;QAElE,IAAI,CAACE,KAAK,EAAE;UACR;QACJ;QAEA,IAAAE,iBAAW,EAAC,YAAM;UACdR,KAAI,CAACS,YAAY,GAAGH,KAAK;QAC7B,CAAC,CAAC;MACN,CAAC,CAAC,OAAOI,KAAK,EAAE;QACZC,OAAO,CAACD,KAAK,CAAC,mCAAmC,EAAEA,KAAK,CAAC;QACzD;MACJ;IACJ;EAAC;IAAAb,GAAA;IAAAC,KAAA,EAED,eAAAc,OAAaC,KAAa,EAAE;MACxB,MAAM,IAAI,CAACtB,UAAU,CAACuB,WAAW,CAACD,KAAK,CAAC;IAC5C;EAAC;IAAAhB,GAAA;IAAAkB,GAAA,EAED,SAAAA,IAAA,EAAS;MACL,OAAO;QACHC,QAAQ,EAAE,IAAI,CAACP,YAAY,GACrB;UACIQ,EAAE,EAAE,IAAI,CAACR,YAAY,CAACQ,EAAE;UACxBC,IAAI,EAAE,IAAI,CAACT,YAAY,CAACU,KAAK;UAC7Bf,OAAO,EAAE,IAAI,CAACK,YAAY,CAACL,OAAO;UAClCC,OAAO,EAAE,IAAI,CAACI,YAAY,CAACJ;QAC/B,CAAC,GACDe,SAAS;QACfC,OAAO,EAAE,IAAI,CAAC9B,UAAU,CAAC+B,UAAU,CAAC,CAAC,CAACC,SAAS;QAC/CC,OAAO,EAAE,IAAI,CAACjC,UAAU,CAACkC,UAAU,CAAC,CAAC,CAACC,GAAG,CAAC,UAAApB,KAAK;UAAA,OAAK;YAChDW,EAAE,EAAEX,KAAK,CAACW,EAAE;YACZC,IAAI,EAAEZ,KAAK,CAACa,KAAK;YACjBf,OAAO,EAAEE,KAAK,CAACF,OAAO;YACtBC,OAAO,EAAEC,KAAK,CAACD;UACnB,CAAC;QAAA,CAAC;MACN,CAAC;IACL;EAAC;AAAA","ignoreList":[]}

package/admin/components/ContentEntries/Filters/RefFieldRenderer/components/RefPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};