@xyo-network/react-appbar 2.25.39 → 2.25.42

package/dist/cjs/components/{Toolbar/System/SiteMenu.d.ts → SiteMenu/Menu.d.ts}

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

package/dist/cjs/components/SiteMenu/Menu.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteMenu = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Menu_1 = tslib_1.__importDefault(require("@mui/icons-material/Menu"));
+const Settings_1 = tslib_1.__importDefault(require("@mui/icons-material/Settings"));
+const material_1 = require("@mui/material");
+const sdk_react_1 = require("@xylabs/sdk-react");
+const react_1 = require("react");
+const MenuItems_1 = require("./MenuItems");
+const SiteMenu = (_a) => {
+    var { side = 'right', children } = _a, props = tslib_1.__rest(_a, ["side", "children"]);
+    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, 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: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.DrawerListItem, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) })) }))] })));
+};
+exports.SiteMenu = SiteMenu;
+//# sourceMappingURL=Menu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAsE;AACtE,iDAAyD;AACzD,iCAAgC;AAEhC,2CAA4C;AAOrC,MAAM,QAAQ,GAA4B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApC,oBAAsC,CAAF;IACpF,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,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBACnG,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,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,0BAAc,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACvE,CACR,IACG,IACU,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,QAAQ,YAyBpB"}

package/dist/cjs/components/SiteMenu/MenuItems.d.ts

@@ -0,0 +1,11 @@
+import { ListItemProps, ListItemTextProps } from '@mui/material';
+import { ListItemButtonExProps } from '@xyo-network/react-shared';
+import { ReactNode } from 'react';
+import { To } from 'react-router-dom';
+export interface DrawerListItemProps extends ListItemProps {
+    primary: ListItemTextProps['primary'];
+    to?: To;
+    icon?: ReactNode;
+    onButtonClick?: ListItemButtonExProps['onClick'];
+}
+export declare const DrawerListItem: React.FC<DrawerListItemProps>;

package/dist/cjs/components/SiteMenu/MenuItems.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerListItem = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const react_shared_1 = require("@xyo-network/react-shared");
+const DrawerListItem = (_a) => {
+    var { primary, to, icon, onButtonClick } = _a, props = tslib_1.__rest(_a, ["primary", "to", "icon", "onButtonClick"]);
+    return ((0, jsx_runtime_1.jsx)(material_1.ListItem, Object.assign({}, props, { children: (0, jsx_runtime_1.jsxs)(react_shared_1.ListItemButtonEx, Object.assign({ to: to, onClick: onButtonClick }, { children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: icon }), (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: primary })] })) })));
+};
+exports.DrawerListItem = DrawerListItem;
+//# sourceMappingURL=MenuItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAsG;AACtG,4DAAmF;AAW5E,MAAM,cAAc,GAAkC,CAAC,EAA8C,EAAE,EAAE;QAAlD,EAAE,OAAO,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,OAAY,EAAP,KAAK,sBAA5C,0CAA8C,CAAF;IACxG,OAAO,CACL,uBAAC,mBAAQ,oBAAK,KAAK,cACjB,wBAAC,+BAAgB,kBAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,aAAa,iBAC9C,uBAAC,uBAAY,cAAE,IAAI,GAAgB,EACnC,uBAAC,uBAAY,IAAC,OAAO,EAAE,OAAO,GAAI,KACjB,IACV,CACZ,CAAA;AACH,CAAC,CAAA;AATY,QAAA,cAAc,kBAS1B"}

package/dist/cjs/components/SiteMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Menu';
+export * from './MenuItems';

package/dist/cjs/components/SiteMenu/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Menu"), exports);
+tslib_1.__exportStar(require("./MenuItems"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/index.ts"],"names":[],"mappings":";;;AAAA,iDAAsB;AACtB,sDAA2B"}

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;
+    menu?: ReactNode;
     darkModeButton?: boolean;
     authButton?: boolean;
     noMenu?: boolean;

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

@@ -9,10 +9,10 @@ const react_archive_1 = require("@xyo-network/react-archive");
 const react_auth_1 = require("@xyo-network/react-auth");
 const react_network_1 = require("@xyo-network/react-network");
 const react_shared_1 = require("@xyo-network/react-shared");
-const SiteMenu_1 = require("./SiteMenu");
+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, menu, darkModeButton = false, authButton = false, noMenu = false } = _a, props = tslib_1.__rest(_a, ["children", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "menu", "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, { children: menu })] })));
 };
 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,6CAAyC;AAalC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,IAAI,EACJ,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,MAAM,GAAG,KAAK,OAEf,EADI,KAAK,sBAVkD,oJAW3D,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,cAAE,IAAI,GAAY,KACpC,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,aAAa,iBAkCzB"}

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

@@ -1,2 +1 @@
-export * from './SiteMenu';
 export * from './SystemToolbar';

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

@@ -1,6 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./SiteMenu"), exports);
 tslib_1.__exportStar(require("./SystemToolbar"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,0DAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AppBar';
 export * from './MobileSystemControls';
 export * from './SearchBar';
+export * from './SiteMenu';
 export * from './Toolbar';

package/dist/cjs/components/index.js

@@ -4,5 +4,6 @@ const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./AppBar"), exports);
 tslib_1.__exportStar(require("./MobileSystemControls"), exports);
 tslib_1.__exportStar(require("./SearchBar"), exports);
+tslib_1.__exportStar(require("./SiteMenu"), exports);
 tslib_1.__exportStar(require("./Toolbar"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,iEAAsC;AACtC,sDAA2B;AAC3B,oDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,iEAAsC;AACtC,sDAA2B;AAC3B,qDAA0B;AAC1B,oDAAyB"}