@webiny/ui 5.23.1-beta.0 → 5.24.0

package/List/DataList/DataList.d.ts

@@ -1,10 +1,10 @@
 import * as React from "react";
 import { ListItem, ListProps } from "..";
 import { PaginationProp, SortersProp } from "./types";
-declare type Props = {
+interface DataListProps {
     children?: Function;
     title?: React.ReactNode;
-    data?: Object[];
+    data?: Record<string, any>[];
     refresh?: Function;
     loading?: boolean;
     loader?: React.ReactNode;
@@ -24,38 +24,14 @@ declare type Props = {
     search?: React.ReactElement;
     modalOverlay?: React.ReactElement;
     modalOverlayAction?: React.ReactElement;
-};
-export declare const DataList: {
-    (props: Props): JSX.Element;
-    defaultProps: {
-        children: any;
-        title: any;
-        data: any;
-        meta: any;
-        loading: boolean;
-        refresh: any;
-        setPage: any;
-        setPerPage: any;
-        perPageOptions: number[];
-        filters: any;
-        sorters: any;
-        setSorters: any;
-        actions: any;
-        multiSelectAll: any;
-        isAllMultiSelected: () => boolean;
-        isNoneMultiSelected: () => boolean;
-        loader: JSX.Element;
-        noData: JSX.Element;
-        showOptions: {
-            refresh: boolean;
-            pagination: boolean;
-            sorters: boolean;
-            filters: boolean;
-        };
-    };
-};
-export declare type ScrollListProps = ListProps & {
+    meta?: Record<string, any>;
+    setPage?: (page: string) => void;
+    setPerPage?: (page: string) => void;
+    perPageOptions?: number[];
+}
+export declare const DataList: React.FC<DataListProps>;
+export interface ScrollListProps extends ListProps {
     children: React.ReactElement<typeof ListItem>[];
-};
-export declare const ScrollList: (props: ScrollListProps) => JSX.Element;
+}
+export declare const ScrollList: React.FC<ScrollListProps>;
 export {};

package/List/DataList/DataList.js

@@ -248,7 +248,11 @@ export var DataList = function DataList(props) {
   } else if (isEmpty(props.data)) {
     render = props.noData;
   } else {
-    render = typeof props.children === "function" ? props.children(props) : null;
+    /**
+     * TODO: figure out the correct type.
+     */
+    var ch = props.children;
+    render = typeof ch === "function" ? ch(props) : null;
   }
 
   return /*#__PURE__*/React.createElement(DataListModalOverlayProvider, null, /*#__PURE__*/React.createElement(ListContainer, {

package/List/DataList/DataListModalOverlay/DataListModalOverlay.d.ts

@@ -2,13 +2,13 @@ import React from "react";
 export declare type SimpleOverlayProps = {
     showOverlay: boolean;
 };
-export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
+export declare const SimpleOverlay: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & SimpleOverlayProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "showOverlay"> & {
     theme: object;
 }, object>;
 export declare type DataListModalWrapperProps = {
     showOverlay: boolean;
 };
-export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, "onError" | "className" | "style" | "title" | "children" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture" | "translate" | "css" | "showOverlay"> & {
+export declare const DataListModalWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & DataListModalWrapperProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "showOverlay"> & {
     theme: object;
 }, object>;
 export declare type DataListModalOverlayProps = {

package/List/DataList/Loader.js

@@ -1,5 +1,10 @@
 import * as React from "react";
 import styled from "@emotion/styled";
+/**
+ * Package react-loading-skeleton does not have types.
+ */
+// @ts-ignore
+
 import Skeleton from "react-loading-skeleton";
 var LoaderUl = /*#__PURE__*/styled("ul", {
   target: "e1nb7uzc0",

package/Menu/Menu.d.ts

@@ -16,10 +16,7 @@ declare type State = {
  * Use Menu component to display a list of choices, once the handler is triggered.
  */
 declare class Menu extends React.Component<MenuProps, State> {
-    static defaultProps: {
-        handle: any;
-        anchor: string;
-    };
+    static defaultProps: Partial<MenuProps>;
     state: {
         menuIsOpen: boolean;
     };

package/Menu/Menu.stories.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox, StorySandboxExample, StorySandboxCode } from "@webiny/storybook-utils/Story";
-import { ButtonPrimary } from "./../Button";
+import { ButtonPrimary } from "../Button";
 import readme from "./../Menu/README.md";
 import { Menu, MenuItem, MenuDivider } from "./Menu";
 var story = storiesOf("Components/Menu", module);

package/Mosaic/Mosaic.d.ts

@@ -1,19 +1,9 @@
 import React from "react";
-export declare type MosaicProps = {
-    children: React.ReactNode;
-    columns: {
+export interface MosaicProps {
+    columns?: {
         [key: string]: number;
     };
     className?: string;
-};
-export declare function Mosaic({ children, columns, className }: MosaicProps): JSX.Element;
-export declare namespace Mosaic {
-    var defaultProps: {
-        columns: {
-            320: number;
-            480: number;
-            800: number;
-            1366: number;
-        };
-    };
 }
+declare const Mosaic: React.FC<MosaicProps>;
+export { Mosaic };

package/Mosaic/Mosaic.js

@@ -1,6 +1,12 @@
 import React from "react";
+/**
+ * Package react-columned does not have types.
+ */
+// @ts-ignore
+
 import Columned from "react-columned";
-export function Mosaic(_ref) {
+
+var Mosaic = function Mosaic(_ref) {
   var children = _ref.children,
       columns = _ref.columns,
       className = _ref.className;
@@ -8,7 +14,8 @@ export function Mosaic(_ref) {
     columns: columns,
     className: className
   }, children);
-}
+};
+
 Mosaic.defaultProps = {
   columns: {
     320: 1,
@@ -16,4 +23,5 @@ Mosaic.defaultProps = {
     800: 3,
     1366: 4
   }
-};
+};
+export { Mosaic };

package/Progress/CircularProgress.d.ts

@@ -1,19 +1,11 @@
 import * as React from "react";
-declare type Props = {
+interface Props {
     label?: React.ReactNode;
-    size: number;
-    spinnerColor: string;
-    spinnerWidth: number;
-    visible: boolean;
+    size?: number;
+    spinnerColor?: string;
+    spinnerWidth?: number;
+    visible?: boolean;
     style?: React.CSSProperties;
-};
-declare const CircularProgress: {
-    ({ label, size, spinnerWidth, spinnerColor, visible, style }: Props): JSX.Element;
-    defaultProps: {
-        size: number;
-        spinnerColor: string;
-        spinnerWidth: number;
-        visible: boolean;
-    };
-};
+}
+declare const CircularProgress: React.FC<Props>;
 export default CircularProgress;

package/Radio/Radio.d.ts

@@ -10,11 +10,7 @@ declare type Props = FormComponentProps & {
  * Each Radio component must receive value and onChange callback via props.
  */
 declare class Radio extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
+    static defaultProps: Partial<Props>;
     onChange: (e: React.SyntheticEvent<HTMLInputElement>) => void;
     render(): JSX.Element;
 }

package/Radio/Radio.js

@@ -61,7 +61,8 @@ var Radio = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(Radio, "defaultProps", {
   validation: {
-    isValid: null
+    isValid: null,
+    message: null
   }
 });
 

package/Radio/RadioGroup.d.ts

@@ -10,11 +10,7 @@ declare type Props = FormComponentProps & {
     children: (props: RadioGroupRenderParams) => React.ReactNode;
 };
 declare class RadioGroup extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
+    static defaultProps: Partial<Props>;
     render(): JSX.Element;
 }
 export default RadioGroup;

package/Radio/RadioGroup.js

@@ -49,7 +49,8 @@ var RadioGroup = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(RadioGroup, "defaultProps", {
   validation: {
-    isValid: null
+    isValid: null,
+    message: null
   }
 });
 

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
+import React from "react";
 import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs/types";
-export declare type OnReadyParams = {
+export interface OnReadyParams {
     editor: any;
     initialData: OutputData;
-};
-export declare type RichTextEditorProps = {
+}
+export interface RichTextEditorProps {
     autofocus?: boolean;
     context?: {
         [key: string]: any;
@@ -23,5 +23,5 @@ export declare type RichTextEditorProps = {
     label?: string;
     description?: string;
     disabled?: boolean;
-};
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+}
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,5 +1,15 @@
 import { RichTextEditorProps } from "./RichTextEditor";
+import { ToolSettings } from "@editorjs/editorjs";
+interface CreatePropsFromConfigResult {
+    onReady: (editor: any) => void;
+    tools: {
+        [key: string]: ToolSettings;
+    };
+}
 /**
  * Creates RichTextEditor props from the given config (or array of configs).
+ *
+ * TODO: figure out types for editor and return type of the function.
  */
-export declare const createPropsFromConfig: (config: any) => Partial<RichTextEditorProps>;
+export declare const createPropsFromConfig: (config: RichTextEditorProps[]) => CreatePropsFromConfigResult;
+export {};

package/RichTextEditor/createPropsFromConfig.js

@@ -1,18 +1,22 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+
 /**
  * Creates RichTextEditor props from the given config (or array of configs).
+ *
+ * TODO: figure out types for editor and return type of the function.
  */
 export var createPropsFromConfig = function createPropsFromConfig(config) {
   var configs = Array.isArray(config) ? config : [config];
   return {
-    onReady: function onReady(editor) {
+    onReady: function onReady(params) {
       configs.forEach(function (config) {
         if (typeof config.onReady === "function") {
-          config.onReady(editor);
+          config.onReady(params);
         }
       });
     },
     tools: configs.reduce(function (tools, config) {
-      return Object.assign(tools, config.tools);
+      return _objectSpread(_objectSpread({}, tools), config.tools);
     }, {})
   };
 };

package/Ripple/Ripple.d.ts

@@ -1,11 +1,10 @@
 import * as React from "react";
-declare type Props = {
-    children?: React.ReactNode;
+interface Props {
     type?: "unbounded" | "primary" | "accent";
     disabled?: boolean;
-};
+}
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Ripple: (props: Props) => JSX.Element;
+declare const Ripple: React.FC<Props>;
 export { Ripple };

package/Ripple/Ripple.stories.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
 import readme from "./../Ripple/README.md";
-import { Icon } from "./../Icon";
+import { Icon } from "../Icon";
 import { withKnobs, boolean } from "@storybook/addon-knobs";
 import { ReactComponent as AutoRenewIcon } from "./svg/baseline-autorenew-24px.svg";
 import { ReactComponent as CloudDoneIcon } from "./svg/baseline-cloud_done-24px.svg";

package/Scrollbar/Scrollbar.d.ts

@@ -1,11 +1,11 @@
 import * as React from "react";
-declare type Props = {
-    children?: React.ReactNode;
+import { ScrollbarProps } from "react-custom-scrollbars";
+interface Props extends ScrollbarProps {
     style?: React.CSSProperties;
     [key: string]: any;
-};
+}
 /**
  * Use Scrollbar component to show vertical or horizontal scrollbars.
  */
-declare const Scrollbar: (props: Props) => JSX.Element;
+declare const Scrollbar: React.FC<Props>;
 export { Scrollbar };

package/Section/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from "react";
-declare type SectionProps = {
-    children?: React.ReactNode;
+interface SectionProps {
     title?: String;
-};
-declare const Section: ({ children, title, ...props }: SectionProps) => JSX.Element;
+}
+declare const Section: React.FC<SectionProps>;
 export default Section;

package/Select/Select.d.ts

@@ -11,12 +11,9 @@ export declare type SelectProps = FormComponentProps & RmwcSelectProps & {
     rootProps?: Object;
     className?: string;
 };
-export declare const Select: {
-    (props: SelectProps): JSX.Element;
-    defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
-};
+/**
+ * We check for null and undefined in the value because React is complaining about those values.
+ * Error says to use the empty string in null/undefined case.
+ */
+export declare const Select: React.FC<SelectProps>;
 export default Select;

package/Select/Select.js

@@ -30,18 +30,25 @@ var getRmwcProps = function getRmwcProps(props) {
   var newProps = {};
   Object.keys(props).filter(function (name) {
     return !skipProps.includes(name);
-  }).forEach(function (name) {
+  }) // @ts-ignore
+  .forEach(function (name) {
     return newProps[name] = props[name];
   });
   return newProps;
 };
+/**
+ * We check for null and undefined in the value because React is complaining about those values.
+ * Error says to use the empty string in null/undefined case.
+ */
+
 
 export var Select = function Select(props) {
-  var value = props.value,
+  var initialValue = props.value,
       description = props.description,
       validation = props.validation,
       other = _objectWithoutProperties(props, _excluded);
 
+  var value = initialValue === null || initialValue === undefined ? "" : initialValue;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RmwcSelect, Object.assign({}, getRmwcProps(other), {
     value: value,
     className: classNames("webiny-ui-select", props.className, _defineProperty({}, noLabel, !props.label)),
@@ -54,7 +61,8 @@ export var Select = function Select(props) {
 };
 Select.defaultProps = {
   validation: {
-    isValid: null
+    isValid: null,
+    message: null
   }
 };
 export default Select;

package/Slider/Slider.d.ts

@@ -15,11 +15,7 @@ declare type Props = FormComponentProps & {
  * Slider component lets users choose a value from given range.
  */
 declare class Slider extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
+    static defaultProps: Partial<Props>;
     onChange: (e: {
         detail: {
             value: number;

package/Slider/Slider.js

@@ -80,7 +80,8 @@ var Slider = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(Slider, "defaultProps", {
   validation: {
-    isValid: null
+    isValid: null,
+    message: null
   }
 });
 

package/Snackbar/Snackbar.d.ts

@@ -9,7 +9,7 @@ declare type Props = SnackbarProps;
  */
 declare class Snackbar extends React.Component<Props> {
     container?: Element;
-    constructor(props: any);
+    constructor(props: Props);
     render(): JSX.Element;
 }
 export { Snackbar, SnackbarAction };

package/Switch/Switch.d.ts

@@ -9,11 +9,7 @@ declare type Props = FormComponentProps & SwitchProps & {
  * Switch component can be used to store simple boolean values.
  */
 declare class Switch extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
+    static defaultProps: Partial<Props>;
     static rmwcProps: string[];
     onChange: (e: React.SyntheticEvent<HTMLElement>) => void;
     render(): JSX.Element;

package/Switch/Switch.js

@@ -58,7 +58,8 @@ var Switch = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(Switch, "defaultProps", {
   validation: {
-    isValid: null
+    isValid: null,
+    message: null
   }
 });
 

package/Tabs/Tab.d.ts

@@ -10,5 +10,9 @@ export declare type TabProps = RmwcTabProps & {
      * Style object
      */
     style?: React.CSSProperties;
+    /**
+     * Tab ID for the testing.
+     */
+    "data-testid"?: string;
 };
 export declare const Tab: (props: TabProps) => JSX.Element;