@kanda-libs/ks-component-ts 0.2.229 → 0.2.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanda-libs/ks-component-ts",
-  "version": "0.2.229",
+  "version": "0.2.230",
   "description": "Kanda form component library",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",

package/src/components/Table/Rows/Row/index.tsx

@@ -5,12 +5,14 @@ import Cell from "~/components/Table/Rows/Cell";
 import { StringIndexedObject } from "~/types";
 import PopoverButton from "~/components/Table/Rows/PopoverButton";
 import { TableRow } from "~/components/Table/types";
+import clsx from "clsx";
 
 const Row: FunctionComponent<RowProps> = function ({
   row,
   hoverPopover,
   isLoading,
   compact = false,
+  rowClassName = "",
   ...props
 }) {
   const {
@@ -31,7 +33,10 @@ const Row: FunctionComponent<RowProps> = function ({
       {...rowProps}
       onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseLeave}
-      className={compact ? classNames.compact : classNames.base}
+      className={clsx(
+        compact ? classNames.compact : classNames.base,
+        rowClassName
+      )}
     >
       {cells.map((cell, index) => (
         <Cell

package/src/components/Table/Rows/Row/types.d.ts

@@ -10,4 +10,5 @@ export interface RowProps {
   prepareRow: (row: Row) => void;
   hoverPopover: FunctionComponent<PopoverButtonHoverPopoverProps>;
   compact?: boolean;
+  rowClassName?: string;
 }

package/src/components/Table/Rows/index.tsx

@@ -6,6 +6,7 @@ import Row from "~/components/Table/Rows/Row";
 export interface RowsProps extends Omit<RowProps, "row"> {
   rows: RowType[];
   compact?: boolean;
+  rowClassName?: string;
 }
 
 const Rows: FunctionComponent<RowsProps> = function ({ rows, ...rowProps }) {

package/src/components/Table/index.tsx

@@ -9,6 +9,7 @@ import { Pagination } from "@kanda-libs/ks-design-library";
 const Table: FunctionComponent<TableProps> = function ({
   onRowClicked,
   compact = false,
+  rowClassName,
   ...props
 }) {
   const {
@@ -48,6 +49,7 @@ const Table: FunctionComponent<TableProps> = function ({
               hoverPopover={hoverPopover}
               onRowClicked={onRowClicked}
               compact={compact}
+              rowClassName={rowClassName}
             />
           </div>
         </div>

package/src/components/Table/types.d.ts

@@ -58,6 +58,7 @@ export interface TableProps {
   setPage: (page: number) => void;
   hoverPopover?: FunctionComponent<PopoverButtonHoverPopoverProps> | null;
   compact?: boolean;
+  rowClassName?: string;
 }
 
 export interface TableRow {