@ceed/ads 1.8.0-next.10 → 1.8.0-next.3

package/dist/index.js

@@ -4121,9 +4121,7 @@ var CalendarButton2 = styled13(IconButton_default, {
   "&:focus": {
     "--Icon-color": "currentColor",
     outlineOffset: `${theme.getCssVar("focus-thickness")}`,
-    outline: `${theme.getCssVar("focus-thickness")} solid ${theme.getCssVar(
-      "palette-focusVisible"
-    )}`
+    outline: `${theme.getCssVar("focus-thickness")} solid ${theme.getCssVar("palette-focusVisible")}`
   }
 }));
 var StyledPopper2 = styled13(Popper3, {
@@ -4149,32 +4147,6 @@ var DateRangePickerRoot = styled13("div", {
 })({
   width: "100%"
 });
-var validValueFormat2 = (value, format) => {
-  try {
-    const [date1Str, date2Str] = value.split(" - ");
-    if (!date1Str || !date2Str) {
-      return false;
-    }
-    const parsedDate1 = parseDate2(date1Str, format);
-    const parsedDate2 = parseDate2(date2Str, format);
-    if (parsedDate1.toString() === "Invalid Date" || parsedDate2.toString() === "Invalid Date") {
-      return false;
-    }
-    const formattedValue = formatValueString2(
-      [parsedDate1, parsedDate2],
-      format
-    );
-    if (value !== formattedValue) {
-      return false;
-    }
-    const regex = new RegExp(
-      `^${format.replace(/Y/g, "\\d").replace(/M/g, "\\d").replace(/D/g, "\\d")} - ${format.replace(/Y/g, "\\d").replace(/M/g, "\\d").replace(/D/g, "\\d")}$`
-    );
-    return regex.test(value);
-  } catch (e) {
-    return false;
-  }
-};
 var formatValueString2 = ([date1, date2], format) => {
   const getStr = (date) => {
     let day = `${date.getDate()}`;
@@ -4271,7 +4243,6 @@ var DateRangePicker = forwardRef8(
       sx,
       className,
       format = "YYYY/MM/DD",
-      displayFormat = "YYYY/MM/DD",
       size,
       inputReadOnly,
       hideClearButton,
@@ -4288,27 +4259,12 @@ var DateRangePicker = forwardRef8(
         [props.name, onChange]
       )
     );
-    const [displayValue, setDisplayValue] = useState7(
-      () => value ? formatValueString2(parseDates(value, format), displayFormat) : ""
-    );
     const [anchorEl, setAnchorEl] = useState7(null);
     const open = Boolean(anchorEl);
     const calendarValue = useMemo9(
       () => value ? parseDates(value, format) : void 0,
       [value, format]
     );
-    useEffect6(() => {
-      if (value) {
-        try {
-          const dates = parseDates(value, format);
-          const newDisplayValue = formatValueString2(dates, displayFormat);
-          setDisplayValue(newDisplayValue);
-        } catch (error2) {
-        }
-      } else {
-        setDisplayValue("");
-      }
-    }, [displayFormat, value, format]);
     useEffect6(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
@@ -4319,41 +4275,9 @@ var DateRangePicker = forwardRef8(
     ]);
     const handleChange = useCallback10(
       (event) => {
-        const value2 = event.target.value;
-        setDisplayValue(
-          value2 ? formatValueString2(parseDates(value2, format), displayFormat) : value2
-        );
-        setValue(value2);
-      },
-      [displayFormat, format, setValue]
-    );
-    const handleDisplayInputChange = useCallback10(
-      (event) => {
-        if (event.target.value === "") {
-          handleChange({
-            target: {
-              name: props.name,
-              value: ""
-            }
-          });
-          return;
-        }
-        const isValidDisplayValue = validValueFormat2(
-          event.target.value,
-          displayFormat
-        );
-        if (isValidDisplayValue) {
-          const dates = parseDates(event.target.value, displayFormat);
-          const formattedValue = formatValueString2(dates, format);
-          handleChange({
-            target: {
-              name: props.name,
-              value: formattedValue
-            }
-          });
-        }
+        setValue(event.target.value);
       },
-      [displayFormat, format, handleChange, props.name]
+      [setValue]
     );
     const handleCalendarToggle = useCallback10(
       (event) => {
@@ -4365,26 +4289,10 @@ var DateRangePicker = forwardRef8(
     const handleCalendarChange = useCallback10(
       ([date1, date2]) => {
         if (!date1 || !date2) return;
-        const formattedValue = formatValueString2([date1, date2], format);
-        if (props.value !== void 0) {
-          onChange?.({ target: { name: props.name, value: formattedValue } });
-        } else {
-          setDisplayValue(
-            formatValueString2([date1, date2], displayFormat)
-          );
-          setValue(formattedValue);
-        }
+        setValue(formatValueString2([date1, date2], format));
         setAnchorEl(null);
       },
-      [
-        props.value,
-        props.name,
-        onChange,
-        setValue,
-        setAnchorEl,
-        format,
-        displayFormat
-      ]
+      [setValue, setAnchorEl, format]
     );
     const handleInputMouseDown = useCallback10(
       (event) => {
@@ -4402,21 +4310,17 @@ var DateRangePicker = forwardRef8(
         color: error ? "danger" : innerProps.color,
         ref,
         size,
-        value: displayValue,
-        onChange: handleDisplayInputChange,
+        value,
+        onChange: handleChange,
         disabled,
         required,
-        placeholder: `${displayFormat} - ${displayFormat}`,
+        placeholder: `${format} - ${format}`,
         slotProps: {
           input: {
             component: TextMaskAdapter5,
             ref: innerRef,
-            format: displayFormat,
-            sx: {
-              "&:hover": {
-                cursor: inputReadOnly || readOnly ? "default" : "text"
-              }
-            },
+            format,
+            sx: { "&:hover": { cursor: inputReadOnly || readOnly ? "default" : "text" } },
             onMouseDown: handleInputMouseDown
           }
         },
@@ -4486,7 +4390,6 @@ var DateRangePicker = forwardRef8(
             color: "neutral",
             onClick: () => {
               setValue("");
-              setDisplayValue("");
               setAnchorEl(null);
             }
           },
@@ -4649,7 +4552,7 @@ function CheckboxGroup(props) {
     {
       key: `${id}-${option.value}`,
       label: option.label,
-      checked: internalValue?.includes(option.value),
+      checked: internalValue.includes(option.value),
       onChange: handleCheckboxChange(option.value)
     }
   )));
@@ -4719,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, useEffect as useEffect7 } from "react";
+import React30, { useCallback as useCallback13, useMemo as useMemo10, useState as useState8 } from "react";
 import { Stack as Stack4 } from "@mui/joy";
 function DateRange(props) {
   const {
@@ -4733,7 +4636,6 @@ function DateRange(props) {
     disableFuture,
     disablePast,
     format = "YYYY/MM/DD",
-    displayFormat,
     inputReadOnly,
     hideClearButton
   } = props;
@@ -4758,12 +4660,6 @@ 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;
@@ -4771,26 +4667,24 @@ function DateRange(props) {
           const startOfMonth = new Date(currentYear, currentMonth, 1);
           const endOfMonth = new Date(currentYear, currentMonth + 1, 0);
           return [
-            formatDate(startOfMonth),
-            formatDate(endOfMonth)
+            startOfMonth.toISOString().split("T")[0],
+            endOfMonth.toISOString().split("T")[0]
           ];
         }
         case "this-year": {
           const startOfYear = new Date(currentYear, 0, 1);
           const endOfYear = new Date(currentYear, 11, 31);
           return [
-            formatDate(startOfYear),
-            formatDate(endOfYear)
+            startOfYear.toISOString().split("T")[0],
+            endOfYear.toISOString().split("T")[0]
           ];
         }
         case "last-month": {
-          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);
+          const startOfLastMonth = new Date(currentYear, currentMonth - 1, 1);
+          const endOfLastMonth = new Date(currentYear, currentMonth, 0);
           return [
-            formatDate(startOfLastMonth),
-            formatDate(endOfLastMonth)
+            startOfLastMonth.toISOString().split("T")[0],
+            endOfLastMonth.toISOString().split("T")[0]
           ];
         }
         case "custom":
@@ -4801,32 +4695,12 @@ 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;
@@ -4888,7 +4762,6 @@ function DateRange(props) {
       disableFuture,
       disablePast,
       format,
-      displayFormat,
       inputReadOnly,
       hideClearButton
     }
@@ -5220,15 +5093,21 @@ function PercentageRange(props) {
     min,
     max
   } = props;
-  const [internalValue, setInternalValue] = useControlledState(value, null, onChange);
+  const [internalValue, setInternalValue] = useControlledState(
+    value,
+    null,
+    onChange
+  );
   const minValue = internalValue?.[0];
   const maxValue = internalValue?.[1];
   const handleMinChange = useCallback17(
     (event) => {
       const newMinValue = event.target.value;
       const currentMaxValue = maxValue;
-      if (newMinValue !== void 0) {
-        setInternalValue([newMinValue, currentMaxValue || null]);
+      if (newMinValue !== void 0 && currentMaxValue !== void 0) {
+        setInternalValue([newMinValue, currentMaxValue]);
+      } else if (newMinValue !== void 0) {
+        setInternalValue([newMinValue, newMinValue]);
       } else {
         setInternalValue(null);
       }
@@ -5239,8 +5118,10 @@ function PercentageRange(props) {
     (event) => {
       const newMaxValue = event.target.value;
       const currentMinValue = minValue;
-      if (newMaxValue !== void 0) {
-        setInternalValue([currentMinValue || null, newMaxValue]);
+      if (currentMinValue !== void 0 && newMaxValue !== void 0) {
+        setInternalValue([currentMinValue, newMaxValue]);
+      } else if (newMaxValue !== void 0) {
+        setInternalValue([newMaxValue, newMaxValue]);
       } else {
         setInternalValue(null);
       }
@@ -5263,7 +5144,7 @@ function PercentageRange(props) {
     PercentageInput,
     {
       label: "Minimum",
-      value: minValue ?? void 0,
+      value: minValue,
       onChange: handleMinChange,
       useMinorUnit,
       maxDecimalScale,
@@ -5277,7 +5158,7 @@ function PercentageRange(props) {
     PercentageInput,
     {
       label: "Maximum",
-      value: maxValue ?? void 0,
+      value: maxValue,
       onChange: handleMaxChange,
       useMinorUnit,
       maxDecimalScale,
@@ -5295,7 +5176,15 @@ 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, placeholder } = props;
+  const {
+    id,
+    label,
+    value,
+    onChange,
+    options,
+    multiple,
+    hidden
+  } = props;
   const [internalValue, setInternalValue] = useControlledState(
     value,
     void 0,
@@ -5333,7 +5222,6 @@ function Autocomplete2(props) {
       onChange: handleChange,
       options,
       multiple,
-      placeholder,
       "aria-labelledby": label ? id : void 0
     }
   ));
@@ -5352,16 +5240,7 @@ var componentMap = {
   autocomplete: Autocomplete2
 };
 function FilterMenu(props) {
-  const {
-    filters,
-    values,
-    defaultValues,
-    resetValues = {},
-    onChange,
-    onClose,
-    useClear,
-    useReset
-  } = props;
+  const { filters, values, defaultValues, onChange, onClose } = props;
   const [internalValues, setInternalValues] = useControlledState(
     values,
     defaultValues || {},
@@ -5382,62 +5261,32 @@ function FilterMenu(props) {
     onClose?.();
   }, [onChange, onClose, internalValues]);
   const handleClear = useCallback19(() => {
-    const clearedValues = resetValues || {};
+    const clearedValues = defaultValues || {};
     setInternalValues(clearedValues);
     onChange?.(clearedValues);
     onClose?.();
-  }, [resetValues, setInternalValues, onChange, onClose]);
-  return /* @__PURE__ */ React37.createElement(
-    ModalDialog,
-    {
-      sx: {
-        position: "relative",
-        transform: "none",
-        left: "initial",
-        top: "initial"
-      }
-    },
-    /* @__PURE__ */ React37.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ React37.createElement(Stack10, { spacing: 6 }, filters?.map((filter) => {
-      const FilterComponent = componentMap[filter.type];
-      return FilterComponent ? /* @__PURE__ */ React37.createElement(
-        FilterComponent,
-        {
-          key: filter.id,
-          ...filter,
-          value: internalValues[filter.id],
-          onChange: (value) => {
-            handleFilterChange(filter.id, value);
-          }
-        }
-      ) : null;
-    }))),
-    /* @__PURE__ */ React37.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ React37.createElement(
-      Button2,
+  }, [defaultValues, setInternalValues, onChange, onClose]);
+  return /* @__PURE__ */ React37.createElement(ModalDialog, null, /* @__PURE__ */ React37.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ React37.createElement(Stack10, { spacing: 6 }, filters?.map((filter) => {
+    const FilterComponent = componentMap[filter.type];
+    return FilterComponent ? /* @__PURE__ */ React37.createElement(
+      FilterComponent,
       {
-        variant: "plain",
-        color: "neutral",
-        size: "md",
-        onClick: handleClear
-      },
-      "Clear"
-    ), useReset && !useClear && /* @__PURE__ */ React37.createElement(
-      Button2,
-      {
-        variant: "plain",
-        color: "neutral",
-        size: "md",
-        onClick: handleClear
-      },
-      "Reset"
-    ), /* @__PURE__ */ React37.createElement(Button2, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply"))
-  );
+        key: filter.id,
+        ...filter,
+        value: internalValues[filter.id],
+        onChange: (value) => {
+          handleFilterChange(filter.id, value);
+        }
+      }
+    ) : null;
+  }))), /* @__PURE__ */ React37.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, /* @__PURE__ */ React37.createElement(Button2, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Clear"), /* @__PURE__ */ React37.createElement(Button2, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply")));
 }
 FilterMenu.displayName = "FilterMenu";
 
 // src/components/Uploader/Uploader.tsx
 import React38, {
   useCallback as useCallback20,
-  useEffect as useEffect8,
+  useEffect as useEffect7,
   useMemo as useMemo12,
   useRef as useRef6,
   useState as useState10
@@ -5739,7 +5588,7 @@ var Uploader = React38.memo(
         onChange
       ]
     );
-    useEffect8(() => {
+    useEffect7(() => {
       if (!dropZoneRef.current || disabled) {
         return;
       }
@@ -5787,7 +5636,7 @@ var Uploader = React38.memo(
       );
       return () => cleanup?.();
     }, [disabled, addFiles]);
-    useEffect8(() => {
+    useEffect7(() => {
       if (inputRef.current && minCount) {
         if (files.length < minCount) {
           inputRef.current.setCustomValidity(
@@ -5952,14 +5801,14 @@ function IconMenuButton(props) {
 IconMenuButton.displayName = "IconMenuButton";
 
 // src/components/Markdown/Markdown.tsx
-import React40, { lazy, Suspense, useEffect as useEffect9, useState as useState11 } from "react";
+import React40, { lazy, Suspense, useEffect as useEffect8, 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);
-  useEffect9(() => {
+  useEffect8(() => {
     const loadRehypeAccent = async () => {
       const module = await Promise.resolve().then(() => (init_rehype_accent(), rehype_accent_exports));
       setRehypeAccent(() => module.rehypeAccent);
@@ -6098,7 +5947,7 @@ MenuButton.displayName = "MenuButton";
 import React42, {
   forwardRef as forwardRef9,
   useCallback as useCallback21,
-  useEffect as useEffect10,
+  useEffect as useEffect9,
   useImperativeHandle as useImperativeHandle4,
   useRef as useRef7,
   useState as useState12
@@ -6215,7 +6064,7 @@ var MonthPicker = forwardRef9(
     );
     const [anchorEl, setAnchorEl] = useState12(null);
     const open = Boolean(anchorEl);
-    useEffect10(() => {
+    useEffect9(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }
@@ -6223,7 +6072,7 @@ var MonthPicker = forwardRef9(
     useImperativeHandle4(ref, () => innerRef.current, [
       innerRef
     ]);
-    useEffect10(() => {
+    useEffect9(() => {
       setDisplayValue(getFormattedDisplayValue(value));
     }, [value, getFormattedDisplayValue]);
     const handleChange = useCallback21(
@@ -6371,7 +6220,7 @@ var MonthPicker = forwardRef9(
 import React43, {
   forwardRef as forwardRef10,
   useCallback as useCallback22,
-  useEffect as useEffect11,
+  useEffect as useEffect10,
   useImperativeHandle as useImperativeHandle5,
   useMemo as useMemo13,
   useRef as useRef8,
@@ -6502,7 +6351,7 @@ var MonthRangePicker = forwardRef10(
       () => value ? parseDates2(value) : void 0,
       [value]
     );
-    useEffect11(() => {
+    useEffect10(() => {
       if (!anchorEl) {
         innerRef.current?.blur();
       }