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

package/admin/plugins/fieldRenderers/file/File.js

@@ -1,79 +0,0 @@
-import React, { useCallback } from "react";
-import { Image } from "@webiny/app/components";
-import * as Ui from "@webiny/ui/ImageUpload";
-import { createRenderImagePreview, imageExtensions } from "./utils";
-import fileIcon from "../../fields/icons/round_insert_drive_file-24px.svg";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-var imagePreviewProps = {
-  transform: {
-    width: 300
-  },
-  style: {
-    width: "100%",
-    height: 232,
-    objectFit: "cover"
-  }
-};
-var defaultStyles = {
-  width: "100%",
-  height: "auto"
-};
-var defaultValidation = {
-  isValid: null,
-  message: null
-};
-
-var File = function File(props) {
-  var url = props.url,
-      onRemove = props.onRemove,
-      placeholder = props.placeholder,
-      showFileManager = props.showFileManager,
-      description = props.description;
-  var styles = props.styles || defaultStyles;
-  var validation = props.validation || defaultValidation;
-  var isImage = useCallback(function (url) {
-    return imageExtensions.some(function (extension) {
-      return url.includes(extension);
-    });
-  }, []);
-  var getImageSrc = useCallback(function (url) {
-    if (url && isImage(url)) {
-      return url;
-    }
-
-    return fileIcon;
-  }, []);
-
-  var defaultRenderImagePreview = function defaultRenderImagePreview(renderImageProps) {
-    return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
-  };
-
-  var renderImagePreview = function renderImagePreview(url) {
-    if (url && !isImage(url)) {
-      return createRenderImagePreview({
-        value: url,
-        imagePreviewProps: imagePreviewProps
-      });
-    }
-
-    return defaultRenderImagePreview;
-  };
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Ui.Image, {
-    renderImagePreview: renderImagePreview(url),
-    style: styles,
-    value: url ? {
-      src: getImageSrc(url)
-    } : null,
-    uploadImage: showFileManager,
-    removeImage: onRemove,
-    placeholder: placeholder,
-    containerStyle: {
-      height: "auto"
-    }
-  }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-    error: true
-  }, validation.message || "Invalid value."), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-};
-
-export default File;

package/admin/plugins/fieldRenderers/file/fileField.d.ts

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

package/admin/plugins/fieldRenderers/file/fileField.js

@@ -1,64 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { FileManager } from "@webiny/app-admin/components";
-import File from "./File";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-var t = i18n.ns("app-headless-cms/admin/fields/file");
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-file",
-  renderer: {
-    rendererName: "file-input",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["File Input"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Enables selecting a single file via File Manager."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "file" && !field.multipleValues;
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind,
-          Label = _ref2.Label;
-      var Bind = getBind();
-      var imagesOnly = field.settings && field.settings.imagesOnly;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Label, null, field.label), /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-        var value = bind.value,
-            onChange = bind.onChange;
-        return /*#__PURE__*/React.createElement(FileManager, {
-          multiple: false,
-          images: imagesOnly
-        }, function (_ref3) {
-          var showFileManager = _ref3.showFileManager;
-
-          var selectFile = function selectFile() {
-            showFileManager(function (newFile) {
-              if (newFile === null) {
-                return;
-              }
-
-              onChange(newFile.src);
-            });
-          };
-
-          return /*#__PURE__*/React.createElement(File, Object.assign({}, bind, {
-            url: value,
-            onRemove: function onRemove() {
-              return onChange(null);
-            },
-            showFileManager: selectFile,
-            placeholder: field.placeholderText,
-            description: field.helpText
-          }));
-        });
-      }), field.helpText && /*#__PURE__*/React.createElement(FormElementMessage, null, field.helpText)));
-    }
-  }
-};
-export default plugin;

package/admin/plugins/fieldRenderers/file/fileFields.d.ts

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

package/admin/plugins/fieldRenderers/file/fileFields.js

@@ -1,125 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import React from "react";
-import dotProp from "dot-prop-immutable";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, GridInner } from "@webiny/ui/Grid";
-import { imageWrapperStyles } from "./utils";
-import { FileManager } from "@webiny/app-admin/components";
-import styled from "@emotion/styled";
-import File from "./File";
-var t = i18n.ns("app-headless-cms/admin/fields/file");
-var FileUploadWrapper = /*#__PURE__*/styled("div", {
-  target: "eq80mh0",
-  label: "FileUploadWrapper"
-})({
-  position: "relative",
-  ".disabled": {
-    opacity: 0.75,
-    pointerEvents: "none"
-  },
-  ".mdc-text-field-helper-text": {
-    color: "var(--mdc-theme-text-secondary-on-background)"
-  }
-});
-
-function FieldRenderer(_ref) {
-  var getBind = _ref.getBind,
-      Label = _ref.Label,
-      field = _ref.field;
-  var Bind = getBind();
-  var imagesOnly = field.settings && field.settings.imagesOnly;
-  return /*#__PURE__*/React.createElement(Bind, null, function (bind) {
-    var value = bind.value,
-        onChange = bind.onChange;
-    return /*#__PURE__*/React.createElement(FileUploadWrapper, {
-      className: imageWrapperStyles
-    }, /*#__PURE__*/React.createElement(FileManager, {
-      multiple: true,
-      images: imagesOnly
-    }, function (_ref2) {
-      var showFileManager = _ref2.showFileManager;
-
-      var selectFiles = function selectFiles() {
-        var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-        showFileManager(function (files) {
-          if (!files) {
-            return;
-          }
-
-          var urls = files.map(function (f) {
-            return f.src;
-          });
-
-          if (index === -1) {
-            onChange([].concat(_toConsumableArray(value || []), _toConsumableArray(urls)));
-          } else {
-            onChange([].concat(_toConsumableArray(value.slice(0, index)), _toConsumableArray(urls), _toConsumableArray(value.slice(index + 1))));
-          }
-        });
-      };
-
-      return /*#__PURE__*/React.createElement(GridInner, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Label, null, field.label)), value.map(function (url, index) {
-        return /*#__PURE__*/React.createElement(Cell, {
-          span: 3,
-          key: url
-        }, /*#__PURE__*/React.createElement(File, {
-          url: url,
-          showFileManager: function showFileManager() {
-            return selectFiles(index);
-          },
-          onRemove: function onRemove() {
-            return onChange(dotProp.delete(value, index));
-          },
-          placeholder: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Select a file\""])))
-        }));
-      }), /*#__PURE__*/React.createElement(Cell, {
-        span: 3
-      }, /*#__PURE__*/React.createElement(File, Object.assign({}, bind, {
-        showFileManager: function showFileManager() {
-          return selectFiles();
-        },
-        placeholder: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Select a file\""])))
-      }))));
-    }));
-  });
-}
-
-FieldRenderer.defaultProps = {
-  validation: {
-    isValid: null
-  },
-  styles: {
-    width: "100%",
-    height: "auto"
-  }
-};
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-files",
-  renderer: {
-    rendererName: "file-inputs",
-    name: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["File Inputs"]))),
-    description: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Enables selecting multiple files via File Manager."]))),
-    canUse: function canUse(_ref3) {
-      var field = _ref3.field;
-      return field.type === "file" && field.multipleValues;
-    },
-    render: function render(_ref4) {
-      var field = _ref4.field,
-          getBind = _ref4.getBind,
-          Label = _ref4.Label;
-      return /*#__PURE__*/React.createElement(FieldRenderer, {
-        field: field,
-        getBind: getBind,
-        Label: Label
-      });
-    }
-  }
-};
-export default plugin;

package/admin/plugins/fieldRenderers/file/index.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("../../../../types").CmsEditorFieldRendererPlugin[];
-export default _default;

package/admin/plugins/fieldRenderers/file/index.js

@@ -1,3 +0,0 @@
-import fileField from "./fileField";
-import fileFields from "./fileFields";
-export default [fileField, fileFields];

package/admin/plugins/fieldRenderers/file/utils.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const imageExtensions: string[];
-export declare const imageWrapperStyles: string;
-export declare const createRenderImagePreview: ({ value, imagePreviewProps }: {
-    value: any;
-    imagePreviewProps: any;
-}) => (renderImageProps: any) => JSX.Element;

package/admin/plugins/fieldRenderers/file/utils.js

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { css } from "emotion";
-import { ReactComponent as FileIcon } from "@svgr/webpack!../../fields/icons/round_insert_drive_file-24px.svg";
-export var imageExtensions = [".jpg", ".jpeg", ".gif", ".png", ".svg"];
-export var imageWrapperStyles = /*#__PURE__*/css({
-  height: "auto"
-}, "label:imageWrapperStyles;");
-var fileLabel = /*#__PURE__*/css({
-  padding: "10px",
-  whiteSpace: "nowrap",
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  fontSize: "0.8rem",
-  color: "var(--mdc-theme-on-surface)",
-  backgroundColor: "var(--mdc-theme-on-background)"
-}, "label:fileLabel;");
-var IconWrapperStyle = /*#__PURE__*/css({
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  height: 200
-}, "label:IconWrapperStyle;");
-var IconStyle = /*#__PURE__*/css({
-  width: 64,
-  height: 64
-}, "label:IconStyle;");
-export var createRenderImagePreview = function createRenderImagePreview(_ref) {
-  var value = _ref.value,
-      imagePreviewProps = _ref.imagePreviewProps;
-  var fileName = getFileName(value);
-
-  var renderImagePreview = function renderImagePreview(renderImageProps) {
-    return /*#__PURE__*/React.createElement("div", Object.assign({}, renderImageProps, imagePreviewProps), /*#__PURE__*/React.createElement("div", {
-      className: IconWrapperStyle
-    }, /*#__PURE__*/React.createElement(FileIcon, {
-      className: IconStyle
-    })), /*#__PURE__*/React.createElement("div", {
-      className: fileLabel
-    }, fileName));
-  };
-
-  return renderImagePreview;
-};
-
-var getFileName = function getFileName(value) {
-  if (!value) {
-    return "";
-  }
-
-  return value.split("/").pop();
-};

package/admin/plugins/fieldRenderers/object/singleObject.d.ts

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

package/admin/plugins/fieldRenderers/object/singleObject.js

@@ -1,45 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import React from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Fields } from "../../../components/ContentEntryForm/Fields";
-import { SimpleFormHeader } from "@webiny/app-admin/components/SimpleForm";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-import { fieldsWrapperStyle } from "./StyledComponents";
-var t = i18n.ns("app-headless-cms/admin/fields/text");
-var plugin = {
-  type: "cms-editor-field-renderer",
-  name: "cms-editor-field-renderer-object",
-  renderer: {
-    rendererName: "object",
-    name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Object"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Renders a set of fields."]))),
-    canUse: function canUse(_ref) {
-      var field = _ref.field;
-      return field.type === "object" && !field.multipleValues;
-    },
-    render: function render(_ref2) {
-      var field = _ref2.field,
-          getBind = _ref2.getBind,
-          contentModel = _ref2.contentModel;
-      var Bind = getBind();
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(SimpleFormHeader, {
-        title: field.label
-      }), field.helpText && /*#__PURE__*/React.createElement(FormElementMessage, null, field.helpText)), /*#__PURE__*/React.createElement(Cell, {
-        span: 12,
-        className: fieldsWrapperStyle
-      }, /*#__PURE__*/React.createElement(Fields, {
-        Bind: Bind,
-        contentModel: contentModel,
-        fields: field.settings.fields,
-        layout: field.settings.layout
-      })));
-    }
-  }
-};
-export default plugin;

package/admin/plugins/fieldRenderers/ref/components/getOptions.d.ts

@@ -1 +0,0 @@
-export declare const getOptions: (entries?: any[], extraOptions?: any) => any[];

package/admin/plugins/fieldRenderers/ref/components/getOptions.js

@@ -1,21 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-export var getOptions = function getOptions() {
-  var entries = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var extraOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
-  return entries.map(function (item) {
-    var name = item.title;
-
-    if (!name) {
-      return null;
-    }
-
-    var extraData = typeof extraOptions === "function" ? extraOptions(item) : {};
-    return _objectSpread({
-      id: item.id,
-      modelId: item.model.modelId,
-      modelName: item.model.name,
-      name: name,
-      published: item.status === "published"
-    }, extraData);
-  }).filter(Boolean);
-};

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

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

package/admin/plugins/fields/file.js

@@ -1,46 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
-import React from "react";
-import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round_insert_drive_file-24px.svg";
-import { i18n } from "@webiny/app/i18n";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Radio } from "@webiny/ui/Radio";
-var t = i18n.ns("app-headless-cms/admin/fields");
-var plugin = {
-  type: "cms-editor-field-type",
-  name: "cms-editor-field-type-file",
-  field: {
-    type: "file",
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Files"]))),
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Images, videos and other files."]))),
-    icon: /*#__PURE__*/React.createElement(FileIcon, null),
-    validators: ["required"],
-    listValidators: ["minLength", "maxLength"],
-    allowMultipleValues: true,
-    allowPredefinedValues: false,
-    multipleValuesLabel: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Use as a list of files or an image gallery"]))),
-    createField: function createField() {
-      return {
-        type: this.type,
-        validation: [],
-        renderer: {
-          name: ""
-        }
-      };
-    },
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.form.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-        span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
-        name: "settings.imagesOnly"
-      }, /*#__PURE__*/React.createElement(Radio, {
-        label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Images only"]))),
-        description: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Allow only images to be selected"])))
-      }))));
-    }
-  }
-};
-export default plugin;

package/admin/plugins/menus/CmsMenuLoader.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
-interface Props {
-    view: NavigationView;
-}
-export declare const CmsMenuLoader: React.MemoExoticComponent<({ view }: Props) => JSX.Element>;
-export {};

package/admin/plugins/menus/CmsMenuLoader.js

@@ -1,76 +0,0 @@
-import React, { useEffect } from "react";
-import { NavigationMenuElement } from "@webiny/app-admin/ui/elements/NavigationMenuElement";
-import { ReactComponent as HeadlessCmsIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
-import GlobalSearchPlugins from "./GlobalSearchPlugins";
-import usePermission from "../../hooks/usePermission";
-import { ContentGroupsMenuItems } from "./ContentGroupsMenuItems";
-import { ContentGroupMenuElement } from "../../elements/ContentGroupMenuElement";
-export var CmsMenuLoader = /*#__PURE__*/React.memo(function (_ref) {
-  var view = _ref.view;
-
-  var _usePermission = usePermission(),
-      canAccessManageEndpoint = _usePermission.canAccessManageEndpoint,
-      canReadContentModels = _usePermission.canReadContentModels,
-      canReadContentModelGroups = _usePermission.canReadContentModelGroups,
-      canCreateContentModels = _usePermission.canCreateContentModels,
-      canCreateContentModelGroups = _usePermission.canCreateContentModelGroups;
-
-  var hasAccess = canAccessManageEndpoint && (canReadContentModels || canReadContentModelGroups);
-  useEffect(function () {
-    if (!hasAccess) {
-      return;
-    }
-    /**
-     * Create the main "Headless CMS" menu group.
-     */
-
-
-    var mainMenu = view.addAppMenuElement(new NavigationMenuElement("headlessCms.mainMenu", {
-      label: "Headless CMS",
-      icon: /*#__PURE__*/React.createElement(HeadlessCmsIcon, null)
-    }));
-    mainMenu.addSorter(function (a, b) {
-      if (a instanceof ContentGroupMenuElement && b instanceof NavigationMenuElement) {
-        return 1;
-      }
-
-      if (a instanceof NavigationMenuElement && b instanceof ContentGroupMenuElement) {
-        return -1;
-      }
-
-      return 0;
-    });
-    /**
-     * Add "Content Models" section if the user can create either models or groups.
-     */
-
-    if (canCreateContentModels || canCreateContentModelGroups) {
-      var contentModelsMenu = mainMenu.addElement(new NavigationMenuElement("headlessCms.contentModels", {
-        label: "Content Models"
-      }));
-
-      if (canCreateContentModels) {
-        contentModelsMenu.addElement(new NavigationMenuElement("headlessCms.contentModels.models", {
-          label: "Models",
-          path: "/cms/content-models"
-        }));
-      }
-
-      if (canCreateContentModelGroups) {
-        contentModelsMenu.addElement(new NavigationMenuElement("headlessCms.contentModels.groups", {
-          label: "Groups",
-          path: "/cms/content-model-groups"
-        }));
-      }
-    }
-  }, []);
-
-  if (!hasAccess) {
-    return null;
-  }
-
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalSearchPlugins, null), /*#__PURE__*/React.createElement(ContentGroupsMenuItems, {
-    view: view
-  }));
-});
-CmsMenuLoader.displayName = "CmsMenuLoader";

package/admin/plugins/menus/ContentGroupsMenuItems.d.ts

@@ -1,6 +0,0 @@
-import { NavigationView } from "@webiny/app-admin/ui/views/NavigationView";
-interface Props {
-    view: NavigationView;
-}
-export declare const ContentGroupsMenuItems: ({ view }: Props) => any;
-export {};