ingred-ui 10.2.1 → 10.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/dist/components/Backdrop/Backdrop.stories.d.ts +25 -0
- package/dist/components/Card/Card.stories.d.ts +1 -1
- package/dist/components/Divider/Divider.stories.d.ts +1 -1
- package/dist/components/DropdownButton/DropdownButton.stories.d.ts +1 -1
- package/dist/components/LocaleProvider/LocaleProvider.stories.d.ts +1 -1
- package/dist/components/MultipleFilter/MultipleFilter.stories.d.ts +1 -1
- package/dist/components/NavigationRail/NavigationRail.stories.d.ts +86 -0
- package/dist/components/NotificationBadge/NotificationBadge.stories.d.ts +1 -1
- package/dist/components/Pager/Pager.stories.d.ts +1 -1
- package/dist/components/RadioButton/RadioButton.stories.d.ts +1 -1
- package/dist/components/Slide/Slide.stories.d.ts +30 -0
- package/dist/components/Spinner/Spinner.stories.d.ts +17 -0
- package/dist/components/Toast/Toast.stories.d.ts +34 -0
- package/package.json +9 -10
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
+
import { BackdropProps } from "./Backdrop";
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
components: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
7
|
+
isOpen?: boolean | undefined;
|
|
8
|
+
invisible?: boolean | undefined;
|
|
9
|
+
transitionDuration?: number | undefined;
|
|
10
|
+
fadeProps?: import("../../utils/reactTransitionGroup").CSSTransitionProps | undefined;
|
|
11
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
args: {
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
};
|
|
15
|
+
parameters: {
|
|
16
|
+
docs: {
|
|
17
|
+
source: {
|
|
18
|
+
type: string;
|
|
19
|
+
};
|
|
20
|
+
page: () => JSX.Element;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
export default _default;
|
|
25
|
+
export declare const Example: Story<BackdropProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
-
import { CardProps } from "./";
|
|
3
|
+
import { CardProps } from "./Card";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../utils/spacer").SpacerProps & import("..").FlexProps & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
-
import { DividerProps } from "./";
|
|
3
|
+
import { DividerProps } from "./Divider";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
components: React.ForwardRefExoticComponent<import("../../utils/spacer").SpacerProps & {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
-
import { LocaleProviderProps } from "
|
|
3
|
+
import { LocaleProviderProps } from "./LocaleProvider";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.FunctionComponent<LocaleProviderProps>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
-
import { MultipleFilterProps } from "
|
|
3
|
+
import { MultipleFilterProps } from "./MultipleFilter";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.ForwardRefExoticComponent<MultipleFilterProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { Story } from "@storybook/react/types-6-0";
|
|
2
|
+
import React from "react";
|
|
3
|
+
declare const _default: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: {
|
|
6
|
+
(props: {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
} & React.RefAttributes<HTMLDivElement>): JSX.Element;
|
|
9
|
+
Container: React.ForwardRefExoticComponent<import("./NavigationRailContainer").NavigationRailContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
+
Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
Menu: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
14
|
+
title: string;
|
|
15
|
+
isActive?: boolean | undefined;
|
|
16
|
+
iconName: import("..").IconName;
|
|
17
|
+
notificationCount?: number | undefined;
|
|
18
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
ExpantionMenu: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
20
|
+
title: string;
|
|
21
|
+
isActive?: boolean | undefined;
|
|
22
|
+
iconName: import("..").IconName;
|
|
23
|
+
notificationCount?: number | undefined;
|
|
24
|
+
expantionList?: React.ReactNode[] | undefined;
|
|
25
|
+
defaultExpand?: boolean | undefined;
|
|
26
|
+
onChangeExpand?: ((isExpand: boolean) => void) | undefined;
|
|
27
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
ExpantionMenuItem: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
29
|
+
title: string;
|
|
30
|
+
titleElement?: JSX.Element | undefined;
|
|
31
|
+
isActive?: boolean | undefined;
|
|
32
|
+
notificationCount?: number | undefined;
|
|
33
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
Fixture: React.ForwardRefExoticComponent<{
|
|
35
|
+
labelFixtureTooltip?: import("./Fixture/Fixture").LabelFixtureTooltip | undefined;
|
|
36
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
MainContent: React.ForwardRefExoticComponent<{
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
};
|
|
41
|
+
subcomponents: {
|
|
42
|
+
Container: React.ForwardRefExoticComponent<import("./NavigationRailContainer").NavigationRailContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
44
|
+
Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
45
|
+
ExpantionMenu: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
46
|
+
title: string;
|
|
47
|
+
isActive?: boolean | undefined;
|
|
48
|
+
iconName: import("..").IconName;
|
|
49
|
+
notificationCount?: number | undefined;
|
|
50
|
+
expantionList?: React.ReactNode[] | undefined;
|
|
51
|
+
defaultExpand?: boolean | undefined;
|
|
52
|
+
onChangeExpand?: ((isExpand: boolean) => void) | undefined;
|
|
53
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
54
|
+
ExpantionMenuItem: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
55
|
+
title: string;
|
|
56
|
+
titleElement?: JSX.Element | undefined;
|
|
57
|
+
isActive?: boolean | undefined;
|
|
58
|
+
notificationCount?: number | undefined;
|
|
59
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
60
|
+
Menu: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
61
|
+
title: string;
|
|
62
|
+
isActive?: boolean | undefined;
|
|
63
|
+
iconName: import("..").IconName;
|
|
64
|
+
notificationCount?: number | undefined;
|
|
65
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
Footer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
67
|
+
Fixture: React.ForwardRefExoticComponent<{
|
|
68
|
+
labelFixtureTooltip?: import("./Fixture/Fixture").LabelFixtureTooltip | undefined;
|
|
69
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
MainContent: React.ForwardRefExoticComponent<{
|
|
71
|
+
children: React.ReactNode;
|
|
72
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
73
|
+
};
|
|
74
|
+
parameters: {
|
|
75
|
+
layout: string;
|
|
76
|
+
docs: {
|
|
77
|
+
source: {
|
|
78
|
+
type: string;
|
|
79
|
+
};
|
|
80
|
+
disable: boolean;
|
|
81
|
+
page: () => JSX.Element;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
export default _default;
|
|
86
|
+
export declare const Example: Story;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
-
import { RadioButtonProps, RadioButtonSize } from "./";
|
|
3
|
+
import { RadioButtonProps, RadioButtonSize } from "./RadioButton";
|
|
4
4
|
declare const _default: {
|
|
5
5
|
title: string;
|
|
6
6
|
component: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & {
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import Slide from "./Slide";
|
|
3
|
+
import { ComponentStory } from "@storybook/react";
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.FunctionComponent<import("../../utils/reactTransitionGroup").CSSTransitionProps>;
|
|
7
|
+
args: {
|
|
8
|
+
in: boolean;
|
|
9
|
+
timeout: number;
|
|
10
|
+
direction: string;
|
|
11
|
+
};
|
|
12
|
+
argTypes: {
|
|
13
|
+
direction: {
|
|
14
|
+
control: {
|
|
15
|
+
type: string;
|
|
16
|
+
options: string[];
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
parameters: {
|
|
21
|
+
docs: {
|
|
22
|
+
source: {
|
|
23
|
+
type: string;
|
|
24
|
+
};
|
|
25
|
+
page: () => JSX.Element;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
export default _default;
|
|
30
|
+
export declare const Example: ComponentStory<typeof Slide>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Story } from "@storybook/react/types-6-0";
|
|
3
|
+
import { SpinnerProps } from "./Spinner";
|
|
4
|
+
declare const _default: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
parameters: {
|
|
8
|
+
docs: {
|
|
9
|
+
source: {
|
|
10
|
+
type: string;
|
|
11
|
+
};
|
|
12
|
+
page: () => JSX.Element;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export default _default;
|
|
17
|
+
export declare const Example: Story<SpinnerProps>;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const _default: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
(props: Partial<import("../../lib/react-toast-notification/src").ToastProps>): JSX.Element;
|
|
6
|
+
Provider: React.FunctionComponent<import("./ToastProvider").ToastProviderProps>;
|
|
7
|
+
useToasts: () => {
|
|
8
|
+
addToast: import("../../lib/react-toast-notification/src/types").AddFn;
|
|
9
|
+
removeToast: import("../../lib/react-toast-notification/src/types").RemoveFn;
|
|
10
|
+
removeAllToasts: () => void;
|
|
11
|
+
updateToast: import("../../lib/react-toast-notification/src/types").UpdateFn;
|
|
12
|
+
toastStack: import("../../lib/react-toast-notification/src/types").ToastType[];
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
args: {
|
|
16
|
+
placement: string;
|
|
17
|
+
autoDismiss: boolean;
|
|
18
|
+
autoDismissTimeout: number;
|
|
19
|
+
transitionDuration: number;
|
|
20
|
+
};
|
|
21
|
+
parameters: {
|
|
22
|
+
docs: {
|
|
23
|
+
source: {
|
|
24
|
+
type: string;
|
|
25
|
+
};
|
|
26
|
+
page: () => JSX.Element;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
export default _default;
|
|
31
|
+
export declare const Info: any;
|
|
32
|
+
export declare const Success: any;
|
|
33
|
+
export declare const Warning: any;
|
|
34
|
+
export declare const Error: any;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ingred-ui",
|
|
3
|
-
"version": "10.2.
|
|
3
|
+
"version": "10.2.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "CARTA HOLDINGS, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -38,10 +38,10 @@
|
|
|
38
38
|
"styled-components": ">= 5.X"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
|
-
"@rollup/plugin-commonjs": "
|
|
42
|
-
"@rollup/plugin-node-resolve": "
|
|
43
|
-
"@rollup/plugin-typescript": "
|
|
44
|
-
"@rollup/plugin-url": "
|
|
41
|
+
"@rollup/plugin-commonjs": "23.0.0",
|
|
42
|
+
"@rollup/plugin-node-resolve": "15.0.0",
|
|
43
|
+
"@rollup/plugin-typescript": "9.0.0",
|
|
44
|
+
"@rollup/plugin-url": "8.0.0",
|
|
45
45
|
"@storybook/addon-console": "1.2.3",
|
|
46
46
|
"@storybook/addon-essentials": "6.5.9",
|
|
47
47
|
"@storybook/addon-links": "6.5.9",
|
|
@@ -50,7 +50,6 @@
|
|
|
50
50
|
"@storybook/builder-webpack5": "6.5.12",
|
|
51
51
|
"@storybook/manager-webpack5": "6.5.12",
|
|
52
52
|
"@storybook/react": "6.5.9",
|
|
53
|
-
"@svgr/rollup": "6.3.1",
|
|
54
53
|
"@testing-library/jest-dom": "5.16.4",
|
|
55
54
|
"@testing-library/react": "13.4.0",
|
|
56
55
|
"@types/jest": "28.1.1",
|
|
@@ -60,13 +59,13 @@
|
|
|
60
59
|
"@types/react-transition-group": "4.4.4",
|
|
61
60
|
"@types/rollup-plugin-peer-deps-external": "2.2.1",
|
|
62
61
|
"@types/styled-components": "5.1.25",
|
|
63
|
-
"@typescript-eslint/eslint-plugin": "5.
|
|
64
|
-
"@typescript-eslint/parser": "5.
|
|
62
|
+
"@typescript-eslint/eslint-plugin": "5.40.0",
|
|
63
|
+
"@typescript-eslint/parser": "5.40.0",
|
|
65
64
|
"cross-env": "7.0.3",
|
|
66
|
-
"eslint": "8.
|
|
65
|
+
"eslint": "8.25.0",
|
|
67
66
|
"eslint-config-prettier": "8.5.0",
|
|
68
67
|
"eslint-plugin-import": "2.26.0",
|
|
69
|
-
"eslint-plugin-jest": "27.
|
|
68
|
+
"eslint-plugin-jest": "27.1.1",
|
|
70
69
|
"eslint-plugin-jsx-a11y": "6.6.1",
|
|
71
70
|
"eslint-plugin-mdx": "1.17.0",
|
|
72
71
|
"eslint-plugin-prettier": "4.2.1",
|