@jmruthers/pace-core 0.5.191 → 0.5.193

package/dist/{chunk-ULHIJK66.js → chunk-E3SPN4VZ 5.js }

@@ -1,16 +1,19 @@
 import {
   useCan
-} from "./chunk-VRGWKHDB.js";
+} from "./chunk-XNXXZ43G.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-6C4YBBJM.js";
 import {
   useResolvedScope
-} from "./chunk-OETXORNB.js";
+} from "./chunk-IIELH4DL.js";
 import {
   useUnifiedAuth
-} from "./chunk-6LTQQAT6.js";
+} from "./chunk-7FLMSG37.js";
+import {
+  isSuperAdmin
+} from "./chunk-KNC55RTG.js";
 import {
   cn,
   renderSafeHtml
@@ -5508,7 +5511,7 @@ var require_lodash = __commonJS({
 import React21 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React20, { useMemo as useMemo14, useCallback as useCallback10, useEffect as useEffect11, useRef as useRef6 } from "react";
+import React20, { useMemo as useMemo14, useCallback as useCallback10, useEffect as useEffect12, useRef as useRef6 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -5647,6 +5650,21 @@ var getTableCellClasses = (options = {}) => {
     className
   );
 };
+var getTableRowClasses = (options = {}) => {
+  const { isSelected = false, isVirtualized = false, className } = options;
+  if (isVirtualized) {
+    return cn(
+      tableStyles.rowHover,
+      isSelected && tableStyles.rowSelected,
+      className
+    );
+  }
+  return cn(
+    tableStyles.row,
+    isSelected && tableStyles.rowSelected,
+    className
+  );
+};
 var getTableClasses = (options = {}) => {
   const { isFixed = false, variant = "default", className } = options;
   if (isFixed) {
@@ -7863,6 +7881,10 @@ var RowComponent = React10.memo(({
   const isHierarchical = hierarchical?.enabled && hierarchicalRow?.isParent !== void 0;
   const isParent = isHierarchical && hierarchicalRow.isParent;
   const isChild = isHierarchical && !hierarchicalRow.isParent;
+  const visibleCells = React10.useMemo(() => row.getVisibleCells(), [row]);
+  const isSelected = React10.useMemo(() => {
+    return typeof row.getIsSelected === "function" ? row.getIsSelected() : false;
+  }, [row]);
   useEffect2(() => {
     if (isEditing && firstInputRef.current) {
       firstInputRef.current.focus();
@@ -7895,9 +7917,8 @@ var RowComponent = React10.memo(({
     const groupValue = row.getValue(grouping[0]);
     const subRowsCount = row.subRows?.length || 0;
     const isExpanded = row.getIsExpanded();
-    const visibleCells2 = row.getVisibleCells();
     const childRows = row.subRows?.map((subRow) => subRow.original) || [];
-    return /* @__PURE__ */ jsx14("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: visibleCells2.map((cell, cellIndex) => {
+    return /* @__PURE__ */ jsx14("tr", { className: "bg-sec-50 hover:bg-sec-100", style, children: visibleCells.map((cell, cellIndex) => {
       const columnDef = cell.column.columnDef;
       const isGroupingColumn = cellIndex === 0 || grouping.includes(cell.column.id || "");
       if (isGroupingColumn && cellIndex === 0) {
@@ -8006,11 +8027,20 @@ var RowComponent = React10.memo(({
       }
     );
   }
-  const visibleCells = row.getVisibleCells();
-  const allCells = row.getAllCells ? row.getAllCells() : [];
   const indentSize = hierarchical?.indentSize || 24;
-  const indentation = isChild && hierarchical?.state ? calculateIndentation(hierarchicalRow, [], indentSize) : 0;
-  const rowClassName = isHierarchical ? isParent ? hierarchical?.parentRowClassName || "bg-main-50 hover:bg-main-100 font-medium" : hierarchical?.childRowClassName || "bg-sec-25 hover:bg-sec-50" : "";
+  const indentation = React10.useMemo(() => {
+    return isChild && hierarchical?.state ? calculateIndentation(hierarchicalRow, [], indentSize) : 0;
+  }, [isChild, hierarchical?.state, hierarchicalRow, indentSize]);
+  const rowClassName = React10.useMemo(() => {
+    if (isHierarchical) {
+      const hierarchicalClass = isParent ? hierarchical?.parentRowClassName || "bg-main-50 hover:bg-main-100 font-medium" : hierarchical?.childRowClassName || "bg-sec-25 hover:bg-sec-50";
+      return cn(
+        getTableRowClasses({ isSelected, isVirtualized: false }),
+        hierarchicalClass
+      );
+    }
+    return getTableRowClasses({ isSelected, isVirtualized: false });
+  }, [isHierarchical, isParent, isSelected, hierarchical]);
   return /* @__PURE__ */ jsx14(
     "tr",
     {
@@ -8021,7 +8051,7 @@ var RowComponent = React10.memo(({
         ...isChild && indentation > 0 ? { paddingLeft: `${indentation}px` } : {}
       },
       className: rowClassName,
-      "aria-selected": typeof row.getIsSelected === "function" ? row.getIsSelected() ? "true" : "false" : "false",
+      "aria-selected": isSelected ? "true" : "false",
       children: visibleCells.map((cell, cellIndex) => {
         const isFirstCell = cellIndex === 0;
         const shouldShowExpansionButton = isHierarchical && isParent && isFirstCell && hierarchical?.state;
@@ -8078,7 +8108,43 @@ var RowComponent = React10.memo(({
   );
 });
 RowComponent.displayName = "RowComponent";
-var MemoizedRow = RowComponent;
+var areRowPropsEqual = (prevProps, nextProps) => {
+  if (prevProps.row.id !== nextProps.row.id || prevProps.row.index !== nextProps.row.index) {
+    return false;
+  }
+  if (prevProps.isEditing !== nextProps.isEditing) {
+    return false;
+  }
+  if (prevProps.editingRowId !== nextProps.editingRowId) {
+    return false;
+  }
+  if (prevProps.style !== nextProps.style) {
+    if (!prevProps.style || !nextProps.style) {
+      return false;
+    }
+    const prevStyle = prevProps.style;
+    const nextStyle = nextProps.style;
+    const styleKeys = /* @__PURE__ */ new Set([...Object.keys(prevStyle), ...Object.keys(nextStyle)]);
+    for (const key of styleKeys) {
+      if (prevStyle[key] !== nextStyle[key]) {
+        return false;
+      }
+    }
+  }
+  if (prevProps.grouping.length !== nextProps.grouping.length || prevProps.grouping.some((id, i) => id !== nextProps.grouping[i])) {
+    return false;
+  }
+  if (prevProps.hierarchical?.enabled !== nextProps.hierarchical?.enabled) {
+    return false;
+  }
+  const prevSelected = typeof prevProps.row.getIsSelected === "function" ? prevProps.row.getIsSelected() : false;
+  const nextSelected = typeof nextProps.row.getIsSelected === "function" ? nextProps.row.getIsSelected() : false;
+  if (prevSelected !== nextSelected) {
+    return false;
+  }
+  return true;
+};
+var MemoizedRow = React10.memo(RowComponent, areRowPropsEqual);
 function UnifiedTableBody({
   table,
   isCreating,
@@ -10898,7 +10964,7 @@ function exportToCSV(data, columns, filename = "download.csv", options = {}) {
 }
 
 // src/components/DataTable/hooks/useDataTablePermissions.ts
-import { useMemo as useMemo12, useRef as useRef4 } from "react";
+import { useMemo as useMemo12, useRef as useRef4, useState as useState8, useEffect as useEffect10 } from "react";
 
 // src/components/DataTable/types.ts
 var defaultDataTableFeatures = {
@@ -10930,6 +10996,28 @@ function useDataTablePermissions(rbac, features = {}) {
   const logger2 = createLogger("DataTablePermissions");
   const authResult = useUnifiedAuth();
   const user = authResult.user;
+  const [isSuperAdminUser, setIsSuperAdminUser] = useState8(false);
+  const [isCheckingSuperAdmin, setIsCheckingSuperAdmin] = useState8(false);
+  useEffect10(() => {
+    const checkSuperAdminStatus = async () => {
+      if (!user?.id) {
+        setIsSuperAdminUser(false);
+        setIsCheckingSuperAdmin(false);
+        return;
+      }
+      setIsCheckingSuperAdmin(true);
+      try {
+        const superAdminStatus = await isSuperAdmin(user.id);
+        setIsSuperAdminUser(superAdminStatus);
+      } catch (error) {
+        logger2.error("useDataTablePermissions", "Error checking super admin status", { userId: user?.id, error });
+        setIsSuperAdminUser(false);
+      } finally {
+        setIsCheckingSuperAdmin(false);
+      }
+    };
+    checkSuperAdminStatus();
+  }, [user?.id, logger2]);
   const pageId = rbac?.pageId;
   const pageName = rbac?.pageName;
   if (!pageId && !pageName) {
@@ -10974,16 +11062,38 @@ function useDataTablePermissions(rbac, features = {}) {
   const updatePermission = `update:page.${effectivePageId}`;
   const deletePermission = `delete:page.${effectivePageId}`;
   const consistentScope = effectiveScope || { organisationId: void 0, eventId: void 0, appId: void 0 };
-  const permissions = {
-    canRead: useCan(userId, consistentScope, readPermission, effectivePageId, true),
-    canCreate: useCan(userId, consistentScope, createPermission, effectivePageId, true),
-    canUpdate: useCan(userId, consistentScope, updatePermission, effectivePageId, true),
-    canDelete: useCan(userId, consistentScope, deletePermission, effectivePageId, true),
-    canExport: useCan(userId, consistentScope, readPermission, effectivePageId, true),
-    // Use read permission for export
-    canImport: useCan(userId, consistentScope, createPermission, effectivePageId, true)
-    // Use create permission for import
-  };
+  const canReadResult = useCan(userId, consistentScope, readPermission, effectivePageId, true);
+  const canCreateResult = useCan(userId, consistentScope, createPermission, effectivePageId, true);
+  const canUpdateResult = useCan(userId, consistentScope, updatePermission, effectivePageId, true);
+  const canDeleteResult = useCan(userId, consistentScope, deletePermission, effectivePageId, true);
+  const canExportResult = useCan(userId, consistentScope, readPermission, effectivePageId, true);
+  const canImportResult = useCan(userId, consistentScope, createPermission, effectivePageId, true);
+  const permissions = useMemo12(() => {
+    const createSuperAdminAwarePermission = (result) => ({
+      can: isSuperAdminUser ? true : result.can,
+      // Show loading if super admin check is in progress OR if the underlying permission check is loading
+      isLoading: isCheckingSuperAdmin || result.isLoading,
+      error: result.error,
+      refetch: result.refetch
+    });
+    return {
+      canRead: createSuperAdminAwarePermission(canReadResult),
+      canCreate: createSuperAdminAwarePermission(canCreateResult),
+      canUpdate: createSuperAdminAwarePermission(canUpdateResult),
+      canDelete: createSuperAdminAwarePermission(canDeleteResult),
+      canExport: createSuperAdminAwarePermission(canExportResult),
+      canImport: createSuperAdminAwarePermission(canImportResult)
+    };
+  }, [
+    isSuperAdminUser,
+    isCheckingSuperAdmin,
+    canReadResult,
+    canCreateResult,
+    canUpdateResult,
+    canDeleteResult,
+    canExportResult,
+    canImportResult
+  ]);
   const normalizedFeatures = useMemo12(
     () => normalizeDataTableFeatures(features),
     [features]
@@ -11407,7 +11517,7 @@ function getRowDescription(rowIndex, totalRows, isSelected = false, isEditing =
 }
 
 // src/components/DataTable/hooks/useKeyboardNavigation.ts
-import { useCallback as useCallback9, useEffect as useEffect10, useRef as useRef5, useState as useState8 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect11, useRef as useRef5, useState as useState9 } from "react";
 function useKeyboardNavigation(rowCount, columnCount, options = {}) {
   const {
     enabled = true,
@@ -11417,7 +11527,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
     onFocusChange,
     tableRef: externalTableRef
   } = options;
-  const [state, setState] = useState8({
+  const [state, setState] = useState9({
     focusedRowIndex: 0,
     focusedColumnIndex: 0,
     isNavigating: false
@@ -11668,7 +11778,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       storedFocusRef.current = null;
     }
   }, [focusCell]);
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       if (navigationTimeoutRef.current) {
         clearTimeout(navigationTimeoutRef.current);
@@ -11801,12 +11911,12 @@ function DataTableInternal(props) {
     defaultSorting: defaultSorting || [],
     defaultGrouping: defaultGrouping || []
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.columnVisibility && isColumnVisibilityLoaded && Object.keys(initialColumnVisibility).length > 0) {
       stateActions.setColumnVisibility(initialColumnVisibility);
     }
   }, [secureFeatures.columnVisibility, isColumnVisibilityLoaded, initialColumnVisibility, stateActions]);
-  useEffect11(() => {
+  useEffect12(() => {
     initializeLiveRegion();
   }, []);
   const rowSelection = selection !== void 0 ? selection : state.rowSelection;
@@ -11815,7 +11925,7 @@ function DataTableInternal(props) {
     [getRowId]
   );
   const hasInitializedExpansion = useRef6(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!hasInitializedExpansion.current && defaultGrouping && defaultGrouping.length > 0) {
       stateActions.setExpanded(true);
       hasInitializedExpansion.current = true;
@@ -11868,7 +11978,7 @@ function DataTableInternal(props) {
   );
   const lastFocusedElementRef = useRef6(null);
   const wasImportModalOpenRef = useRef6(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (state.showImportModal) {
       wasImportModalOpenRef.current = true;
       keyboardNavigation.storeFocus();
@@ -11877,7 +11987,7 @@ function DataTableInternal(props) {
       }
     }
   }, [state.showImportModal, keyboardNavigation]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!state.showImportModal) {
       if (!wasImportModalOpenRef.current) {
         return;
@@ -11908,7 +12018,7 @@ function DataTableInternal(props) {
     finalPaginationMode,
     serverData
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (!hierarchicalValidation.isValid) {
       logger2.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
@@ -11923,13 +12033,13 @@ function DataTableInternal(props) {
     enablePersistence: secureFeatures.columnReordering,
     storageKey
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.columnReordering && isColumnOrderLoaded && savedColumnOrder && savedColumnOrder.length > 0) {
       const normalizedOrder = secureFeatures.selection && savedColumnOrder.includes("select") ? ["select", ...savedColumnOrder.filter((id) => id !== "select")] : savedColumnOrder;
       stateActions.setColumnOrder(normalizedOrder);
     }
   }, [secureFeatures.columnReordering, secureFeatures.selection, isColumnOrderLoaded, savedColumnOrder, stateActions]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.selection && state.columnOrder.includes("select") && state.columnOrder[0] !== "select") {
       const normalizedOrder = ["select", ...state.columnOrder.filter((id) => id !== "select")];
       stateActions.setColumnOrder(normalizedOrder);
@@ -11964,7 +12074,7 @@ function DataTableInternal(props) {
     }
     return state.pagination.pageSize;
   }, [state.pagination.pageSize, validatedInitialPageSize, secureFeatures.pagination, finalPageSizeOptions]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (secureFeatures.pagination && finalPageSizeOptions.length > 0) {
       const needsFix = !finalPageSizeOptions.includes(state.pagination.pageSize);
       const currentPageSize = effectivePageSize || validatedInitialPageSize;
@@ -12804,4 +12914,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-ULHIJK66.js.map
+//# sourceMappingURL=chunk-E3SPN4VZ.js.map