react-better-html 1.1.174 → 1.1.175

package/dist/index.mjs

@@ -5804,6 +5804,9 @@ var DropdownComponent = forwardRef10(function Dropdown({
     ] }),
     [filteredOptions, value, focusedOptionIndex, theme2.colors, onClickOption, renderOption, renderOptionDivider]
   );
+  useEffect6(() => {
+    setInternalValue(controlledValue);
+  }, [controlledValue]);
   useEffect6(() => {
     if (isOpen) {
       setIsOpenLate.setTrue();
@@ -5839,7 +5842,7 @@ var DropdownComponent = forwardRef10(function Dropdown({
   }, [withDebounce, onChangeSearch, debouncedSearchQuery]);
   const displayValue = withSearch && isFocused ? searchQuery : selectedOption?.label ?? "";
   const withClearButton = isOpen && selectedOption;
-  const readyPlaceholder = placeholder ? placeholder : `Select an ${label?.toLowerCase() ?? "option"}`;
+  const readyPlaceholder = placeholder ?? `Select an ${label?.toLowerCase() ?? "option"}`;
   return /* @__PURE__ */ jsx15(Div_default.column, { width: "100%", position: "relative", userSelect: "none", ...props, children: /* @__PURE__ */ jsxs11(Div_default.row, { position: "relative", width: "100%", children: [
     /* @__PURE__ */ jsx15(
       InputField_default,
@@ -7806,6 +7809,7 @@ var filterPresetsText = {
   nextYear: "Next year"
 };
 var TableComponent = forwardRef15(function Table({
+  name,
   columns,
   data,
   isStriped,
@@ -7817,6 +7821,8 @@ var TableComponent = forwardRef15(function Table({
   isInsideTableExpandRow,
   containsOverflowComponents,
   wrapperComponentRef,
+  memoizeFilters,
+  memoizeFiltersLifespan = 72e5,
   getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
@@ -7834,7 +7840,15 @@ var TableComponent = forwardRef15(function Table({
   const [checkedItems, setCheckedItems] = useState9([]);
   const [expandedRows, setExpandedRows] = useState9([]);
   const [currentPage, setCurrentPage] = useState9(1);
-  const [filterData, setFilterData] = useState9({});
+  const [filterData, setFilterData] = useState9(() => {
+    if (!memoizeFilters || !name) return {};
+    const localStorageData = JSON.parse(localStorage.getItem(`react-better-html-table-filters-${name}`) || "{}");
+    const timestamp = localStorageData.timestamp;
+    const data2 = localStorageData.data ?? {};
+    const timeDiff = Date.now() - timestamp;
+    if (timeDiff > memoizeFiltersLifespan) return {};
+    return data2;
+  });
   const [openedFilterColumnIndex, setOpenedFilterColumnIndex] = useState9();
   const [filterListSelectedItems, setFilterListSelectedItems] = useState9();
   const openedFilterData = openedFilterColumnIndex ? filterData[openedFilterColumnIndex] : void 0;
@@ -8089,6 +8103,10 @@ var TableComponent = forwardRef15(function Table({
         } else if (column.filter === "date" && filter.type === "date" || column.filter === "date-time" && filter.type === "date-time") {
           const minDate = filter.min ? new Date(filter.min) : void 0;
           const maxDate = filter.max ? new Date(filter.max) : void 0;
+          if (column.filter === "date") {
+            minDate?.setHours(0, 0, 0, 0);
+            maxDate?.setHours(23, 59, 59, 999);
+          }
           const itemValue = column.getValue?.(item) ?? new Date(column.type === "text" && column.keyName ? String(item[column.keyName]) : "");
           if (filter.min !== void 0 && minDate && itemValue < minDate) return false;
           if (filter.max !== void 0 && maxDate && itemValue > maxDate) return false;
@@ -8172,6 +8190,17 @@ var TableComponent = forwardRef15(function Table({
   useEffect10(() => {
     onChangeFilter?.(filterData);
   }, [onChangeFilter, filterData]);
+  useEffect10(() => {
+    if (!memoizeFilters) return;
+    if (!name) return;
+    localStorage.setItem(
+      `react-better-html-table-filters-${name}`,
+      JSON.stringify({
+        timestamp: Date.now(),
+        data: filterData
+      })
+    );
+  }, [memoizeFilters, name, filterData]);
   useEffect10(() => {
     onChangeFilterDataValue?.(dataAfterFilter);
   }, [onChangeFilterDataValue, dataAfterFilter]);