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

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

@@ -6,6 +6,15 @@ interface FilterMenuProps {
     defaultValues?: Record<string, any>;
     onChange?: (values: Record<string, any>) => void;
     onClose?: () => void;
+    /**
+     * 필터에 있는 모든 옵션을 비우는 버튼을 제공하는 옵션.
+     * 일반적으로 아이콘 필터 버튼을 사용해서 필터가 모두 제공될 때 사용한다.
+     */
+    useReset?: boolean;
+    /**
+     * 하나의 필터 항목만 값을 비우는 버튼을 제공하는 옵션. filters가 1개만 있을때 Clear 버튼을 표시하고 2개 이상이면 의미 없다.
+     */
+    useClear?: boolean;
 }
 declare function FilterMenu(props: FilterMenuProps): React.JSX.Element;
 declare namespace FilterMenu {

package/dist/components/index.d.ts

@@ -23,6 +23,7 @@ export { Divider } from "./Divider";
 export { InsetDrawer } from "./InsetDrawer";
 export { Dropdown } from "./Dropdown";
 export { FilterMenu } from "./FilterMenu";
+export type * from "./FilterMenu";
 export { Uploader } from "./Uploader";
 export { FormControl } from "./FormControl";
 export { FormHelperText } from "./FormHelperText";

package/dist/index.cjs

@@ -5270,7 +5270,15 @@ var componentMap = {
   autocomplete: Autocomplete2
 };
 function FilterMenu(props) {
-  const { filters, values, defaultValues, onChange, onClose } = props;
+  const {
+    filters,
+    values,
+    defaultValues,
+    onChange,
+    onClose,
+    useClear,
+    useReset
+  } = props;
   const [internalValues, setInternalValues] = useControlledState(
     values,
     defaultValues || {},
@@ -5296,20 +5304,50 @@ function FilterMenu(props) {
     onChange?.(clearedValues);
     onClose?.();
   }, [defaultValues, setInternalValues, onChange, onClose]);
-  return /* @__PURE__ */ import_react39.default.createElement(ModalDialog, null, /* @__PURE__ */ import_react39.default.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ import_react39.default.createElement(import_joy51.Stack, { spacing: 6 }, filters?.map((filter) => {
-    const FilterComponent = componentMap[filter.type];
-    return FilterComponent ? /* @__PURE__ */ import_react39.default.createElement(
-      FilterComponent,
-      {
-        key: filter.id,
-        ...filter,
-        value: internalValues[filter.id],
-        onChange: (value) => {
-          handleFilterChange(filter.id, value);
-        }
+  return /* @__PURE__ */ import_react39.default.createElement(
+    ModalDialog,
+    {
+      sx: {
+        position: "relative",
+        transform: "none",
+        left: "initial",
+        top: "initial"
       }
-    ) : null;
-  }))), /* @__PURE__ */ import_react39.default.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, /* @__PURE__ */ import_react39.default.createElement(import_joy51.Button, { variant: "plain", color: "neutral", size: "md", onClick: handleClear }, "Clear"), /* @__PURE__ */ import_react39.default.createElement(import_joy51.Button, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply")));
+    },
+    /* @__PURE__ */ import_react39.default.createElement(DialogContent, { sx: { paddingTop: 5 } }, /* @__PURE__ */ import_react39.default.createElement(import_joy51.Stack, { spacing: 6 }, filters?.map((filter) => {
+      const FilterComponent = componentMap[filter.type];
+      return FilterComponent ? /* @__PURE__ */ import_react39.default.createElement(
+        FilterComponent,
+        {
+          key: filter.id,
+          ...filter,
+          value: internalValues[filter.id],
+          onChange: (value) => {
+            handleFilterChange(filter.id, value);
+          }
+        }
+      ) : null;
+    }))),
+    /* @__PURE__ */ import_react39.default.createElement(DialogActions, { sx: { justifyContent: "space-between" } }, useClear && filters?.length === 1 && /* @__PURE__ */ import_react39.default.createElement(
+      import_joy51.Button,
+      {
+        variant: "plain",
+        color: "neutral",
+        size: "md",
+        onClick: handleClear
+      },
+      "Clear"
+    ), useReset && !useClear && /* @__PURE__ */ import_react39.default.createElement(
+      import_joy51.Button,
+      {
+        variant: "plain",
+        color: "neutral",
+        size: "md",
+        onClick: handleClear
+      },
+      "Reset"
+    ), /* @__PURE__ */ import_react39.default.createElement(import_joy51.Button, { variant: "solid", color: "primary", size: "md", onClick: handleApply }, "Apply"))
+  );
 }
 FilterMenu.displayName = "FilterMenu";
 

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export { useTheme, useColorScheme, useThemeProps, ButtonGroup, alertClasses, boxClasses, buttonClasses, checkboxClasses, dividerClasses, iconButtonClasses, inputClasses, menuClasses, menuButtonClasses, menuItemClasses, optionClasses, radioClasses, radioGroupClasses, selectClasses, switchClasses, tableClasses, textareaClasses, typographyClasses, formControlClasses, formLabelClasses, formHelperTextClasses, gridClasses, stackClasses, sheetClasses, modalClasses, modalCloseClasses, modalDialogClasses, modalOverflowClasses, dialogTitleClasses, dialogContentClasses, dialogActionsClasses, tooltipClasses, tabsClasses, tabListClasses, tabPanelClasses, accordionClasses, accordionDetailsClasses, accordionGroupClasses as accordionsClasses, accordionSummaryClasses, AutocompleteListbox, AutocompleteOption, autocompleteClasses, autocompleteListboxClasses, autocompleteOptionClasses, avatarClasses, avatarGroupClasses, AspectRatio, aspectRatioClasses, Badge, badgeClasses, breadcrumbsClasses, cardClasses, cardActionsClasses, cardContentClasses, cardCoverClasses, cardOverflowClasses, chipClasses, CircularProgress, circularProgressClasses, Drawer, drawerClasses, LinearProgress, linearProgressClasses, List, listClasses, ListDivider, listDividerClasses, ListItem, listItemClasses, ListItemButton, listItemButtonClasses, ListItemContent, listItemContentClasses, ListItemDecorator, listItemDecoratorClasses, ListSubheader, listSubheaderClasses, Link, linkClasses, Slider, sliderClasses, stepClasses, StepButton, stepButtonClasses, stepperClasses, Skeleton, skeletonClasses, styled, } from "@mui/joy";
 export type { ButtonProps, Theme } from "@mui/joy";
 export { Accordion, Accordions, Alert, Autocomplete, AccordionDetails, AccordionSummary, Avatar, AvatarGroup, Box, Breadcrumbs, Button, Calendar, Card, CardActions, CardContent, CardCover, CardOverflow, Checkbox, Chip, Container, CssBaseline, CurrencyInput, DataTable, DatePicker, DateRangePicker, DialogActions, DialogContent, DialogTitle, DialogFrame, Divider, Dropdown, FilterMenu, extendTheme, InsetDrawer, Uploader, FormControl, FormHelperText, FormLabel, Grid, IconButton, IconMenuButton, InfoSign, Input, Markdown, Menu, MenuButton, MenuItem, Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, MonthPicker, MonthRangePicker, PercentageInput, ProfileMenu, Pagination, NavigationGroup, NavigationItem, Navigator, Radio, RadioGroup, RadioList, Select, Option, Sheet, Stack, Step, StepIndicator, Stepper, Switch, theme, Table, TableHead, TableBody, Tabs, Tab, TabList, TabPanel, Textarea, ThemeProvider, Tooltip, Typography, } from "./components";
+export type * from "./components";

package/dist/index.js

@@ -5240,7 +5240,15 @@ var componentMap = {
   autocomplete: Autocomplete2
 };
 function FilterMenu(props) {
-  const { filters, values, defaultValues, onChange, onClose } = props;
+  const {
+    filters,
+    values,
+    defaultValues,
+    onChange,
+    onClose,
+    useClear,
+    useReset
+  } = props;
   const [internalValues, setInternalValues] = useControlledState(
     values,
     defaultValues || {},
@@ -5266,20 +5274,50 @@ function FilterMenu(props) {
     onChange?.(clearedValues);
     onClose?.();
   }, [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,
-      {
-        key: filter.id,
-        ...filter,
-        value: internalValues[filter.id],
-        onChange: (value) => {
-          handleFilterChange(filter.id, value);
-        }
+  return /* @__PURE__ */ React37.createElement(
+    ModalDialog,
+    {
+      sx: {
+        position: "relative",
+        transform: "none",
+        left: "initial",
+        top: "initial"
       }
-    ) : 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")));
+    },
+    /* @__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,
+      {
+        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"))
+  );
 }
 FilterMenu.displayName = "FilterMenu";