@jmruthers/pace-core 0.5.107 → 0.5.108

package/dist/{chunk-5JJCXTVE.js → chunk-IMZGJ2X7.js}

@@ -5502,10 +5502,10 @@ var require_lodash = __commonJS({
 });
 
 // src/components/DataTable/DataTable.tsx
-import React19 from "react";
+import React20 from "react";
 
 // src/components/DataTable/components/DataTableCore.tsx
-import React18, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
+import React19, { useMemo as useMemo14, useCallback as useCallback11, useEffect as useEffect12, useRef as useRef7 } from "react";
 import { useReactTable } from "@tanstack/react-table";
 import { Edit, Trash, ChevronUp as ChevronUp2, ChevronDown as ChevronDown3, ChevronsUpDown } from "lucide-react";
 
@@ -6649,7 +6649,7 @@ function DataTableToolbar({
 }
 
 // src/components/DataTable/components/UnifiedTableBody.tsx
-import React9, { useRef as useRef3, useEffect as useEffect3 } from "react";
+import React10, { useRef as useRef3, useEffect as useEffect3 } from "react";
 import { flexRender as flexRender2 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
 import { ChevronDown as ChevronDown2, ChevronRight } from "lucide-react";
@@ -6700,6 +6700,9 @@ function EmptyState({
   );
 }
 
+// src/components/DataTable/components/FilterRow.tsx
+import React7 from "react";
+
 // src/components/DataTable/components/ColumnFilter.tsx
 import { X as X2 } from "lucide-react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -6750,7 +6753,7 @@ function ColumnFilter({
             value: columnFilterValue || "",
             onChange: (e) => handleFilterChange(e.target.value ? Number(e.target.value) : void 0),
             placeholder: placeholder || `Filter ${column.id}...`,
-            className: "h-8"
+            className: "h-8 datatable-number-no-spinners"
           }
         );
       case "date":
@@ -6795,7 +6798,7 @@ import { jsx as jsx11 } from "react/jsx-runtime";
 function FilterRow({ table, visibleColumns }) {
   const { getState } = table;
   const { columnFilters } = getState();
-  const getColumnOptions = (columnId) => {
+  const getColumnOptions = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return [];
     const columnDef = column.columnDef;
@@ -6813,13 +6816,14 @@ function FilterRow({ table, visibleColumns }) {
       }
     });
     return Array.from(uniqueValues).sort().map((value) => ({ value, label: value }));
-  };
-  const getFilterType = (columnId) => {
+  }, [table]);
+  const getFilterType = React7.useCallback((columnId) => {
     const column = table.getColumn(columnId);
     if (!column) return "text";
     const columnDef = column.columnDef;
-    if (columnDef.filterType) {
-      return columnDef.filterType;
+    const explicitFilterType = columnDef.filterType;
+    if (explicitFilterType !== void 0 && explicitFilterType !== null && explicitFilterType !== "") {
+      return explicitFilterType;
     }
     if (columnDef.filterSelectOptions && Array.isArray(columnDef.filterSelectOptions)) {
       return "select";
@@ -6836,7 +6840,7 @@ function FilterRow({ table, visibleColumns }) {
       return "select";
     }
     return "text";
-  };
+  }, [table, getColumnOptions]);
   return /* @__PURE__ */ jsx11("tr", { className: "border-b bg-sec-50/50", children: visibleColumns.map((header) => {
     const column = header.column;
     const canFilter = column.getCanFilter();
@@ -6862,7 +6866,7 @@ function FilterRow({ table, visibleColumns }) {
 }
 
 // src/components/DataTable/components/ActionButtons.tsx
-import React7, { useMemo as useMemo2 } from "react";
+import React8, { useMemo as useMemo2 } from "react";
 import { MoreHorizontal } from "lucide-react";
 
 // src/utils/logger.ts
@@ -7105,10 +7109,10 @@ function ActionButtonsComponent({
     }) })
   ] });
 }
-var ActionButtons = React7.memo(ActionButtonsComponent);
+var ActionButtons = React8.memo(ActionButtonsComponent);
 
 // src/components/DataTable/components/EditableRow.tsx
-import React8 from "react";
+import React9 from "react";
 import { flexRender } from "@tanstack/react-table";
 import { X as X3, Check as Check3 } from "lucide-react";
 import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -7122,11 +7126,11 @@ function SelectEditField({
 }) {
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React8.useRef(null);
-  const [searchTerm, setSearchTerm] = React8.useState("");
-  const [isOpen, setIsOpen] = React8.useState(false);
-  const [showCreateOption, setShowCreateOption] = React8.useState(false);
-  React8.useEffect(() => {
+  const selectRef = React9.useRef(null);
+  const [searchTerm, setSearchTerm] = React9.useState("");
+  const [isOpen, setIsOpen] = React9.useState(false);
+  const [showCreateOption, setShowCreateOption] = React9.useState(false);
+  React9.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
     const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
     if (!searchInput) return;
@@ -7156,7 +7160,7 @@ function SelectEditField({
       searchInput.removeEventListener("input", handleInput);
     };
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
-  const handleCreateNew = React8.useCallback(async () => {
+  const handleCreateNew = React9.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7191,7 +7195,7 @@ function SelectEditField({
         /* @__PURE__ */ jsxs9(
           SelectContent,
           {
-            searchable: isSearchable,
+            searchable: Boolean(isSearchable),
             searchPlaceholder: `Search ${columnDef.header || "options"}...`,
             maxHeight: columnDef.selectMaxHeight,
             className: columnDef.selectContentClassName,
@@ -7302,9 +7306,9 @@ function EditableRow({
   hierarchical = false
 }) {
   const rowId = getRowId ? getRowId(row.original, row.index) : String(row.id);
-  const firstInputRef = React8.useRef(null);
-  const hasAssignedRef = React8.useRef(false);
-  React8.useEffect(() => {
+  const firstInputRef = React9.useRef(null);
+  const hasAssignedRef = React9.useRef(false);
+  React9.useEffect(() => {
     if (firstInputRef.current) {
       firstInputRef.current.focus();
       firstInputRef.current.select();
@@ -7582,11 +7586,11 @@ function SelectEditField2({
 }) {
   const isSearchable = columnDef.selectSearchable !== false;
   const isCreatable = columnDef.creatable === true;
-  const selectRef = React9.useRef(null);
-  const [searchTerm, setSearchTerm] = React9.useState("");
-  const [isOpen, setIsOpen] = React9.useState(false);
-  const [showCreateOption, setShowCreateOption] = React9.useState(false);
-  React9.useEffect(() => {
+  const selectRef = React10.useRef(null);
+  const [searchTerm, setSearchTerm] = React10.useState("");
+  const [isOpen, setIsOpen] = React10.useState(false);
+  const [showCreateOption, setShowCreateOption] = React10.useState(false);
+  React10.useEffect(() => {
     if (!isOpen || !isSearchable || !isCreatable || !selectRef.current) return;
     const searchInput = selectRef.current.querySelector('[data-testid="select-search-input"]');
     if (!searchInput) return;
@@ -7616,7 +7620,7 @@ function SelectEditField2({
       searchInput.removeEventListener("input", handleInput);
     };
   }, [isOpen, isSearchable, isCreatable, columnDef.fieldOptions]);
-  const handleCreateNew = React9.useCallback(async () => {
+  const handleCreateNew = React10.useCallback(async () => {
     if (!isCreatable || !columnDef.onCreateNew || !searchTerm.trim()) return;
     try {
       const newValue = await columnDef.onCreateNew(searchTerm.trim());
@@ -7651,7 +7655,7 @@ function SelectEditField2({
         /* @__PURE__ */ jsxs10(
           SelectContent,
           {
-            searchable: isSearchable,
+            searchable: Boolean(isSearchable),
             searchPlaceholder: `Search ${columnDef.header || "options"}...`,
             maxHeight: columnDef.selectMaxHeight,
             className: columnDef.selectContentClassName,
@@ -7747,7 +7751,7 @@ var renderEditField2 = (column, value, onChange, editingData = {}, placeholder)
     }
   );
 };
-var RowComponent = React9.memo(({
+var RowComponent = React10.memo(({
   row,
   style,
   isEditing,
@@ -8128,6 +8132,20 @@ function UnifiedTableBody({
             header.column.id
           );
         }
+        const columnDef = header.column.columnDef;
+        const dataKey = columnDef.editAccessorKey || columnDef.accessorKey || header.column.id;
+        const editField = renderEditField2(
+          header.column,
+          creationData[dataKey] ?? creationData[header.column.id] ?? "",
+          (value) => {
+            if (typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date)) {
+              onCreationDataChange({ ...creationData, ...value });
+            } else {
+              onCreationDataChange({ ...creationData, [dataKey]: value });
+            }
+          },
+          creationData
+        );
         return /* @__PURE__ */ jsx14(
           "td",
           {
@@ -8135,13 +8153,17 @@ function UnifiedTableBody({
               isCompact: true,
               className: "px-3 py-2"
             }),
-            children: renderEditField2(header.column, creationData[header.column.id], (value) => {
-              if (typeof value === "object" && value !== null && !Array.isArray(value) && !(value instanceof Date)) {
-                onCreationDataChange({ ...creationData, ...value });
-              } else {
-                onCreationDataChange({ ...creationData, [header.column.id]: value });
+            children: editField || // Fallback: render a text input if renderEditField somehow returns nothing
+            /* @__PURE__ */ jsx14(
+              Input,
+              {
+                type: "text",
+                value: String(creationData[dataKey] ?? creationData[header.column.id] ?? ""),
+                onChange: (e) => onCreationDataChange({ ...creationData, [dataKey]: e.target.value }),
+                placeholder: `Enter ${columnDef.header || header.column.id}...`,
+                className: "h-8"
               }
-            }, creationData)
+            )
           },
           header.column.id
         );
@@ -8188,7 +8210,7 @@ function UnifiedTableBody({
 }
 
 // src/components/DataTable/components/PaginationControls.tsx
-import React10 from "react";
+import React11 from "react";
 import {
   ChevronLeft,
   ChevronRight as ChevronRight2,
@@ -8511,7 +8533,7 @@ function EnhancedPaginationControls({
   showJumpToPage = false,
   ...props
 }) {
-  const [jumpToPage, setJumpToPage] = React10.useState("");
+  const [jumpToPage, setJumpToPage] = React11.useState("");
   const { table, paginationMode = "client", serverData, onPageChange, totalCount } = props;
   const pagination = getPaginationBinding({
     mode: paginationMode,
@@ -8543,7 +8565,7 @@ function EnhancedPaginationControls({
           max: pageCount,
           value: jumpToPage,
           onChange: (e) => setJumpToPage(e.target.value),
-          className: "w-16 h-6 px-2 border rounded text-xs",
+          className: "w-16 h-6 px-2 border rounded text-xs datatable-number-no-spinners",
           placeholder: "1"
         }
       ),
@@ -8568,7 +8590,7 @@ import { useEffect as useEffect6 } from "react";
 import { useState as useState4, useRef as useRef4, useEffect as useEffect5 } from "react";
 
 // src/components/Dialog/Dialog.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X4 } from "lucide-react";
 
@@ -8644,7 +8666,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -8721,7 +8743,7 @@ var useSmartDimensions = ({
   }
   return result;
 };
-var DialogContent = React11.forwardRef(({
+var DialogContent = React12.forwardRef(({
   className,
   children,
   size = "md",
@@ -8748,17 +8770,17 @@ var DialogContent = React11.forwardRef(({
     minWidth,
     enableScrolling
   });
-  const handleEscapeKeyDown = React11.useCallback((event) => {
+  const handleEscapeKeyDown = React12.useCallback((event) => {
     if (preventCloseOnEscape) {
       event.preventDefault();
     }
   }, [preventCloseOnEscape]);
-  const handlePointerDownOutside = React11.useCallback((event) => {
+  const handlePointerDownOutside = React12.useCallback((event) => {
     if (preventCloseOnOutsideClick) {
       event.preventDefault();
     }
   }, [preventCloseOnOutsideClick]);
-  const mergedStyle = React11.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     if (Object.keys(smartDimensions).length === 0) {
       return style;
     }
@@ -8836,13 +8858,13 @@ var DialogBody = ({
   children,
   ...props
 }) => {
-  const mergedStyle = React11.useMemo(() => {
+  const mergedStyle = React12.useMemo(() => {
     return {
       ...maxHeight && { maxHeight },
       ...style
     };
   }, [maxHeight, style]);
-  const processedHtmlContent = React11.useMemo(() => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8905,8 +8927,8 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React11.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React11.useMemo(() => {
+var DialogTitle = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -8929,8 +8951,8 @@ var DialogTitle = React11.forwardRef(({ className, htmlContent, allowHtml = true
   );
 });
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React11.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
-  const processedHtmlContent = React11.useMemo(() => {
+var DialogDescription = React12.forwardRef(({ className, htmlContent, allowHtml = true, children, ...props }, ref) => {
+  const processedHtmlContent = React12.useMemo(() => {
     if (!htmlContent || !allowHtml) {
       return null;
     }
@@ -9292,12 +9314,12 @@ function DataTableModals({
 }
 
 // src/components/DataTable/components/DataTableErrorBoundary.tsx
-import React15, { Component } from "react";
+import React16, { Component } from "react";
 
 // src/components/Alert/Alert.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { jsx as jsx20 } from "react/jsx-runtime";
-var AlertContext = React14.createContext({ variant: "default" });
+var AlertContext = React15.createContext({ variant: "default" });
 var getAlertClasses = (variant = "default") => {
   const baseClasses = "relative w-full rounded-lg border p-4";
   const variantClasses = {
@@ -9308,10 +9330,10 @@ var getAlertClasses = (variant = "default") => {
   };
   return `${baseClasses} ${variantClasses[variant]}`;
 };
-var Alert = React14.forwardRef(({ className, variant = "default", ...props }, ref) => {
-  const contextValue = React14.useMemo(() => ({ variant }), [variant]);
+var Alert = React15.forwardRef(({ className, variant = "default", ...props }, ref) => {
+  const contextValue = React15.useMemo(() => ({ variant }), [variant]);
   if (variant === "inline") {
-    return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(React14.Fragment, { ...props }) });
+    return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(React15.Fragment, { ...props }) });
   }
   return /* @__PURE__ */ jsx20(AlertContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx20(
     "div",
@@ -9324,8 +9346,8 @@ var Alert = React14.forwardRef(({ className, variant = "default", ...props }, re
   ) });
 });
 Alert.displayName = "Alert";
-var AlertTitle = React14.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React14.useContext(AlertContext);
+var AlertTitle = React15.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React15.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx20("strong", { ...props });
   }
@@ -9339,8 +9361,8 @@ var AlertTitle = React14.forwardRef(({ className, ...props }, ref) => {
   );
 });
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React14.forwardRef(({ className, ...props }, ref) => {
-  const { variant } = React14.useContext(AlertContext);
+var AlertDescription = React15.forwardRef(({ className, ...props }, ref) => {
+  const { variant } = React15.useContext(AlertContext);
   if (variant === "inline") {
     return /* @__PURE__ */ jsx20("span", { ...props });
   }
@@ -10314,7 +10336,7 @@ function useDataTableConfiguration({
 }
 
 // src/components/Card/Card.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function getCardClasses(variant = "default", size = "default") {
   const baseClasses = "rounded-lg border bg-card text-card-foreground shadow-sm";
@@ -10330,7 +10352,7 @@ function getCardClasses(variant = "default", size = "default") {
   };
   return `${baseClasses} ${variantClasses[variant]} ${sizeClasses2[size]}`;
 }
-var Card = React16.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx22(
+var Card = React17.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx22(
   "article",
   {
     ref,
@@ -10343,7 +10365,7 @@ var Card = React16.forwardRef(({ className, variant, size, ...props }, ref) => /
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "header",
   {
     ref,
@@ -10352,7 +10374,7 @@ var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "h3",
   {
     ref,
@@ -10364,7 +10386,7 @@ var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "p",
   {
     ref,
@@ -10373,7 +10395,7 @@ var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "main",
   {
     ref,
@@ -10382,7 +10404,7 @@ var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "footer",
   {
     ref,
@@ -10391,7 +10413,7 @@ var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var CardActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var CardActions = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "nav",
   {
     ref,
@@ -10402,7 +10424,7 @@ var CardActions = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CardActions.displayName = "CardActions";
-var HoverCard = React16.forwardRef(({ children, className, ...props }, ref) => {
+var HoverCard = React17.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsx22(
     "section",
     {
@@ -10414,7 +10436,7 @@ var HoverCard = React16.forwardRef(({ children, className, ...props }, ref) => {
   );
 });
 HoverCard.displayName = "HoverCard";
-var HoverCardTrigger = React16.forwardRef(({ className, asChild, children, ...props }, ref) => {
+var HoverCardTrigger = React17.forwardRef(({ className, asChild, children, ...props }, ref) => {
   if (asChild) {
     return /* @__PURE__ */ jsx22("span", { className: cn("cursor-pointer", className), children });
   }
@@ -10433,7 +10455,7 @@ var HoverCardTrigger = React16.forwardRef(({ className, asChild, children, ...pr
   );
 });
 HoverCardTrigger.displayName = "HoverCardTrigger";
-var HoverCardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
+var HoverCardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx22(
   "aside",
   {
     ref,
@@ -10819,7 +10841,7 @@ function useDataTablePermissions(rbac, features = {}) {
 }
 
 // src/components/DataTable/hooks/useTableColumns.ts
-import React17, { useMemo as useMemo13 } from "react";
+import React18, { useMemo as useMemo13 } from "react";
 
 // src/components/DataTable/core/ColumnFactory.ts
 var ColumnFactory = class {
@@ -11025,14 +11047,14 @@ function useTableColumns({
       header: ({ table }) => {
         const isAllSelected = table.getIsAllPageRowsSelected();
         const isSomeSelected = table.getIsSomePageRowsSelected();
-        return React17.createElement(Checkbox, {
+        return React18.createElement(Checkbox, {
           checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
           onCheckedChange: (value) => table.toggleAllPageRowsSelected(!!value),
           "aria-label": "Select all"
         });
       },
       cell: ({ row }) => {
-        return React17.createElement(Checkbox, {
+        return React18.createElement(Checkbox, {
           checked: row.getIsSelected(),
           onCheckedChange: (value) => row.toggleSelected(!!value),
           "aria-label": "Select row"
@@ -12350,7 +12372,7 @@ function DataTableInternal({
               grouping: state.grouping,
               aggregates,
               getRowId: resolvedGetRowId,
-              emptyState: React18.isValidElement(emptyState) ? void 0 : emptyState,
+              emptyState: React19.isValidElement(emptyState) ? void 0 : emptyState,
               isFiltered: searchQuery !== "" || state.columnFilters.length > 0,
               onClearFilters: () => {
                 stateActions.setSearchQuery("");
@@ -12445,30 +12467,30 @@ function DataTableCore(props) {
 // src/components/DataTable/DataTable.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
 function DataTable(props) {
-  const logger = React19.useMemo(() => createLogger("DataTable"), []);
+  const logger = React20.useMemo(() => createLogger("DataTable"), []);
   const { features, ...rest } = props;
   console.log("[DataTable] \u{1F3AF} DataTable WRAPPER called:", {
     dataLength: props.data?.length || 0,
     columnsCount: props.columns?.length || 0,
     pageName: props.rbac?.pageName || props.rbac?.pageId
   });
-  const normalizedFeatures = React19.useMemo(
+  const normalizedFeatures = React20.useMemo(
     () => normalizeDataTableFeatures(features),
     [features]
   );
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (!features && import.meta.env?.MODE === "development") {
       logger.info("DataTable: no features provided; all capabilities default to disabled. Pass a features object to enable functionality.");
     }
   }, [features, logger]);
-  React19.useEffect(() => {
+  React20.useEffect(() => {
     if (normalizedFeatures.deleteSelected && !normalizedFeatures.deletion) {
       logger.warn("deleteSelected requires deletion to be enabled");
     }
   }, [normalizedFeatures.deleteSelected, normalizedFeatures.deletion, logger]);
   return /* @__PURE__ */ jsx25(DataTableCore, { ...rest, features: normalizedFeatures });
 }
-var DataTableComponent = React19.memo(DataTable);
+var DataTableComponent = React20.memo(DataTable);
 
 // src/components/DataTable/components/BulkOperationsDropdown.tsx
 import {
@@ -12681,4 +12703,4 @@ lodash/lodash.js:
    * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
    *)
 */
-//# sourceMappingURL=chunk-5JJCXTVE.js.map
+//# sourceMappingURL=chunk-IMZGJ2X7.js.map