Add nop and focus callback.

Author: jameswilddev

index.ts

@@ -63,6 +63,7 @@ export { HorizontallySymmetricalSafeAreaView } from './react-native/components/H
 export { intercalateRendered } from './react-native/utilities/intercalateRendered'
 export { isRenderedByReact } from './react-native/utilities/isRenderedByReact'
 export { logger } from './react-native/services/logger'
+export { nop } from './react-native/utilities/nop'
 export { PermissionHelper } from './react-native/services/PermissionHelper'
 export { PictureHelper } from './react-native/services/PictureHelper'
 export { Request } from './react-native/services/Request'

react-native/components/createCreatableSelectComponent/createCreatableSelectChildrenComponent/index.tsx

@@ -10,6 +10,7 @@ import {
 import type { ControlStyle } from '../../../types/ControlStyle'
 import { createInputComponent } from '../../createInputComponent'
 import { Hitbox } from '../../Hitbox'
+import { nop } from '../../../utilities/nop'
 
 type Instance<T extends null | boolean | number | string> = React.FunctionComponent<{
   readonly options: ReadonlyArray<{
@@ -203,6 +204,7 @@ export const createCreatableSelectChildrenComponent = <
               setFilter(parsed)
             }
           }}
+          onFocus={nop}
           secureTextEntry={false}
           disabled={false}
           placeholder={

react-native/components/createCreatableSelectComponent/createCreatableSelectChildrenComponent/unit.tsx

@@ -11,7 +11,8 @@ import { createCreatableSelectChildrenComponent } from '.'
 import {
   type ControlStyle,
   Hitbox,
-  unwrapRenderedFunctionComponent
+  unwrapRenderedFunctionComponent,
+  nop
 } from '../../../..'
 
 type TestValue = 10 | 20 | 30 | 40
@@ -170,6 +171,7 @@ test('renders as expected with an absent selected value', () => {
             rightIcon: null,
             value: '',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -487,6 +489,7 @@ test('renders as expected with a present selected value', () => {
             rightIcon: null,
             value: '',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -829,6 +832,7 @@ test('renders as expected when exact matches are found for user input', async ()
             rightIcon: null,
             value: ' EXamPLE   \n OPTION \n  \t \r  ReD    \n \n \r \t  APPle \t \n \r  C label \n\n \r \t ',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -1027,6 +1031,7 @@ test('renders as expected when partial matches are found for user input', async
             rightIcon: null,
             value: '  \n  \t \r  ReD    \n \n \r \t  APPle \t \n \r',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -1216,6 +1221,7 @@ test('renders as expected when matches are not found for user input', async () =
             rightIcon: null,
             value: '  \n  \t \r  GReeN    \n \n \r \t  APPle \t \n \r',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -2056,6 +2062,7 @@ test('renders as expected when horizontal padding is not present', async () => {
             rightIcon: null,
             value: '  \n  \t \r  ReD    \n \n \r \t  APPle \t \n \r',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,
@@ -2251,6 +2258,7 @@ test('renders as expected when vertical padding is not present', async () => {
             rightIcon: null,
             value: '  \n  \t \r  ReD    \n \n \r \t  APPle \t \n \r',
             onChange: expect.any(Function),
+            onFocus: nop,
             secureTextEntry: false,
             disabled: false,
             autoFocus: true,

react-native/components/createInputComponent/index.tsx

@@ -32,6 +32,11 @@ type Instance<TValue, TContext> = React.FunctionComponent<{
    */
   onChange: (parsed: undefined | TValue, complete: boolean) => void
 
+  /**
+   * Invoked when the user focuses the box.
+   */
+  onFocus: () => void
+
   /**
    * When true, the text value is starred out rather than being rendered (for
    * password fields).
@@ -393,6 +398,7 @@ export function createInputComponent<TValue, TContext> (
     rightIcon,
     value,
     onChange,
+    onFocus,
     secureTextEntry,
     disabled,
     autoFocus,
@@ -555,6 +561,7 @@ export function createInputComponent<TValue, TContext> (
           onFocus={() => {
             focused.current = true
             refresh()
+            onFocus()
           }}
           onBlur={() => {
             focused.current = false

react-native/components/createInputComponent/readme.md

@@ -116,6 +116,7 @@ const ExampleScreen = () => {
         onSubmit={(value) => {
           setSubmittedValue(value);
         }}
+        onFocus={() => {}}
         secureTextEntry={false}
         disabled={false}
         autoFocus={false}