@teamturing/react-kit 2.14.1 → 2.15.1
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/core/Avatar/index.d.ts +13 -0
- package/dist/core/Checkbox/index.d.ts +12 -0
- package/dist/core/Datagrid/DatagridBody.d.ts +6 -0
- package/dist/core/Datagrid/DatagridCell.d.ts +6 -0
- package/dist/core/Datagrid/DatagridHeader.d.ts +9 -0
- package/dist/core/Datagrid/DatagridRow.d.ts +7 -0
- package/dist/core/Datagrid/index.d.ts +15 -0
- package/dist/core/DescriptionList/index.d.ts +23 -0
- package/dist/core/GradientText/index.d.ts +3 -3
- package/dist/core/Grid/index.d.ts +2 -2
- package/dist/core/Pagination/index.d.ts +2 -2
- package/dist/core/Pill/index.d.ts +11 -3
- package/dist/core/Select/index.d.ts +300 -0
- package/dist/core/Spinner/index.d.ts +4 -4
- package/dist/core/Stack/index.d.ts +2 -2
- package/dist/hook/useRelocation.d.ts +18 -0
- package/dist/hook/useSafeLayoutEffect.d.ts +3 -0
- package/dist/index.d.ts +12 -0
- package/dist/index.js +4369 -3699
- package/esm/core/Avatar/index.js +68 -0
- package/esm/core/Checkbox/index.js +169 -0
- package/esm/core/Datagrid/DatagridBody.js +16 -0
- package/esm/core/Datagrid/DatagridCell.js +13 -0
- package/esm/core/Datagrid/DatagridHeader.js +41 -0
- package/esm/core/Datagrid/DatagridRow.js +26 -0
- package/esm/core/Datagrid/index.js +56 -0
- package/esm/core/DescriptionList/index.js +70 -0
- package/esm/core/Pill/index.js +16 -5
- package/esm/core/Select/index.js +234 -0
- package/esm/core/TextInput/index.js +4 -4
- package/esm/core/Textarea/index.js +2 -2
- package/esm/hook/useRelocation.js +34 -0
- package/esm/hook/useSafeLayoutEffect.js +5 -0
- package/esm/index.js +7 -0
- package/package.json +2 -2
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ResponsiveValue } from 'styled-system';
|
|
3
|
+
import { SxProp } from '../../utils/styled-system';
|
|
4
|
+
import { ImageProps } from '../Image';
|
|
5
|
+
type AvatarSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
6
|
+
type Props = {
|
|
7
|
+
size?: ResponsiveValue<AvatarSizeType>;
|
|
8
|
+
} & Pick<ImageProps, 'src' | 'alt'> & SxProp;
|
|
9
|
+
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
10
|
+
size?: ResponsiveValue<AvatarSizeType> | undefined;
|
|
11
|
+
} & Pick<ImageProps, "src" | "alt"> & SxProp & import("react").RefAttributes<HTMLImageElement>>;
|
|
12
|
+
export default _default;
|
|
13
|
+
export type { Props as AvatarProps };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {
|
|
4
|
+
validationStatus?: 'error' | 'success' | undefined;
|
|
5
|
+
indeterminate?: boolean;
|
|
6
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> & SxProp;
|
|
7
|
+
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
8
|
+
validationStatus?: "error" | "success" | undefined;
|
|
9
|
+
indeterminate?: boolean | undefined;
|
|
10
|
+
} & Omit<InputHTMLAttributes<HTMLInputElement>, "type"> & SxProp & import("react").RefAttributes<HTMLInputElement>>;
|
|
11
|
+
export default _default;
|
|
12
|
+
export type { Props as CheckboxProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {} & SxProp;
|
|
4
|
+
declare const DatagridBody: ({ ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default DatagridBody;
|
|
6
|
+
export type { Props as DatagridBodyProps };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { GridUnitProps } from '../Grid';
|
|
3
|
+
type Props = {} & Pick<GridUnitProps, 'size' | 'sx'>;
|
|
4
|
+
declare const DatagridCell: ({ children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default DatagridCell;
|
|
6
|
+
export type { Props as DatagridCellProps };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ElementType, HTMLAttributes, ReactElement, ReactNode } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
type Props = {
|
|
4
|
+
leadingVisual?: ElementType | ReactNode;
|
|
5
|
+
trailingAction?: ReactElement<HTMLAttributes<HTMLElement>>;
|
|
6
|
+
} & SxProp;
|
|
7
|
+
declare const DatagridHeader: ({ leadingVisual: LeadingVisual, trailingAction, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default DatagridHeader;
|
|
9
|
+
export type { Props as DatagridHeaderProps };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { GridProps } from '../Grid';
|
|
3
|
+
import { SpaceProps } from '../Space';
|
|
4
|
+
type Props = {} & Pick<GridProps, 'gapX' | 'alignItems' | 'justifyContent' | 'sx'> & Pick<SpaceProps, 'p' | 'px' | 'py' | 'pt' | 'pr' | 'pb' | 'pl' | 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
|
|
5
|
+
declare const DatagridRow: ({ gapX, alignItems, justifyContent, sx, children, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default DatagridRow;
|
|
7
|
+
export type { Props as DatagridRowProps };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
+
import { SxProp } from '../../utils/styled-system';
|
|
3
|
+
import { DatagridBodyProps } from './DatagridBody';
|
|
4
|
+
import { DatagridCellProps } from './DatagridCell';
|
|
5
|
+
import { DatagridHeaderProps } from './DatagridHeader';
|
|
6
|
+
import { DatagridRowProps } from './DatagridRow';
|
|
7
|
+
type Props = {} & HTMLAttributes<HTMLDivElement> & SxProp;
|
|
8
|
+
declare const _default: (({ children, sx, ...props }: PropsWithChildren<Props>) => import("react/jsx-runtime").JSX.Element) & {
|
|
9
|
+
Header: ({ leadingVisual: LeadingVisual, trailingAction, ...props }: DatagridHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
Body: ({ ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
Row: ({ gapX, alignItems, justifyContent, sx, children, ...props }: PropsWithChildren<DatagridRowProps>) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
Cell: ({ children, ...props }: PropsWithChildren<Pick<import("../Grid").GridUnitProps, "size" | "sx">>) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
export default _default;
|
|
15
|
+
export type { Props as DatagridProps, DatagridBodyProps, DatagridCellProps, DatagridHeaderProps, DatagridRowProps };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { SpaceKey } from '@teamturing/token-studio';
|
|
2
|
+
import { ComponentType, ReactNode, SVGProps } from 'react';
|
|
3
|
+
import { ResponsiveValue } from 'styled-system';
|
|
4
|
+
import { GridProps, GridUnitProps } from '../Grid';
|
|
5
|
+
import { ItemListProps } from '../ItemList';
|
|
6
|
+
type DescriptionListItemDescriptionType<T extends Record<string, any>> = {
|
|
7
|
+
icon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
8
|
+
title: string | ReactNode;
|
|
9
|
+
renderValue: (item: T) => ReactNode;
|
|
10
|
+
};
|
|
11
|
+
type Props<T extends Record<string, any>, TD extends Record<string, DescriptionListItemDescriptionType<T>> = {}> = {
|
|
12
|
+
item: T;
|
|
13
|
+
itemDescriptions: TD;
|
|
14
|
+
picks: (keyof TD)[];
|
|
15
|
+
renderTitle?: (title: ReactNode) => ReactNode;
|
|
16
|
+
renderDescription?: (description: ReactNode) => ReactNode;
|
|
17
|
+
titleUnitSize?: GridUnitProps['size'];
|
|
18
|
+
descriptionUnitSize?: GridUnitProps['size'];
|
|
19
|
+
gapItem?: ResponsiveValue<SpaceKey>;
|
|
20
|
+
} & Pick<GridProps, 'gapX' | 'gapY'> & Omit<ItemListProps<DescriptionListItemDescriptionType<T>>, 'items' | 'renderItem'>;
|
|
21
|
+
declare const DescriptionList: <T extends Record<string, any>, TD extends Record<string, DescriptionListItemDescriptionType<T>> = {}>({ item, itemDescriptions, renderTitle, renderDescription, picks, gapX, gapY, gapItem, titleUnitSize, descriptionUnitSize, ...props }: Props<T, TD>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
export default DescriptionList;
|
|
23
|
+
export type { Props as DescriptionListProps };
|
|
@@ -54,7 +54,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
|
|
|
54
54
|
is?: string | undefined;
|
|
55
55
|
'aria-activedescendant'?: string | undefined;
|
|
56
56
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
57
|
-
'aria-autocomplete'?: "none" | "
|
|
57
|
+
'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
|
|
58
58
|
'aria-braillelabel'?: string | undefined;
|
|
59
59
|
'aria-brailleroledescription'?: string | undefined;
|
|
60
60
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
@@ -272,8 +272,8 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
|
|
|
272
272
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
273
273
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
274
274
|
} & {
|
|
275
|
-
typography?: import("styled-system").ResponsiveValue<"m" | "
|
|
276
|
-
} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "
|
|
275
|
+
typography?: import("styled-system").ResponsiveValue<"m" | "xxs" | "xs" | "s" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
|
|
276
|
+
} & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "xxs" | "xs" | "s" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "link" | "bg/neutral/bolder" | "text/inverse" | "text/neutral/subtlest" | "text/neutral/subtle" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtler" | "text/neutral" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected">, "ref"> & {
|
|
277
277
|
ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
|
|
278
278
|
}, Props>>;
|
|
279
279
|
export default GradientText;
|
|
@@ -13,8 +13,8 @@ type GridUnitProps = {
|
|
|
13
13
|
size: ResponsiveValue<UnitSizeType>;
|
|
14
14
|
} & Pick<ViewProps, 'order' | 'sx'> & AsProp;
|
|
15
15
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
16
|
-
gapX?: ResponsiveValue<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 |
|
|
17
|
-
gapY?: ResponsiveValue<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 |
|
|
16
|
+
gapX?: ResponsiveValue<0 | 1 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 18 | "-0.25" | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | 0.25 | 30 | 50 | 80> | undefined;
|
|
17
|
+
gapY?: ResponsiveValue<0 | 1 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 18 | "-0.25" | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | 0.25 | 30 | 50 | 80> | undefined;
|
|
18
18
|
wrap?: ResponsiveValue<boolean> | undefined;
|
|
19
19
|
} & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
|
|
20
20
|
children?: import("react").ReactNode;
|
|
@@ -44,13 +44,13 @@ declare const _default: (<T extends {
|
|
|
44
44
|
translate?: "yes" | "no" | undefined;
|
|
45
45
|
hidden?: boolean | undefined;
|
|
46
46
|
property?: string | undefined;
|
|
47
|
-
className?: string | undefined;
|
|
48
47
|
defaultChecked?: boolean | undefined;
|
|
49
48
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
50
49
|
suppressContentEditableWarning?: boolean | undefined;
|
|
51
50
|
suppressHydrationWarning?: boolean | undefined;
|
|
52
51
|
accessKey?: string | undefined;
|
|
53
52
|
autoFocus?: boolean | undefined;
|
|
53
|
+
className?: string | undefined;
|
|
54
54
|
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
|
55
55
|
contextMenu?: string | undefined;
|
|
56
56
|
dir?: string | undefined;
|
|
@@ -90,7 +90,7 @@ declare const _default: (<T extends {
|
|
|
90
90
|
is?: string | undefined;
|
|
91
91
|
'aria-activedescendant'?: string | undefined;
|
|
92
92
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
93
|
-
'aria-autocomplete'?: "none" | "
|
|
93
|
+
'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
|
|
94
94
|
'aria-braillelabel'?: string | undefined;
|
|
95
95
|
'aria-brailleroledescription'?: string | undefined;
|
|
96
96
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ElementType, ReactNode } from 'react';
|
|
1
|
+
import { ComponentType, ElementType, ReactNode, SVGProps } from 'react';
|
|
2
2
|
import { ResponsiveValue } from 'styled-system';
|
|
3
3
|
import { SxProp } from '../../utils/styled-system';
|
|
4
4
|
type Props = {
|
|
@@ -18,9 +18,13 @@ type Props = {
|
|
|
18
18
|
*/
|
|
19
19
|
leadingVisual?: ElementType | ReactNode;
|
|
20
20
|
/**
|
|
21
|
-
* 없앨 수 있을 때 onRemove를 넘기면
|
|
21
|
+
* 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 trailingVisual 자리에 생깁니다.
|
|
22
22
|
*/
|
|
23
23
|
onRemove?: () => void;
|
|
24
|
+
/**
|
|
25
|
+
* onRemove가 undefined가 아닐 때 나오는 삭제 버튼의 아이콘을 정의합니다.
|
|
26
|
+
*/
|
|
27
|
+
removeIcon?: ComponentType<SVGProps<SVGSVGElement>>;
|
|
24
28
|
} & SxProp;
|
|
25
29
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
26
30
|
text?: string | undefined;
|
|
@@ -39,9 +43,13 @@ declare const _default: import("react").ForwardRefExoticComponent<{
|
|
|
39
43
|
*/
|
|
40
44
|
leadingVisual?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
|
|
41
45
|
/**
|
|
42
|
-
* 없앨 수 있을 때 onRemove를 넘기면
|
|
46
|
+
* 없앨 수 있을 때 onRemove를 넘기면 삭제 버튼이 trailingVisual 자리에 생깁니다.
|
|
43
47
|
*/
|
|
44
48
|
onRemove?: (() => void) | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* onRemove가 undefined가 아닐 때 나오는 삭제 버튼의 아이콘을 정의합니다.
|
|
51
|
+
*/
|
|
52
|
+
removeIcon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
|
|
45
53
|
} & SxProp & import("react").RefAttributes<HTMLSpanElement>>;
|
|
46
54
|
export default _default;
|
|
47
55
|
export type { Props as PillProps };
|
|
@@ -0,0 +1,300 @@
|
|
|
1
|
+
import { ElementType, SelectHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
/**
|
|
4
|
+
* TODO asdf
|
|
5
|
+
*/
|
|
6
|
+
validationStatus?: 'error' | 'success' | undefined;
|
|
7
|
+
/**
|
|
8
|
+
* 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
|
|
9
|
+
*/
|
|
10
|
+
leadingVisual?: ElementType | ReactNode;
|
|
11
|
+
} & SelectHTMLAttributes<HTMLSelectElement>;
|
|
12
|
+
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
13
|
+
/**
|
|
14
|
+
* TODO asdf
|
|
15
|
+
*/
|
|
16
|
+
validationStatus?: "error" | "success" | undefined;
|
|
17
|
+
/**
|
|
18
|
+
* 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
|
|
19
|
+
*/
|
|
20
|
+
leadingVisual?: string | number | boolean | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | null | undefined;
|
|
21
|
+
} & SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>> & {
|
|
22
|
+
Option: import("styled-components").IStyledComponent<"web", {
|
|
23
|
+
ref?: import("react").LegacyRef<HTMLOptionElement> | undefined;
|
|
24
|
+
key?: import("react").Key | null | undefined;
|
|
25
|
+
disabled?: boolean | undefined;
|
|
26
|
+
label?: string | undefined;
|
|
27
|
+
selected?: boolean | undefined;
|
|
28
|
+
value?: string | number | readonly string[] | undefined;
|
|
29
|
+
defaultChecked?: boolean | undefined;
|
|
30
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
31
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
32
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
33
|
+
accessKey?: string | undefined;
|
|
34
|
+
autoFocus?: boolean | undefined;
|
|
35
|
+
className?: string | undefined;
|
|
36
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
|
37
|
+
contextMenu?: string | undefined;
|
|
38
|
+
dir?: string | undefined;
|
|
39
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
40
|
+
hidden?: boolean | undefined;
|
|
41
|
+
id?: string | undefined;
|
|
42
|
+
lang?: string | undefined;
|
|
43
|
+
nonce?: string | undefined;
|
|
44
|
+
placeholder?: string | undefined;
|
|
45
|
+
slot?: string | undefined;
|
|
46
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
47
|
+
style?: import("react").CSSProperties | undefined;
|
|
48
|
+
tabIndex?: number | undefined;
|
|
49
|
+
title?: string | undefined;
|
|
50
|
+
translate?: "yes" | "no" | undefined;
|
|
51
|
+
radioGroup?: string | undefined;
|
|
52
|
+
role?: import("react").AriaRole | undefined;
|
|
53
|
+
about?: string | undefined;
|
|
54
|
+
content?: string | undefined;
|
|
55
|
+
datatype?: string | undefined;
|
|
56
|
+
inlist?: any;
|
|
57
|
+
prefix?: string | undefined;
|
|
58
|
+
property?: string | undefined;
|
|
59
|
+
rel?: string | undefined;
|
|
60
|
+
resource?: string | undefined;
|
|
61
|
+
rev?: string | undefined;
|
|
62
|
+
typeof?: string | undefined;
|
|
63
|
+
vocab?: string | undefined;
|
|
64
|
+
autoCapitalize?: string | undefined;
|
|
65
|
+
autoCorrect?: string | undefined;
|
|
66
|
+
autoSave?: string | undefined;
|
|
67
|
+
color?: string | undefined;
|
|
68
|
+
itemProp?: string | undefined;
|
|
69
|
+
itemScope?: boolean | undefined;
|
|
70
|
+
itemType?: string | undefined;
|
|
71
|
+
itemID?: string | undefined;
|
|
72
|
+
itemRef?: string | undefined;
|
|
73
|
+
results?: number | undefined;
|
|
74
|
+
security?: string | undefined;
|
|
75
|
+
unselectable?: "on" | "off" | undefined;
|
|
76
|
+
inputMode?: "none" | "text" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
77
|
+
is?: string | undefined;
|
|
78
|
+
'aria-activedescendant'?: string | undefined;
|
|
79
|
+
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
80
|
+
'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
|
|
81
|
+
'aria-braillelabel'?: string | undefined;
|
|
82
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
83
|
+
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
84
|
+
'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
85
|
+
'aria-colcount'?: number | undefined;
|
|
86
|
+
'aria-colindex'?: number | undefined;
|
|
87
|
+
'aria-colindextext'?: string | undefined;
|
|
88
|
+
'aria-colspan'?: number | undefined;
|
|
89
|
+
'aria-controls'?: string | undefined;
|
|
90
|
+
'aria-current'?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
|
|
91
|
+
'aria-describedby'?: string | undefined;
|
|
92
|
+
'aria-description'?: string | undefined;
|
|
93
|
+
'aria-details'?: string | undefined;
|
|
94
|
+
'aria-disabled'?: (boolean | "false" | "true") | undefined;
|
|
95
|
+
'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
|
|
96
|
+
'aria-errormessage'?: string | undefined;
|
|
97
|
+
'aria-expanded'?: (boolean | "false" | "true") | undefined;
|
|
98
|
+
'aria-flowto'?: string | undefined;
|
|
99
|
+
'aria-grabbed'?: (boolean | "false" | "true") | undefined;
|
|
100
|
+
'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
|
|
101
|
+
'aria-hidden'?: (boolean | "false" | "true") | undefined;
|
|
102
|
+
'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
103
|
+
'aria-keyshortcuts'?: string | undefined;
|
|
104
|
+
'aria-label'?: string | undefined;
|
|
105
|
+
'aria-labelledby'?: string | undefined;
|
|
106
|
+
'aria-level'?: number | undefined;
|
|
107
|
+
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
108
|
+
'aria-modal'?: (boolean | "false" | "true") | undefined;
|
|
109
|
+
'aria-multiline'?: (boolean | "false" | "true") | undefined;
|
|
110
|
+
'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
|
|
111
|
+
'aria-orientation'?: "horizontal" | "vertical" | undefined;
|
|
112
|
+
'aria-owns'?: string | undefined;
|
|
113
|
+
'aria-placeholder'?: string | undefined;
|
|
114
|
+
'aria-posinset'?: number | undefined;
|
|
115
|
+
'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
|
|
116
|
+
'aria-readonly'?: (boolean | "false" | "true") | undefined;
|
|
117
|
+
'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
118
|
+
'aria-required'?: (boolean | "false" | "true") | undefined;
|
|
119
|
+
'aria-roledescription'?: string | undefined;
|
|
120
|
+
'aria-rowcount'?: number | undefined;
|
|
121
|
+
'aria-rowindex'?: number | undefined;
|
|
122
|
+
'aria-rowindextext'?: string | undefined;
|
|
123
|
+
'aria-rowspan'?: number | undefined;
|
|
124
|
+
'aria-selected'?: (boolean | "false" | "true") | undefined;
|
|
125
|
+
'aria-setsize'?: number | undefined;
|
|
126
|
+
'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
127
|
+
'aria-valuemax'?: number | undefined;
|
|
128
|
+
'aria-valuemin'?: number | undefined;
|
|
129
|
+
'aria-valuenow'?: number | undefined;
|
|
130
|
+
'aria-valuetext'?: string | undefined;
|
|
131
|
+
children?: ReactNode;
|
|
132
|
+
dangerouslySetInnerHTML?: {
|
|
133
|
+
__html: string | TrustedHTML;
|
|
134
|
+
} | undefined;
|
|
135
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
136
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
137
|
+
onCut?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
138
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
139
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
140
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLOptionElement> | undefined;
|
|
141
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
142
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
143
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
144
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
145
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
146
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLOptionElement> | undefined;
|
|
147
|
+
onFocus?: import("react").FocusEventHandler<HTMLOptionElement> | undefined;
|
|
148
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLOptionElement> | undefined;
|
|
149
|
+
onBlur?: import("react").FocusEventHandler<HTMLOptionElement> | undefined;
|
|
150
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLOptionElement> | undefined;
|
|
151
|
+
onChange?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
152
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
153
|
+
onBeforeInput?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
154
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
155
|
+
onInput?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
156
|
+
onInputCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
157
|
+
onReset?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
158
|
+
onResetCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
159
|
+
onSubmit?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
160
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
161
|
+
onInvalid?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
162
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLOptionElement> | undefined;
|
|
163
|
+
onLoad?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
164
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
165
|
+
onError?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
166
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
167
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
168
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
169
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
170
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
171
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
172
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLOptionElement> | undefined;
|
|
173
|
+
onAbort?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
174
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
175
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
176
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
177
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
178
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
179
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
180
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
181
|
+
onEmptied?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
182
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
183
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
184
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
185
|
+
onEnded?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
186
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
187
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
188
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
189
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
190
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
191
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
192
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
193
|
+
onPause?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
194
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
195
|
+
onPlay?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
196
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
197
|
+
onPlaying?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
198
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
199
|
+
onProgress?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
200
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
201
|
+
onRateChange?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
202
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
203
|
+
onResize?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
204
|
+
onResizeCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
205
|
+
onSeeked?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
206
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
207
|
+
onSeeking?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
208
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
209
|
+
onStalled?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
210
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
211
|
+
onSuspend?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
212
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
213
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
214
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
215
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
216
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
217
|
+
onWaiting?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
218
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
219
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
220
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
221
|
+
onClick?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
222
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
223
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
224
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
225
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
226
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
227
|
+
onDrag?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
228
|
+
onDragCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
229
|
+
onDragEnd?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
230
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
231
|
+
onDragEnter?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
232
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
233
|
+
onDragExit?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
234
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
235
|
+
onDragLeave?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
236
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
237
|
+
onDragOver?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
238
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
239
|
+
onDragStart?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
240
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
241
|
+
onDrop?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
242
|
+
onDropCapture?: import("react").DragEventHandler<HTMLOptionElement> | undefined;
|
|
243
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
244
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
245
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
246
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
247
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
248
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
249
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
250
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
251
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
252
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
253
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
254
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLOptionElement> | undefined;
|
|
255
|
+
onSelect?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
256
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLOptionElement> | undefined;
|
|
257
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
258
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
259
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
260
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
261
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
262
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
263
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
264
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLOptionElement> | undefined;
|
|
265
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
266
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
267
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
268
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
269
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
270
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
271
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
272
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
273
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
274
|
+
onPointerEnterCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
275
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
276
|
+
onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
277
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
278
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
279
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
280
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
281
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
282
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
283
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
284
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLOptionElement> | undefined;
|
|
285
|
+
onScroll?: import("react").UIEventHandler<HTMLOptionElement> | undefined;
|
|
286
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLOptionElement> | undefined;
|
|
287
|
+
onWheel?: import("react").WheelEventHandler<HTMLOptionElement> | undefined;
|
|
288
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLOptionElement> | undefined;
|
|
289
|
+
onAnimationStart?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
290
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
291
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
292
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
293
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
294
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLOptionElement> | undefined;
|
|
295
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLOptionElement> | undefined;
|
|
296
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLOptionElement> | undefined;
|
|
297
|
+
}>;
|
|
298
|
+
};
|
|
299
|
+
export default _default;
|
|
300
|
+
export type { Props as SelectProps };
|
|
@@ -66,8 +66,9 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
66
66
|
textAnchor?: string | undefined;
|
|
67
67
|
vectorEffect?: string | number | undefined;
|
|
68
68
|
azimuth?: string | number | undefined;
|
|
69
|
-
|
|
69
|
+
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
70
70
|
suppressHydrationWarning?: boolean | undefined;
|
|
71
|
+
className?: string | undefined;
|
|
71
72
|
id?: string | undefined;
|
|
72
73
|
lang?: string | undefined;
|
|
73
74
|
style?: import("react").CSSProperties | undefined;
|
|
@@ -75,7 +76,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
75
76
|
role?: import("react").AriaRole | undefined;
|
|
76
77
|
'aria-activedescendant'?: string | undefined;
|
|
77
78
|
'aria-atomic'?: (boolean | "false" | "true") | undefined;
|
|
78
|
-
'aria-autocomplete'?: "none" | "
|
|
79
|
+
'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
|
|
79
80
|
'aria-braillelabel'?: string | undefined;
|
|
80
81
|
'aria-brailleroledescription'?: string | undefined;
|
|
81
82
|
'aria-busy'?: (boolean | "false" | "true") | undefined;
|
|
@@ -292,6 +293,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
292
293
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
|
|
293
294
|
onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
294
295
|
onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
|
|
296
|
+
values?: string | undefined;
|
|
295
297
|
key?: import("react").Key | null | undefined;
|
|
296
298
|
end?: string | number | undefined;
|
|
297
299
|
accumulate?: "none" | "sum" | undefined;
|
|
@@ -311,7 +313,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
311
313
|
name?: string | undefined;
|
|
312
314
|
target?: string | undefined;
|
|
313
315
|
type?: string | undefined;
|
|
314
|
-
crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
|
|
315
316
|
accentHeight?: string | number | undefined;
|
|
316
317
|
additive?: "replace" | "sum" | undefined;
|
|
317
318
|
allowReorder?: "yes" | "no" | undefined;
|
|
@@ -449,7 +450,6 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
|
|
|
449
450
|
unicodeRange?: string | number | undefined;
|
|
450
451
|
unitsPerEm?: string | number | undefined;
|
|
451
452
|
vAlphabetic?: string | number | undefined;
|
|
452
|
-
values?: string | undefined;
|
|
453
453
|
version?: string | undefined;
|
|
454
454
|
vertAdvY?: string | number | undefined;
|
|
455
455
|
vertOriginX?: string | number | undefined;
|
|
@@ -8,8 +8,8 @@ type Props = {
|
|
|
8
8
|
gapY?: ResponsiveValue<SpaceKey>;
|
|
9
9
|
} & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
|
|
10
10
|
declare const _default: import("react").ForwardRefExoticComponent<{
|
|
11
|
-
gapX?: ResponsiveValue<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 |
|
|
12
|
-
gapY?: ResponsiveValue<0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 |
|
|
11
|
+
gapX?: ResponsiveValue<0 | 1 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 18 | "-0.25" | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | 0.25 | 30 | 50 | 80> | undefined;
|
|
12
|
+
gapY?: ResponsiveValue<0 | 1 | 16 | 20 | 24 | 28 | 32 | 40 | 48 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 10 | 12 | 14 | 18 | "-0.25" | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | 0.25 | 30 | 50 | 80> | undefined;
|
|
13
13
|
} & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
|
|
14
14
|
children?: import("react").ReactNode;
|
|
15
15
|
} & import("react").RefAttributes<HTMLDivElement>> & {
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode } from 'react';
|
|
2
|
+
type RelocationConfig = Record<string, ComponentType<any>>;
|
|
3
|
+
type RelocationElements<T extends RelocationConfig> = {
|
|
4
|
+
[Key in keyof T]: ReactElement<ComponentPropsWithoutRef<T[Key]>, T[Key]>;
|
|
5
|
+
};
|
|
6
|
+
type Props<T extends RelocationConfig> = {
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* 재배치할 컴포넌트들을 `key: Component` 형태로 선언합니다.
|
|
10
|
+
*/
|
|
11
|
+
config: T;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* `children`의 컴포넌트들을 시각적으로 재배치하기 위한 훅입니다.
|
|
15
|
+
*/
|
|
16
|
+
declare const useRelocation: <T extends RelocationConfig>({ children, config, }: Props<T>) => [Partial<RelocationElements<T>>, ReactNode[]];
|
|
17
|
+
export default useRelocation;
|
|
18
|
+
export type { Props as UseRelocationProps };
|