@xyo-network/react-appbar 2.37.17 → 2.37.18

package/dist/esm/components/SiteMenu/MenuSection.d.ts

@@ -5,6 +5,7 @@ export interface MenuSectionProps extends FlexBoxProps {
     title: string;
     listItems: MenuListItemProps[];
     showTitle?: boolean;
+    iconMenuTextSpacing?: string;
 }
 export declare const MenuSection: React.FC<MenuSectionProps>;
 //# sourceMappingURL=MenuSection.d.ts.map

package/dist/esm/components/SiteMenu/MenuSection.d.ts.map

@@ -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,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"}
+{"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;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAA"}

package/dist/esm/components/SiteMenu/MenuSection.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Collapse, ListSubheader } from '@mui/material';
 import { FlexCol } from '@xylabs/react-flexbox';
 import { MenuListItemContainer } from './MenuListItem';
-export const MenuSection = ({ title, listItems, showTitle = true, ...props }) => {
-    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Collapse, { in: showTitle, timeout: 700, children: _jsx(ListSubheader, { children: title }) }), listItems.map((item, index) => (_jsx(MenuListItemContainer, { ...item }, index)))] }));
+export const MenuSection = ({ title, listItems, iconMenuTextSpacing, showTitle = true, ...props }) => {
+    return (_jsxs(FlexCol, { alignItems: "stretch", ...props, children: [_jsx(Collapse, { in: showTitle, timeout: 700, children: _jsx(ListSubheader, { children: title }) }), listItems.map((item, index) => (_jsx(MenuListItemContainer, { iconMenuTextSpacing: iconMenuTextSpacing, ...item }, index)))] }));
 };
 //# sourceMappingURL=MenuSection.js.map

package/dist/esm/components/SiteMenu/MenuSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gBAAgB,CAAA;AAQzE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC1G,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YACnC,KAAC,aAAa,cAAE,KAAK,GAAiB,GAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,qBAAqB,OAAiB,IAAI,IAAf,KAAK,CAAoC,CACtE,CAAC,IACM,CACX,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,EAAE,qBAAqB,EAAqB,MAAM,gBAAgB,CAAA;AASzE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/H,OAAO,CACL,MAAC,OAAO,IAAC,UAAU,EAAC,SAAS,KAAK,KAAK,aACrC,KAAC,QAAQ,IAAC,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YACnC,KAAC,aAAa,cAAE,KAAK,GAAiB,GAC7B,EAEV,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,qBAAqB,IAAa,mBAAmB,EAAE,mBAAmB,KAAM,IAAI,IAAzD,KAAK,CAA8E,CAChH,CAAC,IACM,CACX,CAAA;AACH,CAAC,CAAA"}

package/package.json

@@ -16,11 +16,11 @@
     "@xylabs/react-flexbox": "^2.15.1",
     "@xylabs/react-link": "^2.15.1",
     "@xylabs/react-shared": "^2.15.1",
-    "@xyo-network/react-app-settings": "^2.37.17",
-    "@xyo-network/react-archive": "^2.37.17",
-    "@xyo-network/react-auth-sets": "^2.37.17",
-    "@xyo-network/react-network": "^2.37.17",
-    "@xyo-network/react-shared": "^2.37.17",
+    "@xyo-network/react-app-settings": "^2.37.18",
+    "@xyo-network/react-archive": "^2.37.18",
+    "@xyo-network/react-auth-sets": "^2.37.18",
+    "@xyo-network/react-network": "^2.37.18",
+    "@xyo-network/react-shared": "^2.37.18",
     "tslib": "^2.4.0"
   },
   "peerDependencies": {
@@ -77,5 +77,5 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.37.17"
+  "version": "2.37.18"
 }

package/src/components/SiteMenu/MenuSection.tsx

@@ -7,9 +7,10 @@ export interface MenuSectionProps extends FlexBoxProps {
   title: string
   listItems: MenuListItemProps[]
   showTitle?: boolean
+  iconMenuTextSpacing?: string
 }
 
-export const MenuSection: React.FC<MenuSectionProps> = ({ title, listItems, showTitle = true, ...props }) => {
+export const MenuSection: React.FC<MenuSectionProps> = ({ title, listItems, iconMenuTextSpacing, showTitle = true, ...props }) => {
   return (
     <FlexCol alignItems="stretch" {...props}>
       <Collapse in={showTitle} timeout={700}>
@@ -17,7 +18,7 @@ export const MenuSection: React.FC<MenuSectionProps> = ({ title, listItems, show
       </Collapse>
 
       {listItems.map((item, index) => (
-        <MenuListItemContainer key={index} {...item}></MenuListItemContainer>
+        <MenuListItemContainer key={index} iconMenuTextSpacing={iconMenuTextSpacing} {...item}></MenuListItemContainer>
       ))}
     </FlexCol>
   )