@procore/data-table 13.2.0 → 13.2.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 13.2.1
+
+### Patch Changes
+
+- 15f03dbed4: Fix keyboard interactions for editors that format the value
+
 ## 13.2.0
 
 ### Minor Changes

package/dist/legacy/index.d.mts

@@ -154,6 +154,7 @@ interface DataTableCellRendererProps<TValue = any, TColumnDefinition extends Col
     rowIndex?: number;
 }
 interface DataTableCellEditorProps<TValue = any, TColumnDefinition extends ColumnDefinition = ColumnDefinition<TValue>> extends DataTableCellRendererProps<TValue, TColumnDefinition> {
+    eventKey: string | null;
     ref?: ((instance: HTMLElement | null) => void) | React__default.MutableRefObject<HTMLElement | null> | null;
     setDataValue: (field: string, newValue: TValue) => void;
     stopEditing: () => void;

package/dist/legacy/index.d.ts

@@ -154,6 +154,7 @@ interface DataTableCellRendererProps<TValue = any, TColumnDefinition extends Col
     rowIndex?: number;
 }
 interface DataTableCellEditorProps<TValue = any, TColumnDefinition extends ColumnDefinition = ColumnDefinition<TValue>> extends DataTableCellRendererProps<TValue, TColumnDefinition> {
+    eventKey: string | null;
     ref?: ((instance: HTMLElement | null) => void) | React__default.MutableRefObject<HTMLElement | null> | null;
     setDataValue: (field: string, newValue: TValue) => void;
     stopEditing: () => void;

package/dist/legacy/index.js

@@ -8182,7 +8182,7 @@ var Renderer3 = ({
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
 var Editor = React82__default.default.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     var _a, _b, _c, _d, _e;
     const I18n = coreReact.useI18nContext();
     if (isEmptyValue(value) && !columnDefinition.editable) {
@@ -8191,7 +8191,7 @@ var Editor = React82__default.default.forwardRef(
     function onBlur() {
       stopEditing();
     }
-    const defaultValue = labsFinancialsUtils.formatNumber(value, {
+    const defaultValue = eventKey ? value : labsFinancialsUtils.formatNumber(value, {
       ...((_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.formatConfig) ?? ((_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.formatConfig) ?? {},
       symbol: void 0,
       symbolAfterValue: void 0
@@ -53243,7 +53243,7 @@ var Renderer7 = ({
   );
 };
 var PercentCellRenderer = withDataTableRenderer(Renderer7, "input");
-var Editor4 = React82__default.default.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var Editor4 = React82__default.default.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
   var _a, _b, _c, _d, _e;
   const I18n = coreReact.useI18nContext();
   function onBlur() {
@@ -53252,7 +53252,7 @@ var Editor4 = React82__default.default.forwardRef(({ columnDefinition, stopEditi
   if (isEmptyValue(value) && !columnDefinition.editable) {
     return null;
   }
-  const defaultValue = labsFinancialsUtils.formatNumber(value, {
+  const defaultValue = eventKey ? value : labsFinancialsUtils.formatNumber(value, {
     ...((_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.formatConfig) ?? ((_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.formatConfig) ?? {},
     symbol: void 0,
     symbolAfterValue: void 0
@@ -53607,13 +53607,13 @@ var Renderer11 = ({
 };
 var TextCellRenderer = withDataTableRenderer(Renderer11, "input");
 var Editor7 = React82__default.default.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     var _a, _b, _c, _d;
     function onBlur() {
       stopEditing();
     }
     const I18n = coreReact.useI18nContext();
-    const internalValue = ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
+    const internalValue = eventKey ? value : ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
     return /* @__PURE__ */ React82__default.default.createElement(
       coreReact.Input,
       {
@@ -55869,6 +55869,7 @@ var DataTableCellEditor = React82__default.default.forwardRef(
         {
           columnDefinition,
           data,
+          eventKey,
           field: node.field,
           isGroup: node.group || false,
           parentData: context == null ? void 0 : context.parentData,

package/dist/legacy/index.mjs

@@ -8167,7 +8167,7 @@ var Renderer3 = ({
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
 var Editor = React82.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     var _a, _b, _c, _d, _e;
     const I18n = useI18nContext();
     if (isEmptyValue(value) && !columnDefinition.editable) {
@@ -8176,7 +8176,7 @@ var Editor = React82.forwardRef(
     function onBlur() {
       stopEditing();
     }
-    const defaultValue = formatNumber(value, {
+    const defaultValue = eventKey ? value : formatNumber(value, {
       ...((_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.formatConfig) ?? ((_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.formatConfig) ?? {},
       symbol: void 0,
       symbolAfterValue: void 0
@@ -53228,7 +53228,7 @@ var Renderer7 = ({
   );
 };
 var PercentCellRenderer = withDataTableRenderer(Renderer7, "input");
-var Editor4 = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var Editor4 = React82.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
   var _a, _b, _c, _d, _e;
   const I18n = useI18nContext();
   function onBlur() {
@@ -53237,7 +53237,7 @@ var Editor4 = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref)
   if (isEmptyValue(value) && !columnDefinition.editable) {
     return null;
   }
-  const defaultValue = formatNumber(value, {
+  const defaultValue = eventKey ? value : formatNumber(value, {
     ...((_a = columnDefinition.cellEditorParams) == null ? void 0 : _a.formatConfig) ?? ((_b = columnDefinition.cellRendererParams) == null ? void 0 : _b.formatConfig) ?? {},
     symbol: void 0,
     symbolAfterValue: void 0
@@ -53592,13 +53592,13 @@ var Renderer11 = ({
 };
 var TextCellRenderer = withDataTableRenderer(Renderer11, "input");
 var Editor7 = React82.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     var _a, _b, _c, _d;
     function onBlur() {
       stopEditing();
     }
     const I18n = useI18nContext();
-    const internalValue = ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
+    const internalValue = eventKey ? value : ((_a = columnDefinition.getStringFormattedValue) == null ? void 0 : _a.call(columnDefinition, value)) ?? value;
     return /* @__PURE__ */ React82.createElement(
       Input,
       {
@@ -55854,6 +55854,7 @@ var DataTableCellEditor = React82.forwardRef(
         {
           columnDefinition,
           data,
+          eventKey,
           field: node.field,
           isGroup: node.group || false,
           parentData: context == null ? void 0 : context.parentData,

package/dist/modern/index.d.mts

@@ -154,6 +154,7 @@ interface DataTableCellRendererProps<TValue = any, TColumnDefinition extends Col
     rowIndex?: number;
 }
 interface DataTableCellEditorProps<TValue = any, TColumnDefinition extends ColumnDefinition = ColumnDefinition<TValue>> extends DataTableCellRendererProps<TValue, TColumnDefinition> {
+    eventKey: string | null;
     ref?: ((instance: HTMLElement | null) => void) | React__default.MutableRefObject<HTMLElement | null> | null;
     setDataValue: (field: string, newValue: TValue) => void;
     stopEditing: () => void;

package/dist/modern/index.d.ts

@@ -154,6 +154,7 @@ interface DataTableCellRendererProps<TValue = any, TColumnDefinition extends Col
     rowIndex?: number;
 }
 interface DataTableCellEditorProps<TValue = any, TColumnDefinition extends ColumnDefinition = ColumnDefinition<TValue>> extends DataTableCellRendererProps<TValue, TColumnDefinition> {
+    eventKey: string | null;
     ref?: ((instance: HTMLElement | null) => void) | React__default.MutableRefObject<HTMLElement | null> | null;
     setDataValue: (field: string, newValue: TValue) => void;
     stopEditing: () => void;

package/dist/modern/index.js

@@ -8179,7 +8179,7 @@ var Renderer3 = ({
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
 var Editor = React82__default.default.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     const I18n = coreReact.useI18nContext();
     if (isEmptyValue(value) && !columnDefinition.editable) {
       return null;
@@ -8187,7 +8187,7 @@ var Editor = React82__default.default.forwardRef(
     function onBlur() {
       stopEditing();
     }
-    const defaultValue = labsFinancialsUtils.formatNumber(value, {
+    const defaultValue = eventKey ? value : labsFinancialsUtils.formatNumber(value, {
       ...columnDefinition.cellEditorParams?.formatConfig ?? columnDefinition.cellRendererParams?.formatConfig ?? {},
       symbol: void 0,
       symbolAfterValue: void 0
@@ -53221,7 +53221,7 @@ var Renderer7 = ({
   );
 };
 var PercentCellRenderer = withDataTableRenderer(Renderer7, "input");
-var Editor4 = React82__default.default.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var Editor4 = React82__default.default.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
   const I18n = coreReact.useI18nContext();
   function onBlur() {
     stopEditing();
@@ -53229,7 +53229,7 @@ var Editor4 = React82__default.default.forwardRef(({ columnDefinition, stopEditi
   if (isEmptyValue(value) && !columnDefinition.editable) {
     return null;
   }
-  const defaultValue = labsFinancialsUtils.formatNumber(value, {
+  const defaultValue = eventKey ? value : labsFinancialsUtils.formatNumber(value, {
     ...columnDefinition.cellEditorParams?.formatConfig ?? columnDefinition.cellRendererParams?.formatConfig ?? {},
     symbol: void 0,
     symbolAfterValue: void 0
@@ -53571,12 +53571,12 @@ var Renderer11 = ({
 };
 var TextCellRenderer = withDataTableRenderer(Renderer11, "input");
 var Editor7 = React82__default.default.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     function onBlur() {
       stopEditing();
     }
     const I18n = coreReact.useI18nContext();
-    const internalValue = columnDefinition.getStringFormattedValue?.(value) ?? value;
+    const internalValue = eventKey ? value : columnDefinition.getStringFormattedValue?.(value) ?? value;
     return /* @__PURE__ */ React82__default.default.createElement(
       coreReact.Input,
       {
@@ -55783,6 +55783,7 @@ var DataTableCellEditor = React82__default.default.forwardRef(
         {
           columnDefinition,
           data,
+          eventKey,
           field: node.field,
           isGroup: node.group || false,
           parentData: context?.parentData,

package/dist/modern/index.mjs

@@ -8164,7 +8164,7 @@ var Renderer3 = ({
 };
 var CurrencyCellRenderer = withDataTableRenderer(Renderer3, "input");
 var Editor = React82.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     const I18n = useI18nContext();
     if (isEmptyValue(value) && !columnDefinition.editable) {
       return null;
@@ -8172,7 +8172,7 @@ var Editor = React82.forwardRef(
     function onBlur() {
       stopEditing();
     }
-    const defaultValue = formatNumber(value, {
+    const defaultValue = eventKey ? value : formatNumber(value, {
       ...columnDefinition.cellEditorParams?.formatConfig ?? columnDefinition.cellRendererParams?.formatConfig ?? {},
       symbol: void 0,
       symbolAfterValue: void 0
@@ -53206,7 +53206,7 @@ var Renderer7 = ({
   );
 };
 var PercentCellRenderer = withDataTableRenderer(Renderer7, "input");
-var Editor4 = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref) => {
+var Editor4 = React82.forwardRef(({ columnDefinition, eventKey, stopEditing, value }, ref) => {
   const I18n = useI18nContext();
   function onBlur() {
     stopEditing();
@@ -53214,7 +53214,7 @@ var Editor4 = React82.forwardRef(({ columnDefinition, stopEditing, value }, ref)
   if (isEmptyValue(value) && !columnDefinition.editable) {
     return null;
   }
-  const defaultValue = formatNumber(value, {
+  const defaultValue = eventKey ? value : formatNumber(value, {
     ...columnDefinition.cellEditorParams?.formatConfig ?? columnDefinition.cellRendererParams?.formatConfig ?? {},
     symbol: void 0,
     symbolAfterValue: void 0
@@ -53556,12 +53556,12 @@ var Renderer11 = ({
 };
 var TextCellRenderer = withDataTableRenderer(Renderer11, "input");
 var Editor7 = React82.forwardRef(
-  ({ columnDefinition, stopEditing, value }, ref) => {
+  ({ columnDefinition, eventKey, stopEditing, value }, ref) => {
     function onBlur() {
       stopEditing();
     }
     const I18n = useI18nContext();
-    const internalValue = columnDefinition.getStringFormattedValue?.(value) ?? value;
+    const internalValue = eventKey ? value : columnDefinition.getStringFormattedValue?.(value) ?? value;
     return /* @__PURE__ */ React82.createElement(
       Input,
       {
@@ -55768,6 +55768,7 @@ var DataTableCellEditor = React82.forwardRef(
         {
           columnDefinition,
           data,
+          eventKey,
           field: node.field,
           isGroup: node.group || false,
           parentData: context?.parentData,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "13.2.0",
+  "version": "13.2.1",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "main": "dist/legacy/index.js",
   "module": "dist/legacy/index.mjs",