gov-ui-core 0.2.6-beta.2 → 0.2.6-beta.4
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/.eslintrc.json +54 -54
- package/.husky/pre-commit +4 -4
- package/.prettierrc +12 -12
- package/.storybook/main.ts +37 -37
- package/.storybook/preview.tsx +27 -27
- package/.stylelintrc.json +16 -16
- package/@types/custom.d.ts +43 -43
- package/@types/styles.d.ts +85 -86
- package/README.md +46 -46
- package/build/App.d.ts +3 -3
- package/build/Main.d.ts +5 -5
- package/build/components/Button/DropdownButton.d.ts +15 -15
- package/build/components/Button/SwitchButton.d.ts +7 -7
- package/build/components/Button/constants.d.ts +19 -19
- package/build/components/Button/index.d.ts +11 -11
- package/build/components/Button/styled.d.ts +11 -11
- package/build/components/Calendar/CalendarNavigation.d.ts +9 -9
- package/build/components/Calendar/constants.d.ts +2 -2
- package/build/components/Calendar/index.d.ts +11 -11
- package/build/components/Calendar/styled.d.ts +2 -2
- package/build/components/Carousel/ArrowButton.d.ts +7 -7
- package/build/components/Carousel/index.d.ts +14 -14
- package/build/components/Carousel/styled.d.ts +2 -2
- package/build/components/Directory/index.d.ts +32 -32
- package/build/components/Directory/styled.d.ts +6 -6
- package/build/components/EmptyBox/index.d.ts +8 -8
- package/build/components/EmptyBox/styled.d.ts +4 -4
- package/build/components/Form/Form.d.ts +21 -21
- package/build/components/Form/Group.d.ts +6 -6
- package/build/components/Form/Item.d.ts +22 -22
- package/build/components/Form/index.d.ts +14 -14
- package/build/components/Form/styled.d.ts +7 -7
- package/build/components/Header/ContentHeader.d.ts +15 -15
- package/build/components/Header/styled.d.ts +5 -5
- package/build/components/Icons/index.d.ts +14 -14
- package/build/components/Input/Checkbox.d.ts +19 -19
- package/build/components/Input/ErrorMessage.d.ts +8 -8
- package/build/components/Input/Input.d.ts +23 -23
- package/build/components/Input/InputNumber.d.ts +8 -8
- package/build/components/Input/Radio.d.ts +16 -16
- package/build/components/Input/Search.d.ts +13 -13
- package/build/components/Input/Select.d.ts +39 -39
- package/build/components/Input/TextArea.d.ts +15 -15
- package/build/components/Input/index.d.ts +19 -19
- package/build/components/Input/styled.d.ts +25 -25
- package/build/components/IntlText/index.d.ts +5 -5
- package/build/components/Loading/OverlayLoading.d.ts +10 -10
- package/build/components/Loading/Spinner.d.ts +9 -9
- package/build/components/Loading/styled.d.ts +10 -10
- package/build/components/Styled/mixins.d.ts +13 -13
- package/build/components/Styled/variable.d.ts +6 -6
- package/build/components/Table/AppendTable.d.ts +26 -26
- package/build/components/Table/AutoTooltip.d.ts +8 -8
- package/build/components/Table/TableBase.d.ts +16 -16
- package/build/components/Table/TableLoading.d.ts +9 -9
- package/build/components/Table/components/Pagination.d.ts +18 -18
- package/build/components/Table/components/PaginationItem.d.ts +9 -9
- package/build/components/Table/index.d.ts +27 -27
- package/build/components/Table/styled.d.ts +25 -25
- package/build/components/ThemeProvider.d.ts +16 -16
- package/build/globalStyle.d.ts +5 -5
- package/build/index.d.ts +1 -1
- package/build/index.js +1 -1
- package/build/modules.d.ts +23 -24
- package/build/pages/ButtonSample.d.ts +6 -6
- package/build/pages/CreateTable.d.ts +20 -20
- package/build/pages/FormSample.d.ts +5 -5
- package/build/pages/InputSample.d.ts +6 -6
- package/build/pages/Sample.d.ts +5 -5
- package/build/pages/Sample2.d.ts +5 -5
- package/build/pages/Sample3.d.ts +5 -5
- package/build/pages/Sample4.d.ts +5 -5
- package/build/pages/TableSample.d.ts +5 -5
- package/build/pages/TailwindSample.d.ts +1 -1
- package/build/pages/sampleData.d.ts +59 -59
- package/build/reportWebVitals.d.ts +3 -3
- package/build/theme.d.ts +3 -3
- package/build/utils/customState.d.ts +28 -28
- package/build/utils/hookUtils.d.ts +16 -16
- package/build/utils/index.d.ts +35 -35
- package/config/env.js +104 -104
- package/config/getHttpsConfig.js +66 -66
- package/config/jest/babelTransform.js +29 -29
- package/config/jest/cssTransform.js +14 -14
- package/config/jest/fileTransform.js +40 -40
- package/config/modules.js +134 -134
- package/config/paths.js +77 -77
- package/config/webpack/persistentCache/createEnvironmentHash.js +9 -9
- package/config/webpack.config.js +756 -756
- package/config/webpack.prod.config.js +91 -91
- package/config/webpackDevServer.config.js +127 -127
- package/package.json +246 -246
- package/postcss.config.js +6 -6
- package/public/index.html +43 -43
- package/public/manifest.json +25 -25
- package/public/robots.txt +3 -3
- package/scripts/build.js +217 -217
- package/scripts/start.js +154 -154
- package/scripts/test.js +52 -52
- package/tailwind.config.js +185 -185
- package/tsconfig.json +34 -34
- package/doctor-storybook.log +0 -18
- package/migration-storybook.log +0 -98
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ErrorType, ErrorStyle } from './data';
|
|
3
|
-
import { ChangeHandler } from 'react-hook-form';
|
|
4
|
-
export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
|
|
5
|
-
error?: string | ErrorType | boolean;
|
|
6
|
-
errorStyle?: ErrorStyle;
|
|
7
|
-
prefix?: React.ReactNode;
|
|
8
|
-
suffix?: React.ReactNode;
|
|
9
|
-
selectDisabled?: boolean;
|
|
10
|
-
description?: React.ReactNode;
|
|
11
|
-
size?: 'small' | 'medium';
|
|
12
|
-
areaStyle?: Record<string, any>;
|
|
13
|
-
selectValue?: React.ReactNode;
|
|
14
|
-
isSelect?: boolean;
|
|
15
|
-
active?: boolean;
|
|
16
|
-
formOnChange?: ChangeHandler;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* input base component
|
|
20
|
-
* 해당 컴포넌트를 이용하여 기본적인 input 을 공용으로 생성
|
|
21
|
-
*/
|
|
22
|
-
declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
|
-
export default Input;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ErrorType, ErrorStyle } from './data';
|
|
3
|
+
import { ChangeHandler } from 'react-hook-form';
|
|
4
|
+
export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
|
|
5
|
+
error?: string | ErrorType | boolean;
|
|
6
|
+
errorStyle?: ErrorStyle;
|
|
7
|
+
prefix?: React.ReactNode;
|
|
8
|
+
suffix?: React.ReactNode;
|
|
9
|
+
selectDisabled?: boolean;
|
|
10
|
+
description?: React.ReactNode;
|
|
11
|
+
size?: 'small' | 'medium';
|
|
12
|
+
areaStyle?: Record<string, any>;
|
|
13
|
+
selectValue?: React.ReactNode;
|
|
14
|
+
isSelect?: boolean;
|
|
15
|
+
active?: boolean;
|
|
16
|
+
formOnChange?: ChangeHandler;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* input base component
|
|
20
|
+
* 해당 컴포넌트를 이용하여 기본적인 input 을 공용으로 생성
|
|
21
|
+
*/
|
|
22
|
+
declare const Input: React.ForwardRefExoticComponent<IInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
23
|
+
export default Input;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IInputProps } from './Input';
|
|
3
|
-
interface IInputNumberProps extends IInputProps {
|
|
4
|
-
setValue?: any;
|
|
5
|
-
onChange?: (event: any) => void;
|
|
6
|
-
}
|
|
7
|
-
declare const InputNumber: React.ForwardRefExoticComponent<IInputNumberProps & React.RefAttributes<HTMLInputElement>>;
|
|
8
|
-
export default InputNumber;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IInputProps } from './Input';
|
|
3
|
+
interface IInputNumberProps extends IInputProps {
|
|
4
|
+
setValue?: any;
|
|
5
|
+
onChange?: (event: any) => void;
|
|
6
|
+
}
|
|
7
|
+
declare const InputNumber: React.ForwardRefExoticComponent<IInputNumberProps & React.RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export default InputNumber;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
-
import { ErrorType, OptionType } from './data';
|
|
4
|
-
export interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
|
|
5
|
-
name?: string;
|
|
6
|
-
description?: React.ReactNode;
|
|
7
|
-
error?: string | ErrorType;
|
|
8
|
-
setValue?: any;
|
|
9
|
-
options?: string[] | OptionType[];
|
|
10
|
-
onChange?: (value: any) => void;
|
|
11
|
-
formOnChange?: ChangeHandler;
|
|
12
|
-
vertical?: boolean;
|
|
13
|
-
label?: string;
|
|
14
|
-
}
|
|
15
|
-
declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
|
-
export default Radio;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
+
import { ErrorType, OptionType } from './data';
|
|
4
|
+
export interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
|
|
5
|
+
name?: string;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
error?: string | ErrorType;
|
|
8
|
+
setValue?: any;
|
|
9
|
+
options?: string[] | OptionType[];
|
|
10
|
+
onChange?: (value: any) => void;
|
|
11
|
+
formOnChange?: ChangeHandler;
|
|
12
|
+
vertical?: boolean;
|
|
13
|
+
label?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const Radio: React.ForwardRefExoticComponent<IRadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
|
+
export default Radio;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import React, { ChangeEventHandler } from 'react';
|
|
2
|
-
import { IInputProps } from './Input';
|
|
3
|
-
import { ChangeHandler } from 'react-hook-form';
|
|
4
|
-
interface ISearchProps extends IInputProps {
|
|
5
|
-
onClear?: () => void;
|
|
6
|
-
onSearch?: (value: string) => void;
|
|
7
|
-
resetOnSearch?: boolean;
|
|
8
|
-
setValue?: any;
|
|
9
|
-
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
10
|
-
formOnChange?: ChangeHandler;
|
|
11
|
-
}
|
|
12
|
-
declare const Search: React.ForwardRefExoticComponent<ISearchProps & React.RefAttributes<HTMLInputElement>>;
|
|
13
|
-
export default Search;
|
|
1
|
+
import React, { ChangeEventHandler } from 'react';
|
|
2
|
+
import { IInputProps } from './Input';
|
|
3
|
+
import { ChangeHandler } from 'react-hook-form';
|
|
4
|
+
interface ISearchProps extends IInputProps {
|
|
5
|
+
onClear?: () => void;
|
|
6
|
+
onSearch?: (value: string) => void;
|
|
7
|
+
resetOnSearch?: boolean;
|
|
8
|
+
setValue?: any;
|
|
9
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
10
|
+
formOnChange?: ChangeHandler;
|
|
11
|
+
}
|
|
12
|
+
declare const Search: React.ForwardRefExoticComponent<ISearchProps & React.RefAttributes<HTMLInputElement>>;
|
|
13
|
+
export default Search;
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
-
import { ErrorStyle, ErrorType } from './data';
|
|
4
|
-
type OptionItem = {
|
|
5
|
-
label?: React.ReactNode;
|
|
6
|
-
searchLabel?: string;
|
|
7
|
-
value?: any;
|
|
8
|
-
type?: string;
|
|
9
|
-
children?: OptionItem[];
|
|
10
|
-
};
|
|
11
|
-
export interface ISelectProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'onChange' | 'size'> {
|
|
12
|
-
description?: React.ReactNode;
|
|
13
|
-
error?: string | ErrorType;
|
|
14
|
-
errorStyle?: ErrorStyle;
|
|
15
|
-
prefix?: React.ReactElement;
|
|
16
|
-
suffix?: React.ReactElement;
|
|
17
|
-
setValue?: any;
|
|
18
|
-
onChange?: (value: any) => void;
|
|
19
|
-
onChangeVisible?: (isShow: boolean) => void;
|
|
20
|
-
options?: OptionItem[];
|
|
21
|
-
optionSize?: 'small' | 'default' | 'medium' | 'large';
|
|
22
|
-
size?: 'small' | 'medium';
|
|
23
|
-
search?: boolean;
|
|
24
|
-
listHeight?: number;
|
|
25
|
-
listWidth?: number;
|
|
26
|
-
searchPlaceholder?: string;
|
|
27
|
-
areaStyle?: Record<string, any>;
|
|
28
|
-
disableChangeEvent?: boolean;
|
|
29
|
-
customActive?: boolean;
|
|
30
|
-
customValue?: React.ReactNode;
|
|
31
|
-
fixedOptionWidth?: boolean;
|
|
32
|
-
formOnChange?: ChangeHandler;
|
|
33
|
-
}
|
|
34
|
-
export type SelectRef = {
|
|
35
|
-
handleOnChange: (value: any) => void;
|
|
36
|
-
handleClearOption: () => void;
|
|
37
|
-
} | null;
|
|
38
|
-
declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<SelectRef>>;
|
|
39
|
-
export default Select;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
+
import { ErrorStyle, ErrorType } from './data';
|
|
4
|
+
type OptionItem = {
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
searchLabel?: string;
|
|
7
|
+
value?: any;
|
|
8
|
+
type?: string;
|
|
9
|
+
children?: OptionItem[];
|
|
10
|
+
};
|
|
11
|
+
export interface ISelectProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'onChange' | 'size'> {
|
|
12
|
+
description?: React.ReactNode;
|
|
13
|
+
error?: string | ErrorType;
|
|
14
|
+
errorStyle?: ErrorStyle;
|
|
15
|
+
prefix?: React.ReactElement;
|
|
16
|
+
suffix?: React.ReactElement;
|
|
17
|
+
setValue?: any;
|
|
18
|
+
onChange?: (value: any) => void;
|
|
19
|
+
onChangeVisible?: (isShow: boolean) => void;
|
|
20
|
+
options?: OptionItem[];
|
|
21
|
+
optionSize?: 'small' | 'default' | 'medium' | 'large';
|
|
22
|
+
size?: 'small' | 'medium';
|
|
23
|
+
search?: boolean;
|
|
24
|
+
listHeight?: number;
|
|
25
|
+
listWidth?: number;
|
|
26
|
+
searchPlaceholder?: string;
|
|
27
|
+
areaStyle?: Record<string, any>;
|
|
28
|
+
disableChangeEvent?: boolean;
|
|
29
|
+
customActive?: boolean;
|
|
30
|
+
customValue?: React.ReactNode;
|
|
31
|
+
fixedOptionWidth?: boolean;
|
|
32
|
+
formOnChange?: ChangeHandler;
|
|
33
|
+
}
|
|
34
|
+
export type SelectRef = {
|
|
35
|
+
handleOnChange: (value: any) => void;
|
|
36
|
+
handleClearOption: () => void;
|
|
37
|
+
} | null;
|
|
38
|
+
declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<SelectRef>>;
|
|
39
|
+
export default Select;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ErrorStyle, ErrorType } from './data';
|
|
3
|
-
interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
|
|
4
|
-
error?: string | ErrorType;
|
|
5
|
-
errorStyle?: ErrorStyle;
|
|
6
|
-
prefix?: React.ReactElement;
|
|
7
|
-
suffix?: React.ReactElement;
|
|
8
|
-
selectDisabled?: boolean;
|
|
9
|
-
setValue?: any;
|
|
10
|
-
rows: number;
|
|
11
|
-
description?: React.ReactNode;
|
|
12
|
-
areaStyle?: Record<string, any>;
|
|
13
|
-
}
|
|
14
|
-
declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
15
|
-
export default TextArea;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ErrorStyle, ErrorType } from './data';
|
|
3
|
+
interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
|
|
4
|
+
error?: string | ErrorType;
|
|
5
|
+
errorStyle?: ErrorStyle;
|
|
6
|
+
prefix?: React.ReactElement;
|
|
7
|
+
suffix?: React.ReactElement;
|
|
8
|
+
selectDisabled?: boolean;
|
|
9
|
+
setValue?: any;
|
|
10
|
+
rows: number;
|
|
11
|
+
description?: React.ReactNode;
|
|
12
|
+
areaStyle?: Record<string, any>;
|
|
13
|
+
}
|
|
14
|
+
declare const TextArea: React.ForwardRefExoticComponent<ITextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
15
|
+
export default TextArea;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import InputBase from './Input';
|
|
2
|
-
import InputNumber from './InputNumber';
|
|
3
|
-
import Search from './Search';
|
|
4
|
-
import Select from './Select';
|
|
5
|
-
import Checkbox from './Checkbox';
|
|
6
|
-
import Radio from './Radio';
|
|
7
|
-
import TextArea from './TextArea';
|
|
8
|
-
type InputType = typeof InputBase;
|
|
9
|
-
interface InputInterface extends InputType {
|
|
10
|
-
Checkbox: typeof Checkbox;
|
|
11
|
-
Number: typeof InputNumber;
|
|
12
|
-
Radio: typeof Radio;
|
|
13
|
-
Search: typeof Search;
|
|
14
|
-
Select: typeof Select;
|
|
15
|
-
TextArea: typeof TextArea;
|
|
16
|
-
}
|
|
17
|
-
declare const Input: InputInterface;
|
|
18
|
-
export default Input;
|
|
19
|
-
export { Checkbox, Input, InputNumber, Radio, Search, Select, TextArea };
|
|
1
|
+
import InputBase from './Input';
|
|
2
|
+
import InputNumber from './InputNumber';
|
|
3
|
+
import Search from './Search';
|
|
4
|
+
import Select from './Select';
|
|
5
|
+
import Checkbox from './Checkbox';
|
|
6
|
+
import Radio from './Radio';
|
|
7
|
+
import TextArea from './TextArea';
|
|
8
|
+
type InputType = typeof InputBase;
|
|
9
|
+
interface InputInterface extends InputType {
|
|
10
|
+
Checkbox: typeof Checkbox;
|
|
11
|
+
Number: typeof InputNumber;
|
|
12
|
+
Radio: typeof Radio;
|
|
13
|
+
Search: typeof Search;
|
|
14
|
+
Select: typeof Select;
|
|
15
|
+
TextArea: typeof TextArea;
|
|
16
|
+
}
|
|
17
|
+
declare const Input: InputInterface;
|
|
18
|
+
export default Input;
|
|
19
|
+
export { Checkbox, Input, InputNumber, Radio, Search, Select, TextArea };
|
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
declare const InputBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
|
-
error: boolean;
|
|
3
|
-
suffixWidth: number;
|
|
4
|
-
prefixWidth: number;
|
|
5
|
-
disabled?: boolean | undefined;
|
|
6
|
-
size?: "small" | "medium" | undefined;
|
|
7
|
-
}, never>;
|
|
8
|
-
declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
|
-
suffixWidth: number;
|
|
10
|
-
}, never>;
|
|
11
|
-
declare const SuffixArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
-
declare const SelectArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
13
|
-
disabled?: boolean | undefined;
|
|
14
|
-
}, never>;
|
|
15
|
-
declare const ItemArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
16
|
-
type: string;
|
|
17
|
-
vertical?: boolean | undefined;
|
|
18
|
-
}, never>;
|
|
19
|
-
declare const SearchArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
20
|
-
listHeight?: number | undefined;
|
|
21
|
-
}, never>;
|
|
22
|
-
declare const OptionItemsBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
23
|
-
isDropdownButton?: boolean | undefined;
|
|
24
|
-
}, never>;
|
|
25
|
-
export { InputBox, ErrorMessage, SuffixArea, SelectArea, ItemArea, SearchArea, OptionItemsBox, };
|
|
1
|
+
declare const InputBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
|
+
error: boolean;
|
|
3
|
+
suffixWidth: number;
|
|
4
|
+
prefixWidth: number;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
size?: "small" | "medium" | undefined;
|
|
7
|
+
}, never>;
|
|
8
|
+
declare const ErrorMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
9
|
+
suffixWidth: number;
|
|
10
|
+
}, never>;
|
|
11
|
+
declare const SuffixArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
declare const SelectArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
13
|
+
disabled?: boolean | undefined;
|
|
14
|
+
}, never>;
|
|
15
|
+
declare const ItemArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
16
|
+
type: string;
|
|
17
|
+
vertical?: boolean | undefined;
|
|
18
|
+
}, never>;
|
|
19
|
+
declare const SearchArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
20
|
+
listHeight?: number | undefined;
|
|
21
|
+
}, never>;
|
|
22
|
+
declare const OptionItemsBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
23
|
+
isDropdownButton?: boolean | undefined;
|
|
24
|
+
}, never>;
|
|
25
|
+
export { InputBox, ErrorMessage, SuffixArea, SelectArea, ItemArea, SearchArea, OptionItemsBox, };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface IIntlTextProps {
|
|
3
|
-
}
|
|
4
|
-
declare const IntlText: React.FC<IIntlTextProps>;
|
|
5
|
-
export default IntlText;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IIntlTextProps {
|
|
3
|
+
}
|
|
4
|
+
declare const IntlText: React.FC<IIntlTextProps>;
|
|
5
|
+
export default IntlText;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export interface IOverlayLoadingProps {
|
|
3
|
-
isLoading?: ReactNode | boolean | {
|
|
4
|
-
title?: string;
|
|
5
|
-
message: string;
|
|
6
|
-
};
|
|
7
|
-
onClick?: () => void;
|
|
8
|
-
}
|
|
9
|
-
declare const OverlayLoading: React.FC<IOverlayLoadingProps>;
|
|
10
|
-
export default OverlayLoading;
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export interface IOverlayLoadingProps {
|
|
3
|
+
isLoading?: ReactNode | boolean | {
|
|
4
|
+
title?: string;
|
|
5
|
+
message: string;
|
|
6
|
+
};
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
}
|
|
9
|
+
declare const OverlayLoading: React.FC<IOverlayLoadingProps>;
|
|
10
|
+
export default OverlayLoading;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ISpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
type?: 'A' | 'B' | 'C';
|
|
4
|
-
width?: number | 'large' | 'medium' | 'small';
|
|
5
|
-
weight?: number;
|
|
6
|
-
color?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const Spinner: React.FC<ISpinnerProps>;
|
|
9
|
-
export default Spinner;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ISpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
type?: 'A' | 'B' | 'C';
|
|
4
|
+
width?: number | 'large' | 'medium' | 'small';
|
|
5
|
+
weight?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const Spinner: React.FC<ISpinnerProps>;
|
|
9
|
+
export default Spinner;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
declare const LoadingBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
-
interface SinnerProps {
|
|
3
|
-
width: number;
|
|
4
|
-
weight: number;
|
|
5
|
-
color: string;
|
|
6
|
-
}
|
|
7
|
-
declare const SpinnerBoxTypeA: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
8
|
-
declare const SpinnerBoxTypeB: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
9
|
-
declare const SpinnerBoxTypeC: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
10
|
-
export { LoadingBox, SpinnerBoxTypeA, SpinnerBoxTypeB, SpinnerBoxTypeC, };
|
|
1
|
+
declare const LoadingBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
interface SinnerProps {
|
|
3
|
+
width: number;
|
|
4
|
+
weight: number;
|
|
5
|
+
color: string;
|
|
6
|
+
}
|
|
7
|
+
declare const SpinnerBoxTypeA: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
8
|
+
declare const SpinnerBoxTypeB: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
9
|
+
declare const SpinnerBoxTypeC: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SinnerProps, never>;
|
|
10
|
+
export { LoadingBox, SpinnerBoxTypeA, SpinnerBoxTypeB, SpinnerBoxTypeC, };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* material 의 boxShadow
|
|
3
|
-
* @param depth
|
|
4
|
-
*/
|
|
5
|
-
export declare const boxShadow: (depth?: number) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
|
-
export declare const alignCenter: (jc?: string, ai?: string) => import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
-
export declare const absoluteCenter: () => import("styled-components").FlattenSimpleInterpolation;
|
|
8
|
-
export declare const statusColor: (status: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
9
|
-
/**
|
|
10
|
-
* bg color에 따라 font color 셋팅 자동화
|
|
11
|
-
* @param bgColor
|
|
12
|
-
*/
|
|
13
|
-
export declare const setFontColor: (bgColor?: string) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
1
|
+
/**
|
|
2
|
+
* material 의 boxShadow
|
|
3
|
+
* @param depth
|
|
4
|
+
*/
|
|
5
|
+
export declare const boxShadow: (depth?: number) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
|
+
export declare const alignCenter: (jc?: string, ai?: string) => import("styled-components").FlattenSimpleInterpolation;
|
|
7
|
+
export declare const absoluteCenter: () => import("styled-components").FlattenSimpleInterpolation;
|
|
8
|
+
export declare const statusColor: (status: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
9
|
+
/**
|
|
10
|
+
* bg color에 따라 font color 셋팅 자동화
|
|
11
|
+
* @param bgColor
|
|
12
|
+
*/
|
|
13
|
+
export declare const setFontColor: (bgColor?: string) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export declare const colors: {
|
|
2
|
-
success: string;
|
|
3
|
-
warning: string;
|
|
4
|
-
error: string;
|
|
5
|
-
info: string;
|
|
6
|
-
};
|
|
1
|
+
export declare const colors: {
|
|
2
|
+
success: string;
|
|
3
|
+
warning: string;
|
|
4
|
+
error: string;
|
|
5
|
+
info: string;
|
|
6
|
+
};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ITableProps } from './';
|
|
3
|
-
interface IAppendTableProps extends ITableProps {
|
|
4
|
-
appendText?: string;
|
|
5
|
-
rows?: any[];
|
|
6
|
-
append: () => void;
|
|
7
|
-
remove: (index: number) => void;
|
|
8
|
-
deleteColumn?: boolean;
|
|
9
|
-
appendButton?: boolean;
|
|
10
|
-
appendButtonWidth?: number;
|
|
11
|
-
}
|
|
12
|
-
declare const AppendTable: React.FC<IAppendTableProps>;
|
|
13
|
-
export default AppendTable;
|
|
14
|
-
export declare function useAppendTable(values?: any[], options?: {
|
|
15
|
-
minSize?: number;
|
|
16
|
-
maxSize?: number;
|
|
17
|
-
}): {
|
|
18
|
-
rows: any[];
|
|
19
|
-
deleteIndex: number | undefined;
|
|
20
|
-
isChanged: boolean;
|
|
21
|
-
append: () => void;
|
|
22
|
-
remove: (rowIndex: number) => void;
|
|
23
|
-
updateRow: (rowIndex: number, rowData: any) => void;
|
|
24
|
-
setRows: React.Dispatch<React.SetStateAction<any[]>>;
|
|
25
|
-
reset: () => void;
|
|
26
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ITableProps } from './';
|
|
3
|
+
interface IAppendTableProps extends ITableProps {
|
|
4
|
+
appendText?: string;
|
|
5
|
+
rows?: any[];
|
|
6
|
+
append: () => void;
|
|
7
|
+
remove: (index: number) => void;
|
|
8
|
+
deleteColumn?: boolean;
|
|
9
|
+
appendButton?: boolean;
|
|
10
|
+
appendButtonWidth?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const AppendTable: React.FC<IAppendTableProps>;
|
|
13
|
+
export default AppendTable;
|
|
14
|
+
export declare function useAppendTable(values?: any[], options?: {
|
|
15
|
+
minSize?: number;
|
|
16
|
+
maxSize?: number;
|
|
17
|
+
}): {
|
|
18
|
+
rows: any[];
|
|
19
|
+
deleteIndex: number | undefined;
|
|
20
|
+
isChanged: boolean;
|
|
21
|
+
append: () => void;
|
|
22
|
+
remove: (rowIndex: number) => void;
|
|
23
|
+
updateRow: (rowIndex: number, rowData: any) => void;
|
|
24
|
+
setRows: React.Dispatch<React.SetStateAction<any[]>>;
|
|
25
|
+
reset: () => void;
|
|
26
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IAutoTooltipProps {
|
|
3
|
-
message: string;
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const AutoTooltip: React.FC<IAutoTooltipProps>;
|
|
8
|
-
export default AutoTooltip;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IAutoTooltipProps {
|
|
3
|
+
message: string;
|
|
4
|
+
className?: string;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const AutoTooltip: React.FC<IAutoTooltipProps>;
|
|
8
|
+
export default AutoTooltip;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IContentHeaderProps } from '../Header/ContentHeader';
|
|
3
|
-
import { ITableProps } from './';
|
|
4
|
-
export interface ITableBaseProps extends Omit<ITableProps, 'title' | 'dataSource'>, Omit<IContentHeaderProps, 'title'> {
|
|
5
|
-
title?: React.ReactNode;
|
|
6
|
-
loadData: (paginationState: any) => void;
|
|
7
|
-
dataSource?: Record<string, any>[];
|
|
8
|
-
defaultSortOrder?: string;
|
|
9
|
-
leftContent?: React.ReactNode;
|
|
10
|
-
rightContent?: React.ReactNode;
|
|
11
|
-
useLoading?: boolean;
|
|
12
|
-
useSearch?: boolean;
|
|
13
|
-
searchPlaceholder?: string;
|
|
14
|
-
}
|
|
15
|
-
declare const _default: React.NamedExoticComponent<ITableBaseProps>;
|
|
16
|
-
export default _default;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IContentHeaderProps } from '../Header/ContentHeader';
|
|
3
|
+
import { ITableProps } from './';
|
|
4
|
+
export interface ITableBaseProps extends Omit<ITableProps, 'title' | 'dataSource'>, Omit<IContentHeaderProps, 'title'> {
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
loadData: (paginationState: any) => void;
|
|
7
|
+
dataSource?: Record<string, any>[];
|
|
8
|
+
defaultSortOrder?: string;
|
|
9
|
+
leftContent?: React.ReactNode;
|
|
10
|
+
rightContent?: React.ReactNode;
|
|
11
|
+
useLoading?: boolean;
|
|
12
|
+
useSearch?: boolean;
|
|
13
|
+
searchPlaceholder?: string;
|
|
14
|
+
}
|
|
15
|
+
declare const _default: React.NamedExoticComponent<ITableBaseProps>;
|
|
16
|
+
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ITableLoadingProps {
|
|
3
|
-
isNormal?: boolean;
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
isScroll?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const TableLoading: React.FC<ITableLoadingProps>;
|
|
9
|
-
export default TableLoading;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ITableLoadingProps {
|
|
3
|
+
isNormal?: boolean;
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
isScroll?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const TableLoading: React.FC<ITableLoadingProps>;
|
|
9
|
+
export default TableLoading;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IPaginationProps {
|
|
3
|
-
showQuickJumper?: boolean;
|
|
4
|
-
totalSize: number;
|
|
5
|
-
defaultPageSize: number;
|
|
6
|
-
pageOption: number[];
|
|
7
|
-
onChangeTableState: (tableState: {
|
|
8
|
-
pageSize: number;
|
|
9
|
-
currentPage: number;
|
|
10
|
-
}) => void;
|
|
11
|
-
tableState?: TableState;
|
|
12
|
-
border?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export interface PaginationMethods {
|
|
15
|
-
changeCurrentPage: (page: number) => void;
|
|
16
|
-
}
|
|
17
|
-
declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<PaginationMethods>>;
|
|
18
|
-
export default Pagination;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IPaginationProps {
|
|
3
|
+
showQuickJumper?: boolean;
|
|
4
|
+
totalSize: number;
|
|
5
|
+
defaultPageSize: number;
|
|
6
|
+
pageOption: number[];
|
|
7
|
+
onChangeTableState: (tableState: {
|
|
8
|
+
pageSize: number;
|
|
9
|
+
currentPage: number;
|
|
10
|
+
}) => void;
|
|
11
|
+
tableState?: TableState;
|
|
12
|
+
border?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface PaginationMethods {
|
|
15
|
+
changeCurrentPage: (page: number) => void;
|
|
16
|
+
}
|
|
17
|
+
declare const Pagination: React.ForwardRefExoticComponent<IPaginationProps & React.RefAttributes<PaginationMethods>>;
|
|
18
|
+
export default Pagination;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IPaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
3
|
-
active?: boolean;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
onClick: () => void;
|
|
6
|
-
border?: boolean;
|
|
7
|
-
}
|
|
8
|
-
declare const PaginationItem: React.FC<IPaginationItemProps>;
|
|
9
|
-
export default PaginationItem;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IPaginationItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
3
|
+
active?: boolean;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
onClick: () => void;
|
|
6
|
+
border?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const PaginationItem: React.FC<IPaginationItemProps>;
|
|
9
|
+
export default PaginationItem;
|