@ceed/ads 0.0.77 → 0.0.79

package/dist/components/DatePicker/DatePicker.d.ts

@@ -9,6 +9,7 @@ interface DatePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -9,6 +9,7 @@ interface DateRangePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

package/dist/components/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
-    onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown" | "closeClick") => void) | undefined;
+    onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;

package/dist/components/MonthRangePicker/MonthRangePicker.d.ts

@@ -9,6 +9,7 @@ interface MonthRangePickerProps {
     }) => void;
     name?: string;
     disabled?: boolean;
+    required?: boolean;
     label?: React.ReactNode;
     error?: boolean;
     helperText?: React.ReactNode;

package/dist/index.js

@@ -173,11 +173,41 @@ var FormHelperText_default = FormHelperText;
 
 // src/components/Autocomplete/Autocomplete.tsx
 function Autocomplete(props) {
-  const { label, error, helperText, color, size, disabled, ...innerProps } = props;
+  const {
+    label,
+    error,
+    helperText,
+    color,
+    size,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    return /* @__PURE__ */ React2.createElement(FormControl_default, { color, size, error, disabled }, /* @__PURE__ */ React2.createElement(FormLabel_default, null, label), /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps }), helperText && /* @__PURE__ */ React2.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React2.createElement(
+      FormControl_default,
+      {
+        required,
+        color,
+        size,
+        error,
+        disabled
+      },
+      /* @__PURE__ */ React2.createElement(FormLabel_default, null, label),
+      /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps }),
+      helperText && /* @__PURE__ */ React2.createElement(FormHelperText_default, null, helperText)
+    );
   }
-  return /* @__PURE__ */ React2.createElement(JoyAutocomplete, { ...innerProps, color, size, disabled });
+  return /* @__PURE__ */ React2.createElement(
+    JoyAutocomplete,
+    {
+      ...innerProps,
+      required,
+      color,
+      size,
+      disabled
+    }
+  );
 }
 Autocomplete.displayName = "Autocomplete";
 
@@ -1497,7 +1527,7 @@ function DataTable(props) {
       justifyContent: "space-between",
       alignItems: "center"
     },
-    /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ React13.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(rowCount ?? rows.length), " items")), isTotalSelected && /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(rowCount ?? rows.length), " items are selected."), /* @__PURE__ */ React13.createElement(
+    !!checkboxSelection && /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1 }, !isAllSelected && /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, numberFormatter(selectionModel?.length || 0), " items selected"), isAllSelected && !isTotalSelected && /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(selectionModel?.length || 0), " items on this page are selected."), /* @__PURE__ */ React13.createElement(Button_default, { size: "sm", variant: "plain", onClick: onTotalSelect }, "Select all ", numberFormatter(rowCount ?? rows.length), " items")), isTotalSelected && /* @__PURE__ */ React13.createElement(Stack_default, { direction: "row", spacing: 1, alignItems: "center" }, /* @__PURE__ */ React13.createElement(Typography_default, { level: "body-xs" }, "All ", numberFormatter(rowCount ?? rows.length), " items are selected."), /* @__PURE__ */ React13.createElement(
       Button_default,
       {
         size: "sm",
@@ -1623,11 +1653,42 @@ import { Input as JoyInput } from "@mui/joy";
 import { motion as motion15 } from "framer-motion";
 var MotionInput = motion15(JoyInput);
 var Input = (props) => {
-  const { label, helperText, error, style, size, color, disabled, ...innerProps } = props;
+  const {
+    label,
+    helperText,
+    error,
+    style,
+    size,
+    color,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    return /* @__PURE__ */ React14.createElement(FormControl_default, { color, size, error, disabled }, /* @__PURE__ */ React14.createElement(FormLabel_default, null, label), /* @__PURE__ */ React14.createElement(MotionInput, { ...innerProps }), helperText && /* @__PURE__ */ React14.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React14.createElement(
+      FormControl_default,
+      {
+        required,
+        color,
+        size,
+        error,
+        disabled
+      },
+      /* @__PURE__ */ React14.createElement(FormLabel_default, null, label),
+      /* @__PURE__ */ React14.createElement(MotionInput, { ...innerProps }),
+      helperText && /* @__PURE__ */ React14.createElement(FormHelperText_default, null, helperText)
+    );
   }
-  return /* @__PURE__ */ React14.createElement(MotionInput, { color, size, disabled, ...innerProps });
+  return /* @__PURE__ */ React14.createElement(
+    MotionInput,
+    {
+      required,
+      color,
+      size,
+      disabled,
+      ...innerProps
+    }
+  );
 };
 Input.displayName = "Input";
 
@@ -1724,7 +1785,18 @@ var TextMaskAdapter = React15.forwardRef(
 );
 var DatePicker = forwardRef4(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState4(props.value || "");
     const [anchorEl, setAnchorEl] = useState4(null);
     const open = Boolean(anchorEl);
@@ -1750,6 +1822,7 @@ var DatePicker = forwardRef4(
         onChange: handleChange,
         placeholder: "YYYY/MM/DD",
         disabled,
+        required,
         slotProps: { input: { component: TextMaskAdapter } },
         sx: {
           // NOTE: placeholder char 를 텍스트로 표시하므로 동일한 너비를 가지는 mono font 를 사용해야 이질감이 없다.
@@ -1809,7 +1882,18 @@ var DatePicker = forwardRef4(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React15.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React15.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React15.createElement(
+        FormControl_default,
+        {
+          required,
+          disabled,
+          error,
+          size: "sm"
+        },
+        /* @__PURE__ */ React15.createElement(FormLabel_default, null, label),
+        picker,
+        helperText && /* @__PURE__ */ React15.createElement(FormHelperText_default, null, helperText)
+      );
     }
     return picker;
   }
@@ -1910,7 +1994,18 @@ var TextMaskAdapter3 = React16.forwardRef(
 );
 var DateRangePicker = forwardRef5(
   (props, ref) => {
-    const { onChange, disabled, label, error, helperText, minDate, maxDate, disableFuture, disablePast } = props;
+    const {
+      onChange,
+      disabled,
+      label,
+      error,
+      helperText,
+      minDate,
+      maxDate,
+      disableFuture,
+      disablePast,
+      required
+    } = props;
     const [value, setValue] = useState5(props.value || "");
     const [anchorEl, setAnchorEl] = useState5(null);
     const open = Boolean(anchorEl);
@@ -1948,6 +2043,7 @@ var DateRangePicker = forwardRef5(
         value,
         onChange: handleChange,
         disabled,
+        required,
         placeholder: "YYYY/MM/DD - YYYY/MM/DD",
         slotProps: { input: { component: TextMaskAdapter3 } },
         sx: {
@@ -2006,7 +2102,7 @@ var DateRangePicker = forwardRef5(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React16.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React16.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React16.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React16.createElement(FormControl_default, { required, disabled, error, size: "sm" }, /* @__PURE__ */ React16.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React16.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -2211,7 +2307,8 @@ var MonthRangePicker = forwardRef6(
       minDate,
       maxDate,
       disableFuture,
-      disablePast
+      disablePast,
+      required
     } = props;
     const [value, setValue] = useState6(props.value || "");
     const [anchorEl, setAnchorEl] = useState6(null);
@@ -2250,6 +2347,7 @@ var MonthRangePicker = forwardRef6(
         value,
         onChange: handleChange,
         disabled,
+        required,
         placeholder: "YYYY/MM - YYYY/MM",
         slotProps: { input: { component: TextMaskAdapter5 } },
         sx: {
@@ -2310,7 +2408,7 @@ var MonthRangePicker = forwardRef6(
       )))
     )));
     if (label) {
-      return /* @__PURE__ */ React21.createElement(FormControl_default, { disabled, error, size: "sm" }, /* @__PURE__ */ React21.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText));
+      return /* @__PURE__ */ React21.createElement(FormControl_default, { required, disabled, error, size: "sm" }, /* @__PURE__ */ React21.createElement(FormLabel_default, null, label), picker, helperText && /* @__PURE__ */ React21.createElement(FormHelperText_default, null, helperText));
     }
     return picker;
   }
@@ -2346,16 +2444,41 @@ var MotionOption = motion24(JoyOption);
 var Option = MotionOption;
 Option.displayName = "Option";
 function Select(props) {
-  const { label, helperText, error, size, color, disabled, ...innerProps } = props;
+  const {
+    label,
+    helperText,
+    error,
+    size,
+    color,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    return /* @__PURE__ */ React23.createElement(FormControl_default, { disabled, size, color, error }, /* @__PURE__ */ React23.createElement(FormLabel_default, null, label), /* @__PURE__ */ React23.createElement(
-      JoySelect,
+    return /* @__PURE__ */ React23.createElement(
+      FormControl_default,
       {
-        ...innerProps
-      }
-    ), helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText));
+        required,
+        disabled,
+        size,
+        color,
+        error
+      },
+      /* @__PURE__ */ React23.createElement(FormLabel_default, null, label),
+      /* @__PURE__ */ React23.createElement(JoySelect, { ...innerProps }),
+      helperText && /* @__PURE__ */ React23.createElement(FormHelperText_default, null, helperText)
+    );
   }
-  return /* @__PURE__ */ React23.createElement(JoySelect, { disabled, size, color, ...innerProps });
+  return /* @__PURE__ */ React23.createElement(
+    JoySelect,
+    {
+      required,
+      disabled,
+      size,
+      color,
+      ...innerProps
+    }
+  );
 }
 Select.displayName = "Select";
 
@@ -2428,11 +2551,41 @@ import { Textarea as JoyTextarea } from "@mui/joy";
 import { motion as motion27 } from "framer-motion";
 var MotionTextarea = motion27(JoyTextarea);
 var Textarea = (props) => {
-  const { label, error, helperText, color, size, disabled, ...innerProps } = props;
+  const {
+    label,
+    error,
+    helperText,
+    color,
+    size,
+    disabled,
+    required,
+    ...innerProps
+  } = props;
   if (label) {
-    return /* @__PURE__ */ React25.createElement(FormControl_default, { disabled, color, size, error }, /* @__PURE__ */ React25.createElement(FormLabel_default, null, label), /* @__PURE__ */ React25.createElement(MotionTextarea, { ...innerProps }), helperText && /* @__PURE__ */ React25.createElement(FormHelperText_default, null, helperText));
+    return /* @__PURE__ */ React25.createElement(
+      FormControl_default,
+      {
+        required,
+        disabled,
+        color,
+        size,
+        error
+      },
+      /* @__PURE__ */ React25.createElement(FormLabel_default, null, label),
+      /* @__PURE__ */ React25.createElement(MotionTextarea, { ...innerProps }),
+      helperText && /* @__PURE__ */ React25.createElement(FormHelperText_default, null, helperText)
+    );
   }
-  return /* @__PURE__ */ React25.createElement(MotionTextarea, { disabled, color, size, ...innerProps });
+  return /* @__PURE__ */ React25.createElement(
+    MotionTextarea,
+    {
+      required,
+      disabled,
+      color,
+      size,
+      ...innerProps
+    }
+  );
 };
 Textarea.displayName = "Textarea";