lecom-ui 4.8.3 → 4.8.4

package/dist/components/DataTable/DataTable.js

@@ -17,6 +17,7 @@ function DataTable({
   className,
   noScroll,
   size = "middle",
+  skeleton,
   onIsSelected
 }) {
   const [sorting, setSorting] = React.useState([]);
@@ -101,7 +102,8 @@ function DataTable({
       noResults,
       onIsSelected,
       isLoading,
-      size
+      size,
+      skeleton
     }
   );
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(

package/dist/components/DataTable/Table.js

@@ -9,6 +9,7 @@ function Table({
   columns,
   noResults,
   size = "middle",
+  skeleton,
   onIsSelected
 }) {
   const styleColumn = (meta, elem) => {
@@ -26,8 +27,11 @@ function Table({
     };
   };
   const getFixed = (meta) => meta.fixed;
-  const arrSkeleton = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
   if (isLoading) {
+    if (skeleton) {
+      return skeleton;
+    }
+    const arrSkeleton = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15];
     return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-4" }, arrSkeleton.map((id) => /* @__PURE__ */ React.createElement(
       Skeleton,
       {

package/dist/index.d.ts

@@ -379,6 +379,7 @@ interface DataTableProps<TData, TValue> {
     className?: string;
     noScroll?: boolean;
     size?: 'small' | 'middle';
+    skeleton?: React.ReactNode;
     onIsSelected?: (row: Row$1<TData>) => boolean;
 }
 interface Row<TData> {
@@ -410,10 +411,11 @@ interface TableProps<TData, TValue> {
     columns: Column<TData, TValue>[];
     noResults?: React.ReactNode;
     size?: 'small' | 'middle';
+    skeleton?: React.ReactNode;
     onIsSelected?: (row: Row$1<TData>) => boolean;
 }
 
-declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, size, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
+declare function DataTable<TData, TValue>({ isLoading, columns, data, noResults, pagination, vwDiff, vhDiff, className, noScroll, size, skeleton, onIsSelected, }: DataTableProps<TData, TValue>): React$1.JSX.Element;
 declare namespace DataTable {
     var displayName: string;
 }
@@ -569,9 +571,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;

package/package.json

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