@infinite-table/infinite-react 7.3.5 → 7.3.6

package/index.d.ts

@@ -2852,6 +2852,7 @@ interface InfiniteTableMappedState<T> {
     cellStyle: InfiniteTableProps<T>['cellStyle'];
     rowProps: InfiniteTableProps<T>['rowProps'];
     rowClassName: InfiniteTableProps<T>['rowClassName'];
+    rowHoverClassName: InfiniteTableProps<T>['rowHoverClassName'];
     cellClassName: InfiniteTableProps<T>['cellClassName'];
     pinnedStartMaxWidth: InfiniteTableProps<T>['pinnedStartMaxWidth'];
     pinnedEndMaxWidth: InfiniteTableProps<T>['pinnedEndMaxWidth'];
@@ -3320,12 +3321,12 @@ type InfiniteTableHeaderProps<_T> = {
 };
 
 type InfiniteTableBodyProps<_T> = {
-    rowHoverClassNames?: string | string[];
+    rowHoverClassName?: string | string[];
 };
 
 declare function InfiniteTableBody<T>(props: InfiniteTableBodyProps<T>): React$1.JSX.Element;
 declare namespace InfiniteTableBody {
-    var rowHoverClassNames: string[];
+    var rowHoverClassName: string[];
 }
 
 declare const InfiniteTableClassName: string;
@@ -7371,6 +7372,7 @@ interface InfiniteTableProps<T> {
     cellStyle?: InfiniteTablePropCellStyle<T>;
     cellClassName?: InfiniteTablePropCellClassName<T>;
     rowClassName?: InfiniteTablePropRowClassName<T>;
+    rowHoverClassName?: string;
     columnHeaderHeight?: number | string;
     onKeyDown?: (context: InfiniteTablePublicContext<T> & {
         actions: InfiniteTableEventHandlerContext<T>['actions'];

package/index.dev.js

@@ -23961,6 +23961,7 @@ var forwardProps4 = (_setupState) => {
     cellStyle: 1,
     rowProps: 1,
     rowClassName: 1,
+    rowHoverClassName: 1,
     cellClassName: 1,
     repeatWrappedGroupRows: 1,
     pinnedStartMaxWidth: 1,
@@ -25362,7 +25363,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.3.5"
+      version: "7.3.6"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -29922,6 +29923,12 @@ var _HOVERED_CLASS_NAMES = [
   RowHoverCls,
   `${InfiniteTableColumnCellClassName}--hovered`
 ];
+function toClassNameArray(str) {
+  if (Array.isArray(str)) {
+    str = str.join(" ");
+  }
+  return str.split(" ").map((s) => s.trim()).filter(Boolean);
+}
 function InfiniteTableBody(props) {
   const context = useInfiniteTable();
   const masterContext = useMasterDetailContext();
@@ -29943,7 +29950,8 @@ function InfiniteTableBody(props) {
     showHoverRows,
     wrapRowsHorizontally,
     domProps,
-    domRef
+    domRef,
+    rowHoverClassName
   } = componentState;
   const LoadMaskCmp = components2?.LoadMask ?? LoadMask;
   const computed = getComputed();
@@ -30002,14 +30010,22 @@ function InfiniteTableBody(props) {
     if (!showHoverRows) {
       return void 0;
     }
-    if (props.rowHoverClassNames) {
-      return Array.isArray(props.rowHoverClassNames) ? [...InfiniteTableBody.rowHoverClassNames, ...props.rowHoverClassNames] : [...InfiniteTableBody.rowHoverClassNames, props.rowHoverClassNames];
+    let result = [];
+    if (rowHoverClassName) {
+      result = result.concat(rowHoverClassName);
+    }
+    if (props.rowHoverClassName) {
+      result = result.concat(props.rowHoverClassName);
+    }
+    if (InfiniteTableBody.rowHoverClassName) {
+      result = result.concat(InfiniteTableBody.rowHoverClassName);
     }
-    return InfiniteTableBody.rowHoverClassNames;
+    return toClassNameArray(result);
   }, [
     showHoverRows,
-    props.rowHoverClassNames,
-    InfiniteTableBody.rowHoverClassNames
+    rowHoverClassName,
+    props.rowHoverClassName,
+    InfiniteTableBody.rowHoverClassName
   ]);
   return /* @__PURE__ */ React77.createElement(InfiniteTableBodyContainer, { onContextMenu }, /* @__PURE__ */ React77.createElement(
     HeadlessTable,
@@ -30035,7 +30051,7 @@ function InfiniteTableBody(props) {
     }
   ), /* @__PURE__ */ React77.createElement(LoadMaskCmp, { visible: loading }, loadingText));
 }
-InfiniteTableBody.rowHoverClassNames = _HOVERED_CLASS_NAMES;
+InfiniteTableBody.rowHoverClassName = _HOVERED_CLASS_NAMES;
 
 // src/components/InfiniteTable/index.tsx
 var InfiniteTableClassName = internalProps.rootClassName;

package/index.dev.mjs

@@ -23910,6 +23910,7 @@ var forwardProps4 = (_setupState) => {
     cellStyle: 1,
     rowProps: 1,
     rowClassName: 1,
+    rowHoverClassName: 1,
     cellClassName: 1,
     repeatWrappedGroupRows: 1,
     pinnedStartMaxWidth: 1,
@@ -25311,7 +25312,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.3.5"
+      version: "7.3.6"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -29881,6 +29882,12 @@ var _HOVERED_CLASS_NAMES = [
   RowHoverCls,
   `${InfiniteTableColumnCellClassName}--hovered`
 ];
+function toClassNameArray(str) {
+  if (Array.isArray(str)) {
+    str = str.join(" ");
+  }
+  return str.split(" ").map((s) => s.trim()).filter(Boolean);
+}
 function InfiniteTableBody(props) {
   const context = useInfiniteTable();
   const masterContext = useMasterDetailContext();
@@ -29902,7 +29909,8 @@ function InfiniteTableBody(props) {
     showHoverRows,
     wrapRowsHorizontally,
     domProps,
-    domRef
+    domRef,
+    rowHoverClassName
   } = componentState;
   const LoadMaskCmp = components2?.LoadMask ?? LoadMask;
   const computed = getComputed();
@@ -29961,14 +29969,22 @@ function InfiniteTableBody(props) {
     if (!showHoverRows) {
       return void 0;
     }
-    if (props.rowHoverClassNames) {
-      return Array.isArray(props.rowHoverClassNames) ? [...InfiniteTableBody.rowHoverClassNames, ...props.rowHoverClassNames] : [...InfiniteTableBody.rowHoverClassNames, props.rowHoverClassNames];
+    let result = [];
+    if (rowHoverClassName) {
+      result = result.concat(rowHoverClassName);
+    }
+    if (props.rowHoverClassName) {
+      result = result.concat(props.rowHoverClassName);
+    }
+    if (InfiniteTableBody.rowHoverClassName) {
+      result = result.concat(InfiniteTableBody.rowHoverClassName);
     }
-    return InfiniteTableBody.rowHoverClassNames;
+    return toClassNameArray(result);
   }, [
     showHoverRows,
-    props.rowHoverClassNames,
-    InfiniteTableBody.rowHoverClassNames
+    rowHoverClassName,
+    props.rowHoverClassName,
+    InfiniteTableBody.rowHoverClassName
   ]);
   return /* @__PURE__ */ React77.createElement(InfiniteTableBodyContainer, { onContextMenu }, /* @__PURE__ */ React77.createElement(
     HeadlessTable,
@@ -29994,7 +30010,7 @@ function InfiniteTableBody(props) {
     }
   ), /* @__PURE__ */ React77.createElement(LoadMaskCmp, { visible: loading }, loadingText));
 }
-InfiniteTableBody.rowHoverClassNames = _HOVERED_CLASS_NAMES;
+InfiniteTableBody.rowHoverClassName = _HOVERED_CLASS_NAMES;
 
 // src/components/InfiniteTable/index.tsx
 var InfiniteTableClassName = internalProps.rootClassName;