@jmruthers/pace-core 0.5.190 → 0.5.193

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

@@ -1,16 +1,19 @@
 import {
   useCan
-} from "./chunk-HQVPB5MZ.js";
+} from "./chunk-XNXXZ43G.js";
 import {
   toast,
   useDataTablePerformance
 } from "./chunk-6C4YBBJM.js";
 import {
   useResolvedScope
-} from "./chunk-Y4BUBBHD.js";
+} from "./chunk-IIELH4DL.js";
 import {
   useUnifiedAuth
-} from "./chunk-J2XXC7R5.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) {
@@ -5761,7 +5779,9 @@ var useSelectState = ({
     onOpenChange?.(false);
   }, [controlledValue, onValueChange, controlledOpen, onOpenChange]);
   const setOpen = React4.useCallback((newOpen) => {
-    if (disabled) return;
+    if (disabled) {
+      return;
+    }
     if (newOpen) {
       const allTriggers = document.querySelectorAll('[data-testid="select-trigger"]');
       allTriggers.forEach((trigger) => {
@@ -5812,22 +5832,22 @@ var useSelectEvents = ({ state, actions, selectRef }) => {
     }
   }, [actions, selectRef]);
   React4.useEffect(() => {
+    if (!state.open) return;
     const handleClickOutside = (event) => {
       const selectElement = selectRef.current;
-      const clickedElement = event.target;
-      const isSelectItem = clickedElement?.closest('[data-testid="select-item"]');
-      const isSearchInput = clickedElement?.closest('[data-testid="select-search-input"]');
-      const isSelectContent = clickedElement?.closest('[data-testid="select-content"]');
-      if (state.open && selectElement && !selectElement.contains(event.target) && !isSelectItem && !isSearchInput && !isSelectContent && !isSelecting) {
+      if (!selectElement) return;
+      const target = event.target;
+      if (!selectElement.contains(target) && !isSelecting) {
         actions.setOpen(false);
       }
     };
-    if (state.open) {
-      document.addEventListener("mousedown", handleClickOutside);
-      return () => {
-        document.removeEventListener("mousedown", handleClickOutside);
-      };
-    }
+    const timeoutId = setTimeout(() => {
+      document.addEventListener("click", handleClickOutside, true);
+    }, 100);
+    return () => {
+      clearTimeout(timeoutId);
+      document.removeEventListener("click", handleClickOutside, true);
+    };
   }, [state.open, actions, selectRef, isSelecting]);
   React4.useEffect(() => {
     let timeoutId = null;
@@ -6026,6 +6046,10 @@ var Select = React4.forwardRef(
         className: cn("relative", className),
         "data-value": state.value,
         "data-testid": "select-root",
+        onSubmit: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        },
         children: /* @__PURE__ */ jsx4(SelectContext.Provider, { value: contextValue, children })
       }
     );
@@ -6036,9 +6060,20 @@ var SelectTrigger = React4.forwardRef(
   ({ children, className, variant = "outline", size = "default", asChild = false, ...props }, ref) => {
     const { open, disabled, value, actions, direction = "down" } = useSelectContext();
     const opensUpward = direction === "up";
-    const handleClick = () => {
+    const handleClickRef = React4.useRef();
+    const handleClick = React4.useCallback((e) => {
+      if (disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      e.preventDefault();
+      e.stopPropagation();
       actions.setOpen(!open);
-    };
+    }, [disabled, open, actions]);
+    React4.useEffect(() => {
+      handleClickRef.current = handleClick;
+    }, [handleClick]);
     const handleKeyDown = (e) => {
       if (disabled) return;
       switch (e.key) {
@@ -6111,10 +6146,17 @@ var SelectTrigger = React4.forwardRef(
         ]
       });
     }
+    const handleRef = React4.useCallback((node) => {
+      if (typeof ref === "function") {
+        ref(node);
+      } else if (ref) {
+        ref.current = node;
+      }
+    }, [ref]);
     return /* @__PURE__ */ jsxs2(
       Button,
       {
-        ref,
+        ref: handleRef,
         type: "button",
         role: "combobox",
         "aria-expanded": open,
@@ -6135,7 +6177,9 @@ var SelectTrigger = React4.forwardRef(
           textOverflow: "ellipsis",
           whiteSpace: "nowrap"
         },
-        onClick: handleClick,
+        onClick: (e) => {
+          handleClick(e);
+        },
         onKeyDown: handleKeyDown,
         "data-testid": "select-trigger",
         "data-value": value,
@@ -6160,7 +6204,16 @@ SelectTrigger.displayName = "SelectTrigger";
 var SelectValue = React4.forwardRef(
   ({ placeholder = "Select an option...", children }, ref) => {
     const { selectedText } = useSelectContext();
-    return /* @__PURE__ */ jsx4("span", { ref, "data-testid": "select-value", children: children || (selectedText ? selectedText : placeholder) });
+    return /* @__PURE__ */ jsx4(
+      "span",
+      {
+        ref,
+        "data-testid": "select-value",
+        style: { pointerEvents: "none" },
+        className: "pointer-events-none",
+        children: children || (selectedText ? selectedText : placeholder)
+      }
+    );
   }
 );
 SelectValue.displayName = "SelectValue";
@@ -7828,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();
@@ -7860,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) {
@@ -7971,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",
     {
@@ -7986,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;
@@ -8043,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,
@@ -10863,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 = {
@@ -10895,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) {
@@ -10939,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]
@@ -11372,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,
@@ -11382,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
@@ -11633,7 +11778,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
       storedFocusRef.current = null;
     }
   }, [focusCell]);
-  useEffect10(() => {
+  useEffect11(() => {
     return () => {
       if (navigationTimeoutRef.current) {
         clearTimeout(navigationTimeoutRef.current);
@@ -11766,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;
@@ -11780,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;
@@ -11833,7 +11978,7 @@ function DataTableInternal(props) {
   );
   const lastFocusedElementRef = useRef6(null);
   const wasImportModalOpenRef = useRef6(false);
-  useEffect11(() => {
+  useEffect12(() => {
     if (state.showImportModal) {
       wasImportModalOpenRef.current = true;
       keyboardNavigation.storeFocus();
@@ -11842,7 +11987,7 @@ function DataTableInternal(props) {
       }
     }
   }, [state.showImportModal, keyboardNavigation]);
-  useEffect11(() => {
+  useEffect12(() => {
     if (!state.showImportModal) {
       if (!wasImportModalOpenRef.current) {
         return;
@@ -11873,7 +12018,7 @@ function DataTableInternal(props) {
     finalPaginationMode,
     serverData
   });
-  useEffect11(() => {
+  useEffect12(() => {
     if (!hierarchicalValidation.isValid) {
       logger2.error("Hierarchical data validation failed:", hierarchicalValidation.errors);
     }
@@ -11888,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);
@@ -11929,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;
@@ -12769,4 +12914,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-SDMHPX3X.js.map
+//# sourceMappingURL=chunk-E3SPN4VZ.js.map