react-better-html 1.1.174 → 1.1.176

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,
@@ -6124,6 +6127,7 @@ function Calendar({ value, minDate, maxDate, onChange }) {
       days.map((day, index) => {
         const thisDayDate = new Date(currentYear, currentMonth, day);
         const isSelected = day !== void 0 && day === currentDate?.getDate() && currentMonth === currentDate.getMonth() && currentYear === currentDate.getFullYear();
+        const isToday = thisDayDate.getDate() === (/* @__PURE__ */ new Date()).getDate() && thisDayDate.getMonth() === (/* @__PURE__ */ new Date()).getMonth() && thisDayDate.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear();
         const isWeekend = thisDayDate.getDay() === 6 || thisDayDate.getDay() === 0;
         const isDisabled = minDate && thisDayDate.getTime() < minDate.getTime() || maxDate && thisDayDate.getTime() > maxDate.getTime();
         return /* @__PURE__ */ jsxs12(
@@ -6135,7 +6139,8 @@ function Calendar({ value, minDate, maxDate, onChange }) {
             alignItems: "center",
             justifyContent: "center",
             backgroundColor: isSelected ? theme2.colors.primary : theme2.colors.backgroundContent,
-            filterHover: !isDisabled ? "brightness(0.9)" : void 0,
+            filterHover: day && !isDisabled ? "brightness(0.9)" : void 0,
+            border: `1px solid ${isToday ? theme2.colors.primary : theme2.colors.primary + "00"}`,
             borderRadius: theme2.styles.borderRadius / 2,
             padding: theme2.styles.space / 2,
             cursor: day ? !isDisabled ? "pointer" : "not-allowed" : void 0,
@@ -7806,6 +7811,7 @@ var filterPresetsText = {
   nextYear: "Next year"
 };
 var TableComponent = forwardRef15(function Table({
+  name,
   columns,
   data,
   isStriped,
@@ -7817,6 +7823,8 @@ var TableComponent = forwardRef15(function Table({
   isInsideTableExpandRow,
   containsOverflowComponents,
   wrapperComponentRef,
+  memoizeFilters,
+  memoizeFiltersLifespan = 72e5,
   getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
@@ -7834,7 +7842,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 +8105,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 +8192,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]);