@ceed/ads 1.7.8 → 1.8.0-next.10

package/dist/components/CurrencyInput/CurrencyInput.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { InputProps } from "@mui/joy";
 import { MotionProps } from "framer-motion";
-interface CurrencyInputProps {
+export interface CurrencyInputProps {
     currency?: "USD" | "KRW";
     max?: number;
     value?: number;

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

@@ -1,6 +1,9 @@
 import React from "react";
 import Input from "../Input";
 interface BaseDateRangePickerProps {
+    /**
+     * props.format 의 형식을 따라야 한다.
+     */
     value?: string;
     defaultValue?: string;
     onChange?: (event: {
@@ -19,7 +22,14 @@ interface BaseDateRangePickerProps {
     maxDate?: string;
     disableFuture?: boolean;
     disablePast?: boolean;
+    /**
+     * value, onChange의 값은 해당 포맷을 따른다.
+     */
     format?: string;
+    /**
+     * Input 에 표시되는 값의 포맷을 지정한다.
+     */
+    displayFormat?: string;
     inputReadOnly?: boolean;
     hideClearButton?: boolean;
 }

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

@@ -0,0 +1,24 @@
+import React from "react";
+import { FilterItem } from "./types";
+interface FilterMenuProps {
+    filters?: FilterItem[];
+    values?: Record<string, any>;
+    defaultValues?: Record<string, any>;
+    resetValues?: 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 {
+    var displayName: string;
+}
+export { FilterMenu };

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

@@ -0,0 +1,11 @@
+import React from "react";
+import type { FilterAutocompleteItem } from "../types";
+interface AutocompleteProps extends FilterAutocompleteItem {
+    onChange?: (value?: string | number) => void;
+}
+declare function Autocomplete(props: AutocompleteProps): React.JSX.Element | null;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+export { Autocomplete };
+export default Autocomplete;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterCheckboxGroupItem } from "../types";
+interface CheckboxGroupProps extends FilterCheckboxGroupItem {
+    onChange?: (value: (string | number)[]) => void;
+}
+declare function CheckboxGroup(props: CheckboxGroupProps): React.JSX.Element | null;
+declare namespace CheckboxGroup {
+    var displayName: string;
+}
+export { CheckboxGroup };
+export default CheckboxGroup;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterCurrencyInputItem } from "../types";
+interface CurrencyInputProps extends FilterCurrencyInputItem {
+    onChange?: (value: number | undefined) => void;
+}
+declare function CurrencyInput(props: CurrencyInputProps): React.JSX.Element | null;
+declare namespace CurrencyInput {
+    var displayName: string;
+}
+export { CurrencyInput };
+export default CurrencyInput;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterCurrencyRangeItem } from "../types";
+interface CurrencyRangeProps extends FilterCurrencyRangeItem {
+    onChange?: (value: [number, number] | null) => void;
+}
+declare function CurrencyRange(props: CurrencyRangeProps): React.JSX.Element | null;
+declare namespace CurrencyRange {
+    var displayName: string;
+}
+export { CurrencyRange };
+export default CurrencyRange;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterDateRangeItem } from "../types";
+interface DateRangeProps extends FilterDateRangeItem {
+    onChange?: (value: [string, string] | null) => void;
+}
+declare function DateRange(props: DateRangeProps): React.JSX.Element | null;
+declare namespace DateRange {
+    var displayName: string;
+}
+export { DateRange };
+export default DateRange;

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

@@ -0,0 +1,7 @@
+import React from "react";
+import type { FilterPercentageInputItem } from "../types";
+export interface PercentageInputProps extends FilterPercentageInputItem {
+    onChange?: (value?: number) => void;
+}
+export declare const PercentageInput: React.FC<PercentageInputProps>;
+export default PercentageInput;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterPercentageRangeItem } from "../types";
+interface PercentageRangeProps extends FilterPercentageRangeItem {
+    onChange?: (value: [number | null, number | null] | null) => void;
+}
+declare function PercentageRange(props: PercentageRangeProps): React.JSX.Element | null;
+declare namespace PercentageRange {
+    var displayName: string;
+}
+export { PercentageRange };
+export default PercentageRange;

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FilterRadioGroupItem } from "../types";
+interface RadioGroupProps extends FilterRadioGroupItem {
+    onChange?: (value: string | number) => void;
+}
+declare function RadioGroup(props: RadioGroupProps): React.JSX.Element | null;
+declare namespace RadioGroup {
+    var displayName: string;
+}
+export { RadioGroup };
+export default RadioGroup;

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

@@ -0,0 +1,2 @@
+export * from "./FilterMenu";
+export type * from "./types";

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

@@ -0,0 +1,46 @@
+import type { DateRangePickerProps } from "../DateRangePicker";
+import type { CurrencyInputProps } from "../CurrencyInput";
+import type { PercentageInputProps } from "../PercentageInput";
+import type { AutocompleteProps } from "../Autocomplete";
+type DateTime = string;
+export interface FilterBaseItem<V = never> {
+    id: string;
+    label: string;
+    value?: V;
+    hidden?: boolean;
+    onChange?: (value: V) => void;
+}
+export interface FilterCheckboxGroupItem extends FilterBaseItem<(string | number)[]> {
+    type: "checkbox-group";
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+}
+export interface FilterRadioGroupItem extends FilterBaseItem<string | number> {
+    type: "radio-group";
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+}
+export interface FilterDateRangeItem extends FilterBaseItem<[DateTime, DateTime]>, Pick<DateRangePickerProps, "minDate" | "maxDate" | "disableFuture" | "disablePast" | "format" | "displayFormat" | "inputReadOnly" | "hideClearButton"> {
+    type: "date-range";
+}
+export interface FilterCurrencyInputItem extends FilterBaseItem<number>, Pick<CurrencyInputProps, "max" | "placeholder" | "useMinorUnit" | "currency"> {
+    type: "currency-input";
+}
+export interface FilterCurrencyRangeItem extends FilterBaseItem<[number, number]>, Pick<CurrencyInputProps, "max" | "placeholder" | "useMinorUnit" | "currency"> {
+    type: "currency-range";
+}
+export interface FilterPercentageInputItem extends FilterBaseItem<number>, Pick<PercentageInputProps, "useMinorUnit" | "maxDecimalScale" | "min" | "max" | "placeholder"> {
+    type: "percentage-input";
+}
+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" | "placeholder"> {
+    type: "autocomplete";
+}
+export type FilterItem = FilterCheckboxGroupItem | FilterRadioGroupItem | FilterDateRangeItem | FilterCurrencyInputItem | FilterCurrencyRangeItem | FilterPercentageInputItem | FilterPercentageRangeItem | FilterAutocompleteItem;
+export {};

package/dist/components/ProfileMenu/ProfileMenu.d.ts

@@ -26,7 +26,7 @@ interface BaseProfileMenuProps {
             src: string;
             alt: string;
         };
-        caption?: string;
+        caption?: React.ReactNode;
         chip?: string;
     };
     menuItems: ({

package/dist/components/index.d.ts

@@ -22,6 +22,8 @@ export { DialogFrame } from "./DialogFrame";
 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";