@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js

@@ -1,43 +1,54 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SimpleSingleRenderer = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _useContentModels2 = require("./useContentModels");
-var _useReferences = require("./useReferences");
-var _SimpleItems = require("./SimpleItems");
-var SimpleSingleRenderer = exports.SimpleSingleRenderer = function SimpleSingleRenderer(props) {
-  var field = props.field,
-    bind = props.bind;
-  var value = (0, _react.useMemo)(function () {
-    return bind.value;
+import React, { useMemo } from "react";
+import { useContentModels } from "./useContentModels.js";
+import { useReferences } from "./useReferences.js";
+import { Loader } from "./Loader.js";
+import { RadioGroup } from "@webiny/admin-ui";
+export const SimpleSingleRenderer = props => {
+  const {
+    field,
+    bind
+  } = props;
+  const value = useMemo(() => {
+    return bind.value?.id;
   }, [bind.value]);
-  var _useContentModels = (0, _useContentModels2.useContentModels)({
-      field: field
-    }),
-    models = _useContentModels.models;
-  var references = (0, _useReferences.useReferences)({
-    models: models
+  const {
+    models
+  } = useContentModels({
+    field
   });
-  var addItem = (0, _react.useCallback)(function (params) {
-    bind.onChange(params);
-  }, [bind, value]);
-  var removeItem = (0, _react.useCallback)(function () {
-    bind.onChange(null);
-  }, [bind, value]);
-  if (references.loading && props.loadingElement) {
-    return props.loadingElement;
-  }
-  return /*#__PURE__*/_react.default.createElement(_SimpleItems.SimpleItems, {
-    field: field,
-    values: value ? [value] : [],
-    items: references.entries,
-    addItem: addItem,
-    removeItem: removeItem
+  const references = useReferences({
+    models
   });
+  const items = useMemo(() => {
+    if (!references.entries) {
+      return [];
+    }
+    return references.entries.map(entry => ({
+      label: entry.title,
+      value: entry.id
+    }));
+  }, [references]);
+  if (references.loading) {
+    return /*#__PURE__*/React.createElement(Loader, null);
+  }
+  return /*#__PURE__*/React.createElement(RadioGroup, Object.assign({}, bind, {
+    label: field.label,
+    description: field.description,
+    note: field.note,
+    hint: field.help,
+    value: value,
+    items: items,
+    onChange: value => {
+      const selectedItem = references.entries.find(entry => entry.entryId === value.split("#")[0]);
+      if (!selectedItem) {
+        return;
+      }
+      bind.onChange({
+        id: selectedItem.id,
+        modelId: selectedItem.model.modelId
+      });
+    }
+  }));
 };
 
 //# sourceMappingURL=SimpleSingleRenderer.js.map

package/admin/plugins/fieldRenderers/ref/simple/components/SimpleSingleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_useContentModels2","_useReferences","_SimpleItems","SimpleSingleRenderer","exports","props","field","bind","value","useMemo","_useContentModels","useContentModels","models","references","useReferences","addItem","useCallback","params","onChange","removeItem","loading","loadingElement","default","createElement","SimpleItems","values","items","entries"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { BindComponentRenderProp, CmsModelField } from \"~/types\";\nimport { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport { useContentModels } from \"./useContentModels\";\nimport { useReferences } from \"./useReferences\";\nimport { AddItemParams, SimpleItems } from \"./SimpleItems\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n    loadingElement?: JSX.Element;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { field, bind } = props;\n\n    const value = useMemo(() => {\n        return bind.value;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const addItem = useCallback(\n        (params: AddItemParams) => {\n            bind.onChange(params);\n        },\n        [bind, value]\n    );\n    const removeItem = useCallback(() => {\n        bind.onChange(null);\n    }, [bind, value]);\n\n    if (references.loading && props.loadingElement) {\n        return props.loadingElement;\n    }\n\n    return (\n        <SimpleItems\n            field={field}\n            values={value ? [value] : []}\n            items={references.entries}\n            addItem={addItem}\n            removeItem={removeItem}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAQO,IAAMI,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAIE,KAAgC,EAAK;EACtE,IAAQC,KAAK,GAAWD,KAAK,CAArBC,KAAK;IAAEC,IAAI,GAAKF,KAAK,CAAdE,IAAI;EAEnB,IAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,YAAM;IACxB,OAAOF,IAAI,CAACC,KAAK;EACrB,CAAC,EAAE,CAACD,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,IAAAE,iBAAA,GAAmB,IAAAC,mCAAgB,EAAC;MAChCL,KAAK,EAALA;IACJ,CAAC,CAAC;IAFMM,MAAM,GAAAF,iBAAA,CAANE,MAAM;EAId,IAAMC,UAAU,GAAG,IAAAC,4BAAa,EAAC;IAC7BF,MAAM,EAANA;EACJ,CAAC,CAAC;EAEF,IAAMG,OAAO,GAAG,IAAAC,kBAAW,EACvB,UAACC,MAAqB,EAAK;IACvBV,IAAI,CAACW,QAAQ,CAACD,MAAM,CAAC;EACzB,CAAC,EACD,CAACV,IAAI,EAAEC,KAAK,CAChB,CAAC;EACD,IAAMW,UAAU,GAAG,IAAAH,kBAAW,EAAC,YAAM;IACjCT,IAAI,CAACW,QAAQ,CAAC,IAAI,CAAC;EACvB,CAAC,EAAE,CAACX,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,IAAIK,UAAU,CAACO,OAAO,IAAIf,KAAK,CAACgB,cAAc,EAAE;IAC5C,OAAOhB,KAAK,CAACgB,cAAc;EAC/B;EAEA,oBACIxB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACrB,YAAA,CAAAsB,WAAW;IACRlB,KAAK,EAAEA,KAAM;IACbmB,MAAM,EAAEjB,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAG;IAC7BkB,KAAK,EAAEb,UAAU,CAACc,OAAQ;IAC1BZ,OAAO,EAAEA,OAAQ;IACjBI,UAAU,EAAEA;EAAW,CAC1B,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useMemo","useContentModels","useReferences","Loader","RadioGroup","SimpleSingleRenderer","props","field","bind","value","id","models","references","items","entries","map","entry","label","title","loading","createElement","Object","assign","description","note","hint","help","onChange","selectedItem","find","entryId","split","modelId","model"],"sources":["SimpleSingleRenderer.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { BindComponentRenderProp, CmsModelField } from \"~/types.js\";\nimport type { CmsReferenceValue } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport { useContentModels } from \"./useContentModels.js\";\nimport { useReferences } from \"./useReferences.js\";\nimport { Loader } from \"~/admin/plugins/fieldRenderers/ref/simple/components/Loader.js\";\nimport { RadioGroup } from \"@webiny/admin-ui\";\n\ninterface SimpleSingleRendererProps {\n    bind: BindComponentRenderProp<CmsReferenceValue | undefined | null>;\n    field: CmsModelField;\n}\n\nexport const SimpleSingleRenderer = (props: SimpleSingleRendererProps) => {\n    const { field, bind } = props;\n\n    const value = useMemo(() => {\n        return bind.value?.id;\n    }, [bind.value]);\n\n    const { models } = useContentModels({\n        field\n    });\n\n    const references = useReferences({\n        models\n    });\n\n    const items = useMemo(() => {\n        if (!references.entries) {\n            return [];\n        }\n\n        return references.entries.map(entry => ({\n            label: entry.title,\n            value: entry.id\n        }));\n    }, [references]);\n\n    if (references.loading) {\n        return <Loader />;\n    }\n\n    return (\n        <RadioGroup\n            {...bind}\n            label={field.label}\n            description={field.description}\n            note={field.note}\n            hint={field.help}\n            value={value}\n            items={items}\n            onChange={(value: string) => {\n                const selectedItem = references.entries.find(\n                    entry => entry.entryId === value.split(\"#\")[0]\n                );\n\n                if (!selectedItem) {\n                    return;\n                }\n\n                bind.onChange({\n                    id: selectedItem.id,\n                    modelId: selectedItem.model.modelId\n                });\n            }}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAGtC,SAASC,gBAAgB;AACzB,SAASC,aAAa;AACtB,SAASC,MAAM;AACf,SAASC,UAAU,QAAQ,kBAAkB;AAO7C,OAAO,MAAMC,oBAAoB,GAAIC,KAAgC,IAAK;EACtE,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGF,KAAK;EAE7B,MAAMG,KAAK,GAAGT,OAAO,CAAC,MAAM;IACxB,OAAOQ,IAAI,CAACC,KAAK,EAAEC,EAAE;EACzB,CAAC,EAAE,CAACF,IAAI,CAACC,KAAK,CAAC,CAAC;EAEhB,MAAM;IAAEE;EAAO,CAAC,GAAGV,gBAAgB,CAAC;IAChCM;EACJ,CAAC,CAAC;EAEF,MAAMK,UAAU,GAAGV,aAAa,CAAC;IAC7BS;EACJ,CAAC,CAAC;EAEF,MAAME,KAAK,GAAGb,OAAO,CAAC,MAAM;IACxB,IAAI,CAACY,UAAU,CAACE,OAAO,EAAE;MACrB,OAAO,EAAE;IACb;IAEA,OAAOF,UAAU,CAACE,OAAO,CAACC,GAAG,CAACC,KAAK,KAAK;MACpCC,KAAK,EAAED,KAAK,CAACE,KAAK;MAClBT,KAAK,EAAEO,KAAK,CAACN;IACjB,CAAC,CAAC,CAAC;EACP,CAAC,EAAE,CAACE,UAAU,CAAC,CAAC;EAEhB,IAAIA,UAAU,CAACO,OAAO,EAAE;IACpB,oBAAOpB,KAAA,CAAAqB,aAAA,CAACjB,MAAM,MAAE,CAAC;EACrB;EAEA,oBACIJ,KAAA,CAAAqB,aAAA,CAAChB,UAAU,EAAAiB,MAAA,CAAAC,MAAA,KACHd,IAAI;IACRS,KAAK,EAAEV,KAAK,CAACU,KAAM;IACnBM,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,IAAI,EAAEjB,KAAK,CAACiB,IAAK;IACjBC,IAAI,EAAElB,KAAK,CAACmB,IAAK;IACjBjB,KAAK,EAAEA,KAAM;IACbI,KAAK,EAAEA,KAAM;IACbc,QAAQ,EAAGlB,KAAa,IAAK;MACzB,MAAMmB,YAAY,GAAGhB,UAAU,CAACE,OAAO,CAACe,IAAI,CACxCb,KAAK,IAAIA,KAAK,CAACc,OAAO,KAAKrB,KAAK,CAACsB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CACjD,CAAC;MAED,IAAI,CAACH,YAAY,EAAE;QACf;MACJ;MAEApB,IAAI,CAACmB,QAAQ,CAAC;QACVjB,EAAE,EAAEkB,YAAY,CAAClB,EAAE;QACnBsB,OAAO,EAAEJ,YAAY,CAACK,KAAK,CAACD;MAChC,CAAC,CAAC;IACN;EAAE,EACL,CAAC;AAEV,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.d.ts

@@ -1,4 +1,4 @@
-import { CmsModel, CmsModelField } from "../../../../../../types";
+import type { CmsModel, CmsModelField } from "../../../../../../types.js";
 interface Props {
     field: CmsModelField;
 }

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.js

@@ -1,30 +1,26 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useContentModels = void 0;
-var _react = require("react");
-var _hooks = require("../../../../../hooks");
-var useContentModels = exports.useContentModels = function useContentModels(_ref) {
-  var field = _ref.field;
-  var _useBaseContentModels = (0, _hooks.useContentModels)(),
-    initialModels = _useBaseContentModels.models;
-  var models = (0, _react.useMemo)(function () {
+import { useMemo } from "react";
+import { useContentModels as useBaseContentModels } from "../../../../../hooks/index.js";
+export const useContentModels = ({
+  field
+}) => {
+  const {
+    models: initialModels
+  } = useBaseContentModels();
+  const models = useMemo(() => {
     if (!initialModels) {
       return [];
     }
-    return initialModels.filter(function (model) {
+    return initialModels.filter(model => {
       if (!field.settings?.models || field.settings.models.length === 0) {
         return false;
       }
-      return field.settings?.models.some(function (fieldModel) {
+      return field.settings?.models.some(fieldModel => {
         return model.modelId === fieldModel.modelId;
       });
     });
   }, [initialModels]);
   return {
-    models: models
+    models
   };
 };
 

package/admin/plugins/fieldRenderers/ref/simple/components/useContentModels.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_hooks","useContentModels","exports","_ref","field","_useBaseContentModels","useBaseContentModels","initialModels","models","useMemo","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { CmsModel, CmsModelField } from \"~/types\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks\";\n\ninterface Props {\n    field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n    const { models: initialModels } = useBaseContentModels();\n\n    const models = useMemo((): CmsModel[] => {\n        if (!initialModels) {\n            return [];\n        }\n        return initialModels.filter(model => {\n            if (!field.settings?.models || field.settings.models.length === 0) {\n                return false;\n            }\n            return field.settings?.models.some(fieldModel => {\n                return model.modelId === fieldModel.modelId;\n            });\n        });\n    }, [initialModels]);\n\n    return {\n        models\n    };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAKO,IAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAAE,IAAA,EAAyB;EAAA,IAAnBC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACpC,IAAAC,qBAAA,GAAkC,IAAAC,uBAAoB,EAAC,CAAC;IAAxCC,aAAa,GAAAF,qBAAA,CAArBG,MAAM;EAEd,IAAMA,MAAM,GAAG,IAAAC,cAAO,EAAC,YAAkB;IACrC,IAAI,CAACF,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACG,MAAM,CAAC,UAAAC,KAAK,EAAI;MACjC,IAAI,CAACP,KAAK,CAACQ,QAAQ,EAAEJ,MAAM,IAAIJ,KAAK,CAACQ,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAOT,KAAK,CAACQ,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAAC,UAAAC,UAAU,EAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHC,MAAM,EAANA;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","useContentModels","useBaseContentModels","field","models","initialModels","filter","model","settings","length","some","fieldModel","modelId"],"sources":["useContentModels.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport { useContentModels as useBaseContentModels } from \"~/admin/hooks/index.js\";\n\ninterface Props {\n    field: CmsModelField;\n}\nexport const useContentModels = ({ field }: Props) => {\n    const { models: initialModels } = useBaseContentModels();\n\n    const models = useMemo((): CmsModel[] => {\n        if (!initialModels) {\n            return [];\n        }\n        return initialModels.filter(model => {\n            if (!field.settings?.models || field.settings.models.length === 0) {\n                return false;\n            }\n            return field.settings?.models.some(fieldModel => {\n                return model.modelId === fieldModel.modelId;\n            });\n        });\n    }, [initialModels]);\n\n    return {\n        models\n    };\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAE/B,SAASC,gBAAgB,IAAIC,oBAAoB;AAKjD,OAAO,MAAMD,gBAAgB,GAAGA,CAAC;EAAEE;AAAa,CAAC,KAAK;EAClD,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAExD,MAAME,MAAM,GAAGJ,OAAO,CAAC,MAAkB;IACrC,IAAI,CAACK,aAAa,EAAE;MAChB,OAAO,EAAE;IACb;IACA,OAAOA,aAAa,CAACC,MAAM,CAACC,KAAK,IAAI;MACjC,IAAI,CAACJ,KAAK,CAACK,QAAQ,EAAEJ,MAAM,IAAID,KAAK,CAACK,QAAQ,CAACJ,MAAM,CAACK,MAAM,KAAK,CAAC,EAAE;QAC/D,OAAO,KAAK;MAChB;MACA,OAAON,KAAK,CAACK,QAAQ,EAAEJ,MAAM,CAACM,IAAI,CAACC,UAAU,IAAI;QAC7C,OAAOJ,KAAK,CAACK,OAAO,KAAKD,UAAU,CAACC,OAAO;MAC/C,CAAC,CAAC;IACN,CAAC,CAAC;EACN,CAAC,EAAE,CAACP,aAAa,CAAC,CAAC;EAEnB,OAAO;IACHD;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
-import { CmsReferenceContentEntry } from "../../components/types";
-import { CmsModel } from "../../../../../../types";
+import type { CmsReferenceContentEntry } from "../../../../../../admin/plugins/fieldRenderers/ref/components/types.js";
+import type { CmsModel } from "../../../../../../types.js";
 interface UseReferencesParams {
     models?: CmsModel[];
 }

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

@@ -1,37 +1,28 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useReferences = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _hooks = require("../../../../../hooks");
-var _graphql = require("../../components/graphql");
-var executeSearch = async function executeSearch(params) {
-  var setLoading = params.setLoading,
-    setError = params.setError,
-    setEntries = params.setEntries,
-    client = params.client,
-    models = params.models,
-    _params$requestContex = params.requestContext,
-    requestContext = _params$requestContex === void 0 ? {} : _params$requestContex;
+import { useEffect, useState } from "react";
+import { useApolloClient, useModelFieldGraphqlContext } from "../../../../../hooks/index.js";
+import { SEARCH_CONTENT_ENTRIES } from "../../components/graphql.js";
+const executeSearch = async params => {
+  const {
+    setLoading,
+    setError,
+    setEntries,
+    client,
+    models,
+    requestContext = {}
+  } = params;
   setLoading(true);
   try {
-    var result = await client.query({
-      query: _graphql.SEARCH_CONTENT_ENTRIES,
+    const result = await client.query({
+      query: SEARCH_CONTENT_ENTRIES,
       variables: {
-        modelIds: models.map(function (model) {
-          return model.modelId;
-        }),
+        modelIds: models.map(model => model.modelId),
         limit: 10000
       },
       context: requestContext
     });
-    var _error = result.data.content?.error;
-    if (_error) {
-      setError(_error.message);
+    const error = result.data.content?.error;
+    if (error) {
+      setError(error.message);
       return;
     }
     setError(null);
@@ -42,39 +33,31 @@ var executeSearch = async function executeSearch(params) {
     setLoading(false);
   }
 };
-var useReferences = exports.useReferences = function useReferences(_ref) {
-  var models = _ref.models;
-  var client = (0, _hooks.useApolloClient)();
-  var _useState = (0, _react.useState)([]),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    entries = _useState2[0],
-    setEntries = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = (0, _react.useState)(null),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    error = _useState6[0],
-    setError = _useState6[1];
-  var requestContext = (0, _hooks.useModelFieldGraphqlContext)();
-  (0, _react.useEffect)(function () {
+export const useReferences = ({
+  models
+}) => {
+  const client = useApolloClient();
+  const [entries, setEntries] = useState([]);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const requestContext = useModelFieldGraphqlContext();
+  useEffect(() => {
     if (!models || models.length === 0) {
       return;
     }
     executeSearch({
-      client: client,
-      requestContext: requestContext,
-      models: models,
-      setLoading: setLoading,
-      setError: setError,
-      setEntries: setEntries
+      client,
+      requestContext,
+      models,
+      setLoading,
+      setError,
+      setEntries
     });
   }, [models]);
   return {
-    loading: loading,
-    entries: entries,
-    error: error
+    loading,
+    entries,
+    error
   };
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_hooks","_graphql","executeSearch","params","setLoading","setError","setEntries","client","models","_params$requestContex","requestContext","result","query","SEARCH_CONTENT_ENTRIES","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","exports","_ref","useApolloClient","_useState","useState","_useState2","_slicedToArray2","default","entries","_useState3","_useState4","loading","_useState5","_useState6","useModelFieldGraphqlContext","useEffect","length"],"sources":["useReferences.ts"],"sourcesContent":["import ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks\";\nimport { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types\";\nimport {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables,\n    SEARCH_CONTENT_ENTRIES\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql\";\nimport { CmsModel } from \"~/types\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: CmsReferenceContentEntry[]) => void;\n    client: ApolloClient<any>;\n    models: CmsModel[];\n    requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models, requestContext = {} } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(model => model.modelId),\n                limit: 10000\n            },\n            context: requestContext\n        });\n        const error = result.data.content?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n\n        setError(null);\n        setEntries(result.data.content.data);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface UseReferencesParams {\n    models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const requestContext = useModelFieldGraphqlContext();\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","useApolloClient","useModelFieldGraphqlContext","SEARCH_CONTENT_ENTRIES","executeSearch","params","setLoading","setError","setEntries","client","models","requestContext","result","query","variables","modelIds","map","model","modelId","limit","context","error","data","content","message","ex","useReferences","entries","loading","length"],"sources":["useReferences.ts"],"sourcesContent":["import type ApolloClient from \"apollo-client\";\nimport { useEffect, useState } from \"react\";\nimport { useApolloClient, useModelFieldGraphqlContext } from \"~/admin/hooks/index.js\";\nimport type { CmsReferenceContentEntry } from \"~/admin/plugins/fieldRenderers/ref/components/types.js\";\nimport type {\n    CmsEntrySearchQueryResponse,\n    CmsEntrySearchQueryVariables\n} from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport { SEARCH_CONTENT_ENTRIES } from \"~/admin/plugins/fieldRenderers/ref/components/graphql.js\";\nimport type { CmsModel } from \"~/types.js\";\n\ninterface ExecuteSearchParams {\n    setLoading: (loading: boolean) => void;\n    setError: (error: string | undefined | null) => void;\n    setEntries: (entries: CmsReferenceContentEntry[]) => void;\n    client: ApolloClient<any>;\n    models: CmsModel[];\n    requestContext: Record<string, any>;\n}\n\nconst executeSearch = async (params: ExecuteSearchParams): Promise<void> => {\n    const { setLoading, setError, setEntries, client, models, requestContext = {} } = params;\n    setLoading(true);\n    try {\n        const result = await client.query<\n            CmsEntrySearchQueryResponse,\n            CmsEntrySearchQueryVariables\n        >({\n            query: SEARCH_CONTENT_ENTRIES,\n            variables: {\n                modelIds: models.map(model => model.modelId),\n                limit: 10000\n            },\n            context: requestContext\n        });\n        const error = result.data.content?.error;\n        if (error) {\n            setError(error.message);\n            return;\n        }\n\n        setError(null);\n        setEntries(result.data.content.data);\n    } catch (ex) {\n        setError(ex.message);\n    } finally {\n        setLoading(false);\n    }\n};\n\ninterface UseReferencesParams {\n    models?: CmsModel[];\n}\n\nexport const useReferences = ({ models }: UseReferencesParams) => {\n    const client = useApolloClient();\n    const [entries, setEntries] = useState<CmsReferenceContentEntry[]>([]);\n    const [loading, setLoading] = useState<boolean>(false);\n    const [error, setError] = useState<string | undefined | null>(null);\n    const requestContext = useModelFieldGraphqlContext();\n\n    useEffect(() => {\n        if (!models || models.length === 0) {\n            return;\n        }\n        executeSearch({\n            client,\n            requestContext,\n            models,\n            setLoading,\n            setError,\n            setEntries\n        });\n    }, [models]);\n\n    return {\n        loading,\n        entries,\n        error\n    };\n};\n"],"mappings":"AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,eAAe,EAAEC,2BAA2B;AAMrD,SAASC,sBAAsB;AAY/B,MAAMC,aAAa,GAAG,MAAOC,MAA2B,IAAoB;EACxE,MAAM;IAAEC,UAAU;IAAEC,QAAQ;IAAEC,UAAU;IAAEC,MAAM;IAAEC,MAAM;IAAEC,cAAc,GAAG,CAAC;EAAE,CAAC,GAAGN,MAAM;EACxFC,UAAU,CAAC,IAAI,CAAC;EAChB,IAAI;IACA,MAAMM,MAAM,GAAG,MAAMH,MAAM,CAACI,KAAK,CAG/B;MACEA,KAAK,EAAEV,sBAAsB;MAC7BW,SAAS,EAAE;QACPC,QAAQ,EAAEL,MAAM,CAACM,GAAG,CAACC,KAAK,IAAIA,KAAK,CAACC,OAAO,CAAC;QAC5CC,KAAK,EAAE;MACX,CAAC;MACDC,OAAO,EAAET;IACb,CAAC,CAAC;IACF,MAAMU,KAAK,GAAGT,MAAM,CAACU,IAAI,CAACC,OAAO,EAAEF,KAAK;IACxC,IAAIA,KAAK,EAAE;MACPd,QAAQ,CAACc,KAAK,CAACG,OAAO,CAAC;MACvB;IACJ;IAEAjB,QAAQ,CAAC,IAAI,CAAC;IACdC,UAAU,CAACI,MAAM,CAACU,IAAI,CAACC,OAAO,CAACD,IAAI,CAAC;EACxC,CAAC,CAAC,OAAOG,EAAE,EAAE;IACTlB,QAAQ,CAACkB,EAAE,CAACD,OAAO,CAAC;EACxB,CAAC,SAAS;IACNlB,UAAU,CAAC,KAAK,CAAC;EACrB;AACJ,CAAC;AAMD,OAAO,MAAMoB,aAAa,GAAGA,CAAC;EAAEhB;AAA4B,CAAC,KAAK;EAC9D,MAAMD,MAAM,GAAGR,eAAe,CAAC,CAAC;EAChC,MAAM,CAAC0B,OAAO,EAAEnB,UAAU,CAAC,GAAGR,QAAQ,CAA6B,EAAE,CAAC;EACtE,MAAM,CAAC4B,OAAO,EAAEtB,UAAU,CAAC,GAAGN,QAAQ,CAAU,KAAK,CAAC;EACtD,MAAM,CAACqB,KAAK,EAAEd,QAAQ,CAAC,GAAGP,QAAQ,CAA4B,IAAI,CAAC;EACnE,MAAMW,cAAc,GAAGT,2BAA2B,CAAC,CAAC;EAEpDH,SAAS,CAAC,MAAM;IACZ,IAAI,CAACW,MAAM,IAAIA,MAAM,CAACmB,MAAM,KAAK,CAAC,EAAE;MAChC;IACJ;IACAzB,aAAa,CAAC;MACVK,MAAM;MACNE,cAAc;MACdD,MAAM;MACNJ,UAAU;MACVC,QAAQ;MACRC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,OAAO;IACHkB,OAAO;IACPD,OAAO;IACPN;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/index.d.ts

@@ -1 +1 @@
-export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types").CmsModelFieldRendererPlugin[];
+export declare const createSimpleRefRenderer: () => import("@webiny/app-headless-cms-common/types/index.js").CmsModelFieldRendererPlugin[];

package/admin/plugins/fieldRenderers/ref/simple/index.js

@@ -1,13 +1,7 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSimpleRefRenderer = void 0;
-var _simpleSingleRenderer = require("./simpleSingleRenderer");
-var _simpleMultipleRenderer = require("./simpleMultipleRenderer");
-var createSimpleRefRenderer = exports.createSimpleRefRenderer = function createSimpleRefRenderer() {
-  return [(0, _simpleSingleRenderer.createSimpleSingleRenderer)(), (0, _simpleMultipleRenderer.createSimpleMultipleRenderer)()];
+import { createSimpleSingleRenderer } from "./simpleSingleRenderer.js";
+import { createSimpleMultipleRenderer } from "./simpleMultipleRenderer.js";
+export const createSimpleRefRenderer = () => {
+  return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];
 };
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/fieldRenderers/ref/simple/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_simpleSingleRenderer","require","_simpleMultipleRenderer","createSimpleRefRenderer","exports","createSimpleSingleRenderer","createSimpleMultipleRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":";;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AAEO,IAAME,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAA,EAAS;EACzC,OAAO,CAAC,IAAAE,gDAA0B,EAAC,CAAC,EAAE,IAAAC,oDAA4B,EAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}
+{"version":3,"names":["createSimpleSingleRenderer","createSimpleMultipleRenderer","createSimpleRefRenderer"],"sources":["index.ts"],"sourcesContent":["import { createSimpleSingleRenderer } from \"./simpleSingleRenderer.js\";\nimport { createSimpleMultipleRenderer } from \"./simpleMultipleRenderer.js\";\n\nexport const createSimpleRefRenderer = () => {\n    return [createSimpleSingleRenderer(), createSimpleMultipleRenderer()];\n};\n"],"mappings":"AAAA,SAASA,0BAA0B;AACnC,SAASC,4BAA4B;AAErC,OAAO,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;EACzC,OAAO,CAACF,0BAA0B,CAAC,CAAC,EAAEC,4BAA4B,CAAC,CAAC,CAAC;AACzE,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createSimpleMultipleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js

@@ -1,38 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSimpleMultipleRenderer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _SimpleMultipleRenderer = require("./components/SimpleMultipleRenderer");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var createSimpleMultipleRenderer = exports.createSimpleMultipleRenderer = function createSimpleMultipleRenderer() {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleMultipleRenderer } from "./components/SimpleMultipleRenderer.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+export const createSimpleMultipleRenderer = () => {
   return {
     type: "cms-editor-field-renderer",
     name: "cms-editor-field-renderer-ref-multiple-simple",
     renderer: {
       rendererName: "ref-simple-multiple",
-      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Simple checkbox list"]))),
-      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a list of checkboxes and the user can select multiple related records."]))),
-      canUse: function canUse(_ref) {
-        var field = _ref.field;
-        return field.type === "ref" && !!field.multipleValues;
+      name: t`Checkboxes`,
+      description: t`Renders a list of checkboxes and the user can select one or more records.`,
+      canUse({
+        field
+      }) {
+        return field.type === "ref" && !!field.list;
       },
-      render: function render(props) {
-        var field = props.field,
-          getBind = props.getBind;
-        var Bind = getBind();
-        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_SimpleMultipleRenderer.SimpleMultipleRenderer, {
-            bind: bind,
-            field: field
-          });
-        });
+      render: props => {
+        const {
+          field,
+          getBind
+        } = props;
+        const Bind = getBind();
+        return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(SimpleMultipleRenderer, {
+          bind: bind,
+          field: field
+        })));
       }
     }
   };

package/admin/plugins/fieldRenderers/ref/simple/simpleMultipleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleMultipleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleMultipleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","SimpleMultipleRenderer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select multiple related records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleMultipleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAA6E,IAAAG,eAAA,EAAAC,gBAAA;AAE7E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,SAA/BA,4BAA4BA,CAAA,EAAsC;EAC3E,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,uFAAgF;MAC9FE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAAC,CAACS,KAAK,CAACC,cAAc;MACzD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO5B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACvB,uBAAA,CAAAyB,sBAAsB;YAACD,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CAAC;QAC/D,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","SimpleMultipleRenderer","t","ns","createSimpleMultipleRenderer","type","name","renderer","rendererName","description","canUse","field","list","render","props","getBind","Bind","createElement","bind","ValidationContainer"],"sources":["simpleMultipleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleMultipleRenderer } from \"./components/SimpleMultipleRenderer.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleMultipleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-multiple-simple\",\n        renderer: {\n            rendererName: \"ref-simple-multiple\",\n            name: t`Checkboxes`,\n            description: t`Renders a list of checkboxes and the user can select one or more records.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !!field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleMultipleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,sBAAsB;AAE/B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,KAAmC;EAC3E,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,+CAA+C;IACrDC,QAAQ,EAAE;MACNC,YAAY,EAAE,qBAAqB;MACnCF,IAAI,EAAEJ,CAAC,YAAY;MACnBO,WAAW,EAAEP,CAAC,2EAA2E;MACzFQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAAC,CAACM,KAAK,CAACC,IAAI;MAC/C,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI;QAAQ,CAAC,GAAGD,KAAK;QAEhC,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,sBAAsB;UAACiB,IAAI,EAAEA,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAC7B,CAE5B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.d.ts

@@ -1,2 +1,2 @@
-import { CmsModelFieldRendererPlugin } from "../../../../../types";
+import type { CmsModelFieldRendererPlugin } from "../../../../../types.js";
 export declare const createSimpleSingleRenderer: () => CmsModelFieldRendererPlugin;

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js

@@ -1,38 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createSimpleSingleRenderer = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _SimpleSingleRenderer = require("./components/SimpleSingleRenderer");
-var _templateObject, _templateObject2;
-var t = _i18n.i18n.ns("app-headless-cms/admin/fields/ref");
-var createSimpleSingleRenderer = exports.createSimpleSingleRenderer = function createSimpleSingleRenderer() {
+import React from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { SimpleSingleRenderer } from "./components/SimpleSingleRenderer.js";
+const t = i18n.ns("app-headless-cms/admin/fields/ref");
+export const createSimpleSingleRenderer = () => {
   return {
     type: "cms-editor-field-renderer",
     name: "cms-editor-field-renderer-ref-single-simple",
     renderer: {
       rendererName: "ref-simple-single",
-      name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Simple checkbox list"]))),
-      description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Renders a list of checkboxes and the user can select one related record."]))),
-      canUse: function canUse(_ref) {
-        var field = _ref.field;
-        return field.type === "ref" && !field.multipleValues;
+      name: t`Radio buttons`,
+      description: t`Renders a list of radio buttons and the user can select one related record.`,
+      canUse({
+        field
+      }) {
+        return field.type === "ref" && !field.list;
       },
-      render: function render(props) {
-        var field = props.field,
-          getBind = props.getBind;
-        var Bind = getBind();
-        return /*#__PURE__*/_react.default.createElement(Bind, null, function (bind) {
-          return /*#__PURE__*/_react.default.createElement(_SimpleSingleRenderer.SimpleSingleRenderer, {
-            bind: bind,
-            field: field
-          });
-        });
+      render: props => {
+        const {
+          field,
+          getBind
+        } = props;
+        const Bind = getBind();
+        return /*#__PURE__*/React.createElement(Bind, null, bind => /*#__PURE__*/React.createElement(Bind.ValidationContainer, null, /*#__PURE__*/React.createElement(SimpleSingleRenderer, {
+          bind: bind,
+          field: field
+        })));
       }
     }
   };

package/admin/plugins/fieldRenderers/ref/simple/simpleSingleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_i18n","_SimpleSingleRenderer","_templateObject","_templateObject2","t","i18n","ns","createSimpleSingleRenderer","exports","type","name","renderer","rendererName","_taggedTemplateLiteral2","default","description","canUse","_ref","field","multipleValues","render","props","getBind","Bind","createElement","bind","SimpleSingleRenderer"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsModelFieldRendererPlugin } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Simple checkbox list`,\n            description: t`Renders a list of checkboxes and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.multipleValues;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => {\n                            return <SimpleSingleRenderer bind={bind} field={field} />;\n                        }}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAAyE,IAAAG,eAAA,EAAAC,gBAAA;AAEzE,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mCAAmC,CAAC;AAE/C,IAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAsC;EACzE,OAAO;IACHE,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEN,CAAC,CAAAF,eAAA,KAAAA,eAAA,OAAAW,uBAAA,CAAAC,OAAA,6BAAsB;MAC7BC,WAAW,EAAEX,CAAC,CAAAD,gBAAA,KAAAA,gBAAA,OAAAU,uBAAA,CAAAC,OAAA,iFAA0E;MACxFE,MAAM,WAAAA,OAAAC,IAAA,EAAY;QAAA,IAATC,KAAK,GAAAD,IAAA,CAALC,KAAK;QACV,OAAOA,KAAK,CAACT,IAAI,KAAK,KAAK,IAAI,CAACS,KAAK,CAACC,cAAc;MACxD,CAAC;MACDC,MAAM,EAAE,SAAAA,OAAAC,KAAK,EAAI;QACb,IAAQH,KAAK,GAAcG,KAAK,CAAxBH,KAAK;UAAEI,OAAO,GAAKD,KAAK,CAAjBC,OAAO;QAEtB,IAAMC,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIzB,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACD,IAAI,QACA,UAAAE,IAAI,EAAI;UACL,oBAAO5B,MAAA,CAAAiB,OAAA,CAAAU,aAAA,CAACvB,qBAAA,CAAAyB,oBAAoB;YAACD,IAAI,EAAEA,IAAK;YAACP,KAAK,EAAEA;UAAM,CAAE,CAAC;QAC7D,CACE,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","i18n","SimpleSingleRenderer","t","ns","createSimpleSingleRenderer","type","name","renderer","rendererName","description","canUse","field","list","render","props","getBind","Bind","createElement","bind","ValidationContainer"],"sources":["simpleSingleRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport type { CmsModelFieldRendererPlugin } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { SimpleSingleRenderer } from \"./components/SimpleSingleRenderer.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/fields/ref\");\n\nexport const createSimpleSingleRenderer = (): CmsModelFieldRendererPlugin => {\n    return {\n        type: \"cms-editor-field-renderer\",\n        name: \"cms-editor-field-renderer-ref-single-simple\",\n        renderer: {\n            rendererName: \"ref-simple-single\",\n            name: t`Radio buttons`,\n            description: t`Renders a list of radio buttons and the user can select one related record.`,\n            canUse({ field }) {\n                return field.type === \"ref\" && !field.list;\n            },\n            render: props => {\n                const { field, getBind } = props;\n\n                const Bind = getBind();\n                return (\n                    <Bind>\n                        {bind => (\n                            <Bind.ValidationContainer>\n                                <SimpleSingleRenderer bind={bind} field={field} />\n                            </Bind.ValidationContainer>\n                        )}\n                    </Bind>\n                );\n            }\n        }\n    };\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,2BAA2B;AAChD,SAASC,oBAAoB;AAE7B,MAAMC,CAAC,GAAGF,IAAI,CAACG,EAAE,CAAC,mCAAmC,CAAC;AAEtD,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAmC;EACzE,OAAO;IACHC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,6CAA6C;IACnDC,QAAQ,EAAE;MACNC,YAAY,EAAE,mBAAmB;MACjCF,IAAI,EAAEJ,CAAC,eAAe;MACtBO,WAAW,EAAEP,CAAC,6EAA6E;MAC3FQ,MAAMA,CAAC;QAAEC;MAAM,CAAC,EAAE;QACd,OAAOA,KAAK,CAACN,IAAI,KAAK,KAAK,IAAI,CAACM,KAAK,CAACC,IAAI;MAC9C,CAAC;MACDC,MAAM,EAAEC,KAAK,IAAI;QACb,MAAM;UAAEH,KAAK;UAAEI;QAAQ,CAAC,GAAGD,KAAK;QAEhC,MAAME,IAAI,GAAGD,OAAO,CAAC,CAAC;QACtB,oBACIhB,KAAA,CAAAkB,aAAA,CAACD,IAAI,QACAE,IAAI,iBACDnB,KAAA,CAAAkB,aAAA,CAACD,IAAI,CAACG,mBAAmB,qBACrBpB,KAAA,CAAAkB,aAAA,CAAChB,oBAAoB;UAACiB,IAAI,EAAEA,IAAK;UAACP,KAAK,EAAEA;QAAM,CAAE,CAC3B,CAE5B,CAAC;MAEf;IACJ;EACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/admin/plugins/fieldRenderers/select.d.ts

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