@nextelco/common-ui 1.7.182 → 2.0.0

package/dist/types/components/layout/Layout/Layout.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { SidebarMenuItem } from '../Sidebar/Sidebar';
+export interface LayoutProps {
+    children: React.ReactNode;
+    menus: SidebarMenuItem[];
+    groupLabels?: Record<string, string>;
+    appTitle?: string;
+    avatar?: React.ReactNode;
+    onLogout?: () => void;
+    logoutLabel?: string;
+}
+declare const Layout: ({ children, menus, groupLabels, appTitle, avatar, onLogout, logoutLabel, }: LayoutProps) => React.JSX.Element;
+export default Layout;

package/dist/types/components/layout/Sidebar/Sidebar.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export interface SidebarMenuItem {
+    to: string;
+    icon: React.ComponentType<{
+        size?: number;
+        className?: string;
+    }>;
+    label: string;
+    group?: string;
+    end?: boolean;
+}
+export interface SidebarProps {
+    isOpen?: boolean;
+    setIsOpen?: (isOpen: boolean) => void;
+    menus: SidebarMenuItem[];
+    groupLabels?: Record<string, string>;
+    appTitle?: string;
+    avatar?: React.ReactNode;
+    onLogout?: () => void;
+    logoutLabel?: string;
+}
+declare const Sidebar: ({ isOpen, setIsOpen, menus, groupLabels, appTitle, avatar, onLogout, logoutLabel, }: SidebarProps) => React.JSX.Element;
+export default Sidebar;

package/dist/types/components/layout/TopBar/TopBar.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TopBarProps {
+    searchPlaceholder?: string;
+    onSearch?: (value: string) => void;
+    right?: React.ReactNode;
+}
+declare const TopBar: ({ searchPlaceholder, onSearch, right }: TopBarProps) => React.JSX.Element;
+export default TopBar;

package/dist/types/exports/layout.d.ts

@@ -2,3 +2,9 @@ export { default as Header } from '../components/layout/Header/Header';
 export { default as Footer } from '../components/layout/Footer/Footer';
 export { default as Error } from '../components/layout/Error/Error';
 export { default as Spinner } from '../components/layout/Spinner/Spinner';
+export { default as Layout } from '../components/layout/Layout/Layout';
+export type { LayoutProps } from '../components/layout/Layout/Layout';
+export { default as Sidebar } from '../components/layout/Sidebar/Sidebar';
+export type { SidebarProps, SidebarMenuItem } from '../components/layout/Sidebar/Sidebar';
+export { default as TopBar } from '../components/layout/TopBar/TopBar';
+export type { TopBarProps } from '../components/layout/TopBar/TopBar';

package/dist/types/exports/molecules.d.ts

@@ -1,4 +1,4 @@
 export { default as Modal } from '../components/molecules/Modal/Modal';
-export { default as Sidebar } from '../components/molecules/Sidebar/Sidebar';
+export { default as SidebarDrawer } from '../components/molecules/Sidebar/Sidebar';
 export { default as MultiTagPicker, Option, } from '../components/molecules/MultiTagPicker/MultiTagPicker';
 export { default as ConfirmModal } from '../components/molecules/ConfirmModal/ConfirmModal';

package/dist/types/index.d.ts

@@ -8,3 +8,4 @@ export * from './exports/hooks';
 export * from './exports/types';
 export * from './exports/styles';
 export * from './exports/utils';
+export { default as Sidebar } from './components/layout/Sidebar/Sidebar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextelco/common-ui",
-  "version": "1.7.182",
+  "version": "2.0.0",
   "description": "",
   "main": "dist/bundle.js",
   "types": "dist/types/index.d.ts",
@@ -20,7 +20,8 @@
   "license": "ISC",
   "peerDependencies": {
     "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1",
+    "react-router-dom": ">=6"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",
@@ -38,6 +39,7 @@
     "@types/storybook__react": "^5.2.1",
     "css-loader": "^7.1.2",
     "msw": "^2.7.3",
+    "react-router-dom": "^6.30.4",
     "sass": "^1.84.0",
     "sass-loader": "^16.0.4",
     "storybook": "^9.0.0",