@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/admin/plugins/fieldRenderers/ref/components/types.d.ts

@@ -0,0 +1,40 @@
+import type { CmsContentEntryStatusType, CmsIdentity, CmsModel } from "../../../../../types";
+export interface OptionItem {
+    id: string;
+    entryId: string;
+    modelId: string;
+    modelName: string;
+    name: string;
+    published: string | null;
+    latest: string | null;
+    status: CmsContentEntryStatusType;
+    folderId?: string;
+}
+export interface OptionItemCollection {
+    [key: string]: OptionItem;
+}
+export interface CmsReferenceContentEntry {
+    id: string;
+    entryId: string;
+    title: string;
+    description?: string | null;
+    image?: string | null;
+    status: CmsContentEntryStatusType;
+    model: Pick<CmsModel, "modelId" | "name">;
+    createdBy: CmsIdentity;
+    modifiedBy?: CmsIdentity | null;
+    published?: {
+        id: string;
+        entryId: string;
+        title: string;
+    };
+    wbyAco_location?: {
+        folderId?: string;
+    };
+    createdOn: Date;
+    savedOn: Date;
+}
+export interface CmsReferenceValue {
+    id: string;
+    modelId: string;
+}

package/admin/plugins/fieldRenderers/ref/components/types.js

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

package/admin/plugins/fieldRenderers/ref/components/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { CmsContentEntryStatusType, CmsIdentity, CmsModel } from \"~/types\";\n\nexport interface OptionItem {\n    id: string;\n    entryId: string;\n    modelId: string;\n    modelName: string;\n    name: string;\n    published: string | null;\n    latest: string | null;\n    status: CmsContentEntryStatusType;\n    folderId?: string;\n}\n\nexport interface OptionItemCollection {\n    [key: string]: OptionItem;\n}\n\nexport interface CmsReferenceContentEntry {\n    id: string;\n    entryId: string;\n    title: string;\n    description?: string | null;\n    image?: string | null;\n    status: CmsContentEntryStatusType;\n    model: Pick<CmsModel, \"modelId\" | \"name\">;\n    createdBy: CmsIdentity;\n    modifiedBy?: CmsIdentity | null;\n    published?: {\n        id: string;\n        entryId: string;\n        title: string;\n    };\n    wbyAco_location?: {\n        folderId?: string;\n    };\n    createdOn: Date;\n    savedOn: Date;\n}\n\nexport interface CmsReferenceValue {\n    id: string;\n    modelId: string;\n}\n"],"mappings":"","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/components/useReference.d.ts

@@ -1,22 +1,17 @@
-import { CmsEditorField } from "../../../../../types";
-interface ValueEntry {
-    id: string;
-    modelId: string;
-    modelName: string;
-    published: boolean;
-    name: string;
-}
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+import type { OptionItem } from "./types";
 interface UseReferenceHookArgs {
-    bind: any;
-    field: CmsEditorField;
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
 }
 interface UseReferenceHookValue {
-    onChange: (value: any, entry: ValueEntry) => void;
+    onChange: (value: any, entry: OptionItem) => void;
     setSearch: (value: string) => void;
-    value: ValueEntry | null;
+    value: OptionItem | null;
     loading: boolean;
-    options: ValueEntry[];
+    options: OptionItem[];
 }
-declare type UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;
+type UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;
 export declare const useReference: UseReferenceHook;
 export {};

package/admin/plugins/fieldRenderers/ref/components/useReference.js

@@ -1,240 +1,190 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useApolloClient } from "../../../../hooks";
-import * as GQL from "./graphql";
-import { getOptions } from "./getOptions";
-
-var convertQueryDataToEntryList = function convertQueryDataToEntryList(data) {
-  return data.reduce(function (collection, entry) {
-    collection[entry.id] = entry;
-    return collection;
-  }, {});
-};
-
-var convertValueEntryToData = function convertValueEntryToData(entry) {
-  return {
-    id: entry.id,
-    model: {
-      modelId: entry.modelId,
-      name: entry.modelName
-    },
-    status: entry.published ? "published" : "draft",
-    title: entry.name
-  };
-};
-
-var convertDataEntryToValue = function convertDataEntryToValue(entry) {
-  return {
-    id: entry.id,
-    modelId: entry.model.modelId,
-    modelName: entry.model.name,
-    published: entry.status === "published",
-    name: entry.title
-  };
-};
-
-var assignValueEntry = function assignValueEntry(entry, collection) {
-  if (!entry) {
-    return;
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../hooks";
+import { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from "./graphql";
+import { convertReferenceEntriesToOptionCollection, convertReferenceEntryToOption } from "./helpers";
+import { parseIdentifier } from "@webiny/utils";
+const getValueHash = value => {
+  if (!value || !value.id && !value.entryId) {
+    return null;
+  } else if (value.entryId) {
+    return value.entryId;
   }
-
-  collection[entry.id] = convertValueEntryToData(entry);
+  const {
+    id
+  } = parseIdentifier(value.id);
+  return id;
 };
-
-export var useReference = function useReference(_ref) {
-  var bind = _ref.bind,
-      field = _ref.field;
-  var allEntries = useRef({});
-  var client = useApolloClient();
-
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      search = _useState2[0],
-      setSearch = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      loading = _useState4[0],
-      setLoading = _useState4[1];
-
-  var _useState5 = useState({}),
-      _useState6 = _slicedToArray(_useState5, 2),
-      entries = _useState6[0],
-      setEntries = _useState6[1];
-
-  var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 2),
-      latestEntries = _useState8[0],
-      setLatestEntries = _useState8[1];
-
-  var _useState9 = useState(null),
-      _useState10 = _slicedToArray(_useState9, 2),
-      valueEntry = _useState10[0],
-      setValueEntry = _useState10[1];
-
-  var models = field.settings.models;
-  var modelsHash = models.join(",");
-  var value = bind.value;
-  var valueHash = value ? value.id : null;
-
-  var searchEntries = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _yield$client$query, data, searchEntries;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (search) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              setLoading(true);
-              _context.next = 5;
-              return client.query({
-                query: GQL.SEARCH_CONTENT_ENTRIES,
-                variables: {
-                  modelIds: models.map(function (m) {
-                    return m.modelId;
-                  }),
-                  query: search
-                }
-              });
-
-            case 5:
-              _yield$client$query = _context.sent;
-              data = _yield$client$query.data;
-              setLoading(false);
-              searchEntries = convertQueryDataToEntryList(data.content.data);
-              assignValueEntry(valueEntry, searchEntries);
-              Object.assign(allEntries.current, searchEntries);
-              setEntries(searchEntries);
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function searchEntries() {
-      return _ref2.apply(this, arguments);
+export const useReference = ({
+  bind,
+  field
+}) => {
+  const allEntries = useRef({});
+  const client = useApolloClient();
+  const [search, setSearch] = useState("");
+  const [loading, setLoading] = useState(false);
+  const [entries, setEntries] = useState({});
+  const [latestEntries, setLatestEntries] = useState({});
+  const [valueEntry, setValueEntry] = useState(null);
+  const requestContext = useModelFieldGraphqlContext();
+  const models = field.settings ? field.settings.models || [] : [];
+  const modelsHash = models.map(model => model.modelId).join(",");
+  const value = bind.value;
+  const valueHash = getValueHash(value);
+  const searchEntries = async () => {
+    if (!search) {
+      return;
+    }
+    setLoading(true);
+    const {
+      data
+    } = await client.query({
+      query: SEARCH_CONTENT_ENTRIES,
+      variables: {
+        modelIds: models.map(m => m.modelId),
+        query: search,
+        limit: 10
+      },
+      context: requestContext
+    });
+    setLoading(false);
+    const collection = convertReferenceEntriesToOptionCollection(data.content.data);
+    if (valueEntry) {
+      collection[valueEntry.entryId] = valueEntry;
+    }
+    allEntries.current = {
+      ...allEntries.current,
+      ...collection
     };
-  }();
-
-  useEffect(function () {
+    setEntries(collection);
+  };
+  useEffect(() => {
     searchEntries();
   }, [search]);
-  useEffect(function () {
+  useEffect(() => {
+    if (models.length === 0) {
+      return;
+    }
     client.query({
-      query: GQL.SEARCH_CONTENT_ENTRIES,
+      query: SEARCH_CONTENT_ENTRIES,
       variables: {
-        modelIds: models.map(function (m) {
-          return m.modelId;
-        }),
-        query: "__latest__",
+        modelIds: models.map(m => m.modelId),
         limit: 10
+      },
+      /**
+       * We cannot update this query response in cache after a reference entry being created/deleted,
+       * which result in cached response being stale, therefore, we're setting the fetchPolicy to "network-only" to by passing cache.
+       */
+      fetchPolicy: "network-only",
+      context: requestContext
+    }).then(({
+      data
+    }) => {
+      const latestEntryData = convertReferenceEntriesToOptionCollection(data.content.data);
+      if (valueEntry) {
+        latestEntryData[valueEntry.entryId] = valueEntry;
       }
-    }).then(function (_ref3) {
-      var data = _ref3.data;
-      var latestEntryData = convertQueryDataToEntryList(data.content.data);
-      assignValueEntry(valueEntry, latestEntryData);
       setLatestEntries(latestEntryData);
-      Object.assign(allEntries.current, latestEntryData);
+      allEntries.current = {
+        ...allEntries.current,
+        ...latestEntryData
+      };
     });
   }, [modelsHash]);
-  useEffect(function () {
+  useEffect(() => {
     if (!value || !models) {
-      setValueEntry(function () {
-        return null;
-      });
+      setValueEntry(() => null);
       return;
     }
-
-    var entry = allEntries.current[valueHash];
-
+    const entry = valueHash ? allEntries.current[valueHash] : null;
     if (entry) {
-      // if entry exists set valueEntry to that one so we do not load new one
-      setValueEntry(function () {
-        return convertDataEntryToValue(entry);
+      /**
+       * if entry exists set valueEntry to that one so we do not load new one
+       */
+      setValueEntry(() => {
+        return entry;
       });
       return;
     }
-
     setLoading(true);
+    /**
+     * Query loads both latest and published entries.
+     * We do this in a single query because there might not be a published entry so we can use the latest one.
+     */
     client.query({
-      query: GQL.GET_CONTENT_ENTRY,
+      query: GET_CONTENT_ENTRY,
       variables: {
         entry: {
           modelId: value.modelId,
-          entryId: value.entryId
+          id: value.id
         }
-      }
-    }).then(function (res) {
+      },
+      context: requestContext
+    }).then(res => {
       setLoading(false);
-      var dataEntry = res.data.content.data;
-
+      const dataEntry = res.data.latest.data;
       if (!dataEntry) {
         return;
       }
-
-      allEntries.current[dataEntry.id] = dataEntry;
-      setLatestEntries(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, dataEntry.id, dataEntry));
-      }); // Calculate a couple of props for the Autocomplete component.
-
-      setValueEntry(function () {
-        return convertDataEntryToValue(dataEntry);
+      const option = {
+        ...convertReferenceEntryToOption(dataEntry),
+        latest: dataEntry.id,
+        published: res.data.published.data ? res.data.published.data.id : null
+      };
+      allEntries.current[option.entryId] = option;
+      setLatestEntries(prev => {
+        return {
+          ...prev,
+          [option.entryId]: {
+            ...option
+          }
+        };
+      });
+      /**
+       * Calculate a couple of props for the Autocomplete component.
+       */
+      setValueEntry(() => {
+        return option;
       });
     });
   }, [valueHash, modelsHash]);
-  var onChange = useCallback(function (value, entry) {
+  const onChange = useCallback((value, entry) => {
     if (value !== null) {
       setSearch("");
-      setValueEntry(function () {
+      setValueEntry(() => {
         return entry;
       });
-      return bind.onChange({
+      bind.onChange({
         modelId: entry.modelId,
-        entryId: entry.id
+        id: entry.id
       });
+      return;
     }
-
-    setValueEntry(function () {
-      return null;
-    });
+    setValueEntry(() => null);
     bind.onChange(null);
-  }, []); // Format options for the Autocomplete component.
-
-  var options = useMemo(function () {
-    return getOptions(Object.values(entries));
-  }, [entries]); // Format default options for the Autocomplete component.
-
-  var defaultOptions = useMemo(function () {
-    return getOptions(Object.values(latestEntries));
-  }, [latestEntries]);
-  var outputOptions = search ? options : defaultOptions || [];
-
-  if (valueEntry && outputOptions.some(function (opt) {
-    return opt.id === valueEntry.id;
-  }) === false) {
+  }, []);
+
+  /**
+   * Format options for the Autocomplete component.
+   */
+  const options = useMemo(() => Object.values(entries), [valueHash, entries]);
+
+  /**
+   * Format default options for the Autocomplete component.
+   */
+  const defaultOptions = useMemo(() => {
+    return Object.values(latestEntries);
+  }, [valueHash, latestEntries]);
+  const outputOptions = (search && options ? options : defaultOptions) || [];
+  if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {
     outputOptions.push(valueEntry);
   }
-
   return {
-    onChange: onChange,
-    setSearch: setSearch,
+    onChange,
+    setSearch,
     value: valueEntry,
-    loading: loading,
+    loading,
     options: outputOptions
   };
-};
+};
+
+//# sourceMappingURL=useReference.js.map

package/admin/plugins/fieldRenderers/ref/components/useReference.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","GET_CONTENT_ENTRY","convertReferenceEntriesToOptionCollection","convertReferenceEntryToOption","parseIdentifier","getValueHash","value","id","entryId","useReference","bind","field","allEntries","client","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","requestContext","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","data","query","variables","modelIds","m","limit","context","collection","content","current","length","fetchPolicy","then","latestEntryData","entry","res","dataEntry","latest","option","published","prev","onChange","options","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport type {\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"./graphql\";\nimport { SEARCH_CONTENT_ENTRIES, GET_CONTENT_ENTRY } from \"./graphql\";\nimport type { CmsModelField, CmsModel } from \"~/types\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport type { OptionItem, OptionItemCollection } from \"./types\";\nimport {\n    convertReferenceEntriesToOptionCollection,\n    convertReferenceEntryToOption\n} from \"./helpers\";\nimport { parseIdentifier } from \"@webiny/utils\";\n\ninterface UseReferenceHookArgs {\n    bind: BindComponentRenderProp;\n    field: CmsModelField;\n}\n\ninterface UseReferenceHookValue {\n    onChange: (value: any, entry: OptionItem) => void;\n    setSearch: (value: string) => void;\n    value: OptionItem | null;\n    loading: boolean;\n    options: OptionItem[];\n}\n\ntype UseReferenceHook = (args: UseReferenceHookArgs) => UseReferenceHookValue;\n\nconst getValueHash = (value: any): string | null => {\n    if (!value || (!value.id && !value.entryId)) {\n        return null;\n    } else if (value.entryId) {\n        return value.entryId;\n    }\n    const { id } = parseIdentifier(value.id);\n    return id;\n};\n\nexport const useReference: UseReferenceHook = ({ bind, field }) => {\n    const allEntries = useRef<OptionItemCollection>({});\n    const client = useApolloClient();\n    const [search, setSearch] = useState<string>(\"\");\n    const [loading, setLoading] = useState<boolean>(false);\n    const [entries, setEntries] = useState<OptionItemCollection>({});\n    const [latestEntries, setLatestEntries] = useState<OptionItemCollection>({});\n    const [valueEntry, setValueEntry] = useState<OptionItem | null>(null);\n    const requestContext = useModelFieldGraphqlContext();\n\n    const models = (field.settings ? field.settings.models || [] : []) as Pick<\n        CmsModel,\n        \"modelId\" | \"name\"\n    >[];\n    const modelsHash = models.map(model => model.modelId).join(\",\");\n\n    const value = bind.value;\n    const valueHash = getValueHash(value);\n\n    const searchEntries = async () => {\n        if (!search) {\n            return;\n        }\n\n        setLoading(true);\n        const { data } = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(m => m.modelId),\n                query: search,\n                limit: 10\n            },\n            context: requestContext\n        });\n        setLoading(false);\n\n        const collection = convertReferenceEntriesToOptionCollection(data.content.data);\n        if (valueEntry) {\n            collection[valueEntry.entryId] = valueEntry;\n        }\n        allEntries.current = {\n            ...allEntries.current,\n            ...collection\n        };\n\n        setEntries(collection);\n    };\n\n    useEffect(() => {\n        searchEntries();\n    }, [search]);\n\n    useEffect(() => {\n        if (models.length === 0) {\n            return;\n        }\n        client\n            .query<CmsEntrySearchQueryResponse, CmsEntrySearchQueryVariables>({\n                query: SEARCH_CONTENT_ENTRIES,\n                variables: {\n                    modelIds: models.map(m => m.modelId),\n                    limit: 10\n                },\n                /**\n                 * We cannot update this query response in cache after a reference entry being created/deleted,\n                 * which result in cached response being stale, therefore, we're setting the fetchPolicy to \"network-only\" to by passing cache.\n                 */\n                fetchPolicy: \"network-only\",\n                context: requestContext\n            })\n            .then(({ data }) => {\n                const latestEntryData = convertReferenceEntriesToOptionCollection(\n                    data.content.data\n                );\n                if (valueEntry) {\n                    latestEntryData[valueEntry.entryId] = valueEntry;\n                }\n\n                setLatestEntries(latestEntryData);\n                allEntries.current = {\n                    ...allEntries.current,\n                    ...latestEntryData\n                };\n            });\n    }, [modelsHash]);\n\n    useEffect(() => {\n        if (!value || !models) {\n            setValueEntry(() => null);\n            return;\n        }\n\n        const entry = valueHash ? allEntries.current[valueHash] : null;\n        if (entry) {\n            /**\n             * if entry exists set valueEntry to that one so we do not load new one\n             */\n            setValueEntry(() => {\n                return entry;\n            });\n            return;\n        }\n\n        setLoading(true);\n        /**\n         * Query loads both latest and published entries.\n         * We do this in a single query because there might not be a published entry so we can use the latest one.\n         */\n        client\n            .query<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>({\n                query: GET_CONTENT_ENTRY,\n                variables: {\n                    entry: {\n                        modelId: value.modelId,\n                        id: value.id\n                    }\n                },\n                context: requestContext\n            })\n            .then(res => {\n                setLoading(false);\n                const dataEntry = res.data.latest.data;\n                if (!dataEntry) {\n                    return;\n                }\n                const option: OptionItem = {\n                    ...convertReferenceEntryToOption(dataEntry),\n                    latest: dataEntry.id,\n                    published: res.data.published.data ? res.data.published.data.id : null\n                };\n                allEntries.current[option.entryId] = option;\n                setLatestEntries(prev => {\n                    return {\n                        ...prev,\n                        [option.entryId]: {\n                            ...option\n                        }\n                    };\n                });\n                /**\n                 * Calculate a couple of props for the Autocomplete component.\n                 */\n                setValueEntry(() => {\n                    return option;\n                });\n            });\n    }, [valueHash, modelsHash]);\n\n    const onChange = useCallback((value: string, entry: OptionItem) => {\n        if (value !== null) {\n            setSearch(\"\");\n\n            setValueEntry(() => {\n                return entry;\n            });\n\n            bind.onChange({\n                modelId: entry.modelId,\n                id: entry.id\n            });\n            return;\n        }\n\n        setValueEntry(() => null);\n        bind.onChange(null);\n    }, []);\n\n    /**\n     * Format options for the Autocomplete component.\n     */\n    const options = useMemo(() => Object.values(entries), [valueHash, entries]);\n\n    /**\n     * Format default options for the Autocomplete component.\n     */\n    const defaultOptions = useMemo(() => {\n        return Object.values(latestEntries);\n    }, [valueHash, latestEntries]);\n\n    const outputOptions: OptionItem[] = (search && options ? options : defaultOptions) || [];\n\n    if (valueEntry && outputOptions.some(opt => opt.entryId === valueEntry.entryId) === false) {\n        outputOptions.push(valueEntry);\n    }\n\n    return {\n        onChange,\n        setSearch,\n        value: valueEntry,\n        loading,\n        options: outputOptions\n    };\n};\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/components/useReferences.d.ts

@@ -1,19 +1,16 @@
 /// <reference types="react" />
-declare type ValueEntry = {
-    id: string;
-    modelId: string;
-    modelName: string;
-    published: boolean;
-    name: string;
-};
-export declare const useReferences: ({ bind, field }: {
-    bind: any;
-    field: any;
-}) => {
-    onChange: (values: any) => void;
+import type { CmsModelField } from "../../../../../types";
+import type { BindComponentRenderProp } from "@webiny/form";
+import type { OptionItem } from "./types";
+interface UseReferencesParams {
+    bind: BindComponentRenderProp;
+    field: CmsModelField;
+}
+export declare const useReferences: ({ bind, field }: UseReferencesParams) => {
+    onChange: (values: OptionItem[]) => void;
     loading: boolean;
     setSearch: import("react").Dispatch<import("react").SetStateAction<string>>;
-    entries: ValueEntry[];
-    options: any[];
+    entries: OptionItem[];
+    options: OptionItem[];
 };
 export {};