@webiny/app-admin-rmwc 5.44.1-beta.2 → 5.44.1-beta.3
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.
|
@@ -10,7 +10,6 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
|
|
|
10
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
11
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
12
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
var _store = _interopRequireDefault(require("store"));
|
|
14
13
|
var _emotion = require("emotion");
|
|
15
14
|
var _reactTransitionGroup = require("react-transition-group");
|
|
16
15
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -56,29 +55,31 @@ var menuTitle = (0, _emotion.css)({
|
|
|
56
55
|
var menuTitleActive = (0, _emotion.css)({
|
|
57
56
|
backgroundColor: "var(--mdc-theme-background)"
|
|
58
57
|
});
|
|
59
|
-
var LOCAL_STORAGE_KEY = "
|
|
60
|
-
function loadState() {
|
|
61
|
-
return (
|
|
58
|
+
var LOCAL_STORAGE_KEY = "navigation_groups";
|
|
59
|
+
function loadState(localStorage) {
|
|
60
|
+
return (localStorage.get(LOCAL_STORAGE_KEY) || "").split(",").filter(Boolean);
|
|
62
61
|
}
|
|
63
|
-
function storeState(state) {
|
|
64
|
-
|
|
62
|
+
function storeState(localStorage, state) {
|
|
63
|
+
localStorage.set(LOCAL_STORAGE_KEY, state.join(","));
|
|
65
64
|
}
|
|
66
|
-
function getState(id) {
|
|
65
|
+
function getState(localStorage, id) {
|
|
67
66
|
if (!id) {
|
|
68
67
|
return false;
|
|
69
68
|
}
|
|
70
|
-
var state = loadState();
|
|
69
|
+
var state = loadState(localStorage);
|
|
71
70
|
return state.includes(id);
|
|
72
71
|
}
|
|
73
72
|
var MenuGroupRenderer = exports.MenuGroupRenderer = function MenuGroupRenderer(PrevMenuItem) {
|
|
74
73
|
return function MenuGroup() {
|
|
75
74
|
var _useNavigation = (0, _index.useNavigation)(),
|
|
76
75
|
setVisible = _useNavigation.setVisible;
|
|
76
|
+
var _useLocalStorage = (0, _appAdmin.useLocalStorage)(),
|
|
77
|
+
localStorage = _useLocalStorage.localStorage;
|
|
77
78
|
var _useMenuItem = (0, _appAdmin.useMenuItem)(),
|
|
78
79
|
menuItem = _useMenuItem.menuItem,
|
|
79
80
|
depth = _useMenuItem.depth;
|
|
80
81
|
var shouldRender = depth === 0 && menuItem && menuItem.children;
|
|
81
|
-
var _useState = (0, _react.useState)(getState(menuItem ? menuItem.name : null)),
|
|
82
|
+
var _useState = (0, _react.useState)(getState(localStorage, menuItem ? menuItem.name : null)),
|
|
82
83
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
83
84
|
isExpanded = _useState2[0],
|
|
84
85
|
setExpanded = _useState2[1];
|
|
@@ -89,7 +90,7 @@ var MenuGroupRenderer = exports.MenuGroupRenderer = function MenuGroupRenderer(P
|
|
|
89
90
|
if (!menuItem) {
|
|
90
91
|
return;
|
|
91
92
|
}
|
|
92
|
-
var state = loadState();
|
|
93
|
+
var state = loadState(localStorage);
|
|
93
94
|
if (isExpanded && state.includes(menuItem.name)) {
|
|
94
95
|
state.splice(state.indexOf(menuItem.name), 1);
|
|
95
96
|
}
|
|
@@ -97,7 +98,7 @@ var MenuGroupRenderer = exports.MenuGroupRenderer = function MenuGroupRenderer(P
|
|
|
97
98
|
state.push(menuItem.name);
|
|
98
99
|
}
|
|
99
100
|
setExpanded(!isExpanded);
|
|
100
|
-
storeState(state);
|
|
101
|
+
storeState(localStorage, state);
|
|
101
102
|
}, [isExpanded, setExpanded]);
|
|
102
103
|
if (!shouldRender) {
|
|
103
104
|
return /*#__PURE__*/_react.default.createElement(PrevMenuItem, null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_store","_interopRequireDefault","_emotion","_reactTransitionGroup","_classnames","_reactRouter","_appAdmin","_List","_Button","_index","_roundKeyboard_arrow_up24px","_roundKeyboard_arrow_down24px","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","menuTitle","css","borderBottom","padding","margin","height","width","fontWeight","boxSizing","menuTitleActive","backgroundColor","LOCAL_STORAGE_KEY","loadState","localStorage","get","split","filter","Boolean","storeState","state","set","join","getState","id","includes","MenuGroupRenderer","exports","PrevMenuItem","MenuGroup","_useNavigation","useNavigation","setVisible","_useMenuItem","useMenuItem","menuItem","depth","shouldRender","children","_useState","useState","name","_useState2","_slicedToArray2","default","isExpanded","setExpanded","hideMenu","useCallback","toggleElement","splice","indexOf","push","createElement","length","withLink","content","Link","to","path","testId","onClick","item","List","className","classNames","_defineProperty2","ListItem","icon","ListItemGraphic","IconButton","label","ListItemMeta","ReactComponent","Fragment","Transition","in","timeout","appear","unmountOnExit","style","_objectSpread2","MenuItems","menuItems"],"sources":["MenuGroupRenderer.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from \"react\";\nimport { default as localStorage } from \"store\";\nimport { css } from \"emotion\";\nimport { Transition } from \"react-transition-group\";\nimport classNames from \"classnames\";\nimport { Link } from \"@webiny/react-router\";\nimport { useMenuItem, MenuItems } from \"@webiny/app-admin\";\nimport { List, ListItem, ListItemGraphic, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useNavigation } from \"../index\";\nimport { ReactComponent as UpIcon } from \"../icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownIcon } from \"../icons/round-keyboard_arrow_down-24px.svg\";\n\nconst defaultStyle = {\n transform: \"translateY(-20px)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"100ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(-20px)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\nconst menuTitle = css({\n \".mdc-drawer &.mdc-deprecated-list\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: 0,\n \".mdc-deprecated-list-item\": {\n margin: 0,\n padding: \"0 15px\",\n height: \"48px\",\n width: \"100%\",\n fontWeight: 600,\n boxSizing: \"border-box\"\n }\n }\n});\n\nconst menuTitleActive = css({\n backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst LOCAL_STORAGE_KEY = \"webiny_navigation_groups\";\n\nfunction loadState(): string[] {\n return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n}\n\nfunction storeState(state: string[]) {\n localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n}\n\nfunction getState(id: string | null): boolean {\n if (!id) {\n return false;\n }\n const state = loadState();\n return state.includes(id);\n}\n\nexport const MenuGroupRenderer = (PrevMenuItem: React.ComponentType) => {\n return function MenuGroup() {\n const { setVisible } = useNavigation();\n const { menuItem, depth } = useMenuItem();\n const shouldRender = depth === 0 && menuItem && menuItem.children;\n const [isExpanded, setExpanded] = useState<boolean>(\n getState(menuItem ? menuItem.name : null)\n );\n\n const hideMenu = useCallback(() => setVisible(false), []);\n\n const toggleElement = useCallback(() => {\n if (!menuItem) {\n return;\n }\n const state = loadState();\n if (isExpanded && state.includes(menuItem.name)) {\n state.splice(state.indexOf(menuItem.name), 1);\n }\n\n if (!isExpanded && !state.includes(menuItem.name)) {\n state.push(menuItem.name);\n }\n\n setExpanded(!isExpanded);\n storeState(state);\n }, [isExpanded, setExpanded]);\n\n if (!shouldRender) {\n return <PrevMenuItem />;\n }\n\n if (!menuItem || !menuItem.children.length) {\n return null;\n }\n\n const withLink = (content: React.ReactNode): React.ReactElement => {\n return (\n <Link\n to={menuItem.path || \"\"}\n data-testid={menuItem.testId}\n onClick={menuItem.onClick || hideMenu}\n >\n {content}\n </Link>\n );\n };\n\n const item = (\n <List className={classNames(menuTitle, { [menuTitleActive]: isExpanded })}>\n <ListItem data-testid={menuItem.testId} onClick={toggleElement}>\n {menuItem.icon && (\n <ListItemGraphic>\n <IconButton icon={menuItem.icon} />\n </ListItemGraphic>\n )}\n\n {menuItem.label}\n\n {menuItem.children.length ? (\n <ListItemMeta>\n <IconButton icon={isExpanded ? <UpIcon /> : <DownIcon />} />\n </ListItemMeta>\n ) : null}\n </ListItem>\n </List>\n );\n\n return (\n <Fragment>\n {menuItem.path ? withLink(item) : item}\n {menuItem.children ? (\n <Transition in={isExpanded} timeout={100} appear unmountOnExit>\n {state => (\n <div style={{ ...defaultStyle, ...transitionStyles[state] }}>\n <MenuItems menuItems={menuItem.children} />\n </div>\n )}\n </Transition>\n ) : null}\n </Fragment>\n );\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_reactTransitionGroup","_classnames","_interopRequireDefault","_reactRouter","_appAdmin","_List","_Button","_index","_roundKeyboard_arrow_up24px","_roundKeyboard_arrow_down24px","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","menuTitle","css","borderBottom","padding","margin","height","width","fontWeight","boxSizing","menuTitleActive","backgroundColor","LOCAL_STORAGE_KEY","loadState","localStorage","get","split","filter","Boolean","storeState","state","set","join","getState","id","includes","MenuGroupRenderer","exports","PrevMenuItem","MenuGroup","_useNavigation","useNavigation","setVisible","_useLocalStorage","useLocalStorage","_useMenuItem","useMenuItem","menuItem","depth","shouldRender","children","_useState","useState","name","_useState2","_slicedToArray2","default","isExpanded","setExpanded","hideMenu","useCallback","toggleElement","splice","indexOf","push","createElement","length","withLink","content","Link","to","path","testId","onClick","item","List","className","classNames","_defineProperty2","ListItem","icon","ListItemGraphic","IconButton","label","ListItemMeta","ReactComponent","Fragment","Transition","in","timeout","appear","unmountOnExit","style","_objectSpread2","MenuItems","menuItems"],"sources":["MenuGroupRenderer.tsx"],"sourcesContent":["import React, { Fragment, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport { Transition } from \"react-transition-group\";\nimport classNames from \"classnames\";\nimport { Link } from \"@webiny/react-router\";\nimport { useMenuItem, MenuItems } from \"@webiny/app-admin\";\nimport { List, ListItem, ListItemGraphic, ListItemMeta } from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { useNavigation } from \"../index\";\nimport { ReactComponent as UpIcon } from \"../icons/round-keyboard_arrow_up-24px.svg\";\nimport { ReactComponent as DownIcon } from \"../icons/round-keyboard_arrow_down-24px.svg\";\nimport type { ILocalStorage } from \"@webiny/app/localStorage/feature/abstractions.js\";\nimport { useLocalStorage } from \"@webiny/app-admin\";\n\nconst defaultStyle = {\n transform: \"translateY(-20px)\",\n opacity: 0,\n transitionProperty: \"transform, opacity\",\n transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n transitionDuration: \"100ms\",\n willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n entering: {\n transform: \"translateY(-20px)\",\n opacity: 0\n },\n entered: {\n transform: \"translateY(0px)\",\n opacity: 1\n }\n};\n\nconst menuTitle = css({\n \".mdc-drawer &.mdc-deprecated-list\": {\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n padding: 0,\n \".mdc-deprecated-list-item\": {\n margin: 0,\n padding: \"0 15px\",\n height: \"48px\",\n width: \"100%\",\n fontWeight: 600,\n boxSizing: \"border-box\"\n }\n }\n});\n\nconst menuTitleActive = css({\n backgroundColor: \"var(--mdc-theme-background)\"\n});\n\nconst LOCAL_STORAGE_KEY = \"navigation_groups\";\n\nfunction loadState(localStorage: ILocalStorage): string[] {\n return (localStorage.get(LOCAL_STORAGE_KEY) || \"\").split(\",\").filter(Boolean);\n}\n\nfunction storeState(localStorage: ILocalStorage, state: string[]) {\n localStorage.set(LOCAL_STORAGE_KEY, state.join(\",\"));\n}\n\nfunction getState(localStorage: ILocalStorage, id: string | null): boolean {\n if (!id) {\n return false;\n }\n const state = loadState(localStorage);\n return state.includes(id);\n}\n\nexport const MenuGroupRenderer = (PrevMenuItem: React.ComponentType) => {\n return function MenuGroup() {\n const { setVisible } = useNavigation();\n const { localStorage } = useLocalStorage();\n const { menuItem, depth } = useMenuItem();\n const shouldRender = depth === 0 && menuItem && menuItem.children;\n const [isExpanded, setExpanded] = useState<boolean>(\n getState(localStorage, menuItem ? menuItem.name : null)\n );\n\n const hideMenu = useCallback(() => setVisible(false), []);\n\n const toggleElement = useCallback(() => {\n if (!menuItem) {\n return;\n }\n const state = loadState(localStorage);\n if (isExpanded && state.includes(menuItem.name)) {\n state.splice(state.indexOf(menuItem.name), 1);\n }\n\n if (!isExpanded && !state.includes(menuItem.name)) {\n state.push(menuItem.name);\n }\n\n setExpanded(!isExpanded);\n storeState(localStorage, state);\n }, [isExpanded, setExpanded]);\n\n if (!shouldRender) {\n return <PrevMenuItem />;\n }\n\n if (!menuItem || !menuItem.children.length) {\n return null;\n }\n\n const withLink = (content: React.ReactNode): React.ReactElement => {\n return (\n <Link\n to={menuItem.path || \"\"}\n data-testid={menuItem.testId}\n onClick={menuItem.onClick || hideMenu}\n >\n {content}\n </Link>\n );\n };\n\n const item = (\n <List className={classNames(menuTitle, { [menuTitleActive]: isExpanded })}>\n <ListItem data-testid={menuItem.testId} onClick={toggleElement}>\n {menuItem.icon && (\n <ListItemGraphic>\n <IconButton icon={menuItem.icon} />\n </ListItemGraphic>\n )}\n\n {menuItem.label}\n\n {menuItem.children.length ? (\n <ListItemMeta>\n <IconButton icon={isExpanded ? <UpIcon /> : <DownIcon />} />\n </ListItemMeta>\n ) : null}\n </ListItem>\n </List>\n );\n\n return (\n <Fragment>\n {menuItem.path ? withLink(item) : item}\n {menuItem.children ? (\n <Transition in={isExpanded} timeout={100} appear unmountOnExit>\n {state => (\n <div style={{ ...defaultStyle, ...transitionStyles[state] }}>\n <MenuItems menuItems={menuItem.children} />\n </div>\n )}\n </Transition>\n ) : null}\n </Fragment>\n );\n };\n};\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-admin-rmwc",
|
|
3
|
-
"version": "5.44.1-beta.
|
|
3
|
+
"version": "5.44.1-beta.3",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"@rmwc/base": "14.3.5",
|
|
15
15
|
"@rmwc/provider": "14.3.5",
|
|
16
16
|
"@types/react": "18.2.79",
|
|
17
|
-
"@webiny/app": "5.44.1-beta.
|
|
18
|
-
"@webiny/app-admin": "5.44.1-beta.
|
|
19
|
-
"@webiny/app-plugin-admin-welcome-screen": "5.44.1-beta.
|
|
20
|
-
"@webiny/app-security": "5.44.1-beta.
|
|
21
|
-
"@webiny/feature-flags": "5.44.1-beta.
|
|
22
|
-
"@webiny/plugins": "5.44.1-beta.
|
|
23
|
-
"@webiny/react-router": "5.44.1-beta.
|
|
24
|
-
"@webiny/ui": "5.44.1-beta.
|
|
17
|
+
"@webiny/app": "5.44.1-beta.3",
|
|
18
|
+
"@webiny/app-admin": "5.44.1-beta.3",
|
|
19
|
+
"@webiny/app-plugin-admin-welcome-screen": "5.44.1-beta.3",
|
|
20
|
+
"@webiny/app-security": "5.44.1-beta.3",
|
|
21
|
+
"@webiny/feature-flags": "5.44.1-beta.3",
|
|
22
|
+
"@webiny/plugins": "5.44.1-beta.3",
|
|
23
|
+
"@webiny/react-router": "5.44.1-beta.3",
|
|
24
|
+
"@webiny/ui": "5.44.1-beta.3",
|
|
25
25
|
"classnames": "2.5.1",
|
|
26
26
|
"emotion": "10.0.27",
|
|
27
27
|
"lodash": "4.17.21",
|
|
@@ -29,13 +29,12 @@
|
|
|
29
29
|
"react-dom": "18.2.0",
|
|
30
30
|
"react-helmet": "6.1.0",
|
|
31
31
|
"react-hotkeyz": "1.0.4",
|
|
32
|
-
"react-transition-group": "4.4.5"
|
|
33
|
-
"store": "2.0.12"
|
|
32
|
+
"react-transition-group": "4.4.5"
|
|
34
33
|
},
|
|
35
34
|
"devDependencies": {
|
|
36
35
|
"@emotion/babel-plugin": "11.11.0",
|
|
37
36
|
"@types/react-helmet": "6.1.11",
|
|
38
|
-
"@webiny/project-utils": "5.44.1-beta.
|
|
37
|
+
"@webiny/project-utils": "5.44.1-beta.3",
|
|
39
38
|
"babel-plugin-named-asset-import": "1.0.0-next.fb6e6f70",
|
|
40
39
|
"rimraf": "6.0.1",
|
|
41
40
|
"typescript": "5.3.3"
|
|
@@ -53,5 +52,5 @@
|
|
|
53
52
|
"removeViewBox": false
|
|
54
53
|
}
|
|
55
54
|
},
|
|
56
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "1ba366a49390663381688d78df87878040176ef4"
|
|
57
56
|
}
|