@kreativa/ui 0.1.2 → 0.1.4

package/dist/index.d.mts

@@ -230,6 +230,10 @@ interface DataTableProps<T> {
     initialSortDirection?: 'asc' | 'desc';
     /** Called when filtered data changes (for external use, e.g., showing count) */
     onFilteredDataChange?: (filteredData: T[]) => void;
+    /** Enable manual column resizing (default: false) */
+    resizable?: boolean;
+    /** Use fixed table layout for consistent column widths */
+    fixedLayout?: boolean;
 }
 /**
  * DataTable component - an enhanced Table with built-in filtering and sorting.
@@ -266,7 +270,7 @@ interface DataTableProps<T> {
  * <DataTable data={users} columns={columns} getRowKey={(u) => u.id} />
  * ```
  */
-declare function DataTable<T>({ data, columns, getRowKey, onRowClick, loading, emptyMessage, className, showFilters, initialSortKey, initialSortDirection, onFilteredDataChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ data, columns, getRowKey, onRowClick, loading, emptyMessage, className, showFilters, initialSortKey, initialSortDirection, onFilteredDataChange, resizable, fixedLayout, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Create filter options from data array.
  * Extracts unique values and creates option objects.

package/dist/index.d.ts

@@ -230,6 +230,10 @@ interface DataTableProps<T> {
     initialSortDirection?: 'asc' | 'desc';
     /** Called when filtered data changes (for external use, e.g., showing count) */
     onFilteredDataChange?: (filteredData: T[]) => void;
+    /** Enable manual column resizing (default: false) */
+    resizable?: boolean;
+    /** Use fixed table layout for consistent column widths */
+    fixedLayout?: boolean;
 }
 /**
  * DataTable component - an enhanced Table with built-in filtering and sorting.
@@ -266,7 +270,7 @@ interface DataTableProps<T> {
  * <DataTable data={users} columns={columns} getRowKey={(u) => u.id} />
  * ```
  */
-declare function DataTable<T>({ data, columns, getRowKey, onRowClick, loading, emptyMessage, className, showFilters, initialSortKey, initialSortDirection, onFilteredDataChange, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ data, columns, getRowKey, onRowClick, loading, emptyMessage, className, showFilters, initialSortKey, initialSortDirection, onFilteredDataChange, resizable, fixedLayout, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 /**
  * Create filter options from data array.
  * Extracts unique values and creates option objects.

package/dist/index.js

@@ -761,7 +761,9 @@ function DataTable({
   showFilters = true,
   initialSortKey,
   initialSortDirection = "asc",
-  onFilteredDataChange
+  onFilteredDataChange,
+  resizable = false,
+  fixedLayout = false
 }) {
   const [filters, setFilters] = (0, import_react7.useState)({});
   const [sortKey, setSortKey] = (0, import_react7.useState)(initialSortKey || null);
@@ -834,7 +836,7 @@ function DataTable({
     });
     return sortDirection === "desc" ? sorted.reverse() : sorted;
   }, [filteredData, sortKey, sortDirection, columns]);
-  (0, import_react7.useMemo)(() => {
+  (0, import_react7.useEffect)(() => {
     onFilteredDataChange?.(sortedData);
   }, [sortedData, onFilteredDataChange]);
   const handleSort = (0, import_react7.useCallback)((columnKey) => {
@@ -909,7 +911,9 @@ function DataTable({
         getRowKey,
         onRowClick,
         loading,
-        emptyMessage
+        emptyMessage,
+        resizable,
+        fixedLayout
       }
     )
   ] });