react-better-html 1.1.132 → 1.1.134

package/dist/index.d.mts

@@ -730,6 +730,7 @@ type TableProps<DataItem> = {
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;
     onChangeFilter?: (filterData: Record<number, TableFilterData | undefined>) => void;
+    onChangeFilterDataValue?: (data: DataItem[]) => void;
 } & ComponentMarginProps;
 type TableRef = {
     currentPage: number;

package/dist/index.d.ts

@@ -730,6 +730,7 @@ type TableProps<DataItem> = {
     onClickAllCheckboxes?: (checked: boolean) => void;
     onChangePage?: (page: number) => void;
     onChangeFilter?: (filterData: Record<number, TableFilterData | undefined>) => void;
+    onChangeFilterDataValue?: (data: DataItem[]) => void;
 } & ComponentMarginProps;
 type TableRef = {
     currentPage: number;

package/dist/index.js

@@ -7478,12 +7478,19 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   onClickAllCheckboxes,
   onChangePage,
   onChangeFilter,
+  onChangeFilterDataValue,
   ...props
 }, ref) {
   const theme2 = useTheme();
   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 [checkedItems, setCheckedItems] = (0, import_react25.useState)([]);
   const [expandedRows, setExpandedRows] = (0, import_react25.useState)([]);
   const [currentPage, setCurrentPage] = (0, import_react25.useState)(1);
@@ -7818,11 +7825,14 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   );
   const onClickDeselectAllFilterListItems = (0, import_react25.useCallback)(() => setFilterListSelectedItems([]), []);
   (0, import_react25.useEffect)(() => {
-    onChangePage?.(currentPage);
-  }, [onChangePage, currentPage]);
+    onChangePageRef.current?.(currentPage);
+  }, [currentPage]);
   (0, import_react25.useEffect)(() => {
-    onChangeFilter?.(filterData);
-  }, [onChangeFilter, filterData]);
+    onChangeFilterRef.current?.(filterData);
+  }, [filterData]);
+  (0, import_react25.useEffect)(() => {
+    onChangeFilterDataValueRef.current?.(dataAfterFilter);
+  }, [dataAfterFilter]);
   (0, import_react25.useImperativeHandle)(
     ref,
     () => {