@nutui/nutui-react 2.1.0-beta.0 → 2.1.0-beta.1

package/dist/esm/types/src/packages/picker/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const PickerDemo: () => JSX.Element;
+import React from 'react';
+declare const PickerDemo: () => React.JSX.Element;
 export default PickerDemo;

package/dist/esm/types/src/packages/picker/doc.en.d.ts

@@ -9,6 +9,7 @@ export declare const Internation: {
         chooseTime: string;
         cascade: string;
         async: string;
+        theme: string;
         validTime: string;
         chooseDate: string;
         always: string;
@@ -56,6 +57,7 @@ export declare const Internation: {
         chooseTime: string;
         cascade: string;
         async: string;
+        theme: string;
         chooseDate: string;
         always: string;
         monday: string;
@@ -102,6 +104,7 @@ export declare const Internation: {
         chooseTime: string;
         cascade: string;
         async: string;
+        theme: string;
         validTime: string;
         chooseDate: string;
         always: string;

package/dist/esm/types/src/packages/picker/picker.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '@/packages/popup/popup';
 import { PickerOption } from './types';
 import { BasicComponent } from '@/utils/typings';
 export type PickerActions = {
@@ -13,7 +14,10 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     defaultValue?: (number | string)[];
     threeDimensional?: boolean;
     duration: number | string;
+    closeOnOverlayClick: boolean;
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose' | 'closeOnOverlayClick'>>;
     onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onCancel?: () => void;
     onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;

package/dist/esm/types/src/packages/picker/picker.taro.d.ts

@@ -1,4 +1,5 @@
 import React, { RefObject } from 'react';
+import { PopupProps } from '@/packages/popup/popup.taro';
 import { PickerOption } from './types';
 import { BasicComponent } from '@/utils/typings';
 export type PickerActions = {
@@ -13,7 +14,10 @@ export interface PickerProps extends Omit<BasicComponent, 'children'> {
     defaultValue?: (number | string)[];
     threeDimensional?: boolean;
     duration: number | string;
+    closeOnOverlayClick: boolean;
+    popupProps: Partial<Omit<PopupProps, 'title' | 'onClose' | 'closeOnOverlayClick'>>;
     onConfirm?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
+    onCancel?: () => void;
     onClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[]) => void;
     afterClose?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], pickerRef: RefObject<HTMLDivElement>) => void;
     onChange?: (selectedOptions: PickerOption[], selectedValue: (string | number)[], columnIndex: number) => void;

package/dist/esm/types/src/packages/popover/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const PopoverDemo: () => JSX.Element;
+declare const PopoverDemo: () => React.JSX.Element;
 export default PopoverDemo;

package/dist/esm/types/src/packages/popover/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/popover/demo.scss';
-declare const PopoverDemo: () => JSX.Element;
+declare const PopoverDemo: () => React.JSX.Element;
 export default PopoverDemo;

package/dist/esm/types/src/packages/popover/popover.d.ts

@@ -7,10 +7,6 @@ export interface List {
     icon?: React.ReactNode;
     disabled?: boolean;
     className?: string;
-    action?: {
-        icon?: React.ReactNode;
-        onClick?: (e: any) => void;
-    };
 }
 export interface PopoverProps extends PopupProps {
     list: List[];

package/dist/esm/types/src/packages/popover/popover.taro.d.ts

@@ -7,10 +7,6 @@ export interface List {
     icon?: React.ReactNode;
     disabled?: boolean;
     className?: string;
-    action?: {
-        icon?: React.ReactNode;
-        onClick?: (e: any) => void;
-    };
 }
 export interface PopoverProps extends PopupProps {
     list: List[];

package/dist/esm/types/src/packages/popup/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const PopupDemo: () => JSX.Element;
+declare const PopupDemo: () => React.JSX.Element;
 export default PopupDemo;

package/dist/esm/types/src/packages/popup/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/popup/demo.scss';
-declare const PopupDemo: () => JSX.Element;
+declare const PopupDemo: () => React.JSX.Element;
 export default PopupDemo;

package/dist/esm/types/src/packages/popup/popup.taro.d.ts

@@ -10,8 +10,8 @@ export interface PopupProps extends OverlayProps {
     closeable: boolean;
     closeIconPosition: string;
     closeIcon: ReactNode;
-    left: ReactNode;
-    title: ReactNode;
+    left?: ReactNode;
+    title?: ReactNode;
     destroyOnClose: boolean;
     portal: Teleport;
     overlay: boolean;

package/dist/esm/types/src/packages/price/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const PriceDemo: () => JSX.Element;
+import React from 'react';
+declare const PriceDemo: () => React.JSX.Element;
 export default PriceDemo;

package/dist/esm/types/src/packages/price/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const PriceDemo: () => JSX.Element;
+import React from 'react';
+declare const PriceDemo: () => React.JSX.Element;
 export default PriceDemo;

package/dist/esm/types/src/packages/progress/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ProgressDemo: () => JSX.Element;
+import React from 'react';
+declare const ProgressDemo: () => React.JSX.Element;
 export default ProgressDemo;

package/dist/esm/types/src/packages/progress/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ProgressDemo: () => JSX.Element;
+import React from 'react';
+declare const ProgressDemo: () => React.JSX.Element;
 export default ProgressDemo;

package/dist/esm/types/src/packages/pulltorefresh/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const PullToRefreshDemo: () => JSX.Element;
+import React from 'react';
+declare const PullToRefreshDemo: () => React.JSX.Element;
 export default PullToRefreshDemo;

package/dist/esm/types/src/packages/pulltorefresh/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const PullToRefreshDemo: () => JSX.Element;
+import React from 'react';
+declare const PullToRefreshDemo: () => React.JSX.Element;
 export default PullToRefreshDemo;

package/dist/esm/types/src/packages/radio/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RadioDemo: () => JSX.Element;
+import React from 'react';
+declare const RadioDemo: () => React.JSX.Element;
 export default RadioDemo;

package/dist/esm/types/src/packages/radio/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RadioDemo: () => JSX.Element;
+import React from 'react';
+declare const RadioDemo: () => React.JSX.Element;
 export default RadioDemo;

package/dist/esm/types/src/packages/range/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const RangeDemo: () => JSX.Element;
+declare const RangeDemo: () => React.JSX.Element;
 export default RangeDemo;

package/dist/esm/types/src/packages/range/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/range/demo.scss';
-declare const RangeDemo: () => JSX.Element;
+declare const RangeDemo: () => React.JSX.Element;
 export default RangeDemo;

package/dist/esm/types/src/packages/rate/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RateDemo: () => JSX.Element;
+import React from 'react';
+declare const RateDemo: () => React.JSX.Element;
 export default RateDemo;

package/dist/esm/types/src/packages/rate/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RateDemo: () => JSX.Element;
+import React from 'react';
+declare const RateDemo: () => React.JSX.Element;
 export default RateDemo;

package/dist/esm/types/src/packages/safearea/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SafeAreaDemo: () => React.JSX.Element;
+export default SafeAreaDemo;

package/dist/esm/types/src/packages/safearea/demo.taro.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SafeAreaDemo: () => React.JSX.Element;
+export default SafeAreaDemo;

package/dist/esm/types/src/packages/safearea/index.d.ts

@@ -0,0 +1,3 @@
+import { SafeArea } from './safearea';
+export type { SafeAreaProps } from './safearea';
+export default SafeArea;

package/dist/esm/types/src/packages/safearea/index.taro.d.ts

@@ -0,0 +1,3 @@
+import { SafeArea } from './safearea.taro';
+export type { SafeAreaProps } from './safearea.taro';
+export default SafeArea;

package/dist/esm/types/src/packages/safearea/safearea.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface SafeAreaProps extends BasicComponent {
+    position: 'top' | 'bottom';
+}
+export declare const SafeArea: FC<SafeAreaProps>;

package/dist/esm/types/src/packages/safearea/safearea.taro.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { BasicComponent } from '@/utils/typings';
+export interface SafeAreaProps extends BasicComponent {
+    position: 'top' | 'bottom';
+}
+export declare const SafeArea: FC<SafeAreaProps>;

package/dist/esm/types/src/packages/searchbar/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SearchBarDemo: () => JSX.Element;
+import React from 'react';
+declare const SearchBarDemo: () => React.JSX.Element;
 export default SearchBarDemo;

package/dist/esm/types/src/packages/searchbar/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SearchBarDemo: () => JSX.Element;
+import React from 'react';
+declare const SearchBarDemo: () => React.JSX.Element;
 export default SearchBarDemo;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -18,7 +18,6 @@ export interface SearchBarProps extends BasicComponent {
     readOnly?: boolean;
     /**  是否自动聚焦，iOS 系统不支持该属性	 */
     autoFocus?: boolean;
-    backable: boolean;
     left: React.ReactNode;
     right: React.ReactNode;
     leftIn: React.ReactNode;

package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts

@@ -18,7 +18,6 @@ export interface SearchBarProps extends BasicComponent {
     readOnly?: boolean;
     /**  是否自动聚焦，iOS 系统不支持该属性	 */
     autoFocus?: boolean;
-    backable: boolean;
     left: React.ReactNode;
     right: React.ReactNode;
     leftIn: React.ReactNode;

package/dist/esm/types/src/packages/shortpassword/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ShortPasswordDemo: () => JSX.Element;
+import React from 'react';
+declare const ShortPasswordDemo: () => React.JSX.Element;
 export default ShortPasswordDemo;

package/dist/esm/types/src/packages/shortpassword/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const ShortPasswordDemo: () => JSX.Element;
+import React from 'react';
+declare const ShortPasswordDemo: () => React.JSX.Element;
 export default ShortPasswordDemo;

package/dist/esm/types/src/packages/sidenavbar/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SideNavBarDemo: () => JSX.Element;
+import React from 'react';
+declare const SideNavBarDemo: () => React.JSX.Element;
 export default SideNavBarDemo;

package/dist/esm/types/src/packages/sidenavbar/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SideNavBarDemo: () => JSX.Element;
+import React from 'react';
+declare const SideNavBarDemo: () => React.JSX.Element;
 export default SideNavBarDemo;

package/dist/esm/types/src/packages/signature/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const SignatureDemo: () => JSX.Element;
+declare const SignatureDemo: () => React.JSX.Element;
 export default SignatureDemo;

package/dist/esm/types/src/packages/signature/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
 import '@/packages/signature/demo.scss';
-declare const SignatureDemo: () => JSX.Element;
+import React from 'react';
+declare const SignatureDemo: () => React.JSX.Element;
 export default SignatureDemo;

package/dist/esm/types/src/packages/skeleton/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const SkeletonDemo: () => JSX.Element;
+declare const SkeletonDemo: () => React.JSX.Element;
 export default SkeletonDemo;

package/dist/esm/types/src/packages/skeleton/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/skeleton/demo.scss';
-declare const SkeletonDemo: () => JSX.Element;
+declare const SkeletonDemo: () => React.JSX.Element;
 export default SkeletonDemo;

package/dist/esm/types/src/packages/space/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SpaceDemo: () => JSX.Element;
+import React from 'react';
+declare const SpaceDemo: () => React.JSX.Element;
 export default SpaceDemo;

package/dist/esm/types/src/packages/space/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SpaceDemo: () => JSX.Element;
+import React from 'react';
+declare const SpaceDemo: () => React.JSX.Element;
 export default SpaceDemo;

package/dist/esm/types/src/packages/steps/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const StepsDemo: () => JSX.Element;
+declare const StepsDemo: () => React.JSX.Element;
 export default StepsDemo;

package/dist/esm/types/src/packages/steps/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/steps/demo.scss';
-declare const StepsDemo: () => JSX.Element;
+declare const StepsDemo: () => React.JSX.Element;
 export default StepsDemo;

package/dist/esm/types/src/packages/sticky/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const StickyDemo: () => JSX.Element;
+import React from 'react';
+declare const StickyDemo: () => React.JSX.Element;
 export default StickyDemo;

package/dist/esm/types/src/packages/sticky/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const StickyDemo: () => JSX.Element;
+import React from 'react';
+declare const StickyDemo: () => React.JSX.Element;
 export default StickyDemo;

package/dist/esm/types/src/packages/swipe/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SwipeDemo: () => JSX.Element;
+import React from 'react';
+declare const SwipeDemo: () => React.JSX.Element;
 export default SwipeDemo;

package/dist/esm/types/src/packages/swipe/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SwipeDemo: () => JSX.Element;
+import React from 'react';
+declare const SwipeDemo: () => React.JSX.Element;
 export default SwipeDemo;

package/dist/esm/types/src/packages/swipe/swipe.d.ts

@@ -7,16 +7,22 @@ export interface SwipeInstance {
     close: () => void;
 }
 export interface SwipeProps extends BasicComponent {
+    /** 标识符，可以在事件参数中获取到 */
     name?: string | number;
+    /** 左侧滑动区域的内容 */
     leftAction?: React.ReactNode;
+    /** 右侧滑动区域的内容 */
     rightAction?: React.ReactNode;
     /** 关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise */
     beforeClose?: (position: string) => void;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 打开时触发 */
     onOpen?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;
     }) => void;
+    /** 关闭时触发 */
     onClose?: ({ name, position, }: {
         name: string | number;
         position: SwipeSide;

package/dist/esm/types/src/packages/swiper/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/swiper/demo.scss';
-declare const SwiperDemo: () => JSX.Element;
+declare const SwiperDemo: () => React.JSX.Element;
 export default SwiperDemo;

package/dist/esm/types/src/packages/swiper/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/swiper/demo.scss';
-declare const SwiperDemo: () => JSX.Element;
+declare const SwiperDemo: () => React.JSX.Element;
 export default SwiperDemo;

package/dist/esm/types/src/packages/switch/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SwitchDemo: () => JSX.Element;
+import React from 'react';
+declare const SwitchDemo: () => React.JSX.Element;
 export default SwitchDemo;

package/dist/esm/types/src/packages/switch/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SwitchDemo: () => JSX.Element;
+import React from 'react';
+declare const SwitchDemo: () => React.JSX.Element;
 export default SwitchDemo;

package/dist/esm/types/src/packages/tabbar/demo.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import './demo.scss';
-declare const TabbarDemo: () => JSX.Element;
+declare const TabbarDemo: () => React.JSX.Element;
 export default TabbarDemo;

package/dist/esm/types/src/packages/tabbar/demo.taro.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import '@/packages/tabbar/demo.scss';
-declare const TabbarDemo: () => JSX.Element;
+declare const TabbarDemo: () => React.JSX.Element;
 export default TabbarDemo;

package/dist/esm/types/src/packages/table/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TableDemo: () => JSX.Element;
+import React from 'react';
+declare const TableDemo: () => React.JSX.Element;
 export default TableDemo;

package/dist/esm/types/src/packages/table/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TableDemo: () => JSX.Element;
+import React from 'react';
+declare const TableDemo: () => React.JSX.Element;
 export default TableDemo;

package/dist/esm/types/src/packages/tabs/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TabsDemo: () => JSX.Element;
+import React from 'react';
+declare const TabsDemo: () => React.JSX.Element;
 export default TabsDemo;

package/dist/esm/types/src/packages/tabs/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TabsDemo: () => JSX.Element;
+import React from 'react';
+declare const TabsDemo: () => React.JSX.Element;
 export default TabsDemo;

package/dist/esm/types/src/packages/tabs/tabs.d.ts

@@ -13,7 +13,7 @@ export interface TabsProps extends BasicComponent {
     defaultValue: string | number;
     activeColor: string;
     direction: 'horizontal' | 'vertical';
-    activeType: 'line' | 'smile' | 'simple';
+    activeType: 'line' | 'smile';
     duration: number | string;
     align: 'left' | 'right';
     title: () => JSX.Element[];

package/dist/esm/types/src/packages/tabs/tabs.taro.d.ts

@@ -14,7 +14,7 @@ export interface TabsProps extends BasicComponent {
     activeColor: string;
     name: string;
     direction: 'horizontal' | 'vertical';
-    activeType: 'line' | 'smile' | 'simple';
+    activeType: 'line' | 'smile';
     duration: number | string;
     align: 'left' | 'right';
     title: () => JSX.Element[];

package/dist/esm/types/src/packages/tag/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TagDemo: () => JSX.Element;
+import React from 'react';
+declare const TagDemo: () => React.JSX.Element;
 export default TagDemo;

package/dist/esm/types/src/packages/tag/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TagDemo: () => JSX.Element;
+import React from 'react';
+declare const TagDemo: () => React.JSX.Element;
 export default TagDemo;

package/dist/esm/types/src/packages/textarea/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TextAreaDemo: () => JSX.Element;
+import React from 'react';
+declare const TextAreaDemo: () => React.JSX.Element;
 export default TextAreaDemo;

package/dist/esm/types/src/packages/textarea/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TextAreaDemo: () => JSX.Element;
+import React from 'react';
+declare const TextAreaDemo: () => React.JSX.Element;
 export default TextAreaDemo;

package/dist/esm/types/src/packages/timeselect/demo.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TimeSelectDemo: () => JSX.Element;
+import React from 'react';
+declare const TimeSelectDemo: () => React.JSX.Element;
 export default TimeSelectDemo;

package/dist/esm/types/src/packages/timeselect/demo.taro.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TimeSelectDemo: () => JSX.Element;
+import React from 'react';
+declare const TimeSelectDemo: () => React.JSX.Element;
 export default TimeSelectDemo;

package/dist/esm/types/src/packages/toast/Notification.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { BasicComponent } from '@/utils/typings';
+import { ToastWordBreakType } from './toast';
 export interface NotificationProps extends BasicComponent {
     id?: string;
     icon: 'success' | 'fail' | 'loading' | 'warn' | React.ReactNode;
@@ -12,6 +13,7 @@ export interface NotificationProps extends BasicComponent {
     lockScroll: boolean;
     contentClassName?: string;
     contentStyle?: React.CSSProperties;
+    wordBreak?: ToastWordBreakType;
     onClose: () => void;
 }
 export interface NotificationState {
@@ -25,8 +27,8 @@ export default class Notification extends React.PureComponent<NotificationProps,
     startCloseTimer(): void;
     clearCloseTimer(): void;
     clickCover(): void;
-    renderIcon(): number | boolean | React.ReactFragment | JSX.Element | null | undefined;
+    renderIcon(): number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }