@akad/design-system 0.0.1-beta.14
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/css/aon-theme.css +1 -0
- package/css/bees-theme.css +1 -0
- package/css/bmc-theme.css +1 -0
- package/css/default-theme.css +1 -0
- package/css/linker-theme.css +1 -0
- package/css/oggi-theme.css +1 -0
- package/css/package.json +5 -0
- package/css/streetgo-theme.css +1 -0
- package/css/vite.svg +1 -0
- package/package.json +11 -0
- package/react/components/atoms/Button/Button.config.d.ts +94 -0
- package/react/components/atoms/Button/Button.d.ts +35 -0
- package/react/components/atoms/Button/Button.stories.d.ts +17 -0
- package/react/components/atoms/Button/Button.test.d.ts +1 -0
- package/react/components/atoms/Button/index.d.ts +4 -0
- package/react/components/atoms/Caption/Caption.config.d.ts +6 -0
- package/react/components/atoms/Caption/Caption.d.ts +18 -0
- package/react/components/atoms/Caption/Caption.stories.d.ts +9 -0
- package/react/components/atoms/Caption/Caption.test.d.ts +1 -0
- package/react/components/atoms/Caption/index.d.ts +4 -0
- package/react/components/atoms/Card/Card.config.d.ts +76 -0
- package/react/components/atoms/Card/Card.d.ts +23 -0
- package/react/components/atoms/Card/Card.stories.d.ts +23 -0
- package/react/components/atoms/Card/Card.test.d.ts +1 -0
- package/react/components/atoms/Card/index.d.ts +4 -0
- package/react/components/atoms/Checkbox/Checkbox.config.d.ts +62 -0
- package/react/components/atoms/Checkbox/Checkbox.d.ts +5 -0
- package/react/components/atoms/Checkbox/Checkbox.stories.d.ts +23 -0
- package/react/components/atoms/Checkbox/Checkbox.test.d.ts +1 -0
- package/react/components/atoms/Checkbox/index.d.ts +5 -0
- package/react/components/atoms/Heading/Heading.config.d.ts +23 -0
- package/react/components/atoms/Heading/Heading.d.ts +19 -0
- package/react/components/atoms/Heading/Heading.stories.d.ts +48 -0
- package/react/components/atoms/Heading/Heading.test.d.ts +1 -0
- package/react/components/atoms/Heading/index.d.ts +4 -0
- package/react/components/atoms/HorizontalRule/HorizontalRule.config.d.ts +32 -0
- package/react/components/atoms/HorizontalRule/HorizontalRule.d.ts +15 -0
- package/react/components/atoms/HorizontalRule/HorizontalRule.stories.d.ts +9 -0
- package/react/components/atoms/HorizontalRule/HorizontalRule.test.d.ts +1 -0
- package/react/components/atoms/HorizontalRule/index.d.ts +4 -0
- package/react/components/atoms/Icon/Icon.config.d.ts +129 -0
- package/react/components/atoms/Icon/Icon.d.ts +35 -0
- package/react/components/atoms/Icon/Icon.stories.d.ts +19 -0
- package/react/components/atoms/Icon/Icon.test.d.ts +1 -0
- package/react/components/atoms/Icon/index.d.ts +4 -0
- package/react/components/atoms/Input/Input.config.d.ts +151 -0
- package/react/components/atoms/Input/Input.d.ts +30 -0
- package/react/components/atoms/Input/Input.stories.d.ts +23 -0
- package/react/components/atoms/Input/Input.test.d.ts +1 -0
- package/react/components/atoms/Input/index.d.ts +4 -0
- package/react/components/atoms/Input/mask.d.ts +42 -0
- package/react/components/atoms/Loading/Loading.config.d.ts +54 -0
- package/react/components/atoms/Loading/Loading.d.ts +24 -0
- package/react/components/atoms/Loading/Loading.stories.d.ts +11 -0
- package/react/components/atoms/Loading/Loading.test.d.ts +1 -0
- package/react/components/atoms/Loading/index.d.ts +4 -0
- package/react/components/atoms/Option/Option.config.d.ts +53 -0
- package/react/components/atoms/Option/Option.d.ts +30 -0
- package/react/components/atoms/Option/Option.stories.d.ts +12 -0
- package/react/components/atoms/Option/Option.test.d.ts +1 -0
- package/react/components/atoms/Option/index.d.ts +4 -0
- package/react/components/atoms/Paragraph/Paragraph.config.d.ts +20 -0
- package/react/components/atoms/Paragraph/Paragraph.d.ts +19 -0
- package/react/components/atoms/Paragraph/Paragraph.stories.d.ts +21 -0
- package/react/components/atoms/Paragraph/Paragraph.test.d.ts +1 -0
- package/react/components/atoms/Paragraph/index.d.ts +4 -0
- package/react/components/atoms/Progress/Progress.config.d.ts +31 -0
- package/react/components/atoms/Progress/Progress.d.ts +16 -0
- package/react/components/atoms/Progress/Progress.stories.d.ts +13 -0
- package/react/components/atoms/Progress/Progress.test.d.ts +1 -0
- package/react/components/atoms/Progress/index.d.ts +4 -0
- package/react/components/atoms/Select/Select.config.d.ts +125 -0
- package/react/components/atoms/Select/Select.d.ts +25 -0
- package/react/components/atoms/Select/Select.stories.d.ts +27 -0
- package/react/components/atoms/Select/Select.test.d.ts +1 -0
- package/react/components/atoms/Select/index.d.ts +4 -0
- package/react/components/atoms/Subtitle/Subtitle.config.d.ts +19 -0
- package/react/components/atoms/Subtitle/Subtitle.d.ts +13 -0
- package/react/components/atoms/Subtitle/Subtitle.stories.d.ts +23 -0
- package/react/components/atoms/Subtitle/Subtitle.test.d.ts +1 -0
- package/react/components/atoms/Subtitle/index.d.ts +4 -0
- package/react/components/atoms/TextArea/TextArea.config.d.ts +132 -0
- package/react/components/atoms/TextArea/TextArea.d.ts +31 -0
- package/react/components/atoms/TextArea/TextArea.stories.d.ts +27 -0
- package/react/components/atoms/TextArea/TextArea.test.d.ts +1 -0
- package/react/components/atoms/TextArea/index.d.ts +4 -0
- package/react/components/atoms/Tooltip/Tooltip.config.d.ts +38 -0
- package/react/components/atoms/Tooltip/Tooltip.d.ts +20 -0
- package/react/components/atoms/Tooltip/Tooltip.stories.d.ts +46 -0
- package/react/components/atoms/Tooltip/Tooltip.test.d.ts +1 -0
- package/react/components/atoms/Tooltip/index.d.ts +4 -0
- package/react/components/bosons/Container/Container.config.d.ts +13 -0
- package/react/components/bosons/Container/Container.d.ts +20 -0
- package/react/components/bosons/Container/Container.stories.d.ts +20 -0
- package/react/components/bosons/Container/Container.test.d.ts +1 -0
- package/react/components/bosons/Container/index.d.ts +4 -0
- package/react/components/bosons/FlexLayout/FlexElement.config.d.ts +20 -0
- package/react/components/bosons/FlexLayout/FlexElement.d.ts +27 -0
- package/react/components/bosons/FlexLayout/FlexLayout.config.d.ts +100 -0
- package/react/components/bosons/FlexLayout/FlexLayout.d.ts +28 -0
- package/react/components/bosons/FlexLayout/FlexLayout.stories.d.ts +20 -0
- package/react/components/bosons/FlexLayout/FlexLayout.test.d.ts +1 -0
- package/react/components/bosons/FlexLayout/index.d.ts +5 -0
- package/react/components/bosons/GridLayout/GridElement.config.d.ts +17 -0
- package/react/components/bosons/GridLayout/GridElement.d.ts +9 -0
- package/react/components/bosons/GridLayout/GridElement.test.d.ts +1 -0
- package/react/components/bosons/GridLayout/GridLayout.config.d.ts +82 -0
- package/react/components/bosons/GridLayout/GridLayout.d.ts +29 -0
- package/react/components/bosons/GridLayout/GridLayout.stories.d.ts +12 -0
- package/react/components/bosons/GridLayout/GridLayout.test.d.ts +1 -0
- package/react/components/bosons/GridLayout/index.d.ts +5 -0
- package/react/components/bosons/Spacer/Spacer.config.d.ts +25 -0
- package/react/components/bosons/Spacer/Spacer.d.ts +15 -0
- package/react/components/bosons/Spacer/Spacer.stories.d.ts +15 -0
- package/react/components/bosons/Spacer/Spacer.test.d.ts +1 -0
- package/react/components/bosons/Spacer/index.d.ts +4 -0
- package/react/components/bosons/Wrapper/Wrapper.config.d.ts +28 -0
- package/react/components/bosons/Wrapper/Wrapper.d.ts +15 -0
- package/react/components/bosons/Wrapper/Wrapper.stories.d.ts +21 -0
- package/react/components/bosons/Wrapper/Wrapper.test.d.ts +1 -0
- package/react/components/bosons/Wrapper/index.d.ts +4 -0
- package/react/components/index.d.ts +37 -0
- package/react/components/molecules/Accordion/Accordion.config.d.ts +25 -0
- package/react/components/molecules/Accordion/Accordion.d.ts +17 -0
- package/react/components/molecules/Accordion/Accordion.stories.d.ts +9 -0
- package/react/components/molecules/Accordion/Accordion.test.d.ts +1 -0
- package/react/components/molecules/Accordion/AccordionItem.config.d.ts +28 -0
- package/react/components/molecules/Accordion/AccordionItem.d.ts +14 -0
- package/react/components/molecules/Accordion/index.d.ts +5 -0
- package/react/components/molecules/ActiveTags/ActiveTags.config.d.ts +23 -0
- package/react/components/molecules/ActiveTags/ActiveTags.d.ts +16 -0
- package/react/components/molecules/ActiveTags/ActiveTags.stories.d.ts +17 -0
- package/react/components/molecules/ActiveTags/ActiveTags.test.d.ts +1 -0
- package/react/components/molecules/ActiveTags/index.d.ts +4 -0
- package/react/components/molecules/EditableSelect/EditableSelect.config.d.ts +105 -0
- package/react/components/molecules/EditableSelect/EditableSelect.d.ts +26 -0
- package/react/components/molecules/EditableSelect/EditableSelect.stories.d.ts +24 -0
- package/react/components/molecules/EditableSelect/EditableSelect.test.d.ts +1 -0
- package/react/components/molecules/EditableSelect/index.d.ts +4 -0
- package/react/components/molecules/Indicator/Indicator.config.d.ts +18 -0
- package/react/components/molecules/Indicator/Indicator.d.ts +6 -0
- package/react/components/molecules/Indicator/Indicator.stories.d.ts +12 -0
- package/react/components/molecules/Indicator/Indicator.test.d.ts +1 -0
- package/react/components/molecules/Indicator/index.d.ts +4 -0
- package/react/components/molecules/InlineEditable/InlineEditable.config.d.ts +73 -0
- package/react/components/molecules/InlineEditable/InlineEditable.d.ts +20 -0
- package/react/components/molecules/InlineEditable/InlineEditable.stories.d.ts +17 -0
- package/react/components/molecules/InlineEditable/InlineEditable.test.d.ts +1 -0
- package/react/components/molecules/InlineEditable/index.d.ts +4 -0
- package/react/components/molecules/Modal/Modal.config.d.ts +41 -0
- package/react/components/molecules/Modal/Modal.d.ts +31 -0
- package/react/components/molecules/Modal/Modal.stories.d.ts +45 -0
- package/react/components/molecules/Modal/Modal.test.d.ts +1 -0
- package/react/components/molecules/Modal/index.d.ts +4 -0
- package/react/components/molecules/Notification/Notification.config.d.ts +77 -0
- package/react/components/molecules/Notification/Notification.d.ts +7 -0
- package/react/components/molecules/Notification/Notification.stories.d.ts +90 -0
- package/react/components/molecules/Notification/Notification.test.d.ts +1 -0
- package/react/components/molecules/Notification/index.d.ts +5 -0
- package/react/components/molecules/PasswordConfirmation/PasswordConfirmartion.test.d.ts +1 -0
- package/react/components/molecules/PasswordConfirmation/PasswordConfirmation.config.d.ts +27 -0
- package/react/components/molecules/PasswordConfirmation/PasswordConfirmation.d.ts +31 -0
- package/react/components/molecules/PasswordConfirmation/PasswordConfirmation.stories.d.ts +14 -0
- package/react/components/molecules/PasswordConfirmation/index.d.ts +4 -0
- package/react/components/molecules/Stepper/Stepper.config.d.ts +18 -0
- package/react/components/molecules/Stepper/Stepper.d.ts +12 -0
- package/react/components/molecules/Stepper/Stepper.stories.d.ts +23 -0
- package/react/components/molecules/Stepper/Stepper.test.d.ts +1 -0
- package/react/components/molecules/Stepper/index.d.ts +4 -0
- package/react/components/molecules/Table/Table.config.d.ts +23 -0
- package/react/components/molecules/Table/Table.d.ts +7 -0
- package/react/components/molecules/Table/Table.stories.d.ts +12 -0
- package/react/components/molecules/Table/Table.test.d.ts +1 -0
- package/react/components/molecules/Table/Table.types.d.ts +21 -0
- package/react/components/molecules/Table/TableRow.d.ts +7 -0
- package/react/components/molecules/Table/dataTable.mock.d.ts +5 -0
- package/react/components/molecules/Table/index.d.ts +5 -0
- package/react/components/molecules/Tabs/Tab.d.ts +5 -0
- package/react/components/molecules/Tabs/Tab.test.d.ts +1 -0
- package/react/components/molecules/Tabs/Tabs.config.d.ts +45 -0
- package/react/components/molecules/Tabs/Tabs.d.ts +12 -0
- package/react/components/molecules/Tabs/Tabs.stories.d.ts +24 -0
- package/react/components/molecules/Tabs/Tabs.test.d.ts +1 -0
- package/react/components/molecules/Tabs/index.d.ts +6 -0
- package/react/components/molecules/ThemeProvider/ThemeProvider.config.d.ts +30 -0
- package/react/components/molecules/ThemeProvider/ThemeProvider.d.ts +17 -0
- package/react/components/molecules/ThemeProvider/ThemeProvider.test.d.ts +1 -0
- package/react/components/molecules/ThemeProvider/index.d.ts +4 -0
- package/react/components/organisms/NotificationList/NotificationList.config.d.ts +33 -0
- package/react/components/organisms/NotificationList/NotificationList.d.ts +21 -0
- package/react/components/organisms/NotificationList/NotificationList.stories.d.ts +27 -0
- package/react/components/organisms/NotificationList/NotificationList.test.d.ts +1 -0
- package/react/components/organisms/NotificationList/index.d.ts +4 -0
- package/react/components/templates/TwoColumns/TwoColumns.config.d.ts +7 -0
- package/react/components/templates/TwoColumns/TwoColumns.d.ts +19 -0
- package/react/components/templates/TwoColumns/TwoColumns.test.d.ts +1 -0
- package/react/components/templates/TwoColumns/index.d.ts +5 -0
- package/react/decorators/storybook.d.ts +3 -0
- package/react/decorators/storybook.test.d.ts +1 -0
- package/react/main.d.ts +1 -0
- package/react/package.json +13 -0
- package/react/react-lib.js +6816 -0
- package/react/react-lib.umd.cjs +20 -0
- package/react/types/types.d.ts +43 -0
- package/react/vite.svg +1 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DsTableRowProps } from './Table.types';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const componentProps: Meta;
|
|
5
|
+
export default componentProps;
|
|
6
|
+
export declare const Default: {
|
|
7
|
+
render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTableRowProps>;
|
|
8
|
+
args: {
|
|
9
|
+
columns: import('./Table.types').DsTableColumnsProps[];
|
|
10
|
+
data: import('./Table.types').DsTableCoverageItem[];
|
|
11
|
+
};
|
|
12
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface DsTableProps {
|
|
2
|
+
columns: Array<DsTableColumnsProps>;
|
|
3
|
+
data: Array<DsTableCoverageItem>;
|
|
4
|
+
className?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface DsTableColumnsProps {
|
|
7
|
+
name: string;
|
|
8
|
+
label?: React.ReactNode;
|
|
9
|
+
size?: string;
|
|
10
|
+
align?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface DsTableCoverageItem {
|
|
14
|
+
cobertura: React.ReactNode;
|
|
15
|
+
valor: React.ReactNode;
|
|
16
|
+
lmi: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export interface DsTableRowProps {
|
|
19
|
+
columns: Array<DsTableColumnsProps>;
|
|
20
|
+
item: DsTableCoverageItem;
|
|
21
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const Color: {
|
|
2
|
+
readonly None: "";
|
|
3
|
+
readonly Primary: "primary";
|
|
4
|
+
readonly Secondary: "secondary";
|
|
5
|
+
readonly Neutral: "neutral";
|
|
6
|
+
readonly Success: "success";
|
|
7
|
+
readonly Warning: "warning";
|
|
8
|
+
readonly Danger: "danger";
|
|
9
|
+
readonly Info: "info";
|
|
10
|
+
};
|
|
11
|
+
export type Color = (typeof Color)[keyof typeof Color];
|
|
12
|
+
export interface TabsProps {
|
|
13
|
+
type: ArrayConstructor;
|
|
14
|
+
required: boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface SelectedTabProps {
|
|
17
|
+
type: NumberConstructor;
|
|
18
|
+
default: number;
|
|
19
|
+
}
|
|
20
|
+
export interface ColorProps {
|
|
21
|
+
type: StringConstructor;
|
|
22
|
+
default: Color;
|
|
23
|
+
options: Color[];
|
|
24
|
+
}
|
|
25
|
+
export interface ClassNameProps {
|
|
26
|
+
type: StringConstructor;
|
|
27
|
+
default: string;
|
|
28
|
+
}
|
|
29
|
+
export interface OnChangeProps {
|
|
30
|
+
type: FunctionConstructor;
|
|
31
|
+
default: () => void;
|
|
32
|
+
}
|
|
33
|
+
export interface DsTabsConfig {
|
|
34
|
+
name: string;
|
|
35
|
+
class: string;
|
|
36
|
+
props: {
|
|
37
|
+
tabs: TabsProps;
|
|
38
|
+
selectedTab: SelectedTabProps;
|
|
39
|
+
color: ColorProps;
|
|
40
|
+
className: ClassNameProps;
|
|
41
|
+
onChange: OnChangeProps;
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
declare const DsTabsConfig: DsTabsConfig;
|
|
45
|
+
export default DsTabsConfig;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DsTabProps } from '../../../types/types';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
|
|
4
|
+
export interface DsTabsProps {
|
|
5
|
+
tabs: DsTabProps[];
|
|
6
|
+
selectedTab?: number;
|
|
7
|
+
color?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
onChange?: (index: number) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const DsTabs: React.FC<DsTabsProps>;
|
|
12
|
+
export default DsTabs;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DsTabsProps } from './Tabs';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const componentProps: Meta;
|
|
5
|
+
export default componentProps;
|
|
6
|
+
export declare const Default: {
|
|
7
|
+
render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsTabsProps>;
|
|
8
|
+
args: {
|
|
9
|
+
color: import('./Tabs.config').Color;
|
|
10
|
+
selectedTab: number;
|
|
11
|
+
tabs: ({
|
|
12
|
+
name: string;
|
|
13
|
+
title: import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
content: import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
disabled?: undefined;
|
|
16
|
+
} | {
|
|
17
|
+
name: string;
|
|
18
|
+
title: string;
|
|
19
|
+
content: string;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
})[];
|
|
22
|
+
onChange: import('@storybook/addon-actions').HandlerFunction;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export declare const Theme: {
|
|
2
|
+
readonly Light: "light";
|
|
3
|
+
readonly Dark: "dark";
|
|
4
|
+
};
|
|
5
|
+
export type Theme = (typeof Theme)[keyof typeof Theme];
|
|
6
|
+
export declare const Library: {
|
|
7
|
+
readonly Core: "core";
|
|
8
|
+
readonly Marketing: "mkt";
|
|
9
|
+
};
|
|
10
|
+
export type Library = (typeof Library)[keyof typeof Library];
|
|
11
|
+
export interface ThemeProps {
|
|
12
|
+
type: StringConstructor;
|
|
13
|
+
default: Theme;
|
|
14
|
+
options: Theme[];
|
|
15
|
+
}
|
|
16
|
+
export interface LibraryProps {
|
|
17
|
+
type: StringConstructor;
|
|
18
|
+
default: Library;
|
|
19
|
+
options: Library[];
|
|
20
|
+
}
|
|
21
|
+
export interface ThemeProviderConfig {
|
|
22
|
+
name: string;
|
|
23
|
+
class: string;
|
|
24
|
+
props: {
|
|
25
|
+
theme: ThemeProps;
|
|
26
|
+
library: LibraryProps;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
declare const ThemeProviderConfig: ThemeProviderConfig;
|
|
30
|
+
export default ThemeProviderConfig;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { default as PropTypes } from 'prop-types';
|
|
3
|
+
|
|
4
|
+
export interface ThemeProviderProps {
|
|
5
|
+
library: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
theme: string;
|
|
8
|
+
}
|
|
9
|
+
declare function ThemeProvider({ library, children, theme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare namespace ThemeProvider {
|
|
11
|
+
var propTypes: {
|
|
12
|
+
library: PropTypes.Requireable<string>;
|
|
13
|
+
children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
14
|
+
theme: PropTypes.Requireable<string>;
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
export default ThemeProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export declare const Position: {
|
|
2
|
+
readonly TopLeft: "top-left";
|
|
3
|
+
readonly TopCenter: "top-center";
|
|
4
|
+
readonly TopRight: "top-right";
|
|
5
|
+
readonly BottomLeft: "bottom-left";
|
|
6
|
+
readonly BottomCenter: "bottom-center";
|
|
7
|
+
readonly BottomRight: "bottom-right";
|
|
8
|
+
};
|
|
9
|
+
export type Position = (typeof Position)[keyof typeof Position];
|
|
10
|
+
export interface PositionProps {
|
|
11
|
+
type: StringConstructor;
|
|
12
|
+
default: Position;
|
|
13
|
+
options: Position[];
|
|
14
|
+
}
|
|
15
|
+
export interface FluidProps {
|
|
16
|
+
type: BooleanConstructor;
|
|
17
|
+
default: boolean;
|
|
18
|
+
}
|
|
19
|
+
export interface ClassNameProps {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
}
|
|
23
|
+
export interface DsNotificationListConfig {
|
|
24
|
+
name: string;
|
|
25
|
+
class: string;
|
|
26
|
+
props: {
|
|
27
|
+
position: PositionProps;
|
|
28
|
+
fluid: FluidProps;
|
|
29
|
+
className: ClassNameProps;
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
declare const DsNotificationListConfig: DsNotificationListConfig;
|
|
33
|
+
export default DsNotificationListConfig;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { DsNotificationProps } from '../../molecules/Notification';
|
|
2
|
+
import { default as PropTypes } from 'prop-types';
|
|
3
|
+
|
|
4
|
+
export interface DsNotificationListProps {
|
|
5
|
+
className?: string;
|
|
6
|
+
position?: string;
|
|
7
|
+
fluid?: boolean;
|
|
8
|
+
notifications: DsNotificationProps[];
|
|
9
|
+
removeNotification: (notificationid: string) => void;
|
|
10
|
+
}
|
|
11
|
+
declare const DsNotificationList: {
|
|
12
|
+
({ className, position, fluid, notifications, removeNotification, }: DsNotificationListProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
propTypes: {
|
|
14
|
+
position: PropTypes.Requireable<import('./NotificationList.config').Position>;
|
|
15
|
+
fluid: PropTypes.Requireable<boolean>;
|
|
16
|
+
notifications: PropTypes.Requireable<any[]>;
|
|
17
|
+
removeNotification: PropTypes.Requireable<(...args: any[]) => any>;
|
|
18
|
+
};
|
|
19
|
+
displayName: string;
|
|
20
|
+
};
|
|
21
|
+
export default DsNotificationList;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { DsNotificationListProps } from '.';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
4
|
+
declare const ComponentProps: Meta;
|
|
5
|
+
export default ComponentProps;
|
|
6
|
+
export declare const Default: {
|
|
7
|
+
render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsNotificationListProps>;
|
|
8
|
+
args: {
|
|
9
|
+
notifications: ({
|
|
10
|
+
id: `${string}-${string}-${string}-${string}-${string}`;
|
|
11
|
+
type: string;
|
|
12
|
+
message: import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
autoClose: boolean;
|
|
14
|
+
autoCloseTimer: number;
|
|
15
|
+
progressBar: boolean;
|
|
16
|
+
} | {
|
|
17
|
+
id: `${string}-${string}-${string}-${string}-${string}`;
|
|
18
|
+
type: string;
|
|
19
|
+
message: import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
autoClose?: undefined;
|
|
21
|
+
autoCloseTimer?: undefined;
|
|
22
|
+
progressBar?: undefined;
|
|
23
|
+
})[];
|
|
24
|
+
fluid: boolean;
|
|
25
|
+
position: import('./NotificationList.config').Position;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as PropTypes } from 'prop-types';
|
|
2
|
+
|
|
3
|
+
export interface DsTwoColumnsProps {
|
|
4
|
+
breadcrumb?: React.ReactElement;
|
|
5
|
+
header: React.ReactElement;
|
|
6
|
+
main: React.ReactElement;
|
|
7
|
+
sidebar: React.ReactElement;
|
|
8
|
+
}
|
|
9
|
+
declare const DsTwoColumns: {
|
|
10
|
+
({ header, main, sidebar, breadcrumb, }: DsTwoColumnsProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
propTypes: {
|
|
12
|
+
breadcrumb: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
13
|
+
header: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
14
|
+
main: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
15
|
+
sidebar: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
16
|
+
};
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
export default DsTwoColumns;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/react/main.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './components/index';
|