@webiny/app-headless-cms 5.43.2-beta.0 → 6.0.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_hooks","_graphql","_appAdmin","_EMOTION_STRINGIFIED_CSS_ERROR__","Information","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","BadgeItem","Extras","Badge","_ref","model","createElement","takeBadges","renderInfo","exports","_ref2","field","RenderInfo","_ref3","hasAnyModels","settings","models","length","_useQuery","useQuery","LIST_REFERENCED_MODELS","skip","data","loading","error","_useSnackbar","useSnackbar","showSnackbar","_useState","useState","_useState2","_slicedToArray2","setModels","useEffect","message","listContentModels","_useMemo","useMemo","fieldModels","find","m","modelId","filter","Boolean","items","slice","badges","key","concat"],"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}\n\nconst Badge = ({ model }: BadgeProps) => {\n    return <BadgeItem>{model.name}</BadgeItem>;\n};\n\ninterface RenderInfoParams {\n    field: CmsModelField;\n    model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n    return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\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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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","useQuery","LIST_REFERENCED_MODELS","useSnackbar","Tag","Badge","model","createElement","content","name","takeBadges","renderInfo","field","RenderInfo","hasAnyModels","settings","models","length","data","loading","error","skip","showSnackbar","setModels","message","listContentModels","items","badges","fieldModels","map","find","m","modelId","filter","Boolean","slice","className","key"],"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 { useSnackbar } from \"@webiny/app-admin\";\nimport { Tag } from \"@webiny/admin-ui\";\n\ntype CmsModel = Pick<BaseCmsModel, \"modelId\" | \"name\">;\n\ninterface BadgeProps {\n    model: CmsModel;\n}\n\nconst Badge = ({ model }: BadgeProps) => {\n    return <Tag content={model.name} />;\n};\n\ninterface RenderInfoParams {\n    field: CmsModelField;\n    model: CmsModel;\n}\n\nconst takeBadges = 1;\n\nexport const renderInfo = ({ model, field }: RenderInfoParams) => {\n    return <RenderInfo model={model} field={field} />;\n};\n\nconst RenderInfo = ({ field }: RenderInfoParams) => {\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        <div className={\"wby-flex wby-justify-end wby-items-center wby-gap-sm\"}>\n            {items.map(model => {\n                return <Badge key={`model-${model.modelId}`} model={model} />;\n            })}\n            {badges > 0 && <Tag content={`+${badges}`}></Tag>}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAE3D,SAASC,QAAQ;AACjB,SACIC,sBAAsB;AAG1B,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,GAAG,QAAQ,kBAAkB;AAQtC,MAAMC,KAAK,GAAGA,CAAC;EAAEC;AAAkB,CAAC,KAAK;EACrC,oBAAOT,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAEF,KAAK,CAACG;EAAK,CAAE,CAAC;AACvC,CAAC;AAOD,MAAMC,UAAU,GAAG,CAAC;AAEpB,OAAO,MAAMC,UAAU,GAAGA,CAAC;EAAEL,KAAK;EAAEM;AAAwB,CAAC,KAAK;EAC9D,oBAAOf,KAAA,CAAAU,aAAA,CAACM,UAAU;IAACP,KAAK,EAAEA,KAAM;IAACM,KAAK,EAAEA;EAAM,CAAE,CAAC;AACrD,CAAC;AAED,MAAMC,UAAU,GAAGA,CAAC;EAAED;AAAwB,CAAC,KAAK;EAChD,MAAME,YAAY,GAAG,CAACF,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAAEC,MAAM,GAAG,CAAC;EAC9D,MAAM;IAAEC,IAAI;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGnB,QAAQ,CACrCC,sBAAsB,EACtB;IACImB,IAAI,EAAE,CAACP;EACX,CACJ,CAAC;EAED,MAAM;IAAEQ;EAAa,CAAC,GAAGnB,WAAW,CAAC,CAAC;EAEtC,MAAM,CAACa,MAAM,EAAEO,SAAS,CAAC,GAAGvB,QAAQ,CAAa,EAAE,CAAC;EAEpDF,SAAS,CAAC,MAAM;IACZ,IAAI,CAACoB,IAAI,IAAIC,OAAO,EAAE;MAClB;IACJ,CAAC,MAAM,IAAIC,KAAK,EAAE;MACdE,YAAY,CAACF,KAAK,CAACI,OAAO,CAAC;MAC3B;IACJ;IAEAD,SAAS,CAACL,IAAI,CAACO,iBAAiB,EAAEP,IAAI,IAAI,EAAE,CAAC;EACjD,CAAC,EAAE,CAACA,IAAI,EAAEC,OAAO,CAAC,CAAC;EAEnB,MAAM;IAAEO,KAAK;IAAEC;EAAO,CAAC,GAAG5B,OAAO,CAAC,MAAM;IACpC,MAAM6B,WAAW,GAAG,CAAChB,KAAK,CAACG,QAAQ,EAAEC,MAAM,IAAI,EAAE,EAC5Ca,GAAG,CAACvB,KAAK,IAAI;MACV,OAAOU,MAAM,CAACc,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,OAAO,KAAK1B,KAAK,CAAC0B,OAAO,CAAC;IACxD,CAAC,CAAC,CACDC,MAAM,CAACC,OAAO,CAAe;IAClC,OAAO;MACHR,KAAK,EAAEE,WAAW,CAACO,KAAK,CAAC,CAAC,EAAEzB,UAAU,CAAC;MACvCiB,MAAM,EAAEC,WAAW,CAACX,MAAM,GAAGP;IACjC,CAAC;EACL,CAAC,EAAE,CAACM,MAAM,EAAEJ,KAAK,CAAC,CAAC;EAEnB,IAAII,MAAM,CAACC,MAAM,KAAK,CAAC,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBACIpB,KAAA,CAAAU,aAAA;IAAK6B,SAAS,EAAE;EAAuD,GAClEV,KAAK,CAACG,GAAG,CAACvB,KAAK,IAAI;IAChB,oBAAOT,KAAA,CAAAU,aAAA,CAACF,KAAK;MAACgC,GAAG,EAAE,SAAS/B,KAAK,CAAC0B,OAAO,EAAG;MAAC1B,KAAK,EAAEA;IAAM,CAAE,CAAC;EACjE,CAAC,CAAC,EACDqB,MAAM,GAAG,CAAC,iBAAI9B,KAAA,CAAAU,aAAA,CAACH,GAAG;IAACI,OAAO,EAAE,IAAImB,MAAM;EAAG,CAAM,CAC/C,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/plugins/fields/ref.js

@@ -1,115 +1,106 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _viewsGraphql = require("../../viewsGraphql");
-var _validation = require("@webiny/validation");
-var _Grid = require("@webiny/ui/Grid");
-var _AutoComplete = require("@webiny/ui/AutoComplete");
-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 _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields");
-var RefFieldSettings = function RefFieldSettings() {
-  var _useModel = (0, _hooks.useModel)(),
-    model = _useModel.model;
-  var _useForm = (0, _form.useForm)(),
-    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;
-  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-    showSnackbar = _useSnackbar.showSnackbar;
+import React, { useCallback, useMemo } from "react";
+import { LIST_CONTENT_MODELS, withoutBeingDeletedModels } from "../../viewsGraphql";
+import { validation, ValidationError } from "@webiny/validation";
+import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
+import { ReactComponent as RefIcon } from "@webiny/icons/link.svg";
+import { i18n } from "@webiny/app/i18n";
+import { Bind, useForm } from "@webiny/form";
+import { useModel, useQuery } from "../../hooks";
+import { renderInfo } from "./ref/renderInfo";
+import { CMS_MODEL_SINGLETON_TAG } from "@webiny/app-headless-cms-common";
+import { Grid, Label, MultiAutoComplete } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const RefFieldSettings = () => {
+  const {
+    model
+  } = useModel();
+  const {
+    data: formData
+  } = useForm();
+  const lockedFields = model.lockedFields || [];
+  const fieldId = (formData || {}).fieldId || null;
+  const isFieldLocked = lockedFields.some(lockedField => fieldId && lockedField.fieldId === fieldId);
+  const {
+    data,
+    loading,
+    error
+  } = useQuery(LIST_CONTENT_MODELS);
+  const {
+    showSnackbar
+  } = useSnackbar();
   if (error) {
     showSnackbar(error.message);
     return null;
   }
 
   // Format options for the Autocomplete component.
-  var options = (0, _react.useMemo)(function () {
+  const options = useMemo(() => {
     if (!data?.listContentModels?.data) {
       return [];
     }
-    var models = (0, _viewsGraphql.withoutBeingDeletedModels)(data.listContentModels.data);
+    const models = withoutBeingDeletedModels(data.listContentModels.data);
     return models
     /**
      * Remove singleton models from the list of options.
-     */.filter(function (model) {
-      return !model.tags?.includes(_appHeadlessCmsCommon.CMS_MODEL_SINGLETON_TAG);
-    }).map(function (model) {
+     */.filter(model => {
+      return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);
+    }).map(model => {
       return {
-        id: model.modelId,
-        name: model.name
+        value: model.modelId,
+        label: model.name
       };
     });
   }, [data]);
-  var atLeastOneItem = (0, _react.useCallback)(async function (value) {
+  const atLeastOneItem = useCallback(async value => {
     try {
-      await _validation.validation.validate(value, "required,minLength:1");
+      await validation.validate(value, "required,minLength:1");
     } catch (err) {
-      throw new _validation.ValidationError("Please select at least 1 item");
+      throw new ValidationError(`Please select at least 1 item`);
     }
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+  }, /*#__PURE__*/React.createElement(Bind, {
     name: "settings.models",
     validators: atLeastOneItem
-  }, function (bind) {
+  }, bind => {
     // Format value prop for MultiAutoComplete component.
-    var formattedValueForAutoComplete = options.filter(function (option) {
-      return bind.value.some(function (_ref) {
-        var modelId = _ref.modelId;
-        return option.id === modelId;
-      });
-    });
-    return /*#__PURE__*/_react.default.createElement(_AutoComplete.MultiAutoComplete, Object.assign({}, bind, {
-      value: formattedValueForAutoComplete,
-      onChange: function onChange(values) {
-        bind.onChange(values.map(function (value) {
-          return {
-            modelId: value.id
-          };
-        }));
+    const formattedValueForAutoComplete = options.filter(option => bind.value.some(({
+      modelId
+    }) => option.value === modelId)).map(({
+      value
+    }) => value);
+    return /*#__PURE__*/React.createElement(MultiAutoComplete, Object.assign({}, bind, {
+      size: "lg",
+      values: formattedValueForAutoComplete,
+      onValuesChange: values => {
+        bind.onChange(values.map(value => ({
+          modelId: value
+        })));
       },
-      label: loading ? t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Loading models..."]))) : t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content models"]))),
-      description: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Cannot be changed later"]))),
+      label: loading ? t`Loading models...` : /*#__PURE__*/React.createElement(Label, {
+        text: t`Content models`,
+        description: "(cannot be changed later)"
+      }),
       options: options,
       disabled: isFieldLocked || loading
     }));
   })));
 };
-var plugin = {
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-ref",
   field: {
     type: "ref",
     validators: ["required"],
     listValidators: ["minLength", "maxLength"],
-    label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Reference"]))),
-    description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Reference existing content entries. For example, a book can reference one or more authors."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundLink24px.ReactComponent, null),
+    label: t`Reference`,
+    description: t`Reference existing content entries. For example, a book can reference one or more authors.`,
+    icon: /*#__PURE__*/React.createElement(RefIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Use as a list of references"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of references`,
+    createField() {
       return {
         type: this.type,
         settings: {
@@ -121,15 +112,20 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(RefFieldSettings, null);
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(RefFieldSettings, null);
     },
     graphql: {
-      queryField: /* GraphQL */"\n                {\n                    modelId\n                    id\n                }\n            "
+      queryField: /* GraphQL */`
+                {
+                    modelId
+                    id
+                }
+            `
     },
-    renderInfo: _renderInfo.renderInfo
+    renderInfo
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=ref.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_viewsGraphql","_validation","_Grid","_AutoComplete","_useSnackbar2","_roundLink24px","_i18n","_form","_hooks","_renderInfo","_appHeadlessCmsCommon","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","RefFieldSettings","_useModel","useModel","model","_useForm","useForm","formData","data","lockedFields","fieldId","isFieldLocked","some","lockedField","_useQuery","useQuery","LIST_CONTENT_MODELS","loading","error","_useSnackbar","useSnackbar","showSnackbar","message","options","useMemo","listContentModels","models","withoutBeingDeletedModels","filter","tags","includes","CMS_MODEL_SINGLETON_TAG","map","id","modelId","name","atLeastOneItem","useCallback","value","validation","validate","err","ValidationError","default","createElement","Grid","Cell","span","Bind","validators","bind","formattedValueForAutoComplete","option","_ref","MultiAutoComplete","Object","assign","onChange","values","label","_taggedTemplateLiteral2","description","disabled","plugin","type","field","listValidators","icon","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField","renderInfo","_default","exports"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport {\n    LIST_CONTENT_MODELS,\n    ListCmsModelsQueryResponse,\n    withoutBeingDeletedModels\n} from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { MultiAutoComplete } from \"@webiny/ui/AutoComplete\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModel, CmsModelFieldTypePlugin } 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 { useModel, useQuery } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\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        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { id: model.modelId, name: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\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            <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={loading ? t`Loading models...` : t`Content models`}\n                                description={t`Cannot be changed later`}\n                                options={options}\n                                disabled={isFieldLocked || loading}\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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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useMemo","LIST_CONTENT_MODELS","withoutBeingDeletedModels","validation","ValidationError","useSnackbar","ReactComponent","RefIcon","i18n","Bind","useForm","useModel","useQuery","renderInfo","CMS_MODEL_SINGLETON_TAG","Grid","Label","MultiAutoComplete","t","ns","RefFieldSettings","model","data","formData","lockedFields","fieldId","isFieldLocked","some","lockedField","loading","error","showSnackbar","message","options","listContentModels","models","filter","tags","includes","map","value","modelId","label","name","atLeastOneItem","validate","err","createElement","Column","span","validators","bind","formattedValueForAutoComplete","option","Object","assign","size","values","onValuesChange","onChange","text","description","disabled","plugin","type","field","listValidators","icon","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","settings","renderer","renderSettings","graphql","queryField"],"sources":["ref.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport {\n    LIST_CONTENT_MODELS,\n    ListCmsModelsQueryResponse,\n    withoutBeingDeletedModels\n} from \"../../viewsGraphql\";\nimport { validation, ValidationError } from \"@webiny/validation\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { CmsModel, CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as RefIcon } from \"@webiny/icons/link.svg\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Bind, BindComponentRenderProp, useForm } from \"@webiny/form\";\nimport { useModel, useQuery } from \"~/admin/hooks\";\nimport { renderInfo } from \"./ref/renderInfo\";\nimport { CMS_MODEL_SINGLETON_TAG } from \"@webiny/app-headless-cms-common\";\nimport { Grid, Label, MultiAutoComplete } from \"@webiny/admin-ui\";\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        if (!data?.listContentModels?.data) {\n            return [];\n        }\n        const models = withoutBeingDeletedModels(data.listContentModels.data);\n        return (\n            models\n                /**\n                 * Remove singleton models from the list of options.\n                 */\n                .filter(model => {\n                    return !model.tags?.includes(CMS_MODEL_SINGLETON_TAG);\n                })\n                .map(model => {\n                    return { value: model.modelId, label: model.name };\n                })\n        );\n    }, [data]);\n\n    const atLeastOneItem = useCallback(async (value: Pick<CmsModel, \"modelId\">) => {\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            <Grid.Column span={12}>\n                <Bind name={\"settings.models\"} validators={atLeastOneItem}>\n                    {(bind: BindComponentRenderProp<CmsModel[]>) => {\n                        // Format value prop for MultiAutoComplete component.\n                        const formattedValueForAutoComplete = options\n                            .filter(option =>\n                                bind.value.some(({ modelId }) => option.value === modelId)\n                            )\n                            .map(({ value }) => value);\n\n                        return (\n                            <MultiAutoComplete\n                                {...bind}\n                                size={\"lg\"}\n                                values={formattedValueForAutoComplete}\n                                onValuesChange={(values: string[]) => {\n                                    bind.onChange(values.map(value => ({ modelId: value })));\n                                }}\n                                label={\n                                    loading ? (\n                                        t`Loading models...`\n                                    ) : (\n                                        <Label\n                                            text={t`Content models`}\n                                            description={\"(cannot be changed later)\"}\n                                        />\n                                    )\n                                }\n                                options={options}\n                                disabled={isFieldLocked || loading}\n                            />\n                        );\n                    }}\n                </Bind>\n            </Grid.Column>\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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","ignoreList":[]}

package/admin/plugins/fields/richText.js

@@ -1,31 +1,21 @@
-"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 = {
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { ReactComponent as NotesIcon } from "@webiny/icons/text_snippet.svg";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+import { Bind } from "@webiny/form";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-richText",
   field: {
     type: "rich-text",
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Rich text"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Text formatting with references and media."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_text_snippet.ReactComponent, null),
+    label: t`Rich text`,
+    description: t`Text formatting with references and media.`,
+    icon: /*#__PURE__*/React.createElement(NotesIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of rich texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of rich texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -34,18 +24,21 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=richText.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_Grid","_text_snippet","_Input","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","t","i18n","ns","plugin","type","name","field","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAoC,IAAAM,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAEpC,IAAMC,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,CAAAL,eAAA,KAAAA,eAAA,OAAAa,uBAAA,CAAAC,OAAA,kBAAW;IACnBC,WAAW,EAAEV,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,mDAA4C;IAC1DE,IAAI,eAAExB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACpB,aAAA,CAAAqB,cAAS,MAAE,CAAC;IACnBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEhB,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA,oCAA6B;IACnDQ,WAAW,WAAXA,WAAWA,CAAA,EAAG;MACV,OAAO;QACHb,IAAI,EAAE,IAAI,CAACA,IAAI;QACfc,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNd,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDe,cAAc,WAAdA,cAAcA,CAAA,EAAG;MACb,oBACIjC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACrB,KAAA,CAAA8B,IAAI,qBACDlC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACrB,KAAA,CAAA+B,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXpC,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAAClB,KAAA,CAAA8B,IAAI;QAACnB,IAAI,EAAE;MAAkB,gBAC1BlB,MAAA,CAAAsB,OAAA,CAAAG,aAAA,CAACnB,MAAA,CAAAgC,KAAK;QACFlB,KAAK,EAAEP,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEV,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAS,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf;EACJ;AACJ,CAAC;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaN,MAAM","ignoreList":[]}
+{"version":3,"names":["React","i18n","ReactComponent","NotesIcon","Grid","Input","Label","Bind","t","ns","plugin","type","name","field","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Column","span","text","size"],"sources":["richText.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { ReactComponent as NotesIcon } from \"@webiny/icons/text_snippet.svg\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\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                    <Grid.Column span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={\n                                    <Label text={t`Placeholder text`} description={t`(optional)`} />\n                                }\n                                size={\"lg\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\n                </Grid>\n            );\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,SAASC,cAAc,IAAIC,SAAS,QAAQ,gCAAgC;AAC5E,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACrD,SAASC,IAAI,QAAQ,cAAc;AAEnC,MAAMC,CAAC,GAAGP,IAAI,CAACQ,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,gCAAgC;EACtCC,KAAK,EAAE;IACHF,IAAI,EAAE,WAAW;IACjBG,KAAK,EAAEN,CAAC,WAAW;IACnBO,WAAW,EAAEP,CAAC,4CAA4C;IAC1DQ,IAAI,eAAEhB,KAAA,CAAAiB,aAAA,CAACd,SAAS,MAAE,CAAC;IACnBe,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,KAAK;IAC5BC,mBAAmB,EAAEZ,CAAC,6BAA6B;IACnDa,WAAWA,CAAA,EAAG;MACV,OAAO;QACHV,IAAI,EAAE,IAAI,CAACA,IAAI;QACfW,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNX,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDY,cAAcA,CAAA,EAAG;MACb,oBACIxB,KAAA,CAAAiB,aAAA,CAACb,IAAI,qBACDJ,KAAA,CAAAiB,aAAA,CAACb,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB1B,KAAA,CAAAiB,aAAA,CAACV,IAAI;QAACK,IAAI,EAAE;MAAkB,gBAC1BZ,KAAA,CAAAiB,aAAA,CAACZ,KAAK;QACFS,KAAK,eACDd,KAAA,CAAAiB,aAAA,CAACX,KAAK;UAACqB,IAAI,EAAEnB,CAAC,kBAAmB;UAACO,WAAW,EAAEP,CAAC;QAAa,CAAE,CAClE;QACDoB,IAAI,EAAE;MAAK,CACd,CACC,CACG,CACX,CAAC;IAEf;EACJ;AACJ,CAAC;AAED,eAAelB,MAAM","ignoreList":[]}

package/admin/plugins/fields/searchableJson.d.ts

@@ -0,0 +1,3 @@
+import { CmsModelFieldTypePlugin } from "../../../types";
+declare const plugin: CmsModelFieldTypePlugin;
+export default plugin;

package/admin/plugins/fields/searchableJson.js

@@ -0,0 +1,33 @@
+import React from "react";
+import { ReactComponent as JsonIcon } from "@webiny/icons/data_object.svg";
+import { i18n } from "@webiny/app/i18n";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
+  type: "cms-editor-field-type",
+  name: "cms-editor-field-type-searchable-json",
+  field: {
+    type: "searchable-json",
+    label: t`Searchable JSON`,
+    description: t`Store Searchable JSON values.`,
+    icon: /*#__PURE__*/React.createElement(JsonIcon, null),
+    allowMultipleValues: true,
+    allowPredefinedValues: true,
+    multipleValuesLabel: t`Use as a list of Searchable JSONs`,
+    hideInAdmin: true,
+    createField() {
+      return {
+        type: this.type,
+        validation: [],
+        renderer: {
+          name: ""
+        },
+        settings: {
+          defaultValue: false
+        }
+      };
+    }
+  }
+};
+export default plugin;
+
+//# sourceMappingURL=searchableJson.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ReactComponent","JsonIcon","i18n","t","ns","plugin","type","name","field","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","hideInAdmin","createField","validation","renderer","settings","defaultValue"],"sources":["searchableJson.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as JsonIcon } from \"@webiny/icons/data_object.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\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-searchable-json\",\n    field: {\n        type: \"searchable-json\",\n        label: t`Searchable JSON`,\n        description: t`Store Searchable JSON values.`,\n        icon: <JsonIcon />,\n        allowMultipleValues: true,\n        allowPredefinedValues: true,\n        multipleValuesLabel: t`Use as a list of Searchable JSONs`,\n        hideInAdmin: true,\n        createField() {\n            return {\n                type: this.type,\n                validation: [],\n                renderer: {\n                    name: \"\"\n                },\n                settings: {\n                    defaultValue: false\n                }\n            };\n        }\n    }\n};\n\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,CAAC,GAAGD,IAAI,CAACE,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,MAA+B,GAAG;EACpCC,IAAI,EAAE,uBAAuB;EAC7BC,IAAI,EAAE,uCAAuC;EAC7CC,KAAK,EAAE;IACHF,IAAI,EAAE,iBAAiB;IACvBG,KAAK,EAAEN,CAAC,iBAAiB;IACzBO,WAAW,EAAEP,CAAC,+BAA+B;IAC7CQ,IAAI,eAAEZ,KAAA,CAAAa,aAAA,CAACX,QAAQ,MAAE,CAAC;IAClBY,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEZ,CAAC,mCAAmC;IACzDa,WAAW,EAAE,IAAI;IACjBC,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV,CAAC;QACDa,QAAQ,EAAE;UACNC,YAAY,EAAE;QAClB;MACJ,CAAC;IACL;EACJ;AACJ,CAAC;AAED,eAAehB,MAAM","ignoreList":[]}

package/admin/plugins/fields/text.js

@@ -1,33 +1,23 @@
-"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 = {
+import React from "react";
+import { ReactComponent as TextIcon } from "@webiny/icons/text_fields.svg";
+import { i18n } from "@webiny/app/i18n";
+import PredefinedValuesDynamicFieldset from "./PredefinedValuesDynamicFieldset";
+import { Bind } from "@webiny/form";
+import { Grid, Input, Label } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/fields");
+const plugin = {
   type: "cms-editor-field-type",
   name: "cms-editor-field-type-text",
   field: {
     type: "text",
     validators: ["required", "minLength", "maxLength", "pattern", "unique"],
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Text"]))),
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Titles, names, single line values."]))),
-    icon: /*#__PURE__*/_react.default.createElement(_roundText_fields24px.ReactComponent, null),
+    label: t`Text`,
+    description: t`Titles, names, single line values.`,
+    icon: /*#__PURE__*/React.createElement(TextIcon, null),
     allowMultipleValues: true,
     allowPredefinedValues: true,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Use as a list of texts"]))),
-    createField: function createField() {
+    multipleValuesLabel: t`Use as a list of texts`,
+    createField() {
       return {
         type: this.type,
         validation: [],
@@ -36,23 +26,26 @@ var plugin = {
         }
       };
     },
-    renderSettings: function renderSettings() {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    renderSettings() {
+      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
+      }, /*#__PURE__*/React.createElement(Bind, {
         name: "placeholderText"
-      }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Placeholder text"]))),
-        description: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Placeholder text (optional)"])))
+      }, /*#__PURE__*/React.createElement(Input, {
+        label: /*#__PURE__*/React.createElement(Label, {
+          text: t`Placeholder text`,
+          description: t`(optional)`
+        }),
+        size: "lg"
       }))));
     },
-    renderPredefinedValues: function renderPredefinedValues(props) {
-      return /*#__PURE__*/_react.default.createElement(_PredefinedValuesDynamicFieldset.default, props, /*#__PURE__*/_react.default.createElement(_Input.Input, {
-        label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Value"])))
+    renderPredefinedValues(props) {
+      return /*#__PURE__*/React.createElement(PredefinedValuesDynamicFieldset, props, /*#__PURE__*/React.createElement(Input, {
+        label: t`Value`
       }));
     }
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_roundText_fields24px","_Grid","_i18n","_Input","_PredefinedValuesDynamicFieldset","_form","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","plugin","type","name","field","validators","label","_taggedTemplateLiteral2","default","description","icon","createElement","ReactComponent","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Grid","Cell","span","Bind","Input","renderPredefinedValues","props","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAAoC,IAAAO,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;AACpC,IAAMC,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,CAAAN,eAAA,KAAAA,eAAA,OAAAe,uBAAA,CAAAC,OAAA,aAAM;IACdC,WAAW,EAAEX,CAAC,CAAAL,gBAAA,KAAAA,gBAAA,OAAAc,uBAAA,CAAAC,OAAA,2CAAoC;IAClDE,IAAI,eAAE3B,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACzB,qBAAA,CAAA0B,cAAQ,MAAE,CAAC;IAClBC,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEjB,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAa,uBAAA,CAAAC,OAAA,+BAAwB;IAC9CQ,WAAW,WAAXA,WAAWA,CAAA,EAAG;MACV,OAAO;QACHd,IAAI,EAAE,IAAI,CAACA,IAAI;QACfe,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNf,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDgB,cAAc,WAAdA,cAAcA,CAAA,EAAG;MACb,oBACIpC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAiC,IAAI,qBACDrC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACxB,KAAA,CAAAkC,IAAI;QAACC,IAAI,EAAE;MAAG,gBACXvC,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACpB,KAAA,CAAAgC,IAAI;QAACpB,IAAI,EAAE;MAAkB,gBAC1BpB,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QACFlB,KAAK,EAAER,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAY,uBAAA,CAAAC,OAAA,yBAAmB;QAC3BC,WAAW,EAAEX,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAW,uBAAA,CAAAC,OAAA;MAA8B,CAC/C,CACC,CACJ,CACJ,CAAC;IAEf,CAAC;IACDiB,sBAAsB,WAAtBA,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACI3C,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACrB,gCAAA,CAAAkB,OAA+B,EAAKkB,KAAK,eACtC3C,MAAA,CAAAyB,OAAA,CAAAG,aAAA,CAACtB,MAAA,CAAAmC,KAAK;QAAClB,KAAK,EAAER,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA;MAAQ,CAAE,CACI,CAAC;IAE1C;EACJ;AACJ,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEaP,MAAM","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","TextIcon","i18n","PredefinedValuesDynamicFieldset","Bind","Grid","Input","Label","t","ns","plugin","type","name","field","validators","label","description","icon","createElement","allowMultipleValues","allowPredefinedValues","multipleValuesLabel","createField","validation","renderer","renderSettings","Column","span","text","size","renderPredefinedValues","props"],"sources":["text.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as TextIcon } from \"@webiny/icons/text_fields.svg\";\nimport { CmsModelFieldTypePlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport PredefinedValuesDynamicFieldset from \"./PredefinedValuesDynamicFieldset\";\nimport { Bind } from \"@webiny/form\";\nimport { Grid, Input, Label } from \"@webiny/admin-ui\";\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                    <Grid.Column span={12}>\n                        <Bind name={\"placeholderText\"}>\n                            <Input\n                                label={\n                                    <Label text={t`Placeholder text`} description={t`(optional)`} />\n                                }\n                                size={\"lg\"}\n                            />\n                        </Bind>\n                    </Grid.Column>\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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,QAAQ,QAAQ,+BAA+B;AAE1E,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,+BAA+B;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,EAAEC,KAAK,EAAEC,KAAK,QAAQ,kBAAkB;AACrD,MAAMC,CAAC,GAAGN,IAAI,CAACO,EAAE,CAAC,+BAA+B,CAAC;AAElD,MAAMC,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,EAAEP,CAAC,MAAM;IACdQ,WAAW,EAAER,CAAC,oCAAoC;IAClDS,IAAI,eAAElB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,MAAE,CAAC;IAClBkB,mBAAmB,EAAE,IAAI;IACzBC,qBAAqB,EAAE,IAAI;IAC3BC,mBAAmB,EAAEb,CAAC,wBAAwB;IAC9Cc,WAAWA,CAAA,EAAG;MACV,OAAO;QACHX,IAAI,EAAE,IAAI,CAACA,IAAI;QACfY,UAAU,EAAE,EAAE;QACdC,QAAQ,EAAE;UACNZ,IAAI,EAAE;QACV;MACJ,CAAC;IACL,CAAC;IACDa,cAAcA,CAAA,EAAG;MACb,oBACI1B,KAAA,CAAAmB,aAAA,CAACb,IAAI,qBACDN,KAAA,CAAAmB,aAAA,CAACb,IAAI,CAACqB,MAAM;QAACC,IAAI,EAAE;MAAG,gBAClB5B,KAAA,CAAAmB,aAAA,CAACd,IAAI;QAACQ,IAAI,EAAE;MAAkB,gBAC1Bb,KAAA,CAAAmB,aAAA,CAACZ,KAAK;QACFS,KAAK,eACDhB,KAAA,CAAAmB,aAAA,CAACX,KAAK;UAACqB,IAAI,EAAEpB,CAAC,kBAAmB;UAACQ,WAAW,EAAER,CAAC;QAAa,CAAE,CAClE;QACDqB,IAAI,EAAE;MAAK,CACd,CACC,CACG,CACX,CAAC;IAEf,CAAC;IACDC,sBAAsBA,CAACC,KAAK,EAAE;MAC1B,oBACIhC,KAAA,CAAAmB,aAAA,CAACf,+BAA+B,EAAK4B,KAAK,eACtChC,KAAA,CAAAmB,aAAA,CAACZ,KAAK;QAACS,KAAK,EAAEP,CAAC;MAAQ,CAAE,CACI,CAAC;IAE1C;EACJ;AACJ,CAAC;AAED,eAAeE,MAAM","ignoreList":[]}

package/admin/plugins/getObjectId.js

@@ -1,14 +1,8 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _app = require("@webiny/app");
-var _default = exports.default = new _app.ApolloCacheObjectIdPlugin(function (obj) {
+import { ApolloCacheObjectIdPlugin } from "@webiny/app";
+export default new ApolloCacheObjectIdPlugin(obj => {
   switch (obj.__typename) {
     case "CmsContentModel":
-      return "".concat(obj.__typename, ":").concat(obj.modelId);
+      return `${obj.__typename}:${obj.modelId}`;
     default:
       return undefined;
   }

package/admin/plugins/getObjectId.js.map

@@ -1 +1 @@
-{"version":3,"names":["_app","require","_default","exports","default","ApolloCacheObjectIdPlugin","obj","__typename","concat","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,IAAAA,IAAA,GAAAC,OAAA;AAAwD,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEzC,IAAIC,8BAAyB,CAAC,UAAAC,GAAG,EAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,UAAAC,MAAA,CAAUF,GAAG,CAACC,UAAU,OAAAC,MAAA,CAAIF,GAAG,CAACG,OAAO;IAC3C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}
+{"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,SAASA,yBAAyB,QAAQ,aAAa;AAEvD,eAAe,IAAIA,yBAAyB,CAACC,GAAG,IAAI;EAChD,QAAQA,GAAG,CAACC,UAAU;IAClB,KAAK,iBAAiB;MAClB,OAAO,GAAGD,GAAG,CAACC,UAAU,IAAID,GAAG,CAACE,OAAO,EAAE;IAC7C;MACI,OAAOC,SAAS;EACxB;AACJ,CAAC,CAAC","ignoreList":[]}