@ringcentral/juno 2.16.1 → 2.19.0

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/foundation/theme/ThemeSwitcherProvider/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../../es6/foundation/theme/ThemeSwitcherProvider/index.js",
+  "typings": "./index.d.ts"
+}

package/foundation/theme/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../es6/foundation/theme/index.js",
+  "typings": "./index.d.ts"
+}

package/foundation/typings/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../es6/foundation/typings/index.js",
+  "typings": "./index.d.ts"
+}

package/foundation/utils/package.json

@@ -0,0 +1,5 @@
+{
+  "sideEffects": false,
+  "module": "../../es6/foundation/utils/index.js",
+  "typings": "./index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ringcentral/juno",
-  "version": "2.16.1",
+  "version": "2.19.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 };

package/components/ImageView/ImageView.js

@@ -1,206 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importStar(require("react"));
-var cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
-var values_1 = tslib_1.__importDefault(require("lodash/values"));
-var juno_icon_1 = require("@ringcentral/juno-icon");
-var styled_components_1 = tslib_1.__importDefault(require("../../foundation/styled-components"));
-var Icon_1 = require("../Icon");
-var StyledLoadingPage = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])));
-var StyledBackground = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"], ["\n  display: block;\n  overflow: hidden;\n  box-shadow: ", ";\n  visibility: ", ";\n  user-select: none;\n  height: ", "px;\n  width: ", "px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.shadows[7];
-}, function (_a) {
-    var visibility = _a.visibility;
-    return visibility;
-}, function (_a) {
-    var height = _a.height;
-    return height;
-}, function (_a) {
-    var width = _a.width;
-    return width;
-});
-var HiddenImage = styled_components_1.default.img(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  visibility: hidden;\n  display: none;\n"], ["\n  visibility: hidden;\n  display: none;\n"])));
-function isThumbnailMode(props) {
-    return props.thumbnailSrc && props.thumbnailSrc !== props.src;
-}
-var RcImageView = /** @class */ (function (_super) {
-    tslib_1.__extends(RcImageView, _super);
-    function RcImageView(props) {
-        var _this = _super.call(this, props) || this;
-        _this._imageRef = react_1.createRef();
-        _this._canvasRef = react_1.createRef();
-        _this.getImageRef = function () {
-            return _this.props.imageRef || _this._imageRef;
-        };
-        _this._drawToCanvas = function (imgBitmap) {
-            var canvasE = _this._canvasRef.current;
-            if (!canvasE) {
-                return;
-            }
-            var ctx = canvasE.getContext('2d');
-            if (ctx) {
-                if (!imgBitmap) {
-                    return;
-                }
-                var naturalWidth = imgBitmap.width, naturalHeight = imgBitmap.height;
-                canvasE.width = naturalWidth;
-                canvasE.height = naturalHeight;
-                ctx.drawImage(imgBitmap, 0, 0, naturalWidth, naturalHeight, 0, 0, naturalWidth, naturalHeight);
-            }
-        };
-        _this._loadHandler = function (event) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
-            var _a, loadings, currentShow, _b, onSizeLoad, onLoad, _c, naturalWidth, naturalHeight, performanceTracerEnd, target, bitmap;
-            var _d;
-            return tslib_1.__generator(this, function (_e) {
-                switch (_e.label) {
-                    case 0:
-                        _a = this.state, loadings = _a.loadings, currentShow = _a.currentShow;
-                        _b = this.props, onSizeLoad = _b.onSizeLoad, onLoad = _b.onLoad;
-                        if (currentShow === 'raw') {
-                            _c = event.currentTarget, naturalWidth = _c.naturalWidth, naturalHeight = _c.naturalHeight;
-                            onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(naturalWidth, naturalHeight);
-                            onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-                            performanceTracerEnd = this.props.performanceTracerEnd;
-                            performanceTracerEnd === null || performanceTracerEnd === void 0 ? void 0 : performanceTracerEnd();
-                        }
-                        this.setState({
-                            loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), (_d = {}, _d[currentShow] = false, _d)),
-                        });
-                        if (!this._canvasRef.current) {
-                            return [2 /*return*/];
-                        }
-                        target = event.target;
-                        if (!('createImageBitmap' in window)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, createImageBitmap(target)];
-                    case 1:
-                        bitmap = _e.sent();
-                        this._drawToCanvas(bitmap);
-                        return [3 /*break*/, 3];
-                    case 2:
-                        this._drawToCanvas(target);
-                        _e.label = 3;
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        _this._errorHandler = function () {
-            var _a, _b;
-            var _c = _this.state, loadings = _c.loadings, errors = _c.errors, currentShow = _c.currentShow;
-            var onError = _this.props.onError;
-            if (currentShow === 'raw') {
-                onError === null || onError === void 0 ? void 0 : onError();
-            }
-            _this.setState({
-                loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), (_a = {}, _a[currentShow] = false, _a)),
-                errors: tslib_1.__assign(tslib_1.__assign({}, errors), (_b = {}, _b[currentShow] = true, _b)),
-            });
-            onError === null || onError === void 0 ? void 0 : onError();
-        };
-        _this.rawImageLoader = function () {
-            var currentShow = _this.state.currentShow;
-            var _a = _this.props, thumbnailSrc = _a.thumbnailSrc, src = _a.src;
-            var currentShowSrc = currentShow === 'raw' ? src : thumbnailSrc;
-            if (!currentShowSrc) {
-                return null;
-            }
-            var pathName = new URL(currentShowSrc).pathname;
-            var isGif = /\.gif$/.test(pathName);
-            if (isGif) {
-                return (react_1.default.createElement("img", tslib_1.__assign({ src: currentShowSrc, alt: "", onLoad: _this._loadHandler, onError: _this._errorHandler }, _this._imageAttributes)));
-            }
-            return (react_1.default.createElement(react_1.default.Fragment, null,
-                _this.canvasRenderer(),
-                react_1.default.createElement(HiddenImage, { src: currentShowSrc, onLoad: _this._loadHandler, onError: _this._errorHandler })));
-        };
-        _this.canvasRenderer = function () {
-            return (react_1.default.createElement(StyledBackground, tslib_1.__assign({}, _this._imageAttributes, { visibility: _this.error ? 'hidden' : 'visible' }),
-                react_1.default.createElement("canvas", { ref: _this._canvasRef, style: { width: '100%' } })));
-        };
-        var performanceTracerStart = _this.props.performanceTracerStart;
-        performanceTracerStart === null || performanceTracerStart === void 0 ? void 0 : performanceTracerStart();
-        _this.state = _this.getInitState(props);
-        var _a = _this.props, width = _a.width, height = _a.height, onSizeLoad = _a.onSizeLoad;
-        if (width && height && onSizeLoad) {
-            onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(Number(width), Number(height));
-        }
-        return _this;
-    }
-    RcImageView.prototype.getInitState = function (props) {
-        if (isThumbnailMode(props)) {
-            return cloneDeep_1.default(RcImageView.initThumbnailModeState);
-        }
-        return cloneDeep_1.default(RcImageView.initState);
-    };
-    RcImageView.prototype._errorView = function () {
-        if (!this.error) {
-            return null;
-        }
-        return (react_1.default.createElement(StyledLoadingPage, null,
-            react_1.default.createElement(Icon_1.RcIcon, { size: "xxxlarge", color: "neutral.f02", symbol: juno_icon_1.ImageBroken })));
-    };
-    RcImageView.prototype._hiddenRawLoader = function () {
-        var _this = this;
-        var _a = this.state, loadings = _a.loadings, errors = _a.errors, currentShow = _a.currentShow;
-        var _b = this.props, onSizeLoad = _b.onSizeLoad, src = _b.src;
-        return (currentShow !== 'raw' && (react_1.default.createElement(HiddenImage, { src: src, onLoad: function (event) {
-                var _a = event.currentTarget, naturalWidth = _a.naturalWidth, naturalHeight = _a.naturalHeight;
-                onSizeLoad === null || onSizeLoad === void 0 ? void 0 : onSizeLoad(naturalWidth, naturalHeight);
-                _this.setState({
-                    loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
-                    currentShow: 'raw',
-                });
-            }, onError: function () {
-                _this.setState({
-                    loadings: tslib_1.__assign(tslib_1.__assign({}, loadings), { raw: false }),
-                    errors: tslib_1.__assign(tslib_1.__assign({}, errors), { raw: true }),
-                });
-            } })));
-    };
-    Object.defineProperty(RcImageView.prototype, "error", {
-        get: function () {
-            var errors = this.state.errors;
-            return values_1.default(errors).every(function (status) { return !!status; });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(RcImageView.prototype, "_imageAttributes", {
-        get: function () {
-            var _a = this.props, onSizeLoad = _a.onSizeLoad, onLoad = _a.onLoad, onError = _a.onError, loadingPlaceHolder = _a.loadingPlaceHolder, viewRef = _a.imageRef, thumbnailSrc = _a.thumbnailSrc, src = _a.src, performanceTracerEnd = _a.performanceTracerEnd, performanceTracerStart = _a.performanceTracerStart, rest = tslib_1.__rest(_a, ["onSizeLoad", "onLoad", "onError", "loadingPlaceHolder", "imageRef", "thumbnailSrc", "src", "performanceTracerEnd", "performanceTracerStart"]);
-            return tslib_1.__assign(tslib_1.__assign({}, rest), { ref: this.getImageRef() });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    RcImageView.prototype.render = function () {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            this.rawImageLoader(),
-            this._hiddenRawLoader(),
-            this._errorView()));
-    };
-    RcImageView.initState = {
-        loadings: {
-            raw: true,
-        },
-        errors: {
-            raw: false,
-        },
-        currentShow: 'raw',
-    };
-    RcImageView.initThumbnailModeState = {
-        loadings: {
-            raw: true,
-            thumbnail: true,
-        },
-        errors: {
-            raw: false,
-            thumbnail: false,
-        },
-        currentShow: 'thumbnail',
-    };
-    return RcImageView;
-}(react_1.default.Component));
-exports.RcImageView = RcImageView;
-var templateObject_1, templateObject_2, templateObject_3;

package/components/ImageView/index.d.ts

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