ptechcore_ui 1.0.2 → 1.0.4

package/dist/index.cjs

@@ -29,13 +29,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Pages: () => Pages_default,
   PrimaryButton: () => Buttons_default,
   RewiseLayout: () => ModernDoubleSidebarLayout_default,
   SecondaryButton: () => SecondaryButton,
   SessionProvider: () => SessionProvider,
   ThemeProvider: () => ThemeContext_default,
   ToastContainer: () => Toast_default,
-  ToastProvider: () => ToastProvider
+  ToastProvider: () => ToastProvider,
+  useSession: () => useSession,
+  useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -454,7 +457,7 @@ var ThemeContext_default = ThemeProvider;
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var RewiseLayout = ({ children, module_name = "Rewise", primaryMenuItems, secondaryMenuItems }) => {
+var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
   const location = (0, import_react_router_dom.useLocation)();
   const navigate = (0, import_react_router_dom.useNavigate)();
   const { theme, themeType, setTheme } = useTheme();
@@ -565,8 +568,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", primaryMenuItems, second
             ), children: [
               /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
               !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: "WiseBook" }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: "ERP Next-Gen" })
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -1266,6 +1269,13 @@ var AuthServices = {
 // src/contexts/SessionContext.tsx
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var SessionContext = (0, import_react5.createContext)(void 0);
+var useSession = () => {
+  const context = (0, import_react5.useContext)(SessionContext);
+  if (!context) {
+    throw new Error("useSession must be used within a SessionProvider");
+  }
+  return context;
+};
 var SessionProvider = ({ children }) => {
   const [token, setToken] = (0, import_react5.useState)(localStorage.getItem("token"));
   const [loggedUser, setLoggedUser] = (0, import_react5.useState)(null);
@@ -1305,13 +1315,93 @@ var SessionProvider = ({ children }) => {
     logout
   }, children });
 };
+
+// src/components/common/Pages.tsx
+var import_lucide_react3 = require("lucide-react");
+var import_react6 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Pages = ({
+  title = "",
+  description = "",
+  sideAction,
+  sidebar,
+  tabs = [],
+  children
+}) => {
+  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex h-full bg-gray-50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white border-b border-gray-200 p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm text-gray-600", children: description })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center space-x-3", children: sideAction })
+        ] }),
+        tabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex space-x-1 mt-4 overflow-x-auto", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            className: `px-4 py-2 text-sm rounded-lg transition-all whitespace-nowrap ${tab.id === "manual" ? "bg-[#6A8A82] text-white shadow-md" : "text-gray-600 hover:bg-gray-100"}`,
+            children: tab.label
+          },
+          tab.id
+        )) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1 p-6 space-y-6", children })
+    ] }),
+    sidebar && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-4  ", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+            "aria-label": sidebarOpen ? "R\xE9duire" : "Ouvrir",
+            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.ChevronLeft, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Menu, { className: "w-5 h-5" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+        "button",
+        {
+          onClick: () => {
+          },
+          className: `w-full flex items-center gap-3 px-4 py-3 transition-all relative group hover:bg-[var(--color-surface-hover)]`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            "div",
+            {
+              className: `flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center transition-colors bg-[var(--color-background)]`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "font-bold text-lg", children: 1 })
+            }
+          )
+        }
+      ) }),
+      sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Download, { className: "w-4 h-4" }),
+          "Exporter le plan"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react3.Settings, { className: "w-4 h-4" }),
+          "Configuration"
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+var Pages_default = Pages;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Pages,
   PrimaryButton,
   RewiseLayout,
   SecondaryButton,
   SessionProvider,
   ThemeProvider,
   ToastContainer,
-  ToastProvider
+  ToastProvider,
+  useSession,
+  useToast
 });

package/dist/index.d.cts

@@ -21,6 +21,7 @@ interface MenuItem {
 interface PrivateLayoutProps {
     children: React.ReactNode;
     module_name: string;
+    module_description?: string;
     primaryMenuItems: MenuItem[];
     secondaryMenuItems: Record<string, MenuItem[]>;
 }
@@ -28,6 +29,36 @@ declare const RewiseLayout: React.FC<PrivateLayoutProps>;
 
 declare const ToastContainer: React.FC;
 
+interface User {
+    id: number;
+    last_login: string | null;
+    is_superuser: boolean;
+    username: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    is_staff: boolean;
+    is_active: boolean;
+    date_joined: string;
+    is_deleted: boolean;
+    deleted_at: string | null;
+    phonenumber: string | null;
+    groups: any[];
+    user_permissions: any[];
+    centers_access?: Array<{
+        id: number;
+        permissions?: number[];
+    }>;
+}
+
+interface SessionContextType {
+    isAuthenticated: boolean;
+    token: string | null;
+    loggedUser: User | null;
+    login: (token: string) => void;
+    logout: () => void;
+}
+declare const useSession: () => SessionContextType;
 declare const SessionProvider: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
@@ -37,9 +68,41 @@ interface ThemeProviderProps {
 }
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 
+interface Toast {
+    id: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+}
+interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+    success: (message: string, duration?: number) => void;
+    error: (message: string, duration?: number) => void;
+    warning: (message: string, duration?: number) => void;
+    info: (message: string, duration?: number) => void;
+}
+declare const useToast: () => ToastContextType;
 interface ToastProviderProps {
     children: ReactNode;
 }
 declare const ToastProvider: React.FC<ToastProviderProps>;
 
-export { type MenuItem, PrimaryButton, RewiseLayout, SecondaryButton, SessionProvider, ThemeProvider, ToastContainer, ToastProvider };
+interface PagesProps {
+    title?: string;
+    description?: string;
+    sideAction?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    tabs?: Array<{
+        id: string;
+        label: string;
+        icon: React.ComponentType<{
+            className?: string;
+        }>;
+    }>;
+    children?: React.ReactNode;
+}
+declare const Pages: React.FC<PagesProps>;
+
+export { type MenuItem, Pages, PrimaryButton, RewiseLayout, SecondaryButton, SessionProvider, ThemeProvider, ToastContainer, ToastProvider, useSession, useToast };

package/dist/index.d.ts

@@ -21,6 +21,7 @@ interface MenuItem {
 interface PrivateLayoutProps {
     children: React.ReactNode;
     module_name: string;
+    module_description?: string;
     primaryMenuItems: MenuItem[];
     secondaryMenuItems: Record<string, MenuItem[]>;
 }
@@ -28,6 +29,36 @@ declare const RewiseLayout: React.FC<PrivateLayoutProps>;
 
 declare const ToastContainer: React.FC;
 
+interface User {
+    id: number;
+    last_login: string | null;
+    is_superuser: boolean;
+    username: string;
+    first_name: string;
+    last_name: string;
+    email: string;
+    is_staff: boolean;
+    is_active: boolean;
+    date_joined: string;
+    is_deleted: boolean;
+    deleted_at: string | null;
+    phonenumber: string | null;
+    groups: any[];
+    user_permissions: any[];
+    centers_access?: Array<{
+        id: number;
+        permissions?: number[];
+    }>;
+}
+
+interface SessionContextType {
+    isAuthenticated: boolean;
+    token: string | null;
+    loggedUser: User | null;
+    login: (token: string) => void;
+    logout: () => void;
+}
+declare const useSession: () => SessionContextType;
 declare const SessionProvider: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
@@ -37,9 +68,41 @@ interface ThemeProviderProps {
 }
 declare const ThemeProvider: React.FC<ThemeProviderProps>;
 
+interface Toast {
+    id: string;
+    message: string;
+    type: 'success' | 'error' | 'warning' | 'info';
+    duration?: number;
+}
+interface ToastContextType {
+    toasts: Toast[];
+    addToast: (toast: Omit<Toast, 'id'>) => void;
+    removeToast: (id: string) => void;
+    success: (message: string, duration?: number) => void;
+    error: (message: string, duration?: number) => void;
+    warning: (message: string, duration?: number) => void;
+    info: (message: string, duration?: number) => void;
+}
+declare const useToast: () => ToastContextType;
 interface ToastProviderProps {
     children: ReactNode;
 }
 declare const ToastProvider: React.FC<ToastProviderProps>;
 
-export { type MenuItem, PrimaryButton, RewiseLayout, SecondaryButton, SessionProvider, ThemeProvider, ToastContainer, ToastProvider };
+interface PagesProps {
+    title?: string;
+    description?: string;
+    sideAction?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    tabs?: Array<{
+        id: string;
+        label: string;
+        icon: React.ComponentType<{
+            className?: string;
+        }>;
+    }>;
+    children?: React.ReactNode;
+}
+declare const Pages: React.FC<PagesProps>;
+
+export { type MenuItem, Pages, PrimaryButton, RewiseLayout, SecondaryButton, SessionProvider, ThemeProvider, ToastContainer, ToastProvider, useSession, useToast };

package/dist/index.js

@@ -426,7 +426,7 @@ var ThemeContext_default = ThemeProvider;
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var RewiseLayout = ({ children, module_name = "Rewise", primaryMenuItems, secondaryMenuItems }) => {
+var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
   const location = useLocation();
   const navigate = useNavigate();
   const { theme, themeType, setTheme } = useTheme();
@@ -537,8 +537,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", primaryMenuItems, second
             ), children: [
               /* @__PURE__ */ jsx3("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx3("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
               !primaryCollapsed && /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx3("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: "WiseBook" }),
-                /* @__PURE__ */ jsx3("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: "ERP Next-Gen" })
+                /* @__PURE__ */ jsx3("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
+                /* @__PURE__ */ jsx3("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
               ] })
             ] }),
             /* @__PURE__ */ jsx3(
@@ -1238,6 +1238,13 @@ var AuthServices = {
 // src/contexts/SessionContext.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
 var SessionContext = createContext3(void 0);
+var useSession = () => {
+  const context = useContext3(SessionContext);
+  if (!context) {
+    throw new Error("useSession must be used within a SessionProvider");
+  }
+  return context;
+};
 var SessionProvider = ({ children }) => {
   const [token, setToken] = useState5(localStorage.getItem("token"));
   const [loggedUser, setLoggedUser] = useState5(null);
@@ -1277,12 +1284,92 @@ var SessionProvider = ({ children }) => {
     logout
   }, children });
 };
+
+// src/components/common/Pages.tsx
+import { ChevronLeft as ChevronLeft2, Download, Menu as Menu2, Settings as Settings2 } from "lucide-react";
+import { useState as useState6 } from "react";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var Pages = ({
+  title = "",
+  description = "",
+  sideAction,
+  sidebar,
+  tabs = [],
+  children
+}) => {
+  const [sidebarOpen, setSidebarOpen] = useState6(false);
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full bg-gray-50", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "bg-white border-b border-gray-200 p-6", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx7("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx7("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
+            /* @__PURE__ */ jsx7("p", { className: "text-sm text-gray-600", children: description })
+          ] }) }),
+          /* @__PURE__ */ jsx7("div", { className: "flex items-center space-x-3", children: sideAction })
+        ] }),
+        tabs.length > 0 && /* @__PURE__ */ jsx7("div", { className: "flex space-x-1 mt-4 overflow-x-auto", children: tabs.map((tab) => /* @__PURE__ */ jsx7(
+          "button",
+          {
+            className: `px-4 py-2 text-sm rounded-lg transition-all whitespace-nowrap ${tab.id === "manual" ? "bg-[#6A8A82] text-white shadow-md" : "text-gray-600 hover:bg-gray-100"}`,
+            children: tab.label
+          },
+          tab.id
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx7("div", { className: "flex-1 p-6 space-y-6", children })
+    ] }),
+    sidebar && /* @__PURE__ */ jsxs3("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
+      /* @__PURE__ */ jsx7("div", { className: "p-4  ", children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx7("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+            "aria-label": sidebarOpen ? "R\xE9duire" : "Ouvrir",
+            children: sidebarOpen ? /* @__PURE__ */ jsx7(ChevronLeft2, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx7(Menu2, { className: "w-5 h-5" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx7("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ jsx7(
+        "button",
+        {
+          onClick: () => {
+          },
+          className: `w-full flex items-center gap-3 px-4 py-3 transition-all relative group hover:bg-[var(--color-surface-hover)]`,
+          children: /* @__PURE__ */ jsx7(
+            "div",
+            {
+              className: `flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center transition-colors bg-[var(--color-background)]`,
+              children: /* @__PURE__ */ jsx7("span", { className: "font-bold text-lg", children: 1 })
+            }
+          )
+        }
+      ) }),
+      sidebarOpen && /* @__PURE__ */ jsx7("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ jsxs3("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs3("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx7(Download, { className: "w-4 h-4" }),
+          "Exporter le plan"
+        ] }),
+        /* @__PURE__ */ jsxs3("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx7(Settings2, { className: "w-4 h-4" }),
+          "Configuration"
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+var Pages_default = Pages;
 export {
+  Pages_default as Pages,
   Buttons_default as PrimaryButton,
   ModernDoubleSidebarLayout_default as RewiseLayout,
   SecondaryButton,
   SessionProvider,
   ThemeContext_default as ThemeProvider,
   Toast_default as ToastContainer,
-  ToastProvider
+  ToastProvider,
+  useSession,
+  useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ptechcore_ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "main": "./dist/index.cjs",       
   "module": "./dist/index.js",