@blaze-cms/plugin-admin-core-ui 0.146.0-node18-tooltips.37 → 0.146.0-node18-core-styles-tooltips.45
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/CHANGELOG.md +83 -19
- package/package.json +8 -9
- package/lib-es/components/Header/Header.js +0 -28
- package/lib-es/components/Header/Header.js.map +0 -1
- package/lib-es/components/Header/components/Language/Language.js +0 -14
- package/lib-es/components/Header/components/Language/Language.js.map +0 -1
- package/lib-es/components/Header/components/Language/index.js +0 -3
- package/lib-es/components/Header/components/Language/index.js.map +0 -1
- package/lib-es/components/Header/components/Logo/Logo.js +0 -29
- package/lib-es/components/Header/components/Logo/Logo.js.map +0 -1
- package/lib-es/components/Header/components/Logo/index.js +0 -3
- package/lib-es/components/Header/components/Logo/index.js.map +0 -1
- package/lib-es/components/Header/components/Menu/Menu.js +0 -33
- package/lib-es/components/Header/components/Menu/Menu.js.map +0 -1
- package/lib-es/components/Header/components/Menu/index.js +0 -3
- package/lib-es/components/Header/components/Menu/index.js.map +0 -1
- package/lib-es/components/Header/components/index.js +0 -5
- package/lib-es/components/Header/components/index.js.map +0 -1
- package/lib-es/components/Header/index.js +0 -3
- package/lib-es/components/Header/index.js.map +0 -1
- package/lib-es/components/Layout/Background.js +0 -16
- package/lib-es/components/Layout/Background.js.map +0 -1
- package/lib-es/components/Layout/Layout.js +0 -48
- package/lib-es/components/Layout/Layout.js.map +0 -1
- package/lib-es/components/Layout/components/Grid/Grid.js +0 -29
- package/lib-es/components/Layout/components/Grid/Grid.js.map +0 -1
- package/lib-es/components/Layout/components/Grid/index.js +0 -3
- package/lib-es/components/Layout/components/Grid/index.js.map +0 -1
- package/lib-es/components/Layout/components/index.js +0 -3
- package/lib-es/components/Layout/components/index.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronDown.js +0 -19
- package/lib-es/components/Menu/Icons/ChevronDown.js.map +0 -1
- package/lib-es/components/Menu/Icons/ChevronUp.js +0 -19
- package/lib-es/components/Menu/Icons/ChevronUp.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuActionItem.js +0 -34
- package/lib-es/components/Menu/Items/MenuActionItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuItem.js +0 -64
- package/lib-es/components/Menu/Items/MenuItem.js.map +0 -1
- package/lib-es/components/Menu/Items/MenuLinkItem.js +0 -31
- package/lib-es/components/Menu/Items/MenuLinkItem.js.map +0 -1
- package/lib-es/components/Menu/Menu.js +0 -40
- package/lib-es/components/Menu/Menu.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSection.js +0 -18
- package/lib-es/components/Menu/Section/MenuSection.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +0 -71
- package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItem.js +0 -30
- package/lib-es/components/Menu/Section/MenuSectionItem.js.map +0 -1
- package/lib-es/components/Menu/Section/MenuSectionItems.js +0 -20
- package/lib-es/components/Menu/Section/MenuSectionItems.js.map +0 -1
- package/lib-es/components/Menu/index.js +0 -3
- package/lib-es/components/Menu/index.js.map +0 -1
- package/lib-es/components/SideBar/SideBar.js +0 -71
- package/lib-es/components/SideBar/SideBar.js.map +0 -1
- package/lib-es/components/SideBar/components/SideBlock.js +0 -48
- package/lib-es/components/SideBar/components/SideBlock.js.map +0 -1
- package/lib-es/components/SideBar/components/SideBlockItem.js +0 -19
- package/lib-es/components/SideBar/components/SideBlockItem.js.map +0 -1
- package/lib-es/components/SideBar/components/index.js +0 -3
- package/lib-es/components/SideBar/components/index.js.map +0 -1
- package/lib-es/components/SideBar/index.js +0 -3
- package/lib-es/components/SideBar/index.js.map +0 -1
- package/lib-es/components/index.js +0 -3
- package/lib-es/components/index.js.map +0 -1
- package/lib-es/constants.js +0 -15
- package/lib-es/constants.js.map +0 -1
- package/lib-es/containers/Home/Home.js +0 -5
- package/lib-es/containers/Home/Home.js.map +0 -1
- package/lib-es/containers/index.js +0 -3
- package/lib-es/containers/index.js.map +0 -1
- package/lib-es/index.js +0 -32
- package/lib-es/index.js.map +0 -1
- package/lib-es/utils/get-menu-items-resolver.js +0 -14
- package/lib-es/utils/get-menu-items-resolver.js.map +0 -1
- package/lib-es/utils/menu-handler-singleton.js +0 -66
- package/lib-es/utils/menu-handler-singleton.js.map +0 -1
- package/lib-es/utils/menu-handler.js +0 -49
- package/lib-es/utils/menu-handler.js.map +0 -1
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
const ChevronUp = ({
|
|
3
|
-
width = '18px',
|
|
4
|
-
height = '18px'
|
|
5
|
-
}) => /*#__PURE__*/React.createElement("svg", {
|
|
6
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
-
fill: "none",
|
|
8
|
-
viewBox: "0 0 22 22",
|
|
9
|
-
strokeWidth: 1.5,
|
|
10
|
-
width: width,
|
|
11
|
-
height: height,
|
|
12
|
-
stroke: "currentColor"
|
|
13
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
14
|
-
strokeLinecap: "round",
|
|
15
|
-
strokeLinejoin: "round",
|
|
16
|
-
d: "M4.5 15.75l7.5-7.5 7.5 7.5"
|
|
17
|
-
}));
|
|
18
|
-
export default ChevronUp;
|
|
19
|
-
//# sourceMappingURL=ChevronUp.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","width","height","createElement","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = ({ width = '18px', height = '18px' }) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"none\"\n viewBox=\"0 0 22 22\"\n strokeWidth={1.5}\n width={width}\n height={height}\n stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4.5 15.75l7.5-7.5 7.5 7.5\" />\n </svg>\n);\n\nexport default ChevronUp;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,KAAK,GAAG,MAAM;EAAEC,MAAM,GAAG;AAAO,CAAC,kBACpDH,KAAA,CAAAI,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBN,KAAK,EAAEA,KAAM;EACbC,MAAM,EAAEA,MAAO;EACfM,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAI,aAAA;EAAMM,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA4B,CAAE,CAChF,CACN;AAED,eAAeX,SAAS","ignoreList":[]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
const MenuActionItem = ({
|
|
4
|
-
item
|
|
5
|
-
}) => {
|
|
6
|
-
const {
|
|
7
|
-
label,
|
|
8
|
-
icon: MenuSectionIcon,
|
|
9
|
-
onClick,
|
|
10
|
-
uri
|
|
11
|
-
} = item;
|
|
12
|
-
const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
13
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
14
|
-
className: "side-nav__list--item",
|
|
15
|
-
key: item.label
|
|
16
|
-
}, /*#__PURE__*/React.createElement(Link, {
|
|
17
|
-
to: uri,
|
|
18
|
-
className: `side-nav__list-link ${modifier}`,
|
|
19
|
-
onClick: () => {
|
|
20
|
-
if (onClick) {
|
|
21
|
-
onClick();
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: "side-nav__list-link--icon"
|
|
26
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
27
|
-
width: "20px",
|
|
28
|
-
height: "20px"
|
|
29
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: "side-nav__list-label"
|
|
31
|
-
}, label)));
|
|
32
|
-
};
|
|
33
|
-
export default MenuActionItem;
|
|
34
|
-
//# sourceMappingURL=MenuActionItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuActionItem.js","names":["React","Link","MenuActionItem","item","label","icon","MenuSectionIcon","onClick","uri","modifier","createElement","className","key","to","width","height"],"sources":["../../../../src/components/Menu/Items/MenuActionItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuActionItem = ({ item }) => {\n const { label, icon: MenuSectionIcon, onClick, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link\n to={uri}\n className={`side-nav__list-link ${modifier}`}\n onClick={() => {\n if (onClick) {\n onClick();\n }\n }}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon width=\"20px\" height=\"20px\" />\n </div>\n )}\n <div className=\"side-nav__list-label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuActionItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAAK,CAAC,KAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAE3D,MAAMM,QAAQ,GAAGH,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,oBACEN,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAET,IAAI,CAACC;EAAM,gBACnDJ,KAAA,CAAAU,aAAA,CAACT,IAAI;IACHY,EAAE,EAAEL,GAAI;IACRG,SAAS,EAAE,uBAAuBF,QAAQ,EAAG;IAC7CF,OAAO,EAAEA,CAAA,KAAM;MACb,IAAIA,OAAO,EAAE;QACXA,OAAO,CAAC,CAAC;MACX;IACF;EAAE,GACDD,eAAe,iBACdN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCX,KAAA,CAAAU,aAAA,CAACJ,eAAe;IAACQ,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDf,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc","ignoreList":[]}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useLocation } from 'react-router-dom';
|
|
3
|
-
import MenuLinkItem from './MenuLinkItem';
|
|
4
|
-
const MenuItem = ({
|
|
5
|
-
item,
|
|
6
|
-
RenderItems
|
|
7
|
-
}) => {
|
|
8
|
-
const location = useLocation();
|
|
9
|
-
const {
|
|
10
|
-
label,
|
|
11
|
-
items,
|
|
12
|
-
uri
|
|
13
|
-
} = item;
|
|
14
|
-
const isActive = currentUri => location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);
|
|
15
|
-
if (label && uri) {
|
|
16
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
17
|
-
item: item,
|
|
18
|
-
isActive: isActive(uri),
|
|
19
|
-
root: true
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
if (label && items && Object.values(items).length > 0) {
|
|
23
|
-
const childrenMenu = Object.keys(items).map(key => items[key]);
|
|
24
|
-
const childrenComponents = childrenMenu.map(child => {
|
|
25
|
-
const {
|
|
26
|
-
label: childLabel,
|
|
27
|
-
uri: childUri
|
|
28
|
-
} = child;
|
|
29
|
-
if (childLabel && childUri) {
|
|
30
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
31
|
-
item: child,
|
|
32
|
-
isActive: isActive(childUri),
|
|
33
|
-
root: false,
|
|
34
|
-
key: label
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
return null;
|
|
38
|
-
});
|
|
39
|
-
return /*#__PURE__*/React.createElement(RenderItems, {
|
|
40
|
-
item: item
|
|
41
|
-
}, childrenComponents);
|
|
42
|
-
}
|
|
43
|
-
if (!label && items) {
|
|
44
|
-
const childrenMenu = Object.keys(items).map(key => items[key]);
|
|
45
|
-
return childrenMenu.map(child => {
|
|
46
|
-
const {
|
|
47
|
-
label: childLabel,
|
|
48
|
-
uri: childUri
|
|
49
|
-
} = child;
|
|
50
|
-
if (childLabel && childUri) {
|
|
51
|
-
return /*#__PURE__*/React.createElement(MenuLinkItem, {
|
|
52
|
-
item: child,
|
|
53
|
-
isActive: isActive(childUri),
|
|
54
|
-
key: childUri,
|
|
55
|
-
root: true
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
return null;
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
return null;
|
|
62
|
-
};
|
|
63
|
-
export default MenuItem;
|
|
64
|
-
//# sourceMappingURL=MenuItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.js","names":["React","useLocation","MenuLinkItem","MenuItem","item","RenderItems","location","label","items","uri","isActive","currentUri","pathname","startsWith","createElement","root","Object","values","length","childrenMenu","keys","map","key","childrenComponents","child","childLabel","childUri"],"sources":["../../../../src/components/Menu/Items/MenuItem.js"],"sourcesContent":["import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport MenuLinkItem from './MenuLinkItem';\n\nconst MenuItem = ({ item, RenderItems }) => {\n const location = useLocation();\n const { label, items, uri } = item;\n\n const isActive = currentUri =>\n location.pathname === currentUri || location.pathname.startsWith(`${currentUri}/`);\n\n if (label && uri) {\n return <MenuLinkItem item={item} isActive={isActive(uri)} root />;\n }\n\n if (label && items && Object.values(items).length > 0) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n const childrenComponents = childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive(childUri)} root={false} key={label} />;\n }\n\n return null;\n });\n\n return <RenderItems item={item}>{childrenComponents}</RenderItems>;\n }\n\n if (!label && items) {\n const childrenMenu = Object.keys(items).map(key => items[key]);\n\n return childrenMenu.map(child => {\n const { label: childLabel, uri: childUri } = child;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive(childUri)} key={childUri} root />;\n }\n\n return null;\n });\n }\n\n return null;\n};\n\nexport default MenuItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,OAAOC,YAAY,MAAM,gBAAgB;AAEzC,MAAMC,QAAQ,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAY,CAAC,KAAK;EAC1C,MAAMC,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAC9B,MAAM;IAAEM,KAAK;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGL,IAAI;EAElC,MAAMM,QAAQ,GAAGC,UAAU,IACzBL,QAAQ,CAACM,QAAQ,KAAKD,UAAU,IAAIL,QAAQ,CAACM,QAAQ,CAACC,UAAU,CAAC,GAAGF,UAAU,GAAG,CAAC;EAEpF,IAAIJ,KAAK,IAAIE,GAAG,EAAE;IAChB,oBAAOT,KAAA,CAAAc,aAAA,CAACZ,YAAY;MAACE,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAEA,QAAQ,CAACD,GAAG,CAAE;MAACM,IAAI;IAAA,CAAE,CAAC;EACnE;EAEA,IAAIR,KAAK,IAAIC,KAAK,IAAIQ,MAAM,CAACC,MAAM,CAACT,KAAK,CAAC,CAACU,MAAM,GAAG,CAAC,EAAE;IACrD,MAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACZ,KAAK,CAAC,CAACa,GAAG,CAACC,GAAG,IAAId,KAAK,CAACc,GAAG,CAAC,CAAC;IAE9D,MAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MACnD,MAAM;QAAEjB,KAAK,EAAEkB,UAAU;QAAEhB,GAAG,EAAEiB;MAAS,CAAC,GAAGF,KAAK;MAElD,IAAIC,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO1B,KAAA,CAAAc,aAAA,CAACZ,YAAY;UAACE,IAAI,EAAEoB,KAAM;UAACd,QAAQ,EAAEA,QAAQ,CAACgB,QAAQ,CAAE;UAACX,IAAI,EAAE,KAAM;UAACO,GAAG,EAAEf;QAAM,CAAE,CAAC;MAC7F;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOP,KAAA,CAAAc,aAAA,CAACT,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEmB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAAChB,KAAK,IAAIC,KAAK,EAAE;IACnB,MAAMW,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACZ,KAAK,CAAC,CAACa,GAAG,CAACC,GAAG,IAAId,KAAK,CAACc,GAAG,CAAC,CAAC;IAE9D,OAAOH,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MAC/B,MAAM;QAAEjB,KAAK,EAAEkB,UAAU;QAAEhB,GAAG,EAAEiB;MAAS,CAAC,GAAGF,KAAK;MAElD,IAAIC,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAO1B,KAAA,CAAAc,aAAA,CAACZ,YAAY;UAACE,IAAI,EAAEoB,KAAM;UAACd,QAAQ,EAAEA,QAAQ,CAACgB,QAAQ,CAAE;UAACJ,GAAG,EAAEI,QAAS;UAACX,IAAI;QAAA,CAAE,CAAC;MACxF;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeZ,QAAQ","ignoreList":[]}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Link } from 'react-router-dom';
|
|
3
|
-
const MenuLinkItem = ({
|
|
4
|
-
item,
|
|
5
|
-
isActive,
|
|
6
|
-
root = true
|
|
7
|
-
}) => {
|
|
8
|
-
const {
|
|
9
|
-
label,
|
|
10
|
-
icon: MenuSectionIcon,
|
|
11
|
-
uri
|
|
12
|
-
} = item;
|
|
13
|
-
const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
|
|
14
|
-
const activeModifier = isActive ? 'side-nav__list-link--active' : '';
|
|
15
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
16
|
-
className: "side-nav__list--item",
|
|
17
|
-
key: item.label
|
|
18
|
-
}, /*#__PURE__*/React.createElement(Link, {
|
|
19
|
-
to: uri,
|
|
20
|
-
className: `side-nav__list-link ${modifier} ${activeModifier}`
|
|
21
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement("div", {
|
|
22
|
-
className: "side-nav__list-link--icon"
|
|
23
|
-
}, /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
24
|
-
width: "20px",
|
|
25
|
-
height: "20px"
|
|
26
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
27
|
-
className: "side-nav__list-link--label"
|
|
28
|
-
}, label)));
|
|
29
|
-
};
|
|
30
|
-
export default MenuLinkItem;
|
|
31
|
-
//# sourceMappingURL=MenuLinkItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuLinkItem.js","names":["React","Link","MenuLinkItem","item","isActive","root","label","icon","MenuSectionIcon","uri","modifier","activeModifier","createElement","className","key","to","width","height"],"sources":["../../../../src/components/Menu/Items/MenuLinkItem.js"],"sourcesContent":["import React from 'react';\nimport { Link } from 'react-router-dom';\n\nconst MenuLinkItem = ({ item, isActive, root = true }) => {\n const { label, icon: MenuSectionIcon, uri } = item;\n\n const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';\n\n const activeModifier = isActive ? 'side-nav__list-link--active' : '';\n\n return (\n <li className=\"side-nav__list--item\" key={item.label}>\n <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>\n {MenuSectionIcon && (\n <div className=\"side-nav__list-link--icon\">\n <MenuSectionIcon width=\"20px\" height=\"20px\" />\n </div>\n )}\n <div className=\"side-nav__list-link--label\">{label}</div>\n </Link>\n </li>\n );\n};\n\nexport default MenuLinkItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,YAAY,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAK,CAAC,KAAK;EACxD,MAAM;IAAEC,KAAK;IAAEC,IAAI,EAAEC,eAAe;IAAEC;EAAI,CAAC,GAAGN,IAAI;EAElD,MAAMO,QAAQ,GAAGF,eAAe,GAAG,EAAE,GAAG,6BAA6B;EAErE,MAAMG,cAAc,GAAGP,QAAQ,GAAG,6BAA6B,GAAG,EAAE;EAEpE,oBACEJ,KAAA,CAAAY,aAAA;IAAIC,SAAS,EAAC,sBAAsB;IAACC,GAAG,EAAEX,IAAI,CAACG;EAAM,gBACnDN,KAAA,CAAAY,aAAA,CAACX,IAAI;IAACc,EAAE,EAAEN,GAAI;IAACI,SAAS,EAAE,uBAAuBH,QAAQ,IAAIC,cAAc;EAAG,GAC3EH,eAAe,iBACdR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCb,KAAA,CAAAY,aAAA,CAACJ,eAAe;IAACQ,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC;EAAM,CAAE,CAC1C,CACN,eACDjB,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAED,eAAeJ,YAAY","ignoreList":[]}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import React, { useState, useEffect } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import menuHandler from '../../utils/menu-handler-singleton';
|
|
4
|
-
import MenuSection from './Section/MenuSection';
|
|
5
|
-
const Menu = ({
|
|
6
|
-
children
|
|
7
|
-
}) => {
|
|
8
|
-
const [config, setConfig] = useState();
|
|
9
|
-
useEffect(() => {
|
|
10
|
-
const loadConfig = async () => {
|
|
11
|
-
await menuHandler.loadConfig();
|
|
12
|
-
};
|
|
13
|
-
loadConfig().then(() => setConfig(menuHandler.getAll()));
|
|
14
|
-
}, []);
|
|
15
|
-
const MenuSections = () => {
|
|
16
|
-
if (!config) return null;
|
|
17
|
-
return config.map(sections => {
|
|
18
|
-
if (!sections || !Array.isArray(sections) || !sections.length) {
|
|
19
|
-
return null;
|
|
20
|
-
}
|
|
21
|
-
const menuSections = sections.filter(section => section.items);
|
|
22
|
-
return menuSections.map(menuSection => /*#__PURE__*/React.createElement(MenuSection, {
|
|
23
|
-
items: menuSection
|
|
24
|
-
}));
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
28
|
-
className: "side-nav__block"
|
|
29
|
-
}, /*#__PURE__*/React.createElement("ul", {
|
|
30
|
-
className: "side-nav__list"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(MenuSections, null)));
|
|
32
|
-
};
|
|
33
|
-
Menu.propTypes = {
|
|
34
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
|
|
35
|
-
};
|
|
36
|
-
Menu.defaultProps = {
|
|
37
|
-
children: null
|
|
38
|
-
};
|
|
39
|
-
export default Menu;
|
|
40
|
-
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","names":["React","useState","useEffect","PropTypes","menuHandler","MenuSection","Menu","children","config","setConfig","loadConfig","then","getAll","MenuSections","map","sections","Array","isArray","length","menuSections","filter","section","items","menuSection","createElement","className","propTypes","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Menu/Menu.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport menuHandler from '../../utils/menu-handler-singleton';\nimport MenuSection from './Section/MenuSection';\n\nconst Menu = ({ children }) => {\n const [config, setConfig] = useState();\n\n useEffect(() => {\n const loadConfig = async () => {\n await menuHandler.loadConfig();\n };\n\n loadConfig().then(() => setConfig(menuHandler.getAll()));\n }, []);\n\n const MenuSections = () => {\n if (!config) return null;\n\n return config.map(sections => {\n if (!sections || !Array.isArray(sections) || !sections.length) {\n return null;\n }\n\n const menuSections = sections.filter(section => section.items);\n\n return menuSections.map(menuSection => <MenuSection items={menuSection} />);\n });\n };\n\n return (\n <div className=\"side-nav__block\">\n <ul className=\"side-nav__list\">\n <MenuSections />\n </ul>\n </div>\n );\n};\n\nMenu.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n children: null\n};\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,WAAW,MAAM,oCAAoC;AAC5D,OAAOC,WAAW,MAAM,uBAAuB;AAE/C,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAAS,CAAC,KAAK;EAC7B,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAEtCC,SAAS,CAAC,MAAM;IACd,MAAMQ,UAAU,GAAG,MAAAA,CAAA,KAAY;MAC7B,MAAMN,WAAW,CAACM,UAAU,CAAC,CAAC;IAChC,CAAC;IAEDA,UAAU,CAAC,CAAC,CAACC,IAAI,CAAC,MAAMF,SAAS,CAACL,WAAW,CAACQ,MAAM,CAAC,CAAC,CAAC,CAAC;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAI,CAACL,MAAM,EAAE,OAAO,IAAI;IAExB,OAAOA,MAAM,CAACM,GAAG,CAACC,QAAQ,IAAI;MAC5B,IAAI,CAACA,QAAQ,IAAI,CAACC,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAI,CAACA,QAAQ,CAACG,MAAM,EAAE;QAC7D,OAAO,IAAI;MACb;MAEA,MAAMC,YAAY,GAAGJ,QAAQ,CAACK,MAAM,CAACC,OAAO,IAAIA,OAAO,CAACC,KAAK,CAAC;MAE9D,OAAOH,YAAY,CAACL,GAAG,CAACS,WAAW,iBAAIvB,KAAA,CAAAwB,aAAA,CAACnB,WAAW;QAACiB,KAAK,EAAEC;MAAY,CAAE,CAAC,CAAC;IAC7E,CAAC,CAAC;EACJ,CAAC;EAED,oBACEvB,KAAA,CAAAwB,aAAA;IAAKC,SAAS,EAAC;EAAiB,gBAC9BzB,KAAA,CAAAwB,aAAA;IAAIC,SAAS,EAAC;EAAgB,gBAC5BzB,KAAA,CAAAwB,aAAA,CAACX,YAAY,MAAE,CACb,CACD,CAAC;AAEV,CAAC;AAEDP,IAAI,CAACoB,SAAS,GAAG;EACfnB,QAAQ,EAAEJ,SAAS,CAACwB,SAAS,CAAC,CAACxB,SAAS,CAACyB,OAAO,CAACzB,SAAS,CAAC0B,IAAI,CAAC,EAAE1B,SAAS,CAAC0B,IAAI,CAAC;AACnF,CAAC;AAEDvB,IAAI,CAACwB,YAAY,GAAG;EAClBvB,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeD,IAAI","ignoreList":[]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import PropTypes from 'prop-types';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import MenuSectionItems from './MenuSectionItems';
|
|
4
|
-
const MenuSection = ({
|
|
5
|
-
items,
|
|
6
|
-
children
|
|
7
|
-
}) => /*#__PURE__*/React.createElement(MenuSectionItems, {
|
|
8
|
-
sectionItems: items
|
|
9
|
-
});
|
|
10
|
-
MenuSection.propTypes = {
|
|
11
|
-
children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
|
|
12
|
-
items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
13
|
-
};
|
|
14
|
-
MenuSection.defaultProps = {
|
|
15
|
-
children: null
|
|
16
|
-
};
|
|
17
|
-
export default MenuSection;
|
|
18
|
-
//# sourceMappingURL=MenuSection.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSection.js","names":["PropTypes","React","MenuSectionItems","MenuSection","items","children","createElement","sectionItems","propTypes","oneOfType","arrayOf","node","isRequired","defaultProps"],"sources":["../../../../src/components/Menu/Section/MenuSection.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport MenuSectionItems from './MenuSectionItems';\n\nconst MenuSection = ({ items, children }) => <MenuSectionItems sectionItems={items} />;\n\nMenuSection.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n items: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nMenuSection.defaultProps = {\n children: null\n};\n\nexport default MenuSection;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,gBAAgB,MAAM,oBAAoB;AAEjD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAS,CAAC,kBAAKJ,KAAA,CAAAK,aAAA,CAACJ,gBAAgB;EAACK,YAAY,EAAEH;AAAM,CAAE,CAAC;AAEtFD,WAAW,CAACK,SAAS,GAAG;EACtBH,QAAQ,EAAEL,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC;EAClFP,KAAK,EAAEJ,SAAS,CAACS,SAAS,CAAC,CAACT,SAAS,CAACU,OAAO,CAACV,SAAS,CAACW,IAAI,CAAC,EAAEX,SAAS,CAACW,IAAI,CAAC,CAAC,CAACC;AAClF,CAAC;AAEDT,WAAW,CAACU,YAAY,GAAG;EACzBR,QAAQ,EAAE;AACZ,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
2
|
-
import ChevronDown from '../Icons/ChevronDown';
|
|
3
|
-
import ChevronUp from '../Icons/ChevronUp';
|
|
4
|
-
const capitalise = s => {
|
|
5
|
-
if (typeof s !== 'string') return '';
|
|
6
|
-
return s.charAt(0).toUpperCase() + s.slice(1);
|
|
7
|
-
};
|
|
8
|
-
const MenuSectionCollapsible = ({
|
|
9
|
-
name,
|
|
10
|
-
item,
|
|
11
|
-
children
|
|
12
|
-
}) => {
|
|
13
|
-
const {
|
|
14
|
-
label,
|
|
15
|
-
loadOpen,
|
|
16
|
-
icon: MenuSectionIcon,
|
|
17
|
-
items
|
|
18
|
-
} = item;
|
|
19
|
-
const [collapsed, setCollapsed] = useState(!loadOpen);
|
|
20
|
-
const CollapseIcon = () => collapsed ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronUp, null);
|
|
21
|
-
const handleClick = () => {
|
|
22
|
-
setCollapsed(!collapsed);
|
|
23
|
-
};
|
|
24
|
-
if (name) {
|
|
25
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
26
|
-
className: "side-nav__list--item"
|
|
27
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
28
|
-
type: "button",
|
|
29
|
-
className: "side-nav__list-link",
|
|
30
|
-
onClick: handleClick
|
|
31
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: "side-nav__list-link--icon"
|
|
33
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
34
|
-
width: "20px",
|
|
35
|
-
height: "20px"
|
|
36
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
37
|
-
className: "side-nav__list-link--wrapper"
|
|
38
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
className: "side-nav__list-link--label"
|
|
40
|
-
}, capitalise(label) || capitalise(name)), /*#__PURE__*/React.createElement("div", {
|
|
41
|
-
className: "side-nav__list-link--toggleCollapseIcon",
|
|
42
|
-
role: "button"
|
|
43
|
-
}, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
|
|
44
|
-
className: "side-nav__list-link--children"
|
|
45
|
-
}, collapsed ? null : children));
|
|
46
|
-
}
|
|
47
|
-
if (label && items && Object.keys(items).length > 0) {
|
|
48
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
49
|
-
className: "side-nav__list--item"
|
|
50
|
-
}, children);
|
|
51
|
-
}
|
|
52
|
-
if (label && items && Object.keys(items).length === 0) {
|
|
53
|
-
return /*#__PURE__*/React.createElement("li", {
|
|
54
|
-
className: "side-nav__list--item"
|
|
55
|
-
}, /*#__PURE__*/React.createElement("button", {
|
|
56
|
-
type: "button",
|
|
57
|
-
className: "side-nav__list-link",
|
|
58
|
-
onClick: handleClick
|
|
59
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
60
|
-
className: "side-nav__list-link--icon"
|
|
61
|
-
}, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, {
|
|
62
|
-
width: "20px",
|
|
63
|
-
height: "20px"
|
|
64
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
65
|
-
className: "side-nav__list-label"
|
|
66
|
-
}, label)));
|
|
67
|
-
}
|
|
68
|
-
return null;
|
|
69
|
-
};
|
|
70
|
-
export default MenuSectionCollapsible;
|
|
71
|
-
//# sourceMappingURL=MenuSectionCollapsible.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSectionCollapsible.js","names":["React","useState","ChevronDown","ChevronUp","capitalise","s","charAt","toUpperCase","slice","MenuSectionCollapsible","name","item","children","label","loadOpen","icon","MenuSectionIcon","items","collapsed","setCollapsed","CollapseIcon","createElement","handleClick","className","type","onClick","width","height","role","Object","keys","length"],"sources":["../../../../src/components/Menu/Section/MenuSectionCollapsible.js"],"sourcesContent":["import React, { useState } from 'react';\nimport ChevronDown from '../Icons/ChevronDown';\nimport ChevronUp from '../Icons/ChevronUp';\n\nconst capitalise = s => {\n if (typeof s !== 'string') return '';\n return s.charAt(0).toUpperCase() + s.slice(1);\n};\n\nconst MenuSectionCollapsible = ({ name, item, children }) => {\n const { label, loadOpen, icon: MenuSectionIcon, items } = item;\n const [collapsed, setCollapsed] = useState(!loadOpen);\n\n const CollapseIcon = () => (collapsed ? <ChevronDown /> : <ChevronUp />);\n\n const handleClick = () => {\n setCollapsed(!collapsed);\n };\n\n if (name) {\n return (\n <li className=\"side-nav__list--item\">\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">\n {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n </div>\n <div className=\"side-nav__list-link--wrapper\">\n <div className=\"side-nav__list-link--label\">\n {capitalise(label) || capitalise(name)}\n </div>\n <div className=\"side-nav__list-link--toggleCollapseIcon\" role=\"button\">\n <CollapseIcon />\n </div>\n </div>\n </button>\n <div className=\"side-nav__list-link--children\">{collapsed ? null : children}</div>\n </li>\n );\n }\n\n if (label && items && Object.keys(items).length > 0) {\n return <li className=\"side-nav__list--item\">{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className=\"side-nav__list--item\">\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">\n {MenuSectionIcon && <MenuSectionIcon width=\"20px\" height=\"20px\" />}\n </div>\n <div className=\"side-nav__list-label\">{label}</div>\n </button>\n </li>\n );\n }\n\n return null;\n};\n\nexport default MenuSectionCollapsible;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,WAAW,MAAM,sBAAsB;AAC9C,OAAOC,SAAS,MAAM,oBAAoB;AAE1C,MAAMC,UAAU,GAAGC,CAAC,IAAI;EACtB,IAAI,OAAOA,CAAC,KAAK,QAAQ,EAAE,OAAO,EAAE;EACpC,OAAOA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,CAAC,CAACG,KAAK,CAAC,CAAC,CAAC;AAC/C,CAAC;AAED,MAAMC,sBAAsB,GAAGA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC;AAAS,CAAC,KAAK;EAC3D,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,IAAI,EAAEC,eAAe;IAAEC;EAAM,CAAC,GAAGN,IAAI;EAC9D,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,CAAC,CAACa,QAAQ,CAAC;EAErD,MAAMM,YAAY,GAAGA,CAAA,KAAOF,SAAS,gBAAGlB,KAAA,CAAAqB,aAAA,CAACnB,WAAW,MAAE,CAAC,gBAAGF,KAAA,CAAAqB,aAAA,CAAClB,SAAS,MAAE,CAAE;EAExE,MAAMmB,WAAW,GAAGA,CAAA,KAAM;IACxBH,YAAY,CAAC,CAACD,SAAS,CAAC;EAC1B,CAAC;EAED,IAAIR,IAAI,EAAE;IACR,oBACEV,KAAA,CAAAqB,aAAA;MAAIE,SAAS,EAAC;IAAsB,gBAClCvB,KAAA,CAAAqB,aAAA;MAAQG,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,EAAEH;IAAY,gBACzEtB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA2B,GACvCP,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACU,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN3B,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA8B,gBAC3CvB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA4B,GACxCnB,UAAU,CAACS,KAAK,CAAC,IAAIT,UAAU,CAACM,IAAI,CAClC,CAAC,eACNV,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC,yCAAyC;MAACK,IAAI,EAAC;IAAQ,gBACpE5B,KAAA,CAAAqB,aAAA,CAACD,YAAY,MAAE,CACZ,CACF,CACC,CAAC,eACTpB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA+B,GAAEL,SAAS,GAAG,IAAI,GAAGN,QAAc,CAC/E,CAAC;EAET;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIY,MAAM,CAACC,IAAI,CAACb,KAAK,CAAC,CAACc,MAAM,GAAG,CAAC,EAAE;IACnD,oBAAO/B,KAAA,CAAAqB,aAAA;MAAIE,SAAS,EAAC;IAAsB,GAAEX,QAAa,CAAC;EAC7D;EAEA,IAAIC,KAAK,IAAII,KAAK,IAAIY,MAAM,CAACC,IAAI,CAACb,KAAK,CAAC,CAACc,MAAM,KAAK,CAAC,EAAE;IACrD,oBACE/B,KAAA,CAAAqB,aAAA;MAAIE,SAAS,EAAC;IAAsB,gBAClCvB,KAAA,CAAAqB,aAAA;MAAQG,IAAI,EAAC,QAAQ;MAACD,SAAS,EAAC,qBAAqB;MAACE,OAAO,EAAEH;IAAY,gBACzEtB,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAA2B,GACvCP,eAAe,iBAAIhB,KAAA,CAAAqB,aAAA,CAACL,eAAe;MAACU,KAAK,EAAC,MAAM;MAACC,MAAM,EAAC;IAAM,CAAE,CAC9D,CAAC,eACN3B,KAAA,CAAAqB,aAAA;MAAKE,SAAS,EAAC;IAAsB,GAAEV,KAAW,CAC5C,CACN,CAAC;EAET;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeJ,sBAAsB","ignoreList":[]}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import MenuItem from '../Items/MenuItem';
|
|
4
|
-
import MenuSectionCollapsible from './MenuSectionCollapsible';
|
|
5
|
-
const MenuSectionItem = ({
|
|
6
|
-
name,
|
|
7
|
-
item
|
|
8
|
-
}) => {
|
|
9
|
-
if (!item) return null;
|
|
10
|
-
if (item.uri) {
|
|
11
|
-
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
12
|
-
item: item,
|
|
13
|
-
RenderItems: MenuSectionCollapsible
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
if (Object.values(item.items).length === 0) return null;
|
|
17
|
-
return /*#__PURE__*/React.createElement(MenuSectionCollapsible, {
|
|
18
|
-
name: name,
|
|
19
|
-
item: item
|
|
20
|
-
}, /*#__PURE__*/React.createElement(MenuItem, {
|
|
21
|
-
item: item,
|
|
22
|
-
RenderItems: MenuSectionCollapsible
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
25
|
-
export default MenuSectionItem;
|
|
26
|
-
MenuSectionItem.propTypes = {
|
|
27
|
-
name: PropTypes.string.isRequired,
|
|
28
|
-
item: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.object]).isRequired
|
|
29
|
-
};
|
|
30
|
-
//# sourceMappingURL=MenuSectionItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSectionItem.js","names":["React","PropTypes","MenuItem","MenuSectionCollapsible","MenuSectionItem","name","item","uri","createElement","RenderItems","Object","values","items","length","propTypes","string","isRequired","oneOfType","arrayOf","node","object"],"sources":["../../../../src/components/Menu/Section/MenuSectionItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuItem from '../Items/MenuItem';\nimport MenuSectionCollapsible from './MenuSectionCollapsible';\n\nconst MenuSectionItem = ({ name, item }) => {\n if (!item) return null;\n\n if (item.uri) {\n return <MenuItem item={item} RenderItems={MenuSectionCollapsible} />;\n }\n\n if (Object.values(item.items).length === 0) return null;\n\n return (\n <MenuSectionCollapsible name={name} item={item}>\n <MenuItem item={item} RenderItems={MenuSectionCollapsible} />\n </MenuSectionCollapsible>\n );\n};\n\nexport default MenuSectionItem;\n\nMenuSectionItem.propTypes = {\n name: PropTypes.string.isRequired,\n item: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.object])\n .isRequired\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,QAAQ,MAAM,mBAAmB;AACxC,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,MAAMC,eAAe,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAK,CAAC,KAAK;EAC1C,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EAEtB,IAAIA,IAAI,CAACC,GAAG,EAAE;IACZ,oBAAOP,KAAA,CAAAQ,aAAA,CAACN,QAAQ;MAACI,IAAI,EAAEA,IAAK;MAACG,WAAW,EAAEN;IAAuB,CAAE,CAAC;EACtE;EAEA,IAAIO,MAAM,CAACC,MAAM,CAACL,IAAI,CAACM,KAAK,CAAC,CAACC,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEvD,oBACEb,KAAA,CAAAQ,aAAA,CAACL,sBAAsB;IAACE,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,gBAC7CN,KAAA,CAAAQ,aAAA,CAACN,QAAQ;IAACI,IAAI,EAAEA,IAAK;IAACG,WAAW,EAAEN;EAAuB,CAAE,CACtC,CAAC;AAE7B,CAAC;AAED,eAAeC,eAAe;AAE9BA,eAAe,CAACU,SAAS,GAAG;EAC1BT,IAAI,EAAEJ,SAAS,CAACc,MAAM,CAACC,UAAU;EACjCV,IAAI,EAAEL,SAAS,CAACgB,SAAS,CAAC,CAAChB,SAAS,CAACiB,OAAO,CAACjB,SAAS,CAACkB,IAAI,CAAC,EAAElB,SAAS,CAACkB,IAAI,EAAElB,SAAS,CAACmB,MAAM,CAAC,CAAC,CAC7FJ;AACL,CAAC","ignoreList":[]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import MenuSectionItem from './MenuSectionItem';
|
|
4
|
-
const MenuSectionItems = ({
|
|
5
|
-
sectionItems
|
|
6
|
-
}) => {
|
|
7
|
-
const {
|
|
8
|
-
items
|
|
9
|
-
} = sectionItems;
|
|
10
|
-
const menuSections = Object.entries(items).sort((a, b) => a[1].order - b[1].order);
|
|
11
|
-
return menuSections.map(menuItem => /*#__PURE__*/React.createElement(MenuSectionItem, {
|
|
12
|
-
name: menuItem[0],
|
|
13
|
-
item: menuItem[1]
|
|
14
|
-
}));
|
|
15
|
-
};
|
|
16
|
-
export default MenuSectionItems;
|
|
17
|
-
MenuSectionItems.propTypes = {
|
|
18
|
-
sectionItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=MenuSectionItems.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSectionItems.js","names":["React","PropTypes","MenuSectionItem","MenuSectionItems","sectionItems","items","menuSections","Object","entries","sort","a","b","order","map","menuItem","createElement","name","item","propTypes","oneOfType","arrayOf","node","isRequired"],"sources":["../../../../src/components/Menu/Section/MenuSectionItems.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport MenuSectionItem from './MenuSectionItem';\n\nconst MenuSectionItems = ({ sectionItems }) => {\n const { items } = sectionItems;\n\n const menuSections = Object.entries(items).sort((a, b) => a[1].order - b[1].order);\n\n return menuSections.map(menuItem => <MenuSectionItem name={menuItem[0]} item={menuItem[1]} />);\n};\n\nexport default MenuSectionItems;\n\nMenuSectionItems.propTypes = {\n sectionItems: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,eAAe,MAAM,mBAAmB;AAE/C,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC;AAAa,CAAC,KAAK;EAC7C,MAAM;IAAEC;EAAM,CAAC,GAAGD,YAAY;EAE9B,MAAME,YAAY,GAAGC,MAAM,CAACC,OAAO,CAACH,KAAK,CAAC,CAACI,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAAC,CAAC,CAAC,CAACE,KAAK,GAAGD,CAAC,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC;EAElF,OAAON,YAAY,CAACO,GAAG,CAACC,QAAQ,iBAAId,KAAA,CAAAe,aAAA,CAACb,eAAe;IAACc,IAAI,EAAEF,QAAQ,CAAC,CAAC,CAAE;IAACG,IAAI,EAAEH,QAAQ,CAAC,CAAC;EAAE,CAAE,CAAC,CAAC;AAChG,CAAC;AAED,eAAeX,gBAAgB;AAE/BA,gBAAgB,CAACe,SAAS,GAAG;EAC3Bd,YAAY,EAAEH,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACmB,OAAO,CAACnB,SAAS,CAACoB,IAAI,CAAC,EAAEpB,SAAS,CAACoB,IAAI,CAAC,CAAC,CAACC;AACzF,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Menu"],"sources":["../../../src/components/Menu/index.js"],"sourcesContent":["import Menu from './Menu';\n\nexport default Menu;\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,QAAQ;AAEzB,eAAeA,IAAI","ignoreList":[]}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import { useApolloClient } from '@apollo/client';
|
|
5
|
-
import Avatar from '@blaze-react/avatar';
|
|
6
|
-
import { handleLogout } from '@blaze-cms/core-auth-ui';
|
|
7
|
-
import { Link } from 'react-router-dom';
|
|
8
|
-
import Menu from '../Menu';
|
|
9
|
-
const SideBar = ({
|
|
10
|
-
isOpenMenu,
|
|
11
|
-
onMenuClick,
|
|
12
|
-
userData
|
|
13
|
-
}) => {
|
|
14
|
-
const client = useApolloClient();
|
|
15
|
-
const {
|
|
16
|
-
firstname,
|
|
17
|
-
lastname,
|
|
18
|
-
id
|
|
19
|
-
} = userData;
|
|
20
|
-
const username = `${firstname} ${lastname}`;
|
|
21
|
-
const sideNavClassname = classnames('side-nav', {
|
|
22
|
-
'side-nav--open': isOpenMenu,
|
|
23
|
-
'side-nav--close': !isOpenMenu
|
|
24
|
-
});
|
|
25
|
-
const sideNavWrapperClassname = classnames('side-nav__wrapper', {
|
|
26
|
-
'side-nav__wrapper--close': !isOpenMenu
|
|
27
|
-
});
|
|
28
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
"data-testid": "sidebar",
|
|
30
|
-
className: sideNavClassname
|
|
31
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
role: "button",
|
|
33
|
-
className: "side-nav__button open",
|
|
34
|
-
id: "side-nav-button",
|
|
35
|
-
onClick: onMenuClick
|
|
36
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
37
|
-
className: "material-icons"
|
|
38
|
-
}, "keyboard_arrow_left")), /*#__PURE__*/React.createElement("div", {
|
|
39
|
-
className: sideNavWrapperClassname,
|
|
40
|
-
"data-testid": "sidenav",
|
|
41
|
-
id: "side-nav__wrapper"
|
|
42
|
-
}, /*#__PURE__*/React.createElement(Menu, null)), /*#__PURE__*/React.createElement("div", {
|
|
43
|
-
className: "side-nav__user"
|
|
44
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
45
|
-
className: "side-nav__user--info"
|
|
46
|
-
}, /*#__PURE__*/React.createElement(Avatar, {
|
|
47
|
-
username: username
|
|
48
|
-
}), /*#__PURE__*/React.createElement(Link, {
|
|
49
|
-
to: `/data-listing/user/update/${id}`,
|
|
50
|
-
className: "user-name"
|
|
51
|
-
}, username)), /*#__PURE__*/React.createElement("div", {
|
|
52
|
-
className: "side-nav__user--button"
|
|
53
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
54
|
-
id: "logout-button",
|
|
55
|
-
role: "button",
|
|
56
|
-
onClick: async () => {
|
|
57
|
-
await handleLogout(client);
|
|
58
|
-
window.location.href = '/';
|
|
59
|
-
},
|
|
60
|
-
className: "material-icons"
|
|
61
|
-
}, "power_settings_new")), /*#__PURE__*/React.createElement("span", {
|
|
62
|
-
className: "side-nav__user--toggle"
|
|
63
|
-
}, "Log off")));
|
|
64
|
-
};
|
|
65
|
-
SideBar.propTypes = {
|
|
66
|
-
isOpenMenu: PropTypes.bool.isRequired,
|
|
67
|
-
onMenuClick: PropTypes.func.isRequired,
|
|
68
|
-
userData: PropTypes.object.isRequired
|
|
69
|
-
};
|
|
70
|
-
export default SideBar;
|
|
71
|
-
//# sourceMappingURL=SideBar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SideBar.js","names":["React","classnames","PropTypes","useApolloClient","Avatar","handleLogout","Link","Menu","SideBar","isOpenMenu","onMenuClick","userData","client","firstname","lastname","id","username","sideNavClassname","sideNavWrapperClassname","createElement","className","role","onClick","to","window","location","href","propTypes","bool","isRequired","func","object"],"sources":["../../../src/components/SideBar/SideBar.js"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { useApolloClient } from '@apollo/client';\nimport Avatar from '@blaze-react/avatar';\nimport { handleLogout } from '@blaze-cms/core-auth-ui';\nimport { Link } from 'react-router-dom';\nimport Menu from '../Menu';\n\nconst SideBar = ({ isOpenMenu, onMenuClick, userData }) => {\n const client = useApolloClient();\n\n const { firstname, lastname, id } = userData;\n const username = `${firstname} ${lastname}`;\n\n const sideNavClassname = classnames('side-nav', {\n 'side-nav--open': isOpenMenu,\n 'side-nav--close': !isOpenMenu\n });\n\n const sideNavWrapperClassname = classnames('side-nav__wrapper', {\n 'side-nav__wrapper--close': !isOpenMenu\n });\n\n return (\n <div data-testid=\"sidebar\" className={sideNavClassname}>\n <div\n role=\"button\"\n className=\"side-nav__button open\"\n id=\"side-nav-button\"\n onClick={onMenuClick}>\n <i className=\"material-icons\">keyboard_arrow_left</i>\n </div>\n {/* <Link to=\"/\" className=\"side-nav__block-home\">\n Dashboard\n </Link> */}\n <div className={sideNavWrapperClassname} data-testid=\"sidenav\" id=\"side-nav__wrapper\">\n <Menu />\n </div>\n <div className=\"side-nav__user\">\n <div className=\"side-nav__user--info\">\n <Avatar username={username} />\n <Link to={`/data-listing/user/update/${id}`} className=\"user-name\">\n {username}\n </Link>\n </div>\n <div className=\"side-nav__user--button\">\n <span\n id=\"logout-button\"\n role=\"button\"\n onClick={async () => {\n await handleLogout(client);\n window.location.href = '/';\n }}\n className=\"material-icons\">\n power_settings_new\n </span>\n </div>\n <span className=\"side-nav__user--toggle\">Log off</span>\n </div>\n </div>\n );\n};\n\nSideBar.propTypes = {\n isOpenMenu: PropTypes.bool.isRequired,\n onMenuClick: PropTypes.func.isRequired,\n userData: PropTypes.object.isRequired\n};\n\nexport default SideBar;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,eAAe,QAAQ,gBAAgB;AAChD,OAAOC,MAAM,MAAM,qBAAqB;AACxC,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,IAAI,MAAM,SAAS;AAE1B,MAAMC,OAAO,GAAGA,CAAC;EAAEC,UAAU;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EACzD,MAAMC,MAAM,GAAGT,eAAe,CAAC,CAAC;EAEhC,MAAM;IAAEU,SAAS;IAAEC,QAAQ;IAAEC;EAAG,CAAC,GAAGJ,QAAQ;EAC5C,MAAMK,QAAQ,GAAG,GAAGH,SAAS,IAAIC,QAAQ,EAAE;EAE3C,MAAMG,gBAAgB,GAAGhB,UAAU,CAAC,UAAU,EAAE;IAC9C,gBAAgB,EAAEQ,UAAU;IAC5B,iBAAiB,EAAE,CAACA;EACtB,CAAC,CAAC;EAEF,MAAMS,uBAAuB,GAAGjB,UAAU,CAAC,mBAAmB,EAAE;IAC9D,0BAA0B,EAAE,CAACQ;EAC/B,CAAC,CAAC;EAEF,oBACET,KAAA,CAAAmB,aAAA;IAAK,eAAY,SAAS;IAACC,SAAS,EAAEH;EAAiB,gBACrDjB,KAAA,CAAAmB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbD,SAAS,EAAC,uBAAuB;IACjCL,EAAE,EAAC,iBAAiB;IACpBO,OAAO,EAAEZ;EAAY,gBACrBV,KAAA,CAAAmB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAC,qBAAsB,CACjD,CAAC,eAINpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEF,uBAAwB;IAAC,eAAY,SAAS;IAACH,EAAE,EAAC;EAAmB,gBACnFf,KAAA,CAAAmB,aAAA,CAACZ,IAAI,MAAE,CACJ,CAAC,eACNP,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BpB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAsB,gBACnCpB,KAAA,CAAAmB,aAAA,CAACf,MAAM;IAACY,QAAQ,EAAEA;EAAS,CAAE,CAAC,eAC9BhB,KAAA,CAAAmB,aAAA,CAACb,IAAI;IAACiB,EAAE,EAAE,6BAA6BR,EAAE,EAAG;IAACK,SAAS,EAAC;EAAW,GAC/DJ,QACG,CACH,CAAC,eACNhB,KAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCpB,KAAA,CAAAmB,aAAA;IACEJ,EAAE,EAAC,eAAe;IAClBM,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAE,MAAAA,CAAA,KAAY;MACnB,MAAMjB,YAAY,CAACO,MAAM,CAAC;MAC1BY,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAG,GAAG;IAC5B,CAAE;IACFN,SAAS,EAAC;EAAgB,GAAC,oBAEvB,CACH,CAAC,eACNpB,KAAA,CAAAmB,aAAA;IAAMC,SAAS,EAAC;EAAwB,GAAC,SAAa,CACnD,CACF,CAAC;AAEV,CAAC;AAEDZ,OAAO,CAACmB,SAAS,GAAG;EAClBlB,UAAU,EAAEP,SAAS,CAAC0B,IAAI,CAACC,UAAU;EACrCnB,WAAW,EAAER,SAAS,CAAC4B,IAAI,CAACD,UAAU;EACtClB,QAAQ,EAAET,SAAS,CAAC6B,MAAM,CAACF;AAC7B,CAAC;AAED,eAAerB,OAAO","ignoreList":[]}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
|
|
2
|
-
import React, { useState } from 'react';
|
|
3
|
-
import PropTypes from 'prop-types';
|
|
4
|
-
import SideBlockItem from './SideBlockItem';
|
|
5
|
-
import { ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON } from '../../../constants';
|
|
6
|
-
const SideBlock = ({
|
|
7
|
-
header,
|
|
8
|
-
items
|
|
9
|
-
}) => {
|
|
10
|
-
const [{
|
|
11
|
-
text,
|
|
12
|
-
icon
|
|
13
|
-
}, setLabelStatus] = useState(DEFAULT_LABEL);
|
|
14
|
-
const clonedItems = [...items];
|
|
15
|
-
const firstItems = clonedItems.splice(0, 10);
|
|
16
|
-
const handleLabelClick = () => icon === DOWN_ICON ? setLabelStatus(ACTIVE_LABEL) : setLabelStatus(DEFAULT_LABEL);
|
|
17
|
-
const arrowType = `keyboard_arrow_${icon}`;
|
|
18
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
19
|
-
className: "side-nav__block"
|
|
20
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
21
|
-
className: "side-nav__block-heading"
|
|
22
|
-
}, header), /*#__PURE__*/React.createElement("ul", {
|
|
23
|
-
className: "side-nav__list"
|
|
24
|
-
}, firstItems.map(SideBlockItem), !!clonedItems.length && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
|
|
25
|
-
type: "checkbox",
|
|
26
|
-
className: "sub-menu-checkbox",
|
|
27
|
-
id: "dropdown"
|
|
28
|
-
}), /*#__PURE__*/React.createElement("div", {
|
|
29
|
-
className: "side-nav__list-dropdown"
|
|
30
|
-
}, clonedItems.map(SideBlockItem)), /*#__PURE__*/React.createElement("li", {
|
|
31
|
-
className: "side-nav__list-item"
|
|
32
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
33
|
-
title: "See more",
|
|
34
|
-
htmlFor: "dropdown",
|
|
35
|
-
onClick: handleLabelClick
|
|
36
|
-
}, text, " ", /*#__PURE__*/React.createElement("i", {
|
|
37
|
-
className: "material-icons"
|
|
38
|
-
}, arrowType))))));
|
|
39
|
-
};
|
|
40
|
-
SideBlock.propTypes = {
|
|
41
|
-
header: PropTypes.string.isRequired,
|
|
42
|
-
items: PropTypes.arrayOf(PropTypes.shape({
|
|
43
|
-
uri: PropTypes.string.isRequired,
|
|
44
|
-
name: PropTypes.string.isRequired
|
|
45
|
-
})).isRequired
|
|
46
|
-
};
|
|
47
|
-
export default SideBlock;
|
|
48
|
-
//# sourceMappingURL=SideBlock.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SideBlock.js","names":["React","useState","PropTypes","SideBlockItem","ACTIVE_LABEL","DEFAULT_LABEL","DOWN_ICON","SideBlock","header","items","text","icon","setLabelStatus","clonedItems","firstItems","splice","handleLabelClick","arrowType","createElement","className","map","length","Fragment","type","id","title","htmlFor","onClick","propTypes","string","isRequired","arrayOf","shape","uri","name"],"sources":["../../../../src/components/SideBar/components/SideBlock.js"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport SideBlockItem from './SideBlockItem';\nimport { ACTIVE_LABEL, DEFAULT_LABEL, DOWN_ICON } from '../../../constants';\n\nconst SideBlock = ({ header, items }) => {\n const [{ text, icon }, setLabelStatus] = useState(DEFAULT_LABEL);\n\n const clonedItems = [...items];\n const firstItems = clonedItems.splice(0, 10);\n\n const handleLabelClick = () =>\n icon === DOWN_ICON ? setLabelStatus(ACTIVE_LABEL) : setLabelStatus(DEFAULT_LABEL);\n\n const arrowType = `keyboard_arrow_${icon}`;\n\n return (\n <div className=\"side-nav__block\">\n <div className=\"side-nav__block-heading\">{header}</div>\n <ul className=\"side-nav__list\">\n {firstItems.map(SideBlockItem)}\n {!!clonedItems.length && (\n <>\n <input type=\"checkbox\" className=\"sub-menu-checkbox\" id=\"dropdown\" />\n <div className=\"side-nav__list-dropdown\">{clonedItems.map(SideBlockItem)}</div>\n <li className=\"side-nav__list-item\">\n <label title=\"See more\" htmlFor=\"dropdown\" onClick={handleLabelClick}>\n {text} <i className=\"material-icons\">{arrowType}</i>\n </label>\n </li>\n </>\n )}\n </ul>\n </div>\n );\n};\n\nSideBlock.propTypes = {\n header: PropTypes.string.isRequired,\n items: PropTypes.arrayOf(\n PropTypes.shape({\n uri: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n })\n ).isRequired\n};\n\nexport default SideBlock;\n"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,aAAa,EAAEC,SAAS,QAAQ,oBAAoB;AAE3E,MAAMC,SAAS,GAAGA,CAAC;EAAEC,MAAM;EAAEC;AAAM,CAAC,KAAK;EACvC,MAAM,CAAC;IAAEC,IAAI;IAAEC;EAAK,CAAC,EAAEC,cAAc,CAAC,GAAGX,QAAQ,CAACI,aAAa,CAAC;EAEhE,MAAMQ,WAAW,GAAG,CAAC,GAAGJ,KAAK,CAAC;EAC9B,MAAMK,UAAU,GAAGD,WAAW,CAACE,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC;EAE5C,MAAMC,gBAAgB,GAAGA,CAAA,KACvBL,IAAI,KAAKL,SAAS,GAAGM,cAAc,CAACR,YAAY,CAAC,GAAGQ,cAAc,CAACP,aAAa,CAAC;EAEnF,MAAMY,SAAS,GAAG,kBAAkBN,IAAI,EAAE;EAE1C,oBACEX,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAiB,gBAC9BnB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GAAEX,MAAY,CAAC,eACvDR,KAAA,CAAAkB,aAAA;IAAIC,SAAS,EAAC;EAAgB,GAC3BL,UAAU,CAACM,GAAG,CAACjB,aAAa,CAAC,EAC7B,CAAC,CAACU,WAAW,CAACQ,MAAM,iBACnBrB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAkB,aAAA;IAAOK,IAAI,EAAC,UAAU;IAACJ,SAAS,EAAC,mBAAmB;IAACK,EAAE,EAAC;EAAU,CAAE,CAAC,eACrExB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC;EAAyB,GAAEN,WAAW,CAACO,GAAG,CAACjB,aAAa,CAAO,CAAC,eAC/EH,KAAA,CAAAkB,aAAA;IAAIC,SAAS,EAAC;EAAqB,gBACjCnB,KAAA,CAAAkB,aAAA;IAAOO,KAAK,EAAC,UAAU;IAACC,OAAO,EAAC,UAAU;IAACC,OAAO,EAAEX;EAAiB,GAClEN,IAAI,EAAC,GAAC,eAAAV,KAAA,CAAAkB,aAAA;IAAGC,SAAS,EAAC;EAAgB,GAAEF,SAAa,CAC9C,CACL,CACJ,CAEF,CACD,CAAC;AAEV,CAAC;AAEDV,SAAS,CAACqB,SAAS,GAAG;EACpBpB,MAAM,EAAEN,SAAS,CAAC2B,MAAM,CAACC,UAAU;EACnCrB,KAAK,EAAEP,SAAS,CAAC6B,OAAO,CACtB7B,SAAS,CAAC8B,KAAK,CAAC;IACdC,GAAG,EAAE/B,SAAS,CAAC2B,MAAM,CAACC,UAAU;IAChCI,IAAI,EAAEhC,SAAS,CAAC2B,MAAM,CAACC;EACzB,CAAC,CACH,CAAC,CAACA;AACJ,CAAC;AAED,eAAevB,SAAS","ignoreList":[]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import { Link } from 'react-router-dom';
|
|
4
|
-
const SideBlockItem = ({
|
|
5
|
-
uri,
|
|
6
|
-
name
|
|
7
|
-
}) => /*#__PURE__*/React.createElement("li", {
|
|
8
|
-
key: name,
|
|
9
|
-
className: "side-nav__list-item"
|
|
10
|
-
}, /*#__PURE__*/React.createElement(Link, {
|
|
11
|
-
to: uri,
|
|
12
|
-
className: "side-nav__list-link"
|
|
13
|
-
}, name));
|
|
14
|
-
SideBlockItem.propTypes = {
|
|
15
|
-
uri: PropTypes.string.isRequired,
|
|
16
|
-
name: PropTypes.string.isRequired
|
|
17
|
-
};
|
|
18
|
-
export default SideBlockItem;
|
|
19
|
-
//# sourceMappingURL=SideBlockItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SideBlockItem.js","names":["React","PropTypes","Link","SideBlockItem","uri","name","createElement","key","className","to","propTypes","string","isRequired"],"sources":["../../../../src/components/SideBar/components/SideBlockItem.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Link } from 'react-router-dom';\n\nconst SideBlockItem = ({ uri, name }) => (\n <li key={name} className=\"side-nav__list-item\">\n <Link to={uri} className=\"side-nav__list-link\">\n {name}\n </Link>\n </li>\n);\n\nSideBlockItem.propTypes = {\n uri: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n};\n\nexport default SideBlockItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,IAAI,QAAQ,kBAAkB;AAEvC,MAAMC,aAAa,GAAGA,CAAC;EAAEC,GAAG;EAAEC;AAAK,CAAC,kBAClCL,KAAA,CAAAM,aAAA;EAAIC,GAAG,EAAEF,IAAK;EAACG,SAAS,EAAC;AAAqB,gBAC5CR,KAAA,CAAAM,aAAA,CAACJ,IAAI;EAACO,EAAE,EAAEL,GAAI;EAACI,SAAS,EAAC;AAAqB,GAC3CH,IACG,CACJ,CACL;AAEDF,aAAa,CAACO,SAAS,GAAG;EACxBN,GAAG,EAAEH,SAAS,CAACU,MAAM,CAACC,UAAU;EAChCP,IAAI,EAAEJ,SAAS,CAACU,MAAM,CAACC;AACzB,CAAC;AAED,eAAeT,aAAa","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SideBlock"],"sources":["../../../../src/components/SideBar/components/index.js"],"sourcesContent":["import SideBlock from './SideBlock';\n\nexport { SideBlock };\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,aAAa;AAEnC,SAASA,SAAS","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["SideBar"],"sources":["../../../src/components/SideBar/index.js"],"sourcesContent":["import SideBar from './SideBar';\n\nexport default SideBar;\n"],"mappings":"AAAA,OAAOA,OAAO,MAAM,WAAW;AAE/B,eAAeA,OAAO","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["Layout"],"sources":["../../src/components/index.js"],"sourcesContent":["import Layout from './Layout/Layout';\n\nexport { Layout };\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASA,MAAM","ignoreList":[]}
|