@webiny/app-admin 5.43.3 → 6.0.0-alpha.1

package/base/ui/FileManager.js

@@ -1,17 +1,7 @@
-"use strict";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { Portal } from "@webiny/admin-ui";
+import { createVoidComponent, makeDecoratable } from "@webiny/react-composition";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FileManagerRenderer = exports.FileManager = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _reactComposition = require("@webiny/react-composition");
-var _excluded = ["children", "render", "onChange"];
 /**
  * Represents a file object managed by the File Manager.
  */
@@ -20,55 +10,51 @@ var _excluded = ["children", "render", "onChange"];
  * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.
  */
 
-function getPortalTarget() {
-  var target = window.document.getElementById("file-manager-container");
-  if (!target) {
-    target = document.createElement("div");
-    target.setAttribute("id", "file-manager-container");
-    document.body && document.body.appendChild(target);
-  }
-  return target;
-}
-
 // This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!
 
-var FileManagerRenderer = exports.FileManagerRenderer = (0, _reactComposition.makeDecoratable)("FileManagerRenderer", (0, _reactComposition.createVoidComponent)());
-var FileManager = exports.FileManager = function FileManager(_ref) {
-  var children = _ref.children,
-    render = _ref.render,
-    onChange = _ref.onChange,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var containerRef = (0, _react.useRef)(getPortalTarget());
-  var _useState = (0, _react.useState)(rest.show ?? false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    show = _useState2[0],
-    setShow = _useState2[1];
-  var onChangeRef = (0, _react.useRef)(onChange);
-  (0, _react.useEffect)(function () {
+export const FileManagerRenderer = makeDecoratable("FileManagerRenderer", createVoidComponent());
+export const FileManager = ({
+  children,
+  render,
+  onChange,
+  ...rest
+}) => {
+  const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  var showFileManager = (0, _react.useCallback)(function (onChange) {
-    if (typeof onChange === "function") {
-      onChangeRef.current = onChange;
+  const handleShowFileManager = useCallback(newOnChange => {
+    if (typeof newOnChange === "function") {
+      onChangeRef.current = newOnChange;
     }
-    setShow(true);
+    setFileManagerVisible(true);
+  }, []);
+  const handleCloseFileManager = useCallback(() => {
+    setFileManagerVisible(false);
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, show && /*#__PURE__*/_reactDom.default.createPortal(
-  /*#__PURE__*/
-  /**
-   * TODO @pavel
-   */
-  // @ts-expect-error
-  _react.default.createElement(FileManagerRenderer, Object.assign({
-    onClose: function onClose() {
-      return setShow(false);
-    },
-    onChange: onChangeRef.current
-  }, rest)), containerRef.current), children ? children({
-    showFileManager: showFileManager
-  }) : render ? render({
-    showFileManager: showFileManager
-  }) : null);
+  const renderFileManager = () => {
+    if (!isFileManagerVisible) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(FileManagerRenderer, Object.assign({
+      onClose: handleCloseFileManager,
+      onChange: onChangeRef.current
+    }, rest)));
+  };
+  const renderContent = () => {
+    const renderProps = {
+      showFileManager: handleShowFileManager
+    };
+    if (children) {
+      return children(renderProps);
+    }
+    if (render) {
+      return render(renderProps);
+    }
+    return null;
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderFileManager(), renderContent());
 };
 
 //# sourceMappingURL=FileManager.js.map

package/base/ui/FileManager.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_interopRequireDefault","_reactComposition","_excluded","getPortalTarget","target","window","document","getElementById","createElement","setAttribute","body","appendChild","FileManagerRenderer","exports","makeDecoratable","createVoidComponent","FileManager","_ref","children","render","onChange","rest","_objectWithoutProperties2","default","containerRef","useRef","_useState","useState","show","_useState2","_slicedToArray2","setShow","onChangeRef","useEffect","current","showFileManager","useCallback","Fragment","ReactDOM","createPortal","Object","assign","onClose"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: string[];\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\nfunction getPortalTarget() {\n    let target = window.document.getElementById(\"file-manager-container\");\n    if (!target) {\n        target = document.createElement(\"div\");\n        target.setAttribute(\"id\", \"file-manager-container\");\n        document.body && document.body.appendChild(target);\n    }\n    return target;\n}\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const containerRef = useRef<HTMLElement>(getPortalTarget());\n    const [show, setShow] = useState(rest.show ?? false);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const showFileManager = useCallback((onChange: ShowFileManagerProps) => {\n        if (typeof onChange === \"function\") {\n            onChangeRef.current = onChange;\n        }\n        setShow(true);\n    }, []);\n\n    return (\n        <>\n            {show &&\n                ReactDOM.createPortal(\n                    /**\n                     * TODO @pavel\n                     */\n                    // @ts-expect-error\n                    <FileManagerRenderer\n                        onClose={() => setShow(false)}\n                        onChange={onChangeRef.current}\n                        {...rest}\n                    />,\n                    containerRef.current\n                )}\n            {children ? children({ showFileManager }) : render ? render({ showFileManager }) : null}\n        </>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAiF,IAAAI,SAAA;AAMjF;AACA;AACA;;AAOA;AACA;AACA;;AA4DA,SAASC,eAAeA,CAAA,EAAG;EACvB,IAAIC,MAAM,GAAGC,MAAM,CAACC,QAAQ,CAACC,cAAc,CAAC,wBAAwB,CAAC;EACrE,IAAI,CAACH,MAAM,EAAE;IACTA,MAAM,GAAGE,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;IACtCJ,MAAM,CAACK,YAAY,CAAC,IAAI,EAAE,wBAAwB,CAAC;IACnDH,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACP,MAAM,CAAC;EACtD;EACA,OAAOA,MAAM;AACjB;;AAEA;;AAKO,IAAMQ,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,iCAAe,EAC9C,qBAAqB,EACrB,IAAAC,qCAAmB,EAA2B,CAClD,CAAC;AAOM,IAAMC,WAAW,GAAAH,OAAA,CAAAG,WAAA,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAkE;EAAA,IAA5DC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,IAAA,EAAAf,SAAA;EAC7D,IAAMsB,YAAY,GAAG,IAAAC,aAAM,EAActB,eAAe,CAAC,CAAC,CAAC;EAC3D,IAAAuB,SAAA,GAAwB,IAAAC,eAAQ,EAACN,IAAI,CAACO,IAAI,IAAI,KAAK,CAAC;IAAAC,UAAA,OAAAC,eAAA,CAAAP,OAAA,EAAAG,SAAA;IAA7CE,IAAI,GAAAC,UAAA;IAAEE,OAAO,GAAAF,UAAA;EACpB,IAAMG,WAAW,GAAG,IAAAP,aAAM,EAACL,QAAQ,CAAC;EAEpC,IAAAa,gBAAS,EAAC,YAAM;IACZD,WAAW,CAACE,OAAO,GAAGd,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMe,eAAe,GAAG,IAAAC,kBAAW,EAAC,UAAChB,QAA8B,EAAK;IACpE,IAAI,OAAOA,QAAQ,KAAK,UAAU,EAAE;MAChCY,WAAW,CAACE,OAAO,GAAGd,QAAQ;IAClC;IACAW,OAAO,CAAC,IAAI,CAAC;EACjB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACInC,MAAA,CAAA2B,OAAA,CAAAf,aAAA,CAAAZ,MAAA,CAAA2B,OAAA,CAAAc,QAAA,QACKT,IAAI,iBACDU,iBAAQ,CAACC,YAAY;EAAA;EACjB;AACpB;AACA;EACoB;EACA3C,MAAA,CAAA2B,OAAA,CAAAf,aAAA,CAACI,mBAAmB,EAAA4B,MAAA,CAAAC,MAAA;IAChBC,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQX,OAAO,CAAC,KAAK,CAAC;IAAA,CAAC;IAC9BX,QAAQ,EAAEY,WAAW,CAACE;EAAQ,GAC1Bb,IAAI,CACX,CAAC,EACFG,YAAY,CAACU,OACjB,CAAC,EACJhB,QAAQ,GAAGA,QAAQ,CAAC;IAAEiB,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAGhB,MAAM,GAAGA,MAAM,CAAC;IAAEgB,eAAe,EAAfA;EAAgB,CAAC,CAAC,GAAG,IACrF,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","Portal","createVoidComponent","makeDecoratable","FileManagerRenderer","FileManager","children","render","onChange","rest","isFileManagerVisible","setFileManagerVisible","show","onChangeRef","current","handleShowFileManager","newOnChange","handleCloseFileManager","renderFileManager","createElement","Object","assign","onClose","renderContent","renderProps","showFileManager","Fragment"],"sources":["FileManager.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"@webiny/admin-ui\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/react-composition\";\n\nexport interface FileManagerOnChange<T> {\n    (value: T): void;\n}\n\n/**\n * Represents a file object managed by the File Manager.\n */\nexport interface FileManagerFileItem {\n    id: string;\n    src: string;\n    meta?: Array<FileManagerFileItemMetaItem>;\n}\n\n/**\n * With this we allow developers to add any value to file's meta via component composition, thus the `value: any`.\n */\nexport interface FileManagerFileItemMetaItem {\n    key: string;\n    value: any;\n}\n\nexport type DeprecatedFileManagerRenderPropParams = {\n    showFileManager: (\n        onChange?: FileManagerOnChange<FileManagerFileItem | FileManagerFileItem[]>\n    ) => void;\n};\n\nexport type FileManagerRenderPropParams<TValue> = {\n    showFileManager: (onChange?: FileManagerOnChange<TValue>) => void;\n};\n\ninterface SingleFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem>): React.ReactNode;\n}\n\ninterface MultiFileRenderProp {\n    (params: FileManagerRenderPropParams<FileManagerFileItem[]>): React.ReactNode;\n}\n\nexport type MultipleProps =\n    | {\n          multiple?: never;\n          multipleMaxCount?: never;\n          multipleMaxSize?: never;\n          onChange?: FileManagerOnChange<FileManagerFileItem>;\n          render?: SingleFileRenderProp;\n      }\n    | {\n          multiple: true;\n          multipleMaxCount?: number;\n          multipleMaxSize?: number | string;\n          onChange?: FileManagerOnChange<FileManagerFileItem[]>;\n          render?: MultiFileRenderProp;\n      };\n\nexport type FileManagerProps = {\n    accept?: string[];\n    images?: boolean;\n    maxSize?: number | string;\n    /**\n     * @deprecated This prop is no longer used. The file structure was reduced to a bare minimum so picking is no longer necessary.\n     */\n    onChangePick?: string[];\n    onClose?: () => void;\n    onUploadCompletion?: (files: FileManagerFileItem[]) => void;\n    own?: boolean;\n    scope?: string;\n    tags?: string[];\n    show?: boolean;\n    /**\n     * @deprecated This prop is no longer used. Use the `render` prop to get better TS autocomplete.\n     */\n    children?: (params: DeprecatedFileManagerRenderPropParams) => React.ReactNode;\n} & MultipleProps;\n\n// This jewel was taken from https://davidgomes.com/pick-omit-over-union-types-in-typescript/. Massive thanks, David!\ntype DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;\n\nexport type FileManagerRendererProps = DistributiveOmit<FileManagerProps, \"render\" | \"children\">;\n\nexport const FileManagerRenderer = makeDecoratable(\n    \"FileManagerRenderer\",\n    createVoidComponent<FileManagerRendererProps>()\n);\n\ntype ShowFileManagerProps =\n    | FileManagerOnChange<FileManagerFileItem>\n    | FileManagerOnChange<FileManagerFileItem[]>\n    | undefined;\n\nexport const FileManager = ({ children, render, onChange, ...rest }: FileManagerProps) => {\n    const [isFileManagerVisible, setFileManagerVisible] = useState(rest.show);\n    const onChangeRef = useRef(onChange);\n\n    useEffect(() => {\n        onChangeRef.current = onChange;\n    }, [onChange]);\n\n    const handleShowFileManager = useCallback((newOnChange: ShowFileManagerProps) => {\n        if (typeof newOnChange === \"function\") {\n            onChangeRef.current = newOnChange;\n        }\n        setFileManagerVisible(true);\n    }, []);\n\n    const handleCloseFileManager = useCallback(() => {\n        setFileManagerVisible(false);\n    }, []);\n\n    const renderFileManager = () => {\n        if (!isFileManagerVisible) {\n            return null;\n        }\n\n        return (\n            <Portal>\n                {/*@ts-expect-error*/}\n                <FileManagerRenderer\n                    onClose={handleCloseFileManager}\n                    onChange={onChangeRef.current}\n                    {...rest}\n                />\n            </Portal>\n        );\n    };\n\n    const renderContent = () => {\n        const renderProps = { showFileManager: handleShowFileManager };\n\n        if (children) {\n            return children(renderProps);\n        }\n\n        if (render) {\n            return render(renderProps);\n        }\n\n        return null;\n    };\n\n    return (\n        <>\n            {renderFileManager()}\n            {renderContent()}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,2BAA2B;;AAMhF;AACA;AACA;;AAOA;AACA;AACA;;AA4DA;;AAKA,OAAO,MAAMC,mBAAmB,GAAGD,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAA2B,CAClD,CAAC;AAOD,OAAO,MAAMG,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAE,GAAGC;AAAuB,CAAC,KAAK;EACtF,MAAM,CAACC,oBAAoB,EAAEC,qBAAqB,CAAC,GAAGX,QAAQ,CAACS,IAAI,CAACG,IAAI,CAAC;EACzE,MAAMC,WAAW,GAAGd,MAAM,CAACS,QAAQ,CAAC;EAEpCV,SAAS,CAAC,MAAM;IACZe,WAAW,CAACC,OAAO,GAAGN,QAAQ;EAClC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,qBAAqB,GAAGlB,WAAW,CAAEmB,WAAiC,IAAK;IAC7E,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCH,WAAW,CAACC,OAAO,GAAGE,WAAW;IACrC;IACAL,qBAAqB,CAAC,IAAI,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMM,sBAAsB,GAAGpB,WAAW,CAAC,MAAM;IAC7Cc,qBAAqB,CAAC,KAAK,CAAC;EAChC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACR,oBAAoB,EAAE;MACvB,OAAO,IAAI;IACf;IAEA,oBACId,KAAA,CAAAuB,aAAA,CAAClB,MAAM,qBAEHL,KAAA,CAAAuB,aAAA,CAACf,mBAAmB,EAAAgB,MAAA,CAAAC,MAAA;MAChBC,OAAO,EAAEL,sBAAuB;MAChCT,QAAQ,EAAEK,WAAW,CAACC;IAAQ,GAC1BL,IAAI,CACX,CACG,CAAC;EAEjB,CAAC;EAED,MAAMc,aAAa,GAAGA,CAAA,KAAM;IACxB,MAAMC,WAAW,GAAG;MAAEC,eAAe,EAAEV;IAAsB,CAAC;IAE9D,IAAIT,QAAQ,EAAE;MACV,OAAOA,QAAQ,CAACkB,WAAW,CAAC;IAChC;IAEA,IAAIjB,MAAM,EAAE;MACR,OAAOA,MAAM,CAACiB,WAAW,CAAC;IAC9B;IAEA,OAAO,IAAI;EACf,CAAC;EAED,oBACI5B,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAA8B,QAAA,QACKR,iBAAiB,CAAC,CAAC,EACnBK,aAAa,CAAC,CACjB,CAAC;AAEX,CAAC","ignoreList":[]}

package/base/ui/Layout.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
 export interface LayoutProps {
     title?: string;
+    startElement?: React.ReactNode;
+    hideNavigation?: boolean;
     children: React.ReactNode;
 }
 export declare const Layout: (({ children, ...props }: LayoutProps) => React.JSX.Element) & {

package/base/ui/Layout.js

@@ -1,19 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LayoutRenderer = exports.Layout = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var _excluded = ["children"];
-var Layout = exports.Layout = (0, _app.makeDecoratable)("Layout", function (_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Layout = makeDecoratable("Layout", ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(LayoutRenderer, props, children);
 });
-var LayoutRenderer = exports.LayoutRenderer = (0, _app.makeDecoratable)("LayoutRenderer", (0, _app.createVoidComponent)());
+export const LayoutRenderer = makeDecoratable("LayoutRenderer", createVoidComponent());
 
 //# sourceMappingURL=Layout.js.map

package/base/ui/Layout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","_excluded","Layout","exports","makeDecoratable","_ref","children","props","_objectWithoutProperties2","default","createElement","LayoutRenderer","createVoidComponent"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAAmE,IAAAE,SAAA;AAO5D,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,oBAAe,EAAC,QAAQ,EAAE,UAAAC,IAAA,EAAyC;EAAA,IAAtCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAJ,SAAA;EACjE,oBAAOJ,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACC,cAAc,EAAKJ,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEK,IAAMK,cAAc,GAAAR,OAAA,CAAAQ,cAAA,GAAG,IAAAP,oBAAe,EAAC,gBAAgB,EAAE,IAAAQ,wBAAmB,EAAc,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Layout","children","props","createElement","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    startElement?: React.ReactNode;\n    hideNavigation?: boolean;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeDecoratable(\"Layout\", ({ children, ...props }: LayoutProps) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeDecoratable(\"LayoutRenderer\", createVoidComponent<LayoutProps>());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AASlE,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC,QAAQ,EAAE,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAAmB,CAAC,KAAK;EACrF,oBAAOL,KAAA,CAAAM,aAAA,CAACC,cAAc,EAAKF,KAAK,EAAGD,QAAyB,CAAC;AACjE,CAAC,CAAC;AAEF,OAAO,MAAMG,cAAc,GAAGL,eAAe,CAAC,gBAAgB,EAAED,mBAAmB,CAAc,CAAC,CAAC","ignoreList":[]}

package/base/ui/LocaleSelector.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LocaleSelectorRenderer = exports.LocaleSelector = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var LocaleSelector = exports.LocaleSelector = (0, _app.makeDecoratable)("LocaleSelector", function () {
-  return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const LocaleSelector = makeDecoratable("LocaleSelector", () => {
+  return /*#__PURE__*/React.createElement(LocaleSelectorRenderer, null);
 });
-var LocaleSelectorRenderer = exports.LocaleSelectorRenderer = (0, _app.makeDecoratable)("LocaleSelectorRenderer", (0, _app.createVoidComponent)());
+export const LocaleSelectorRenderer = makeDecoratable("LocaleSelectorRenderer", createVoidComponent());
 
 //# sourceMappingURL=LocaleSelector.js.map

package/base/ui/LocaleSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","LocaleSelector","exports","makeDecoratable","default","createElement","LocaleSelectorRenderer","createVoidComponent"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeDecoratable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeDecoratable(\n    \"LocaleSelectorRenderer\",\n    createVoidComponent()\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,oBAAe,EAAC,gBAAgB,EAAE,YAAM;EAClE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEK,IAAMA,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAG,IAAAH,oBAAe,EACjD,wBAAwB,EACxB,IAAAI,wBAAmB,EAAC,CACxB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","LocaleSelector","createElement","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeDecoratable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeDecoratable(\n    \"LocaleSelectorRenderer\",\n    createVoidComponent()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,cAAc,GAAGD,eAAe,CAAC,gBAAgB,EAAE,MAAM;EAClE,oBAAOF,KAAA,CAAAI,aAAA,CAACC,sBAAsB,MAAE,CAAC;AACrC,CAAC,CAAC;AAEF,OAAO,MAAMA,sBAAsB,GAAGH,eAAe,CACjD,wBAAwB,EACxBD,mBAAmB,CAAC,CACxB,CAAC","ignoreList":[]}

package/base/ui/LoginScreen.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 export interface LoginScreenProps {
     children: React.ReactNode;
 }
+export declare const useIsInLoginScreen: () => boolean;
 export declare const LoginScreen: ({ children }: LoginScreenProps) => React.JSX.Element;
 export declare const LoginScreenRenderer: ((props: LoginScreenProps) => JSX.Element | null) & {
     original: (props: LoginScreenProps) => JSX.Element | null;

package/base/ui/LoginScreen.js

@@ -1,21 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LoginScreenRenderer = exports.LoginScreen = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _app = require("@webiny/app");
-var _Tags = require("./Tags");
-var LoginScreen = exports.LoginScreen = function LoginScreen(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+import { Tags, useTags } from "./Tags";
+export const useIsInLoginScreen = () => {
+  const {
+    location
+  } = useTags();
+  return location === "loginScreen";
+};
+export const LoginScreen = ({
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(Tags, {
     tags: {
       location: "loginScreen"
     }
-  }, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
+  }, /*#__PURE__*/React.createElement(LoginScreenRenderer, null, /*#__PURE__*/React.createElement(Tags, {
+    tags: {
+      location: "loggedIn"
+    }
+  }, children)));
 };
-var LoginScreenRenderer = exports.LoginScreenRenderer = (0, _app.makeDecoratable)("LoginScreenRenderer", (0, _app.createVoidComponent)());
+export const LoginScreenRenderer = makeDecoratable("LoginScreenRenderer", createVoidComponent());
 
 //# sourceMappingURL=LoginScreen.js.map

package/base/ui/LoginScreen.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_app","_Tags","LoginScreen","exports","_ref","children","default","createElement","Tags","tags","location","LoginScreenRenderer","makeDecoratable","createVoidComponent"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMO,IAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAAE,IAAA,EAAuC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAClC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,KAAA,CAAAO,IAAI;IAACC,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAc;EAAE,gBACpCb,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACI,mBAAmB,QAAEN,QAA8B,CAClD,CAAC;AAEf,CAAC;AAEM,IAAMM,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAC,oBAAe,EAC9C,qBAAqB,EACrB,IAAAC,wBAAmB,EAAmB,CAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Tags","useTags","useIsInLoginScreen","location","LoginScreen","children","createElement","tags","LoginScreenRenderer"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\nimport { Tags, useTags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const useIsInLoginScreen = () => {\n    const { location } = useTags();\n    return location === \"loginScreen\";\n};\n\nexport const LoginScreen = ({ children }: LoginScreenProps) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>\n                <Tags tags={{ location: \"loggedIn\" }}>{children}</Tags>\n            </LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeDecoratable(\n    \"LoginScreenRenderer\",\n    createVoidComponent<LoginScreenProps>()\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAClE,SAASC,IAAI,EAAEC,OAAO;AAMtB,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACpC,MAAM;IAAEC;EAAS,CAAC,GAAGF,OAAO,CAAC,CAAC;EAC9B,OAAOE,QAAQ,KAAK,aAAa;AACrC,CAAC;AAED,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA2B,CAAC,KAAK;EAC3D,oBACIR,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAc;EAAE,gBACpCN,KAAA,CAAAS,aAAA,CAACE,mBAAmB,qBAChBX,KAAA,CAAAS,aAAA,CAACN,IAAI;IAACO,IAAI,EAAE;MAAEJ,QAAQ,EAAE;IAAW;EAAE,GAAEE,QAAe,CACrC,CACnB,CAAC;AAEf,CAAC;AAED,OAAO,MAAMG,mBAAmB,GAAGT,eAAe,CAC9C,qBAAqB,EACrBD,mBAAmB,CAAmB,CAC1C,CAAC","ignoreList":[]}

package/base/ui/Logo.d.ts

@@ -37,8 +37,3 @@ export declare const LogoRenderer: ((props: unknown) => JSX.Element | null) & {
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-interface AddLogoProps {
-    logo: JSX.Element;
-}
-export declare const AddLogo: ({ logo }: AddLogoProps) => React.JSX.Element;
-export {};

package/base/ui/Logo.js

@@ -1,29 +1,8 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LogoRenderer = exports.Logo = exports.AddLogo = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _app = require("@webiny/app");
-var Logo = exports.Logo = (0, _app.makeDecoratable)("Logo", function () {
-  return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+export const Logo = makeDecoratable("Logo", () => {
+  return /*#__PURE__*/React.createElement(LogoRenderer, null);
 });
-var LogoRenderer = exports.LogoRenderer = (0, _app.makeDecoratable)("LogoRenderer", (0, _app.createVoidComponent)());
-var AddLogo = exports.AddLogo = function AddLogo(_ref) {
-  var logo = _ref.logo;
-  var LogoHOC = (0, _react.useMemo)(function () {
-    return function () {
-      return function Logo() {
-        return logo;
-      };
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement(_app.Compose, {
-    component: LogoRenderer,
-    with: LogoHOC
-  });
-};
+export const LogoRenderer = makeDecoratable("LogoRenderer", createVoidComponent());
 
 //# sourceMappingURL=Logo.js.map

package/base/ui/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_app","Logo","exports","makeDecoratable","default","createElement","LogoRenderer","createVoidComponent","AddLogo","_ref","logo","LogoHOC","useMemo","Compose","component","with"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo = ({ logo }: AddLogoProps) => {\n    const LogoHOC = useMemo(() => {\n        return () => {\n            return function Logo() {\n                return logo;\n            };\n        };\n    }, []);\n\n    return <Compose component={LogoRenderer} with={LogoHOC} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AAEO,IAAME,IAAI,GAAAC,OAAA,CAAAD,IAAA,GAAG,IAAAE,oBAAe,EAAC,MAAM,EAAE,YAAM;EAC9C,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACC,YAAY,MAAE,CAAC;AAC3B,CAAC,CAAC;AAEK,IAAMA,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAH,oBAAe,EAAC,cAAc,EAAE,IAAAI,wBAAmB,EAAC,CAAC,CAAC;AAM3E,IAAMC,OAAO,GAAAN,OAAA,CAAAM,OAAA,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAA+B;EAAA,IAAzBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAC1B,IAAMC,OAAO,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASX,IAAIA,CAAA,EAAG;QACnB,OAAOS,IAAI;MACf,CAAC;IACL,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAOb,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,IAAA,CAAAa,OAAO;IAACC,SAAS,EAAER,YAAa;IAACS,IAAI,EAAEJ;EAAQ,CAAE,CAAC;AAC9D,CAAC","ignoreList":[]}
+{"version":3,"names":["React","createVoidComponent","makeDecoratable","Logo","createElement","LogoRenderer"],"sources":["Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport { createVoidComponent, makeDecoratable } from \"@webiny/app\";\n\nexport const Logo = makeDecoratable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeDecoratable(\"LogoRenderer\", createVoidComponent());\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,eAAe,QAAQ,aAAa;AAElE,OAAO,MAAMC,IAAI,GAAGD,eAAe,CAAC,MAAM,EAAE,MAAM;EAC9C,oBAAOF,KAAA,CAAAI,aAAA,CAACC,YAAY,MAAE,CAAC;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMA,YAAY,GAAGH,eAAe,CAAC,cAAc,EAAED,mBAAmB,CAAC,CAAC,CAAC","ignoreList":[]}

package/base/ui/Navigation.d.ts

@@ -1,12 +1,5 @@
 import React from "react";
-import { MenuData, MenuUpdater } from "../../index";
-export interface NavigationContext {
-    menuItems: MenuData[];
-    setMenu(id: string, update: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export declare function useNavigation(): NavigationContext;
-export declare const NavigationProvider: import("@webiny/app").Decorator<import("@webiny/app").GenericComponent<import("@webiny/app").ChildrenProps>>;
+export declare const useIsInNavigation: () => boolean;
 export declare const Navigation: (() => React.JSX.Element) & {
     original: () => React.JSX.Element;
     originalName: string;
@@ -45,52 +38,3 @@ export declare const NavigationRenderer: ((props: unknown) => JSX.Element | null
         displayName: string;
     }>) => (props: unknown) => React.JSX.Element;
 };
-interface MenuItemContext {
-    menuItem?: MenuData;
-    depth: number;
-}
-declare const MenuItemContext: React.Context<MenuItemContext>;
-export declare function useMenuItem(): MenuItemContext;
-export interface MenuItemsProps {
-    menuItems: MenuData[];
-}
-export declare const MenuItems: (({ menuItems }: MenuItemsProps) => React.JSX.Element) & {
-    original: ({ menuItems }: MenuItemsProps) => React.JSX.Element;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ menuItems }: MenuItemsProps) => React.JSX.Element) & {
-        original: ({ menuItems }: MenuItemsProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<(({ menuItems }: MenuItemsProps) => React.JSX.Element) & {
-        original: ({ menuItems }: MenuItemsProps) => React.JSX.Element;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export declare const MenuItem: () => React.JSX.Element;
-export declare const MenuItemRenderer: ((props: unknown) => JSX.Element | null) & {
-    original: (props: unknown) => JSX.Element | null;
-    originalName: string;
-    displayName: string;
-} & {
-    original: ((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("@webiny/app").ComponentDecorator<((props: unknown) => JSX.Element | null) & {
-        original: (props: unknown) => JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};
-export {};

package/base/ui/Navigation.js

@@ -1,149 +1,19 @@
-"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.NavigationRenderer = exports.NavigationProvider = exports.Navigation = exports.MenuItems = exports.MenuItemRenderer = exports.MenuItem = void 0;
-exports.useMenuItem = useMenuItem;
-exports.useNavigation = useNavigation;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("@webiny/utils");
-var _app = require("@webiny/app");
-var _ = require("../..");
-var _plugins = require("@webiny/plugins");
-var NavigationContext = /*#__PURE__*/(0, _react.createContext)({
-  menuItems: [],
-  setMenu: function setMenu() {
-    return void 0;
-  },
-  removeMenu: function removeMenu() {
-    return void 0;
-  }
-});
-NavigationContext.displayName = "NavigationContext";
-function useNavigation() {
-  return (0, _react.useContext)(NavigationContext);
-}
-// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!
-// It is not a public component, and is not even exported from this file. We need it to take care of
-// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).
-var LegacyMenu = function LegacyMenu(props) {
-  return /*#__PURE__*/_react.default.createElement(_.AddMenu, Object.assign({}, props, {
-    name: props.name || (0, _utils.generateId)(),
-    label: props.label
-  }), props.children);
-};
-var LegacyMenuPlugins = function LegacyMenuPlugins() {
-  // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!
-  var _useState = (0, _react.useState)(null),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    menus = _useState2[0],
-    setMenus = _useState2[1];
-  (0, _react.useEffect)(function () {
-    var menuPlugins = _plugins.plugins.byType("admin-menu");
-    if (!menuPlugins) {
-      return;
-    }
-    var menuElements = menuPlugins.map(function (plugin) {
-      // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC
-      return /*#__PURE__*/_react.default.createElement(_app.Plugins, {
-        key: plugin.name
-      }, plugin.render({
-        Menu: LegacyMenu,
-        Item: LegacyMenu,
-        Section: LegacyMenu
-      }));
-    });
-    /**
-     * TODO Figure out correct types for the menus.
-     */
-    // @ts-expect-error
-    setMenus(menuElements);
-  }, []);
-  return menus;
+import React from "react";
+import { createVoidComponent, makeDecoratable } from "@webiny/app";
+import { Tags, useTags } from "./Tags";
+export const useIsInNavigation = () => {
+  const {
+    location
+  } = useTags();
+  return location === "navigation";
 };
-var NavigationProvider = exports.NavigationProvider = (0, _app.createProvider)(function (Component) {
-  return function NavigationProvider(_ref) {
-    var children = _ref.children;
-    var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      menuItems = _useState4[0],
-      setState = _useState4[1];
-    var setMenu = function setMenu(id, updater) {
-      setState(function (state) {
-        var index = state.findIndex(function (m) {
-          return m.name === id;
-        });
-        var newMenu = index > -1 ? updater(state[index]) : updater((0, _.createEmptyMenu)(id));
-        if (!newMenu) {
-          return (0, _toConsumableArray2.default)(state);
-        }
-        if (!newMenu.children) {
-          newMenu.children = [];
-        }
-        return index > -1 ? [].concat((0, _toConsumableArray2.default)(state.slice(0, index)), [newMenu], (0, _toConsumableArray2.default)(state.slice(index + 1))) : [].concat((0, _toConsumableArray2.default)(state), [newMenu]);
-      });
-    };
-    var removeMenu = (0, _react.useCallback)(function (id) {
-      setState(function (state) {
-        var index = state.findIndex(function (m) {
-          return m.name === id;
-        });
-        if (index < 0) {
-          return state;
-        }
-        return [].concat((0, _toConsumableArray2.default)(state.slice(0, index)), (0, _toConsumableArray2.default)(state.slice(index + 1)));
-      });
-    }, [setState]);
-    var context = (0, _react.useMemo)(function () {
-      return {
-        menuItems: menuItems,
-        setMenu: setMenu,
-        removeMenu: removeMenu
-      };
-    }, [menuItems, setMenu, removeMenu]);
-    return /*#__PURE__*/_react.default.createElement(NavigationContext.Provider, {
-      value: context
-    }, /*#__PURE__*/_react.default.createElement(LegacyMenuPlugins, null), /*#__PURE__*/_react.default.createElement(Component, null, children));
-  };
-});
-var Navigation = exports.Navigation = (0, _app.makeDecoratable)("Navigation", function () {
-  return /*#__PURE__*/_react.default.createElement(_.Tags, {
+export const Navigation = makeDecoratable("Navigation", () => {
+  return /*#__PURE__*/React.createElement(Tags, {
     tags: {
       location: "navigation"
     }
-  }, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
-});
-var NavigationRenderer = exports.NavigationRenderer = (0, _app.makeDecoratable)("NavigationRenderer", (0, _app.createVoidComponent)());
-var MenuItemContext = /*#__PURE__*/_react.default.createContext({
-  menuItem: undefined,
-  depth: -1
+  }, /*#__PURE__*/React.createElement(NavigationRenderer, null));
 });
-MenuItemContext.displayName = "MenuItemContext";
-function useMenuItem() {
-  return _react.default.useContext(MenuItemContext);
-}
-var MenuItems = exports.MenuItems = (0, _app.makeDecoratable)("MenuItems", function (_ref2) {
-  var menuItems = _ref2.menuItems;
-  var menuItem = useMenuItem();
-  var depth = menuItem ? menuItem.depth : -1;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, menuItems.map(function (menuItem) {
-    return /*#__PURE__*/_react.default.createElement(MenuItemContext.Provider, {
-      key: menuItem.name,
-      value: {
-        menuItem: menuItem,
-        depth: depth + 1
-      }
-    }, /*#__PURE__*/_react.default.createElement(MenuItem, null));
-  }));
-});
-var MenuItem = exports.MenuItem = function MenuItem() {
-  return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
-};
-var MenuItemRenderer = exports.MenuItemRenderer = (0, _app.makeDecoratable)("MenuItemRenderer", (0, _app.createVoidComponent)());
+export const NavigationRenderer = makeDecoratable("NavigationRenderer", createVoidComponent());
 
 //# sourceMappingURL=Navigation.js.map