ptechcore_ui 1.0.65 → 1.0.67

package/dist/index.cjs

@@ -1410,7 +1410,7 @@ var ToastProvider = ({ children }) => {
   const typeStyles = confirmState.options ? getConfirmTypeStyles(confirmState.options.type) : getConfirmTypeStyles();
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ToastContext.Provider, { value, children: [
     children,
-    confirmState.isOpen && confirmState.options && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", children: [
+    confirmState.isOpen && confirmState.options && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed inset-0 z-[11000] flex items-center justify-center", children: [
       /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
         "div",
         {
@@ -1448,7 +1448,7 @@ var ToastProvider = ({ children }) => {
             {
               variant: "full",
               onClick: () => handleConfirm(true),
-              className: typeStyles.confirmBtnClass,
+              classname: typeStyles.confirmBtnClass,
               children: confirmState.options.confirmText || "Confirmer"
             }
           )
@@ -1956,6 +1956,29 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
 };
 var ApprovalPreviewAnswer_default = ApprovalPreviewAnswer;
 
+// src/hooks/usePermissions.ts
+var usePermissions = () => {
+  const { loggedUser, activeBusinessEntity } = useSession();
+  const hasPermission = (permissionCode) => {
+    if (loggedUser?.is_superuser) return true;
+    const entityPermissions = activeBusinessEntity?.user_permissions || [];
+    return entityPermissions.includes(permissionCode);
+  };
+  const hasAnyPermission = (permissionCodes) => {
+    return permissionCodes.some((code) => hasPermission(code));
+  };
+  const hasAllPermissions = (permissionCodes) => {
+    return permissionCodes.every((code) => hasPermission(code));
+  };
+  return {
+    hasPermission,
+    hasAnyPermission,
+    hasAllPermissions,
+    isSuperuser: loggedUser?.is_superuser || false,
+    permissions: activeBusinessEntity?.user_permissions || []
+  };
+};
+
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var MODULE_URLS = {
@@ -2023,6 +2046,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const { theme, themeType, setTheme } = useTheme();
   const { loggedUser, token, activeBusinessEntity, setActiveBusinessEntity } = useSession();
+  const { hasPermission } = usePermissions();
   const moduleUrls = getModuleUrls(token || void 0);
   const getOrganizationModules = () => {
     if (!activeBusinessEntity) return [];
@@ -2369,7 +2393,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
               className: "flex-1 py-4 overflow-y-auto",
               role: "menubar",
               "aria-label": "Modules principaux",
-              children: primaryMenuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              children: primaryMenuItems.map((item) => item.permission && !hasPermission(item.permission) ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                 "button",
                 {
                   onClick: () => {
@@ -2465,7 +2489,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
                 className: "flex-1 py-4 overflow-y-auto",
                 role: "menu",
                 "aria-label": "Sous-navigation",
-                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                children: secondaryMenuItems[selectedModule]?.map((item) => item.permission && !hasPermission(item.permission) ? null : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     onClick: () => item.path && navigate(item.path),
@@ -3644,7 +3668,7 @@ var ToastItem = ({ toast }) => {
 };
 var ToastContainer = () => {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastItem, { toast }, toast.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fixed top-4 right-4 z-[10000] space-y-3", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastItem, { toast }, toast.id)) });
 };
 var Toast_default = ToastContainer;
 
@@ -3849,31 +3873,6 @@ var Badge = ({
 // src/components/common/FDrawer.tsx
 var import_react8 = __toESM(require("react"), 1);
 var import_react_router_dom4 = require("react-router-dom");
-
-// src/hooks/usePermissions.ts
-var usePermissions = () => {
-  const { loggedUser, activeBusinessEntity } = useSession();
-  const hasPermission = (permissionCode) => {
-    if (loggedUser?.is_superuser) return true;
-    const entityPermissions = activeBusinessEntity?.user_permissions || [];
-    return entityPermissions.includes(permissionCode);
-  };
-  const hasAnyPermission = (permissionCodes) => {
-    return permissionCodes.some((code) => hasPermission(code));
-  };
-  const hasAllPermissions = (permissionCodes) => {
-    return permissionCodes.every((code) => hasPermission(code));
-  };
-  return {
-    hasPermission,
-    hasAnyPermission,
-    hasAllPermissions,
-    isSuperuser: loggedUser?.is_superuser || false,
-    permissions: activeBusinessEntity?.user_permissions || []
-  };
-};
-
-// src/components/common/FDrawer.tsx
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var ExcelImportModal = ({
@@ -5348,23 +5347,7 @@ var SelectVendor = ({
   label = "Ajouter un fournisseur"
 }) => {
   const [showModal, setShowModal] = (0, import_react10.useState)(false);
-  const [selectedVendor, setSelectedVendor] = (0, import_react10.useState)(null);
-  const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = (0, import_react10.useState)(() => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    const cached = sessionStorage.getItem(cacheKey);
-    return cached ? JSON.parse(cached) : [];
-  });
-  const [loadingVendors, setLoadingVendors] = (0, import_react10.useState)(false);
-  (0, import_react10.useEffect)(() => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    const cached = sessionStorage.getItem(cacheKey);
-    if (!cached) {
-      loadVendors();
-    } else {
-      setVendors(JSON.parse(cached));
-    }
-  }, [activeBusinessEntity?.id]);
+  const { vendors, loadingVendors, loadVendors } = useSession();
   const getVendorOptions = () => {
     return vendors.filter((vendor) => vendor.id !== void 0).map((vendor) => ({
       value: vendor.id,
@@ -5372,26 +5355,7 @@ var SelectVendor = ({
       object: vendor
     }));
   };
-  const loadVendors = async () => {
-    if (!token) {
-      console.error("Vous devez etre connect\xE9 pour voir les organisations");
-      return;
-    }
-    try {
-      setLoadingVendors(true);
-      const result = await VendorServices.list({ business_entity_id: activeBusinessEntity?.id });
-      setVendors(result.data);
-      const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-      sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setLoadingVendors(false);
-    }
-  };
   const handleRefresh = () => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { children: [
@@ -5418,12 +5382,12 @@ var SelectVendor = ({
     showModal && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       MinimalVendorForm,
       {
-        object: selectedVendor,
+        object: null,
         isOpen: showModal,
         onClose: () => setShowModal(false),
         refresh: handleRefresh
       },
-      `entity-modal-${selectedVendor?.id}`
+      `entity-modal-new`
     )
   ] });
 };

package/dist/index.d.cts

@@ -68,6 +68,7 @@ interface MenuItem {
     badge?: string | number;
     submenu?: MenuItem[];
     ariaLabel?: string;
+    permission?: string;
 }
 interface PrivateLayoutProps {
     children: React$1.ReactNode;

package/dist/index.d.ts

@@ -68,6 +68,7 @@ interface MenuItem {
     badge?: string | number;
     submenu?: MenuItem[];
     ariaLabel?: string;
+    permission?: string;
 }
 interface PrivateLayoutProps {
     children: React$1.ReactNode;

package/dist/index.js

@@ -1240,7 +1240,7 @@ var ToastProvider = ({ children }) => {
   const typeStyles = confirmState.options ? getConfirmTypeStyles(confirmState.options.type) : getConfirmTypeStyles();
   return /* @__PURE__ */ jsxs3(ToastContext.Provider, { value, children: [
     children,
-    confirmState.isOpen && confirmState.options && /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", children: [
+    confirmState.isOpen && confirmState.options && /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-[11000] flex items-center justify-center", children: [
       /* @__PURE__ */ jsx6(
         "div",
         {
@@ -1278,7 +1278,7 @@ var ToastProvider = ({ children }) => {
             {
               variant: "full",
               onClick: () => handleConfirm(true),
-              className: typeStyles.confirmBtnClass,
+              classname: typeStyles.confirmBtnClass,
               children: confirmState.options.confirmText || "Confirmer"
             }
           )
@@ -1786,6 +1786,29 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
 };
 var ApprovalPreviewAnswer_default = ApprovalPreviewAnswer;
 
+// src/hooks/usePermissions.ts
+var usePermissions = () => {
+  const { loggedUser, activeBusinessEntity } = useSession();
+  const hasPermission = (permissionCode) => {
+    if (loggedUser?.is_superuser) return true;
+    const entityPermissions = activeBusinessEntity?.user_permissions || [];
+    return entityPermissions.includes(permissionCode);
+  };
+  const hasAnyPermission = (permissionCodes) => {
+    return permissionCodes.some((code) => hasPermission(code));
+  };
+  const hasAllPermissions = (permissionCodes) => {
+    return permissionCodes.every((code) => hasPermission(code));
+  };
+  return {
+    hasPermission,
+    hasAnyPermission,
+    hasAllPermissions,
+    isSuperuser: loggedUser?.is_superuser || false,
+    permissions: activeBusinessEntity?.user_permissions || []
+  };
+};
+
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
 var MODULE_URLS = {
@@ -1853,6 +1876,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
   const navigate = useNavigate();
   const { theme, themeType, setTheme } = useTheme();
   const { loggedUser, token, activeBusinessEntity, setActiveBusinessEntity } = useSession();
+  const { hasPermission } = usePermissions();
   const moduleUrls = getModuleUrls(token || void 0);
   const getOrganizationModules = () => {
     if (!activeBusinessEntity) return [];
@@ -2199,7 +2223,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
               className: "flex-1 py-4 overflow-y-auto",
               role: "menubar",
               "aria-label": "Modules principaux",
-              children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs6(
+              children: primaryMenuItems.map((item) => item.permission && !hasPermission(item.permission) ? null : /* @__PURE__ */ jsxs6(
                 "button",
                 {
                   onClick: () => {
@@ -2295,7 +2319,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
                 className: "flex-1 py-4 overflow-y-auto",
                 role: "menu",
                 "aria-label": "Sous-navigation",
-                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ jsxs6(
+                children: secondaryMenuItems[selectedModule]?.map((item) => item.permission && !hasPermission(item.permission) ? null : /* @__PURE__ */ jsxs6(
                   "button",
                   {
                     onClick: () => item.path && navigate(item.path),
@@ -3474,7 +3498,7 @@ var ToastItem = ({ toast }) => {
 };
 var ToastContainer = () => {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsx10("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ jsx10(ToastItem, { toast }, toast.id)) });
+  return /* @__PURE__ */ jsx10("div", { className: "fixed top-4 right-4 z-[10000] space-y-3", children: toasts.map((toast) => /* @__PURE__ */ jsx10(ToastItem, { toast }, toast.id)) });
 };
 var Toast_default = ToastContainer;
 
@@ -3679,31 +3703,6 @@ var Badge = ({
 // src/components/common/FDrawer.tsx
 import React7, { useEffect as useEffect6, useState as useState8, useRef } from "react";
 import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams2, Link as Link3 } from "react-router-dom";
-
-// src/hooks/usePermissions.ts
-var usePermissions = () => {
-  const { loggedUser, activeBusinessEntity } = useSession();
-  const hasPermission = (permissionCode) => {
-    if (loggedUser?.is_superuser) return true;
-    const entityPermissions = activeBusinessEntity?.user_permissions || [];
-    return entityPermissions.includes(permissionCode);
-  };
-  const hasAnyPermission = (permissionCodes) => {
-    return permissionCodes.some((code) => hasPermission(code));
-  };
-  const hasAllPermissions = (permissionCodes) => {
-    return permissionCodes.every((code) => hasPermission(code));
-  };
-  return {
-    hasPermission,
-    hasAnyPermission,
-    hasAllPermissions,
-    isSuperuser: loggedUser?.is_superuser || false,
-    permissions: activeBusinessEntity?.user_permissions || []
-  };
-};
-
-// src/components/common/FDrawer.tsx
 import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, AlertCircle as AlertCircle3, CheckCircle2 as CheckCircle22, ChevronDown, Columns3, Copy, Download as Download2, FileSpreadsheet, Filter, LayoutGrid as LayoutGrid2, LayoutList, Maximize2, Minimize2, MoreVertical, Plus, Printer, RefreshCw, Settings2 as Settings22, Trash2 as Trash22, Upload, X as X5, Search as Search2, SquareIcon } from "lucide-react";
 import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var ExcelImportModal = ({
@@ -5178,23 +5177,7 @@ var SelectVendor = ({
   label = "Ajouter un fournisseur"
 }) => {
   const [showModal, setShowModal] = useState10(false);
-  const [selectedVendor, setSelectedVendor] = useState10(null);
-  const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = useState10(() => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    const cached = sessionStorage.getItem(cacheKey);
-    return cached ? JSON.parse(cached) : [];
-  });
-  const [loadingVendors, setLoadingVendors] = useState10(false);
-  useEffect8(() => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    const cached = sessionStorage.getItem(cacheKey);
-    if (!cached) {
-      loadVendors();
-    } else {
-      setVendors(JSON.parse(cached));
-    }
-  }, [activeBusinessEntity?.id]);
+  const { vendors, loadingVendors, loadVendors } = useSession();
   const getVendorOptions = () => {
     return vendors.filter((vendor) => vendor.id !== void 0).map((vendor) => ({
       value: vendor.id,
@@ -5202,26 +5185,7 @@ var SelectVendor = ({
       object: vendor
     }));
   };
-  const loadVendors = async () => {
-    if (!token) {
-      console.error("Vous devez etre connect\xE9 pour voir les organisations");
-      return;
-    }
-    try {
-      setLoadingVendors(true);
-      const result = await VendorServices.list({ business_entity_id: activeBusinessEntity?.id });
-      setVendors(result.data);
-      const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-      sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
-    } catch (error) {
-      console.error(error);
-    } finally {
-      setLoadingVendors(false);
-    }
-  };
   const handleRefresh = () => {
-    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
-    sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
   return /* @__PURE__ */ jsxs12("div", { children: [
@@ -5248,12 +5212,12 @@ var SelectVendor = ({
     showModal && /* @__PURE__ */ jsx16(
       MinimalVendorForm,
       {
-        object: selectedVendor,
+        object: null,
         isOpen: showModal,
         onClose: () => setShowModal(false),
         refresh: handleRefresh
       },
-      `entity-modal-${selectedVendor?.id}`
+      `entity-modal-new`
     )
   ] });
 };

package/package.json

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