react-better-html 1.1.134 → 1.1.136

package/dist/index.mjs

@@ -6494,7 +6494,6 @@ InputFieldComponent.dateTime = forwardRef11(function DateTime({ minDate, maxDate
       const newTime = `${internalValue?.toString().split("T")?.[1]?.split(":")[0] || "00"}:${minute.toString().padStart(2, "0")}`;
       const today = `${(/* @__PURE__ */ new Date()).getFullYear()}-${((/* @__PURE__ */ new Date()).getMonth() + 1).toString().padStart(2, "0")}-${(/* @__PURE__ */ new Date()).getDate().toString().padStart(2, "0")}`;
       const newValue = `${(internalValue.trim() || today)?.toString().split("T")[0]}T${newTime}`;
-      console.log(newValue);
       inputFieldProps.onChangeValue?.(newValue);
       setInternalValue(newValue);
     },
@@ -7409,12 +7408,8 @@ var TableComponent = forwardRef15(function Table({
   const mediaQuery = useMediaQuery();
   const { colorTheme } = useBetterHtmlContextInternal();
   const filterModalRef = useRef6(null);
-  const onChangePageRef = useRef6(onChangePage);
-  onChangePageRef.current = onChangePage;
-  const onChangeFilterRef = useRef6(onChangeFilter);
-  onChangeFilterRef.current = onChangeFilter;
-  const onChangeFilterDataValueRef = useRef6(onChangeFilterDataValue);
-  onChangeFilterDataValueRef.current = onChangeFilterDataValue;
+  const columnsRef = useRef6(columns);
+  columnsRef.current = columns;
   const [checkedItems, setCheckedItems] = useState9([]);
   const [expandedRows, setExpandedRows] = useState9([]);
   const [currentPage, setCurrentPage] = useState9(1);
@@ -7662,7 +7657,7 @@ var TableComponent = forwardRef15(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);
@@ -7681,7 +7676,7 @@ var TableComponent = forwardRef15(function Table({
         return true;
       })
     ),
-    [data, filterData, columns]
+    [data, filterData]
   );
   const dataAfterPagination = useMemo8(() => {
     if (pageSize === void 0) return dataAfterFilter;
@@ -7749,14 +7744,14 @@ var TableComponent = forwardRef15(function Table({
   );
   const onClickDeselectAllFilterListItems = useCallback11(() => setFilterListSelectedItems([]), []);
   useEffect10(() => {
-    onChangePageRef.current?.(currentPage);
-  }, [currentPage]);
+    onChangePage?.(currentPage);
+  }, [onChangePage, currentPage]);
   useEffect10(() => {
-    onChangeFilterRef.current?.(filterData);
-  }, [filterData]);
+    onChangeFilter?.(filterData);
+  }, [onChangeFilter, filterData]);
   useEffect10(() => {
-    onChangeFilterDataValueRef.current?.(dataAfterFilter);
-  }, [dataAfterFilter]);
+    onChangeFilterDataValue?.(dataAfterFilter);
+  }, [onChangeFilterDataValue, dataAfterFilter]);
   useImperativeHandle2(
     ref,
     () => {
@@ -8217,6 +8212,7 @@ var TooltipComponent = forwardRef16(function Tooltip({
   content,
   contentWidth,
   contentMinWidth,
+  childrenWrapperWidth = "fit-content",
   withArrow,
   isSmall,
   backgroundColor,
@@ -8314,12 +8310,12 @@ var TooltipComponent = forwardRef16(function Tooltip({
     Div_default,
     {
       position: "relative",
-      width: "fit-content",
+      width: childrenWrapperWidth,
       onClick: onClickHolder,
       onMouseEnter,
       onMouseLeave,
       children: [
-        /* @__PURE__ */ jsx23(Div_default, { width: "fit-content", isTabAccessed, ref: triggerHolderRef, children }),
+        /* @__PURE__ */ jsx23(Div_default, { width: childrenWrapperWidth, isTabAccessed, ref: triggerHolderRef, children }),
         /* @__PURE__ */ jsx23(
           TooltipContainer,
           {