react-better-html 1.1.173 → 1.1.175

package/dist/index.mjs

@@ -3603,14 +3603,15 @@ var ModalComponent = forwardRef7(function Modal({
                               marginTop: 1,
                               iconColor: titleColor,
                               onClick: onClickClose,
-                              transition: theme2.styles.transition
+                              transition: theme2.styles.transition,
+                              zIndex: 10
                             }
                           )
                         ]
                       }
                     ),
                     /* @__PURE__ */ jsx12(Divider_default.horizontal, {})
-                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
+                  ] }) : /* @__PURE__ */ jsx12(Fragment2, { children: !withoutCloseButton && /* @__PURE__ */ jsx12(Div_default, { position: "absolute", top: theme2.styles.space, right: theme2.styles.space, zIndex: 10, children: /* @__PURE__ */ jsx12(Button_default.icon, { icon: "XMark", onClick: onClickClose }) }) }),
                   /* @__PURE__ */ jsx12(Div_default, { padding: title ? theme2.styles.space : void 0, children })
                 ]
               }
@@ -5803,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();
@@ -5838,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,
@@ -7805,6 +7809,7 @@ var filterPresetsText = {
   nextYear: "Next year"
 };
 var TableComponent = forwardRef15(function Table({
+  name,
   columns,
   data,
   isStriped,
@@ -7816,6 +7821,8 @@ var TableComponent = forwardRef15(function Table({
   isInsideTableExpandRow,
   containsOverflowComponents,
   wrapperComponentRef,
+  memoizeFilters,
+  memoizeFiltersLifespan = 72e5,
   getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
@@ -7833,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;
@@ -8088,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;
@@ -8171,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]);