@xyo-network/react-appbar 2.37.17 → 2.37.19

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoBrD,CAAA"}
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuBrD,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js

@@ -4,17 +4,18 @@ exports.CollapseToggleFlex = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
 const vsc_1 = require("react-icons/vsc");
 const contexts_1 = require("../../contexts");
 const CollapseToggleFlex = (props) => {
     const { collapse, setCollapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
+    const [hover, setHover] = (0, react_1.useState)(false);
+    const theme = (0, material_1.useTheme)();
     const handleCollapseToggle = () => {
         setCollapse === null || setCollapse === void 0 ? void 0 : setCollapse(!collapse);
         setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd((previous) => (previous ? false : previous));
     };
-    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2 }, props, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleCollapseToggle, sx: {
-                flexDirection: 'column',
-            } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallLeft, {}) : (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallRight, {}) })) })));
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2 }, props, { children: (0, jsx_runtime_1.jsx)(material_1.Icon, Object.assign({ onClick: handleCollapseToggle, onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), fontSize: 'large', sx: { color: hover ? theme.palette.primary.main : 'initial', cursor: 'pointer' } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallLeft, {}) : (0, jsx_runtime_1.jsx)(vsc_1.VscArrowSmallRight, {}) })) })));
 };
 exports.CollapseToggleFlex = CollapseToggleFlex;
 //# sourceMappingURL=CollapseToggle.js.map

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;AAAA,4CAA0C;AAC1C,yDAA6D;AAC7D,yCAAuE;AAEvE,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAElE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAM,KAAK,cAC9B,uBAAC,qBAAU,kBACT,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE;gBACF,aAAa,EAAE,QAAQ;aACxB,gBAEA,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,uBAAiB,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAkB,KAAG,IAChD,IACL,CACX,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,kBAAkB,sBAoB9B"}
+{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;AAAA,4CAA8C;AAC9C,yDAA6D;AAC7D,iCAAgC;AAChC,yCAAuE;AAEvE,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAClE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IACzC,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAM,KAAK,cAC9B,uBAAC,eAAI,kBACH,OAAO,EAAE,oBAAoB,EAC7B,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAClC,YAAY,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,OAAO,EACjB,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,gBAE/E,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,uBAAiB,KAAG,CAAC,CAAC,CAAC,uBAAC,wBAAkB,KAAG,IACtD,IACC,CACX,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,kBAAkB,sBAuB9B"}

package/dist/cjs/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/cjs/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/cjs/components/SiteMenu/MenuSection.js

@@ -7,8 +7,8 @@ const material_1 = require("@mui/material");
 const react_flexbox_1 = require("@xylabs/react-flexbox");
 const MenuListItem_1 = require("./MenuListItem");
 const MenuSection = (_a) => {
-    var { title, listItems, showTitle = true } = _a, props = tslib_1.__rest(_a, ["title", "listItems", "showTitle"]);
-    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)))] })));
+    var { title, listItems, iconMenuTextSpacing, showTitle = true } = _a, props = tslib_1.__rest(_a, ["title", "listItems", "iconMenuTextSpacing", "showTitle"]);
+    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({ iconMenuTextSpacing: iconMenuTextSpacing }, item), index)))] })));
 };
 exports.MenuSection = MenuSection;
 //# sourceMappingURL=MenuSection.js.map

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

@@ -1 +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"}
+{"version":3,"file":"MenuSection.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuSection.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAuD;AACvD,yDAA6D;AAE7D,iDAAyE;AASlE,MAAM,WAAW,GAA+B,CAAC,EAAqE,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,SAAS,GAAG,IAAI,OAAY,EAAP,KAAK,sBAAnE,0DAAqE,CAAF;IACzH,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,kBAAa,mBAAmB,EAAE,mBAAmB,IAAM,IAAI,GAAzD,KAAK,CAA8E,CAChH,CAAC,KACM,CACX,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,WAAW,eAYvB"}