@ringcentral/juno 2.16.0 → 2.18.0

package/components/Backdrop/styles/BackdropStyle.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
+var utils_1 = require("../utils");
 exports.BackdropStyle = function () {
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    &.", " {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n  "], ["\n    &.", " {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n  "])), utils_1.RcBackdropClasses.root);
 };
 var templateObject_1;

package/components/Backdrop/utils/BackdropUtils.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var foundation_1 = require("../../../foundation");
-exports.RcBackdropClasses = foundation_1.RcClasses([], 'RcBackdrop');
+exports.RcBackdropClasses = foundation_1.RcClasses(['root'], 'RcBackdrop');

package/components/Dialog/Dialog.js

@@ -10,6 +10,7 @@ var utils_1 = require("./utils");
 var DialogContext_1 = require("./utils/DialogContext");
 exports.RcDialogContext = DialogContext_1.RcDialogContext;
 var HasPortalParentContext_1 = require("../PortalHost/context/HasPortalParentContext");
+var Backdrop_1 = require("../Backdrop");
 var _RcDialog = react_1.forwardRef(function (inProps, ref) {
     var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDialog' });
     if (process.env.NODE_ENV !== 'production') {
@@ -48,7 +49,7 @@ var _RcDialog = react_1.forwardRef(function (inProps, ref) {
         role: 'presentation' }, TransitionPropsProp), { onExited: onExited });
     var PaperProps = tslib_1.__assign({ 'aria-modal': true }, PaperPropsProp);
     return (react_1.default.createElement(HasPortalParentContext_1.HasPortalParentProvider, null,
-        react_1.default.createElement(Dialog_1.default, tslib_1.__assign({ ref: ref, fullWidth: fullWidth, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, maxWidth: maxWidth, fullScreen: size === 'fullScreen' ? true : undefined, classes: classes, TransitionProps: TransitionProps, PaperProps: PaperProps }, rest),
+        react_1.default.createElement(Dialog_1.default, tslib_1.__assign({ ref: ref, fullWidth: fullWidth, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, maxWidth: maxWidth, fullScreen: size === 'fullScreen' ? true : undefined, classes: classes, TransitionProps: TransitionProps, PaperProps: PaperProps, BackdropComponent: Backdrop_1.RcBackdrop }, rest),
             react_1.default.createElement(DialogContext_1.RcDialogContext.Provider, { value: contextValue }, children))));
 });
 var RcDialog = foundation_1.styled(_RcDialog)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DialogStyle);

package/components/Downshift/Downshift.d.ts

@@ -14,7 +14,7 @@ export interface RcDownshiftRenderOptionState {
     /** is that item selected */
     selected: boolean;
     /** is that item be show highlighted style */
-    highlighted?: boolean;
+    highlighted: boolean;
     /** that item index */
     index: number;
     /** sort index in option own group */

package/components/Drawer/Drawer.js

@@ -8,6 +8,7 @@ var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var PortalHost_1 = require("../PortalHost");
 var HasPortalParentContext_1 = require("../PortalHost/context/HasPortalParentContext");
+var Backdrop_1 = require("../Backdrop");
 var _RcDrawer = react_1.forwardRef(function (inProps, ref) {
     var props = foundation_1.useThemeProps({ props: inProps, name: 'RcDrawer' });
     var inlinePaper = props.inlinePaper, radius = props.radius, classesProp = props.classes, children = props.children, PaperPropsProp = props.PaperProps, onClose = props.onClose, SlidePropsProp = props.SlideProps, rest = tslib_1.__rest(props, ["inlinePaper", "radius", "classes", "children", "PaperProps", "onClose", "SlideProps"]);
@@ -31,7 +32,7 @@ var _RcDrawer = react_1.forwardRef(function (inProps, ref) {
     var managerWithID = PortalHost_1.usePortalManagerWithID();
     var SlideProps = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, SlidePropsProp), { onExited: onExited }), (managerWithID ? { appear: true } : {}));
     return (react_1.default.createElement(HasPortalParentContext_1.HasPortalParentProvider, null,
-        react_1.default.createElement(Drawer_1.default, tslib_1.__assign({}, rest, { ref: ref, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, classes: classes, onClose: onClose, PaperProps: PaperProps, SlideProps: SlideProps }), children)));
+        react_1.default.createElement(Drawer_1.default, tslib_1.__assign({ BackdropComponent: Backdrop_1.RcBackdrop }, rest, { ref: ref, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, classes: classes, onClose: onClose, PaperProps: PaperProps, SlideProps: SlideProps }), children)));
 });
 var RcDrawer = foundation_1.styled(_RcDrawer)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.DrawerStyle);
 exports.RcDrawer = RcDrawer;

package/components/Text/index.d.ts

@@ -1,2 +1 @@
 export * from './Text';
-export * from './TextWithEllipsis';

package/components/Text/index.js

@@ -2,4 +2,3 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./Text"), exports);
-tslib_1.__exportStar(require("./TextWithEllipsis"), exports);

package/components/index.d.ts

@@ -21,7 +21,6 @@ export * from './Forms';
 export * from './Grid';
 export * from './Hidden';
 export * from './Icon';
-export * from './ImageView';
 export * from './InlineEditable';
 export * from './Link';
 export * from './List';

package/components/index.js

@@ -24,7 +24,6 @@ tslib_1.__exportStar(require("./Forms"), exports);
 tslib_1.__exportStar(require("./Grid"), exports);
 tslib_1.__exportStar(require("./Hidden"), exports);
 tslib_1.__exportStar(require("./Icon"), exports);
-tslib_1.__exportStar(require("./ImageView"), exports);
 tslib_1.__exportStar(require("./InlineEditable"), exports);
 tslib_1.__exportStar(require("./Link"), exports);
 tslib_1.__exportStar(require("./List"), exports);

package/es6/components/Backdrop/styles/BackdropStyle.js

@@ -1,6 +1,7 @@
 import { __makeTemplateObject } from "tslib";
 import { css } from '../../../foundation';
+import { RcBackdropClasses } from '../utils';
 export var BackdropStyle = function () {
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    &.", " {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n  "], ["\n    &.", " {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n  "])), RcBackdropClasses.root);
 };
 var templateObject_1;

package/es6/components/Backdrop/utils/BackdropUtils.js

@@ -1,2 +1,2 @@
 import { RcClasses } from '../../../foundation';
-export var RcBackdropClasses = RcClasses([], 'RcBackdrop');
+export var RcBackdropClasses = RcClasses(['root'], 'RcBackdrop');

package/es6/components/Dialog/Dialog.js

@@ -7,6 +7,7 @@ import { DialogStyle } from './styles';
 import { RcDialogClasses } from './utils';
 import { RcDialogContext } from './utils/DialogContext';
 import { HasPortalParentProvider } from '../PortalHost/context/HasPortalParentContext';
+import { RcBackdrop } from '../Backdrop';
 var _RcDialog = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDialog' });
     if (process.env.NODE_ENV !== 'production') {
@@ -45,7 +46,7 @@ var _RcDialog = forwardRef(function (inProps, ref) {
         role: 'presentation' }, TransitionPropsProp), { onExited: onExited });
     var PaperProps = __assign({ 'aria-modal': true }, PaperPropsProp);
     return (React.createElement(HasPortalParentProvider, null,
-        React.createElement(MuiDialog, __assign({ ref: ref, fullWidth: fullWidth, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, maxWidth: maxWidth, fullScreen: size === 'fullScreen' ? true : undefined, classes: classes, TransitionProps: TransitionProps, PaperProps: PaperProps }, rest),
+        React.createElement(MuiDialog, __assign({ ref: ref, fullWidth: fullWidth, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, maxWidth: maxWidth, fullScreen: size === 'fullScreen' ? true : undefined, classes: classes, TransitionProps: TransitionProps, PaperProps: PaperProps, BackdropComponent: RcBackdrop }, rest),
             React.createElement(RcDialogContext.Provider, { value: contextValue }, children))));
 });
 var RcDialog = styled(_RcDialog)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DialogStyle);

package/es6/components/Drawer/Drawer.js

@@ -6,6 +6,7 @@ import { DrawerStyle } from './styles';
 import { RcDrawerClasses } from './utils';
 import { usePortalManagerWithID, useUnmountPortalHandler } from '../PortalHost';
 import { HasPortalParentProvider } from '../PortalHost/context/HasPortalParentContext';
+import { RcBackdrop } from '../Backdrop';
 var _RcDrawer = forwardRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'RcDrawer' });
     var inlinePaper = props.inlinePaper, radius = props.radius, classesProp = props.classes, children = props.children, PaperPropsProp = props.PaperProps, onClose = props.onClose, SlidePropsProp = props.SlideProps, rest = __rest(props, ["inlinePaper", "radius", "classes", "children", "PaperProps", "onClose", "SlideProps"]);
@@ -29,7 +30,7 @@ var _RcDrawer = forwardRef(function (inProps, ref) {
     var managerWithID = usePortalManagerWithID();
     var SlideProps = __assign(__assign(__assign({}, SlidePropsProp), { onExited: onExited }), (managerWithID ? { appear: true } : {}));
     return (React.createElement(HasPortalParentProvider, null,
-        React.createElement(MuiDrawer, __assign({}, rest, { ref: ref, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, classes: classes, onClose: onClose, PaperProps: PaperProps, SlideProps: SlideProps }), children)));
+        React.createElement(MuiDrawer, __assign({ BackdropComponent: RcBackdrop }, rest, { ref: ref, container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body, classes: classes, onClose: onClose, PaperProps: PaperProps, SlideProps: SlideProps }), children)));
 });
 var RcDrawer = styled(_RcDrawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), DrawerStyle);
 RcDrawer.defaultProps = {

package/es6/components/Text/index.js

@@ -1,2 +1 @@
 export * from './Text';
-export * from './TextWithEllipsis';

package/es6/components/index.js

@@ -21,7 +21,6 @@ export * from './Forms';
 export * from './Grid';
 export * from './Hidden';
 export * from './Icon';
-export * from './ImageView';
 export * from './InlineEditable';
 export * from './Link';
 export * from './List';

package/foundation/theme/ThemeHandler.d.ts

@@ -15,7 +15,7 @@ export declare class RcThemeHandler {
     setTheme(themeOptions: RcThemeInput, isEmit?: boolean): RcTheme;
     /** Set Theme Name with read static json file */
     setThemeName(name: string): Promise<void>;
-    read(theme: string): Promise<import("type-fest/source/partial-deep").PartialObjectDeep<Pick<RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>>;
+    read(theme: string): Promise<import("type-fest/source/partial-deep").PartialObjectDeep<Pick<RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>>;
     loadUrl(url: string): Promise<RcThemeInput>;
 }
 export {};

package/foundation/theme/ThemeSwitcherProvider/ThemeSwitcherProvider.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import { RcThemeSwitcherProviderProps } from './ThemeContext';
-export declare const RcDefaultDarkTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>;
-export declare const RcDefaultHighContrastTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">>;
+export declare const RcDefaultDarkTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>;
+export declare const RcDefaultHighContrastTheme: import("type-fest/source/partial-deep").PartialObjectDeep<Pick<import("../theme.type").RcTheme, "direction" | "opacity" | "radius" | "props" | "palette" | "typography" | "shape" | "breakpoints" | "mixins" | "overrides" | "shadows" | "transitions" | "zIndex" | "unstable_strictMode">, {}>;
 export declare const RcThemeSwitcherDefaultTheme: {
     defaultTheme: string;
     themeMap: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.16.0",
+  "version": "2.18.0",
   "author": "RingCentral",
   "license": "MIT",
   "main": "./index.js",

package/components/Autocomplete/Autocomplete.d.ts

@@ -1,4 +0,0 @@
-import Autocomplete from '@material-ui/lab/Autocomplete';
-/** @deprecated should use `RcDownshift` to replace that */
-declare const RcAutocomplete: typeof Autocomplete;
-export { RcAutocomplete };

package/components/Autocomplete/Autocomplete.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var Autocomplete_1 = tslib_1.__importDefault(require("@material-ui/lab/Autocomplete"));
-/** @deprecated should use `RcDownshift` to replace that */
-var RcAutocomplete = Autocomplete_1.default;
-exports.RcAutocomplete = RcAutocomplete;

package/components/Autocomplete/index.d.ts

@@ -1 +0,0 @@
-export * from './Autocomplete';

package/components/Autocomplete/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Autocomplete"), exports);

package/components/Grid/deprecated/Grid.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { GridProps as MuiGridProps } from '@material-ui/core/Grid';
-export declare type RcGridProps = MuiGridProps;
-export declare const RcGrid: React.SFC<RcGridProps> & {
-    dependencies?: any[];
-};

package/components/Grid/deprecated/Grid.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-var Grid_1 = tslib_1.__importDefault(require("@material-ui/core/Grid"));
-exports.RcGrid = react_1.default.memo(function (props) { return react_1.default.createElement(Grid_1.default, tslib_1.__assign({}, props)); });
-exports.RcGrid.displayName = 'RcGrid';
-exports.RcGrid.dependencies = [exports.RcGrid];

package/components/Grid/deprecated/index.d.ts

@@ -1 +0,0 @@
-export * from './Grid';

package/components/Grid/deprecated/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Grid"), exports);

package/components/ImageView/ImageView.d.ts

@@ -1,311 +0,0 @@
-import React, { ComponentType, RefObject } from 'react';
-declare type RcImageProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
-    imageRef?: RefObject<HTMLDivElement & HTMLImageElement>;
-    loadingPlaceHolder?: ComponentType<any>;
-    thumbnailSrc?: string;
-    onSizeLoad?: (naturalWidth: number, naturalHeight: number) => void;
-    onLoad?: () => void;
-    onError?: () => void;
-    performanceTracerStart?: () => void;
-    performanceTracerEnd?: () => void;
-    width?: number;
-    height?: number;
-};
-declare type RcImageState = {
-    currentShow: 'raw' | 'thumbnail';
-    loadings: {
-        raw: boolean;
-        thumbnail?: boolean;
-    };
-    errors: {
-        raw: boolean;
-        thumbnail?: boolean;
-    };
-};
-declare class RcImageView extends React.Component<RcImageProps, RcImageState> {
-    static initState: RcImageState;
-    static initThumbnailModeState: RcImageState;
-    private _imageRef;
-    private _canvasRef;
-    constructor(props: RcImageProps);
-    getInitState(props: RcImageProps): RcImageState;
-    getImageRef: () => React.RefObject<HTMLDivElement & HTMLImageElement>;
-    private _errorView;
-    private _hiddenRawLoader;
-    get error(): boolean;
-    private _drawToCanvas;
-    private _loadHandler;
-    private _errorHandler;
-    get _imageAttributes(): {
-        ref: React.RefObject<HTMLDivElement & HTMLImageElement>;
-        key?: string | number | null | undefined;
-        alt?: string | undefined;
-        crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-        decoding?: "auto" | "async" | "sync" | undefined;
-        height?: number | undefined;
-        loading?: "eager" | "lazy" | undefined;
-        referrerPolicy?: "" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url" | undefined;
-        sizes?: string | undefined;
-        srcSet?: string | undefined;
-        useMap?: string | undefined;
-        width?: number | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        className?: string | undefined;
-        contentEditable?: boolean | "inherit" | "true" | "false" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: boolean | "true" | "false" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        placeholder?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: boolean | "true" | "false" | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
-        role?: "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem" | (string & {}) | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "off" | "on" | undefined;
-        inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "true" | "false" | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
-        'aria-busy'?: boolean | "true" | "false" | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "true" | "false" | "page" | "step" | "location" | "date" | "time" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: boolean | "true" | "false" | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "true" | "false" | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "true" | "false" | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "grid" | "listbox" | "menu" | "tree" | "true" | "false" | undefined;
-        'aria-hidden'?: boolean | "true" | "false" | undefined;
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: boolean | "true" | "false" | undefined;
-        'aria-multiline'?: boolean | "true" | "false" | undefined;
-        'aria-multiselectable'?: boolean | "true" | "false" | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: boolean | "true" | "false" | undefined;
-        'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: boolean | "true" | "false" | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "true" | "false" | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: React.ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string;
-        } | undefined;
-        onCopy?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onCopyCapture?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onCut?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onCutCapture?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onPaste?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onPasteCapture?: ((event: React.ClipboardEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionEnd?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionEndCapture?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionStart?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionUpdate?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLImageElement>) => void) | undefined;
-        onFocus?: ((event: React.FocusEvent<HTMLImageElement, Element>) => void) | undefined;
-        onFocusCapture?: ((event: React.FocusEvent<HTMLImageElement, Element>) => void) | undefined;
-        onBlur?: ((event: React.FocusEvent<HTMLImageElement, Element>) => void) | undefined;
-        onBlurCapture?: ((event: React.FocusEvent<HTMLImageElement, Element>) => void) | undefined;
-        onChange?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onChangeCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onBeforeInput?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onBeforeInputCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onInput?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onInputCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onReset?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onResetCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onSubmit?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onSubmitCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onInvalid?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onInvalidCapture?: ((event: React.FormEvent<HTMLImageElement>) => void) | undefined;
-        onLoadCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onErrorCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onKeyDown?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onKeyPress?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onKeyUp?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLImageElement>) => void) | undefined;
-        onAbort?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onAbortCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onCanPlay?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onDurationChange?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEmptied?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEncrypted?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEnded?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onEndedCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadedData?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadStart?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPause?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPauseCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPlay?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPlayCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPlaying?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onPlayingCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onProgress?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onProgressCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onRateChange?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSeeked?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSeekedCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSeeking?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSeekingCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onStalled?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onStalledCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSuspend?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSuspendCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onTimeUpdate?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onVolumeChange?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onWaiting?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onWaitingCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onAuxClick?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onAuxClickCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onClick?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onClickCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onContextMenu?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onContextMenuCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onDoubleClick?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onDoubleClickCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onDrag?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragEnd?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragEndCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragEnter?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragEnterCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragExit?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragExitCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragLeave?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragLeaveCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragOver?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragOverCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragStart?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDragStartCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDrop?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onDropCapture?: ((event: React.DragEvent<HTMLImageElement>) => void) | undefined;
-        onMouseDown?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseDownCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseEnter?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseLeave?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseMove?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseMoveCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseOut?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseOutCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseOver?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseOverCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseUp?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onMouseUpCapture?: ((event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void) | undefined;
-        onSelect?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onSelectCapture?: ((event: React.SyntheticEvent<HTMLImageElement, Event>) => void) | undefined;
-        onTouchCancel?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchCancelCapture?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchEnd?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchEndCapture?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchMove?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchMoveCapture?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchStart?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onTouchStartCapture?: ((event: React.TouchEvent<HTMLImageElement>) => void) | undefined;
-        onPointerDown?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerDownCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerMove?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerMoveCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerUp?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerUpCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerCancel?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerCancelCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerEnter?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerEnterCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerLeave?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerOver?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerOverCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerOut?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onPointerOutCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onGotPointerCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onLostPointerCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLImageElement>) => void) | undefined;
-        onScroll?: ((event: React.UIEvent<HTMLImageElement, UIEvent>) => void) | undefined;
-        onScrollCapture?: ((event: React.UIEvent<HTMLImageElement, UIEvent>) => void) | undefined;
-        onWheel?: ((event: React.WheelEvent<HTMLImageElement>) => void) | undefined;
-        onWheelCapture?: ((event: React.WheelEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationStart?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationStartCapture?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationEnd?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationEndCapture?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationIteration?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLImageElement>) => void) | undefined;
-        onTransitionEnd?: ((event: React.TransitionEvent<HTMLImageElement>) => void) | undefined;
-        onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLImageElement>) => void) | undefined;
-    };
-    private rawImageLoader;
-    canvasRenderer: () => JSX.Element;
-    render(): JSX.Element;
-}
-export { RcImageView };