@ceed/ads 1.8.0-next.6 → 1.8.0-next.7

package/dist/index.cjs

@@ -4690,6 +4690,12 @@ function DateRange(props) {
       const now = /* @__PURE__ */ new Date();
       const currentYear = now.getFullYear();
       const currentMonth = now.getMonth();
+      const formatDate = (date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      };
       switch (option) {
         case "all-time":
           return null;
@@ -4697,24 +4703,26 @@ function DateRange(props) {
           const startOfMonth = new Date(currentYear, currentMonth, 1);
           const endOfMonth = new Date(currentYear, currentMonth + 1, 0);
           return [
-            startOfMonth.toISOString().split("T")[0],
-            endOfMonth.toISOString().split("T")[0]
+            formatDate(startOfMonth),
+            formatDate(endOfMonth)
           ];
         }
         case "this-year": {
           const startOfYear = new Date(currentYear, 0, 1);
           const endOfYear = new Date(currentYear, 11, 31);
           return [
-            startOfYear.toISOString().split("T")[0],
-            endOfYear.toISOString().split("T")[0]
+            formatDate(startOfYear),
+            formatDate(endOfYear)
           ];
         }
         case "last-month": {
-          const startOfLastMonth = new Date(currentYear, currentMonth - 1, 1);
-          const endOfLastMonth = new Date(currentYear, currentMonth, 0);
+          const lastMonthYear = currentMonth === 0 ? currentYear - 1 : currentYear;
+          const lastMonth = currentMonth === 0 ? 11 : currentMonth - 1;
+          const startOfLastMonth = new Date(lastMonthYear, lastMonth, 1);
+          const endOfLastMonth = new Date(lastMonthYear, lastMonth + 1, 0);
           return [
-            startOfLastMonth.toISOString().split("T")[0],
-            endOfLastMonth.toISOString().split("T")[0]
+            formatDate(startOfLastMonth),
+            formatDate(endOfLastMonth)
           ];
         }
         case "custom":
@@ -4725,12 +4733,32 @@ function DateRange(props) {
     },
     [internalValue]
   );
+  const determineOptionFromValue = (0, import_react32.useCallback)(
+    (value2) => {
+      if (!value2) {
+        return "all-time";
+      }
+      const options = ["this-month", "this-year", "last-month"];
+      for (const option of options) {
+        const optionRange = getDateRangeForOption(option);
+        if (optionRange && optionRange[0] === value2[0] && optionRange[1] === value2[1]) {
+          return option;
+        }
+      }
+      return "custom";
+    },
+    [getDateRangeForOption]
+  );
   const customDateRangeValue = (0, import_react32.useMemo)(() => {
     if (selectedOption === "custom" && internalValue) {
       return `${internalValue[0]} - ${internalValue[1]}`;
     }
     return "";
   }, [selectedOption, internalValue]);
+  (0, import_react32.useEffect)(() => {
+    const newOption = determineOptionFromValue(internalValue);
+    setSelectedOption(newOption);
+  }, [internalValue, determineOptionFromValue]);
   const handleOptionChange = (0, import_react32.useCallback)(
     (event) => {
       const newOption = event.target.value;

package/dist/index.js

@@ -4622,7 +4622,7 @@ function RadioGroup2(props) {
 RadioGroup2.displayName = "RadioGroup";
 
 // src/components/FilterMenu/components/DateRange.tsx
-import React30, { useCallback as useCallback13, useMemo as useMemo10, useState as useState8 } from "react";
+import React30, { useCallback as useCallback13, useMemo as useMemo10, useState as useState8, useEffect as useEffect7 } from "react";
 import { Stack as Stack4 } from "@mui/joy";
 function DateRange(props) {
   const {
@@ -4660,6 +4660,12 @@ function DateRange(props) {
       const now = /* @__PURE__ */ new Date();
       const currentYear = now.getFullYear();
       const currentMonth = now.getMonth();
+      const formatDate = (date) => {
+        const year = date.getFullYear();
+        const month = String(date.getMonth() + 1).padStart(2, "0");
+        const day = String(date.getDate()).padStart(2, "0");
+        return `${year}-${month}-${day}`;
+      };
       switch (option) {
         case "all-time":
           return null;
@@ -4667,24 +4673,26 @@ function DateRange(props) {
           const startOfMonth = new Date(currentYear, currentMonth, 1);
           const endOfMonth = new Date(currentYear, currentMonth + 1, 0);
           return [
-            startOfMonth.toISOString().split("T")[0],
-            endOfMonth.toISOString().split("T")[0]
+            formatDate(startOfMonth),
+            formatDate(endOfMonth)
           ];
         }
         case "this-year": {
           const startOfYear = new Date(currentYear, 0, 1);
           const endOfYear = new Date(currentYear, 11, 31);
           return [
-            startOfYear.toISOString().split("T")[0],
-            endOfYear.toISOString().split("T")[0]
+            formatDate(startOfYear),
+            formatDate(endOfYear)
           ];
         }
         case "last-month": {
-          const startOfLastMonth = new Date(currentYear, currentMonth - 1, 1);
-          const endOfLastMonth = new Date(currentYear, currentMonth, 0);
+          const lastMonthYear = currentMonth === 0 ? currentYear - 1 : currentYear;
+          const lastMonth = currentMonth === 0 ? 11 : currentMonth - 1;
+          const startOfLastMonth = new Date(lastMonthYear, lastMonth, 1);
+          const endOfLastMonth = new Date(lastMonthYear, lastMonth + 1, 0);
           return [
-            startOfLastMonth.toISOString().split("T")[0],
-            endOfLastMonth.toISOString().split("T")[0]
+            formatDate(startOfLastMonth),
+            formatDate(endOfLastMonth)
           ];
         }
         case "custom":
@@ -4695,12 +4703,32 @@ function DateRange(props) {
     },
     [internalValue]
   );
+  const determineOptionFromValue = useCallback13(
+    (value2) => {
+      if (!value2) {
+        return "all-time";
+      }
+      const options = ["this-month", "this-year", "last-month"];
+      for (const option of options) {
+        const optionRange = getDateRangeForOption(option);
+        if (optionRange && optionRange[0] === value2[0] && optionRange[1] === value2[1]) {
+          return option;
+        }
+      }
+      return "custom";
+    },
+    [getDateRangeForOption]
+  );
   const customDateRangeValue = useMemo10(() => {
     if (selectedOption === "custom" && internalValue) {
       return `${internalValue[0]} - ${internalValue[1]}`;
     }
     return "";
   }, [selectedOption, internalValue]);
+  useEffect7(() => {
+    const newOption = determineOptionFromValue(internalValue);
+    setSelectedOption(newOption);
+  }, [internalValue, determineOptionFromValue]);
   const handleOptionChange = useCallback13(
     (event) => {
       const newOption = event.target.value;
@@ -5317,7 +5345,7 @@ FilterMenu.displayName = "FilterMenu";
 // src/components/Uploader/Uploader.tsx
 import React38, {
   useCallback as useCallback20,
-  useEffect as useEffect7,
+  useEffect as useEffect8,
   useMemo as useMemo12,
   useRef as useRef6,
   useState as useState10
@@ -5619,7 +5647,7 @@ var Uploader = React38.memo(
         onChange
       ]
     );
-    useEffect7(() => {
+    useEffect8(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5667,7 +5695,7 @@ var Uploader = React38.memo(
       );
       return () => cleanup?.();
     }, [disabled, addFiles]);
-    useEffect7(() => {
+    useEffect8(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
           inputRef.current.setCustomValidity(
@@ -5832,14 +5860,14 @@ function IconMenuButton(props) {
 IconMenuButton.displayName = "IconMenuButton";
 
 // src/components/Markdown/Markdown.tsx
-import React40, { lazy, Suspense, useEffect as useEffect8, useState as useState11 } from "react";
+import React40, { lazy, Suspense, useEffect as useEffect9, useState as useState11 } from "react";
 import { Skeleton } from "@mui/joy";
 import { Link as Link2 } from "@mui/joy";
 import remarkGfm from "remark-gfm";
 var LazyReactMarkdown = lazy(() => import("react-markdown"));
 var Markdown = (props) => {
   const [rehypeAccent2, setRehypeAccent] = useState11(null);
-  useEffect8(() => {
+  useEffect9(() => {
     const loadRehypeAccent = async () => {
       const module = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
       setRehypeAccent(() => module.rehypeAccent);
@@ -5978,7 +6006,7 @@ MenuButton.displayName = "MenuButton";
 import React42, {
   forwardRef as forwardRef9,
   useCallback as useCallback21,
-  useEffect as useEffect9,
+  useEffect as useEffect10,
   useImperativeHandle as useImperativeHandle4,
   useRef as useRef7,
   useState as useState12
@@ -6095,7 +6123,7 @@ var MonthPicker = forwardRef9(
     );
     const [anchorEl, setAnchorEl] = useState12(null);
     const open = Boolean(anchorEl);
-    useEffect9(() => {
+    useEffect10(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
@@ -6103,7 +6131,7 @@ var MonthPicker = forwardRef9(
     useImperativeHandle4(ref, () => innerRef.current, [
       innerRef
     ]);
-    useEffect9(() => {
+    useEffect10(() => {
       setDisplayValue(getFormattedDisplayValue(value));
     }, [value, getFormattedDisplayValue]);
     const handleChange = useCallback21(
@@ -6251,7 +6279,7 @@ var MonthPicker = forwardRef9(
 import React43, {
   forwardRef as forwardRef10,
   useCallback as useCallback22,
-  useEffect as useEffect10,
+  useEffect as useEffect11,
   useImperativeHandle as useImperativeHandle5,
   useMemo as useMemo13,
   useRef as useRef8,
@@ -6382,7 +6410,7 @@ var MonthRangePicker = forwardRef10(
       () => value ? parseDates2(value) : void 0,
       [value]
     );
-    useEffect10(() => {
+    useEffect11(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }