@jmruthers/pace-core 0.5.64 → 0.5.66

package/dist/{DataTable-7BER7PDS.js → DataTable-MFUXNGPR.js}

@@ -32,7 +32,7 @@ import {
   useDataTableContext,
   usePluginRegistry,
   useStateManager
-} from "./chunk-S66AJVI2.js";
+} from "./chunk-4HQ5BOVZ.js";
 import "./chunk-C7GUF747.js";
 import "./chunk-NHR52QAQ.js";
 import "./chunk-B2WTCLCV.js";
@@ -97,4 +97,4 @@ export {
   usePluginRegistry,
   useStateManager
 };
-//# sourceMappingURL=DataTable-7BER7PDS.js.map
+//# sourceMappingURL=DataTable-MFUXNGPR.js.map

package/dist/{DataTable-D15XipLZ.d.ts → DataTable-ntgmhO2W.d.ts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
-import { D as DataRecord, a as DataTableColumn, b as DataTableRBACConfig, c as DataTableFeatureConfig, H as HierarchicalConfig, P as PerformanceConfig, S as ServerSideConfig, d as PaginationMode, C as ChunkingConfig, e as SearchIndexConfig, G as GetRowId, E as EmptyStateConfig, A as AggregateConfig, f as DataTableAction } from './types-E5WSpEtz.js';
+import { D as DataRecord, a as DataTableColumn, b as DataTableRBACConfig, c as DataTableFeatureConfig, H as HierarchicalConfig, P as PerformanceConfig, S as ServerSideConfig, d as PaginationMode, C as ChunkingConfig, e as SearchIndexConfig, G as GetRowId, E as EmptyStateConfig, A as AggregateConfig, f as DataTableAction } from './types-CGX9Vyf5.js';
 
 /**
  * Configuration interface for customizing ImportModal text content

package/dist/{chunk-S66AJVI2.js → chunk-4HQ5BOVZ.js}

@@ -1491,13 +1491,37 @@ var MemoizedRow = ({
               isCompact: true,
               className: "px-3 py-2 pl-8 whitespace-normal break-words"
             }),
-            children: isSubRowEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
-              if (typeof value === "object" && value !== null) {
-                onEditingDataChange?.({ ...editingData, ...value });
-              } else {
-                onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
-              }
-            }, editingData) : cell.column.id === "actions" ? /* @__PURE__ */ jsx11(
+            children: /* @__PURE__ */ jsx11("div", { className: `${cell.column.columnDef.meta?.align === "right" ? "text-right" : ""}`, children: isSubRowEditing && cell.column.id !== "actions" ? (
+              // Check if column has a custom cell renderer - if so, use it in edit mode
+              cell.column.columnDef.cell ? flexRender(cell.column.columnDef.cell, {
+                ...cell.getContext(),
+                hierarchical,
+                isParent: false,
+                isChild: true,
+                isHierarchical: false,
+                rowId: subRowId,
+                isExpanded: false,
+                hasChildren: false,
+                getIsEditing: () => true,
+                // Always true in edit mode
+                setValue: (value) => {
+                  if (typeof value === "object" && value !== null) {
+                    onEditingDataChange?.({ ...editingData, ...value });
+                  } else {
+                    onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                  }
+                }
+              }) : (
+                // Fall back to default edit field rendering when no custom cell renderer
+                renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
+                  if (typeof value === "object" && value !== null) {
+                    onEditingDataChange?.({ ...editingData, ...value });
+                  } else {
+                    onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                  }
+                }, editingData)
+              )
+            ) : cell.column.id === "actions" ? /* @__PURE__ */ jsx11(
               ActionButtons,
               {
                 row,
@@ -1517,7 +1541,7 @@ var MemoizedRow = ({
               rowId: subRowId,
               isExpanded: false,
               hasChildren: false
-            })
+            }) })
           },
           cell.id
         )) }, subRow.id);
@@ -1577,13 +1601,37 @@ var MemoizedRow = ({
                   children: isExpanded ? /* @__PURE__ */ jsx11(ChevronDown2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx11(ChevronRight, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ jsx11("div", { className: "flex-1", children: isEditing && cell.column.id !== "actions" ? renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
-                if (typeof value === "object" && value !== null) {
-                  onEditingDataChange?.({ ...editingData, ...value });
-                } else {
-                  onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
-                }
-              }, editingData) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs8("div", { className: "flex gap-1", children: [
+              /* @__PURE__ */ jsx11("div", { className: `flex-1 ${cell.column.columnDef.meta?.align === "right" ? "text-right" : ""}`, children: isEditing && cell.column.id !== "actions" ? (
+                // Check if column has a custom cell renderer - if so, use it in edit mode
+                cell.column.columnDef.cell ? flexRender(cell.column.columnDef.cell, {
+                  ...cell.getContext(),
+                  hierarchical,
+                  isParent,
+                  isChild,
+                  isHierarchical,
+                  rowId,
+                  isExpanded,
+                  hasChildren,
+                  getIsEditing: () => true,
+                  // Always true in edit mode
+                  setValue: (value) => {
+                    if (typeof value === "object" && value !== null) {
+                      onEditingDataChange?.({ ...editingData, ...value });
+                    } else {
+                      onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                    }
+                  }
+                }) : (
+                  // Fall back to default edit field rendering when no custom cell renderer
+                  renderEditField(cell.column, editingData?.[cell.column.id], (value) => {
+                    if (typeof value === "object" && value !== null) {
+                      onEditingDataChange?.({ ...editingData, ...value });
+                    } else {
+                      onEditingDataChange?.({ ...editingData, [cell.column.id]: value });
+                    }
+                  }, editingData)
+                )
+              ) : cell.column.id === "actions" ? isEditing ? /* @__PURE__ */ jsxs8("div", { className: "flex gap-1", children: [
                 /* @__PURE__ */ jsx11(
                   "button",
                   {
@@ -2923,7 +2971,11 @@ var ColumnFactory = class {
       footer: options.footer,
       size: options.size,
       minSize: options.minSize,
-      maxSize: options.maxSize
+      maxSize: options.maxSize,
+      meta: {
+        align: "right",
+        type: "number"
+      }
     };
   }
   /**
@@ -3899,12 +3951,12 @@ function DataTableInternal({
                 onClick: header.column.getToggleSortingHandler(),
                 "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : "column"}`,
                 tabIndex: 0,
-                children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+                children: /* @__PURE__ */ jsxs14("div", { className: `flex items-center gap-1 ${header.column.columnDef.meta?.align === "right" ? "justify-end" : ""}`, children: [
                   typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header,
                   header.column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx20(ChevronUp2, { className: "h-4 w-4" }) : header.column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx20(ChevronDown3, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx20(ChevronsUpDown, { className: "h-4 w-4" })
                 ] })
               }
-            ) : /* @__PURE__ */ jsx20("div", { children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
+            ) : /* @__PURE__ */ jsx20("div", { className: header.column.columnDef.meta?.align === "right" ? "text-right" : "", children: typeof header.column.columnDef.header === "function" ? header.column.columnDef.header(header.getContext()) : header.column.columnDef.header })
           },
           header.id
         );
@@ -5423,6 +5475,7 @@ function GroupHeader({
 }
 
 // src/components/DataTable/components/EditableRow.tsx
+import { flexRender as flexRender3 } from "@tanstack/react-table";
 init_Button();
 import { jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
 var renderEditField2 = (column, value, onChange, editingData = {}, placeholder) => {
@@ -5495,13 +5548,30 @@ function EditableRow({
     visible: true
   }));
   return /* @__PURE__ */ jsxs17("tr", { children: [
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx25("td", { children: cell.column.id !== "actions" ? renderEditField2(cell.column, editingData[cell.column.id], (value) => {
-      if (typeof value === "object" && value !== null) {
-        onEditingDataChange({ ...editingData, ...value });
-      } else {
-        onEditingDataChange({ ...editingData, [cell.column.id]: value });
-      }
-    }, editingData) : /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
+    row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx25("td", { children: /* @__PURE__ */ jsx25("div", { className: cell.column.columnDef.meta?.align === "right" ? "text-right" : "", children: cell.column.id !== "actions" ? (
+      // Check if column has a custom cell renderer - if so, use it in edit mode
+      cell.column.columnDef.cell ? flexRender3(cell.column.columnDef.cell, {
+        ...cell.getContext(),
+        getIsEditing: () => true,
+        // Always true in edit mode
+        setValue: (value) => {
+          if (typeof value === "object" && value !== null) {
+            onEditingDataChange({ ...editingData, ...value });
+          } else {
+            onEditingDataChange({ ...editingData, [cell.column.id]: value });
+          }
+        }
+      }) : (
+        // Fall back to default edit field rendering when no custom cell renderer
+        renderEditField2(cell.column, editingData[cell.column.id], (value) => {
+          if (typeof value === "object" && value !== null) {
+            onEditingDataChange({ ...editingData, ...value });
+          } else {
+            onEditingDataChange({ ...editingData, [cell.column.id]: value });
+          }
+        }, editingData)
+      )
+    ) : /* @__PURE__ */ jsxs17("div", { className: "flex gap-1", children: [
       /* @__PURE__ */ jsx25(
         Button,
         {
@@ -5520,7 +5590,7 @@ function EditableRow({
           children: "Cancel"
         }
       )
-    ] }) }, cell.id)),
+    ] }) }) }, cell.id)),
     actions.length > 0 && /* @__PURE__ */ jsx25("td", { children: /* @__PURE__ */ jsx25(
       ActionButtons,
       {
@@ -5591,4 +5661,4 @@ export {
   GroupHeader,
   EditableRow
 };
-//# sourceMappingURL=chunk-S66AJVI2.js.map
+//# sourceMappingURL=chunk-4HQ5BOVZ.js.map