@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

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

@@ -1,57 +1,40 @@
 import { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from "./entries.gql.js";
-export class EntriesGraphQLGateway {
-  constructor(client) {
-    this.client = client;
-  }
-  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.");
+class EntriesGraphQLGateway {
+    constructor(client){
+        this.client = client;
     }
-    const {
-      data,
-      error
-    } = response.searchContentEntries;
-    if (!data) {
-      throw new Error(error?.message || "Could not fetch entries.");
+    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.");
+        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.");
+    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;
     }
-    const {
-      data,
-      error
-    } = response.getLatestContentEntry;
-    if (!data) {
-      throw new Error(error?.message || "Could not fetch entry.");
-    }
-    return data;
-  }
 }
+export { EntriesGraphQLGateway };
 
 //# sourceMappingURL=EntriesGraphQLGateway.js.map

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

@@ -1 +1 @@
-{"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.js\";\nimport { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from \"./entries.gql.js\";\nimport type {\n    GetEntryQueryVariables,\n    GetEntryResponse,\n    ListEntriesQueryVariables,\n    ListEntriesResponse\n} from \"./entries.types.js\";\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":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGraphQLGateway.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/EntriesGraphQLGateway.ts"],"sourcesContent":["import type { ApolloClient } from \"apollo-client\";\nimport type { EntriesGatewayInterface } from \"./EntriesGatewayInterface.js\";\nimport { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES } from \"./entries.gql.js\";\nimport type {\n    GetEntryQueryVariables,\n    GetEntryResponse,\n    ListEntriesQueryVariables,\n    ListEntriesResponse\n} from \"./entries.types.js\";\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"],"names":["EntriesGraphQLGateway","client","modelIds","query","response","SEARCH_CONTENT_ENTRIES","Error","data","error","modelId","id","GET_CONTENT_ENTRY"],"mappings":";AAUO,MAAMA;IAGT,YAAYC,MAAyB,CAAE;QACnC,IAAI,CAAC,MAAM,GAAGA;IAClB;IAEA,MAAM,KAAKC,QAAkB,EAAEC,KAAc,EAAE;QAC3C,MAAM,EAAE,MAAMC,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAGhD;YACE,OAAOC;YACP,WAAW;gBACPH;gBACAC;gBACA,OAAO;YACX;YACA,aAAa;QACjB;QAEA,IAAI,CAACC,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,oBAAoB;QAErD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;IAEA,MAAM,IAAIE,OAAe,EAAEC,EAAU,EAAE;QACnC,MAAM,EAAE,MAAMN,QAAQ,EAAE,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,KAAK,CAGhD;YACE,OAAOO;YACP,WAAW;gBACP,OAAO;oBACHF;oBACAC;gBACJ;YACJ;YACA,aAAa;QACjB;QAEA,IAAI,CAACN,UACD,MAAM,IAAIE,MAAM;QAGpB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGJ,SAAS,qBAAqB;QAEtD,IAAI,CAACG,MACD,MAAM,IAAID,MAAME,OAAO,WAAW;QAGtC,OAAOD;IACX;AACJ"}

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

@@ -1,12 +1,12 @@
-import gql from "graphql-tag";
-const ERROR_FIELD = /* GraphQL */`
+import graphql_tag from "graphql-tag";
+const ERROR_FIELD = `
     {
         code
         data
         message
     }
 `;
-const DATA_FIELD = /* GraphQL */`
+const DATA_FIELD = `
     {
         id
         entryId
@@ -16,7 +16,7 @@ const DATA_FIELD = /* GraphQL */`
         }
     }
 `;
-export const SEARCH_CONTENT_ENTRIES = gql`
+const SEARCH_CONTENT_ENTRIES = graphql_tag`
     query CmsSearchContentEntries($modelIds:[ID!]!, $query: String, $limit: Int) {
        searchContentEntries(modelIds: $modelIds, query: $query, limit: $limit) {
             data ${DATA_FIELD}
@@ -24,7 +24,7 @@ export const SEARCH_CONTENT_ENTRIES = gql`
         }
     }
 `;
-export const GET_CONTENT_ENTRY = gql`
+const GET_CONTENT_ENTRY = graphql_tag`
     query CmsGetContentEntry($entry: CmsModelEntryInput!) {
        getLatestContentEntry(entry: $entry) {
             data ${DATA_FIELD}
@@ -32,5 +32,6 @@ export const GET_CONTENT_ENTRY = gql`
         }
     }
 `;
+export { GET_CONTENT_ENTRY, SEARCH_CONTENT_ENTRIES };
 
 //# sourceMappingURL=entries.gql.js.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/entries.gql.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/adapters/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"],"names":["ERROR_FIELD","DATA_FIELD","SEARCH_CONTENT_ENTRIES","gql","GET_CONTENT_ENTRY"],"mappings":";AAEA,MAAMA,cAA4B,CAAC;;;;;;AAMnC,CAAC;AAED,MAAMC,aAA2B,CAAC;;;;;;;;;AASlC,CAAC;AAEM,MAAMC,yBAAyBC,WAAG,CAAC;;;iBAGzB,EAAEF,WAAW;kBACZ,EAAED,YAAY;;;AAGhC,CAAC;AAEM,MAAMI,oBAAoBD,WAAG,CAAC;;;iBAGpB,EAAEF,WAAW;kBACZ,EAAED,YAAY;;;AAGhC,CAAC"}

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

@@ -1,3 +0,0 @@
-export {};
-
-//# sourceMappingURL=entries.types.js.map

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

@@ -1,3 +1 @@
 export * from "./EntriesGraphQLGateway.js";
-
-//# sourceMappingURL=index.js.map

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

@@ -1,36 +1,40 @@
-import React from "react";
+import react, { useMemo } from "react";
 import { Bind } from "@webiny/form";
-import { AutoComplete as BaseAutocomplete } from "@webiny/ui/AutoComplete/index.js";
-export const AutoComplete = props => {
-  return /*#__PURE__*/React.createElement(Bind, {
-    name: props.name
-  }, ({
-    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,
-    valueProp: "entryId"
-  }));
+import { AutoComplete } from "@webiny/admin-ui";
+const AutoComplete_AutoComplete = (props)=>{
+    const options = useMemo(()=>props.vm.options.map((opt)=>({
+                label: opt.name ?? opt.id,
+                value: opt.entryId ?? opt.id,
+                item: opt
+            })), [
+        props.vm.options
+    ]);
+    const currentValue = useMemo(()=>{
+        const sel = props.vm.selected;
+        if (!sel) return;
+        return sel.entryId ?? sel.id;
+    }, [
+        props.vm.selected
+    ]);
+    return /*#__PURE__*/ react.createElement(Bind, {
+        name: props.name
+    }, ({ onChange, validation })=>/*#__PURE__*/ react.createElement(AutoComplete, {
+            label: "Value",
+            value: currentValue,
+            validation: validation,
+            onValueChange: (value)=>{
+                const opt = options.find((o)=>o.value === value);
+                if (!opt?.item) return;
+                onChange(JSON.stringify({
+                    entryId: opt.item.entryId ?? opt.item.id,
+                    modelId: opt.item.modelId
+                }));
+            },
+            onValueSearch: props.onInput,
+            options: options,
+            loading: props.vm.loading
+        }));
 };
+export { AutoComplete_AutoComplete as AutoComplete };
 
 //# sourceMappingURL=AutoComplete.js.map

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

@@ -1 +1 @@
-{"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/index.js\";\nimport type { RefPresenterViewModel } from \"./RefPresenter.js\";\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,kCAAkC;AASnF,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":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/components/AutoComplete.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/components/AutoComplete.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { AutoComplete as AdminAutoComplete } from \"@webiny/admin-ui\";\nimport type { RefPresenterViewModel } from \"./RefPresenter.js\";\n\nexport interface AutoCompleteProps {\n    vm: RefPresenterViewModel;\n    name: string;\n    onInput(value: string): void;\n}\n\nexport const AutoComplete = (props: AutoCompleteProps) => {\n    const options = useMemo(\n        () =>\n            props.vm.options.map((opt: any) => ({\n                label: opt.name ?? opt.id,\n                value: opt.entryId ?? opt.id,\n                item: opt\n            })),\n        [props.vm.options]\n    );\n\n    const currentValue = useMemo(() => {\n        const sel = props.vm.selected as any;\n        if (!sel) {\n            return undefined;\n        }\n        return sel.entryId ?? sel.id;\n    }, [props.vm.selected]);\n\n    return (\n        <Bind name={props.name}>\n            {({ onChange, validation }) => (\n                <AdminAutoComplete\n                    label={\"Value\"}\n                    value={currentValue}\n                    validation={validation}\n                    onValueChange={(value: string) => {\n                        const opt = options.find(o => o.value === value);\n                        if (!opt?.item) {\n                            return;\n                        }\n                        onChange(\n                            JSON.stringify({\n                                entryId: opt.item.entryId ?? opt.item.id,\n                                modelId: opt.item.modelId\n                            })\n                        );\n                    }}\n                    onValueSearch={props.onInput}\n                    options={options}\n                    loading={props.vm.loading}\n                />\n            )}\n        </Bind>\n    );\n};\n"],"names":["AutoComplete","props","options","useMemo","opt","currentValue","sel","Bind","onChange","validation","AdminAutoComplete","value","o","JSON"],"mappings":";;;AAWO,MAAMA,4BAAe,CAACC;IACzB,MAAMC,UAAUC,QACZ,IACIF,MAAM,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAACG,MAAc;gBAChC,OAAOA,IAAI,IAAI,IAAIA,IAAI,EAAE;gBACzB,OAAOA,IAAI,OAAO,IAAIA,IAAI,EAAE;gBAC5B,MAAMA;YACV,KACJ;QAACH,MAAM,EAAE,CAAC,OAAO;KAAC;IAGtB,MAAMI,eAAeF,QAAQ;QACzB,MAAMG,MAAML,MAAM,EAAE,CAAC,QAAQ;QAC7B,IAAI,CAACK,KACD;QAEJ,OAAOA,IAAI,OAAO,IAAIA,IAAI,EAAE;IAChC,GAAG;QAACL,MAAM,EAAE,CAAC,QAAQ;KAAC;IAEtB,OAAO,WAAP,GACI,oBAACM,MAAIA;QAAC,MAAMN,MAAM,IAAI;OACjB,CAAC,EAAEO,QAAQ,EAAEC,UAAU,EAAE,iBACtB,oBAACC,cAAiBA;YACd,OAAO;YACP,OAAOL;YACP,YAAYI;YACZ,eAAe,CAACE;gBACZ,MAAMP,MAAMF,QAAQ,IAAI,CAACU,CAAAA,IAAKA,EAAE,KAAK,KAAKD;gBAC1C,IAAI,CAACP,KAAK,MACN;gBAEJI,SACIK,KAAK,SAAS,CAAC;oBACX,SAAST,IAAI,IAAI,CAAC,OAAO,IAAIA,IAAI,IAAI,CAAC,EAAE;oBACxC,SAASA,IAAI,IAAI,CAAC,OAAO;gBAC7B;YAER;YACA,eAAeH,MAAM,OAAO;YAC5B,SAASC;YACT,SAASD,MAAM,EAAE,CAAC,OAAO;;AAK7C"}

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

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo } from "react";
+import react, { useCallback, useEffect, useMemo } from "react";
 import debounce from "lodash/debounce.js";
 import { observer } from "mobx-react-lite";
 import { useBind } from "@webiny/form";
@@ -8,44 +8,41 @@ import { AutoComplete } from "./AutoComplete.js";
 import { RefPresenter } from "./RefPresenter.js";
 import { ContentEntryListConfig } from "../../../../../config/contentEntries/index.js";
 import { useApolloClient } from "../../../../../hooks/index.js";
-const {
-  useInputField
-} = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;
-export const Ref = () => {
-  const {
-    name
-  } = useInputField();
-  const {
-    value
-  } = useBind({
-    name
-  });
-  return /*#__PURE__*/React.createElement(RefWithValue, {
-    value: value
-  });
+const { useInputField: useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;
+const Ref = ()=>{
+    const { name } = useInputField();
+    const { value } = useBind({
+        name
+    });
+    return /*#__PURE__*/ react.createElement(RefWithValue, {
+        value: value
+    });
 };
-const RefWithValue = observer(({
-  value
-}) => {
-  const {
-    name,
-    field
-  } = useInputField();
-  const client = useApolloClient();
-  const presenter = useMemo(() => {
-    const gateway = new EntriesGraphQLGateway(client);
-    const repository = entryRepositoryFactory.getRepository(gateway, field.settings.modelIds);
-    return new RefPresenter(repository);
-  }, [client, field.settings.modelIds]);
-  useEffect(() => {
-    presenter.load(value);
-  }, [value]);
-  const onInput = useCallback(debounce(value => presenter.search(value), 250), [presenter.search]);
-  return /*#__PURE__*/React.createElement(AutoComplete, {
-    name: name,
-    onInput: onInput,
-    vm: presenter.vm
-  });
+const RefWithValue = observer(({ value })=>{
+    const { name, field } = useInputField();
+    const client = useApolloClient();
+    const presenter = useMemo(()=>{
+        const gateway = new EntriesGraphQLGateway(client);
+        const repository = entryRepositoryFactory.getRepository(gateway, field.settings.modelIds);
+        return new RefPresenter(repository);
+    }, [
+        client,
+        field.settings.modelIds
+    ]);
+    useEffect(()=>{
+        presenter.load(value);
+    }, [
+        value
+    ]);
+    const onInput = useCallback(debounce((value)=>presenter.search(value), 250), [
+        presenter.search
+    ]);
+    return /*#__PURE__*/ react.createElement(AutoComplete, {
+        name: name,
+        onInput: onInput,
+        vm: presenter.vm
+    });
 });
+export { Ref };
 
 //# sourceMappingURL=Ref.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","debounce","observer","useBind","EntriesGraphQLGateway","entryRepositoryFactory","AutoComplete","RefPresenter","ContentEntryListConfig","useApolloClient","useInputField","Browser","AdvancedSearch","FieldRenderer","Ref","name","value","createElement","RefWithValue","field","client","presenter","gateway","repository","getRepository","settings","modelIds","load","onInput","search","vm"],"sources":["Ref.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useBind } from \"@webiny/form\";\nimport { EntriesGraphQLGateway } from \"../adapters/index.js\";\nimport { entryRepositoryFactory } from \"../domain/index.js\";\nimport { AutoComplete } from \"./AutoComplete.js\";\nimport { RefPresenter } from \"./RefPresenter.js\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\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,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AAC9D,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,OAAO,QAAQ,cAAc;AACtC,SAASC,qBAAqB;AAC9B,SAASC,sBAAsB;AAC/B,SAASC,YAAY;AACrB,SAASC,YAAY;AACrB,SAASC,sBAAsB;AAC/B,SAASC,eAAe;AAExB,MAAM;EAAEC;AAAc,CAAC,GAAGF,sBAAsB,CAACG,OAAO,CAACC,cAAc,CAACC,aAAa;AAErF,OAAO,MAAMC,GAAG,GAAGA,CAAA,KAAM;EACrB,MAAM;IAAEC;EAAK,CAAC,GAAGL,aAAa,CAAC,CAAC;EAChC,MAAM;IAAEM;EAAM,CAAC,GAAGb,OAAO,CAAC;IAAEY;EAAK,CAAC,CAAC;EAEnC,oBAAOlB,KAAA,CAAAoB,aAAA,CAACC,YAAY;IAACF,KAAK,EAAEA;EAAM,CAAE,CAAC;AACzC,CAAC;AAMD,MAAME,YAAY,GAAGhB,QAAQ,CAAC,CAAC;EAAEc;AAAgB,CAAC,KAAK;EACnD,MAAM;IAAED,IAAI;IAAEI;EAAM,CAAC,GAAGT,aAAa,CAAC,CAAC;EACvC,MAAMU,MAAM,GAAGX,eAAe,CAAC,CAAC;EAEhC,MAAMY,SAAS,GAAGrB,OAAO,CAAe,MAAM;IAC1C,MAAMsB,OAAO,GAAG,IAAIlB,qBAAqB,CAACgB,MAAM,CAAC;IACjD,MAAMG,UAAU,GAAGlB,sBAAsB,CAACmB,aAAa,CAACF,OAAO,EAAEH,KAAK,CAACM,QAAQ,CAACC,QAAQ,CAAC;IACzF,OAAO,IAAInB,YAAY,CAACgB,UAAU,CAAC;EACvC,CAAC,EAAE,CAACH,MAAM,EAAED,KAAK,CAACM,QAAQ,CAACC,QAAQ,CAAC,CAAC;EAErC3B,SAAS,CAAC,MAAM;IACZsB,SAAS,CAACM,IAAI,CAACX,KAAK,CAAC;EACzB,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMY,OAAO,GAAG9B,WAAW,CACvBG,QAAQ,CAACe,KAAK,IAAIK,SAAS,CAACQ,MAAM,CAACb,KAAK,CAAC,EAAE,GAAG,CAAC,EAC/C,CAACK,SAAS,CAACQ,MAAM,CACrB,CAAC;EAED,oBAAOhC,KAAA,CAAAoB,aAAA,CAACX,YAAY;IAACS,IAAI,EAAEA,IAAK;IAACa,OAAO,EAAEA,OAAQ;IAACE,EAAE,EAAET,SAAS,CAACS;EAAG,CAAE,CAAC;AAC3E,CAAC,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/components/Ref.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/components/Ref.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from \"react\";\nimport debounce from \"lodash/debounce.js\";\nimport { observer } from \"mobx-react-lite\";\nimport { useBind } from \"@webiny/form\";\nimport { EntriesGraphQLGateway } from \"../adapters/index.js\";\nimport { entryRepositoryFactory } from \"../domain/index.js\";\nimport { AutoComplete } from \"./AutoComplete.js\";\nimport { RefPresenter } from \"./RefPresenter.js\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useApolloClient } from \"~/admin/hooks/index.js\";\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"],"names":["useInputField","ContentEntryListConfig","Ref","name","value","useBind","RefWithValue","observer","field","client","useApolloClient","presenter","useMemo","gateway","EntriesGraphQLGateway","repository","entryRepositoryFactory","RefPresenter","useEffect","onInput","useCallback","debounce","AutoComplete"],"mappings":";;;;;;;;;;AAWA,MAAM,EAAEA,eAAAA,aAAa,EAAE,GAAGC,uBAAuB,OAAO,CAAC,cAAc,CAAC,aAAa;AAE9E,MAAMC,MAAM;IACf,MAAM,EAAEC,IAAI,EAAE,GAAGH;IACjB,MAAM,EAAEI,KAAK,EAAE,GAAGC,QAAQ;QAAEF;IAAK;IAEjC,OAAO,WAAP,GAAO,oBAACG,cAAYA;QAAC,OAAOF;;AAChC;AAMA,MAAME,eAAeC,SAAS,CAAC,EAAEH,KAAK,EAAY;IAC9C,MAAM,EAAED,IAAI,EAAEK,KAAK,EAAE,GAAGR;IACxB,MAAMS,SAASC;IAEf,MAAMC,YAAYC,QAAsB;QACpC,MAAMC,UAAU,IAAIC,sBAAsBL;QAC1C,MAAMM,aAAaC,uBAAuB,aAAa,CAACH,SAASL,MAAM,QAAQ,CAAC,QAAQ;QACxF,OAAO,IAAIS,aAAaF;IAC5B,GAAG;QAACN;QAAQD,MAAM,QAAQ,CAAC,QAAQ;KAAC;IAEpCU,UAAU;QACNP,UAAU,IAAI,CAACP;IACnB,GAAG;QAACA;KAAM;IAEV,MAAMe,UAAUC,YACZC,SAASjB,CAAAA,QAASO,UAAU,MAAM,CAACP,QAAQ,MAC3C;QAACO,UAAU,MAAM;KAAC;IAGtB,OAAO,WAAP,GAAO,oBAACW,cAAYA;QAAC,MAAMnB;QAAM,SAASgB;QAAS,IAAIR,UAAU,EAAE;;AACvE"}

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

@@ -1,56 +1,45 @@
 import { makeAutoObservable, runInAction } from "mobx";
-export class RefPresenter {
-  currentEntry = null;
-  constructor(repository) {
-    this.repository = repository;
-    makeAutoObservable(this);
-  }
-  async load(value) {
-    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.
-       */
-      const {
-        entryId,
-        modelId
-      } = JSON.parse(value);
-      const entry = await this.repository.getEntryById(modelId, entryId);
-      if (!entry) {
-        return;
-      }
-      runInAction(() => {
-        this.currentEntry = entry;
-      });
-    } catch (error) {
-      console.error("Error while loading initial value", error);
-      return;
+class RefPresenter {
+    constructor(repository){
+        this.currentEntry = null;
+        this.repository = repository;
+        makeAutoObservable(this);
+    }
+    async load(value) {
+        try {
+            if (!value) return;
+            const { entryId, modelId } = JSON.parse(value);
+            const entry = await this.repository.getEntryById(modelId, entryId);
+            if (!entry) return;
+            runInAction(()=>{
+                this.currentEntry = entry;
+            });
+        } catch (error) {
+            console.error("Error while loading initial value", error);
+            return;
+        }
+    }
+    async search(query) {
+        await this.repository.listEntries(query);
+    }
+    get vm() {
+        return {
+            selected: this.currentEntry ? {
+                id: this.currentEntry.id,
+                name: this.currentEntry.title,
+                entryId: this.currentEntry.entryId,
+                modelId: this.currentEntry.modelId
+            } : void 0,
+            loading: this.repository.getLoading().isLoading,
+            options: this.repository.getEntries().map((entry)=>({
+                    id: entry.id,
+                    name: entry.title,
+                    entryId: entry.entryId,
+                    modelId: entry.modelId
+                }))
+        };
     }
-  }
-  async search(query) {
-    await this.repository.listEntries(query);
-  }
-  get vm() {
-    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(entry => ({
-        id: entry.id,
-        name: entry.title,
-        entryId: entry.entryId,
-        modelId: entry.modelId
-      }))
-    };
-  }
 }
+export { RefPresenter };
 
 //# sourceMappingURL=RefPresenter.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","runInAction","RefPresenter","currentEntry","constructor","repository","load","value","entryId","modelId","JSON","parse","entry","getEntryById","error","console","search","query","listEntries","vm","selected","id","name","title","undefined","loading","getLoading","isLoading","options","getEntries","map"],"sources":["RefPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { EntryDTO, EntryRepository } from \"../domain/index.js\";\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,SAASA,kBAAkB,EAAEC,WAAW,QAAQ,MAAM;AAoBtD,OAAO,MAAMC,YAAY,CAA0B;EAEvCC,YAAY,GAAoB,IAAI;EAE5CC,WAAWA,CAACC,UAA2B,EAAE;IACrC,IAAI,CAACA,UAAU,GAAGA,UAAU;IAC5BL,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,MAAMM,IAAIA,CAACC,KAAc,EAAE;IACvB,IAAI;MACA,IAAI,CAACA,KAAK,EAAE;QACR;MACJ;;MAEA;AACZ;AACA;AACA;MACY,MAAM;QAAEC,OAAO;QAAEC;MAAQ,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACJ,KAAK,CAAC;MAE9C,MAAMK,KAAK,GAAG,MAAM,IAAI,CAACP,UAAU,CAACQ,YAAY,CAACJ,OAAO,EAAED,OAAO,CAAC;MAElE,IAAI,CAACI,KAAK,EAAE;QACR;MACJ;MAEAX,WAAW,CAAC,MAAM;QACd,IAAI,CAACE,YAAY,GAAGS,KAAK;MAC7B,CAAC,CAAC;IACN,CAAC,CAAC,OAAOE,KAAK,EAAE;MACZC,OAAO,CAACD,KAAK,CAAC,mCAAmC,EAAEA,KAAK,CAAC;MACzD;IACJ;EACJ;EAEA,MAAME,MAAMA,CAACC,KAAa,EAAE;IACxB,MAAM,IAAI,CAACZ,UAAU,CAACa,WAAW,CAACD,KAAK,CAAC;EAC5C;EAEA,IAAIE,EAAEA,CAAA,EAAG;IACL,OAAO;MACHC,QAAQ,EAAE,IAAI,CAACjB,YAAY,GACrB;QACIkB,EAAE,EAAE,IAAI,CAAClB,YAAY,CAACkB,EAAE;QACxBC,IAAI,EAAE,IAAI,CAACnB,YAAY,CAACoB,KAAK;QAC7Bf,OAAO,EAAE,IAAI,CAACL,YAAY,CAACK,OAAO;QAClCC,OAAO,EAAE,IAAI,CAACN,YAAY,CAACM;MAC/B,CAAC,GACDe,SAAS;MACfC,OAAO,EAAE,IAAI,CAACpB,UAAU,CAACqB,UAAU,CAAC,CAAC,CAACC,SAAS;MAC/CC,OAAO,EAAE,IAAI,CAACvB,UAAU,CAACwB,UAAU,CAAC,CAAC,CAACC,GAAG,CAAClB,KAAK,KAAK;QAChDS,EAAE,EAAET,KAAK,CAACS,EAAE;QACZC,IAAI,EAAEV,KAAK,CAACW,KAAK;QACjBf,OAAO,EAAEI,KAAK,CAACJ,OAAO;QACtBC,OAAO,EAAEG,KAAK,CAACH;MACnB,CAAC,CAAC;IACN,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer/components/RefPresenter.js","sources":["../../../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer/components/RefPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type { EntryDTO, EntryRepository } from \"../domain/index.js\";\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"],"names":["RefPresenter","repository","makeAutoObservable","value","entryId","modelId","JSON","entry","runInAction","error","console","query","undefined"],"mappings":";AAoBO,MAAMA;IAIT,YAAYC,UAA2B,CAAE;aAFjC,YAAY,GAAoB;QAGpC,IAAI,CAAC,UAAU,GAAGA;QAClBC,mBAAmB,IAAI;IAC3B;IAEA,MAAM,KAAKC,KAAc,EAAE;QACvB,IAAI;YACA,IAAI,CAACA,OACD;YAOJ,MAAM,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,KAAK,KAAK,CAACH;YAExC,MAAMI,QAAQ,MAAM,IAAI,CAAC,UAAU,CAAC,YAAY,CAACF,SAASD;YAE1D,IAAI,CAACG,OACD;YAGJC,YAAY;gBACR,IAAI,CAAC,YAAY,GAAGD;YACxB;QACJ,EAAE,OAAOE,OAAO;YACZC,QAAQ,KAAK,CAAC,qCAAqCD;YACnD;QACJ;IACJ;IAEA,MAAM,OAAOE,KAAa,EAAE;QACxB,MAAM,IAAI,CAAC,UAAU,CAAC,WAAW,CAACA;IACtC;IAEA,IAAI,KAAK;QACL,OAAO;YACH,UAAU,IAAI,CAAC,YAAY,GACrB;gBACI,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE;gBACxB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK;gBAC7B,SAAS,IAAI,CAAC,YAAY,CAAC,OAAO;gBAClC,SAAS,IAAI,CAAC,YAAY,CAAC,OAAO;YACtC,IACAC;YACN,SAAS,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,SAAS;YAC/C,SAAS,IAAI,CAAC,UAAU,CAAC,UAAU,GAAG,GAAG,CAACL,CAAAA,QAAU;oBAChD,IAAIA,MAAM,EAAE;oBACZ,MAAMA,MAAM,KAAK;oBACjB,SAASA,MAAM,OAAO;oBACtB,SAASA,MAAM,OAAO;gBAC1B;QACJ;IACJ;AACJ"}