@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/components/FloatingActionButton.js

@@ -1,7 +1,14 @@
-import * as React from "react";
-import { ButtonFloating } from "@webiny/ui/Button";
-import { ReactComponent as AddIcon } from "@svgr/webpack!../assets/icons/round-add-24px.svg"; // Set "styles" inline, since no customizations are possible / needed here.
+"use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FloatingActionButton = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _Button = require("@webiny/ui/Button");
+var _add = require("@material-design-icons/svg/outlined/add.svg");
+// Set "styles" inline, since no customizations are possible / needed here.
 var FloatingActionButton = function FloatingActionButton(props) {
   return /*#__PURE__*/React.createElement("div", {
     style: {
@@ -9,9 +16,8 @@ var FloatingActionButton = function FloatingActionButton(props) {
       bottom: 20,
       right: 20
     }
-  }, /*#__PURE__*/React.createElement(ButtonFloating, Object.assign({}, props, {
-    icon: /*#__PURE__*/React.createElement(AddIcon, null)
+  }, /*#__PURE__*/React.createElement(_Button.ButtonFloating, Object.assign({}, props, {
+    icon: /*#__PURE__*/React.createElement(_add.ReactComponent, null)
   })));
 };
-
-export { FloatingActionButton };
+exports.FloatingActionButton = FloatingActionButton;

package/components/FloatingActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FloatingActionButton","props","position","bottom","right"],"sources":["FloatingActionButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ButtonFloating } from \"@webiny/ui/Button\";\nimport { ReactComponent as AddIcon } from \"@material-design-icons/svg/outlined/add.svg\";\n\n// Set \"styles\" inline, since no customizations are possible / needed here.\nconst FloatingActionButton: React.FC = props => {\n    return (\n        <div\n            style={{\n                position: \"absolute\",\n                bottom: 20,\n                right: 20\n            }}\n        >\n            <ButtonFloating {...props} icon={<AddIcon />} />\n        </div>\n    );\n};\n\nexport { FloatingActionButton };\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAEA;AACA,IAAMA,oBAA8B,GAAG,SAAjCA,oBAA8B,CAAGC,KAAK,EAAI;EAC5C,oBACI;IACI,KAAK,EAAE;MACHC,QAAQ,EAAE,UAAU;MACpBC,MAAM,EAAE,EAAE;MACVC,KAAK,EAAE;IACX;EAAE,gBAEF,oBAAC,sBAAc,oBAAKH,KAAK;IAAE,IAAI,eAAE,oBAAC,mBAAO;EAAI,GAAG,CAC9C;AAEd,CAAC;AAAC"}

package/components/MultiImageUpload.d.ts

@@ -1,4 +1,13 @@
-/// <reference types="react" />
-declare type Props = any;
-export default function MultiImageUpload({ imagePreviewProps, ...multiImageUploadProps }: Props): JSX.Element;
-export {};
+import * as React from "react";
+/**
+ * TODO @ts-refactor
+ */
+interface MultiImageUploadProps {
+    imagePreviewProps: {
+        src: string;
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+declare const MultiImageUpload: React.FC<MultiImageUploadProps>;
+export default MultiImageUpload;

package/components/MultiImageUpload.js

@@ -1,20 +1,34 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["imagePreviewProps"];
-import * as React from "react";
-import { Image } from "@webiny/app/components/Image";
-import { MultiImageUpload as UiMultiImageUpload } from "@webiny/ui/ImageUpload"; // TODO: @adrian define props type
+"use strict";
 
-export default function MultiImageUpload(_ref) {
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _Image = require("@webiny/app/components/Image");
+var _ImageUpload = require("@webiny/ui/ImageUpload");
+var _excluded = ["imagePreviewProps"];
+var MultiImageUpload = function MultiImageUpload(_ref) {
   var imagePreviewProps = _ref.imagePreviewProps,
-      multiImageUploadProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(UiMultiImageUpload, Object.assign({
+    multiImageUploadProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(_ImageUpload.MultiImageUpload
+  /**
+   * TODO @ts-refactor
+   * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?
+   */
+  // @ts-ignore
+  , Object.assign({
     renderImagePreview: function renderImagePreview(renderImageProps) {
-      return /*#__PURE__*/React.createElement(Image, Object.assign({
+      return /*#__PURE__*/React.createElement(_Image.Image, Object.assign({
         transform: {
           width: 300
         }
       }, imagePreviewProps, renderImageProps));
     }
   }, multiImageUploadProps));
-}
+};
+var _default = MultiImageUpload;
+exports.default = _default;

package/components/MultiImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MultiImageUpload","imagePreviewProps","multiImageUploadProps","renderImageProps","width"],"sources":["MultiImageUpload.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Image } from \"@webiny/app/components/Image\";\nimport { MultiImageUpload as UiMultiImageUpload } from \"@webiny/ui/ImageUpload\";\n\n/**\n * TODO @ts-refactor\n */\ninterface MultiImageUploadProps {\n    imagePreviewProps: {\n        src: string;\n        [key: string]: any;\n    };\n    [key: string]: any;\n}\nconst MultiImageUpload: React.FC<MultiImageUploadProps> = ({\n    imagePreviewProps,\n    ...multiImageUploadProps\n}) => {\n    return (\n        <UiMultiImageUpload\n            /**\n             * TODO @ts-refactor\n             * It appers that renderImagePreview does not exist on  UiMultiImageUpload. So how did this work?\n             */\n            // @ts-ignore\n            renderImagePreview={(renderImageProps: Record<string, any>) => {\n                return (\n                    <Image\n                        transform={{ width: 300 }}\n                        {...imagePreviewProps}\n                        {...renderImageProps}\n                    />\n                );\n            }}\n            {...multiImageUploadProps}\n        />\n    );\n};\nexport default MultiImageUpload;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAAgF;AAYhF,IAAMA,gBAAiD,GAAG,SAApDA,gBAAiD,OAGjD;EAAA,IAFFC,iBAAiB,QAAjBA,iBAAiB;IACdC,qBAAqB;EAExB,oBACI,oBAAC;EACG;AACZ;AACA;AACA;EACY;EAAA;IACA,kBAAkB,EAAE,4BAACC,gBAAqC,EAAK;MAC3D,oBACI,oBAAC,YAAK;QACF,SAAS,EAAE;UAAEC,KAAK,EAAE;QAAI;MAAE,GACtBH,iBAAiB,EACjBE,gBAAgB,EACtB;IAEV;EAAE,GACED,qBAAqB,EAC3B;AAEV,CAAC;AAAC,eACaF,gBAAgB;AAAA"}

package/components/OverlayLayout/OverlayLayout.d.ts

@@ -1,23 +1,21 @@
+/// <reference types="web" />
 import * as React from "react";
-declare type OverlayLayoutProps = {
+import { ExitHandler } from "react-transition-group/Transition";
+export interface OverlayLayoutProps {
     barMiddle?: React.ReactNode;
     barLeft?: React.ReactNode;
     barRight?: React.ReactNode;
     children: React.ReactNode;
-    onExited?: Function;
+    onExited?: ExitHandler<HTMLElement>;
     style?: React.CSSProperties;
-};
-declare type State = {
+}
+interface OverlayLayoutState {
     isVisible: boolean;
-};
-export declare class OverlayLayout extends React.Component<OverlayLayoutProps, State> {
-    constructor(props: any);
-    static defaultProps: {
-        onExited: any;
-    };
-    state: {
-        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;

package/components/OverlayLayout/OverlayLayout.js

@@ -1,22 +1,30 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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";
+"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("@material-design-icons/svg/outlined/close.svg");
+var _OverlayView = require("../../ui/views/OverlayView");
 var _excluded = ["onExited", "barLeft", "barMiddle", "barRight", "children", "style"];
-import * as React from "react";
-import { Transition } from "react-transition-group";
-import styled from "@emotion/styled";
-import { css } from "emotion";
-import { TopAppBarSecondary, TopAppBarSection } from "@webiny/ui/TopAppBar";
-import { IconButton } from "@webiny/ui/Button";
-import noop from "lodash/noop";
-import { ReactComponent as CloseIcon } from "@svgr/webpack!./icons/close.svg";
-import { OverlayView } from "../../ui/views/OverlayView";
-var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
+var OverlayLayoutWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1inqa580",
   label: "OverlayLayoutWrapper"
 })({
@@ -24,7 +32,6 @@ var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
   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.
@@ -34,7 +41,7 @@ var OverlayLayoutWrapper = /*#__PURE__*/styled("div", {
   top: 0,
   left: 0
 });
-var noScroll = /*#__PURE__*/css({
+var noScroll = /*#__PURE__*/(0, _emotion.css)({
   overflow: "hidden",
   height: "100vh"
 }, "label:noScroll;");
@@ -56,41 +63,33 @@ var transitionStyles = {
     opacity: 1
   }
 };
-export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
-  _inherits(OverlayLayout, _React$Component);
-
-  var _super = _createSuper(OverlayLayout);
-
+var OverlayLayout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(OverlayLayout, _React$Component);
+  var _super = (0, _createSuper2.default)(OverlayLayout);
   function OverlayLayout(props) {
     var _this;
-
-    _classCallCheck(this, OverlayLayout);
-
+    (0, _classCallCheck2.default)(this, OverlayLayout);
     _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       isVisible: true
     });
-
     document.body.classList.add(noScroll);
     return _this;
   }
-
-  _createClass(OverlayLayout, [{
+  (0, _createClass2.default)(OverlayLayout, [{
     key: "hideComponent",
     value: function hideComponent() {
       this.setState({
         isVisible: false
       });
-
-      if (OverlayView.openedViews === 0) {
+      if (_OverlayView.OverlayView.openedViews === 0) {
         document.body.classList.remove(noScroll);
       }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      if (OverlayView.openedViews === 0) {
+      if (_OverlayView.OverlayView.openedViews === 0) {
         document.body.classList.remove(noScroll);
       }
     }
@@ -98,49 +97,47 @@ export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
     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 = _objectWithoutProperties(_this$props, _excluded);
-
-      return /*#__PURE__*/React.createElement(Transition, {
+        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: _objectSpread(_objectSpread(_objectSpread({}, defaultStyle), style), transitionStyles[state])
-        }), /*#__PURE__*/React.createElement(TopAppBarSecondary, {
+          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(TopAppBarSection, {
+        }, /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
           style: {
             width: "33%"
           },
           alignStart: true
-        }, barLeft), /*#__PURE__*/React.createElement(TopAppBarSection, {
+        }, barLeft), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
           style: {
             width: "33%"
           }
-        }, barMiddle), /*#__PURE__*/React.createElement(TopAppBarSection, {
+        }, barMiddle), /*#__PURE__*/React.createElement(_TopAppBar.TopAppBarSection, {
           style: {
             width: "33%"
           },
           alignEnd: true
-        }, barRight, /*#__PURE__*/React.createElement(IconButton, {
+        }, barRight, /*#__PURE__*/React.createElement(_Button.IconButton, {
           ripple: false,
           onClick: function onClick() {
             return _this2.hideComponent();
           },
-          icon: /*#__PURE__*/React.createElement(CloseIcon, {
+          icon: /*#__PURE__*/React.createElement(_close.ReactComponent, {
             style: {
               width: 24,
               height: 24
@@ -150,10 +147,9 @@ export var OverlayLayout = /*#__PURE__*/function (_React$Component) {
       });
     }
   }]);
-
   return OverlayLayout;
 }(React.Component);
-
-_defineProperty(OverlayLayout, "defaultProps", {
-  onExited: noop
+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 \"@material-design-icons/svg/outlined/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/index.d.ts

@@ -1 +1 @@
-export { OverlayLayout } from "./OverlayLayout";
+export * from "./OverlayLayout";

package/components/OverlayLayout/index.js

@@ -1 +1,16 @@
-export { OverlayLayout } from "./OverlayLayout";
+"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

@@ -1,7 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 import { BindComponentRenderProp } from "@webiny/form";
-declare type Props = BindComponentRenderProp & {
+import { PermissionRendererPlugin } from "../../plugins/PermissionRendererPlugin";
+interface PermissionsProps extends BindComponentRenderProp {
     id: string;
-};
-export declare const Permissions: ({ id, value, onChange }: Props) => JSX.Element;
+    plugins?: PermissionRendererPlugin[];
+}
+export declare const Permissions: React.FC<PermissionsProps>;
 export {};

package/components/Permissions/Permissions.js

@@ -1,37 +1,52 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import React, { useMemo } from "react";
-import { Accordion } from "@webiny/ui/Accordion";
-import { plugins } from "@webiny/plugins";
-export var Permissions = function Permissions(_ref) {
-  var id = _ref.id,
-      value = _ref.value,
-      onChange = _ref.onChange;
+"use strict";
 
-  var _useMemo = useMemo(function () {
-    return plugins.byType("admin-app-permissions-renderer").reduce(function (acc, plugin) {
-      if (plugin.system === true) {
-        acc.systemPlugins.push(plugin);
-      } else {
-        acc.permissionPlugins.push(plugin);
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Permissions = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _Accordion = require("@webiny/ui/Accordion");
+var _plugins = require("@webiny/plugins");
+var _excluded = ["id", "value", "onChange"];
+var Permissions = function Permissions(_ref) {
+  var id = _ref.id,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var _useMemo = (0, _react.useMemo)(function () {
+      if (props.plugins) {
+        return {
+          permissionPlugins: props.plugins,
+          systemPlugins: []
+        };
       }
-
-      return acc;
-    }, {
-      systemPlugins: [],
-      permissionPlugins: []
-    });
-  }, []),
-      systemPlugins = _useMemo.systemPlugins,
-      permissionPlugins = _useMemo.permissionPlugins;
-
-  return /*#__PURE__*/React.createElement(Accordion, {
+      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(_toConsumableArray(systemPlugins), _toConsumableArray(permissionPlugins)).map(function (pl) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+  }, [].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","props","useMemo","plugins","permissionPlugins","systemPlugins","byType","reduce","acc","plugin","system","push","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\";\nimport { PermissionRendererPlugin } from \"~/plugins/PermissionRendererPlugin\";\n\ninterface PermissionsProps extends BindComponentRenderProp {\n    id: string;\n    plugins?: PermissionRendererPlugin[];\n}\n\ninterface PermissionPlugins {\n    systemPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n    permissionPlugins: (AdminAppPermissionRendererPlugin | PermissionRendererPlugin)[];\n}\n\nexport const Permissions: React.FC<PermissionsProps> = ({ id, value, onChange, ...props }) => {\n    const { systemPlugins, permissionPlugins } = useMemo<PermissionPlugins>(() => {\n        if (props.plugins) {\n            return { permissionPlugins: props.plugins, systemPlugins: [] };\n        }\n\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;AAA0C;AAcnC,IAAMA,WAAuC,GAAG,SAA1CA,WAAuC,OAA0C;EAAA,IAApCC,EAAE,QAAFA,EAAE;IAAEC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAKC,KAAK;EACnF,eAA6C,IAAAC,cAAO,EAAoB,YAAM;MAC1E,IAAID,KAAK,CAACE,OAAO,EAAE;QACf,OAAO;UAAEC,iBAAiB,EAAEH,KAAK,CAACE,OAAO;UAAEE,aAAa,EAAE;QAAG,CAAC;MAClE;MAEA,OAAOF,gBAAO,CACTG,MAAM,CAAmC,gCAAgC,CAAC,CAC1EC,MAAM,CACH,UAACC,GAAG,EAAEC,MAAM,EAAK;QACb,IAAIA,MAAM,CAACC,MAAM,KAAK,IAAI,EAAE;UACxBF,GAAG,CAACH,aAAa,CAACM,IAAI,CAACF,MAAM,CAAC;QAClC,CAAC,MAAM;UACHD,GAAG,CAACJ,iBAAiB,CAACO,IAAI,CAACF,MAAM,CAAC;QACtC;QACA,OAAOD,GAAG;MACd,CAAC,EACD;QAAEH,aAAa,EAAE,EAAE;QAAED,iBAAiB,EAAE;MAAG,CAAC,CAC/C;IACT,CAAC,EAAE,EAAE,CAAC;IAlBEC,aAAa,YAAbA,aAAa;IAAED,iBAAiB,YAAjBA,iBAAiB;EAoBxC,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAE;EAAE,GACnB,2CAAIC,aAAa,oCAAKD,iBAAiB,GAAEQ,GAAG,CAAC,UAAAC,EAAE;IAAA,oBAC5C,6BAAC,cAAK,CAAC,QAAQ;MAAC,GAAG,EAAEA,EAAE,CAACC,IAAI,GAAG,GAAG,GAAGhB;IAAG,GACnCe,EAAE,CAACE,MAAM,CAAC;MACPhB,KAAK,EAALA,KAAK;MACLC,QAAQ,EAARA;IACJ,CAAC,CAAC,CACW;EAAA,CACpB,CAAC,CACM;AAEpB,CAAC;AAAC"}

package/components/Permissions/StyledComponents.d.ts

@@ -1,6 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 export declare const flexClass: string;
 export declare const gridNoPaddingClass: string;
-export declare const PermissionInfo: ({ title }: {
-    title: any;
-}) => JSX.Element;
+interface PermissionInfoProps {
+    title: string;
+}
+export declare const PermissionInfo: React.FC<PermissionInfoProps>;
+export {};

package/components/Permissions/StyledComponents.js

@@ -1,19 +1,29 @@
-import React from "react";
-import { css } from "emotion";
-import { Typography } from "@webiny/ui/Typography";
-export var flexClass = /*#__PURE__*/css({
+"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;");
-export var gridNoPaddingClass = /*#__PURE__*/css({
+exports.flexClass = flexClass;
+var gridNoPaddingClass = /*#__PURE__*/(0, _emotion.css)({
   padding: "0px !important"
 }, "label:gridNoPaddingClass;");
-export var PermissionInfo = function PermissionInfo(_ref) {
+exports.gridNoPaddingClass = gridNoPaddingClass;
+var PermissionInfo = function PermissionInfo(_ref) {
   var title = _ref.title;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: flexClass
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "subtitle2"
+  }, /*#__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,YAAG,EAAC;EACzBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,MAAM,EAAE;AACZ,CAAC,qBAAC;AAAC;AAEI,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAG,EAAC;EAClCK,OAAO,EAAE;AACb,CAAC,8BAAC;AAAC;AAKI,IAAMC,cAA6C,GAAG,SAAhDA,cAA6C;EAAA,IAAMC,KAAK,QAALA,KAAK;EAAA,oBACjE;IAAK,SAAS,EAAER;EAAU,gBACtB,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAQ,GAAEQ,KAAK,CAAc,CAC5C;AAAA,CACT;AAAC"}

package/components/Permissions/index.js

@@ -1,2 +1,27 @@
-export * from "./StyledComponents";
-export { Permissions } from "./Permissions";
+"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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from "react";
 import { RichTextEditorProps } from "@webiny/ui/RichTextEditor";
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/components/RichTextEditor/RichTextEditor.js

@@ -1,15 +1,23 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React from "react";
-import { RichTextEditor as UiRichTextEditor } from "@webiny/ui/RichTextEditor";
-import { FileManager } from "../FileManager";
-export var RichTextEditor = function RichTextEditor(props) {
-  return /*#__PURE__*/React.createElement(FileManager, null, function (_ref) {
+"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.createElement(UiRichTextEditor, Object.assign({}, props, {
+    return /*#__PURE__*/_react.default.createElement(_RichTextEditor.RichTextEditor, Object.assign({}, props, {
       placeholder: props.placeholder || "Click here to type",
-      context: _objectSpread(_objectSpread({}, props.context), {}, {
+      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,cAA6C,CAAGC,KAAK,EAAI;EAClE,oBACI,6BAAC,aAAW,QACP;IAAA,IAAGC,eAAe,QAAfA,eAAe;IAAA,oBACf,6BAAC,8BAAgB,oBACTD,KAAK;MACT,WAAW,EAAEA,KAAK,CAACE,WAAW,IAAI,oBAAqB;MACvD,OAAO,8DAAOF,KAAK,CAACG,OAAO;QAAEF,eAAe,EAAfA;MAAe;IAAG,GACjD;EAAA,CACL,CACS;AAEtB,CAAC;AAAC"}