@react-native-ohos/react-native-keyboard-controller 1.12.8-beta.9

package/lib/commonjs/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_hooks","IS_ANDROID_ELEVEN_OR_HIGHER","Platform","OS","Version","IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS","TELEGRAM_ANDROID_TIMING_CONFIG","duration","easing","Easing","bezier","useSmoothKeyboardHandler","handler","deps","target","useSharedValue","height","persistedHeight","animatedKeyboardHeight","useAnimatedReaction","value","event","progress","evt","_handler$onMove","onMove","call","_handler$onEnd","onEnd","useKeyboardHandler","onStart","e","_handler$onStart2","_handler$onStart","_handler$onEnd2","withTiming","_handler$onMove2","_handler$onEnd3","exports"],"sources":["useSmoothKeyboardHandler.ts"],"sourcesContent":["import { Platform } from \"react-native\";\r\nimport {\r\n  Easing,\r\n  useAnimatedReaction,\r\n  useSharedValue,\r\n  withTiming,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useKeyboardHandler } from \"../../hooks\";\r\n\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER =\r\n  Platform.OS === \"android\" && Platform.Version >= 30;\r\n// on these platforms keyboard transitions will be smooth\r\nconst IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS =\r\n  IS_ANDROID_ELEVEN_OR_HIGHER || Platform.OS === \"ios\" || Platform.OS as string === 'harmony';\r\n// on Android Telegram is not using androidx.core values and uses custom interpolation\r\n// duration is taken from here: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/org/telegram/ui/ActionBar/AdjustPanLayoutHelper.java#L39\r\n// and bezier is taken from: https://github.com/DrKLO/Telegram/blob/e9a35cea54c06277c69d41b8e25d94b5d7ede065/TMessagesProj/src/main/java/androidx/recyclerview/widget/ChatListItemAnimator.java#L40\r\nconst TELEGRAM_ANDROID_TIMING_CONFIG = {\r\n  duration: 250,\r\n  easing: Easing.bezier(\r\n    0.19919472913616398,\r\n    0.010644531250000006,\r\n    0.27920937042459737,\r\n    0.91025390625,\r\n  ),\r\n};\r\n\r\n/**\r\n * Hook that uses default transitions for iOS and Android > 11, and uses\r\n * custom interpolation on Android < 11 to achieve more smooth animation\r\n */\r\nexport const useSmoothKeyboardHandler: typeof useKeyboardHandler = (\r\n  handler,\r\n  deps,\r\n) => {\r\n  const target = useSharedValue(-1);\r\n  const height = useSharedValue(0);\r\n  const persistedHeight = useSharedValue(0);\r\n  const animatedKeyboardHeight = useSharedValue(0);\r\n\r\n  useAnimatedReaction(\r\n    () => {\r\n      if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n        return;\r\n      }\r\n      if (persistedHeight.value === 0) {\r\n        return;\r\n      }\r\n      const event = {\r\n        // it'll be always `TELEGRAM_ANDROID_TIMING_CONFIG.duration`, since we're running animation via `withTiming`\r\n        duration: TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        target: target.value,\r\n        height: animatedKeyboardHeight.value,\r\n        progress: animatedKeyboardHeight.value / persistedHeight.value,\r\n      };\r\n      return event;\r\n    },\r\n    (evt) => {\r\n      if (!evt) {\r\n        return;\r\n      }\r\n      handler.onMove?.(evt);\r\n\r\n      // dispatch `onEnd`\r\n      if (evt.height === height.value) {\r\n        handler.onEnd?.(evt);\r\n        // eslint-disable-next-line react-compiler/react-compiler\r\n        persistedHeight.value = height.value;\r\n      }\r\n    },\r\n    // REA uses own version of `DependencyList` and it's not compatible with the same type from React\r\n    deps as unknown[],\r\n  );\r\n\r\n  useKeyboardHandler(\r\n    {\r\n      onStart: (e) => {\r\n        \"worklet\";\r\n\r\n        // immediately dispatch onStart/onEnd events if onStart dispatched with the same height\r\n        // and don't wait for animation 250ms\r\n        if (\r\n          !IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS &&\r\n          e.height === persistedHeight.value\r\n        ) {\r\n          handler.onStart?.(e);\r\n          handler.onEnd?.(e);\r\n\r\n          return;\r\n        }\r\n\r\n        target.value = e.target;\r\n        height.value = e.height;\r\n\r\n        if (e.height > 0) {\r\n          persistedHeight.value = e.height;\r\n        }\r\n        // if we are running on Android < 9, then we are using custom interpolation\r\n        // to achieve smoother animation and use `animatedKeyboardHeight` as animation\r\n        // driver\r\n        if (!IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          animatedKeyboardHeight.value = withTiming(\r\n            e.height,\r\n            TELEGRAM_ANDROID_TIMING_CONFIG,\r\n          );\r\n        }\r\n\r\n        handler.onStart?.({\r\n          ...e,\r\n          duration: IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS\r\n            ? e.duration\r\n            : TELEGRAM_ANDROID_TIMING_CONFIG.duration,\r\n        });\r\n      },\r\n      onMove: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onMove?.(e);\r\n        }\r\n      },\r\n      onEnd: (e) => {\r\n        \"worklet\";\r\n\r\n        if (IS_ANDROID_ELEVEN_OR_HIGHER_OR_IOS) {\r\n          handler.onEnd?.(e);\r\n        }\r\n      },\r\n    },\r\n    deps,\r\n  );\r\n};\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollDistanceWithRespectToSnapPoints = exports.debounce = void 0;
+const debounce = (worklet, wait = 0) => {
+  "worklet";
+
+  const value = {
+    time: 0
+  };
+  return (...args) => {
+    "worklet";
+
+    const t = Date.now();
+    const now = t - value.time;
+    if (now < wait) {
+      value.time = t;
+      return;
+    }
+    value.time = t;
+    return worklet(...args);
+  };
+};
+exports.debounce = debounce;
+const scrollDistanceWithRespectToSnapPoints = (defaultScrollValue, snapPoints) => {
+  "worklet";
+
+  let snapPoint;
+  if (snapPoints) {
+    snapPoint = snapPoints.find(offset => offset >= defaultScrollValue);
+  }
+  return snapPoint ?? defaultScrollValue;
+};
+exports.scrollDistanceWithRespectToSnapPoints = scrollDistanceWithRespectToSnapPoints;
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/components/KeyboardAwareScrollView/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","worklet","wait","value","time","args","t","Date","now","exports","scrollDistanceWithRespectToSnapPoints","defaultScrollValue","snapPoints","snapPoint","find","offset"],"sources":["utils.ts"],"sourcesContent":["export const debounce = <F extends (...args: Parameters<F>) => ReturnType<F>>(\r\n  worklet: F,\r\n  wait = 0,\r\n) => {\r\n  \"worklet\";\r\n\r\n  const value = {\r\n    time: 0,\r\n  };\r\n\r\n  return (...args: Parameters<F>): ReturnType<F> | void => {\r\n    \"worklet\";\r\n\r\n    const t = Date.now();\r\n    const now = t - value.time;\r\n\r\n    if (now < wait) {\r\n      value.time = t;\r\n      return;\r\n    }\r\n\r\n    value.time = t;\r\n\r\n    return worklet(...args);\r\n  };\r\n};\r\n\r\nexport const scrollDistanceWithRespectToSnapPoints = (\r\n  defaultScrollValue: number,\r\n  snapPoints?: number[],\r\n) => {\r\n  \"worklet\";\r\n\r\n  let snapPoint: number | undefined;\r\n\r\n  if (snapPoints) {\r\n    snapPoint = snapPoints.find((offset) => offset >= defaultScrollValue);\r\n  }\r\n\r\n  return snapPoint ?? defaultScrollValue;\r\n};\r\n"],"mappings":";;;;;;AAAO,MAAMA,QAAQ,GAAGA,CACtBC,OAAU,EACVC,IAAI,GAAG,CAAC,KACL;EACH,SAAS;;EAET,MAAMC,KAAK,GAAG;IACZC,IAAI,EAAE;EACR,CAAC;EAED,OAAO,CAAC,GAAGC,IAAmB,KAA2B;IACvD,SAAS;;IAET,MAAMC,CAAC,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC;IACpB,MAAMA,GAAG,GAAGF,CAAC,GAAGH,KAAK,CAACC,IAAI;IAE1B,IAAII,GAAG,GAAGN,IAAI,EAAE;MACdC,KAAK,CAACC,IAAI,GAAGE,CAAC;MACd;IACF;IAEAH,KAAK,CAACC,IAAI,GAAGE,CAAC;IAEd,OAAOL,OAAO,CAAC,GAAGI,IAAI,CAAC;EACzB,CAAC;AACH,CAAC;AAACI,OAAA,CAAAT,QAAA,GAAAA,QAAA;AAEK,MAAMU,qCAAqC,GAAGA,CACnDC,kBAA0B,EAC1BC,UAAqB,KAClB;EACH,SAAS;;EAET,IAAIC,SAA6B;EAEjC,IAAID,UAAU,EAAE;IACdC,SAAS,GAAGD,UAAU,CAACE,IAAI,CAAEC,MAAM,IAAKA,MAAM,IAAIJ,kBAAkB,CAAC;EACvE;EAEA,OAAOE,SAAS,IAAIF,kBAAkB;AACxC,CAAC;AAACF,OAAA,CAAAC,qCAAA,GAAAA,qCAAA","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _hooks = 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 KeyboardStickyView = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  offset: {
+    closed = 0,
+    opened = 0
+  } = {},
+  style,
+  ...props
+}, ref) => {
+  const {
+    height,
+    progress
+  } = (0, _hooks.useReanimatedKeyboardAnimation)();
+  const stickyViewStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const offset = (0, _reactNativeReanimated.interpolate)(progress.value, [0, 1], [closed, opened]);
+    return {
+      transform: [{
+        translateY: height.value + offset
+      }]
+    };
+  }, [closed, opened]);
+  const styles = (0, _react.useMemo)(() => [style, stickyViewStyle], [style, stickyViewStyle]);
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({
+    ref: ref,
+    style: styles
+  }, props), children);
+});
+var _default = exports.default = KeyboardStickyView;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","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","KeyboardStickyView","forwardRef","children","offset","closed","opened","style","props","ref","height","progress","useReanimatedKeyboardAnimation","stickyViewStyle","useAnimatedStyle","interpolate","value","transform","translateY","styles","useMemo","createElement","View","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\r\nimport Reanimated, {\r\n  interpolate,\r\n  useAnimatedStyle,\r\n} from \"react-native-reanimated\";\r\n\r\nimport { useReanimatedKeyboardAnimation } from \"../../hooks\";\r\n\r\nimport type { View, ViewProps } from \"react-native\";\r\n\r\nexport type KeyboardStickyViewProps = {\r\n  /**\r\n   * Specify additional offset to the view for given keyboard state.\r\n   */\r\n  offset?: {\r\n    /**\r\n     * Adds additional `translateY` when keyboard is close. By default `0`.\r\n     */\r\n    closed?: number;\r\n    /**\r\n     * Adds additional `translateY` when keyboard is open. By default `0`.\r\n     */\r\n    opened?: number;\r\n  };\r\n} & ViewProps;\r\n\r\nconst KeyboardStickyView = forwardRef<\r\n  View,\r\n  React.PropsWithChildren<KeyboardStickyViewProps>\r\n>(\r\n  (\r\n    { children, offset: { closed = 0, opened = 0 } = {}, style, ...props },\r\n    ref,\r\n  ) => {\r\n    const { height, progress } = useReanimatedKeyboardAnimation();\r\n    const stickyViewStyle = useAnimatedStyle(() => {\r\n      const offset = interpolate(progress.value, [0, 1], [closed, opened]);\r\n\r\n      return {\r\n        transform: [{ translateY: height.value + offset }],\r\n      };\r\n    }, [closed, opened]);\r\n\r\n    const styles = useMemo(\r\n      () => [style, stickyViewStyle],\r\n      [style, stickyViewStyle],\r\n    );\r\n\r\n    return (\r\n      <Reanimated.View ref={ref} style={styles} {...props}>\r\n        {children}\r\n      </Reanimated.View>\r\n    );\r\n  },\r\n);\r\n\r\nexport default KeyboardStickyView;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/Arrow.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 ArrowComponent = ({
+  type,
+  disabled,
+  theme
+}) => {
+  const colorScheme = (0, _useColorScheme.default)();
+  const color = (0, _react.useMemo)(() => ({
+    backgroundColor: disabled ? theme[colorScheme].disabled : theme[colorScheme].primary
+  }), [disabled, theme, colorScheme]);
+  const left = (0, _react.useMemo)(() => [styles.arrowLeftLine, color], [color]);
+  const right = (0, _react.useMemo)(() => [styles.arrowRightLine, color], [color]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: type === "next" ? styles.arrowDownContainer : styles.arrowUpContainer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.arrow
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: left
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: right
+  })));
+};
+const arrowLine = {
+  width: 13,
+  height: 2,
+  borderRadius: 1
+};
+const arrowUpContainer = {
+  marginHorizontal: 5,
+  width: 30,
+  height: 30,
+  justifyContent: "center",
+  alignItems: "center"
+};
+const styles = _reactNative.StyleSheet.create({
+  arrowUpContainer: arrowUpContainer,
+  arrowDownContainer: {
+    ...arrowUpContainer,
+    transform: [{
+      rotate: "180deg"
+    }]
+  },
+  arrow: {
+    width: 20,
+    height: 20,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  arrowLeftLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "-45deg"
+    }],
+    left: -0.5
+  },
+  arrowRightLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "45deg"
+    }],
+    left: -5.5
+  }
+});
+var _default = exports.default = ArrowComponent;
+//# sourceMappingURL=Arrow.js.map

package/lib/commonjs/components/KeyboardToolbar/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ArrowComponent","type","disabled","theme","colorScheme","useColorScheme","color","useMemo","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","View","style","arrowDownContainer","arrowUpContainer","arrow","Animated","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","StyleSheet","create","transform","rotate","flexDirection","_default","exports"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { Animated, StyleSheet, View } from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ArrowProps = {\r\n  type: \"prev\" | \"next\";\r\n  disabled?: boolean;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\r\n  const colorScheme = useColorScheme();\r\n\r\n  const color = useMemo(\r\n    () => ({\r\n      backgroundColor: disabled\r\n        ? theme[colorScheme].disabled\r\n        : theme[colorScheme].primary,\r\n    }),\r\n    [disabled, theme, colorScheme],\r\n  );\r\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\r\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\r\n\r\n  return (\r\n    <View\r\n      style={\r\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\r\n      }\r\n    >\r\n      <View style={styles.arrow}>\r\n        <Animated.View style={left} />\r\n        <Animated.View style={right} />\r\n      </View>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst arrowLine: ViewStyle = {\r\n  width: 13,\r\n  height: 2,\r\n  borderRadius: 1,\r\n};\r\nconst arrowUpContainer: ViewStyle = {\r\n  marginHorizontal: 5,\r\n  width: 30,\r\n  height: 30,\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n};\r\nconst styles = StyleSheet.create({\r\n  arrowUpContainer: arrowUpContainer,\r\n  arrowDownContainer: {\r\n    ...arrowUpContainer,\r\n    transform: [{ rotate: \"180deg\" }],\r\n  },\r\n  arrow: {\r\n    width: 20,\r\n    height: 20,\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  arrowLeftLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"-45deg\" }],\r\n    left: -0.5,\r\n  },\r\n  arrowRightLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"45deg\" }],\r\n    left: -5.5,\r\n  },\r\n});\r\n\r\nexport default ArrowComponent;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/Button.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 ButtonIOS = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  style
+}) => {
+  // immediately switch to plain view to avoid animation flickering
+  // when fade out animation happens and view becomes disabled
+  const Container = disabled ? _reactNative.View : _reactNative.TouchableOpacity;
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/_react.default.createElement(Container, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    style: style,
+    testID: testID
+  }, children);
+};
+const ButtonAndroid = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  rippleRadius = 18,
+  style,
+  theme
+}) => {
+  const colorScheme = (0, _useColorScheme.default)();
+  const accessibilityState = (0, _react.useMemo)(() => ({
+    disabled
+  }), [disabled]);
+  const ripple = (0, _react.useMemo)(() => _reactNative.TouchableNativeFeedback.Ripple(theme[colorScheme].ripple, true, rippleRadius), [colorScheme, rippleRadius, theme]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableNativeFeedback, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    background: ripple,
+    testID: testID,
+    style: style
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: style
+  }, children));
+};
+var _default = exports.default = _reactNative.Platform.select({
+  android: ButtonAndroid,
+  default: ButtonIOS
+});
+//# sourceMappingURL=Button.js.map

package/lib/commonjs/components/KeyboardToolbar/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ButtonIOS","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","View","TouchableOpacity","accessibilityState","useMemo","createElement","accessibilityRole","ButtonAndroid","rippleRadius","theme","colorScheme","useColorScheme","ripple","TouchableNativeFeedback","Ripple","background","_default","exports","Platform","select","android"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n  Platform,\r\n  TouchableNativeFeedback,\r\n  TouchableOpacity,\r\n  View,\r\n} from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { PropsWithChildren } from \"react\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ButtonProps = {\r\n  disabled?: boolean;\r\n  onPress: () => void;\r\n  accessibilityLabel: string;\r\n  accessibilityHint: string;\r\n  testID: string;\r\n  rippleRadius?: number;\r\n  style?: ViewStyle;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ButtonIOS = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  style,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  // immediately switch to plain view to avoid animation flickering\r\n  // when fade out animation happens and view becomes disabled\r\n  const Container = disabled\r\n    ? (View as unknown as typeof TouchableOpacity)\r\n    : TouchableOpacity;\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n\r\n  return (\r\n    <Container\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      style={style}\r\n      testID={testID}\r\n    >\r\n      {children}\r\n    </Container>\r\n  );\r\n};\r\nconst ButtonAndroid = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  rippleRadius = 18,\r\n  style,\r\n  theme,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  const colorScheme = useColorScheme();\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n  const ripple = useMemo(\r\n    () =>\r\n      TouchableNativeFeedback.Ripple(\r\n        theme[colorScheme].ripple,\r\n        true,\r\n        rippleRadius,\r\n      ),\r\n    [colorScheme, rippleRadius, theme],\r\n  );\r\n\r\n  return (\r\n    <TouchableNativeFeedback\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      background={ripple}\r\n      testID={testID}\r\n      style={style}\r\n    >\r\n      <View style={style}>{children}</View>\r\n    </TouchableNativeFeedback>\r\n  );\r\n};\r\n\r\nexport default Platform.select({\r\n  android: ButtonAndroid,\r\n  default: ButtonIOS,\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/colors.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+const colors = exports.colors = {
+  light: {
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.js.map

package/lib/commonjs/components/KeyboardToolbar/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["colors","exports","light","primary","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: \"#2c2c2c\",\r\n    disabled: \"#B0BEC5\",\r\n    background: \"#f3f3f4\",\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: \"#fafafa\",\r\n    disabled: \"#707070\",\r\n    background: \"#2C2C2E\",\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":";;;;;;AAEO,MAAMA,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,KAAK,EAAE;IACLC,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/colors.native.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var _reactNative = require("react-native");
+const colors = exports.colors = {
+  light: {
+    primary: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("link"),
+      default: "#2c2c2c"
+    }),
+    disabled: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("systemGray4"),
+      default: "#B0BEC5"
+    }),
+    background: _reactNative.Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4"
+    }),
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("label"),
+      default: "#fafafa"
+    }),
+    disabled: _reactNative.Platform.select({
+      ios: (0, _reactNative.PlatformColor)("systemGray"),
+      default: "#707070"
+    }),
+    background: _reactNative.Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E"
+    }),
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.native.js.map

package/lib/commonjs/components/KeyboardToolbar/colors.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","colors","exports","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ColorValue } from \"react-native\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"link\"),\r\n      default: \"#2c2c2c\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray4\"),\r\n      default: \"#B0BEC5\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#F8F8F8\",\r\n      default: \"#f3f3f4\",\r\n    }),\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"label\"),\r\n      default: \"#fafafa\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray\"),\r\n      default: \"#707070\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#555756\",\r\n      default: \"#2C2C2E\",\r\n    }),\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKO,MAAMC,MAA4B,GAAAC,OAAA,CAAAD,MAAA,GAAG;EAC1CE,KAAK,EAAE;IACLC,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,MAAM,CAAC;MAC1BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,aAAa,CAAC;MACjCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJT,OAAO,EAAEC,qBAAQ,CAACC,MAAM,CAAa;MACnCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,OAAO,CAAC;MAC3BC,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAEL,qBAAQ,CAACC,MAAM,CAAa;MACpCC,GAAG,EAAE,IAAAC,0BAAa,EAAC,YAAY,CAAC;MAChCC,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAEN,qBAAQ,CAACC,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdE,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultKeyboardToolbarTheme", {
+  enumerable: true,
+  get: function () {
+    return _colors.colors;
+  }
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _bindings = require("../../bindings");
+var _KeyboardStickyView = _interopRequireDefault(require("../KeyboardStickyView"));
+var _useColorScheme = _interopRequireDefault(require("../hooks/useColorScheme"));
+var _Arrow = _interopRequireDefault(require("./Arrow"));
+var _Button = _interopRequireDefault(require("./Button"));
+var _colors = require("./colors");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
+const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
+const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
+const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
+const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
+const KEYBOARD_TOOLBAR_HEIGHT = 42;
+const DEFAULT_OPACITY = "FF";
+const offset = {
+  closed: KEYBOARD_TOOLBAR_HEIGHT
+};
+const dismissKeyboard = () => _bindings.KeyboardController.dismiss();
+const goToNextField = () => _bindings.KeyboardController.setFocusTo("next");
+const goToPrevField = () => _bindings.KeyboardController.setFocusTo("prev");
+
+/**
+ * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
+ * `Done` buttons.
+ */
+const KeyboardToolbar = ({
+  content,
+  theme = _colors.colors,
+  doneText,
+  button,
+  icon,
+  showArrows = true,
+  onNextCallback,
+  onPrevCallback,
+  onDoneCallback,
+  blur = null,
+  opacity = DEFAULT_OPACITY
+}) => {
+  const colorScheme = (0, _useColorScheme.default)();
+  const [inputs, setInputs] = (0, _react.useState)({
+    current: 0,
+    count: 0
+  });
+  const isPrevDisabled = inputs.current === 0;
+  const isNextDisabled = inputs.current === inputs.count - 1;
+  (0, _react.useEffect)(() => {
+    const subscription = _bindings.FocusedInputEvents.addListener("focusDidSet", e => {
+      setInputs(e);
+    });
+    return subscription.remove;
+  }, []);
+  const doneStyle = (0, _react.useMemo)(() => [styles.doneButton, {
+    color: theme[colorScheme].primary
+  }], [colorScheme, theme]);
+  const toolbarStyle = (0, _react.useMemo)(() => [styles.toolbar, {
+    backgroundColor: `${theme[colorScheme].background}${opacity}`
+  }], [colorScheme, opacity, theme]);
+  const ButtonContainer = button || _Button.default;
+  const IconContainer = icon || _Arrow.default;
+  const onPressNext = (0, _react.useCallback)(() => {
+    goToNextField();
+    onNextCallback === null || onNextCallback === void 0 || onNextCallback();
+  }, [onNextCallback]);
+  const onPressPrev = (0, _react.useCallback)(() => {
+    goToPrevField();
+    onPrevCallback === null || onPrevCallback === void 0 || onPrevCallback();
+  }, [onPrevCallback]);
+  const onPressDone = (0, _react.useCallback)(() => {
+    dismissKeyboard();
+    onDoneCallback === null || onDoneCallback === void 0 || onDoneCallback();
+  }, [onDoneCallback]);
+  return /*#__PURE__*/_react.default.createElement(_KeyboardStickyView.default, {
+    offset: offset
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: toolbarStyle,
+    testID: TEST_ID_KEYBOARD_TOOLBAR
+  }, blur, showArrows && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Previous",
+    accessibilityHint: "Will move focus to previous field",
+    disabled: isPrevDisabled,
+    onPress: onPressPrev,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isPrevDisabled,
+    type: "prev",
+    theme: theme
+  })), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Next",
+    accessibilityHint: "Will move focus to next field",
+    disabled: isNextDisabled,
+    onPress: onPressNext,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(IconContainer, {
+    disabled: isNextDisabled,
+    type: "next",
+    theme: theme
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.flex,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
+  }, content), /*#__PURE__*/_react.default.createElement(ButtonContainer, {
+    accessibilityLabel: "Done",
+    accessibilityHint: "Will close the keyboard",
+    onPress: onPressDone,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    rippleRadius: 28,
+    style: styles.doneButtonContainer,
+    theme: theme
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: doneStyle,
+    maxFontSizeMultiplier: 1.3
+  }, doneText || "Done"))));
+};
+const styles = _reactNative.StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  toolbar: {
+    position: "absolute",
+    bottom: 0,
+    alignItems: "center",
+    width: "100%",
+    flexDirection: "row",
+    height: KEYBOARD_TOOLBAR_HEIGHT,
+    paddingHorizontal: 8
+  },
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 8
+  }
+});
+var _default = exports.default = KeyboardToolbar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_bindings","_KeyboardStickyView","_interopRequireDefault","_useColorScheme","_Arrow","_Button","_colors","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","offset","closed","dismissKeyboard","KeyboardController","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","content","theme","colors","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","colorScheme","useColorScheme","inputs","setInputs","useState","current","count","isPrevDisabled","isNextDisabled","useEffect","subscription","FocusedInputEvents","addListener","remove","doneStyle","useMemo","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","Button","IconContainer","Arrow","onPressNext","useCallback","onPressPrev","onPressDone","createElement","View","style","testID","Fragment","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","Text","maxFontSizeMultiplier","StyleSheet","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { StyleSheet, Text, View } from \"react-native\";\r\n\r\nimport {\r\n  FocusedInputEvents,\r\n} from \"../../bindings\";\r\nimport KeyboardStickyView from \"../KeyboardStickyView\"\r\nimport { KeyboardController } from \"../../bindings\";\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport Arrow from \"./Arrow\";\r\nimport Button from \"./Button\";\r\nimport { colors } from \"./colors\";\r\n\r\nimport type { HEX, KeyboardToolbarTheme } from \"./types\";\r\nimport type { ReactNode } from \"react\";\r\n\r\nexport type KeyboardToolbarProps = {\r\n  /** An element that is shown in the middle of the toolbar. */\r\n  content?: JSX.Element | null;\r\n  /** A set of dark/light colors consumed by toolbar component. */\r\n  theme?: KeyboardToolbarTheme;\r\n  /** Custom text for done button. */\r\n  doneText?: ReactNode;\r\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\r\n  button?: typeof Button;\r\n  /** Custom icon component used to display next/prev buttons. */\r\n  icon?: typeof Arrow;\r\n  /**\r\n   * Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input\r\n   * and want to show only `Done` button. Default to `true`.\r\n   */\r\n  showArrows?: boolean;\r\n  /**\r\n   * A callback that is called when the user presses the next button along with the default action.\r\n   */\r\n  onNextCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the previous button along with the default action.\r\n   */\r\n  onPrevCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the done button along with the default action.\r\n   */\r\n  onDoneCallback?: () => void;\r\n  /**\r\n   * A component that applies blur effect to the toolbar.\r\n   */\r\n  blur?: JSX.Element | null;\r\n  /**\r\n   * A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff`.\r\n   */\r\n  opacity?: HEX;\r\n};\r\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\r\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\r\n\r\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\r\nconst DEFAULT_OPACITY: HEX = \"FF\";\r\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\r\n\r\nconst dismissKeyboard = () => KeyboardController.dismiss();\r\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\r\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\r\n\r\n/**\r\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\r\n * `Done` buttons.\r\n */\r\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\r\n  content,\r\n  theme = colors,\r\n  doneText,\r\n  button,\r\n  icon,\r\n  showArrows = true,\r\n  onNextCallback,\r\n  onPrevCallback,\r\n  onDoneCallback,\r\n  blur = null,\r\n  opacity = DEFAULT_OPACITY,\r\n}) => {\r\n  const colorScheme = useColorScheme();\r\n  const [inputs, setInputs] = useState({\r\n    current: 0,\r\n    count: 0,\r\n  });\r\n  const isPrevDisabled = inputs.current === 0;\r\n  const isNextDisabled = inputs.current === inputs.count - 1;\r\n\r\n  useEffect(() => {\r\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\r\n      setInputs(e);\r\n    });\r\n\r\n    return subscription.remove;\r\n  }, []);\r\n  const doneStyle = useMemo(\r\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\r\n    [colorScheme, theme],\r\n  );\r\n  const toolbarStyle = useMemo(\r\n    () => [\r\n      styles.toolbar,\r\n      {\r\n        backgroundColor: `${theme[colorScheme].background}${opacity}`,\r\n      },\r\n    ],\r\n    [colorScheme, opacity, theme],\r\n  );\r\n  const ButtonContainer = button || Button;\r\n  const IconContainer = icon || Arrow;\r\n\r\n  const onPressNext = useCallback(() => {\r\n    goToNextField();\r\n    onNextCallback?.();\r\n  }, [onNextCallback]);\r\n  const onPressPrev = useCallback(() => {\r\n    goToPrevField();\r\n    onPrevCallback?.();\r\n  }, [onPrevCallback]);\r\n  const onPressDone = useCallback(() => {\r\n    dismissKeyboard();\r\n    onDoneCallback?.();\r\n  }, [onDoneCallback]);\r\n\r\n  return (\r\n    <KeyboardStickyView offset={offset}>\r\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\r\n        {blur}\r\n        {showArrows && (\r\n          <>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Previous\"\r\n              accessibilityHint=\"Will move focus to previous field\"\r\n              disabled={isPrevDisabled}\r\n              onPress={onPressPrev}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isPrevDisabled}\r\n                type=\"prev\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Next\"\r\n              accessibilityHint=\"Will move focus to next field\"\r\n              disabled={isNextDisabled}\r\n              onPress={onPressNext}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isNextDisabled}\r\n                type=\"next\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n          </>\r\n        )}\r\n\r\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\r\n          {content}\r\n        </View>\r\n        <ButtonContainer\r\n          accessibilityLabel=\"Done\"\r\n          accessibilityHint=\"Will close the keyboard\"\r\n          onPress={onPressDone}\r\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\r\n          rippleRadius={28}\r\n          style={styles.doneButtonContainer}\r\n          theme={theme}\r\n        >\r\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\r\n            {doneText || \"Done\"}\r\n          </Text>\r\n        </ButtonContainer>\r\n      </View>\r\n    </KeyboardStickyView>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  flex: {\r\n    flex: 1,\r\n  },\r\n  toolbar: {\r\n    position: \"absolute\",\r\n    bottom: 0,\r\n    alignItems: \"center\",\r\n    width: \"100%\",\r\n    flexDirection: \"row\",\r\n    height: KEYBOARD_TOOLBAR_HEIGHT,\r\n    paddingHorizontal: 8,\r\n  },\r\n  doneButton: {\r\n    fontWeight: \"600\",\r\n    fontSize: 15,\r\n  },\r\n  doneButtonContainer: {\r\n    marginRight: 8,\r\n  },\r\n});\r\n\r\nexport { colors as DefaultKeyboardToolbarTheme };\r\nexport default KeyboardToolbar;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/KeyboardToolbar/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/KeyboardToolbar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ColorValue } from \"react-native\";\r\n\r\ntype Theme = {\r\n  /** Color for arrow when it's enabled */\r\n  primary: ColorValue;\r\n  /** Color for arrow when it's disabled */\r\n  disabled: ColorValue;\r\n  /** Keyboard toolbar background color */\r\n  background: string;\r\n  /** Color for ripple effect (on button touch) on Android */\r\n  ripple: ColorValue;\r\n};\r\nexport type KeyboardToolbarTheme = {\r\n  light: Theme;\r\n  dark: Theme;\r\n};\r\ntype HexSymbol =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"9\"\r\n  | \"A\"\r\n  | \"B\"\r\n  | \"C\"\r\n  | \"D\"\r\n  | \"E\"\r\n  | \"F\"\r\n  | \"a\"\r\n  | \"b\"\r\n  | \"c\"\r\n  | \"d\"\r\n  | \"e\"\r\n  | \"f\";\r\nexport type HEX = `${HexSymbol}${HexSymbol}`;\r\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+const useColorScheme = () => (0, _reactNative.useColorScheme)() || "light";
+var _default = exports.default = useColorScheme;
+//# sourceMappingURL=useColorScheme.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useColorScheme","useColorSchemeRN","_default","exports","default"],"sources":["useColorScheme.ts"],"sourcesContent":["import { useColorScheme as useColorSchemeRN } from \"react-native\";\r\n\r\nconst useColorScheme = () => useColorSchemeRN() || \"light\";\r\n\r\nexport default useColorScheme;\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,cAAc,GAAGA,CAAA,KAAM,IAAAC,2BAAgB,EAAC,CAAC,IAAI,OAAO;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE5CJ,cAAc","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultKeyboardToolbarTheme", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardToolbar.DefaultKeyboardToolbarTheme;
+  }
+});
+Object.defineProperty(exports, "KeyboardAvoidingView", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardAvoidingView.default;
+  }
+});
+Object.defineProperty(exports, "KeyboardAwareScrollView", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardAwareScrollView.default;
+  }
+});
+Object.defineProperty(exports, "KeyboardStickyView", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardStickyView.default;
+  }
+});
+Object.defineProperty(exports, "KeyboardToolbar", {
+  enumerable: true,
+  get: function () {
+    return _KeyboardToolbar.default;
+  }
+});
+var _KeyboardAvoidingView = _interopRequireDefault(require("./KeyboardAvoidingView"));
+var _KeyboardStickyView = _interopRequireDefault(require("./KeyboardStickyView"));
+var _KeyboardAwareScrollView = _interopRequireDefault(require("./KeyboardAwareScrollView"));
+var _KeyboardToolbar = _interopRequireWildcard(require("./KeyboardToolbar"));
+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 }; }
+//# sourceMappingURL=index.js.map