@kanda-libs/ks-component-ts 0.3.75 → 0.3.76

package/package.json

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

package/src/components/Table/Rows/Cell/constants.ts

@@ -2,6 +2,7 @@ export const CLASS_NAMES = {
   container: "flex w-full h-full",
   render:
     "w-full my-auto text-style-g text-neutral-600 whitespace-nowrap overflow-hidden overflow-ellipsis",
+  renderNoOverflow: "w-full my-auto text-style-g text-neutral-600 ",
   renderLoading: "w-full my-auto mr-8 text-style-g",
   cell: {
     base: "h-16 flex",

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

@@ -1,14 +1,10 @@
 import type { FunctionComponent } from "react";
 import type { Cell } from "react-table";
 import { StringIndexedObject } from "~/types";
+import { TableRenderComponent } from "../../types";
 
 export interface CellColumn {
-  renderComponent?: {
-    component?: FunctionComponent;
-    props?: StringIndexedObject;
-    optionalProps?: string[];
-    value?: string;
-  };
+  renderComponent?: TableRenderComponent;
   subAccessors?: string[];
 }
 

package/src/components/Table/Rows/Cell/useCellProps.ts

@@ -51,13 +51,17 @@ export default function useCellProps({
       }
     : {};
 
+  const renderClassName = renderComponent?.removeOverflowRestriction
+    ? CLASS_NAMES.renderNoOverflow
+    : CLASS_NAMES.render;
+
   const classNames = {
     cell: clsx(
       compact ? CLASS_NAMES.cell.compact : CLASS_NAMES.cell.base,
       index === 0 ? "" : CLASS_NAMES.cell.padding
     ),
     container: CLASS_NAMES.container,
-    render: isLoading ? CLASS_NAMES.renderLoading : CLASS_NAMES.render,
+    render: isLoading ? CLASS_NAMES.renderLoading : renderClassName,
   };
 
   return {

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

@@ -17,6 +17,14 @@ export interface TableAction {
   payload: [direction: string, id: number];
 }
 
+export interface TableRenderComponent {
+  component?: FunctionComponent<any>;
+  value?: string;
+  props?: StringIndexedObject;
+  optionalProps?: string[];
+  removeOverflowRestriction?: boolean;
+}
+
 export interface TableHeaderColumn {
   id: DraggableId;
   render: (label: string) => string;
@@ -37,12 +45,7 @@ export interface TableHeaderColumn {
   width?: number;
   minWidth?: number;
   maxWidth?: number;
-  renderComponent?: {
-    component?: FunctionComponent<any>;
-    value?: string;
-    props?: StringIndexedObject;
-    optionalProps?: string[];
-  };
+  renderComponent?: TableRenderComponent;
 }
 
 export interface TableProps {