@xyo-network/react-appbar 2.37.15 → 2.37.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +1 -0
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -1
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js +3 -2
- package/dist/cjs/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -1
- package/dist/docs.json +643 -621
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts +1 -0
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.d.ts.map +1 -1
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js +3 -2
- package/dist/esm/components/SiteMenu/MenuListItem/MenuListItemContainer.js.map +1 -1
- package/package.json +6 -6
- package/src/components/SiteMenu/MenuListItem/MenuListItemContainer.tsx +5 -1
@@ -5,6 +5,7 @@ export interface MenuListItemProps extends NavListItemProps, SiteMenuListItemBas
|
|
5
5
|
subNavListItems?: NavListItemProps[];
|
6
6
|
subNavOpen?: boolean;
|
7
7
|
iconOnly?: boolean;
|
8
|
+
iconMenuTextSpacing?: string;
|
8
9
|
}
|
9
10
|
export declare const MenuListItemContainer: React.FC<MenuListItemProps>;
|
10
11
|
//# sourceMappingURL=MenuListItemContainer.d.ts.map
|
@@ -1 +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;
|
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;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8D7D,CAAA"}
|
@@ -11,18 +11,19 @@ const contexts_1 = require("../../../contexts");
|
|
11
11
|
const list_item_components_1 = require("./list-item-components");
|
12
12
|
const sub_nav_1 = require("./sub-nav");
|
13
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"]);
|
14
|
+
var { style, subNavListItems, iconOnly, tooltip, icon, primary, onButtonClick, to, sx, iconMenuTextSpacing } = _a, props = tslib_1.__rest(_a, ["style", "subNavListItems", "iconOnly", "tooltip", "icon", "primary", "onButtonClick", "to", "sx", "iconMenuTextSpacing"]);
|
15
15
|
const { dense } = props;
|
16
16
|
const theme = (0, material_1.useTheme)();
|
17
17
|
const { collapse } = (0, contexts_1.useCollapsible)();
|
18
18
|
const [openSubNav, setOpenSubNav] = (0, react_1.useState)(false);
|
19
19
|
const [hovered, setHovered] = (0, react_1.useState)(false);
|
20
|
+
const resolvedIconMenuTextSpacing = iconMenuTextSpacing ? iconMenuTextSpacing : theme.spacing(1);
|
20
21
|
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
22
|
'& :hover': {
|
22
23
|
cursor: 'pointer',
|
23
24
|
textDecoration: 'underline',
|
24
25
|
},
|
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:
|
26
|
+
} }, { children: (0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, { children: [(0, jsx_runtime_1.jsx)(list_item_components_1.MenuIcon, { icon: icon, paddingRight: resolvedIconMenuTextSpacing, 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
|
};
|
27
28
|
exports.MenuListItemContainer = MenuListItemContainer;
|
28
29
|
//# sourceMappingURL=MenuListItemContainer.js.map
|
@@ -1 +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;
|
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;AASpE,MAAM,qBAAqB,GAAgC,CAAC,EAYlE,EAAE,EAAE;QAZ8D,EACjE,KAAK,EACL,eAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,EACF,EAAE,EACF,mBAAmB,OAEpB,EADI,KAAK,sBAXyD,0HAYlE,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,MAAM,2BAA2B,GAAG,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAEhG,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,2BAA2B,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,GAAI,EAC7G,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;AA9DY,QAAA,qBAAqB,yBA8DjC"}
|