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

package/base/ui/Layout.js

@@ -0,0 +1,24 @@
+"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 = (0, _app.makeComposable)("Layout", function (_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(LayoutRenderer, props, children);
+});
+exports.Layout = Layout;
+var LayoutRenderer = (0, _app.makeComposable)("LayoutRenderer");
+exports.LayoutRenderer = LayoutRenderer;

package/base/ui/Layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Layout","makeComposable","children","props","LayoutRenderer"],"sources":["Layout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport interface LayoutProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nexport const Layout = makeComposable<LayoutProps>(\"Layout\", ({ children, ...props }) => {\n    return <LayoutRenderer {...props}>{children}</LayoutRenderer>;\n});\n\nexport const LayoutRenderer = makeComposable<LayoutProps>(\"LayoutRenderer\");\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;;AAOO,IAAMA,MAAM,GAAG,IAAAC,mBAAA,EAA4B,QAA5B,EAAsC,gBAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAZC,KAAY;EACpF,oBAAO,6BAAC,cAAD,EAAoBA,KAApB,EAA4BD,QAA5B,CAAP;AACH,CAFqB,CAAf;;AAIA,IAAME,cAAc,GAAG,IAAAH,mBAAA,EAA4B,gBAA5B,CAAvB"}

package/base/ui/LocaleSelector.d.ts

@@ -0,0 +1,2 @@
+export declare const LocaleSelector: import("@webiny/app").ComposableFC<unknown>;
+export declare const LocaleSelectorRenderer: import("@webiny/app").ComposableFC<unknown>;

package/base/ui/LocaleSelector.js

@@ -0,0 +1,19 @@
+"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 = (0, _app.makeComposable)("LocaleSelector", function () {
+  return /*#__PURE__*/_react.default.createElement(LocaleSelectorRenderer, null);
+});
+exports.LocaleSelector = LocaleSelector;
+var LocaleSelectorRenderer = (0, _app.makeComposable)("LocaleSelectorRenderer");
+exports.LocaleSelectorRenderer = LocaleSelectorRenderer;

package/base/ui/LocaleSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LocaleSelector","makeComposable","LocaleSelectorRenderer"],"sources":["LocaleSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const LocaleSelector = makeComposable(\"LocaleSelector\", () => {\n    return <LocaleSelectorRenderer />;\n});\n\nexport const LocaleSelectorRenderer = makeComposable(\"LocaleSelectorRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,cAAc,GAAG,IAAAC,mBAAA,EAAe,gBAAf,EAAiC,YAAM;EACjE,oBAAO,6BAAC,sBAAD,OAAP;AACH,CAF6B,CAAvB;;AAIA,IAAMC,sBAAsB,GAAG,IAAAD,mBAAA,EAAe,wBAAf,CAA/B"}

package/base/ui/LoginScreen.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface LoginScreenProps {
+    children: React.ReactNode;
+}
+export declare const LoginScreen: React.FC<LoginScreenProps>;
+export declare const LoginScreenRenderer: import("@webiny/app").ComposableFC<LoginScreenProps>;

package/base/ui/LoginScreen.js

@@ -0,0 +1,27 @@
+"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 = function LoginScreen(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
+    tags: {
+      location: "loginScreen"
+    }
+  }, /*#__PURE__*/_react.default.createElement(LoginScreenRenderer, null, children));
+};
+
+exports.LoginScreen = LoginScreen;
+var LoginScreenRenderer = (0, _app.makeComposable)("LoginScreenRenderer");
+exports.LoginScreenRenderer = LoginScreenRenderer;

package/base/ui/LoginScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LoginScreen","children","location","LoginScreenRenderer","makeComposable"],"sources":["LoginScreen.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\nimport { Tags } from \"./Tags\";\n\nexport interface LoginScreenProps {\n    children: React.ReactNode;\n}\n\nexport const LoginScreen: React.FC<LoginScreenProps> = ({ children }) => {\n    return (\n        <Tags tags={{ location: \"loginScreen\" }}>\n            <LoginScreenRenderer>{children}</LoginScreenRenderer>\n        </Tags>\n    );\n};\n\nexport const LoginScreenRenderer = makeComposable<LoginScreenProps>(\"LoginScreenRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAMO,IAAMA,WAAuC,GAAG,SAA1CA,WAA0C,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACrE,oBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;MAAEC,QAAQ,EAAE;IAAZ;EAAZ,gBACI,6BAAC,mBAAD,QAAsBD,QAAtB,CADJ,CADJ;AAKH,CANM;;;AAQA,IAAME,mBAAmB,GAAG,IAAAC,mBAAA,EAAiC,qBAAjC,CAA5B"}

package/base/ui/Logo.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare const Logo: import("@webiny/app").ComposableFC<unknown>;
+export declare const LogoRenderer: import("@webiny/app").ComposableFC<unknown>;
+interface AddLogoProps {
+    logo: JSX.Element;
+}
+export declare const AddLogo: React.FC<AddLogoProps>;
+export {};

package/base/ui/Logo.js

@@ -0,0 +1,36 @@
+"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 = (0, _app.makeComposable)("Logo", function () {
+  return /*#__PURE__*/_react.default.createElement(LogoRenderer, null);
+});
+exports.Logo = Logo;
+var LogoRenderer = (0, _app.makeComposable)("LogoRenderer");
+exports.LogoRenderer = LogoRenderer;
+
+var 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
+  });
+};
+
+exports.AddLogo = AddLogo;

package/base/ui/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Logo","makeComposable","LogoRenderer","AddLogo","logo","LogoHOC","useMemo"],"sources":["Logo.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Compose, makeComposable } from \"@webiny/app\";\n\nexport const Logo = makeComposable(\"Logo\", () => {\n    return <LogoRenderer />;\n});\n\nexport const LogoRenderer = makeComposable(\"LogoRenderer\");\n\ninterface AddLogoProps {\n    logo: JSX.Element;\n}\n\nexport const AddLogo: React.FC<AddLogoProps> = ({ logo }) => {\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;;AACA;;AAEO,IAAMA,IAAI,GAAG,IAAAC,mBAAA,EAAe,MAAf,EAAuB,YAAM;EAC7C,oBAAO,6BAAC,YAAD,OAAP;AACH,CAFmB,CAAb;;AAIA,IAAMC,YAAY,GAAG,IAAAD,mBAAA,EAAe,cAAf,CAArB;;;AAMA,IAAME,OAA+B,GAAG,SAAlCA,OAAkC,OAAc;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACzD,IAAMC,OAAO,GAAG,IAAAC,cAAA,EAAQ,YAAM;IAC1B,OAAO,YAAM;MACT,OAAO,SAASN,IAAT,GAAgB;QACnB,OAAOI,IAAP;MACH,CAFD;IAGH,CAJD;EAKH,CANe,EAMb,EANa,CAAhB;EAQA,oBAAO,6BAAC,YAAD;IAAS,SAAS,EAAEF,YAApB;IAAkC,IAAI,EAAEG;EAAxC,EAAP;AACH,CAVM"}

package/base/ui/Menu.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface MenuUpdater {
+    (menuItem: MenuData | undefined | null): MenuData | undefined;
+}
+export interface MenuContext {
+    menuItem: MenuData | null;
+    setMenu(id: string, updater: MenuUpdater): void;
+    removeMenu(id: string): void;
+}
+export interface MenuProps {
+    name: string;
+    label?: string;
+    path?: string;
+    icon?: JSX.Element;
+    onClick?: () => void;
+    testId?: string;
+    tags?: string[];
+    target?: string;
+    rel?: string;
+    element?: JSX.Element;
+    children?: React.ReactNode | React.ReactNode[];
+    pin?: "first" | "last";
+}
+export interface MenuData extends MenuProps {
+    children: MenuData[];
+}
+export declare const createEmptyMenu: (name: string) => MenuData;
+/**
+ * Register a new menu item into the Admin app.
+ */
+export declare const AddMenu: React.FC<MenuProps>;

package/base/ui/Menu.js

@@ -0,0 +1,166 @@
+"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.createEmptyMenu = exports.AddMenu = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ = require("../..");
+
+var _excluded = ["children"];
+var MenuContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+MenuContext.displayName = "MenuContext";
+
+var useMenu = function useMenu() {
+  return (0, _react.useContext)(MenuContext);
+};
+
+var createEmptyMenu = function createEmptyMenu(name) {
+  return {
+    name: name,
+    tags: [],
+    children: []
+  };
+};
+
+exports.createEmptyMenu = createEmptyMenu;
+var keys = ["label", "path", "icon", "onClick", "testId", "tags", "target", "rel", "element", "pin"];
+
+var mergeMenuItems = function mergeMenuItems(item1, item2) {
+  return (0, _objectSpread3.default)((0, _objectSpread3.default)((0, _objectSpread3.default)({}, item1), keys.reduce(function (map, key) {
+    var _item2$key;
+
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, map), {}, (0, _defineProperty2.default)({}, key, (_item2$key = item2[key]) !== null && _item2$key !== void 0 ? _item2$key : item1[key]));
+  }, {})), {}, {
+    children: (item2.children || []).reduce(function (acc, menu) {
+      var index = acc.findIndex(function (i) {
+        return i.name === menu.name;
+      });
+
+      if (index > -1) {
+        acc[index] = mergeMenuItems(acc[index], menu);
+      } else {
+        acc.push(menu);
+      }
+
+      return acc;
+    }, (0, _toConsumableArray2.default)(item1.children))
+  });
+};
+/**
+ * Register a new menu item into the Admin app.
+ */
+
+
+var AddMenu = function AddMenu(_ref) {
+  var children = _ref.children,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var menu = useMenu();
+  var navigation = (0, _.useNavigation)();
+  (0, _react.useEffect)(function () {
+    if (menu) {
+      menu.setMenu(props.name, function (existing) {
+        if (!existing) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
+            children: []
+          });
+        }
+
+        return mergeMenuItems(existing, props);
+      });
+    } else {
+      navigation.setMenu(props.name, function (existing) {
+        /**
+         * We return props because this will break otherwise.
+         * TODO @pavel check if this is correct
+         */
+        if (!existing) {
+          return props;
+        }
+
+        return mergeMenuItems(existing, props);
+      });
+    }
+
+    return function () {
+      if (menu) {
+        menu.removeMenu(props.name);
+      } else {
+        navigation.removeMenu(props.name);
+      }
+    };
+  }, []);
+  var context = {
+    menuItem: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, props), {}, {
+      children: []
+    }),
+    removeMenu: function removeMenu(name) {
+      (menu || navigation).setMenu(props.name, function (existing) {
+        if (!existing) {
+          return undefined;
+        }
+
+        var childIndex = existing.children.findIndex(function (ch) {
+          return ch.name === name;
+        });
+
+        if (childIndex > -1) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+            children: [].concat((0, _toConsumableArray2.default)(existing.children.slice(0, childIndex)), (0, _toConsumableArray2.default)(existing.children.slice(childIndex + 1)))
+          });
+        }
+
+        return existing;
+      });
+    },
+    setMenu: function setMenu(name, updater) {
+      (menu || navigation).setMenu(props.name, function (existing) {
+        if (!existing) {
+          existing = createEmptyMenu(props.name);
+        }
+
+        var subItems = existing.children;
+        var childIndex = subItems.findIndex(function (ch) {
+          return ch.name === name;
+        });
+
+        if (childIndex === -1) {
+          return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+            children: [].concat((0, _toConsumableArray2.default)(subItems), [updater(null)]).filter(Boolean)
+          });
+        }
+
+        return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, existing), {}, {
+          children: [].concat((0, _toConsumableArray2.default)(subItems.slice(0, childIndex)), [updater(subItems[childIndex])], (0, _toConsumableArray2.default)(subItems.slice(childIndex + 1))).filter(Boolean)
+        });
+      });
+    }
+  };
+
+  if (!children) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(MenuContext.Provider, {
+    value: context
+  }, children);
+};
+
+exports.AddMenu = AddMenu;
+AddMenu.defaultProps = {
+  tags: []
+};

package/base/ui/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MenuContext","createContext","undefined","displayName","useMenu","useContext","createEmptyMenu","name","tags","children","keys","mergeMenuItems","item1","item2","reduce","map","key","acc","menu","index","findIndex","i","push","AddMenu","props","navigation","useNavigation","useEffect","setMenu","existing","removeMenu","context","menuItem","childIndex","ch","slice","updater","subItems","filter","Boolean","defaultProps"],"sources":["Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect } from \"react\";\nimport { useNavigation } from \"~/index\";\n\nexport interface MenuUpdater {\n    (menuItem: MenuData | undefined | null): MenuData | undefined;\n}\n\nexport interface MenuContext {\n    menuItem: MenuData | null;\n    setMenu(id: string, updater: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst MenuContext = createContext<MenuContext | undefined>(undefined);\nMenuContext.displayName = \"MenuContext\";\n\nconst useMenu = () => {\n    return useContext(MenuContext);\n};\n\nexport interface MenuProps {\n    name: string;\n    label?: string;\n    path?: string;\n    icon?: JSX.Element;\n    onClick?: () => void;\n    testId?: string;\n    tags?: string[];\n    target?: string;\n    rel?: string;\n    element?: JSX.Element;\n    children?: React.ReactNode | React.ReactNode[];\n    pin?: \"first\" | \"last\";\n}\n\nexport interface MenuData extends MenuProps {\n    children: MenuData[];\n}\n\nexport const createEmptyMenu = (name: string): MenuData => {\n    return {\n        name,\n        tags: [],\n        children: []\n    };\n};\n\nconst keys: (keyof MenuData)[] = [\n    \"label\",\n    \"path\",\n    \"icon\",\n    \"onClick\",\n    \"testId\",\n    \"tags\",\n    \"target\",\n    \"rel\",\n    \"element\",\n    \"pin\"\n];\n\nconst mergeMenuItems = (item1: MenuData, item2: MenuData): MenuData => {\n    return {\n        ...item1,\n        ...keys.reduce((map, key) => ({ ...map, [key]: item2[key] ?? item1[key] }), {}),\n        children: (item2.children || []).reduce(\n            (acc, menu) => {\n                const index = acc.findIndex(i => i.name === menu.name);\n                if (index > -1) {\n                    acc[index] = mergeMenuItems(acc[index], menu);\n                } else {\n                    acc.push(menu);\n                }\n                return acc;\n            },\n            [...item1.children]\n        )\n    };\n};\n\n/**\n * Register a new menu item into the Admin app.\n */\nexport const AddMenu: React.FC<MenuProps> = ({ children, ...props }) => {\n    const menu = useMenu();\n    const navigation = useNavigation();\n\n    useEffect(() => {\n        if (menu) {\n            menu.setMenu(props.name, existing => {\n                if (!existing) {\n                    return { ...props, children: [] } as MenuData;\n                }\n\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        } else {\n            navigation.setMenu(props.name, existing => {\n                /**\n                 * We return props because this will break otherwise.\n                 * TODO @pavel check if this is correct\n                 */\n                if (!existing) {\n                    return props as MenuData;\n                }\n                return mergeMenuItems(existing, props as MenuData);\n            });\n        }\n\n        return () => {\n            if (menu) {\n                menu.removeMenu(props.name);\n            } else {\n                navigation.removeMenu(props.name);\n            }\n        };\n    }, []);\n\n    const context: MenuContext = {\n        menuItem: { ...props, children: [] },\n        removeMenu(name) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    return undefined;\n                }\n\n                const childIndex = existing.children.findIndex(ch => ch.name === name);\n                if (childIndex > -1) {\n                    return {\n                        ...existing,\n                        children: [\n                            ...existing.children.slice(0, childIndex),\n                            ...existing.children.slice(childIndex + 1)\n                        ]\n                    };\n                }\n\n                return existing;\n            });\n        },\n        setMenu(name: string, updater: MenuUpdater) {\n            (menu || navigation).setMenu(props.name, existing => {\n                if (!existing) {\n                    existing = createEmptyMenu(props.name);\n                }\n\n                const subItems = existing.children;\n\n                const childIndex = subItems.findIndex(ch => ch.name === name);\n                if (childIndex === -1) {\n                    return {\n                        ...existing,\n                        children: [...subItems, updater(null)].filter(Boolean) as MenuData[]\n                    };\n                }\n\n                return {\n                    ...existing,\n                    children: [\n                        ...subItems.slice(0, childIndex),\n                        updater(subItems[childIndex]),\n                        ...subItems.slice(childIndex + 1)\n                    ].filter(Boolean) as MenuData[]\n                };\n            });\n        }\n    };\n\n    if (!children) {\n        return null;\n    }\n\n    return <MenuContext.Provider value={context}>{children}</MenuContext.Provider>;\n};\n\nAddMenu.defaultProps = { tags: [] };\n"],"mappings":"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"}

package/base/ui/Navigation.d.ts

@@ -0,0 +1,24 @@
+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: (Component: React.ComponentType<unknown>) => React.FC;
+export declare const Navigation: React.FC;
+export declare const NavigationRenderer: import("@webiny/app").ComposableFC<unknown>;
+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: import("@webiny/app").ComposableFC<MenuItemsProps>;
+export declare const MenuItem: React.FC;
+export declare const MenuItemRenderer: import("@webiny/app").ComposableFC<unknown>;
+export {};

package/base/ui/Navigation.js

@@ -0,0 +1,184 @@
+"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 _nanoid = require("nanoid");
+
+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, _nanoid.nanoid)(),
+    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 @ts-refactor
+
+    setMenus(menuElements);
+  }, []);
+  return menus;
+};
+
+var NavigationProvider = function NavigationProvider(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));
+  };
+};
+
+exports.NavigationProvider = NavigationProvider;
+
+var Navigation = function Navigation() {
+  return /*#__PURE__*/_react.default.createElement(_.Tags, {
+    tags: {
+      location: "navigation"
+    }
+  }, /*#__PURE__*/_react.default.createElement(NavigationRenderer, null));
+};
+
+exports.Navigation = Navigation;
+var NavigationRenderer = (0, _app.makeComposable)("NavigationRenderer");
+exports.NavigationRenderer = NavigationRenderer;
+
+var MenuItemContext = /*#__PURE__*/_react.default.createContext({
+  menuItem: undefined,
+  depth: -1
+});
+
+MenuItemContext.displayName = "MenuItemContext";
+
+function useMenuItem() {
+  return _react.default.useContext(MenuItemContext);
+}
+
+var MenuItems = (0, _app.makeComposable)("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));
+  }));
+});
+exports.MenuItems = MenuItems;
+
+var MenuItem = function MenuItem() {
+  return /*#__PURE__*/_react.default.createElement(MenuItemRenderer, null);
+};
+
+exports.MenuItem = MenuItem;
+var MenuItemRenderer = (0, _app.makeComposable)("MenuItemRenderer");
+exports.MenuItemRenderer = MenuItemRenderer;

package/base/ui/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NavigationContext","createContext","menuItems","setMenu","removeMenu","displayName","useNavigation","useContext","LegacyMenu","props","name","nanoid","label","children","LegacyMenuPlugins","useState","menus","setMenus","useEffect","menuPlugins","plugins","byType","menuElements","map","plugin","render","Menu","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","createEmptyMenu","slice","useCallback","context","useMemo","Navigation","location","NavigationRenderer","makeComposable","MenuItemContext","React","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"sources":["Navigation.tsx"],"sourcesContent":["import React, {\n    Fragment,\n    useEffect,\n    createContext,\n    useCallback,\n    useMemo,\n    useState,\n    useContext\n} from \"react\";\nimport { nanoid } from \"nanoid\";\nimport { makeComposable, Plugins } from \"@webiny/app\";\nimport { MenuData, MenuProps, AddMenu as Menu, Tags, MenuUpdater, createEmptyMenu } from \"~/index\";\nimport { plugins } from \"@webiny/plugins\";\nimport { AdminMenuPlugin } from \"~/types\";\nimport { ItemProps, SectionProps } from \"~/plugins/MenuPlugin\";\n\nexport interface NavigationContext {\n    menuItems: MenuData[];\n    setMenu(id: string, update: MenuUpdater): void;\n    removeMenu(id: string): void;\n}\n\nconst NavigationContext = createContext<NavigationContext>({\n    menuItems: [],\n    setMenu: () => {\n        return void 0;\n    },\n    removeMenu: () => {\n        return void 0;\n    }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation() {\n    return useContext(NavigationContext);\n}\n\n// IMPORTANT! The following component is for BACKWARDS COMPATIBILITY purposes only!\n// It is not a public component, and is not even exported from this file. We need it to take care of\n// scaffolded plugins in users' projects, as well as our own applications (Page Builder and Form Builder).\nconst LegacyMenu: React.FC<MenuProps | SectionProps | ItemProps> = props => {\n    return (\n        <Menu {...props} name={(props as MenuProps).name || nanoid()} label={props.label as string}>\n            {props.children}\n        </Menu>\n    );\n};\n\nconst LegacyMenuPlugins: React.FC = () => {\n    // IMPORTANT! The following piece of code is for BACKWARDS COMPATIBILITY purposes only!\n    const [menus, setMenus] = useState<JSX.Element | null>(null);\n\n    useEffect(() => {\n        const menuPlugins = plugins.byType<AdminMenuPlugin>(\"admin-menu\");\n        if (!menuPlugins) {\n            return;\n        }\n\n        const menuElements = menuPlugins.map(plugin => {\n            // TODO @ts-refactor figure out correct types or write a comment to leave as React.FC\n            return (\n                <Plugins key={plugin.name}>\n                    {plugin.render({\n                        Menu: LegacyMenu as React.FC,\n                        Item: LegacyMenu as React.FC,\n                        Section: LegacyMenu as React.FC\n                    })}\n                </Plugins>\n            );\n        });\n        // TODO @ts-refactor\n        setMenus(menuElements as any);\n    }, []);\n\n    return menus;\n};\n\nexport const NavigationProvider = (Component: React.ComponentType<unknown>): React.FC => {\n    return function NavigationProvider({ children }) {\n        const [menuItems, setState] = useState<MenuData[]>([]);\n\n        const setMenu = (id: string, updater: MenuUpdater): void => {\n            setState(state => {\n                const index = state.findIndex(m => m.name === id);\n\n                const newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));\n                if (!newMenu) {\n                    return [...state];\n                }\n                if (!newMenu.children) {\n                    newMenu.children = [];\n                }\n\n                return index > -1\n                    ? [...state.slice(0, index), newMenu, ...state.slice(index + 1)]\n                    : [...state, newMenu];\n            });\n        };\n        const removeMenu = useCallback(\n            id => {\n                setState(state => {\n                    const index = state.findIndex(m => m.name === id);\n\n                    if (index < 0) {\n                        return state;\n                    }\n\n                    return [...state.slice(0, index), ...state.slice(index + 1)];\n                });\n            },\n            [setState]\n        );\n\n        const context = useMemo<NavigationContext>(\n            () => ({\n                menuItems,\n                setMenu,\n                removeMenu\n            }),\n            [menuItems, setMenu, removeMenu]\n        );\n\n        return (\n            <NavigationContext.Provider value={context}>\n                <LegacyMenuPlugins />\n                <Component>{children}</Component>\n            </NavigationContext.Provider>\n        );\n    };\n};\n\nexport const Navigation: React.FC = () => {\n    return (\n        <Tags tags={{ location: \"navigation\" }}>\n            <NavigationRenderer />\n        </Tags>\n    );\n};\n\nexport const NavigationRenderer = makeComposable(\"NavigationRenderer\");\n\ninterface MenuItemContext {\n    menuItem?: MenuData;\n    depth: number;\n}\n\nconst MenuItemContext = React.createContext<MenuItemContext>({\n    menuItem: undefined,\n    depth: -1\n});\nMenuItemContext.displayName = \"MenuItemContext\";\n\nexport function useMenuItem() {\n    return React.useContext(MenuItemContext);\n}\n\nexport interface MenuItemsProps {\n    menuItems: MenuData[];\n}\n\nexport const MenuItems = makeComposable<MenuItemsProps>(\"MenuItems\", ({ menuItems }) => {\n    const menuItem = useMenuItem();\n\n    const depth = menuItem ? menuItem.depth : -1;\n\n    return (\n        <Fragment>\n            {menuItems.map(menuItem => (\n                <MenuItemContext.Provider\n                    key={menuItem.name}\n                    value={{ menuItem, depth: depth + 1 }}\n                >\n                    <MenuItem />\n                </MenuItemContext.Provider>\n            ))}\n        </Fragment>\n    );\n});\n\nexport const MenuItem: React.FC = () => {\n    return <MenuItemRenderer />;\n};\n\nexport const MenuItemRenderer = makeComposable(\"MenuItemRenderer\");\n"],"mappings":"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"}

package/base/ui/NotFound.d.ts

@@ -0,0 +1,2 @@
+export declare const NotFound: import("@webiny/app").ComposableFC<unknown>;
+export declare const NotFoundRenderer: import("@webiny/app").ComposableFC<unknown>;

package/base/ui/NotFound.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotFoundRenderer = exports.NotFound = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _app = require("@webiny/app");
+
+var NotFound = (0, _app.makeComposable)("NotFound", function () {
+  return /*#__PURE__*/_react.default.createElement(NotFoundRenderer, null);
+});
+exports.NotFound = NotFound;
+var NotFoundRenderer = (0, _app.makeComposable)("NotFoundRenderer");
+exports.NotFoundRenderer = NotFoundRenderer;

package/base/ui/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["NotFound","makeComposable","NotFoundRenderer"],"sources":["NotFound.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app\";\n\nexport const NotFound = makeComposable(\"NotFound\", () => {\n    return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeComposable(\"NotFoundRenderer\");\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,QAAQ,GAAG,IAAAC,mBAAA,EAAe,UAAf,EAA2B,YAAM;EACrD,oBAAO,6BAAC,gBAAD,OAAP;AACH,CAFuB,CAAjB;;AAIA,IAAMC,gBAAgB,GAAG,IAAAD,mBAAA,EAAe,kBAAf,CAAzB"}

package/base/ui/Search.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface SearchOptionData {
+    route: string;
+    label: string;
+    search?: {
+        operator?: "and" | "or";
+        fields?: Array<string>;
+    };
+}
+export interface SearchContext {
+    options: SearchOptionData[];
+    addOption(option: SearchOptionData): void;
+}
+export declare function useSearch(): SearchContext;
+export declare const SearchProvider: (Component: React.FC) => React.FC;
+export declare const Search: import("@webiny/app").ComposableFC<unknown>;
+export declare const SearchRenderer: import("@webiny/app").ComposableFC<unknown>;
+export declare type SearchOptionProps = SearchOptionData;
+export declare const SearchOption: React.FC<SearchOptionProps>;