gov-ui-core 0.2.0 → 0.2.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/.storybook/main.ts +12 -8
- package/.storybook/preview.tsx +6 -1
- package/build/.storybook/main.d.ts +3 -0
- package/build/.storybook/preview.d.ts +3 -0
- package/build/6c2c8e3b071704be7083.eot +1 -0
- package/build/7d8da6ffb7adc47d82b7.ttf +1 -0
- package/build/8c91a6260569de8d1acc.woff +1 -0
- package/build/ceddebb81355ab5fc96e.woff2 +1 -0
- package/build/index.js +1 -1
- package/build/index.js.LICENSE.txt +10 -9
- package/build/src/IntlTest.d.ts +5 -0
- package/build/src/components/Button/Button.stories.d.ts +15 -0
- package/build/{components → src/components}/Button/DropdownButton.d.ts +1 -1
- package/build/{components → src/components}/Button/index.d.ts +1 -1
- package/build/src/components/Calendar/Calendar.stories.d.ts +10 -0
- package/build/{components → src/components}/Carousel/index.d.ts +1 -0
- package/build/src/components/Carousel/index.stories.d.ts +11 -0
- package/build/{components → src/components}/Form/Form.d.ts +3 -0
- package/build/src/components/Form/Form.stories.d.ts +10 -0
- package/build/{components → src/components}/Form/Item.d.ts +1 -1
- package/build/{components → src/components}/Form/index.d.ts +3 -3
- package/build/src/components/Icons/Icons.stories.d.ts +11 -0
- package/build/{components → src/components}/Input/Checkbox.d.ts +1 -1
- package/build/src/components/Input/Checkbox.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/ErrorMessage.d.ts +1 -1
- package/build/{components → src/components}/Input/Input.d.ts +1 -1
- package/build/src/components/Input/Input.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/InputNumber.d.ts +1 -1
- package/build/src/components/Input/InputNumber.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/Radio.d.ts +1 -1
- package/build/src/components/Input/Radio.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/Search.d.ts +1 -1
- package/build/src/components/Input/Search.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/Select.d.ts +1 -1
- package/build/src/components/Input/Select.stories.d.ts +10 -0
- package/build/{components → src/components}/Input/TextArea.d.ts +1 -1
- package/build/src/components/Input/TextArea.stories.d.ts +10 -0
- package/build/src/components/Input/index.d.ts +19 -0
- package/build/src/components/Loading/Loading.stories.d.ts +10 -0
- package/build/src/components/Loading/Spinner.stories.d.ts +12 -0
- package/build/src/components/Loading/index.d.ts +2 -0
- package/build/{components → src/components}/Table/AppendTable.d.ts +1 -1
- package/build/src/components/Table/Table.stories.d.ts +12 -0
- package/build/{components → src/components}/Table/TableBase.d.ts +2 -2
- package/build/src/components/Table/TableBase.stories.d.ts +11 -0
- package/build/src/components/Tag/Tag.stories.d.ts +10 -0
- package/build/src/components/Tag/index.d.ts +2 -0
- package/build/src/components/ThemeProvider.d.ts +17 -0
- package/build/{globalStyle.d.ts → src/globalStyle.d.ts} +1 -1
- package/build/src/index.d.ts +1 -0
- package/build/src/modules.d.ts +23 -0
- package/migration-storybook.log +98 -0
- package/package.json +19 -18
- package/tsconfig.json +2 -1
- package/build/components/Input/index.d.ts +0 -19
- package/build/components/ThemeProvider.d.ts +0 -10
- package/build/modules.d.ts +0 -29
- /package/build/{App.d.ts → src/App.d.ts} +0 -0
- /package/build/{index.d.ts → src/App.test.d.ts} +0 -0
- /package/build/{Main.d.ts → src/Main.d.ts} +0 -0
- /package/build/{components → src/components}/Button/SwitchButton.d.ts +0 -0
- /package/build/{components → src/components}/Button/styled.d.ts +0 -0
- /package/build/{components → src/components}/Calendar/CalendarNavigation.d.ts +0 -0
- /package/build/{components → src/components}/Calendar/constants.d.ts +0 -0
- /package/build/{components → src/components}/Calendar/index.d.ts +0 -0
- /package/build/{components → src/components}/Calendar/styled.d.ts +0 -0
- /package/build/{components → src/components}/Carousel/ArrowButton.d.ts +0 -0
- /package/build/{components → src/components}/Carousel/styled.d.ts +0 -0
- /package/build/{components → src/components}/Directory/index.d.ts +0 -0
- /package/build/{components → src/components}/Directory/styled.d.ts +0 -0
- /package/build/{components → src/components}/EmptyBox/index.d.ts +0 -0
- /package/build/{components → src/components}/EmptyBox/styled.d.ts +0 -0
- /package/build/{components → src/components}/Form/Group.d.ts +0 -0
- /package/build/{components → src/components}/Form/styled.d.ts +0 -0
- /package/build/{components → src/components}/Header/ContentHeader.d.ts +0 -0
- /package/build/{components → src/components}/Header/styled.d.ts +0 -0
- /package/build/{components → src/components}/Icons/index.d.ts +0 -0
- /package/build/{components → src/components}/Input/styled.d.ts +0 -0
- /package/build/{components → src/components}/IntlText/index.d.ts +0 -0
- /package/build/{components → src/components}/Loading/OverlayLoading.d.ts +0 -0
- /package/build/{components → src/components}/Loading/Spinner.d.ts +0 -0
- /package/build/{components → src/components}/Loading/styled.d.ts +0 -0
- /package/build/{components → src/components}/Styled/mixins.d.ts +0 -0
- /package/build/{components → src/components}/Styled/variable.d.ts +0 -0
- /package/build/{components → src/components}/Table/AutoTooltip.d.ts +0 -0
- /package/build/{components → src/components}/Table/TableLoading.d.ts +0 -0
- /package/build/{components → src/components}/Table/components/Pagination.d.ts +0 -0
- /package/build/{components → src/components}/Table/components/PaginationItem.d.ts +0 -0
- /package/build/{components → src/components}/Table/index.d.ts +0 -0
- /package/build/{components → src/components}/Table/styled.d.ts +0 -0
- /package/build/{pages → src/pages}/CreateTable.d.ts +0 -0
- /package/build/{pages → src/pages}/FormSample.d.ts +0 -0
- /package/build/{pages → src/pages}/Sample.d.ts +0 -0
- /package/build/{pages → src/pages}/Sample2.d.ts +0 -0
- /package/build/{pages → src/pages}/Sample3.d.ts +0 -0
- /package/build/{pages → src/pages}/Sample4.d.ts +0 -0
- /package/build/{pages → src/pages}/TableSample.d.ts +0 -0
- /package/build/{pages → src/pages}/sampleData.d.ts +0 -0
- /package/build/{reportWebVitals.d.ts → src/reportWebVitals.d.ts} +0 -0
- /package/build/{theme.d.ts → src/theme.d.ts} +0 -0
- /package/build/{utils → src/utils}/customState.d.ts +0 -0
- /package/build/{utils → src/utils}/hookUtils.d.ts +0 -0
- /package/build/{utils → src/utils}/index.d.ts +0 -0
|
@@ -23,9 +23,9 @@ object-assign
|
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
25
|
* @license React
|
|
26
|
-
* react-is.production.
|
|
26
|
+
* react-is.production.js
|
|
27
27
|
*
|
|
28
|
-
* Copyright (c)
|
|
28
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
29
29
|
*
|
|
30
30
|
* This source code is licensed under the MIT license found in the
|
|
31
31
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -33,7 +33,7 @@ object-assign
|
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* @license React
|
|
36
|
-
* react-
|
|
36
|
+
* react-is.production.min.js
|
|
37
37
|
*
|
|
38
38
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
39
39
|
*
|
|
@@ -41,8 +41,9 @@ object-assign
|
|
|
41
41
|
* LICENSE file in the root directory of this source tree.
|
|
42
42
|
*/
|
|
43
43
|
|
|
44
|
-
/**
|
|
45
|
-
*
|
|
44
|
+
/**
|
|
45
|
+
* @license React
|
|
46
|
+
* react-jsx-runtime.production.min.js
|
|
46
47
|
*
|
|
47
48
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
48
49
|
*
|
|
@@ -50,8 +51,8 @@ object-assign
|
|
|
50
51
|
* LICENSE file in the root directory of this source tree.
|
|
51
52
|
*/
|
|
52
53
|
|
|
53
|
-
/** @license React v16.
|
|
54
|
-
* react.production.min.js
|
|
54
|
+
/** @license React v16.13.1
|
|
55
|
+
* react-is.production.min.js
|
|
55
56
|
*
|
|
56
57
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
57
58
|
*
|
|
@@ -59,8 +60,8 @@ object-assign
|
|
|
59
60
|
* LICENSE file in the root directory of this source tree.
|
|
60
61
|
*/
|
|
61
62
|
|
|
62
|
-
/** @license React
|
|
63
|
-
* react
|
|
63
|
+
/** @license React v16.8.6
|
|
64
|
+
* react.production.min.js
|
|
64
65
|
*
|
|
65
66
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
66
67
|
*
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Button from '../Button';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Button> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const All: Story;
|
|
11
|
+
export declare const Primary: Story;
|
|
12
|
+
export declare const Outline: Story;
|
|
13
|
+
export declare const Transparent: Story;
|
|
14
|
+
export declare const Gray: Story;
|
|
15
|
+
export declare const White: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { ButtonSize, ButtonType } from '
|
|
2
|
+
import type { ButtonSize, ButtonType } from '../../../components/Button/data';
|
|
3
3
|
export interface IButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
4
|
btype?: ButtonType;
|
|
5
5
|
size?: ButtonSize;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Calendar from '../../../components/Calendar';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Calendar> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const CalendarStory: Story;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Carousel from '../../../components/Carousel';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Carousel> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const CarouselFitWidthStory: Story;
|
|
11
|
+
export declare const CarouselFullWidthStory: Story;
|
|
@@ -2,9 +2,12 @@ import React from 'react';
|
|
|
2
2
|
import { UseFormReturn } from 'react-hook-form';
|
|
3
3
|
export interface IFormProps {
|
|
4
4
|
options?: any;
|
|
5
|
+
/** submit 동작 및 validation을 통과할 경우 실행 */
|
|
5
6
|
submit: (data: any) => void;
|
|
7
|
+
/** error 가 아닌 경우에도 공백 object({}) 반환 */
|
|
6
8
|
onError?: (errors: any, isSubmitting?: boolean) => void;
|
|
7
9
|
onValid?: (isValid: boolean) => void;
|
|
10
|
+
/** Form.Item 필수 */
|
|
8
11
|
children: React.ReactNode;
|
|
9
12
|
layout?: {
|
|
10
13
|
label: number | string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Form from '../../../components/Form/Form';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Form> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const FormStory: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RegisterOptions } from 'react-hook-form/dist/types/validator';
|
|
3
|
-
import { ErrorStyle } from '
|
|
3
|
+
import { ErrorStyle } from '../../../components/Input/data';
|
|
4
4
|
import { FieldErrors } from 'react-hook-form/dist/types/errors';
|
|
5
5
|
import { Control, FieldValues } from "react-hook-form";
|
|
6
6
|
interface IItemProps<T extends FieldValues> extends Omit<React.ComponentPropsWithoutRef<'div'>, 'prefix'> {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import FormProvider from '
|
|
2
|
-
import Item from '
|
|
3
|
-
import Group from '
|
|
1
|
+
import FormProvider from '../../../components/Form/Form';
|
|
2
|
+
import Item from '../../../components/Form/Item';
|
|
3
|
+
import Group from '../../../components/Form/Group';
|
|
4
4
|
import { UseFormReturn } from 'react-hook-form';
|
|
5
5
|
type FormType = typeof FormProvider;
|
|
6
6
|
interface FormInterface extends FormType {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Icons from '../../../components/Icons';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Icons> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const IconsStory: Story;
|
|
11
|
+
export declare const CustomSizeIconsStory: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ErrorType, OptionType } from '
|
|
2
|
+
import { ErrorType, OptionType } from '../../../components/Input/data';
|
|
3
3
|
export interface ICheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
|
|
4
4
|
name?: string;
|
|
5
5
|
description?: React.ReactNode;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Checkbox from '../../../components/Input/Checkbox';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Checkbox> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const CheckboxStory: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ErrorType, ErrorStyle } from '
|
|
2
|
+
import { ErrorType, ErrorStyle } from '../../../components/Input/data';
|
|
3
3
|
import { ChangeHandler } from 'react-hook-form';
|
|
4
4
|
export interface IInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'size'> {
|
|
5
5
|
error?: string | ErrorType | boolean;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Input from '../Input';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Input> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const InputStory: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import InputNumber from '../../../components/Input/InputNumber';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof InputNumber> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const InputNumberStory: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
-
import { ErrorType, OptionType } from '
|
|
3
|
+
import { ErrorType, OptionType } from '../../../components/Input/data';
|
|
4
4
|
export interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'name' | 'onChange'> {
|
|
5
5
|
name?: string;
|
|
6
6
|
description?: React.ReactNode;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Radio from '../../../components/Input/Radio';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Radio> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const RadioStory: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { ChangeEventHandler } from 'react';
|
|
2
|
-
import { IInputProps } from '
|
|
2
|
+
import { IInputProps } from '../../../components/Input/Input';
|
|
3
3
|
import { ChangeHandler } from 'react-hook-form';
|
|
4
4
|
interface ISearchProps extends IInputProps {
|
|
5
5
|
onClear?: () => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Search from '../../../components/Input/Search';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Search> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const SearchStory: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ChangeHandler } from 'react-hook-form';
|
|
3
|
-
import { ErrorStyle, ErrorType } from '
|
|
3
|
+
import { ErrorStyle, ErrorType } from '../../../components/Input/data';
|
|
4
4
|
type OptionItem = {
|
|
5
5
|
label?: React.ReactNode;
|
|
6
6
|
searchLabel?: string;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Select from './Select';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Select> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const SelectStory: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ErrorStyle, ErrorType } from '
|
|
2
|
+
import { ErrorStyle, ErrorType } from '../../../components/Input/data';
|
|
3
3
|
interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'prefix'> {
|
|
4
4
|
error?: string | ErrorType;
|
|
5
5
|
errorStyle?: ErrorStyle;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import TextArea from '../../../components/Input/TextArea';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof TextArea> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const TextAreaStory: Story;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import InputBase from '../../../components/Input/Input';
|
|
2
|
+
import InputNumber from '../../../components/Input/InputNumber';
|
|
3
|
+
import Search from '../../../components/Input/Search';
|
|
4
|
+
import Select from '../../../components/Input/Select';
|
|
5
|
+
import Checkbox from '../../../components/Input/Checkbox';
|
|
6
|
+
import Radio from '../../../components/Input/Radio';
|
|
7
|
+
import TextArea from '../../../components/Input/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 };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import { OverlayLoading } from '../../../components/Loading';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof OverlayLoading> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const OverlayLoadingStory: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Spinner from '../../../components/Loading/Spinner';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Spinner> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const SpinnerAStory: Story;
|
|
11
|
+
export declare const SpinnerBStory: Story;
|
|
12
|
+
export declare const SpinnerCStory: Story;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Table from '../../../components/Table';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Table> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const TableStory: Story;
|
|
11
|
+
export declare const EmptyTableStory: Story;
|
|
12
|
+
export declare const LargeTableStory: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IContentHeaderProps } from '
|
|
3
|
-
import { ITableProps } from '
|
|
2
|
+
import { IContentHeaderProps } from '../../../components/Header/ContentHeader';
|
|
3
|
+
import { ITableProps } from '../../../components/Table';
|
|
4
4
|
export interface ITableBaseProps extends Omit<ITableProps, 'title' | 'dataSource'>, Omit<IContentHeaderProps, 'title'> {
|
|
5
5
|
title?: React.ReactNode;
|
|
6
6
|
loadData: (paginationState: any) => void;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import TableBase from '../../../components/Table/TableBase';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof TableBase> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const TableBaseStory: Story;
|
|
11
|
+
export declare const CustomDesignTableBaseStory: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import Tag from '../../../components/Tag';
|
|
4
|
+
type CustomProps = React.ComponentProps<typeof Tag> & {
|
|
5
|
+
bgColor?: string;
|
|
6
|
+
};
|
|
7
|
+
declare const meta: Meta<CustomProps>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<CustomProps>;
|
|
10
|
+
export declare const TagStory: Story;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ThemeType } from '../../theme';
|
|
3
|
+
import 'antd/lib/table/style/index.css';
|
|
4
|
+
import 'antd/lib/dropdown/style/index.css';
|
|
5
|
+
import 'antd/lib/style/index.css';
|
|
6
|
+
import 'antd/lib/switch/style/index.css';
|
|
7
|
+
import 'antd/lib/spin/style/index.css';
|
|
8
|
+
import 'antd/lib/tooltip/style/index.css';
|
|
9
|
+
import '@mdi/font/css/materialdesignicons.min.css';
|
|
10
|
+
interface IThemeProviderProps {
|
|
11
|
+
theme?: ThemeType;
|
|
12
|
+
primary?: string;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
language?: 'en' | 'ko';
|
|
15
|
+
}
|
|
16
|
+
declare const ThemeProvider: React.FC<IThemeProviderProps>;
|
|
17
|
+
export default ThemeProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import Button from '../components/Button';
|
|
2
|
+
import Carousel from '../components/Carousel';
|
|
3
|
+
import ContentHeader from '../components/Header/ContentHeader';
|
|
4
|
+
import Directory from '../components/Directory';
|
|
5
|
+
import DropdownButton from '../components/Button/DropdownButton';
|
|
6
|
+
import EmptyBox from '../components/EmptyBox';
|
|
7
|
+
import Form from '../components/Form';
|
|
8
|
+
import Icons from '../components/Icons';
|
|
9
|
+
import Input from '../components/Input';
|
|
10
|
+
import ErrorMessage from '../components/Input/ErrorMessage';
|
|
11
|
+
import AutoTooltip from '../components/Table/AutoTooltip';
|
|
12
|
+
import OverlayLoading from '../components/Loading/OverlayLoading';
|
|
13
|
+
import SwitchButton from '../components/Button/SwitchButton';
|
|
14
|
+
import Table from '../components/Table';
|
|
15
|
+
import TableBase from '../components/Table/TableBase';
|
|
16
|
+
import Calendar from '../components/Calendar';
|
|
17
|
+
import IntlText from '../components/IntlText';
|
|
18
|
+
import AppendTable from '../components/Table/AppendTable';
|
|
19
|
+
import ThemeProvider from '../components/ThemeProvider';
|
|
20
|
+
import { Methods } from '../components/Form';
|
|
21
|
+
import defaultTheme from '../theme';
|
|
22
|
+
export { AppendTable, Button, Calendar, Carousel, ContentHeader, Directory, DropdownButton, EmptyBox, Form, Icons, Input, ErrorMessage, OverlayLoading, SwitchButton, Table, TableBase, ThemeProvider, AutoTooltip, IntlText, defaultTheme, };
|
|
23
|
+
export type { Methods, };
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
🔎 checking possible migrations..
|
|
2
|
+
|
|
3
|
+
🔎 found a 'upgradeStorybookRelatedDependencies' migration:
|
|
4
|
+
╭ Automigration detected ────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
|
|
5
|
+
│ │
|
|
6
|
+
│ You're upgrading to the latest version of Storybook. We recommend upgrading the following packages: │
|
|
7
|
+
│ - @chromatic-com/storybook: 1.2.25 => 3.2.2 │
|
|
8
|
+
│ - @storybook/addon-knobs: 7.0.2 => 8.0.1 │
|
|
9
|
+
│ - eslint-plugin-storybook: 0.8.0 => 0.11.1 │
|
|
10
|
+
│ │
|
|
11
|
+
│ After upgrading, we will run the dedupe command, which could possibly have effects on dependencies that are not Storybook related. │
|
|
12
|
+
│ see: https://docs.npmjs.com/cli/commands/npm-dedupe │
|
|
13
|
+
│ │
|
|
14
|
+
│ Do you want to proceed (upgrade the detected packages)? │
|
|
15
|
+
│ │
|
|
16
|
+
╰────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
17
|
+
? Do you want to run the 'upgradeStorybookRelatedDependencies' migration on your project? › (y/N)✔ Do you want to run the 'upgradeStorybookRelatedDependencies' migration on your project? … yes
|
|
18
|
+
Installing dependencies...
|
|
19
|
+
|
|
20
|
+
An error occurred while installing dependencies.
|
|
21
|
+
❌ error when running upgradeStorybookRelatedDependencies migration
|
|
22
|
+
HandledError: Error: Command failed with exit code 1: npm install
|
|
23
|
+
at Ar.installDependencies (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:18947:75)
|
|
24
|
+
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
|
|
25
|
+
at async Object.run (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:448:541)
|
|
26
|
+
... 2 lines matching cause stack trace ...
|
|
27
|
+
at async doUpgrade (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:600:1612)
|
|
28
|
+
at async withTelemetry (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/core-server/index.cjs:35757:12)
|
|
29
|
+
at async upgrade (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:600:2078) {
|
|
30
|
+
handled: true,
|
|
31
|
+
cause: Error: Command failed with exit code 1: npm install
|
|
32
|
+
at makeError (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:18141:67)
|
|
33
|
+
at handlePromise (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:18759:16)
|
|
34
|
+
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
|
|
35
|
+
at async Ar.executeCommand (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:19205:15)
|
|
36
|
+
at async Ar.runInstall (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:19339:5)
|
|
37
|
+
at async Ar.installDependencies (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/core/dist/common/index.cjs:18945:7)
|
|
38
|
+
at async Object.run (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:448:541)
|
|
39
|
+
at async runFixes (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:533:1801)
|
|
40
|
+
at async automigrate (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:531:1625)
|
|
41
|
+
at async doUpgrade (/Users/yoon/.npm/_npx/7122ab1f221a777a/node_modules/@storybook/cli/dist/bin/index.cjs:600:1612) {
|
|
42
|
+
shortMessage: 'Command failed with exit code 1: npm install',
|
|
43
|
+
command: 'npm install',
|
|
44
|
+
escapedCommand: 'npm install',
|
|
45
|
+
exitCode: 1,
|
|
46
|
+
signal: undefined,
|
|
47
|
+
signalDescription: undefined,
|
|
48
|
+
stdout: undefined,
|
|
49
|
+
stderr: undefined,
|
|
50
|
+
cwd: '/Users/yoon/WebstormProjects/nexr/gov-ui-core',
|
|
51
|
+
failed: true,
|
|
52
|
+
timedOut: false,
|
|
53
|
+
isCanceled: false,
|
|
54
|
+
killed: false
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
🔎 found a 'autodocs-tags' migration:
|
|
60
|
+
╭ Automigration detected ───────────────────────────────────────────────────────────────────────────────────────────╮
|
|
61
|
+
│ │
|
|
62
|
+
│ The docs.autodocs setting in .storybook/main.ts is deprecated. │
|
|
63
|
+
│ │
|
|
64
|
+
│ Learn more: https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#mainjs-docsautodocs-is-deprecated │
|
|
65
|
+
│ │
|
|
66
|
+
│ Remove docs.autodocs and update .storybook/preview.tsx? │
|
|
67
|
+
│ │
|
|
68
|
+
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
69
|
+
? Do you want to run the 'autodocs-tags' migration on your project? › (Y/n)✔ Do you want to run the 'autodocs-tags' migration on your project? … yes
|
|
70
|
+
✅ Adding "autodocs" tag to .storybook/preview.tsx
|
|
71
|
+
✅ Removing "docs.autodocs" from .storybook/main.ts
|
|
72
|
+
✅ ran autodocs-tags migration
|
|
73
|
+
WARN An issue occurred while trying to find dependencies metadata using npm.
|
|
74
|
+
|
|
75
|
+
╭ Migration check ran with failures ────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
|
|
76
|
+
│ │
|
|
77
|
+
│ Successful migrations: │
|
|
78
|
+
│ │
|
|
79
|
+
│ autodocs-tags │
|
|
80
|
+
│ │
|
|
81
|
+
│ Failed migrations: │
|
|
82
|
+
│ │
|
|
83
|
+
│ upgradeStorybookRelatedDependencies: │
|
|
84
|
+
│ Error: Command failed with exit code 1: npm install │
|
|
85
|
+
│ │
|
|
86
|
+
│ You can find the full logs in /Users/yoon/WebstormProjects/nexr/gov-ui-core/migration-storybook.log │
|
|
87
|
+
│ │
|
|
88
|
+
│ ───────────────────────────────────────────────── │
|
|
89
|
+
│ │
|
|
90
|
+
│ If you'd like to run the migrations again, you can do so by running 'npx storybook automigrate' │
|
|
91
|
+
│ │
|
|
92
|
+
│ The automigrations try to migrate common patterns in your project, but might not contain everything needed to migrate to the latest version of Storybook. │
|
|
93
|
+
│ │
|
|
94
|
+
│ Please check the changelog and migration guide for manual migrations and more information: https://storybook.js.org/docs/migration-guide │
|
|
95
|
+
│ And reach out on Discord if you need help: https://discord.gg/storybook │
|
|
96
|
+
│ │
|
|
97
|
+
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯
|
|
98
|
+
|