@webiny/app-admin-rmwc 5.33.5 → 5.34.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/Navigation/index.js +5 -1
- package/modules/Navigation/index.js.map +1 -1
- package/modules/Navigation/renderers/MenuLinkRenderer.js +1 -6
- package/modules/Navigation/renderers/MenuLinkRenderer.js.map +1 -1
- package/modules/Navigation/renderers/MenuSectionItemRenderer.js +1 -0
- package/modules/Navigation/renderers/MenuSectionItemRenderer.js.map +1 -1
- package/modules/Overlays/Dialog.js +7 -2
- package/modules/Overlays/Dialog.js.map +1 -1
- package/package.json +17 -17
|
@@ -38,6 +38,8 @@ var _Styled = require("./Styled");
|
|
|
38
38
|
|
|
39
39
|
var _config = require("@webiny/app/config");
|
|
40
40
|
|
|
41
|
+
var _Typography = require("@webiny/ui/Typography");
|
|
42
|
+
|
|
41
43
|
var NavigationContext = /*#__PURE__*/_react.default.createContext({
|
|
42
44
|
visible: false,
|
|
43
45
|
setVisible: function setVisible() {
|
|
@@ -118,7 +120,9 @@ var NavigationImpl = function NavigationImpl() {
|
|
|
118
120
|
}), /*#__PURE__*/_react.default.createElement(_List.ListItem, {
|
|
119
121
|
ripple: false,
|
|
120
122
|
className: _Styled.subFooter
|
|
121
|
-
},
|
|
123
|
+
}, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
|
|
124
|
+
use: "body2"
|
|
125
|
+
}, "Webiny v", wbyVersion)))));
|
|
122
126
|
};
|
|
123
127
|
};
|
|
124
128
|
|
|
@@ -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\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}
|
|
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\";\nimport { Typography } from \"@webiny/ui/Typography\";\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 <Typography use={\"body2\"}>Webiny v{wbyVersion}</Typography>\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":";;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAYA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA,IAAMA,iBAAiB,gBAAGC,cAAA,CAAMC,aAAN,CAAuC;EAC7DC,OAAO,EAAE,KADoD;EAE7DC,UAAU,EAAE,sBAAM;IACd,OAAO,KAAK,CAAZ;EACH;AAJ4D,CAAvC,CAA1B;;AAMAJ,iBAAiB,CAACK,WAAlB,GAAgC,mBAAhC;;AAEO,SAASC,aAAT,GAA4C;EAC/C,OAAO,IAAAC,iBAAA,EAAWP,iBAAX,CAAP;AACH;;AAED,IAAMQ,SAA+B,GAAG,SAAlCA,SAAkC,CAAAC,KAAK,EAAI;EAC7C,OAAO,SAASC,kBAAT,GAA8B;IACjC,oBACI,6BAAC,eAAD,qBACI,6BAAC,kBAAD,OADJ,eAEI,6BAAC,KAAD,OAFJ,CADJ;EAMH,CAPD;AAQH,CATD;;AAWA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAmC;EAC1D,OAAO,SAASD,kBAAT,CAA4BE,KAA5B,EAAmC;IACtC,gBAA8B,IAAAC,eAAA,EAAS,KAAT,CAA9B;IAAA;IAAA,IAAOX,OAAP;IAAA,IAAgBC,UAAhB;;IAEA,IAAMW,OAAO,GAAG,IAAAC,cAAA,EAAQ;MAAA,OAAO;QAAEb,OAAO,EAAPA,OAAF;QAAWC,UAAU,EAAVA;MAAX,CAAP;IAAA,CAAR,EAAyC,CAACD,OAAD,CAAzC,CAAhB;IAEA,oBACI,6BAAC,iBAAD,CAAmB,QAAnB;MAA4B,KAAK,EAAEY;IAAnC,gBACI,6BAAC,SAAD,EAAeF,KAAf,CADJ,CADJ;EAKH,CAVD;AAWH,CAZD;;AAcO,IAAMI,cAAc,GAAG,SAAjBA,cAAiB,GAAgB;EAC1C,OAAO,SAASC,UAAT,GAAsB;IACzB,0BAAsB,IAAAC,uBAAA,GAAtB;IAAA,IAAQC,SAAR,uBAAQA,SAAR;;IACA,qBAAgCd,aAAa,EAA7C;IAAA,IAAQH,OAAR,kBAAQA,OAAR;IAAA,IAAiBC,UAAjB,kBAAiBA,UAAjB;;IAEA,IAAMiB,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;MACjClB,UAAU,CAAC,KAAD,CAAV;IACH,CAFkB,EAEhB,EAFgB,CAAnB;IAIA,IAAMmB,QAAQ,GAAG,IAAAP,cAAA,EACb;MAAA,OAAMI,SAAS,CAACI,MAAV,CAAiB,UAAAC,CAAC;QAAA,OAAI,CAAC,CAACA,CAAC,CAACC,IAAF,IAAU,EAAX,EAAeC,QAAf,CAAwB,QAAxB,CAAL;MAAA,CAAlB,CAAN;IAAA,CADa,EAEb,CAACP,SAAD,CAFa,CAAjB;IAKA,IAAMQ,UAAU,GAAG,IAAAZ,cAAA,EACf;MAAA,OAAMI,SAAS,CAACI,MAAV,CAAiB,UAAAC,CAAC;QAAA,OAAI,CAACA,CAAC,CAACC,IAAF,IAAU,EAAX,EAAeC,QAAf,CAAwB,QAAxB,CAAJ;MAAA,CAAlB,CAAN;IAAA,CADe,EAEf,CAACP,SAAD,CAFe,CAAnB;;IAKA,IAAMS,UAAU,GAAGC,cAAA,CAAUC,MAAV,CAAiB,gBAAjB,EAAmCC,OAAO,CAACC,GAAR,CAAYC,wBAA/C,CAAnB;;IAEA,oBACI,6BAAC,cAAD;MAAQ,KAAK,MAAb;MAAc,IAAI,EAAE/B,OAApB;MAA6B,OAAO,EAAEkB;IAAtC,gBACI,6BAAC,oBAAD;MAAc,SAAS,EAAEc;IAAzB,gBACI,6BAAC,kBAAD,qBACI,6BAAC,eAAD,OADJ,CADJ,CADJ,eAMI,6BAAC,qBAAD;MAAe,SAAS,EAAEC;IAA1B,gBACI,6BAAC,mBAAD;MAAW,SAAS,EAAEb;IAAtB,EADJ,CANJ,eASI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;MAAM,cAAc;IAApB,gBACI,6BAAC,mBAAD;MAAW,SAAS,EAAEK;IAAtB,EADJ,eAEI,6BAAC,cAAD;MAAU,MAAM,EAAE,KAAlB;MAAyB,SAAS,EAAES;IAApC,gBACI,6BAAC,sBAAD;MAAY,GAAG,EAAE;IAAjB,eAAmCR,UAAnC,CADJ,CAFJ,CADJ,CATJ,CADJ;EAoBH,CAxCD;AAyCH,CA1CM;;;;AA4CP,IAAMS,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAcC,CAAd,EAAsC;EACrD,IAAID,CAAC,CAACE,GAAF,KAAUD,CAAC,CAACC,GAAhB,EAAqB;IACjB,OAAO,CAACF,CAAC,CAACG,KAAF,IAAW,EAAZ,EAAgBC,aAAhB,CAA8BH,CAAC,CAACE,KAAF,IAAW,EAAzC,CAAP;EACH;;EAED,IAAIH,CAAC,CAACE,GAAN,EAAW;IACP,OAAOF,CAAC,CAACE,GAAF,KAAU,OAAV,GAAoB,CAAC,CAArB,GAAyB,CAAhC;EACH;;EAED,IAAID,CAAC,CAACC,GAAN,EAAW;IACP,OAAOD,CAAC,CAACC,GAAF,KAAU,OAAV,GAAoB,CAApB,GAAwB,CAAC,CAAhC;EACH;;EAED,OAAO,CAACF,CAAC,CAACG,KAAF,IAAW,EAAZ,EAAgBC,aAAhB,CAA8BH,CAAC,CAACE,KAAF,IAAW,EAAzC,CAAP;AACH,CAdD;;AAgBA,IAAME,eAAqD,GAAG,SAAxDA,eAAwD,CAAAC,SAAS,EAAI;EACvE,OAAO,SAASD,eAAT,OAAwC;IAAA,IAAbxB,SAAa,QAAbA,SAAa;IAC3C,oBAAO,6BAAC,SAAD;MAAW,SAAS,EAAE,iCAAIA,SAAJ,EAAe0B,IAAf,CAAoBR,UAApB;IAAtB,EAAP;EACH,CAFD;AAGH,CAJD;;AAMO,IAAMpB,UAAoB,GAAG,SAAvBA,UAAuB,GAAM;EACtC,oBACI,6BAAC,eAAD,qBACI,6BAAC,kBAAD;IAAU,GAAG,EAAEP;EAAf,EADJ,eAEI,6BAAC,iBAAD;IAAS,SAAS,EAAEoC,4BAApB;IAAoC,IAAI,EAAE9B;EAA1C,EAFJ,eAGI,6BAAC,iBAAD;IAAS,SAAS,EAAE4B,mBAApB;IAA+B,IAAI,EAAED;EAArC,EAHJ,eAII,6BAAC,iBAAD;IAAS,SAAS,EAAEI,eAApB;IAA+B,IAAI,EAAExC;EAArC,EAJJ,eAKI,6BAAC,iBAAD;IACI,SAAS,EAAEyC,0BADf;IAEI,IAAI,EAAE,CACFC,oCADE,EAEFC,gDAFE,EAGFC,wCAHE,EAIFC,kCAJE,EAKFC,wCALE;EAFV,EALJ,CADJ;AAkBH,CAnBM"}
|
|
@@ -21,12 +21,7 @@ var _Icon = require("@webiny/ui/Icon");
|
|
|
21
21
|
|
|
22
22
|
var _index = require("../index");
|
|
23
23
|
|
|
24
|
-
var listItemStyle = /*#__PURE__*/(0, _emotion.css)({
|
|
25
|
-
".mdc-list &.mdc-list-item:hover": {
|
|
26
|
-
cursor: "pointer",
|
|
27
|
-
backgroundColor: "var(--mdc-theme-background)"
|
|
28
|
-
}
|
|
29
|
-
}, "label:listItemStyle;");
|
|
24
|
+
var listItemStyle = /*#__PURE__*/(0, _emotion.css)("font-weight:400 !important;.mdc-list &.mdc-list-item:hover{cursor:pointer;background-color:var(--mdc-theme-background);}label:listItemStyle;");
|
|
30
25
|
|
|
31
26
|
var MenuLinkRenderer = function MenuLinkRenderer(PrevMenuItem) {
|
|
32
27
|
return function MenuLink() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["listItemStyle","css","
|
|
1
|
+
{"version":3,"names":["listItemStyle","css","MenuLinkRenderer","PrevMenuItem","MenuLink","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","tags","includes","console","log","withLink","content","path","target","testId","onClick","item","icon","label"],"sources":["MenuLinkRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { ListItem, ListItemGraphic } from \"@webiny/ui/List\";\nimport { useMenuItem } from \"@webiny/app-admin\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { useNavigation } from \"../index\";\n\nconst listItemStyle = css`\n font-weight: 400 !important;\n\n .mdc-list &.mdc-list-item:hover {\n cursor: pointer;\n background-color: var(--mdc-theme-background);\n }\n`;\n\nexport const MenuLinkRenderer = (PrevMenuItem: React.FC): React.FC => {\n return function MenuLink() {\n const { setVisible } = useNavigation();\n const { menuItem, depth } = useMenuItem();\n\n const hideMenu = useCallback(() => setVisible(false), []);\n const shouldRender =\n depth === 0 && (menuItem ? menuItem.tags || [] : []).includes(\"footer\");\n\n if (!shouldRender) {\n return <PrevMenuItem />;\n } else if (!menuItem) {\n // TODO @ts-refactor check if to return component or null @pavel\n console.log(\n \"MenuLinkRenderer returning PrevMenuItem because missing menuItem variable.\"\n );\n return <PrevMenuItem />;\n }\n\n const withLink = (content: React.ReactNode): React.ReactElement => {\n return (\n <Link\n to={menuItem.path || \"\"}\n target={menuItem.target}\n data-testid={menuItem.testId}\n onClick={menuItem.onClick || hideMenu}\n >\n {content}\n </Link>\n );\n };\n\n const item = (\n <ListItem\n data-testid={menuItem.testId}\n ripple={false}\n className={listItemStyle}\n onClick={menuItem.onClick || hideMenu}\n >\n {menuItem.icon ? (\n <ListItemGraphic>\n <Icon icon={menuItem.icon} />\n </ListItemGraphic>\n ) : null}\n {menuItem.label}\n </ListItem>\n );\n\n return menuItem.path ? withLink(item) : item;\n };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,aAAa,oBAAGC,YAAH,iJAAnB;;AASO,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,YAAD,EAAsC;EAClE,OAAO,SAASC,QAAT,GAAoB;IACvB,qBAAuB,IAAAC,oBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY;MAAA,OAAML,UAAU,CAAC,KAAD,CAAhB;IAAA,CAAZ,EAAqC,EAArC,CAAjB;IACA,IAAMM,YAAY,GACdH,KAAK,KAAK,CAAV,IAAe,CAACD,QAAQ,GAAGA,QAAQ,CAACK,IAAT,IAAiB,EAApB,GAAyB,EAAlC,EAAsCC,QAAtC,CAA+C,QAA/C,CADnB;;IAGA,IAAI,CAACF,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH,CAFD,MAEO,IAAI,CAACJ,QAAL,EAAe;MAClB;MACAO,OAAO,CAACC,GAAR,CACI,4EADJ;MAGA,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAkD;MAC/D,oBACI,6BAAC,iBAAD;QACI,EAAE,EAAEV,QAAQ,CAACW,IAAT,IAAiB,EADzB;QAEI,MAAM,EAAEX,QAAQ,CAACY,MAFrB;QAGI,eAAaZ,QAAQ,CAACa,MAH1B;QAII,OAAO,EAAEb,QAAQ,CAACc,OAAT,IAAoBZ;MAJjC,GAMKQ,OANL,CADJ;IAUH,CAXD;;IAaA,IAAMK,IAAI,gBACN,6BAAC,cAAD;MACI,eAAaf,QAAQ,CAACa,MAD1B;MAEI,MAAM,EAAE,KAFZ;MAGI,SAAS,EAAErB,aAHf;MAII,OAAO,EAAEQ,QAAQ,CAACc,OAAT,IAAoBZ;IAJjC,GAMKF,QAAQ,CAACgB,IAAT,gBACG,6BAAC,qBAAD,qBACI,6BAAC,UAAD;MAAM,IAAI,EAAEhB,QAAQ,CAACgB;IAArB,EADJ,CADH,GAIG,IAVR,EAWKhB,QAAQ,CAACiB,KAXd,CADJ;;IAgBA,OAAOjB,QAAQ,CAACW,IAAT,GAAgBF,QAAQ,CAACM,IAAD,CAAxB,GAAiCA,IAAxC;EACH,CAhDD;AAiDH,CAlDM"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["linkStyle","css","color","textDecoration","display","alignItems","width","height","outline","paddingLeft","submenuItems","margin","padding","submenuList","MenuSectionItemRenderer","PrevMenuItem","MenuSectionItem","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","Boolean","path","console","log","testId","onClick","label"],"sources":["MenuSectionItemRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { useNavigation } from \"../index\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nconst linkStyle = css({\n color: \"var(--mdc-theme-text-primary-on-background)\",\n textDecoration: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n outline: \"none\",\n paddingLeft: 72,\n \"&:hover\": {\n textDecoration: \"none\"\n }\n});\n\nconst submenuItems = css({\n \".mdc-drawer &.mdc-list-item\": {\n paddingLeft: 0,\n margin: 0,\n padding: 0\n }\n});\n\nconst submenuList = css({\n \"&.mdc-list\": {\n padding: 0\n }\n});\n\nexport const MenuSectionItemRenderer = (PrevMenuItem: React.FC): React.FC => {\n return function MenuSectionItem() {\n const { setVisible } = useNavigation();\n const { menuItem, depth } = useMenuItem();\n\n const hideMenu = useCallback(() => setVisible(false), []);\n const shouldRender = depth > 0 && Boolean(menuItem ? menuItem.path : false);\n\n if (!shouldRender) {\n return <PrevMenuItem />;\n } else if (!menuItem) {\n // TODO @ts-refactor check if to return component or null @pavel\n console.log(\n \"MenuSectionItemRenderer returning PrevMenuItem because no menuItem variable.\"\n );\n return <PrevMenuItem />;\n }\n\n return (\n <List className={submenuList}>\n <ListItem className={submenuItems} data-testid={menuItem.testId}>\n {menuItem.path ? (\n <Link\n className={linkStyle}\n to={menuItem.path}\n onClick={menuItem.onClick || hideMenu}\n >\n {menuItem.label}\n </Link>\n ) : (\n <span\n onClick={() => {\n if (!menuItem.onClick) {\n return;\n }\n menuItem.onClick();\n }}\n className={linkStyle}\n >\n {menuItem.label}\n </span>\n )}\n </ListItem>\n </List>\n );\n };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE,6CADW;EAElBC,cAAc,EAAE,MAFE;EAGlBC,OAAO,EAAE,MAHS;EAIlBC,UAAU,EAAE,QAJM;EAKlBC,KAAK,EAAE,MALW;EAMlBC,MAAM,EAAE,MANU;EAOlBC,OAAO,EAAE,MAPS;EAQlBC,WAAW,EAAE,EARK;
|
|
1
|
+
{"version":3,"names":["linkStyle","css","color","textDecoration","display","alignItems","width","height","outline","paddingLeft","fontWeight","submenuItems","margin","padding","submenuList","MenuSectionItemRenderer","PrevMenuItem","MenuSectionItem","useNavigation","setVisible","useMenuItem","menuItem","depth","hideMenu","useCallback","shouldRender","Boolean","path","console","log","testId","onClick","label"],"sources":["MenuSectionItemRenderer.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { css } from \"emotion\";\nimport { Link } from \"@webiny/react-router\";\nimport { List, ListItem } from \"@webiny/ui/List\";\nimport { useNavigation } from \"../index\";\nimport { useMenuItem } from \"@webiny/app-admin\";\n\nconst linkStyle = css({\n color: \"var(--mdc-theme-text-primary-on-background)\",\n textDecoration: \"none\",\n display: \"flex\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\",\n outline: \"none\",\n paddingLeft: 72,\n fontWeight: 400,\n \"&:hover\": {\n textDecoration: \"none\"\n }\n});\n\nconst submenuItems = css({\n \".mdc-drawer &.mdc-list-item\": {\n paddingLeft: 0,\n margin: 0,\n padding: 0\n }\n});\n\nconst submenuList = css({\n \"&.mdc-list\": {\n padding: 0\n }\n});\n\nexport const MenuSectionItemRenderer = (PrevMenuItem: React.FC): React.FC => {\n return function MenuSectionItem() {\n const { setVisible } = useNavigation();\n const { menuItem, depth } = useMenuItem();\n\n const hideMenu = useCallback(() => setVisible(false), []);\n const shouldRender = depth > 0 && Boolean(menuItem ? menuItem.path : false);\n\n if (!shouldRender) {\n return <PrevMenuItem />;\n } else if (!menuItem) {\n // TODO @ts-refactor check if to return component or null @pavel\n console.log(\n \"MenuSectionItemRenderer returning PrevMenuItem because no menuItem variable.\"\n );\n return <PrevMenuItem />;\n }\n\n return (\n <List className={submenuList}>\n <ListItem className={submenuItems} data-testid={menuItem.testId}>\n {menuItem.path ? (\n <Link\n className={linkStyle}\n to={menuItem.path}\n onClick={menuItem.onClick || hideMenu}\n >\n {menuItem.label}\n </Link>\n ) : (\n <span\n onClick={() => {\n if (!menuItem.onClick) {\n return;\n }\n menuItem.onClick();\n }}\n className={linkStyle}\n >\n {menuItem.label}\n </span>\n )}\n </ListItem>\n </List>\n );\n };\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE,6CADW;EAElBC,cAAc,EAAE,MAFE;EAGlBC,OAAO,EAAE,MAHS;EAIlBC,UAAU,EAAE,QAJM;EAKlBC,KAAK,EAAE,MALW;EAMlBC,MAAM,EAAE,MANU;EAOlBC,OAAO,EAAE,MAPS;EAQlBC,WAAW,EAAE,EARK;EASlBC,UAAU,EAAE,GATM;EAUlB,WAAW;IACPP,cAAc,EAAE;EADT;AAVO,CAAJ,qBAAlB;AAeA,IAAMQ,YAAY,gBAAG,IAAAV,YAAA,EAAI;EACrB,+BAA+B;IAC3BQ,WAAW,EAAE,CADc;IAE3BG,MAAM,EAAE,CAFmB;IAG3BC,OAAO,EAAE;EAHkB;AADV,CAAJ,wBAArB;AAQA,IAAMC,WAAW,gBAAG,IAAAb,YAAA,EAAI;EACpB,cAAc;IACVY,OAAO,EAAE;EADC;AADM,CAAJ,uBAApB;;AAMO,IAAME,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACC,YAAD,EAAsC;EACzE,OAAO,SAASC,eAAT,GAA2B;IAC9B,qBAAuB,IAAAC,oBAAA,GAAvB;IAAA,IAAQC,UAAR,kBAAQA,UAAR;;IACA,mBAA4B,IAAAC,qBAAA,GAA5B;IAAA,IAAQC,QAAR,gBAAQA,QAAR;IAAA,IAAkBC,KAAlB,gBAAkBA,KAAlB;;IAEA,IAAMC,QAAQ,GAAG,IAAAC,kBAAA,EAAY;MAAA,OAAML,UAAU,CAAC,KAAD,CAAhB;IAAA,CAAZ,EAAqC,EAArC,CAAjB;IACA,IAAMM,YAAY,GAAGH,KAAK,GAAG,CAAR,IAAaI,OAAO,CAACL,QAAQ,GAAGA,QAAQ,CAACM,IAAZ,GAAmB,KAA5B,CAAzC;;IAEA,IAAI,CAACF,YAAL,EAAmB;MACf,oBAAO,6BAAC,YAAD,OAAP;IACH,CAFD,MAEO,IAAI,CAACJ,QAAL,EAAe;MAClB;MACAO,OAAO,CAACC,GAAR,CACI,8EADJ;MAGA,oBAAO,6BAAC,YAAD,OAAP;IACH;;IAED,oBACI,6BAAC,UAAD;MAAM,SAAS,EAAEf;IAAjB,gBACI,6BAAC,cAAD;MAAU,SAAS,EAAEH,YAArB;MAAmC,eAAaU,QAAQ,CAACS;IAAzD,GACKT,QAAQ,CAACM,IAAT,gBACG,6BAAC,iBAAD;MACI,SAAS,EAAE3B,SADf;MAEI,EAAE,EAAEqB,QAAQ,CAACM,IAFjB;MAGI,OAAO,EAAEN,QAAQ,CAACU,OAAT,IAAoBR;IAHjC,GAKKF,QAAQ,CAACW,KALd,CADH,gBASG;MACI,OAAO,EAAE,mBAAM;QACX,IAAI,CAACX,QAAQ,CAACU,OAAd,EAAuB;UACnB;QACH;;QACDV,QAAQ,CAACU,OAAT;MACH,CANL;MAOI,SAAS,EAAE/B;IAPf,GASKqB,QAAQ,CAACW,KATd,CAVR,CADJ,CADJ;EA2BH,CA5CD;AA6CH,CA9CM"}
|
|
@@ -19,6 +19,8 @@ var _useUi = require("@webiny/app/hooks/useUi");
|
|
|
19
19
|
|
|
20
20
|
var _Dialog = require("@webiny/ui/Dialog");
|
|
21
21
|
|
|
22
|
+
var _Button = require("@webiny/ui/Button");
|
|
23
|
+
|
|
22
24
|
var DialogContainer = function DialogContainer() {
|
|
23
25
|
var ui = (0, _useUi.useUi)();
|
|
24
26
|
var message = (0, _get3.default)(ui, "dialog.message");
|
|
@@ -49,8 +51,11 @@ var DialogContainer = function DialogContainer() {
|
|
|
49
51
|
style: style
|
|
50
52
|
}, title && /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, message), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, actions.cancel && /*#__PURE__*/_react.default.createElement(_Dialog.DialogAccept, {
|
|
51
53
|
onClick: actions.cancel.onClick
|
|
52
|
-
}, actions.cancel.label), actions.accept && /*#__PURE__*/_react.default.createElement(
|
|
53
|
-
onClick:
|
|
54
|
+
}, actions.cancel.label), actions.accept && /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
|
|
55
|
+
onClick: function onClick() {
|
|
56
|
+
actions.accept.onClick();
|
|
57
|
+
hideDialog();
|
|
58
|
+
}
|
|
54
59
|
}, actions.accept.label)));
|
|
55
60
|
};
|
|
56
61
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n const ui = useUi();\n const message: React.ReactNode = get(ui, \"dialog.message\");\n const {\n dataTestId,\n title,\n actions = { cancel: null, accept: { label: \"OK\" } },\n style\n } = get(ui, \"dialog.options\", {});\n\n const hideDialog = useCallback(() => {\n ui.setState(ui => ({ ...ui, dialog: null }));\n }, [ui]);\n\n return (\n <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n {title && <DialogTitle>{title}</DialogTitle>}\n <DialogContent>{message}</DialogContent>\n <DialogActions>\n {actions.cancel && (\n <DialogAccept onClick={actions.cancel.onClick}>\n {actions.cancel.label}\n </DialogAccept>\n )}\n {actions.accept && (\n <
|
|
1
|
+
{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\nimport { ButtonPrimary } from \"@webiny/ui/Button\";\n\nexport const DialogContainer: React.FC = () => {\n const ui = useUi();\n const message: React.ReactNode = get(ui, \"dialog.message\");\n const {\n dataTestId,\n title,\n actions = { cancel: null, accept: { label: \"OK\" } },\n style\n } = get(ui, \"dialog.options\", {});\n\n const hideDialog = useCallback(() => {\n ui.setState(ui => ({ ...ui, dialog: null }));\n }, [ui]);\n\n return (\n <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n {title && <DialogTitle>{title}</DialogTitle>}\n <DialogContent>{message}</DialogContent>\n <DialogActions>\n {actions.cancel && (\n <DialogAccept onClick={actions.cancel.onClick}>\n {actions.cancel.label}\n </DialogAccept>\n )}\n {actions.accept && (\n <ButtonPrimary\n onClick={() => {\n actions.accept.onClick();\n hideDialog();\n }}\n >\n {actions.accept.label}\n </ButtonPrimary>\n )}\n </DialogActions>\n </Dialog>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAwB,GAAG,mBAAIF,EAAJ,EAAQ,gBAAR,CAAjC;;EACA,YAKI,mBAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;EAAA,IACIG,UADJ,SACIA,UADJ;EAAA,IAEIC,KAFJ,SAEIA,KAFJ;EAAA,0BAGIC,OAHJ;EAAA,IAGIA,OAHJ,8BAGc;IAAEC,MAAM,EAAE,IAAV;IAAgBC,MAAM,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAxB,CAHd;EAAA,IAIIC,KAJJ,SAIIA,KAJJ;;EAOA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCX,EAAE,CAACY,QAAH,CAAY,UAAAZ,EAAE;MAAA,mEAAUA,EAAV;QAAca,MAAM,EAAE;MAAtB;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACb,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,cAAD;IAAQ,IAAI,EAAE,CAAC,CAACE,OAAhB;IAAyB,OAAO,EAAEQ,UAAlC;IAA8C,eAAaP,UAA3D;IAAuE,KAAK,EAAEM;EAA9E,GACKL,KAAK,iBAAI,6BAAC,mBAAD,QAAcA,KAAd,CADd,eAEI,6BAAC,qBAAD,QAAgBF,OAAhB,CAFJ,eAGI,6BAAC,qBAAD,QACKG,OAAO,CAACC,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeQ;EAAtC,GACKT,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,6BAAC,qBAAD;IACI,OAAO,EAAE,mBAAM;MACXF,OAAO,CAACE,MAAR,CAAeO,OAAf;MACAJ,UAAU;IACb;EAJL,GAMKL,OAAO,CAACE,MAAR,CAAeC,KANpB,CAPR,CAHJ,CADJ;AAuBH,CArCM"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-admin-rmwc",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.34.0-beta.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -9,19 +9,19 @@
|
|
|
9
9
|
"author": "Webiny Ltd.",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@babel/runtime": "7.
|
|
12
|
+
"@babel/runtime": "7.19.0",
|
|
13
13
|
"@emotion/styled": "10.3.0",
|
|
14
14
|
"@rmwc/base": "7.0.3",
|
|
15
15
|
"@rmwc/provider": "7.0.3",
|
|
16
16
|
"@types/react": "17.0.39",
|
|
17
|
-
"@webiny/app": "5.
|
|
18
|
-
"@webiny/app-admin": "5.
|
|
19
|
-
"@webiny/app-plugin-admin-welcome-screen": "5.
|
|
20
|
-
"@webiny/app-security": "5.
|
|
21
|
-
"@webiny/plugins": "5.
|
|
22
|
-
"@webiny/react-router": "5.
|
|
23
|
-
"@webiny/ui": "5.
|
|
24
|
-
"classnames": "2.3.
|
|
17
|
+
"@webiny/app": "5.34.0-beta.0",
|
|
18
|
+
"@webiny/app-admin": "5.34.0-beta.0",
|
|
19
|
+
"@webiny/app-plugin-admin-welcome-screen": "5.34.0-beta.0",
|
|
20
|
+
"@webiny/app-security": "5.34.0-beta.0",
|
|
21
|
+
"@webiny/plugins": "5.34.0-beta.0",
|
|
22
|
+
"@webiny/react-router": "5.34.0-beta.0",
|
|
23
|
+
"@webiny/ui": "5.34.0-beta.0",
|
|
24
|
+
"classnames": "2.3.2",
|
|
25
25
|
"emotion": "10.0.27",
|
|
26
26
|
"lodash": "4.17.21",
|
|
27
27
|
"react": "17.0.2",
|
|
@@ -31,14 +31,14 @@
|
|
|
31
31
|
"store": "2.0.12"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@babel/cli": "^7.
|
|
35
|
-
"@babel/core": "^7.
|
|
36
|
-
"@babel/preset-env": "^7.
|
|
34
|
+
"@babel/cli": "^7.19.3",
|
|
35
|
+
"@babel/core": "^7.19.3",
|
|
36
|
+
"@babel/preset-env": "^7.19.4",
|
|
37
37
|
"@babel/preset-react": "^7.0.0",
|
|
38
|
-
"@babel/preset-typescript": "^7.
|
|
38
|
+
"@babel/preset-typescript": "^7.18.6",
|
|
39
39
|
"@types/react-helmet": "^6.1.5",
|
|
40
|
-
"@webiny/cli": "^5.
|
|
41
|
-
"@webiny/project-utils": "^5.
|
|
40
|
+
"@webiny/cli": "^5.34.0-beta.0",
|
|
41
|
+
"@webiny/project-utils": "^5.34.0-beta.0",
|
|
42
42
|
"babel-plugin-emotion": "^9.2.8",
|
|
43
43
|
"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
|
|
44
44
|
"rimraf": "^3.0.2",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"removeViewBox": false
|
|
59
59
|
}
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "9648454619a1bfb35040eb00f27a64ed75194e61"
|
|
62
62
|
}
|