react-better-html 1.1.134 → 1.1.136

package/dist/index.d.mts

@@ -756,6 +756,8 @@ type TooltipProps = {
     content: React.ReactNode;
     contentWidth?: React.CSSProperties["width"];
     contentMinWidth?: React.CSSProperties["minWidth"];
+    /** @default "fit-content" */
+    childrenWrapperWidth?: React.CSSProperties["width"];
     withArrow?: boolean;
     isSmall?: boolean;
     backgroundColor?: string;

package/dist/index.d.ts

@@ -756,6 +756,8 @@ type TooltipProps = {
     content: React.ReactNode;
     contentWidth?: React.CSSProperties["width"];
     contentMinWidth?: React.CSSProperties["minWidth"];
+    /** @default "fit-content" */
+    childrenWrapperWidth?: React.CSSProperties["width"];
     withArrow?: boolean;
     isSmall?: boolean;
     backgroundColor?: string;

package/dist/index.js

@@ -6580,7 +6580,6 @@ InputFieldComponent.dateTime = (0, import_react20.forwardRef)(function DateTime(
       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);
     },
@@ -7485,12 +7484,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 +7733,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 +7752,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 +7820,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,
     () => {
@@ -8293,6 +8288,7 @@ var TooltipComponent = (0, import_react26.forwardRef)(function Tooltip({
   content,
   contentWidth,
   contentMinWidth,
+  childrenWrapperWidth = "fit-content",
   withArrow,
   isSmall,
   backgroundColor,
@@ -8390,12 +8386,12 @@ var TooltipComponent = (0, import_react26.forwardRef)(function Tooltip({
     Div_default,
     {
       position: "relative",
-      width: "fit-content",
+      width: childrenWrapperWidth,
       onClick: onClickHolder,
       onMouseEnter,
       onMouseLeave,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Div_default, { width: "fit-content", isTabAccessed, ref: triggerHolderRef, children }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Div_default, { width: childrenWrapperWidth, isTabAccessed, ref: triggerHolderRef, children }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           TooltipContainer,
           {