lecom-ui 4.8.0 → 4.8.2

package/dist/components/Button/Button.js

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
+import { Spin } from '../Spin/Spin.js';
 import { CustomButton } from './CustomButton.js';
 
 const buttonVariants = cva(
@@ -129,6 +130,7 @@ const Button = React.forwardRef(
     customStyles,
     isActive,
     children,
+    isLoading,
     ...props
   }, ref) => {
     if (customStyles) {
@@ -143,7 +145,8 @@ const Button = React.forwardRef(
           ref,
           ...props
         },
-        children
+        children,
+        isLoading && /* @__PURE__ */ React.createElement(Spin, null)
       );
     }
     const Comp = "button";
@@ -157,7 +160,8 @@ const Button = React.forwardRef(
         ref,
         ...props
       },
-      children
+      children,
+      isLoading && /* @__PURE__ */ React.createElement(Spin, null)
     );
   }
 );

package/dist/components/DataTable/DataTable.js

@@ -16,12 +16,13 @@ function DataTable({
   vhDiff,
   className,
   noScroll,
+  size = "middle",
   onIsSelected
 }) {
   const [sorting, setSorting] = React.useState([]);
   const table = useReactTable({
     data,
-    columns: buildColumns({ columns }),
+    columns: buildColumns({ columns, size }),
     getCoreRowModel: getCoreRowModel(),
     onSortingChange: setSorting,
     getSortedRowModel: getSortedRowModel(),
@@ -99,7 +100,8 @@ function DataTable({
       columns,
       noResults,
       onIsSelected,
-      isLoading
+      isLoading,
+      size
     }
   );
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(

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

@@ -32,7 +32,8 @@ function buildCellSelect({
   );
 }
 function buildColumns({
-  columns
+  columns,
+  size = "middle"
 }) {
   const mappedColumns = columns.map((externalColumn) => ({
     accessorKey: externalColumn.key,
@@ -62,9 +63,10 @@ function buildColumns({
         typeof externalColumn.title === "string" ? /* @__PURE__ */ React.createElement(
           Typography,
           {
-            variant: "body-large-500",
+            variant: size === "small" ? "body-medium-500" : "body-large-500",
             textColor: "text-grey-950",
-            className: "truncate"
+            className: "truncate",
+            title: externalColumn.title
           },
           externalColumn.title
         ) : title,
@@ -94,7 +96,15 @@ function buildColumns({
         }
         return externalColumn.render;
       }
-      return /* @__PURE__ */ React.createElement(Typography, { variant: "body-large-400", textColor: "text-grey-800" }, row.getValue(externalColumn.key));
+      return /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          variant: size === "small" ? "body-medium-400" : "body-large-400",
+          textColor: "text-grey-800",
+          title: row.getValue(externalColumn.key)
+        },
+        row.getValue(externalColumn.key)
+      );
     },
     meta: {
       width: externalColumn.width,

package/dist/components/DataTable/Table.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { cn } from '../../lib/utils.js';
 import { flexRender } from '@tanstack/react-table';
 import { Skeleton } from '../Skeleton/Skeleton.js';
 
@@ -7,6 +8,7 @@ function Table({
   isLoading,
   columns,
   noResults,
+  size = "middle",
   onIsSelected
 }) {
   const styleColumn = (meta, elem) => {
@@ -38,7 +40,10 @@ function Table({
     "th",
     {
       key: header.id,
-      className: "h-12 px-4 [&:has([role=checkbox])]:pr-0 shadow-[0_-1.5px_0px_0px_#c9c9c9_inset] text-left",
+      className: cn(
+        "h-12 px-4 [&:has([role=checkbox])]:pr-0 shadow-[0_-1.5px_0px_0px_#c9c9c9_inset] text-left",
+        size === "small" && "h-10"
+      ),
       "data-header": header.id,
       "data-fixed": getFixed(header.column.columnDef.meta),
       style: styleColumn(header.column.columnDef.meta, "th")

package/dist/index.d.ts

@@ -58,6 +58,7 @@ interface CustomStyles$1 {
 interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
     customStyles?: CustomStyles$1;
     isActive?: boolean;
+    isLoading?: boolean;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -371,6 +372,7 @@ interface DataTableProps<TData, TValue> {
     vhDiff?: number;
     className?: string;
     noScroll?: boolean;
+    size?: 'small' | 'middle';
     onIsSelected?: (row: Row$1<TData>) => boolean;
 }
 interface Row<TData> {
@@ -382,6 +384,7 @@ interface Header<TData, TValue> {
 }
 interface BuildColumns<TData, TValue> {
     columns: Column<TData, TValue>[];
+    size?: 'small' | 'middle';
 }
 interface BuildHeaderSelect<TData, TValue> {
     table: Table<TData>;
@@ -400,10 +403,11 @@ interface TableProps<TData, TValue> {
     isLoading?: boolean;
     columns: Column<TData, TValue>[];
     noResults?: React.ReactNode;
+    size?: 'small' | 'middle';
     onIsSelected?: (row: Row$1<TData>) => boolean;
 }
 
-declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
+declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, size, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
@@ -559,9 +563,9 @@ interface HeaderProps extends React$1.HTMLAttributes<HTMLElement>, VariantProps<
 }
 
 declare const inputVariants: (props?: ({
-    variant?: "default" | "filled" | "borderless" | null | undefined;
-    size?: "default" | "small" | "large" | null | undefined;
-    radius?: "default" | "small" | "large" | null | undefined;
+    variant?: "filled" | "default" | "borderless" | null | undefined;
+    size?: "small" | "large" | "default" | null | undefined;
+    radius?: "small" | "large" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'sufix' | 'prefix'>, VariantProps<typeof inputVariants> {
     sufix?: React$1.ReactNode;
@@ -722,7 +726,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?: "black" | "white" | null | undefined;
+    color?: "white" | "black" | 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.8.0",
+  "version": "4.8.2",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",