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

package/admin/plugins/permissionRenderer/components/useCmsData.js

@@ -1,79 +1,96 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect, useReducer } from "react";
 import gql from "graphql-tag";
 import { useCms } from "../../../hooks";
-var LIST_DATA = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n        }\n    }\n"])));
-export var useCmsData = function useCmsData(locales) {
-  var _useCms = useCms(),
-      getApolloClient = _useCms.getApolloClient;
-
-  var _useReducer = useReducer(function (prev, next) {
-    return _objectSpread(_objectSpread({}, prev), next);
-  }, {}),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
-      state = _useReducer2[0],
-      setState = _useReducer2[1];
 
-  var loadData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _loop, i;
+/**
+ * ########################
+ * List CMS Models And Groups for Permissions
+ */
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _loop = function _loop(i) {
-                var code = locales[i];
-                var client = getApolloClient(code);
-
-                if (!state[code]) {
-                  client.query({
-                    query: LIST_DATA
-                  }).then(function (_ref2) {
-                    var data = _ref2.data;
-                    var models = data.listContentModels.data;
-                    var groups = data.listContentModelGroups.data;
-                    setState(_objectSpread(_objectSpread({}, state), {}, _defineProperty({}, code, {
-                      models: models,
-                      groups: groups
-                    })));
-                  });
+const LIST_DATA = gql`
+    query CmsLoadPermissionsData {
+        listContentModels {
+            data {
+                modelId
+                id: modelId
+                label: name
+                group {
+                    id
+                    label: name
                 }
-              };
-
-              for (i = 0; i < locales.length; i++) {
-                _loop(i);
-              }
-
-            case 2:
-            case "end":
-              return _context.stop();
-          }
+            }
+            meta {
+                totalCount
+                cursor
+                hasMoreItems
+            }
+            error {
+                code
+                message
+                data
+            }
         }
-      }, _callee);
-    }));
-
-    return function loadData() {
-      return _ref.apply(this, arguments);
+        listContentModelGroups {
+            data {
+                id
+                label: name
+            }
+            meta {
+                totalCount
+                cursor
+                hasMoreItems
+            }
+            error {
+                code
+                message
+                data
+            }
+        }
+    }
+`;
+export const useCmsData = locales => {
+  const {
+    getApolloClient
+  } = useCms();
+  const [state, setState] = useReducer((prev, next) => {
+    return {
+      ...prev,
+      ...next
     };
-  }();
-
-  useEffect(function () {
+  }, {});
+  const loadData = async () => {
+    for (const code of locales) {
+      const client = getApolloClient(code);
+      if (!state[code]) {
+        client.query({
+          query: LIST_DATA
+        }).then(({
+          data
+        }) => {
+          setState({
+            [code]: {
+              models: data.listContentModels.data,
+              groups: data.listContentModelGroups.data
+            }
+          });
+        });
+      }
+    }
+  };
+  useEffect(() => {
     loadData();
   }, [locales.sort().join(":")]);
-  return locales.reduce(function (acc, code) {
-    acc[code] = state[code] || {
-      models: [],
-      groups: []
-    };
+  return locales.reduce((acc, code) => {
+    if (!state[code]) {
+      acc[code] = {
+        models: [],
+        groups: []
+      };
+      return acc;
+    }
+    acc[code] = state[code];
     return acc;
   }, {});
-};
+};
+
+//# sourceMappingURL=useCmsData.js.map

package/admin/plugins/permissionRenderer/components/useCmsData.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useReducer","gql","useCms","LIST_DATA","useCmsData","locales","getApolloClient","state","setState","prev","next","loadData","code","client","query","then","data","models","listContentModels","groups","listContentModelGroups","sort","join","reduce","acc"],"sources":["useCmsData.ts"],"sourcesContent":["import { useEffect, useReducer } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useCms } from \"../../../hooks\";\nimport type { CmsErrorResponse } from \"~/types\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    label: string;\n}\nexport interface CmsDataCmsModel {\n    id: string;\n    modelId: string;\n    label: string;\n    group: CmsDataCmsGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel[];\n    groups: CmsDataCmsGroup[];\n}\ninterface State {\n    [key: string]: UseCmsDataResponseRecords;\n}\ninterface Reducer {\n    (prev: State, next: State): State;\n}\n\nexport interface UseCmsDataResponse {\n    [locale: string]: UseCmsDataResponseRecords;\n}\nexport const useCmsData = (locales: string[]): UseCmsDataResponse => {\n    const { getApolloClient } = useCms();\n    const [state, setState] = useReducer<Reducer>((prev, next) => {\n        return {\n            ...prev,\n            ...next\n        };\n    }, {});\n\n    const loadData = async () => {\n        for (const code of locales) {\n            const client = getApolloClient(code);\n\n            if (!state[code]) {\n                client.query<ListCmsPermissionsResponse>({ query: LIST_DATA }).then(({ data }) => {\n                    setState({\n                        [code]: {\n                            models: data.listContentModels.data,\n                            groups: data.listContentModelGroups.data\n                        }\n                    });\n                });\n            }\n        }\n    };\n\n    useEffect(() => {\n        loadData();\n    }, [locales.sort().join(\":\")]);\n\n    return locales.reduce((acc, code) => {\n        if (!state[code]) {\n            acc[code] = {\n                models: [],\n                groups: []\n            };\n            return acc;\n        }\n        acc[code] = state[code];\n        return acc;\n    }, {} as UseCmsDataResponse);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAC7C,OAAOC,GAAG,MAAM,aAAa;AAC7B,SAASC,MAAM;;AAaf;AACA;AACA;AACA;;AAWA,MAAMC,SAAS,GAAGF,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAgBD,OAAO,MAAMG,UAAU,GAAIC,OAAiB,IAAyB;EACjE,MAAM;IAAEC;EAAgB,CAAC,GAAGJ,MAAM,CAAC,CAAC;EACpC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGR,UAAU,CAAU,CAACS,IAAI,EAAEC,IAAI,KAAK;IAC1D,OAAO;MACH,GAAGD,IAAI;MACP,GAAGC;IACP,CAAC;EACL,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,MAAMC,QAAQ,GAAG,MAAAA,CAAA,KAAY;IACzB,KAAK,MAAMC,IAAI,IAAIP,OAAO,EAAE;MACxB,MAAMQ,MAAM,GAAGP,eAAe,CAACM,IAAI,CAAC;MAEpC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;QACdC,MAAM,CAACC,KAAK,CAA6B;UAAEA,KAAK,EAAEX;QAAU,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;UAAEC;QAAK,CAAC,KAAK;UAC9ER,QAAQ,CAAC;YACL,CAACI,IAAI,GAAG;cACJK,MAAM,EAAED,IAAI,CAACE,iBAAiB,CAACF,IAAI;cACnCG,MAAM,EAAEH,IAAI,CAACI,sBAAsB,CAACJ;YACxC;UACJ,CAAC,CAAC;QACN,CAAC,CAAC;MACN;IACJ;EACJ,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACZY,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,CAACN,OAAO,CAACgB,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EAE9B,OAAOjB,OAAO,CAACkB,MAAM,CAAC,CAACC,GAAG,EAAEZ,IAAI,KAAK;IACjC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;MACdY,GAAG,CAACZ,IAAI,CAAC,GAAG;QACRK,MAAM,EAAE,EAAE;QACVE,MAAM,EAAE;MACZ,CAAC;MACD,OAAOK,GAAG;IACd;IACAA,GAAG,CAACZ,IAAI,CAAC,GAAGL,KAAK,CAACK,IAAI,CAAC;IACvB,OAAOY,GAAG;EACd,CAAC,EAAE,CAAC,CAAuB,CAAC;AAChC,CAAC","ignoreList":[]}

package/admin/plugins/permissionRenderer/index.d.ts

@@ -1,3 +1,3 @@
-import { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
-declare const _default: AdminAppPermissionRendererPlugin;
-export default _default;
+import type { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
+declare const plugin: AdminAppPermissionRendererPlugin;
+export default plugin;

package/admin/plugins/permissionRenderer/index.js

@@ -1,16 +1,22 @@
 import React from "react";
-import { AccordionItem } from "@webiny/ui/Accordion";
-import { ReactComponent as HeadlessCMSIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
+import { Accordion } from "@webiny/admin-ui";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/devices_other.svg";
 import { CMSPermissions } from "./CmsPermissions";
-export default {
+const plugin = {
   type: "admin-app-permissions-renderer",
   name: "admin-app-permissions-renderer-cms",
-  render: function render(props) {
-    return /*#__PURE__*/React.createElement(AccordionItem, {
-      icon: /*#__PURE__*/React.createElement(HeadlessCMSIcon, null),
+  render(props) {
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+        icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
+        label: "Headless CMS Permissions"
+      }),
       title: "Headless CMS",
       description: "Manage Headless CMS app access permissions.",
       "data-testid": "permission.cms"
     }, /*#__PURE__*/React.createElement(CMSPermissions, props));
   }
-};
+};
+export default plugin;
+
+//# sourceMappingURL=index.js.map

package/admin/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Accordion","ReactComponent","PermissionsIcon","CMSPermissions","plugin","type","name","render","props","createElement","Item","icon","Icon","label","title","description"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/devices_other.svg\";\nimport { CMSPermissions } from \"./CmsPermissions\";\n\nconst plugin: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-cms\",\n    render(props) {\n        return (\n            <Accordion.Item\n                icon={\n                    <Accordion.Item.Icon\n                        icon={<PermissionsIcon />}\n                        label={\"Headless CMS Permissions\"}\n                    />\n                }\n                title={\"Headless CMS\"}\n                description={\"Manage Headless CMS app access permissions.\"}\n                data-testid={\"permission.cms\"}\n            >\n                <CMSPermissions {...props} />\n            </Accordion.Item>\n        );\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,cAAc,IAAIC,eAAe,QAAQ,iCAAiC;AACnF,SAASC,cAAc;AAEvB,MAAMC,MAAwC,GAAG;EAC7CC,IAAI,EAAE,gCAAgC;EACtCC,IAAI,EAAE,oCAAoC;EAC1CC,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIT,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI;MACXC,IAAI,eACAZ,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI,CAACE,IAAI;QAChBD,IAAI,eAAEZ,KAAA,CAAAU,aAAA,CAACP,eAAe,MAAE,CAAE;QAC1BW,KAAK,EAAE;MAA2B,CACrC,CACJ;MACDC,KAAK,EAAE,cAAe;MACtBC,WAAW,EAAE,6CAA8C;MAC3D,eAAa;IAAiB,gBAE9BhB,KAAA,CAAAU,aAAA,CAACN,cAAc,EAAKK,KAAQ,CAChB,CAAC;EAEzB;AACJ,CAAC;AACD,eAAeJ,MAAM","ignoreList":[]}

package/admin/plugins/routes.d.ts

@@ -1,3 +1,3 @@
-import { RoutePlugin } from "@webiny/app/types";
+import type { RoutePlugin } from "@webiny/app/types";
 declare const plugins: RoutePlugin[];
 export default plugins;

package/admin/plugins/routes.js

@@ -1,50 +1,32 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-var _excluded = ["children"];
-import React, { Suspense, lazy } from "react";
+import React, { lazy, Suspense } from "react";
 import Helmet from "react-helmet";
 import { SecureRoute } from "@webiny/app-security/components";
 import { CircularProgress } from "@webiny/ui/Progress";
 import { Route } from "@webiny/react-router";
 import { AdminLayout } from "@webiny/app-admin/components/AdminLayout";
 import { i18n } from "@webiny/app/i18n";
-var t = i18n.ns("app-headless-cms/admin/routes");
-
-var Loader = function Loader(_ref) {
-  var children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(Suspense, {
-    fallback: /*#__PURE__*/React.createElement(CircularProgress, null)
-  }, /*#__PURE__*/React.cloneElement(children, props));
-};
-
-var ContentModelEditor = /*#__PURE__*/lazy(function () {
-  return import("../views/contentModels/ContentModelEditor");
-});
-var ContentModelsView = /*#__PURE__*/lazy(function () {
-  return import("../views/contentModels/ContentModels");
-});
-var ContentModelGroupsView = /*#__PURE__*/lazy(function () {
-  return import("../views/contentModelGroups/ContentModelGroups");
-});
-var ContentEntiesView = /*#__PURE__*/lazy(function () {
-  return import("../views/contentEntries/ContentEntries");
-});
-var plugins = [{
+import { ContentEntriesContainer } from "../views/contentEntries/ContentEntriesContainer";
+import { ContentEntries } from "../views/contentEntries/ContentEntries";
+import { CompositionScope } from "@webiny/react-composition";
+const t = i18n.ns("app-headless-cms/admin/routes");
+const Loader = ({
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement(Suspense, {
+  fallback: /*#__PURE__*/React.createElement(CircularProgress, null)
+}, /*#__PURE__*/React.cloneElement(children, props));
+const ContentModelEditor = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModelEditor" */"../views/contentModels/ContentModelEditor"));
+const ContentModelsView = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModels" */"../views/contentModels/ContentModels"));
+const ContentModelGroupsView = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModelGroups" */"../views/contentModelGroups/ContentModelGroups"));
+const plugins = [{
   name: "route-cms-content-models-groups",
   type: "route",
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-model-groups",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: "cms.contentModelGroup"
-      }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Content Model Groups"]))))), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelGroupsView, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModelGroup"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Content Model Groups`)), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelGroupsView, null))))
   })
 }, {
   name: "route-cms-content-models-manage",
@@ -52,11 +34,11 @@ var plugins = [{
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-entries/:modelId",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Content"]))))), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentEntiesView, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Content`)), /*#__PURE__*/React.createElement(ContentEntriesContainer, null, /*#__PURE__*/React.createElement(CompositionScope, {
+      name: "cms"
+    }, /*#__PURE__*/React.createElement(ContentEntries, null)))))
   })
 }, {
   name: "route-cms-content-models-editor",
@@ -64,11 +46,11 @@ var plugins = [{
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-models/:modelId",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Edit Content Model"]))))), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelEditor, null)));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Edit Content Model`)), /*#__PURE__*/React.createElement(CompositionScope, {
+      name: "cms"
+    }, /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelEditor, null))))
   })
 }, {
   name: "route-cms-content-models",
@@ -76,13 +58,13 @@ var plugins = [{
   route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-models",
-    render: function render() {
-      return /*#__PURE__*/React.createElement(SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, {
-        title: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Content Models"])))
-      }), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelsView, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, {
+      title: t`Content Models`
+    }), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelsView, null))))
   })
 }];
-export default plugins;
+export default plugins;
+
+//# sourceMappingURL=routes.js.map

package/admin/plugins/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","lazy","Suspense","Helmet","SecureRoute","CircularProgress","Route","AdminLayout","i18n","ContentEntriesContainer","ContentEntries","CompositionScope","t","ns","Loader","children","props","createElement","fallback","cloneElement","ContentModelEditor","ContentModelsView","ContentModelGroupsView","plugins","name","type","route","exact","path","render","permission","title"],"sources":["routes.tsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport Helmet from \"react-helmet\";\nimport { SecureRoute } from \"@webiny/app-security/components\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { Route } from \"@webiny/react-router\";\nimport { AdminLayout } from \"@webiny/app-admin/components/AdminLayout\";\nimport type { RoutePlugin } from \"@webiny/app/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { ContentEntriesContainer } from \"~/admin/views/contentEntries/ContentEntriesContainer\";\nimport { ContentEntries } from \"~/admin/views/contentEntries/ContentEntries\";\nimport { CompositionScope } from \"@webiny/react-composition\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/routes\");\n\ninterface LoaderProps {\n    children: React.ReactNode;\n}\n\nconst Loader = ({ children, ...props }: LoaderProps) => (\n    <Suspense fallback={<CircularProgress />}>\n        {React.cloneElement(children as unknown as React.ReactElement, props)}\n    </Suspense>\n);\n\nconst ContentModelEditor = lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"ViewsContentModelsContentModelEditor\" */\n            \"../views/contentModels/ContentModelEditor\"\n        )\n);\nconst ContentModelsView = lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"ViewsContentModelsContentModels\" */\n            \"../views/contentModels/ContentModels\"\n        )\n);\nconst ContentModelGroupsView = lazy(\n    () =>\n        import(\n            /* webpackChunkName: \"ViewsContentModelsContentModelGroups\" */\n            \"../views/contentModelGroups/ContentModelGroups\"\n        )\n);\n\nconst plugins: RoutePlugin[] = [\n    {\n        name: \"route-cms-content-models-groups\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-model-groups\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModelGroup\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content Model Groups`}</title>\n                            </Helmet>\n                            <Loader>\n                                <ContentModelGroupsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-manage\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-entries/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet>\n                                <title>{t`Content`}</title>\n                            </Helmet>\n                            <ContentEntriesContainer>\n                                <CompositionScope name={\"cms\"}>\n                                    <ContentEntries />\n                                </CompositionScope>\n                            </ContentEntriesContainer>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models-editor\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path={\"/cms/content-models/:modelId\"}\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <Helmet>\n                            <title>{t`Edit Content Model`}</title>\n                        </Helmet>\n                        <CompositionScope name={\"cms\"}>\n                            <Loader>\n                                <ContentModelEditor />\n                            </Loader>\n                        </CompositionScope>\n                    </SecureRoute>\n                )}\n            />\n        )\n    },\n    {\n        name: \"route-cms-content-models\",\n        type: \"route\",\n        route: (\n            <Route\n                exact\n                path=\"/cms/content-models\"\n                render={() => (\n                    <SecureRoute permission={\"cms.contentModel\"}>\n                        <AdminLayout>\n                            <Helmet title={t`Content Models`} />\n                            <Loader>\n                                <ContentModelsView />\n                            </Loader>\n                        </AdminLayout>\n                    </SecureRoute>\n                )}\n            />\n        )\n    }\n];\n\nexport default plugins;\n"],"mappings":"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","ignoreList":[]}

package/admin/plugins/transformers/dateTransformer.d.ts

@@ -1,3 +1,2 @@
-import { CmsFieldValueTransformer } from "../../../types";
-declare const _default: () => CmsFieldValueTransformer;
-export default _default;
+import type { CmsFieldValueTransformer } from "../../../types";
+export declare const createDateTransformer: () => CmsFieldValueTransformer;

package/admin/plugins/transformers/dateTransformer.js

@@ -1,44 +1,117 @@
 import WebinyError from "@webiny/error";
-
-var transformDate = function transformDate(value, type) {
-  if (type === "date") {
-    return value.substr(0, 10);
+const dateOnly = value => {
+  if (!value) {
+    return null;
+  }
+  try {
+    const date = new Date(value).toISOString();
+    return date.slice(0, 10);
+  } catch (error) {
+    throw new WebinyError(`Could not transform value to a date.`, "TRANSFORM_ERROR", {
+      error,
+      type: "date",
+      value
+    });
   }
-
-  return value;
 };
-
-var excludeTypesTransformation = ["time", "dateTimeWithTimezone"];
-export default (function () {
-  return {
-    type: "cms-field-value-transformer",
-    name: "cms-field-value-transformer-date",
-    fieldType: "datetime",
-    transform: function transform(value, field) {
-      // check types in packages/app-headless-cms/src/admin/plugins/fieldRenderers/dateTime/dateTimeField.tsx
-      var type = field.settings.type;
-
-      if (!value) {
-        console.log("Field \"".concat(field.fieldId, "\" has no value."));
-        return null;
-      } else if (excludeTypesTransformation.includes(type) === true) {
-        return value;
-      } else if (type === "dateTimeWithoutTimezone" && value.includes(" ")) {
-        /**
-         * Need to replace space and add .000Z to datetime value because it can look like: 2021-02-02 16:34:56
-         */
-        value = "".concat(value.replace(" ", "T"), ".000Z");
-      }
-
-      try {
-        var result = new Date(value).toISOString();
-        return transformDate(result, type);
-      } catch (ex) {
-        throw new WebinyError("Could not transform \"".concat(value, "\" to a date."), "TRANSFORM_ERROR", {
-          message: ex.message,
-          code: ex.code
-        });
-      }
+const extractTimeZone = value => {
+  let result;
+  if (!value) {
+    return [new Date().toISOString(), "00:00"];
+  } else if (value.includes("+")) {
+    result = value.split("+");
+  } else {
+    result = value.split("-");
+  }
+  if (!result || result.length !== 2) {
+    throw new WebinyError(`Could not determine time and timezone out of given value.`, "TIME_ZONE_ERROR", {
+      value
+    });
+  }
+  return result;
+};
+const extractTime = (value, def = null) => {
+  if (!value) {
+    return null;
+  } else if (value.includes(":") === false) {
+    throw new WebinyError("Time value is missing : separators.", "TIME_ERROR", {
+      value
+    });
+  }
+  const result = value.split(":");
+  if (result.length === 3) {
+    return value;
+  } else if (result.length === 2) {
+    return `${value}:00`;
+  }
+  return def;
+};
+const dateTimeWithTimezone = value => {
+  if (!value) {
+    return null;
+  } else if (value.includes("T") === false) {
+    return value;
+  }
+  const [initialDate, initialTimeZone] = value.split("T");
+  let date;
+  try {
+    const dateObj = new Date(initialDate);
+    date = dateObj.toISOString().slice(0, 10);
+  } catch (ex) {
+    throw new WebinyError("Could not transform received date into Date object.", "DATE_TRANSFORM_ERROR", {
+      value,
+      date: initialDate,
+      time: initialTimeZone
+    });
+  }
+  const [initialTime] = extractTimeZone(initialTimeZone);
+  const time = extractTime(initialTime, "00:00:00");
+  return value.replace(initialDate, date).replace(initialTime, time);
+};
+const dateTimeWithoutTimezone = value => {
+  if (!value) {
+    return null;
+  } else if (value.includes(" ") === false) {
+    return value;
+  }
+  try {
+    return new Date(`${value.replace(" ", "T")}.000Z`).toISOString();
+  } catch (error) {
+    throw new WebinyError(`Could not transform value to a date.`, "TRANSFORM_ERROR", {
+      error,
+      type: "dateTimeWithoutTimezone",
+      value
+    });
+  }
+};
+const time = value => {
+  if (!value) {
+    return null;
+  }
+  return extractTime(value);
+};
+const transformers = {
+  time,
+  date: dateOnly,
+  dateTimeWithoutTimezone,
+  dateTimeWithTimezone
+};
+export const createDateTransformer = () => ({
+  type: "cms-field-value-transformer",
+  name: "cms-field-value-transformer-date",
+  fieldType: "datetime",
+  transform: (value, field) => {
+    // check types in packages/app-headless-cms/src/admin/plugins/fieldRenderers/dateTime/dateTimeField.tsx
+    const type = field.settings && field.settings.type ? String(field.settings.type) : null;
+    if (!type) {
+      return value;
     }
-  };
-});
+    const transform = transformers[type];
+    if (!transform) {
+      return value;
+    }
+    return transform(value);
+  }
+});
+
+//# sourceMappingURL=dateTransformer.js.map

package/admin/plugins/transformers/dateTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["WebinyError","dateOnly","value","date","Date","toISOString","slice","error","type","extractTimeZone","result","includes","split","length","extractTime","def","dateTimeWithTimezone","initialDate","initialTimeZone","dateObj","ex","time","initialTime","replace","dateTimeWithoutTimezone","transformers","createDateTransformer","name","fieldType","transform","field","settings","String"],"sources":["dateTransformer.ts"],"sourcesContent":["import type { CmsFieldValueTransformer } from \"~/types\";\nimport WebinyError from \"@webiny/error\";\n\ninterface TransformerCallable<T> {\n    (value?: T): string | null;\n}\nconst dateOnly: TransformerCallable<string> = value => {\n    if (!value) {\n        return null;\n    }\n    try {\n        const date = new Date(value).toISOString();\n        return date.slice(0, 10);\n    } catch (error) {\n        throw new WebinyError(`Could not transform value to a date.`, \"TRANSFORM_ERROR\", {\n            error,\n            type: \"date\",\n            value\n        });\n    }\n};\n\nconst extractTimeZone = (value?: string): [string, string] => {\n    let result: string[];\n    if (!value) {\n        return [new Date().toISOString(), \"00:00\"];\n    } else if (value.includes(\"+\")) {\n        result = value.split(\"+\");\n    } else {\n        result = value.split(\"-\");\n    }\n    if (!result || result.length !== 2) {\n        throw new WebinyError(\n            `Could not determine time and timezone out of given value.`,\n            \"TIME_ZONE_ERROR\",\n            {\n                value\n            }\n        );\n    }\n    return result as [string, string];\n};\n\nconst extractTime = (value?: string, def: string | null = null): string | null => {\n    if (!value) {\n        return null;\n    } else if (value.includes(\":\") === false) {\n        throw new WebinyError(\"Time value is missing : separators.\", \"TIME_ERROR\", {\n            value\n        });\n    }\n    const result = value.split(\":\");\n    if (result.length === 3) {\n        return value;\n    } else if (result.length === 2) {\n        return `${value}:00`;\n    }\n    return def;\n};\n\nconst dateTimeWithTimezone: TransformerCallable<string> = value => {\n    if (!value) {\n        return null;\n    } else if (value.includes(\"T\") === false) {\n        return value;\n    }\n\n    const [initialDate, initialTimeZone] = value.split(\"T\");\n\n    let date: string;\n\n    try {\n        const dateObj = new Date(initialDate);\n        date = dateObj.toISOString().slice(0, 10);\n    } catch (ex) {\n        throw new WebinyError(\n            \"Could not transform received date into Date object.\",\n            \"DATE_TRANSFORM_ERROR\",\n            {\n                value,\n                date: initialDate,\n                time: initialTimeZone\n            }\n        );\n    }\n    const [initialTime] = extractTimeZone(initialTimeZone);\n\n    const time = extractTime(initialTime, \"00:00:00\") as string;\n\n    return value.replace(initialDate, date).replace(initialTime, time);\n};\n\nconst dateTimeWithoutTimezone: TransformerCallable<string> = (value): string | null => {\n    if (!value) {\n        return null;\n    } else if (value.includes(\" \") === false) {\n        return value;\n    }\n    try {\n        return new Date(`${value.replace(\" \", \"T\")}.000Z`).toISOString();\n    } catch (error) {\n        throw new WebinyError(`Could not transform value to a date.`, \"TRANSFORM_ERROR\", {\n            error,\n            type: \"dateTimeWithoutTimezone\",\n            value\n        });\n    }\n};\n\nconst time: TransformerCallable<string> = value => {\n    if (!value) {\n        return null;\n    }\n    return extractTime(value);\n};\n\nconst transformers: Record<string, TransformerCallable<string>> = {\n    time,\n    date: dateOnly,\n    dateTimeWithoutTimezone,\n    dateTimeWithTimezone\n};\n\nexport const createDateTransformer = (): CmsFieldValueTransformer => ({\n    type: \"cms-field-value-transformer\",\n    name: \"cms-field-value-transformer-date\",\n    fieldType: \"datetime\",\n    transform: (value: any, field) => {\n        // check types in packages/app-headless-cms/src/admin/plugins/fieldRenderers/dateTime/dateTimeField.tsx\n        const type = field.settings && field.settings.type ? String(field.settings.type) : null;\n        if (!type) {\n            return value;\n        }\n        const transform = transformers[type];\n\n        if (!transform) {\n            return value;\n        }\n\n        return transform(value);\n    }\n});\n"],"mappings":"AACA,OAAOA,WAAW,MAAM,eAAe;AAKvC,MAAMC,QAAqC,GAAGC,KAAK,IAAI;EACnD,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,IAAI;IACA,MAAMC,IAAI,GAAG,IAAIC,IAAI,CAACF,KAAK,CAAC,CAACG,WAAW,CAAC,CAAC;IAC1C,OAAOF,IAAI,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAC5B,CAAC,CAAC,OAAOC,KAAK,EAAE;IACZ,MAAM,IAAIP,WAAW,CAAC,sCAAsC,EAAE,iBAAiB,EAAE;MAC7EO,KAAK;MACLC,IAAI,EAAE,MAAM;MACZN;IACJ,CAAC,CAAC;EACN;AACJ,CAAC;AAED,MAAMO,eAAe,GAAIP,KAAc,IAAuB;EAC1D,IAAIQ,MAAgB;EACpB,IAAI,CAACR,KAAK,EAAE;IACR,OAAO,CAAC,IAAIE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,EAAE,OAAO,CAAC;EAC9C,CAAC,MAAM,IAAIH,KAAK,CAACS,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC5BD,MAAM,GAAGR,KAAK,CAACU,KAAK,CAAC,GAAG,CAAC;EAC7B,CAAC,MAAM;IACHF,MAAM,GAAGR,KAAK,CAACU,KAAK,CAAC,GAAG,CAAC;EAC7B;EACA,IAAI,CAACF,MAAM,IAAIA,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;IAChC,MAAM,IAAIb,WAAW,CACjB,2DAA2D,EAC3D,iBAAiB,EACjB;MACIE;IACJ,CACJ,CAAC;EACL;EACA,OAAOQ,MAAM;AACjB,CAAC;AAED,MAAMI,WAAW,GAAGA,CAACZ,KAAc,EAAEa,GAAkB,GAAG,IAAI,KAAoB;EAC9E,IAAI,CAACb,KAAK,EAAE;IACR,OAAO,IAAI;EACf,CAAC,MAAM,IAAIA,KAAK,CAACS,QAAQ,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE;IACtC,MAAM,IAAIX,WAAW,CAAC,qCAAqC,EAAE,YAAY,EAAE;MACvEE;IACJ,CAAC,CAAC;EACN;EACA,MAAMQ,MAAM,GAAGR,KAAK,CAACU,KAAK,CAAC,GAAG,CAAC;EAC/B,IAAIF,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;IACrB,OAAOX,KAAK;EAChB,CAAC,MAAM,IAAIQ,MAAM,CAACG,MAAM,KAAK,CAAC,EAAE;IAC5B,OAAO,GAAGX,KAAK,KAAK;EACxB;EACA,OAAOa,GAAG;AACd,CAAC;AAED,MAAMC,oBAAiD,GAAGd,KAAK,IAAI;EAC/D,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf,CAAC,MAAM,IAAIA,KAAK,CAACS,QAAQ,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE;IACtC,OAAOT,KAAK;EAChB;EAEA,MAAM,CAACe,WAAW,EAAEC,eAAe,CAAC,GAAGhB,KAAK,CAACU,KAAK,CAAC,GAAG,CAAC;EAEvD,IAAIT,IAAY;EAEhB,IAAI;IACA,MAAMgB,OAAO,GAAG,IAAIf,IAAI,CAACa,WAAW,CAAC;IACrCd,IAAI,GAAGgB,OAAO,CAACd,WAAW,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAC7C,CAAC,CAAC,OAAOc,EAAE,EAAE;IACT,MAAM,IAAIpB,WAAW,CACjB,qDAAqD,EACrD,sBAAsB,EACtB;MACIE,KAAK;MACLC,IAAI,EAAEc,WAAW;MACjBI,IAAI,EAAEH;IACV,CACJ,CAAC;EACL;EACA,MAAM,CAACI,WAAW,CAAC,GAAGb,eAAe,CAACS,eAAe,CAAC;EAEtD,MAAMG,IAAI,GAAGP,WAAW,CAACQ,WAAW,EAAE,UAAU,CAAW;EAE3D,OAAOpB,KAAK,CAACqB,OAAO,CAACN,WAAW,EAAEd,IAAI,CAAC,CAACoB,OAAO,CAACD,WAAW,EAAED,IAAI,CAAC;AACtE,CAAC;AAED,MAAMG,uBAAoD,GAAItB,KAAK,IAAoB;EACnF,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf,CAAC,MAAM,IAAIA,KAAK,CAACS,QAAQ,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE;IACtC,OAAOT,KAAK;EAChB;EACA,IAAI;IACA,OAAO,IAAIE,IAAI,CAAC,GAAGF,KAAK,CAACqB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,OAAO,CAAC,CAAClB,WAAW,CAAC,CAAC;EACpE,CAAC,CAAC,OAAOE,KAAK,EAAE;IACZ,MAAM,IAAIP,WAAW,CAAC,sCAAsC,EAAE,iBAAiB,EAAE;MAC7EO,KAAK;MACLC,IAAI,EAAE,yBAAyB;MAC/BN;IACJ,CAAC,CAAC;EACN;AACJ,CAAC;AAED,MAAMmB,IAAiC,GAAGnB,KAAK,IAAI;EAC/C,IAAI,CAACA,KAAK,EAAE;IACR,OAAO,IAAI;EACf;EACA,OAAOY,WAAW,CAACZ,KAAK,CAAC;AAC7B,CAAC;AAED,MAAMuB,YAAyD,GAAG;EAC9DJ,IAAI;EACJlB,IAAI,EAAEF,QAAQ;EACduB,uBAAuB;EACvBR;AACJ,CAAC;AAED,OAAO,MAAMU,qBAAqB,GAAGA,CAAA,MAAiC;EAClElB,IAAI,EAAE,6BAA6B;EACnCmB,IAAI,EAAE,kCAAkC;EACxCC,SAAS,EAAE,UAAU;EACrBC,SAAS,EAAEA,CAAC3B,KAAU,EAAE4B,KAAK,KAAK;IAC9B;IACA,MAAMtB,IAAI,GAAGsB,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACC,QAAQ,CAACvB,IAAI,GAAGwB,MAAM,CAACF,KAAK,CAACC,QAAQ,CAACvB,IAAI,CAAC,GAAG,IAAI;IACvF,IAAI,CAACA,IAAI,EAAE;MACP,OAAON,KAAK;IAChB;IACA,MAAM2B,SAAS,GAAGJ,YAAY,CAACjB,IAAI,CAAC;IAEpC,IAAI,CAACqB,SAAS,EAAE;MACZ,OAAO3B,KAAK;IAChB;IAEA,OAAO2B,SAAS,CAAC3B,KAAK,CAAC;EAC3B;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/transformers/dynamicZoneTransformer.d.ts

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

package/admin/plugins/transformers/dynamicZoneTransformer.js

@@ -0,0 +1,24 @@
+import { prepareFormData } from "@webiny/app-headless-cms-common";
+const convertToGraphQLInput = ({
+  _templateId,
+  ...value
+}, templates) => {
+  const template = templates.find(tpl => _templateId === tpl.id);
+  if (!template) {
+    return undefined;
+  }
+  return {
+    [template.gqlTypeName]: prepareFormData(value, template.fields)
+  };
+};
+export const createDynamicZoneTransformer = () => ({
+  type: "cms-field-value-transformer",
+  name: "cms-field-value-transformer-dynamic-zone",
+  fieldType: "dynamicZone",
+  transform: (value, field) => {
+    const templates = field.settings?.templates || [];
+    return value ? convertToGraphQLInput(value, templates) : undefined;
+  }
+});
+
+//# sourceMappingURL=dynamicZoneTransformer.js.map

package/admin/plugins/transformers/dynamicZoneTransformer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prepareFormData","convertToGraphQLInput","_templateId","value","templates","template","find","tpl","id","undefined","gqlTypeName","fields","createDynamicZoneTransformer","type","name","fieldType","transform","field","settings"],"sources":["dynamicZoneTransformer.ts"],"sourcesContent":["import type { CmsDynamicZoneTemplate, CmsFieldValueTransformer } from \"~/types\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\n\ninterface TemplateValueFromForm {\n    _templateId: string;\n    [key: string]: any;\n}\n\nconst convertToGraphQLInput = (\n    { _templateId, ...value }: TemplateValueFromForm,\n    templates: CmsDynamicZoneTemplate[]\n) => {\n    const template = templates.find(tpl => _templateId === tpl.id);\n    if (!template) {\n        return undefined;\n    }\n\n    return {\n        [template.gqlTypeName]: prepareFormData(value, template.fields)\n    };\n};\n\nexport const createDynamicZoneTransformer = (): CmsFieldValueTransformer => ({\n    type: \"cms-field-value-transformer\",\n    name: \"cms-field-value-transformer-dynamic-zone\",\n    fieldType: \"dynamicZone\",\n    transform: (value, field) => {\n        const templates = field.settings?.templates || [];\n\n        return value ? convertToGraphQLInput(value, templates) : undefined;\n    }\n});\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,iCAAiC;AAOjE,MAAMC,qBAAqB,GAAGA,CAC1B;EAAEC,WAAW;EAAE,GAAGC;AAA6B,CAAC,EAChDC,SAAmC,KAClC;EACD,MAAMC,QAAQ,GAAGD,SAAS,CAACE,IAAI,CAACC,GAAG,IAAIL,WAAW,KAAKK,GAAG,CAACC,EAAE,CAAC;EAC9D,IAAI,CAACH,QAAQ,EAAE;IACX,OAAOI,SAAS;EACpB;EAEA,OAAO;IACH,CAACJ,QAAQ,CAACK,WAAW,GAAGV,eAAe,CAACG,KAAK,EAAEE,QAAQ,CAACM,MAAM;EAClE,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAGA,CAAA,MAAiC;EACzEC,IAAI,EAAE,6BAA6B;EACnCC,IAAI,EAAE,0CAA0C;EAChDC,SAAS,EAAE,aAAa;EACxBC,SAAS,EAAEA,CAACb,KAAK,EAAEc,KAAK,KAAK;IACzB,MAAMb,SAAS,GAAGa,KAAK,CAACC,QAAQ,EAAEd,SAAS,IAAI,EAAE;IAEjD,OAAOD,KAAK,GAAGF,qBAAqB,CAACE,KAAK,EAAEC,SAAS,CAAC,GAAGK,SAAS;EACtE;AACJ,CAAC,CAAC","ignoreList":[]}

package/admin/plugins/transformers/index.d.ts

@@ -1,3 +1,3 @@
-import { CmsFieldValueTransformer } from "../../../types";
+import type { CmsFieldValueTransformer } from "../../../types";
 declare const _default: () => CmsFieldValueTransformer[];
 export default _default;

package/admin/plugins/transformers/index.js

@@ -1,5 +1,7 @@
-import dateTransformer from "./dateTransformer";
-import numberTransformer from "./numberTransformer";
-export default (function () {
-  return [dateTransformer(), numberTransformer()];
-});
+import { createDateTransformer } from "./dateTransformer";
+import { createNumberTransformer } from "./numberTransformer";
+import { createDynamicZoneTransformer } from "./dynamicZoneTransformer";
+import { createObjectTransformer } from "./objectTransformer";
+export default () => [createDateTransformer(), createNumberTransformer(), createDynamicZoneTransformer(), createObjectTransformer()];
+
+//# sourceMappingURL=index.js.map

package/admin/plugins/transformers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createDateTransformer","createNumberTransformer","createDynamicZoneTransformer","createObjectTransformer"],"sources":["index.ts"],"sourcesContent":["import { createDateTransformer } from \"./dateTransformer\";\nimport { createNumberTransformer } from \"./numberTransformer\";\nimport { createDynamicZoneTransformer } from \"./dynamicZoneTransformer\";\nimport { createObjectTransformer } from \"./objectTransformer\";\nimport type { CmsFieldValueTransformer } from \"~/types\";\n\nexport default (): CmsFieldValueTransformer[] => [\n    createDateTransformer(),\n    createNumberTransformer(),\n    createDynamicZoneTransformer(),\n    createObjectTransformer()\n];\n"],"mappings":"AAAA,SAASA,qBAAqB;AAC9B,SAASC,uBAAuB;AAChC,SAASC,4BAA4B;AACrC,SAASC,uBAAuB;AAGhC,eAAe,MAAkC,CAC7CH,qBAAqB,CAAC,CAAC,EACvBC,uBAAuB,CAAC,CAAC,EACzBC,4BAA4B,CAAC,CAAC,EAC9BC,uBAAuB,CAAC,CAAC,CAC5B","ignoreList":[]}

package/admin/plugins/transformers/numberTransformer.d.ts

@@ -1,3 +1,2 @@
-import { CmsFieldValueTransformer } from "../../../types";
-declare const _default: () => CmsFieldValueTransformer;
-export default _default;
+import type { CmsFieldValueTransformer } from "../../../types";
+export declare const createNumberTransformer: () => CmsFieldValueTransformer;