gov-ui-core 0.2.6 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +54 -0
- package/.husky/pre-commit +4 -0
- package/.prettierrc +12 -0
- package/.storybook/main.ts +10 -9
- package/.stylelintrc.json +19 -0
- package/@types/styles.d.ts +96 -0
- package/build/components/Badge/index.d.ts +8 -0
- package/build/components/Badge/styled.d.ts +1 -0
- package/build/components/Breadcrumb/index.d.ts +6 -0
- package/build/components/Breadcrumb/styled.d.ts +2 -0
- package/build/components/Button/SwitchButton.d.ts +6 -3
- package/build/components/Button/TextButton.d.ts +8 -0
- package/build/components/Button/constants.d.ts +19 -0
- package/build/components/Button/styled.d.ts +12 -4
- package/build/components/Calendar/styled.d.ts +2 -2
- package/build/components/Card/index.d.ts +12 -0
- package/build/components/Carousel/styled.d.ts +2 -2
- package/build/components/Chip/constants.d.ts +11 -0
- package/build/components/Chip/index.d.ts +11 -0
- package/build/components/Directory/styled.d.ts +2 -2
- package/build/components/EmptyBox/styled.d.ts +1 -1
- package/build/components/Form/Item.d.ts +6 -1
- package/build/components/Form/styled.d.ts +1 -1
- package/build/components/Header/styled.d.ts +1 -1
- package/build/components/Input/Checkbox.d.ts +4 -1
- package/build/components/Input/Input.d.ts +1 -0
- package/build/components/Input/Radio.d.ts +3 -1
- package/build/components/Input/Select.d.ts +1 -0
- package/build/components/Input/TextArea.d.ts +3 -0
- package/build/components/Input/styled.d.ts +16 -12
- package/build/components/Loading/styled.d.ts +4 -4
- package/build/components/Menu/index.d.ts +26 -0
- package/build/components/Modal/index.d.ts +10 -0
- package/build/components/Modal/styled.d.ts +6 -0
- package/build/components/Pannel/index.d.ts +10 -0
- package/build/components/Pannel/styled.d.ts +5 -0
- package/build/components/Progress/index.d.ts +11 -0
- package/build/components/Progress/styled.d.ts +4 -0
- package/build/components/Sliders/index.d.ts +9 -0
- package/build/components/Sliders/styled.d.ts +9 -0
- package/build/components/Styled/mixins.d.ts +3 -3
- package/build/components/Table/styled.d.ts +8 -7
- package/build/components/Tabs/TabContent.d.ts +8 -0
- package/build/components/Tabs/index.d.ts +19 -0
- package/build/components/Tabs/styled.d.ts +12 -0
- package/build/components/TextBox/index.d.ts +12 -0
- package/build/components/ThemeProvider.d.ts +3 -2
- package/build/components/Toast/index.d.ts +10 -0
- package/build/components/Toast/styled.d.ts +6 -0
- package/build/components/Tooltips/index.d.ts +16 -0
- package/build/components/Tree/index.d.ts +8 -0
- package/build/globalStyle.d.ts +3 -3
- package/build/index.d.ts +2 -1
- package/build/index.js +1 -1
- package/build/modules.d.ts +10 -2
- package/build/pages/BreadcrumbSample.d.ts +5 -0
- package/build/pages/ButtonSample.d.ts +6 -0
- package/build/pages/CardSample.d.ts +5 -0
- package/build/pages/CheckboxSample.d.ts +6 -0
- package/build/pages/ChipSample.d.ts +6 -0
- package/build/pages/InputSample.d.ts +6 -0
- package/build/pages/ModalSample.d.ts +5 -0
- package/build/pages/PannelSample.d.ts +5 -0
- package/build/pages/ProgressSample.d.ts +5 -0
- package/build/pages/RadioSample.d.ts +6 -0
- package/build/pages/SlidersSample.d.ts +5 -0
- package/build/pages/TabsSample.d.ts +6 -0
- package/build/pages/TailwindSample.d.ts +1 -0
- package/build/pages/TextBoxSample.d.ts +2 -0
- package/build/pages/ToastSample.d.ts +6 -0
- package/build/pages/TooltipsSample.d.ts +5 -0
- package/build/pages/TreeSample.d.ts +5 -0
- package/build/theme.d.ts +2 -44
- package/package.json +43 -8
- package/postcss.config.js +8 -0
- package/tailwind.config.js +185 -0
- package/build/pages/CreateTable.d.ts +0 -20
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const SliderBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
|
+
type?: string | undefined;
|
|
3
|
+
slidersHoverd?: boolean | undefined;
|
|
4
|
+
disabled?: boolean | undefined;
|
|
5
|
+
minBarPosition?: number | undefined;
|
|
6
|
+
maxBarPosition?: number | undefined;
|
|
7
|
+
minValue?: number | undefined;
|
|
8
|
+
maxValue?: number | undefined;
|
|
9
|
+
}, never>;
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
* material 의 boxShadow
|
|
3
3
|
* @param depth
|
|
4
4
|
*/
|
|
5
|
-
export declare const boxShadow: (depth?: number) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<
|
|
5
|
+
export declare const boxShadow: (depth?: number) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
6
6
|
export declare const alignCenter: (jc?: string, ai?: string) => import("styled-components").FlattenSimpleInterpolation;
|
|
7
7
|
export declare const absoluteCenter: () => import("styled-components").FlattenSimpleInterpolation;
|
|
8
|
-
export declare const statusColor: (status: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<
|
|
8
|
+
export declare const statusColor: (status: any) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
9
9
|
/**
|
|
10
10
|
* bg color에 따라 font color 셋팅 자동화
|
|
11
11
|
* @param bgColor
|
|
12
12
|
*/
|
|
13
|
-
export declare const setFontColor: (bgColor?: string) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<
|
|
13
|
+
export declare const setFontColor: (bgColor?: string) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
|
|
@@ -1,23 +1,24 @@
|
|
|
1
|
-
declare const TableBox: import("styled-components").StyledComponent<"div",
|
|
1
|
+
declare const TableBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
2
|
columnSpace?: number | undefined;
|
|
3
|
-
|
|
3
|
+
size?: string | undefined;
|
|
4
|
+
columns?: any;
|
|
4
5
|
}, never>;
|
|
5
|
-
declare const TableLoadingBox: import("styled-components").StyledComponent<"div",
|
|
6
|
+
declare const TableLoadingBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
6
7
|
isNormal?: boolean | undefined;
|
|
7
8
|
isScroll?: boolean | undefined;
|
|
8
9
|
}, never>;
|
|
9
|
-
declare const CustomPagination: import("styled-components").StyledComponent<"div",
|
|
10
|
+
declare const CustomPagination: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
10
11
|
border?: boolean | undefined;
|
|
11
12
|
}, never>;
|
|
12
|
-
declare const PaginationItemBox: import("styled-components").StyledComponent<"li",
|
|
13
|
+
declare const PaginationItemBox: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {
|
|
13
14
|
active?: boolean | undefined;
|
|
14
15
|
disabled?: boolean | undefined;
|
|
15
16
|
border?: boolean | undefined;
|
|
16
17
|
}, never>;
|
|
17
|
-
declare const TopContentArea: import("styled-components").StyledComponent<"div",
|
|
18
|
+
declare const TopContentArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
18
19
|
fullSize?: boolean | undefined;
|
|
19
20
|
}, never>;
|
|
20
|
-
declare const FormItemBox: import("styled-components").StyledComponent<"div",
|
|
21
|
+
declare const FormItemBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
21
22
|
width?: number | undefined;
|
|
22
23
|
gap?: number | undefined;
|
|
23
24
|
fullHeight?: boolean | undefined;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
export type TabType = {
|
|
3
|
+
label: React.ReactNode;
|
|
4
|
+
value: any;
|
|
5
|
+
width?: number;
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
interface ITabsProps {
|
|
10
|
+
children?: ReactNode;
|
|
11
|
+
type: 'line' | 'group';
|
|
12
|
+
tabs: TabType[];
|
|
13
|
+
value?: any;
|
|
14
|
+
onChange: (value: any) => void;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
hasContentCard?: boolean;
|
|
17
|
+
}
|
|
18
|
+
declare const Tabs: React.FC<ITabsProps>;
|
|
19
|
+
export default Tabs;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const TabsBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
2
|
+
$disabled?: boolean | undefined;
|
|
3
|
+
$type?: "line" | "group" | undefined;
|
|
4
|
+
}, never>;
|
|
5
|
+
export declare const TabItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
|
|
6
|
+
$selected?: boolean | undefined;
|
|
7
|
+
$width?: number | undefined;
|
|
8
|
+
$type?: "line" | "group" | undefined;
|
|
9
|
+
}, never>;
|
|
10
|
+
export declare const TabContentBox: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {
|
|
11
|
+
$isGroupContent?: boolean | undefined;
|
|
12
|
+
}, never>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ITextBox {
|
|
3
|
+
viewer: boolean;
|
|
4
|
+
title: string;
|
|
5
|
+
description: string;
|
|
6
|
+
theme: 'light' | 'dark' | string;
|
|
7
|
+
height: string;
|
|
8
|
+
options: any;
|
|
9
|
+
editorRef: any;
|
|
10
|
+
}
|
|
11
|
+
export declare const TextBox: React.ForwardRefExoticComponent<Partial<ITextBox> & React.RefAttributes<HTMLElement>>;
|
|
12
|
+
export {};
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { DefaultTheme } from 'styled-components';
|
|
3
3
|
import 'antd/lib/table/style/index.css';
|
|
4
4
|
import 'antd/lib/dropdown/style/index.css';
|
|
5
5
|
import 'antd/lib/style/index.css';
|
|
6
6
|
import 'antd/lib/switch/style/index.css';
|
|
7
7
|
import 'antd/lib/spin/style/index.css';
|
|
8
8
|
import 'antd/lib/tooltip/style/index.css';
|
|
9
|
+
import 'antd/lib/modal/style/index.css';
|
|
9
10
|
interface IThemeProviderProps {
|
|
10
|
-
theme?:
|
|
11
|
+
theme?: DefaultTheme;
|
|
11
12
|
primary?: string;
|
|
12
13
|
children?: React.ReactNode;
|
|
13
14
|
language?: 'en' | 'ko';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface IToastProps {
|
|
2
|
+
toastPosition?: string;
|
|
3
|
+
type?: 'default' | 'error' | 'success' | 'warning' | 'primary';
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
isIcon?: boolean;
|
|
7
|
+
isCloseBtn?: boolean;
|
|
8
|
+
buttonList?: any;
|
|
9
|
+
}
|
|
10
|
+
export declare const Toast: ({ type, title, description, isIcon, isCloseBtn, buttonList, toastPosition, }: IToastProps) => import("react-toastify").Id;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ITooltipProps {
|
|
3
|
+
children: any;
|
|
4
|
+
type?: 'default' | 'chart' | 'rich';
|
|
5
|
+
position?: string;
|
|
6
|
+
status?: 'default' | 'primary' | 'error' | 'warning' | 'success';
|
|
7
|
+
title?: string | number;
|
|
8
|
+
description?: string;
|
|
9
|
+
gaugeColor?: string;
|
|
10
|
+
gaugeName?: string;
|
|
11
|
+
buttonList?: any;
|
|
12
|
+
isSlider?: boolean;
|
|
13
|
+
tooltipOpen?: boolean | undefined;
|
|
14
|
+
}
|
|
15
|
+
declare const Tooltips: React.FC<ITooltipProps>;
|
|
16
|
+
export default Tooltips;
|
package/build/globalStyle.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { DefaultTheme } from 'styled-components';
|
|
2
2
|
declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{
|
|
3
|
-
theme:
|
|
4
|
-
},
|
|
3
|
+
theme: DefaultTheme;
|
|
4
|
+
}, DefaultTheme>;
|
|
5
5
|
export default GlobalStyle;
|
package/build/index.d.ts
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
import 'react-toastify/dist/ReactToastify.css';
|
|
2
|
+
import './index.scss';
|