@rationalbloks/frontblok-components 0.2.5 → 0.2.7
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/index.cjs +19 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.js +19 -2
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -224,6 +224,12 @@ export declare interface NavbarConfig {
|
|
|
224
224
|
authRoute?: string;
|
|
225
225
|
settingsRoute?: string;
|
|
226
226
|
isActiveOverride?: (path: string, locationPath: string) => boolean;
|
|
227
|
+
/**
|
|
228
|
+
* Optional React component rendered as a secondary toolbar row below the
|
|
229
|
+
* main navigation bar. Use this for page-level controls such as a
|
|
230
|
+
* hierarchy selector, breadcrumbs, filters, etc.
|
|
231
|
+
*/
|
|
232
|
+
subToolbar?: default_2.ComponentType;
|
|
227
233
|
}
|
|
228
234
|
|
|
229
235
|
export declare interface NavigationConfig {
|
package/dist/index.js
CHANGED
|
@@ -371,7 +371,8 @@ function createNavbar(config) {
|
|
|
371
371
|
userRoleLabel = "User",
|
|
372
372
|
authRoute = "/auth",
|
|
373
373
|
settingsRoute = "/settings",
|
|
374
|
-
isActiveOverride
|
|
374
|
+
isActiveOverride,
|
|
375
|
+
subToolbar: SubToolbar
|
|
375
376
|
} = config;
|
|
376
377
|
const Navbar = () => {
|
|
377
378
|
const navigate = useNavigate();
|
|
@@ -430,7 +431,6 @@ function createNavbar(config) {
|
|
|
430
431
|
sx: {
|
|
431
432
|
display: "flex",
|
|
432
433
|
alignItems: "center",
|
|
433
|
-
flexGrow: 1,
|
|
434
434
|
cursor: "pointer",
|
|
435
435
|
"&:hover": {
|
|
436
436
|
opacity: 0.85
|
|
@@ -463,6 +463,23 @@ function createNavbar(config) {
|
|
|
463
463
|
]
|
|
464
464
|
}
|
|
465
465
|
),
|
|
466
|
+
SubToolbar && /* @__PURE__ */ jsxs(Box, { sx: { display: { xs: "none", md: "flex" }, alignItems: "center", ml: 2, minWidth: "220px" }, children: [
|
|
467
|
+
/* @__PURE__ */ jsx(
|
|
468
|
+
Divider,
|
|
469
|
+
{
|
|
470
|
+
orientation: "vertical",
|
|
471
|
+
flexItem: true,
|
|
472
|
+
sx: {
|
|
473
|
+
mx: 2,
|
|
474
|
+
borderColor: "rgba(255, 255, 255, 0.3)",
|
|
475
|
+
height: "24px",
|
|
476
|
+
alignSelf: "center"
|
|
477
|
+
}
|
|
478
|
+
}
|
|
479
|
+
),
|
|
480
|
+
/* @__PURE__ */ jsx(SubToolbar, {})
|
|
481
|
+
] }),
|
|
482
|
+
/* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } }),
|
|
466
483
|
/* @__PURE__ */ jsx(Box, { sx: {
|
|
467
484
|
display: { xs: "none", md: "flex" },
|
|
468
485
|
alignItems: "center",
|