@blaze-cms/plugin-admin-core-ui 0.131.0-project-admin-customisations.2 → 0.132.0-admin-updates.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.
Files changed (88) hide show
  1. package/CHANGELOG.md +9 -31
  2. package/README.md +0 -97
  3. package/lib/components/Layout/Layout.js +3 -6
  4. package/lib/components/Layout/Layout.js.map +1 -1
  5. package/lib/components/Layout/components/Grid/Grid.js +88 -10
  6. package/lib/components/Layout/components/Grid/Grid.js.map +1 -1
  7. package/lib/components/SideBar/SideBar.js +14 -3
  8. package/lib/components/SideBar/SideBar.js.map +1 -1
  9. package/lib/constants.js +1 -1
  10. package/lib/constants.js.map +1 -1
  11. package/lib/index.js +9 -13
  12. package/lib/index.js.map +1 -1
  13. package/lib-es/components/Layout/Layout.js +3 -6
  14. package/lib-es/components/Layout/Layout.js.map +1 -1
  15. package/lib-es/components/Layout/components/Grid/Grid.js +54 -14
  16. package/lib-es/components/Layout/components/Grid/Grid.js.map +1 -1
  17. package/lib-es/components/SideBar/SideBar.js +7 -2
  18. package/lib-es/components/SideBar/SideBar.js.map +1 -1
  19. package/lib-es/constants.js +1 -1
  20. package/lib-es/constants.js.map +1 -1
  21. package/lib-es/index.js +9 -9
  22. package/lib-es/index.js.map +1 -1
  23. package/package.json +8 -9
  24. package/src/components/Layout/Layout.js +3 -14
  25. package/src/components/Layout/components/Grid/Grid.js +52 -13
  26. package/src/components/SideBar/SideBar.js +6 -3
  27. package/src/constants.js +1 -3
  28. package/src/index.js +6 -7
  29. package/lib/components/Menu/Icons/ChevronDown.js +0 -27
  30. package/lib/components/Menu/Icons/ChevronDown.js.map +0 -1
  31. package/lib/components/Menu/Icons/ChevronUp.js +0 -27
  32. package/lib/components/Menu/Icons/ChevronUp.js.map +0 -1
  33. package/lib/components/Menu/Items/MenuActionItem.js +0 -37
  34. package/lib/components/Menu/Items/MenuActionItem.js.map +0 -1
  35. package/lib/components/Menu/Items/MenuItem.js +0 -73
  36. package/lib/components/Menu/Items/MenuItem.js.map +0 -1
  37. package/lib/components/Menu/Items/MenuLinkItem.js +0 -36
  38. package/lib/components/Menu/Items/MenuLinkItem.js.map +0 -1
  39. package/lib/components/Menu/Menu.js +0 -86
  40. package/lib/components/Menu/Menu.js.map +0 -1
  41. package/lib/components/Menu/Section/MenuSection.js +0 -28
  42. package/lib/components/Menu/Section/MenuSection.js.map +0 -1
  43. package/lib/components/Menu/Section/MenuSectionCollapsible.js +0 -91
  44. package/lib/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
  45. package/lib/components/Menu/Section/MenuSectionItem.js +0 -40
  46. package/lib/components/Menu/Section/MenuSectionItem.js.map +0 -1
  47. package/lib/components/Menu/Section/MenuSectionItems.js +0 -33
  48. package/lib/components/Menu/Section/MenuSectionItems.js.map +0 -1
  49. package/lib/components/Menu/index.js +0 -12
  50. package/lib/components/Menu/index.js.map +0 -1
  51. package/lib/utils/menu-handler-singleton.js +0 -114
  52. package/lib/utils/menu-handler-singleton.js.map +0 -1
  53. package/lib-es/components/Menu/Icons/ChevronDown.js +0 -16
  54. package/lib-es/components/Menu/Icons/ChevronDown.js.map +0 -1
  55. package/lib-es/components/Menu/Icons/ChevronUp.js +0 -16
  56. package/lib-es/components/Menu/Icons/ChevronUp.js.map +0 -1
  57. package/lib-es/components/Menu/Items/MenuActionItem.js +0 -31
  58. package/lib-es/components/Menu/Items/MenuActionItem.js.map +0 -1
  59. package/lib-es/components/Menu/Items/MenuItem.js +0 -64
  60. package/lib-es/components/Menu/Items/MenuItem.js.map +0 -1
  61. package/lib-es/components/Menu/Items/MenuLinkItem.js +0 -28
  62. package/lib-es/components/Menu/Items/MenuLinkItem.js.map +0 -1
  63. package/lib-es/components/Menu/Menu.js +0 -40
  64. package/lib-es/components/Menu/Menu.js.map +0 -1
  65. package/lib-es/components/Menu/Section/MenuSection.js +0 -18
  66. package/lib-es/components/Menu/Section/MenuSection.js.map +0 -1
  67. package/lib-es/components/Menu/Section/MenuSectionCollapsible.js +0 -67
  68. package/lib-es/components/Menu/Section/MenuSectionCollapsible.js.map +0 -1
  69. package/lib-es/components/Menu/Section/MenuSectionItem.js +0 -30
  70. package/lib-es/components/Menu/Section/MenuSectionItem.js.map +0 -1
  71. package/lib-es/components/Menu/Section/MenuSectionItems.js +0 -20
  72. package/lib-es/components/Menu/Section/MenuSectionItems.js.map +0 -1
  73. package/lib-es/components/Menu/index.js +0 -3
  74. package/lib-es/components/Menu/index.js.map +0 -1
  75. package/lib-es/utils/menu-handler-singleton.js +0 -55
  76. package/lib-es/utils/menu-handler-singleton.js.map +0 -1
  77. package/src/components/Menu/Icons/ChevronDown.js +0 -16
  78. package/src/components/Menu/Icons/ChevronUp.js +0 -16
  79. package/src/components/Menu/Items/MenuActionItem.js +0 -30
  80. package/src/components/Menu/Items/MenuItem.js +0 -49
  81. package/src/components/Menu/Items/MenuLinkItem.js +0 -25
  82. package/src/components/Menu/Menu.js +0 -48
  83. package/src/components/Menu/Section/MenuSection.js +0 -16
  84. package/src/components/Menu/Section/MenuSectionCollapsible.js +0 -59
  85. package/src/components/Menu/Section/MenuSectionItem.js +0 -28
  86. package/src/components/Menu/Section/MenuSectionItems.js +0 -17
  87. package/src/components/Menu/index.js +0 -3
  88. package/src/utils/menu-handler-singleton.js +0 -64
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
- const ChevronUp = () => /*#__PURE__*/React.createElement("svg", {
3
- xmlns: "http://www.w3.org/2000/svg",
4
- fill: "none",
5
- viewBox: "0 0 22 22",
6
- strokeWidth: 1.5,
7
- width: "20",
8
- height: "20",
9
- stroke: "currentColor"
10
- }, /*#__PURE__*/React.createElement("path", {
11
- strokeLinecap: "round",
12
- strokeLinejoin: "round",
13
- d: "M4.5 15.75l7.5-7.5 7.5 7.5"
14
- }));
15
- export default ChevronUp;
16
- //# sourceMappingURL=ChevronUp.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChevronUp.js","names":["React","ChevronUp","createElement","xmlns","fill","viewBox","strokeWidth","width","height","stroke","strokeLinecap","strokeLinejoin","d"],"sources":["../../../../src/components/Menu/Icons/ChevronUp.js"],"sourcesContent":["import React from 'react';\n\nconst ChevronUp = () => (\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=\"20\"\n height=\"20\"\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,CAAA,kBAChBD,KAAA,CAAAE,aAAA;EACEC,KAAK,EAAC,4BAA4B;EAClCC,IAAI,EAAC,MAAM;EACXC,OAAO,EAAC,WAAW;EACnBC,WAAW,EAAE,GAAI;EACjBC,KAAK,EAAC,IAAI;EACVC,MAAM,EAAC,IAAI;EACXC,MAAM,EAAC;AAAc,gBACrBT,KAAA,CAAAE,aAAA;EAAMQ,aAAa,EAAC,OAAO;EAACC,cAAc,EAAC,OAAO;EAACC,CAAC,EAAC;AAA4B,CAAE,CAChF,CACN;AAED,eAAeX,SAAS"}
@@ -1,31 +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, null)), /*#__PURE__*/React.createElement("div", {
27
- className: "side-nav__list-label"
28
- }, label)));
29
- };
30
- export default MenuActionItem;
31
- //# 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"],"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 />\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,EAAG,uBAAsBF,QAAS,EAAE;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,MAAE,CACf,CACN,eACDN,KAAA,CAAAU,aAAA;IAAKC,SAAS,EAAC;EAAsB,GAAEP,KAAW,CAC9C,CACJ,CAAC;AAET,CAAC;AAED,eAAeF,cAAc"}
@@ -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
- if (label && uri) {
15
- const isActive = location.pathname === uri;
16
- return /*#__PURE__*/React.createElement(MenuLinkItem, {
17
- item: item,
18
- isActive: isActive,
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
- const isActive = location.pathname === childUri;
30
- if (childLabel && childUri) {
31
- return /*#__PURE__*/React.createElement(MenuLinkItem, {
32
- item: child,
33
- isActive: isActive,
34
- root: false
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
- const isActive = location.pathname === childUri;
51
- if (childLabel && childUri) {
52
- return /*#__PURE__*/React.createElement(MenuLinkItem, {
53
- item: child,
54
- isActive: isActive,
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","pathname","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 if (label && uri) {\n const isActive = location.pathname === uri;\n return <MenuLinkItem item={item} isActive={isActive} 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 const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} root={false} />;\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 const isActive = location.pathname === childUri;\n\n if (childLabel && childUri) {\n return <MenuLinkItem item={child} isActive={isActive} 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,IAAIG,KAAK,IAAIE,GAAG,EAAE;IAChB,MAAMC,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKF,GAAG;IAC1C,oBAAOT,KAAA,CAAAY,aAAA,CAACV,YAAY;MAACE,IAAI,EAAEA,IAAK;MAACM,QAAQ,EAAEA,QAAS;MAACG,IAAI;IAAA,CAAE,CAAC;EAC9D;EAEA,IAAIN,KAAK,IAAIC,KAAK,IAAIM,MAAM,CAACC,MAAM,CAACP,KAAK,CAAC,CAACQ,MAAM,GAAG,CAAC,EAAE;IACrD,MAAMC,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAACC,GAAG,IAAIZ,KAAK,CAACY,GAAG,CAAC,CAAC;IAE9D,MAAMC,kBAAkB,GAAGJ,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MACnD,MAAM;QAAEf,KAAK,EAAEgB,UAAU;QAAEd,GAAG,EAAEe;MAAS,CAAC,GAAGF,KAAK;MAClD,MAAMZ,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAOxB,KAAA,CAAAY,aAAA,CAACV,YAAY;UAACE,IAAI,EAAEkB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI,EAAE;QAAM,CAAE,CAAC;MACvE;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;IAEF,oBAAOb,KAAA,CAAAY,aAAA,CAACP,WAAW;MAACD,IAAI,EAAEA;IAAK,GAAEiB,kBAAgC,CAAC;EACpE;EAEA,IAAI,CAACd,KAAK,IAAIC,KAAK,EAAE;IACnB,MAAMS,YAAY,GAAGH,MAAM,CAACI,IAAI,CAACV,KAAK,CAAC,CAACW,GAAG,CAACC,GAAG,IAAIZ,KAAK,CAACY,GAAG,CAAC,CAAC;IAE9D,OAAOH,YAAY,CAACE,GAAG,CAACG,KAAK,IAAI;MAC/B,MAAM;QAAEf,KAAK,EAAEgB,UAAU;QAAEd,GAAG,EAAEe;MAAS,CAAC,GAAGF,KAAK;MAClD,MAAMZ,QAAQ,GAAGJ,QAAQ,CAACK,QAAQ,KAAKa,QAAQ;MAE/C,IAAID,UAAU,IAAIC,QAAQ,EAAE;QAC1B,oBAAOxB,KAAA,CAAAY,aAAA,CAACV,YAAY;UAACE,IAAI,EAAEkB,KAAM;UAACZ,QAAQ,EAAEA,QAAS;UAACG,IAAI;QAAA,CAAE,CAAC;MAC/D;MAEA,OAAO,IAAI;IACb,CAAC,CAAC;EACJ;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeV,QAAQ"}
@@ -1,28 +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, null)), /*#__PURE__*/React.createElement("div", {
24
- className: "side-nav__list-link--label"
25
- }, label)));
26
- };
27
- export default MenuLinkItem;
28
- //# 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"],"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 />\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,EAAG,uBAAsBH,QAAS,IAAGC,cAAe;EAAE,GAC3EH,eAAe,iBACdR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCb,KAAA,CAAAY,aAAA,CAACJ,eAAe,MAAE,CACf,CACN,eACDR,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAAEP,KAAW,CACpD,CACJ,CAAC;AAET,CAAC;AAED,eAAeJ,YAAY"}
@@ -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"}
@@ -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"}
@@ -1,67 +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
- const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';
25
- const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';
26
- if (name) {
27
- return /*#__PURE__*/React.createElement("li", {
28
- className: modifier
29
- }, /*#__PURE__*/React.createElement("button", {
30
- type: "button",
31
- className: buttonModifier,
32
- onClick: handleClick
33
- }, /*#__PURE__*/React.createElement("div", {
34
- className: "side-nav__list-link--icon"
35
- }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
36
- className: "side-nav__list-link--wrapper"
37
- }, /*#__PURE__*/React.createElement("div", {
38
- className: "side-nav__list-link--label"
39
- }, capitalise(name)), /*#__PURE__*/React.createElement("div", {
40
- className: "side-nav__list-link--toggleCollapseIcon",
41
- role: "button"
42
- }, /*#__PURE__*/React.createElement(CollapseIcon, null)))), /*#__PURE__*/React.createElement("div", {
43
- className: "side-nav__list-link--children"
44
- }, collapsed ? null : children));
45
- }
46
- if (label && items && Object.keys(items).length > 0) {
47
- return /*#__PURE__*/React.createElement("li", {
48
- className: modifier
49
- }, children);
50
- }
51
- if (label && items && Object.keys(items).length === 0) {
52
- return /*#__PURE__*/React.createElement("li", {
53
- className: modifier
54
- }, /*#__PURE__*/React.createElement("button", {
55
- type: "button",
56
- className: "side-nav__list-link",
57
- onClick: handleClick
58
- }, /*#__PURE__*/React.createElement("div", {
59
- className: "side-nav__list-link--icon"
60
- }, MenuSectionIcon && /*#__PURE__*/React.createElement(MenuSectionIcon, null)), /*#__PURE__*/React.createElement("div", {
61
- className: "side-nav__list-label"
62
- }, label)));
63
- }
64
- return null;
65
- };
66
- export default MenuSectionCollapsible;
67
- //# 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","modifier","buttonModifier","className","type","onClick","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 const modifier = collapsed ? 'side-nav__list--item' : 'side-nav__list--item__selected';\n\n const buttonModifier = collapsed ? 'side-nav__list-link' : 'side-nav__list-link--selected';\n\n if (name) {\n return (\n <li className={modifier}>\n <button type=\"button\" className={buttonModifier} onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</div>\n <div className=\"side-nav__list-link--wrapper\">\n <div className=\"side-nav__list-link--label\">{capitalise(name)}</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={modifier}>{children}</li>;\n }\n\n if (label && items && Object.keys(items).length === 0) {\n return (\n <li className={modifier}>\n <button type=\"button\" className=\"side-nav__list-link\" onClick={handleClick}>\n <div className=\"side-nav__list-link--icon\">{MenuSectionIcon && <MenuSectionIcon />}</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":"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"}
@@ -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"}
@@ -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"}
@@ -1,3 +0,0 @@
1
- import Menu from './Menu';
2
- export default Menu;
3
- //# sourceMappingURL=index.js.map
@@ -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"}
@@ -1,55 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import merge from 'lodash.merge';
3
- let instance;
4
- export class MenuHandler {
5
- constructor(app) {
6
- _defineProperty(this, "menuSections", new Map());
7
- _defineProperty(this, "menuConfig", void 0);
8
- _defineProperty(this, "app", void 0);
9
- if (instance) {
10
- throw new Error('You can only create one instance!');
11
- }
12
- instance = this;
13
- this.menuConfig = {};
14
- this.app = null;
15
- }
16
- setApp(app) {
17
- this.app = app;
18
- }
19
- get app() {
20
- return this.app;
21
- }
22
- get menuConfig() {
23
- return this.menuConfig;
24
- }
25
- addConfig(newConfig) {
26
- this.menuConfig = merge(this.menuConfig, newConfig);
27
- }
28
- async loadConfig() {
29
- const addConfig = newConfig => {
30
- this.addConfig(newConfig);
31
- };
32
- const {
33
- menuConfig
34
- } = this;
35
- if (this.app && this.app.events) {
36
- await this.app.events.emitAsync('admin:menu:config:load', {
37
- addConfig
38
- });
39
- await this.app.events.emitAsync('admin:menu:config:load:after', {
40
- addConfig,
41
- menuConfig
42
- });
43
- }
44
- }
45
- getInstance() {
46
- return this;
47
- }
48
- getAll() {
49
- const sortedByOrder = Object.entries(this.menuConfig).sort((a, b) => a.order > b.order ? 1 : -1);
50
- return sortedByOrder;
51
- }
52
- }
53
- const menuHandler = new MenuHandler();
54
- export default menuHandler;
55
- //# sourceMappingURL=menu-handler-singleton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"menu-handler-singleton.js","names":["merge","instance","MenuHandler","constructor","app","_defineProperty","Map","Error","menuConfig","setApp","addConfig","newConfig","loadConfig","events","emitAsync","getInstance","getAll","sortedByOrder","Object","entries","sort","a","b","order","menuHandler"],"sources":["../../src/utils/menu-handler-singleton.js"],"sourcesContent":["import merge from 'lodash.merge';\n\nlet instance;\n\nexport class MenuHandler {\n menuSections = new Map();\n\n menuConfig;\n\n app;\n\n constructor(app) {\n if (instance) {\n throw new Error('You can only create one instance!');\n }\n instance = this;\n this.menuConfig = {};\n this.app = null;\n }\n\n setApp(app) {\n this.app = app;\n }\n\n get app() {\n return this.app;\n }\n\n get menuConfig() {\n return this.menuConfig;\n }\n\n addConfig(newConfig) {\n this.menuConfig = merge(this.menuConfig, newConfig);\n }\n\n async loadConfig() {\n const addConfig = newConfig => {\n this.addConfig(newConfig);\n };\n\n const { menuConfig } = this;\n\n if (this.app && this.app.events) {\n await this.app.events.emitAsync('admin:menu:config:load', { addConfig });\n await this.app.events.emitAsync('admin:menu:config:load:after', { addConfig, menuConfig });\n }\n }\n\n getInstance() {\n return this;\n }\n\n getAll() {\n const sortedByOrder = Object.entries(this.menuConfig).sort(\n (a, b) => (a.order > b.order ? 1 : -1)\n );\n\n return sortedByOrder;\n }\n}\n\nconst menuHandler = new MenuHandler();\nexport default menuHandler;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,cAAc;AAEhC,IAAIC,QAAQ;AAEZ,OAAO,MAAMC,WAAW,CAAC;EAOvBC,WAAWA,CAACC,GAAG,EAAE;IAAAC,eAAA,uBANF,IAAIC,GAAG,CAAC,CAAC;IAAAD,eAAA;IAAAA,eAAA;IAOtB,IAAIJ,QAAQ,EAAE;MACZ,MAAM,IAAIM,KAAK,CAAC,mCAAmC,CAAC;IACtD;IACAN,QAAQ,GAAG,IAAI;IACf,IAAI,CAACO,UAAU,GAAG,CAAC,CAAC;IACpB,IAAI,CAACJ,GAAG,GAAG,IAAI;EACjB;EAEAK,MAAMA,CAACL,GAAG,EAAE;IACV,IAAI,CAACA,GAAG,GAAGA,GAAG;EAChB;EAEA,IAAIA,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACA,GAAG;EACjB;EAEA,IAAII,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACA,UAAU;EACxB;EAEAE,SAASA,CAACC,SAAS,EAAE;IACnB,IAAI,CAACH,UAAU,GAAGR,KAAK,CAAC,IAAI,CAACQ,UAAU,EAAEG,SAAS,CAAC;EACrD;EAEA,MAAMC,UAAUA,CAAA,EAAG;IACjB,MAAMF,SAAS,GAAGC,SAAS,IAAI;MAC7B,IAAI,CAACD,SAAS,CAACC,SAAS,CAAC;IAC3B,CAAC;IAED,MAAM;MAAEH;IAAW,CAAC,GAAG,IAAI;IAE3B,IAAI,IAAI,CAACJ,GAAG,IAAI,IAAI,CAACA,GAAG,CAACS,MAAM,EAAE;MAC/B,MAAM,IAAI,CAACT,GAAG,CAACS,MAAM,CAACC,SAAS,CAAC,wBAAwB,EAAE;QAAEJ;MAAU,CAAC,CAAC;MACxE,MAAM,IAAI,CAACN,GAAG,CAACS,MAAM,CAACC,SAAS,CAAC,8BAA8B,EAAE;QAAEJ,SAAS;QAAEF;MAAW,CAAC,CAAC;IAC5F;EACF;EAEAO,WAAWA,CAAA,EAAG;IACZ,OAAO,IAAI;EACb;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAMC,aAAa,GAAGC,MAAM,CAACC,OAAO,CAAC,IAAI,CAACX,UAAU,CAAC,CAACY,IAAI,CACxD,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAACE,KAAK,GAAGD,CAAC,CAACC,KAAK,GAAG,CAAC,GAAG,CAAC,CACtC,CAAC;IAED,OAAON,aAAa;EACtB;AACF;AAEA,MAAMO,WAAW,GAAG,IAAItB,WAAW,CAAC,CAAC;AACrC,eAAesB,WAAW"}
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
-
3
- const ChevronDown = () => (
4
- <svg
5
- xmlns="http://www.w3.org/2000/svg"
6
- fill="none"
7
- viewBox="0 0 24 24"
8
- strokeWidth={1.5}
9
- width="20"
10
- height="20"
11
- stroke="currentColor">
12
- <path strokeLinecap="round" strokeLinejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
13
- </svg>
14
- );
15
-
16
- export default ChevronDown;
@@ -1,16 +0,0 @@
1
- import React from 'react';
2
-
3
- const ChevronUp = () => (
4
- <svg
5
- xmlns="http://www.w3.org/2000/svg"
6
- fill="none"
7
- viewBox="0 0 22 22"
8
- strokeWidth={1.5}
9
- width="20"
10
- height="20"
11
- stroke="currentColor">
12
- <path strokeLinecap="round" strokeLinejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5" />
13
- </svg>
14
- );
15
-
16
- export default ChevronUp;
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import { Link } from 'react-router-dom';
3
-
4
- const MenuActionItem = ({ item }) => {
5
- const { label, icon: MenuSectionIcon, onClick, uri } = item;
6
-
7
- const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
8
-
9
- return (
10
- <li className="side-nav__list--item" key={item.label}>
11
- <Link
12
- to={uri}
13
- className={`side-nav__list-link ${modifier}`}
14
- onClick={() => {
15
- if (onClick) {
16
- onClick();
17
- }
18
- }}>
19
- {MenuSectionIcon && (
20
- <div className="side-nav__list-link--icon">
21
- <MenuSectionIcon />
22
- </div>
23
- )}
24
- <div className="side-nav__list-label">{label}</div>
25
- </Link>
26
- </li>
27
- );
28
- };
29
-
30
- export default MenuActionItem;
@@ -1,49 +0,0 @@
1
- import React from 'react';
2
- import { useLocation } from 'react-router-dom';
3
- import MenuLinkItem from './MenuLinkItem';
4
-
5
- const MenuItem = ({ item, RenderItems }) => {
6
- const location = useLocation();
7
- const { label, items, uri } = item;
8
-
9
- if (label && uri) {
10
- const isActive = location.pathname === uri;
11
- return <MenuLinkItem item={item} isActive={isActive} root />;
12
- }
13
-
14
- if (label && items && Object.values(items).length > 0) {
15
- const childrenMenu = Object.keys(items).map(key => items[key]);
16
-
17
- const childrenComponents = childrenMenu.map(child => {
18
- const { label: childLabel, uri: childUri } = child;
19
- const isActive = location.pathname === childUri;
20
-
21
- if (childLabel && childUri) {
22
- return <MenuLinkItem item={child} isActive={isActive} root={false} />;
23
- }
24
-
25
- return null;
26
- });
27
-
28
- return <RenderItems item={item}>{childrenComponents}</RenderItems>;
29
- }
30
-
31
- if (!label && items) {
32
- const childrenMenu = Object.keys(items).map(key => items[key]);
33
-
34
- return childrenMenu.map(child => {
35
- const { label: childLabel, uri: childUri } = child;
36
- const isActive = location.pathname === childUri;
37
-
38
- if (childLabel && childUri) {
39
- return <MenuLinkItem item={child} isActive={isActive} root />;
40
- }
41
-
42
- return null;
43
- });
44
- }
45
-
46
- return null;
47
- };
48
-
49
- export default MenuItem;
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { Link } from 'react-router-dom';
3
-
4
- const MenuLinkItem = ({ item, isActive, root = true }) => {
5
- const { label, icon: MenuSectionIcon, uri } = item;
6
-
7
- const modifier = MenuSectionIcon ? '' : 'side-nav__list-link--noIcon';
8
-
9
- const activeModifier = isActive ? 'side-nav__list-link--active' : '';
10
-
11
- return (
12
- <li className="side-nav__list--item" key={item.label}>
13
- <Link to={uri} className={`side-nav__list-link ${modifier} ${activeModifier}`}>
14
- {MenuSectionIcon && (
15
- <div className="side-nav__list-link--icon">
16
- <MenuSectionIcon />
17
- </div>
18
- )}
19
- <div className="side-nav__list-link--label">{label}</div>
20
- </Link>
21
- </li>
22
- );
23
- };
24
-
25
- export default MenuLinkItem;