@webiny/ui 5.40.6 → 5.41.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion/AccordionItem.d.ts +1 -1
- package/Alert/Alert.d.ts +1 -1
- package/AutoComplete/MultiAutoComplete.d.ts +1 -1
- package/Button/Button.d.ts +3 -3
- package/Button/Button.js.map +1 -1
- package/Checkbox/CheckboxGroup.d.ts +1 -1
- package/ConfirmationDialog/withConfirmation.d.ts +3 -3
- package/DataTable/DataTable.d.ts +7 -7
- package/Dialog/Dialog.d.ts +2 -2
- package/Drawer/Drawer.d.ts +3 -3
- package/Elevation/Elevation.d.ts +1 -1
- package/FormElementMessage/FormElementMessage.d.ts +1 -1
- package/FullName/FullName.d.ts +1 -1
- package/Grid/Grid.d.ts +3 -3
- package/Icon/Icon.d.ts +1 -1
- package/ImageEditor/toolbar/types.d.ts +1 -1
- package/Input/Input.d.ts +2 -2
- package/List/CollapsibleList/index.d.ts +1 -1
- package/List/DataList/DataListModalOverlay/DataListModalOverlay.d.ts +1 -1
- package/List/DataList/icons/index.d.ts +1 -1
- package/List/DataList/types.d.ts +3 -3
- package/List/List.d.ts +12 -12
- package/Menu/Menu.d.ts +2 -2
- package/Radio/Radio.d.ts +1 -1
- package/Radio/RadioGroup.d.ts +1 -1
- package/RichTextEditor/RichTextEditor.d.ts +1 -1
- package/Select/Select.d.ts +1 -1
- package/Slider/Slider.d.ts +1 -1
- package/Snackbar/Snackbar.d.ts +1 -1
- package/Switch/Switch.d.ts +1 -1
- package/Tabs/Tab.d.ts +1 -1
- package/Tabs/Tabs.d.ts +1 -1
- package/Tooltip/Tooltip.d.ts +1 -1
- package/TopAppBar/TopAppBar.d.ts +1 -1
- package/TopAppBar/TopAppBarActionItem.d.ts +1 -1
- package/TopAppBar/TopAppBarNavigationIcon.d.ts +1 -1
- package/TopAppBar/TopAppBarPrimary.d.ts +1 -1
- package/TopAppBar/TopAppBarSecondary.d.ts +1 -1
- package/TopAppBar/TopAppBarSection.d.ts +1 -1
- package/TopAppBar/TopAppBarTitle.d.ts +1 -1
- package/package.json +7 -7
|
@@ -43,7 +43,7 @@ export interface AccordionItemProps {
|
|
|
43
43
|
iconClassName?: string;
|
|
44
44
|
children: React.ReactNode;
|
|
45
45
|
}
|
|
46
|
-
|
|
46
|
+
type AccordionItem = React.ComponentType<AccordionItemProps> & {
|
|
47
47
|
Divider: typeof Divider;
|
|
48
48
|
Actions: typeof AccordionItemActions;
|
|
49
49
|
Action: typeof AccordionItemAction;
|
package/Alert/Alert.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { AutoCompleteBaseProps } from "./types";
|
|
|
3
3
|
interface SelectionItem {
|
|
4
4
|
name: string;
|
|
5
5
|
}
|
|
6
|
-
|
|
6
|
+
type MultiAutoCompletePropsValue = SelectionItem[] | string[];
|
|
7
7
|
export interface MultiAutoCompleteProps extends Omit<AutoCompleteBaseProps, "value"> {
|
|
8
8
|
/**
|
|
9
9
|
* Prevents adding the same item to the list twice.
|
package/Button/Button.d.ts
CHANGED
|
@@ -56,9 +56,9 @@ export declare const ButtonPrimary: (props: ButtonProps) => React.JSX.Element;
|
|
|
56
56
|
* Shows a secondary button - eg. for doing a reset on a form.
|
|
57
57
|
*/
|
|
58
58
|
export declare const ButtonSecondary: (props: ButtonProps) => React.JSX.Element;
|
|
59
|
-
export
|
|
60
|
-
label?:
|
|
61
|
-
icon?:
|
|
59
|
+
export type ButtonFloatingProps = ButtonProps & Omit<FabProps, "icon"> & {
|
|
60
|
+
label?: string | JSX.Element;
|
|
61
|
+
icon?: JSX.Element;
|
|
62
62
|
onMouseDown?: (e: SyntheticEvent) => void;
|
|
63
63
|
onMouseUp?: (e: SyntheticEvent) => void;
|
|
64
64
|
};
|
package/Button/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","RmwcButton","_interopRequireWildcard","_fab","_Icon","_classnames","_Button","_excluded","ButtonDefault","exports","props","disabled","onClick","children","small","ripple","_props$className","className","style","default","createElement","Button","dense","classNames","ButtonPrimary","_props$small","_props$flat","flat","_props$style","_props$className2","raised","unelevated","ButtonSecondary","_props$small2","_props$className3","_props$style2","outlined","webinyButtonStyles","ButtonFloating","label","icon","_props$small3","_props$className4","rest","_objectWithoutProperties2","Fab","Object","assign","mini","ButtonIcon","Icon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\nimport { webinyButtonStyles } from \"./Button.styles\";\n\nexport interface ButtonProps {\n /**\n * Make button flat (only applicable to Primary button).\n */\n flat?: boolean;\n\n /**\n * Make button smaller.\n */\n small?: boolean;\n\n /**\n * Returning `any` allows us to pass callbacks to the button without worrying about their\n * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n * about their return types at all.\n */\n onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n /**\n * Label and optionally an icon (using Button.Icon component).\n */\n children?: React.ReactNode;\n\n /**\n * Show ripple effect on button click.\n */\n ripple?: boolean;\n\n /**\n * Additional button class name.\n */\n className?: string;\n\n /**\n * Is button disabled?\n */\n disabled?: boolean;\n\n /**\n * Additional inline styles.\n */\n style?: { [key: string]: any };\n\n /**\n * ID of the element for testing purposes.\n */\n \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n const { disabled, onClick, children, small, ripple, className = \"\", style } = props;\n\n return (\n <RmwcButton.Button\n style={style}\n disabled={disabled}\n dense={small}\n onClick={onClick}\n ripple={ripple}\n className={classNames(\"webiny-ui-button\", className)}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary = (props: ButtonProps) => {\n const {\n disabled,\n onClick,\n children,\n small = false,\n flat = false,\n ripple,\n style = {},\n className = null\n } = props;\n return (\n <RmwcButton.Button\n raised={!flat}\n dense={small}\n disabled={disabled}\n unelevated={flat}\n ripple={ripple}\n onClick={onClick}\n style={style}\n className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n const {\n disabled,\n onClick,\n children,\n small = false,\n ripple,\n className = null,\n style = {}\n } = props;\n\n return (\n <RmwcButton.Button\n disabled={disabled}\n outlined\n dense={small}\n ripple={ripple}\n onClick={onClick}\n style={style}\n className={classNames(\n \"webiny-ui-button webiny-ui-button--secondary\",\n webinyButtonStyles,\n className\n )}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n FabProps & {\n label?:
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","RmwcButton","_interopRequireWildcard","_fab","_Icon","_classnames","_Button","_excluded","ButtonDefault","exports","props","disabled","onClick","children","small","ripple","_props$className","className","style","default","createElement","Button","dense","classNames","ButtonPrimary","_props$small","_props$flat","flat","_props$style","_props$className2","raised","unelevated","ButtonSecondary","_props$small2","_props$className3","_props$style2","outlined","webinyButtonStyles","ButtonFloating","label","icon","_props$small3","_props$className4","rest","_objectWithoutProperties2","Fab","Object","assign","mini","ButtonIcon","Icon"],"sources":["Button.tsx"],"sourcesContent":["import React from \"react\";\nimport * as RmwcButton from \"@rmwc/button\";\nimport { Fab, FabProps } from \"@rmwc/fab\";\nimport { Icon, IconProps } from \"../Icon/Icon\";\nimport classNames from \"classnames\";\nimport { SyntheticEvent } from \"react\";\nimport { webinyButtonStyles } from \"./Button.styles\";\n\nexport interface ButtonProps {\n /**\n * Make button flat (only applicable to Primary button).\n */\n flat?: boolean;\n\n /**\n * Make button smaller.\n */\n small?: boolean;\n\n /**\n * Returning `any` allows us to pass callbacks to the button without worrying about their\n * specific return types. Buttons don't use return values from callbacks, so we don't have to worry\n * about their return types at all.\n */\n onClick?: (event: React.MouseEvent<any, MouseEvent>) => any;\n\n /**\n * Label and optionally an icon (using Button.Icon component).\n */\n children?: React.ReactNode;\n\n /**\n * Show ripple effect on button click.\n */\n ripple?: boolean;\n\n /**\n * Additional button class name.\n */\n className?: string;\n\n /**\n * Is button disabled?\n */\n disabled?: boolean;\n\n /**\n * Additional inline styles.\n */\n style?: { [key: string]: any };\n\n /**\n * ID of the element for testing purposes.\n */\n \"data-testid\"?: string;\n}\n\n/**\n * Shows a default button, used typically when action is not of high priority.\n */\nexport const ButtonDefault = (props: ButtonProps) => {\n const { disabled, onClick, children, small, ripple, className = \"\", style } = props;\n\n return (\n <RmwcButton.Button\n style={style}\n disabled={disabled}\n dense={small}\n onClick={onClick}\n ripple={ripple}\n className={classNames(\"webiny-ui-button\", className)}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\n/**\n * Shows primary button, eg. for submitting forms.\n */\nexport const ButtonPrimary = (props: ButtonProps) => {\n const {\n disabled,\n onClick,\n children,\n small = false,\n flat = false,\n ripple,\n style = {},\n className = null\n } = props;\n return (\n <RmwcButton.Button\n raised={!flat}\n dense={small}\n disabled={disabled}\n unelevated={flat}\n ripple={ripple}\n onClick={onClick}\n style={style}\n className={classNames(\"webiny-ui-button webiny-ui-button--primary\", className)}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\n/**\n * Shows a secondary button - eg. for doing a reset on a form.\n */\nexport const ButtonSecondary = (props: ButtonProps) => {\n const {\n disabled,\n onClick,\n children,\n small = false,\n ripple,\n className = null,\n style = {}\n } = props;\n\n return (\n <RmwcButton.Button\n disabled={disabled}\n outlined\n dense={small}\n ripple={ripple}\n onClick={onClick}\n style={style}\n className={classNames(\n \"webiny-ui-button webiny-ui-button--secondary\",\n webinyButtonStyles,\n className\n )}\n data-testid={props[\"data-testid\"]}\n >\n {children}\n </RmwcButton.Button>\n );\n};\n\nexport type ButtonFloatingProps = ButtonProps &\n Omit<FabProps, \"icon\"> & {\n label?: string | JSX.Element;\n icon?: JSX.Element;\n onMouseDown?: (e: SyntheticEvent) => void;\n onMouseUp?: (e: SyntheticEvent) => void;\n };\n\n/**\n * A floating button, shown on the side of the screen, typically used for creating new content or accessing settings.\n */\nexport const ButtonFloating = (props: ButtonFloatingProps) => {\n const {\n disabled,\n label,\n icon,\n onClick,\n small = false,\n ripple,\n className = null,\n ...rest\n } = props;\n return (\n <Fab\n data-testid={props[\"data-testid\"]}\n disabled={disabled}\n mini={small}\n onClick={onClick}\n label={label}\n ripple={ripple}\n icon={icon}\n className={classNames(\"webiny-ui-button--floating\", className)}\n {...rest}\n />\n );\n};\n\n/**\n * Shows an icon, suitable to be shown inside of a button.\n */\nexport const ButtonIcon = (props: IconProps) => <Icon {...props} />;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ export interface ChildrenRenderProp {
|
|
|
4
4
|
onChange: (id: string | number) => () => void;
|
|
5
5
|
getValue: (id: string | number) => boolean;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
type Props = FormComponentProps & {
|
|
8
8
|
label?: string;
|
|
9
9
|
description?: string;
|
|
10
10
|
children: (props: ChildrenRenderProp) => React.ReactNode;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
2
|
+
type ConfirmationProps = {
|
|
3
3
|
title?: React.ReactNode;
|
|
4
4
|
message?: React.ReactNode;
|
|
5
5
|
};
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
type WithConfirmationParams = (props: Record<string, any>) => ConfirmationProps;
|
|
7
|
+
export type WithConfirmationProps = {
|
|
8
8
|
showConfirmation: (confirm: () => void, cancel: () => void) => void;
|
|
9
9
|
};
|
|
10
10
|
export declare const withConfirmation: (dialogProps: WithConfirmationParams) => (Component: typeof React.Component) => (ownProps: Record<string, any>) => React.JSX.Element;
|
package/DataTable/DataTable.d.ts
CHANGED
|
@@ -12,19 +12,19 @@ export interface Column<T> {
|
|
|
12
12
|
enableResizing?: boolean;
|
|
13
13
|
enableHiding?: boolean;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
15
|
+
export type Columns<T> = {
|
|
16
16
|
[P in keyof T]?: Column<T>;
|
|
17
17
|
};
|
|
18
|
-
export
|
|
18
|
+
export type DefaultData = {
|
|
19
19
|
id: string;
|
|
20
20
|
$selectable?: boolean;
|
|
21
21
|
};
|
|
22
|
-
export
|
|
23
|
-
export
|
|
22
|
+
export type TableRow<T> = Row<DefaultData & T>;
|
|
23
|
+
export type Sorting = SortingState;
|
|
24
24
|
export { ColumnSort };
|
|
25
|
-
export
|
|
26
|
-
export
|
|
27
|
-
export
|
|
25
|
+
export type OnSortingChange = OnChangeFn<Sorting>;
|
|
26
|
+
export type ColumnVisibility = VisibilityState;
|
|
27
|
+
export type OnColumnVisibilityChange = OnChangeFn<ColumnVisibility>;
|
|
28
28
|
interface Props<T> {
|
|
29
29
|
/**
|
|
30
30
|
* Show or hide borders.
|
package/Dialog/Dialog.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DialogActionsProps as RmwcDialogActionsProps, DialogButtonProps as RmwcDialogButtonProps, DialogContentProps as RmwcDialogContentProps, DialogOnCloseEventT, DialogProps as RmwcDialogProps, DialogTitleProps as RmwcDialogTitleProps } from "@rmwc/dialog";
|
|
3
|
-
export
|
|
3
|
+
export type DialogOnClose = (event: DialogOnCloseEventT) => void;
|
|
4
4
|
export interface DialogProps extends RmwcDialogProps {
|
|
5
5
|
className?: string;
|
|
6
6
|
style?: React.CSSProperties;
|
|
@@ -23,7 +23,7 @@ export interface DialogTitleProps extends RmwcDialogTitleProps {
|
|
|
23
23
|
* Dialog's header, which can accept DialogHeaderTitle component or any other set of components.
|
|
24
24
|
*/
|
|
25
25
|
export declare const DialogTitle: (props: DialogTitleProps) => React.JSX.Element;
|
|
26
|
-
export
|
|
26
|
+
export type DialogContentProps = RmwcDialogContentProps & {
|
|
27
27
|
/**
|
|
28
28
|
* Dialog content.
|
|
29
29
|
*/
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CSSObject } from "@emotion/react";
|
|
3
3
|
import { DrawerProps as RmwcDrawerProps, DrawerHeaderProps as RmwcDrawerHeaderProps, DrawerContentProps as RmwcDrawerContentProps } from "@rmwc/drawer";
|
|
4
|
-
|
|
4
|
+
type DrawerHeaderProps = RmwcDrawerHeaderProps & {
|
|
5
5
|
/**
|
|
6
6
|
* Drawer content.
|
|
7
7
|
*/
|
|
@@ -15,7 +15,7 @@ declare type DrawerHeaderProps = RmwcDrawerHeaderProps & {
|
|
|
15
15
|
* Shows header of the drawer.
|
|
16
16
|
*/
|
|
17
17
|
declare const DrawerHeader: (props: DrawerHeaderProps) => React.JSX.Element;
|
|
18
|
-
export
|
|
18
|
+
export type DrawerContentProps = RmwcDrawerContentProps & {
|
|
19
19
|
/**
|
|
20
20
|
* Drawer content.
|
|
21
21
|
*/
|
|
@@ -29,7 +29,7 @@ export declare type DrawerContentProps = RmwcDrawerContentProps & {
|
|
|
29
29
|
* Shows drawer content. It can be anything, but commonly a List component would suffice here.
|
|
30
30
|
*/
|
|
31
31
|
declare const DrawerContent: (props: DrawerContentProps) => React.JSX.Element;
|
|
32
|
-
|
|
32
|
+
type DrawerProps = RmwcDrawerProps & {
|
|
33
33
|
/**
|
|
34
34
|
* Drawer content.
|
|
35
35
|
*/
|
package/Elevation/Elevation.d.ts
CHANGED
package/FullName/FullName.d.ts
CHANGED
package/Grid/Grid.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { GridCellProps as RmwcGridCellProps, GridProps as RmwcGridProps } from "@rmwc/grid";
|
|
3
3
|
import { CSSProperties } from "react";
|
|
4
|
-
export
|
|
4
|
+
export type CellProps = RmwcGridCellProps & {
|
|
5
5
|
children?: React.ReactNode;
|
|
6
6
|
className?: string;
|
|
7
7
|
style?: {
|
|
8
8
|
[key: string]: any;
|
|
9
9
|
};
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type GridProps = RmwcGridProps & {
|
|
12
12
|
className?: string;
|
|
13
13
|
style?: CSSProperties;
|
|
14
14
|
};
|
|
@@ -16,7 +16,7 @@ export declare type GridProps = RmwcGridProps & {
|
|
|
16
16
|
* Cell must be direct children of Grid component.
|
|
17
17
|
*/
|
|
18
18
|
export declare const Cell: (props: CellProps) => React.JSX.Element;
|
|
19
|
-
export
|
|
19
|
+
export type GridInnerProps = {
|
|
20
20
|
children: React.ReactElement<typeof Cell> | React.ReactElement<typeof Cell>[];
|
|
21
21
|
/**
|
|
22
22
|
* CSS class name
|
package/Icon/Icon.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type ToolbarTool = "crop" | "flip" | "rotate" | "filter";
|
|
3
3
|
interface RenderFormParams {
|
|
4
4
|
canvas: React.RefObject<HTMLCanvasElement>;
|
|
5
5
|
image: HTMLImageElement;
|
package/Input/Input.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { TextFieldProps } from "@rmwc/textfield";
|
|
3
3
|
import { FormComponentProps } from "../types";
|
|
4
4
|
import { ReactElement } from "react";
|
|
5
|
-
export
|
|
5
|
+
export type InputProps<TValue = any> = FormComponentProps<TValue> & TextFieldProps & {
|
|
6
6
|
autoComplete?: string;
|
|
7
7
|
rawOnChange?: boolean;
|
|
8
8
|
autoFocus?: boolean;
|
|
@@ -18,7 +18,7 @@ export declare type InputProps<TValue = any> = FormComponentProps<TValue> & Text
|
|
|
18
18
|
size?: "small" | "medium" | "large";
|
|
19
19
|
children?: React.ReactNode;
|
|
20
20
|
};
|
|
21
|
-
export
|
|
21
|
+
export type InputOnKeyDownProps = React.SyntheticEvent<HTMLInputElement> & {
|
|
22
22
|
key?: string;
|
|
23
23
|
};
|
|
24
24
|
export declare const Input: (props: InputProps) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./index.css";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { CollapsibleListProps as RmwcCollapsibleListProps } from "@rmwc/list";
|
|
4
|
-
export
|
|
4
|
+
export type CollapsibleListProps = RmwcCollapsibleListProps & {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
};
|
|
7
7
|
export declare const CollapsibleList: (props: CollapsibleListProps) => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IconButtonProps as BaseIconProps } from "../../../Button";
|
|
3
|
-
|
|
3
|
+
type IconButtonProps = Omit<BaseIconProps, "icon"> & {
|
|
4
4
|
icon?: React.ReactElement<any>;
|
|
5
5
|
};
|
|
6
6
|
export declare const RefreshIcon: (props: IconButtonProps) => React.JSX.Element;
|
package/List/DataList/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export
|
|
2
|
+
export type PaginationProp = {
|
|
3
3
|
setPage?: (page: number) => void;
|
|
4
4
|
setPreviousPage?: () => void;
|
|
5
5
|
setNextPage?: () => void;
|
|
@@ -8,11 +8,11 @@ export declare type PaginationProp = {
|
|
|
8
8
|
setPerPage?: (amount: number) => void;
|
|
9
9
|
perPageOptions?: number[];
|
|
10
10
|
};
|
|
11
|
-
export
|
|
11
|
+
export type SortersProp = Array<{
|
|
12
12
|
label: string;
|
|
13
13
|
value: any;
|
|
14
14
|
}>;
|
|
15
|
-
export
|
|
15
|
+
export type Props = {
|
|
16
16
|
children?: <T = Record<string, any>>(props: T) => React.ReactNode;
|
|
17
17
|
title?: React.ReactNode;
|
|
18
18
|
data?: Record<string, any>[];
|
package/List/List.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ListProps as RmwcListProps, ListItemProps as RmwcListItemProps, ListItemTextProps as RmwcListItemTextProps, SimpleListItemProps as RmwcSimpleListItemProps } from "@rmwc/list";
|
|
3
|
-
export
|
|
3
|
+
export type ListItemProps = RmwcListItemProps & {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
className?: string;
|
|
6
6
|
style?: React.CSSProperties;
|
|
@@ -13,7 +13,7 @@ export declare type ListItemProps = RmwcListItemProps & {
|
|
|
13
13
|
* @constructor
|
|
14
14
|
*/
|
|
15
15
|
export declare const ListItem: (props: ListItemProps) => React.JSX.Element;
|
|
16
|
-
export
|
|
16
|
+
export type ListProps = RmwcListProps & {
|
|
17
17
|
children?: any;
|
|
18
18
|
className?: string;
|
|
19
19
|
style?: React.CSSProperties;
|
|
@@ -24,7 +24,7 @@ export declare type ListProps = RmwcListProps & {
|
|
|
24
24
|
export declare class List extends React.Component<ListProps> {
|
|
25
25
|
render(): React.JSX.Element;
|
|
26
26
|
}
|
|
27
|
-
export
|
|
27
|
+
export type ListItemTextProps = RmwcListItemTextProps & {
|
|
28
28
|
children: React.ReactNode;
|
|
29
29
|
className?: string;
|
|
30
30
|
onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
@@ -36,14 +36,14 @@ export declare type ListItemTextProps = RmwcListItemTextProps & {
|
|
|
36
36
|
* @constructor
|
|
37
37
|
*/
|
|
38
38
|
export declare const ListItemText: (props: ListItemTextProps) => React.JSX.Element;
|
|
39
|
-
export
|
|
39
|
+
export type ListItemTextPrimaryProps = {
|
|
40
40
|
/**
|
|
41
41
|
* Text content
|
|
42
42
|
*/
|
|
43
43
|
children: React.ReactNode;
|
|
44
44
|
};
|
|
45
45
|
export declare const ListItemTextPrimary: (props: ListItemTextPrimaryProps) => React.JSX.Element;
|
|
46
|
-
export
|
|
46
|
+
export type ListItemTextSecondaryProps = {
|
|
47
47
|
/**
|
|
48
48
|
* Text content
|
|
49
49
|
*/
|
|
@@ -56,7 +56,7 @@ export declare type ListItemTextSecondaryProps = {
|
|
|
56
56
|
* @constructor
|
|
57
57
|
*/
|
|
58
58
|
export declare const ListItemTextSecondary: (props: ListItemTextSecondaryProps) => React.JSX.Element;
|
|
59
|
-
export
|
|
59
|
+
export type ListItemGraphicProps = {
|
|
60
60
|
children: React.ReactNode;
|
|
61
61
|
className?: string;
|
|
62
62
|
};
|
|
@@ -67,7 +67,7 @@ export declare type ListItemGraphicProps = {
|
|
|
67
67
|
* @constructor
|
|
68
68
|
*/
|
|
69
69
|
export declare const ListItemGraphic: (props: ListItemGraphicProps) => React.JSX.Element;
|
|
70
|
-
export
|
|
70
|
+
export type ListItemMetaProps = {
|
|
71
71
|
children: React.ReactNode;
|
|
72
72
|
className?: string;
|
|
73
73
|
};
|
|
@@ -78,7 +78,7 @@ export declare type ListItemMetaProps = {
|
|
|
78
78
|
* @constructor
|
|
79
79
|
*/
|
|
80
80
|
export declare const ListItemMeta: (props: ListItemMetaProps) => React.JSX.Element;
|
|
81
|
-
export
|
|
81
|
+
export type ListTopCaptionProps = {
|
|
82
82
|
children: React.ReactNode;
|
|
83
83
|
};
|
|
84
84
|
/**
|
|
@@ -88,7 +88,7 @@ export declare type ListTopCaptionProps = {
|
|
|
88
88
|
* @constructor
|
|
89
89
|
*/
|
|
90
90
|
export declare const ListTopCaption: (props: ListTopCaptionProps) => React.JSX.Element;
|
|
91
|
-
export
|
|
91
|
+
export type ListBottomCaptionProps = {
|
|
92
92
|
children: React.ReactNode;
|
|
93
93
|
};
|
|
94
94
|
/**
|
|
@@ -98,7 +98,7 @@ export declare type ListBottomCaptionProps = {
|
|
|
98
98
|
* @constructor
|
|
99
99
|
*/
|
|
100
100
|
export declare const ListBottomCaption: (props: ListBottomCaptionProps) => React.JSX.Element;
|
|
101
|
-
export
|
|
101
|
+
export type ListTextOverlineProps = {
|
|
102
102
|
children: React.ReactNode;
|
|
103
103
|
};
|
|
104
104
|
/**
|
|
@@ -108,7 +108,7 @@ export declare type ListTextOverlineProps = {
|
|
|
108
108
|
* @constructor
|
|
109
109
|
*/
|
|
110
110
|
export declare const ListTextOverline: (props: ListTextOverlineProps) => React.JSX.Element;
|
|
111
|
-
export
|
|
111
|
+
export type ListActionsProps = {
|
|
112
112
|
children: React.ReactNode;
|
|
113
113
|
};
|
|
114
114
|
/**
|
|
@@ -118,7 +118,7 @@ export declare type ListActionsProps = {
|
|
|
118
118
|
* @constructor
|
|
119
119
|
*/
|
|
120
120
|
export declare const ListActions: (props: ListActionsProps) => React.JSX.Element;
|
|
121
|
-
export
|
|
121
|
+
export type ListSelectBoxProps = {
|
|
122
122
|
children: React.ReactNode;
|
|
123
123
|
};
|
|
124
124
|
/**
|
package/Menu/Menu.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { MenuItemProps as BaseMenuItemProps, MenuProps as RmwcMenuProps } from "@rmwc/menu";
|
|
3
|
-
export
|
|
3
|
+
export type MenuChildrenFunctionProps = {
|
|
4
4
|
closeMenu: () => void;
|
|
5
5
|
};
|
|
6
6
|
export interface RenderableMenuChildren {
|
|
7
7
|
(props: MenuChildrenFunctionProps): React.ReactElement;
|
|
8
8
|
}
|
|
9
|
-
export
|
|
9
|
+
export type MenuProps = RmwcMenuProps & {
|
|
10
10
|
children: React.ReactNode | RenderableMenuChildren;
|
|
11
11
|
render?: (props: MenuChildrenFunctionProps) => React.ReactNode;
|
|
12
12
|
handle?: React.ReactElement;
|
package/Radio/Radio.d.ts
CHANGED
package/Radio/RadioGroup.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ interface RadioGroupRenderParams {
|
|
|
4
4
|
onChange: (id: string | number) => () => void;
|
|
5
5
|
getValue: (id: string | number) => boolean;
|
|
6
6
|
}
|
|
7
|
-
|
|
7
|
+
type Props = FormComponentProps & {
|
|
8
8
|
label?: string;
|
|
9
9
|
description?: string;
|
|
10
10
|
children: (props: RadioGroupRenderParams) => React.ReactNode;
|
|
@@ -5,7 +5,7 @@ export interface OnReadyParams {
|
|
|
5
5
|
editor: any;
|
|
6
6
|
initialData: OutputData;
|
|
7
7
|
}
|
|
8
|
-
export
|
|
8
|
+
export type RichTextEditorValue = OutputBlockData[];
|
|
9
9
|
export interface RichTextEditorProps {
|
|
10
10
|
autofocus?: boolean;
|
|
11
11
|
className?: string;
|
package/Select/Select.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SelectProps as RmwcSelectProps } from "@rmwc/select";
|
|
3
3
|
import { FormComponentProps } from "../types";
|
|
4
|
-
export
|
|
4
|
+
export type SelectProps = FormComponentProps & RmwcSelectProps & {
|
|
5
5
|
label?: string;
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
description?: string;
|
package/Slider/Slider.d.ts
CHANGED
package/Snackbar/Snackbar.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SnackbarAction, SnackbarProps } from "@rmwc/snackbar";
|
|
3
|
-
|
|
3
|
+
type Props = SnackbarProps;
|
|
4
4
|
/**
|
|
5
5
|
* Use Snackbar component to display an informative or alert message and allow users to act upon it.
|
|
6
6
|
*/
|
package/Switch/Switch.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SwitchProps } from "@rmwc/switch";
|
|
3
3
|
import { FormComponentProps } from "../types";
|
|
4
|
-
|
|
4
|
+
type Props = Omit<SwitchProps, "value"> & FormComponentProps<boolean> & {
|
|
5
5
|
description?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
};
|
package/Tabs/Tab.d.ts
CHANGED
package/Tabs/Tabs.d.ts
CHANGED
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "rc-tooltip/assets/bootstrap_white.css";
|
|
3
3
|
import "./style.scss";
|
|
4
|
-
|
|
4
|
+
type TooltipPropsContent = (() => React.ReactChild) | React.ReactChild | React.ReactFragment | React.ReactPortal;
|
|
5
5
|
export interface TooltipProps {
|
|
6
6
|
children: React.ReactNode;
|
|
7
7
|
content: TooltipPropsContent;
|
package/TopAppBar/TopAppBar.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarActionItemProps as RmwcTopAppBarActionItemProps } from "@rmwc/top-app-bar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, "onChange">;
|
|
4
4
|
declare const TopAppBarActionItem: (props: TopAppBarActionItemProps) => React.JSX.Element;
|
|
5
5
|
export { TopAppBarActionItem };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps } from "@rmwc/top-app-bar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, "onChange">;
|
|
4
4
|
declare const TopAppBarNavigationIcon: (props: TopAppBarNavigationIconProps) => React.JSX.Element;
|
|
5
5
|
export { TopAppBarNavigationIcon };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarProps } from "./TopAppBar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarPrimaryProps = TopAppBarProps;
|
|
4
4
|
declare const TopAppBarPrimary: (props: TopAppBarPrimaryProps) => React.JSX.Element;
|
|
5
5
|
export { TopAppBarPrimary };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarProps } from "./TopAppBar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarSecondaryProps = TopAppBarProps;
|
|
4
4
|
declare const TopAppBarSecondary: (props: TopAppBarSecondaryProps) => React.JSX.Element;
|
|
5
5
|
export { TopAppBarSecondary };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarSectionProps as RmwcTopAppBarSectionProps } from "@rmwc/top-app-bar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {
|
|
4
4
|
/**
|
|
5
5
|
* Element children
|
|
6
6
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TopAppBarTitleProps as RmwcTopAppBarTitleProps } from "@rmwc/top-app-bar";
|
|
3
|
-
export
|
|
3
|
+
export type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {
|
|
4
4
|
/**
|
|
5
5
|
* Element children
|
|
6
6
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/ui",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.41.0-beta.0",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -81,10 +81,10 @@
|
|
|
81
81
|
"@types/react-custom-scrollbars": "4.0.10",
|
|
82
82
|
"@types/react-transition-group": "4.4.5",
|
|
83
83
|
"@types/shortid": "0.0.29",
|
|
84
|
-
"@webiny/cli": "5.
|
|
85
|
-
"@webiny/form": "5.
|
|
86
|
-
"@webiny/project-utils": "5.
|
|
87
|
-
"@webiny/validation": "5.
|
|
84
|
+
"@webiny/cli": "5.41.0-beta.0",
|
|
85
|
+
"@webiny/form": "5.41.0-beta.0",
|
|
86
|
+
"@webiny/project-utils": "5.41.0-beta.0",
|
|
87
|
+
"@webiny/validation": "5.41.0-beta.0",
|
|
88
88
|
"babel-loader": "9.1.2",
|
|
89
89
|
"execa": "5.1.1",
|
|
90
90
|
"jest-dom": "3.5.0",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"raw-loader": "0.5.1",
|
|
93
93
|
"rimraf": "5.0.5",
|
|
94
94
|
"ttypescript": "1.5.15",
|
|
95
|
-
"typescript": "4.
|
|
95
|
+
"typescript": "4.9.5"
|
|
96
96
|
},
|
|
97
97
|
"peerDependencies": {
|
|
98
98
|
"minimatch": "^5.1.0",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
]
|
|
124
124
|
}
|
|
125
125
|
},
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "9ce5e75fc577aa4de2cf08d5ca734b3c98fe65b6"
|
|
127
127
|
}
|