@xyo-network/react-appbar 2.25.49 → 2.25.50

package/dist/cjs/components/AppBar/Application.js

@@ -3,15 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ApplicationAppBar = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
 const react_common_1 = require("@xylabs/react-common");
-const react_flexbox_1 = require("@xylabs/react-flexbox");
 const Toolbar_1 = require("../Toolbar");
 const ApplicationAppBar = (_a) => {
-    var { systemToolbar, contextToolbar, children, responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "children", "responsive"]);
-    const { breakpoints } = (0, material_1.useTheme)();
-    const belowSm = (0, material_1.useMediaQuery)(breakpoints.down('sm'));
-    return ((0, jsx_runtime_1.jsxs)(react_common_1.AppBarEx, Object.assign({ position: "sticky" }, props, { children: [(0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ flexWrap: "nowrap", justifyContent: "flex-start" }, { children: [contextToolbar !== null && contextToolbar !== void 0 ? contextToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, { version: true }), (0, jsx_runtime_1.jsx)(react_flexbox_1.FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar !== null && systemToolbar !== void 0 ? systemToolbar : (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {})] })), belowSm && children && responsive ? (0, jsx_runtime_1.jsx)(material_1.Toolbar, { children: children }) : null] })));
+    var { systemToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.SystemToolbar, {}), contextToolbar = (0, jsx_runtime_1.jsx)(Toolbar_1.ContextToolbar, {}), responsive = true } = _a, props = tslib_1.__rest(_a, ["systemToolbar", "contextToolbar", "responsive"]);
+    return (0, jsx_runtime_1.jsx)(react_common_1.AppBarEx, Object.assign({ systemToolbar: systemToolbar, contextToolbar: contextToolbar, position: "sticky", responsive: responsive }, props));
 };
 exports.ApplicationAppBar = ApplicationAppBar;
 //# sourceMappingURL=Application.js.map

package/dist/cjs/components/AppBar/Application.js.map

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA8E;AAC9E,uDAA8D;AAC9D,yDAA4D;AAG5D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAwE,EAAE,EAAE;QAA5E,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAAtE,6DAAwE,CAAF;IACxI,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,IAAA,wBAAa,EAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,wBAAC,uBAAQ,kBAAC,QAAQ,EAAC,QAAQ,IAAK,KAAK,eACnC,wBAAC,uBAAO,kBAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,iBACnD,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,uBAAC,wBAAc,IAAC,OAAO,SAAG,EAC7C,uBAAC,2BAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,uBAAC,uBAAa,KAAG,KAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,uBAAC,kBAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,KAChE,CACZ,CAAA;AACH,CAAC,CAAA;AAbY,QAAA,iBAAiB,qBAa7B"}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";;;;;AACA,uDAA8D;AAG9D,wCAA0D;AAQnD,MAAM,iBAAiB,GAAqC,CAAC,EAAuG,EAAE,EAAE;QAA3G,EAAE,aAAa,GAAG,uBAAC,uBAAa,KAAG,EAAE,cAAc,GAAG,uBAAC,wBAAc,KAAG,EAAE,UAAU,GAAG,IAAI,OAAY,EAAP,KAAK,sBAArG,iDAAuG,CAAF;IACvK,OAAO,uBAAC,uBAAQ,kBAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACxI,CAAC,CAAA;AAFY,QAAA,iBAAiB,qBAE7B"}

package/dist/docs.json

@@ -2183,11 +2183,11 @@
 						"types": [
 							{
 								"type": "literal",
-								"value": "xs"
+								"value": "xl"
 							},
 							{
 								"type": "literal",
-								"value": "sm"
+								"value": "lg"
 							},
 							{
 								"type": "literal",
@@ -2195,11 +2195,11 @@
 							},
 							{
 								"type": "literal",
-								"value": "lg"
+								"value": "sm"
 							},
 							{
 								"type": "literal",
-								"value": "xl"
+								"value": "xs"
 							}
 						]
 					},
@@ -2280,7 +2280,7 @@
 					"sources": [
 						{
 							"fileName": "packages/appbar/src/components/AppBar/Application.tsx",
-							"line": 9,
+							"line": 8,
 							"character": 2
 						}
 					],
@@ -8877,13 +8877,17 @@
 					"sources": [
 						{
 							"fileName": "packages/appbar/src/components/AppBar/Application.tsx",
-							"line": 11,
+							"line": 10,
 							"character": 2
 						}
 					],
 					"type": {
 						"type": "intrinsic",
 						"name": "boolean"
+					},
+					"overwrites": {
+						"type": "reference",
+						"name": "AppBarExProps.responsive"
 					}
 				},
 				{
@@ -9175,7 +9179,7 @@
 					"sources": [
 						{
 							"fileName": "packages/appbar/src/components/AppBar/Application.tsx",
-							"line": 10,
+							"line": 9,
 							"character": 2
 						}
 					],
@@ -9725,7 +9729,7 @@
 			"sources": [
 				{
 					"fileName": "packages/appbar/src/components/AppBar/Application.tsx",
-					"line": 8,
+					"line": 7,
 					"character": 17
 				}
 			],
@@ -113090,7 +113094,7 @@
 			"sources": [
 				{
 					"fileName": "packages/appbar/src/components/AppBar/Application.tsx",
-					"line": 14,
+					"line": 13,
 					"character": 13
 				}
 			],

package/dist/esm/components/AppBar/Application.js

@@ -1,11 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toolbar, useMediaQuery, useTheme } from '@mui/material';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { AppBarEx } from '@xylabs/react-common';
-import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox';
 import { ContextToolbar, SystemToolbar } from '../Toolbar';
-export const ApplicationAppBar = ({ systemToolbar, contextToolbar, children, responsive = true, ...props }) => {
-    const { breakpoints } = useTheme();
-    const belowSm = useMediaQuery(breakpoints.down('sm'));
-    return (_jsxs(AppBarEx, { position: "sticky", ...props, children: [_jsxs(FlexRow, { flexWrap: "nowrap", justifyContent: "flex-start", children: [contextToolbar ?? _jsx(ContextToolbar, { version: true }), _jsx(FlexGrowRow, { children: belowSm && responsive ? null : children }), systemToolbar ?? _jsx(SystemToolbar, {})] }), belowSm && children && responsive ? _jsx(Toolbar, { children: children }) : null] }));
+export const ApplicationAppBar = ({ systemToolbar = _jsx(SystemToolbar, {}), contextToolbar = _jsx(ContextToolbar, {}), responsive = true, ...props }) => {
+    return _jsx(AppBarEx, { systemToolbar: systemToolbar, contextToolbar: contextToolbar, position: "sticky", responsive: responsive, ...props });
 };
 //# sourceMappingURL=Application.js.map

package/dist/esm/components/AppBar/Application.js.map

@@ -1 +1 @@
-{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAgB,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC9E,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9I,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACrD,OAAO,CACL,MAAC,QAAQ,IAAC,QAAQ,EAAC,QAAQ,KAAK,KAAK,aACnC,MAAC,OAAO,IAAC,QAAQ,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,aACnD,cAAc,IAAI,KAAC,cAAc,IAAC,OAAO,SAAG,EAC7C,KAAC,WAAW,cAAE,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,GAAe,EACnE,aAAa,IAAI,KAAC,aAAa,KAAG,IAC3B,EACT,OAAO,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC,CAAC,KAAC,OAAO,cAAE,QAAQ,GAAW,CAAC,CAAC,CAAC,IAAI,IAChE,CACZ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Application.js","sourceRoot":"","sources":["../../../../src/components/AppBar/Application.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAA;AAG9D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAQ1D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAE,aAAa,GAAG,KAAC,aAAa,KAAG,EAAE,cAAc,GAAG,KAAC,cAAc,KAAG,EAAE,UAAU,GAAG,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC7K,OAAO,KAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,UAAU,KAAM,KAAK,GAAI,CAAA;AACxI,CAAC,CAAA"}

package/package.json

@@ -14,17 +14,17 @@
     "@emotion/styled": "^11.8.1",
     "@mui/icons-material": "^5.8.3",
     "@mui/material": "^5.8.3",
-    "@xylabs/react-button": "^2.12.20",
-    "@xylabs/react-common": "^2.12.20",
-    "@xylabs/react-flexbox": "^2.12.20",
-    "@xylabs/react-shared": "^2.12.20",
+    "@xylabs/react-button": "^2.12.23",
+    "@xylabs/react-common": "^2.12.23",
+    "@xylabs/react-flexbox": "^2.12.23",
+    "@xylabs/react-shared": "^2.12.23",
     "@xyo-network/core": "^2.20.44",
-    "@xyo-network/react-archive": "^2.25.49",
-    "@xyo-network/react-archivist-api": "^2.25.49",
-    "@xyo-network/react-auth": "^2.25.49",
-    "@xyo-network/react-network": "^2.25.49",
-    "@xyo-network/react-shared": "^2.25.49",
-    "@xyo-network/react-theme": "^2.25.49",
+    "@xyo-network/react-archive": "^2.25.50",
+    "@xyo-network/react-archivist-api": "^2.25.50",
+    "@xyo-network/react-auth": "^2.25.50",
+    "@xyo-network/react-network": "^2.25.50",
+    "@xyo-network/react-shared": "^2.25.50",
+    "@xyo-network/react-theme": "^2.25.50",
     "lodash": "^4.17.21",
     "react": "^18.1.0",
     "react-dom": "^18.1.0",
@@ -107,6 +107,6 @@
   },
   "sideEffects": false,
   "types": "dist/esm/index.d.ts",
-  "version": "2.25.49",
+  "version": "2.25.50",
   "packageManager": "yarn@3.1.1"
 }

package/src/components/AppBar/Application.tsx

@@ -1,6 +1,5 @@
-import { Toolbar, ToolbarProps, useMediaQuery, useTheme } from '@mui/material'
+import { ToolbarProps } from '@mui/material'
 import { AppBarEx, AppBarExProps } from '@xylabs/react-common'
-import { FlexGrowRow, FlexRow } from '@xylabs/react-flexbox'
 import { ReactElement } from 'react'
 
 import { ContextToolbar, SystemToolbar } from '../Toolbar'
@@ -11,17 +10,6 @@ export interface ApplicationAppBarProps extends AppBarExProps {
   responsive?: boolean
 }
 
-export const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar, contextToolbar, children, responsive = true, ...props }) => {
-  const { breakpoints } = useTheme()
-  const belowSm = useMediaQuery(breakpoints.down('sm'))
-  return (
-    <AppBarEx position="sticky" {...props}>
-      <FlexRow flexWrap="nowrap" justifyContent="flex-start">
-        {contextToolbar ?? <ContextToolbar version />}
-        <FlexGrowRow>{belowSm && responsive ? null : children}</FlexGrowRow>
-        {systemToolbar ?? <SystemToolbar />}
-      </FlexRow>
-      {belowSm && children && responsive ? <Toolbar>{children}</Toolbar> : null}
-    </AppBarEx>
-  )
+export const ApplicationAppBar: React.FC<ApplicationAppBarProps> = ({ systemToolbar = <SystemToolbar />, contextToolbar = <ContextToolbar />, responsive = true, ...props }) => {
+  return <AppBarEx systemToolbar={systemToolbar} contextToolbar={contextToolbar} position="sticky" responsive={responsive} {...props} />
 }