@webiny/app-admin-rmwc 5.29.0 → 5.30.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/modules/Brand/index.js +11 -3
- package/modules/Brand/index.js.map +1 -1
- package/modules/Navigation/Hamburger.js +4 -0
- package/modules/Navigation/Hamburger.js.map +1 -1
- package/modules/Navigation/index.d.ts +0 -4
- package/modules/Navigation/index.js +1 -8
- package/modules/Navigation/index.js.map +1 -1
- package/modules/Overlays/index.js +4 -2
- package/modules/Overlays/index.js.map +1 -1
- package/package.json +14 -13
package/modules/Brand/index.js
CHANGED
|
@@ -25,9 +25,15 @@ var BrandImpl = function BrandImpl() {
|
|
|
25
25
|
var _useNavigation = (0, _Navigation.useNavigation)(),
|
|
26
26
|
setVisible = _useNavigation.setVisible;
|
|
27
27
|
|
|
28
|
+
var inApp = ["appBar", "navigation"].includes(String(location));
|
|
28
29
|
var onClick = (0, _react.useCallback)(function () {
|
|
29
30
|
location === "navigation" ? setVisible(false) : null;
|
|
30
31
|
}, []);
|
|
32
|
+
|
|
33
|
+
if (!inApp) {
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_appAdmin.Logo, null);
|
|
35
|
+
}
|
|
36
|
+
|
|
31
37
|
return /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
|
|
32
38
|
to: "/",
|
|
33
39
|
onClick: onClick
|
|
@@ -41,12 +47,14 @@ var WebinyLogo = function WebinyLogo() {
|
|
|
41
47
|
|
|
42
48
|
var isLoginScreen = location === "loginScreen";
|
|
43
49
|
var isAppBar = location === "appBar";
|
|
50
|
+
var isInstaller = location === "installer";
|
|
51
|
+
var inApp = !isInstaller && !isLoginScreen;
|
|
44
52
|
var color = isAppBar ? "white" : "var(--mdc-theme-primary)";
|
|
45
53
|
return /*#__PURE__*/_react.default.createElement(_webinyLogo.ReactComponent, {
|
|
46
54
|
style: {
|
|
47
|
-
width:
|
|
48
|
-
height:
|
|
49
|
-
paddingLeft:
|
|
55
|
+
width: !inApp ? 125 : 100,
|
|
56
|
+
height: !inApp ? "auto" : 30,
|
|
57
|
+
paddingLeft: !inApp ? 0 : 20,
|
|
50
58
|
color: color
|
|
51
59
|
}
|
|
52
60
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BrandImpl","BrandRenderer","useTags","location","useNavigation","setVisible","onClick","useCallback","WebinyLogo","isLoginScreen","isAppBar","color","width","height","paddingLeft","Brand"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport {\n Compose,\n BrandRenderer,\n HigherOrderComponent,\n useTags,\n Logo,\n AddLogo\n} from \"@webiny/app-admin\";\nimport { Link } from \"@webiny/react-router/\";\nimport { ReactComponent as LogoIcon } from \"./webiny-logo.svg\";\nimport { useNavigation } from \"../Navigation\";\n\nconst BrandImpl: HigherOrderComponent = () => {\n return function BrandRenderer() {\n const { location } = useTags();\n const { setVisible } = useNavigation();\n\n const onClick = useCallback(() => {\n location === \"navigation\" ? setVisible(false) : null;\n }, []);\n\n return (\n <Link to={\"/\"} onClick={onClick}>\n <Logo />\n </Link>\n );\n };\n};\n\nconst WebinyLogo: React.FC = () => {\n const { location } = useTags();\n const isLoginScreen = location === \"loginScreen\";\n const isAppBar = location === \"appBar\";\n\n const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n return (\n <LogoIcon\n style={{\n width:
|
|
1
|
+
{"version":3,"names":["BrandImpl","BrandRenderer","useTags","location","useNavigation","setVisible","inApp","includes","String","onClick","useCallback","WebinyLogo","isLoginScreen","isAppBar","isInstaller","color","width","height","paddingLeft","Brand"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from \"react\";\nimport {\n Compose,\n BrandRenderer,\n HigherOrderComponent,\n useTags,\n Logo,\n AddLogo\n} from \"@webiny/app-admin\";\nimport { Link } from \"@webiny/react-router/\";\nimport { ReactComponent as LogoIcon } from \"./webiny-logo.svg\";\nimport { useNavigation } from \"../Navigation\";\n\nconst BrandImpl: HigherOrderComponent = () => {\n return function BrandRenderer() {\n const { location } = useTags();\n const { setVisible } = useNavigation();\n const inApp = [\"appBar\", \"navigation\"].includes(String(location));\n\n const onClick = useCallback(() => {\n location === \"navigation\" ? setVisible(false) : null;\n }, []);\n\n if (!inApp) {\n return <Logo />;\n }\n\n return (\n <Link to={\"/\"} onClick={onClick}>\n <Logo />\n </Link>\n );\n };\n};\n\nconst WebinyLogo: React.FC = () => {\n const { location } = useTags();\n const isLoginScreen = location === \"loginScreen\";\n const isAppBar = location === \"appBar\";\n const isInstaller = location === \"installer\";\n const inApp = !isInstaller && !isLoginScreen;\n\n const color = isAppBar ? \"white\" : \"var(--mdc-theme-primary)\";\n\n return (\n <LogoIcon\n style={{\n width: !inApp ? 125 : 100,\n height: !inApp ? \"auto\" : 30,\n paddingLeft: !inApp ? 0 : 20,\n color\n }}\n />\n );\n};\n\nexport const Brand: React.FC = () => {\n return (\n <Fragment>\n <Compose component={BrandRenderer} with={BrandImpl} />\n <AddLogo logo={<WebinyLogo />} />\n </Fragment>\n );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AAEA,IAAMA,SAA+B,GAAG,SAAlCA,SAAkC,GAAM;EAC1C,OAAO,SAASC,aAAT,GAAyB;IAC5B,eAAqB,IAAAC,iBAAA,GAArB;IAAA,IAAQC,QAAR,YAAQA,QAAR;;IACA,qBAAuB,IAAAC,yBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,IAAMC,KAAK,GAAG,CAAC,QAAD,EAAW,YAAX,EAAyBC,QAAzB,CAAkCC,MAAM,CAACL,QAAD,CAAxC,CAAd;IAEA,IAAMM,OAAO,GAAG,IAAAC,kBAAA,EAAY,YAAM;MAC9BP,QAAQ,KAAK,YAAb,GAA4BE,UAAU,CAAC,KAAD,CAAtC,GAAgD,IAAhD;IACH,CAFe,EAEb,EAFa,CAAhB;;IAIA,IAAI,CAACC,KAAL,EAAY;MACR,oBAAO,6BAAC,cAAD,OAAP;IACH;;IAED,oBACI,6BAAC,iBAAD;MAAM,EAAE,EAAE,GAAV;MAAe,OAAO,EAAEG;IAAxB,gBACI,6BAAC,cAAD,OADJ,CADJ;EAKH,CAlBD;AAmBH,CApBD;;AAsBA,IAAME,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;EAC/B,gBAAqB,IAAAT,iBAAA,GAArB;EAAA,IAAQC,QAAR,aAAQA,QAAR;;EACA,IAAMS,aAAa,GAAGT,QAAQ,KAAK,aAAnC;EACA,IAAMU,QAAQ,GAAGV,QAAQ,KAAK,QAA9B;EACA,IAAMW,WAAW,GAAGX,QAAQ,KAAK,WAAjC;EACA,IAAMG,KAAK,GAAG,CAACQ,WAAD,IAAgB,CAACF,aAA/B;EAEA,IAAMG,KAAK,GAAGF,QAAQ,GAAG,OAAH,GAAa,0BAAnC;EAEA,oBACI,6BAAC,0BAAD;IACI,KAAK,EAAE;MACHG,KAAK,EAAE,CAACV,KAAD,GAAS,GAAT,GAAe,GADnB;MAEHW,MAAM,EAAE,CAACX,KAAD,GAAS,MAAT,GAAkB,EAFvB;MAGHY,WAAW,EAAE,CAACZ,KAAD,GAAS,CAAT,GAAa,EAHvB;MAIHS,KAAK,EAALA;IAJG;EADX,EADJ;AAUH,CAnBD;;AAqBO,IAAMI,KAAe,GAAG,SAAlBA,KAAkB,GAAM;EACjC,oBACI,6BAAC,eAAD,qBACI,6BAAC,iBAAD;IAAS,SAAS,EAAElB,uBAApB;IAAmC,IAAI,EAAED;EAAzC,EADJ,eAEI,6BAAC,iBAAD;IAAS,IAAI,eAAE,6BAAC,UAAD;EAAf,EAFJ,CADJ;AAMH,CAPM"}
|
|
@@ -25,6 +25,10 @@ var Hamburger = function Hamburger() {
|
|
|
25
25
|
visible = _useNavigation.visible,
|
|
26
26
|
setVisible = _useNavigation.setVisible;
|
|
27
27
|
|
|
28
|
+
if (location === "installer") {
|
|
29
|
+
return null;
|
|
30
|
+
}
|
|
31
|
+
|
|
28
32
|
return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
|
|
29
33
|
icon: /*#__PURE__*/_react.default.createElement(_hamburger.ReactComponent, {
|
|
30
34
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Hamburger","useTags","location","useNavigation","visible","setVisible","color","undefined"],"sources":["Hamburger.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"./icons/hamburger.svg\";\nimport { useNavigation } from \"./index\";\nimport { useTags } from \"@webiny/app-admin\";\n\nconst Hamburger: React.FC = () => {\n const { location } = useTags();\n const { visible, setVisible } = useNavigation();\n\n return (\n <IconButton\n icon={<MenuIcon style={{ color: location === \"navigation\" ? undefined : \"white\" }} />}\n onClick={() => setVisible(!visible)}\n data-testid={location === \"navigation\" ? undefined : \"apps-menu\"}\n />\n );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EAC9B,eAAqB,IAAAC,iBAAA,GAArB;EAAA,IAAQC,QAAR,YAAQA,QAAR;;EACA,qBAAgC,IAAAC,oBAAA,GAAhC;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;EAEA,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD;MAAU,KAAK,EAAE;
|
|
1
|
+
{"version":3,"names":["Hamburger","useTags","location","useNavigation","visible","setVisible","color","undefined"],"sources":["Hamburger.tsx"],"sourcesContent":["import React from \"react\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"./icons/hamburger.svg\";\nimport { useNavigation } from \"./index\";\nimport { useTags } from \"@webiny/app-admin\";\n\nconst Hamburger: React.FC = () => {\n const { location } = useTags();\n const { visible, setVisible } = useNavigation();\n\n if (location === \"installer\") {\n return null;\n }\n\n return (\n <IconButton\n icon={<MenuIcon style={{ color: location === \"navigation\" ? undefined : \"white\" }} />}\n onClick={() => setVisible(!visible)}\n data-testid={location === \"navigation\" ? undefined : \"apps-menu\"}\n />\n );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EAC9B,eAAqB,IAAAC,iBAAA,GAArB;EAAA,IAAQC,QAAR,YAAQA,QAAR;;EACA,qBAAgC,IAAAC,oBAAA,GAAhC;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;EAEA,IAAIH,QAAQ,KAAK,WAAjB,EAA8B;IAC1B,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,yBAAD;MAAU,KAAK,EAAE;QAAEI,KAAK,EAAEJ,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;MAAjD;IAAjB,EADV;IAEI,OAAO,EAAE;MAAA,OAAMF,UAAU,CAAC,CAACD,OAAF,CAAhB;IAAA,CAFb;IAGI,eAAaF,QAAQ,KAAK,YAAb,GAA4BK,SAA5B,GAAwC;EAHzD,EADJ;AAOH,CAfD;;eAiBeP,S"}
|
|
@@ -6,9 +6,5 @@ interface NavigationContext {
|
|
|
6
6
|
declare const NavigationContext: React.Context<NavigationContext>;
|
|
7
7
|
export declare function useNavigation(): NavigationContext;
|
|
8
8
|
export declare const NavigationImpl: () => React.FC;
|
|
9
|
-
/**
|
|
10
|
-
* TODO @ts-refactor @pavel
|
|
11
|
-
* Remove all any and see what happens.
|
|
12
|
-
*/
|
|
13
9
|
export declare const Navigation: React.FC;
|
|
14
10
|
export {};
|
|
@@ -55,11 +55,9 @@ var BrandImpl = function BrandImpl(Brand) {
|
|
|
55
55
|
return function BrandWithHamburger() {
|
|
56
56
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Hamburger.default, null), /*#__PURE__*/_react.default.createElement(Brand, null));
|
|
57
57
|
};
|
|
58
|
-
};
|
|
59
|
-
|
|
58
|
+
};
|
|
60
59
|
|
|
61
60
|
var NavigationProvider = function NavigationProvider(Component) {
|
|
62
|
-
// TODO @ts-refactor
|
|
63
61
|
return function NavigationProvider(props) {
|
|
64
62
|
var _useState = (0, _react.useState)(false),
|
|
65
63
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
@@ -150,11 +148,6 @@ var SortedMenuItems = function SortedMenuItems(MenuItems) {
|
|
|
150
148
|
});
|
|
151
149
|
};
|
|
152
150
|
};
|
|
153
|
-
/**
|
|
154
|
-
* TODO @ts-refactor @pavel
|
|
155
|
-
* Remove all any and see what happens.
|
|
156
|
-
*/
|
|
157
|
-
|
|
158
151
|
|
|
159
152
|
var Navigation = function Navigation() {
|
|
160
153
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_appAdmin.Provider, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NavigationContext","React","createContext","visible","setVisible","displayName","useNavigation","useContext","BrandImpl","Brand","BrandWithHamburger","NavigationProvider","Component","props","useState","context","useMemo","NavigationImpl","Navigation","useAdminNavigation","menuItems","hideDrawer","useCallback","mainMenu","filter","m","tags","includes","footerMenu","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","navHeader","navContent","subFooter","menuSorter","a","b","pin","label","localeCompare","SortedMenuItems","MenuItems","sort","NavigationSpec","BrandSpec","MenuItemRenderer","MenuGroupRenderer","MenuSectionItemRenderer","MenuSectionRenderer","MenuLinkRenderer","MenuElementRenderer"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useContext, useMemo, useState } from \"react\";\nimport { Drawer, DrawerContent, DrawerHeader } from \"@webiny/ui/Drawer\";\nimport {\n Compose,\n Provider,\n NavigationRenderer as NavigationSpec,\n MenuItems,\n MenuItemRenderer,\n Brand as BrandSpec,\n useNavigation as useAdminNavigation,\n MenuData,\n MenuItemsProps,\n HigherOrderComponent\n} from \"@webiny/app-admin\";\nimport Hamburger from \"./Hamburger\";\nimport { MenuGroupRenderer } from \"./renderers/MenuGroupRenderer\";\nimport { MenuSectionItemRenderer } from \"./renderers/MenuSectionItemRenderer\";\nimport { MenuSectionRenderer } from \"./renderers/MenuSectionRenderer\";\nimport { MenuLinkRenderer } from \"./renderers/MenuLinkRenderer\";\nimport { MenuElementRenderer } from \"./renderers/MenuElementRenderer\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { MenuFooter, subFooter, MenuHeader, navHeader, navContent } from \"./Styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface NavigationContext {\n visible: boolean;\n setVisible(visible: boolean): void;\n}\n\nconst NavigationContext = React.createContext<NavigationContext>({\n visible: false,\n setVisible: () => {\n return void 0;\n }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation(): NavigationContext {\n return useContext(NavigationContext);\n}\n\nconst BrandImpl: HigherOrderComponent = Brand => {\n return function BrandWithHamburger() {\n return (\n <Fragment>\n <Hamburger />\n <Brand />\n </Fragment>\n );\n };\n};\n
|
|
1
|
+
{"version":3,"names":["NavigationContext","React","createContext","visible","setVisible","displayName","useNavigation","useContext","BrandImpl","Brand","BrandWithHamburger","NavigationProvider","Component","props","useState","context","useMemo","NavigationImpl","Navigation","useAdminNavigation","menuItems","hideDrawer","useCallback","mainMenu","filter","m","tags","includes","footerMenu","wbyVersion","appConfig","getKey","process","env","REACT_APP_WEBINY_VERSION","navHeader","navContent","subFooter","menuSorter","a","b","pin","label","localeCompare","SortedMenuItems","MenuItems","sort","NavigationSpec","BrandSpec","MenuItemRenderer","MenuGroupRenderer","MenuSectionItemRenderer","MenuSectionRenderer","MenuLinkRenderer","MenuElementRenderer"],"sources":["index.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useContext, useMemo, useState } from \"react\";\nimport { Drawer, DrawerContent, DrawerHeader } from \"@webiny/ui/Drawer\";\nimport {\n Compose,\n Provider,\n NavigationRenderer as NavigationSpec,\n MenuItems,\n MenuItemRenderer,\n Brand as BrandSpec,\n useNavigation as useAdminNavigation,\n MenuData,\n MenuItemsProps,\n HigherOrderComponent\n} from \"@webiny/app-admin\";\nimport Hamburger from \"./Hamburger\";\nimport { MenuGroupRenderer } from \"./renderers/MenuGroupRenderer\";\nimport { MenuSectionItemRenderer } from \"./renderers/MenuSectionItemRenderer\";\nimport { MenuSectionRenderer } from \"./renderers/MenuSectionRenderer\";\nimport { MenuLinkRenderer } from \"./renderers/MenuLinkRenderer\";\nimport { MenuElementRenderer } from \"./renderers/MenuElementRenderer\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { MenuFooter, subFooter, MenuHeader, navHeader, navContent } from \"./Styled\";\nimport { config as appConfig } from \"@webiny/app/config\";\n\ninterface NavigationContext {\n visible: boolean;\n setVisible(visible: boolean): void;\n}\n\nconst NavigationContext = React.createContext<NavigationContext>({\n visible: false,\n setVisible: () => {\n return void 0;\n }\n});\nNavigationContext.displayName = \"NavigationContext\";\n\nexport function useNavigation(): NavigationContext {\n return useContext(NavigationContext);\n}\n\nconst BrandImpl: HigherOrderComponent = Brand => {\n return function BrandWithHamburger() {\n return (\n <Fragment>\n <Hamburger />\n <Brand />\n </Fragment>\n );\n };\n};\n\nconst NavigationProvider = (Component: React.FC): React.FC => {\n return function NavigationProvider(props) {\n const [visible, setVisible] = useState(false);\n\n const context = useMemo(() => ({ visible, setVisible }), [visible]);\n\n return (\n <NavigationContext.Provider value={context}>\n <Component {...props} />\n </NavigationContext.Provider>\n );\n };\n};\n\nexport const NavigationImpl = (): React.FC => {\n return function Navigation() {\n const { menuItems } = useAdminNavigation();\n const { visible, setVisible } = useNavigation();\n\n const hideDrawer = useCallback(() => {\n setVisible(false);\n }, []);\n\n const mainMenu = useMemo(\n () => menuItems.filter(m => !(m.tags || []).includes(\"footer\")),\n [menuItems]\n );\n\n const footerMenu = useMemo(\n () => menuItems.filter(m => (m.tags || []).includes(\"footer\")),\n [menuItems]\n );\n\n const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n\n return (\n <Drawer modal open={visible} onClose={hideDrawer}>\n <DrawerHeader className={navHeader}>\n <MenuHeader>\n <BrandSpec />\n </MenuHeader>\n </DrawerHeader>\n <DrawerContent className={navContent}>\n <MenuItems menuItems={mainMenu} />\n </DrawerContent>\n <MenuFooter>\n <List nonInteractive>\n <MenuItems menuItems={footerMenu} />\n <ListItem ripple={false} className={subFooter}>\n Webiny v{wbyVersion}\n </ListItem>\n </List>\n </MenuFooter>\n </Drawer>\n );\n };\n};\n\nconst menuSorter = (a: MenuData, b: MenuData): number => {\n if (a.pin === b.pin) {\n return (a.label || \"\").localeCompare(b.label || \"\");\n }\n\n if (a.pin) {\n return a.pin === \"first\" ? -1 : 1;\n }\n\n if (b.pin) {\n return b.pin === \"first\" ? 1 : -1;\n }\n\n return (a.label || \"\").localeCompare(b.label || \"\");\n};\n\nconst SortedMenuItems: HigherOrderComponent<MenuItemsProps> = MenuItems => {\n return function SortedMenuItems({ menuItems }) {\n return <MenuItems menuItems={[...menuItems].sort(menuSorter)} />;\n };\n};\n\nexport const Navigation: React.FC = () => {\n return (\n <Fragment>\n <Provider hoc={NavigationProvider} />\n <Compose component={NavigationSpec} with={NavigationImpl} />\n <Compose component={MenuItems} with={SortedMenuItems} />\n <Compose component={BrandSpec} with={BrandImpl} />\n <Compose\n component={MenuItemRenderer}\n with={[\n MenuGroupRenderer,\n MenuSectionItemRenderer,\n MenuSectionRenderer,\n MenuLinkRenderer,\n MenuElementRenderer\n ]}\n />\n </Fragment>\n );\n};\n"],"mappings":"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"}
|
|
@@ -15,8 +15,10 @@ var _Snackbar = _interopRequireDefault(require("./Snackbar"));
|
|
|
15
15
|
|
|
16
16
|
var _Dialog = require("./Dialog");
|
|
17
17
|
|
|
18
|
+
var _base = require("@rmwc/base");
|
|
19
|
+
|
|
18
20
|
/**
|
|
19
|
-
* Dialogs and Snackbars require a container to be rendered, and we want to place it outside of
|
|
21
|
+
* Dialogs, Menus and Snackbars require a container to be rendered, and we want to place it outside of
|
|
20
22
|
* any other views that are constructed by developers. We need these 2 containers to always be
|
|
21
23
|
* present, even if there is no <Layout> mounted.
|
|
22
24
|
*/
|
|
@@ -28,7 +30,7 @@ var OverlaysHOC = function OverlaysHOC(Component) {
|
|
|
28
30
|
zIndex: 30,
|
|
29
31
|
position: "absolute"
|
|
30
32
|
}
|
|
31
|
-
}, /*#__PURE__*/_react.default.createElement(_Snackbar.default, null)), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContainer, null));
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement(_Snackbar.default, null)), /*#__PURE__*/_react.default.createElement(_base.Portal, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContainer, null));
|
|
32
34
|
};
|
|
33
35
|
};
|
|
34
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["OverlaysHOC","Component","Overlays","children","zIndex","position"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin/\";\nimport Snackbar from \"./Snackbar\";\nimport { DialogContainer } from \"./Dialog\";\n\n/**\n * Dialogs and Snackbars require a container to be rendered, and we want to place it outside of\n * any other views that are constructed by developers. We need these 2 containers to always be\n * present, even if there is no <Layout> mounted.\n */\nconst OverlaysHOC = (Component: React.FC): React.FC => {\n return function Overlays({ children }) {\n return (\n <Component>\n {children}\n <div style={{ zIndex: 30, position: \"absolute\" }}>\n <Snackbar />\n </div>\n <DialogContainer />\n </Component>\n );\n };\n};\n\nexport const Overlays: React.FC = () => {\n /**\n * TODO @ts-refactor @pavel\n */\n // @ts-ignore\n return <Provider hoc={OverlaysHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAAmC;EACnD,OAAO,SAASC,QAAT,OAAgC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IACnC,oBACI,6BAAC,SAAD,QACKA,QADL,eAEI;MAAK,KAAK,EAAE;QAAEC,MAAM,EAAE,EAAV;QAAcC,QAAQ,EAAE;MAAxB;IAAZ,gBACI,6BAAC,iBAAD,OADJ,CAFJ,eAKI,6BAAC,
|
|
1
|
+
{"version":3,"names":["OverlaysHOC","Component","Overlays","children","zIndex","position"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Provider } from \"@webiny/app-admin/\";\nimport Snackbar from \"./Snackbar\";\nimport { DialogContainer } from \"./Dialog\";\nimport { Portal } from \"@rmwc/base\";\n\n/**\n * Dialogs, Menus and Snackbars require a container to be rendered, and we want to place it outside of\n * any other views that are constructed by developers. We need these 2 containers to always be\n * present, even if there is no <Layout> mounted.\n */\nconst OverlaysHOC = (Component: React.FC): React.FC => {\n return function Overlays({ children }) {\n return (\n <Component>\n {children}\n <div style={{ zIndex: 30, position: \"absolute\" }}>\n <Snackbar />\n </div>\n <Portal />\n <DialogContainer />\n </Component>\n );\n };\n};\n\nexport const Overlays: React.FC = () => {\n /**\n * TODO @ts-refactor @pavel\n */\n // @ts-ignore\n return <Provider hoc={OverlaysHOC} />;\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,SAAD,EAAmC;EACnD,OAAO,SAASC,QAAT,OAAgC;IAAA,IAAZC,QAAY,QAAZA,QAAY;IACnC,oBACI,6BAAC,SAAD,QACKA,QADL,eAEI;MAAK,KAAK,EAAE;QAAEC,MAAM,EAAE,EAAV;QAAcC,QAAQ,EAAE;MAAxB;IAAZ,gBACI,6BAAC,iBAAD,OADJ,CAFJ,eAKI,6BAAC,YAAD,OALJ,eAMI,6BAAC,uBAAD,OANJ,CADJ;EAUH,CAXD;AAYH,CAbD;;AAeO,IAAMH,QAAkB,GAAG,SAArBA,QAAqB,GAAM;EACpC;AACJ;AACA;EACI;EACA,oBAAO,6BAAC,kBAAD;IAAU,GAAG,EAAEF;EAAf,EAAP;AACH,CANM"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-admin-rmwc",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.30.0-beta.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,16 +9,17 @@
|
|
|
9
9
|
"author": "Webiny Ltd.",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@babel/runtime": "7.18.
|
|
12
|
+
"@babel/runtime": "7.18.6",
|
|
13
13
|
"@emotion/styled": "10.3.0",
|
|
14
|
+
"@rmwc/base": "7.0.3",
|
|
14
15
|
"@types/react": "16.14.2",
|
|
15
|
-
"@webiny/app": "5.
|
|
16
|
-
"@webiny/app-admin": "5.
|
|
17
|
-
"@webiny/app-plugin-admin-welcome-screen": "5.
|
|
18
|
-
"@webiny/app-security": "5.
|
|
19
|
-
"@webiny/plugins": "5.
|
|
20
|
-
"@webiny/react-router": "5.
|
|
21
|
-
"@webiny/ui": "5.
|
|
16
|
+
"@webiny/app": "5.30.0-beta.0",
|
|
17
|
+
"@webiny/app-admin": "5.30.0-beta.0",
|
|
18
|
+
"@webiny/app-plugin-admin-welcome-screen": "5.30.0-beta.0",
|
|
19
|
+
"@webiny/app-security": "5.30.0-beta.0",
|
|
20
|
+
"@webiny/plugins": "5.30.0-beta.0",
|
|
21
|
+
"@webiny/react-router": "5.30.0-beta.0",
|
|
22
|
+
"@webiny/ui": "5.30.0-beta.0",
|
|
22
23
|
"classnames": "2.3.1",
|
|
23
24
|
"emotion": "10.0.27",
|
|
24
25
|
"lodash": "4.17.21",
|
|
@@ -35,13 +36,13 @@
|
|
|
35
36
|
"@babel/preset-react": "^7.0.0",
|
|
36
37
|
"@babel/preset-typescript": "^7.8.3",
|
|
37
38
|
"@types/react-helmet": "^6.1.5",
|
|
38
|
-
"@webiny/cli": "^5.
|
|
39
|
-
"@webiny/project-utils": "^5.
|
|
39
|
+
"@webiny/cli": "^5.30.0-beta.0",
|
|
40
|
+
"@webiny/project-utils": "^5.30.0-beta.0",
|
|
40
41
|
"babel-plugin-emotion": "^9.2.8",
|
|
41
42
|
"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
|
|
42
43
|
"rimraf": "^3.0.2",
|
|
43
44
|
"ttypescript": "^1.5.12",
|
|
44
|
-
"typescript": "4.
|
|
45
|
+
"typescript": "4.7.4"
|
|
45
46
|
},
|
|
46
47
|
"publishConfig": {
|
|
47
48
|
"access": "public",
|
|
@@ -56,5 +57,5 @@
|
|
|
56
57
|
"removeViewBox": false
|
|
57
58
|
}
|
|
58
59
|
},
|
|
59
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "622d120f5637e3ca807b8bfc9ed2cd034ac85fb7"
|
|
60
61
|
}
|