@webiny/app-admin 5.23.1 → 5.25.0-beta.0

package/base/ui/Navigation.js

@@ -1,12 +1,19 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { Fragment, useEffect, createContext, useCallback, useMemo, useState, useContext } from "react";
 import { nanoid } from "nanoid";
 import { makeComposable, Plugins } from "@webiny/app-admin-core";
-import { AddMenu as Menu, Tags } from "../..";
+import { AddMenu as Menu, Tags, createEmptyMenu } from "../..";
 import { plugins } from "@webiny/plugins";
-var NavigationContext = /*#__PURE__*/createContext(null);
+var NavigationContext = /*#__PURE__*/createContext({
+  menuItems: [],
+  setMenu: function setMenu() {
+    return void 0;
+  },
+  removeMenu: function removeMenu() {
+    return void 0;
+  }
+});
 NavigationContext.displayName = "NavigationContext";
 export function useNavigation() {
   return useContext(NavigationContext);
@@ -36,6 +43,7 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
     }
 
     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.createElement(Plugins, {
         key: plugin.name
       }, plugin.render({
@@ -43,7 +51,8 @@ var LegacyMenuPlugins = function LegacyMenuPlugins() {
         Item: LegacyMenu,
         Section: LegacyMenu
       }));
-    });
+    }); // TODO @ts-refactor
+
     setMenus(menuElements);
   }, []);
   return menus;
@@ -58,34 +67,22 @@ export var NavigationProvider = function NavigationProvider(Component) {
         menuItems = _useState4[0],
         setState = _useState4[1];
 
-    var mergeMenuItems = function mergeMenuItems(item1, item2) {
-      var _item2$label, _item2$icon;
-
-      return _objectSpread(_objectSpread({}, item1), {}, {
-        label: (_item2$label = item2.label) !== null && _item2$label !== void 0 ? _item2$label : item1.label,
-        icon: (_item2$icon = item2.icon) !== null && _item2$icon !== void 0 ? _item2$icon : item1.icon,
-        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;
-        }, _toConsumableArray(item1.children))
-      });
-    };
-
-    var setMenu = function setMenu(id, menuItem) {
+    var setMenu = function setMenu(id, updater) {
       setState(function (state) {
         var index = state.findIndex(function (m) {
           return m.name === id;
         });
-        return index > -1 ? [].concat(_toConsumableArray(state.slice(0, index)), [mergeMenuItems(state[index], menuItem)], _toConsumableArray(state.slice(index + 1))) : [].concat(_toConsumableArray(state), [menuItem]);
+        var newMenu = index > -1 ? updater(state[index]) : updater(createEmptyMenu(id));
+
+        if (!newMenu) {
+          return _toConsumableArray(state);
+        }
+
+        if (!newMenu.children) {
+          newMenu.children = [];
+        }
+
+        return index > -1 ? [].concat(_toConsumableArray(state.slice(0, index)), [newMenu], _toConsumableArray(state.slice(index + 1))) : [].concat(_toConsumableArray(state), [newMenu]);
       });
     };
 
@@ -122,7 +119,10 @@ export var Navigation = function Navigation() {
   }, /*#__PURE__*/React.createElement(NavigationRenderer, null));
 };
 export var NavigationRenderer = makeComposable("NavigationRenderer");
-var MenuItemContext = /*#__PURE__*/React.createContext(null);
+var MenuItemContext = /*#__PURE__*/React.createContext({
+  menuItem: undefined,
+  depth: -1
+});
 MenuItemContext.displayName = "MenuItemContext";
 export function useMenuItem() {
   return React.useContext(MenuItemContext);

package/base/ui/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Navigation.tsx"],"names":["React","Fragment","useEffect","createContext","useCallback","useMemo","useState","useContext","nanoid","makeComposable","Plugins","AddMenu","Menu","Tags","createEmptyMenu","plugins","NavigationContext","menuItems","setMenu","removeMenu","displayName","useNavigation","LegacyMenu","props","name","label","children","LegacyMenuPlugins","menus","setMenus","menuPlugins","byType","menuElements","map","plugin","render","Item","Section","NavigationProvider","Component","setState","id","updater","state","index","findIndex","m","newMenu","slice","context","Navigation","location","NavigationRenderer","MenuItemContext","menuItem","undefined","depth","useMenuItem","MenuItems","MenuItem","MenuItemRenderer"],"mappings":"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","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-admin-core\";\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"]}

package/base/ui/NotFound.d.ts

@@ -1,9 +1,2 @@
-import React from "react";
-export declare const NotFound: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const NotFoundRenderer: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
+export declare const NotFound: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const NotFoundRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;

package/base/ui/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["NotFound.tsx"],"names":["React","makeComposable","NotFound","NotFoundRenderer"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAEA,OAAO,IAAMC,QAAQ,GAAGD,cAAc,CAAC,UAAD,EAAa,YAAM;AACrD,sBAAO,oBAAC,gBAAD,OAAP;AACH,CAFqC,CAA/B;AAIP,OAAO,IAAME,gBAAgB,GAAGF,cAAc,CAAC,kBAAD,CAAvC","sourcesContent":["import React from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport const NotFound = makeComposable(\"NotFound\", () => {\n    return <NotFoundRenderer />;\n});\n\nexport const NotFoundRenderer = makeComposable(\"NotFoundRenderer\");\n"]}

package/base/ui/Search.d.ts

@@ -12,17 +12,8 @@ export interface SearchContext {
     addOption(option: SearchOptionData): void;
 }
 export declare function useSearch(): SearchContext;
-export declare const SearchProvider: (Component: any) => ({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}) => JSX.Element;
-export declare const Search: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const SearchRenderer: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
+export declare const SearchProvider: (Component: React.FC) => React.FC;
+export declare const Search: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const SearchRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
 export declare type SearchOptionProps = SearchOptionData;
-export declare const SearchOption: (props: SearchOptionProps) => any;
+export declare const SearchOption: React.FC<SearchOptionProps>;

package/base/ui/Search.js

@@ -4,7 +4,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 import React, { useCallback, useEffect, useState } from "react";
 import { makeComposable } from "@webiny/app-admin-core";
-var SearchContext = /*#__PURE__*/React.createContext(null);
+var SearchContext = /*#__PURE__*/React.createContext({
+  options: [],
+  addOption: function addOption() {
+    return void 0;
+  }
+});
 SearchContext.displayName = "SearchContext";
 export function useSearch() {
   return React.useContext(SearchContext);

package/base/ui/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Search.tsx"],"names":["React","useCallback","useEffect","useState","makeComposable","SearchContext","createContext","options","addOption","displayName","useSearch","useContext","SearchProvider","Component","children","props","setOptions","option","context","Search","SearchRenderer","SearchOption"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,QAAxC,QAAwD,OAAxD;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAgBA,IAAMC,aAAa,gBAAGL,KAAK,CAACM,aAAN,CAAmC;AACrDC,EAAAA,OAAO,EAAE,EAD4C;AAErDC,EAAAA,SAAS,EAAE,qBAAM;AACb,WAAO,KAAK,CAAZ;AACH;AAJoD,CAAnC,CAAtB;AAMAH,aAAa,CAACI,WAAd,GAA4B,eAA5B;AAEA,OAAO,SAASC,SAAT,GAAqB;AACxB,SAAOV,KAAK,CAACW,UAAN,CAAiBN,aAAjB,CAAP;AACH;AAED,OAAO,IAAMO,cAAc,GAAG,SAAjBA,cAAiB,CAACC,SAAD,EAAmC;AAC7D,SAAO,SAASD,cAAT,OAAgD;AAAA,QAAtBE,QAAsB,QAAtBA,QAAsB;AAAA,QAATC,KAAS;;AACnD,oBAA8BZ,QAAQ,CAAqB,EAArB,CAAtC;AAAA;AAAA,QAAOI,OAAP;AAAA,QAAgBS,UAAhB;;AAEA,QAAMR,SAAS,GAAGP,WAAW,CACzB,UAAAgB,MAAM;AAAA,aAAID,UAAU,CAAC,UAAAT,OAAO;AAAA,4CAAQA,OAAR,IAAiBU,MAAjB;AAAA,OAAR,CAAd;AAAA,KADmB,EAEzB,CAACD,UAAD,CAFyB,CAA7B;AAKA,QAAME,OAAO,GAAG;AACZX,MAAAA,OAAO,EAAPA,OADY;AAEZC,MAAAA,SAAS,EAATA;AAFY,KAAhB;AAKA,wBACI,oBAAC,aAAD,CAAe,QAAf;AAAwB,MAAA,KAAK,EAAEU;AAA/B,oBACI,oBAAC,SAAD,EAAeH,KAAf,EAAuBD,QAAvB,CADJ,CADJ;AAKH,GAlBD;AAmBH,CApBM;AAsBP,OAAO,IAAMK,MAAM,GAAGf,cAAc,CAAC,QAAD,EAAW,YAAM;AACjD,sBAAO,oBAAC,cAAD,OAAP;AACH,CAFmC,CAA7B;AAIP,OAAO,IAAMgB,cAAc,GAAGhB,cAAc,CAAC,gBAAD,CAArC;AAIP,OAAO,IAAMiB,YAAyC,GAAG,SAA5CA,YAA4C,CAAAN,KAAK,EAAI;AAC9D,mBAAsBL,SAAS,EAA/B;AAAA,MAAQF,SAAR,cAAQA,SAAR;;AAEAN,EAAAA,SAAS,CAAC,YAAM;AACZM,IAAAA,SAAS,CAACO,KAAD,CAAT;AACH,GAFQ,EAEN,EAFM,CAAT;AAIA,SAAO,IAAP;AACH,CARM","sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface SearchOptionData {\n    route: string;\n    label: string;\n    search?: {\n        operator?: \"and\" | \"or\";\n        fields?: Array<string>;\n    };\n}\n\nexport interface SearchContext {\n    options: SearchOptionData[];\n    addOption(option: SearchOptionData): void;\n}\n\nconst SearchContext = React.createContext<SearchContext>({\n    options: [],\n    addOption: () => {\n        return void 0;\n    }\n});\nSearchContext.displayName = \"SearchContext\";\n\nexport function useSearch() {\n    return React.useContext(SearchContext);\n}\n\nexport const SearchProvider = (Component: React.FC): React.FC => {\n    return function SearchProvider({ children, ...props }) {\n        const [options, setOptions] = useState<SearchOptionData[]>([]);\n\n        const addOption = useCallback<SearchContext[\"addOption\"]>(\n            option => setOptions(options => [...options, option]),\n            [setOptions]\n        );\n\n        const context = {\n            options,\n            addOption\n        };\n\n        return (\n            <SearchContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </SearchContext.Provider>\n        );\n    };\n};\n\nexport const Search = makeComposable(\"Search\", () => {\n    return <SearchRenderer />;\n});\n\nexport const SearchRenderer = makeComposable(\"SearchRenderer\");\n\nexport type SearchOptionProps = SearchOptionData;\n\nexport const SearchOption: React.FC<SearchOptionProps> = props => {\n    const { addOption } = useSearch();\n\n    useEffect(() => {\n        addOption(props);\n    }, []);\n\n    return null;\n};\n"]}

package/base/ui/Tags.d.ts

@@ -1,8 +1,10 @@
 import React from "react";
+declare type TagsContext = Record<string, string | boolean>;
+declare const TagsContext: React.Context<TagsContext>;
 interface TagsProps {
     tags: Record<string, string | boolean>;
     children: React.ReactNode;
 }
-export declare const Tags: ({ tags, children }: TagsProps) => JSX.Element;
-export declare const useTags: () => Record<string, string | boolean>;
+export declare const Tags: React.FC<TagsProps>;
+export declare const useTags: () => TagsContext;
 export {};

package/base/ui/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Tags.tsx"],"names":["React","createContext","useContext","TagsContext","displayName","Tags","tags","children","useTags"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,aAAhB,EAA+BC,UAA/B,QAAiD,OAAjD;AAIA,IAAMC,WAAW,gBAAGF,aAAa,CAAc,EAAd,CAAjC;AACAE,WAAW,CAACC,WAAZ,GAA0B,aAA1B;AAOA,OAAO,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAAwB;AAAA,MAArBC,IAAqB,QAArBA,IAAqB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC7D,sBAAO,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAED;AAA7B,KAAoCC,QAApC,CAAP;AACH,CAFM;AAIP,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACzB,SAAON,UAAU,CAACC,WAAD,CAAjB;AACH,CAFM","sourcesContent":["import React, { createContext, useContext } from \"react\";\n\ntype TagsContext = Record<string, string | boolean>;\n\nconst TagsContext = createContext<TagsContext>({});\nTagsContext.displayName = \"TagsContext\";\n\ninterface TagsProps {\n    tags: Record<string, string | boolean>;\n    children: React.ReactNode;\n}\n\nexport const Tags: React.FC<TagsProps> = ({ tags, children }) => {\n    return <TagsContext.Provider value={tags}>{children}</TagsContext.Provider>;\n};\n\nexport const useTags = () => {\n    return useContext(TagsContext);\n};\n"]}

package/base/ui/UserMenu.d.ts

@@ -11,44 +11,20 @@ export interface UserMenuContext {
     addMenuItem(item: UserMenuItemData): void;
 }
 export declare function useUserMenu(): UserMenuContext;
-export declare const UserMenuProvider: (Component: any) => ({ children, ...props }: {
-    [x: string]: any;
-    children: any;
-}) => JSX.Element;
-export declare const UserMenu: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const UserMenuRenderer: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const UserMenuHandle: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const UserMenuHandleRenderer: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
+export declare const UserMenuProvider: (Component: React.FC) => React.FC;
+export declare const UserMenu: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const UserMenuRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const UserMenuHandle: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const UserMenuHandleRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
 export interface UserMenuItemProps {
     menuItem: UserMenuItemData;
 }
-export declare const UserMenuItem: React.FC<UserMenuItemProps> & {
-    original: React.ComponentType<UserMenuItemProps>;
-    originalName: string;
-};
-export declare const UserMenuItemRenderer: React.FC<unknown> & {
-    original: React.ComponentType<unknown>;
-    originalName: string;
-};
-export declare const AddUserMenuItem: (props: UserMenuItemProps["menuItem"]) => any;
+export declare const UserMenuItem: import("@webiny/app-admin-core").ComposableFC<UserMenuItemProps>;
+export declare const UserMenuItemRenderer: import("@webiny/app-admin-core").ComposableFC<unknown>;
+export declare const AddUserMenuItem: React.FC<UserMenuItemProps["menuItem"]>;
 export declare type UserMenuItemContext = UserMenuItemData;
 export declare function useUserMenuItem(): UserMenuItemData;
 export interface UserMenuItemsProps {
     menuItems: UserMenuItemData[];
 }
-export declare const UserMenuItems: React.FC<UserMenuItemsProps> & {
-    original: React.ComponentType<UserMenuItemsProps>;
-    originalName: string;
-};
+export declare const UserMenuItems: import("@webiny/app-admin-core").ComposableFC<UserMenuItemsProps>;

package/base/ui/UserMenu.js

@@ -4,7 +4,12 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"];
 import React, { Fragment, useCallback, useEffect, useState } from "react";
 import { makeComposable } from "@webiny/app-admin-core";
-var UserMenuContext = /*#__PURE__*/React.createContext(null);
+var UserMenuContext = /*#__PURE__*/React.createContext({
+  addMenuItem: function addMenuItem() {
+    return void 0;
+  },
+  menuItems: []
+});
 UserMenuContext.displayName = "UserMenuContext";
 export function useUserMenu() {
   return React.useContext(UserMenuContext);
@@ -70,7 +75,15 @@ export var AddUserMenuItem = function AddUserMenuItem(props) {
   }, []);
   return null;
 };
-var UserMenuItemContext = /*#__PURE__*/React.createContext(null);
+var UserMenuItemContext = /*#__PURE__*/React.createContext({
+  element: undefined,
+  icon: undefined,
+  label: undefined,
+  onClick: function onClick() {
+    return void 0;
+  },
+  path: undefined
+});
 UserMenuItemContext.displayName = "UserMenuItemContext";
 export function useUserMenuItem() {
   return React.useContext(UserMenuItemContext);

package/base/ui/UserMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["UserMenu.tsx"],"names":["React","Fragment","useCallback","useEffect","useState","makeComposable","UserMenuContext","createContext","addMenuItem","menuItems","displayName","useUserMenu","useContext","UserMenuProvider","Component","children","props","setItems","item","items","index","findIndex","i","slice","context","UserMenu","UserMenuRenderer","UserMenuHandle","UserMenuHandleRenderer","UserMenuItem","menuItem","UserMenuItemRenderer","AddUserMenuItem","UserMenuItemContext","element","undefined","icon","label","onClick","path","useUserMenuItem","UserMenuItems","map"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,WAA1B,EAAuCC,SAAvC,EAAkDC,QAAlD,QAAkE,OAAlE;AACA,SAASC,cAAT,QAA+B,wBAA/B;AAeA,IAAMC,eAAe,gBAAGN,KAAK,CAACO,aAAN,CAAqC;AACzDC,EAAAA,WAAW,EAAE,uBAAM;AACf,WAAO,KAAK,CAAZ;AACH,GAHwD;AAIzDC,EAAAA,SAAS,EAAE;AAJ8C,CAArC,CAAxB;AAMAH,eAAe,CAACI,WAAhB,GAA8B,iBAA9B;AAEA,OAAO,SAASC,WAAT,GAAuB;AAC1B,SAAOX,KAAK,CAACY,UAAN,CAAiBN,eAAjB,CAAP;AACH;AAED,OAAO,IAAMO,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD,EAAmC;AAC/D,SAAO,SAASD,gBAAT,OAAkD;AAAA,QAAtBE,QAAsB,QAAtBA,QAAsB;AAAA,QAATC,KAAS;;AACrD,oBAA8BZ,QAAQ,CAAqB,EAArB,CAAtC;AAAA;AAAA,QAAOK,SAAP;AAAA,QAAkBQ,QAAlB;;AAEA,QAAMT,WAAW,GAAGN,WAAW,CAC3B,UAAAgB,IAAI,EAAI;AACJD,MAAAA,QAAQ,CAAC,UAAAE,KAAK;AAAA,4CAAQA,KAAR,IAAeD,IAAf;AAAA,OAAN,CAAR;AAEA,aAAO,YAAM;AACTD,QAAAA,QAAQ,CAAC,UAAAE,KAAK,EAAI;AACd,cAAMC,KAAK,GAAGD,KAAK,CAACE,SAAN,CAAgB,UAAAC,CAAC;AAAA,mBAAIA,CAAC,KAAKJ,IAAV;AAAA,WAAjB,CAAd;;AACA,cAAIE,KAAK,GAAG,CAAZ,EAAe;AACX,mBAAOD,KAAP;AACH;;AAED,8CAAWA,KAAK,CAACI,KAAN,CAAY,CAAZ,EAAeH,KAAf,CAAX,sBAAqCD,KAAK,CAACI,KAAN,CAAYH,KAAK,GAAG,CAApB,CAArC;AACH,SAPO,CAAR;AAQH,OATD;AAUH,KAd0B,EAe3B,CAACH,QAAD,CAf2B,CAA/B;AAkBA,QAAMO,OAAO,GAAG;AACZf,MAAAA,SAAS,EAATA,SADY;AAEZD,MAAAA,WAAW,EAAXA;AAFY,KAAhB;AAKA,wBACI,oBAAC,eAAD,CAAiB,QAAjB;AAA0B,MAAA,KAAK,EAAEgB;AAAjC,oBACI,oBAAC,SAAD,EAAeR,KAAf,EAAuBD,QAAvB,CADJ,CADJ;AAKH,GA/BD;AAgCH,CAjCM;AAmCP,OAAO,IAAMU,QAAQ,GAAGpB,cAAc,CAAC,UAAD,EAAa,YAAM;AACrD,sBAAO,oBAAC,gBAAD,OAAP;AACH,CAFqC,CAA/B;AAIP,OAAO,IAAMqB,gBAAgB,GAAGrB,cAAc,CAAC,kBAAD,CAAvC;AAEP,OAAO,IAAMsB,cAAc,GAAGtB,cAAc,CAAC,gBAAD,EAAmB,YAAM;AACjE,sBAAO,oBAAC,sBAAD,OAAP;AACH,CAF2C,CAArC;AAIP,OAAO,IAAMuB,sBAAsB,GAAGvB,cAAc,CAAC,wBAAD,CAA7C;AAMP,OAAO,IAAMwB,YAAY,GAAGxB,cAAc,CAAoB,cAApB,EAAoC,iBAAkB;AAAA,MAAfyB,QAAe,SAAfA,QAAe;AAC5F,sBACI,oBAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAEA;AAArC,kBACI,oBAAC,oBAAD,OADJ,CADJ;AAKH,CANyC,CAAnC;AAQP,OAAO,IAAMC,oBAAoB,GAAG1B,cAAc,CAAC,sBAAD,CAA3C;AAEP,OAAO,IAAM2B,eAAwD,GAAG,SAA3DA,eAA2D,CAAAhB,KAAK,EAAI;AAC7E,qBAAwBL,WAAW,EAAnC;AAAA,MAAQH,WAAR,gBAAQA,WAAR;;AAEAL,EAAAA,SAAS,CAAC,YAAM;AACZ,WAAOK,WAAW,CAACQ,KAAD,CAAlB;AACH,GAFQ,EAEN,EAFM,CAAT;AAIA,SAAO,IAAP;AACH,CARM;AAYP,IAAMiB,mBAAmB,gBAAGjC,KAAK,CAACO,aAAN,CAAyC;AACjE2B,EAAAA,OAAO,EAAEC,SADwD;AAEjEC,EAAAA,IAAI,EAAED,SAF2D;AAGjEE,EAAAA,KAAK,EAAEF,SAH0D;AAIjEG,EAAAA,OAAO,EAAE,mBAAM;AACX,WAAO,KAAK,CAAZ;AACH,GANgE;AAOjEC,EAAAA,IAAI,EAAEJ;AAP2D,CAAzC,CAA5B;AASAF,mBAAmB,CAACvB,WAApB,GAAkC,qBAAlC;AAEA,OAAO,SAAS8B,eAAT,GAA2B;AAC9B,SAAOxC,KAAK,CAACY,UAAN,CAAiBqB,mBAAjB,CAAP;AACH;AAMD,OAAO,IAAMQ,aAAa,GAAGpC,cAAc,CACvC,eADuC,EAEvC,iBAAmB;AAAA,MAAhBI,SAAgB,SAAhBA,SAAgB;AACf,sBACI,oBAAC,QAAD,QACKA,SAAS,CAACiC,GAAV,CAAc,UAACxB,IAAD,EAAOE,KAAP;AAAA,wBACX,oBAAC,YAAD;AAAc,MAAA,GAAG,EAAEA,KAAnB;AAA0B,MAAA,QAAQ,EAAEF;AAApC,MADW;AAAA,GAAd,CADL,CADJ;AAOH,CAVsC,CAApC","sourcesContent":["import React, { Fragment, useCallback, useEffect, useState } from \"react\";\nimport { makeComposable } from \"@webiny/app-admin-core\";\n\nexport interface UserMenuItemData {\n    label?: string;\n    icon?: JSX.Element;\n    path?: string;\n    onClick?: () => void;\n    element?: JSX.Element;\n}\n\nexport interface UserMenuContext {\n    menuItems: UserMenuItemData[];\n    addMenuItem(item: UserMenuItemData): void;\n}\n\nconst UserMenuContext = React.createContext<UserMenuContext>({\n    addMenuItem: () => {\n        return void 0;\n    },\n    menuItems: []\n});\nUserMenuContext.displayName = \"UserMenuContext\";\n\nexport function useUserMenu() {\n    return React.useContext(UserMenuContext);\n}\n\nexport const UserMenuProvider = (Component: React.FC): React.FC => {\n    return function UserMenuProvider({ children, ...props }) {\n        const [menuItems, setItems] = useState<UserMenuItemData[]>([]);\n\n        const addMenuItem = useCallback<UserMenuContext[\"addMenuItem\"]>(\n            item => {\n                setItems(items => [...items, item]);\n\n                return () => {\n                    setItems(items => {\n                        const index = items.findIndex(i => i === item);\n                        if (index < 0) {\n                            return items;\n                        }\n\n                        return [...items.slice(0, index), ...items.slice(index + 1)];\n                    });\n                };\n            },\n            [setItems]\n        );\n\n        const context = {\n            menuItems,\n            addMenuItem\n        };\n\n        return (\n            <UserMenuContext.Provider value={context}>\n                <Component {...props}>{children}</Component>\n            </UserMenuContext.Provider>\n        );\n    };\n};\n\nexport const UserMenu = makeComposable(\"UserMenu\", () => {\n    return <UserMenuRenderer />;\n});\n\nexport const UserMenuRenderer = makeComposable(\"UserMenuRenderer\");\n\nexport const UserMenuHandle = makeComposable(\"UserMenuHandle\", () => {\n    return <UserMenuHandleRenderer />;\n});\n\nexport const UserMenuHandleRenderer = makeComposable(\"UserMenuHandleRenderer\");\n\nexport interface UserMenuItemProps {\n    menuItem: UserMenuItemData;\n}\n\nexport const UserMenuItem = makeComposable<UserMenuItemProps>(\"UserMenuItem\", ({ menuItem }) => {\n    return (\n        <UserMenuItemContext.Provider value={menuItem}>\n            <UserMenuItemRenderer />\n        </UserMenuItemContext.Provider>\n    );\n});\n\nexport const UserMenuItemRenderer = makeComposable(\"UserMenuItemRenderer\");\n\nexport const AddUserMenuItem: React.FC<UserMenuItemProps[\"menuItem\"]> = props => {\n    const { addMenuItem } = useUserMenu();\n\n    useEffect(() => {\n        return addMenuItem(props);\n    }, []);\n\n    return null;\n};\n\nexport type UserMenuItemContext = UserMenuItemData;\n\nconst UserMenuItemContext = React.createContext<UserMenuItemContext>({\n    element: undefined,\n    icon: undefined,\n    label: undefined,\n    onClick: () => {\n        return void 0;\n    },\n    path: undefined\n});\nUserMenuItemContext.displayName = \"UserMenuItemContext\";\n\nexport function useUserMenuItem() {\n    return React.useContext(UserMenuItemContext);\n}\n\nexport interface UserMenuItemsProps {\n    menuItems: UserMenuItemData[];\n}\n\nexport const UserMenuItems = makeComposable<UserMenuItemsProps>(\n    \"UserMenuItems\",\n    ({ menuItems }) => {\n        return (\n            <Fragment>\n                {menuItems.map((item, index) => (\n                    <UserMenuItem key={index} menuItem={item} />\n                ))}\n            </Fragment>\n        );\n    }\n);\n"]}

package/components/AdminLayout.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 interface AdminLayoutProps {
     title?: string;
-    children: React.ReactNode;
 }
-export declare const AdminLayout: ({ title, children }: AdminLayoutProps) => JSX.Element;
+export declare const AdminLayout: React.FC<AdminLayoutProps>;
 export {};

package/components/AdminLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AdminLayout.tsx"],"names":["React","Layout","AdminLayout","title","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT;AAMA,OAAO,IAAMC,WAAuC,GAAG,SAA1CA,WAA0C,OAAyB;AAAA,MAAtBC,KAAsB,QAAtBA,KAAsB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AAC5E,sBAAO,oBAAC,MAAD;AAAQ,IAAA,KAAK,EAAED;AAAf,KAAuBC,QAAvB,CAAP;AACH,CAFM","sourcesContent":["import React from \"react\";\nimport { Layout } from \"~/index\";\n\ninterface AdminLayoutProps {\n    title?: string;\n}\n\nexport const AdminLayout: React.FC<AdminLayoutProps> = ({ title, children }) => {\n    return <Layout title={title}>{children}</Layout>;\n};\n"]}

package/components/AppInstaller/AppInstaller.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-export declare const AppInstaller: ({ children }: {
-    children: any;
-}) => JSX.Element;
+import React from "react";
+export declare const AppInstaller: React.FC;

package/components/AppInstaller/AppInstaller.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["AppInstaller.tsx"],"names":["React","useEffect","useState","default","localStorage","LoginScreen","useSecurity","CircularProgress","ButtonPrimary","SplitView","LeftPanel","RightPanel","Grid","Cell","Typography","Elevation","useInstaller","Sidebar","Wrapper","alertClass","InnerContent","InstallContent","installerSplitView","SuccessDialog","config","appConfig","AppInstaller","children","tenantId","get","lsKey","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION","markInstallerAsCompleted","set","isInstallerCompleted","finished","setFinished","identity","isInstalled","loading","installers","installer","showNextInstaller","showLogin","onUser","skippingVersions","renderLayout","content","secure","renderBody","length","render","onInstalled","latest","current","availableUpgrades","filter","v","map"],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { LoginScreen } from \"~/index\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\nimport { SplitView, LeftPanel, RightPanel } from \"../SplitView\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { useInstaller } from \"./useInstaller\";\nimport Sidebar from \"./Sidebar\";\nimport {\n    Wrapper,\n    alertClass,\n    InnerContent,\n    InstallContent,\n    installerSplitView,\n    SuccessDialog\n} from \"./styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\nexport const AppInstaller: React.FC = ({ children }) => {\n    const tenantId = localStorage.get(\"webiny_tenant\") || \"root\";\n\n    const lsKey = `webiny_installation_${tenantId}`;\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n    const markInstallerAsCompleted = () => {\n        localStorage.set(lsKey, wbyVersion);\n    };\n\n    const isInstallerCompleted = () => {\n        return localStorage.get(lsKey) === wbyVersion;\n    };\n\n    const [finished, setFinished] = useState(false);\n    const { identity } = useSecurity();\n    const {\n        loading,\n        installers,\n        installer,\n        showNextInstaller,\n        showLogin,\n        onUser,\n        skippingVersions\n    } = useInstaller({ isInstalled: isInstallerCompleted() });\n\n    useEffect(() => {\n        if (identity) {\n            onUser();\n        }\n    }, [identity]);\n\n    if (isInstallerCompleted()) {\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    const renderLayout = (content: React.ReactNode, secure = false): React.ReactElement => {\n        return (\n            <SplitView className={installerSplitView}>\n                <LeftPanel span={2}>\n                    <Sidebar\n                        allInstallers={installers}\n                        installer={installer}\n                        showLogin={showLogin}\n                    />\n                </LeftPanel>\n                <RightPanel span={10}>\n                    {!showLogin && !secure && content}\n                    {(showLogin || secure) && <LoginScreen>{content}</LoginScreen>}\n                </RightPanel>\n            </SplitView>\n        );\n    };\n\n    const renderBody = (content: React.ReactNode): React.ReactElement => {\n        return (\n            <Wrapper>\n                <InstallContent>\n                    <InnerContent>{content}</InnerContent>\n                </InstallContent>\n            </Wrapper>\n        );\n    };\n\n    // Loading installers data\n    if (loading) {\n        return <CircularProgress label={\"Checking apps...\"} />;\n    }\n\n    // This means there are no installers to run or installation was finished\n    if (!loading && (installers.length === 0 || finished)) {\n        markInstallerAsCompleted();\n        return <LoginScreen>{children}</LoginScreen>;\n    }\n\n    if (installer) {\n        return renderLayout(\n            renderBody(installer.render({ onInstalled: showNextInstaller })),\n            installer.secure\n        );\n    }\n\n    if (skippingVersions) {\n        return renderBody(\n            <Elevation z={1} className={alertClass}>\n                <Grid>\n                    <Cell span={12}>\n                        <Typography use={\"headline4\"}>Important!</Typography>\n                    </Cell>\n                    <Cell span={12}>\n                        <Typography use={\"body1\"} tag={\"div\"}>\n                            We&apos;ve detected that your current application is running Webiny{\" \"}\n                            <strong>v{skippingVersions.latest}</strong>. However, your API is\n                            running <strong>v{skippingVersions.current}</strong>. Unfortunately, we\n                            can&apos;t upgrade your system by skipping versions in between.\n                            <br />\n                            <br />\n                            Here&apos;s a list of versions you skipped, that contain upgrades you\n                            need to install:\n                            <ul>\n                                {skippingVersions.availableUpgrades\n                                    .filter(v => v !== skippingVersions.latest)\n                                    .map(v => (\n                                        <li key={v}>v{v}</li>\n                                    ))}\n                            </ul>\n                            For instructions on how to upgrade Webiny, please consult our{\" \"}\n                            <a\n                                href={\"https://docs.webiny.com/docs/how-to-guides/upgrade-webiny\"}\n                                target={\"_blank\"}\n                                rel={\"noreferrer noopener\"}\n                            >\n                                Upgrade Webiny\n                            </a>{\" \"}\n                            guide. Note that some versions may have a dedicated article with upgrade\n                            instructions, so look out for those in the upgrade guide.\n                            <br />\n                            <br />\n                            If you run into problems, find us on our{\" \"}\n                            <a\n                                href={\"https://www.webiny.com/slack\"}\n                                target={\"_blank\"}\n                                rel={\"noreferrer noopener\"}\n                            >\n                                Slack community.\n                            </a>\n                        </Typography>\n                    </Cell>\n                </Grid>\n            </Elevation>\n        );\n    }\n\n    return renderLayout(\n        renderBody(\n            <Elevation z={1}>\n                <SuccessDialog>\n                    <p>You have successfully installed all new applications!</p>\n                    <ButtonPrimary\n                        data-testid={\"open-webiny-cms-admin-button\"}\n                        onClick={() => {\n                            markInstallerAsCompleted();\n                            setFinished(true);\n                        }}\n                    >\n                        Open Admin Area\n                    </ButtonPrimary>\n                </SuccessDialog>\n            </Elevation>\n        ),\n        true\n    );\n};\n"]}

package/components/AppInstaller/Sidebar.d.ts

@@ -1,7 +1,9 @@
-/// <reference types="react" />
-declare const Sidebar: ({ allInstallers, installer, showLogin }: {
-    allInstallers: any;
-    installer: any;
-    showLogin: any;
-}) => JSX.Element;
+import React from "react";
+import { Installer } from "./useInstaller";
+interface SidebarProps {
+    allInstallers: Installer[];
+    installer: Installer;
+    showLogin: boolean;
+}
+declare const Sidebar: React.FC<SidebarProps>;
 export default Sidebar;

package/components/AppInstaller/Sidebar.js

@@ -75,18 +75,19 @@ var Note = /*#__PURE__*/styled("div", {
   padding: 15
 });
 
-var Installations = function Installations(_ref) {
-  var title = _ref.title,
-      allInstallers = _ref.allInstallers,
-      installer = _ref.installer,
-      showLogin = _ref.showLogin;
+var Installations = function Installations(props) {
+  var title = props.title,
+      allInstallers = props.allInstallers,
+      installer = props.installer,
+      showLogin = props.showLogin;
 
   var renderList = function renderList() {
     var loginItem = /*#__PURE__*/React.createElement("li", {
       key: "login",
       className: "sign-in"
     }, /*#__PURE__*/React.createElement("img", {
-      src: signInDivider
+      src: signInDivider,
+      alt: ""
     }), /*#__PURE__*/React.createElement(Typography, {
       use: "overline",
       className: "note"
@@ -130,10 +131,10 @@ var Installations = function Installations(_ref) {
   }, title)), /*#__PURE__*/React.createElement(List, null, renderList()));
 };
 
-var Sidebar = function Sidebar(_ref2) {
-  var allInstallers = _ref2.allInstallers,
-      installer = _ref2.installer,
-      showLogin = _ref2.showLogin;
+var Sidebar = function Sidebar(_ref) {
+  var allInstallers = _ref.allInstallers,
+      installer = _ref.installer,
+      showLogin = _ref.showLogin;
   var upgrades = allInstallers.filter(function (installer) {
     return installer.type === "upgrade";
   });

package/components/AppInstaller/Sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Sidebar.tsx"],"names":["React","Fragment","styled","Typography","classSet","webinyLogo","signInDivider","config","appConfig","SidebarWrapper","Logo","padding","borderBottom","img","width","height","List","li","display","alignItems","borderRadius","marginRight","textAlign","lineHeight","fontSize","paddingTop","color","backgroundColor","fontWeight","Note","Installations","props","title","allInstallers","installer","showLogin","renderList","loginItem","items","i","length","name","secure","installed","prev","push","active","pending","Sidebar","upgrades","filter","type","installations","wbyVersion","getKey","process","env","REACT_APP_WEBINY_VERSION"],"mappings":"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","sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport classSet from \"classnames\";\n\nimport webinyLogo from \"../../assets/images/webiny-orange-logo.svg\";\nimport signInDivider from \"./assets/sign-in-divider.svg\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { Installer } from \"./useInstaller\";\n\nconst SidebarWrapper = styled(\"div\")({});\n\nconst Logo = styled(\"div\")({\n    padding: 15,\n    borderBottom: \"1px solid var(--mdc-theme-background)\",\n    img: {\n        width: \"100px\",\n        height: \"auto\"\n    }\n});\n\nconst List = styled(\"ul\")({\n    li: {\n        display: \"flex\",\n        alignItems: \"center\",\n        padding: \"15px 15px\",\n        \".status\": {\n            borderRadius: \"50%\",\n            display: \"inline-block\",\n            height: 20,\n            width: 20,\n            marginRight: 15\n        },\n        \"&.sign-in\": {\n            display: \"block\",\n            textAlign: \"center\",\n            \".note\": {\n                display: \"inline-block\",\n                lineHeight: \"150%\",\n                fontSize: 10,\n                paddingTop: 10,\n                color: \"var(--mdc-theme-text-icon-on-background)\"\n            },\n            img: {\n                width: \"100%\"\n            }\n        },\n        \"&.active\": {\n            backgroundColor: \"var(--mdc-theme-background)\",\n            fontWeight: 600,\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-primary)\"\n            }\n        },\n        \"&.pending\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-on-surface)\"\n            }\n        },\n        \"&.installed\": {\n            \".status\": {\n                backgroundColor: \"var(--mdc-theme-secondary)\"\n            }\n        }\n    }\n});\n\nconst Note = styled(\"div\")({\n    padding: 15\n});\ninterface InstallationsProps {\n    title: React.ReactNode;\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Installations: React.FC<InstallationsProps> = props => {\n    const { title, allInstallers, installer, showLogin } = props;\n    const renderList = () => {\n        const loginItem = (\n            <li key={\"login\"} className={\"sign-in\"}>\n                <img src={signInDivider} alt={\"\"} />\n                <Typography use={\"overline\"} className={\"note\"}>\n                    TO CONTINUE THE INSTALLATION AFTER THIS POINT YOU’LL NEED TO SIGN IN\n                </Typography>\n            </li>\n        );\n\n        const items = [];\n        for (let i = 0; i < allInstallers.length; i++) {\n            const { name, title, secure, installed } = allInstallers[i];\n            const prev = i === 0 ? null : allInstallers[i - 1];\n            if ((!prev || !prev.secure) && secure && showLogin) {\n                items.push(loginItem);\n            }\n\n            const active = installer && !showLogin && name === installer.name;\n\n            items.push(\n                <li\n                    key={name}\n                    className={classSet(\n                        { installed: installed },\n                        { active: active },\n                        { pending: !installed && !active }\n                    )}\n                >\n                    <span className={\"status\"} />\n                    <span className={\"title\"}>{title}</span>\n                </li>\n            );\n        }\n        return items;\n    };\n\n    return (\n        <Fragment>\n            <Note>\n                <Typography use={\"body1\"}>{title}</Typography>\n            </Note>\n            <List>{renderList()}</List>\n        </Fragment>\n    );\n};\n\ninterface SidebarProps {\n    allInstallers: Installer[];\n    installer: Installer;\n    showLogin: boolean;\n}\nconst Sidebar: React.FC<SidebarProps> = ({ allInstallers, installer, showLogin }) => {\n    const upgrades = allInstallers.filter(installer => installer.type === \"upgrade\");\n    const installations = allInstallers.filter(installer => installer.type === \"install\");\n\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n    return (\n        <SidebarWrapper>\n            <Logo>\n                <img src={webinyLogo} alt=\"Webiny CMS\" />\n            </Logo>\n            {upgrades.length > 0 ? (\n                <Installations\n                    title={\n                        <span>\n                            The following apps will be upgraded to <strong>{wbyVersion}</strong>:\n                        </span>\n                    }\n                    allInstallers={upgrades}\n                    installer={installer}\n                    showLogin={showLogin}\n                />\n            ) : null}\n            {installations.length > 0 && (\n                <Installations\n                    title={\"The following apps will be installed and configured:\"}\n                    allInstallers={installations}\n                    installer={installer}\n                    showLogin={upgrades.length > 0 ? false : showLogin}\n                />\n            )}\n        </SidebarWrapper>\n    );\n};\nexport default Sidebar;\n"]}

package/components/AppInstaller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["Provider","React","AppInstaller","Installer","AppInstallerHOC","Component","AppInstallerProvider","children"],"mappings":"AAAA,SAASA,QAAT;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,SAASC,YAAY,IAAIC,SAAzB;;AAEA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,SAAD,EAAiD;AACrE,SAAO,SAASC,oBAAT,OAA4C;AAAA,QAAZC,QAAY,QAAZA,QAAY;AAC/C,wBACI,oBAAC,SAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,GAND;AAOH,CARD;;AAUA,OAAO,IAAML,YAAY,GAAG,SAAfA,YAAe,GAAM;AAC9B,sBAAO,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEE;AAAf,IAAP;AACH,CAFM","sourcesContent":["import { Provider } from \"~/index\";\nimport React from \"react\";\nimport { ComponentType } from \"react\";\nimport { AppInstaller as Installer } from \"./AppInstaller\";\n\nconst AppInstallerHOC = (Component: ComponentType<unknown>): React.FC => {\n    return function AppInstallerProvider({ children }) {\n        return (\n            <Installer>\n                <Component>{children}</Component>\n            </Installer>\n        );\n    };\n};\n\nexport const AppInstaller = () => {\n    return <Provider hoc={AppInstallerHOC} />;\n};\n"]}

package/components/AppInstaller/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "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" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "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 InstallContent: 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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "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" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "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 Wrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement>, keyof import("react").HTMLAttributes<HTMLElement>>, object>;
+export declare const InstallContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const installerSplitView: string;
-export declare const SuccessDialog: 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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "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" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "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 InnerContent: 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" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "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" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "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 SuccessDialog: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const InnerContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const alertClass: string;

package/components/AppInstaller/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["styled.tsx"],"names":["styled","css","Wrapper","display","flexDirection","justifyContent","minHeight","color","whiteSpace","ul","listStyle","paddingLeft","li","MozOsxFontSmoothing","WebkitFontSmoothing","fontSize","lineHeight","fontWeight","letterSpacing","textDecoration","textTransform","marginTop","marginBottom","InstallContent","maxWidth","margin","borderRadius","boxShadow","installerSplitView","height","SuccessDialog","padding","textAlign","p","paddingBottom","InnerContent","position","alertClass","borderLeft"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AAEA,OAAO,IAAMC,OAAO,gBAAGF,MAAH,CAAU,SAAV;AAAA;AAAA;AAAA,GAAqB;AACrCG,EAAAA,OAAO,EAAE,MAD4B;AAErCC,EAAAA,aAAa,EAAE,QAFsB;AAGrCC,EAAAA,cAAc,EAAE,QAHqB;AAIrCC,EAAAA,SAAS,EAAE,OAJ0B;AAKrCC,EAAAA,KAAK,EAAE,6BAL8B;AAMrC,6BAA2B;AACvBC,IAAAA,UAAU,EAAE;AADW,GANU;AASrCC,EAAAA,EAAE,EAAE;AACAC,IAAAA,SAAS,EAAE,MADX;AAEAC,IAAAA,WAAW,EAAE,6CAFb;AAGAC,IAAAA,EAAE,EAAE;AACAL,MAAAA,KAAK,EAAE,+EADP;AAEAM,MAAAA,mBAAmB,EAAE,WAFrB;AAGAC,MAAAA,mBAAmB,EAAE,aAHrB;AAIAC,MAAAA,QAAQ,EAAE,MAJV;AAKAC,MAAAA,UAAU,EAAE,QALZ;AAMAC,MAAAA,UAAU,EAAE,GANZ;AAOAC,MAAAA,aAAa,EAAE,WAPf;AAQAC,MAAAA,cAAc,EAAE,SARhB;AASAC,MAAAA,aAAa,EAAE,SATf;AAUAC,MAAAA,SAAS,EAAE,MAVX;AAWAC,MAAAA,YAAY,EAAE;AAXd;AAHJ;AATiC,CAArB,CAAb;AA4BP,OAAO,IAAMC,cAAc,gBAAGvB,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACxCwB,EAAAA,QAAQ,EAAE,GAD8B;AAExCC,EAAAA,MAAM,EAAE,kBAFgC;AAGxC,wBAAsB;AAClBC,IAAAA,YAAY,EAAE,CADI;AAElBC,IAAAA,SAAS,EAAE;AAFO;AAHkB,CAAjB,CAApB;AASP,OAAO,IAAMC,kBAAkB,gBAAG3B,GAAG,CAAC;AAClC,+BAA6B;AACzB4B,IAAAA,MAAM,EAAE,OADiB;AAEzB,+CAA2C;AACvCA,MAAAA,MAAM,EAAE;AAD+B;AAFlB;AADK,CAAD,8BAA9B;AASP,OAAO,IAAMC,aAAa,gBAAG9B,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACvC+B,EAAAA,OAAO,EAAE,EAD8B;AAEvCC,EAAAA,SAAS,EAAE,QAF4B;AAGvCC,EAAAA,CAAC,EAAE;AACCC,IAAAA,aAAa,EAAE;AADhB;AAHoC,CAAjB,CAAnB;AAQP,OAAO,IAAMC,YAAY,gBAAGnC,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACtC+B,EAAAA,OAAO,EAAE,EAD6B;AAEtCK,EAAAA,QAAQ,EAAE;AAF4B,CAAjB,CAAlB;AAKP,OAAO,IAAMC,UAAU,gBAAGpC,GAAG,CAAC;AAC1BqC,EAAAA,UAAU,EAAE,eADc;AAE1Bb,EAAAA,MAAM,EAAE,cAFkB;AAG1BM,EAAAA,OAAO,EAAE;AAHiB,CAAD,sBAAtB","sourcesContent":["import styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\n\nexport const Wrapper = styled(\"section\")({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"center\",\n    minHeight: \"100vh\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".spinner__inner-wrapper\": {\n        whiteSpace: \"nowrap\"\n    },\n    ul: {\n        listStyle: \"disc\",\n        paddingLeft: \"var(--mdc-layout-grid-margin-desktop, 24px)\",\n        li: {\n            color: \"var(--desktop-color, var(--webiny-theme-color-text-primary, rgb(10, 10, 10)))\",\n            MozOsxFontSmoothing: \"grayscale\",\n            WebkitFontSmoothing: \"antialiased\",\n            fontSize: \"1rem\",\n            lineHeight: \"1.5rem\",\n            fontWeight: 400,\n            letterSpacing: \"0.03125em\",\n            textDecoration: \"inherit\",\n            textTransform: \"inherit\",\n            marginTop: \"20px\",\n            marginBottom: \"20px\"\n        }\n    }\n});\n\nexport const InstallContent = styled(\"div\")({\n    maxWidth: 800,\n    margin: \"0 auto 25px auto\",\n    \".mdc-elevation--z2\": {\n        borderRadius: 4,\n        boxShadow: \"0 1px 3px 0 rgba(0,0,0,0.15)\"\n    }\n});\n\nexport const installerSplitView = css({\n    \".webiny-split-view__inner\": {\n        height: \"100vh\",\n        \".webiny-split-view__right-panel-wrapper\": {\n            height: \"100vh\"\n        }\n    }\n});\n\nexport const SuccessDialog = styled(\"div\")({\n    padding: 40,\n    textAlign: \"center\",\n    p: {\n        paddingBottom: 40\n    }\n});\n\nexport const InnerContent = styled(\"div\")({\n    padding: 25,\n    position: \"relative\"\n});\n\nexport const alertClass = css({\n    borderLeft: \"3px solid red\",\n    margin: \"5px 0 15px 0\",\n    padding: \"2px 0 2px 10px\"\n});\n"]}

package/components/AppInstaller/useInstaller.d.ts

@@ -1,11 +1,30 @@
-export declare const useInstaller: ({ isInstalled }: {
-    isInstalled: any;
-}) => {
-    loading: any;
-    installers: any;
-    installer: any;
-    showNextInstaller: () => void;
-    showLogin: any;
+import { AdminInstallationPlugin } from "../../types";
+interface UseInstallerParams {
+    isInstalled: boolean;
+}
+interface SkippingVersionState {
+    current: string;
+    latest: string;
+    availableUpgrades: string[];
+}
+interface BaseInstaller {
+    installed: string | null;
+    plugin: AdminInstallationPlugin;
+}
+export interface Installer extends BaseInstaller {
+    type: "install" | "upgrade";
+    name: string;
+    title: string;
+    render: AdminInstallationPlugin["render"];
+    secure?: boolean;
+}
+export declare const useInstaller: (params: UseInstallerParams) => {
+    loading: boolean;
+    installers: Installer[];
+    installer: Installer;
+    showNextInstaller: () => any;
+    showLogin: boolean;
     onUser: () => void;
-    skippingVersions: any;
+    skippingVersions: SkippingVersionState | null;
 };
+export {};