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

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/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/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

@@ -5206,15 +5206,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 +5244,7 @@ function Autocomplete2(props) {
       onChange: handleChange,
       options,
       multiple,
+      placeholder,
       "aria-labelledby": label ? id : void 0
     }
   ));
@@ -5270,7 +5263,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 || {},
@@ -5320,7 +5321,25 @@ function FilterMenu(props) {
         }
       ) : 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(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

@@ -5176,15 +5176,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 +5214,7 @@ function Autocomplete2(props) {
       onChange: handleChange,
       options,
       multiple,
+      placeholder,
       "aria-labelledby": label ? id : void 0
     }
   ));
@@ -5240,7 +5233,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 || {},
@@ -5290,7 +5291,25 @@ function FilterMenu(props) {
         }
       ) : 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(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";