@kreativa/ui 0.1.2 → 0.1.4

package/dist/index.mjs

@@ -462,7 +462,7 @@ function Table({
 }
 
 // src/components/DataTable.tsx
-import { useState as useState3, useMemo as useMemo3, useCallback as useCallback2 } from "react";
+import { useState as useState3, useMemo as useMemo3, useCallback as useCallback2, useEffect as useEffect3 } from "react";
 
 // src/components/Select.tsx
 import { useState as useState2, useRef as useRef2, useEffect as useEffect2, useMemo as useMemo2 } from "react";
@@ -716,7 +716,9 @@ function DataTable({
   showFilters = true,
   initialSortKey,
   initialSortDirection = "asc",
-  onFilteredDataChange
+  onFilteredDataChange,
+  resizable = false,
+  fixedLayout = false
 }) {
   const [filters, setFilters] = useState3({});
   const [sortKey, setSortKey] = useState3(initialSortKey || null);
@@ -789,7 +791,7 @@ function DataTable({
     });
     return sortDirection === "desc" ? sorted.reverse() : sorted;
   }, [filteredData, sortKey, sortDirection, columns]);
-  useMemo3(() => {
+  useEffect3(() => {
     onFilteredDataChange?.(sortedData);
   }, [sortedData, onFilteredDataChange]);
   const handleSort = useCallback2((columnKey) => {
@@ -864,7 +866,9 @@ function DataTable({
         getRowKey,
         onRowClick,
         loading,
-        emptyMessage
+        emptyMessage,
+        resizable,
+        fixedLayout
       }
     )
   ] });
@@ -993,7 +997,7 @@ function Tabs({
 }
 
 // src/components/DatePicker.tsx
-import { useState as useState5, useRef as useRef3, useEffect as useEffect3, useMemo as useMemo4 } from "react";
+import { useState as useState5, useRef as useRef3, useEffect as useEffect4, useMemo as useMemo4 } from "react";
 import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var WEEKDAYS = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 var MONTHS = [
@@ -1102,7 +1106,7 @@ function DatePicker({
   const [hoverDate, setHoverDate] = useState5(null);
   const containerRef = useRef3(null);
   const [selectingEnd, setSelectingEnd] = useState5(false);
-  useEffect3(() => {
+  useEffect4(() => {
     const handleClickOutside = (e) => {
       if (containerRef.current && !containerRef.current.contains(e.target)) {
         setIsOpen(false);
@@ -1303,7 +1307,7 @@ function DatePicker({
 }
 
 // src/components/Timer.tsx
-import { useState as useState6, useEffect as useEffect4, useCallback as useCallback3, useRef as useRef4 } from "react";
+import { useState as useState6, useEffect as useEffect5, useCallback as useCallback3, useRef as useRef4 } from "react";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function formatTime(totalSeconds) {
   const hours = Math.floor(totalSeconds / 3600);
@@ -1334,14 +1338,14 @@ function Timer({
   const elapsedSeconds = isControlled ? controlledElapsedSeconds ?? 0 : internalElapsedSeconds;
   const intervalRef = useRef4(null);
   const startTimeRef = useRef4(null);
-  useEffect4(() => {
+  useEffect5(() => {
     return () => {
       if (intervalRef.current) {
         clearInterval(intervalRef.current);
       }
     };
   }, []);
-  useEffect4(() => {
+  useEffect5(() => {
     if (isControlled) return;
     if (isRunning) {
       intervalRef.current = setInterval(() => {