@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getItemStatusText = exports.getEntryStatus = exports.convertReferenceEntryToOption = exports.convertReferenceEntriesToOptionCollection = void 0;
-var convertReferenceEntryToOption = function convertReferenceEntryToOption(entry) {
-  return {
-    id: entry.id,
-    entryId: entry.entryId,
-    modelId: entry.model.modelId,
-    modelName: entry.model.name,
-    published: entry.published ? entry.published.id : null,
-    latest: entry.id,
-    status: entry.status,
-    name: entry.title
-  };
-};
-exports.convertReferenceEntryToOption = convertReferenceEntryToOption;
-var convertReferenceEntriesToOptionCollection = function convertReferenceEntriesToOptionCollection(entries) {
-  return entries.reduce(function (collection, entry) {
-    collection[entry.entryId] = convertReferenceEntryToOption(entry);
-    return collection;
-  }, {});
-};
-exports.convertReferenceEntriesToOptionCollection = convertReferenceEntriesToOptionCollection;
-var getEntryStatus = function getEntryStatus(item) {
-  if (item.status === "published") {
-    return "published";
-  } else if (item.status === "unpublished" || !item.published && item.status === "draft") {
-    return "unpublished";
-  }
-  return "draft";
-};
-exports.getEntryStatus = getEntryStatus;
-var getItemStatusText = function getItemStatusText(item) {
-  var status = getEntryStatus(item);
-  switch (status) {
-    case "published":
-      return "This entry is published.";
-    case "unpublished":
-      return "This entry has not been published.";
-    default:
-      return "Latest revision of this entry is in draft stage.";
-  }
-};
-exports.getItemStatusText = getItemStatusText;

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

@@ -1 +0,0 @@
-{"version":3,"names":["convertReferenceEntryToOption","entry","id","entryId","modelId","model","modelName","name","published","latest","status","title","convertReferenceEntriesToOptionCollection","entries","reduce","collection","getEntryStatus","item","getItemStatusText"],"sources":["helpers.ts"],"sourcesContent":["import { CmsReferenceContentEntry, OptionItem, OptionItemCollection } from \"./types\";\nimport { CmsContentEntryStatusType } from \"~/types\";\n\nexport const convertReferenceEntryToOption = (entry: CmsReferenceContentEntry): OptionItem => {\n    return {\n        id: entry.id,\n        entryId: entry.entryId,\n        modelId: entry.model.modelId,\n        modelName: entry.model.name,\n        published: entry.published ? entry.published.id : null,\n        latest: entry.id,\n        status: entry.status,\n        name: entry.title\n    };\n};\n\nexport const convertReferenceEntriesToOptionCollection = (\n    entries: CmsReferenceContentEntry[]\n): OptionItemCollection => {\n    return entries.reduce((collection, entry) => {\n        collection[entry.entryId] = convertReferenceEntryToOption(entry);\n        return collection;\n    }, {} as OptionItemCollection);\n};\n\nexport const getEntryStatus = (item: OptionItem): CmsContentEntryStatusType => {\n    if (item.status === \"published\") {\n        return \"published\";\n    } else if (item.status === \"unpublished\" || (!item.published && item.status === \"draft\")) {\n        return \"unpublished\";\n    }\n    return \"draft\";\n};\n\nexport const getItemStatusText = (item: OptionItem): string => {\n    const status = getEntryStatus(item);\n    switch (status) {\n        case \"published\":\n            return \"This entry is published.\";\n        case \"unpublished\":\n            return \"This entry has not been published.\";\n        default:\n            return \"Latest revision of this entry is in draft stage.\";\n    }\n};\n"],"mappings":";;;;;;AAGO,IAAMA,6BAA6B,GAAG,SAAhCA,6BAA6B,CAAIC,KAA+B,EAAiB;EAC1F,OAAO;IACHC,EAAE,EAAED,KAAK,CAACC,EAAE;IACZC,OAAO,EAAEF,KAAK,CAACE,OAAO;IACtBC,OAAO,EAAEH,KAAK,CAACI,KAAK,CAACD,OAAO;IAC5BE,SAAS,EAAEL,KAAK,CAACI,KAAK,CAACE,IAAI;IAC3BC,SAAS,EAAEP,KAAK,CAACO,SAAS,GAAGP,KAAK,CAACO,SAAS,CAACN,EAAE,GAAG,IAAI;IACtDO,MAAM,EAAER,KAAK,CAACC,EAAE;IAChBQ,MAAM,EAAET,KAAK,CAACS,MAAM;IACpBH,IAAI,EAAEN,KAAK,CAACU;EAChB,CAAC;AACL,CAAC;AAAC;AAEK,IAAMC,yCAAyC,GAAG,SAA5CA,yCAAyC,CAClDC,OAAmC,EACZ;EACvB,OAAOA,OAAO,CAACC,MAAM,CAAC,UAACC,UAAU,EAAEd,KAAK,EAAK;IACzCc,UAAU,CAACd,KAAK,CAACE,OAAO,CAAC,GAAGH,6BAA6B,CAACC,KAAK,CAAC;IAChE,OAAOc,UAAU;EACrB,CAAC,EAAE,CAAC,CAAC,CAAyB;AAClC,CAAC;AAAC;AAEK,IAAMC,cAAc,GAAG,SAAjBA,cAAc,CAAIC,IAAgB,EAAgC;EAC3E,IAAIA,IAAI,CAACP,MAAM,KAAK,WAAW,EAAE;IAC7B,OAAO,WAAW;EACtB,CAAC,MAAM,IAAIO,IAAI,CAACP,MAAM,KAAK,aAAa,IAAK,CAACO,IAAI,CAACT,SAAS,IAAIS,IAAI,CAACP,MAAM,KAAK,OAAQ,EAAE;IACtF,OAAO,aAAa;EACxB;EACA,OAAO,OAAO;AAClB,CAAC;AAAC;AAEK,IAAMQ,iBAAiB,GAAG,SAApBA,iBAAiB,CAAID,IAAgB,EAAa;EAC3D,IAAMP,MAAM,GAAGM,cAAc,CAACC,IAAI,CAAC;EACnC,QAAQP,MAAM;IACV,KAAK,WAAW;MACZ,OAAO,0BAA0B;IACrC,KAAK,aAAa;MACd,OAAO,oCAAoC;IAC/C;MACI,OAAO,kDAAkD;EAAC;AAEtE,CAAC;AAAC"}

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { OptionItem } from "./types";
-export interface RenderItemProps {
-    name: string;
-    modelName: string;
-    modelId: string;
-    id: string;
-}
-export declare const renderItem: React.FC<RenderItemProps>;
-export declare const renderListItemOptions: (item: OptionItem) => JSX.Element;

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

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderListItemOptions = exports.renderItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _Typography = require("@webiny/ui/Typography");
-var _createEntryUrl = require("./createEntryUrl");
-var _reactRouter = require("@webiny/react-router");
-var _EntryStatus = require("./EntryStatus");
-var _Button = require("@webiny/ui/Button");
-var _emotion = require("emotion");
-var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
-  target: "ejkg0kv0",
-  label: "ModelId"
-})({
-  color: "var(--mdc-theme-text-secondary-on-background) !important"
-});
-var iconButtonClassName = /*#__PURE__*/(0, _emotion.css)({
-  verticalAlign: "top"
-}, "label:iconButtonClassName;");
-var renderItem = function renderItem(props) {
-  return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
-    to: (0, _createEntryUrl.createEntryUrl)(props)
-  }, props.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(ModelId, null, "Model: ", props.modelName));
-};
-exports.renderItem = renderItem;
-var renderListItemOptions = function renderListItemOptions(item) {
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_EntryStatus.EntryStatus, {
-      item: item,
-      placement: "top"
-    }),
-    className: iconButtonClassName
-  });
-};
-exports.renderListItemOptions = renderListItemOptions;

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

@@ -1 +0,0 @@
-{"version":3,"names":["ModelId","styled","color","iconButtonClassName","css","verticalAlign","renderItem","props","createEntryUrl","name","modelName","renderListItemOptions","item"],"sources":["renderItem.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { createEntryUrl } from \"./createEntryUrl\";\nimport { Link } from \"@webiny/react-router\";\nimport { OptionItem } from \"./types\";\nimport { EntryStatus } from \"./EntryStatus\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { css } from \"emotion\";\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background) !important\"\n});\n\nconst iconButtonClassName = css({\n    verticalAlign: \"top\"\n});\n\nexport interface RenderItemProps {\n    name: string;\n    modelName: string;\n    modelId: string;\n    id: string;\n}\nexport const renderItem: React.FC<RenderItemProps> = props => {\n    return (\n        <Typography use={\"body2\"}>\n            <Link to={createEntryUrl(props)}>{props.name}</Link>\n            <br />\n            <ModelId>Model: {props.modelName}</ModelId>\n        </Typography>\n    );\n};\n\nexport const renderListItemOptions = (item: OptionItem) => {\n    return (\n        <IconButton\n            icon={<EntryStatus item={item} placement={\"top\"} />}\n            className={iconButtonClassName}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,IAAMA,OAAO,oBAAGC,eAAM,EAAC,MAAM;EAAA;EAAA;AAAA,GAAE;EAC3BC,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,IAAMC,mBAAmB,gBAAG,IAAAC,YAAG,EAAC;EAC5BC,aAAa,EAAE;AACnB,CAAC,+BAAC;AAQK,IAAMC,UAAqC,GAAG,SAAxCA,UAAqC,CAAGC,KAAK,EAAI;EAC1D,oBACI,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,gBACrB,6BAAC,iBAAI;IAAC,EAAE,EAAE,IAAAC,8BAAc,EAACD,KAAK;EAAE,GAAEA,KAAK,CAACE,IAAI,CAAQ,eACpD,wCAAM,eACN,6BAAC,OAAO,QAAC,SAAO,EAACF,KAAK,CAACG,SAAS,CAAW,CAClC;AAErB,CAAC;AAAC;AAEK,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAIC,IAAgB,EAAK;EACvD,oBACI,6BAAC,kBAAU;IACP,IAAI,eAAE,6BAAC,wBAAW;MAAC,IAAI,EAAEA,IAAK;MAAC,SAAS,EAAE;IAAM,EAAI;IACpD,SAAS,EAAET;EAAoB,EACjC;AAEV,CAAC;AAAC"}

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

@@ -1,36 +0,0 @@
-import { 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;
-}
-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;
-    };
-    createdOn: Date;
-    savedOn: Date;
-}
-export interface CmsReferenceValue {
-    id: string;
-    modelId: string;
-}

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

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import { 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}\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    createdOn: Date;\n    savedOn: Date;\n}\n\nexport interface CmsReferenceValue {\n    id: string;\n    modelId: string;\n}\n"],"mappings":""}

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

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

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

@@ -1,230 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useReference = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _hooks = require("../../../../hooks");
-var _graphql = require("./graphql");
-var _helpers = require("./helpers");
-var _utils = require("@webiny/utils");
-var getValueHash = function getValueHash(value) {
-  if (!value || !value.id && !value.entryId) {
-    return null;
-  } else if (value.entryId) {
-    return value.entryId;
-  }
-  var _parseIdentifier = (0, _utils.parseIdentifier)(value.id),
-    id = _parseIdentifier.id;
-  return id;
-};
-var useReference = function useReference(_ref) {
-  var bind = _ref.bind,
-    field = _ref.field;
-  var allEntries = (0, _react.useRef)({});
-  var client = (0, _hooks.useApolloClient)();
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = (0, _react.useState)({}),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    entries = _useState6[0],
-    setEntries = _useState6[1];
-  var _useState7 = (0, _react.useState)({}),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    latestEntries = _useState8[0],
-    setLatestEntries = _useState8[1];
-  var _useState9 = (0, _react.useState)(null),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    valueEntry = _useState10[0],
-    setValueEntry = _useState10[1];
-  var models = field.settings ? field.settings.models || [] : [];
-  var modelsHash = models.map(function (model) {
-    return model.modelId;
-  }).join(",");
-  var value = bind.value;
-  var valueHash = getValueHash(value);
-  var searchEntries = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var _yield$client$query, data, collection;
-      return (0, _regeneratorRuntime2.default)().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: _graphql.SEARCH_CONTENT_ENTRIES,
-              variables: {
-                modelIds: models.map(function (m) {
-                  return m.modelId;
-                }),
-                query: search,
-                limit: 10
-              }
-            });
-          case 5:
-            _yield$client$query = _context.sent;
-            data = _yield$client$query.data;
-            setLoading(false);
-            collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-            if (valueEntry) {
-              collection[valueEntry.entryId] = valueEntry;
-            }
-            allEntries.current = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, allEntries.current), collection);
-            setEntries(collection);
-          case 12:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function searchEntries() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    searchEntries();
-  }, [search]);
-  (0, _react.useEffect)(function () {
-    if (models.length === 0) {
-      return;
-    }
-    client.query({
-      query: _graphql.SEARCH_CONTENT_ENTRIES,
-      variables: {
-        modelIds: models.map(function (m) {
-          return 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"
-    }).then(function (_ref3) {
-      var data = _ref3.data;
-      var latestEntryData = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-      if (valueEntry) {
-        latestEntryData[valueEntry.entryId] = valueEntry;
-      }
-      setLatestEntries(latestEntryData);
-      allEntries.current = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, allEntries.current), latestEntryData);
-    });
-  }, [modelsHash]);
-  (0, _react.useEffect)(function () {
-    if (!value || !models) {
-      setValueEntry(function () {
-        return null;
-      });
-      return;
-    }
-    var 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 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: _graphql.GET_CONTENT_ENTRY,
-      variables: {
-        entry: {
-          modelId: value.modelId,
-          id: value.id
-        }
-      }
-    }).then(function (res) {
-      setLoading(false);
-      var dataEntry = res.data.latest.data;
-      if (!dataEntry) {
-        return;
-      }
-      var option = (0, _objectSpread3.default)((0, _objectSpread3.default)({}, (0, _helpers.convertReferenceEntryToOption)(dataEntry)), {}, {
-        latest: dataEntry.id,
-        published: res.data.published.data ? res.data.published.data.id : null
-      });
-      allEntries.current[option.entryId] = option;
-      setLatestEntries(function (prev) {
-        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, option.entryId, (0, _objectSpread3.default)({}, option)));
-      });
-      /**
-       * Calculate a couple of props for the Autocomplete component.
-       */
-      setValueEntry(function () {
-        return option;
-      });
-    });
-  }, [valueHash, modelsHash]);
-  var onChange = (0, _react.useCallback)(function (value, entry) {
-    if (value !== null) {
-      setSearch("");
-      setValueEntry(function () {
-        return entry;
-      });
-      bind.onChange({
-        modelId: entry.modelId,
-        id: entry.id
-      });
-      return;
-    }
-    setValueEntry(function () {
-      return null;
-    });
-    bind.onChange(null);
-  }, []);
-
-  /**
-   * Format options for the Autocomplete component.
-   */
-  var options = (0, _react.useMemo)(function () {
-    return Object.values(entries);
-  }, [valueHash, entries]);
-
-  /**
-   * Format default options for the Autocomplete component.
-   */
-  var defaultOptions = (0, _react.useMemo)(function () {
-    return Object.values(latestEntries);
-  }, [valueHash, latestEntries]);
-  var outputOptions = (search && options ? options : defaultOptions) || [];
-  if (valueEntry && outputOptions.some(function (opt) {
-    return opt.entryId === valueEntry.entryId;
-  }) === false) {
-    outputOptions.push(valueEntry);
-  }
-  return {
-    onChange: onChange,
-    setSearch: setSearch,
-    value: valueEntry,
-    loading: loading,
-    options: outputOptions
-  };
-};
-exports.useReference = useReference;

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

@@ -1 +0,0 @@
-{"version":3,"names":["getValueHash","value","id","entryId","parseIdentifier","useReference","bind","field","allEntries","useRef","client","useApolloClient","useState","search","setSearch","loading","setLoading","entries","setEntries","latestEntries","setLatestEntries","valueEntry","setValueEntry","models","settings","modelsHash","map","model","modelId","join","valueHash","searchEntries","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","m","limit","data","collection","convertReferenceEntriesToOptionCollection","content","current","useEffect","length","fetchPolicy","then","latestEntryData","entry","GET_CONTENT_ENTRY","res","dataEntry","latest","option","convertReferenceEntryToOption","published","prev","onChange","useCallback","options","useMemo","Object","values","defaultOptions","outputOptions","some","opt","push"],"sources":["useReference.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useApolloClient } from \"~/admin/hooks\";\nimport {\n    SEARCH_CONTENT_ENTRIES,\n    GET_CONTENT_ENTRY,\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"./graphql\";\nimport { CmsModelField, CmsModel } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\nimport { 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\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        });\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            })\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            })\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            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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"}

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

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { CmsModelField } from "../../../../../types";
-import { BindComponentRenderProp } from "@webiny/form";
-import { 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: OptionItem[];
-    options: OptionItem[];
-};
-export {};

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

@@ -1,202 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useReferences = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _hooks = require("../../../../hooks");
-var _graphql = require("./graphql");
-var _helpers = require("./helpers");
-var useReferences = function useReferences(_ref) {
-  var bind = _ref.bind,
-    field = _ref.field;
-  var isMounted = (0, _react.useRef)(true);
-  var allEntries = (0, _react.useRef)({});
-  var client = (0, _hooks.useApolloClient)();
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    search = _useState2[0],
-    setSearch = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = (0, _react.useState)({}),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    entries = _useState6[0],
-    setEntries = _useState6[1];
-  var _useState7 = (0, _react.useState)([]),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    latestEntries = _useState8[0],
-    setLatestEntries = _useState8[1];
-  var _useState9 = (0, _react.useState)([]),
-    _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
-    valueEntries = _useState10[0],
-    setValueEntries = _useState10[1];
-  var models = field.settings ? field.settings.models || [] : [];
-  var modelsHash = models.join(",");
-  var values = bind.value ? bind.value : [];
-  var searchEntries = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
-      var _yield$client$query, data, collection;
-      return (0, _regeneratorRuntime2.default)().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: _graphql.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);
-            collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-            allEntries.current = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, allEntries.current), collection);
-            setEntries(collection);
-          case 11:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function searchEntries() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  (0, _react.useEffect)(function () {
-    return function () {
-      isMounted.current = false;
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    searchEntries();
-  }, [search]);
-  (0, _react.useEffect)(function () {
-    client.query({
-      query: _graphql.SEARCH_CONTENT_ENTRIES,
-      variables: {
-        modelIds: models.map(function (m) {
-          return 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"
-    }).then(function (_ref3) {
-      var data = _ref3.data;
-      if (!isMounted.current) {
-        return;
-      }
-      var collection = (0, _helpers.convertReferenceEntriesToOptionCollection)(data.content.data);
-      setLatestEntries(Object.values(collection));
-      allEntries.current = (0, _objectSpread2.default)({}, collection);
-    });
-  }, [modelsHash]);
-  (0, _react.useEffect)(function () {
-    if (!values || values.length == 0) {
-      return;
-    }
-    setLoading(true);
-    client.query({
-      query: _graphql.GET_CONTENT_ENTRIES,
-      variables: {
-        /**
-         * We need make sure nothing else other than modelId and id is passed to entries variable.
-         */
-        entries: values.map(function (value) {
-          return {
-            modelId: value.modelId,
-            id: value.id
-          };
-        })
-      }
-    }).then(function (res) {
-      if (!isMounted.current) {
-        return;
-      }
-      setLoading(false);
-      var latest = (res.data.latest.data || []).reduce(function (collection, item) {
-        collection[item.entryId] = item;
-        return collection;
-      }, {});
-      var entries = (res.data.published.data || []).reduce(function (collection, item) {
-        var entryId = item.entryId;
-        var existingItem = latest[entryId];
-        if (existingItem) {
-          collection[entryId] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, existingItem), {}, {
-            published: {
-              id: item.id,
-              entryId: item.entryId,
-              title: item.title
-            }
-          });
-          return collection;
-        }
-        collection[entryId] = item;
-        return collection;
-      }, latest);
-
-      // Calculate a couple of props for the Autocomplete component.
-      setValueEntries(Object.values(entries).map(_helpers.convertReferenceEntryToOption));
-    });
-  }, []);
-
-  /**
-   * onChange callback will update internal component state using the previously loaded entries by IDs.
-   * It will also format the value to store to the DB.
-   */
-  var onChange = (0, _react.useCallback)(function (values) {
-    setSearch("");
-    setValueEntries(values);
-
-    // Update parent form
-    bind.onChange(values.map(function (item) {
-      return {
-        modelId: item.modelId,
-        id: item.id
-      };
-    }));
-  }, []);
-
-  // Format options for the Autocomplete component.
-  var options = (0, _react.useMemo)(function () {
-    return Object.values(entries);
-  }, [entries]);
-
-  // Format default options for the Autocomplete component.
-  var defaultOptions = (0, _react.useMemo)(function () {
-    return Object.values(latestEntries);
-  }, [latestEntries]);
-  return {
-    onChange: onChange,
-    loading: loading,
-    setSearch: setSearch,
-    // Selected entries
-    entries: valueEntries,
-    // Options to show when the autocomplete dropdown is visible
-    options: search ? options : defaultOptions || []
-  };
-};
-exports.useReferences = useReferences;