@webiny/app-admin 0.0.0-mt-1

package/components/SingleImageUpload.js

@@ -0,0 +1,102 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import * as React from "react";
+import { Image } from "@webiny/app/components/Image";
+import * as Ui from "@webiny/ui/ImageUpload";
+import { FileManager } from "./FileManager";
+import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+import styled from "@emotion/styled";
+var ImageUploadWrapper = /*#__PURE__*/styled("div", {
+  target: "ek1tjbh0",
+  label: "ImageUploadWrapper"
+})({
+  position: "relative",
+  ".disabled": {
+    opacity: 0.75,
+    pointerEvents: "none"
+  },
+  ".mdc-floating-label--float-above": {
+    transform: "scale(0.75)",
+    top: 10,
+    left: 10,
+    color: "var(--mdc-theme-text-secondary-on-background)"
+  },
+  ".mdc-text-field-helper-text": {
+    color: "var(--mdc-theme-text-secondary-on-background)"
+  }
+});
+
+var SingleImageUpload = /*#__PURE__*/function (_React$Component) {
+  _inherits(SingleImageUpload, _React$Component);
+
+  var _super = _createSuper(SingleImageUpload);
+
+  function SingleImageUpload() {
+    _classCallCheck(this, SingleImageUpload);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(SingleImageUpload, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          className = _this$props.className,
+          onChange = _this$props.onChange,
+          value = _this$props.value,
+          validation = _this$props.validation,
+          label = _this$props.label,
+          description = _this$props.description,
+          accept = _this$props.accept,
+          onChangePick = _this$props.onChangePick,
+          maxSize = _this$props.maxSize,
+          multipleMaxCount = _this$props.multipleMaxCount,
+          multipleMaxSize = _this$props.multipleMaxSize,
+          imagePreviewProps = _this$props.imagePreviewProps,
+          round = _this$props.round;
+      return /*#__PURE__*/React.createElement(ImageUploadWrapper, {
+        className: className
+      }, label && /*#__PURE__*/React.createElement("div", {
+        className: "mdc-floating-label mdc-floating-label--float-above"
+      }, label), /*#__PURE__*/React.createElement(FileManager, {
+        onChange: onChange,
+        onChangePick: onChangePick,
+        accept: accept,
+        images: !accept,
+        maxSize: maxSize,
+        multipleMaxCount: multipleMaxCount,
+        multipleMaxSize: multipleMaxSize
+      }, function (_ref) {
+        var showFileManager = _ref.showFileManager;
+        return /*#__PURE__*/React.createElement(Ui.Image, {
+          renderImagePreview: function renderImagePreview(renderImageProps) {
+            return /*#__PURE__*/React.createElement(Image, Object.assign({}, renderImageProps, imagePreviewProps));
+          },
+          style: {
+            width: "100%",
+            height: "auto"
+          },
+          value: value,
+          uploadImage: showFileManager,
+          removeImage: onChange,
+          round: round
+        });
+      }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+        error: true
+      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+    }
+  }]);
+
+  return SingleImageUpload;
+}(React.Component);
+
+_defineProperty(SingleImageUpload, "defaultProps", {
+  validation: {
+    isValid: null
+  }
+});
+
+export { SingleImageUpload as default };

package/components/SplitView/SplitView.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { CellProps } from "@webiny/ui/Grid";
+declare type SplitViewProps = {
+    children: React.ReactElement<any> | React.ReactElement<any>[];
+    className?: string;
+};
+declare const SplitView: (props: SplitViewProps) => JSX.Element;
+declare const LeftPanel: (props: CellProps) => JSX.Element;
+declare const RightPanel: (props: CellProps) => JSX.Element;
+export { SplitView, LeftPanel, RightPanel };

package/components/SplitView/SplitView.js

@@ -0,0 +1,76 @@
+import _clone from "lodash/clone";
+import * as React from "react";
+import classSet from "classnames";
+import { Cell, Grid, GridInner } from "@webiny/ui/Grid";
+import { css } from "emotion";
+import styled from "@emotion/styled";
+import { getClasses } from "@webiny/ui/Helpers";
+var grid = /*#__PURE__*/css({
+  "&.mdc-layout-grid": {
+    padding: 0,
+    backgroundColor: "var(--mdc-theme-background)"
+  }
+}, "label:grid;");
+var gridInner = /*#__PURE__*/css({
+  "&.mdc-layout-grid__inner": {
+    gridGap: 0
+  }
+}, "label:gridInner;");
+var RightPanelWrapper = /*#__PURE__*/styled("div", {
+  target: "em0s1980",
+  label: "RightPanelWrapper"
+})({
+  backgroundColor: "var(--mdc-theme-background)",
+  overflow: "auto",
+  height: "calc(100vh - 70px)"
+});
+var leftPanel = /*#__PURE__*/css({
+  backgroundColor: "var(--mdc-theme-surface)",
+  ">.webiny-data-list": {
+    display: "flex",
+    flexDirection: "column",
+    height: "calc(100vh - 70px)",
+    ".mdc-list": {
+      overflow: "auto"
+    }
+  },
+  ">.mdc-list": {
+    display: "flex",
+    flexDirection: "column",
+    maxHeight: "calc(100vh - 70px)",
+    overflow: "auto"
+  }
+}, "label:leftPanel;");
+
+var SplitView = function SplitView(props) {
+  return /*#__PURE__*/React.createElement(Grid, {
+    className: classSet(grid, props.className, "webiny-split-view")
+  }, /*#__PURE__*/React.createElement(GridInner, {
+    className: gridInner + " webiny-split-view__inner"
+  }, props.children));
+};
+
+var LeftPanel = function LeftPanel(props) {
+  var propList = _clone(props);
+
+  if (!propList.hasOwnProperty("span")) {
+    propList.span = 5;
+  }
+
+  return /*#__PURE__*/React.createElement(Cell, getClasses(propList, classSet(leftPanel, props.className, "webiny-split-view__left-panel")), propList.children);
+};
+
+var RightPanel = function RightPanel(props) {
+  var propList = _clone(props);
+
+  if (!propList.hasOwnProperty("span")) {
+    propList.span = 7;
+  }
+
+  return /*#__PURE__*/React.createElement(Cell, getClasses(propList, "webiny-split-view__right-panel"), /*#__PURE__*/React.createElement(RightPanelWrapper, {
+    className: "webiny-split-view__right-panel-wrapper",
+    id: "webiny-split-view-right-panel"
+  }, propList.children));
+};
+
+export { SplitView, LeftPanel, RightPanel };

package/components/SplitView/index.d.ts

@@ -0,0 +1 @@
+export { SplitView, LeftPanel, RightPanel } from "./SplitView";

package/components/SplitView/index.js

@@ -0,0 +1 @@
+export { SplitView, LeftPanel, RightPanel } from "./SplitView";

package/components/index.d.ts

@@ -0,0 +1 @@
+export { FileManager } from "./FileManager";

package/components/index.js

@@ -0,0 +1 @@
+export { FileManager } from "./FileManager";

package/hooks/useConfirmationDialog.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+declare type Args = {
+    title?: React.ReactNode;
+    message?: React.ReactNode;
+    [key: string]: any;
+};
+declare const useConfirmationDialog: ({ title, message, ...options }?: Args) => {
+    showConfirmation: (onAccept: any, onCancel?: any) => void;
+};
+export { useConfirmationDialog };

package/hooks/useConfirmationDialog.js

@@ -0,0 +1,47 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+var _excluded = ["title", "message"];
+import { useUi } from "@webiny/app/hooks/useUi";
+import { i18n } from "@webiny/app/i18n";
+var t = i18n.ns("app-admin/hooks/use-confirmation-dialog");
+
+var useConfirmationDialog = function useConfirmationDialog() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
+  var title = _ref.title,
+      message = _ref.message,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  var ui = useUi();
+  return {
+    showConfirmation: function showConfirmation(onAccept) {
+      var onCancel = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      ui.setState(function (ui) {
+        return _objectSpread(_objectSpread({}, ui), {}, {
+          dialog: {
+            message: message || t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Are you sure you want to continue?"]))),
+            options: _objectSpread(_objectSpread({}, options), {}, {
+              title: title || t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Confirmation"]))),
+              actions: {
+                accept: {
+                  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Confirm"]))),
+                  onClick: onAccept
+                },
+                cancel: {
+                  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Cancel"]))),
+                  onClick: onCancel
+                }
+              }
+            })
+          }
+        });
+      });
+    }
+  };
+};
+
+export { useConfirmationDialog };

package/hooks/useDialog.d.ts

@@ -0,0 +1,5 @@
+declare const useDialog: () => {
+    showDialog: (message: any, options: any) => void;
+    hideDialog: () => void;
+};
+export { useDialog };

package/hooks/useDialog.js

@@ -0,0 +1,27 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { useUi } from "@webiny/app/hooks/useUi";
+
+var useDialog = function useDialog() {
+  var ui = useUi();
+  return {
+    showDialog: function showDialog(message, options) {
+      ui.setState(function (ui) {
+        return _objectSpread(_objectSpread({}, ui), {}, {
+          dialog: {
+            message: message,
+            options: options
+          }
+        });
+      });
+    },
+    hideDialog: function hideDialog() {
+      ui.setState(function (ui) {
+        return _objectSpread(_objectSpread({}, ui), {}, {
+          dialog: null
+        });
+      });
+    }
+  };
+};
+
+export { useDialog };

package/hooks/useSnackbar.d.ts

@@ -0,0 +1,4 @@
+export declare const useSnackbar: () => {
+    showSnackbar: (message: any, options?: {}) => void;
+    hideSnackbar: () => void;
+};

package/hooks/useSnackbar.js

@@ -0,0 +1,25 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { useUi } from "@webiny/app/hooks/useUi";
+export var useSnackbar = function useSnackbar() {
+  var ui = useUi();
+  return {
+    showSnackbar: function showSnackbar(message) {
+      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      ui.setState(function (ui) {
+        return _objectSpread(_objectSpread({}, ui), {}, {
+          snackbar: {
+            message: message,
+            options: options
+          }
+        });
+      });
+    },
+    hideSnackbar: function hideSnackbar() {
+      ui.setState(function (ui) {
+        return _objectSpread(_objectSpread({}, ui), {}, {
+          snackbar: null
+        });
+      });
+    }
+  };
+};

package/package.json

@@ -0,0 +1,101 @@
+{
+	"name": "@webiny/app-admin",
+	"version": "0.0.0-mt-1",
+	"main": "index.js",
+	"description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/webiny/webiny-js.git"
+	},
+	"author": "Pavel Denisjuk",
+	"license": "MIT",
+	"dependencies": {
+		"@apollo/react-hooks": "3.1.5",
+		"@babel/runtime": "7.15.4",
+		"@editorjs/editorjs": "2.22.3",
+		"@emotion/core": "10.1.1",
+		"@emotion/styled": "10.0.27",
+		"@svgr/webpack": "4.3.3",
+		"@types/mime": "2.0.3",
+		"@types/react": "16.14.2",
+		"@webiny/app": "0.0.0-mt-1",
+		"@webiny/app-security": "0.0.0-mt-1",
+		"@webiny/form": "0.0.0-mt-1",
+		"@webiny/plugins": "0.0.0-mt-1",
+		"@webiny/react-router": "0.0.0-mt-1",
+		"@webiny/ui": "0.0.0-mt-1",
+		"@webiny/ui-composer": "0.0.0-mt-1",
+		"@webiny/validation": "0.0.0-mt-1",
+		"apollo-cache": "1.3.5",
+		"apollo-client": "2.6.10",
+		"apollo-link": "1.2.14",
+		"apollo-utilities": "1.3.4",
+		"bytes": "3.1.0",
+		"classnames": "2.3.1",
+		"dataurl-to-blob": "0.0.1",
+		"dayjs": "1.10.7",
+		"dot-prop-immutable": "2.1.1",
+		"downshift": "3.4.8",
+		"emotion": "10.0.27",
+		"graphlib": "2.1.8",
+		"graphql": "14.7.0",
+		"graphql-tag": "2.12.5",
+		"invariant": "2.2.4",
+		"lodash": "4.17.21",
+		"mime": "2.5.2",
+		"minimatch": "3.0.4",
+		"nanoid": "3.1.29",
+		"prop-types": "15.7.2",
+		"react": "16.14.0",
+		"react-butterfiles": "1.3.3",
+		"react-dom": "16.14.0",
+		"react-helmet": "5.2.1",
+		"react-hotkeyz": "1.0.4",
+		"react-lazy-load": "3.1.13",
+		"react-transition-group": "4.4.2",
+		"semver": "7.3.5",
+		"store": "2.0.12"
+	},
+	"devDependencies": {
+		"@babel/cli": "^7.5.5",
+		"@babel/core": "^7.5.5",
+		"@babel/plugin-proposal-class-properties": "^7.5.5",
+		"@babel/preset-env": "^7.5.5",
+		"@babel/preset-react": "^7.0.0",
+		"@babel/preset-typescript": "^7.8.3",
+		"@webiny/cli": "^0.0.0-mt-1",
+		"@webiny/project-utils": "^0.0.0-mt-1",
+		"babel-plugin-emotion": "^9.2.8",
+		"babel-plugin-lodash": "^3.3.4",
+		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
+		"rimraf": "^3.0.2",
+		"ttypescript": "^1.5.12",
+		"typescript": "^4.1.3"
+	},
+	"publishConfig": {
+		"access": "public",
+		"directory": "dist"
+	},
+	"scripts": {
+		"build": "yarn webiny run build",
+		"watch": "yarn webiny run watch"
+	},
+	"svgo": {
+		"plugins": {
+			"removeViewBox": false
+		}
+	},
+	"adio": {
+		"ignore": {
+			"dependencies": [
+				"@svgr/webpack",
+				"@emotion/core",
+				"@types/mime"
+			],
+			"peerDependencies": [
+				"react-dom"
+			]
+		}
+	},
+	"gitHead": "37736d8456a6ecb342a6c3645060bd9a3f2d4bb0"
+}

package/plugins/FileManagerFileTypePlugin.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins";
+interface File {
+    id: string;
+    name: string;
+    key: string;
+    src: string;
+    size: number;
+    type: string;
+    tags: string[];
+    createdOn: string;
+    createdBy: {
+        id: string;
+    };
+    [key: string]: any;
+}
+export interface RenderParams {
+    file: File;
+}
+interface Config {
+    types: string[];
+    actions?: React.ComponentType<any>[];
+    render(params: RenderParams): React.ReactNode;
+}
+export declare class FileManagerFileTypePlugin extends Plugin {
+    static readonly type = "admin-file-manager-file-type";
+    private config;
+    constructor(config?: Config);
+    get types(): string[];
+    get actions(): React.ComponentType<any>[];
+    render(params: RenderParams): React.ReactNode;
+}
+export {};

package/plugins/FileManagerFileTypePlugin.js

@@ -0,0 +1,46 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Plugin } from "@webiny/plugins";
+export var FileManagerFileTypePlugin = /*#__PURE__*/function (_Plugin) {
+  _inherits(FileManagerFileTypePlugin, _Plugin);
+
+  var _super = _createSuper(FileManagerFileTypePlugin);
+
+  function FileManagerFileTypePlugin(config) {
+    var _this;
+
+    _classCallCheck(this, FileManagerFileTypePlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "config", void 0);
+
+    _this.config = config || {};
+    return _this;
+  }
+
+  _createClass(FileManagerFileTypePlugin, [{
+    key: "types",
+    get: function get() {
+      return this.config.types || [];
+    }
+  }, {
+    key: "actions",
+    get: function get() {
+      return this.config.actions || [];
+    }
+  }, {
+    key: "render",
+    value: function render(params) {
+      return this.config.render(params);
+    }
+  }]);
+
+  return FileManagerFileTypePlugin;
+}(Plugin);
+
+_defineProperty(FileManagerFileTypePlugin, "type", "admin-file-manager-file-type");

package/plugins/MenuPlugin.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins";
+import { ItemProps, MenuProps, SectionProps } from "../ui/views/NavigationView/legacyMenu";
+interface Props {
+    Menu: React.ComponentType<MenuProps>;
+    Section: React.ComponentType<SectionProps>;
+    Item: React.ComponentType<ItemProps>;
+}
+interface Config {
+    render(props: Props): React.ReactNode;
+    order?: number;
+}
+export declare class MenuPlugin extends Plugin {
+    static readonly type = "admin-menu";
+    private _config;
+    constructor(config?: Config);
+    get order(): number;
+    render(props: any): React.ReactNode;
+}
+export {};

package/plugins/MenuPlugin.js

@@ -0,0 +1,41 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Plugin } from "@webiny/plugins";
+export var MenuPlugin = /*#__PURE__*/function (_Plugin) {
+  _inherits(MenuPlugin, _Plugin);
+
+  var _super = _createSuper(MenuPlugin);
+
+  function MenuPlugin(config) {
+    var _this;
+
+    _classCallCheck(this, MenuPlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
+
+    _this._config = config || {};
+    return _this;
+  }
+
+  _createClass(MenuPlugin, [{
+    key: "order",
+    get: function get() {
+      return this._config.order;
+    }
+  }, {
+    key: "render",
+    value: function render(props) {
+      return this._config.render(props);
+    }
+  }]);
+
+  return MenuPlugin;
+}(Plugin);
+
+_defineProperty(MenuPlugin, "type", "admin-menu");

package/plugins/PermissionRendererPlugin.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Plugin } from "@webiny/plugins";
+interface Permission {
+    name: string;
+    [key: string]: any;
+}
+interface RenderParams {
+    value: Permission[];
+    onChange: (value: Permission[]) => void;
+}
+interface Config {
+    render(props: RenderParams): React.ReactElement;
+    system?: boolean;
+}
+export declare class PermissionRendererPlugin extends Plugin {
+    static readonly type = "admin-app-permissions-renderer";
+    private _config;
+    constructor(config?: Config);
+    get system(): boolean;
+    render(props: RenderParams): React.ReactElement;
+}
+export {};

package/plugins/PermissionRendererPlugin.js

@@ -0,0 +1,41 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { Plugin } from "@webiny/plugins";
+export var PermissionRendererPlugin = /*#__PURE__*/function (_Plugin) {
+  _inherits(PermissionRendererPlugin, _Plugin);
+
+  var _super = _createSuper(PermissionRendererPlugin);
+
+  function PermissionRendererPlugin(config) {
+    var _this;
+
+    _classCallCheck(this, PermissionRendererPlugin);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "_config", void 0);
+
+    _this._config = config || {};
+    return _this;
+  }
+
+  _createClass(PermissionRendererPlugin, [{
+    key: "system",
+    get: function get() {
+      return Boolean(this._config.system);
+    }
+  }, {
+    key: "render",
+    value: function render(props) {
+      return this._config.render(props);
+    }
+  }]);
+
+  return PermissionRendererPlugin;
+}(Plugin);
+
+_defineProperty(PermissionRendererPlugin, "type", "admin-app-permissions-renderer");

package/plugins/fileManager/fileDefault.d.ts

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

package/plugins/fileManager/fileDefault.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round-description-24px.svg";
+import { css } from "emotion";
+import { FileManagerFileTypePlugin } from "../FileManagerFileTypePlugin";
+var style = {
+  centering: /*#__PURE__*/css({
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: 200
+  }, "label:centering;")
+};
+export default new FileManagerFileTypePlugin({
+  types: ["*/*"],
+  render: function render() {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.centering
+    }, /*#__PURE__*/React.createElement(FileIcon, null));
+  }
+});

package/plugins/fileManager/fileImage/DeleteAction.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DeleteAction: (props: any) => JSX.Element;
+export default DeleteAction;