@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

package/admin/plugins/fields/ref/graphql.d.ts

@@ -0,0 +1,8 @@
+import { CmsErrorResponse, CmsModel } from "../../../../types";
+export interface ListReferencedModelsQueryResult {
+    listContentModels: {
+        data: Pick<CmsModel, "modelId" | "name">[];
+        error: CmsErrorResponse | null;
+    };
+}
+export declare const LIST_REFERENCED_MODELS: import("graphql").DocumentNode;

package/admin/plugins/fields/ref/graphql.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIST_REFERENCED_MODELS = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+var _templateObject;
+var LIST_REFERENCED_MODELS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query ListReferencedModels {\n        listContentModels {\n            data {\n                modelId\n                name\n            }\n            error {\n                message\n                data\n                code\n            }\n        }\n    }\n"])));
+exports.LIST_REFERENCED_MODELS = LIST_REFERENCED_MODELS;

package/admin/plugins/fields/ref/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIST_REFERENCED_MODELS","gql"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsModel } from \"~/types\";\n\nexport interface ListReferencedModelsQueryResult {\n    listContentModels: {\n        data: Pick<CmsModel, \"modelId\" | \"name\">[];\n        error: CmsErrorResponse | null;\n    };\n}\nexport const LIST_REFERENCED_MODELS = gql`\n    query ListReferencedModels {\n        listContentModels {\n            data {\n                modelId\n                name\n            }\n            error {\n                message\n                data\n                code\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AASvB,IAAMA,sBAAsB,OAAGC,mBAAG,kWAcxC;AAAC"}

package/admin/plugins/fields/ref/renderInfo.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CmsModel as BaseCmsModel, CmsModelField } from "../../../../types";
+declare type CmsModel = Pick<BaseCmsModel, "modelId" | "name">;
+interface Params {
+    field: CmsModelField;
+    model: CmsModel;
+}
+export declare const renderInfo: ({ model, field }: Params) => JSX.Element;
+export {};

package/admin/plugins/fields/ref/renderInfo.js

@@ -0,0 +1,116 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderInfo = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../hooks");
+var _graphql = require("./graphql");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _appAdmin = require("@webiny/app-admin");
+var Information = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1wj1cni0",
+  label: "Information"
+})({
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "right",
+  alignItems: "center",
+  flex: "1"
+});
+var BadgeItem = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1wj1cni1",
+  label: "BadgeItem"
+})({
+  display: "inline-block",
+  padding: "5px 20px 7px 20px",
+  backgroundColor: "#FFF",
+  borderRadius: "5px",
+  border: "1px solid darkgrey",
+  marginRight: "10px",
+  cursor: "default",
+  fontWeight: "normal"
+});
+var Extras = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1wj1cni2",
+  label: "Extras"
+})({
+  display: "inline-block",
+  padding: "5px 10px 7px 10px",
+  backgroundColor: "#FFF",
+  borderRadius: "5px",
+  border: "1px solid darkgrey",
+  maxWidth: "20px",
+  textAlign: "center",
+  marginRight: "10px",
+  cursor: "default",
+  fontWeight: "normal"
+});
+var Badge = function Badge(_ref) {
+  var model = _ref.model;
+  return /*#__PURE__*/_react.default.createElement(BadgeItem, null, model.name);
+};
+var takeBadges = 1;
+var renderInfo = function renderInfo(_ref2) {
+  var model = _ref2.model,
+    field = _ref2.field;
+  return /*#__PURE__*/_react.default.createElement(RenderInfo, {
+    model: model,
+    field: field
+  });
+};
+exports.renderInfo = renderInfo;
+var RenderInfo = function RenderInfo(_ref3) {
+  var _field$settings;
+  var field = _ref3.field;
+  var hasAnyModels = (((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.models) || []).length > 0;
+  var _useQuery = (0, _hooks.useQuery)(_graphql.LIST_REFERENCED_MODELS, {
+      skip: !hasAnyModels
+    }),
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    models = _useState2[0],
+    setModels = _useState2[1];
+  (0, _react.useEffect)(function () {
+    var _data$listContentMode;
+    if (!data || loading) {
+      return;
+    } else if (error) {
+      showSnackbar(error.message);
+      return;
+    }
+    setModels(((_data$listContentMode = data.listContentModels) === null || _data$listContentMode === void 0 ? void 0 : _data$listContentMode.data) || []);
+  }, [data, loading]);
+  var _useMemo = (0, _react.useMemo)(function () {
+      var _field$settings2;
+      var fieldModels = (((_field$settings2 = field.settings) === null || _field$settings2 === void 0 ? void 0 : _field$settings2.models) || []).map(function (model) {
+        return models.find(function (m) {
+          return m.modelId === model.modelId;
+        });
+      }).filter(Boolean);
+      return {
+        items: fieldModels.slice(0, takeBadges),
+        badges: fieldModels.length - takeBadges
+      };
+    }, [models, field]),
+    items = _useMemo.items,
+    badges = _useMemo.badges;
+  if (models.length === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(Information, null, items.map(function (model) {
+    return /*#__PURE__*/_react.default.createElement(Badge, {
+      key: "model-".concat(model.modelId),
+      model: model
+    });
+  }), badges > 0 && /*#__PURE__*/_react.default.createElement(Extras, null, "+", badges));
+};

package/admin/plugins/fields/ref/renderInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Information","styled","display","flexDirection","justifyContent","alignItems","flex","BadgeItem","padding","backgroundColor","borderRadius","border","marginRight","cursor","fontWeight","Extras","maxWidth","textAlign","Badge","model","name","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","settings","models","length","useQuery","LIST_REFERENCED_MODELS","skip","data","loading","error","useSnackbar","showSnackbar","useState","setModels","useEffect","message","listContentModels","useMemo","fieldModels","map","find","m","modelId","filter","Boolean","items","slice","badges"],"sources":["renderInfo.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { CmsModel as BaseCmsModel, CmsModelField } from \"~/types\";\nimport { useQuery } from \"~/admin/hooks\";\nimport {\n    LIST_REFERENCED_MODELS,\n    ListReferencedModelsQueryResult\n} from \"~/admin/plugins/fields/ref/graphql\";\nimport styled from \"@emotion/styled\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" | \"name\">;\n\nconst Information = styled(\"div\")({\n    display: \"flex\",\n    flexDirection: \"row\",\n    justifyContent: \"right\",\n    alignItems: \"center\",\n    flex: \"1\"\n});\n\nconst BadgeItem = styled(\"div\")({\n    display: \"inline-block\",\n    padding: \"5px 20px 7px 20px\",\n    backgroundColor: \"#FFF\",\n    borderRadius: \"5px\",\n    border: \"1px solid darkgrey\",\n    marginRight: \"10px\",\n    cursor: \"default\",\n    fontWeight: \"normal\"\n});\n\nconst Extras = styled(\"div\")({\n    display: \"inline-block\",\n    padding: \"5px 10px 7px 10px\",\n    backgroundColor: \"#FFF\",\n    borderRadius: \"5px\",\n    border: \"1px solid darkgrey\",\n    maxWidth: \"20px\",\n    textAlign: \"center\",\n    marginRight: \"10px\",\n    cursor: \"default\",\n    fontWeight: \"normal\"\n});\n\ninterface BadgeProps {\n    model: CmsModel;\n}\nconst Badge: React.FC<BadgeProps> = ({ model }) => {\n    return <BadgeItem>{model.name}</BadgeItem>;\n};\n\ninterface Params {\n    field: CmsModelField;\n    model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: Params) => {\n    return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo: React.FC<Params> = ({ field }) => {\n    const hasAnyModels = (field.settings?.models || []).length > 0;\n    const { data, loading, error } = useQuery<ListReferencedModelsQueryResult>(\n        LIST_REFERENCED_MODELS,\n        {\n            skip: !hasAnyModels\n        }\n    );\n\n    const { showSnackbar } = useSnackbar();\n\n    const [models, setModels] = useState<CmsModel[]>([]);\n\n    useEffect(() => {\n        if (!data || loading) {\n            return;\n        } else if (error) {\n            showSnackbar(error.message);\n            return;\n        }\n\n        setModels(data.listContentModels?.data || []);\n    }, [data, loading]);\n\n    const { items, badges } = useMemo(() => {\n        const fieldModels = (field.settings?.models || [])\n            .map(model => {\n                return models.find(m => m.modelId === model.modelId);\n            })\n            .filter(Boolean) as CmsModel[];\n        return {\n            items: fieldModels.slice(0, takeBadges),\n            badges: fieldModels.length - takeBadges\n        };\n    }, [models, field]);\n\n    if (models.length === 0) {\n        return null;\n    }\n\n    return (\n        <Information>\n            {items.map(model => {\n                return <Badge key={`model-${model.modelId}`} model={model} />;\n            })}\n            {badges > 0 && <Extras>+{badges}</Extras>}\n        </Information>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/fields/ref.js

@@ -1,75 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _viewsGraphql = require("../../viewsGraphql");
-
 var _validation = require("@webiny/validation");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _AutoComplete = require("@webiny/ui/AutoComplete");
-
 var _Progress = require("@webiny/ui/Progress");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var _roundLink24px = require("./icons/round-link-24px.svg");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _form = require("@webiny/form");
-
 var _hooks = require("../../hooks");
-
+var _renderInfo = require("./ref/renderInfo");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
 var RefFieldSettings = function RefFieldSettings() {
   var _useModel = (0, _hooks.useModel)(),
-      model = _useModel.model;
-
+    model = _useModel.model;
   var _useForm = (0, _form.useForm)(),
-      formData = _useForm.data;
-
+    formData = _useForm.data;
   var lockedFields = model.lockedFields || [];
   var fieldId = (formData || {}).fieldId || null;
   var isFieldLocked = lockedFields.some(function (lockedField) {
     return fieldId && lockedField.fieldId === fieldId;
   });
-
   var _useQuery = (0, _hooks.useQuery)(_viewsGraphql.LIST_CONTENT_MODELS),
-      data = _useQuery.data,
-      loading = _useQuery.loading,
-      error = _useQuery.error;
-
+    data = _useQuery.data,
+    loading = _useQuery.loading,
+    error = _useQuery.error;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   if (error) {
     showSnackbar(error.message);
     return null;
-  } // Format options for the Autocomplete component.
-
+  }
 
+  // Format options for the Autocomplete component.
   var options = (0, _react.useMemo)(function () {
     var models = (0, _get.default)(data, "listContentModels.data", []);
     return models.map(function (model) {
@@ -82,30 +58,24 @@ var RefFieldSettings = function RefFieldSettings() {
   var atLeastOneItem = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return _validation.validation.validate(value, "required,minLength:1");
-
-            case 3:
-              _context.next = 8;
-              break;
-
-            case 5:
-              _context.prev = 5;
-              _context.t0 = _context["catch"](0);
-              throw new _validation.ValidationError("Please select at least 1 item");
-
-            case 8:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return _validation.validation.validate(value, "required,minLength:1");
+          case 3:
+            _context.next = 8;
+            break;
+          case 5:
+            _context.prev = 5;
+            _context.t0 = _context["catch"](0);
+            throw new _validation.ValidationError("Please select at least 1 item");
+          case 8:
+          case "end":
+            return _context.stop();
         }
       }, _callee, null, [[0, 5]]);
     }));
-
     return function (_x) {
       return _ref.apply(this, arguments);
     };
@@ -139,7 +109,6 @@ var RefFieldSettings = function RefFieldSettings() {
     }));
   })));
 };
-
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-ref",
@@ -169,10 +138,9 @@ var plugin = {
       return /*#__PURE__*/_react.default.createElement(RefFieldSettings, null);
     },
     graphql: {
-      queryField:
-      /* GraphQL */
-      "\n                {\n                    modelId\n                    id\n                }\n            "
-    }
+      queryField: /* GraphQL */"\n                {\n                    modelId\n                    id\n                }\n            "
+    },
+    renderInfo: _renderInfo.renderInfo
   }
 };
 var _default = plugin;

package/admin/plugins/fields/ref.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","RefFieldSettings","useModel","model","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","useQuery","LIST_CONTENT_MODELS","loading","error","useSnackbar","showSnackbar","message","options","useMemo","models","get","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","ValidationError","bind","formattedValueForAutoComplete","filter","option","values","onChange","plugin","type","field","validators","listValidators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { LIST_CONTENT_MODELS, ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModelFieldTypePlugin, CmsModel } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useQuery, useModel } from \"~/admin/hooks\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        const models = get(data, \"listContentModels.data\", []) as CmsModel[];\n        return models.map(model => {\n            return { id: model.modelId, name: model.name };\n        });\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async value => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            {loading && <CircularProgress />}\n            <Cell span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options.filter(option =>\n                            bind.value.some(({ modelId }) => option.id === modelId)\n                        );\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                value={formattedValueForAutoComplete}\n                                onChange={(values: CmsModel[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value.id })));\n                                }}\n                                label={t`Content Models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","RefFieldSettings","useModel","model","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","useQuery","LIST_CONTENT_MODELS","loading","error","useSnackbar","showSnackbar","message","options","useMemo","models","get","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","ValidationError","bind","formattedValueForAutoComplete","filter","option","values","onChange","plugin","type","field","validators","listValidators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField","renderInfo"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport get from \"lodash/get\";\nimport { LIST_CONTENT_MODELS, ListCmsModelsQueryResponse } from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModelFieldTypePlugin, CmsModel } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"./icons/round-link-24px.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useQuery, useModel } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst RefFieldSettings = () => {\n    const { model } = useModel();\n    const { data: formData } = useForm();\n    const lockedFields = model.lockedFields || [];\n    const fieldId = (formData || {}).fieldId || null;\n    const isFieldLocked = lockedFields.some(\n        lockedField => fieldId && lockedField.fieldId === fieldId\n    );\n\n    const { data, loading, error } = useQuery<ListCmsModelsQueryResponse>(LIST_CONTENT_MODELS);\n    const { showSnackbar } = useSnackbar();\n\n    if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    // Format options for the Autocomplete component.\n    const options = useMemo(() => {\n        const models = get(data, \"listContentModels.data\", []) as CmsModel[];\n        return models.map(model => {\n            return { id: model.modelId, name: model.name };\n        });\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async value => {\n        try {\n            await validation.validate(value, \"required,minLength:1\");\n        } catch (err) {\n            throw new ValidationError(`Please select at least 1 item`);\n        }\n    }, []);\n\n    return (\n        <Grid>\n            {loading && <CircularProgress />}\n            <Cell span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options.filter(option =>\n                            bind.value.some(({ modelId }) => option.id === modelId)\n                        );\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                value={formattedValueForAutoComplete}\n                                onChange={(values: CmsModel[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value.id })));\n                                }}\n                                label={t`Content Models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Cell>\n        </Grid>\n    );\n};\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-ref\",\n    field: {\n        type: \"ref\",\n        validators: [\"required\"],\n        listValidators: [\"minLength\", \"maxLength\"],\n        label: t`Reference`,\n        description: t`Reference existing content entries. For example, a book can reference one or more authors.`,\n        icon: <RefIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of references`,\n        createField() {\n            return {\n                type: this.type,\n                settings: {\n                    models: []\n                },\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return <RefFieldSettings />;\n        },\n        graphql: {\n            queryField: /* GraphQL */ `\n                {\n                    modelId\n                    id\n                }\n            `\n        },\n        renderInfo\n    }\n};\n\nexport default plugin;\n"],"mappings":"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"}

package/admin/plugins/fields/richText.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _text_snippet = require("@material-design-icons/svg/outlined/text_snippet.svg");
-
 var _Input = require("@webiny/ui/Input");
-
 var _form = require("@webiny/form");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",

package/admin/plugins/fields/richText.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { ReactComponent as NotesIcon } from \"@material-design-icons/svg/outlined/text_snippet.svg\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of rich texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,gCAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,WADH;IAEHG,KAAK,EAAEP,CAAF,4FAFF;IAGHQ,WAAW,EAAER,CAAF,+HAHR;IAIHS,IAAI,eAAE,6BAAC,4BAAD,OAJH;IAKHC,mBAAmB,EAAE,IALlB;IAMHC,qBAAqB,EAAE,KANpB;IAOHC,mBAAmB,EAAEZ,CAAF,gHAPhB;IAQHa,WARG,yBAQW;MACV,OAAO;QACHT,IAAI,EAAE,KAAKA,IADR;QAEHU,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNV,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAhBE;IAiBHW,cAjBG,4BAiBc;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAEhB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH;EA9BE;AAH6B,CAAxC;eAqCeG,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { ReactComponent as NotesIcon } from \"@material-design-icons/svg/outlined/text_snippet.svg\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { Bind } from \"@webiny/form\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-richText\",\n    field: {\n        type: \"rich-text\",\n        label: t`Rich text`,\n        description: t`Text formatting with references and media.`,\n        icon: <NotesIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: false,\n        multipleValuesLabel: t`Use as a list of rich texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AAEpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEP,CAAC,4FAAW;IACnBQ,WAAW,EAAER,CAAC,+HAA4C;IAC1DS,IAAI,eAAE,6BAAC,4BAAS,OAAG;IACnBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,gHAA6B;IACnDa,WAAW,yBAAG;MACV,OAAO;QACHT,IAAI,EAAE,IAAI,CAACA,IAAI;QACfU,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNV,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDW,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEhB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/fields/text.js

@@ -1,32 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _roundText_fields24px = require("./icons/round-text_fields-24px.svg");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _Input = require("@webiny/ui/Input");
-
 var _PredefinedValuesDynamicFieldset = _interopRequireDefault(require("./PredefinedValuesDynamicFieldset"));
-
 var _form = require("@webiny/form");
-
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-
 var plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-text",

package/admin/plugins/fields/text.js.map

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"./icons/round-text_fields-24px.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { Bind } from \"@webiny/form\";\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AACA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,+BAAR,CAAV;;AAEA,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAD8B;EAEpCC,IAAI,EAAE,4BAF8B;EAGpCC,KAAK,EAAE;IACHF,IAAI,EAAE,MADH;IAEHG,UAAU,EAAE,CAAC,UAAD,EAAa,WAAb,EAA0B,WAA1B,EAAuC,SAAvC,EAAkD,QAAlD,CAFT;IAGHC,KAAK,EAAER,CAAF,uFAHF;IAIHS,WAAW,EAAET,CAAF,uHAJR;IAKHU,IAAI,eAAE,6BAAC,oCAAD,OALH;IAMHC,mBAAmB,EAAE,IANlB;IAOHC,qBAAqB,EAAE,IAPpB;IAQHC,mBAAmB,EAAEb,CAAF,2GARhB;IASHc,WATG,yBASW;MACV,OAAO;QACHV,IAAI,EAAE,KAAKA,IADR;QAEHW,UAAU,EAAE,EAFT;QAGHC,QAAQ,EAAE;UACNX,IAAI,EAAE;QADA;MAHP,CAAP;IAOH,CAjBE;IAkBHY,cAlBG,4BAkBc;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,YAAD;QACI,KAAK,EAAEjB,CAAF,qGADT;QAEI,WAAW,EAAEA,CAAF;MAFf,EADJ,CADJ,CADJ,CADJ;IAYH,CA/BE;IAgCHkB,sBAhCG,kCAgCoBC,KAhCpB,EAgC2B;MAC1B,oBACI,6BAAC,wCAAD,EAAqCA,KAArC,eACI,6BAAC,YAAD;QAAO,KAAK,EAAEnB,CAAF;MAAZ,EADJ,CADJ;IAKH;EAtCE;AAH6B,CAAxC;eA6CeG,M"}
+{"version":3,"names":["t","i18n","ns","plugin","type","name","field","validators","label","description","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"./icons/round-text_fields-24px.svg\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Input } from \"@webiny/ui/Input\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { Bind } from \"@webiny/form\";\nconst t = i18n.ns(\"app-headless-cms/admin/fields\");\n\nconst plugin: CmsModelFieldTypePlugin = {\n    type: \"cms-editor-field-type\",\n    name: \"cms-editor-field-type-text\",\n    field: {\n        type: \"text\",\n        validators: [\"required\", \"minLength\", \"maxLength\", \"pattern\", \"unique\"],\n        label: t`Text`,\n        description: t`Titles, names, single line values.`,\n        icon: <TextIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of texts`,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                }\n            };\n        },\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={t`Placeholder text`}\n                                description={t`Placeholder text (optional)`}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        renderPredefinedValues(props) {\n            return (\n                <PredefinedValuesDynamicFieldset {...props}>\n                    <Input label={t`Value`} />\n                </PredefinedValuesDynamicFieldset>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAoC;AACpC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,+BAA+B,CAAC;AAElD,IAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,4BAA4B;EAClCC,KAAK,EAAE;IACHF,IAAI,EAAE,MAAM;IACZG,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,CAAC;IACvEC,KAAK,EAAER,CAAC,uFAAM;IACdS,WAAW,EAAET,CAAC,uHAAoC;IAClDU,IAAI,eAAE,6BAAC,oCAAQ,OAAG;IAClBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,2GAAwB;IAC9Cc,WAAW,yBAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAc,4BAAG;MACb,oBACI,6BAAC,UAAI,qBACD,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAG,gBACX,6BAAC,UAAI;QAAC,IAAI,EAAE;MAAkB,gBAC1B,6BAAC,YAAK;QACF,KAAK,EAAEjB,CAAC,qGAAmB;QAC3B,WAAW,EAAEA,CAAC;MAA8B,EAC9C,CACC,CACJ,CACJ;IAEf,CAAC;IACDkB,sBAAsB,kCAACC,KAAK,EAAE;MAC1B,oBACI,6BAAC,wCAA+B,EAAKA,KAAK,eACtC,6BAAC,YAAK;QAAC,KAAK,EAAEnB,CAAC;MAAQ,EAAG,CACI;IAE1C;EACJ;AACJ,CAAC;AAAC,eAEaG,MAAM;AAAA"}

package/admin/plugins/getObjectId.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _app = require("@webiny/app");
-
 var _default = new _app.ApolloCacheObjectIdPlugin(function (obj) {
   switch (obj.__typename) {
     case "CmsContentModel":
       return "".concat(obj.__typename, ":").concat(obj.modelId);
-
     default:
       return undefined;
   }
 });
-
 exports.default = _default;

package/admin/plugins/getObjectId.js.map

@@ -1 +1 @@
-{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":";;;;;;;AAAA;;eAEe,IAAIA,8BAAJ,CAA8B,UAAAC,GAAG,EAAI;EAChD,QAAQA,GAAG,CAACC,UAAZ;IACI,KAAK,iBAAL;MACI,iBAAUD,GAAG,CAACC,UAAd,cAA4BD,GAAG,CAACE,OAAhC;;IACJ;MACI,OAAOC,SAAP;EAJR;AAMH,CAPc,C"}
+{"version":3,"names":["ApolloCacheObjectIdPlugin","obj","__typename","modelId","undefined"],"sources":["getObjectId.ts"],"sourcesContent":["import { ApolloCacheObjectIdPlugin } from \"@webiny/app\";\n\nexport default new ApolloCacheObjectIdPlugin(obj => {\n    switch (obj.__typename) {\n        case \"CmsContentModel\":\n            return `${obj.__typename}:${obj.modelId}`;\n        default:\n            return undefined;\n    }\n});\n"],"mappings":";;;;;;AAAA;AAAwD,eAEzC,IAAIA,8BAAyB,CAAC,UAAAC,GAAG,EAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,iBAAUD,GAAG,CAACC,UAAU,cAAID,GAAG,CAACE,OAAO;IAC3C;MACI,OAAOC,SAAS;EAAC;AAE7B,CAAC,CAAC;AAAA"}

package/admin/plugins/icons.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _fontawesomeSvgCore = require("@fortawesome/fontawesome-svg-core");
-
 var _freeBrandsSvgIcons = require("@fortawesome/free-brands-svg-icons");
-
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-
 var _freeRegularSvgIcons = require("@fortawesome/free-regular-svg-icons");
-
 var createSvg = function createSvg(icon) {
   return /*#__PURE__*/_react.default.createElement("svg", {
     width: 24,
@@ -26,7 +19,6 @@ var createSvg = function createSvg(icon) {
     fill: "currentColor"
   }));
 };
-
 var icons = [];
 var plugin = {
   name: "cms-icons-fontawesome",
@@ -34,16 +26,14 @@ var plugin = {
   init: function init() {
     // @ts-ignore
     _fontawesomeSvgCore.library.add(_freeBrandsSvgIcons.fab, _freeSolidSvgIcons.fas, _freeRegularSvgIcons.far);
-
     var definitions = _fontawesomeSvgCore.library.definitions;
     /**
      * Ignoring TS errors. We know what we coded is good, but cannot get it to work with typescript.
      */
     // @ts-ignore
-
     Object.keys(definitions).forEach(function (pack) {
-      var defs = definitions[pack]; // @ts-ignore
-
+      var defs = definitions[pack];
+      // @ts-ignore
       Object.keys(defs).forEach(function (icon) {
         icons.push({
           id: [pack, icon],

package/admin/plugins/icons.js.map

@@ -1 +1 @@
-{"version":3,"names":["createSvg","icon","icons","plugin","name","type","init","library","add","fab","fas","far","definitions","Object","keys","forEach","pack","defs","push","id","svg","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName, library } from \"@fortawesome/fontawesome-svg-core\";\nimport { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\n\nconst createSvg = (icon: string[]): React.ReactElement => {\n    return (\n        <svg width={24} viewBox={`0 0 ${icon[0]} ${icon[1]}`}>\n            <path d={icon[4]} fill=\"currentColor\" />\n        </svg>\n    );\n};\n\nconst icons: CmsIcon[] = [];\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        // @ts-ignore\n        library.add(fab, fas, far);\n        const definitions = (library as any).definitions as unknown as Record<IconPrefix, IconName>;\n        /**\n         * Ignoring TS errors. We know what we coded is good, but cannot get it to work with typescript.\n         */\n        // @ts-ignore\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-ignore\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    id: [pack, icon],\n                    name: icon,\n                    // @ts-ignore\n                    svg: createSvg(defs[icon])\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,IAAD,EAAwC;EACtD,oBACI;IAAK,KAAK,EAAE,EAAZ;IAAgB,OAAO,gBAASA,IAAI,CAAC,CAAD,CAAb,cAAoBA,IAAI,CAAC,CAAD,CAAxB;EAAvB,gBACI;IAAM,CAAC,EAAEA,IAAI,CAAC,CAAD,CAAb;IAAkB,IAAI,EAAC;EAAvB,EADJ,CADJ;AAKH,CAND;;AAQA,IAAMC,KAAgB,GAAG,EAAzB;AAEA,IAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBADqB;EAE3BC,IAAI,EAAE,WAFqB;EAG3BC,IAH2B,kBAGpB;IACH;IACAC,2BAAA,CAAQC,GAAR,CAAYC,uBAAZ,EAAiBC,sBAAjB,EAAsBC,wBAAtB;;IACA,IAAMC,WAAW,GAAIL,2BAAD,CAAiBK,WAArC;IACA;AACR;AACA;IACQ;;IACAC,MAAM,CAACC,IAAP,CAAYF,WAAZ,EAAyBG,OAAzB,CAAiC,UAACC,IAAD,EAAsB;MACnD,IAAMC,IAAI,GAAGL,WAAW,CAACI,IAAD,CAAxB,CADmD,CAEnD;;MACAH,MAAM,CAACC,IAAP,CAAYG,IAAZ,EAAkBF,OAAlB,CAA0B,UAACd,IAAD,EAAoB;QAC1CC,KAAK,CAACgB,IAAN,CAAW;UACPC,EAAE,EAAE,CAACH,IAAD,EAAOf,IAAP,CADG;UAEPG,IAAI,EAAEH,IAFC;UAGP;UACAmB,GAAG,EAAEpB,SAAS,CAACiB,IAAI,CAAChB,IAAD,CAAL;QAJP,CAAX;MAMH,CAPD;IAQH,CAXD;EAYH,CAvB0B;EAwB3BoB,QAxB2B,sBAwBhB;IACP,OAAOnB,KAAP;EACH;AA1B0B,CAA/B;eA6BeC,M"}
+{"version":3,"names":["createSvg","icon","icons","plugin","name","type","init","library","add","fab","fas","far","definitions","Object","keys","forEach","pack","defs","push","id","svg","getIcons"],"sources":["icons.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconName, library } from \"@fortawesome/fontawesome-svg-core\";\nimport { IconPrefix } from \"@fortawesome/fontawesome-common-types\";\nimport { fab } from \"@fortawesome/free-brands-svg-icons\";\nimport { fas } from \"@fortawesome/free-solid-svg-icons\";\nimport { far } from \"@fortawesome/free-regular-svg-icons\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\n\nconst createSvg = (icon: string[]): React.ReactElement => {\n    return (\n        <svg width={24} viewBox={`0 0 ${icon[0]} ${icon[1]}`}>\n            <path d={icon[4]} fill=\"currentColor\" />\n        </svg>\n    );\n};\n\nconst icons: CmsIcon[] = [];\n\nconst plugin: CmsIconsPlugin = {\n    name: \"cms-icons-fontawesome\",\n    type: \"cms-icons\",\n    init() {\n        // @ts-ignore\n        library.add(fab, fas, far);\n        const definitions = (library as any).definitions as unknown as Record<IconPrefix, IconName>;\n        /**\n         * Ignoring TS errors. We know what we coded is good, but cannot get it to work with typescript.\n         */\n        // @ts-ignore\n        Object.keys(definitions).forEach((pack: IconPrefix) => {\n            const defs = definitions[pack];\n            // @ts-ignore\n            Object.keys(defs).forEach((icon: IconName) => {\n                icons.push({\n                    id: [pack, icon],\n                    name: icon,\n                    // @ts-ignore\n                    svg: createSvg(defs[icon])\n                });\n            });\n        });\n    },\n    getIcons() {\n        return icons;\n    }\n};\n\nexport default plugin;\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,IAAc,EAAyB;EACtD,oBACI;IAAK,KAAK,EAAE,EAAG;IAAC,OAAO,gBAASA,IAAI,CAAC,CAAC,CAAC,cAAIA,IAAI,CAAC,CAAC,CAAC;EAAG,gBACjD;IAAM,CAAC,EAAEA,IAAI,CAAC,CAAC,CAAE;IAAC,IAAI,EAAC;EAAc,EAAG,CACtC;AAEd,CAAC;AAED,IAAMC,KAAgB,GAAG,EAAE;AAE3B,IAAMC,MAAsB,GAAG;EAC3BC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,WAAW;EACjBC,IAAI,kBAAG;IACH;IACAC,2BAAO,CAACC,GAAG,CAACC,uBAAG,EAAEC,sBAAG,EAAEC,wBAAG,CAAC;IAC1B,IAAMC,WAAW,GAAIL,2BAAO,CAASK,WAAsD;IAC3F;AACR;AACA;IACQ;IACAC,MAAM,CAACC,IAAI,CAACF,WAAW,CAAC,CAACG,OAAO,CAAC,UAACC,IAAgB,EAAK;MACnD,IAAMC,IAAI,GAAGL,WAAW,CAACI,IAAI,CAAC;MAC9B;MACAH,MAAM,CAACC,IAAI,CAACG,IAAI,CAAC,CAACF,OAAO,CAAC,UAACd,IAAc,EAAK;QAC1CC,KAAK,CAACgB,IAAI,CAAC;UACPC,EAAE,EAAE,CAACH,IAAI,EAAEf,IAAI,CAAC;UAChBG,IAAI,EAAEH,IAAI;UACV;UACAmB,GAAG,EAAEpB,SAAS,CAACiB,IAAI,CAAChB,IAAI,CAAC;QAC7B,CAAC,CAAC;MACN,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC;EACDoB,QAAQ,sBAAG;IACP,OAAOnB,KAAK;EAChB;AACJ,CAAC;AAAC,eAEaC,MAAM;AAAA"}

package/admin/plugins/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("../../types").CmsFieldValueTransformer<{
+declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin | import("../../types").CmsIconsPlugin | import("../../types").CmsFieldValueTransformer<{
     id: string;
     type: string;
     fieldId: string;
@@ -18,7 +18,7 @@ declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin
         type?: string | undefined;
         fields?: any[] | undefined;
         layout?: string[][] | undefined;
-        models?: Pick<import("../../types").CmsModel, "name" | "modelId">[] | undefined;
+        models?: Pick<import("../../types").CmsModel, "modelId">[] | undefined;
         templates?: import("../../types").CmsDynamicZoneTemplate[] | undefined;
         imagesOnly?: boolean | undefined;
     } | undefined;
@@ -26,7 +26,7 @@ declare const _default: () => (import("../../types").CmsEditorFormSettingsPlugin
         name: string;
     };
     tags?: string[] | undefined;
-}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("../../types").CmsContentDetailsPlugin[] | {
+}>[] | import("@webiny/app/types").RoutePlugin[] | import("@webiny/app-admin/types").AdminInstallationPlugin | import("@webiny/app-admin/types").AdminAppPermissionRendererPlugin | import("@webiny/app").ApolloCacheObjectIdPlugin<import("@webiny/app/plugins/ApolloCacheObjectIdPlugin").ApolloCacheObject> | import("../../types").CmsContentDetailsPlugin[] | {
     name: string;
     type: string;
     render(): JSX.Element;