@ceed/ads 1.8.6 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordions/Accordions.d.ts +1 -1
- package/dist/components/Accordions/index.d.ts +2 -2
- package/dist/components/Alert/Alert.d.ts +3 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +3 -3
- package/dist/components/Autocomplete/index.d.ts +2 -2
- package/dist/components/Avatar/Avatar.d.ts +2 -2
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/Box/index.d.ts +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts +5 -5
- package/dist/components/Breadcrumbs/index.d.ts +2 -2
- package/dist/components/Button/Button.d.ts +3 -3
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Calendar/Calendar.d.ts +2 -2
- package/dist/components/Calendar/hooks/use-calendar-props.d.ts +2 -2
- package/dist/components/Calendar/hooks/use-calendar.d.ts +11 -11
- package/dist/components/Calendar/index.d.ts +2 -2
- package/dist/components/Calendar/types.d.ts +2 -2
- package/dist/components/Card/Card.d.ts +1 -1
- package/dist/components/Card/index.d.ts +2 -2
- package/dist/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/components/Checkbox/index.d.ts +2 -2
- package/dist/components/Container/Container.d.ts +1 -1
- package/dist/components/Container/index.d.ts +2 -2
- package/dist/components/CurrencyInput/CurrencyInput.d.ts +4 -4
- package/dist/components/DataTable/DataTable.d.ts +3 -3
- package/dist/components/DataTable/index.d.ts +3 -3
- package/dist/components/DataTable/types.d.ts +45 -20
- package/dist/components/DatePicker/DatePicker.d.ts +3 -3
- package/dist/components/DatePicker/index.d.ts +2 -2
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +3 -3
- package/dist/components/DateRangePicker/index.d.ts +2 -2
- package/dist/components/DialogActions/DialogActions.d.ts +1 -1
- package/dist/components/DialogActions/index.d.ts +2 -2
- package/dist/components/DialogContent/DialogContent.d.ts +1 -1
- package/dist/components/DialogContent/index.d.ts +2 -2
- package/dist/components/DialogFrame/DialogFrame.d.ts +1 -1
- package/dist/components/DialogFrame/index.d.ts +2 -2
- package/dist/components/DialogTitle/DialogTitle.d.ts +1 -1
- package/dist/components/DialogTitle/index.d.ts +2 -2
- package/dist/components/Divider/Divider.d.ts +3 -3
- package/dist/components/Divider/index.d.ts +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/Dropdown/index.d.ts +2 -2
- package/dist/components/FilterMenu/FilterMenu.d.ts +2 -2
- package/dist/components/FilterMenu/components/Autocomplete.d.ts +2 -2
- package/dist/components/FilterMenu/components/CheckboxGroup.d.ts +2 -2
- package/dist/components/FilterMenu/components/CurrencyInput.d.ts +2 -2
- package/dist/components/FilterMenu/components/CurrencyRange.d.ts +2 -2
- package/dist/components/FilterMenu/components/DateRange.d.ts +2 -2
- package/dist/components/FilterMenu/components/PercentageInput.d.ts +2 -2
- package/dist/components/FilterMenu/components/PercentageRange.d.ts +2 -2
- package/dist/components/FilterMenu/components/RadioGroup.d.ts +2 -2
- package/dist/components/FilterMenu/index.d.ts +2 -2
- package/dist/components/FilterMenu/types.d.ts +18 -18
- package/dist/components/FormControl/FormControl.d.ts +1 -1
- package/dist/components/FormControl/index.d.ts +2 -2
- package/dist/components/FormHelperText/FormHelperText.d.ts +1 -1
- package/dist/components/FormHelperText/index.d.ts +2 -2
- package/dist/components/FormLabel/FormLabel.d.ts +1 -1
- package/dist/components/FormLabel/index.d.ts +2 -2
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/index.d.ts +2 -2
- package/dist/components/IconButton/IconButton.d.ts +4 -4
- package/dist/components/IconButton/index.d.ts +2 -2
- package/dist/components/IconMenuButton/IconMenuButton.d.ts +6 -6
- package/dist/components/IconMenuButton/index.d.ts +2 -2
- package/dist/components/InfoSign/InfoSign.d.ts +4 -4
- package/dist/components/InfoSign/index.d.ts +2 -2
- package/dist/components/Input/Input.d.ts +2 -2
- package/dist/components/Input/index.d.ts +2 -2
- package/dist/components/InsetDrawer/index.d.ts +2 -2
- package/dist/components/Markdown/Markdown.d.ts +6 -6
- package/dist/components/Markdown/index.d.ts +2 -2
- package/dist/components/Menu/Menu.d.ts +3 -3
- package/dist/components/Menu/index.d.ts +2 -2
- package/dist/components/MenuButton/MenuButton.d.ts +8 -8
- package/dist/components/MenuButton/index.d.ts +2 -2
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/MonthPicker/MonthPicker.d.ts +3 -3
- package/dist/components/MonthPicker/index.d.ts +2 -2
- package/dist/components/MonthRangePicker/MonthRangePicker.d.ts +3 -3
- package/dist/components/MonthRangePicker/index.d.ts +2 -2
- package/dist/components/NavigationGroup/NavigationGroup.d.ts +3 -3
- package/dist/components/NavigationGroup/index.d.ts +2 -2
- package/dist/components/NavigationItem/NavigationItem.d.ts +3 -3
- package/dist/components/NavigationItem/index.d.ts +2 -2
- package/dist/components/Navigator/Navigator.d.ts +3 -3
- package/dist/components/Pagination/Pagination.d.ts +2 -2
- package/dist/components/Pagination/index.d.ts +2 -2
- package/dist/components/PercentageInput/PercentageInput.d.ts +4 -4
- package/dist/components/ProfileMenu/ProfileMenu.d.ts +5 -5
- package/dist/components/ProfileMenu/index.d.ts +2 -2
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/Radio/index.d.ts +2 -2
- package/dist/components/RadioList/RadioList.d.ts +2 -2
- package/dist/components/RadioList/index.d.ts +2 -2
- package/dist/components/Select/Select.d.ts +5 -5
- package/dist/components/Select/index.d.ts +2 -2
- package/dist/components/Sheet/Sheet.d.ts +1 -1
- package/dist/components/Sheet/index.d.ts +2 -2
- package/dist/components/Stack/Stack.d.ts +1 -1
- package/dist/components/Stack/index.d.ts +2 -2
- package/dist/components/Stepper/Stepper.d.ts +2 -2
- package/dist/components/Switch/Switch.d.ts +3 -3
- package/dist/components/Switch/index.d.ts +2 -2
- package/dist/components/Table/Table.d.ts +2 -2
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Tabs/Tabs.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts +2 -2
- package/dist/components/Textarea/Textarea.d.ts +3 -3
- package/dist/components/Textarea/index.d.ts +2 -2
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +18 -18
- package/dist/components/ThemeProvider/index.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts +3 -3
- package/dist/components/Tooltip/index.d.ts +2 -2
- package/dist/components/Typography/Typography.d.ts +3 -3
- package/dist/components/Typography/index.d.ts +2 -2
- package/dist/components/Uploader/Uploader.d.ts +1 -1
- package/dist/components/index.d.ts +60 -60
- package/dist/index.cjs +1421 -2083
- package/dist/index.d.ts +4 -4
- package/dist/index.js +1445 -2187
- package/dist/libs/rehype-accent/index.d.ts +2 -2
- package/framer/index.js +40 -40
- package/package.json +6 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
declare const AccordionSummary: import("framer-motion").CustomDomComponent<{
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionSummaryPropsColorOverrides> | undefined;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Accordions } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Accordions } from './Accordions';
|
|
2
|
+
export * from './Accordions';
|
|
3
3
|
export default Accordions;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { AlertProps } from
|
|
3
|
-
import { MotionProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AlertProps } from '@mui/joy';
|
|
3
|
+
import { MotionProps } from 'framer-motion';
|
|
4
4
|
declare function Alert(props: {
|
|
5
5
|
content: React.ReactNode;
|
|
6
6
|
actions?: React.ReactNode;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { AutocompleteProps as JoyAutocompleteProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AutocompleteProps as JoyAutocompleteProps } from '@mui/joy';
|
|
3
3
|
interface AutocompleteOption {
|
|
4
4
|
value: string;
|
|
5
5
|
label: string;
|
|
@@ -27,7 +27,7 @@ export type AutocompleteProps<T extends AutocompleteOption | string = string, Mu
|
|
|
27
27
|
value?: AutocompleteValue<Multiple>;
|
|
28
28
|
};
|
|
29
29
|
}) => void;
|
|
30
|
-
} & Omit<JoyAutocompleteProps<AutocompleteOption, Multiple, boolean, boolean>,
|
|
30
|
+
} & Omit<JoyAutocompleteProps<AutocompleteOption, Multiple, boolean, boolean>, 'onChange' | 'value' | 'options' | 'defaultValue'>;
|
|
31
31
|
declare function Autocomplete<T extends AutocompleteOption | string, Multiple extends boolean | undefined = false>(props: AutocompleteProps<T, Multiple>): React.JSX.Element;
|
|
32
32
|
declare namespace Autocomplete {
|
|
33
33
|
var displayName: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Autocomplete } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Autocomplete } from './Autocomplete';
|
|
2
|
+
export * from './Autocomplete';
|
|
3
3
|
export default Autocomplete;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { AvatarGroup } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { AvatarGroup } from '@mui/joy';
|
|
3
3
|
export { AvatarGroup };
|
|
4
4
|
declare const Avatar: React.ForwardRefExoticComponent<Omit<{
|
|
5
5
|
component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
declare const Box: import("framer-motion").CustomDomComponent<import("@mui/system").BoxOwnProps<import("@mui/joy").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
|
|
4
4
|
}, keyof import("@mui/system").BoxOwnProps<import("@mui/joy").Theme>>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Box } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Box } from './Box';
|
|
2
|
+
export * from './Box';
|
|
3
3
|
export default Box;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { BreadcrumbsProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { BreadcrumbsProps } from '@mui/joy';
|
|
3
3
|
declare function Breadcrumbs(props: {
|
|
4
4
|
crumbs: {
|
|
5
|
-
type:
|
|
5
|
+
type: 'text' | 'link';
|
|
6
6
|
label: string;
|
|
7
7
|
linkHref?: string;
|
|
8
8
|
}[];
|
|
@@ -10,10 +10,10 @@ declare function Breadcrumbs(props: {
|
|
|
10
10
|
endCrumbCount?: number;
|
|
11
11
|
slots?: {
|
|
12
12
|
link?: React.ElementType;
|
|
13
|
-
} & BreadcrumbsProps[
|
|
13
|
+
} & BreadcrumbsProps['slots'];
|
|
14
14
|
slotProps?: {
|
|
15
15
|
link?: {};
|
|
16
|
-
} & BreadcrumbsProps[
|
|
16
|
+
} & BreadcrumbsProps['slotProps'];
|
|
17
17
|
collapsed?: boolean;
|
|
18
18
|
} & BreadcrumbsProps): React.JSX.Element;
|
|
19
19
|
declare namespace Breadcrumbs {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Breadcrumbs } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Breadcrumbs } from './Breadcrumbs';
|
|
2
|
+
export * from './Breadcrumbs';
|
|
3
3
|
export default Breadcrumbs;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React, { ElementType } from
|
|
2
|
-
import { ButtonProps as JoyButtonProps } from
|
|
3
|
-
import { MotionProps } from
|
|
1
|
+
import React, { ElementType } from 'react';
|
|
2
|
+
import { ButtonProps as JoyButtonProps } from '@mui/joy';
|
|
3
|
+
import { MotionProps } from 'framer-motion';
|
|
4
4
|
type PolymorphicProps<C extends ElementType> = {
|
|
5
5
|
component?: C;
|
|
6
6
|
ref?: React.Ref<any>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Button } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Button } from './Button';
|
|
2
|
+
export * from './Button';
|
|
3
3
|
export default Button;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { View, CalendarProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { View, CalendarProps } from '../types';
|
|
3
3
|
export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
|
|
4
4
|
minDate: Date;
|
|
5
5
|
maxDate: Date;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { CalendarOwnerState } from
|
|
1
|
+
import { CalendarOwnerState } from '../types';
|
|
2
2
|
export declare const useCalendar: (ownerState: CalendarOwnerState) => {
|
|
3
3
|
calendarTitle: string;
|
|
4
4
|
onPrev: () => void;
|
|
5
5
|
onNext: () => void;
|
|
6
6
|
getDayCellProps: (day: number) => {
|
|
7
|
-
readonly
|
|
8
|
-
readonly
|
|
7
|
+
readonly 'aria-label': string;
|
|
8
|
+
readonly 'aria-current': "date" | undefined;
|
|
9
9
|
};
|
|
10
10
|
getMonthCellProps: (monthIndex: number) => {
|
|
11
|
-
readonly
|
|
12
|
-
readonly
|
|
11
|
+
readonly 'aria-label': string;
|
|
12
|
+
readonly 'aria-current': "date" | undefined;
|
|
13
13
|
};
|
|
14
14
|
getPickerDayProps: (day: number) => {
|
|
15
15
|
readonly isToday: boolean;
|
|
@@ -18,9 +18,9 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
|
|
|
18
18
|
readonly onMouseEnter: (() => void) | undefined;
|
|
19
19
|
readonly disabled: boolean | undefined;
|
|
20
20
|
readonly tabIndex: -1;
|
|
21
|
-
readonly
|
|
22
|
-
readonly
|
|
23
|
-
readonly
|
|
21
|
+
readonly 'aria-label': string;
|
|
22
|
+
readonly 'aria-selected': "true" | undefined;
|
|
23
|
+
readonly 'aria-current': "date" | undefined;
|
|
24
24
|
};
|
|
25
25
|
getPickerMonthProps: (monthIndex: number) => {
|
|
26
26
|
readonly isSelected: boolean | undefined;
|
|
@@ -28,8 +28,8 @@ export declare const useCalendar: (ownerState: CalendarOwnerState) => {
|
|
|
28
28
|
readonly disabled: boolean | undefined;
|
|
29
29
|
readonly onClick: () => void;
|
|
30
30
|
readonly tabIndex: -1;
|
|
31
|
-
readonly
|
|
32
|
-
readonly
|
|
33
|
-
readonly
|
|
31
|
+
readonly 'aria-label': string;
|
|
32
|
+
readonly 'aria-selected': "true" | undefined;
|
|
33
|
+
readonly 'aria-current': "date" | undefined;
|
|
34
34
|
};
|
|
35
35
|
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Calendar } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Calendar } from './Calendar';
|
|
2
|
+
export * from './Calendar';
|
|
3
3
|
export default Calendar;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export type DateValue = Date;
|
|
3
|
-
export type View =
|
|
4
|
-
export type CalendarSlot =
|
|
3
|
+
export type View = 'month' | 'day';
|
|
4
|
+
export type CalendarSlot = 'root' | 'day' | 'calendarHeader' | 'viewContainer' | 'viewTable' | 'switchViewButton' | 'weekHeaderContainer' | 'dayPickerContainer';
|
|
5
5
|
export interface CalendarProps {
|
|
6
6
|
value?: [DateValue, DateValue | undefined];
|
|
7
7
|
defaultValue?: [DateValue, DateValue | undefined];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
declare const Card: import("framer-motion").CustomDomComponent<{
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").CardPropsColorOverrides> | undefined;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Card } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Card } from './Card';
|
|
2
|
+
export * from './Card';
|
|
3
3
|
export default Card;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { CheckboxProps } from
|
|
3
|
-
import { MotionProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CheckboxProps } from '@mui/joy';
|
|
3
|
+
import { MotionProps } from 'framer-motion';
|
|
4
4
|
declare const Checkbox: {
|
|
5
5
|
(props: CheckboxProps & MotionProps): React.JSX.Element;
|
|
6
6
|
displayName: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Checkbox } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Checkbox } from './Checkbox';
|
|
2
|
+
export * from './Checkbox';
|
|
3
3
|
export default Checkbox;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
declare const Container: React.ForwardRefExoticComponent<Omit<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
|
|
3
3
|
maxWidth?: "sm" | "md" | "lg" | "xl" | undefined;
|
|
4
4
|
overrideBreakpoint?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Container } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Container } from './Container';
|
|
2
|
+
export * from './Container';
|
|
3
3
|
export default Container;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { InputProps } from
|
|
3
|
-
import { MotionProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputProps } from '@mui/joy';
|
|
3
|
+
import { MotionProps } from 'framer-motion';
|
|
4
4
|
export interface CurrencyInputProps {
|
|
5
|
-
currency?:
|
|
5
|
+
currency?: 'USD' | 'KRW';
|
|
6
6
|
max?: number;
|
|
7
7
|
value?: number;
|
|
8
8
|
defaultValue?: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { DataTableProps, DataTableApi } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { DataTableProps, DataTableApi } from './types';
|
|
3
3
|
declare const DataTable: {
|
|
4
|
-
<T extends Record<string, any>, GetId extends ((row: T) => any) | undefined>(props: Omit<DataTableProps<T, GetId>,
|
|
4
|
+
<T extends Record<string, any>, GetId extends ((row: T) => any) | undefined>(props: Omit<DataTableProps<T, GetId>, 'ref'> & {
|
|
5
5
|
ref?: React.Ref<DataTableApi>;
|
|
6
6
|
}): React.JSX.Element;
|
|
7
7
|
displayName?: string | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DataTable } from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
1
|
+
import { DataTable } from './DataTable';
|
|
2
|
+
export * from './DataTable';
|
|
3
|
+
export * from './types';
|
|
4
4
|
export default DataTable;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ReactNode, ComponentProps } from
|
|
2
|
-
import { Link } from
|
|
3
|
-
import { Table } from
|
|
4
|
-
import CurrencyInput from
|
|
5
|
-
import DatePicker from
|
|
6
|
-
import Input from
|
|
7
|
-
import Textarea from
|
|
8
|
-
import Autocomplete from
|
|
9
|
-
import Select from
|
|
1
|
+
import { ReactNode, ComponentProps } from 'react';
|
|
2
|
+
import { Link } from '@mui/joy';
|
|
3
|
+
import { Table } from '../Table';
|
|
4
|
+
import CurrencyInput from '../CurrencyInput';
|
|
5
|
+
import DatePicker from '../DatePicker';
|
|
6
|
+
import Input from '../Input';
|
|
7
|
+
import Textarea from '../Textarea';
|
|
8
|
+
import Autocomplete from '../Autocomplete';
|
|
9
|
+
import Select from '../Select';
|
|
10
10
|
export type ObjectLike<V = any> = Record<PropertyKey, V> | {
|
|
11
11
|
[key: PropertyKey]: V;
|
|
12
12
|
};
|
|
@@ -39,11 +39,34 @@ export type PinnedColumns = {
|
|
|
39
39
|
left?: string[];
|
|
40
40
|
right?: string[];
|
|
41
41
|
};
|
|
42
|
+
export type GridCellClassNamePropType<R, V> = (params: {
|
|
43
|
+
row: R;
|
|
44
|
+
value: V;
|
|
45
|
+
field: string;
|
|
46
|
+
id: string;
|
|
47
|
+
}) => string | undefined;
|
|
48
|
+
export type ColumnGroupingModel<T extends Record<PropertyKey, any>, ID = unknown> = {
|
|
49
|
+
groupId: string;
|
|
50
|
+
headerName?: string;
|
|
51
|
+
children: ColumnGroupingModel<T, ID> | ColumnDef<T, ID>[];
|
|
52
|
+
}[];
|
|
53
|
+
export type ProcessedColumnGroup = {
|
|
54
|
+
groupId: string;
|
|
55
|
+
headerName?: string;
|
|
56
|
+
colspan: number;
|
|
57
|
+
level: number;
|
|
58
|
+
startIndex: number;
|
|
59
|
+
};
|
|
60
|
+
export type FlattenedColumn<T extends Record<PropertyKey, any>, ID> = ColumnDef<T, ID> & {
|
|
61
|
+
groupPath: string[];
|
|
62
|
+
columnIndex: number;
|
|
63
|
+
};
|
|
42
64
|
export type BaseColumnDef<T extends Record<PropertyKey, V>, V, ID> = {
|
|
43
65
|
[K in keyof T]: {
|
|
44
66
|
field: K;
|
|
45
67
|
headerName?: string;
|
|
46
68
|
headerRef?: React.RefObject<HTMLTableCellElement>;
|
|
69
|
+
tableColRef?: React.RefObject<HTMLTableColElement>;
|
|
47
70
|
width?: string;
|
|
48
71
|
minWidth?: string;
|
|
49
72
|
maxWidth?: string;
|
|
@@ -69,43 +92,44 @@ export type BaseColumnDef<T extends Record<PropertyKey, V>, V, ID> = {
|
|
|
69
92
|
* Tooltip 으로 노출되는 설명
|
|
70
93
|
*/
|
|
71
94
|
description?: string;
|
|
95
|
+
cellClassName?: GridCellClassNamePropType<T, T[K]>;
|
|
72
96
|
};
|
|
73
97
|
}[keyof T];
|
|
74
98
|
export type AutocompleteColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
75
|
-
type:
|
|
99
|
+
type: 'autocomplete';
|
|
76
100
|
componentProps?: ComponentProperties<typeof Autocomplete, T, InferredIdType<T, ID>, string>;
|
|
77
101
|
};
|
|
78
102
|
export type CurrencyColumnDef<T extends Record<PropertyKey, number>, ID> = BaseColumnDef<T, number, ID> & {
|
|
79
|
-
type:
|
|
103
|
+
type: 'currency';
|
|
80
104
|
componentProps?: ComponentProperties<typeof CurrencyInput, T, ID, number>;
|
|
81
105
|
};
|
|
82
106
|
export type DateColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
83
|
-
type:
|
|
107
|
+
type: 'date';
|
|
84
108
|
componentProps?: ComponentProperties<typeof DatePicker, T, ID, string>;
|
|
85
109
|
};
|
|
86
110
|
export type NumberColumnDef<T extends Record<PropertyKey, number>, ID> = BaseColumnDef<T, number, ID> & {
|
|
87
|
-
type:
|
|
111
|
+
type: 'number';
|
|
88
112
|
componentProps?: ComponentProperties<typeof Input, T, ID, number>;
|
|
89
113
|
};
|
|
90
114
|
export type TextColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
91
|
-
type?:
|
|
115
|
+
type?: 'text';
|
|
92
116
|
componentProps?: ComponentProperties<typeof Input, T, ID, string>;
|
|
93
117
|
};
|
|
94
118
|
export type LongTextColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
95
|
-
type:
|
|
119
|
+
type: 'longText';
|
|
96
120
|
componentProps?: ComponentProperties<typeof Textarea, T, ID, string>;
|
|
97
121
|
};
|
|
98
122
|
export type SelectColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
99
|
-
type:
|
|
123
|
+
type: 'select';
|
|
100
124
|
componentProps?: ComponentProperties<typeof Select<string, false>, T, ID, string>;
|
|
101
125
|
};
|
|
102
126
|
export type LinkColumnDef<T extends Record<PropertyKey, string>, ID, C extends React.ElementType = typeof Link> = BaseColumnDef<T, string, ID> & {
|
|
103
|
-
type:
|
|
127
|
+
type: 'link';
|
|
104
128
|
component?: C;
|
|
105
129
|
componentProps?: ComponentProperties<C, T, ID, string>;
|
|
106
130
|
};
|
|
107
131
|
export type ActionsColumnDef<T extends Record<PropertyKey, string>, ID> = BaseColumnDef<T, string, ID> & {
|
|
108
|
-
type:
|
|
132
|
+
type: 'actions';
|
|
109
133
|
getActions: (params: {
|
|
110
134
|
row: T;
|
|
111
135
|
value?: any;
|
|
@@ -113,7 +137,7 @@ export type ActionsColumnDef<T extends Record<PropertyKey, string>, ID> = BaseCo
|
|
|
113
137
|
}) => ReactNode[];
|
|
114
138
|
};
|
|
115
139
|
export type ColumnDef<T extends Record<PropertyKey, any>, ID = unknown> = AutocompleteColumnDef<T, ID> | CurrencyColumnDef<T, ID> | DateColumnDef<T, ID> | NumberColumnDef<T, ID> | TextColumnDef<T, ID> | LongTextColumnDef<T, ID> | LinkColumnDef<T, ID> | SelectColumnDef<T, ID> | ActionsColumnDef<T, ID>;
|
|
116
|
-
export type Sort =
|
|
140
|
+
export type Sort = 'asc' | 'desc' | null;
|
|
117
141
|
export type SortModel<T extends Record<PropertyKey, any>> = {
|
|
118
142
|
[K in keyof T]: {
|
|
119
143
|
field: K;
|
|
@@ -129,6 +153,7 @@ export type DataTableProps<T extends Record<PropertyKey, any>, GetId extends ((r
|
|
|
129
153
|
checkboxSelection?: boolean;
|
|
130
154
|
columns: ColumnDef<T, InferredIdType<T, GetId>>[];
|
|
131
155
|
pinnedColumns?: PinnedColumns;
|
|
156
|
+
columnGroupingModel?: ColumnGroupingModel<T, InferredIdType<T, GetId>>;
|
|
132
157
|
editMode?: boolean;
|
|
133
158
|
/**
|
|
134
159
|
* 체크박스가 있는 경우, 체크박스를 클릭했을 때 선택된 row의 index를 지정한다.
|
|
@@ -154,7 +179,7 @@ export type DataTableProps<T extends Record<PropertyKey, any>, GetId extends ((r
|
|
|
154
179
|
}>;
|
|
155
180
|
}>;
|
|
156
181
|
pagination?: boolean;
|
|
157
|
-
paginationMode?:
|
|
182
|
+
paginationMode?: 'client' | 'server';
|
|
158
183
|
paginationModel?: {
|
|
159
184
|
page: number;
|
|
160
185
|
pageSize: number;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import Input from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Input from '../Input';
|
|
3
3
|
interface BaseDatePickerProps {
|
|
4
4
|
/**
|
|
5
5
|
* props.format 의 형식을 따라야 한다.
|
|
@@ -40,6 +40,6 @@ interface BaseDatePickerProps {
|
|
|
40
40
|
*/
|
|
41
41
|
shouldDisableDate?: (date: string) => boolean;
|
|
42
42
|
}
|
|
43
|
-
export type DatePickerProps = BaseDatePickerProps & Omit<React.ComponentProps<typeof Input>,
|
|
43
|
+
export type DatePickerProps = BaseDatePickerProps & Omit<React.ComponentProps<typeof Input>, 'onChange' | 'value' | 'defaultValue'>;
|
|
44
44
|
declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
45
45
|
export { DatePicker };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DatePicker } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DatePicker } from './DatePicker';
|
|
2
|
+
export * from './DatePicker';
|
|
3
3
|
export default DatePicker;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import Input from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Input from '../Input';
|
|
3
3
|
interface BaseDateRangePickerProps {
|
|
4
4
|
/**
|
|
5
5
|
* props.format 의 형식을 따라야 한다.
|
|
@@ -33,6 +33,6 @@ interface BaseDateRangePickerProps {
|
|
|
33
33
|
inputReadOnly?: boolean;
|
|
34
34
|
hideClearButton?: boolean;
|
|
35
35
|
}
|
|
36
|
-
export type DateRangePickerProps = BaseDateRangePickerProps & Omit<React.ComponentProps<typeof Input>,
|
|
36
|
+
export type DateRangePickerProps = BaseDateRangePickerProps & Omit<React.ComponentProps<typeof Input>, 'onChange' | 'value' | 'defaultValue'>;
|
|
37
37
|
declare const DateRangePicker: React.ForwardRefExoticComponent<Omit<DateRangePickerProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
38
38
|
export { DateRangePicker };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DateRangePicker } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DateRangePicker } from './DateRangePicker';
|
|
2
|
+
export * from './DateRangePicker';
|
|
3
3
|
export default DateRangePicker;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogActions } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DialogActions } from './DialogActions';
|
|
2
|
+
export * from './DialogActions';
|
|
3
3
|
export default DialogActions;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogContent } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DialogContent } from './DialogContent';
|
|
2
|
+
export * from './DialogContent';
|
|
3
3
|
export default DialogContent;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogFrame } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DialogFrame } from './DialogFrame';
|
|
2
|
+
export * from './DialogFrame';
|
|
3
3
|
export default DialogFrame;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from 'react';
|
|
2
2
|
declare const DialogTitle: import("@emotion/styled").StyledComponent<Omit<{
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").DialogTitlePropsColorOverrides> | undefined;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { DialogTitle } from
|
|
2
|
-
export * from
|
|
1
|
+
import { DialogTitle } from './DialogTitle';
|
|
2
|
+
export * from './DialogTitle';
|
|
3
3
|
export default DialogTitle;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { DividerProps } from
|
|
3
|
-
import { MotionProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DividerProps } from '@mui/joy';
|
|
3
|
+
import { MotionProps } from 'framer-motion';
|
|
4
4
|
declare const Divider: {
|
|
5
5
|
(props: DividerProps & MotionProps): React.JSX.Element;
|
|
6
6
|
displayName: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Divider } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Divider } from './Divider';
|
|
2
|
+
export * from './Divider';
|
|
3
3
|
export default Divider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Dropdown } from
|
|
1
|
+
export { Dropdown } from '@mui/joy';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Dropdown } from
|
|
2
|
-
export * from
|
|
1
|
+
import { Dropdown } from './Dropdown';
|
|
2
|
+
export * from './Dropdown';
|
|
3
3
|
export default Dropdown;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { FilterAutocompleteItem } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { FilterAutocompleteItem } from '../types';
|
|
3
3
|
interface AutocompleteProps extends FilterAutocompleteItem {
|
|
4
4
|
onChange?: (value?: string | number) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { FilterCheckboxGroupItem } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FilterCheckboxGroupItem } from '../types';
|
|
3
3
|
interface CheckboxGroupProps extends FilterCheckboxGroupItem {
|
|
4
4
|
onChange?: (value: (string | number)[]) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { FilterCurrencyInputItem } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FilterCurrencyInputItem } from '../types';
|
|
3
3
|
interface CurrencyInputProps extends FilterCurrencyInputItem {
|
|
4
4
|
onChange?: (value: number | undefined) => void;
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { FilterCurrencyRangeItem } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FilterCurrencyRangeItem } from '../types';
|
|
3
3
|
interface CurrencyRangeProps extends FilterCurrencyRangeItem {
|
|
4
4
|
onChange?: (value: [number, number] | null) => void;
|
|
5
5
|
}
|