maru_design2 2.28.1 → 2.28.2
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/.release-please-manifest.json +3 -0
- package/CHANGELOG.md +273 -916
- package/dist/components/atoms/button/Button.d.ts +33 -33
- package/dist/components/atoms/button/index.d.ts +1 -1
- package/dist/components/atoms/checkbox/Checkbox.d.ts +21 -21
- package/dist/components/atoms/checkbox/index.d.ts +1 -1
- package/dist/components/atoms/chip/Chip.d.ts +29 -29
- package/dist/components/atoms/chip/index.d.ts +1 -1
- package/dist/components/atoms/code/Code.d.ts +7 -7
- package/dist/components/atoms/code/index.d.ts +1 -1
- package/dist/components/atoms/icon/Icon.d.ts +16 -16
- package/dist/components/atoms/icon/iconmap.d.ts +422 -420
- package/dist/components/atoms/icon/index.d.ts +2 -2
- package/dist/components/atoms/input/Input.d.ts +43 -43
- package/dist/components/atoms/input/index.d.ts +1 -1
- package/dist/components/atoms/popover/Popover.d.ts +19 -19
- package/dist/components/atoms/popover/index.d.ts +1 -1
- package/dist/components/atoms/radio/Radio.d.ts +14 -14
- package/dist/components/atoms/radio/index.d.ts +1 -1
- package/dist/components/atoms/skeleton/Contents.d.ts +1 -1
- package/dist/components/atoms/skeleton/Skeleton.d.ts +6 -6
- package/dist/components/atoms/skeleton/index.d.ts +1 -1
- package/dist/components/atoms/slider/Slider.d.ts +31 -31
- package/dist/components/atoms/slider/index.d.ts +1 -1
- package/dist/components/atoms/textarea/Textarea.d.ts +38 -38
- package/dist/components/atoms/textarea/index.d.ts +1 -1
- package/dist/components/atoms/toggle/Toggle.d.ts +20 -20
- package/dist/components/atoms/toggle/index.d.ts +1 -1
- package/dist/components/atoms/tooltip/Tooltip.d.ts +29 -29
- package/dist/components/atoms/tooltip/index.d.ts +1 -1
- package/dist/components/molecules/calendar/Calendar.d.ts +27 -27
- package/dist/components/molecules/calendar/DatePickerHeader.d.ts +3 -3
- package/dist/components/molecules/calendar/DatePickerWrapper.d.ts +9 -9
- package/dist/components/molecules/calendar/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/Dropdown.d.ts +90 -90
- package/dist/components/molecules/dropdown/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/menu/MenuItem.d.ts +16 -16
- package/dist/components/molecules/dropdown/menu/index.d.ts +31 -31
- package/dist/components/molecules/dropdown/toggleButton/Arrow.d.ts +9 -9
- package/dist/components/molecules/dropdown/toggleButton/Clear.d.ts +6 -6
- package/dist/components/molecules/dropdown/toggleButton/index.d.ts +19 -19
- package/dist/components/molecules/modal/Modal.d.ts +48 -48
- package/dist/components/molecules/modal/index.d.ts +1 -1
- package/dist/components/molecules/multiSelectDropdown/MultiSelectDropdown.d.ts +76 -76
- package/dist/components/molecules/multiSelectDropdown/index.d.ts +1 -1
- package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts +12 -12
- package/dist/components/molecules/multiSelectDropdown/menu/index.d.ts +21 -21
- package/dist/components/molecules/multiSelectDropdown/toggleButton/Arrow.d.ts +9 -9
- package/dist/components/molecules/multiSelectDropdown/toggleButton/Clear.d.ts +6 -6
- package/dist/components/molecules/multiSelectDropdown/toggleButton/index.d.ts +17 -17
- package/dist/components/molecules/pagination/Pagination.d.ts +22 -22
- package/dist/components/molecules/pagination/index.d.ts +1 -1
- package/dist/components/molecules/searchInput/SearchInput.d.ts +34 -34
- package/dist/components/molecules/searchInput/filter/FilterPopover.d.ts +16 -16
- package/dist/components/molecules/searchInput/filter/index.d.ts +17 -17
- package/dist/components/molecules/searchInput/index.d.ts +1 -1
- package/dist/components/molecules/table/Colgroup.d.ts +9 -9
- package/dist/components/molecules/table/Table.d.ts +3 -3
- package/dist/components/molecules/table/body/BinButtonTd.d.ts +7 -7
- package/dist/components/molecules/table/body/ChartButtonTd.d.ts +8 -8
- package/dist/components/molecules/table/body/CheckboxTd.d.ts +6 -6
- package/dist/components/molecules/table/body/EmptyTr.d.ts +8 -8
- package/dist/components/molecules/table/body/KebabMenuTd.d.ts +7 -7
- package/dist/components/molecules/table/body/RadioTd.d.ts +6 -6
- package/dist/components/molecules/table/body/Tr.d.ts +7 -7
- package/dist/components/molecules/table/body/index.d.ts +7 -7
- package/dist/components/molecules/table/header/FilterButtonsTh.d.ts +7 -7
- package/dist/components/molecules/table/header/FilterTh.d.ts +8 -8
- package/dist/components/molecules/table/header/SortableColumn.d.ts +15 -15
- package/dist/components/molecules/table/header/index.d.ts +17 -17
- package/dist/components/molecules/table/index.d.ts +1 -1
- package/dist/components/molecules/table/types.d.ts +125 -125
- package/dist/components/molecules/toast/Details.d.ts +6 -6
- package/dist/components/molecules/toast/Toast.d.ts +31 -31
- package/dist/components/molecules/toast/ToastContext.d.ts +15 -15
- package/dist/components/molecules/toast/ToastStyle.d.ts +18 -18
- package/dist/components/molecules/toast/index.d.ts +1 -1
- package/dist/components/molecules/toast/types.d.ts +4 -4
- package/dist/components/styleProvider/StyleProvider.d.ts +10 -10
- package/dist/components/styleProvider/index.d.ts +1 -1
- package/dist/enums/color.d.ts +14 -14
- package/dist/enums/direction.d.ts +2 -2
- package/dist/enums/gap.d.ts +4 -4
- package/dist/enums/size.d.ts +8 -8
- package/dist/enums/type.d.ts +4 -4
- package/dist/enums/variant.d.ts +8 -8
- package/dist/hooks/useButtonState.d.ts +16 -16
- package/dist/hooks/useColor.d.ts +4 -4
- package/dist/hooks/useCombineRef.d.ts +11 -11
- package/dist/hooks/useCreatePortal.d.ts +7 -7
- package/dist/hooks/useId.d.ts +7 -7
- package/dist/index.d.ts +22 -22
- package/dist/index.js +292 -254
- package/dist/utils/copy.d.ts +6 -6
- package/dist/utils/format.d.ts +2 -2
- package/dist/utils/highlight.d.ts +1 -1
- package/package.json +74 -74
- package/release-please-config.json +8 -0
- package/.idea/MaruDesign2.iml +0 -13
- package/.idea/codeStyles/Project.xml +0 -77
- package/.idea/codeStyles/codeStyleConfig.xml +0 -5
- package/.idea/inspectionProfiles/Project_Default.xml +0 -94
- package/.idea/jsLinters/eslint.xml +0 -6
- package/.idea/material_theme_project_new.xml +0 -12
- package/.idea/modules.xml +0 -8
- package/.idea/prettier.xml +0 -8
- package/.idea/vcs.xml +0 -6
- package/.idea/watcherTasks.xml +0 -4
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './Icon';
|
|
2
|
-
export { ICONS } from './iconmap';
|
|
1
|
+
export * from './Icon';
|
|
2
|
+
export { ICONS } from './iconmap';
|
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TInputType } from '../../../enums/type';
|
|
3
|
-
import './input.scss';
|
|
4
|
-
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'className'> {
|
|
5
|
-
/**
|
|
6
|
-
* 에러났을때 메시지. (@v1 isValid, validMessage)
|
|
7
|
-
*/
|
|
8
|
-
invalid?: {
|
|
9
|
-
on: boolean;
|
|
10
|
-
message?: string;
|
|
11
|
-
};
|
|
12
|
-
label?: string;
|
|
13
|
-
/**
|
|
14
|
-
* 데이터 타입
|
|
15
|
-
*/
|
|
16
|
-
type?: TInputType;
|
|
17
|
-
/**
|
|
18
|
-
* 초기화 함수 (@v1 hasClearBtn, onClear)
|
|
19
|
-
*/
|
|
20
|
-
onClear?: () => void;
|
|
21
|
-
/**
|
|
22
|
-
* 초기화 버튼 숨기기
|
|
23
|
-
*/
|
|
24
|
-
hiddenClearButton?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* input을 감싸고 있는 div의 ref, input은 일반 ref 사용
|
|
27
|
-
*/
|
|
28
|
-
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
29
|
-
/**
|
|
30
|
-
* 컴포넌트 시작점에 위치시킬 노드
|
|
31
|
-
*/
|
|
32
|
-
startNode?: React.ReactNode;
|
|
33
|
-
/**
|
|
34
|
-
* 컴포넌트 끝점에 위치시킬 노드(단, type이 password인 경우 무시됨)
|
|
35
|
-
*/
|
|
36
|
-
endNode?: React.ReactNode;
|
|
37
|
-
className?: string;
|
|
38
|
-
/**
|
|
39
|
-
* true이면 placeholder가 없어지지 않음
|
|
40
|
-
*/
|
|
41
|
-
persistentPlaceholder?: boolean;
|
|
42
|
-
}
|
|
43
|
-
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TInputType } from '../../../enums/type';
|
|
3
|
+
import './input.scss';
|
|
4
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'className'> {
|
|
5
|
+
/**
|
|
6
|
+
* 에러났을때 메시지. (@v1 isValid, validMessage)
|
|
7
|
+
*/
|
|
8
|
+
invalid?: {
|
|
9
|
+
on: boolean;
|
|
10
|
+
message?: string;
|
|
11
|
+
};
|
|
12
|
+
label?: string;
|
|
13
|
+
/**
|
|
14
|
+
* 데이터 타입
|
|
15
|
+
*/
|
|
16
|
+
type?: TInputType;
|
|
17
|
+
/**
|
|
18
|
+
* 초기화 함수 (@v1 hasClearBtn, onClear)
|
|
19
|
+
*/
|
|
20
|
+
onClear?: () => void;
|
|
21
|
+
/**
|
|
22
|
+
* 초기화 버튼 숨기기
|
|
23
|
+
*/
|
|
24
|
+
hiddenClearButton?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* input을 감싸고 있는 div의 ref, input은 일반 ref 사용
|
|
27
|
+
*/
|
|
28
|
+
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
29
|
+
/**
|
|
30
|
+
* 컴포넌트 시작점에 위치시킬 노드
|
|
31
|
+
*/
|
|
32
|
+
startNode?: React.ReactNode;
|
|
33
|
+
/**
|
|
34
|
+
* 컴포넌트 끝점에 위치시킬 노드(단, type이 password인 경우 무시됨)
|
|
35
|
+
*/
|
|
36
|
+
endNode?: React.ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
/**
|
|
39
|
+
* true이면 placeholder가 없어지지 않음
|
|
40
|
+
*/
|
|
41
|
+
persistentPlaceholder?: boolean;
|
|
42
|
+
}
|
|
43
|
+
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Input';
|
|
1
|
+
export * from './Input';
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TDirection } from '../../../enums/direction';
|
|
3
|
-
import './popover.scss';
|
|
4
|
-
export interface PopoverProps {
|
|
5
|
-
/**
|
|
6
|
-
* 컴포넌트 위치의 기준이 될 엘리먼트
|
|
7
|
-
*/
|
|
8
|
-
anchorEl: HTMLElement | null;
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
open: boolean;
|
|
11
|
-
direction?: TDirection;
|
|
12
|
-
onClose: () => void;
|
|
13
|
-
/**
|
|
14
|
-
* 컴포넌트 createPortal 여부. (@v1 isOnDocument)
|
|
15
|
-
*/
|
|
16
|
-
portal?: boolean;
|
|
17
|
-
className?: string;
|
|
18
|
-
}
|
|
19
|
-
export declare function Popover({ anchorEl, children, open, className, direction, onClose, portal, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TDirection } from '../../../enums/direction';
|
|
3
|
+
import './popover.scss';
|
|
4
|
+
export interface PopoverProps {
|
|
5
|
+
/**
|
|
6
|
+
* 컴포넌트 위치의 기준이 될 엘리먼트
|
|
7
|
+
*/
|
|
8
|
+
anchorEl: HTMLElement | null;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
open: boolean;
|
|
11
|
+
direction?: TDirection;
|
|
12
|
+
onClose: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* 컴포넌트 createPortal 여부. (@v1 isOnDocument)
|
|
15
|
+
*/
|
|
16
|
+
portal?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function Popover({ anchorEl, children, open, className, direction, onClose, portal, }: PopoverProps): import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Popover';
|
|
1
|
+
export * from './Popover';
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TRadioColor } from '../../../enums/color';
|
|
3
|
-
import { TGap } from '../../../enums/gap';
|
|
4
|
-
import './radio.scss';
|
|
5
|
-
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
|
|
6
|
-
checked?: boolean;
|
|
7
|
-
color?: TRadioColor;
|
|
8
|
-
/**
|
|
9
|
-
* 컴포넌트와 라벨 사이의 거리. ['8px', '4px', '2px']
|
|
10
|
-
*/
|
|
11
|
-
gap?: TGap;
|
|
12
|
-
label?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TRadioColor } from '../../../enums/color';
|
|
3
|
+
import { TGap } from '../../../enums/gap';
|
|
4
|
+
import './radio.scss';
|
|
5
|
+
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'type'> {
|
|
6
|
+
checked?: boolean;
|
|
7
|
+
color?: TRadioColor;
|
|
8
|
+
/**
|
|
9
|
+
* 컴포넌트와 라벨 사이의 거리. ['8px', '4px', '2px']
|
|
10
|
+
*/
|
|
11
|
+
gap?: TGap;
|
|
12
|
+
label?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Radio';
|
|
1
|
+
export * from './Radio';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function Contents(): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
export default function Contents(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { TSkeletonVariant } from '../../../enums/variant';
|
|
2
|
-
import './skeleton.scss';
|
|
3
|
-
export interface SkeletonProps {
|
|
4
|
-
variant: TSkeletonVariant;
|
|
5
|
-
}
|
|
6
|
-
export declare function Skeleton({ variant }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { TSkeletonVariant } from '../../../enums/variant';
|
|
2
|
+
import './skeleton.scss';
|
|
3
|
+
export interface SkeletonProps {
|
|
4
|
+
variant: TSkeletonVariant;
|
|
5
|
+
}
|
|
6
|
+
export declare function Skeleton({ variant }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Skeleton';
|
|
1
|
+
export * from './Skeleton';
|
|
@@ -1,31 +1,31 @@
|
|
|
1
|
-
import { TColor } from '../../../enums/color';
|
|
2
|
-
import './slider.scss';
|
|
3
|
-
export interface SliderProps {
|
|
4
|
-
/**
|
|
5
|
-
* 현재 값
|
|
6
|
-
*/
|
|
7
|
-
value: number;
|
|
8
|
-
/**
|
|
9
|
-
* 값이 변경될 때 호출되는 함수
|
|
10
|
-
*/
|
|
11
|
-
onChange: (value: number) => void;
|
|
12
|
-
/**
|
|
13
|
-
* 색상
|
|
14
|
-
*/
|
|
15
|
-
color?: TColor;
|
|
16
|
-
/**
|
|
17
|
-
* 최소값 (기본값: 0)
|
|
18
|
-
*/
|
|
19
|
-
min?: number;
|
|
20
|
-
/**
|
|
21
|
-
* 최대값 (기본값: 100)
|
|
22
|
-
*/
|
|
23
|
-
max?: number;
|
|
24
|
-
/**
|
|
25
|
-
* 값 증가 단위 (기본값: 1)
|
|
26
|
-
*/
|
|
27
|
-
step?: number;
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
className?: string;
|
|
30
|
-
}
|
|
31
|
-
export declare function Slider({ value, onChange, color, min, max, step, disabled, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { TColor } from '../../../enums/color';
|
|
2
|
+
import './slider.scss';
|
|
3
|
+
export interface SliderProps {
|
|
4
|
+
/**
|
|
5
|
+
* 현재 값
|
|
6
|
+
*/
|
|
7
|
+
value: number;
|
|
8
|
+
/**
|
|
9
|
+
* 값이 변경될 때 호출되는 함수
|
|
10
|
+
*/
|
|
11
|
+
onChange: (value: number) => void;
|
|
12
|
+
/**
|
|
13
|
+
* 색상
|
|
14
|
+
*/
|
|
15
|
+
color?: TColor;
|
|
16
|
+
/**
|
|
17
|
+
* 최소값 (기본값: 0)
|
|
18
|
+
*/
|
|
19
|
+
min?: number;
|
|
20
|
+
/**
|
|
21
|
+
* 최대값 (기본값: 100)
|
|
22
|
+
*/
|
|
23
|
+
max?: number;
|
|
24
|
+
/**
|
|
25
|
+
* 값 증가 단위 (기본값: 1)
|
|
26
|
+
*/
|
|
27
|
+
step?: number;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
className?: string;
|
|
30
|
+
}
|
|
31
|
+
export declare function Slider({ value, onChange, color, min, max, step, disabled, className, }: SliderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Slider';
|
|
1
|
+
export * from './Slider';
|
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './textarea.scss';
|
|
3
|
-
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
|
|
4
|
-
/**
|
|
5
|
-
* 에러났을때 메시지. (@v1 isValid, validMessage)
|
|
6
|
-
*/
|
|
7
|
-
invalid?: {
|
|
8
|
-
on: boolean;
|
|
9
|
-
message?: string;
|
|
10
|
-
};
|
|
11
|
-
/**
|
|
12
|
-
* 초기화 함수 (@v1 hasClearBtn, onClear)
|
|
13
|
-
*/
|
|
14
|
-
onClear?: () => void;
|
|
15
|
-
/**
|
|
16
|
-
* 초기화 버튼 숨기기
|
|
17
|
-
*/
|
|
18
|
-
hiddenClearButton?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* textarea을 감싸고 있는 div의 ref, textarea은 일반 ref 사용
|
|
21
|
-
*/
|
|
22
|
-
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* 최소 높이. 없으면 props.rows 이거나 1로 설정.
|
|
26
|
-
*/
|
|
27
|
-
minRows?: number;
|
|
28
|
-
/**
|
|
29
|
-
* 최대 높이. 없으면 무한대 늘어남.
|
|
30
|
-
*/
|
|
31
|
-
maxRows?: number;
|
|
32
|
-
/**
|
|
33
|
-
* 바닥 선분을 마우스로 드래그해서 크기를 조절할 수 있는지 여부
|
|
34
|
-
* - 기본값은 false
|
|
35
|
-
*/
|
|
36
|
-
resizable?: boolean;
|
|
37
|
-
}
|
|
38
|
-
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './textarea.scss';
|
|
3
|
+
export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
|
|
4
|
+
/**
|
|
5
|
+
* 에러났을때 메시지. (@v1 isValid, validMessage)
|
|
6
|
+
*/
|
|
7
|
+
invalid?: {
|
|
8
|
+
on: boolean;
|
|
9
|
+
message?: string;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* 초기화 함수 (@v1 hasClearBtn, onClear)
|
|
13
|
+
*/
|
|
14
|
+
onClear?: () => void;
|
|
15
|
+
/**
|
|
16
|
+
* 초기화 버튼 숨기기
|
|
17
|
+
*/
|
|
18
|
+
hiddenClearButton?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* textarea을 감싸고 있는 div의 ref, textarea은 일반 ref 사용
|
|
21
|
+
*/
|
|
22
|
+
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
23
|
+
className?: string;
|
|
24
|
+
/**
|
|
25
|
+
* 최소 높이. 없으면 props.rows 이거나 1로 설정.
|
|
26
|
+
*/
|
|
27
|
+
minRows?: number;
|
|
28
|
+
/**
|
|
29
|
+
* 최대 높이. 없으면 무한대 늘어남.
|
|
30
|
+
*/
|
|
31
|
+
maxRows?: number;
|
|
32
|
+
/**
|
|
33
|
+
* 바닥 선분을 마우스로 드래그해서 크기를 조절할 수 있는지 여부
|
|
34
|
+
* - 기본값은 false
|
|
35
|
+
*/
|
|
36
|
+
resizable?: boolean;
|
|
37
|
+
}
|
|
38
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Textarea';
|
|
1
|
+
export * from './Textarea';
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { TColor } from '../../../enums/color';
|
|
2
|
-
import './toggle.scss';
|
|
3
|
-
export interface ToggleProps {
|
|
4
|
-
checked: boolean;
|
|
5
|
-
onChange: (checked: boolean) => void;
|
|
6
|
-
className?: string;
|
|
7
|
-
/**
|
|
8
|
-
* ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
|
|
9
|
-
*/
|
|
10
|
-
color?: TColor;
|
|
11
|
-
disabled?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* 텍스트가 있는 토글.
|
|
14
|
-
*/
|
|
15
|
-
text?: {
|
|
16
|
-
left?: string;
|
|
17
|
-
right?: string;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export declare function Toggle({ checked, onChange, className, color, disabled, text, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import { TColor } from '../../../enums/color';
|
|
2
|
+
import './toggle.scss';
|
|
3
|
+
export interface ToggleProps {
|
|
4
|
+
checked: boolean;
|
|
5
|
+
onChange: (checked: boolean) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
/**
|
|
8
|
+
* ['primary', 'secondary', 'positive', 'warning', 'danger']. (@v1 variant)
|
|
9
|
+
*/
|
|
10
|
+
color?: TColor;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* 텍스트가 있는 토글.
|
|
14
|
+
*/
|
|
15
|
+
text?: {
|
|
16
|
+
left?: string;
|
|
17
|
+
right?: string;
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
export declare function Toggle({ checked, onChange, className, color, disabled, text, }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Toggle';
|
|
1
|
+
export * from './Toggle';
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TDirection } from '../../../enums/direction';
|
|
3
|
-
import { TTooltipGap } from '../../../enums/gap';
|
|
4
|
-
import './tooltip.scss';
|
|
5
|
-
export interface TooltipProps {
|
|
6
|
-
/**
|
|
7
|
-
* 툴팁을 띄우는 대상
|
|
8
|
-
*/
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
/**
|
|
11
|
-
* 컴포넌트에 들어갈 내용
|
|
12
|
-
*/
|
|
13
|
-
content: React.ReactNode;
|
|
14
|
-
className?: string;
|
|
15
|
-
/**
|
|
16
|
-
* 특정상황에서 툴팁을 노출하고 싶지 않을때 true
|
|
17
|
-
*/
|
|
18
|
-
hidden?: boolean;
|
|
19
|
-
direction?: TDirection;
|
|
20
|
-
/**
|
|
21
|
-
* 컴포넌트 createPortal 여부. (@v1 isOnDocument)
|
|
22
|
-
*/
|
|
23
|
-
portal?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* 대상와 툴팁 사이의 거리
|
|
26
|
-
*/
|
|
27
|
-
gap?: TTooltipGap;
|
|
28
|
-
}
|
|
29
|
-
export declare function Tooltip({ children, content, className, hidden, direction, portal, gap, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TDirection } from '../../../enums/direction';
|
|
3
|
+
import { TTooltipGap } from '../../../enums/gap';
|
|
4
|
+
import './tooltip.scss';
|
|
5
|
+
export interface TooltipProps {
|
|
6
|
+
/**
|
|
7
|
+
* 툴팁을 띄우는 대상
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* 컴포넌트에 들어갈 내용
|
|
12
|
+
*/
|
|
13
|
+
content: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
/**
|
|
16
|
+
* 특정상황에서 툴팁을 노출하고 싶지 않을때 true
|
|
17
|
+
*/
|
|
18
|
+
hidden?: boolean;
|
|
19
|
+
direction?: TDirection;
|
|
20
|
+
/**
|
|
21
|
+
* 컴포넌트 createPortal 여부. (@v1 isOnDocument)
|
|
22
|
+
*/
|
|
23
|
+
portal?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* 대상와 툴팁 사이의 거리
|
|
26
|
+
*/
|
|
27
|
+
gap?: TTooltipGap;
|
|
28
|
+
}
|
|
29
|
+
export declare function Tooltip({ children, content, className, hidden, direction, portal, gap, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Tooltip';
|
|
1
|
+
export * from './Tooltip';
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './calendar.scss';
|
|
3
|
-
export interface CalendarProps {
|
|
4
|
-
/**
|
|
5
|
-
* Maru Datepicker를 띄울 대상이 되는 컴포넌트. setOpen을 변수로 전달해서 외부에서 datepicker를 띄울 수 있도록 설정
|
|
6
|
-
* @param setOpen 토글형태로 동작. children의 onClick 메서드에서 실행 필요
|
|
7
|
-
* @param open 캘린더 오픈 여부 리턴
|
|
8
|
-
*/
|
|
9
|
-
children: ({ setOpen, open, }: {
|
|
10
|
-
setOpen: () => void;
|
|
11
|
-
open: boolean;
|
|
12
|
-
}) => React.ReactNode;
|
|
13
|
-
/**
|
|
14
|
-
* 최소 시작일
|
|
15
|
-
* @example minStartDate를 오늘 날짜로 지정하면 시작일 지정은 오늘 날짜부터 가능
|
|
16
|
-
*/
|
|
17
|
-
minStartDate?: Date | null;
|
|
18
|
-
saveButtonContent: string;
|
|
19
|
-
/**
|
|
20
|
-
* 캘린더 하단 버튼을 누르면 동작할 함수, 선택한 startDate와 endDate를 전달
|
|
21
|
-
* @param startDate 시작일
|
|
22
|
-
* @param endDate 마지막일
|
|
23
|
-
*/
|
|
24
|
-
onSaveClick: (startDate?: string, endDate?: string) => void;
|
|
25
|
-
className?: string;
|
|
26
|
-
}
|
|
27
|
-
export declare function Calendar({ children, minStartDate, saveButtonContent, onSaveClick, className, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './calendar.scss';
|
|
3
|
+
export interface CalendarProps {
|
|
4
|
+
/**
|
|
5
|
+
* Maru Datepicker를 띄울 대상이 되는 컴포넌트. setOpen을 변수로 전달해서 외부에서 datepicker를 띄울 수 있도록 설정
|
|
6
|
+
* @param setOpen 토글형태로 동작. children의 onClick 메서드에서 실행 필요
|
|
7
|
+
* @param open 캘린더 오픈 여부 리턴
|
|
8
|
+
*/
|
|
9
|
+
children: ({ setOpen, open, }: {
|
|
10
|
+
setOpen: () => void;
|
|
11
|
+
open: boolean;
|
|
12
|
+
}) => React.ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* 최소 시작일
|
|
15
|
+
* @example minStartDate를 오늘 날짜로 지정하면 시작일 지정은 오늘 날짜부터 가능
|
|
16
|
+
*/
|
|
17
|
+
minStartDate?: Date | null;
|
|
18
|
+
saveButtonContent: string;
|
|
19
|
+
/**
|
|
20
|
+
* 캘린더 하단 버튼을 누르면 동작할 함수, 선택한 startDate와 endDate를 전달
|
|
21
|
+
* @param startDate 시작일
|
|
22
|
+
* @param endDate 마지막일
|
|
23
|
+
*/
|
|
24
|
+
onSaveClick: (startDate?: string, endDate?: string) => void;
|
|
25
|
+
className?: string;
|
|
26
|
+
}
|
|
27
|
+
export declare function Calendar({ children, minStartDate, saveButtonContent, onSaveClick, className, }: CalendarProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
2
|
-
declare function DatePickerHeader({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export default DatePickerHeader;
|
|
1
|
+
import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
|
|
2
|
+
declare function DatePickerHeader({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, }: ReactDatePickerCustomHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default DatePickerHeader;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import 'react-datepicker/dist/react-datepicker.css';
|
|
2
|
-
interface Props {
|
|
3
|
-
minStartDate?: Date | null;
|
|
4
|
-
saveButtonContent?: string;
|
|
5
|
-
onSaveClick: (startDate?: string, endDate?: string) => void;
|
|
6
|
-
setOpen: (open: boolean) => void;
|
|
7
|
-
}
|
|
8
|
-
declare function DatePickerWrapper({ minStartDate, saveButtonContent, onSaveClick, setOpen, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export default DatePickerWrapper;
|
|
1
|
+
import 'react-datepicker/dist/react-datepicker.css';
|
|
2
|
+
interface Props {
|
|
3
|
+
minStartDate?: Date | null;
|
|
4
|
+
saveButtonContent?: string;
|
|
5
|
+
onSaveClick: (startDate?: string, endDate?: string) => void;
|
|
6
|
+
setOpen: (open: boolean) => void;
|
|
7
|
+
}
|
|
8
|
+
declare function DatePickerWrapper({ minStartDate, saveButtonContent, onSaveClick, setOpen, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default DatePickerWrapper;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './Calendar';
|
|
1
|
+
export * from './Calendar';
|