@egjs/react-flicking 4.12.0-beta.9 → 4.12.0

package/declaration/CrossFlicking.d.ts

@@ -1,24 +1,26 @@
-/// <reference types="react" />
-import { CrossFlickingEvent, HoldStartEvent, HoldEndEvent, MoveStartEvent, MoveEvent, MoveEndEvent, WillChangeEvent, ChangedEvent, CrossFlickingOptions, FlickingOptions } from "@egjs/flicking";
-import { FlickingProps } from "./types";
-import Flicking from "./Flicking";
-export interface CrossFlickingProps extends FlickingProps {
-    onSideHoldStart: (e: CrossFlickingEvent<HoldStartEvent<Flicking>>) => any;
-    onSideHoldEnd: (e: CrossFlickingEvent<HoldEndEvent<Flicking>>) => any;
-    onSideMoveStart: (e: CrossFlickingEvent<MoveStartEvent<Flicking>>) => any;
-    onSideMove: (e: CrossFlickingEvent<MoveEvent<Flicking>>) => any;
-    onSideMoveEnd: (e: CrossFlickingEvent<MoveEndEvent<Flicking>>) => any;
-    onSideWillChange: (e: CrossFlickingEvent<WillChangeEvent<Flicking>>) => any;
-    onSideChanged: (e: CrossFlickingEvent<ChangedEvent<Flicking>>) => any;
-}
-export declare const CROSSFLICKING_DEFAULT_PROPS: CrossFlickingProps;
-declare class CrossFlicking extends Flicking {
-    static defaultProps: CrossFlickingProps;
-    constructor(props: Partial<FlickingProps & FlickingOptions & CrossFlickingOptions & CrossFlickingProps>);
-    componentDidMount(): void;
-    render(): JSX.Element;
-    protected _bindEvents(): void;
-}
-interface CrossFlicking extends Flicking {
-}
-export default CrossFlicking;
+/// <reference types="react" />
+import { CrossFlickingEvent, HoldStartEvent, HoldEndEvent, MoveStartEvent, MoveEvent, MoveEndEvent, WillChangeEvent, ChangedEvent, CrossFlickingOptions, FlickingOptions } from "@egjs/flicking";
+import { FlickingProps } from "./types";
+import Flicking from "./Flicking";
+export interface CrossFlickingProps extends FlickingProps {
+    onSideHoldStart: (e: CrossFlickingEvent<HoldStartEvent<Flicking>>) => any;
+    onSideHoldEnd: (e: CrossFlickingEvent<HoldEndEvent<Flicking>>) => any;
+    onSideMoveStart: (e: CrossFlickingEvent<MoveStartEvent<Flicking>>) => any;
+    onSideMove: (e: CrossFlickingEvent<MoveEvent<Flicking>>) => any;
+    onSideMoveEnd: (e: CrossFlickingEvent<MoveEndEvent<Flicking>>) => any;
+    onSideWillChange: (e: CrossFlickingEvent<WillChangeEvent<Flicking>>) => any;
+    onSideChanged: (e: CrossFlickingEvent<ChangedEvent<Flicking>>) => any;
+    onSideWillRestore: (e: CrossFlickingEvent<WillChangeEvent<Flicking>>) => any;
+    onSideRestored: (e: CrossFlickingEvent<ChangedEvent<Flicking>>) => any;
+}
+export declare const CROSSFLICKING_DEFAULT_PROPS: CrossFlickingProps;
+declare class CrossFlicking extends Flicking {
+    static defaultProps: CrossFlickingProps;
+    constructor(props: Partial<FlickingProps & FlickingOptions & CrossFlickingOptions & CrossFlickingProps>);
+    componentDidMount(): void;
+    render(): JSX.Element;
+    protected _bindEvents(): void;
+}
+interface CrossFlicking extends Flicking {
+}
+export default CrossFlicking;

package/declaration/CrossGroup.d.ts

@@ -1,5 +1,6 @@
-import React, { ReactNode } from "react";
-declare const CrossGroup: React.ForwardRefExoticComponent<{
-    children?: ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default CrossGroup;
+import React, { ReactNode, HTMLAttributes } from "react";
+interface CrossGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}
+declare const CrossGroup: React.ForwardRefExoticComponent<CrossGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default CrossGroup;

package/declaration/Flicking.d.ts

@@ -1,56 +1,56 @@
-import * as React from "react";
-import Component from "@egjs/component";
-import ListDiffer from "@egjs/list-differ";
-import VanillaFlicking, { FlickingOptions, FlickingEvents } from "@egjs/flicking";
-import { FlickingProps } from "./types";
-import StrictPanel from "./StrictPanel";
-import NonStrictPanel from "./NonStrictPanel";
-declare class Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>> {
-    static defaultProps: FlickingProps;
-    protected _vanillaFlicking: VanillaFlicking;
-    private _panels;
-    protected _pluginsDiffer: ListDiffer<any>;
-    protected _jsxDiffer: ListDiffer<React.ReactElement>;
-    protected _viewportElement: HTMLElement;
-    private _diffResult;
-    private _renderEmitter;
-    protected _prevChildren: React.ReactElement[];
-    get reactPanels(): (StrictPanel | NonStrictPanel | HTMLDivElement)[];
-    get renderEmitter(): Component<{
-        render: void;
-    }>;
-    constructor(props: Partial<FlickingProps & FlickingOptions>);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    shouldComponentUpdate(nextProps: Readonly<Partial<FlickingProps & FlickingOptions>>): boolean;
-    beforeRender(): void;
-    componentDidUpdate(): void;
-    render(): JSX.Element;
-    private _createPanelRefs;
-    protected _bindEvents(): void;
-    protected _bindEvent(eventName: keyof FlickingEvents): void;
-    protected _checkPlugins(): void;
-    protected _getClasses(attributes: {
-        [key: string]: any;
-    }, props: typeof this.props): {
-        viewportClasses: string[];
-        cameraClasses: string[];
-        cameraProps: {
-            style: {
-                transform: string;
-            };
-        } | {
-            style?: undefined;
-        };
-    };
-    private _hasSameChildren;
-    protected _getChildren(children?: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    protected _getViewportSlot(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
-    private _unpackFragment;
-    private _getVirtualPanels;
-    protected _getPanels(): JSX.Element[];
-    private _isFragment;
-}
-interface Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>>, VanillaFlicking {
-}
-export default Flicking;
+import * as React from "react";
+import Component from "@egjs/component";
+import ListDiffer from "@egjs/list-differ";
+import VanillaFlicking, { FlickingOptions, FlickingEvents } from "@egjs/flicking";
+import { FlickingProps } from "./types";
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
+declare class Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>> {
+    static defaultProps: FlickingProps;
+    protected _vanillaFlicking: VanillaFlicking;
+    private _panels;
+    protected _pluginsDiffer: ListDiffer<any>;
+    protected _jsxDiffer: ListDiffer<React.ReactElement>;
+    protected _viewportElement: HTMLElement;
+    private _diffResult;
+    private _renderEmitter;
+    protected _prevChildren: React.ReactElement[];
+    get reactPanels(): (StrictPanel | NonStrictPanel | HTMLDivElement)[];
+    get renderEmitter(): Component<{
+        render: void;
+    }>;
+    constructor(props: Partial<FlickingProps & FlickingOptions>);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    shouldComponentUpdate(nextProps: Readonly<Partial<FlickingProps & FlickingOptions>>): boolean;
+    beforeRender(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+    private _createPanelRefs;
+    protected _bindEvents(): void;
+    protected _bindEvent(eventName: keyof FlickingEvents): void;
+    protected _checkPlugins(): void;
+    protected _getClasses(attributes: {
+        [key: string]: any;
+    }, props: typeof this.props): {
+        viewportClasses: string[];
+        cameraClasses: string[];
+        cameraProps: {
+            style: {
+                transform: string;
+            };
+        } | {
+            style?: undefined;
+        };
+    };
+    private _hasSameChildren;
+    protected _getChildren(children?: React.ReactNode): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    protected _getViewportSlot(): React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+    private _unpackFragment;
+    private _getVirtualPanels;
+    protected _getPanels(): JSX.Element[];
+    private _isFragment;
+}
+interface Flicking extends React.Component<Partial<FlickingProps & FlickingOptions>>, VanillaFlicking {
+}
+export default Flicking;

package/declaration/NonStrictPanel.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
-declare class NonStrictPanel extends React.Component<{
-    children?: React.ReactElement;
-}> {
-    private _hide;
-    get nativeElement(): HTMLElement;
-    get rendered(): boolean;
-    render(): JSX.Element | undefined;
-    show(): void;
-    hide(): void;
-}
-export default NonStrictPanel;
+import * as React from "react";
+declare class NonStrictPanel extends React.Component<{
+    children?: React.ReactElement;
+}> {
+    private _hide;
+    get nativeElement(): HTMLElement;
+    get rendered(): boolean;
+    render(): JSX.Element | undefined;
+    show(): void;
+    hide(): void;
+}
+export default NonStrictPanel;

package/declaration/ReactElementProvider.d.ts

@@ -1,12 +1,12 @@
-import { ElementProvider } from "@egjs/flicking";
-import StrictPanel from "./StrictPanel";
-import NonStrictPanel from "./NonStrictPanel";
-declare class ReactElementProvider implements ElementProvider {
-    private _el;
-    get element(): HTMLElement;
-    get rendered(): boolean;
-    constructor(el: StrictPanel | NonStrictPanel);
-    show(): void;
-    hide(): void;
-}
-export default ReactElementProvider;
+import { ElementProvider } from "@egjs/flicking";
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
+declare class ReactElementProvider implements ElementProvider {
+    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,17 +1,17 @@
-import { ExternalRenderer, PanelOptions, RendererOptions } from "@egjs/flicking";
-import ReactFlicking from "./Flicking";
-import StrictPanel from "./StrictPanel";
-import NonStrictPanel from "./NonStrictPanel";
-export interface ReactRendererOptions extends RendererOptions {
-    reactFlicking: ReactFlicking;
-}
-declare class ReactRenderer extends ExternalRenderer {
-    protected _reactFlicking: ReactFlicking;
-    constructor(options: ReactRendererOptions);
-    render(): Promise<void>;
-    forceRenderAllPanels(): Promise<void>;
-    destroy(): void;
-    protected _collectPanels(): void;
-    protected _createPanel(externalComponent: StrictPanel | NonStrictPanel | HTMLDivElement, options: PanelOptions): import("../../../../declaration/core/panel/Panel").default;
-}
-export default ReactRenderer;
+import { ExternalRenderer, PanelOptions, RendererOptions } from "@egjs/flicking";
+import ReactFlicking from "./Flicking";
+import StrictPanel from "./StrictPanel";
+import NonStrictPanel from "./NonStrictPanel";
+export interface ReactRendererOptions extends RendererOptions {
+    reactFlicking: ReactFlicking;
+}
+declare class ReactRenderer extends ExternalRenderer {
+    protected _reactFlicking: ReactFlicking;
+    constructor(options: ReactRendererOptions);
+    render(): Promise<void>;
+    forceRenderAllPanels(): Promise<void>;
+    destroy(): void;
+    protected _collectPanels(): void;
+    protected _createPanel(externalComponent: StrictPanel | NonStrictPanel | HTMLDivElement, options: PanelOptions): import("@egjs/flicking/declaration/core/panel/Panel").default;
+}
+export default ReactRenderer;

package/declaration/StrictPanel.d.ts

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

package/declaration/ViewportSlot.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode } from "react";
-declare const ViewportSlot: React.MemoExoticComponent<(props: {
-    children?: ReactNode;
-}) => JSX.Element>;
-export default ViewportSlot;
+import React, { ReactNode } from "react";
+declare const ViewportSlot: React.MemoExoticComponent<(props: {
+    children?: ReactNode;
+}) => JSX.Element>;
+export default ViewportSlot;

package/declaration/consts.d.ts

@@ -1,2 +1,2 @@
-import { FlickingProps } from "./types";
-export declare const DEFAULT_PROPS: FlickingProps;
+import { FlickingProps } from "./types";
+export declare const DEFAULT_PROPS: FlickingProps;

package/declaration/index.d.ts

@@ -1,8 +1,8 @@
-import Flicking from "./Flicking";
-import CrossFlicking from "./CrossFlicking";
-import CrossGroup from "./CrossGroup";
-import ViewportSlot from "./ViewportSlot";
-export * from "@egjs/flicking";
-export * from "./types";
-export { CrossFlicking, CrossGroup, ViewportSlot, };
-export default Flicking;
+import Flicking from "./Flicking";
+import CrossFlicking from "./CrossFlicking";
+import CrossGroup from "./CrossGroup";
+import ViewportSlot from "./ViewportSlot";
+export * from "@egjs/flicking";
+export * from "./types";
+export { CrossFlicking, CrossGroup, ViewportSlot, };
+export default Flicking;

package/declaration/index.umd.d.ts

@@ -1,2 +1,2 @@
-import Flicking from "./Flicking";
-export default Flicking;
+import Flicking from "./Flicking";
+export default Flicking;

package/declaration/types.d.ts

@@ -1,32 +1,32 @@
-/// <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, Status } from "@egjs/flicking";
-export interface FlickingProps {
-    viewportTag: keyof JSX.IntrinsicElements;
-    cameraTag: keyof JSX.IntrinsicElements;
-    cameraClass: string;
-    renderOnSameKey: boolean;
-    plugins: Plugin[];
-    status?: Status;
-    useFindDOMNode: boolean;
-    hideBeforeInit: boolean;
-    firstPanelSize?: string;
-    onReady: (e: ReadyEvent<ReactFlicking>) => any;
-    onBeforeResize: (e: BeforeResizeEvent<ReactFlicking>) => any;
-    onAfterResize: (e: AfterResizeEvent<ReactFlicking>) => any;
-    onHoldStart: (e: HoldStartEvent<ReactFlicking>) => any;
-    onHoldEnd: (e: HoldEndEvent<ReactFlicking>) => any;
-    onMoveStart: (e: MoveStartEvent<ReactFlicking>) => any;
-    onMove: (e: MoveEvent<ReactFlicking>) => any;
-    onMoveEnd: (e: MoveEndEvent<ReactFlicking>) => any;
-    onWillChange: (e: WillChangeEvent<ReactFlicking>) => any;
-    onChanged: (e: ChangedEvent<ReactFlicking>) => any;
-    onWillRestore: (e: WillRestoreEvent<ReactFlicking>) => any;
-    onRestored: (e: RestoredEvent<ReactFlicking>) => any;
-    onSelect: (e: SelectEvent<ReactFlicking>) => any;
-    onNeedPanel: (e: NeedPanelEvent<ReactFlicking>) => any;
-    onVisibleChange: (e: VisibleChangeEvent<ReactFlicking>) => any;
-    onReachEdge: (e: ReachEdgeEvent<ReactFlicking>) => any;
-    onPanelChange: (e: PanelChangeEvent<ReactFlicking>) => any;
-    [key: string]: any;
-}
+/// <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, Status } from "@egjs/flicking";
+export interface FlickingProps {
+    viewportTag: keyof JSX.IntrinsicElements;
+    cameraTag: keyof JSX.IntrinsicElements;
+    cameraClass: string;
+    renderOnSameKey: boolean;
+    plugins: Plugin[];
+    status?: Status;
+    useFindDOMNode: boolean;
+    hideBeforeInit: boolean;
+    firstPanelSize?: string;
+    onReady: (e: ReadyEvent<ReactFlicking>) => any;
+    onBeforeResize: (e: BeforeResizeEvent<ReactFlicking>) => any;
+    onAfterResize: (e: AfterResizeEvent<ReactFlicking>) => any;
+    onHoldStart: (e: HoldStartEvent<ReactFlicking>) => any;
+    onHoldEnd: (e: HoldEndEvent<ReactFlicking>) => any;
+    onMoveStart: (e: MoveStartEvent<ReactFlicking>) => any;
+    onMove: (e: MoveEvent<ReactFlicking>) => any;
+    onMoveEnd: (e: MoveEndEvent<ReactFlicking>) => any;
+    onWillChange: (e: WillChangeEvent<ReactFlicking>) => any;
+    onChanged: (e: ChangedEvent<ReactFlicking>) => any;
+    onWillRestore: (e: WillRestoreEvent<ReactFlicking>) => any;
+    onRestored: (e: RestoredEvent<ReactFlicking>) => any;
+    onSelect: (e: SelectEvent<ReactFlicking>) => any;
+    onNeedPanel: (e: NeedPanelEvent<ReactFlicking>) => any;
+    onVisibleChange: (e: VisibleChangeEvent<ReactFlicking>) => any;
+    onReachEdge: (e: ReachEdgeEvent<ReactFlicking>) => any;
+    onPanelChange: (e: PanelChangeEvent<ReactFlicking>) => any;
+    [key: string]: any;
+}

package/dist/flicking-inline.css

@@ -2,29 +2,22 @@
   position: relative;
   overflow: hidden;
 }
-
 .flicking-viewport:not(.vertical) {
   width: 100%;
   height: 100%;
 }
-
-.flicking-viewport.vertical,
-.flicking-viewport.vertical > .flicking-camera {
+.flicking-viewport.vertical, .flicking-viewport.vertical > .flicking-camera {
   display: inline-block;
 }
-
 .flicking-viewport.vertical.middle > .flicking-camera > * {
   vertical-align: middle;
 }
-
 .flicking-viewport.vertical.bottom > .flicking-camera > * {
   vertical-align: bottom;
 }
-
 .flicking-viewport.vertical > .flicking-camera > * {
   display: block;
 }
-
 .flicking-viewport.flicking-hidden > .flicking-camera > * {
   visibility: hidden;
 }
@@ -37,7 +30,6 @@
   white-space: nowrap;
   will-change: transform;
 }
-
 .flicking-camera > * {
   display: inline-block;
   white-space: normal;

package/dist/flicking-inline.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../sass/flicking-inline.sass"],"names":[],"mappings":"AAAA;EACE;EACA;;AACA;EACE;EACA;;AACF;EAEE;;AAEA;EACE;;AACF;EACE;;AACF;EACE;;AACJ;EACE;;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA","file":"flicking-inline.css"}

package/dist/flicking-inline.min.min.css

@@ -0,0 +1 @@
+.flicking-viewport{position:relative;overflow:hidden}.flicking-viewport:not(.vertical){width:100%;height:100%}.flicking-viewport.vertical,.flicking-viewport.vertical>.flicking-camera{display:inline-block}.flicking-viewport.vertical.middle>.flicking-camera>*{vertical-align:middle}.flicking-viewport.vertical.bottom>.flicking-camera>*{vertical-align:bottom}.flicking-viewport.vertical>.flicking-camera>*{display:block}.flicking-viewport.flicking-hidden>.flicking-camera>*{visibility:hidden}.flicking-camera{width:100%;height:100%;position:relative;z-index:1;white-space:nowrap;will-change:transform}.flicking-camera>*{display:inline-block;white-space:normal;vertical-align:top}

package/dist/flicking.cjs.js

@@ -4,7 +4,7 @@ name: @egjs/react-flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking/tree/master/packages/react-flicking
-version: 4.12.0-beta.9
+version: 4.12.0
 */
 'use strict';
 
@@ -370,9 +370,9 @@ var NonStrictPanel = /*#__PURE__*/function (_super) {
   return NonStrictPanel;
 }(React.Component);
 
-/*
- * Copyright (c) 2015 NAVER Corp.
- * egjs projects are licensed under the MIT license
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
  */
 var ViewportSlot = React.memo(function (props) {
   return React.createElement(React.Fragment, null, props.children);
@@ -701,9 +701,9 @@ var Flicking = /*#__PURE__*/function (_super) {
   return Flicking;
 }(React.Component);
 
-/*
- * Copyright (c) 2015 NAVER Corp.
- * egjs projects are licensed under the MIT license
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
  */
 Flicking.ViewportSlot = ViewportSlot;
 

package/dist/flicking.css

@@ -2,23 +2,20 @@
   position: relative;
   overflow: hidden;
 }
-
 .flicking-viewport.vertical {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
-
 .flicking-viewport.vertical > .flicking-camera {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
 }
-
 .flicking-viewport.flicking-hidden > .flicking-camera > * {
   visibility: hidden;
 }
@@ -32,13 +29,12 @@
   position: relative;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
   z-index: 1;
   will-change: transform;
 }
-
 .flicking-camera > * {
   -ms-flex-negative: 0;
-      flex-shrink: 0;
+  flex-shrink: 0;
 }

package/dist/flicking.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../sass/flicking.sass"],"names":[],"mappings":"AAAA;EACE;EACA;;AACA;EACE;;AACA;EACE;EACA;;AAGA;EACE;;;AAER;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE","file":"flicking.css"}

package/dist/flicking.esm.js

@@ -4,7 +4,7 @@ name: @egjs/react-flicking
 license: MIT
 author: NAVER Corp.
 repository: https://github.com/naver/egjs-flicking/tree/master/packages/react-flicking
-version: 4.12.0-beta.9
+version: 4.12.0
 */
 import * as React from 'react';
 import React__default from 'react';
@@ -370,9 +370,9 @@ var NonStrictPanel = /*#__PURE__*/function (_super) {
   return NonStrictPanel;
 }(React.Component);
 
-/*
- * Copyright (c) 2015 NAVER Corp.
- * egjs projects are licensed under the MIT license
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
  */
 var ViewportSlot = React__default.memo(function (props) {
   return React__default.createElement(React__default.Fragment, null, props.children);
@@ -708,7 +708,9 @@ var CROSSFLICKING_DEFAULT_PROPS = __assign(__assign({}, DEFAULT_PROPS), {
   onSideMove: function (e) {},
   onSideMoveEnd: function (e) {},
   onSideWillChange: function (e) {},
-  onSideChanged: function (e) {}
+  onSideChanged: function (e) {},
+  onSideWillRestore: function (e) {},
+  onSideRestored: function (e) {}
 });
 var CrossFlicking = /*#__PURE__*/function (_super) {
   __extends(CrossFlicking, _super);
@@ -717,7 +719,12 @@ var CrossFlicking = /*#__PURE__*/function (_super) {
   }
   var __proto = CrossFlicking.prototype;
   __proto.componentDidMount = function () {
-    var props = this.props;
+    var props = {};
+    for (var name in this.props) {
+      if (name in CROSSFLICKING_DEFAULT_PROPS || name in CrossFlicking$1.prototype) {
+        props[name] = this.props[name];
+      }
+    }
     var rendererOptions = {
       reactFlicking: this,
       strategy: new NormalRenderingStrategy({
@@ -778,19 +785,17 @@ var CrossFlicking = /*#__PURE__*/function (_super) {
   return CrossFlicking;
 }(Flicking);
 
-/*
- * Copyright (c) 2015 NAVER Corp.
- * egjs projects are licensed under the MIT license
- */
-var CrossGroup = React__default.forwardRef(function (props, ref) {
-  return React__default.createElement("div", {
+var CrossGroup = React__default.forwardRef(function (_a, ref) {
+  var children = _a.children,
+    rest = __rest(_a, ["children"]);
+  return React__default.createElement("div", __assign({
     ref: ref
-  }, props.children);
+  }, rest), children);
 });
 
-/*
- * Copyright (c) 2015 NAVER Corp.
- * egjs projects are licensed under the MIT license
+/*
+ * Copyright (c) 2015 NAVER Corp.
+ * egjs projects are licensed under the MIT license
  */
 
 export { CrossFlicking, CrossGroup, ViewportSlot, Flicking as default };