@xyo-network/react-appbar 2.25.38 → 2.25.41

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DefaultMenuItems: React.FC;

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultMenuItems = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const DefaultMenuItems = () => {
+    return ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: "/settings" }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Settings_1.default, {}) }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: "Settings" })] })) })) }));
+};
+exports.DefaultMenuItems = DefaultMenuItems;
+//# sourceMappingURL=DefaultMenuItems.js.map

package/dist/cjs/components/Toolbar/System/DefaultMenuItems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMenuItems.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/DefaultMenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,oFAAuD;AACvD,4CAA0E;AAC1E,4DAA4D;AAErD,MAAM,gBAAgB,GAAa,GAAG,EAAE;IAC7C,OAAO,CACL,uBAAC,eAAI,cACH,uBAAC,mBAAQ,kBAAC,cAAc,sBACtB,wBAAC,+BAAgB,kBAAC,EAAE,EAAC,WAAW,iBAC9B,uBAAC,uBAAY,cACX,uBAAC,kBAAY,KAAG,GACH,EACf,uBAAC,uBAAY,IAAC,OAAO,EAAC,UAAU,GAAG,KAClB,IACV,GACN,CACR,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,gBAAgB,oBAa5B"}

package/dist/cjs/components/Toolbar/System/SiteMenu.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { FlexBoxProps } from '@xylabs/sdk-react';
+import { ReactNode } from 'react';
 import { To } from 'react-router-dom';
 export interface SiteMenuItem {
     name: string;
@@ -9,6 +9,7 @@ export interface SiteMenuItem {
 }
 export interface SiteMenuProps extends FlexBoxProps {
     hideSettingsMenuItem?: boolean;
-    menuItems?: SiteMenuItem[];
+    menu?: ReactNode;
+    side?: 'left' | 'right' | 'top' | 'bottom';
 }
 export declare const SiteMenu: React.FC<SiteMenuProps>;

package/dist/cjs/components/Toolbar/System/SiteMenu.js

@@ -3,39 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SiteMenu = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
+const Menu_1 = tslib_1.__importDefault(require("@mui/icons-material/Menu"));
 const material_1 = require("@mui/material");
 const sdk_react_1 = require("@xylabs/sdk-react");
 const react_1 = require("react");
-const react_router_dom_1 = require("react-router-dom");
+const DefaultMenuItems_1 = require("./DefaultMenuItems");
 const SiteMenu = (_a) => {
-    var { hideSettingsMenuItem, menuItems } = _a, props = tslib_1.__rest(_a, ["hideSettingsMenuItem", "menuItems"]);
-    const [menuElement, setMenuElement] = (0, react_1.useState)(null);
-    const open = Boolean(menuElement);
-    const navigate = (0, react_router_dom_1.useNavigate)();
-    const handleMenuClose = () => {
-        setMenuElement(null);
-    };
-    const ref = (0, react_1.useRef)(null);
-    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(sdk_react_1.LinkEx, Object.assign({ color: "inherit", onClick: () => {
-                    setMenuElement(ref.current);
-                } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ style: { alignItems: 'center', cursor: 'pointer', display: 'flex' }, ref: ref }, { children: (0, jsx_runtime_1.jsx)(icons_material_1.Menu, { fontSize: "large" }) })) })), (0, jsx_runtime_1.jsxs)(material_1.Menu, Object.assign({ anchorEl: menuElement, open: open, onClose: handleMenuClose }, { children: [menuItems === null || menuItems === void 0 ? void 0 : menuItems.map(({ name, to, href, onClick }) => {
-                        return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ onClick: () => {
-                                if (onClick) {
-                                    onClick();
-                                }
-                                else if (to) {
-                                    navigate(to);
-                                }
-                                else if (href) {
-                                    window.open(href);
-                                }
-                                handleMenuClose();
-                            }, disableRipple: true }, { children: name }), name));
-                    }), hideSettingsMenuItem ? null : ((0, jsx_runtime_1.jsx)(material_1.MenuItem, Object.assign({ onClick: () => {
-                            navigate('/settings');
-                            handleMenuClose();
-                        }, disableRipple: true }, { children: "Settings" })))] }))] })));
+    var { side, menu } = _a, props = tslib_1.__rest(_a, ["side", "menu"]);
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(sdk_react_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
+                    setOpen(!open);
+                } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side !== null && side !== void 0 ? side : 'left', open: open, onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ width: "auto", role: "presentation", onClick: () => setOpen(false), onKeyDown: () => setOpen(false) }, { children: menu !== null && menu !== void 0 ? menu : (0, jsx_runtime_1.jsx)(DefaultMenuItems_1.DefaultMenuItems, {}) })) }))] })));
 };
 exports.SiteMenu = SiteMenu;
 //# sourceMappingURL=SiteMenu.js.map

package/dist/cjs/components/Toolbar/System/SiteMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteMenu.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SiteMenu.tsx"],"names":[],"mappings":";;;;;AAAA,wDAAsD;AACtD,4CAA8C;AAC9C,iDAAiE;AACjE,iCAAwC;AACxC,uDAAkD;AAc3C,MAAM,QAAQ,GAA4B,CAAC,EAA6C,EAAE,EAAE;QAAjD,EAAE,oBAAoB,EAAE,SAAS,OAAY,EAAP,KAAK,sBAA3C,qCAA6C,CAAF;IAC3F,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAA2B,IAAI,CAAC,CAAA;IAC9E,MAAM,IAAI,GAAG,OAAO,CAAC,WAAW,CAAC,CAAA;IACjC,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAE9B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,cAAc,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,mBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,kBAAM,kBACL,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;gBAC7B,CAAC,gBAED,8CAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,GAAG,gBAChF,uBAAC,qBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACzB,IACC,EACT,wBAAC,eAAI,kBAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,iBAC9D,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE;wBAC9C,OAAO,CACL,uBAAC,mBAAQ,kBAEP,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,OAAO,EAAE;oCACX,OAAO,EAAE,CAAA;iCACV;qCAAM,IAAI,EAAE,EAAE;oCACb,QAAQ,CAAC,EAAE,CAAC,CAAA;iCACb;qCAAM,IAAI,IAAI,EAAE;oCACf,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iCAClB;gCACD,eAAe,EAAE,CAAA;4BACnB,CAAC,EACD,aAAa,sBAEZ,IAAI,KAbA,IAAI,CAcA,CACZ,CAAA;oBACH,CAAC,CAAC,EACD,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC7B,uBAAC,mBAAQ,kBACP,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,WAAW,CAAC,CAAA;4BACrB,eAAe,EAAE,CAAA;wBACnB,CAAC,EACD,aAAa,oCAGJ,CACZ,KACI,KACC,CACX,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,QAAQ,YA0DpB"}
+{"version":3,"file":"SiteMenu.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SiteMenu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,4CAAgE;AAChE,iDAAyD;AACzD,iCAA2C;AAG3C,yDAAqD;AAe9C,MAAM,QAAQ,GAA4B,CAAC,EAAwB,EAAE,EAAE;QAA5B,EAAE,IAAI,EAAE,IAAI,OAAY,EAAP,KAAK,sBAAtB,gBAAwB,CAAF;IACtE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,mBAAO,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,kBAAC,MAAM,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAC7G,uBAAC,cAAG,kBAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,gBACjG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,uBAAC,mCAAgB,KAAG,IACzB,IACU,KACV,CACX,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,QAAQ,YAqBpB"}

package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
 import { ToolbarProps } from '@mui/material';
 import { SelectExProps } from '@xylabs/sdk-react';
 import { NetworkSelectExProps } from '@xyo-network/react-network';
-import { SiteMenuProps } from './SiteMenu';
+import { ReactNode } from 'react';
 export interface SystemToolbarProps extends ToolbarProps {
     networkSelectProps?: NetworkSelectExProps;
     archiveSelectProps?: SelectExProps<string>;
     hideNetworkSelect?: boolean;
     hideArchiveSelect?: boolean;
-    siteMenuProps?: SiteMenuProps;
+    menuItems?: ReactNode;
     darkModeButton?: boolean;
     authButton?: boolean;
     noMenu?: boolean;

package/dist/cjs/components/Toolbar/System/SystemToolbar.js

@@ -11,8 +11,8 @@ const react_network_1 = require("@xyo-network/react-network");
 const react_shared_1 = require("@xyo-network/react-shared");
 const SiteMenu_1 = require("./SiteMenu");
 const SystemToolbar = (_a) => {
-    var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, siteMenuProps, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "siteMenuProps", "darkModeButton", "authButton", "noMenu"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_shared_1.DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, Object.assign({}, siteMenuProps))] })));
+    var { children, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, menuItems, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "menuItems", "darkModeButton", "authButton", "noMenu"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(sdk_react_1.FlexRow, Object.assign({ marginX: 0.5, maxWidth: 120 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_1.AuthStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_shared_1.DarkModeIconButton, { color: "inherit" }) : null, noMenu ? null : (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { menu: menuItems })] })));
 };
 exports.SystemToolbar = SystemToolbar;
 //# sourceMappingURL=SystemToolbar.js.map

package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,iDAA0D;AAC1D,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAE9D,yCAAoD;AAa7C,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,6JAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,iCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,oBAAK,aAAa,EAAI,KACxC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}
+{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAC5D,iDAA0D;AAC1D,8DAA4D;AAC5D,wDAA8D;AAC9D,8DAAkF;AAClF,4DAA8D;AAG9D,yCAAqC;AAa9B,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,yJAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,mBAAO,kBAAC,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,gBAClC,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,iCAAoB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC5D,cAAc,CAAC,CAAC,CAAC,uBAAC,iCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uBAAC,mBAAQ,IAAC,IAAI,EAAE,SAAS,GAAI,KACtC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}