react-native-external-keyboard 0.9.1 → 1.0.0

package/src/utils/withKeyboardFocus.tsx

@@ -1,64 +1,63 @@
-import React, { useCallback, useMemo, type RefObject } from 'react';
-import { View, StyleSheet, type ViewProps } from 'react-native';
+import React, { type RefObject, useMemo } from 'react';
+import { Pressable as RNPressable, View, type ViewProps } from 'react-native';
 import { BaseKeyboardView } from '../components';
-import type { KeyboardFocus, OnKeyPress } from '../types/BaseKeyboardView';
-import { useFocusStyle } from './useFocusStyle';
 import type {
+  BaseKeyboardViewType,
   KeyboardPressType,
-  WithKeyboardFocus,
-  WithKeyboardFocusComponent,
-} from '../types/WithKeyboardFocus';
-import { RenderPropComponent } from '../components/RenderPropComponent/RenderPropComponent';
-import { useKeyboardPress } from './useKeyboardPress/useKeyboardPress';
+  OnKeyPress,
+  WithKeyboardFocusProps,
+  KeyboardFocusableComponent,
+} from '../types';
+import { useKeyboardFocusContainer } from './useKeyboardFocusContainer';
+import { useRenderedChildren } from './useRenderedChildren';
 import { IsViewFocusedContext } from '../context/IsViewFocusedContext';
-import type { FocusViewProps } from '../types/KeyboardFocusView.types';
 
 export const withKeyboardFocus = <
   ComponentProps extends object,
   ViewStyleType,
   ViewType = View
 >(
-  Component: WithKeyboardFocusComponent<ComponentProps>
+  Component: KeyboardFocusableComponent<ComponentProps>
 ) => {
   const WithKeyboardFocus = React.memo(
     React.forwardRef<
-      View | KeyboardFocus,
-      WithKeyboardFocus<ComponentProps, ViewStyleType, ViewType>
+      BaseKeyboardViewType | View,
+      WithKeyboardFocusProps<ComponentProps, ViewStyleType, ViewType>
     >((allProps, ref) => {
       const {
-        tintType = 'default',
-        autoFocus,
+        // Style
         focusStyle,
         style,
         containerStyle,
-        onFocusChange,
+        containerFocusStyle,
+        withPressedStyle = false,
+        // Press handlers
         onPress,
         onLongPress,
         onKeyUpPress,
         onKeyDownPress,
         onPressIn,
         onPressOut,
-        group = false,
+        triggerCodes,
+        // Focus config
+        autoFocus,
+        focusableWrapper = true,
         haloEffect = true,
-        canBeFocused = true,
         focusable = true,
         tintColor,
         onFocus,
         onBlur,
-        containerFocusStyle,
-        FocusHoverComponent,
-        viewRef,
-        componentRef,
+        onFocusChange,
+        groupIdentifier,
         haloCornerRadius,
         haloExpendX,
         haloExpendY,
-        groupIdentifier,
-        withPressedStyle = false,
-        triggerCodes,
-        exposeMethods,
-        enableA11yFocus,
         screenAutoA11yFocus,
-        screenAutoA11yFocusDelay = 300, // ToDo align with BaseKeyboardView
+        screenAutoA11yFocusDelay,
+        lockFocus,
+        defaultFocusHighlightEnabled,
+        androidKeyboardPressState,
+        // Order
         orderIndex,
         orderGroup,
         orderId,
@@ -70,123 +69,118 @@ export const withKeyboardFocus = <
         orderBackward,
         orderFirst,
         orderLast,
-        lockFocus,
+        // Refs & render
+        componentRef,
         onComponentFocus,
         onComponentBlur,
         renderContent,
         renderFocusable,
-        defaultFocusHighlightEnabled,
+        roundedHaloFix,
+        tintType,
+        // Deprecated no-ops: discard so they never reach the wrapped component.
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        enableA11yFocus: _enableA11yFocus,
+        children: userChildren,
         ...props
-      } = allProps as WithKeyboardFocus<ComponentProps, ViewStyleType>;
+      } = allProps as WithKeyboardFocusProps<ComponentProps, ViewStyleType> & {
+        children?: React.ReactNode;
+      };
 
       const {
         focused,
+        keyboardPressed,
         containerFocusedStyle,
         componentStyleViewStyle,
         onFocusChangeHandler,
-        hoverColor,
-      } = useFocusStyle({
+        onKeyUpPressHandler,
+        onKeyDownPressHandler,
+        onPressHandler,
+        onContextMenuHandler,
+        enableContextMenu,
+      } = useKeyboardFocusContainer({
         onFocusChange,
-        tintColor,
         focusStyle,
         containerFocusStyle,
-        tintType,
         style,
-        withPressedStyle,
-        Component,
+        pressedStyleSignature:
+          withPressedStyle ||
+          (Component as unknown) === (RNPressable as unknown),
+        onKeyUpPress,
+        onKeyDownPress,
+        onPress: onPress as (e?: OnKeyPress) => void,
+        onLongPress: onLongPress as (e?: OnKeyPress) => void,
+        onPressIn: onPressIn as (e?: OnKeyPress) => void,
+        onPressOut: onPressOut as (e?: OnKeyPress) => void,
+        triggerCodes,
+        androidKeyboardPressState,
       });
 
-      const withHaloEffect = tintType === 'default' && haloEffect;
-
-      const { onKeyUpPressHandler, onKeyDownPressHandler, onPressHandler } =
-        useKeyboardPress({
-          onKeyUpPress,
-          onKeyDownPress,
-          onPress: onPress as (e?: OnKeyPress) => void,
-          onLongPress: onLongPress as (e?: OnKeyPress) => void,
-          onPressIn: onPressIn as (e?: OnKeyPress) => void,
-          onPressOut: onPressOut as (e?: OnKeyPress) => void,
-          triggerCodes,
-          disabled: (props as { disabled?: boolean })?.disabled,
-        });
-
-      const contentChildrenProp = useMemo(
-        () =>
-          renderContent
-            ? (state: Record<string, unknown>) =>
-                (
-                  renderContent as unknown as (
-                    s: Record<string, unknown>
-                  ) => React.ReactNode
-                )({ ...state, focused })
-            : undefined,
-        [renderContent, focused]
-      );
-
-      const focusableChildrenProp = useMemo(
-        () => (renderFocusable ? renderFocusable({ focused }) : undefined),
-        [renderFocusable, focused]
-      );
-
-      const hoverContent = useMemo(() => {
-        if (FocusHoverComponent) return FocusHoverComponent;
-        if (tintType === 'hover') {
-          return <View style={[hoverColor, styles.absolute, styles.opacity]} />;
+      const renderedChildren = useRenderedChildren({
+        focused,
+        keyboardPressed,
+        renderContent: renderContent as unknown as (
+          state: Record<string, unknown>
+        ) => React.ReactNode,
+        renderFocusable,
+      });
+      // `renderContent`/`renderFocusable` are handled above; for a plain
+      // children render prop, fold the keyboard press into its `pressed` too so
+      // it stays consistent. A no-op unless `keyboardPressed` is active.
+      const childContent = useMemo(() => {
+        if (renderedChildren !== undefined) return renderedChildren;
+        if (keyboardPressed && typeof userChildren === 'function') {
+          const childrenFn = userChildren as (
+            state: Record<string, unknown>
+          ) => React.ReactNode;
+          return (state: Record<string, unknown>) =>
+            childrenFn({ ...state, pressed: true });
         }
-        return undefined;
-      }, [FocusHoverComponent, hoverColor, tintType]);
-
-      const focusOrderProps = {
-        orderIndex,
-        orderGroup,
-        orderId,
-        orderLeft,
-        orderRight,
-        orderUp,
-        orderDown,
-        orderForward,
-        orderBackward,
-        orderFirst,
-        orderLast,
-      };
+        return userChildren;
+      }, [renderedChildren, userChildren, keyboardPressed]);
 
-      const onContextMenuHandler = useCallback(() => {
-        (onLongPress as (e?: OnKeyPress) => void)?.();
-      }, [onLongPress]);
+      const containerStyleArr = useMemo(
+        () => [containerStyle as ViewProps['style'], containerFocusedStyle],
+        [containerStyle, containerFocusedStyle]
+      );
 
       return (
         <IsViewFocusedContext.Provider value={focused}>
           <BaseKeyboardView
-            style={[
-              containerStyle as ViewProps['style'],
-              containerFocusedStyle,
-            ]}
+            style={containerStyleArr}
             defaultFocusHighlightEnabled={defaultFocusHighlightEnabled}
-            ref={ref as RefObject<KeyboardFocus>}
-            viewRef={viewRef}
+            ref={ref as RefObject<BaseKeyboardViewType | View>}
             onKeyUpPress={onKeyUpPressHandler}
             onKeyDownPress={onKeyDownPressHandler}
-            onFocus={onFocus as FocusViewProps['onFocus']}
-            onBlur={onBlur as FocusViewProps['onBlur']}
+            onFocus={onFocus ?? undefined}
+            onBlur={onBlur ?? undefined}
             onFocusChange={onFocusChangeHandler}
             onContextMenuPress={onContextMenuHandler}
-            enableContextMenu={Boolean(onLongPress)}
-            haloEffect={withHaloEffect}
+            enableContextMenu={enableContextMenu}
+            haloEffect={haloEffect}
+            tintType={tintType}
             haloCornerRadius={haloCornerRadius}
             haloExpendX={haloExpendX}
             haloExpendY={haloExpendY}
             autoFocus={autoFocus}
-            canBeFocused={canBeFocused}
             focusable={focusable}
             tintColor={tintColor}
-            group={group}
+            focusableWrapper={focusableWrapper}
             groupIdentifier={groupIdentifier}
-            exposeMethods={exposeMethods}
-            enableA11yFocus={enableA11yFocus}
             screenAutoA11yFocus={screenAutoA11yFocus}
             screenAutoA11yFocusDelay={screenAutoA11yFocusDelay}
             lockFocus={lockFocus}
-            {...focusOrderProps}
+            roundedHaloFix={roundedHaloFix}
+            orderIndex={orderIndex}
+            orderGroup={orderGroup}
+            orderId={orderId}
+            orderLeft={orderLeft}
+            orderRight={orderRight}
+            orderUp={orderUp}
+            orderDown={orderDown}
+            orderForward={orderForward}
+            orderBackward={orderBackward}
+            orderFirst={orderFirst}
+            orderLast={orderLast}
           >
             <Component
               ref={componentRef}
@@ -205,15 +199,14 @@ export const withKeyboardFocus = <
               }
               onFocus={onComponentFocus}
               onBlur={onComponentBlur}
+              // forwarded to the child so Pressable-like components disable press handling when false
+              focusable={focusable}
               {...(props as unknown as ComponentProps)}
-              {...((contentChildrenProp || focusableChildrenProp) &&
+              {...(childContent !== undefined &&
                 ({
-                  children: contentChildrenProp ?? focusableChildrenProp,
+                  children: childContent,
                 } as unknown as Partial<ComponentProps>))}
             />
-            {focused && hoverContent && (
-              <RenderPropComponent render={hoverContent} />
-            )}
           </BaseKeyboardView>
         </IsViewFocusedContext.Provider>
       );
@@ -226,16 +219,3 @@ export const withKeyboardFocus = <
 
   return WithKeyboardFocus;
 };
-
-const styles = StyleSheet.create({
-  absolute: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-  },
-  opacity: {
-    opacity: 0.3,
-  },
-});

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/KeyboardFocusView/hooks/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useFocusStyle", {
-  enumerable: true,
-  get: function () {
-    return _useFocusStyle.useFocusStyle;
-  }
-});
-var _useFocusStyle = require("./useFocusStyle");
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyboardFocusView/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_useFocusStyle","require"],"sourceRoot":"../../../../../src","sources":["components/KeyboardFocusView/hooks/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useFocusStyle", {
-  enumerable: true,
-  get: function () {
-    return _useFocusStyle.useFocusStyle;
-  }
-});
-var _useFocusStyle = require("./useFocusStyle");
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_useFocusStyle","require"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useFocusStyle = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-const useFocusStyle = (focusStyle, onFocusChange) => {
-  const [focused, setFocusStatus] = (0, _react.useState)(false);
-  const onFocusChangeHandler = (0, _react.useCallback)(isFocused => {
-    setFocusStatus(isFocused);
-    onFocusChange?.(isFocused);
-  }, [onFocusChange]);
-  const fStyle = (0, _react.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
-  };
-};
-exports.useFocusStyle = useFocusStyle;
-const styles = _reactNative.StyleSheet.create({
-  defaultHighlight: {
-    backgroundColor: '#dce3f9'
-  }
-});
-//# sourceMappingURL=useFocusStyle.js.map

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactNative","useFocusStyle","focusStyle","onFocusChange","focused","setFocusStatus","useState","onFocusChangeHandler","useCallback","isFocused","fStyle","useMemo","styles","defaultHighlight","undefined","specificStyle","exports","StyleSheet","create","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGO,MAAME,aAAa,GAAGA,CAC3BC,UAAuB,EACvBC,aAA4C,KACzC;EACH,MAAM,CAACC,OAAO,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,oBAAoB,GAAG,IAAAC,kBAAW,EACrCC,SAAkB,IAAK;IACtBJ,cAAc,CAACI,SAAS,CAAC;IACzBN,aAAa,GAAGM,SAAS,CAAC;EAC5B,CAAC,EACD,CAACN,aAAa,CAChB,CAAC;EAED,MAAMO,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC3B,IAAI,CAACT,UAAU,EAAE,OAAOE,OAAO,GAAGQ,MAAM,CAACC,gBAAgB,GAAGC,SAAS;IACrE,MAAMC,aAAa,GACjB,OAAOb,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC;MAAEE;IAAQ,CAAC,CAAC,GAAGF,UAAU;IACzE,OAAOE,OAAO,GAAGW,aAAa,GAAGD,SAAS;EAC5C,CAAC,EAAE,CAACV,OAAO,EAAEF,UAAU,CAAC,CAAC;EAEzB,OAAO;IACLK,oBAAoB;IACpBG;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAf,aAAA,GAAAA,aAAA;AAEF,MAAMW,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/BL,gBAAgB,EAAE;IAAEM,eAAe,EAAE;EAAU;AACjD,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useTintStyle = void 0;
-var _react = require("react");
-const useTintStyle = ({
-  focusStyle,
-  haloEffect,
-  onFocusChange,
-  tintBackground = '#dce3f9'
-}) => {
-  const [focused, setFocusStatus] = (0, _react.useState)(false);
-  const onFocusChangeHandler = (0, _react.useCallback)(isFocused => {
-    setFocusStatus(isFocused);
-    onFocusChange?.(isFocused);
-  }, [onFocusChange]);
-  const fStyle = (0, _react.useMemo)(() => {
-    if (!focusStyle) return undefined;
-    const specificStyle = typeof focusStyle === 'function' ? focusStyle({
-      focused
-    }) : focusStyle;
-    return focused ? specificStyle : undefined;
-  }, [focused, focusStyle]);
-  const tintStyle = (0, _react.useMemo)(() => {
-    if (haloEffect) return;
-    return focused ? {
-      backgroundColor: tintBackground
-    } : undefined;
-  }, [haloEffect, focused, tintBackground]);
-  return {
-    onFocusChangeHandler,
-    tintStyle,
-    fStyle
-  };
-};
-exports.useTintStyle = useTintStyle;
-//# sourceMappingURL=useTintStyle.js.map

package/lib/commonjs/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","useTintStyle","focusStyle","haloEffect","onFocusChange","tintBackground","focused","setFocusStatus","useState","onFocusChangeHandler","useCallback","isFocused","fStyle","useMemo","undefined","specificStyle","tintStyle","backgroundColor","exports"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,UAAU;EACVC,UAAU;EACVC,aAAa;EACbC,cAAc,GAAG;AAMnB,CAAC,KAAK;EACJ,MAAM,CAACC,OAAO,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEjD,MAAMC,oBAAoB,GAAG,IAAAC,kBAAW,EACrCC,SAAkB,IAAK;IACtBJ,cAAc,CAACI,SAAS,CAAC;IACzBP,aAAa,GAAGO,SAAS,CAAC;EAC5B,CAAC,EACD,CAACP,aAAa,CAChB,CAAC;EAED,MAAMQ,MAAM,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC3B,IAAI,CAACX,UAAU,EAAE,OAAOY,SAAS;IACjC,MAAMC,aAAa,GACjB,OAAOb,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC;MAAEI;IAAQ,CAAC,CAAC,GAAGJ,UAAU;IACzE,OAAOI,OAAO,GAAGS,aAAa,GAAGD,SAAS;EAC5C,CAAC,EAAE,CAACR,OAAO,EAAEJ,UAAU,CAAC,CAAC;EAEzB,MAAMc,SAAS,GAAG,IAAAH,cAAO,EAAC,MAAM;IAC9B,IAAIV,UAAU,EAAE;IAChB,OAAOG,OAAO,GAAG;MAAEW,eAAe,EAAEZ;IAAe,CAAC,GAAGS,SAAS;EAClE,CAAC,EAAE,CAACX,UAAU,EAAEG,OAAO,EAAED,cAAc,CAAC,CAAC;EACzC,OAAO;IACLI,oBAAoB;IACpBO,SAAS;IACTJ;EACF,CAAC;AACH,CAAC;AAACM,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/components/RenderPropComponent/RenderPropComponent.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderPropComponent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const RenderPropComponent = ({
-  render
-}) => {
-  if (/*#__PURE__*/_react.default.isValidElement(render)) {
-    return render;
-  } else if (typeof render === 'function') {
-    const Component = render;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {});
-  } else {
-    return null;
-  }
-};
-exports.RenderPropComponent = RenderPropComponent;
-//# sourceMappingURL=RenderPropComponent.js.map

package/lib/commonjs/components/RenderPropComponent/RenderPropComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_jsxRuntime","e","__esModule","default","RenderPropComponent","render","React","isValidElement","Component","jsx","exports"],"sourceRoot":"../../../../src","sources":["components/RenderPropComponent/RenderPropComponent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyE,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlE,MAAMG,mBAAmB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACzE,iBAAIC,cAAK,CAACC,cAAc,CAACF,MAAM,CAAC,EAAE;IAChC,OAAOA,MAAM;EACf,CAAC,MAAM,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;IACvC,MAAMG,SAAS,GAAGH,MAAM;IACxB,oBAAO,IAAAL,WAAA,CAAAS,GAAA,EAACD,SAAS,IAAE,CAAC;EACtB,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC;AAACE,OAAA,CAAAN,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/types/BaseKeyboardView.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LockFocusEnum = void 0;
-let LockFocusEnum = exports.LockFocusEnum = /*#__PURE__*/function (LockFocusEnum) {
-  LockFocusEnum["Up"] = "up";
-  LockFocusEnum["Down"] = "down";
-  LockFocusEnum["Right"] = "right";
-  LockFocusEnum["Left"] = "left";
-  LockFocusEnum["Forward"] = "forward";
-  LockFocusEnum["Backward"] = "backward";
-  LockFocusEnum["First"] = "first";
-  LockFocusEnum["Last"] = "last";
-  return LockFocusEnum;
-}({});
-//# sourceMappingURL=BaseKeyboardView.js.map

package/lib/commonjs/types/BaseKeyboardView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LockFocusEnum","exports"],"sourceRoot":"../../../src","sources":["types/BaseKeyboardView.ts"],"mappings":";;;;;;IAmBYA,aAAa,GAAAC,OAAA,CAAAD,aAAA,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}

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

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=KeyboardExtendedInput.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/KeyboardFocusView/hooks/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { useFocusStyle } from './useFocusStyle';
-//# sourceMappingURL=index.js.map

package/lib/module/components/KeyboardFocusView/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useFocusStyle"],"sourceRoot":"../../../../../src","sources":["components/KeyboardFocusView/hooks/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { useFocusStyle } from './useFocusStyle';
-//# sourceMappingURL=index.js.map

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useFocusStyle"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/index.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js

@@ -1,28 +0,0 @@
-"use strict";
-
-import { useState, useMemo, useCallback } from 'react';
-import { StyleSheet } from 'react-native';
-export const useFocusStyle = (focusStyle, onFocusChange) => {
-  const [focused, setFocusStatus] = useState(false);
-  const onFocusChangeHandler = useCallback(isFocused => {
-    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'
-  }
-});
-//# sourceMappingURL=useFocusStyle.js.map

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useMemo","useCallback","StyleSheet","useFocusStyle","focusStyle","onFocusChange","focused","setFocusStatus","onFocusChangeHandler","isFocused","fStyle","styles","defaultHighlight","undefined","specificStyle","create","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/useFocusStyle.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAASC,UAAU,QAAQ,cAAc;AAGzC,OAAO,MAAMC,aAAa,GAAGA,CAC3BC,UAAuB,EACvBC,aAA4C,KACzC;EACH,MAAM,CAACC,OAAO,EAAEC,cAAc,CAAC,GAAGR,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMS,oBAAoB,GAAGP,WAAW,CACrCQ,SAAkB,IAAK;IACtBF,cAAc,CAACE,SAAS,CAAC;IACzBJ,aAAa,GAAGI,SAAS,CAAC;EAC5B,CAAC,EACD,CAACJ,aAAa,CAChB,CAAC;EAED,MAAMK,MAAM,GAAGV,OAAO,CAAC,MAAM;IAC3B,IAAI,CAACI,UAAU,EAAE,OAAOE,OAAO,GAAGK,MAAM,CAACC,gBAAgB,GAAGC,SAAS;IACrE,MAAMC,aAAa,GACjB,OAAOV,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC;MAAEE;IAAQ,CAAC,CAAC,GAAGF,UAAU;IACzE,OAAOE,OAAO,GAAGQ,aAAa,GAAGD,SAAS;EAC5C,CAAC,EAAE,CAACP,OAAO,EAAEF,UAAU,CAAC,CAAC;EAEzB,OAAO;IACLI,oBAAoB;IACpBE;EACF,CAAC;AACH,CAAC;AAED,MAAMC,MAAM,GAAGT,UAAU,CAACa,MAAM,CAAC;EAC/BH,gBAAgB,EAAE;IAAEI,eAAe,EAAE;EAAU;AACjD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js

@@ -1,34 +0,0 @@
-"use strict";
-
-import { useState, useMemo, useCallback } from 'react';
-export const useTintStyle = ({
-  focusStyle,
-  haloEffect,
-  onFocusChange,
-  tintBackground = '#dce3f9'
-}) => {
-  const [focused, setFocusStatus] = useState(false);
-  const onFocusChangeHandler = useCallback(isFocused => {
-    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
-  };
-};
-//# sourceMappingURL=useTintStyle.js.map

package/lib/module/components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useState","useMemo","useCallback","useTintStyle","focusStyle","haloEffect","onFocusChange","tintBackground","focused","setFocusStatus","onFocusChangeHandler","isFocused","fStyle","undefined","specificStyle","tintStyle","backgroundColor"],"sourceRoot":"../../../../../../src","sources":["components/KeyboardFocusView/hooks/useFocusStyle/useTintStyle.ts"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAGtD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC3BC,UAAU;EACVC,UAAU;EACVC,aAAa;EACbC,cAAc,GAAG;AAMnB,CAAC,KAAK;EACJ,MAAM,CAACC,OAAO,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMU,oBAAoB,GAAGR,WAAW,CACrCS,SAAkB,IAAK;IACtBF,cAAc,CAACE,SAAS,CAAC;IACzBL,aAAa,GAAGK,SAAS,CAAC;EAC5B,CAAC,EACD,CAACL,aAAa,CAChB,CAAC;EAED,MAAMM,MAAM,GAAGX,OAAO,CAAC,MAAM;IAC3B,IAAI,CAACG,UAAU,EAAE,OAAOS,SAAS;IACjC,MAAMC,aAAa,GACjB,OAAOV,UAAU,KAAK,UAAU,GAAGA,UAAU,CAAC;MAAEI;IAAQ,CAAC,CAAC,GAAGJ,UAAU;IACzE,OAAOI,OAAO,GAAGM,aAAa,GAAGD,SAAS;EAC5C,CAAC,EAAE,CAACL,OAAO,EAAEJ,UAAU,CAAC,CAAC;EAEzB,MAAMW,SAAS,GAAGd,OAAO,CAAC,MAAM;IAC9B,IAAII,UAAU,EAAE;IAChB,OAAOG,OAAO,GAAG;MAAEQ,eAAe,EAAET;IAAe,CAAC,GAAGM,SAAS;EAClE,CAAC,EAAE,CAACR,UAAU,EAAEG,OAAO,EAAED,cAAc,CAAC,CAAC;EACzC,OAAO;IACLG,oBAAoB;IACpBK,SAAS;IACTH;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/module/components/RenderPropComponent/RenderPropComponent.js

@@ -1,17 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const RenderPropComponent = ({
-  render
-}) => {
-  if (/*#__PURE__*/React.isValidElement(render)) {
-    return render;
-  } else if (typeof render === 'function') {
-    const Component = render;
-    return /*#__PURE__*/_jsx(Component, {});
-  } else {
-    return null;
-  }
-};
-//# sourceMappingURL=RenderPropComponent.js.map

package/lib/module/components/RenderPropComponent/RenderPropComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","jsx","_jsx","RenderPropComponent","render","isValidElement","Component"],"sourceRoot":"../../../../src","sources":["components/RenderPropComponent/RenderPropComponent.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqD,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQzE,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACzE,iBAAIJ,KAAK,CAACK,cAAc,CAACD,MAAM,CAAC,EAAE;IAChC,OAAOA,MAAM;EACf,CAAC,MAAM,IAAI,OAAOA,MAAM,KAAK,UAAU,EAAE;IACvC,MAAME,SAAS,GAAGF,MAAM;IACxB,oBAAOF,IAAA,CAACI,SAAS,IAAE,CAAC;EACtB,CAAC,MAAM;IACL,OAAO,IAAI;EACb;AACF,CAAC","ignoreList":[]}

package/lib/module/types/BaseKeyboardView.js

@@ -1,14 +0,0 @@
-"use strict";
-
-export let LockFocusEnum = /*#__PURE__*/function (LockFocusEnum) {
-  LockFocusEnum["Up"] = "up";
-  LockFocusEnum["Down"] = "down";
-  LockFocusEnum["Right"] = "right";
-  LockFocusEnum["Left"] = "left";
-  LockFocusEnum["Forward"] = "forward";
-  LockFocusEnum["Backward"] = "backward";
-  LockFocusEnum["First"] = "first";
-  LockFocusEnum["Last"] = "last";
-  return LockFocusEnum;
-}({});
-//# sourceMappingURL=BaseKeyboardView.js.map

package/lib/module/types/BaseKeyboardView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LockFocusEnum"],"sourceRoot":"../../../src","sources":["types/BaseKeyboardView.ts"],"mappings":";;AAmBA,WAAYA,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA","ignoreList":[]}