@react-native-ohos/react-native-pager-view 6.2.4-rc.4

package/harmony/pager_view/src/main/ets/ViewPagerModule.ts

@@ -0,0 +1,34 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2024 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import { TurboModule } from "@rnoh/react-native-openharmony/ts";
+import inputMethod from '@ohos.inputMethod';
+
+export class ViewPagerModule extends TurboModule {
+
+  keyboardDismiss(): void {
+    let inputMethodController = inputMethod.getInputMethodController();
+    inputMethodController.stopInputSession()
+  }
+
+}

package/harmony/pager_view/src/main/ets/ViewPagerPackage.ets

@@ -0,0 +1,57 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2023 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+import { RNPackage, TurboModulesFactory } from '@rnoh/react-native-openharmony/ts';
+import { RNOHPackage, ComponentBuilderContext } from '@rnoh/react-native-openharmony';
+import type { TurboModule, TurboModuleContext } from '@rnoh/react-native-openharmony/ts';
+import { ViewPagerModule } from './ViewPagerModule';
+import { RNCViewPager , PAGER_VIEW_TYPE } from './RNCViewPager';
+
+@Builder
+function buildViewPager(ctx: ComponentBuilderContext) {
+    RNCViewPager({ ctx: ctx.rnComponentContext, tag: ctx.tag, })
+}
+
+class ViewPagerTurboModulesFactory extends TurboModulesFactory {
+  createTurboModule(name: string): TurboModule | null {
+    if (name === 'RNCViewPagerContext') {
+      return new ViewPagerModule(this.ctx);
+    }
+    return null;
+  }
+
+  hasTurboModule(name: string): boolean {
+    return name === 'RNCViewPagerContext';
+  }
+}
+
+export class ViewPagerPackage extends RNOHPackage {
+  createTurboModulesFactory(ctx: TurboModuleContext): TurboModulesFactory {
+    return new ViewPagerTurboModulesFactory(ctx);
+  }
+
+  createWrappedCustomRNComponentBuilderByComponentNameMap(): Map<string, WrappedBuilder<[ComponentBuilderContext]>> {
+    return new Map().set(PAGER_VIEW_TYPE, wrapBuilder(buildViewPager))
+  }
+}

package/harmony/pager_view/src/main/module.json5

@@ -0,0 +1,7 @@
+{
+  module: {
+    name: 'pager_view',
+    type: 'har',
+    deviceTypes: ['default'],
+  },
+}

package/harmony/pager_view/src/main/resources/base/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/pager_view/src/main/resources/en_US/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/pager_view/src/main/resources/zh_CN/element/string.json

@@ -0,0 +1,8 @@
+{
+  "string": [
+    {
+      "name": "page_show",
+      "value": "page from npm package"
+    }
+  ]
+}

package/harmony/pager_view/ts.ets

@@ -0,0 +1,26 @@
+/**
+ * MIT License
+ *
+ * Copyright (C) 2023 Huawei Device Co., Ltd.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+export * from "./src/main/ets/ViewPagerModule"
+export * from "./src/main/ets/ViewPagerPackage"

package/lib/commonjs/PagerView.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PagerView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("./utils");
+var _PagerViewNativeComponent = _interopRequireWildcard(require("./PagerViewNativeComponent"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * Container that allows to flip left and right between child views. Each
+ * child view of the `PagerView` will be treated as a separate page
+ * and will be stretched to fill the `PagerView`.
+ *
+ * It is important all children are `<View>`s and not composite components.
+ * You can set style properties like `padding` or `backgroundColor` for each
+ * child. It is also important that each child have a `key` prop.
+ *
+ * Example:
+ *
+ * ```
+ * render: function() {
+ *   return (
+ *     <PagerView
+ *       style={styles.PagerView}
+ *       initialPage={0}>
+ *       <View style={styles.pageStyle} key="1">
+ *         <Text>First page</Text>
+ *       </View>
+ *       <View style={styles.pageStyle} key="2">
+ *         <Text>Second page</Text>
+ *       </View>
+ *     </PagerView>
+ *   );
+ * }
+ *
+ * ...
+ *
+ * var styles = {
+ *   ...
+ *   PagerView: {
+ *     flex: 1
+ *   },
+ *   pageStyle: {
+ *     alignItems: 'center',
+ *     padding: 20,
+ *   }
+ * }
+ * ```
+ */
+
+class PagerView extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isScrolling", false);
+    _defineProperty(this, "pagerView", null);
+    _defineProperty(this, "_onPageScroll", e => {
+      if (this.props.onPageScroll) {
+        this.props.onPageScroll(e);
+      }
+
+      // Not implemented on iOS yet
+      // @ts-ignore
+      if (_reactNative.Platform.OS === 'android' || _reactNative.Platform.OS === 'harmony') {
+        if (this.props.keyboardDismissMode === 'on-drag') {
+          _reactNative.Keyboard.dismiss();
+        }
+      }
+    });
+    _defineProperty(this, "_onPageScrollStateChanged", e => {
+      if (this.props.onPageScrollStateChanged) {
+        this.props.onPageScrollStateChanged(e);
+      }
+      this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';
+    });
+    _defineProperty(this, "_onPageSelected", e => {
+      if (this.props.onPageSelected) {
+        this.props.onPageSelected(e);
+      }
+    });
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will be animated.
+     */
+    _defineProperty(this, "setPage", selectedPage => {
+      if (this.pagerView) {
+        _PagerViewNativeComponent.Commands.setPage(this.pagerView, selectedPage);
+      }
+    });
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will *not* be animated.
+     */
+    _defineProperty(this, "setPageWithoutAnimation", selectedPage => {
+      if (this.pagerView) {
+        _PagerViewNativeComponent.Commands.setPageWithoutAnimation(this.pagerView, selectedPage);
+      }
+    });
+    /**
+     * A helper function to enable/disable scroll imperatively
+     * The recommended way is using the scrollEnabled prop, however, there might be a case where a
+     * imperative solution is more useful (e.g. for not blocking an animation)
+     */
+    _defineProperty(this, "setScrollEnabled", scrollEnabled => {
+      if (this.pagerView) {
+        _PagerViewNativeComponent.Commands.setScrollEnabledImperatively(this.pagerView, scrollEnabled);
+      }
+    });
+    _defineProperty(this, "_onMoveShouldSetResponderCapture", () => {
+      return this.isScrolling;
+    });
+  }
+  get deducedLayoutDirection() {
+    if (!this.props.layoutDirection ||
+    //@ts-ignore fix it
+    this.props.layoutDirection === 'locale') {
+      return _reactNative.I18nManager.isRTL ? 'rtl' : 'ltr';
+    } else {
+      return this.props.layoutDirection;
+    }
+  }
+  render() {
+    return /*#__PURE__*/_react.default.createElement(_PagerViewNativeComponent.default, _extends({}, this.props, {
+      ref: ref => {
+        this.pagerView = ref;
+      },
+      style: this.props.style,
+      layoutDirection: this.deducedLayoutDirection,
+      onPageScroll: this._onPageScroll,
+      onPageScrollStateChanged: this._onPageScrollStateChanged,
+      onPageSelected: this._onPageSelected,
+      onMoveShouldSetResponderCapture: this._onMoveShouldSetResponderCapture,
+      children: (0, _utils.childrenWithOverriddenStyle)(this.props.children)
+    }));
+  }
+}
+exports.PagerView = PagerView;
+//# sourceMappingURL=PagerView.js.map

package/lib/commonjs/PagerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_utils","_PagerViewNativeComponent","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_defineProperty","_toPropertyKey","value","enumerable","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","PagerView","React","Component","constructor","args","props","onPageScroll","Platform","OS","keyboardDismissMode","Keyboard","dismiss","onPageScrollStateChanged","isScrolling","nativeEvent","pageScrollState","onPageSelected","selectedPage","pagerView","PagerViewCommands","setPage","setPageWithoutAnimation","scrollEnabled","setScrollEnabledImperatively","deducedLayoutDirection","layoutDirection","I18nManager","isRTL","render","createElement","ref","style","_onPageScroll","_onPageScrollStateChanged","_onPageSelected","onMoveShouldSetResponderCapture","_onMoveShouldSetResponderCapture","children","childrenWithOverriddenStyle","exports"],"sources":["PagerView.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Platform, Keyboard } from 'react-native';\r\nimport { I18nManager } from 'react-native';\r\nimport type {\r\n  OnPageScrollEventData,\r\n  OnPageScrollStateChangedEventData,\r\n  OnPageSelectedEventData,\r\n} from './PagerViewNativeComponent';\r\nimport type * as ReactNative from 'react-native';\r\n\r\nimport type { NativeProps as PagerViewProps } from './PagerViewNativeComponent';\r\nimport { childrenWithOverriddenStyle } from './utils';\r\nimport PagerViewView, {\r\n  Commands as PagerViewCommands,\r\n} from './PagerViewNativeComponent';\r\n\r\n/**\r\n * Container that allows to flip left and right between child views. Each\r\n * child view of the `PagerView` will be treated as a separate page\r\n * and will be stretched to fill the `PagerView`.\r\n *\r\n * It is important all children are `<View>`s and not composite components.\r\n * You can set style properties like `padding` or `backgroundColor` for each\r\n * child. It is also important that each child have a `key` prop.\r\n *\r\n * Example:\r\n *\r\n * ```\r\n * render: function() {\r\n *   return (\r\n *     <PagerView\r\n *       style={styles.PagerView}\r\n *       initialPage={0}>\r\n *       <View style={styles.pageStyle} key=\"1\">\r\n *         <Text>First page</Text>\r\n *       </View>\r\n *       <View style={styles.pageStyle} key=\"2\">\r\n *         <Text>Second page</Text>\r\n *       </View>\r\n *     </PagerView>\r\n *   );\r\n * }\r\n *\r\n * ...\r\n *\r\n * var styles = {\r\n *   ...\r\n *   PagerView: {\r\n *     flex: 1\r\n *   },\r\n *   pageStyle: {\r\n *     alignItems: 'center',\r\n *     padding: 20,\r\n *   }\r\n * }\r\n * ```\r\n */\r\n\r\nexport class PagerView extends React.Component<PagerViewProps> {\r\n  private isScrolling = false;\r\n  pagerView: React.ElementRef<typeof PagerViewView> | null = null;\r\n\r\n  private _onPageScroll = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageScrollEventData>\r\n  ) => {\r\n    if (this.props.onPageScroll) {\r\n      this.props.onPageScroll(e);\r\n    }\r\n\r\n    // Not implemented on iOS yet\r\n    // @ts-ignore\r\n    if (Platform.OS === 'android' || Platform.OS === 'harmony') {\r\n      if (this.props.keyboardDismissMode === 'on-drag') {\r\n        Keyboard.dismiss();\r\n      }\r\n    }\r\n  };\r\n\r\n  private _onPageScrollStateChanged = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageScrollStateChangedEventData>\r\n  ) => {\r\n    if (this.props.onPageScrollStateChanged) {\r\n      this.props.onPageScrollStateChanged(e);\r\n    }\r\n    this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';\r\n  };\r\n\r\n  private _onPageSelected = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageSelectedEventData>\r\n  ) => {\r\n    if (this.props.onPageSelected) {\r\n      this.props.onPageSelected(e);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to scroll to a specific page in the PagerView.\r\n   * The transition between pages will be animated.\r\n   */\r\n  public setPage = (selectedPage: number) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setPage(this.pagerView, selectedPage);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to scroll to a specific page in the PagerView.\r\n   * The transition between pages will *not* be animated.\r\n   */\r\n  public setPageWithoutAnimation = (selectedPage: number) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setPageWithoutAnimation(this.pagerView, selectedPage);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to enable/disable scroll imperatively\r\n   * The recommended way is using the scrollEnabled prop, however, there might be a case where a\r\n   * imperative solution is more useful (e.g. for not blocking an animation)\r\n   */\r\n  public setScrollEnabled = (scrollEnabled: boolean) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setScrollEnabledImperatively(\r\n        this.pagerView,\r\n        scrollEnabled\r\n      );\r\n    }\r\n  };\r\n\r\n  private _onMoveShouldSetResponderCapture = () => {\r\n    return this.isScrolling;\r\n  };\r\n\r\n  private get deducedLayoutDirection() {\r\n    if (\r\n      !this.props.layoutDirection ||\r\n      //@ts-ignore fix it\r\n      this.props.layoutDirection === 'locale'\r\n    ) {\r\n      return I18nManager.isRTL ? 'rtl' : 'ltr';\r\n    } else {\r\n      return this.props.layoutDirection;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <PagerViewView\r\n        {...this.props}\r\n        ref={(ref) => {\r\n          this.pagerView = ref;\r\n        }}\r\n        style={this.props.style}\r\n        layoutDirection={this.deducedLayoutDirection}\r\n        onPageScroll={this._onPageScroll}\r\n        onPageScrollStateChanged={this._onPageScrollStateChanged}\r\n        onPageSelected={this._onPageSelected}\r\n        onMoveShouldSetResponderCapture={this._onMoveShouldSetResponderCapture}\r\n        children={childrenWithOverriddenStyle(this.props.children)}\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/PagerViewNativeComponent.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Commands = void 0;
+var _codegenNativeCommands = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeCommands"));
+var _codegenNativeComponent = _interopRequireDefault(require("react-native/Libraries/Utilities/codegenNativeComponent"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Commands = exports.Commands = (0, _codegenNativeCommands.default)({
+  supportedCommands: ['setPage', 'setPageWithoutAnimation', 'setScrollEnabledImperatively']
+});
+var _default = exports.default = (0, _codegenNativeComponent.default)('RNCViewPager');
+//# sourceMappingURL=PagerViewNativeComponent.js.map

package/lib/commonjs/PagerViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_codegenNativeCommands","_interopRequireDefault","require","_codegenNativeComponent","e","__esModule","default","Commands","exports","codegenNativeCommands","supportedCommands","_default","codegenNativeComponent"],"sources":["PagerViewNativeComponent.ts"],"sourcesContent":["import type * as React from 'react';\r\nimport codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';\r\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\r\nimport type { HostComponent, ViewProps } from 'react-native';\r\nimport type {\r\n  DirectEventHandler,\r\n  Double,\r\n  Int32,\r\n  WithDefault,\r\n} from 'react-native/Libraries/Types/CodegenTypes';\r\n\r\nexport type OnPageScrollEventData = Readonly<{\r\n  position: Double;\r\n  offset: Double;\r\n}>;\r\n\r\nexport type OnPageSelectedEventData = Readonly<{\r\n  position: Double;\r\n}>;\r\n\r\nexport type OnPageScrollStateChangedEventData = Readonly<{\r\n  pageScrollState: 'idle' | 'dragging' | 'settling';\r\n}>;\r\n\r\nexport interface NativeProps extends ViewProps {\r\n  scrollEnabled?: WithDefault<boolean, true>;\r\n  layoutDirection?: WithDefault<'ltr' | 'rtl', 'ltr'>;\r\n  initialPage?: Int32;\r\n  orientation?: WithDefault<'horizontal' | 'vertical', 'horizontal'>;\r\n  offscreenPageLimit?: Int32;\r\n  pageMargin?: Int32;\r\n  overScrollMode?: WithDefault<'auto' | 'always' | 'never', 'auto'>;\r\n  overdrag?: WithDefault<boolean, false>;\r\n  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>;\r\n  onPageScroll?: DirectEventHandler<OnPageScrollEventData>;\r\n  onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;\r\n  onPageScrollStateChanged?: DirectEventHandler<OnPageScrollStateChangedEventData>;\r\n}\r\n\r\ntype PagerViewViewType = HostComponent<NativeProps>;\r\n\r\nexport interface NativeCommands {\r\n  setPage: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    selectedPage: Int32\r\n  ) => void;\r\n  setPageWithoutAnimation: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    selectedPage: Int32\r\n  ) => void;\r\n  setScrollEnabledImperatively: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    scrollEnabled: boolean\r\n  ) => void;\r\n}\r\n\r\nexport const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({\r\n  supportedCommands: [\r\n    'setPage',\r\n    'setPageWithoutAnimation',\r\n    'setScrollEnabledImperatively',\r\n  ],\r\n});\r\n\r\nexport default codegenNativeComponent<NativeProps>(\r\n  'RNCViewPager'\r\n) as HostComponent<NativeProps>;\r\n"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA6F,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAsDtF,MAAMG,QAAwB,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,8BAAqB,EAAiB;EAC5EC,iBAAiB,EAAE,CACjB,SAAS,EACT,yBAAyB,EACzB,8BAA8B;AAElC,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAH,OAAA,CAAAF,OAAA,GAEY,IAAAM,+BAAsB,EACnC,cACF,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _PagerView = require("./PagerView");
+var _default = exports.default = _PagerView.PagerView;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PagerView","require","_default","exports","default","PagerView"],"sources":["index.tsx"],"sourcesContent":["import type * as ReactNative from 'react-native';\r\nimport { PagerView } from './PagerView';\r\nexport default PagerView;\r\n\r\nimport type {\r\n  OnPageScrollEventData as PagerViewOnPageScrollEventData,\r\n  OnPageSelectedEventData as PagerViewOnPageSelectedEventData,\r\n  OnPageScrollStateChangedEventData as PageScrollStateChangedNativeEventData,\r\n  NativeProps,\r\n} from './PagerViewNativeComponent';\r\n\r\nexport type {\r\n  PagerViewOnPageScrollEventData,\r\n  PagerViewOnPageSelectedEventData,\r\n  PageScrollStateChangedNativeEventData,\r\n  NativeProps as PagerViewProps,\r\n};\r\n\r\nexport type PagerViewOnPageScrollEvent =\r\n  ReactNative.NativeSyntheticEvent<PagerViewOnPageScrollEventData>;\r\n\r\nexport type PagerViewOnPageSelectedEvent =\r\n  ReactNative.NativeSyntheticEvent<PagerViewOnPageSelectedEventData>;\r\n\r\nexport type PageScrollStateChangedNativeEvent =\r\n  ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>;\r\n"],"mappings":";;;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAAwC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACzBC,oBAAS","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.childrenWithOverriddenStyle = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const childrenWithOverriddenStyle = children => {
+  return _react.Children.map(children, child => {
+    const element = child;
+    return (
+      /*#__PURE__*/
+      // Add a wrapper to ensure layout is calculated correctly
+      _react.default.createElement(_reactNative.View, {
+        style: _reactNative.StyleSheet.absoluteFill,
+        collapsable: false
+      }, /*#__PURE__*/_react.default.cloneElement(element, {
+        ...element.props,
+        // Override styles so that each page will fill the parent.
+        style: [element.props.style, _reactNative.StyleSheet.absoluteFill]
+      }))
+    );
+  });
+};
+exports.childrenWithOverriddenStyle = childrenWithOverriddenStyle;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","childrenWithOverriddenStyle","children","Children","map","child","element","createElement","View","style","StyleSheet","absoluteFill","collapsable","React","cloneElement","props","exports"],"sources":["utils.tsx"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\r\nimport { StyleSheet, View } from 'react-native';\r\n\r\nexport const childrenWithOverriddenStyle = (children?: ReactNode) => {\r\n  return Children.map(children, (child) => {\r\n    const element = child as React.ReactElement;\r\n    return (\r\n      // Add a wrapper to ensure layout is calculated correctly\r\n      <View style={StyleSheet.absoluteFill} collapsable={false}>\r\n        {/* @ts-ignore */}\r\n        {React.cloneElement(element, {\r\n          ...element.props,\r\n          // Override styles so that each page will fill the parent.\r\n          style: [element.props.style, StyleSheet.absoluteFill],\r\n        })}\r\n      </View>\r\n    );\r\n  });\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAgD,SAAAD,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzC,MAAMkB,2BAA2B,GAAIC,QAAoB,IAAK;EACnE,OAAOC,eAAQ,CAACC,GAAG,CAACF,QAAQ,EAAGG,KAAK,IAAK;IACvC,MAAMC,OAAO,GAAGD,KAA2B;IAC3C;MAAA;MACE;MACA3B,MAAA,CAAAc,OAAA,CAAAe,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;QAACC,KAAK,EAAEC,uBAAU,CAACC,YAAa;QAACC,WAAW,EAAE;MAAM,gBAEtDC,cAAK,CAACC,YAAY,CAACR,OAAO,EAAE;QAC3B,GAAGA,OAAO,CAACS,KAAK;QAChB;QACAN,KAAK,EAAE,CAACH,OAAO,CAACS,KAAK,CAACN,KAAK,EAAEC,uBAAU,CAACC,YAAY;MACtD,CAAC,CACG;IAAC;EAEX,CAAC,CAAC;AACJ,CAAC;AAACK,OAAA,CAAAf,2BAAA,GAAAA,2BAAA","ignoreList":[]}

package/lib/module/PagerView.js

@@ -0,0 +1,138 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+import { Platform, Keyboard } from 'react-native';
+import { I18nManager } from 'react-native';
+import { childrenWithOverriddenStyle } from './utils';
+import PagerViewView, { Commands as PagerViewCommands } from './PagerViewNativeComponent';
+
+/**
+ * Container that allows to flip left and right between child views. Each
+ * child view of the `PagerView` will be treated as a separate page
+ * and will be stretched to fill the `PagerView`.
+ *
+ * It is important all children are `<View>`s and not composite components.
+ * You can set style properties like `padding` or `backgroundColor` for each
+ * child. It is also important that each child have a `key` prop.
+ *
+ * Example:
+ *
+ * ```
+ * render: function() {
+ *   return (
+ *     <PagerView
+ *       style={styles.PagerView}
+ *       initialPage={0}>
+ *       <View style={styles.pageStyle} key="1">
+ *         <Text>First page</Text>
+ *       </View>
+ *       <View style={styles.pageStyle} key="2">
+ *         <Text>Second page</Text>
+ *       </View>
+ *     </PagerView>
+ *   );
+ * }
+ *
+ * ...
+ *
+ * var styles = {
+ *   ...
+ *   PagerView: {
+ *     flex: 1
+ *   },
+ *   pageStyle: {
+ *     alignItems: 'center',
+ *     padding: 20,
+ *   }
+ * }
+ * ```
+ */
+
+export class PagerView extends React.Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isScrolling", false);
+    _defineProperty(this, "pagerView", null);
+    _defineProperty(this, "_onPageScroll", e => {
+      if (this.props.onPageScroll) {
+        this.props.onPageScroll(e);
+      }
+
+      // Not implemented on iOS yet
+      // @ts-ignore
+      if (Platform.OS === 'android' || Platform.OS === 'harmony') {
+        if (this.props.keyboardDismissMode === 'on-drag') {
+          Keyboard.dismiss();
+        }
+      }
+    });
+    _defineProperty(this, "_onPageScrollStateChanged", e => {
+      if (this.props.onPageScrollStateChanged) {
+        this.props.onPageScrollStateChanged(e);
+      }
+      this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';
+    });
+    _defineProperty(this, "_onPageSelected", e => {
+      if (this.props.onPageSelected) {
+        this.props.onPageSelected(e);
+      }
+    });
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will be animated.
+     */
+    _defineProperty(this, "setPage", selectedPage => {
+      if (this.pagerView) {
+        PagerViewCommands.setPage(this.pagerView, selectedPage);
+      }
+    });
+    /**
+     * A helper function to scroll to a specific page in the PagerView.
+     * The transition between pages will *not* be animated.
+     */
+    _defineProperty(this, "setPageWithoutAnimation", selectedPage => {
+      if (this.pagerView) {
+        PagerViewCommands.setPageWithoutAnimation(this.pagerView, selectedPage);
+      }
+    });
+    /**
+     * A helper function to enable/disable scroll imperatively
+     * The recommended way is using the scrollEnabled prop, however, there might be a case where a
+     * imperative solution is more useful (e.g. for not blocking an animation)
+     */
+    _defineProperty(this, "setScrollEnabled", scrollEnabled => {
+      if (this.pagerView) {
+        PagerViewCommands.setScrollEnabledImperatively(this.pagerView, scrollEnabled);
+      }
+    });
+    _defineProperty(this, "_onMoveShouldSetResponderCapture", () => {
+      return this.isScrolling;
+    });
+  }
+  get deducedLayoutDirection() {
+    if (!this.props.layoutDirection ||
+    //@ts-ignore fix it
+    this.props.layoutDirection === 'locale') {
+      return I18nManager.isRTL ? 'rtl' : 'ltr';
+    } else {
+      return this.props.layoutDirection;
+    }
+  }
+  render() {
+    return /*#__PURE__*/React.createElement(PagerViewView, _extends({}, this.props, {
+      ref: ref => {
+        this.pagerView = ref;
+      },
+      style: this.props.style,
+      layoutDirection: this.deducedLayoutDirection,
+      onPageScroll: this._onPageScroll,
+      onPageScrollStateChanged: this._onPageScrollStateChanged,
+      onPageSelected: this._onPageSelected,
+      onMoveShouldSetResponderCapture: this._onMoveShouldSetResponderCapture,
+      children: childrenWithOverriddenStyle(this.props.children)
+    }));
+  }
+}
+//# sourceMappingURL=PagerView.js.map

package/lib/module/PagerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Platform","Keyboard","I18nManager","childrenWithOverriddenStyle","PagerViewView","Commands","PagerViewCommands","PagerView","Component","constructor","args","_defineProperty","e","props","onPageScroll","OS","keyboardDismissMode","dismiss","onPageScrollStateChanged","isScrolling","nativeEvent","pageScrollState","onPageSelected","selectedPage","pagerView","setPage","setPageWithoutAnimation","scrollEnabled","setScrollEnabledImperatively","deducedLayoutDirection","layoutDirection","isRTL","render","createElement","_extends","ref","style","_onPageScroll","_onPageScrollStateChanged","_onPageSelected","onMoveShouldSetResponderCapture","_onMoveShouldSetResponderCapture","children"],"sources":["PagerView.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Platform, Keyboard } from 'react-native';\r\nimport { I18nManager } from 'react-native';\r\nimport type {\r\n  OnPageScrollEventData,\r\n  OnPageScrollStateChangedEventData,\r\n  OnPageSelectedEventData,\r\n} from './PagerViewNativeComponent';\r\nimport type * as ReactNative from 'react-native';\r\n\r\nimport type { NativeProps as PagerViewProps } from './PagerViewNativeComponent';\r\nimport { childrenWithOverriddenStyle } from './utils';\r\nimport PagerViewView, {\r\n  Commands as PagerViewCommands,\r\n} from './PagerViewNativeComponent';\r\n\r\n/**\r\n * Container that allows to flip left and right between child views. Each\r\n * child view of the `PagerView` will be treated as a separate page\r\n * and will be stretched to fill the `PagerView`.\r\n *\r\n * It is important all children are `<View>`s and not composite components.\r\n * You can set style properties like `padding` or `backgroundColor` for each\r\n * child. It is also important that each child have a `key` prop.\r\n *\r\n * Example:\r\n *\r\n * ```\r\n * render: function() {\r\n *   return (\r\n *     <PagerView\r\n *       style={styles.PagerView}\r\n *       initialPage={0}>\r\n *       <View style={styles.pageStyle} key=\"1\">\r\n *         <Text>First page</Text>\r\n *       </View>\r\n *       <View style={styles.pageStyle} key=\"2\">\r\n *         <Text>Second page</Text>\r\n *       </View>\r\n *     </PagerView>\r\n *   );\r\n * }\r\n *\r\n * ...\r\n *\r\n * var styles = {\r\n *   ...\r\n *   PagerView: {\r\n *     flex: 1\r\n *   },\r\n *   pageStyle: {\r\n *     alignItems: 'center',\r\n *     padding: 20,\r\n *   }\r\n * }\r\n * ```\r\n */\r\n\r\nexport class PagerView extends React.Component<PagerViewProps> {\r\n  private isScrolling = false;\r\n  pagerView: React.ElementRef<typeof PagerViewView> | null = null;\r\n\r\n  private _onPageScroll = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageScrollEventData>\r\n  ) => {\r\n    if (this.props.onPageScroll) {\r\n      this.props.onPageScroll(e);\r\n    }\r\n\r\n    // Not implemented on iOS yet\r\n    // @ts-ignore\r\n    if (Platform.OS === 'android' || Platform.OS === 'harmony') {\r\n      if (this.props.keyboardDismissMode === 'on-drag') {\r\n        Keyboard.dismiss();\r\n      }\r\n    }\r\n  };\r\n\r\n  private _onPageScrollStateChanged = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageScrollStateChangedEventData>\r\n  ) => {\r\n    if (this.props.onPageScrollStateChanged) {\r\n      this.props.onPageScrollStateChanged(e);\r\n    }\r\n    this.isScrolling = e.nativeEvent.pageScrollState === 'dragging';\r\n  };\r\n\r\n  private _onPageSelected = (\r\n    e: ReactNative.NativeSyntheticEvent<OnPageSelectedEventData>\r\n  ) => {\r\n    if (this.props.onPageSelected) {\r\n      this.props.onPageSelected(e);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to scroll to a specific page in the PagerView.\r\n   * The transition between pages will be animated.\r\n   */\r\n  public setPage = (selectedPage: number) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setPage(this.pagerView, selectedPage);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to scroll to a specific page in the PagerView.\r\n   * The transition between pages will *not* be animated.\r\n   */\r\n  public setPageWithoutAnimation = (selectedPage: number) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setPageWithoutAnimation(this.pagerView, selectedPage);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * A helper function to enable/disable scroll imperatively\r\n   * The recommended way is using the scrollEnabled prop, however, there might be a case where a\r\n   * imperative solution is more useful (e.g. for not blocking an animation)\r\n   */\r\n  public setScrollEnabled = (scrollEnabled: boolean) => {\r\n    if (this.pagerView) {\r\n      PagerViewCommands.setScrollEnabledImperatively(\r\n        this.pagerView,\r\n        scrollEnabled\r\n      );\r\n    }\r\n  };\r\n\r\n  private _onMoveShouldSetResponderCapture = () => {\r\n    return this.isScrolling;\r\n  };\r\n\r\n  private get deducedLayoutDirection() {\r\n    if (\r\n      !this.props.layoutDirection ||\r\n      //@ts-ignore fix it\r\n      this.props.layoutDirection === 'locale'\r\n    ) {\r\n      return I18nManager.isRTL ? 'rtl' : 'ltr';\r\n    } else {\r\n      return this.props.layoutDirection;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <PagerViewView\r\n        {...this.props}\r\n        ref={(ref) => {\r\n          this.pagerView = ref;\r\n        }}\r\n        style={this.props.style}\r\n        layoutDirection={this.deducedLayoutDirection}\r\n        onPageScroll={this._onPageScroll}\r\n        onPageScrollStateChanged={this._onPageScrollStateChanged}\r\n        onPageSelected={this._onPageSelected}\r\n        onMoveShouldSetResponderCapture={this._onMoveShouldSetResponderCapture}\r\n        children={childrenWithOverriddenStyle(this.props.children)}\r\n      />\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/PagerViewNativeComponent.js

@@ -0,0 +1,7 @@
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+export const Commands = codegenNativeCommands({
+  supportedCommands: ['setPage', 'setPageWithoutAnimation', 'setScrollEnabledImperatively']
+});
+export default codegenNativeComponent('RNCViewPager');
+//# sourceMappingURL=PagerViewNativeComponent.js.map

package/lib/module/PagerViewNativeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["codegenNativeCommands","codegenNativeComponent","Commands","supportedCommands"],"sources":["PagerViewNativeComponent.ts"],"sourcesContent":["import type * as React from 'react';\r\nimport codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';\r\nimport codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';\r\nimport type { HostComponent, ViewProps } from 'react-native';\r\nimport type {\r\n  DirectEventHandler,\r\n  Double,\r\n  Int32,\r\n  WithDefault,\r\n} from 'react-native/Libraries/Types/CodegenTypes';\r\n\r\nexport type OnPageScrollEventData = Readonly<{\r\n  position: Double;\r\n  offset: Double;\r\n}>;\r\n\r\nexport type OnPageSelectedEventData = Readonly<{\r\n  position: Double;\r\n}>;\r\n\r\nexport type OnPageScrollStateChangedEventData = Readonly<{\r\n  pageScrollState: 'idle' | 'dragging' | 'settling';\r\n}>;\r\n\r\nexport interface NativeProps extends ViewProps {\r\n  scrollEnabled?: WithDefault<boolean, true>;\r\n  layoutDirection?: WithDefault<'ltr' | 'rtl', 'ltr'>;\r\n  initialPage?: Int32;\r\n  orientation?: WithDefault<'horizontal' | 'vertical', 'horizontal'>;\r\n  offscreenPageLimit?: Int32;\r\n  pageMargin?: Int32;\r\n  overScrollMode?: WithDefault<'auto' | 'always' | 'never', 'auto'>;\r\n  overdrag?: WithDefault<boolean, false>;\r\n  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>;\r\n  onPageScroll?: DirectEventHandler<OnPageScrollEventData>;\r\n  onPageSelected?: DirectEventHandler<OnPageSelectedEventData>;\r\n  onPageScrollStateChanged?: DirectEventHandler<OnPageScrollStateChangedEventData>;\r\n}\r\n\r\ntype PagerViewViewType = HostComponent<NativeProps>;\r\n\r\nexport interface NativeCommands {\r\n  setPage: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    selectedPage: Int32\r\n  ) => void;\r\n  setPageWithoutAnimation: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    selectedPage: Int32\r\n  ) => void;\r\n  setScrollEnabledImperatively: (\r\n    viewRef: React.ElementRef<PagerViewViewType>,\r\n    scrollEnabled: boolean\r\n  ) => void;\r\n}\r\n\r\nexport const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({\r\n  supportedCommands: [\r\n    'setPage',\r\n    'setPageWithoutAnimation',\r\n    'setScrollEnabledImperatively',\r\n  ],\r\n});\r\n\r\nexport default codegenNativeComponent<NativeProps>(\r\n  'RNCViewPager'\r\n) as HostComponent<NativeProps>;\r\n"],"mappings":"AACA,OAAOA,qBAAqB,MAAM,wDAAwD;AAC1F,OAAOC,sBAAsB,MAAM,yDAAyD;AAsD5F,OAAO,MAAMC,QAAwB,GAAGF,qBAAqB,CAAiB;EAC5EG,iBAAiB,EAAE,CACjB,SAAS,EACT,yBAAyB,EACzB,8BAA8B;AAElC,CAAC,CAAC;AAEF,eAAeF,sBAAsB,CACnC,cACF,CAAC","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,3 @@
+import { PagerView } from './PagerView';
+export default PagerView;
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PagerView"],"sources":["index.tsx"],"sourcesContent":["import type * as ReactNative from 'react-native';\r\nimport { PagerView } from './PagerView';\r\nexport default PagerView;\r\n\r\nimport type {\r\n  OnPageScrollEventData as PagerViewOnPageScrollEventData,\r\n  OnPageSelectedEventData as PagerViewOnPageSelectedEventData,\r\n  OnPageScrollStateChangedEventData as PageScrollStateChangedNativeEventData,\r\n  NativeProps,\r\n} from './PagerViewNativeComponent';\r\n\r\nexport type {\r\n  PagerViewOnPageScrollEventData,\r\n  PagerViewOnPageSelectedEventData,\r\n  PageScrollStateChangedNativeEventData,\r\n  NativeProps as PagerViewProps,\r\n};\r\n\r\nexport type PagerViewOnPageScrollEvent =\r\n  ReactNative.NativeSyntheticEvent<PagerViewOnPageScrollEventData>;\r\n\r\nexport type PagerViewOnPageSelectedEvent =\r\n  ReactNative.NativeSyntheticEvent<PagerViewOnPageSelectedEventData>;\r\n\r\nexport type PageScrollStateChangedNativeEvent =\r\n  ReactNative.NativeSyntheticEvent<PageScrollStateChangedNativeEventData>;\r\n"],"mappings":"AACA,SAASA,SAAS,QAAQ,aAAa;AACvC,eAAeA,SAAS","ignoreList":[]}

package/lib/module/utils.js

@@ -0,0 +1,20 @@
+import React, { Children } from 'react';
+import { StyleSheet, View } from 'react-native';
+export const childrenWithOverriddenStyle = children => {
+  return Children.map(children, child => {
+    const element = child;
+    return (
+      /*#__PURE__*/
+      // Add a wrapper to ensure layout is calculated correctly
+      React.createElement(View, {
+        style: StyleSheet.absoluteFill,
+        collapsable: false
+      }, /*#__PURE__*/React.cloneElement(element, {
+        ...element.props,
+        // Override styles so that each page will fill the parent.
+        style: [element.props.style, StyleSheet.absoluteFill]
+      }))
+    );
+  });
+};
+//# sourceMappingURL=utils.js.map

package/lib/module/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","StyleSheet","View","childrenWithOverriddenStyle","children","map","child","element","createElement","style","absoluteFill","collapsable","cloneElement","props"],"sources":["utils.tsx"],"sourcesContent":["import React, { Children, ReactNode } from 'react';\r\nimport { StyleSheet, View } from 'react-native';\r\n\r\nexport const childrenWithOverriddenStyle = (children?: ReactNode) => {\r\n  return Children.map(children, (child) => {\r\n    const element = child as React.ReactElement;\r\n    return (\r\n      // Add a wrapper to ensure layout is calculated correctly\r\n      <View style={StyleSheet.absoluteFill} collapsable={false}>\r\n        {/* @ts-ignore */}\r\n        {React.cloneElement(element, {\r\n          ...element.props,\r\n          // Override styles so that each page will fill the parent.\r\n          style: [element.props.style, StyleSheet.absoluteFill],\r\n        })}\r\n      </View>\r\n    );\r\n  });\r\n};\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAmB,OAAO;AAClD,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,OAAO,MAAMC,2BAA2B,GAAIC,QAAoB,IAAK;EACnE,OAAOJ,QAAQ,CAACK,GAAG,CAACD,QAAQ,EAAGE,KAAK,IAAK;IACvC,MAAMC,OAAO,GAAGD,KAA2B;IAC3C;MAAA;MACE;MACAP,KAAA,CAAAS,aAAA,CAACN,IAAI;QAACO,KAAK,EAAER,UAAU,CAACS,YAAa;QAACC,WAAW,EAAE;MAAM,gBAEtDZ,KAAK,CAACa,YAAY,CAACL,OAAO,EAAE;QAC3B,GAAGA,OAAO,CAACM,KAAK;QAChB;QACAJ,KAAK,EAAE,CAACF,OAAO,CAACM,KAAK,CAACJ,KAAK,EAAER,UAAU,CAACS,YAAY;MACtD,CAAC,CACG;IAAC;EAEX,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}