@gobolt/genesis 0.4.10 → 0.4.12

package/dist/components/Table/Table.d.ts

@@ -46,6 +46,13 @@ export interface TableProps<T extends Record<string, any>> {
     isMainContentCell?: boolean;
     isMaterializedView?: boolean;
     materializedViewConfig?: MaterializedViewConfig<T>;
+    enableRowKeyValidation?: boolean;
+    onRowKeyError?: (error: {
+        record: T;
+        rowKey: keyof T | ((record: T) => React.Key);
+        index: number;
+        error: Error;
+    }) => void;
 }
 export type TablePaginationType = {
     pageSize?: number;
@@ -59,5 +66,5 @@ export type SorterResult<T> = {
     field?: keyof T | string | React.Key | readonly React.Key[];
     columnKey?: React.Key;
 };
-declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, onRowClick, pagination, isMainContentCell, isMaterializedView, materializedViewConfig, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function Table<T extends Record<string, any>>({ columns, dataSource, rowKey, size, onChange, rowSelection, onRowClick, pagination, isMainContentCell, isMaterializedView, materializedViewConfig, enableRowKeyValidation, onRowKeyError, ...rest }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Table;

package/dist/index.cjs

@@ -49300,8 +49300,8 @@ function Column$2(_) {
 function ColumnGroup$1(_) {
   return null;
 }
-function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, getRowKey, index2) {
-  var key = getRowKey(record, index2);
+function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, getRowKey2, index2) {
+  var key = getRowKey2(record, index2);
   list2.push({
     record,
     indent,
@@ -49311,17 +49311,17 @@ function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, ge
   var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
   if (record && Array.isArray(record[childrenColumnName]) && expanded) {
     for (var i = 0; i < record[childrenColumnName].length; i += 1) {
-      fillRecords(list2, record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
+      fillRecords(list2, record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey2, i);
     }
   }
 }
-function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
+function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2) {
   var arr = React__namespace.useMemo(function() {
     if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
       var list2 = [];
       for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
         var record = data[i];
-        fillRecords(list2, record, 0, childrenColumnName, expandedKeys, getRowKey, i);
+        fillRecords(list2, record, 0, childrenColumnName, expandedKeys, getRowKey2, i);
       }
       return list2;
     }
@@ -49330,10 +49330,10 @@ function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
         record: item,
         indent: 0,
         index: index2,
-        rowKey: getRowKey(item, index2)
+        rowKey: getRowKey2(item, index2)
       };
     });
-  }, [data, childrenColumnName, expandedKeys, getRowKey]);
+  }, [data, childrenColumnName, expandedKeys, getRowKey2]);
   return arr;
 }
 function useRowInfo(record, rowKey, recordIndex, indent) {
@@ -49424,11 +49424,11 @@ function renderExpandIcon$1(_ref) {
     onClick
   });
 }
-function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
+function findAllChildrenKeys(data, getRowKey2, childrenColumnName) {
   var keys2 = [];
   function dig(list2) {
     (list2 || []).forEach(function(item, index2) {
-      keys2.push(getRowKey(item, index2));
+      keys2.push(getRowKey2(item, index2));
       dig(item[childrenColumnName]);
     });
   }
@@ -49603,8 +49603,8 @@ function Body(props) {
     devRenderTimes(props);
   }
   var data = props.data, measureColumnWidth = props.measureColumnWidth;
-  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
-  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey2 = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
+  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2);
   var rowKeys = React__namespace.useMemo(function() {
     return flattenData2.map(function(item) {
       return item.rowKey;
@@ -50073,7 +50073,7 @@ function revertForRtl(columns) {
   });
 }
 function useColumns(_ref2, transformColumns) {
-  var prefixCls = _ref2.prefixCls, columns = _ref2.columns, children2 = _ref2.children, expandable = _ref2.expandable, expandedKeys = _ref2.expandedKeys, columnTitle = _ref2.columnTitle, getRowKey = _ref2.getRowKey, onTriggerExpand = _ref2.onTriggerExpand, expandIcon = _ref2.expandIcon, rowExpandable = _ref2.rowExpandable, expandIconColumnIndex = _ref2.expandIconColumnIndex, _ref2$expandedRowOffs = _ref2.expandedRowOffset, expandedRowOffset = _ref2$expandedRowOffs === void 0 ? 0 : _ref2$expandedRowOffs, direction = _ref2.direction, expandRowByClick = _ref2.expandRowByClick, columnWidth = _ref2.columnWidth, fixed = _ref2.fixed, scrollWidth = _ref2.scrollWidth, clientWidth = _ref2.clientWidth;
+  var prefixCls = _ref2.prefixCls, columns = _ref2.columns, children2 = _ref2.children, expandable = _ref2.expandable, expandedKeys = _ref2.expandedKeys, columnTitle = _ref2.columnTitle, getRowKey2 = _ref2.getRowKey, onTriggerExpand = _ref2.onTriggerExpand, expandIcon = _ref2.expandIcon, rowExpandable = _ref2.rowExpandable, expandIconColumnIndex = _ref2.expandIconColumnIndex, _ref2$expandedRowOffs = _ref2.expandedRowOffset, expandedRowOffset = _ref2$expandedRowOffs === void 0 ? 0 : _ref2$expandedRowOffs, direction = _ref2.direction, expandRowByClick = _ref2.expandRowByClick, columnWidth = _ref2.columnWidth, fixed = _ref2.fixed, scrollWidth = _ref2.scrollWidth, clientWidth = _ref2.clientWidth;
   var baseColumns = React__namespace.useMemo(function() {
     var newColumns = columns || convertChildrenToColumns(children2) || [];
     return filterHiddenColumns(newColumns.slice());
@@ -50113,7 +50113,7 @@ function useColumns(_ref2, transformColumns) {
         className: "".concat(prefixCls, "-expand-icon-col"),
         columnType: "EXPAND_COLUMN"
       }), "title", columnTitle), "fixed", fixedColumn), "className", "".concat(prefixCls, "-row-expand-icon-cell")), "width", columnWidth), "render", function render2(_, record, index2) {
-        var rowKey = getRowKey(record, index2);
+        var rowKey = getRowKey2(record, index2);
         var expanded = expandedKeys.has(rowKey);
         var recordExpandable = rowExpandable ? rowExpandable(record) : true;
         var icon = expandIcon({
@@ -50148,7 +50148,7 @@ function useColumns(_ref2, transformColumns) {
     return baseColumns.filter(function(col) {
       return col !== EXPAND_COLUMN;
     });
-  }, [expandable, baseColumns, getRowKey, expandedKeys, expandIcon, direction, expandedRowOffset]);
+  }, [expandable, baseColumns, getRowKey2, expandedKeys, expandIcon, direction, expandedRowOffset]);
   var mergedColumns = React__namespace.useMemo(function() {
     var finalColumns = withExpandColumns;
     if (transformColumns) {
@@ -50203,7 +50203,7 @@ function useColumns(_ref2, transformColumns) {
   var _useWidthColumns = useWidthColumns(flattenColumns, scrollWidth, clientWidth), _useWidthColumns2 = _slicedToArray(_useWidthColumns, 2), filledColumns = _useWidthColumns2[0], realScrollWidth = _useWidthColumns2[1];
   return [mergedColumns, filledColumns, realScrollWidth, hasGapFixed];
 }
-function useExpand(props, mergedData, getRowKey) {
+function useExpand(props, mergedData, getRowKey2) {
   var expandableConfig = getExpandableProps(props);
   var expandIcon = expandableConfig.expandIcon, expandedRowKeys = expandableConfig.expandedRowKeys, defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys, defaultExpandAllRows = expandableConfig.defaultExpandAllRows, expandedRowRender = expandableConfig.expandedRowRender, onExpand = expandableConfig.onExpand, onExpandedRowsChange = expandableConfig.onExpandedRowsChange, childrenColumnName = expandableConfig.childrenColumnName;
   var mergedExpandIcon = expandIcon || renderExpandIcon$1;
@@ -50224,7 +50224,7 @@ function useExpand(props, mergedData, getRowKey) {
       return defaultExpandedRowKeys;
     }
     if (defaultExpandAllRows) {
-      return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
+      return findAllChildrenKeys(mergedData, getRowKey2, mergedChildrenColumnName);
     }
     return [];
   }), _React$useState2 = _slicedToArray(_React$useState, 2), innerExpandedKeys = _React$useState2[0], setInnerExpandedKeys = _React$useState2[1];
@@ -50232,7 +50232,7 @@ function useExpand(props, mergedData, getRowKey) {
     return new Set(expandedRowKeys || innerExpandedKeys || []);
   }, [expandedRowKeys, innerExpandedKeys]);
   var onTriggerExpand = React__namespace.useCallback(function(record) {
-    var key = getRowKey(record, mergedData.indexOf(record));
+    var key = getRowKey2(record, mergedData.indexOf(record));
     var newExpandedKeys;
     var hasKey = mergedExpandedKeys.has(key);
     if (hasKey) {
@@ -50248,7 +50248,7 @@ function useExpand(props, mergedData, getRowKey) {
     if (onExpandedRowsChange) {
       onExpandedRowsChange(newExpandedKeys);
     }
-  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
+  }, [getRowKey2, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
   if (process.env.NODE_ENV !== "production" && expandedRowRender && mergedData.some(function(record) {
     return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName]);
   })) {
@@ -50568,7 +50568,7 @@ function Table$3(tableProps, ref) {
   var getComponent = React__namespace.useCallback(function(path2, defaultComponent) {
     return get$2(components2, path2) || defaultComponent;
   }, [components2]);
-  var getRowKey = React__namespace.useMemo(function() {
+  var getRowKey2 = React__namespace.useMemo(function() {
     if (typeof rowKey === "function") {
       return rowKey;
     }
@@ -50582,14 +50582,14 @@ function Table$3(tableProps, ref) {
   }, [rowKey]);
   var customizeScrollBody = getComponent(["body"]);
   var _useHover = useHover(), _useHover2 = _slicedToArray(_useHover, 3), startRow = _useHover2[0], endRow = _useHover2[1], onHover = _useHover2[2];
-  var _useExpand = useExpand(props, mergedData, getRowKey), _useExpand2 = _slicedToArray(_useExpand, 6), expandableConfig = _useExpand2[0], expandableType = _useExpand2[1], mergedExpandedKeys = _useExpand2[2], mergedExpandIcon = _useExpand2[3], mergedChildrenColumnName = _useExpand2[4], onTriggerExpand = _useExpand2[5];
+  var _useExpand = useExpand(props, mergedData, getRowKey2), _useExpand2 = _slicedToArray(_useExpand, 6), expandableConfig = _useExpand2[0], expandableType = _useExpand2[1], mergedExpandedKeys = _useExpand2[2], mergedExpandIcon = _useExpand2[3], mergedChildrenColumnName = _useExpand2[4], onTriggerExpand = _useExpand2[5];
   var scrollX = scroll === null || scroll === void 0 ? void 0 : scroll.x;
   var _React$useState = React__namespace.useState(0), _React$useState2 = _slicedToArray(_React$useState, 2), componentWidth = _React$useState2[0], setComponentWidth = _React$useState2[1];
   var _useColumns = useColumns(_objectSpread2(_objectSpread2(_objectSpread2({}, props), expandableConfig), {}, {
     expandable: !!expandableConfig.expandedRowRender,
     columnTitle: expandableConfig.columnTitle,
     expandedKeys: mergedExpandedKeys,
-    getRowKey,
+    getRowKey: getRowKey2,
     // https://github.com/ant-design/ant-design/issues/23894
     onTriggerExpand,
     expandIcon: mergedExpandIcon,
@@ -50623,7 +50623,7 @@ function Table$3(tableProps, ref) {
             });
           } else {
             var _scrollBodyRef$curren2;
-            var mergedKey = key !== null && key !== void 0 ? key : getRowKey(mergedData[index2]);
+            var mergedKey = key !== null && key !== void 0 ? key : getRowKey2(mergedData[index2]);
             (_scrollBodyRef$curren2 = scrollBodyRef.current.querySelector('[data-row-key="'.concat(mergedKey, '"]'))) === null || _scrollBodyRef$curren2 === void 0 || _scrollBodyRef$curren2.scrollIntoView();
           }
         } else if ((_scrollBodyRef$curren3 = scrollBodyRef.current) !== null && _scrollBodyRef$curren3 !== void 0 && _scrollBodyRef$curren3.scrollTo) {
@@ -50989,7 +50989,7 @@ function Table$3(tableProps, ref) {
       onHover,
       rowExpandable: expandableConfig.rowExpandable,
       onRow,
-      getRowKey,
+      getRowKey: getRowKey2,
       expandedKeys: mergedExpandedKeys,
       childrenColumnName: mergedChildrenColumnName,
       rowHoverable
@@ -51033,7 +51033,7 @@ function Table$3(tableProps, ref) {
     onHover,
     expandableConfig.rowExpandable,
     onRow,
-    getRowKey,
+    getRowKey2,
     mergedExpandedKeys,
     mergedChildrenColumnName,
     rowHoverable
@@ -51187,10 +51187,10 @@ if (process.env.NODE_ENV !== "production") {
 }
 var Grid = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
   var data = props.data, onScroll = props.onScroll;
-  var _useContext = useContext(TableContext, ["flattenColumns", "onColumnResize", "getRowKey", "prefixCls", "expandedKeys", "childrenColumnName", "scrollX", "direction"]), flattenColumns = _useContext.flattenColumns, onColumnResize = _useContext.onColumnResize, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, prefixCls = _useContext.prefixCls, childrenColumnName = _useContext.childrenColumnName, scrollX = _useContext.scrollX, direction = _useContext.direction;
+  var _useContext = useContext(TableContext, ["flattenColumns", "onColumnResize", "getRowKey", "prefixCls", "expandedKeys", "childrenColumnName", "scrollX", "direction"]), flattenColumns = _useContext.flattenColumns, onColumnResize = _useContext.onColumnResize, getRowKey2 = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, prefixCls = _useContext.prefixCls, childrenColumnName = _useContext.childrenColumnName, scrollX = _useContext.scrollX, direction = _useContext.direction;
   var _useContext2 = useContext(StaticContext), sticky = _useContext2.sticky, scrollY = _useContext2.scrollY, listItemHeight = _useContext2.listItemHeight, getComponent = _useContext2.getComponent, onTablePropScroll = _useContext2.onScroll;
   var listRef = React__namespace.useRef();
-  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2);
   var columnsWidth = React__namespace.useMemo(function() {
     var total = 0;
     return flattenColumns.map(function(_ref) {
@@ -51304,10 +51304,10 @@ var Grid = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
     }
     var nodes = spanLines.map(function(index2) {
       var item = flattenData2[index2];
-      var rowKey = getRowKey(item.record, index2);
+      var rowKey = getRowKey2(item.record, index2);
       var getHeight2 = function getHeight3(rowSpan) {
         var endItemIndex = index2 + rowSpan - 1;
-        var endItemKey = getRowKey(flattenData2[endItemIndex].record, endItemIndex);
+        var endItemKey = getRowKey2(flattenData2[endItemIndex].record, endItemIndex);
         var sizeInfo2 = getSize3(rowKey, endItemKey);
         return sizeInfo2.bottom - sizeInfo2.top;
       };
@@ -51355,7 +51355,7 @@ var Grid = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
     itemHeight: listItemHeight || 24,
     data: flattenData2,
     itemKey: function itemKey2(item) {
-      return getRowKey(item.record);
+      return getRowKey2(item.record);
     },
     component: wrapperComponent,
     scrollWidth: scrollX,
@@ -51371,7 +51371,7 @@ var Grid = /* @__PURE__ */ React__namespace.forwardRef(function(props, ref) {
     onScroll: onTablePropScroll,
     extraRender
   }, function(item, index2, itemProps) {
-    var rowKey = getRowKey(item.record, index2);
+    var rowKey = getRowKey2(item.record, index2);
     return /* @__PURE__ */ React__namespace.createElement(ResponseBodyLine, {
       data: item,
       rowKey,
@@ -51988,7 +51988,7 @@ const useSelection = (config, rowSelection) => {
     data,
     pageData,
     getRecordByKey,
-    getRowKey,
+    getRowKey: getRowKey2,
     expandType,
     childrenColumnName,
     locale: tableLocale,
@@ -52027,35 +52027,35 @@ const useSelection = (config, rowSelection) => {
     }
     let convertData = data;
     if (preserveSelectedRowKeys) {
-      const keysSet = new Set(flattedData.map((record, index2) => getRowKey(record, index2)));
+      const keysSet = new Set(flattedData.map((record, index2) => getRowKey2(record, index2)));
       const preserveRecords = Array.from(preserveRecordsRef.current).reduce((total, [key, value2]) => keysSet.has(key) ? total : total.concat(value2), []);
       convertData = [].concat(_toConsumableArray(convertData), _toConsumableArray(preserveRecords));
     }
     return convertDataToEntities(convertData, {
-      externalGetKey: getRowKey,
+      externalGetKey: getRowKey2,
       childrenPropName: childrenColumnName
     });
-  }, [data, getRowKey, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]);
+  }, [data, getRowKey2, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]);
   const checkboxPropsMap = React.useMemo(() => {
     const map2 = /* @__PURE__ */ new Map();
     flattedData.forEach((record, index2) => {
-      const key = getRowKey(record, index2);
+      const key = getRowKey2(record, index2);
       const checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};
       map2.set(key, checkboxProps);
       process.env.NODE_ENV !== "production" ? warning3(!("checked" in checkboxProps || "defaultChecked" in checkboxProps), "usage", "Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.") : void 0;
     });
     return map2;
-  }, [flattedData, getRowKey, getCheckboxProps]);
+  }, [flattedData, getRowKey2, getCheckboxProps]);
   const isCheckboxDisabled = React.useCallback((r2) => {
-    const rowKey = getRowKey(r2);
+    const rowKey = getRowKey2(r2);
     let checkboxProps;
     if (checkboxPropsMap.has(rowKey)) {
-      checkboxProps = checkboxPropsMap.get(getRowKey(r2));
+      checkboxProps = checkboxPropsMap.get(getRowKey2(r2));
     } else {
       checkboxProps = getCheckboxProps ? getCheckboxProps(r2) : void 0;
     }
     return !!(checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.disabled);
-  }, [checkboxPropsMap, getRowKey]);
+  }, [checkboxPropsMap, getRowKey2]);
   const [derivedSelectedKeys, derivedHalfSelectedKeys] = React.useMemo(() => {
     if (checkStrictly) {
       return [mergedSelectedKeys || [], []];
@@ -52117,7 +52117,7 @@ const useSelection = (config, rowSelection) => {
           key: "all",
           text: tableLocale.selectionAll,
           onSelect() {
-            setSelectedKeys(data.map((record, index2) => getRowKey(record, index2)).filter((key) => {
+            setSelectedKeys(data.map((record, index2) => getRowKey2(record, index2)).filter((key) => {
               const checkProps = checkboxPropsMap.get(key);
               return !(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled) || derivedSelectedKeySet.has(key);
             }), "all");
@@ -52131,7 +52131,7 @@ const useSelection = (config, rowSelection) => {
           onSelect() {
             const keySet = new Set(derivedSelectedKeySet);
             pageData.forEach((record, index2) => {
-              const key = getRowKey(record, index2);
+              const key = getRowKey2(record, index2);
               const checkProps = checkboxPropsMap.get(key);
               if (!(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled)) {
                 if (keySet.has(key)) {
@@ -52172,7 +52172,7 @@ const useSelection = (config, rowSelection) => {
         updatePrevSelectedIndex(null);
       }
     }));
-  }, [selections, derivedSelectedKeySet, pageData, getRowKey, onSelectInvert, setSelectedKeys]);
+  }, [selections, derivedSelectedKeySet, pageData, getRowKey2, onSelectInvert, setSelectedKeys]);
   const transformColumns = React.useCallback((columns) => {
     var _a;
     if (!rowSelection) {
@@ -52181,7 +52181,7 @@ const useSelection = (config, rowSelection) => {
     }
     let cloneColumns = _toConsumableArray(columns);
     const keySet = new Set(derivedSelectedKeySet);
-    const recordKeys = flattedData.map(getRowKey).filter((key) => !checkboxPropsMap.get(key).disabled);
+    const recordKeys = flattedData.map(getRowKey2).filter((key) => !checkboxPropsMap.get(key).disabled);
     const checkedCurrentAll = recordKeys.every((key) => keySet.has(key));
     const checkedCurrentSome = recordKeys.some((key) => keySet.has(key));
     const onSelectAllChange = () => {
@@ -52234,7 +52234,7 @@ const useSelection = (config, rowSelection) => {
         }, /* @__PURE__ */ React__namespace.createElement("span", null, /* @__PURE__ */ React__namespace.createElement(RefIcon$w, null))));
       }
       const allDisabledData = flattedData.map((record, index2) => {
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checkboxProps = checkboxPropsMap.get(key) || {};
         return Object.assign({
           checked: keySet.has(key)
@@ -52273,7 +52273,7 @@ const useSelection = (config, rowSelection) => {
     let renderCell;
     if (selectionType === "radio") {
       renderCell = (_, record, index2) => {
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checked = keySet.has(key);
         const checkboxProps = checkboxPropsMap.get(key);
         return {
@@ -52298,7 +52298,7 @@ const useSelection = (config, rowSelection) => {
     } else {
       renderCell = (_, record, index2) => {
         var _a2;
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checked = keySet.has(key);
         const indeterminate = derivedHalfSelectedKeySet.has(key);
         const checkboxProps = checkboxPropsMap.get(key);
@@ -52430,7 +52430,7 @@ const useSelection = (config, rowSelection) => {
       }
     };
     return cloneColumns.map((col) => col === SELECTION_COLUMN ? selectionColumn : col);
-  }, [getRowKey, flattedData, rowSelection, derivedSelectedKeys, derivedSelectedKeySet, derivedHalfSelectedKeySet, selectionColWidth, mergedSelections, expandType, checkboxPropsMap, onSelectMultiple, triggerSingleSelection, isCheckboxDisabled]);
+  }, [getRowKey2, flattedData, rowSelection, derivedSelectedKeys, derivedSelectedKeySet, derivedHalfSelectedKeySet, selectionColWidth, mergedSelections, expandType, checkboxPropsMap, onSelectMultiple, triggerSingleSelection, isCheckboxDisabled]);
   return [transformColumns, derivedSelectedKeySet];
 };
 function fillProxy(element2, handler) {
@@ -55310,14 +55310,14 @@ const useFilter = (props) => {
   const transformColumns = (innerColumns) => injectFilter(prefixCls, dropdownPrefixCls, innerColumns, mergedFilterStates, tableLocale, triggerFilter, getPopupContainer, void 0, rootClassName);
   return [transformColumns, mergedFilterStates, filters];
 };
-const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
+const useLazyKVMap = (data, childrenColumnName, getRowKey2) => {
   const mapCacheRef = React__namespace.useRef({});
   function getRecordByKey(key) {
     var _a;
-    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
+    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey2) {
       let dig = function(records) {
         records.forEach((record, index2) => {
-          const rowKey = getRowKey(record, index2);
+          const rowKey = getRowKey2(record, index2);
           kvMap.set(rowKey, record);
           if (record && typeof record === "object" && childrenColumnName in record) {
             dig(record[childrenColumnName] || []);
@@ -55330,7 +55330,7 @@ const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
         data,
         childrenColumnName,
         kvMap,
-        getRowKey
+        getRowKey: getRowKey2
       };
     }
     return (_a = mapCacheRef.current.kvMap) === null || _a === void 0 ? void 0 : _a.get(key);
@@ -57238,13 +57238,13 @@ const InternalTable = (props, ref) => {
   useProxyImperativeHandle(ref, () => Object.assign(Object.assign({}, tblRef.current), {
     nativeElement: rootRef.current
   }));
-  const getRowKey = React__namespace.useMemo(() => {
+  const getRowKey2 = React__namespace.useMemo(() => {
     if (typeof rowKey === "function") {
       return rowKey;
     }
     return (record) => record === null || record === void 0 ? void 0 : record[rowKey];
   }, [rowKey]);
-  const [getRecordByKey] = useLazyKVMap(rawData, childrenColumnName, getRowKey);
+  const [getRecordByKey] = useLazyKVMap(rawData, childrenColumnName, getRowKey2);
   const changeEventInfo = {};
   const triggerOnChange = (info, action, reset = false) => {
     var _a2, _b2, _c, _d;
@@ -57349,7 +57349,7 @@ const InternalTable = (props, ref) => {
     prefixCls,
     data: mergedData,
     pageData,
-    getRowKey,
+    getRowKey: getRowKey2,
     getRecordByKey,
     expandType,
     childrenColumnName,
@@ -57364,7 +57364,7 @@ const InternalTable = (props, ref) => {
       mergedRowClassName = classNames(rowClassName);
     }
     return classNames({
-      [`${prefixCls}-row-selected`]: selectedKeySet.has(getRowKey(record, index2))
+      [`${prefixCls}-row-selected`]: selectedKeySet.has(getRowKey2(record, index2))
     }, mergedRowClassName);
   };
   mergedExpandable.__PARENT_RENDER_ICON__ = mergedExpandable.expandIcon;
@@ -57472,7 +57472,7 @@ const InternalTable = (props, ref) => {
       [`${prefixCls}-empty`]: rawData.length === 0
     }, cssVarCls, rootCls, hashId),
     data: pageData,
-    rowKey: getRowKey,
+    rowKey: getRowKey2,
     rowClassName: internalRowClassName,
     emptyText,
     // Internal
@@ -83976,6 +83976,39 @@ function requireDebounce() {
 }
 var debounceExports = /* @__PURE__ */ requireDebounce();
 const debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
+const getRowKey = (record, rowKey, index2, enableValidation = true) => {
+  try {
+    const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+    if (enableValidation) {
+      if (key === void 0 || key === null) {
+        console.error(`Genesis Table: rowKey "${String(rowKey)}" returned undefined/null for record at index ${index2}.`, {
+          record,
+          rowKey,
+          availableKeys: Object.keys(record)
+        });
+        return `fallback-${index2}`;
+      }
+      if (typeof key === "string" && String(key).trim() === "") {
+        console.warn(`Genesis Table: rowKey "${String(rowKey)}" returned empty string for record at index ${index2}.`, {
+          record,
+          rowKey
+        });
+        return `fallback-${index2}`;
+      }
+    }
+    return key;
+  } catch (error2) {
+    if (enableValidation) {
+      console.error(`Genesis Table: Error accessing rowKey "${String(rowKey)}" for record at index ${index2}.`, {
+        error: error2,
+        record,
+        rowKey,
+        availableKeys: Object.keys(record)
+      });
+    }
+    return `fallback-${index2}`;
+  }
+};
 function Table({
   columns,
   dataSource,
@@ -83988,6 +84021,8 @@ function Table({
   isMainContentCell = false,
   isMaterializedView = false,
   materializedViewConfig,
+  enableRowKeyValidation = process.env.NODE_ENV === "development",
+  onRowKeyError,
   ...rest
 }) {
   const [materializedData, setMaterializedData] = React__namespace.useState([]);
@@ -84102,6 +84137,42 @@ function Table({
     return rest.scroll;
   }, [isMaterializedView, materializedViewConfig, dynamicHeight, rest.scroll]);
   const tableDataSource = isMaterializedView ? materializedData : dataSource;
+  React__namespace.useEffect(() => {
+    if (enableRowKeyValidation && tableDataSource.length > 0) {
+      const sampleRecord = tableDataSource[0];
+      if (typeof rowKey === "string") {
+        if (!(rowKey in sampleRecord)) {
+          const error2 = new Error(`rowKey "${rowKey}" does not exist in data records`);
+          console.error(`Genesis Table: ${error2.message}. Available keys:`, Object.keys(sampleRecord));
+          onRowKeyError?.({
+            record: sampleRecord,
+            rowKey,
+            index: 0,
+            error: error2
+          });
+        }
+      }
+      const keys2 = tableDataSource.map(
+        (record, index2) => getRowKey(record, rowKey, index2, false)
+        // Don't log individual errors here
+      );
+      const uniqueKeys = [...new Set(keys2)];
+      if (keys2.length !== uniqueKeys.length) {
+        const error2 = new Error(`Duplicate row keys detected`);
+        console.error(`Genesis Table: ${error2.message}!`, {
+          totalKeys: keys2.length,
+          uniqueKeys: uniqueKeys.length,
+          duplicates: keys2.filter((key, index2) => keys2.indexOf(key) !== index2)
+        });
+        onRowKeyError?.({
+          record: tableDataSource[0],
+          rowKey,
+          index: 0,
+          error: error2
+        });
+      }
+    }
+  }, [tableDataSource, rowKey, enableRowKeyValidation, onRowKeyError]);
   const handleRowMouseDown = React__namespace.useCallback(
     (record, index2, event) => {
       const target = event.target;
@@ -84111,10 +84182,10 @@ function Table({
       if (isInteractiveElement) {
         return;
       }
-      const recordKey = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+      const recordKey = getRowKey(record, rowKey, index2, enableRowKeyValidation);
       setPressedRowKey(recordKey);
     },
-    [rowKey]
+    [rowKey, enableRowKeyValidation]
   );
   const handleRowMouseUp = React__namespace.useCallback(
     (record, index2, event) => {
@@ -84124,14 +84195,11 @@ function Table({
   );
   const handleRowClick = React__namespace.useCallback(
     (record, index2, event) => {
-      console.log("Row clicked:", record, "index:", index2);
       const target = event.target;
       const isInteractiveElement = target.closest(
         'button, a, input, select, textarea, [role="button"], [onclick], .ant-checkbox-wrapper, .ant-checkbox'
       );
-      console.log("Is interactive element:", isInteractiveElement);
       if (isInteractiveElement) {
-        console.log("Skipping row click due to interactive element");
         return;
       }
       if (onRowClick) {
@@ -84148,7 +84216,6 @@ function Table({
       // Use internal state
       // Override the onChange to ensure we get the latest data
       onChange: (selectedRowKeys2, selectedRows) => {
-        console.log("Row selection changed:", selectedRowKeys2, selectedRows);
         setSelectedRowKeys(selectedRowKeys2);
         if (rowSelection.onChange) {
           rowSelection.onChange(selectedRowKeys2, selectedRows);
@@ -84170,7 +84237,7 @@ function Table({
       rowSelection: enhancedRowSelection,
       onRow: (record, index2) => {
         const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
-        const recordKey = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+        const recordKey = getRowKey(record, rowKey, index2 ?? 0, enableRowKeyValidation);
         const isPressed = pressedRowKey === recordKey;
         return {
           onClick: (event) => handleRowClick(record, index2 ?? 0, event),

package/dist/index.js

@@ -49282,8 +49282,8 @@ function Column$2(_) {
 function ColumnGroup$1(_) {
   return null;
 }
-function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, getRowKey, index2) {
-  var key = getRowKey(record, index2);
+function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, getRowKey2, index2) {
+  var key = getRowKey2(record, index2);
   list2.push({
     record,
     indent,
@@ -49293,17 +49293,17 @@ function fillRecords(list2, record, indent, childrenColumnName, expandedKeys, ge
   var expanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.has(key);
   if (record && Array.isArray(record[childrenColumnName]) && expanded) {
     for (var i = 0; i < record[childrenColumnName].length; i += 1) {
-      fillRecords(list2, record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey, i);
+      fillRecords(list2, record[childrenColumnName][i], indent + 1, childrenColumnName, expandedKeys, getRowKey2, i);
     }
   }
 }
-function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
+function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2) {
   var arr = React.useMemo(function() {
     if (expandedKeys !== null && expandedKeys !== void 0 && expandedKeys.size) {
       var list2 = [];
       for (var i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i += 1) {
         var record = data[i];
-        fillRecords(list2, record, 0, childrenColumnName, expandedKeys, getRowKey, i);
+        fillRecords(list2, record, 0, childrenColumnName, expandedKeys, getRowKey2, i);
       }
       return list2;
     }
@@ -49312,10 +49312,10 @@ function useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey) {
         record: item,
         indent: 0,
         index: index2,
-        rowKey: getRowKey(item, index2)
+        rowKey: getRowKey2(item, index2)
       };
     });
-  }, [data, childrenColumnName, expandedKeys, getRowKey]);
+  }, [data, childrenColumnName, expandedKeys, getRowKey2]);
   return arr;
 }
 function useRowInfo(record, rowKey, recordIndex, indent) {
@@ -49406,11 +49406,11 @@ function renderExpandIcon$1(_ref) {
     onClick
   });
 }
-function findAllChildrenKeys(data, getRowKey, childrenColumnName) {
+function findAllChildrenKeys(data, getRowKey2, childrenColumnName) {
   var keys2 = [];
   function dig(list2) {
     (list2 || []).forEach(function(item, index2) {
-      keys2.push(getRowKey(item, index2));
+      keys2.push(getRowKey2(item, index2));
       dig(item[childrenColumnName]);
     });
   }
@@ -49585,8 +49585,8 @@ function Body(props) {
     devRenderTimes(props);
   }
   var data = props.data, measureColumnWidth = props.measureColumnWidth;
-  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
-  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var _useContext = useContext(TableContext, ["prefixCls", "getComponent", "onColumnResize", "flattenColumns", "getRowKey", "expandedKeys", "childrenColumnName", "emptyNode", "expandedRowOffset", "fixedInfoList", "colWidths"]), prefixCls = _useContext.prefixCls, getComponent = _useContext.getComponent, onColumnResize = _useContext.onColumnResize, flattenColumns = _useContext.flattenColumns, getRowKey2 = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, childrenColumnName = _useContext.childrenColumnName, emptyNode = _useContext.emptyNode, _useContext$expandedR = _useContext.expandedRowOffset, expandedRowOffset = _useContext$expandedR === void 0 ? 0 : _useContext$expandedR, colWidths = _useContext.colWidths;
+  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2);
   var rowKeys = React.useMemo(function() {
     return flattenData2.map(function(item) {
       return item.rowKey;
@@ -50055,7 +50055,7 @@ function revertForRtl(columns) {
   });
 }
 function useColumns(_ref2, transformColumns) {
-  var prefixCls = _ref2.prefixCls, columns = _ref2.columns, children2 = _ref2.children, expandable = _ref2.expandable, expandedKeys = _ref2.expandedKeys, columnTitle = _ref2.columnTitle, getRowKey = _ref2.getRowKey, onTriggerExpand = _ref2.onTriggerExpand, expandIcon = _ref2.expandIcon, rowExpandable = _ref2.rowExpandable, expandIconColumnIndex = _ref2.expandIconColumnIndex, _ref2$expandedRowOffs = _ref2.expandedRowOffset, expandedRowOffset = _ref2$expandedRowOffs === void 0 ? 0 : _ref2$expandedRowOffs, direction = _ref2.direction, expandRowByClick = _ref2.expandRowByClick, columnWidth = _ref2.columnWidth, fixed = _ref2.fixed, scrollWidth = _ref2.scrollWidth, clientWidth = _ref2.clientWidth;
+  var prefixCls = _ref2.prefixCls, columns = _ref2.columns, children2 = _ref2.children, expandable = _ref2.expandable, expandedKeys = _ref2.expandedKeys, columnTitle = _ref2.columnTitle, getRowKey2 = _ref2.getRowKey, onTriggerExpand = _ref2.onTriggerExpand, expandIcon = _ref2.expandIcon, rowExpandable = _ref2.rowExpandable, expandIconColumnIndex = _ref2.expandIconColumnIndex, _ref2$expandedRowOffs = _ref2.expandedRowOffset, expandedRowOffset = _ref2$expandedRowOffs === void 0 ? 0 : _ref2$expandedRowOffs, direction = _ref2.direction, expandRowByClick = _ref2.expandRowByClick, columnWidth = _ref2.columnWidth, fixed = _ref2.fixed, scrollWidth = _ref2.scrollWidth, clientWidth = _ref2.clientWidth;
   var baseColumns = React.useMemo(function() {
     var newColumns = columns || convertChildrenToColumns(children2) || [];
     return filterHiddenColumns(newColumns.slice());
@@ -50095,7 +50095,7 @@ function useColumns(_ref2, transformColumns) {
         className: "".concat(prefixCls, "-expand-icon-col"),
         columnType: "EXPAND_COLUMN"
       }), "title", columnTitle), "fixed", fixedColumn), "className", "".concat(prefixCls, "-row-expand-icon-cell")), "width", columnWidth), "render", function render2(_, record, index2) {
-        var rowKey = getRowKey(record, index2);
+        var rowKey = getRowKey2(record, index2);
         var expanded = expandedKeys.has(rowKey);
         var recordExpandable = rowExpandable ? rowExpandable(record) : true;
         var icon = expandIcon({
@@ -50130,7 +50130,7 @@ function useColumns(_ref2, transformColumns) {
     return baseColumns.filter(function(col) {
       return col !== EXPAND_COLUMN;
     });
-  }, [expandable, baseColumns, getRowKey, expandedKeys, expandIcon, direction, expandedRowOffset]);
+  }, [expandable, baseColumns, getRowKey2, expandedKeys, expandIcon, direction, expandedRowOffset]);
   var mergedColumns = React.useMemo(function() {
     var finalColumns = withExpandColumns;
     if (transformColumns) {
@@ -50185,7 +50185,7 @@ function useColumns(_ref2, transformColumns) {
   var _useWidthColumns = useWidthColumns(flattenColumns, scrollWidth, clientWidth), _useWidthColumns2 = _slicedToArray(_useWidthColumns, 2), filledColumns = _useWidthColumns2[0], realScrollWidth = _useWidthColumns2[1];
   return [mergedColumns, filledColumns, realScrollWidth, hasGapFixed];
 }
-function useExpand(props, mergedData, getRowKey) {
+function useExpand(props, mergedData, getRowKey2) {
   var expandableConfig = getExpandableProps(props);
   var expandIcon = expandableConfig.expandIcon, expandedRowKeys = expandableConfig.expandedRowKeys, defaultExpandedRowKeys = expandableConfig.defaultExpandedRowKeys, defaultExpandAllRows = expandableConfig.defaultExpandAllRows, expandedRowRender = expandableConfig.expandedRowRender, onExpand = expandableConfig.onExpand, onExpandedRowsChange = expandableConfig.onExpandedRowsChange, childrenColumnName = expandableConfig.childrenColumnName;
   var mergedExpandIcon = expandIcon || renderExpandIcon$1;
@@ -50206,7 +50206,7 @@ function useExpand(props, mergedData, getRowKey) {
       return defaultExpandedRowKeys;
     }
     if (defaultExpandAllRows) {
-      return findAllChildrenKeys(mergedData, getRowKey, mergedChildrenColumnName);
+      return findAllChildrenKeys(mergedData, getRowKey2, mergedChildrenColumnName);
     }
     return [];
   }), _React$useState2 = _slicedToArray(_React$useState, 2), innerExpandedKeys = _React$useState2[0], setInnerExpandedKeys = _React$useState2[1];
@@ -50214,7 +50214,7 @@ function useExpand(props, mergedData, getRowKey) {
     return new Set(expandedRowKeys || innerExpandedKeys || []);
   }, [expandedRowKeys, innerExpandedKeys]);
   var onTriggerExpand = React.useCallback(function(record) {
-    var key = getRowKey(record, mergedData.indexOf(record));
+    var key = getRowKey2(record, mergedData.indexOf(record));
     var newExpandedKeys;
     var hasKey = mergedExpandedKeys.has(key);
     if (hasKey) {
@@ -50230,7 +50230,7 @@ function useExpand(props, mergedData, getRowKey) {
     if (onExpandedRowsChange) {
       onExpandedRowsChange(newExpandedKeys);
     }
-  }, [getRowKey, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
+  }, [getRowKey2, mergedExpandedKeys, mergedData, onExpand, onExpandedRowsChange]);
   if (process.env.NODE_ENV !== "production" && expandedRowRender && mergedData.some(function(record) {
     return Array.isArray(record === null || record === void 0 ? void 0 : record[mergedChildrenColumnName]);
   })) {
@@ -50550,7 +50550,7 @@ function Table$3(tableProps, ref) {
   var getComponent = React.useCallback(function(path2, defaultComponent) {
     return get$2(components2, path2) || defaultComponent;
   }, [components2]);
-  var getRowKey = React.useMemo(function() {
+  var getRowKey2 = React.useMemo(function() {
     if (typeof rowKey === "function") {
       return rowKey;
     }
@@ -50564,14 +50564,14 @@ function Table$3(tableProps, ref) {
   }, [rowKey]);
   var customizeScrollBody = getComponent(["body"]);
   var _useHover = useHover(), _useHover2 = _slicedToArray(_useHover, 3), startRow = _useHover2[0], endRow = _useHover2[1], onHover = _useHover2[2];
-  var _useExpand = useExpand(props, mergedData, getRowKey), _useExpand2 = _slicedToArray(_useExpand, 6), expandableConfig = _useExpand2[0], expandableType = _useExpand2[1], mergedExpandedKeys = _useExpand2[2], mergedExpandIcon = _useExpand2[3], mergedChildrenColumnName = _useExpand2[4], onTriggerExpand = _useExpand2[5];
+  var _useExpand = useExpand(props, mergedData, getRowKey2), _useExpand2 = _slicedToArray(_useExpand, 6), expandableConfig = _useExpand2[0], expandableType = _useExpand2[1], mergedExpandedKeys = _useExpand2[2], mergedExpandIcon = _useExpand2[3], mergedChildrenColumnName = _useExpand2[4], onTriggerExpand = _useExpand2[5];
   var scrollX = scroll === null || scroll === void 0 ? void 0 : scroll.x;
   var _React$useState = React.useState(0), _React$useState2 = _slicedToArray(_React$useState, 2), componentWidth = _React$useState2[0], setComponentWidth = _React$useState2[1];
   var _useColumns = useColumns(_objectSpread2(_objectSpread2(_objectSpread2({}, props), expandableConfig), {}, {
     expandable: !!expandableConfig.expandedRowRender,
     columnTitle: expandableConfig.columnTitle,
     expandedKeys: mergedExpandedKeys,
-    getRowKey,
+    getRowKey: getRowKey2,
     // https://github.com/ant-design/ant-design/issues/23894
     onTriggerExpand,
     expandIcon: mergedExpandIcon,
@@ -50605,7 +50605,7 @@ function Table$3(tableProps, ref) {
             });
           } else {
             var _scrollBodyRef$curren2;
-            var mergedKey = key !== null && key !== void 0 ? key : getRowKey(mergedData[index2]);
+            var mergedKey = key !== null && key !== void 0 ? key : getRowKey2(mergedData[index2]);
             (_scrollBodyRef$curren2 = scrollBodyRef.current.querySelector('[data-row-key="'.concat(mergedKey, '"]'))) === null || _scrollBodyRef$curren2 === void 0 || _scrollBodyRef$curren2.scrollIntoView();
           }
         } else if ((_scrollBodyRef$curren3 = scrollBodyRef.current) !== null && _scrollBodyRef$curren3 !== void 0 && _scrollBodyRef$curren3.scrollTo) {
@@ -50971,7 +50971,7 @@ function Table$3(tableProps, ref) {
       onHover,
       rowExpandable: expandableConfig.rowExpandable,
       onRow,
-      getRowKey,
+      getRowKey: getRowKey2,
       expandedKeys: mergedExpandedKeys,
       childrenColumnName: mergedChildrenColumnName,
       rowHoverable
@@ -51015,7 +51015,7 @@ function Table$3(tableProps, ref) {
     onHover,
     expandableConfig.rowExpandable,
     onRow,
-    getRowKey,
+    getRowKey2,
     mergedExpandedKeys,
     mergedChildrenColumnName,
     rowHoverable
@@ -51169,10 +51169,10 @@ if (process.env.NODE_ENV !== "production") {
 }
 var Grid = /* @__PURE__ */ React.forwardRef(function(props, ref) {
   var data = props.data, onScroll = props.onScroll;
-  var _useContext = useContext(TableContext, ["flattenColumns", "onColumnResize", "getRowKey", "prefixCls", "expandedKeys", "childrenColumnName", "scrollX", "direction"]), flattenColumns = _useContext.flattenColumns, onColumnResize = _useContext.onColumnResize, getRowKey = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, prefixCls = _useContext.prefixCls, childrenColumnName = _useContext.childrenColumnName, scrollX = _useContext.scrollX, direction = _useContext.direction;
+  var _useContext = useContext(TableContext, ["flattenColumns", "onColumnResize", "getRowKey", "prefixCls", "expandedKeys", "childrenColumnName", "scrollX", "direction"]), flattenColumns = _useContext.flattenColumns, onColumnResize = _useContext.onColumnResize, getRowKey2 = _useContext.getRowKey, expandedKeys = _useContext.expandedKeys, prefixCls = _useContext.prefixCls, childrenColumnName = _useContext.childrenColumnName, scrollX = _useContext.scrollX, direction = _useContext.direction;
   var _useContext2 = useContext(StaticContext), sticky = _useContext2.sticky, scrollY = _useContext2.scrollY, listItemHeight = _useContext2.listItemHeight, getComponent = _useContext2.getComponent, onTablePropScroll = _useContext2.onScroll;
   var listRef = React.useRef();
-  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey);
+  var flattenData2 = useFlattenRecords(data, childrenColumnName, expandedKeys, getRowKey2);
   var columnsWidth = React.useMemo(function() {
     var total = 0;
     return flattenColumns.map(function(_ref) {
@@ -51286,10 +51286,10 @@ var Grid = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     }
     var nodes = spanLines.map(function(index2) {
       var item = flattenData2[index2];
-      var rowKey = getRowKey(item.record, index2);
+      var rowKey = getRowKey2(item.record, index2);
       var getHeight2 = function getHeight3(rowSpan) {
         var endItemIndex = index2 + rowSpan - 1;
-        var endItemKey = getRowKey(flattenData2[endItemIndex].record, endItemIndex);
+        var endItemKey = getRowKey2(flattenData2[endItemIndex].record, endItemIndex);
         var sizeInfo2 = getSize3(rowKey, endItemKey);
         return sizeInfo2.bottom - sizeInfo2.top;
       };
@@ -51337,7 +51337,7 @@ var Grid = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     itemHeight: listItemHeight || 24,
     data: flattenData2,
     itemKey: function itemKey2(item) {
-      return getRowKey(item.record);
+      return getRowKey2(item.record);
     },
     component: wrapperComponent,
     scrollWidth: scrollX,
@@ -51353,7 +51353,7 @@ var Grid = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onScroll: onTablePropScroll,
     extraRender
   }, function(item, index2, itemProps) {
-    var rowKey = getRowKey(item.record, index2);
+    var rowKey = getRowKey2(item.record, index2);
     return /* @__PURE__ */ React.createElement(ResponseBodyLine, {
       data: item,
       rowKey,
@@ -51970,7 +51970,7 @@ const useSelection = (config, rowSelection) => {
     data,
     pageData,
     getRecordByKey,
-    getRowKey,
+    getRowKey: getRowKey2,
     expandType,
     childrenColumnName,
     locale: tableLocale,
@@ -52009,35 +52009,35 @@ const useSelection = (config, rowSelection) => {
     }
     let convertData = data;
     if (preserveSelectedRowKeys) {
-      const keysSet = new Set(flattedData.map((record, index2) => getRowKey(record, index2)));
+      const keysSet = new Set(flattedData.map((record, index2) => getRowKey2(record, index2)));
       const preserveRecords = Array.from(preserveRecordsRef.current).reduce((total, [key, value2]) => keysSet.has(key) ? total : total.concat(value2), []);
       convertData = [].concat(_toConsumableArray(convertData), _toConsumableArray(preserveRecords));
     }
     return convertDataToEntities(convertData, {
-      externalGetKey: getRowKey,
+      externalGetKey: getRowKey2,
       childrenPropName: childrenColumnName
     });
-  }, [data, getRowKey, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]);
+  }, [data, getRowKey2, checkStrictly, childrenColumnName, preserveSelectedRowKeys, flattedData]);
   const checkboxPropsMap = useMemo$1(() => {
     const map2 = /* @__PURE__ */ new Map();
     flattedData.forEach((record, index2) => {
-      const key = getRowKey(record, index2);
+      const key = getRowKey2(record, index2);
       const checkboxProps = (getCheckboxProps ? getCheckboxProps(record) : null) || {};
       map2.set(key, checkboxProps);
       process.env.NODE_ENV !== "production" ? warning3(!("checked" in checkboxProps || "defaultChecked" in checkboxProps), "usage", "Do not set `checked` or `defaultChecked` in `getCheckboxProps`. Please use `selectedRowKeys` instead.") : void 0;
     });
     return map2;
-  }, [flattedData, getRowKey, getCheckboxProps]);
+  }, [flattedData, getRowKey2, getCheckboxProps]);
   const isCheckboxDisabled = useCallback((r2) => {
-    const rowKey = getRowKey(r2);
+    const rowKey = getRowKey2(r2);
     let checkboxProps;
     if (checkboxPropsMap.has(rowKey)) {
-      checkboxProps = checkboxPropsMap.get(getRowKey(r2));
+      checkboxProps = checkboxPropsMap.get(getRowKey2(r2));
     } else {
       checkboxProps = getCheckboxProps ? getCheckboxProps(r2) : void 0;
     }
     return !!(checkboxProps === null || checkboxProps === void 0 ? void 0 : checkboxProps.disabled);
-  }, [checkboxPropsMap, getRowKey]);
+  }, [checkboxPropsMap, getRowKey2]);
   const [derivedSelectedKeys, derivedHalfSelectedKeys] = useMemo$1(() => {
     if (checkStrictly) {
       return [mergedSelectedKeys || [], []];
@@ -52099,7 +52099,7 @@ const useSelection = (config, rowSelection) => {
           key: "all",
           text: tableLocale.selectionAll,
           onSelect() {
-            setSelectedKeys(data.map((record, index2) => getRowKey(record, index2)).filter((key) => {
+            setSelectedKeys(data.map((record, index2) => getRowKey2(record, index2)).filter((key) => {
               const checkProps = checkboxPropsMap.get(key);
               return !(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled) || derivedSelectedKeySet.has(key);
             }), "all");
@@ -52113,7 +52113,7 @@ const useSelection = (config, rowSelection) => {
           onSelect() {
             const keySet = new Set(derivedSelectedKeySet);
             pageData.forEach((record, index2) => {
-              const key = getRowKey(record, index2);
+              const key = getRowKey2(record, index2);
               const checkProps = checkboxPropsMap.get(key);
               if (!(checkProps === null || checkProps === void 0 ? void 0 : checkProps.disabled)) {
                 if (keySet.has(key)) {
@@ -52154,7 +52154,7 @@ const useSelection = (config, rowSelection) => {
         updatePrevSelectedIndex(null);
       }
     }));
-  }, [selections, derivedSelectedKeySet, pageData, getRowKey, onSelectInvert, setSelectedKeys]);
+  }, [selections, derivedSelectedKeySet, pageData, getRowKey2, onSelectInvert, setSelectedKeys]);
   const transformColumns = useCallback((columns) => {
     var _a;
     if (!rowSelection) {
@@ -52163,7 +52163,7 @@ const useSelection = (config, rowSelection) => {
     }
     let cloneColumns = _toConsumableArray(columns);
     const keySet = new Set(derivedSelectedKeySet);
-    const recordKeys = flattedData.map(getRowKey).filter((key) => !checkboxPropsMap.get(key).disabled);
+    const recordKeys = flattedData.map(getRowKey2).filter((key) => !checkboxPropsMap.get(key).disabled);
     const checkedCurrentAll = recordKeys.every((key) => keySet.has(key));
     const checkedCurrentSome = recordKeys.some((key) => keySet.has(key));
     const onSelectAllChange = () => {
@@ -52216,7 +52216,7 @@ const useSelection = (config, rowSelection) => {
         }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(RefIcon$w, null))));
       }
       const allDisabledData = flattedData.map((record, index2) => {
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checkboxProps = checkboxPropsMap.get(key) || {};
         return Object.assign({
           checked: keySet.has(key)
@@ -52255,7 +52255,7 @@ const useSelection = (config, rowSelection) => {
     let renderCell;
     if (selectionType === "radio") {
       renderCell = (_, record, index2) => {
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checked = keySet.has(key);
         const checkboxProps = checkboxPropsMap.get(key);
         return {
@@ -52280,7 +52280,7 @@ const useSelection = (config, rowSelection) => {
     } else {
       renderCell = (_, record, index2) => {
         var _a2;
-        const key = getRowKey(record, index2);
+        const key = getRowKey2(record, index2);
         const checked = keySet.has(key);
         const indeterminate = derivedHalfSelectedKeySet.has(key);
         const checkboxProps = checkboxPropsMap.get(key);
@@ -52412,7 +52412,7 @@ const useSelection = (config, rowSelection) => {
       }
     };
     return cloneColumns.map((col) => col === SELECTION_COLUMN ? selectionColumn : col);
-  }, [getRowKey, flattedData, rowSelection, derivedSelectedKeys, derivedSelectedKeySet, derivedHalfSelectedKeySet, selectionColWidth, mergedSelections, expandType, checkboxPropsMap, onSelectMultiple, triggerSingleSelection, isCheckboxDisabled]);
+  }, [getRowKey2, flattedData, rowSelection, derivedSelectedKeys, derivedSelectedKeySet, derivedHalfSelectedKeySet, selectionColWidth, mergedSelections, expandType, checkboxPropsMap, onSelectMultiple, triggerSingleSelection, isCheckboxDisabled]);
   return [transformColumns, derivedSelectedKeySet];
 };
 function fillProxy(element2, handler) {
@@ -55292,14 +55292,14 @@ const useFilter = (props) => {
   const transformColumns = (innerColumns) => injectFilter(prefixCls, dropdownPrefixCls, innerColumns, mergedFilterStates, tableLocale, triggerFilter, getPopupContainer, void 0, rootClassName);
   return [transformColumns, mergedFilterStates, filters];
 };
-const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
+const useLazyKVMap = (data, childrenColumnName, getRowKey2) => {
   const mapCacheRef = React.useRef({});
   function getRecordByKey(key) {
     var _a;
-    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey) {
+    if (!mapCacheRef.current || mapCacheRef.current.data !== data || mapCacheRef.current.childrenColumnName !== childrenColumnName || mapCacheRef.current.getRowKey !== getRowKey2) {
       let dig = function(records) {
         records.forEach((record, index2) => {
-          const rowKey = getRowKey(record, index2);
+          const rowKey = getRowKey2(record, index2);
           kvMap.set(rowKey, record);
           if (record && typeof record === "object" && childrenColumnName in record) {
             dig(record[childrenColumnName] || []);
@@ -55312,7 +55312,7 @@ const useLazyKVMap = (data, childrenColumnName, getRowKey) => {
         data,
         childrenColumnName,
         kvMap,
-        getRowKey
+        getRowKey: getRowKey2
       };
     }
     return (_a = mapCacheRef.current.kvMap) === null || _a === void 0 ? void 0 : _a.get(key);
@@ -57220,13 +57220,13 @@ const InternalTable = (props, ref) => {
   useProxyImperativeHandle(ref, () => Object.assign(Object.assign({}, tblRef.current), {
     nativeElement: rootRef.current
   }));
-  const getRowKey = React.useMemo(() => {
+  const getRowKey2 = React.useMemo(() => {
     if (typeof rowKey === "function") {
       return rowKey;
     }
     return (record) => record === null || record === void 0 ? void 0 : record[rowKey];
   }, [rowKey]);
-  const [getRecordByKey] = useLazyKVMap(rawData, childrenColumnName, getRowKey);
+  const [getRecordByKey] = useLazyKVMap(rawData, childrenColumnName, getRowKey2);
   const changeEventInfo = {};
   const triggerOnChange = (info, action, reset = false) => {
     var _a2, _b2, _c, _d;
@@ -57331,7 +57331,7 @@ const InternalTable = (props, ref) => {
     prefixCls,
     data: mergedData,
     pageData,
-    getRowKey,
+    getRowKey: getRowKey2,
     getRecordByKey,
     expandType,
     childrenColumnName,
@@ -57346,7 +57346,7 @@ const InternalTable = (props, ref) => {
       mergedRowClassName = classNames(rowClassName);
     }
     return classNames({
-      [`${prefixCls}-row-selected`]: selectedKeySet.has(getRowKey(record, index2))
+      [`${prefixCls}-row-selected`]: selectedKeySet.has(getRowKey2(record, index2))
     }, mergedRowClassName);
   };
   mergedExpandable.__PARENT_RENDER_ICON__ = mergedExpandable.expandIcon;
@@ -57454,7 +57454,7 @@ const InternalTable = (props, ref) => {
       [`${prefixCls}-empty`]: rawData.length === 0
     }, cssVarCls, rootCls, hashId),
     data: pageData,
-    rowKey: getRowKey,
+    rowKey: getRowKey2,
     rowClassName: internalRowClassName,
     emptyText,
     // Internal
@@ -83958,6 +83958,39 @@ function requireDebounce() {
 }
 var debounceExports = /* @__PURE__ */ requireDebounce();
 const debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
+const getRowKey = (record, rowKey, index2, enableValidation = true) => {
+  try {
+    const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+    if (enableValidation) {
+      if (key === void 0 || key === null) {
+        console.error(`Genesis Table: rowKey "${String(rowKey)}" returned undefined/null for record at index ${index2}.`, {
+          record,
+          rowKey,
+          availableKeys: Object.keys(record)
+        });
+        return `fallback-${index2}`;
+      }
+      if (typeof key === "string" && String(key).trim() === "") {
+        console.warn(`Genesis Table: rowKey "${String(rowKey)}" returned empty string for record at index ${index2}.`, {
+          record,
+          rowKey
+        });
+        return `fallback-${index2}`;
+      }
+    }
+    return key;
+  } catch (error2) {
+    if (enableValidation) {
+      console.error(`Genesis Table: Error accessing rowKey "${String(rowKey)}" for record at index ${index2}.`, {
+        error: error2,
+        record,
+        rowKey,
+        availableKeys: Object.keys(record)
+      });
+    }
+    return `fallback-${index2}`;
+  }
+};
 function Table({
   columns,
   dataSource,
@@ -83970,6 +84003,8 @@ function Table({
   isMainContentCell = false,
   isMaterializedView = false,
   materializedViewConfig,
+  enableRowKeyValidation = process.env.NODE_ENV === "development",
+  onRowKeyError,
   ...rest
 }) {
   const [materializedData, setMaterializedData] = React.useState([]);
@@ -84084,6 +84119,42 @@ function Table({
     return rest.scroll;
   }, [isMaterializedView, materializedViewConfig, dynamicHeight, rest.scroll]);
   const tableDataSource = isMaterializedView ? materializedData : dataSource;
+  React.useEffect(() => {
+    if (enableRowKeyValidation && tableDataSource.length > 0) {
+      const sampleRecord = tableDataSource[0];
+      if (typeof rowKey === "string") {
+        if (!(rowKey in sampleRecord)) {
+          const error2 = new Error(`rowKey "${rowKey}" does not exist in data records`);
+          console.error(`Genesis Table: ${error2.message}. Available keys:`, Object.keys(sampleRecord));
+          onRowKeyError?.({
+            record: sampleRecord,
+            rowKey,
+            index: 0,
+            error: error2
+          });
+        }
+      }
+      const keys2 = tableDataSource.map(
+        (record, index2) => getRowKey(record, rowKey, index2, false)
+        // Don't log individual errors here
+      );
+      const uniqueKeys = [...new Set(keys2)];
+      if (keys2.length !== uniqueKeys.length) {
+        const error2 = new Error(`Duplicate row keys detected`);
+        console.error(`Genesis Table: ${error2.message}!`, {
+          totalKeys: keys2.length,
+          uniqueKeys: uniqueKeys.length,
+          duplicates: keys2.filter((key, index2) => keys2.indexOf(key) !== index2)
+        });
+        onRowKeyError?.({
+          record: tableDataSource[0],
+          rowKey,
+          index: 0,
+          error: error2
+        });
+      }
+    }
+  }, [tableDataSource, rowKey, enableRowKeyValidation, onRowKeyError]);
   const handleRowMouseDown = React.useCallback(
     (record, index2, event) => {
       const target = event.target;
@@ -84093,10 +84164,10 @@ function Table({
       if (isInteractiveElement) {
         return;
       }
-      const recordKey = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+      const recordKey = getRowKey(record, rowKey, index2, enableRowKeyValidation);
       setPressedRowKey(recordKey);
     },
-    [rowKey]
+    [rowKey, enableRowKeyValidation]
   );
   const handleRowMouseUp = React.useCallback(
     (record, index2, event) => {
@@ -84106,14 +84177,11 @@ function Table({
   );
   const handleRowClick = React.useCallback(
     (record, index2, event) => {
-      console.log("Row clicked:", record, "index:", index2);
       const target = event.target;
       const isInteractiveElement = target.closest(
         'button, a, input, select, textarea, [role="button"], [onclick], .ant-checkbox-wrapper, .ant-checkbox'
       );
-      console.log("Is interactive element:", isInteractiveElement);
       if (isInteractiveElement) {
-        console.log("Skipping row click due to interactive element");
         return;
       }
       if (onRowClick) {
@@ -84130,7 +84198,6 @@ function Table({
       // Use internal state
       // Override the onChange to ensure we get the latest data
       onChange: (selectedRowKeys2, selectedRows) => {
-        console.log("Row selection changed:", selectedRowKeys2, selectedRows);
         setSelectedRowKeys(selectedRowKeys2);
         if (rowSelection.onChange) {
           rowSelection.onChange(selectedRowKeys2, selectedRows);
@@ -84152,7 +84219,7 @@ function Table({
       rowSelection: enhancedRowSelection,
       onRow: (record, index2) => {
         const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
-        const recordKey = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+        const recordKey = getRowKey(record, rowKey, index2 ?? 0, enableRowKeyValidation);
         const isPressed = pressedRowKey === recordKey;
         return {
           onClick: (event) => handleRowClick(record, index2 ?? 0, event),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gobolt/genesis",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "description": "genesis design system",
   "author": "gobolt",
   "license": "MIT",