@egjs/react-flicking 4.2.4 → 4.4.0

package/declaration/Flicking.d.ts

@@ -1,8 +1,10 @@
 import * as React from "react";
+import Component from "@egjs/component";
 import VanillaFlicking, { FlickingOptions } from "@egjs/flicking";
 import { FlickingProps } from "./types";
-import ReactPanelComponent from "./ReactPanelComponent";
-declare class Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>> {
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
+declare class Flicking extends React.PureComponent<Partial<FlickingProps & FlickingOptions>> {
     static defaultProps: FlickingProps;
     private _vanillaFlicking;
     private _panels;
@@ -10,22 +12,23 @@ declare class Flicking extends React.Component<Partial<FlickingProps & FlickingO
     private _jsxDiffer;
     private _viewportElement;
     private _diffResult;
-    private _mounted;
-    private _renderCallback;
-    get mounted(): boolean;
-    get reactPanels(): ReactPanelComponent[];
-    constructor(props: any);
-    setRenderCallback(callback: () => any): void;
+    private _renderEmitter;
+    get reactPanels(): (StrictPanel | NonStrictPanel | HTMLDivElement)[];
+    get renderEmitter(): Component<{
+        render: void;
+    }>;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: this["props"]): boolean;
     componentDidUpdate(): void;
     render(): JSX.Element;
+    private _createPanelRefs;
     private _bindEvents;
     private _checkPlugins;
     private _getChildren;
     private _getViewportSlot;
     private _unpackFragment;
+    private _getVirtualPanels;
+    private _getPanels;
 }
 interface Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>>, VanillaFlicking {
 }

package/declaration/NonStrictPanel.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare class NonStrictPanel extends React.Component {
+    private _hide;
+    get nativeElement(): HTMLElement;
+    get rendered(): boolean;
+    render(): React.ReactNode;
+    show(): void;
+    hide(): void;
+}
+export default NonStrictPanel;

package/declaration/ReactElementProvider.d.ts

@@ -0,0 +1,12 @@
+import { ExternalElementProvider } from "@egjs/flicking";
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
+declare class ReactElementProvider implements ExternalElementProvider {
+    private _el;
+    get element(): HTMLElement;
+    get rendered(): boolean;
+    constructor(el: StrictPanel | NonStrictPanel);
+    show(): void;
+    hide(): void;
+}
+export default ReactElementProvider;

package/declaration/ReactRenderer.d.ts

@@ -1,7 +1,7 @@
 import { ExternalRenderer, PanelOptions, RendererOptions } from "@egjs/flicking";
 import ReactFlicking from "./Flicking";
-import ReactPanel from "./ReactPanel";
-import NonStrictPanelComponent from "./NonStrictPanelComponent";
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
 export interface ReactRendererOptions extends RendererOptions {
     reactFlicking: ReactFlicking;
 }
@@ -11,6 +11,6 @@ declare class ReactRenderer extends ExternalRenderer {
     render(): Promise<void>;
     forceRenderAllPanels(): Promise<void>;
     protected _collectPanels(): void;
-    protected _createPanel(externalComponent: NonStrictPanelComponent, options: PanelOptions): ReactPanel;
+    protected _createPanel(externalComponent: StrictPanel | NonStrictPanel | HTMLDivElement, options: PanelOptions): import("@egjs/flicking/declaration/core/panel/Panel").default;
 }
 export default ReactRenderer;

package/declaration/StrictPanel.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare class StrictPanel extends React.Component {
+    private _hide;
+    private _elRef;
+    get nativeElement(): HTMLElement;
+    get rendered(): boolean;
+    render(): JSX.Element;
+    show(): void;
+    hide(): void;
+    private _getElement;
+}
+export default StrictPanel;

package/declaration/types.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import ReactFlicking from "./Flicking";
-import { SelectEvent, NeedPanelEvent, VisibleChangeEvent, HoldStartEvent, HoldEndEvent, MoveStartEvent, MoveEvent, MoveEndEvent, WillChangeEvent, ChangedEvent, WillRestoreEvent, RestoredEvent, ReadyEvent, BeforeResizeEvent, AfterResizeEvent, ReachEdgeEvent, PanelChangeEvent, Plugin } from "@egjs/flicking";
+import { SelectEvent, NeedPanelEvent, VisibleChangeEvent, HoldStartEvent, HoldEndEvent, MoveStartEvent, MoveEvent, MoveEndEvent, WillChangeEvent, ChangedEvent, WillRestoreEvent, RestoredEvent, ReadyEvent, BeforeResizeEvent, AfterResizeEvent, ReachEdgeEvent, PanelChangeEvent, Plugin, Status } from "@egjs/flicking";
 export interface FlickingProps {
     viewportTag: keyof JSX.IntrinsicElements;
     cameraTag: keyof JSX.IntrinsicElements;
     plugins: Plugin[];
+    status?: Status;
     useFindDOMNode: boolean;
     hideBeforeInit: boolean;
     firstPanelSize?: string;