react-native-keyboard-controller 1.11.0 → 1.11.2

package/android/src/main/java/com/reactnativekeyboardcontroller/extensions/EditText.kt

@@ -86,3 +86,11 @@ val EditText.parentScrollViewTarget: Int
     // ScrollView was not found
     return -1
   }
+
+fun EditText?.focus() {
+  if (this is ReactEditText) {
+    this.requestFocusFromJS()
+  } else {
+    this?.requestFocus()
+  }
+}

package/android/src/main/java/com/reactnativekeyboardcontroller/modules/KeyboardControllerModuleImpl.kt

@@ -32,7 +32,7 @@ class KeyboardControllerModuleImpl(private val mReactContext: ReactApplicationCo
 
   fun setFocusTo(direction: String) {
     if (direction == "current") {
-      return FocusedInputHolder.requestFocus()
+      return FocusedInputHolder.focus()
     }
 
     val activity = mReactContext.currentActivity

package/android/src/main/java/com/reactnativekeyboardcontroller/traversal/FocusedInputHolder.kt

@@ -1,16 +1,21 @@
 package com.reactnativekeyboardcontroller.traversal
 
-import com.facebook.react.views.textinput.ReactEditText
+import android.widget.EditText
+import com.reactnativekeyboardcontroller.extensions.focus
 import java.lang.ref.WeakReference
 
 object FocusedInputHolder {
-  private var input: WeakReference<ReactEditText?>? = null
+  private var input: WeakReference<EditText?>? = null
 
-  fun set(textInput: ReactEditText) {
+  fun set(textInput: EditText) {
     input = WeakReference(textInput)
   }
 
-  fun requestFocus() {
-    input?.get()?.requestFocusFromJS()
+  fun get(): EditText? {
+    return input?.get()
+  }
+
+  fun focus() {
+    input?.get()?.focus()
   }
 }

package/android/src/main/java/com/reactnativekeyboardcontroller/traversal/ViewHierarchyNavigator.kt

@@ -4,18 +4,14 @@ import android.view.View
 import android.view.ViewGroup
 import android.widget.EditText
 import com.facebook.react.bridge.UiThreadUtil
-import com.facebook.react.views.textinput.ReactEditText
+import com.reactnativekeyboardcontroller.extensions.focus
 
 object ViewHierarchyNavigator {
   fun setFocusTo(direction: String, view: View) {
     val input = if (direction == "next") findNextEditText(view) else findPreviousEditText(view)
 
     UiThreadUtil.runOnUiThread {
-      if (input is ReactEditText) {
-        input.requestFocusFromJS()
-      } else {
-        input?.requestFocus()
-      }
+      input.focus()
     }
   }
 

package/android/src/test/java/com/reactnativekeyboardcontroller/traversal/FocusedInputHolderTest.kt

@@ -0,0 +1,45 @@
+package com.reactnativekeyboardcontroller.traversal
+
+import android.content.Context
+import android.widget.EditText
+import androidx.test.core.app.ApplicationProvider
+import org.junit.Assert.assertEquals
+import org.junit.Assert.assertFalse
+import org.junit.Assert.assertNull
+import org.junit.Assert.assertTrue
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.robolectric.RobolectricTestRunner
+
+@RunWith(RobolectricTestRunner::class)
+class FocusedInputHolderTest {
+  @Test
+  fun `FocusedInputHolder should hold a weak reference`() {
+    val context = ApplicationProvider.getApplicationContext<Context>()
+    var input: EditText? = EditText(context)
+
+    FocusedInputHolder.set(input as EditText)
+
+    assertEquals(FocusedInputHolder.get(), input)
+
+    input = null
+
+    @Suppress("detekt:ExplicitGarbageCollectionCall")
+    System.gc()
+
+    assertNull(FocusedInputHolder.get())
+  }
+
+  @Test
+  fun `focus() should request focus on expected field`() {
+    val context = ApplicationProvider.getApplicationContext<Context>()
+    val input = EditText(context)
+
+    assertFalse(input.hasFocus())
+
+    FocusedInputHolder.set(input)
+    FocusedInputHolder.focus()
+
+    assertTrue(input.hasFocus())
+  }
+}

package/android/src/test/java/com/reactnativekeyboardcontroller/traversal/ViewHierarchyNavigatorTest.kt

@@ -4,6 +4,7 @@ import android.content.Context
 import android.widget.EditText
 import android.widget.LinearLayout
 import androidx.test.core.app.ApplicationProvider
+import com.reactnativekeyboardcontroller.extensions.focus
 import org.junit.Assert.assertTrue
 import org.junit.Before
 import org.junit.Test
@@ -78,7 +79,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should set focus to next field`() {
-    editText1.requestFocus()
+    editText1.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText1)
 
@@ -89,7 +90,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus to previous field`() {
-    editText2.requestFocus()
+    editText2.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText2)
 
@@ -100,7 +101,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should skip non-editable fields`() {
-    editText2.requestFocus()
+    editText2.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText2)
 
@@ -111,7 +112,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should skip non-editable fields`() {
-    editText5.requestFocus()
+    editText5.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText5)
 
@@ -122,7 +123,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should set focus relatively to current group`() {
-    editText5.requestFocus()
+    editText5.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText5)
 
@@ -133,7 +134,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus relatively to current group`() {
-    editText7.requestFocus()
+    editText7.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText7)
 
@@ -144,7 +145,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should correctly exit from current group`() {
-    editText7.requestFocus()
+    editText7.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText7)
 
@@ -155,7 +156,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should set focus to last element in group`() {
-    editText8.requestFocus()
+    editText8.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText8)
 
@@ -166,7 +167,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'next' should do nothing if it's last element`() {
-    editText13.requestFocus()
+    editText13.focus()
 
     ViewHierarchyNavigator.setFocusTo("next", editText13)
 
@@ -177,7 +178,7 @@ class ViewHierarchyNavigatorTest {
 
   @Test
   fun `setFocusTo to 'prev' should do nothing if it's first element`() {
-    editText1.requestFocus()
+    editText1.focus()
 
     ViewHierarchyNavigator.setFocusTo("prev", editText1)
 

package/ios/traversal/FocusedInputHolder.swift

@@ -19,14 +19,14 @@ class FocusedInputHolder {
     currentFocusedInput = input
   }
 
-  // Requests focus for the currentFocusedInput if it's set
-  func requestFocus() {
-    currentFocusedInput?.requestFocus()
-  }
-
   func get() -> TextInput? {
     return currentFocusedInput
   }
 
+  // Requests focus for the currentFocusedInput if it's set
+  func focus() {
+    currentFocusedInput?.focus()
+  }
+
   private init() {}
 }

package/ios/traversal/TextInput.swift

@@ -10,17 +10,17 @@ import Foundation
 import UIKit
 
 public protocol TextInput: AnyObject {
-  func requestFocus()
+  func focus()
 }
 
 extension UITextField: TextInput {
-  public func requestFocus() {
+  public func focus() {
     becomeFirstResponder()
   }
 }
 
 extension UITextView: TextInput {
-  public func requestFocus() {
+  public func focus() {
     becomeFirstResponder()
   }
 }

package/ios/traversal/ViewHierarchyNavigator.swift

@@ -14,7 +14,7 @@ public class ViewHierarchyNavigator: NSObject {
   @objc public static func setFocusTo(direction: String) {
     DispatchQueue.main.async {
       if direction == "current" {
-        FocusedInputHolder.shared.requestFocus()
+        FocusedInputHolder.shared.focus()
         return
       }
 
@@ -22,7 +22,7 @@ public class ViewHierarchyNavigator: NSObject {
       guard let view = input else { return }
 
       let textField = findTextInputInDirection(currentFocus: view, direction: direction)
-      textField?.requestFocus()
+      textField?.focus()
     }
   }
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ArrowComponent","_ref","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\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useColorScheme();\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useColorScheme","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ArrowComponent","_ref","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\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useColorScheme();\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"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"}

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

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

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

@@ -4,36 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colors = void 0;
-var _reactNative = require("react-native");
 const 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"
-    }),
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#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"
-    }),
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
     ripple: "#F8F8F888"
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","colors","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark","exports"],"sources":["colors.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { ColorValue } from \"react-native\";\n\ntype Theme = {\n  /** Color for arrow when it's enabled */\n  primary: ColorValue;\n  /** Color for arrow when it's disabled */\n  disabled: ColorValue;\n  /** Keyboard toolbar background color */\n  background: ColorValue;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAmBO,MAAMC,MAA4B,GAAG;EAC1CC,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;AAACE,OAAA,CAAAZ,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["colors","light","primary","disabled","background","ripple","dark","exports"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: \"#2c2c2c\",\n    disabled: \"#B0BEC5\",\n    background: \"#f3f3f4\",\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: \"#fafafa\",\n    disabled: \"#707070\",\n    background: \"#2C2C2E\",\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAEO,MAAMA,MAA4B,GAAG;EAC1CC,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;AAACE,OAAA,CAAAP,MAAA,GAAAA,MAAA"}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.colors = void 0;
+var _reactNative = require("react-native");
+const 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"
+  }
+};
+exports.colors = colors;
+//# sourceMappingURL=colors.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","colors","light","primary","Platform","select","ios","PlatformColor","default","disabled","background","ripple","dark","exports"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ColorValue } from \"react-native\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAKO,MAAMC,MAA4B,GAAG;EAC1CC,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;AAACE,OAAA,CAAAZ,MAAA,GAAAA,MAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeKeyboardController","_bindings","_useColorScheme","_interopRequireDefault","_Arrow","_Button","_colors","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","offset","closed","dismissKeyboard","KeyboardController","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","_ref","content","theme","colors","doneText","button","icon","colorScheme","useColorScheme","inputs","setInputs","useState","current","count","isPrevDisabled","isNextDisabled","useEffect","subscription","FocusedInputEvents","addListener","e","remove","doneStyle","useMemo","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","Button","IconContainer","Arrow","createElement","KeyboardStickyView","View","style","testID","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, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  KeyboardStickyView,\n} from \"react-native-keyboard-controller\";\n\nimport { KeyboardController } from \"../../bindings\";\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { ReactNode } from \"react\";\n\nexport type KeyboardToolbarProps = {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /** Custom text for done button. */\n  doneText?: ReactNode;\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\n  button?: typeof Button;\n  /** Custom icon component used to display next/prev buttons. */\n  icon?: typeof Arrow;\n};\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\n\nconst dismissKeyboard = () => KeyboardController.dismiss();\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\n * `Done` buttons.\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\n  content,\n  theme = colors,\n  doneText,\n  button,\n  icon,\n}) => {\n  const colorScheme = useColorScheme();\n  const [inputs, setInputs] = useState({\n    current: 0,\n    count: 0,\n  });\n  const isPrevDisabled = inputs.current === 0;\n  const isNextDisabled = inputs.current === inputs.count - 1;\n\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: theme[colorScheme].background,\n      },\n    ],\n    [colorScheme, theme],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  return (\n    <KeyboardStickyView offset={offset}>\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        <ButtonContainer\n          accessibilityLabel=\"Previous\"\n          accessibilityHint=\"Will move focus to previous field\"\n          disabled={isPrevDisabled}\n          onPress={goToPrevField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n          theme={theme}\n        >\n          <IconContainer disabled={isPrevDisabled} type=\"prev\" theme={theme} />\n        </ButtonContainer>\n        <ButtonContainer\n          accessibilityLabel=\"Next\"\n          accessibilityHint=\"Will move focus to next field\"\n          disabled={isNextDisabled}\n          onPress={goToNextField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n          theme={theme}\n        >\n          <IconContainer disabled={isNextDisabled} type=\"next\" theme={theme} />\n        </ButtonContainer>\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        <ButtonContainer\n          accessibilityLabel=\"Done\"\n          accessibilityHint=\"Will close the keyboard\"\n          onPress={dismissKeyboard}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n          rippleRadius={28}\n          style={styles.doneButtonContainer}\n          theme={theme}\n        >\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\n            {doneText || \"Done\"}\n          </Text>\n        </ButtonContainer>\n      </View>\n    </KeyboardStickyView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n    paddingHorizontal: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 8,\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeKeyboardController","_bindings","_useColorScheme","_interopRequireDefault","_Arrow","_Button","_colors","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","offset","closed","dismissKeyboard","KeyboardController","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","_ref","content","theme","colors","doneText","button","icon","colorScheme","useColorScheme","inputs","setInputs","useState","current","count","isPrevDisabled","isNextDisabled","useEffect","subscription","FocusedInputEvents","addListener","e","remove","doneStyle","useMemo","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","Button","IconContainer","Arrow","createElement","KeyboardStickyView","View","style","testID","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, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  KeyboardStickyView,\n} from \"react-native-keyboard-controller\";\n\nimport { KeyboardController } from \"../../bindings\";\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ReactNode } from \"react\";\n\nexport type KeyboardToolbarProps = {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /** Custom text for done button. */\n  doneText?: ReactNode;\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\n  button?: typeof Button;\n  /** Custom icon component used to display next/prev buttons. */\n  icon?: typeof Arrow;\n};\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\n\nconst dismissKeyboard = () => KeyboardController.dismiss();\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\n * `Done` buttons.\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\n  content,\n  theme = colors,\n  doneText,\n  button,\n  icon,\n}) => {\n  const colorScheme = useColorScheme();\n  const [inputs, setInputs] = useState({\n    current: 0,\n    count: 0,\n  });\n  const isPrevDisabled = inputs.current === 0;\n  const isNextDisabled = inputs.current === inputs.count - 1;\n\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: theme[colorScheme].background,\n      },\n    ],\n    [colorScheme, theme],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  return (\n    <KeyboardStickyView offset={offset}>\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        <ButtonContainer\n          accessibilityLabel=\"Previous\"\n          accessibilityHint=\"Will move focus to previous field\"\n          disabled={isPrevDisabled}\n          onPress={goToPrevField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n          theme={theme}\n        >\n          <IconContainer disabled={isPrevDisabled} type=\"prev\" theme={theme} />\n        </ButtonContainer>\n        <ButtonContainer\n          accessibilityLabel=\"Next\"\n          accessibilityHint=\"Will move focus to next field\"\n          disabled={isNextDisabled}\n          onPress={goToNextField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n          theme={theme}\n        >\n          <IconContainer disabled={isNextDisabled} type=\"next\" theme={theme} />\n        </ButtonContainer>\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        <ButtonContainer\n          accessibilityLabel=\"Done\"\n          accessibilityHint=\"Will close the keyboard\"\n          onPress={dismissKeyboard}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n          rippleRadius={28}\n          style={styles.doneButtonContainer}\n          theme={theme}\n        >\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\n            {doneText || \"Done\"}\n          </Text>\n        </ButtonContainer>\n      </View>\n    </KeyboardStickyView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n    paddingHorizontal: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 8,\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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"}

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\";\n\ntype Theme = {\n  /** Color for arrow when it's enabled */\n  primary: ColorValue;\n  /** Color for arrow when it's disabled */\n  disabled: ColorValue;\n  /** Keyboard toolbar background color */\n  background: ColorValue;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Animated","StyleSheet","View","useColorScheme","ArrowComponent","_ref","type","disabled","theme","colorScheme","color","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","style","arrowDownContainer","arrowUpContainer","arrow","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","create","transform","rotate","flexDirection"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useColorScheme();\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,cAAc,MAAM,yBAAyB;AAWpD,MAAMC,cAAoC,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAH,IAAA;EACrE,MAAMI,WAAW,GAAGN,cAAc,CAAC,CAAC;EAEpC,MAAMO,KAAK,GAAGX,OAAO,CACnB,OAAO;IACLY,eAAe,EAAEJ,QAAQ,GACrBC,KAAK,CAACC,WAAW,CAAC,CAACF,QAAQ,GAC3BC,KAAK,CAACC,WAAW,CAAC,CAACG;EACzB,CAAC,CAAC,EACF,CAACL,QAAQ,EAAEC,KAAK,EAAEC,WAAW,CAC/B,CAAC;EACD,MAAMI,IAAI,GAAGd,OAAO,CAAC,MAAM,CAACe,MAAM,CAACC,aAAa,EAAEL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAMM,KAAK,GAAGjB,OAAO,CAAC,MAAM,CAACe,MAAM,CAACG,cAAc,EAAEP,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEpE,oBACEZ,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IACHiB,KAAK,EACHb,IAAI,KAAK,MAAM,GAAGQ,MAAM,CAACM,kBAAkB,GAAGN,MAAM,CAACO;EACtD,gBAEDvB,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEL,MAAM,CAACQ;EAAM,gBACxBxB,KAAA,CAAAoB,aAAA,CAAClB,QAAQ,CAACE,IAAI;IAACiB,KAAK,EAAEN;EAAK,CAAE,CAAC,eAC9Bf,KAAA,CAAAoB,aAAA,CAAClB,QAAQ,CAACE,IAAI;IAACiB,KAAK,EAAEH;EAAM,CAAE,CAC1B,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,SAAoB,GAAG;EAC3BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC;AACD,MAAML,gBAA2B,GAAG;EAClCM,gBAAgB,EAAE,CAAC;EACnBH,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVG,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AACd,CAAC;AACD,MAAMf,MAAM,GAAGb,UAAU,CAAC6B,MAAM,CAAC;EAC/BT,gBAAgB,EAAEA,gBAAgB;EAClCD,kBAAkB,EAAE;IAClB,GAAGC,gBAAgB;IACnBU,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDV,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVQ,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACb,GAAGQ,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCnB,IAAI,EAAE,CAAC;EACT,CAAC;EACDI,cAAc,EAAE;IACd,GAAGM,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC,CAAC;IAChCnB,IAAI,EAAE,CAAC;EACT;AACF,CAAC,CAAC;AAEF,eAAeT,cAAc"}
+{"version":3,"names":["React","useMemo","Animated","StyleSheet","View","useColorScheme","ArrowComponent","_ref","type","disabled","theme","colorScheme","color","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","style","arrowDownContainer","arrowUpContainer","arrow","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","create","transform","rotate","flexDirection"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Animated, StyleSheet, View } from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ArrowProps = {\n  type: \"prev\" | \"next\";\n  disabled?: boolean;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\n  const colorScheme = useColorScheme();\n\n  const color = useMemo(\n    () => ({\n      backgroundColor: disabled\n        ? theme[colorScheme].disabled\n        : theme[colorScheme].primary,\n    }),\n    [disabled, theme, colorScheme],\n  );\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\n\n  return (\n    <View\n      style={\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\n      }\n    >\n      <View style={styles.arrow}>\n        <Animated.View style={left} />\n        <Animated.View style={right} />\n      </View>\n    </View>\n  );\n};\n\nconst arrowLine: ViewStyle = {\n  width: 13,\n  height: 2,\n  borderRadius: 1,\n};\nconst arrowUpContainer: ViewStyle = {\n  marginHorizontal: 5,\n  width: 30,\n  height: 30,\n  justifyContent: \"center\",\n  alignItems: \"center\",\n};\nconst styles = StyleSheet.create({\n  arrowUpContainer: arrowUpContainer,\n  arrowDownContainer: {\n    ...arrowUpContainer,\n    transform: [{ rotate: \"180deg\" }],\n  },\n  arrow: {\n    width: 20,\n    height: 20,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  arrowLeftLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"-45deg\" }],\n    left: -0.5,\n  },\n  arrowRightLine: {\n    ...arrowLine,\n    transform: [{ rotate: \"45deg\" }],\n    left: -5.5,\n  },\n});\n\nexport default ArrowComponent;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,cAAc,MAAM,yBAAyB;AAWpD,MAAMC,cAAoC,GAAGC,IAAA,IAA+B;EAAA,IAA9B;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAAH,IAAA;EACrE,MAAMI,WAAW,GAAGN,cAAc,CAAC,CAAC;EAEpC,MAAMO,KAAK,GAAGX,OAAO,CACnB,OAAO;IACLY,eAAe,EAAEJ,QAAQ,GACrBC,KAAK,CAACC,WAAW,CAAC,CAACF,QAAQ,GAC3BC,KAAK,CAACC,WAAW,CAAC,CAACG;EACzB,CAAC,CAAC,EACF,CAACL,QAAQ,EAAEC,KAAK,EAAEC,WAAW,CAC/B,CAAC;EACD,MAAMI,IAAI,GAAGd,OAAO,CAAC,MAAM,CAACe,MAAM,CAACC,aAAa,EAAEL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAMM,KAAK,GAAGjB,OAAO,CAAC,MAAM,CAACe,MAAM,CAACG,cAAc,EAAEP,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEpE,oBACEZ,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IACHiB,KAAK,EACHb,IAAI,KAAK,MAAM,GAAGQ,MAAM,CAACM,kBAAkB,GAAGN,MAAM,CAACO;EACtD,gBAEDvB,KAAA,CAAAoB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAEL,MAAM,CAACQ;EAAM,gBACxBxB,KAAA,CAAAoB,aAAA,CAAClB,QAAQ,CAACE,IAAI;IAACiB,KAAK,EAAEN;EAAK,CAAE,CAAC,eAC9Bf,KAAA,CAAAoB,aAAA,CAAClB,QAAQ,CAACE,IAAI;IAACiB,KAAK,EAAEH;EAAM,CAAE,CAC1B,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,SAAoB,GAAG;EAC3BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC;AACD,MAAML,gBAA2B,GAAG;EAClCM,gBAAgB,EAAE,CAAC;EACnBH,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVG,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AACd,CAAC;AACD,MAAMf,MAAM,GAAGb,UAAU,CAAC6B,MAAM,CAAC;EAC/BT,gBAAgB,EAAEA,gBAAgB;EAClCD,kBAAkB,EAAE;IAClB,GAAGC,gBAAgB;IACnBU,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDV,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVQ,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACb,GAAGQ,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCnB,IAAI,EAAE,CAAC;EACT,CAAC;EACDI,cAAc,EAAE;IACd,GAAGM,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC,CAAC;IAChCnB,IAAI,EAAE,CAAC;EACT;AACF,CAAC,CAAC;AAEF,eAAeT,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Platform","TouchableNativeFeedback","TouchableOpacity","View","useColorScheme","ButtonIOS","_ref","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","accessibilityState","createElement","accessibilityRole","ButtonAndroid","_ref2","rippleRadius","theme","colorScheme","ripple","Ripple","background","select","android","default"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Platform,\n  TouchableNativeFeedback,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { PropsWithChildren } from \"react\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ButtonProps = {\n  disabled?: boolean;\n  onPress: () => void;\n  accessibilityLabel: string;\n  accessibilityHint: string;\n  testID: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ButtonIOS = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  style,\n}: PropsWithChildren<ButtonProps>) => {\n  // immediately switch to plain view to avoid animation flickering\n  // when fade out animation happens and view becomes disabled\n  const Container = disabled\n    ? (View as unknown as typeof TouchableOpacity)\n    : TouchableOpacity;\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n\n  return (\n    <Container\n      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      style={style}\n      testID={testID}\n    >\n      {children}\n    </Container>\n  );\n};\nconst ButtonAndroid = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  rippleRadius = 18,\n  style,\n  theme,\n}: PropsWithChildren<ButtonProps>) => {\n  const colorScheme = useColorScheme();\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n  const ripple = useMemo(\n    () =>\n      TouchableNativeFeedback.Ripple(\n        theme[colorScheme].ripple,\n        true,\n        rippleRadius,\n      ),\n    [colorScheme, rippleRadius, theme],\n  );\n\n  return (\n    <TouchableNativeFeedback\n      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      background={ripple}\n      testID={testID}\n      style={style}\n    >\n      <View style={style}>{children}</View>\n    </TouchableNativeFeedback>\n  );\n};\n\nexport default Platform.select({\n  android: ButtonAndroid,\n  default: ButtonIOS,\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,OAAOC,cAAc,MAAM,yBAAyB;AAiBpD,MAAMC,SAAS,GAAGC,IAAA,IAQoB;EAAA,IARnB;IACjBC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB;IACjBC,MAAM;IACNC;EAC8B,CAAC,GAAAP,IAAA;EAC/B;EACA;EACA,MAAMQ,SAAS,GAAGL,QAAQ,GACrBN,IAAI,GACLD,gBAAgB;EACpB,MAAMa,kBAAkB,GAAGhB,OAAO,CAAC,OAAO;IAAEU;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEpE,oBACEX,KAAA,CAAAkB,aAAA,CAACF,SAAS;IACRC,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA;EAAO,GAEdL,QACQ,CAAC;AAEhB,CAAC;AACD,MAAMW,aAAa,GAAGC,KAAA,IAUgB;EAAA,IAVf;IACrBZ,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB;IACjBC,MAAM;IACNQ,YAAY,GAAG,EAAE;IACjBP,KAAK;IACLQ;EAC8B,CAAC,GAAAF,KAAA;EAC/B,MAAMG,WAAW,GAAGlB,cAAc,CAAC,CAAC;EACpC,MAAMW,kBAAkB,GAAGhB,OAAO,CAAC,OAAO;IAAEU;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACpE,MAAMc,MAAM,GAAGxB,OAAO,CACpB,MACEE,uBAAuB,CAACuB,MAAM,CAC5BH,KAAK,CAACC,WAAW,CAAC,CAACC,MAAM,EACzB,IAAI,EACJH,YACF,CAAC,EACH,CAACE,WAAW,EAAEF,YAAY,EAAEC,KAAK,CACnC,CAAC;EAED,oBACEvB,KAAA,CAAAkB,aAAA,CAACf,uBAAuB;IACtBc,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBiB,UAAU,EAAEF,MAAO;IACnBX,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,gBAEbf,KAAA,CAAAkB,aAAA,CAACb,IAAI;IAACU,KAAK,EAAEA;EAAM,GAAEN,QAAe,CACb,CAAC;AAE9B,CAAC;AAED,eAAeP,QAAQ,CAAC0B,MAAM,CAAC;EAC7BC,OAAO,EAAET,aAAa;EACtBU,OAAO,EAAEvB;AACX,CAAC,CAAC"}
+{"version":3,"names":["React","useMemo","Platform","TouchableNativeFeedback","TouchableOpacity","View","useColorScheme","ButtonIOS","_ref","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","accessibilityState","createElement","accessibilityRole","ButtonAndroid","_ref2","rippleRadius","theme","colorScheme","ripple","Ripple","background","select","android","default"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  Platform,\n  TouchableNativeFeedback,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\n\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { PropsWithChildren } from \"react\";\nimport type { ViewStyle } from \"react-native\";\n\ntype ButtonProps = {\n  disabled?: boolean;\n  onPress: () => void;\n  accessibilityLabel: string;\n  accessibilityHint: string;\n  testID: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  theme: KeyboardToolbarTheme;\n};\n\nconst ButtonIOS = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  style,\n}: PropsWithChildren<ButtonProps>) => {\n  // immediately switch to plain view to avoid animation flickering\n  // when fade out animation happens and view becomes disabled\n  const Container = disabled\n    ? (View as unknown as typeof TouchableOpacity)\n    : TouchableOpacity;\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n\n  return (\n    <Container\n      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      style={style}\n      testID={testID}\n    >\n      {children}\n    </Container>\n  );\n};\nconst ButtonAndroid = ({\n  children,\n  onPress,\n  disabled,\n  accessibilityLabel,\n  accessibilityHint,\n  testID,\n  rippleRadius = 18,\n  style,\n  theme,\n}: PropsWithChildren<ButtonProps>) => {\n  const colorScheme = useColorScheme();\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\n  const ripple = useMemo(\n    () =>\n      TouchableNativeFeedback.Ripple(\n        theme[colorScheme].ripple,\n        true,\n        rippleRadius,\n      ),\n    [colorScheme, rippleRadius, theme],\n  );\n\n  return (\n    <TouchableNativeFeedback\n      accessibilityState={accessibilityState}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={accessibilityHint}\n      onPress={onPress}\n      background={ripple}\n      testID={testID}\n      style={style}\n    >\n      <View style={style}>{children}</View>\n    </TouchableNativeFeedback>\n  );\n};\n\nexport default Platform.select({\n  android: ButtonAndroid,\n  default: ButtonIOS,\n});\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,OAAOC,cAAc,MAAM,yBAAyB;AAiBpD,MAAMC,SAAS,GAAGC,IAAA,IAQoB;EAAA,IARnB;IACjBC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB;IACjBC,MAAM;IACNC;EAC8B,CAAC,GAAAP,IAAA;EAC/B;EACA;EACA,MAAMQ,SAAS,GAAGL,QAAQ,GACrBN,IAAI,GACLD,gBAAgB;EACpB,MAAMa,kBAAkB,GAAGhB,OAAO,CAAC,OAAO;IAAEU;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEpE,oBACEX,KAAA,CAAAkB,aAAA,CAACF,SAAS;IACRC,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA;EAAO,GAEdL,QACQ,CAAC;AAEhB,CAAC;AACD,MAAMW,aAAa,GAAGC,KAAA,IAUgB;EAAA,IAVf;IACrBZ,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB;IACjBC,MAAM;IACNQ,YAAY,GAAG,EAAE;IACjBP,KAAK;IACLQ;EAC8B,CAAC,GAAAF,KAAA;EAC/B,MAAMG,WAAW,GAAGlB,cAAc,CAAC,CAAC;EACpC,MAAMW,kBAAkB,GAAGhB,OAAO,CAAC,OAAO;IAAEU;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACpE,MAAMc,MAAM,GAAGxB,OAAO,CACpB,MACEE,uBAAuB,CAACuB,MAAM,CAC5BH,KAAK,CAACC,WAAW,CAAC,CAACC,MAAM,EACzB,IAAI,EACJH,YACF,CAAC,EACH,CAACE,WAAW,EAAEF,YAAY,EAAEC,KAAK,CACnC,CAAC;EAED,oBACEvB,KAAA,CAAAkB,aAAA,CAACf,uBAAuB;IACtBc,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBiB,UAAU,EAAEF,MAAO;IACnBX,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,gBAEbf,KAAA,CAAAkB,aAAA,CAACb,IAAI;IAACU,KAAK,EAAEA;EAAM,GAAEN,QAAe,CACb,CAAC;AAE9B,CAAC;AAED,eAAeP,QAAQ,CAAC0B,MAAM,CAAC;EAC7BC,OAAO,EAAET,aAAa;EACtBU,OAAO,EAAEvB;AACX,CAAC,CAAC"}

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

@@ -1,33 +1,14 @@
-import { Platform, PlatformColor } from "react-native";
 export const colors = {
   light: {
-    primary: Platform.select({
-      ios: PlatformColor("link"),
-      default: "#2c2c2c"
-    }),
-    disabled: Platform.select({
-      ios: PlatformColor("systemGray4"),
-      default: "#B0BEC5"
-    }),
-    background: Platform.select({
-      ios: "#F8F8F8",
-      default: "#f3f3f4"
-    }),
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
     ripple: "#bcbcbcbc"
   },
   dark: {
-    primary: Platform.select({
-      ios: PlatformColor("label"),
-      default: "#fafafa"
-    }),
-    disabled: Platform.select({
-      ios: PlatformColor("systemGray"),
-      default: "#707070"
-    }),
-    background: Platform.select({
-      ios: "#555756",
-      default: "#2C2C2E"
-    }),
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
     ripple: "#F8F8F888"
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","PlatformColor","colors","light","primary","select","ios","default","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { ColorValue } from \"react-native\";\n\ntype Theme = {\n  /** Color for arrow when it's enabled */\n  primary: ColorValue;\n  /** Color for arrow when it's disabled */\n  disabled: ColorValue;\n  /** Keyboard toolbar background color */\n  background: ColorValue;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,cAAc;AAmBtD,OAAO,MAAMC,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,MAAM,CAAC;MAC1BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,aAAa,CAAC;MACjCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,OAAO,CAAC;MAC3BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,YAAY,CAAC;MAChCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"names":["colors","light","primary","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: \"#2c2c2c\",\n    disabled: \"#B0BEC5\",\n    background: \"#f3f3f4\",\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: \"#fafafa\",\n    disabled: \"#707070\",\n    background: \"#2C2C2E\",\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":"AAEA,OAAO,MAAMA,MAA4B,GAAG;EAC1CC,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"}

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

@@ -0,0 +1,34 @@
+import { Platform, PlatformColor } from "react-native";
+export const colors = {
+  light: {
+    primary: Platform.select({
+      ios: PlatformColor("link"),
+      default: "#2c2c2c"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray4"),
+      default: "#B0BEC5"
+    }),
+    background: Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4"
+    }),
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: Platform.select({
+      ios: PlatformColor("label"),
+      default: "#fafafa"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray"),
+      default: "#707070"
+    }),
+    background: Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E"
+    }),
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","PlatformColor","colors","light","primary","select","ios","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ColorValue } from \"react-native\";\n\nexport const colors: KeyboardToolbarTheme = {\n  light: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"link\"),\n      default: \"#2c2c2c\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray4\"),\n      default: \"#B0BEC5\",\n    }),\n    background: Platform.select({\n      ios: \"#F8F8F8\",\n      default: \"#f3f3f4\",\n    }),\n    ripple: \"#bcbcbcbc\",\n  },\n  dark: {\n    primary: Platform.select<ColorValue>({\n      ios: PlatformColor(\"label\"),\n      default: \"#fafafa\",\n    }),\n    disabled: Platform.select<ColorValue>({\n      ios: PlatformColor(\"systemGray\"),\n      default: \"#707070\",\n    }),\n    background: Platform.select({\n      ios: \"#555756\",\n      default: \"#2C2C2E\",\n    }),\n    ripple: \"#F8F8F888\",\n  },\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,cAAc;AAKtD,OAAO,MAAMC,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,MAAM,CAAC;MAC1BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,aAAa,CAAC;MACjCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,OAAO,CAAC;MAC3BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,YAAY,CAAC;MAChCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","Text","View","FocusedInputEvents","KeyboardStickyView","KeyboardController","useColorScheme","Arrow","Button","colors","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","offset","closed","dismissKeyboard","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","_ref","content","theme","doneText","button","icon","colorScheme","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","subscription","addListener","e","remove","doneStyle","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","IconContainer","createElement","style","testID","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","maxFontSizeMultiplier","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  KeyboardStickyView,\n} from \"react-native-keyboard-controller\";\n\nimport { KeyboardController } from \"../../bindings\";\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\n\nimport type { KeyboardToolbarTheme } from \"./colors\";\nimport type { ReactNode } from \"react\";\n\nexport type KeyboardToolbarProps = {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /** Custom text for done button. */\n  doneText?: ReactNode;\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\n  button?: typeof Button;\n  /** Custom icon component used to display next/prev buttons. */\n  icon?: typeof Arrow;\n};\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\n\nconst dismissKeyboard = () => KeyboardController.dismiss();\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\n * `Done` buttons.\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\n  content,\n  theme = colors,\n  doneText,\n  button,\n  icon,\n}) => {\n  const colorScheme = useColorScheme();\n  const [inputs, setInputs] = useState({\n    current: 0,\n    count: 0,\n  });\n  const isPrevDisabled = inputs.current === 0;\n  const isNextDisabled = inputs.current === inputs.count - 1;\n\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: theme[colorScheme].background,\n      },\n    ],\n    [colorScheme, theme],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  return (\n    <KeyboardStickyView offset={offset}>\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        <ButtonContainer\n          accessibilityLabel=\"Previous\"\n          accessibilityHint=\"Will move focus to previous field\"\n          disabled={isPrevDisabled}\n          onPress={goToPrevField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n          theme={theme}\n        >\n          <IconContainer disabled={isPrevDisabled} type=\"prev\" theme={theme} />\n        </ButtonContainer>\n        <ButtonContainer\n          accessibilityLabel=\"Next\"\n          accessibilityHint=\"Will move focus to next field\"\n          disabled={isNextDisabled}\n          onPress={goToNextField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n          theme={theme}\n        >\n          <IconContainer disabled={isNextDisabled} type=\"next\" theme={theme} />\n        </ButtonContainer>\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        <ButtonContainer\n          accessibilityLabel=\"Done\"\n          accessibilityHint=\"Will close the keyboard\"\n          onPress={dismissKeyboard}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n          rippleRadius={28}\n          style={styles.doneButtonContainer}\n          theme={theme}\n        >\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\n            {doneText || \"Done\"}\n          </Text>\n        </ButtonContainer>\n      </View>\n    </KeyboardStickyView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n    paddingHorizontal: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 8,\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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"}
+{"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","Text","View","FocusedInputEvents","KeyboardStickyView","KeyboardController","useColorScheme","Arrow","Button","colors","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","offset","closed","dismissKeyboard","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","_ref","content","theme","doneText","button","icon","colorScheme","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","subscription","addListener","e","remove","doneStyle","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","IconContainer","createElement","style","testID","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","maxFontSizeMultiplier","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  KeyboardStickyView,\n} from \"react-native-keyboard-controller\";\n\nimport { KeyboardController } from \"../../bindings\";\nimport useColorScheme from \"../hooks/useColorScheme\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\n\nimport type { KeyboardToolbarTheme } from \"./types\";\nimport type { ReactNode } from \"react\";\n\nexport type KeyboardToolbarProps = {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /** Custom text for done button. */\n  doneText?: ReactNode;\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\n  button?: typeof Button;\n  /** Custom icon component used to display next/prev buttons. */\n  icon?: typeof Arrow;\n};\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\n\nconst dismissKeyboard = () => KeyboardController.dismiss();\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\nconst goToPrevField = () => KeyboardController.setFocusTo(\"prev\");\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\n * `Done` buttons.\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\n  content,\n  theme = colors,\n  doneText,\n  button,\n  icon,\n}) => {\n  const colorScheme = useColorScheme();\n  const [inputs, setInputs] = useState({\n    current: 0,\n    count: 0,\n  });\n  const isPrevDisabled = inputs.current === 0;\n  const isNextDisabled = inputs.current === inputs.count - 1;\n\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: theme[colorScheme].background,\n      },\n    ],\n    [colorScheme, theme],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  return (\n    <KeyboardStickyView offset={offset}>\n      <View style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        <ButtonContainer\n          accessibilityLabel=\"Previous\"\n          accessibilityHint=\"Will move focus to previous field\"\n          disabled={isPrevDisabled}\n          onPress={goToPrevField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n          theme={theme}\n        >\n          <IconContainer disabled={isPrevDisabled} type=\"prev\" theme={theme} />\n        </ButtonContainer>\n        <ButtonContainer\n          accessibilityLabel=\"Next\"\n          accessibilityHint=\"Will move focus to next field\"\n          disabled={isNextDisabled}\n          onPress={goToNextField}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n          theme={theme}\n        >\n          <IconContainer disabled={isNextDisabled} type=\"next\" theme={theme} />\n        </ButtonContainer>\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        <ButtonContainer\n          accessibilityLabel=\"Done\"\n          accessibilityHint=\"Will close the keyboard\"\n          onPress={dismissKeyboard}\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n          rippleRadius={28}\n          style={styles.doneButtonContainer}\n          theme={theme}\n        >\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\n            {doneText || \"Done\"}\n          </Text>\n        </ButtonContainer>\n      </View>\n    </KeyboardStickyView>\n  );\n};\n\nconst styles = StyleSheet.create({\n  flex: {\n    flex: 1,\n  },\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n    paddingHorizontal: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 8,\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type { ColorValue } from \"react-native\";\n\ntype Theme = {\n  /** Color for arrow when it's enabled */\n  primary: ColorValue;\n  /** Color for arrow when it's disabled */\n  disabled: ColorValue;\n  /** Keyboard toolbar background color */\n  background: ColorValue;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\n"],"mappings":""}

package/lib/typescript/components/KeyboardToolbar/Arrow.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 type ArrowProps = {
     type: "prev" | "next";
     disabled?: boolean;

package/lib/typescript/components/KeyboardToolbar/Button.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 import type { ViewStyle } from "react-native";
 type ButtonProps = {
     disabled?: boolean;

package/lib/typescript/components/KeyboardToolbar/colors.d.ts

@@ -1,17 +1,2 @@
-import type { ColorValue } from "react-native";
-type Theme = {
-    /** Color for arrow when it's enabled */
-    primary: ColorValue;
-    /** Color for arrow when it's disabled */
-    disabled: ColorValue;
-    /** Keyboard toolbar background color */
-    background: ColorValue;
-    /** Color for ripple effect (on button touch) on Android */
-    ripple: ColorValue;
-};
-export type KeyboardToolbarTheme = {
-    light: Theme;
-    dark: Theme;
-};
+import type { KeyboardToolbarTheme } from "./types";
 export declare const colors: KeyboardToolbarTheme;
-export {};

package/lib/typescript/components/KeyboardToolbar/colors.native.d.ts

@@ -0,0 +1,2 @@
+import type { KeyboardToolbarTheme } from "./types";
+export declare const colors: KeyboardToolbarTheme;

package/lib/typescript/components/KeyboardToolbar/index.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import Arrow from "./Arrow";
 import Button from "./Button";
 import { colors } from "./colors";
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 import type { ReactNode } from "react";
 export type KeyboardToolbarProps = {
     /** An element that is shown in the middle of the toolbar. */

package/lib/typescript/components/KeyboardToolbar/types.d.ts

@@ -0,0 +1,16 @@
+import type { ColorValue } from "react-native";
+type Theme = {
+    /** Color for arrow when it's enabled */
+    primary: ColorValue;
+    /** Color for arrow when it's disabled */
+    disabled: ColorValue;
+    /** Keyboard toolbar background color */
+    background: ColorValue;
+    /** Color for ripple effect (on button touch) on Android */
+    ripple: ColorValue;
+};
+export type KeyboardToolbarTheme = {
+    light: Theme;
+    dark: Theme;
+};
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-keyboard-controller",
-  "version": "1.11.0",
+  "version": "1.11.2",
   "description": "Keyboard manager which works in identical way on both iOS and Android",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -86,7 +86,7 @@
     "pod-install": "^0.1.0",
     "prettier": "^2.8.8",
     "react": "18.2.0",
-    "react-native": "0.72.4",
+    "react-native": "0.72.11",
     "react-native-builder-bob": "^0.18.0",
     "react-native-reanimated": "3.6.1",
     "release-it": "^14.2.2",

package/react-native-keyboard-controller.podspec

@@ -4,6 +4,8 @@ package = JSON.parse(File.read(File.join(__dir__, "package.json")))
 
 folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
 
+new_arch_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1'
+
 Pod::Spec.new do |s|
   s.name         = "react-native-keyboard-controller"
   s.version      = package["version"]
@@ -18,15 +20,9 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,swift}"
   s.public_header_files = "ios/**/*.h"
 
-  s.dependency "React-Core"
-
   # This guard prevent to install the dependencies when we run `pod install` in the old architecture.
-  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-    s.pod_target_xcconfig    = {
-      "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\" \"${PODS_ROOT}/Headers/Private/Yoga\"",
-      "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-      "CLANG_CXX_LANGUAGE_STANDARD" => "c++17",
+  if new_arch_enabled then
+    s.pod_target_xcconfig = {
       # This is handy when we want to detect if new arch is enabled in Swift code
       # and can be used like:
       # #if KEYBOARD_CONTROLLER_NEW_ARCH_ENABLED
@@ -36,12 +32,29 @@ Pod::Spec.new do |s|
       # #endif
       "OTHER_SWIFT_FLAGS" => "-DKEYBOARD_CONTROLLER_NEW_ARCH_ENABLED"
     }
+  end
 
-    s.dependency "React-RCTFabric"
-    s.dependency "React-Codegen"
-    s.dependency "RCT-Folly"
-    s.dependency "RCTRequired"
-    s.dependency "RCTTypeSafety"
-    s.dependency "ReactCommon/turbomodule/core"
+  # install_modules_dependencies has been defined since React Native 71
+  if defined?(install_modules_dependencies)
+    install_modules_dependencies(s)
+  else
+    s.dependency 'React-Core'
+
+    # This guard prevent to install the dependencies when we run `pod install` in the old architecture.
+    if new_arch_enabled then
+      s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+      s.pod_target_xcconfig = s.pod_target_xcconfig | {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+      }
+
+      s.dependency "React-RCTFabric"
+      s.dependency "React-Codegen"
+      s.dependency "RCT-Folly"
+      s.dependency "RCTRequired"
+      s.dependency "RCTTypeSafety"
+      s.dependency "ReactCommon/turbomodule/core"
+    end
   end
 end

package/src/components/KeyboardToolbar/Arrow.tsx

@@ -3,7 +3,7 @@ import { Animated, StyleSheet, View } from "react-native";
 
 import useColorScheme from "../hooks/useColorScheme";
 
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 import type { ViewStyle } from "react-native";
 
 type ArrowProps = {

package/src/components/KeyboardToolbar/Button.tsx

@@ -8,7 +8,7 @@ import {
 
 import useColorScheme from "../hooks/useColorScheme";
 
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 import type { PropsWithChildren } from "react";
 import type { ViewStyle } from "react-native";
 

package/src/components/KeyboardToolbar/colors.native.ts

@@ -0,0 +1,37 @@
+import { Platform, PlatformColor } from "react-native";
+
+import type { KeyboardToolbarTheme } from "./types";
+import type { ColorValue } from "react-native";
+
+export const colors: KeyboardToolbarTheme = {
+  light: {
+    primary: Platform.select<ColorValue>({
+      ios: PlatformColor("link"),
+      default: "#2c2c2c",
+    }),
+    disabled: Platform.select<ColorValue>({
+      ios: PlatformColor("systemGray4"),
+      default: "#B0BEC5",
+    }),
+    background: Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4",
+    }),
+    ripple: "#bcbcbcbc",
+  },
+  dark: {
+    primary: Platform.select<ColorValue>({
+      ios: PlatformColor("label"),
+      default: "#fafafa",
+    }),
+    disabled: Platform.select<ColorValue>({
+      ios: PlatformColor("systemGray"),
+      default: "#707070",
+    }),
+    background: Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E",
+    }),
+    ripple: "#F8F8F888",
+  },
+};

package/src/components/KeyboardToolbar/colors.ts

@@ -1,51 +1,16 @@
-import { Platform, PlatformColor } from "react-native";
-
-import type { ColorValue } from "react-native";
-
-type Theme = {
-  /** Color for arrow when it's enabled */
-  primary: ColorValue;
-  /** Color for arrow when it's disabled */
-  disabled: ColorValue;
-  /** Keyboard toolbar background color */
-  background: ColorValue;
-  /** Color for ripple effect (on button touch) on Android */
-  ripple: ColorValue;
-};
-export type KeyboardToolbarTheme = {
-  light: Theme;
-  dark: Theme;
-};
+import type { KeyboardToolbarTheme } from "./types";
 
 export const colors: KeyboardToolbarTheme = {
   light: {
-    primary: Platform.select<ColorValue>({
-      ios: PlatformColor("link"),
-      default: "#2c2c2c",
-    }),
-    disabled: Platform.select<ColorValue>({
-      ios: PlatformColor("systemGray4"),
-      default: "#B0BEC5",
-    }),
-    background: Platform.select({
-      ios: "#F8F8F8",
-      default: "#f3f3f4",
-    }),
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
     ripple: "#bcbcbcbc",
   },
   dark: {
-    primary: Platform.select<ColorValue>({
-      ios: PlatformColor("label"),
-      default: "#fafafa",
-    }),
-    disabled: Platform.select<ColorValue>({
-      ios: PlatformColor("systemGray"),
-      default: "#707070",
-    }),
-    background: Platform.select({
-      ios: "#555756",
-      default: "#2C2C2E",
-    }),
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
     ripple: "#F8F8F888",
   },
 };

package/src/components/KeyboardToolbar/index.tsx

@@ -13,7 +13,7 @@ import Arrow from "./Arrow";
 import Button from "./Button";
 import { colors } from "./colors";
 
-import type { KeyboardToolbarTheme } from "./colors";
+import type { KeyboardToolbarTheme } from "./types";
 import type { ReactNode } from "react";
 
 export type KeyboardToolbarProps = {

package/src/components/KeyboardToolbar/types.ts

@@ -0,0 +1,16 @@
+import type { ColorValue } from "react-native";
+
+type Theme = {
+  /** Color for arrow when it's enabled */
+  primary: ColorValue;
+  /** Color for arrow when it's disabled */
+  disabled: ColorValue;
+  /** Keyboard toolbar background color */
+  background: ColorValue;
+  /** Color for ripple effect (on button touch) on Android */
+  ripple: ColorValue;
+};
+export type KeyboardToolbarTheme = {
+  light: Theme;
+  dark: Theme;
+};