@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.0156a4c312

package/ui/views/NavigationView/FooterElement.js

@@ -1,57 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { List, ListItem } from "@webiny/ui/List";
-import { UIElement } from "../../UIElement";
-import { GenericElement } from "../../elements/GenericElement";
-import { PlaceholderElement } from "../../elements/PlaceholderElement";
-import { MenuFooter, subFooter } from "./Styled";
-export var FooterElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FooterElement, _UIElement);
-
-  var _super = _createSuper(FooterElement);
-
-  function FooterElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, FooterElement);
-
-    _this = _super.call(this, id, config);
-
-    _defineProperty(_assertThisInitialized(_this), "_footerPlaceholder", void 0);
-
-    _this.useGrid(false);
-
-    _this._footerPlaceholder = _this.addElement(new PlaceholderElement("navigation.footer.placeholder"));
-    new GenericElement("webiny.version", function () {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        ripple: false,
-        className: subFooter
-      }, "Webiny v", process.env.REACT_APP_WEBINY_VERSION);
-    }).moveAfter(_this._footerPlaceholder);
-    return _this;
-  }
-
-  _createClass(FooterElement, [{
-    key: "addMenuElement",
-    value: function addMenuElement(element) {
-      element.moveBefore(this._footerPlaceholder);
-      return element;
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/React.createElement(MenuFooter, null, /*#__PURE__*/React.createElement(List, {
-        nonInteractive: true
-      }, _get(_getPrototypeOf(FooterElement.prototype), "render", this).call(this, props)));
-    }
-  }]);
-
-  return FooterElement;
-}(UIElement);

package/ui/views/NavigationView/HeaderElement.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../../UIElement";
-export declare enum ElementID {
-    Logo = "headerLogo",
-    MenuButton = "headerMenuButton"
-}
-interface HeaderElementConfig extends UIElementConfig {
-    closeMenu: () => void;
-}
-export declare class HeaderElement extends UIElement<HeaderElementConfig> {
-    constructor(id: string, config: HeaderElementConfig);
-    setLogo(logo: React.ReactElement): void;
-    setMenuButton(menuButton: React.ReactElement): void;
-    render(props?: any): React.ReactNode;
-}
-export {};

package/ui/views/NavigationView/HeaderElement.js

@@ -1,66 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { UIElement } from "../../UIElement";
-import { DrawerHeader } from "@webiny/ui/Drawer";
-import { GenericElement } from "../../elements/GenericElement";
-import { PlaceholderElement } from "../../elements/PlaceholderElement";
-import { TopAppBarTitle } from "@webiny/ui/TopAppBar";
-import { MenuHeader, navHeader } from "./Styled";
-export var ElementID;
-
-(function (ElementID) {
-  ElementID["Logo"] = "headerLogo";
-  ElementID["MenuButton"] = "headerMenuButton";
-})(ElementID || (ElementID = {}));
-
-export var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderElement, _UIElement);
-
-  var _super = _createSuper(HeaderElement);
-
-  function HeaderElement(id, config) {
-    var _this;
-
-    _classCallCheck(this, HeaderElement);
-
-    _this = _super.call(this, id, config);
-
-    _this.useGrid(false);
-
-    _this.addElement(new PlaceholderElement(ElementID.MenuButton));
-
-    _this.addElement(new PlaceholderElement(ElementID.Logo));
-
-    return _this;
-  }
-
-  _createClass(HeaderElement, [{
-    key: "setLogo",
-    value: function setLogo(logo) {
-      this.getElement(ElementID.Logo).replaceWith(new GenericElement(ElementID.Logo, function () {
-        return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
-      }));
-    }
-  }, {
-    key: "setMenuButton",
-    value: function setMenuButton(menuButton) {
-      this.getElement(ElementID.MenuButton).replaceWith(new GenericElement(ElementID.MenuButton, function () {
-        return menuButton;
-      }));
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/React.createElement(DrawerHeader, {
-        className: navHeader
-      }, /*#__PURE__*/React.createElement(MenuHeader, null, _get(_getPrototypeOf(HeaderElement.prototype), "render", this).call(this, props)));
-    }
-  }]);
-
-  return HeaderElement;
-}(UIElement);

package/ui/views/NavigationView/NavigationViewRenderer.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { UIRenderer, UIRenderParams } from "../../UIRenderer";
-import { NavigationView } from "../NavigationView";
-export declare class NavigationViewRenderer extends UIRenderer<NavigationView> {
-    render({ element, children }: UIRenderParams<NavigationView>): React.ReactNode;
-}

package/ui/views/NavigationView/NavigationViewRenderer.js

@@ -1,38 +0,0 @@
-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 React from "react";
-import { UIRenderer } from "../../UIRenderer";
-import { Drawer } from "@webiny/ui/Drawer";
-export var NavigationViewRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(NavigationViewRenderer, _UIRenderer);
-
-  var _super = _createSuper(NavigationViewRenderer);
-
-  function NavigationViewRenderer() {
-    _classCallCheck(this, NavigationViewRenderer);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(NavigationViewRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var element = _ref.element,
-          children = _ref.children;
-
-      var _element$getNavigatio = element.getNavigationHook(),
-          menuIsShown = _element$getNavigatio.menuIsShown,
-          hideMenu = _element$getNavigatio.hideMenu;
-
-      return /*#__PURE__*/React.createElement(Drawer, {
-        modal: true,
-        open: menuIsShown(),
-        onClose: hideMenu
-      }, children());
-    }
-  }]);
-
-  return NavigationViewRenderer;
-}(UIRenderer);

package/ui/views/NavigationView/Styled.d.ts

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

package/ui/views/NavigationView/Styled.js

@@ -1,47 +0,0 @@
-import styled from "@emotion/styled";
-import { css } from "emotion";
-export var MenuHeader = /*#__PURE__*/styled("div", {
-  target: "e1b4rzuv0",
-  label: "MenuHeader"
-})({
-  display: "flex",
-  alignItems: "center",
-  padding: 5,
-  backgroundColor: "var(--mdc-theme-surface)",
-  borderBottom: "1px solid var(--mdc-theme-on-background)"
-});
-export var navHeader = /*#__PURE__*/css({
-  padding: 0,
-  "&.mdc-drawer__header": {
-    padding: "0 !important",
-    minHeight: 0
-  }
-}, "label:navHeader;");
-export var navContent = /*#__PURE__*/css({
-  padding: "0 !important"
-}, "label:navContent;");
-export var logoStyle = /*#__PURE__*/css({
-  "&.mdc-top-app-bar__title": {
-    paddingLeft: 15,
-    ".webiny-logo": {
-      color: "var(--mdc-theme-primary)"
-    }
-  }
-}, "label:logoStyle;");
-export var MenuFooter = /*#__PURE__*/styled("div", {
-  target: "e1b4rzuv1",
-  label: "MenuFooter"
-})({
-  borderTop: "1px solid var(--mdc-theme-on-background)",
-  a: {
-    color: "var(--mdc-theme-text-on-primary)",
-    textDecoration: "none"
-  }
-});
-export var subFooter = /*#__PURE__*/css({
-  ".mdc-drawer &.mdc-list-item": {
-    borderTop: "1px solid var(--mdc-theme-on-background)",
-    padding: "10px 16px",
-    margin: 0
-  }
-}, "label:subFooter;");

package/ui/views/NavigationView/legacyMenu.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { NavigationMenuElement } from "../../elements/NavigationMenuElement";
-export declare type MenuProps = {
-    name: string;
-    label: React.ReactNode;
-    icon: React.ReactElement;
-    children: React.ReactNode;
-    onClick?: (toggleSection: () => void) => void;
-};
-export interface SectionProps {
-    parent?: NavigationMenuElement;
-    label: React.ReactNode;
-    children: React.ReactNode;
-    icon?: React.ReactElement;
-}
-export interface ItemProps {
-    parent?: NavigationMenuElement;
-    label: React.ReactNode;
-    path: string;
-    style?: React.CSSProperties;
-    onClick?: () => any;
-}

package/ui/views/NavigationView/legacyMenu.js

@@ -1 +0,0 @@
-export {};

package/ui/views/NavigationView/useNavigation.d.ts

@@ -1,6 +0,0 @@
-export declare type UseNavigation = ReturnType<typeof useNavigation>;
-export declare function useNavigation(): {
-    showMenu: () => void;
-    hideMenu: () => void;
-    menuIsShown(): boolean;
-};

package/ui/views/NavigationView/useNavigation.js

@@ -1,22 +0,0 @@
-import _get from "lodash/get";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { set } from "dot-prop-immutable";
-export function useNavigation() {
-  var ui = useUi();
-  var hook = {
-    showMenu: function showMenu() {
-      ui.setState(function (ui) {
-        return set(ui, "appsMenu.show", true);
-      });
-    },
-    hideMenu: function hideMenu() {
-      ui.setState(function (ui) {
-        return set(ui, "appsMenu.show", false);
-      });
-    },
-    menuIsShown: function menuIsShown() {
-      return _get(ui, "appsMenu.show", false);
-    }
-  };
-  return hook;
-}

package/ui/views/NavigationView.d.ts

@@ -1,26 +0,0 @@
-import { UIView } from "../UIView";
-import { UseSecurity } from "@webiny/app-security";
-import { HeaderElement } from "./NavigationView/HeaderElement";
-import { ContentElement } from "./NavigationView/ContentElement";
-import { FooterElement } from "./NavigationView/FooterElement";
-import { UseNavigation } from "./NavigationView/useNavigation";
-import { NavigationMenuElement } from "../elements/NavigationMenuElement";
-export declare enum ElementID {
-    Header = "navigationHeader",
-    Content = "navigationContent",
-    Footer = "navigationFooter",
-    SettingsMenu = "menu.settings"
-}
-export declare class NavigationView extends UIView {
-    constructor();
-    addAppMenuElement(element: NavigationMenuElement): NavigationMenuElement<import("../elements/NavigationMenuElement").NavigationMenuElementConfig>;
-    addUtilityMenuElement(element: NavigationMenuElement): NavigationMenuElement<import("../elements/NavigationMenuElement").NavigationMenuElementConfig>;
-    addSettingsMenuElement(element: NavigationMenuElement): NavigationMenuElement<import("../elements/NavigationMenuElement").NavigationMenuElementConfig>;
-    getNavigationHook(): UseNavigation;
-    getSecurityHook(): UseSecurity;
-    getHeaderElement(): HeaderElement;
-    getContentElement(): ContentElement;
-    getFooterElement(): FooterElement;
-    getSettingsMenuElement(): NavigationMenuElement;
-    private setupLegacyMenuPlugins;
-}

package/ui/views/NavigationView.js

@@ -1,204 +0,0 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-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";
-var _excluded = ["parent"],
-    _excluded2 = ["parent"];
-import React, { Fragment } from "react";
-import sortBy from "lodash/sortBy";
-import { nanoid } from "nanoid";
-import { UIView } from "../UIView";
-import { plugins } from "@webiny/plugins";
-import { GenericElement } from "../elements/GenericElement";
-import { useSecurity } from "@webiny/app-security";
-import { HeaderElement } from "./NavigationView/HeaderElement";
-import { ContentElement } from "./NavigationView/ContentElement";
-import { FooterElement } from "./NavigationView/FooterElement";
-import { useNavigation } from "./NavigationView/useNavigation";
-import { NavigationMenuElement, TAGS } from "../elements/NavigationMenuElement";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!../../assets/icons/round-settings-24px.svg";
-import { NavigationViewRenderer } from "./NavigationView/NavigationViewRenderer";
-export var ElementID;
-
-(function (ElementID) {
-  ElementID["Header"] = "navigationHeader";
-  ElementID["Content"] = "navigationContent";
-  ElementID["Footer"] = "navigationFooter";
-  ElementID["SettingsMenu"] = "menu.settings";
-})(ElementID || (ElementID = {}));
-
-export var NavigationView = /*#__PURE__*/function (_UIView) {
-  _inherits(NavigationView, _UIView);
-
-  var _super = _createSuper(NavigationView);
-
-  function NavigationView() {
-    var _this;
-
-    _classCallCheck(this, NavigationView);
-
-    _this = _super.call(this, "NavigationView");
-
-    _this.useGrid(false);
-
-    _this.addHookDefinition("navigation", useNavigation);
-
-    _this.addHookDefinition("security", useSecurity);
-
-    var elementConfig = {
-      closeMenu: function closeMenu() {
-        return _this.getHook("navigation").hideMenu();
-      }
-    };
-
-    _this.addElement(new HeaderElement(ElementID.Header, elementConfig));
-
-    _this.addElement(new ContentElement(ElementID.Content));
-
-    _this.addElement(new FooterElement(ElementID.Footer, elementConfig));
-
-    _this.addUtilityMenuElement(new NavigationMenuElement(ElementID.SettingsMenu, {
-      label: "Settings",
-      icon: /*#__PURE__*/React.createElement(SettingsIcon, null)
-    })); // Load legacy plugins and convert them into elements
-
-
-    _this.setupLegacyMenuPlugins();
-
-    _this.addRenderer(new NavigationViewRenderer());
-
-    _this.applyPlugins(NavigationView);
-
-    return _this;
-  }
-
-  _createClass(NavigationView, [{
-    key: "addAppMenuElement",
-    value: function addAppMenuElement(element) {
-      element.addTag(TAGS.APP);
-      return this.getContentElement().addElement(element);
-    }
-  }, {
-    key: "addUtilityMenuElement",
-    value: function addUtilityMenuElement(element) {
-      element.addTag(TAGS.UTILS);
-      return this.getContentElement().addElement(element);
-    }
-  }, {
-    key: "addSettingsMenuElement",
-    value: function addSettingsMenuElement(element) {
-      return this.getSettingsMenuElement().addElement(element);
-    }
-  }, {
-    key: "getNavigationHook",
-    value: function getNavigationHook() {
-      return this.getHook("navigation");
-    }
-  }, {
-    key: "getSecurityHook",
-    value: function getSecurityHook() {
-      return this.getHook("security");
-    }
-  }, {
-    key: "getHeaderElement",
-    value: function getHeaderElement() {
-      return this.getElement(ElementID.Header);
-    }
-  }, {
-    key: "getContentElement",
-    value: function getContentElement() {
-      return this.getElement(ElementID.Content);
-    }
-  }, {
-    key: "getFooterElement",
-    value: function getFooterElement() {
-      return this.getElement(ElementID.Footer);
-    }
-  }, {
-    key: "getSettingsMenuElement",
-    value: function getSettingsMenuElement() {
-      return this.getElement(ElementID.SettingsMenu);
-    }
-  }, {
-    key: "setupLegacyMenuPlugins",
-    value: function setupLegacyMenuPlugins() {
-      var _this2 = this;
-
-      // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!
-      var menuPlugins = plugins.byType("admin-menu");
-
-      if (!menuPlugins) {
-        return;
-      }
-
-      var legacyMenu = new GenericElement("legacy-menu");
-
-      var Menu = function Menu(props) {
-        var menuItem = _this2.addAppMenuElement(new NavigationMenuElement("navigation.content.".concat(props.name), {
-          label: props.label,
-          icon: props.icon
-        }));
-
-        return /*#__PURE__*/React.createElement(Fragment, null, React.Children.map(props.children, function (child) {
-          if (! /*#__PURE__*/React.isValidElement(child)) {
-            return child;
-          }
-
-          return /*#__PURE__*/React.cloneElement(child, {
-            parent: menuItem
-          });
-        }));
-      };
-
-      var Section = function Section(_ref) {
-        var parent = _ref.parent,
-            props = _objectWithoutProperties(_ref, _excluded);
-
-        var sectionMenu = parent.addElement(new NavigationMenuElement(nanoid(), {
-          label: props.label
-        }));
-        return /*#__PURE__*/React.createElement(Fragment, null, React.Children.map(props.children, function (child) {
-          if (! /*#__PURE__*/React.isValidElement(child)) {
-            return child;
-          }
-
-          return /*#__PURE__*/React.cloneElement(child, {
-            parent: sectionMenu
-          });
-        }));
-      };
-
-      var Item = function Item(_ref2) {
-        var parent = _ref2.parent,
-            props = _objectWithoutProperties(_ref2, _excluded2);
-
-        parent.addElement(new NavigationMenuElement(nanoid(), {
-          label: props.label,
-          path: props.path
-        }));
-        return null;
-      };
-
-      sortBy(menuPlugins, [function (p) {
-        return p.order || 50;
-      }, function (p) {
-        return p.name;
-      }]).forEach(function (plugin) {
-        legacyMenu.addElement(new GenericElement(plugin.name, function () {
-          return plugin.render({
-            Menu: Menu,
-            Section: Section,
-            Item: Item
-          });
-        }));
-      });
-      this.addElement(legacyMenu);
-      setTimeout(function () {
-        legacyMenu.remove();
-      }, 100);
-    }
-  }]);
-
-  return NavigationView;
-}(UIView);

package/ui/views/OverlayView/ContentElement.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { UIElement } from "../../UIElement";
-export declare class ContentElement extends UIElement {
-    constructor(id: string);
-    render(props: any): React.ReactNode;
-}

package/ui/views/OverlayView/ContentElement.js

@@ -1,42 +0,0 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import styled from "@emotion/styled";
-import { UIElement } from "../../UIElement";
-var ContentWrapper = /*#__PURE__*/styled("div", {
-  target: "exqtwog0",
-  label: "ContentWrapper"
-})({
-  width: "100%",
-  paddingTop: 65
-});
-export var ContentElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ContentElement, _UIElement);
-
-  var _super = _createSuper(ContentElement);
-
-  function ContentElement(id) {
-    var _this;
-
-    _classCallCheck(this, ContentElement);
-
-    _this = _super.call(this, id);
-
-    _this.useGrid(false);
-
-    return _this;
-  }
-
-  _createClass(ContentElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/React.createElement(ContentWrapper, null, _get(_getPrototypeOf(ContentElement.prototype), "render", this).call(this, props));
-    }
-  }]);
-
-  return ContentElement;
-}(UIElement);

package/ui/views/OverlayView/HeaderElement.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import { UIElement, UIElementConfig } from "../../UIElement";
-interface HeaderElementConfig extends UIElementConfig {
-    onClose: (event: React.MouseEvent) => void;
-    getTitle?: GetterWithoutProps<string>;
-}
-interface GetterWithoutProps<T> {
-    (): T;
-}
-export declare class HeaderElement extends UIElement<HeaderElementConfig> {
-    private _leftSection;
-    private _centerSection;
-    private _rightSection;
-    constructor(id: string, config: HeaderElementConfig);
-    setTitle(title: GetterWithoutProps<string>): void;
-    setLeftSectionElement(element: UIElement): void;
-    setCenterSectionElement(element: UIElement): void;
-    setRightSectionElement(element: UIElement): void;
-    getLeftSectionElement(): UIElement<UIElementConfig<any>>;
-    getCenterSectionElement(): UIElement<UIElementConfig<any>>;
-    getRightSectionElement(): UIElement<UIElementConfig<any>>;
-    render(props: any): React.ReactNode;
-}
-export {};