@hari_digitus/sms-ui-library 5.0.5 → 5.0.8

package/dist/SideNavBar.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/SideNavBar.es.js

@@ -0,0 +1 @@
+

package/dist/types/components/SideNavBar.d.ts

@@ -0,0 +1,67 @@
+import type { ReactNode } from "react";
+export interface SidebarNavItem {
+    label: string;
+    /** Any ReactNode icon, e.g. <MyIcon /> */
+    icon: ReactNode;
+    to: string;
+}
+export interface SidebarNavSection {
+    /** Section heading text e.g. "OPERATIONS" */
+    section: string;
+    /**
+     * Tailwind color used for:
+     *  - active bg    → bg-{color}/20
+     *  - hover bg     → hover:bg-{color}/10
+     *  - active text  → text-{color}
+     *
+     * Pass a full Tailwind color token e.g. "green-500", "blue-400", "violet-400"
+     * You can also pass `undefined` to fall back to the sidebar default.
+     */
+    color?: string;
+    items: SidebarNavItem[];
+}
+export interface SidebarLogoProps {
+    /** Any ReactNode brand mark */
+    icon: ReactNode;
+    /** Primary brand name */
+    name: string;
+    /** Optional sub-label below name */
+    subLabel?: string;
+}
+export interface SidebarUserProps {
+    /** Initials shown in avatar circle */
+    initials: string;
+    /** Avatar background color class e.g. "bg-green-600" */
+    avatarColor?: string;
+    name: string;
+    role?: string;
+}
+export interface SidebarFooterLink {
+    label: string;
+    icon: ReactNode;
+    onClick?: () => void;
+}
+export interface SidebarProps {
+    /** Whether the sidebar is expanded */
+    open: boolean;
+    /** Called when the toggle button / logo is clicked */
+    onToggle: () => void;
+    /** Navigation sections driven entirely by JSON config */
+    navConfig: SidebarNavSection[];
+    /** Logo / brand area */
+    logo?: SidebarLogoProps;
+    /** CTA button (e.g. "New RDR") */
+    cta?: {
+        label: string;
+        icon: ReactNode;
+        to: string;
+        color?: string;
+    };
+    /** Logged-in user shown in footer */
+    user?: SidebarUserProps;
+    /** Extra footer links before the user block */
+    footerLinks?: SidebarFooterLink[];
+    /** Overall sidebar background (Tailwind bg class or CSS variable) */
+    bgColor?: string;
+}
+export default function Sidebar({ open, onToggle, navConfig, logo, cta, user, footerLinks, bgColor, }: SidebarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/index.d.ts

@@ -1,13 +0,0 @@
-import "./index.css";
-export { default as Radio } from "./components/RadioButton/RadioButton";
-export { default as ToggleSwitch } from "./components/ToggleButton/ToggleSwitch";
-export { default as Checkbox } from "./components/Checkbox/Checkbox";
-export { Textarea } from "./components/TextArea/textarea";
-export { MultiSelect } from "./components/MultiSelect/MultiSelect";
-export { default as DragDropUpload } from "./components/DragDropUpload/DragDropUpload";
-export { Select } from "./components/Select/Select";
-export type { SelectFieldProps, SelectOption } from "./components/Select/Select";
-export { Input } from "./components/InputFields/Input";
-export { default as CustomDatePicker } from "./components/DatePicker/DatePicker";
-export { default as SingleSelect } from "./components/SingleSelect/SingleSelect";
-export { default as Tooltip } from "./components/Tooltip/Tooltip";

package/package.json

@@ -1,51 +1,47 @@
 {
- "name": "@hari_digitus/sms-ui-library",
-  "version": "5.0.5",
-  "main": "dist/form-controls.cjs.js",
-  "module": "dist/form-controls.es.js",
+  "name": "@hari_digitus/sms-ui-library",
+  "version": "5.0.8",
+  "main": "dist/SideNavBar.cjs.js",
+  "module": "dist/SideNavBar.es.js",
   "types": "dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/form-controls.es.js",
-      "require": "./dist/form-controls.cjs.js"
-    },
-    "./dist/form-controls.css": "./dist/form-controls.css",
-    "./style.css": "./dist/form-controls.css"
+      "import": "./dist/SideNavBar.es.js",
+      "require": "./dist/SideNavBar.cjs.js"
+    }
   },
   "files": [
     "dist"
   ],
   "scripts": {
     "build": "vite build && npx tsc --emitDeclarationOnly",
-    "dev": "vite build --watch",
-    "test": "vite"
+    "dev": "vite build --watch"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/digitus-git/AFCI_OffAuto/tree/develop_rel_phase1/packages"
   },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
   "devDependencies": {
-    "@types/react": "^18.3.1",
+    "@types/react": "18.3.1",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "^4.0.0",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.15",
+    "tailwindcss": "^4.3.0",
     "typescript": "^4.9.5",
-    "vite": "^6.0.0",
-    "vite-plugin-svgr": "^5.2.0"
-  },
-  "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "vite": "^6.0.0"
   },
   "dependencies": {
     "@radix-ui/react-select": "^2.2.6",
-    "@tailwindcss/postcss": "^4.3.0",
-    "autoprefixer": "^10.5.0",
+    "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.0",
     "clsx": "2.1.1",
     "lucide-react": "^1.16.0",
-    "postcss": "^8.5.15",
-    "react-datepicker": "^8.7.0",
-    "tailwind-merge": "3.2.0",
-    "tailwindcss": "^4.3.0"
+    "react-router-dom": "^7.18.0",
+    "tailwind-merge": "3.2.0"
   }
 }