@react-native-ohos/react-native-keyboard-controller 1.16.6-rc.1

package/lib/commonjs/bindings.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WindowDimensionsEvents = exports.RCTOverKeyboardView = exports.KeyboardGestureArea = exports.KeyboardEvents = exports.KeyboardControllerView = exports.KeyboardControllerNative = exports.FocusedInputEvents = void 0;
+var _reactNative = require("react-native");
+const NOOP = () => {};
+const KeyboardControllerNative = exports.KeyboardControllerNative = {
+  setDefaultMode: NOOP,
+  setInputMode: NOOP,
+  dismiss: NOOP,
+  setFocusTo: NOOP,
+  addListener: NOOP,
+  removeListeners: NOOP
+};
+const KeyboardEvents = exports.KeyboardEvents = {
+  addListener: () => ({
+    remove: NOOP
+  })
+};
+/**
+ * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.
+ * Use it with cautious.
+ */
+const FocusedInputEvents = exports.FocusedInputEvents = {
+  addListener: () => ({
+    remove: NOOP
+  })
+};
+const WindowDimensionsEvents = exports.WindowDimensionsEvents = {
+  addListener: () => ({
+    remove: NOOP
+  })
+};
+const KeyboardControllerView = exports.KeyboardControllerView = _reactNative.View;
+const KeyboardGestureArea = exports.KeyboardGestureArea = _reactNative.View;
+const RCTOverKeyboardView = exports.RCTOverKeyboardView = _reactNative.View;
+//# sourceMappingURL=bindings.js.map

package/lib/commonjs/bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","NOOP","KeyboardControllerNative","exports","setDefaultMode","setInputMode","dismiss","setFocusTo","addListener","removeListeners","KeyboardEvents","remove","FocusedInputEvents","WindowDimensionsEvents","KeyboardControllerView","View","KeyboardGestureArea","RCTOverKeyboardView"],"sources":["bindings.ts"],"sourcesContent":["import { View } from \"react-native\";\n\nimport type {\n  FocusedInputEventsModule,\n  KeyboardControllerNativeModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n  OverKeyboardViewProps,\n  WindowDimensionsEventsModule,\n} from \"./types\";\nimport type { EmitterSubscription } from \"react-native\";\n\nconst NOOP = () => {};\n\nexport const KeyboardControllerNative: KeyboardControllerNativeModule = {\n  setDefaultMode: NOOP,\n  setInputMode: NOOP,\n  dismiss: NOOP,\n  setFocusTo: NOOP,\n  addListener: NOOP,\n  removeListeners: NOOP,\n};\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: () => ({ remove: NOOP } as EmitterSubscription),\n};\n/**\n * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.\n * Use it with cautious.\n */\nexport const FocusedInputEvents: FocusedInputEventsModule = {\n  addListener: () => ({ remove: NOOP } as EmitterSubscription),\n};\nexport const WindowDimensionsEvents: WindowDimensionsEventsModule = {\n  addListener: () => ({ remove: NOOP } as EmitterSubscription),\n};\nexport const KeyboardControllerView =\n  View as unknown as React.FC<KeyboardControllerProps>;\nexport const KeyboardGestureArea =\n  View as unknown as React.FC<KeyboardGestureAreaProps>;\nexport const RCTOverKeyboardView =\n  View as unknown as React.FC<OverKeyboardViewProps>;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAaA,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEd,MAAMC,wBAAwD,GAAAC,OAAA,CAAAD,wBAAA,GAAG;EACtEE,cAAc,EAAEH,IAAI;EACpBI,YAAY,EAAEJ,IAAI;EAClBK,OAAO,EAAEL,IAAI;EACbM,UAAU,EAAEN,IAAI;EAChBO,WAAW,EAAEP,IAAI;EACjBQ,eAAe,EAAER;AACnB,CAAC;AACM,MAAMS,cAAoC,GAAAP,OAAA,CAAAO,cAAA,GAAG;EAClDF,WAAW,EAAEA,CAAA,MAAO;IAAEG,MAAM,EAAEV;EAAK,CAAC;AACtC,CAAC;AACD;AACA;AACA;AACA;AACO,MAAMW,kBAA4C,GAAAT,OAAA,CAAAS,kBAAA,GAAG;EAC1DJ,WAAW,EAAEA,CAAA,MAAO;IAAEG,MAAM,EAAEV;EAAK,CAAC;AACtC,CAAC;AACM,MAAMY,sBAAoD,GAAAV,OAAA,CAAAU,sBAAA,GAAG;EAClEL,WAAW,EAAEA,CAAA,MAAO;IAAEG,MAAM,EAAEV;EAAK,CAAC;AACtC,CAAC;AACM,MAAMa,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GACjCC,iBAAoD;AAC/C,MAAMC,mBAAmB,GAAAb,OAAA,CAAAa,mBAAA,GAC9BD,iBAAqD;AAChD,MAAME,mBAAmB,GAAAd,OAAA,CAAAc,mBAAA,GAC9BF,iBAAkD","ignoreList":[]}

package/lib/commonjs/bindings.native.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WindowDimensionsEvents = exports.RCTOverKeyboardView = exports.KeyboardGestureArea = exports.KeyboardEvents = exports.KeyboardControllerView = exports.KeyboardControllerNative = exports.FocusedInputEvents = void 0;
+var _reactNative = require("react-native");
+const LINKING_ERROR = `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \n\n` + _reactNative.Platform.select({
+  ios: "- You have run 'pod install'\n",
+  default: ""
+}) + "- You rebuilt the app after installing the package\n" + "- You are not using Expo Go\n";
+const RCTKeyboardController = require("./specs/NativeKeyboardController").default;
+const KeyboardControllerNative = exports.KeyboardControllerNative = RCTKeyboardController ? RCTKeyboardController : new Proxy({}, {
+  get() {
+    throw new Error(LINKING_ERROR);
+  }
+});
+const KEYBOARD_CONTROLLER_NAMESPACE = "KeyboardController::";
+const eventEmitter = new _reactNative.NativeEventEmitter(KeyboardControllerNative);
+const KeyboardEvents = exports.KeyboardEvents = {
+  addListener: (name, cb) => eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb)
+};
+
+/**
+ * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.
+ * Use it with cautious.
+ */
+const FocusedInputEvents = exports.FocusedInputEvents = {
+  addListener: (name, cb) => eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb)
+};
+const WindowDimensionsEvents = exports.WindowDimensionsEvents = {
+  addListener: (name, cb) => eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb)
+};
+const KeyboardControllerView = exports.KeyboardControllerView = require("./specs/KeyboardControllerViewNativeComponent").default;
+const KeyboardGestureArea = exports.KeyboardGestureArea = _reactNative.Platform.OS === "android" && _reactNative.Platform.Version >= 30 || _reactNative.Platform.OS === "ios" ? require("./specs/KeyboardGestureAreaNativeComponent").default : ({
+  children
+}) => children;
+const RCTOverKeyboardView = exports.RCTOverKeyboardView = require("./specs/OverKeyboardViewNativeComponent").default;
+//# sourceMappingURL=bindings.native.js.map

package/lib/commonjs/bindings.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","LINKING_ERROR","Platform","select","ios","default","RCTKeyboardController","KeyboardControllerNative","exports","Proxy","get","Error","KEYBOARD_CONTROLLER_NAMESPACE","eventEmitter","NativeEventEmitter","KeyboardEvents","addListener","name","cb","FocusedInputEvents","WindowDimensionsEvents","KeyboardControllerView","KeyboardGestureArea","OS","Version","children","RCTOverKeyboardView"],"sources":["bindings.native.ts"],"sourcesContent":["import { NativeEventEmitter, Platform } from \"react-native\";\n\nimport type {\n  FocusedInputEventsModule,\n  KeyboardControllerNativeModule,\n  KeyboardControllerProps,\n  KeyboardEventsModule,\n  KeyboardGestureAreaProps,\n  OverKeyboardViewProps,\n  WindowDimensionsEventsModule,\n} from \"./types\";\n\nconst LINKING_ERROR =\n  `The package 'react-native-keyboard-controller' doesn't seem to be linked. Make sure: \\n\\n` +\n  Platform.select({ ios: \"- You have run 'pod install'\\n\", default: \"\" }) +\n  \"- You rebuilt the app after installing the package\\n\" +\n  \"- You are not using Expo Go\\n\";\n\nconst RCTKeyboardController =\n  require(\"./specs/NativeKeyboardController\").default;\n\nexport const KeyboardControllerNative = (\n  RCTKeyboardController\n    ? RCTKeyboardController\n    : new Proxy(\n        {},\n        {\n          get() {\n            throw new Error(LINKING_ERROR);\n          },\n        },\n      )\n) as KeyboardControllerNativeModule;\n\nconst KEYBOARD_CONTROLLER_NAMESPACE = \"KeyboardController::\";\nconst eventEmitter = new NativeEventEmitter(KeyboardControllerNative);\n\nexport const KeyboardEvents: KeyboardEventsModule = {\n  addListener: (name, cb) =>\n    eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb),\n};\n\n/**\n * This API is not documented, it's for internal usage only (for now), and is a subject to potential breaking changes in future.\n * Use it with cautious.\n */\nexport const FocusedInputEvents: FocusedInputEventsModule = {\n  addListener: (name, cb) =>\n    eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb),\n};\nexport const WindowDimensionsEvents: WindowDimensionsEventsModule = {\n  addListener: (name, cb) =>\n    eventEmitter.addListener(KEYBOARD_CONTROLLER_NAMESPACE + name, cb),\n};\nexport const KeyboardControllerView: React.FC<KeyboardControllerProps> =\n  require(\"./specs/KeyboardControllerViewNativeComponent\").default;\nexport const KeyboardGestureArea: React.FC<KeyboardGestureAreaProps> =\n  (Platform.OS === \"android\" && Platform.Version >= 30) || Platform.OS === \"ios\"\n    ? require(\"./specs/KeyboardGestureAreaNativeComponent\").default\n    : ({ children }: KeyboardGestureAreaProps) => children;\nexport const RCTOverKeyboardView: React.FC<OverKeyboardViewProps> =\n  require(\"./specs/OverKeyboardViewNativeComponent\").default;\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAYA,MAAMC,aAAa,GACjB,2FAA2F,GAC3FC,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;AAEjC,MAAMC,qBAAqB,GACzBN,OAAO,CAAC,kCAAkC,CAAC,CAACK,OAAO;AAE9C,MAAME,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GACnCD,qBAAqB,GACjBA,qBAAqB,GACrB,IAAIG,KAAK,CACP,CAAC,CAAC,EACF;EACEC,GAAGA,CAAA,EAAG;IACJ,MAAM,IAAIC,KAAK,CAACV,aAAa,CAAC;EAChC;AACF,CACF,CAC6B;AAEnC,MAAMW,6BAA6B,GAAG,sBAAsB;AAC5D,MAAMC,YAAY,GAAG,IAAIC,+BAAkB,CAACP,wBAAwB,CAAC;AAE9D,MAAMQ,cAAoC,GAAAP,OAAA,CAAAO,cAAA,GAAG;EAClDC,WAAW,EAAEA,CAACC,IAAI,EAAEC,EAAE,KACpBL,YAAY,CAACG,WAAW,CAACJ,6BAA6B,GAAGK,IAAI,EAAEC,EAAE;AACrE,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,kBAA4C,GAAAX,OAAA,CAAAW,kBAAA,GAAG;EAC1DH,WAAW,EAAEA,CAACC,IAAI,EAAEC,EAAE,KACpBL,YAAY,CAACG,WAAW,CAACJ,6BAA6B,GAAGK,IAAI,EAAEC,EAAE;AACrE,CAAC;AACM,MAAME,sBAAoD,GAAAZ,OAAA,CAAAY,sBAAA,GAAG;EAClEJ,WAAW,EAAEA,CAACC,IAAI,EAAEC,EAAE,KACpBL,YAAY,CAACG,WAAW,CAACJ,6BAA6B,GAAGK,IAAI,EAAEC,EAAE;AACrE,CAAC;AACM,MAAMG,sBAAyD,GAAAb,OAAA,CAAAa,sBAAA,GACpErB,OAAO,CAAC,+CAA+C,CAAC,CAACK,OAAO;AAC3D,MAAMiB,mBAAuD,GAAAd,OAAA,CAAAc,mBAAA,GACjEpB,qBAAQ,CAACqB,EAAE,KAAK,SAAS,IAAIrB,qBAAQ,CAACsB,OAAO,IAAI,EAAE,IAAKtB,qBAAQ,CAACqB,EAAE,KAAK,KAAK,GAC1EvB,OAAO,CAAC,4CAA4C,CAAC,CAACK,OAAO,GAC7D,CAAC;EAAEoB;AAAmC,CAAC,KAAKA,QAAQ;AACnD,MAAMC,mBAAoD,GAAAlB,OAAA,CAAAkB,mBAAA,GAC/D1B,OAAO,CAAC,yCAAyC,CAAC,CAACK,OAAO","ignoreList":[]}

package/lib/commonjs/components/KeyboardAvoidingView/hooks.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTranslateAnimation = exports.useKeyboardAnimation = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+var _hooks = require("../../hooks");
+var _context = require("../../context");
+var _react = require("react");
+var _reactNative = require("react-native");
+const OS = _reactNative.Platform.OS;
+const useKeyboardAnimation = () => {
+  const {
+    reanimated
+  } = (0, _context.useKeyboardContext)();
+  // calculate it only once on mount, to avoid `SharedValue` reads during a render
+  const [initialHeight] = (0, _react.useState)(() => -reanimated.height.value);
+  const [initialProgress] = (0, _react.useState)(() => reanimated.progress.value);
+  const heightWhenOpened = (0, _reactNativeReanimated.useSharedValue)(initialHeight);
+  const height = (0, _reactNativeReanimated.useSharedValue)(initialHeight);
+  const progress = (0, _reactNativeReanimated.useSharedValue)(initialProgress);
+  const isClosed = (0, _reactNativeReanimated.useSharedValue)(initialProgress === 0);
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+
+      if (e.height > 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        isClosed.value = false;
+        heightWhenOpened.value = e.height;
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      progress.value = e.progress;
+      height.value = e.height;
+    },
+    onInteractive: e => {
+      "worklet";
+
+      progress.value = e.progress;
+      height.value = e.height;
+    },
+    onEnd: e => {
+      "worklet";
+
+      if (_reactNative.Platform.OS === 'harmony') {
+        heightWhenOpened.value = e.height;
+      }
+      isClosed.value = e.height === 0;
+
+      // `height` update happens in `onMove` handler
+      // in `onEnd` we need to update only if `onMove`
+      // wasn't called (i. e. duration === 0)
+      //
+      // we can not call this code without condition below
+      // because in some corner cases (iOS with `secureTextEntry`)
+      // `onEnd` can be emitted before `onMove` and in this case
+      // it may lead to choppy/glitchy/jumpy UI
+      // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327
+      if (e.duration === 0) {
+        progress.value = e.progress;
+        height.value = e.height;
+      }
+    }
+  }, []);
+  return {
+    height,
+    progress,
+    heightWhenOpened,
+    isClosed
+  };
+};
+exports.useKeyboardAnimation = useKeyboardAnimation;
+const useTranslateAnimation = () => {
+  const {
+    reanimated
+  } = (0, _context.useKeyboardContext)();
+
+  // calculate it only once on mount, to avoid `SharedValue` reads during a render
+  const [initialProgress] = (0, _react.useState)(() => reanimated.progress.value);
+  const padding = (0, _reactNativeReanimated.useSharedValue)(initialProgress);
+  const translate = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _hooks.useKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+
+      if (e.height === 0) {
+        // eslint-disable-next-line react-compiler/react-compiler
+        padding.value = 0;
+      }
+      if (OS === "ios") {
+        translate.value = e.progress;
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      if (OS === "android") {
+        translate.value = e.progress;
+      }
+    },
+    onInteractive: e => {
+      "worklet";
+
+      padding.value = 0;
+      translate.value = e.progress;
+    },
+    onEnd: e => {
+      "worklet";
+
+      padding.value = e.progress;
+      if (OS === "android") {
+        translate.value = e.progress;
+      }
+    }
+  }, []);
+  return {
+    translate,
+    padding
+  };
+};
+exports.useTranslateAnimation = useTranslateAnimation;
+//# sourceMappingURL=hooks.js.map

package/lib/commonjs/components/KeyboardAvoidingView/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_hooks","_context","_react","_reactNative","OS","Platform","useKeyboardAnimation","reanimated","useKeyboardContext","initialHeight","useState","height","value","initialProgress","progress","heightWhenOpened","useSharedValue","isClosed","useKeyboardHandler","onStart","e","onMove","onInteractive","onEnd","duration","exports","useTranslateAnimation","padding","translate"],"sources":["hooks.ts"],"sourcesContent":["import { useSharedValue } from \"react-native-reanimated\";\n\nimport {useKeyboardHandler} from \"../../hooks\";\nimport {useKeyboardContext} from \"../../context\";\nimport { useState } from \"react\";\nimport { Platform } from \"react-native\";\n\nconst OS = Platform.OS;\n\nexport const useKeyboardAnimation = () => {\n  const { reanimated } = useKeyboardContext();\n  // calculate it only once on mount, to avoid `SharedValue` reads during a render\n  const [initialHeight] = useState(() => -reanimated.height.value);\n  const [initialProgress] = useState(() => reanimated.progress.value);\n\n  const heightWhenOpened = useSharedValue(initialHeight);\n  const height = useSharedValue(initialHeight);\n  const progress = useSharedValue(initialProgress);\n  const isClosed = useSharedValue(initialProgress === 0);\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        if (e.height > 0) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          isClosed.value = false;\n          heightWhenOpened.value = e.height;\n        }\n      },\n      onMove: (e) => {\n        \"worklet\";\n  \n        progress.value = e.progress;\n        height.value = e.height;\n      },\n      onInteractive: (e) => {\n        \"worklet\";\n\n        progress.value = e.progress;\n        height.value = e.height;\n      },\n      onEnd: (e) => {\n        \"worklet\";\n       if(Platform.OS as string === 'harmony'){\n        heightWhenOpened.value = e.height;\n       }\n  \n        isClosed.value = e.height === 0;\n\n        // `height` update happens in `onMove` handler\n        // in `onEnd` we need to update only if `onMove`\n        // wasn't called (i. e. duration === 0)\n        //\n        // we can not call this code without condition below\n        // because in some corner cases (iOS with `secureTextEntry`)\n        // `onEnd` can be emitted before `onMove` and in this case\n        // it may lead to choppy/glitchy/jumpy UI\n        // see https://github.com/kirillzyusko/react-native-keyboard-controller/issues/327\n        if (e.duration === 0) {\n          progress.value = e.progress;\n          height.value = e.height;\n        }\n      },\n    },\n    [],\n  );\n\n  return { height, progress, heightWhenOpened, isClosed };\n};\n\nexport const useTranslateAnimation = () => {\n  const { reanimated } = useKeyboardContext();\n\n  // calculate it only once on mount, to avoid `SharedValue` reads during a render\n  const [initialProgress] = useState(() => reanimated.progress.value);\n\n  const padding = useSharedValue(initialProgress);\n  const translate = useSharedValue(0);\n\n  useKeyboardHandler(\n    {\n      onStart: (e) => {\n        \"worklet\";\n\n        if (e.height === 0) {\n          // eslint-disable-next-line react-compiler/react-compiler\n          padding.value = 0;\n        }\n        if (OS === \"ios\") {\n          translate.value = e.progress;\n        }\n      },\n      onMove: (e) => {\n        \"worklet\";\n\n        if (OS === \"android\") {\n          translate.value = e.progress;\n        }\n      },\n      onInteractive: (e) => {\n        \"worklet\";\n\n        padding.value = 0;\n\n        translate.value = e.progress;\n      },\n      onEnd: (e) => {\n        \"worklet\";\n\n        padding.value = e.progress;\n\n        if (OS === \"android\") {\n          translate.value = e.progress;\n        }\n      },\n    },\n    [],\n  );\n\n  return { translate, padding };\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardAvoidingView/index.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = require("../../hooks");
+var _hooks2 = require("./hooks");
+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 _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); }
+const defaultLayout = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0
+};
+
+/**
+ * View that moves out of the way when the keyboard appears by automatically
+ * adjusting its height, position, or bottom padding.
+ */
+const KeyboardAvoidingView = /*#__PURE__*/(0, _react.forwardRef)(({
+  behavior,
+  children,
+  contentContainerStyle,
+  enabled = true,
+  keyboardVerticalOffset = 0,
+  style,
+  onLayout: onLayoutProps,
+  ...props
+}, ref) => {
+  const initialFrame = (0, _reactNativeReanimated.useSharedValue)(null);
+  const frame = (0, _reactNativeReanimated.useDerivedValue)(() => initialFrame.value || defaultLayout);
+  const {
+    translate,
+    padding
+  } = (0, _hooks2.useTranslateAnimation)();
+  const keyboard = (0, _hooks2.useKeyboardAnimation)();
+  const {
+    height: screenHeight
+  } = (0, _hooks.useWindowDimensions)();
+  const relativeKeyboardHeight = (0, _react.useCallback)(() => {
+    "worklet";
+
+    const keyboardY = screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;
+    return Math.max(frame.value.y + frame.value.height - keyboardY, 0);
+  }, [screenHeight, keyboardVerticalOffset]);
+  const interpolateToRelativeKeyboardHeight = (0, _react.useCallback)(value => {
+    "worklet";
+
+    return (0, _reactNativeReanimated.interpolate)(value, [0, 1], [0, relativeKeyboardHeight()]);
+  }, [relativeKeyboardHeight]);
+  const onLayoutWorklet = (0, _react.useCallback)(layout => {
+    "worklet";
+
+    if (keyboard.isClosed.value || initialFrame.value === null) {
+      // eslint-disable-next-line react-compiler/react-compiler
+      initialFrame.value = layout;
+    }
+  }, []);
+  const onLayout = (0, _react.useCallback)(e => {
+    (0, _reactNativeReanimated.runOnUI)(onLayoutWorklet)(e.nativeEvent.layout);
+    onLayoutProps === null || onLayoutProps === void 0 || onLayoutProps(e);
+  }, [onLayoutProps]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const bottom = interpolateToRelativeKeyboardHeight(keyboard.progress.value);
+    const translateY = interpolateToRelativeKeyboardHeight(translate.value);
+    const paddingBottom = interpolateToRelativeKeyboardHeight(padding.value);
+    const bottomHeight = enabled ? bottom : 0;
+    switch (behavior) {
+      case "height":
+        if (!keyboard.isClosed.value) {
+          return {
+            height: frame.value.height - bottomHeight,
+            flex: 0
+          };
+        }
+        return {};
+      case "position":
+        return {
+          bottom: bottomHeight
+        };
+      case "padding":
+        return {
+          paddingBottom: bottomHeight
+        };
+      case "translate-with-padding":
+        return {
+          paddingBottom: paddingBottom,
+          transform: [{
+            translateY: -translateY
+          }]
+        };
+      default:
+        return {};
+    }
+  }, [behavior, enabled, interpolateToRelativeKeyboardHeight]);
+  const isPositionBehavior = behavior === "position";
+  const containerStyle = isPositionBehavior ? contentContainerStyle : style;
+  const combinedStyles = (0, _react.useMemo)(() => [containerStyle, animatedStyle], [containerStyle, animatedStyle]);
+  if (isPositionBehavior) {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
+      ref: ref,
+      style: style,
+      onLayout: onLayout
+    }, props), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+      style: combinedStyles
+    }, children));
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
+    ref: ref,
+    onLayout: onLayout,
+    style: combinedStyles
+  }, props), children);
+});
+var _default = exports.default = KeyboardAvoidingView;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyboardAvoidingView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_hooks","_hooks2","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","defaultLayout","x","y","width","height","KeyboardAvoidingView","forwardRef","behavior","children","contentContainerStyle","enabled","keyboardVerticalOffset","style","onLayout","onLayoutProps","props","ref","initialFrame","useSharedValue","frame","useDerivedValue","value","translate","padding","useTranslateAnimation","keyboard","useKeyboardAnimation","screenHeight","useWindowDimensions","relativeKeyboardHeight","useCallback","keyboardY","heightWhenOpened","Math","max","interpolateToRelativeKeyboardHeight","interpolate","onLayoutWorklet","layout","isClosed","runOnUI","nativeEvent","animatedStyle","useAnimatedStyle","bottom","progress","translateY","paddingBottom","bottomHeight","flex","transform","isPositionBehavior","containerStyle","combinedStyles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { View } from \"react-native\";\nimport Reanimated, {\n  interpolate,\n  runOnUI,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n} from \"react-native-reanimated\";\n\nimport { useWindowDimensions } from \"../../hooks\";\n\nimport { useKeyboardAnimation, useTranslateAnimation } from \"./hooks\";\n\nimport type { LayoutRectangle, ViewProps } from \"react-native\";\n\nexport type KeyboardAvoidingViewBaseProps = {\n  /**\n   * Controls whether this `KeyboardAvoidingView` instance should take effect.\n   * This is useful when more than one is on the screen. Defaults to true.\n   */\n  enabled?: boolean;\n\n  /**\n   * Distance between the top of the user screen and the React Native view. This\n   * may be non-zero in some cases. Defaults to 0.\n   */\n  keyboardVerticalOffset?: number;\n} & ViewProps;\n\nexport type KeyboardAvoidingViewProps = KeyboardAvoidingViewBaseProps &\n  (\n    | {\n        /**\n         * Specify how to react to the presence of the keyboard.\n         */\n        behavior?: \"position\";\n\n        /**\n         * Style of the content container when `behavior` is 'position'.\n         */\n        contentContainerStyle?: ViewProps[\"style\"];\n      }\n    | {\n        /**\n         * Specify how to react to the presence of the keyboard.\n         */\n        behavior?: \"height\" | \"padding\" | \"translate-with-padding\";\n\n        /**\n         * `contentContainerStyle` is not allowed for these behaviors.\n         */\n        contentContainerStyle?: never;\n      }\n  );\n\nconst defaultLayout: LayoutRectangle = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n};\n\n/**\n * View that moves out of the way when the keyboard appears by automatically\n * adjusting its height, position, or bottom padding.\n */\nconst KeyboardAvoidingView = forwardRef<\n  View,\n  React.PropsWithChildren<KeyboardAvoidingViewProps>\n>(\n  (\n    {\n      behavior,\n      children,\n      contentContainerStyle,\n      enabled = true,\n      keyboardVerticalOffset = 0,\n      style,\n      onLayout: onLayoutProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const initialFrame = useSharedValue<LayoutRectangle | null>(null);\n    const frame = useDerivedValue(() => initialFrame.value || defaultLayout);\n\n    const { translate, padding } = useTranslateAnimation();\n    const keyboard = useKeyboardAnimation();\n    const { height: screenHeight } = useWindowDimensions();\n\n    const relativeKeyboardHeight = useCallback(() => {\n      \"worklet\";\n\n      const keyboardY =\n        screenHeight - keyboard.heightWhenOpened.value - keyboardVerticalOffset;\n\n      return Math.max(frame.value.y + frame.value.height - keyboardY, 0);\n    }, [screenHeight, keyboardVerticalOffset]);\n    const interpolateToRelativeKeyboardHeight = useCallback(\n      (value: number) => {\n        \"worklet\";\n\n        return interpolate(value, [0, 1], [0, relativeKeyboardHeight()]);\n      },\n      [relativeKeyboardHeight],\n    );\n\n    const onLayoutWorklet = useCallback((layout: LayoutRectangle) => {\n      \"worklet\";\n\n      if (keyboard.isClosed.value || initialFrame.value === null) {\n        // eslint-disable-next-line react-compiler/react-compiler\n        initialFrame.value = layout;\n      }\n    }, []);\n    const onLayout = useCallback<NonNullable<ViewProps[\"onLayout\"]>>(\n      (e) => {\n        runOnUI(onLayoutWorklet)(e.nativeEvent.layout);\n        onLayoutProps?.(e);\n      },\n      [onLayoutProps],\n    );\n\n    const animatedStyle = useAnimatedStyle(() => {\n      const bottom = interpolateToRelativeKeyboardHeight(\n        keyboard.progress.value,\n      );\n      const translateY = interpolateToRelativeKeyboardHeight(translate.value);\n      const paddingBottom = interpolateToRelativeKeyboardHeight(padding.value);\n      const bottomHeight = enabled ? bottom : 0;\n\n      switch (behavior)  {\n        case \"height\":\n          if (!keyboard.isClosed.value) {\n            return {\n              height: frame.value.height - bottomHeight,\n              flex: 0,\n            };\n          }\n\n          return {};\n\n        case \"position\":\n          return { bottom: bottomHeight };\n\n        case \"padding\":\n          return { paddingBottom: bottomHeight };\n\n        case \"translate-with-padding\":\n          return {\n            paddingBottom: paddingBottom,\n            transform: [{ translateY: -translateY}],\n          };\n\n        default:\n          return {};\n      }\n    }, [behavior, enabled, interpolateToRelativeKeyboardHeight]);\n    const isPositionBehavior = behavior === \"position\";\n    const containerStyle = isPositionBehavior ? contentContainerStyle : style;\n    const combinedStyles = useMemo(\n      () => [containerStyle, animatedStyle],\n      [containerStyle, animatedStyle],\n    );\n\n    if (isPositionBehavior) {\n      return (\n        <View ref={ref} style={style} onLayout={onLayout} {...props}>\n          <Reanimated.View style={combinedStyles}>{children}</Reanimated.View>\n        </View>\n      );\n    }\n\n    return (\n      <Reanimated.View\n        ref={ref}\n        onLayout={onLayout}\n        style={combinedStyles}\n        {...props}\n      >\n        {children}\n      </Reanimated.View>\n    );\n  },\n);\n\nexport default KeyboardAvoidingView;\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardAwareScrollView/index.js

@@ -0,0 +1,262 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = require("../../hooks");
+var _useSmoothKeyboardHandler = require("./useSmoothKeyboardHandler");
+var _utils = require("./utils");
+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 _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); }
+/*
+ * Everything begins from `onStart` handler. This handler is called every time,
+ * when keyboard changes its size or when focused `TextInput` was changed. In
+ * this handler we are calculating/memoizing values which later will be used
+ * during layout movement. For that we calculate:
+ * - layout of focused field (`layout`) - to understand whether there will be overlap
+ * - initial keyboard size (`initialKeyboardSize`) - used in scroll interpolation
+ * - future keyboard height (`keyboardHeight`) - used in scroll interpolation
+ * - current scroll position (`scrollPosition`) - used to scroll from this point
+ *
+ * Once we've calculated all necessary variables - we can actually start to use them.
+ * It happens in `onMove` handler - this function simply calls `maybeScroll` with
+ * current keyboard frame height. This functions makes the smooth transition.
+ *
+ * When the transition has finished we go to `onEnd` handler. In this handler
+ * we verify, that the current field is not overlapped within a keyboard frame.
+ * For full `onStart`/`onMove`/`onEnd` flow it may look like a redundant thing,
+ * however there could be some cases, when `onMove` is not called:
+ * - on iOS when TextInput was changed - keyboard transition is instant
+ * - on Android when TextInput was changed and keyboard size wasn't changed
+ * So `onEnd` handler handle the case, when `onMove` wasn't triggered.
+ *
+ * ====================================================================================================================+
+ * -----------------------------------------------------Flow chart-----------------------------------------------------+
+ * ====================================================================================================================+
+ *
+ * +============================+       +============================+        +==================================+
+ * +  User Press on TextInput   +   =>  +  Keyboard starts showing   +   =>   + As keyboard moves frame by frame +  =>
+ * +                            +       +       (run `onStart`)      +        +    `onMove` is getting called    +
+ * +============================+       +============================+        +==================================+
+ *
+ *
+ * +============================+       +============================+        +=====================================+
+ * + Keyboard is shown and we   +   =>  +    User moved focus to     +   =>   + Only `onStart`/`onEnd` maybe called +
+ * +    call `onEnd` handler    +       +     another `TextInput`    +        +    (without involving `onMove`)     +
+ * +============================+       +============================+        +=====================================+
+ *
+ */
+const KeyboardAwareScrollView = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  onLayout,
+  bottomOffset = 0,
+  disableScrollOnKeyboardHide = false,
+  enabled = true,
+  extraKeyboardSpace = 0,
+  ScrollViewComponent = _reactNativeReanimated.default.ScrollView,
+  ...rest
+}, ref) => {
+  const scrollViewAnimatedRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const scrollViewTarget = (0, _reactNativeReanimated.useSharedValue)(null);
+  const scrollPosition = (0, _reactNativeReanimated.useSharedValue)(0);
+  const position = (0, _reactNativeReanimated.useScrollViewOffset)(scrollViewAnimatedRef);
+  const currentKeyboardFrameHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const keyboardHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const keyboardWillAppear = (0, _reactNativeReanimated.useSharedValue)(false);
+  const tag = (0, _reactNativeReanimated.useSharedValue)(-1);
+  const initialKeyboardSize = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollBeforeKeyboardMovement = (0, _reactNativeReanimated.useSharedValue)(0);
+  const {
+    input
+  } = (0, _hooks.useReanimatedFocusedInput)();
+  const layout = (0, _reactNativeReanimated.useSharedValue)(null);
+  const {
+    height
+  } = (0, _hooks.useWindowDimensions)();
+  const onRef = (0, _react.useCallback)(assignedRef => {
+    if (typeof ref === "function") {
+      ref(assignedRef);
+    } else if (ref) {
+      ref.current = assignedRef;
+    }
+    scrollViewAnimatedRef(assignedRef);
+  }, []);
+  const onScrollViewLayout = (0, _react.useCallback)(e => {
+    scrollViewTarget.value = (0, _reactNative.findNodeHandle)(scrollViewAnimatedRef.current);
+    onLayout === null || onLayout === void 0 || onLayout(e);
+  }, [onLayout]);
+
+  /**
+   * Function that will scroll a ScrollView as keyboard gets moving
+   */
+  const maybeScroll = (0, _react.useCallback)((e, animated = false) => {
+    "worklet";
+
+    var _layout$value, _layout$value2, _layout$value3;
+    if (!enabled) {
+      return 0;
+    }
+
+    // input belongs to ScrollView
+    if (((_layout$value = layout.value) === null || _layout$value === void 0 ? void 0 : _layout$value.parentScrollViewTarget) !== scrollViewTarget.value) {
+      return 0;
+    }
+    const visibleRect = height - keyboardHeight.value;
+    const absoluteY = ((_layout$value2 = layout.value) === null || _layout$value2 === void 0 ? void 0 : _layout$value2.layout.absoluteY) || 0;
+    const inputHeight = ((_layout$value3 = layout.value) === null || _layout$value3 === void 0 ? void 0 : _layout$value3.layout.height) || 0;
+    const point = absoluteY + inputHeight;
+    if (visibleRect - point <= bottomOffset) {
+      const relativeScrollTo = keyboardHeight.value - (height - point) + bottomOffset;
+      const interpolatedScrollTo = (0, _reactNativeReanimated.interpolate)(e, [initialKeyboardSize.value, keyboardHeight.value], [0, (0, _utils.scrollDistanceWithRespectToSnapPoints)(relativeScrollTo + scrollPosition.value, rest.snapToOffsets) - scrollPosition.value]);
+      const targetScrollY = Math.max(interpolatedScrollTo, 0) + scrollPosition.value;
+      (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, targetScrollY, animated);
+      return interpolatedScrollTo;
+    }
+    if (absoluteY < 0) {
+      const positionOnScreen = visibleRect - inputHeight - bottomOffset;
+      const topOfScreen = scrollPosition.value + absoluteY;
+      (0, _reactNativeReanimated.scrollTo)(scrollViewAnimatedRef, 0, topOfScreen - positionOnScreen, animated);
+    }
+    return 0;
+  }, [bottomOffset, enabled, height, rest.snapToOffsets]);
+  const syncKeyboardFrame = (0, _react.useCallback)(e => {
+    "worklet";
+
+    const keyboardFrame = (0, _reactNativeReanimated.interpolate)(e.height, [0, keyboardHeight.value], [0, keyboardHeight.value + extraKeyboardSpace]);
+    currentKeyboardFrameHeight.value = keyboardFrame;
+  }, [extraKeyboardSpace]);
+  const scrollFromCurrentPosition = (0, _react.useCallback)(customHeight => {
+    "worklet";
+
+    var _input$value;
+    const prevScrollPosition = scrollPosition.value;
+    const prevLayout = layout.value;
+    if (!((_input$value = input.value) !== null && _input$value !== void 0 && _input$value.layout)) {
+      return;
+    }
+
+    // eslint-disable-next-line react-compiler/react-compiler
+    layout.value = {
+      ...input.value,
+      layout: {
+        ...input.value.layout,
+        height: customHeight ?? input.value.layout.height
+      }
+    };
+    scrollPosition.value = position.value;
+    maybeScroll(keyboardHeight.value, true);
+    scrollPosition.value = prevScrollPosition;
+    layout.value = prevLayout;
+  }, [maybeScroll]);
+  const onChangeText = (0, _react.useCallback)(() => {
+    "worklet";
+
+    // if typing a text caused layout shift, then we need to ignore this handler
+    // because this event will be handled in `useAnimatedReaction` below
+    var _layout$value4, _input$value2;
+    if (((_layout$value4 = layout.value) === null || _layout$value4 === void 0 ? void 0 : _layout$value4.layout.height) !== ((_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.layout.height)) {
+      return;
+    }
+    scrollFromCurrentPosition();
+  }, [scrollFromCurrentPosition]);
+  const onSelectionChange = (0, _react.useCallback)(e => {
+    "worklet";
+
+    if (e.selection.start.position !== e.selection.end.position) {
+      scrollFromCurrentPosition(e.selection.end.y);
+    }
+  }, [scrollFromCurrentPosition]);
+  const onChangeTextHandler = (0, _react.useMemo)(() => (0, _utils.debounce)(onChangeText, 200), [onChangeText]);
+  (0, _hooks.useFocusedInputHandler)({
+    onChangeText: onChangeTextHandler,
+    onSelectionChange: onSelectionChange
+  }, [onChangeTextHandler, onSelectionChange]);
+  (0, _useSmoothKeyboardHandler.useSmoothKeyboardHandler)({
+    onStart: e => {
+      "worklet";
+
+      const keyboardWillChangeSize = keyboardHeight.value !== e.height && e.height > 0;
+      keyboardWillAppear.value = e.height > 0 && keyboardHeight.value === 0;
+      const keyboardWillHide = e.height === 0;
+      const focusWasChanged = tag.value !== e.target && e.target !== -1 || keyboardWillChangeSize;
+      if (keyboardWillChangeSize) {
+        initialKeyboardSize.value = keyboardHeight.value;
+      }
+      if (keyboardWillHide) {
+        // on back transition need to interpolate as [0, keyboardHeight]
+        initialKeyboardSize.value = 0;
+        scrollPosition.value = scrollBeforeKeyboardMovement.value;
+      }
+      if (keyboardWillAppear.value || keyboardWillChangeSize || focusWasChanged) {
+        // persist scroll value
+        scrollPosition.value = position.value;
+        // just persist height - later will be used in interpolation
+        keyboardHeight.value = e.height;
+      }
+
+      // focus was changed
+      if (focusWasChanged) {
+        tag.value = e.target;
+
+        // save position of focused text input when keyboard starts to move
+        layout.value = input.value;
+        // save current scroll position - when keyboard will hide we'll reuse
+        // this value to achieve smooth hide effect
+        scrollBeforeKeyboardMovement.value = position.value;
+      }
+      if (focusWasChanged && !keyboardWillAppear.value) {
+        // update position on scroll value, so `onEnd` handler
+        // will pick up correct values
+        position.value += maybeScroll(e.height, true);
+      }
+    },
+    onMove: e => {
+      "worklet";
+
+      syncKeyboardFrame(e);
+
+      // if the user has set disableScrollOnKeyboardHide, only auto-scroll when the keyboard opens
+      if (!disableScrollOnKeyboardHide || keyboardWillAppear.value) {
+        maybeScroll(e.height);
+      }
+    },
+    onEnd: e => {
+      "worklet";
+
+      keyboardHeight.value = e.height;
+      scrollPosition.value = position.value;
+      syncKeyboardFrame(e);
+    }
+  }, [maybeScroll, disableScrollOnKeyboardHide, syncKeyboardFrame]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => input.value, (current, previous) => {
+    if ((current === null || current === void 0 ? void 0 : current.target) === (previous === null || previous === void 0 ? void 0 : previous.target) && (current === null || current === void 0 ? void 0 : current.layout.height) !== (previous === null || previous === void 0 ? void 0 : previous.layout.height)) {
+      const prevLayout = layout.value;
+      layout.value = input.value;
+      scrollPosition.value += maybeScroll(keyboardHeight.value, true);
+      layout.value = prevLayout;
+    }
+  }, []);
+  const view = (0, _reactNativeReanimated.useAnimatedStyle)(() => enabled ? {
+    // animations become choppy when scrolling to the end of the `ScrollView` (when the last input is focused)
+    // this happens because the layout recalculates on every frame. To avoid this we slightly increase padding
+    // by `+1`. In this way we assure, that `scrollTo` will never scroll to the end, because it uses interpolation
+    // from 0 to `keyboardHeight`, and here our padding is `keyboardHeight + 1`. It allows us not to re-run layout
+    // re-calculation on every animation frame and it helps to achieve smooth animation.
+    // see: https://github.com/kirillzyusko/react-native-keyboard-controller/pull/342
+    paddingBottom: currentKeyboardFrameHeight.value + 1
+  } : {}, [enabled]);
+  return /*#__PURE__*/_react.default.createElement(ScrollViewComponent, _extends({
+    ref: onRef
+  }, rest, {
+    onLayout: onScrollViewLayout,
+    scrollEventThrottle: 16
+  }), children, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: view
+  }));
+});
+var _default = exports.default = KeyboardAwareScrollView;
+//# sourceMappingURL=index.js.map