@webiny/app-headless-cms 0.0.0-mt-1

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

@@ -0,0 +1,104 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+
+import React, { useCallback, useEffect } from "react";
+import get from "lodash/get";
+import { Grid, Cell } from "@webiny/ui/Grid";
+import { Typography } from "@webiny/ui/Typography";
+import { Select } from "@webiny/ui/Select";
+import { i18n } from "@webiny/app/i18n";
+import { Elevation } from "@webiny/ui/Elevation";
+import { PermissionSelector, PermissionSelectorWrapper } from "./PermissionSelector";
+import { useCmsData } from "./useCmsData";
+import { Note } from "./StyledComponents";
+import ContentModelList from "./ContentModelList";
+var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+export var ContentModelPermission = function ContentModelPermission(_ref) {
+  var Bind = _ref.Bind,
+      data = _ref.data,
+      setValue = _ref.setValue,
+      entity = _ref.entity,
+      title = _ref.title,
+      locales = _ref.locales,
+      selectedContentModelGroups = _ref.selectedContentModelGroups;
+  var modelsGroups = useCmsData(locales); // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
+
+  useEffect(function () {
+    if (get(data, "contentModelGroupAccessScope") === "own" && get(data, "".concat(entity, "AccessScope")) !== "own") {
+      setValue("".concat(entity, "AccessScope"), "own");
+    }
+  }, [data]);
+  var getItems = useCallback(function (code) {
+    var list = get(modelsGroups, "".concat(code, ".models"), []);
+    var groups = selectedContentModelGroups && selectedContentModelGroups[code] || [];
+
+    if (groups.length) {
+      // Filter by groups
+      list = list.filter(function (item) {
+        return groups.includes(item.group.id);
+      });
+    }
+
+    return list;
+  }, [modelsGroups]);
+  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !data.endpoints.includes("manage");
+  return /*#__PURE__*/React.createElement(Elevation, {
+    z: 1,
+    style: {
+      marginTop: 10
+    }
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "overline"
+  }, title)), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Grid, {
+    style: {
+      padding: 0,
+      paddingBottom: 24
+    }
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "".concat(entity, "AccessScope"),
+    defaultValue: "full"
+  }, /*#__PURE__*/React.createElement(Select, {
+    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Scope"]))),
+    disabled: data["contentModelGroupAccessScope"] === "own",
+    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["The list of available models is defined by the options set in the content model groups section above."])))
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "full"
+  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["All models"])))), /*#__PURE__*/React.createElement("option", {
+    value: "models"
+  }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Only specific models"])))), data.endpoints.includes("manage") && /*#__PURE__*/React.createElement("option", {
+    value: "own"
+  }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Only models created by the user"])))))), data["contentModelGroupAccessScope"] === "own" && /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
+    use: "caption"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "highlight"
+  }, "Content Model"), "\xA0", t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["access depends upon"]))), "\xA0", /*#__PURE__*/React.createElement("span", {
+    className: "highlight"
+  }, "Content Model Group")))), data["".concat(entity, "AccessScope")] === "models" && /*#__PURE__*/React.createElement(PermissionSelectorWrapper, null, /*#__PURE__*/React.createElement(PermissionSelector, {
+    locales: locales,
+    Bind: Bind,
+    entity: entity,
+    selectorKey: "models",
+    getItems: getItems,
+    RenderItems: ContentModelList
+  })), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: "".concat(entity, "RWD")
+  }, /*#__PURE__*/React.createElement(Select, {
+    label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Primary Actions"]))),
+    disabled: disabledPrimaryActions
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "r"
+  }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Read"])))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+    value: "rw"
+  }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Read, write"])))) : null, data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+    value: "rwd"
+  }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read, write, delete"])))) : null)))))));
+};

package/admin/plugins/permissionRenderer/components/PermissionRendererWrapper.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const PermissionRendererWrapper: ({ label, children }: {
+    label: any;
+    children: any;
+}) => JSX.Element;

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

@@ -0,0 +1,28 @@
+import React from "react";
+import { Elevation } from "@webiny/ui/Elevation";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { Typography } from "@webiny/ui/Typography";
+export var PermissionRendererWrapper = function PermissionRendererWrapper(_ref) {
+  var label = _ref.label,
+      children = _ref.children;
+  return /*#__PURE__*/React.createElement(Elevation, {
+    z: 1,
+    className: ""
+  }, /*#__PURE__*/React.createElement(Grid, {
+    className: "",
+    style: {
+      marginTop: 36
+    }
+  }, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "overline"
+  }, label)), /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Grid, {
+    style: {
+      padding: 0,
+      paddingBottom: 24
+    }
+  }, children))));
+};

package/admin/plugins/permissionRenderer/components/PermissionSelector.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import { BindComponent } from "@webiny/form";
+export declare type PermissionSelectorCheckList = {
+    id: string;
+    name: string;
+};
+declare type Model = {
+    id: string;
+    label: string;
+    [key: string]: any;
+};
+declare type Group = {
+    id: string;
+    label: string;
+    [key: string]: any;
+};
+declare type RenderItemsProps = {
+    onChange: Function;
+    getValue: Function;
+    items: Model[] | Group[];
+};
+export declare type PermissionSelectorProps = {
+    Bind: BindComponent;
+    selectorKey: string;
+    locales: string[];
+    entity: string;
+    getItems: (code: string) => Model[] | Group[];
+    RenderItems?: React.FunctionComponent<RenderItemsProps>;
+};
+export declare const PermissionSelector: ({ Bind, entity, locales, selectorKey, getItems, RenderItems }: PermissionSelectorProps) => JSX.Element;
+export declare const PermissionSelectorWrapper: ({ children }: {
+    children: any;
+}) => JSX.Element;
+export {};

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

@@ -0,0 +1,66 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React, { Fragment } from "react";
+import { i18n } from "@webiny/app/i18n";
+import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
+import { Cell } from "@webiny/ui/Grid";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+
+var DefaultRenderItems = function DefaultRenderItems(_ref) {
+  var items = _ref.items,
+      getValue = _ref.getValue,
+      onChange = _ref.onChange;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (_ref2) {
+    var id = _ref2.id,
+        label = _ref2.label;
+    return /*#__PURE__*/React.createElement("div", {
+      key: id
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      key: id,
+      label: label,
+      value: getValue(id),
+      onChange: onChange(id)
+    }));
+  }));
+};
+
+export var PermissionSelector = function PermissionSelector(_ref3) {
+  var Bind = _ref3.Bind,
+      entity = _ref3.entity,
+      locales = _ref3.locales,
+      selectorKey = _ref3.selectorKey,
+      getItems = _ref3.getItems,
+      _ref3$RenderItems = _ref3.RenderItems,
+      RenderItems = _ref3$RenderItems === void 0 ? DefaultRenderItems : _ref3$RenderItems;
+  var description = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Select the {selectorKey} user will be allowed to access."])))({
+    selectorKey: selectorKey
+  });
+  return /*#__PURE__*/React.createElement(Fragment, null, locales.map(function (code) {
+    var items = getItems(code);
+    return /*#__PURE__*/React.createElement(Bind, {
+      key: code,
+      name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
+    }, items.length && /*#__PURE__*/React.createElement(CheckboxGroup, {
+      label: code
+    }, function (_ref4) {
+      var onChange = _ref4.onChange,
+          getValue = _ref4.getValue;
+      return /*#__PURE__*/React.createElement(RenderItems, {
+        items: items,
+        onChange: onChange,
+        getValue: getValue
+      });
+    }));
+  }), /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+};
+export var PermissionSelectorWrapper = function PermissionSelectorWrapper(_ref5) {
+  var children = _ref5.children;
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 1
+  }), /*#__PURE__*/React.createElement(Cell, {
+    span: 11
+  }, children));
+};

package/admin/plugins/permissionRenderer/components/StyledComponents.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;

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

@@ -0,0 +1,10 @@
+import styled from "@emotion/styled";
+export var Note = /*#__PURE__*/styled("div", {
+  target: "e1tmr1490",
+  label: "Note"
+})({
+  color: "var(--mdc-theme-text-secondary-on-background)",
+  "& .highlight": {
+    fontWeight: "bold"
+  }
+});

package/admin/plugins/permissionRenderer/components/useCmsData.d.ts

@@ -0,0 +1 @@
+export declare const useCmsData: (locales: string[]) => {};

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

@@ -0,0 +1,79 @@
+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;
+
+      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
+                    })));
+                  });
+                }
+              };
+
+              for (i = 0; i < locales.length; i++) {
+                _loop(i);
+              }
+
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function loadData() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  useEffect(function () {
+    loadData();
+  }, [locales.sort().join(":")]);
+  return locales.reduce(function (acc, code) {
+    acc[code] = state[code] || {
+      models: [],
+      groups: []
+    };
+    return acc;
+  }, {});
+};

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

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

package/admin/plugins/permissionRenderer/index.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { AccordionItem } from "@webiny/ui/Accordion";
+import { ReactComponent as HeadlessCMSIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
+import { CMSPermissions } from "./CmsPermissions";
+export default {
+  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),
+      title: "Headless CMS",
+      description: "Manage Headless CMS app access permissions.",
+      "data-testid": "permission.cms"
+    }, /*#__PURE__*/React.createElement(CMSPermissions, props));
+  }
+};

package/admin/plugins/routes.d.ts

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

package/admin/plugins/routes.js

@@ -0,0 +1,88 @@
+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 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 = [{
+  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))));
+    }
+  })
+}, {
+  name: "route-cms-content-models-manage",
+  type: "route",
+  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))));
+    }
+  })
+}, {
+  name: "route-cms-content-models-editor",
+  type: "route",
+  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)));
+    }
+  })
+}, {
+  name: "route-cms-content-models",
+  type: "route",
+  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))));
+    }
+  })
+}];
+export default plugins;

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

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

package/admin/plugins/transformers/dateTransformer.js

@@ -0,0 +1,44 @@
+import WebinyError from "@webiny/error";
+
+var transformDate = function transformDate(value, type) {
+  if (type === "date") {
+    return value.substr(0, 10);
+  }
+
+  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
+        });
+      }
+    }
+  };
+});

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

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

package/admin/plugins/transformers/index.js

@@ -0,0 +1,5 @@
+import dateTransformer from "./dateTransformer";
+import numberTransformer from "./numberTransformer";
+export default (function () {
+  return [dateTransformer(), numberTransformer()];
+});

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

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

package/admin/plugins/transformers/numberTransformer.js

@@ -0,0 +1,14 @@
+export default (function () {
+  return {
+    type: "cms-field-value-transformer",
+    name: "cms-field-value-transformer-number",
+    fieldType: "number",
+    transform: function transform(value) {
+      if (Array.isArray(value) === true) {
+        return value.map(Number);
+      }
+
+      return Number(value);
+    }
+  };
+});

package/admin/plugins/upgrades/v5.0.0.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Upgrade: ({ onInstalled }: {
+    onInstalled: any;
+}) => JSX.Element;
+export default Upgrade;

package/admin/plugins/upgrades/v5.0.0.js

@@ -0,0 +1,85 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import React, { useCallback, useState } from "react";
+import gql from "graphql-tag";
+import { i18n } from "@webiny/app/i18n";
+import { SimpleForm, SimpleFormContent, SimpleFormFooter, SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
+import { useApolloClient } from "@apollo/react-hooks";
+import { Alert } from "@webiny/ui/Alert";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { Cell, Grid } from "@webiny/ui/Grid";
+import { ButtonPrimary } from "@webiny/ui/Button";
+import { Typography } from "@webiny/ui/Typography";
+var t = i18n.ns("app-headless-cms/admin/installation");
+var UPGRADE = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    mutation UpgradeCMS($version: String!) {\n        cms {\n            upgrade(version: $version) {\n                data\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])));
+
+var Upgrade = function Upgrade(_ref) {
+  var onInstalled = _ref.onInstalled;
+  var client = useApolloClient();
+
+  var _useState = useState(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      loading = _useState4[0],
+      setLoading = _useState4[1];
+
+  var startUpgrade = useCallback( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            setLoading(true);
+            _context.next = 3;
+            return client.mutate({
+              mutation: UPGRADE,
+              variables: {
+                version: "5.0.0"
+              }
+            }).then(function (_ref3) {
+              var data = _ref3.data;
+              setLoading(false);
+              var error = data.cms.upgrade.error;
+
+              if (error) {
+                setError(error.message);
+                return;
+              }
+
+              onInstalled();
+            });
+
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+  var label = error ? /*#__PURE__*/React.createElement(Alert, {
+    title: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Something went wrong"]))),
+    type: "danger"
+  }, error) : t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Upgrading Headless CMS..."])));
+  return /*#__PURE__*/React.createElement(SimpleForm, null, loading && /*#__PURE__*/React.createElement(CircularProgress, {
+    label: label
+  }), /*#__PURE__*/React.createElement(SimpleFormHeader, {
+    title: "Upgrade Headless CMS"
+  }), /*#__PURE__*/React.createElement(SimpleFormContent, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Typography, {
+    use: "body1",
+    tag: "div"
+  }, "This upgrade will do the following:", /*#__PURE__*/React.createElement("ul", null, /*#__PURE__*/React.createElement("li", null, "create a separate Elasticsearch index for each content model"), /*#__PURE__*/React.createElement("li", null, "upgrade data stored into Elasticsearch for certain data types"), /*#__PURE__*/React.createElement("li", null, "insert Elasticsearch records into a dedicated DynamoDB table")))))), /*#__PURE__*/React.createElement(SimpleFormFooter, null, /*#__PURE__*/React.createElement(ButtonPrimary, {
+    onClick: startUpgrade
+  }, "Upgrade")));
+};
+
+export default Upgrade;

package/admin/plugins/upgrades/v5.5.0.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Upgrade: ({ onInstalled }: {
+    onInstalled: any;
+}) => JSX.Element;
+export default Upgrade;