@xyo-network/react-appbar 2.37.13 → 2.37.15

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 (168) hide show
  1. package/dist/cjs/components/SiteMenu/Menu.js +2 -2
  2. package/dist/cjs/components/SiteMenu/Menu.js.map +1 -1
  3. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +10 -0
  4. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
  5. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js +28 -0
  6. package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
  7. package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts +2 -0
  8. package/dist/cjs/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
  9. package/dist/cjs/components/SiteMenu/MenuListItem/index.js +5 -0
  10. package/dist/cjs/components/SiteMenu/MenuListItem/index.js.map +1 -0
  11. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
  12. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
  13. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +14 -0
  14. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
  15. package/dist/cjs/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
  16. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
  17. package/dist/cjs/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
  18. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
  19. package/dist/{esm/components/SiteMenu → cjs/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
  20. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
  21. package/dist/cjs/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
  22. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
  23. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
  24. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
  25. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js +7 -0
  26. package/dist/cjs/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
  27. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
  28. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
  29. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +12 -0
  30. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
  31. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
  32. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
  33. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +15 -0
  34. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
  35. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
  36. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
  37. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js +6 -0
  38. package/dist/cjs/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
  39. package/dist/cjs/components/SiteMenu/MenuSection.d.ts +2 -2
  40. package/dist/cjs/components/SiteMenu/MenuSection.d.ts.map +1 -1
  41. package/dist/cjs/components/SiteMenu/MenuSection.js +2 -2
  42. package/dist/cjs/components/SiteMenu/MenuSection.js.map +1 -1
  43. package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
  44. package/dist/cjs/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
  45. package/dist/cjs/components/SiteMenu/index.d.ts +1 -1
  46. package/dist/cjs/components/SiteMenu/index.d.ts.map +1 -1
  47. package/dist/cjs/components/SiteMenu/index.js +1 -1
  48. package/dist/cjs/components/SiteMenu/index.js.map +1 -1
  49. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
  50. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
  51. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js +3 -0
  52. package/dist/cjs/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
  53. package/dist/cjs/components/SiteMenu/lib/index.d.ts +1 -0
  54. package/dist/cjs/components/SiteMenu/lib/index.d.ts.map +1 -1
  55. package/dist/cjs/components/SiteMenu/lib/index.js +1 -0
  56. package/dist/cjs/components/SiteMenu/lib/index.js.map +1 -1
  57. package/dist/docs.json +1158 -1321
  58. package/dist/esm/components/SiteMenu/Menu.js +2 -2
  59. package/dist/esm/components/SiteMenu/Menu.js.map +1 -1
  60. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +10 -0
  61. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -0
  62. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js +22 -0
  63. package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -0
  64. package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts +2 -0
  65. package/dist/esm/components/SiteMenu/MenuListItem/index.d.ts.map +1 -0
  66. package/dist/esm/components/SiteMenu/MenuListItem/index.js +2 -0
  67. package/dist/esm/components/SiteMenu/MenuListItem/index.js.map +1 -0
  68. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts +7 -0
  69. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.d.ts.map +1 -0
  70. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js +8 -0
  71. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.js.map +1 -0
  72. package/dist/esm/components/SiteMenu/{MenuIcon.d.ts → MenuListItem/list-item-components/MenuIcon.d.ts} +0 -0
  73. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.d.ts.map +1 -0
  74. package/dist/esm/components/SiteMenu/{MenuIcon.js → MenuListItem/list-item-components/MenuIcon.js} +0 -0
  75. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.js.map +1 -0
  76. package/dist/{cjs/components/SiteMenu → esm/components/SiteMenu/MenuListItem/list-item-components}/MenuListItem.d.ts +1 -1
  77. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.d.ts.map +1 -0
  78. package/dist/esm/components/SiteMenu/{MenuListItem.js → MenuListItem/list-item-components/MenuListItem.js} +1 -2
  79. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.js.map +1 -0
  80. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts +4 -0
  81. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.d.ts.map +1 -0
  82. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js +4 -0
  83. package/dist/esm/components/SiteMenu/MenuListItem/list-item-components/index.js.map +1 -0
  84. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts +11 -0
  85. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.d.ts.map +1 -0
  86. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js +6 -0
  87. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.js.map +1 -0
  88. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts +8 -0
  89. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.d.ts.map +1 -0
  90. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js +11 -0
  91. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.js.map +1 -0
  92. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts +3 -0
  93. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.d.ts.map +1 -0
  94. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js +3 -0
  95. package/dist/esm/components/SiteMenu/MenuListItem/sub-nav/index.js.map +1 -0
  96. package/dist/esm/components/SiteMenu/MenuSection.d.ts +2 -2
  97. package/dist/esm/components/SiteMenu/MenuSection.d.ts.map +1 -1
  98. package/dist/esm/components/SiteMenu/MenuSection.js +3 -3
  99. package/dist/esm/components/SiteMenu/MenuSection.js.map +1 -1
  100. package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts +2 -2
  101. package/dist/esm/components/SiteMenu/hooks/useMenuItemsShared.d.ts.map +1 -1
  102. package/dist/esm/components/SiteMenu/index.d.ts +1 -1
  103. package/dist/esm/components/SiteMenu/index.d.ts.map +1 -1
  104. package/dist/esm/components/SiteMenu/index.js +1 -1
  105. package/dist/esm/components/SiteMenu/index.js.map +1 -1
  106. package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts +13 -0
  107. package/dist/esm/components/SiteMenu/lib/NavListItemProps.d.ts.map +1 -0
  108. package/dist/esm/components/SiteMenu/lib/NavListItemProps.js +2 -0
  109. package/dist/esm/components/SiteMenu/lib/NavListItemProps.js.map +1 -0
  110. package/dist/esm/components/SiteMenu/lib/index.d.ts +1 -0
  111. package/dist/esm/components/SiteMenu/lib/index.d.ts.map +1 -1
  112. package/dist/esm/components/SiteMenu/lib/index.js +1 -0
  113. package/dist/esm/components/SiteMenu/lib/index.js.map +1 -1
  114. package/package.json +6 -6
  115. package/src/components/AppBar/Application.stories.tsx +3 -3
  116. package/src/components/CollapsibleDrawer/CollapseDrawer.stories.tsx +1 -1
  117. package/src/components/CollapsibleDrawer/{ExampleMenuData.tsx → ExampleMenuData.stories.tsx} +3 -3
  118. package/src/components/SiteMenu/Menu.tsx +2 -2
  119. package/src/components/SiteMenu/{MenuItem.stories.tsx → MenuListItem/MenuListItemContainer.stories.tsx} +9 -9
  120. package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx +76 -0
  121. package/src/components/SiteMenu/MenuListItem/index.ts +1 -0
  122. package/src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx +20 -0
  123. package/src/components/SiteMenu/{MenuIcon.tsx → MenuListItem/list-item-components/MenuIcon.tsx} +0 -0
  124. package/src/components/SiteMenu/{MenuListItem.tsx → MenuListItem/list-item-components/MenuListItem.tsx} +2 -4
  125. package/src/components/SiteMenu/MenuListItem/list-item-components/index.ts +3 -0
  126. package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx +18 -0
  127. package/src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx +23 -0
  128. package/src/components/SiteMenu/MenuListItem/sub-nav/index.ts +2 -0
  129. package/src/components/SiteMenu/MenuSection.tsx +3 -5
  130. package/src/components/SiteMenu/hooks/useMenuItemsShared.tsx +2 -2
  131. package/src/components/SiteMenu/index.ts +1 -1
  132. package/src/components/SiteMenu/lib/NavListItemProps.ts +13 -0
  133. package/src/components/SiteMenu/lib/index.ts +1 -0
  134. package/src/components/Toolbar/System/SystemToolbar.stories.tsx +5 -4
  135. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
  136. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
  137. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js +0 -69
  138. package/dist/cjs/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
  139. package/dist/cjs/components/SiteMenu/MenuIcon.d.ts.map +0 -1
  140. package/dist/cjs/components/SiteMenu/MenuIcon.js.map +0 -1
  141. package/dist/cjs/components/SiteMenu/MenuItems.d.ts +0 -26
  142. package/dist/cjs/components/SiteMenu/MenuItems.d.ts.map +0 -1
  143. package/dist/cjs/components/SiteMenu/MenuItems.js +0 -35
  144. package/dist/cjs/components/SiteMenu/MenuItems.js.map +0 -1
  145. package/dist/cjs/components/SiteMenu/MenuListItem.d.ts.map +0 -1
  146. package/dist/cjs/components/SiteMenu/MenuListItem.js.map +0 -1
  147. package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts +0 -7
  148. package/dist/cjs/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
  149. package/dist/cjs/components/SiteMenu/MenuListItemText.js +0 -13
  150. package/dist/cjs/components/SiteMenu/MenuListItemText.js.map +0 -1
  151. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts +0 -4
  152. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.d.ts.map +0 -1
  153. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js +0 -66
  154. package/dist/esm/components/CollapsibleDrawer/ExampleMenuData.js.map +0 -1
  155. package/dist/esm/components/SiteMenu/MenuIcon.d.ts.map +0 -1
  156. package/dist/esm/components/SiteMenu/MenuIcon.js.map +0 -1
  157. package/dist/esm/components/SiteMenu/MenuItems.d.ts +0 -26
  158. package/dist/esm/components/SiteMenu/MenuItems.d.ts.map +0 -1
  159. package/dist/esm/components/SiteMenu/MenuItems.js +0 -29
  160. package/dist/esm/components/SiteMenu/MenuItems.js.map +0 -1
  161. package/dist/esm/components/SiteMenu/MenuListItem.d.ts.map +0 -1
  162. package/dist/esm/components/SiteMenu/MenuListItem.js.map +0 -1
  163. package/dist/esm/components/SiteMenu/MenuListItemText.d.ts +0 -7
  164. package/dist/esm/components/SiteMenu/MenuListItemText.d.ts.map +0 -1
  165. package/dist/esm/components/SiteMenu/MenuListItemText.js +0 -13
  166. package/dist/esm/components/SiteMenu/MenuListItemText.js.map +0 -1
  167. package/src/components/SiteMenu/MenuItems.tsx +0 -115
  168. package/src/components/SiteMenu/MenuListItemText.tsx +0 -21
@@ -8,7 +8,7 @@ const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings
8
8
  const material_1 = require("@mui/material");
9
9
  const react_flexbox_1 = require("@xylabs/react-flexbox");
10
10
  const react_1 = require("react");
11
- const MenuItems_1 = require("./MenuItems");
11
+ const MenuListItem_1 = require("./MenuListItem");
12
12
  const SiteMenu = (_a) => {
13
13
  var { side = 'right', children, onMenuToggle } = _a, props = tslib_1.__rest(_a, ["side", "children", "onMenuToggle"]);
14
14
  const [open, setOpen] = (0, react_1.useState)(false);
@@ -17,7 +17,7 @@ const SiteMenu = (_a) => {
17
17
  }, [onMenuToggle, open]);
18
18
  return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
19
19
  setOpen(!open);
20
- } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));
20
+ } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuListItem_1.MenuListItemContainer, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));
21
21
  };
22
22
  exports.SiteMenu = SiteMenu;
23
23
  //# sourceMappingURL=Menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAA2C;AAE3C,2CAA8C;AAQvC,MAAM,QAAQ,GAA4B,CAAC,EAAoD,EAAE,EAAE;QAAxD,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAlD,oCAAoD,CAAF;IAClG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAE1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,QAAQ,YAkCpB"}
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAA2C;AAE3C,iDAAsD;AAQ/C,MAAM,QAAQ,GAA4B,CAAC,EAAoD,EAAE,EAAE;QAAxD,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAlD,oCAAoD,CAAF;IAClG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAE1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,oCAAqB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GAC9E,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,QAAQ,YAkCpB"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { ListItemProps } from '@mui/material';
3
+ import { NavListItemProps, SiteMenuListItemBase } from '../lib';
4
+ export interface MenuListItemProps extends NavListItemProps, SiteMenuListItemBase, ListItemProps {
5
+ subNavListItems?: NavListItemProps[];
6
+ subNavOpen?: boolean;
7
+ iconOnly?: boolean;
8
+ }
9
+ export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
10
+ //# sourceMappingURL=MenuListItemContainer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItemContainer.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA0B,MAAM,eAAe,CAAA;AAMrE,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAA;AAI/D,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB,EAAE,oBAAoB,EAAE,aAAa;IAC9F,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;IACpC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2D7D,CAAA"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuListItemContainer = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const react_flexbox_1 = require("@xylabs/react-flexbox");
8
+ const react_link_1 = require("@xylabs/react-link");
9
+ const react_1 = require("react");
10
+ const contexts_1 = require("../../../contexts");
11
+ const list_item_components_1 = require("./list-item-components");
12
+ const sub_nav_1 = require("./sub-nav");
13
+ const MenuListItemContainer = (_a) => {
14
+ var { style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to, sx } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "icon", "primary", "onButtonClick", "to", "sx"]);
15
+ const { dense } = props;
16
+ const theme = (0, material_1.useTheme)();
17
+ const { collapse } = (0, contexts_1.useCollapsible)();
18
+ const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
19
+ const [hovered, setHovered] = (0, react_1.useState)(false);
20
+ return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(list_item_components_1.MenuListItem, Object.assign({ disableGutters: true, iconOnly: iconOnly, onClick: onButtonClick, dense: dense, sx: Object.assign({ justifyContent: 'space-between' }, sx), style: Object.assign({ whiteSpace: 'nowrap' }, style) }, props, { children: [(0, jsx_runtime_1.jsx)(react_link_1.LinkEx, Object.assign({ onMouseEnter: () => setHovered(true), onMouseLeave: () => setHovered(false), color: "inherit", to: to, sx: {
21
+ '& :hover': {
22
+ cursor: 'pointer',
23
+ textDecoration: 'underline',
24
+ },
25
+ } }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(list_item_components_1.MenuIcon, { icon: icon, paddingRight: theme.spacing(1), color: hovered ? 'secondary' : 'inherit' }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] }) })), (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ style: { marginLeft: theme.spacing(1) } }, { children: [subNavListItems ? (0, jsx_runtime_1.jsx)(sub_nav_1.SubNavToggleIconButton, { setOpenSubNav: setOpenSubNav, openSubNav: openSubNav }) : null, tooltip ? (0, jsx_runtime_1.jsx)(list_item_components_1.ListItemTooltip, { title: tooltip }) : null] }))] })), subNavListItems ? ((0, jsx_runtime_1.jsx)(sub_nav_1.SubNavListItemsCollapse, Object.assign({ openSubNav: openSubNav, collapse: collapse }, { children: subNavListItems === null || subNavListItems === void 0 ? void 0 : subNavListItems.map((item, index) => ((0, jsx_runtime_1.jsx)(exports.MenuListItemContainer, Object.assign({ dense: dense, sx: { pl: theme.spacing(1) } }, item), index))) }))) : null] }));
26
+ };
27
+ exports.MenuListItemContainer = MenuListItemContainer;
28
+ //# sourceMappingURL=MenuListItemContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItemContainer.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqE;AACrE,yDAA+C;AAC/C,mDAA2C;AAC3C,iCAAgC;AAEhC,gDAAkD;AAElD,iEAAgF;AAChF,uCAA2E;AAQpE,MAAM,qBAAqB,GAAgC,CAAC,EAWlE,EAAE,EAAE;QAX8D,EACjE,KAAK,EACL,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,EACF,EAAE,OAEH,EADI,KAAK,sBAVyD,mGAWlE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAC7C,OAAO,CACL,6DACE,wBAAC,mCAAY,kBACX,cAAc,QACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,KAAK,EACZ,EAAE,kBAAI,cAAc,EAAE,eAAe,IAAK,EAAE,GAC5C,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,KACnC,KAAK,eAET,uBAAC,mBAAM,kBACL,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EACrC,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,EACN,EAAE,EAAE;4BACF,UAAU,EAAE;gCACV,MAAM,EAAE,SAAS;gCACjB,cAAc,EAAE,WAAW;6BAC5B;yBACF,gBAED,wBAAC,uBAAO,eACN,uBAAC,+BAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAI,EAClG,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC1B,IACH,EACT,wBAAC,uBAAO,kBAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,iBAC7C,eAAe,CAAC,CAAC,CAAC,uBAAC,gCAAsB,IAAC,aAAa,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI,EACzG,OAAO,CAAC,CAAC,CAAC,uBAAC,sCAAe,IAAC,KAAK,EAAE,OAAO,GAAI,CAAC,CAAC,CAAC,IAAI,KAC7C,KACG,EACd,eAAe,CAAC,CAAC,CAAC,CACjB,uBAAC,iCAAuB,kBAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,gBAChE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,uBAAC,6BAAqB,kBAAC,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAkB,IAAI,GAAf,KAAK,CAAc,CAC5F,CAAC,IACsB,CAC3B,CAAC,CAAC,CAAC,IAAI,IACP,CACJ,CAAA;AACH,CAAC,CAAA;AA3DY,QAAA,qBAAqB,yBA2DjC"}
@@ -0,0 +1,2 @@
1
+ export * from './MenuListItemContainer';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA"}
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./MenuListItemContainer"), exports);
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/MenuListItem/index.ts"],"names":[],"mappings":";;;AAAA,kEAAuC"}
@@ -0,0 +1,7 @@
1
+ /// <reference types="react" />
2
+ import { TooltipProps } from '@mui/material';
3
+ export interface ListItemTooltipProps extends Omit<TooltipProps, 'children'> {
4
+ title: string;
5
+ }
6
+ export declare const ListItemTooltip: React.FC<ListItemTooltipProps>;
7
+ //# sourceMappingURL=ListItemTooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItemTooltip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC;IAC1E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAW1D,CAAA"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ListItemTooltip = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const react_flexbox_1 = require("@xylabs/react-flexbox");
8
+ const vsc_1 = require("react-icons/vsc");
9
+ const ListItemTooltip = (_a) => {
10
+ var { title } = _a, props = tslib_1.__rest(_a, ["title"]);
11
+ return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, Object.assign({ title: title, placement: "right" }, props, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscInfo, { color: "grey" }) })) }) })));
12
+ };
13
+ exports.ListItemTooltip = ListItemTooltip;
14
+ //# sourceMappingURL=ListItemTooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ListItemTooltip.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/ListItemTooltip.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAqD;AACrD,yDAA+C;AAC/C,yCAAyC;AAMlC,MAAM,eAAe,GAAmC,CAAC,EAAmB,EAAE,EAAE;QAAvB,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAjB,SAAmB,CAAF;IAC/E,OAAO,CACL,uBAAC,kBAAO,kBAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,OAAO,IAAK,KAAK,cAEhD,0CACE,uBAAC,uBAAO,kBAAC,cAAc,EAAC,QAAQ,gBAC9B,uBAAC,aAAO,IAAC,KAAK,EAAC,MAAM,GAAG,IAChB,GACN,IACE,CACX,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,eAAe,mBAW3B"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,WAAW,aAAc,SAAQ,eAAe;IACpD,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAM5C,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuIcon.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuIcon.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA2D;AAOpD,MAAM,QAAQ,GAA4B,CAAC,EAAkB,EAAE,EAAE;QAAtB,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAhB,QAAkB,CAAF;IAChE,OAAO,CACL,uBAAC,qBAAU,kBAAC,OAAO,EAAC,MAAM,IAAK,KAAK,cACjC,IAAI,IACM,CACd,CAAA;AACH,CAAC,CAAA;AANY,QAAA,QAAQ,YAMpB"}
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { ListItemProps } from '@mui/material';
3
- import { SiteMenuListItemBase } from './lib';
3
+ import { SiteMenuListItemBase } from '../../lib';
4
4
  export interface ListItemExProps extends SiteMenuListItemBase, ListItemProps {
5
5
  }
6
6
  export declare const MenuListItem: React.FC<ListItemExProps>;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAE,MAAM,eAAe,CAAA;AAEvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,EAAE,aAAa;CAAG;AAE/E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAWlD,CAAA"}
@@ -5,8 +5,7 @@ const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const material_1 = require("@mui/material");
7
7
  const MenuListItem = (_a) => {
8
- var { iconOnly, collapseEnd, sx, children } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children"]);
9
- const dense = props;
8
+ var { iconOnly, collapseEnd, sx, children, dense } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children", "dense"]);
10
9
  const listItemSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0, width: 'auto' } : { width: '100%' };
11
10
  // wait till collapseEnds to remove the spacing between items
12
11
  const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuListItem.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/MenuListItem.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AAMhD,MAAM,YAAY,GAA8B,CAAC,EAAwD,EAAE,EAAE;QAA5D,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,OAAY,EAAP,KAAK,sBAAtD,sDAAwD,CAAF;IAC5G,MAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA;IAC7H,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,8DAAO,UAAU,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cAC1E,QAAQ,IACA,CACZ,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,YAAY,gBAWxB"}
@@ -0,0 +1,4 @@
1
+ export * from './ListItemTooltip';
2
+ export * from './MenuIcon';
3
+ export * from './MenuListItem';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./ListItemTooltip"), exports);
5
+ tslib_1.__exportStar(require("./MenuIcon"), exports);
6
+ tslib_1.__exportStar(require("./MenuListItem"), exports);
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/list-item-components/index.ts"],"names":[],"mappings":";;;AAAA,4DAAiC;AACjC,qDAA0B;AAC1B,yDAA8B"}
@@ -0,0 +1,11 @@
1
+ /// <reference types="react" />
2
+ import { CollapseProps } from '@mui/material';
3
+ import { WithChildren } from '@xylabs/react-shared';
4
+ import { NavListItemProps } from '../../lib';
5
+ export interface SubNavListItemsCollapseProps extends WithChildren, CollapseProps {
6
+ collapse?: boolean;
7
+ openSubNav?: boolean;
8
+ subNavListItems?: NavListItemProps[];
9
+ }
10
+ export declare const SubNavListItemsCollapse: React.FC<SubNavListItemsCollapseProps>;
11
+ //# sourceMappingURL=SubNavListItemCollapse.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubNavListItemCollapse.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAQ,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAE5C,MAAM,WAAW,4BAA6B,SAAQ,YAAY,EAAE,aAAa;IAC/E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,gBAAgB,EAAE,CAAA;CACrC;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAM1E,CAAA"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SubNavListItemsCollapse = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const material_1 = require("@mui/material");
7
+ const SubNavListItemsCollapse = (_a) => {
8
+ var { collapse, openSubNav, children } = _a, props = tslib_1.__rest(_a, ["collapse", "openSubNav", "children"]);
9
+ return ((0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: collapse == true ? false : openSubNav }, props, { children: (0, jsx_runtime_1.jsx)(material_1.List, { children: children }) })));
10
+ };
11
+ exports.SubNavListItemsCollapse = SubNavListItemsCollapse;
12
+ //# sourceMappingURL=SubNavListItemCollapse.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubNavListItemCollapse.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavListItemCollapse.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA6D;AAWtD,MAAM,uBAAuB,GAA2C,CAAC,EAA4C,EAAE,EAAE;QAAhD,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA1C,sCAA4C,CAAF;IACxH,OAAO,CACL,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,IAAM,KAAK,cAC5D,uBAAC,eAAI,cAAE,QAAQ,GAAQ,IACd,CACZ,CAAA;AACH,CAAC,CAAA;AANY,QAAA,uBAAuB,2BAMnC"}
@@ -0,0 +1,8 @@
1
+ import { IconButtonProps } from '@mui/material';
2
+ import { Dispatch, SetStateAction } from 'react';
3
+ export interface SubNavToggleIconButtonProps extends IconButtonProps {
4
+ openSubNav?: boolean;
5
+ setOpenSubNav?: Dispatch<SetStateAction<boolean>>;
6
+ }
7
+ export declare const SubNavToggleIconButton: React.FC<SubNavToggleIconButtonProps>;
8
+ //# sourceMappingURL=SubNavToggleIconButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubNavToggleIconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAY,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAkB,MAAM,OAAO,CAAA;AAGhE,MAAM,WAAW,2BAA4B,SAAQ,eAAe;IAClE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CAClD;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAaxE,CAAA"}
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.SubNavToggleIconButton = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const material_1 = require("@mui/material");
6
+ const vsc_1 = require("react-icons/vsc");
7
+ const SubNavToggleIconButton = ({ setOpenSubNav, openSubNav }) => {
8
+ const theme = (0, material_1.useTheme)();
9
+ return ((0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: (event) => {
10
+ event.stopPropagation();
11
+ setOpenSubNav === null || setOpenSubNav === void 0 ? void 0 : setOpenSubNav(!openSubNav);
12
+ }, sx: { marginRight: theme.spacing(0.5) } }, { children: (0, jsx_runtime_1.jsx)(vsc_1.VscChevronDown, { fontSize: "16px" }) })));
13
+ };
14
+ exports.SubNavToggleIconButton = SubNavToggleIconButton;
15
+ //# sourceMappingURL=SubNavToggleIconButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SubNavToggleIconButton.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/SubNavToggleIconButton.tsx"],"names":[],"mappings":";;;;AAAA,4CAAqE;AAErE,yCAAgD;AAOzC,MAAM,sBAAsB,GAA0C,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE;IAC7G,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,OAAO,CACL,uBAAC,qBAAU,kBACT,OAAO,EAAE,CAAC,KAAqB,EAAE,EAAE;YACjC,KAAK,CAAC,eAAe,EAAE,CAAA;YACvB,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,CAAC,UAAU,CAAC,CAAA;QAC9B,CAAC,EACD,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,gBAEvC,uBAAC,oBAAc,IAAC,QAAQ,EAAC,MAAM,GAAG,IACvB,CACd,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,sBAAsB,0BAalC"}
@@ -0,0 +1,3 @@
1
+ export * from './SubNavListItemCollapse';
2
+ export * from './SubNavToggleIconButton';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,0BAA0B,CAAA"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./SubNavListItemCollapse"), exports);
5
+ tslib_1.__exportStar(require("./SubNavToggleIconButton"), exports);
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/SiteMenu/MenuListItem/sub-nav/index.ts"],"names":[],"mappings":";;;AAAA,mEAAwC;AACxC,mEAAwC"}
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { FlexBoxProps } from '@xylabs/react-flexbox';
3
- import { SiteMenuListItemProps } from './MenuItems';
3
+ import { MenuListItemProps } from './MenuListItem';
4
4
  export interface MenuSectionProps extends FlexBoxProps {
5
5
  title: string;
6
- listItems: SiteMenuListItemProps[];
6
+ listItems: MenuListItemProps[];
7
7
  showTitle?: boolean;
8
8
  }
9
9
  export declare const MenuSection: React.FC<MenuSectionProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAoB,qBAAqB,EAAE,MAAM,aAAa,CAAA;AAErE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,qBAAqB,EAAE,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAclD,CAAA"}
1
+ {"version":3,"file":"MenuSection.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEzE,MAAM,WAAW,gBAAiB,SAAQ,YAAY;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,iBAAiB,EAAE,CAAA;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}
@@ -5,10 +5,10 @@ const tslib_1 = require("tslib");
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
6
  const material_1 = require("@mui/material");
7
7
  const react_flexbox_1 = require("@xylabs/react-flexbox");
8
- const MenuItems_1 = require("./MenuItems");
8
+ const MenuListItem_1 = require("./MenuListItem");
9
9
  const MenuSection = (_a) => {
10
10
  var { title, listItems, showTitle = true } = _a, props = tslib_1.__rest(_a, ["title", "listItems", "showTitle"]);
11
- return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: showTitle, timeout: 700 }, { children: (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: title }) })), listItems.map((item, index) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, Object.assign({}, item), index) })))] })));
11
+ return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.Collapse, Object.assign({ in: showTitle, timeout: 700 }, { children: (0, jsx_runtime_1.jsx)(material_1.ListSubheader, { children: title }) })), listItems.map((item, index) => ((0, jsx_runtime_1.jsx)(MenuListItem_1.MenuListItemContainer, Object.assign({}, item), index)))] })));
12
12
  };
13
13
  exports.MenuSection = MenuSection;
14
14
  //# sourceMappingURL=MenuSection.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA6D;AAE7D,2CAAqE;AAQ9D,MAAM,WAAW,GAA+B,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA9C,mCAAgD,CAAF;IACpG,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,gBACnC,uBAAC,wBAAa,cAAE,KAAK,GAAiB,IAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,2DACE,uBAAC,4BAAgB,oBAAiB,IAAI,GAAf,KAAK,CAA+B,GAC1D,CACJ,CAAC,KACM,CACX,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,WAAW,eAcvB"}
1
+ {"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA6D;AAE7D,iDAAyE;AAQlE,MAAM,WAAW,GAA+B,CAAC,EAAgD,EAAE,EAAE;QAApD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,OAAY,EAAP,KAAK,sBAA9C,mCAAgD,CAAF;IACpG,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,mBAAQ,kBAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,gBACnC,uBAAC,wBAAa,cAAE,KAAK,GAAiB,IAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,uBAAC,oCAAqB,oBAAiB,IAAI,GAAf,KAAK,CAAoC,CACtE,CAAC,KACM,CACX,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB"}
@@ -1,5 +1,5 @@
1
- import { SiteMenuListItemProps } from '../MenuItems';
2
- declare type DefaultSiteMenuListItemProps = Pick<SiteMenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>;
1
+ import { MenuListItemProps } from '../MenuListItem';
2
+ declare type DefaultSiteMenuListItemProps = Pick<MenuListItemProps, 'collapseEnd' | 'dense' | 'iconOnly' | 'sx'>;
3
3
  export declare const useMenuItemsShared: () => {
4
4
  defaultSiteMenuListItemProps: DefaultSiteMenuListItemProps;
5
5
  onMenuItemToggle: (open?: boolean) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"useMenuItemsShared.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA;AAEpD,aAAK,4BAA4B,GAAG,IAAI,CAAC,qBAAqB,EAAE,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAE5G,eAAO,MAAM,kBAAkB;;8BAGI,OAAO;CAkBzC,CAAA"}
1
+ {"version":3,"file":"useMenuItemsShared.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/hooks/useMenuItemsShared.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,aAAK,4BAA4B,GAAG,IAAI,CAAC,iBAAiB,EAAE,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,CAAA;AAExG,eAAO,MAAM,kBAAkB;;8BAGI,OAAO;CAkBzC,CAAA"}
@@ -1,5 +1,5 @@
1
1
  export * from './hooks';
2
2
  export * from './Menu';
3
- export * from './MenuItems';
3
+ export * from './MenuListItem';
4
4
  export * from './MenuSection';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,eAAe,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA"}
@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
4
  tslib_1.__exportStar(require("./hooks"), exports);
5
5
  tslib_1.__exportStar(require("./Menu"), exports);
6
- tslib_1.__exportStar(require("./MenuItems"), exports);
6
+ tslib_1.__exportStar(require("./MenuListItem"), exports);
7
7
  tslib_1.__exportStar(require("./MenuSection"), exports);
8
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,iDAAsB;AACtB,sDAA2B;AAC3B,wDAA6B"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,kDAAuB;AACvB,iDAAsB;AACtB,yDAA8B;AAC9B,wDAA6B"}
@@ -0,0 +1,13 @@
1
+ import { ListItemTextProps } from '@mui/material';
2
+ import { LinkExProps } from '@xylabs/react-link';
3
+ import { ReactNode } from 'react';
4
+ import { To } from 'react-router-dom';
5
+ export interface NavListItemProps {
6
+ primary: ListItemTextProps['primary'];
7
+ to?: To;
8
+ href?: string;
9
+ icon?: ReactNode;
10
+ onButtonClick?: LinkExProps['onClick'];
11
+ tooltip?: string;
12
+ }
13
+ //# sourceMappingURL=NavListItemProps.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavListItemProps.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AAErC,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACrC,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=NavListItemProps.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavListItemProps.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/NavListItemProps.ts"],"names":[],"mappings":""}
@@ -1,2 +1,3 @@
1
+ export * from './NavListItemProps';
1
2
  export * from './SiteMenuListItemBase';
2
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA"}
@@ -1,5 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./NavListItemProps"), exports);
4
5
  tslib_1.__exportStar(require("./SiteMenuListItemBase"), exports);
5
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":";;;AAAA,iEAAsC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/SiteMenu/lib/index.ts"],"names":[],"mappings":";;;AAAA,6DAAkC;AAClC,iEAAsC"}