@taikai/rocket-kit 2.0.0-beta.10
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/LICENSE +21 -0
- package/README.md +164 -0
- package/dist/atoms/avatar-image/index.d.ts +13 -0
- package/dist/atoms/avatar-image/stories/avatar-image.stories.d.ts +48 -0
- package/dist/atoms/avatar-image/styles.d.ts +6 -0
- package/dist/atoms/button/index.d.ts +22 -0
- package/dist/atoms/button/styles.d.ts +11 -0
- package/dist/atoms/button/types.d.ts +2 -0
- package/dist/atoms/button-dropdown/index.d.ts +19 -0
- package/dist/atoms/button-dropdown/styles.d.ts +5 -0
- package/dist/atoms/button-dropdown/types.d.ts +8 -0
- package/dist/atoms/button-link/index.d.ts +22 -0
- package/dist/atoms/button-link/styles.d.ts +10 -0
- package/dist/atoms/checkbox/index.d.ts +15 -0
- package/dist/atoms/checkbox/styles.d.ts +11 -0
- package/dist/atoms/checkbox-button/index.d.ts +14 -0
- package/dist/atoms/checkbox-button/stories/checkbox-button.stories.d.ts +24 -0
- package/dist/atoms/checkbox-button/styles.d.ts +9 -0
- package/dist/atoms/error-field/index.d.ts +10 -0
- package/dist/atoms/error-field/styles.d.ts +6 -0
- package/dist/atoms/error-field/types.d.ts +1 -0
- package/dist/atoms/file-picker/index.d.ts +17 -0
- package/dist/atoms/file-picker/stories/file-picker.stories.d.ts +23 -0
- package/dist/atoms/file-picker/styles.d.ts +7 -0
- package/dist/atoms/icon/index.d.ts +9 -0
- package/dist/atoms/icon/stories/icon.stories.d.ts +40 -0
- package/dist/atoms/icon/stories/styles.d.ts +1 -0
- package/dist/atoms/label/index.d.ts +9 -0
- package/dist/atoms/label/styles.d.ts +1 -0
- package/dist/atoms/progress-bar/index.d.ts +7 -0
- package/dist/atoms/progress-bar/stories/progress-bar.stories.d.ts +15 -0
- package/dist/atoms/progress-bar/styles.d.ts +9 -0
- package/dist/atoms/select/index.d.ts +17 -0
- package/dist/atoms/select/stories/select.stories.d.ts +37 -0
- package/dist/atoms/select/styles.d.ts +6 -0
- package/dist/atoms/select-interactive/components/index.d.ts +6 -0
- package/dist/atoms/select-interactive/index.d.ts +4 -0
- package/dist/atoms/select-interactive/stories/select-interactive.stories.d.ts +54 -0
- package/dist/atoms/select-interactive/styles.d.ts +4 -0
- package/dist/atoms/select-interactive/types.d.ts +34 -0
- package/dist/atoms/slideshow/index.d.ts +13 -0
- package/dist/atoms/slideshow/stories/slideshow.stories.d.ts +22 -0
- package/dist/atoms/slideshow/styles.d.ts +5 -0
- package/dist/atoms/spinner/index.d.ts +9 -0
- package/dist/atoms/spinner/styles.d.ts +6 -0
- package/dist/atoms/tag/index.d.ts +11 -0
- package/dist/atoms/tag/styles.d.ts +7 -0
- package/dist/atoms/tag/types.d.ts +2 -0
- package/dist/atoms/tag-number/index.d.ts +9 -0
- package/dist/atoms/tag-number/stories/tag-number.stories.d.ts +15 -0
- package/dist/atoms/tag-number/styles.d.ts +1 -0
- package/dist/atoms/text-area/index.d.ts +21 -0
- package/dist/atoms/text-area/stories/text-area.stories.d.ts +93 -0
- package/dist/atoms/text-area/styles.d.ts +11 -0
- package/dist/atoms/text-field/index.d.ts +23 -0
- package/dist/atoms/text-field/styles.d.ts +7 -0
- package/dist/atoms/text-field/types.d.ts +1 -0
- package/dist/atoms/text-field-appendix/index.d.ts +22 -0
- package/dist/atoms/text-field-appendix/stories/text-field-appendix.stories.d.ts +43 -0
- package/dist/atoms/text-field-appendix/styles.d.ts +10 -0
- package/dist/atoms/toggle/index.d.ts +4 -0
- package/dist/atoms/toggle/stories/toogle.stories.d.ts +18 -0
- package/dist/atoms/toggle/styles.d.ts +1 -0
- package/dist/atoms/toggle/types.d.ts +16 -0
- package/dist/atoms/truncate-line/index.d.ts +9 -0
- package/dist/atoms/truncate-line/stories/truncate-line.stories.d.ts +14 -0
- package/dist/atoms/truncate-line/styles.d.ts +1 -0
- package/dist/atoms/video-player/index.d.ts +12 -0
- package/dist/atoms/video-player/stories/video-player.stories.d.ts +24 -0
- package/dist/atoms/video-player/styles.d.ts +1 -0
- package/dist/globalStyles.d.ts +2 -0
- package/dist/index.d.ts +48 -0
- package/dist/index.js +8 -0
- package/dist/ions/breakpoints.d.ts +9 -0
- package/dist/ions/icon-empty-data.d.ts +3 -0
- package/dist/ions/icon-login-only.d.ts +3 -0
- package/dist/ions/icons.d.ts +5 -0
- package/dist/ions/variables.d.ts +25 -0
- package/dist/molecules/actions-menu/index.d.ts +19 -0
- package/dist/molecules/actions-menu/styles.d.ts +6 -0
- package/dist/molecules/actions-menu/types.d.ts +10 -0
- package/dist/molecules/alert-notification/index.d.ts +11 -0
- package/dist/molecules/alert-notification/stories/alert-notification.stories.d.ts +25 -0
- package/dist/molecules/alert-notification/styles.d.ts +5 -0
- package/dist/molecules/card-value/index.d.ts +13 -0
- package/dist/molecules/card-value/styles.d.ts +2 -0
- package/dist/molecules/checkbox-group/index.d.ts +23 -0
- package/dist/molecules/checkbox-group/stories/checkbox-group.stories.d.ts +33 -0
- package/dist/molecules/checkbox-group/styles.d.ts +6 -0
- package/dist/molecules/data-warning/index.d.ts +7 -0
- package/dist/molecules/data-warning/stories/data-warning.stories.d.ts +22 -0
- package/dist/molecules/data-warning/styles.d.ts +5 -0
- package/dist/molecules/empty-table/index.d.ts +8 -0
- package/dist/molecules/empty-table/stories/empty-table.stories.d.ts +17 -0
- package/dist/molecules/empty-table/styles.d.ts +10 -0
- package/dist/molecules/error/index.d.ts +7 -0
- package/dist/molecules/error/stories/error.stories.d.ts +22 -0
- package/dist/molecules/error/styles.d.ts +5 -0
- package/dist/molecules/field-with-button/index.d.ts +20 -0
- package/dist/molecules/field-with-button/stories/field-with-button.stories.d.ts +26 -0
- package/dist/molecules/field-with-button/styles.d.ts +2 -0
- package/dist/molecules/form-group/index.d.ts +9 -0
- package/dist/molecules/form-group/stories/form-group.stories.d.ts +28 -0
- package/dist/molecules/form-group/styles.d.ts +5 -0
- package/dist/molecules/modal-footer/index.d.ts +11 -0
- package/dist/molecules/modal-footer/stories/modal-footer.stories.d.ts +22 -0
- package/dist/molecules/modal-footer/styles.d.ts +1 -0
- package/dist/molecules/note-card/index.d.ts +12 -0
- package/dist/molecules/note-card/styles.d.ts +7 -0
- package/dist/molecules/note-card/types.d.ts +1 -0
- package/dist/molecules/number-input-spinner/index.d.ts +13 -0
- package/dist/molecules/number-input-spinner/stories/number-input-spinner.stories.d.ts +39 -0
- package/dist/molecules/number-input-spinner/styles.d.ts +7 -0
- package/dist/molecules/pagination-control/index.d.ts +11 -0
- package/dist/molecules/pagination-control/stories/pagination-control.stories.d.ts +42 -0
- package/dist/molecules/pagination-control/styles.d.ts +5 -0
- package/dist/molecules/radio-group/index.d.ts +20 -0
- package/dist/molecules/radio-group/stories/radio-group.stories.d.ts +34 -0
- package/dist/molecules/radio-group/styles.d.ts +13 -0
- package/dist/molecules/table/index.d.ts +32 -0
- package/dist/molecules/table/stories/table.stories.d.ts +28 -0
- package/dist/molecules/table/styles.d.ts +7 -0
- package/dist/molecules/table-dnd/index.d.ts +33 -0
- package/dist/molecules/table-dnd/stories/table-dnd.stories.d.ts +23 -0
- package/dist/molecules/table-dnd/styles.d.ts +8 -0
- package/dist/molecules/wizard-steps/index.d.ts +14 -0
- package/dist/molecules/wizard-steps/stories/wizard-steps.stories.d.ts +14 -0
- package/dist/molecules/wizard-steps/styles.d.ts +6 -0
- package/dist/organisms/grid-container/grid-col.d.ts +8 -0
- package/dist/organisms/grid-container/grid-row.d.ts +4 -0
- package/dist/organisms/grid-container/index.d.ts +7 -0
- package/dist/organisms/grid-container/stories/grid-container.stories.d.ts +10 -0
- package/dist/organisms/grid-container/styles.d.ts +6 -0
- package/dist/organisms/horizontal-nav/index.d.ts +9 -0
- package/dist/organisms/horizontal-nav/stories/horizontal-nav.stories.d.ts +20 -0
- package/dist/organisms/horizontal-nav/styles.d.ts +6 -0
- package/dist/organisms/loading-state/index.d.ts +12 -0
- package/dist/organisms/loading-state/stories/loading-state.stories.d.ts +28 -0
- package/dist/organisms/loading-state/styles.d.ts +9 -0
- package/dist/organisms/modal/index.d.ts +12 -0
- package/dist/organisms/modal/stories/modal.stories.d.ts +25 -0
- package/dist/organisms/modal/styles.d.ts +9 -0
- package/dist/organisms/modal-drawer/index.d.ts +13 -0
- package/dist/organisms/modal-drawer/stories/modal-drawer.stories.d.ts +26 -0
- package/dist/organisms/modal-drawer/styles.d.ts +9 -0
- package/dist/organisms/tabs-panel/index.d.ts +14 -0
- package/dist/organisms/tabs-panel/stories/tabs-panel.stories.d.ts +20 -0
- package/dist/organisms/tabs-panel/styles.d.ts +1 -0
- package/dist/rocket-kit.cjs.development.js +6429 -0
- package/dist/rocket-kit.cjs.development.js.map +1 -0
- package/dist/rocket-kit.cjs.production.min.js +1694 -0
- package/dist/rocket-kit.cjs.production.min.js.map +1 -0
- package/dist/rocket-kit.esm.js +6373 -0
- package/dist/rocket-kit.esm.js.map +1 -0
- package/dist/utils/filters/has-value.d.ts +1 -0
- package/dist/utils/hooks/use-mouse-move-effect.d.ts +5 -0
- package/dist/utils/hooks/use-visible.d.ts +6 -0
- package/package.json +122 -0
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PageControlProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: PageControlProps) => JSX.Element;
|
|
6
|
+
decorators: ((...args: any) => any)[];
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const PaginationControlLight: {
|
|
10
|
+
(args: PageControlProps): JSX.Element;
|
|
11
|
+
storyName: string;
|
|
12
|
+
args: {
|
|
13
|
+
page: number;
|
|
14
|
+
pageCount: number;
|
|
15
|
+
onPageChange: () => void;
|
|
16
|
+
};
|
|
17
|
+
parameters: {
|
|
18
|
+
design: {
|
|
19
|
+
type: string;
|
|
20
|
+
url: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare const PaginationControlDark: {
|
|
25
|
+
(args: PageControlProps): JSX.Element;
|
|
26
|
+
storyName: string;
|
|
27
|
+
args: {
|
|
28
|
+
dark: boolean;
|
|
29
|
+
page: number;
|
|
30
|
+
pageCount: number;
|
|
31
|
+
onPageChange: () => void;
|
|
32
|
+
};
|
|
33
|
+
parameters: {
|
|
34
|
+
backgrounds: {
|
|
35
|
+
default: string;
|
|
36
|
+
};
|
|
37
|
+
design: {
|
|
38
|
+
type: string;
|
|
39
|
+
url: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Item = {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
checked: boolean | undefined;
|
|
7
|
+
};
|
|
8
|
+
export interface RadioGroupProps {
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
options: Item[];
|
|
12
|
+
type?: 'row' | 'column';
|
|
13
|
+
group: string;
|
|
14
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
15
|
+
error?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
dataTestId?: string;
|
|
18
|
+
}
|
|
19
|
+
declare const RadioGroup: (props: RadioGroupProps) => JSX.Element;
|
|
20
|
+
export default RadioGroup;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { RadioGroupProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: RadioGroupProps) => JSX.Element;
|
|
6
|
+
argTypes: {
|
|
7
|
+
type: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
options: string[];
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
onChange: {
|
|
14
|
+
action: () => void;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export default _default;
|
|
19
|
+
export declare const RadioGroupComponent: {
|
|
20
|
+
(args: RadioGroupProps): JSX.Element;
|
|
21
|
+
storyName: string;
|
|
22
|
+
args: {
|
|
23
|
+
type: string;
|
|
24
|
+
group: string;
|
|
25
|
+
options: {
|
|
26
|
+
value: string;
|
|
27
|
+
label: string;
|
|
28
|
+
disabled: boolean;
|
|
29
|
+
checked: undefined;
|
|
30
|
+
}[];
|
|
31
|
+
error: string;
|
|
32
|
+
disabled: boolean;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface WrapperProps {
|
|
2
|
+
type?: 'row' | 'column';
|
|
3
|
+
group: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
interface ItemProps {
|
|
8
|
+
error?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"ul", any, WrapperProps, never>;
|
|
12
|
+
export declare const Item: import("styled-components").StyledComponent<"li", any, ItemProps, never>;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ActionMenu } from '../actions-menu/types';
|
|
3
|
+
interface TableOption<CellDataType> {
|
|
4
|
+
id: string;
|
|
5
|
+
value: string;
|
|
6
|
+
dataKey: string;
|
|
7
|
+
renderer?: (value: any, data: CellDataType) => JSX.Element | string | number | null | undefined;
|
|
8
|
+
className?: string;
|
|
9
|
+
dataTestId?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface TableOptions<CellDataType> {
|
|
12
|
+
columns: TableOption<CellDataType>[];
|
|
13
|
+
}
|
|
14
|
+
export interface TableProps<CellDataType> {
|
|
15
|
+
border?: boolean;
|
|
16
|
+
options: TableOptions<CellDataType>;
|
|
17
|
+
values: (CellDataType | null)[];
|
|
18
|
+
actions?: ActionMenu<CellDataType>[];
|
|
19
|
+
dataTestId?: string;
|
|
20
|
+
menuDataTestId?: string;
|
|
21
|
+
actionMenuTestId?: string;
|
|
22
|
+
showEmpty?: boolean;
|
|
23
|
+
emptyValue?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
style?: React.CSSProperties;
|
|
26
|
+
startsOpen?: boolean;
|
|
27
|
+
}
|
|
28
|
+
export interface CellBaseType {
|
|
29
|
+
id: string;
|
|
30
|
+
}
|
|
31
|
+
declare const Table: <CellData extends CellBaseType>(props: TableProps<CellData>) => JSX.Element;
|
|
32
|
+
export default Table;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface TableProps {
|
|
3
|
+
border?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: {
|
|
6
|
+
title: string;
|
|
7
|
+
component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => JSX.Element;
|
|
8
|
+
argTypes: {
|
|
9
|
+
border: {
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const TableComponent: {
|
|
18
|
+
(args: TableProps): JSX.Element;
|
|
19
|
+
storyName: string;
|
|
20
|
+
args: {
|
|
21
|
+
border: boolean;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export declare const TableEmptyComponent: {
|
|
25
|
+
(args: TableProps): JSX.Element;
|
|
26
|
+
storyName: string;
|
|
27
|
+
args: {};
|
|
28
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface BorderProps {
|
|
2
|
+
border?: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const TableWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const OverflowWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const Table: import("styled-components").StyledComponent<"table", any, BorderProps, never>;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ActionMenu } from '../actions-menu/types';
|
|
3
|
+
interface TableOption<CellDataType> {
|
|
4
|
+
id: string;
|
|
5
|
+
value: string;
|
|
6
|
+
dataKey: string;
|
|
7
|
+
renderer?: (value: any, data: CellDataType) => JSX.Element | string | number | null | undefined;
|
|
8
|
+
className?: string;
|
|
9
|
+
dataTestId?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface TableOptions<CellDataType> {
|
|
12
|
+
columns: TableOption<CellDataType>[];
|
|
13
|
+
}
|
|
14
|
+
export interface TableProps<CellDataType> {
|
|
15
|
+
border?: boolean;
|
|
16
|
+
options: TableOptions<CellDataType>;
|
|
17
|
+
values: (CellDataType | null)[];
|
|
18
|
+
actions?: ActionMenu<CellDataType>[];
|
|
19
|
+
dataTestId?: string;
|
|
20
|
+
menuDataTestId?: string;
|
|
21
|
+
actionMenuTestId?: string;
|
|
22
|
+
showEmpty?: boolean;
|
|
23
|
+
emptyValue?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
style?: React.CSSProperties;
|
|
26
|
+
onChange?: any;
|
|
27
|
+
startsOpen?: boolean;
|
|
28
|
+
}
|
|
29
|
+
export interface CellBaseType {
|
|
30
|
+
id: string;
|
|
31
|
+
}
|
|
32
|
+
declare const TableDnD: <CellData extends CellBaseType>(props: TableProps<CellData>) => JSX.Element;
|
|
33
|
+
export default TableDnD;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface TableDnDProps {
|
|
3
|
+
border?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const _default: {
|
|
6
|
+
title: string;
|
|
7
|
+
component: <CellData extends import("..").CellBaseType>(props: import("..").TableProps<CellData>) => JSX.Element;
|
|
8
|
+
argTypes: {
|
|
9
|
+
border: {
|
|
10
|
+
control: {
|
|
11
|
+
type: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const TableDnDComponent: {
|
|
18
|
+
(args: TableDnDProps): JSX.Element;
|
|
19
|
+
storyName: string;
|
|
20
|
+
args: {
|
|
21
|
+
border: boolean;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
interface TableDnDProps {
|
|
2
|
+
border?: boolean;
|
|
3
|
+
layout?: 'fixed' | 'auto';
|
|
4
|
+
draggableId?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const Table: import("styled-components").StyledComponent<"table", any, TableDnDProps, never>;
|
|
7
|
+
export declare const TableRow: import("styled-components").StyledComponent<"tr", any, TableDnDProps, never>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export declare type Step = {
|
|
3
|
+
active: boolean;
|
|
4
|
+
value: string;
|
|
5
|
+
dataTestId?: string;
|
|
6
|
+
};
|
|
7
|
+
export interface WizardStepsProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
steps: Step[];
|
|
11
|
+
dataTestId?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const WizardSteps: (props: WizardStepsProps) => JSX.Element;
|
|
14
|
+
export default WizardSteps;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: import("..").WizardStepsProps) => JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const WizardStepsComponent: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
storyName: string;
|
|
10
|
+
};
|
|
11
|
+
export declare const WizardStepsRendererComponent: {
|
|
12
|
+
(): JSX.Element;
|
|
13
|
+
storyName: string;
|
|
14
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
interface WizardStepProps {
|
|
2
|
+
active?: boolean;
|
|
3
|
+
}
|
|
4
|
+
export declare const Steps: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
5
|
+
export declare const Step: import("styled-components").StyledComponent<"li", any, WizardStepProps, never>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: (props: import("..").GridContainerProps) => JSX.Element;
|
|
5
|
+
};
|
|
6
|
+
export default _default;
|
|
7
|
+
export declare const GridContainerComponent: {
|
|
8
|
+
(): JSX.Element;
|
|
9
|
+
storyName: string;
|
|
10
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export interface GridProps {
|
|
2
|
+
size?: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
+
export declare const GridRow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export declare const GridCol: import("styled-components").StyledComponent<"div", any, GridProps, never>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface HorizontalNavInterface {
|
|
3
|
+
className?: string;
|
|
4
|
+
customColor?: string;
|
|
5
|
+
items: any;
|
|
6
|
+
startsOpen?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const HorizontalNav: (props: HorizontalNavInterface) => JSX.Element;
|
|
9
|
+
export default HorizontalNav;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { HorizontalNavInterface } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: HorizontalNavInterface) => JSX.Element;
|
|
6
|
+
argTypes: {
|
|
7
|
+
customColor: {
|
|
8
|
+
control: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
13
|
+
export declare const HorizontalNavComponent: {
|
|
14
|
+
(args: HorizontalNavInterface): JSX.Element;
|
|
15
|
+
storyName: string;
|
|
16
|
+
args: {
|
|
17
|
+
items: JSX.Element[];
|
|
18
|
+
startsOpen: boolean;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
interface HorizontalNavInterface {
|
|
2
|
+
customColor?: string;
|
|
3
|
+
}
|
|
4
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, HorizontalNavInterface, never>;
|
|
5
|
+
export declare const More: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface LoadingStateProps {
|
|
3
|
+
type: 'text' | 'card' | 'table' | 'value';
|
|
4
|
+
lines?: number;
|
|
5
|
+
cardsNumber?: number;
|
|
6
|
+
header?: boolean;
|
|
7
|
+
columnsNumber?: number;
|
|
8
|
+
rowsNumber?: number;
|
|
9
|
+
center?: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const LoadingState: (props: LoadingStateProps) => JSX.Element;
|
|
12
|
+
export default LoadingState;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { LoadingStateProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: LoadingStateProps) => JSX.Element;
|
|
6
|
+
argTypes: {
|
|
7
|
+
type: {
|
|
8
|
+
control: {
|
|
9
|
+
type: string;
|
|
10
|
+
options: string[];
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export default _default;
|
|
16
|
+
export declare const LoadingStateComponent: {
|
|
17
|
+
(args: LoadingStateProps): JSX.Element;
|
|
18
|
+
storyName: string;
|
|
19
|
+
args: {
|
|
20
|
+
type: string;
|
|
21
|
+
lines: number;
|
|
22
|
+
cardsNumber: number;
|
|
23
|
+
header: boolean;
|
|
24
|
+
columnsNumber: number;
|
|
25
|
+
rowsNumber: number;
|
|
26
|
+
center: boolean;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface LoadingStateProps {
|
|
2
|
+
type?: 'text' | 'card' | 'table' | 'value';
|
|
3
|
+
columnsNumber?: number;
|
|
4
|
+
center?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, LoadingStateProps, never>;
|
|
7
|
+
export declare const Table: import("styled-components").StyledComponent<"div", any, LoadingStateProps, never>;
|
|
8
|
+
export declare const Grid: import("styled-components").StyledComponent<"div", any, LoadingStateProps, never>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ModalProps {
|
|
3
|
+
isShowing: boolean;
|
|
4
|
+
hide: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
closeValue?: string;
|
|
8
|
+
footer: boolean;
|
|
9
|
+
zIndex?: number;
|
|
10
|
+
}
|
|
11
|
+
declare const Modal: (props: ModalProps) => JSX.Element;
|
|
12
|
+
export default Modal;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: ModalProps) => JSX.Element;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const ModalComponentBase: {
|
|
10
|
+
(args: ModalProps): JSX.Element;
|
|
11
|
+
storyName: string;
|
|
12
|
+
args: {
|
|
13
|
+
title: string;
|
|
14
|
+
footer: boolean;
|
|
15
|
+
closeValue: string;
|
|
16
|
+
isShowing: boolean;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare const ModalEditorComponent: {
|
|
20
|
+
(args: ModalProps): JSX.Element;
|
|
21
|
+
storyName: string;
|
|
22
|
+
args: {
|
|
23
|
+
title: string;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ModalStyleBaseProps {
|
|
2
|
+
zIndex: number;
|
|
3
|
+
modalOverflow?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare const ModalOverlay: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
6
|
+
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
7
|
+
export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
8
|
+
export declare const ModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ModalDrawerProps {
|
|
3
|
+
isShowing: boolean;
|
|
4
|
+
hide: () => void;
|
|
5
|
+
title: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
closeValue?: string;
|
|
8
|
+
footer?: React.ReactNode;
|
|
9
|
+
footerHidden?: boolean;
|
|
10
|
+
zIndex?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const ModalDrawer: (props: ModalDrawerProps) => JSX.Element;
|
|
13
|
+
export default ModalDrawer;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ModalDrawerProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: ModalDrawerProps) => JSX.Element;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const ModalDrawerComponent: {
|
|
10
|
+
(args: ModalDrawerProps): JSX.Element;
|
|
11
|
+
storyName: string;
|
|
12
|
+
args: {
|
|
13
|
+
title: string;
|
|
14
|
+
closeValue: string;
|
|
15
|
+
footerHidden: boolean;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
export declare const ModalDrawerCustomFooterComponent: {
|
|
19
|
+
(args: ModalDrawerProps): JSX.Element;
|
|
20
|
+
storyName: string;
|
|
21
|
+
args: {
|
|
22
|
+
title: string;
|
|
23
|
+
closeValue: string;
|
|
24
|
+
footerHidden: boolean;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface ModalStyleBaseProps {
|
|
2
|
+
zIndex: number;
|
|
3
|
+
}
|
|
4
|
+
export declare const ModalOverlay: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
5
|
+
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
6
|
+
export declare const ModalContainer: import("styled-components").StyledComponent<"div", any, ModalStyleBaseProps, never>;
|
|
7
|
+
export declare const ModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
+
export declare const ModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type Tab = {
|
|
3
|
+
title: string;
|
|
4
|
+
renderer: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export interface TabsPanelProps {
|
|
7
|
+
unmountOnExit?: boolean;
|
|
8
|
+
selectedTabKey?: number;
|
|
9
|
+
beforeChange?: () => {};
|
|
10
|
+
onChange?: () => {};
|
|
11
|
+
tabs: Tab[];
|
|
12
|
+
}
|
|
13
|
+
declare const TabsPanel: (props: TabsPanelProps) => JSX.Element;
|
|
14
|
+
export default TabsPanel;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TabsPanelProps } from '..';
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: TabsPanelProps) => JSX.Element;
|
|
6
|
+
argTypes: {};
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
export declare const TabsPanelComponent: {
|
|
10
|
+
(args: TabsPanelProps): JSX.Element;
|
|
11
|
+
storyName: string;
|
|
12
|
+
args: {
|
|
13
|
+
unmountOnExit: boolean;
|
|
14
|
+
selectedTabKey: number;
|
|
15
|
+
tabs: {
|
|
16
|
+
title: string;
|
|
17
|
+
renderer: JSX.Element;
|
|
18
|
+
}[];
|
|
19
|
+
};
|
|
20
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|