react-native-external-keyboard 0.9.1 → 1.0.0

package/lib/typescript/src/types/WithKeyboardFocus.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WithKeyboardFocus.d.ts","sourceRoot":"","sources":["../../../../src/types/WithKeyboardFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,UAAU,GAClB,KAAK,CAAC,YAAY,GAClB,KAAK,CAAC,iBAAiB,GACvB,CAAC,MAAM,KAAK,CAAC,YAAY,CAAC,CAAC;AAE/B,KAAK,oBAAoB,GAAG,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;AAErD,KAAK,gBAAgB,CACnB,cAAc,SAAS,MAAM,EAC7B,QAAQ,SAAS,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,IACrE,QAAQ,SAAS,MAAM,cAAc,GACrC,cAAc,CAAC,QAAQ,CAAC,GACxB,oBAAoB,CAAC;AAEzB,KAAK,QAAQ,CACX,cAAc,SAAS,MAAM,EAC7B,QAAQ,SAAS,MAAM,IACrB,QAAQ,SAAS,MAAM,cAAc,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC;AAE/E,MAAM,MAAM,0BAA0B,CAAC,cAAc,SAAS,MAAM,IAChE,KAAK,CAAC,qBAAqB,CAAC,cAAc,CAAC,GAC3C,KAAK,CAAC,yBAAyB,CAAC,cAAc,CAAC,CAAC;AAEpD,MAAM,MAAM,iBAAiB,CAAC,cAAc,SAAS,MAAM,IAAI;IAC7D,OAAO,CAAC,EAAE,gBAAgB,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,gBAAgB,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,gBAAgB,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC;IAC1D,UAAU,CAAC,EAAE,gBAAgB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAC5D,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IACvD,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;CACtD,CAAC;AAEF,uFAAuF;AACvF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;AAE/E,MAAM,MAAM,mBAAmB,CAAC,EAAE,SAAS,MAAM,IAAI,UAAU,SAAS,MAAM,EAAE,GAC5E,sBAAsB,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GACnD,KAAK,CAAC;AAEV,MAAM,MAAM,iBAAiB,CAC3B,QAAQ,GAAG,IAAI,EACf,aAAa,GAAG,OAAO,EACvB,cAAc,SAAS,MAAM,GAAG,EAAE,IAChC;IACF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACzC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IAClD,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC;IACnD,aAAa,CAAC,EAAE,mBAAmB,CAAC,cAAc,CAAC,SAAS,KAAK,GAC7D,KAAK,GACL,CACE,KAAK,EAAE,mBAAmB,CAAC,cAAc,CAAC,GAAG;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAC9D,KAAK,CAAC,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;CACpE,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAChC,cAAc,EACd,SAAS,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,CACjD,CAAC;AAEF,KAAK,UAAU,CAAC,SAAS,SAAS,MAAM,EAAE,aAAa,SAAS,MAAM,IAAI,IAAI,CAC5E,SAAS,EACT,MAAM,aAAa,CACpB,GACC,aAAa,CAAC;AAEhB,KAAK,0BAA0B,CAC7B,cAAc,SAAS,MAAM,EAC7B,aAAa,EACb,QAAQ,GAAG,IAAI,IACb,iBAAiB,CAAC,cAAc,CAAC,GACnC,sBAAsB,GACtB,iBAAiB,CAAC,QAAQ,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;AAE7D,MAAM,MAAM,iBAAiB,CAC3B,cAAc,SAAS,MAAM,EAC7B,aAAa,EACb,QAAQ,GAAG,IAAI,IACb,UAAU,CACZ,cAAc,EACd,0BAA0B,CAAC,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,CACpE,CAAC;AAEF,MAAM,MAAM,gCAAgC,CAC1C,cAAc,SAAS,MAAM,EAC7B,aAAa,EACb,QAAQ,GAAG,IAAI,IACb,iBAAiB,CAAC,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,GAC5D,aAAa,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,MAAM,4BAA4B,CACtC,cAAc,SAAS,MAAM,EAC7B,aAAa,EACb,QAAQ,GAAG,IAAI,IAEb,KAAK,CAAC,qBAAqB,CACzB,gCAAgC,CAAC,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,CAC1E,GACD,KAAK,CAAC,yBAAyB,CAC7B,gCAAgC,CAAC,cAAc,EAAE,aAAa,EAAE,QAAQ,CAAC,CAC1E,CAAC;AAEN,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CAAC"}

package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts

@@ -1,73 +0,0 @@
-import {
-  type TextInputProps,
-  type StyleProp,
-  type ViewStyle,
-  type ColorValue,
-} from 'react-native';
-
-import type { FocusStyle } from '../../types/FocusStyle';
-import type { TintType } from '../../types/WithKeyboardFocus';
-import { type RenderProp } from '../RenderPropComponent/RenderPropComponent';
-import type { blurMap, focusMap } from './KeyboardExtendedInput.consts';
-import type { LockFocusType } from '../../types/BaseKeyboardView';
-
-export type ExtraKeyboardProps = {
-  focusType?: keyof typeof focusMap;
-  blurType?: keyof typeof blurMap;
-  containerStyle?: StyleProp<ViewStyle>;
-  onFocusChange?: (isFocused: boolean) => void;
-  focusStyle?: FocusStyle;
-  haloEffect?: boolean;
-  canBeFocusable?: boolean;
-  focusable?: boolean;
-  tintColor?: ColorValue;
-  tintType?: TintType;
-  containerFocusStyle?: FocusStyle;
-  FocusHoverComponent?: RenderProp;
-  submitBehavior?: string;
-  groupIdentifier?: string;
-  lockFocus?: LockFocusType[];
-  orderGroup?: string;
-  orderIndex?: number;
-  orderId?: string;
-  orderForward?: string;
-  orderBackward?: string;
-  orderLeft?: string;
-  orderRight?: string;
-  orderUp?: string;
-  orderDown?: string;
-  orderFirst?: string | null;
-  orderLast?: string | null;
-  orderPrefix?: string;
-  defaultFocusHighlightEnabled?: boolean;
-};
-
-type IgnoreForCompatibility =
-  | 'rejectResponderTermination'
-  | 'selectionHandleColor'
-  | 'cursorColor'
-  | 'maxFontSizeMultiplier';
-
-type CompatibleInputProp<
-  TextInputPropsType extends object,
-  CompatibilityProp extends IgnoreForCompatibility
-> = CompatibilityProp extends keyof TextInputPropsType
-  ? TextInputPropsType[CompatibilityProp]
-  : CompatibilityProp extends keyof TextInputProps
-  ? TextInputProps[CompatibilityProp]
-  : never;
-
-type ReactNativeInputCompatibility<
-  TextInputPropsType extends object = TextInputProps
-> = Omit<TextInputPropsType, IgnoreForCompatibility> & {
-  [CompatibilityProp in IgnoreForCompatibility]?: CompatibleInputProp<
-    TextInputPropsType,
-    CompatibilityProp
-  > | null;
-};
-
-export type KeyboardInputPropsDeclaration<
-  TextInputPropsType extends object = TextInputProps
-> = ReactNativeInputCompatibility<TextInputPropsType> & ExtraKeyboardProps;
-
-export type KeyboardInputProps = KeyboardInputPropsDeclaration<TextInputProps>;

package/src/components/KeyboardFocusView/hooks/index.ts

@@ -1 +0,0 @@
-export { useFocusStyle } from './useFocusStyle';

package/src/components/KeyboardFocusView/hooks/useFocusStyle/index.ts

@@ -1 +0,0 @@
-export { useFocusStyle } from './useFocusStyle';

package/src/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.ts

@@ -1,34 +0,0 @@
-import { useState, useMemo, useCallback } from 'react';
-import { StyleSheet } from 'react-native';
-import type { FocusStyle } from '../../../../types';
-
-export const useFocusStyle = (
-  focusStyle?: FocusStyle,
-  onFocusChange?: (isFocused: boolean) => void
-) => {
-  const [focused, setFocusStatus] = useState(false);
-
-  const onFocusChangeHandler = useCallback(
-    (isFocused: boolean) => {
-      setFocusStatus(isFocused);
-      onFocusChange?.(isFocused);
-    },
-    [onFocusChange]
-  );
-
-  const fStyle = useMemo(() => {
-    if (!focusStyle) return focused ? styles.defaultHighlight : undefined;
-    const specificStyle =
-      typeof focusStyle === 'function' ? focusStyle({ focused }) : focusStyle;
-    return focused ? specificStyle : undefined;
-  }, [focused, focusStyle]);
-
-  return {
-    onFocusChangeHandler,
-    fStyle,
-  };
-};
-
-const styles = StyleSheet.create({
-  defaultHighlight: { backgroundColor: '#dce3f9' },
-});

package/src/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.ts

@@ -1,41 +0,0 @@
-import { useState, useMemo, useCallback } from 'react';
-import type { FocusStyle } from '../../../../types';
-
-export const useTintStyle = ({
-  focusStyle,
-  haloEffect,
-  onFocusChange,
-  tintBackground = '#dce3f9',
-}: {
-  haloEffect?: boolean;
-  focusStyle?: FocusStyle;
-  tintBackground?: string;
-  onFocusChange?: (isFocused: boolean) => void;
-}) => {
-  const [focused, setFocusStatus] = useState(false);
-
-  const onFocusChangeHandler = useCallback(
-    (isFocused: boolean) => {
-      setFocusStatus(isFocused);
-      onFocusChange?.(isFocused);
-    },
-    [onFocusChange]
-  );
-
-  const fStyle = useMemo(() => {
-    if (!focusStyle) return undefined;
-    const specificStyle =
-      typeof focusStyle === 'function' ? focusStyle({ focused }) : focusStyle;
-    return focused ? specificStyle : undefined;
-  }, [focused, focusStyle]);
-
-  const tintStyle = useMemo(() => {
-    if (haloEffect) return;
-    return focused ? { backgroundColor: tintBackground } : undefined;
-  }, [haloEffect, focused, tintBackground]);
-  return {
-    onFocusChangeHandler,
-    tintStyle,
-    fStyle,
-  };
-};

package/src/components/RenderPropComponent/RenderPropComponent.tsx

@@ -1,18 +0,0 @@
-import React, { type FunctionComponent, type ReactElement } from 'react';
-
-export type RenderProp =
-  | ReactElement
-  | FunctionComponent
-  | FunctionComponent<{}>
-  | (() => ReactElement);
-
-export const RenderPropComponent = ({ render }: { render: RenderProp }) => {
-  if (React.isValidElement(render)) {
-    return render;
-  } else if (typeof render === 'function') {
-    const Component = render;
-    return <Component />;
-  } else {
-    return null;
-  }
-};

package/src/types/BaseKeyboardView.ts

@@ -1,74 +0,0 @@
-import type {
-  View,
-  ViewProps,
-  NativeSyntheticEvent,
-  ColorValue,
-} from 'react-native';
-import type { KeyPress } from '../nativeSpec/ExternalKeyboardViewNativeComponent';
-import type { RefObject } from 'react';
-import type { Int32 } from 'react-native/Libraries/Types/CodegenTypes';
-
-export type OnKeyPress = NativeSyntheticEvent<KeyPress> & {
-  nativeEvent?: { target?: number };
-  currentTarget?: { _nativeTag?: number };
-};
-
-export type OnKeyPressFn = (e: OnKeyPress) => void;
-export type KeyboardFocus = { focus: () => void };
-export type BaseKeyboardViewType = Partial<View> & KeyboardFocus;
-
-export enum LockFocusEnum {
-  Up = 'up',
-  Down = 'down',
-  Right = 'right',
-  Left = 'left',
-  Forward = 'forward',
-  Backward = 'backward',
-  First = 'first',
-  Last = 'last',
-}
-
-export type LockFocusType = `${LockFocusEnum}`;
-
-export type BaseFocusViewProps = {
-  viewRef?: RefObject<View>;
-  group?: boolean;
-  onFocusChange?: (isFocused: boolean, tag?: number) => void;
-  onKeyUpPress?: OnKeyPressFn;
-  onKeyDownPress?: OnKeyPressFn;
-  onContextMenuPress?: () => void;
-  onBubbledContextMenuPress?: () => void;
-  haloEffect?: boolean;
-  autoFocus?: boolean;
-  canBeFocused?: boolean;
-  focusable?: boolean;
-  onFocus?: () => void;
-  onBlur?: () => void;
-  tintColor?: ColorValue;
-  haloCornerRadius?: number;
-  haloExpendX?: number;
-  haloExpendY?: number;
-  groupIdentifier?: string;
-  ignoreGroupFocusHint?: boolean;
-  exposeMethods?: string[];
-  enableA11yFocus?: boolean;
-  enableContextMenu?: boolean;
-  screenAutoA11yFocus?: boolean;
-  screenAutoA11yFocusDelay?: number;
-  orderGroup?: string;
-  orderIndex?: Int32;
-  lockFocus?: LockFocusType[];
-  orderId?: string;
-  orderLeft?: string;
-  orderRight?: string;
-  orderUp?: string;
-  orderDown?: string;
-  orderForward?: string;
-  orderBackward?: string;
-  orderFirst?: string | null;
-  orderLast?: string | null;
-  orderPrefix?: string;
-  defaultFocusHighlightEnabled?: boolean;
-};
-
-export type BaseKeyboardViewProps = ViewProps & BaseFocusViewProps;

package/src/types/WithKeyboardFocus.ts

@@ -1,115 +0,0 @@
-import type { PressableProps, View, ViewProps } from 'react-native';
-import type { FocusStyle } from './FocusStyle';
-import type { KeyboardFocus, OnKeyPress } from './BaseKeyboardView';
-import type { FocusViewProps } from './KeyboardFocusView.types';
-import type { RefAttributes } from 'react';
-
-export type RenderProp =
-  | React.ReactElement
-  | React.FunctionComponent
-  | (() => React.ReactElement);
-
-type KeyboardPressHandler = (e?: OnKeyPress) => void;
-
-type PressHandlerProp<
-  ComponentProps extends object,
-  PropName extends 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'
-> = PropName extends keyof ComponentProps
-  ? ComponentProps[PropName]
-  : KeyboardPressHandler;
-
-type PickProp<
-  ComponentProps extends object,
-  PropName extends string
-> = PropName extends keyof ComponentProps ? ComponentProps[PropName] : unknown;
-
-export type WithKeyboardFocusComponent<ComponentProps extends object> =
-  | React.JSXElementConstructor<ComponentProps>
-  | React.ForwardRefExoticComponent<ComponentProps>;
-
-export type KeyboardPressType<ComponentProps extends object> = {
-  onPress?: PressHandlerProp<ComponentProps, 'onPress'>;
-  onLongPress?: PressHandlerProp<ComponentProps, 'onLongPress'>;
-  onPressIn?: PressHandlerProp<ComponentProps, 'onPressIn'>;
-  onPressOut?: PressHandlerProp<ComponentProps, 'onPressOut'>;
-  onComponentFocus?: PickProp<ComponentProps, 'onFocus'>;
-  onComponentBlur?: PickProp<ComponentProps, 'onBlur'>;
-};
-
-/** Extracts the state argument from a component's children render prop, or `never`. */
-type ExtractRenderPropState<T> = T extends (state: infer S) => any ? S : never;
-
-export type ChildrenRenderState<CP extends object> = 'children' extends keyof CP
-  ? ExtractRenderPropState<NonNullable<CP['children']>>
-  : never;
-
-export type WithKeyboardProps<
-  ViewType = View,
-  ViewStyleType = unknown,
-  ComponentProps extends object = {}
-> = {
-  withPressedStyle?: boolean;
-  containerStyle?: ViewStyleType | ViewProps['style'];
-  containerFocusStyle?: FocusStyle;
-  tintType?: TintType;
-  componentRef?: React.RefObject<ViewType>;
-  FocusHoverComponent?: RenderProp;
-  style?: PressableProps['style'];
-  onBlur?: (() => void) | ((e: any) => void) | null;
-  onFocus?: (() => void) | ((e: any) => void) | null;
-  renderContent?: ChildrenRenderState<ComponentProps> extends never
-    ? never
-    : (
-        state: ChildrenRenderState<ComponentProps> & { focused: boolean }
-      ) => React.ReactNode;
-  renderFocusable?: (state: { focused: boolean }) => React.ReactNode;
-};
-
-type KeyboardFocusBaseProps = Omit<
-  FocusViewProps,
-  'onPress' | 'onLongPress' | 'onBlur' | 'onFocus'
->;
-
-type MergeProps<BaseProps extends object, OverrideProps extends object> = Omit<
-  BaseProps,
-  keyof OverrideProps
-> &
-  OverrideProps;
-
-type KeyboardFocusOverrideProps<
-  ComponentProps extends object,
-  ViewStyleType,
-  ViewType = View
-> = KeyboardPressType<ComponentProps> &
-  KeyboardFocusBaseProps &
-  WithKeyboardProps<ViewType, ViewStyleType, ComponentProps>;
-
-export type WithKeyboardFocus<
-  ComponentProps extends object,
-  ViewStyleType,
-  ViewType = View
-> = MergeProps<
-  ComponentProps,
-  KeyboardFocusOverrideProps<ComponentProps, ViewStyleType, ViewType>
->;
-
-export type WithKeyboardPropsTypeDeclaration<
-  ComponentProps extends object,
-  ViewStyleType,
-  ViewType = View
-> = WithKeyboardFocus<ComponentProps, ViewStyleType, ViewType> &
-  RefAttributes<KeyboardFocus>;
-
-export type WithKeyboardFocusDeclaration<
-  ComponentProps extends object,
-  ViewStyleType,
-  ViewType = View
-> =
-  | React.JSXElementConstructor<
-      WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType, ViewType>
-    >
-  | React.ForwardRefExoticComponent<
-      WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType, ViewType>
-    >;
-
-export type TintType = 'default' | 'hover' | 'background' | 'none';