randmarcomps 1.225.0 → 1.226.0

package/README.md

@@ -37,16 +37,12 @@ If you're using a different path structure, adjust the path accordingly. The pat
 
 ### React Router
 
-Several components (like Navbar and Topbar) require React Router:
+Several components require React Router:
 
 ```bash
 npm install react-router-dom@^7.3.0
 ```
 
-Components that use React Router include:
-- Navbar (uses useParams, Link)
-- Topbar (uses useNavigate, useParams)
-
 ## Usage
 
 ### 1. Import the CSS

package/dist/randmarcomps.d.ts

@@ -388,6 +388,7 @@ export declare const Layout: ForwardRefExoticComponent<LayoutProps & RefAttribut
 
 declare interface LayoutProps {
     children: React.ReactNode;
+    appID: string;
     rightMenu?: React.ReactNode;
     footer: React.ReactNode;
     routes: NavRoute[];
@@ -443,6 +444,7 @@ export declare const Navbar: default_2.ForwardRefExoticComponent<NavbarProps & d
 
 export declare interface NavbarProps {
     routes: NavRoute[];
+    appID: string;
     dashboardTitle?: string;
     footer: default_2.ReactNode;
     withRandmarAssistant?: boolean;

package/dist/randmarcomps.js

@@ -10,7 +10,7 @@ import * as React from "react";
 import React__default, { forwardRef, createElement, useState, useLayoutEffect, useEffect, createContext, useRef, useContext, useCallback, useDebugValue, useMemo, isValidElement, Children, PureComponent, useImperativeHandle, cloneElement, Component, Fragment as Fragment$1 } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
-import { Link, useLocation, useParams, useBlocker } from "react-router-dom";
+import { Link, useLocation, useBlocker } from "react-router-dom";
 var Bt = Object.defineProperty, At = Object.defineProperties, kt = Object.getOwnPropertyDescriptors, Y$2 = Object.getOwnPropertySymbols, gt = Object.prototype.hasOwnProperty, Et = Object.prototype.propertyIsEnumerable, vt = (e, t, n) => t in e ? Bt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, St = (e, t) => {
   for (var n in t || (t = {})) gt.call(t, n) && vt(e, n, t[n]);
   if (Y$2) for (var n of Y$2(t)) Et.call(t, n) && vt(e, n, t[n]);
@@ -62828,9 +62828,9 @@ function GeneralDocumentCard({ document: e, loading: t = !1 }) {
   ] });
 }
 const Navbar = forwardRef(
-  ({ routes: e, footer: t, dashboardTitle: n, withRandmarAssistant: o, chatUserName: l, chatApiKey: d }, f) => {
-    const { appID: g } = useParams(), b = e.filter((E) => E.showInNav), _ = useRef(null), S = useRef(null), C = useRef(null);
-    return useImperativeHandle(f, () => ({
+  ({ routes: e, footer: t, dashboardTitle: n, withRandmarAssistant: o, chatUserName: l, chatApiKey: d, appID: f }, g) => {
+    const b = e.filter((E) => E.showInNav), _ = useRef(null), S = useRef(null), C = useRef(null);
+    return useImperativeHandle(g, () => ({
       setActiveChatAndSendMessage: (E, R) => {
         var M;
         return (M = C.current) == null || M.click(), setTimeout(() => {
@@ -62851,7 +62851,7 @@ const Navbar = forwardRef(
         /* @__PURE__ */ jsx("span", { className: "font-semibold text-lg", children: n })
       ] }) }),
       /* @__PURE__ */ jsx(SidebarContent, { className: "py-4 bg-sidebar text-sidebar-foreground", children: /* @__PURE__ */ jsx(SidebarMenu, { children: b.map((E) => {
-        const R = E.icon, M = `/${E.path.replace(":appID", g ?? "")}`;
+        const R = E.icon, M = `/${E.path}`;
         return /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(SidebarMenuButton, { asChild: !0, children: /* @__PURE__ */ jsxs(Link, { to: M, className: "transition-colors hover:bg-muted px-6", children: [
           R && /* @__PURE__ */ jsx(R, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx("span", { children: E.label })
@@ -62875,7 +62875,7 @@ const Navbar = forwardRef(
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx(DialogContent, { className: "max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible", forceMount: !0, animateExit: !1, children: /* @__PURE__ */ jsx(ChatLayout, { ref: S, inputRef: _, userId: g ?? "2", userName: l ?? "Unknown user", apiKey: d ?? "" }) })
+          /* @__PURE__ */ jsx(DialogContent, { className: "max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible", forceMount: !0, animateExit: !1, children: /* @__PURE__ */ jsx(ChatLayout, { ref: S, inputRef: _, userId: f, userName: l ?? "Unknown user", apiKey: d ?? "" }) })
         ] }),
         t
       ] })
@@ -62883,39 +62883,41 @@ const Navbar = forwardRef(
   }
 ), Layout = forwardRef(({
   children: e,
-  rightMenu: t,
-  routes: n,
-  footer: o,
-  handleValidSearch: l,
-  dashboardTitle: d,
-  onSignOut: f,
-  searchPlaceholder: g,
-  withRandmarAssistant: b,
-  chatUserName: _,
-  chatApiKey: S,
-  chatRef: C
-}, E) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
+  appID: t,
+  rightMenu: n,
+  routes: o,
+  footer: l,
+  handleValidSearch: d,
+  dashboardTitle: f,
+  onSignOut: g,
+  searchPlaceholder: b,
+  withRandmarAssistant: _,
+  chatUserName: S,
+  chatApiKey: C,
+  chatRef: E
+}, R) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(SidebarProvider, { children: /* @__PURE__ */ jsxs("div", { className: "flex grow", children: [
   /* @__PURE__ */ jsx(
     Navbar,
     {
-      routes: n,
-      footer: o,
-      dashboardTitle: d,
-      withRandmarAssistant: b,
-      chatUserName: _,
-      chatApiKey: S,
-      ref: C
+      appID: t,
+      routes: o,
+      footer: l,
+      dashboardTitle: f,
+      withRandmarAssistant: _,
+      chatUserName: S,
+      chatApiKey: C,
+      ref: E
     }
   ),
   /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsx(
       Topbar,
       {
-        ref: E,
-        onSignOut: f,
-        rightMenu: t,
-        handleValidSearch: l,
-        searchPlaceholder: g
+        ref: R,
+        onSignOut: g,
+        rightMenu: n,
+        handleValidSearch: d,
+        searchPlaceholder: b
       }
     ),
     /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto mt-16", children: e }),