@webiny/app-admin 0.0.0-ee-vpcs.549378cf03

package/components/OverlayLayout/OverlayLayout.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="web" />
+import * as React from "react";
+import { ExitHandler } from "react-transition-group/Transition";
+export interface OverlayLayoutProps {
+    barMiddle?: React.ReactNode;
+    barLeft?: React.ReactNode;
+    barRight?: React.ReactNode;
+    children: React.ReactNode;
+    onExited?: ExitHandler<HTMLElement>;
+    style?: React.CSSProperties;
+}
+interface OverlayLayoutState {
+    isVisible: boolean;
+}
+export declare class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {
+    constructor(props: OverlayLayoutProps);
+    static defaultProps: Partial<OverlayLayoutProps>;
+    state: OverlayLayoutState;
+    hideComponent(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export {};

package/components/OverlayLayout/OverlayLayout.js

@@ -0,0 +1,184 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OverlayLayout = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _emotion = require("emotion");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+
+var _Button = require("@webiny/ui/Button");
+
+var _noop = _interopRequireDefault(require("lodash/noop"));
+
+var _close = require("./icons/close.svg");
+
+var _OverlayView = require("../../ui/views/OverlayView");
+
+var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
+var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1inqa580",
+  label: "OverlayLayoutWrapper"
+})({
+  position: "fixed",
+  width: "100%",
+  height: "100vh",
+  backgroundColor: "var(--mdc-theme-background)",
+
+  /**
+   * Has to be higher than 5 so it's above advanced settings dialog,
+   * and below 20, so the image editor & Dialogs can be displayed above.
+   */
+  zIndex: 18,
+  paddingTop: 65,
+  top: 0,
+  left: 0
+});
+var noScroll = /*#__PURE__*/(0, _emotion.css)({
+  overflow: "hidden",
+  height: "100vh"
+}, "label:noScroll;");
+var defaultStyle = {
+  transform: "translateY(75vh)",
+  opacity: 0,
+  transitionProperty: "transform, opacity",
+  transitionTimingFunction: "cubic-bezier(0, 0, .2, 1)",
+  transitionDuration: "225ms",
+  willChange: "opacity, transform"
+};
+var transitionStyles = {
+  entering: {
+    transform: "translateY(75vh)",
+    opacity: 0
+  },
+  entered: {
+    transform: "translateY(0px)",
+    opacity: 1
+  }
+};
+
+var OverlayLayout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(OverlayLayout, _React$Component);
+
+  var _super = (0, _createSuper2.default)(OverlayLayout);
+
+  function OverlayLayout(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, OverlayLayout);
+    _this = _super.call(this, props);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      isVisible: true
+    });
+    document.body.classList.add(noScroll);
+    return _this;
+  }
+
+  (0, _createClass2.default)(OverlayLayout, [{
+    key: "hideComponent",
+    value: function hideComponent() {
+      this.setState({
+        isVisible: false
+      });
+
+      if (_OverlayView.OverlayView.openedViews === 0) {
+        document.body.classList.remove(noScroll);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (_OverlayView.OverlayView.openedViews === 0) {
+        document.body.classList.remove(noScroll);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          onExited = _this$props.onExited,
+          barLeft = _this$props.barLeft,
+          barMiddle = _this$props.barMiddle,
+          barRight = _this$props.barRight,
+          children = _this$props.children,
+          style = _this$props.style,
+          rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(_reactTransitionGroup.Transition, {
+        in: this.state.isVisible,
+        timeout: 100,
+        appear: true,
+        onExited: onExited
+      }, function (state) {
+        return /*#__PURE__*/React.createElement(OverlayLayoutWrapper, Object.assign({}, rest, {
+          style: (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), style), transitionStyles[state])
+        }), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSecondary, {
+          fixed: true,
+          style: {
+            top: 0
+          }
+        }, /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
+          style: {
+            width: "33%"
+          },
+          alignStart: true
+        }, barLeft), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
+          style: {
+            width: "33%"
+          }
+        }, barMiddle), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
+          style: {
+            width: "33%"
+          },
+          alignEnd: true
+        }, barRight, /*#__PURE__*/React.createElement(_Button.IconButton, {
+          ripple: false,
+          onClick: function onClick() {
+            return _this2.hideComponent();
+          },
+          icon: /*#__PURE__*/React.createElement(_close.ReactComponent, {
+            style: {
+              width: 24,
+              height: 24
+            }
+          })
+        }))), children);
+      });
+    }
+  }]);
+  return OverlayLayout;
+}(React.Component);
+
+exports.OverlayLayout = OverlayLayout;
+(0, _defineProperty2.default)(OverlayLayout, "defaultProps", {
+  onExited: _noop.default
+});

package/components/OverlayLayout/OverlayLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OverlayLayoutWrapper","styled","position","width","height","backgroundColor","zIndex","paddingTop","top","left","noScroll","css","overflow","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayLayout","props","isVisible","document","body","classList","add","setState","OverlayView","openedViews","remove","onExited","barLeft","barMiddle","barRight","children","style","rest","state","hideComponent","React","Component","noop"],"sources":["OverlayLayout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport noop from \"lodash/noop\";\n\nimport { ReactComponent as CloseIcon } from \"./icons/close.svg\";\nimport { OverlayView } from \"~/ui/views/OverlayView\";\nimport { ExitHandler } from \"react-transition-group/Transition\";\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 18,\n    paddingTop: 65,\n    top: 0,\n    left: 0\n});\n\nconst noScroll = css({\n    overflow: \"hidden\",\n    height: \"100vh\"\n});\n\nconst defaultStyle = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\nexport interface OverlayLayoutProps {\n    barMiddle?: React.ReactNode;\n    barLeft?: React.ReactNode;\n    barRight?: React.ReactNode;\n    children: React.ReactNode;\n    onExited?: ExitHandler<HTMLElement>;\n    style?: React.CSSProperties;\n}\n\ninterface OverlayLayoutState {\n    isVisible: boolean;\n}\n\nexport class OverlayLayout extends React.Component<OverlayLayoutProps, OverlayLayoutState> {\n    constructor(props: OverlayLayoutProps) {\n        super(props);\n        document.body.classList.add(noScroll);\n    }\n\n    static defaultProps: Partial<OverlayLayoutProps> = {\n        onExited: noop\n    };\n\n    public override state: OverlayLayoutState = {\n        isVisible: true\n    };\n\n    public hideComponent(): void {\n        this.setState({ isVisible: false });\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override componentWillUnmount(): void {\n        if (OverlayView.openedViews === 0) {\n            document.body.classList.remove(noScroll);\n        }\n    }\n\n    public override render() {\n        const { onExited, barLeft, barMiddle, barRight, children, style, ...rest } = this.props;\n\n        return (\n            <Transition in={this.state.isVisible} timeout={100} appear onExited={onExited}>\n                {state => (\n                    <OverlayLayoutWrapper\n                        {...rest}\n                        style={{ ...defaultStyle, ...style, ...transitionStyles[state] }}\n                    >\n                        <TopAppBarSecondary fixed style={{ top: 0 }}>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignStart>\n                                {barLeft}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }}>\n                                {barMiddle}\n                            </TopAppBarSection>\n                            <TopAppBarSection style={{ width: \"33%\" }} alignEnd>\n                                {barRight}\n                                <IconButton\n                                    ripple={false}\n                                    onClick={() => this.hideComponent()}\n                                    icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                                />\n                            </TopAppBarSection>\n                        </TopAppBarSecondary>\n\n                        {children}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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"}

package/components/OverlayLayout/icons/close.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<path d="M18.3,5.71L18.3,5.71c-0.39-0.39-1.02-0.39-1.41,0L12,10.59L7.11,5.7c-0.39-0.39-1.02-0.39-1.41,0l0,0
+		c-0.39,0.39-0.39,1.02,0,1.41L10.59,12L5.7,16.89c-0.39,0.39-0.39,1.02,0,1.41h0c0.39,0.39,1.02,0.39,1.41,0L12,13.41l4.89,4.89
+		c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41L13.41,12l4.89-4.89C18.68,6.73,18.68,6.09,18.3,5.71z"/>
+</g>
+</svg>

package/components/OverlayLayout/icons/navigate_before.svg

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_2">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_6">
+	</g>
+	<path d="M14.91,6.71L14.91,6.71c-0.39-0.39-1.02-0.39-1.41,0l-4.59,4.59c-0.39,0.39-0.39,1.02,0,1.41l4.59,4.59
+		c0.39,0.39,1.02,0.39,1.41,0l0,0c0.39-0.39,0.39-1.02,0-1.41L11.03,12l3.88-3.88C15.29,7.73,15.29,7.09,14.91,6.71z"/>
+</g>
+</svg>

package/components/OverlayLayout/index.d.ts

@@ -0,0 +1 @@
+export * from "./OverlayLayout";

package/components/OverlayLayout/index.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _OverlayLayout = require("./OverlayLayout");
+
+Object.keys(_OverlayLayout).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _OverlayLayout[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _OverlayLayout[key];
+    }
+  });
+});

package/components/OverlayLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./OverlayLayout\";\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/components/Permissions/Permissions.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { BindComponentRenderProp } from "@webiny/form";
+interface PermissionsProps extends BindComponentRenderProp {
+    id: string;
+}
+export declare const Permissions: React.FC<PermissionsProps>;
+export {};

package/components/Permissions/Permissions.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Permissions = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Accordion = require("@webiny/ui/Accordion");
+
+var _plugins = require("@webiny/plugins");
+
+var Permissions = function Permissions(_ref) {
+  var id = _ref.id,
+      value = _ref.value,
+      onChange = _ref.onChange;
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return _plugins.plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
+      if (plugin.system === true) {
+        acc.systemPlugins.push(plugin);
+      } else {
+        acc.permissionPlugins.push(plugin);
+      }
+
+      return acc;
+    }, {
+      systemPlugins: [],
+      permissionPlugins: []
+    });
+  }, []),
+      systemPlugins = _useMemo.systemPlugins,
+      permissionPlugins = _useMemo.permissionPlugins;
+
+  return /*#__PURE__*/_react.default.createElement(_Accordion.Accordion, {
+    elevation: 0
+  }, [].concat((0, _toConsumableArray2.default)(systemPlugins), (0, _toConsumableArray2.default)(permissionPlugins)).map(function (pl) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: pl.name + "." + id
+    }, pl.render({
+      value: value,
+      onChange: onChange
+    }));
+  }));
+};
+
+exports.Permissions = Permissions;

package/components/Permissions/Permissions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Permissions","id","value","onChange","useMemo","plugins","byType","reduce","acc","plugin","system","systemPlugins","push","permissionPlugins","map","pl","name","render"],"sources":["Permissions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { AdminAppPermissionRendererPlugin } from \"~/types\";\nimport { Accordion } from \"@webiny/ui/Accordion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n}\n\ninterface PermissionPlugins {\n    systemPlugins: AdminAppPermissionRendererPlugin[];\n    permissionPlugins: AdminAppPermissionRendererPlugin[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange }) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        return plugins\n            .byType<AdminAppPermissionRendererPlugin>(\"admin-app-permissions-renderer\")\n            .reduce(\n                (acc, plugin) => {\n                    if (plugin.system === true) {\n                        acc.systemPlugins.push(plugin);\n                    } else {\n                        acc.permissionPlugins.push(plugin);\n                    }\n                    return acc;\n                },\n                { systemPlugins: [], permissionPlugins: [] } as PermissionPlugins\n            );\n    }, []);\n\n    return (\n        <Accordion elevation={0}>\n            {[...systemPlugins, ...permissionPlugins].map(pl => (\n                <React.Fragment key={pl.name + \".\" + id}>\n                    {pl.render({\n                        value,\n                        onChange\n                    })}\n                </React.Fragment>\n            ))}\n        </Accordion>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAYO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAA6B;EAAA,IAA1BC,EAA0B,QAA1BA,EAA0B;EAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAChF,eAA6C,IAAAC,cAAA,EAA2B,YAAM;IAC1E,OAAOC,gBAAA,CACFC,MADE,CACuC,gCADvC,EAEFC,MAFE,CAGC,UAACC,GAAD,EAAMC,MAAN,EAAiB;MACb,IAAIA,MAAM,CAACC,MAAP,KAAkB,IAAtB,EAA4B;QACxBF,GAAG,CAACG,aAAJ,CAAkBC,IAAlB,CAAuBH,MAAvB;MACH,CAFD,MAEO;QACHD,GAAG,CAACK,iBAAJ,CAAsBD,IAAtB,CAA2BH,MAA3B;MACH;;MACD,OAAOD,GAAP;IACH,CAVF,EAWC;MAAEG,aAAa,EAAE,EAAjB;MAAqBE,iBAAiB,EAAE;IAAxC,CAXD,CAAP;EAaH,CAd4C,EAc1C,EAd0C,CAA7C;EAAA,IAAQF,aAAR,YAAQA,aAAR;EAAA,IAAuBE,iBAAvB,YAAuBA,iBAAvB;;EAgBA,oBACI,6BAAC,oBAAD;IAAW,SAAS,EAAE;EAAtB,GACK,2CAAIF,aAAJ,oCAAsBE,iBAAtB,GAAyCC,GAAzC,CAA6C,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAD,CAAO,QAAP;MAAgB,GAAG,EAAEA,EAAE,CAACC,IAAH,GAAU,GAAV,GAAgBf;IAArC,GACKc,EAAE,CAACE,MAAH,CAAU;MACPf,KAAK,EAALA,KADO;MAEPC,QAAQ,EAARA;IAFO,CAAV,CADL,CAD4C;EAAA,CAA/C,CADL,CADJ;AAYH,CA7BM"}

package/components/Permissions/StyledComponents.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const flexClass: string;
+export declare const gridNoPaddingClass: string;
+interface PermissionInfoProps {
+    title: string;
+}
+export declare const PermissionInfo: React.FC<PermissionInfoProps>;
+export {};

package/components/Permissions/StyledComponents.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.gridNoPaddingClass = exports.flexClass = exports.PermissionInfo = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var flexClass = /*#__PURE__*/(0, _emotion.css)({
+  display: "flex",
+  alignItems: "center",
+  height: "100%"
+}, "label:flexClass;");
+exports.flexClass = flexClass;
+var gridNoPaddingClass = /*#__PURE__*/(0, _emotion.css)({
+  padding: "0px !important"
+}, "label:gridNoPaddingClass;");
+exports.gridNoPaddingClass = gridNoPaddingClass;
+
+var PermissionInfo = function PermissionInfo(_ref) {
+  var title = _ref.title;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: flexClass
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "body2"
+  }, title));
+};
+
+exports.PermissionInfo = PermissionInfo;

package/components/Permissions/StyledComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n    padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n    title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n    <div className={flexClass}>\n        <Typography use={\"body2\"}>{title}</Typography>\n    </div>\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBC,OAAO,EAAE,MADgB;EAEzBC,UAAU,EAAE,QAFa;EAGzBC,MAAM,EAAE;AAHiB,CAAJ,qBAAlB;;AAMA,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAA,EAAI;EAClCK,OAAO,EAAE;AADyB,CAAJ,8BAA3B;;;AAOA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,oBACzD;IAAK,SAAS,EAAER;EAAhB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA2BQ,KAA3B,CADJ,CADyD;AAAA,CAAtD"}

package/components/Permissions/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./StyledComponents";
+export { Permissions } from "./Permissions";

package/components/Permissions/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Permissions: true
+};
+Object.defineProperty(exports, "Permissions", {
+  enumerable: true,
+  get: function get() {
+    return _Permissions.Permissions;
+  }
+});
+
+var _StyledComponents = require("./StyledComponents");
+
+Object.keys(_StyledComponents).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _StyledComponents[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _StyledComponents[key];
+    }
+  });
+});
+
+var _Permissions = require("./Permissions");

package/components/Permissions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./StyledComponents\";\nexport { Permissions } from \"./Permissions\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA"}

package/components/RichTextEditor/RichTextEditor.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { RichTextEditorProps } from "@webiny/ui/RichTextEditor";
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/components/RichTextEditor/RichTextEditor.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextEditor = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _RichTextEditor = require("@webiny/ui/RichTextEditor");
+
+var _ = require("./..");
+
+var RichTextEditor = function RichTextEditor(props) {
+  return /*#__PURE__*/_react.default.createElement(_.FileManager, null, function (_ref) {
+    var showFileManager = _ref.showFileManager;
+    return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({}, props, {
+      placeholder: props.placeholder || "Click here to type",
+      context: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props.context), {}, {
+        showFileManager: showFileManager
+      })
+    }));
+  });
+};
+
+exports.RichTextEditor = RichTextEditor;

package/components/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RichTextEditor","props","showFileManager","placeholder","context"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport { RichTextEditor as UiRichTextEditor, RichTextEditorProps } from \"@webiny/ui/RichTextEditor\";\nimport { FileManager } from \"~/components\";\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    return (\n        <FileManager>\n            {({ showFileManager }) => (\n                <UiRichTextEditor\n                    {...props}\n                    placeholder={props.placeholder || \"Click here to type\"}\n                    context={{ ...props.context, showFileManager }}\n                />\n            )}\n        </FileManager>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,cAA6C,GAAG,SAAhDA,cAAgD,CAAAC,KAAK,EAAI;EAClE,oBACI,6BAAC,aAAD,QACK;IAAA,IAAGC,eAAH,QAAGA,eAAH;IAAA,oBACG,6BAAC,8BAAD,oBACQD,KADR;MAEI,WAAW,EAAEA,KAAK,CAACE,WAAN,IAAqB,oBAFtC;MAGI,OAAO,8DAAOF,KAAK,CAACG,OAAb;QAAsBF,eAAe,EAAfA;MAAtB;IAHX,GADH;EAAA,CADL,CADJ;AAWH,CAZM"}

package/components/RichTextEditor/index.d.ts

@@ -0,0 +1,2 @@
+export { RichTextEditor } from "./RichTextEditor";
+export { createPropsFromConfig } from "@webiny/ui/RichTextEditor";

package/components/RichTextEditor/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RichTextEditor", {
+  enumerable: true,
+  get: function get() {
+    return _RichTextEditor.RichTextEditor;
+  }
+});
+Object.defineProperty(exports, "createPropsFromConfig", {
+  enumerable: true,
+  get: function get() {
+    return _RichTextEditor2.createPropsFromConfig;
+  }
+});
+
+var _RichTextEditor = require("./RichTextEditor");
+
+var _RichTextEditor2 = require("@webiny/ui/RichTextEditor");

package/components/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { RichTextEditor } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/ui/RichTextEditor\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/components/RichTextEditor/styles.scss

@@ -0,0 +1,96 @@
+.codex-editor {
+  .ce-toolbox {
+    position: absolute;
+    background-color: #fff;
+    border: 1px solid #e8e8eb;
+    box-shadow: 0 3px 15px -3px rgb(13 20 33 / 13%);
+    border-radius: 6px;
+    z-index: 2;
+  }
+
+  .ce-toolbox--opened {
+    animation-duration: 0.1s;
+    animation-name: panelShowing;
+    padding: 5px 5px 5px 0;
+  }
+
+  .codex-editor__redactor {
+    padding-bottom: 0 !important;
+  }
+
+  .ce-delimiter {
+    line-height: 1.6em;
+    width: 100%;
+    text-align: center;
+  }
+
+  .ce-delimiter:before {
+    display: inline-block;
+    content: "***";
+    font-size: 30px;
+    line-height: 65px;
+    height: 30px;
+    letter-spacing: 0.2em;
+  }
+
+  .ce-settings {
+    position: absolute;
+    background-color: #fff;
+    border: 1px solid #e8e8eb;
+    box-shadow: 0 3px 15px -3px rgb(13 20 33 / 13%);
+    border-radius: 6px;
+    z-index: 2;
+  }
+
+  // Reset default styles
+  .ce-block__content:focus {
+    outline: none;
+  }
+  *:focus {
+    outline: none;
+  }
+  .ce-block__content {
+    max-width: 100% !important;
+  }
+
+  // Reset drop target styles for block
+  .ce-block--drop-target .ce-block__content:before {
+    content: none !important;
+  }
+  .ce-block--drop-target .ce-block__content:after {
+    content: none !important;
+  }
+
+  .ce-toolbar__actions {
+    right: unset;
+  }
+
+  .ce-toolbar__actions--opened {
+    opacity: 1;
+    background-color: white;
+    border-radius: 5px;
+    border: 1px solid #e8e8eb;
+    padding: 3px;
+    top: -3px;
+  }
+
+  .ce-toolbar__content {
+    max-width: 650px;
+    margin: 0 auto;
+    position: absolute;
+  }
+}
+
+@media (min-width: 651px) {
+  .codex-editor--narrow .codex-editor__redactor {
+    margin-right: 0 !important;
+  }
+
+  .codex-editor--narrow .ce-toolbar__plus {
+    left: -35px !important;
+  }
+
+  .codex-editor--narrow .ce-toolbar__actions {
+    right: -30px !important;
+  }
+}