react-better-html 1.1.134 → 1.1.135

package/dist/index.js

@@ -7485,12 +7485,8 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   const mediaQuery = useMediaQuery();
   const { colorTheme } = useBetterHtmlContextInternal();
   const filterModalRef = (0, import_react25.useRef)(null);
-  const onChangePageRef = (0, import_react25.useRef)(onChangePage);
-  onChangePageRef.current = onChangePage;
-  const onChangeFilterRef = (0, import_react25.useRef)(onChangeFilter);
-  onChangeFilterRef.current = onChangeFilter;
-  const onChangeFilterDataValueRef = (0, import_react25.useRef)(onChangeFilterDataValue);
-  onChangeFilterDataValueRef.current = onChangeFilterDataValue;
+  const columnsRef = (0, import_react25.useRef)(columns);
+  columnsRef.current = columns;
   const [checkedItems, setCheckedItems] = (0, import_react25.useState)([]);
   const [expandedRows, setExpandedRows] = (0, import_react25.useState)([]);
   const [currentPage, setCurrentPage] = (0, import_react25.useState)(1);
@@ -7738,7 +7734,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
     () => data.filter(
       (item) => Object.entries(filterData).every(([columnIndex, filter]) => {
         if (!filter) return true;
-        const column = columns[parseInt(columnIndex)];
+        const column = columnsRef.current[parseInt(columnIndex)];
         if (!column) return true;
         if (column.filter === "number" && filter.type === "number") {
           const itemValue = column.getValue?.(item) ?? (column.type === "text" && column.keyName ? Number(item[column.keyName]) : 0);
@@ -7757,7 +7753,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
         return true;
       })
     ),
-    [data, filterData, columns]
+    [data, filterData]
   );
   const dataAfterPagination = (0, import_react25.useMemo)(() => {
     if (pageSize === void 0) return dataAfterFilter;
@@ -7825,14 +7821,14 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   );
   const onClickDeselectAllFilterListItems = (0, import_react25.useCallback)(() => setFilterListSelectedItems([]), []);
   (0, import_react25.useEffect)(() => {
-    onChangePageRef.current?.(currentPage);
-  }, [currentPage]);
+    onChangePage?.(currentPage);
+  }, [onChangePage, currentPage]);
   (0, import_react25.useEffect)(() => {
-    onChangeFilterRef.current?.(filterData);
-  }, [filterData]);
+    onChangeFilter?.(filterData);
+  }, [onChangeFilter, filterData]);
   (0, import_react25.useEffect)(() => {
-    onChangeFilterDataValueRef.current?.(dataAfterFilter);
-  }, [dataAfterFilter]);
+    onChangeFilterDataValue?.(dataAfterFilter);
+  }, [onChangeFilterDataValue, dataAfterFilter]);
   (0, import_react25.useImperativeHandle)(
     ref,
     () => {