lecom-ui 4.8.1 → 4.8.2

package/dist/components/Button/Button.js

@@ -130,7 +130,7 @@ const Button = React.forwardRef(
     customStyles,
     isActive,
     children,
-    isLoaging,
+    isLoading,
     ...props
   }, ref) => {
     if (customStyles) {
@@ -146,7 +146,7 @@ const Button = React.forwardRef(
           ...props
         },
         children,
-        isLoaging && /* @__PURE__ */ React.createElement(Spin, null)
+        isLoading && /* @__PURE__ */ React.createElement(Spin, null)
       );
     }
     const Comp = "button";
@@ -161,7 +161,7 @@ const Button = React.forwardRef(
         ...props
       },
       children,
-      isLoaging && /* @__PURE__ */ React.createElement(Spin, null)
+      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,7 +63,7 @@ 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",
             title: externalColumn.title
@@ -98,7 +99,7 @@ function buildColumns({
       return /* @__PURE__ */ React.createElement(
         Typography,
         {
-          variant: "body-large-400",
+          variant: size === "small" ? "body-medium-400" : "body-large-400",
           textColor: "text-grey-800",
           title: row.getValue(externalColumn.key)
         },

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,7 +58,7 @@ interface CustomStyles$1 {
 interface ButtonProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
     customStyles?: CustomStyles$1;
     isActive?: boolean;
-    isLoaging?: boolean;
+    isLoading?: boolean;
 }
 declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -372,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> {
@@ -383,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>;
@@ -401,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;
 }

package/package.json

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