lecom-ui 4.7.8 → 4.7.9

package/dist/components/DataTable/DataTable.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { cn } from '../../lib/utils.js';
 import { useReactTable, getSortedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { Pagination } from '../Pagination/Pagination.js';
 import { ScrollArea, ScrollBar } from '../ScrollArea/ScrollArea.js';
@@ -13,6 +14,7 @@ function DataTable({
   pagination,
   vwDiff,
   vhDiff,
+  className,
   onIsSelected
 }) {
   const [sorting, setSorting] = React.useState([]);
@@ -108,7 +110,10 @@ function DataTable({
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: "bg-white rounded-[8px] p-2 transition-all duration-500",
+      className: cn(
+        "bg-white rounded-[8px] p-2 transition-all duration-500",
+        className
+      ),
       style: { width: styleDataTableContainer().width }
     },
     /* @__PURE__ */ React.createElement(ScrollArea, { type: "always", className: "p-2" }, /* @__PURE__ */ React.createElement(
@@ -127,7 +132,7 @@ function DataTable({
         "th",
         {
           key: header.id,
-          className: "h-12 px-4 [&:has([role=checkbox])]:pr-0 bg-white shadow-[0_-1.5px_0px_0px_#c9c9c9_inset] text-left",
+          className: "h-12 px-4 [&:has([role=checkbox])]:pr-0 shadow-[0_-1.5px_0px_0px_#c9c9c9_inset] text-left",
           "data-header": header.id,
           "data-fixed": getFixed(
             header.column.columnDef.meta
@@ -152,7 +157,7 @@ function DataTable({
           "td",
           {
             key: cell.id,
-            className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors bg-white shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
+            className: "p-4 py-0 h-10 [&:has([role=checkbox])]:pr-0 transition-colors shadow-[0_-0.5px_0px_0px_#c9c9c9_inset] text-left",
             "data-column": cell.column.id,
             "data-fixed": getFixed(
               cell.column.columnDef.meta
@@ -171,7 +176,7 @@ function DataTable({
         "td",
         {
           colSpan: columns.length,
-          className: "p-4 py-0 h-10 align-middle [&:has([role=checkbox])]:pr-0 transition-colors bg-white"
+          className: "p-4 py-0 h-10 align-middle [&:has([role=checkbox])]:pr-0 transition-colors"
         },
         noResults ?? /* @__PURE__ */ React.createElement("div", { className: "text-center" }, "-")
       ))))

package/dist/components/DataTable/DataTable.utils.js

@@ -59,7 +59,15 @@ function buildColumns({
           ),
           onClick: () => externalColumn.onSort?.({ table, column })
         },
-        typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(Typography, { variant: "body-large-500", textColor: "text-grey-950" }, externalColumn.title) : title,
+        typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(
+          Typography,
+          {
+            variant: "body-large-500",
+            textColor: "text-grey-950",
+            className: "truncate"
+          },
+          externalColumn.title
+        ) : title,
         hasSort && /* @__PURE__ */ React.createElement(
           ArrowUpDown,
           {

package/dist/index.d.ts

@@ -369,6 +369,7 @@ interface DataTableProps<TData, TValue> {
     pagination?: PaginationProps;
     vwDiff?: number;
     vhDiff?: number;
+    className?: string;
     onIsSelected?: (row: Row$1<TData>) => boolean;
 }
 interface Row<TData> {
@@ -394,7 +395,7 @@ interface BuildCellSelect<TData, TValue> {
 }
 type Meta = Record<string, string | number>;
 
-declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
+declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
@@ -713,7 +714,7 @@ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive
 declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
 declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const tooltipContentVariants: (props?: ({
-    color?: "white" | "black" | null | undefined;
+    color?: "black" | "white" | null | undefined;
     arrow?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TooltipContentProps extends React$1.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>, VariantProps<typeof tooltipContentVariants> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "4.7.8",
+  "version": "4.7.9",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",