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

package/dist/components/FilterMenu/types.d.ts

@@ -39,7 +39,7 @@ export interface FilterPercentageInputItem extends FilterBaseItem<number>, Pick<
 export interface FilterPercentageRangeItem extends FilterBaseItem<[number, number]>, Pick<PercentageInputProps, "useMinorUnit" | "maxDecimalScale" | "min" | "max"> {
     type: "percentage-range";
 }
-export interface FilterAutocompleteItem extends FilterBaseItem<string | number>, Pick<AutocompleteProps<any, boolean>, "options" | "multiple"> {
+export interface FilterAutocompleteItem extends FilterBaseItem<string | number>, Pick<AutocompleteProps<any, boolean>, "options" | "multiple" | "placeholder"> {
     type: "autocomplete";
 }
 export type FilterItem = FilterCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;

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;
@@ -5206,15 +5234,7 @@ PercentageRange.displayName = "PercentageRange";
 var import_react38 = __toESM(require("react"));
 var import_joy50 = require("@mui/joy");
 function Autocomplete2(props) {
-  const {
-    id,
-    label,
-    value,
-    onChange,
-    options,
-    multiple,
-    hidden
-  } = props;
+  const { id, label, value, onChange, options, multiple, hidden, placeholder } = props;
   const [internalValue, setInternalValue] = useControlledState(
     value,
     void 0,
@@ -5252,6 +5272,7 @@ function Autocomplete2(props) {
       onChange: handleChange,
       options,
       multiple,
+      placeholder,
       "aria-labelledby": label ? id : void 0
     }
   ));

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;
@@ -5176,15 +5204,7 @@ PercentageRange.displayName = "PercentageRange";
 import React36, { useCallback as useCallback18 } from "react";
 import { Stack as Stack9 } from "@mui/joy";
 function Autocomplete2(props) {
-  const {
-    id,
-    label,
-    value,
-    onChange,
-    options,
-    multiple,
-    hidden
-  } = props;
+  const { id, label, value, onChange, options, multiple, hidden, placeholder } = props;
   const [internalValue, setInternalValue] = useControlledState(
     value,
     void 0,
@@ -5222,6 +5242,7 @@ function Autocomplete2(props) {
       onChange: handleChange,
       options,
       multiple,
+      placeholder,
       "aria-labelledby": label ? id : void 0
     }
   ));
@@ -5324,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
@@ -5626,7 +5647,7 @@ var Uploader = React38.memo(
         onChange
       ]
     );
-    useEffect7(() => {
+    useEffect8(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5674,7 +5695,7 @@ var Uploader = React38.memo(
       );
       return () => cleanup?.();
     }, [disabled, addFiles]);
-    useEffect7(() => {
+    useEffect8(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
           inputRef.current.setCustomValidity(
@@ -5839,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);
@@ -5985,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
@@ -6102,7 +6123,7 @@ var MonthPicker = forwardRef9(
     );
     const [anchorEl, setAnchorEl] = useState12(null);
     const open = Boolean(anchorEl);
-    useEffect9(() => {
+    useEffect10(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
@@ -6110,7 +6131,7 @@ var MonthPicker = forwardRef9(
     useImperativeHandle4(ref, () => innerRef.current, [
       innerRef
     ]);
-    useEffect9(() => {
+    useEffect10(() => {
       setDisplayValue(getFormattedDisplayValue(value));
     }, [value, getFormattedDisplayValue]);
     const handleChange = useCallback21(
@@ -6258,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,
@@ -6389,7 +6410,7 @@ var MonthRangePicker = forwardRef10(
       () => value ? parseDates2(value) : void 0,
       [value]
     );
-    useEffect10(() => {
+    useEffect11(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }