@jmruthers/pace-core 0.5.99 → 0.5.101

package/dist/{DataTable-VSJWLCVT.js → DataTable-DXELRJIX.js}

@@ -54,7 +54,7 @@ import {
   sortHierarchicalDataWithSorting,
   validateHierarchicalData,
   validatePaginationConfig
-} from "./chunk-D7CZVI3K.js";
+} from "./chunk-EVVRUGQ2.js";
 import "./chunk-2KLAOD4M.js";
 import "./chunk-S63MFSY6.js";
 import "./chunk-Q7APDV6H.js";
@@ -157,4 +157,4 @@ export {
   validateHierarchicalData,
   validatePaginationConfig
 };
-//# sourceMappingURL=DataTable-VSJWLCVT.js.map
+//# sourceMappingURL=DataTable-DXELRJIX.js.map

package/dist/{PublicLoadingSpinner-B84QWsvB.d.ts → PublicLoadingSpinner-C2h8zg67.d.ts}

@@ -853,7 +853,7 @@ declare const DialogFooter: {
     displayName: string;
 };
 declare const DialogTitle: React.ForwardRefExoticComponent<DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
-declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<DialogDescriptionProps & React.RefAttributes<HTMLHeadingElement>>;
 
 /**
  * @file Select Hooks - Custom hooks for Select component state management

package/dist/{chunk-2PWJ6NFH.js → chunk-A5DFMP3O.js}

@@ -25,7 +25,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-D7CZVI3K.js";
+} from "./chunk-EVVRUGQ2.js";
 import {
   isPermitted,
   isSuperAdmin
@@ -4799,4 +4799,4 @@ export {
   EventLogoCompact,
   EventLogoLarge
 };
-//# sourceMappingURL=chunk-2PWJ6NFH.js.map
+//# sourceMappingURL=chunk-A5DFMP3O.js.map

package/dist/{chunk-D7CZVI3K.js → chunk-EVVRUGQ2.js}

@@ -7188,16 +7188,25 @@ function EditableRow({
       firstInputRef.current.select();
     }
   }, []);
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsx13(
     "tr",
     {
       role: "row",
       "aria-selected": typeof row.getIsSelected === "function" ? row.getIsSelected() ? "true" : "false" : "false",
       "aria-rowindex": row.index + 1,
-      children: [
-        row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx13("td", { role: "cell", children: /* @__PURE__ */ jsx13("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: cell.column.id !== "actions" ? (
-          // In edit mode, always use renderEditField for editable columns
-          // Custom cell renderers are for display mode only
+      children: row.getVisibleCells().map((cell) => {
+        const isSystemColumn = cell.column.id === "select" || cell.column.id === "actions";
+        return /* @__PURE__ */ jsx13("td", { role: "cell", children: /* @__PURE__ */ jsx13("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: isSystemColumn ? (
+          // System columns: render their normal cell content (checkbox for select, buttons for actions)
+          cell.column.id === "actions" ? /* @__PURE__ */ jsxs9("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ jsx13(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", children: /* @__PURE__ */ jsx13(Check3, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsx13(Button, { onClick: onCancel, size: "sm", variant: "outline", "aria-label": "Cancel editing", children: /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }) })
+          ] }) : (
+            // Select column: render the checkbox normally
+            flexRender(cell.column.columnDef.cell, cell.getContext())
+          )
+        ) : (
+          // Data columns: render edit fields
           (() => {
             const columnDef = cell.column.columnDef;
             if (columnDef.editable === false) {
@@ -7233,23 +7242,8 @@ function EditableRow({
               shouldGetRef ? firstInputRef : void 0
             );
           })()
-        ) : /* @__PURE__ */ jsxs9("div", { className: "flex gap-1", children: [
-          /* @__PURE__ */ jsx13(Button, { onClick: onSave, size: "sm", variant: "default", "aria-label": "Save changes", children: /* @__PURE__ */ jsx13(Check3, { className: "h-4 w-4" }) }),
-          /* @__PURE__ */ jsx13(Button, { onClick: onCancel, size: "sm", variant: "outline", "aria-label": "Cancel editing", children: /* @__PURE__ */ jsx13(X3, { className: "h-4 w-4" }) })
-        ] }) }) }, cell.id)),
-        actions.length > 0 && /* @__PURE__ */ jsx13("td", { children: /* @__PURE__ */ jsx13(
-          ActionButtons,
-          {
-            row,
-            rowId,
-            index: row.index,
-            actions,
-            isEditing: true,
-            isParent,
-            hierarchical
-          }
-        ) })
-      ]
+        ) }) }, cell.id);
+      })
     }
   );
 }
@@ -8381,7 +8375,7 @@ function renderSafeHtml(html, options = {}) {
 // src/components/Dialog/Dialog.tsx
 var import_lodash = __toESM(require_lodash(), 1);
 import { useState as useState3, useEffect as useEffect4 } from "react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "max-w-sm",
   md: "max-w-md",
@@ -8613,11 +8607,12 @@ var DialogBody = ({
     });
     return result.html;
   }, [htmlContent, allowHtml, strictSanitization, logWarnings]);
+  const hasHtmlContent = Boolean(htmlContent && allowHtml);
   return /* @__PURE__ */ jsx17(
     "main",
     {
       className: cn(
-        "flex-1 overflow-y-auto px-6 py-2",
+        "overflow-y-auto px-6 py-2",
         className
       ),
       style: mergedStyle,
@@ -8630,8 +8625,8 @@ var DialogBody = ({
           dangerouslySetInnerHTML: { __html: processedHtmlContent },
           className: "prose prose-sm max-w-none"
         }
-      ) : /* @__PURE__ */ jsxs13("div", { children: [
-        /* @__PURE__ */ jsx17("div", { className: "text-red-500 mb-2", children: "No HTML content processed. Showing children instead." }),
+      ) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+        hasHtmlContent && !processedHtmlContent && /* @__PURE__ */ jsx17("div", { className: "text-red-500 mb-2", children: "No HTML content processed. Showing children instead." }),
         children
       ] })
     }
@@ -8670,7 +8665,6 @@ var DialogTitle = React11.forwardRef(({ className, htmlContent, allowHtml = true
     {
       ref,
       className: cn(
-        "text-lg font-semibold leading-none tracking-tight",
         className
       ),
       ...props,
@@ -8690,15 +8684,15 @@ var DialogDescription = React11.forwardRef(({ className, htmlContent, allowHtml
     });
     return result.html;
   }, [htmlContent, allowHtml]);
-  return /* @__PURE__ */ jsx17(
-    DialogPrimitive.Description,
+  return /* @__PURE__ */ jsx17(DialogPrimitive.Description, { asChild: true, children: /* @__PURE__ */ jsx17(
+    "h5",
     {
       ref,
-      className: cn("text-sm text-muted-foreground", className),
+      className: cn(className),
       ...props,
       children: processedHtmlContent ? /* @__PURE__ */ jsx17("span", { dangerouslySetInnerHTML: { __html: processedHtmlContent } }) : children
     }
-  );
+  ) });
 });
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
@@ -8913,7 +8907,7 @@ function ImportModal({ isOpen, onClose, onImport, config = {} }) {
 }
 
 // src/components/DataTable/components/DataTableModals.tsx
-import { Fragment as Fragment3, jsx as jsx19 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx19 } from "react/jsx-runtime";
 function mapCSVToTableColumns(csvData, columns) {
   const columnMap = /* @__PURE__ */ new Map();
   console.log("[mapCSVToTableColumns] Building column map from", columns.length, "column definitions");
@@ -8921,7 +8915,8 @@ function mapCSVToTableColumns(csvData, columns) {
     const fieldName = col.editAccessorKey || col.accessorKey || col.id;
     const header = typeof col.header === "string" ? col.header : "";
     if (fieldName && header) {
-      columnMap.set(header.toLowerCase(), fieldName);
+      const headerLower = header.toLowerCase();
+      columnMap.set(headerLower, fieldName);
       console.log(`[mapCSVToTableColumns] Mapped "${header}" -> "${fieldName}"`);
       const colId = col.id || col.accessorKey;
       if (colId && colId !== header && colId !== fieldName) {
@@ -8929,11 +8924,12 @@ function mapCSVToTableColumns(csvData, columns) {
         console.log(`[mapCSVToTableColumns] Also mapped "${colId}" -> "${fieldName}"`);
       }
       if (col.editAccessorKey && header) {
+        const editAccessorKey = col.editAccessorKey;
         const idColumnHeader = `${header} (ID)`;
-        columnMap.set(idColumnHeader.toLowerCase(), col.editAccessorKey);
-        console.log(`[mapCSVToTableColumns] Mapped ID column "${idColumnHeader}" -> "${col.editAccessorKey}"`);
-        columnMap.set(col.editAccessorKey.toLowerCase(), col.editAccessorKey);
-        console.log(`[mapCSVToTableColumns] Also mapped "${col.editAccessorKey}" -> "${col.editAccessorKey}"`);
+        columnMap.set(idColumnHeader.toLowerCase(), editAccessorKey);
+        console.log(`[mapCSVToTableColumns] Mapped ID column "${idColumnHeader}" -> "${editAccessorKey}"`);
+        columnMap.set(editAccessorKey.toLowerCase(), editAccessorKey);
+        console.log(`[mapCSVToTableColumns] Also mapped "${editAccessorKey}" -> "${editAccessorKey}"`);
       }
     } else {
       console.warn("[mapCSVToTableColumns] Skipping column with missing fieldName or header:", col);
@@ -8950,7 +8946,19 @@ function mapCSVToTableColumns(csvData, columns) {
     const mappedRow = {};
     Object.keys(row).forEach((csvHeader) => {
       const csvHeaderLower = csvHeader.toLowerCase();
-      const fieldName = columnMap.get(csvHeaderLower);
+      let fieldName = columnMap.get(csvHeaderLower);
+      if (!fieldName) {
+        for (const [mapKey, mapValue] of columnMap.entries()) {
+          const keyWithSpace = ` ${mapKey}`;
+          if (csvHeaderLower === mapKey || csvHeaderLower.endsWith(keyWithSpace)) {
+            fieldName = mapValue;
+            if (index === 0) {
+              console.log(`[mapCSVToTableColumns] Flexible match: "${csvHeader}" -> "${mapValue}" (matched "${mapKey}")`);
+            }
+            break;
+          }
+        }
+      }
       if (fieldName) {
         mappedRow[fieldName] = row[csvHeader];
         if (index === 0) {
@@ -8990,7 +8998,7 @@ function DataTableModals({
       return () => clearTimeout(timeoutId);
     }
   }, [showImportModal, onStoreFocus, onRestoreFocus]);
-  return /* @__PURE__ */ jsx19(Fragment3, { children: /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx19(Fragment4, { children: /* @__PURE__ */ jsx19(
     ImportModal,
     {
       isOpen: showImportModal,
@@ -9092,7 +9100,7 @@ var AlertDescription = React14.forwardRef(({ className, ...props }, ref) => {
 AlertDescription.displayName = "AlertDescription";
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var DataTableErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -9171,7 +9179,7 @@ var DataTableErrorBoundary = class extends Component {
           /* @__PURE__ */ jsx21("summary", { className: "cursor-pointer text-sm font-medium", children: "Error Details" }),
           /* @__PURE__ */ jsxs15("pre", { className: "mt-2 text-xs overflow-auto max-h-32", children: [
             error.message,
-            showErrorDetails && error.stack && /* @__PURE__ */ jsxs15(Fragment5, { children: [
+            showErrorDetails && error.stack && /* @__PURE__ */ jsxs15(Fragment6, { children: [
               "\n\nStack Trace:\n",
               error.stack
             ] })
@@ -10185,7 +10193,7 @@ HoverCardContent.displayName = "HoverCardContent";
 
 // src/components/DataTable/components/AccessDeniedPage.tsx
 import { ShieldX, ArrowLeft, RefreshCw } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 function AccessDeniedPage({
   resource,
   operation = "access",
@@ -10219,7 +10227,7 @@ function AccessDeniedPage({
       /* @__PURE__ */ jsx23("strong", { children: "Resource:" }),
       " ",
       resource,
-      operation && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+      operation && /* @__PURE__ */ jsxs16(Fragment7, { children: [
         /* @__PURE__ */ jsx23("br", {}),
         /* @__PURE__ */ jsx23("strong", { children: "Operation:" }),
         " ",
@@ -11233,7 +11241,7 @@ function useKeyboardNavigation(rowCount, columnCount, options = {}) {
 }
 
 // src/components/DataTable/components/DataTableCore.tsx
-import { Fragment as Fragment7, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var isCellValue = (value) => {
   if (value === null || value === void 0) {
     return true;
@@ -11600,11 +11608,33 @@ function DataTableInternal({
     if (secureFeatures.deletion && secureHandlers.onDeleteRow && !result.some((a) => a.label === "Delete")) {
       result.push({
         label: "Delete",
-        onClick: (row) => {
+        onClick: async (row) => {
           if (!permissions.canDelete.can) {
-            throw new Error("Insufficient permissions to delete this resource");
+            toast({
+              title: "Delete Failed",
+              description: "Insufficient permissions to delete this resource",
+              variant: "destructive"
+            });
+            return;
+          }
+          try {
+            const result2 = secureHandlers.onDeleteRow(row);
+            if (result2 !== void 0 && result2 !== null && typeof result2 === "object" && typeof result2.then === "function") {
+              await result2;
+            }
+            toast({
+              title: "Delete Successful",
+              description: "Row deleted successfully",
+              variant: "default"
+            });
+          } catch (error) {
+            console.error("[DataTable] Delete error:", error);
+            toast({
+              title: "Delete Failed",
+              description: error instanceof Error ? error.message : "Failed to delete row",
+              variant: "destructive"
+            });
           }
-          secureHandlers.onDeleteRow(row);
         },
         icon: Trash,
         testId: "delete",
@@ -11797,7 +11827,7 @@ function DataTableInternal({
   ).length;
   const hasSelectColumn = visibleColumns.some((col) => col.id === "select");
   const hasActionsColumn = visibleColumns.some((col) => col.id === "actions");
-  return /* @__PURE__ */ jsxs17(Fragment7, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment8, { children: [
     /* @__PURE__ */ jsxs17(
       "table",
       {
@@ -11812,11 +11842,11 @@ function DataTableInternal({
         "aria-busy": isLoading ? "true" : "false",
         children: [
           /* @__PURE__ */ jsxs17("caption", { className: "text-left pb-2", children: [
-            (title || description) && /* @__PURE__ */ jsxs17(Fragment7, { children: [
+            (title || description) && /* @__PURE__ */ jsxs17(Fragment8, { children: [
               title && /* @__PURE__ */ jsx24("h2", { children: title }),
               description && /* @__PURE__ */ jsx24("p", { id: "table-description", children: description })
             ] }),
-            /* @__PURE__ */ jsx24(Fragment7, { children: /* @__PURE__ */ jsx24(
+            /* @__PURE__ */ jsx24(Fragment8, { children: /* @__PURE__ */ jsx24(
               DataTableToolbar,
               {
                 features: secureFeatures,
@@ -11897,7 +11927,35 @@ function DataTableInternal({
                   }
                 }),
                 rowSelection,
-                onDeleteSelected: secureHandlers.onDeleteSelected,
+                onDeleteSelected: secureHandlers.onDeleteSelected ? async (selectedRows) => {
+                  const selectedCount = Object.values(selectedRows).filter(Boolean).length;
+                  if (selectedCount === 0) {
+                    toast({
+                      title: "No Selection",
+                      description: "Please select at least one row to delete",
+                      variant: "default"
+                    });
+                    return;
+                  }
+                  try {
+                    const result = secureHandlers.onDeleteSelected(selectedRows);
+                    if (result !== void 0 && result !== null && typeof result === "object" && typeof result.then === "function") {
+                      await result;
+                    }
+                    toast({
+                      title: "Delete Successful",
+                      description: `Successfully deleted ${selectedCount} ${selectedCount === 1 ? "row" : "rows"}`,
+                      variant: "default"
+                    });
+                  } catch (error) {
+                    console.error("[DataTable] Bulk delete error:", error);
+                    toast({
+                      title: "Delete Failed",
+                      description: error instanceof Error ? error.message : "Failed to delete selected rows",
+                      variant: "destructive"
+                    });
+                  }
+                } : void 0,
                 onToggleFilterRow: () => stateActions.setFilterRow(!state.showFilterRow),
                 showFilterRow: state.showFilterRow,
                 rbac,
@@ -12344,4 +12402,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-D7CZVI3K.js.map
+//# sourceMappingURL=chunk-EVVRUGQ2.js.map