react-native-keyboard-controller 1.18.6 → 1.19.1

package/lib/module/components/KeyboardToolbar/compound/components/Done.js

@@ -0,0 +1,54 @@
+import React from "react";
+import { useCallback, useMemo } from "react";
+import { StyleSheet, Text } from "react-native";
+import { useKeyboardState } from "../../../../hooks";
+import { KeyboardController } from "../../../../module";
+import Button from "../../Button";
+import { TEST_ID_KEYBOARD_TOOLBAR_DONE } from "../../constants";
+import { useToolbarContext } from "../context";
+const Done = ({
+  children,
+  onPress,
+  rippleRadius = 28,
+  text,
+  button: ButtonContainer = Button
+}) => {
+  const colorScheme = useKeyboardState(state => state.appearance);
+  const context = useToolbarContext();
+  const {
+    theme
+  } = context;
+  const doneStyle = useMemo(() => [styles.doneButton, {
+    color: theme[colorScheme].primary
+  }], [colorScheme, theme]);
+  const onPressDone = useCallback(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) {
+      KeyboardController.dismiss();
+    }
+  }, [onPress]);
+  return /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityHint: "Closes the keyboard",
+    accessibilityLabel: "Done",
+    rippleRadius: rippleRadius,
+    style: styles.doneButtonContainer,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
+    theme: theme,
+    onPress: onPressDone
+  }, /*#__PURE__*/React.createElement(Text, {
+    maxFontSizeMultiplier: 1.3,
+    style: doneStyle
+  }, children ?? text ?? "Done"));
+};
+const styles = StyleSheet.create({
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 16,
+    marginLeft: 8
+  }
+});
+export default Done;
+//# sourceMappingURL=Done.js.map

package/lib/module/components/KeyboardToolbar/compound/components/Done.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","StyleSheet","Text","useKeyboardState","KeyboardController","Button","TEST_ID_KEYBOARD_TOOLBAR_DONE","useToolbarContext","Done","children","onPress","rippleRadius","text","button","ButtonContainer","colorScheme","state","appearance","context","theme","doneStyle","styles","doneButton","color","primary","onPressDone","event","isDefaultPrevented","dismiss","createElement","accessibilityHint","accessibilityLabel","style","doneButtonContainer","testID","maxFontSizeMultiplier","create","fontWeight","fontSize","marginRight","marginLeft"],"sources":["Done.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { StyleSheet, Text } from \"react-native\";\n\nimport { useKeyboardState } from \"../../../../hooks\";\nimport { KeyboardController } from \"../../../../module\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_DONE } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { ReactNode } from \"react\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Done: React.FC<Omit<ButtonSubProps, \"icon\"> & { text?: ReactNode }> = ({\n  children,\n  onPress,\n  rippleRadius = 28,\n  text,\n  button: ButtonContainer = Button,\n}) => {\n  const colorScheme = useKeyboardState((state) => state.appearance);\n  const context = useToolbarContext();\n  const { theme } = context;\n\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n\n  const onPressDone = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.dismiss();\n      }\n    },\n    [onPress],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Closes the keyboard\"\n      accessibilityLabel=\"Done\"\n      rippleRadius={rippleRadius}\n      style={styles.doneButtonContainer}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n      theme={theme}\n      onPress={onPressDone}\n    >\n      <Text maxFontSizeMultiplier={1.3} style={doneStyle}>\n        {children ?? text ?? \"Done\"}\n      </Text>\n    </ButtonContainer>\n  );\n};\n\nconst styles = StyleSheet.create({\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 16,\n    marginLeft: 8,\n  },\n});\n\nexport default Done;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAC5C,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,6BAA6B,QAAQ,iBAAiB;AAC/D,SAASC,iBAAiB,QAAQ,YAAY;AAM9C,MAAMC,IAAmE,GAAGA,CAAC;EAC3EC,QAAQ;EACRC,OAAO;EACPC,YAAY,GAAG,EAAE;EACjBC,IAAI;EACJC,MAAM,EAAEC,eAAe,GAAGT;AAC5B,CAAC,KAAK;EACJ,MAAMU,WAAW,GAAGZ,gBAAgB,CAAEa,KAAK,IAAKA,KAAK,CAACC,UAAU,CAAC;EACjE,MAAMC,OAAO,GAAGX,iBAAiB,CAAC,CAAC;EACnC,MAAM;IAAEY;EAAM,CAAC,GAAGD,OAAO;EAEzB,MAAME,SAAS,GAAGpB,OAAO,CACvB,MAAM,CAACqB,MAAM,CAACC,UAAU,EAAE;IAAEC,KAAK,EAAEJ,KAAK,CAACJ,WAAW,CAAC,CAACS;EAAQ,CAAC,CAAC,EAChE,CAACT,WAAW,EAAEI,KAAK,CACrB,CAAC;EAED,MAAMM,WAAW,GAAG1B,WAAW,CAC5B2B,KAA4B,IAAK;IAChChB,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGgB,KAAK,CAAC;IAEhB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAE;MAC/BvB,kBAAkB,CAACwB,OAAO,CAAC,CAAC;IAC9B;EACF,CAAC,EACD,CAAClB,OAAO,CACV,CAAC;EAED,oBACEZ,KAAA,CAAA+B,aAAA,CAACf,eAAe;IACdgB,iBAAiB,EAAC,qBAAqB;IACvCC,kBAAkB,EAAC,MAAM;IACzBpB,YAAY,EAAEA,YAAa;IAC3BqB,KAAK,EAAEX,MAAM,CAACY,mBAAoB;IAClCC,MAAM,EAAE5B,6BAA8B;IACtCa,KAAK,EAAEA,KAAM;IACbT,OAAO,EAAEe;EAAY,gBAErB3B,KAAA,CAAA+B,aAAA,CAAC3B,IAAI;IAACiC,qBAAqB,EAAE,GAAI;IAACH,KAAK,EAAEZ;EAAU,GAChDX,QAAQ,IAAIG,IAAI,IAAI,MACjB,CACS,CAAC;AAEtB,CAAC;AAED,MAAMS,MAAM,GAAGpB,UAAU,CAACmC,MAAM,CAAC;EAC/Bd,UAAU,EAAE;IACVe,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDL,mBAAmB,EAAE;IACnBM,WAAW,EAAE,EAAE;IACfC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAehC,IAAI","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/compound/components/Next.js

@@ -0,0 +1,44 @@
+import React, { useCallback } from "react";
+import { KeyboardController } from "../../../../module";
+import Arrow from "../../Arrow";
+import Button from "../../Button";
+import { TEST_ID_KEYBOARD_TOOLBAR_NEXT } from "../../constants";
+import { useToolbarContext } from "../context";
+const Next = ({
+  children,
+  onPress,
+  disabled,
+  rippleRadius,
+  style,
+  button: ButtonContainer = Button,
+  icon: IconContainer = Arrow
+}) => {
+  const context = useToolbarContext();
+  const {
+    theme,
+    isNextDisabled
+  } = context;
+  const isDisabled = disabled ?? isNextDisabled;
+  const onPressNext = useCallback(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) {
+      KeyboardController.setFocusTo("next");
+    }
+  }, [onPress]);
+  return /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityHint: "Moves focus to the next field",
+    accessibilityLabel: "Next",
+    disabled: isDisabled,
+    rippleRadius: rippleRadius,
+    style: style,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
+    theme: theme,
+    onPress: onPressNext
+  }, children ?? /*#__PURE__*/React.createElement(IconContainer, {
+    disabled: isDisabled,
+    theme: theme,
+    type: "next"
+  }));
+};
+export default Next;
+//# sourceMappingURL=Next.js.map

package/lib/module/components/KeyboardToolbar/compound/components/Next.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","KeyboardController","Arrow","Button","TEST_ID_KEYBOARD_TOOLBAR_NEXT","useToolbarContext","Next","children","onPress","disabled","rippleRadius","style","button","ButtonContainer","icon","IconContainer","context","theme","isNextDisabled","isDisabled","onPressNext","event","isDefaultPrevented","setFocusTo","createElement","accessibilityHint","accessibilityLabel","testID","type"],"sources":["Next.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\n\nimport { KeyboardController } from \"../../../../module\";\nimport Arrow from \"../../Arrow\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_NEXT } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Next: React.FC<ButtonSubProps> = ({\n  children,\n  onPress,\n  disabled,\n  rippleRadius,\n  style,\n  button: ButtonContainer = Button,\n  icon: IconContainer = Arrow,\n}) => {\n  const context = useToolbarContext();\n  const { theme, isNextDisabled } = context;\n\n  const isDisabled = disabled ?? isNextDisabled;\n\n  const onPressNext = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.setFocusTo(\"next\");\n      }\n    },\n    [onPress],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Moves focus to the next field\"\n      accessibilityLabel=\"Next\"\n      disabled={isDisabled}\n      rippleRadius={rippleRadius}\n      style={style}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n      theme={theme}\n      onPress={onPressNext}\n    >\n      {children ?? (\n        <IconContainer disabled={isDisabled} theme={theme} type=\"next\" />\n      )}\n    </ButtonContainer>\n  );\n};\n\nexport default Next;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,6BAA6B,QAAQ,iBAAiB;AAC/D,SAASC,iBAAiB,QAAQ,YAAY;AAK9C,MAAMC,IAA8B,GAAGA,CAAC;EACtCC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,MAAM,EAAEC,eAAe,GAAGV,MAAM;EAChCW,IAAI,EAAEC,aAAa,GAAGb;AACxB,CAAC,KAAK;EACJ,MAAMc,OAAO,GAAGX,iBAAiB,CAAC,CAAC;EACnC,MAAM;IAAEY,KAAK;IAAEC;EAAe,CAAC,GAAGF,OAAO;EAEzC,MAAMG,UAAU,GAAGV,QAAQ,IAAIS,cAAc;EAE7C,MAAME,WAAW,GAAGpB,WAAW,CAC5BqB,KAA4B,IAAK;IAChCb,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGa,KAAK,CAAC;IAEhB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAE;MAC/BrB,kBAAkB,CAACsB,UAAU,CAAC,MAAM,CAAC;IACvC;EACF,CAAC,EACD,CAACf,OAAO,CACV,CAAC;EAED,oBACET,KAAA,CAAAyB,aAAA,CAACX,eAAe;IACdY,iBAAiB,EAAC,+BAA+B;IACjDC,kBAAkB,EAAC,MAAM;IACzBjB,QAAQ,EAAEU,UAAW;IACrBT,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbgB,MAAM,EAAEvB,6BAA8B;IACtCa,KAAK,EAAEA,KAAM;IACbT,OAAO,EAAEY;EAAY,GAEpBb,QAAQ,iBACPR,KAAA,CAAAyB,aAAA,CAACT,aAAa;IAACN,QAAQ,EAAEU,UAAW;IAACF,KAAK,EAAEA,KAAM;IAACW,IAAI,EAAC;EAAM,CAAE,CAEnD,CAAC;AAEtB,CAAC;AAED,eAAetB,IAAI","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/compound/components/Prev.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { useCallback } from "react";
+import { KeyboardController } from "../../../../module";
+import Arrow from "../../Arrow";
+import Button from "../../Button";
+import { TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS } from "../../constants";
+import { useToolbarContext } from "../context";
+const Prev = ({
+  children,
+  onPress: onPressCallback,
+  disabled,
+  rippleRadius,
+  style,
+  button: ButtonContainer = Button,
+  icon: IconContainer = Arrow
+}) => {
+  const context = useToolbarContext();
+  const {
+    theme,
+    isPrevDisabled
+  } = context;
+  const isDisabled = disabled ?? isPrevDisabled;
+  const onPressPrev = useCallback(event => {
+    onPressCallback === null || onPressCallback === void 0 || onPressCallback(event);
+    if (!event.isDefaultPrevented()) {
+      KeyboardController.setFocusTo("prev");
+    }
+  }, [onPressCallback]);
+  return /*#__PURE__*/React.createElement(ButtonContainer, {
+    accessibilityHint: "Moves focus to the previous field",
+    accessibilityLabel: "Previous",
+    disabled: isDisabled,
+    rippleRadius: rippleRadius,
+    style: style,
+    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
+    theme: theme,
+    onPress: onPressPrev
+  }, children ?? /*#__PURE__*/React.createElement(IconContainer, {
+    disabled: isDisabled,
+    theme: theme,
+    type: "prev"
+  }));
+};
+export default Prev;
+//# sourceMappingURL=Prev.js.map

package/lib/module/components/KeyboardToolbar/compound/components/Prev.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","KeyboardController","Arrow","Button","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","useToolbarContext","Prev","children","onPress","onPressCallback","disabled","rippleRadius","style","button","ButtonContainer","icon","IconContainer","context","theme","isPrevDisabled","isDisabled","onPressPrev","event","isDefaultPrevented","setFocusTo","createElement","accessibilityHint","accessibilityLabel","testID","type"],"sources":["Prev.tsx"],"sourcesContent":["import React from \"react\";\nimport { useCallback } from \"react\";\n\nimport { KeyboardController } from \"../../../../module\";\nimport Arrow from \"../../Arrow\";\nimport Button from \"../../Button\";\nimport { TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS } from \"../../constants\";\nimport { useToolbarContext } from \"../context\";\n\nimport type { ButtonSubProps } from \"./types\";\nimport type { GestureResponderEvent } from \"react-native\";\n\nconst Prev: React.FC<ButtonSubProps> = ({\n  children,\n  onPress: onPressCallback,\n  disabled,\n  rippleRadius,\n  style,\n  button: ButtonContainer = Button,\n  icon: IconContainer = Arrow,\n}) => {\n  const context = useToolbarContext();\n  const { theme, isPrevDisabled } = context;\n\n  const isDisabled = disabled ?? isPrevDisabled;\n\n  const onPressPrev = useCallback(\n    (event: GestureResponderEvent) => {\n      onPressCallback?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.setFocusTo(\"prev\");\n      }\n    },\n    [onPressCallback],\n  );\n\n  return (\n    <ButtonContainer\n      accessibilityHint=\"Moves focus to the previous field\"\n      accessibilityLabel=\"Previous\"\n      disabled={isDisabled}\n      rippleRadius={rippleRadius}\n      style={style}\n      testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n      theme={theme}\n      onPress={onPressPrev}\n    >\n      {children ?? (\n        <IconContainer disabled={isDisabled} theme={theme} type=\"prev\" />\n      )}\n    </ButtonContainer>\n  );\n};\n\nexport default Prev;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,OAAO;AAEnC,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,iBAAiB,QAAQ,YAAY;AAK9C,MAAMC,IAA8B,GAAGA,CAAC;EACtCC,QAAQ;EACRC,OAAO,EAAEC,eAAe;EACxBC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,MAAM,EAAEC,eAAe,GAAGX,MAAM;EAChCY,IAAI,EAAEC,aAAa,GAAGd;AACxB,CAAC,KAAK;EACJ,MAAMe,OAAO,GAAGZ,iBAAiB,CAAC,CAAC;EACnC,MAAM;IAAEa,KAAK;IAAEC;EAAe,CAAC,GAAGF,OAAO;EAEzC,MAAMG,UAAU,GAAGV,QAAQ,IAAIS,cAAc;EAE7C,MAAME,WAAW,GAAGrB,WAAW,CAC5BsB,KAA4B,IAAK;IAChCb,eAAe,aAAfA,eAAe,eAAfA,eAAe,CAAGa,KAAK,CAAC;IAExB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAE;MAC/BtB,kBAAkB,CAACuB,UAAU,CAAC,MAAM,CAAC;IACvC;EACF,CAAC,EACD,CAACf,eAAe,CAClB,CAAC;EAED,oBACEV,KAAA,CAAA0B,aAAA,CAACX,eAAe;IACdY,iBAAiB,EAAC,mCAAmC;IACrDC,kBAAkB,EAAC,UAAU;IAC7BjB,QAAQ,EAAEU,UAAW;IACrBT,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbgB,MAAM,EAAExB,iCAAkC;IAC1Cc,KAAK,EAAEA,KAAM;IACbV,OAAO,EAAEa;EAAY,GAEpBd,QAAQ,iBACPR,KAAA,CAAA0B,aAAA,CAACT,aAAa;IAACN,QAAQ,EAAEU,UAAW;IAACF,KAAK,EAAEA,KAAM;IAACW,IAAI,EAAC;EAAM,CAAE,CAEnD,CAAC;AAEtB,CAAC;AAED,eAAevB,IAAI","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+export { default as Background } from "./Background";
+export { default as Content } from "./Content";
+export { default as Done } from "./Done";
+export { default as Next } from "./Next";
+export { default as Prev } from "./Prev";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","Background","Content","Done","Next","Prev"],"sources":["index.ts"],"sourcesContent":["export { default as Background } from \"./Background\";\nexport { default as Content } from \"./Content\";\nexport { default as Done } from \"./Done\";\nexport { default as Next } from \"./Next\";\nexport { default as Prev } from \"./Prev\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,IAAI,QAAQ,QAAQ;AACxC,SAASH,OAAO,IAAII,IAAI,QAAQ,QAAQ;AACxC,SAASJ,OAAO,IAAIK,IAAI,QAAQ,QAAQ","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type Arrow from \"../../Arrow\";\nimport type Button from \"../../Button\";\nimport type { ReactNode } from \"react\";\nimport type { GestureResponderEvent, ViewStyle } from \"react-native\";\n\nexport type ButtonSubProps = {\n  children?: ReactNode;\n  onPress?: (event: GestureResponderEvent) => void;\n  disabled?: boolean;\n  testID?: string;\n  rippleRadius?: number;\n  style?: ViewStyle;\n  button?: typeof Button;\n  icon?: typeof Arrow;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/compound/context.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const ToolbarContext = /*#__PURE__*/createContext(undefined);
+export const useToolbarContext = () => {
+  const context = useContext(ToolbarContext);
+  if (!context) {
+    throw new Error("KeyboardToolbar.* component must be used inside <KeyboardToolbar>");
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

package/lib/module/components/KeyboardToolbar/compound/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","ToolbarContext","undefined","useToolbarContext","context","Error"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport type { KeyboardToolbarTheme } from \"../types\";\n\ntype ToolbarContextType = {\n  theme: KeyboardToolbarTheme;\n  isPrevDisabled: boolean;\n  isNextDisabled: boolean;\n};\n\nexport const ToolbarContext = createContext<ToolbarContextType | undefined>(\n  undefined,\n);\n\nexport const useToolbarContext = () => {\n  const context = useContext(ToolbarContext);\n\n  if (!context) {\n    throw new Error(\n      \"KeyboardToolbar.* component must be used inside <KeyboardToolbar>\",\n    );\n  }\n\n  return context;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAUjD,OAAO,MAAMC,cAAc,gBAAGF,aAAa,CACzCG,SACF,CAAC;AAED,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACrC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,cAAc,CAAC;EAE1C,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CACb,mEACF,CAAC;EACH;EAEA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}

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

@@ -1,14 +1,15 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { StyleSheet, Text, View } from "react-native";
+import React, { useEffect, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
 import { FocusedInputEvents } from "../../bindings";
 import { useKeyboardState } from "../../hooks";
-import { KeyboardController } from "../../module";
 import KeyboardStickyView from "../KeyboardStickyView";
 import Arrow from "./Arrow";
 import Button from "./Button";
 import { colors } from "./colors";
-import { DEFAULT_OPACITY, KEYBOARD_HAS_ROUNDED_CORNERS, KEYBOARD_TOOLBAR_HEIGHT, OPENED_OFFSET, TEST_ID_KEYBOARD_TOOLBAR, TEST_ID_KEYBOARD_TOOLBAR_CONTENT, TEST_ID_KEYBOARD_TOOLBAR_DONE, TEST_ID_KEYBOARD_TOOLBAR_NEXT, TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS } from "./constants";
+import { Background, Content, Done, Next, Prev } from "./compound/components";
+import { ToolbarContext } from "./compound/context";
+import { DEFAULT_OPACITY, KEYBOARD_HAS_ROUNDED_CORNERS, KEYBOARD_TOOLBAR_HEIGHT, OPENED_OFFSET, TEST_ID_KEYBOARD_TOOLBAR } from "./constants";
 /**
  * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and
  * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.
@@ -18,11 +19,14 @@ import { DEFAULT_OPACITY, KEYBOARD_HAS_ROUNDED_CORNERS, KEYBOARD_TOOLBAR_HEIGHT,
  * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-toolbar|Documentation} page for more details.
  * @example
  * ```tsx
- * <KeyboardToolbar doneText="Close" />
+ * <KeyboardToolbar>
+ *   <KeyboardToolbar.Done text="Close" />
+ * </KeyboardToolbar>
  * ```
  */
 const KeyboardToolbar = props => {
   const {
+    children,
     content,
     theme = colors,
     doneText = "Done",
@@ -49,15 +53,14 @@ const KeyboardToolbar = props => {
   });
   const isPrevDisabled = inputs.current === 0;
   const isNextDisabled = inputs.current === inputs.count - 1;
+  const buttonContainer = button ?? Button;
+  const iconContainer = icon ?? Arrow;
   useEffect(() => {
     const subscription = FocusedInputEvents.addListener("focusDidSet", e => {
       setInputs(e);
     });
     return subscription.remove;
   }, []);
-  const doneStyle = useMemo(() => [styles.doneButton, {
-    color: theme[colorScheme].primary
-  }], [colorScheme, theme]);
   const toolbarStyle = useMemo(() => [styles.toolbar, {
     backgroundColor: `${theme[colorScheme].background}${opacity}`
   }, !KEYBOARD_HAS_ROUNDED_CORNERS ? {
@@ -72,77 +75,76 @@ const KeyboardToolbar = props => {
     closed: closed + KEYBOARD_TOOLBAR_HEIGHT,
     opened: opened + OPENED_OFFSET
   }), [closed, opened]);
-  const ButtonContainer = button || Button;
-  const IconContainer = icon || Arrow;
-  const onPressNext = useCallback(event => {
-    onNextCallback === null || onNextCallback === void 0 || onNextCallback(event);
-    if (!event.isDefaultPrevented()) {
-      KeyboardController.setFocusTo("next");
-    }
-  }, [onNextCallback]);
-  const onPressPrev = useCallback(event => {
-    onPrevCallback === null || onPrevCallback === void 0 || onPrevCallback(event);
-    if (!event.isDefaultPrevented()) {
-      KeyboardController.setFocusTo("prev");
-    }
-  }, [onPrevCallback]);
-  const onPressDone = useCallback(event => {
-    onDoneCallback === null || onDoneCallback === void 0 || onDoneCallback(event);
-    if (!event.isDefaultPrevented()) {
-      KeyboardController.dismiss();
-    }
-  }, [onDoneCallback]);
-  return /*#__PURE__*/React.createElement(KeyboardStickyView, {
+  let backgroundElement = null;
+  let arrowsElement = null;
+  let contentContainer = null;
+  let doneElement = null;
+  if (children) {
+    let prevChild = null;
+    let nextChild = null;
+    let contentChild = null;
+    let doneChild = null;
+    let backgroundChild = null;
+    React.Children.forEach(children, child => {
+      if (! /*#__PURE__*/React.isValidElement(child)) {
+        return;
+      }
+      const type = child.type;
+      if (type === Background) {
+        backgroundChild = child;
+      } else if (type === Content) {
+        contentChild = child;
+      } else if (type === Prev) {
+        prevChild = child;
+      } else if (type === Next) {
+        nextChild = child;
+      } else if (type === Done) {
+        doneChild = child;
+      }
+    });
+    backgroundElement = backgroundChild;
+    doneElement = doneChild;
+    arrowsElement = prevChild || nextChild ? /*#__PURE__*/React.createElement(View, {
+      style: styles.arrows
+    }, prevChild, nextChild) : null;
+    contentContainer = contentChild ?? /*#__PURE__*/React.createElement(Content, null, contentChild);
+  } else {
+    backgroundElement = blur;
+    arrowsElement = showArrows ? /*#__PURE__*/React.createElement(View, {
+      style: styles.arrows
+    }, /*#__PURE__*/React.createElement(Prev, {
+      button: buttonContainer,
+      icon: iconContainer,
+      onPress: onPrevCallback
+    }), /*#__PURE__*/React.createElement(Next, {
+      button: buttonContainer,
+      icon: iconContainer,
+      onPress: onNextCallback
+    })) : null;
+    contentContainer = /*#__PURE__*/React.createElement(Content, null, content);
+    doneElement = doneText ? /*#__PURE__*/React.createElement(Done, {
+      button: buttonContainer,
+      text: doneText,
+      onPress: onDoneCallback
+    }) : null;
+  }
+  const contextValue = useMemo(() => ({
+    theme,
+    isPrevDisabled,
+    isNextDisabled
+  }), [theme, isPrevDisabled, isNextDisabled]);
+  return /*#__PURE__*/React.createElement(ToolbarContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(KeyboardStickyView, {
     enabled: enabled,
     offset: offset,
     style: containerStyle
   }, /*#__PURE__*/React.createElement(View, _extends({}, rest, {
     style: toolbarStyle,
     testID: TEST_ID_KEYBOARD_TOOLBAR
-  }), blur, showArrows && /*#__PURE__*/React.createElement(View, {
-    style: styles.arrows
-  }, /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityHint: "Moves focus to the previous field",
-    accessibilityLabel: "Previous",
-    disabled: isPrevDisabled,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
-    theme: theme,
-    onPress: onPressPrev
-  }, /*#__PURE__*/React.createElement(IconContainer, {
-    disabled: isPrevDisabled,
-    theme: theme,
-    type: "prev"
-  })), /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityHint: "Moves focus to the next field",
-    accessibilityLabel: "Next",
-    disabled: isNextDisabled,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
-    theme: theme,
-    onPress: onPressNext
-  }, /*#__PURE__*/React.createElement(IconContainer, {
-    disabled: isNextDisabled,
-    theme: theme,
-    type: "next"
-  }))), /*#__PURE__*/React.createElement(View, {
-    style: styles.flex,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
-  }, content), doneText && /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityHint: "Closes the keyboard",
-    accessibilityLabel: "Done",
-    rippleRadius: 28,
-    style: styles.doneButtonContainer,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
-    theme: theme,
-    onPress: onPressDone
-  }, /*#__PURE__*/React.createElement(Text, {
-    maxFontSizeMultiplier: 1.3,
-    style: doneStyle
-  }, doneText))));
+  }), backgroundElement, arrowsElement, contentContainer, doneElement)));
 };
 const styles = StyleSheet.create({
-  flex: {
-    flex: 1
-  },
   toolbar: {
     position: "absolute",
     bottom: 0,
@@ -155,20 +157,17 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     paddingLeft: 8
   },
-  doneButton: {
-    fontWeight: "600",
-    fontSize: 15
-  },
-  doneButtonContainer: {
-    marginRight: 16,
-    marginLeft: 8
-  },
   floating: {
     alignSelf: "center",
     borderRadius: 20,
     overflow: "hidden"
   }
 });
+KeyboardToolbar.Background = Background;
+KeyboardToolbar.Content = Content;
+KeyboardToolbar.Prev = Prev;
+KeyboardToolbar.Next = Next;
+KeyboardToolbar.Done = Done;
 export { colors as DefaultKeyboardToolbarTheme };
 export default KeyboardToolbar;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","Text","View","FocusedInputEvents","useKeyboardState","KeyboardController","KeyboardStickyView","Arrow","Button","colors","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","KEYBOARD_TOOLBAR_HEIGHT","OPENED_OFFSET","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","KeyboardToolbar","props","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","offset","closed","opened","enabled","insets","rest","colorScheme","state","appearance","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","subscription","addListener","e","remove","doneStyle","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","paddingLeft","left","paddingRight","right","floating","containerStyle","marginLeft","marginRight","ButtonContainer","IconContainer","onPressNext","event","isDefaultPrevented","setFocusTo","onPressPrev","onPressDone","dismiss","createElement","style","_extends","testID","arrows","accessibilityHint","accessibilityLabel","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","maxFontSizeMultiplier","create","position","bottom","alignItems","width","flexDirection","height","fontWeight","fontSize","alignSelf","borderRadius","overflow","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, Text, View } from \"react-native\";\n\nimport { FocusedInputEvents } from \"../../bindings\";\nimport { useKeyboardState } from \"../../hooks\";\nimport { KeyboardController } from \"../../module\";\nimport KeyboardStickyView from \"../KeyboardStickyView\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\nimport {\n  DEFAULT_OPACITY,\n  KEYBOARD_HAS_ROUNDED_CORNERS,\n  KEYBOARD_TOOLBAR_HEIGHT,\n  OPENED_OFFSET,\n  TEST_ID_KEYBOARD_TOOLBAR,\n  TEST_ID_KEYBOARD_TOOLBAR_CONTENT,\n  TEST_ID_KEYBOARD_TOOLBAR_DONE,\n  TEST_ID_KEYBOARD_TOOLBAR_NEXT,\n  TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,\n} from \"./constants\";\n\nimport type { HEX, KeyboardToolbarTheme } from \"./types\";\nimport type { KeyboardStickyViewProps } from \"../KeyboardStickyView\";\nimport type { ReactNode } from \"react\";\nimport type { GestureResponderEvent, ViewProps } from \"react-native\";\n\ntype SafeAreaInsets = {\n  left: number;\n  right: number;\n};\n\nexport type KeyboardToolbarProps = Omit<\n  ViewProps,\n  \"style\" | \"testID\" | \"children\"\n> & {\n  /** An element that is shown in the middle of the toolbar. */\n  content?: React.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  /**\n   * Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input\n   * and want to show only `Done` button. Default to `true`.\n   */\n  showArrows?: boolean;\n  /**\n   * A callback that is called when the user presses the next button along with the default action.\n   */\n  onNextCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A callback that is called when the user presses the previous button along with the default action.\n   */\n  onPrevCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A callback that is called when the user presses the done button along with the default action.\n   */\n  onDoneCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A component that applies blur effect to the toolbar.\n   */\n  blur?: React.JSX.Element | null;\n  /**\n   * A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff`.\n   */\n  opacity?: HEX;\n  /**\n   * A object containing `left`/`right` properties. Used to specify proper container padding in landscape mode.\n   */\n  insets?: SafeAreaInsets;\n} & Pick<KeyboardStickyViewProps, \"offset\" | \"enabled\">;\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and\n * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.\n *\n * @param props - Component props.\n * @returns A component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-toolbar|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardToolbar doneText=\"Close\" />\n * ```\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = (props) => {\n  const {\n    content,\n    theme = colors,\n    doneText = \"Done\",\n    button,\n    icon,\n    showArrows = true,\n    onNextCallback,\n    onPrevCallback,\n    onDoneCallback,\n    blur = null,\n    opacity = DEFAULT_OPACITY,\n    offset: { closed = 0, opened = 0 } = {},\n    enabled = true,\n    insets,\n    ...rest\n  } = props;\n  const colorScheme = useKeyboardState((state) => state.appearance);\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}${opacity}`,\n      },\n      !KEYBOARD_HAS_ROUNDED_CORNERS\n        ? {\n            paddingLeft: insets?.left,\n            paddingRight: insets?.right,\n          }\n        : null,\n      KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null,\n    ],\n    [colorScheme, opacity, theme, insets],\n  );\n  const containerStyle = useMemo(\n    () => [\n      KEYBOARD_HAS_ROUNDED_CORNERS\n        ? {\n            marginLeft: (insets?.left ?? 0) + 16,\n            marginRight: (insets?.right ?? 0) + 16,\n          }\n        : null,\n    ],\n    [insets],\n  );\n  const offset = useMemo(\n    () => ({\n      closed: closed + KEYBOARD_TOOLBAR_HEIGHT,\n      opened: opened + OPENED_OFFSET,\n    }),\n    [closed, opened],\n  );\n  const ButtonContainer = button || Button;\n  const IconContainer = icon || Arrow;\n\n  const onPressNext = useCallback(\n    (event: GestureResponderEvent) => {\n      onNextCallback?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.setFocusTo(\"next\");\n      }\n    },\n    [onNextCallback],\n  );\n  const onPressPrev = useCallback(\n    (event: GestureResponderEvent) => {\n      onPrevCallback?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.setFocusTo(\"prev\");\n      }\n    },\n    [onPrevCallback],\n  );\n  const onPressDone = useCallback(\n    (event: GestureResponderEvent) => {\n      onDoneCallback?.(event);\n\n      if (!event.isDefaultPrevented()) {\n        KeyboardController.dismiss();\n      }\n    },\n    [onDoneCallback],\n  );\n\n  return (\n    <KeyboardStickyView\n      enabled={enabled}\n      offset={offset}\n      style={containerStyle}\n    >\n      <View {...rest} style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n        {blur}\n        {showArrows && (\n          <View style={styles.arrows}>\n            <ButtonContainer\n              accessibilityHint=\"Moves focus to the previous field\"\n              accessibilityLabel=\"Previous\"\n              disabled={isPrevDisabled}\n              testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\n              theme={theme}\n              onPress={onPressPrev}\n            >\n              <IconContainer\n                disabled={isPrevDisabled}\n                theme={theme}\n                type=\"prev\"\n              />\n            </ButtonContainer>\n            <ButtonContainer\n              accessibilityHint=\"Moves focus to the next field\"\n              accessibilityLabel=\"Next\"\n              disabled={isNextDisabled}\n              testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\n              theme={theme}\n              onPress={onPressNext}\n            >\n              <IconContainer\n                disabled={isNextDisabled}\n                theme={theme}\n                type=\"next\"\n              />\n            </ButtonContainer>\n          </View>\n        )}\n\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\n          {content}\n        </View>\n        {doneText && (\n          <ButtonContainer\n            accessibilityHint=\"Closes the keyboard\"\n            accessibilityLabel=\"Done\"\n            rippleRadius={28}\n            style={styles.doneButtonContainer}\n            testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\n            theme={theme}\n            onPress={onPressDone}\n          >\n            <Text maxFontSizeMultiplier={1.3} style={doneStyle}>\n              {doneText}\n            </Text>\n          </ButtonContainer>\n        )}\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  },\n  arrows: {\n    flexDirection: \"row\",\n    paddingLeft: 8,\n  },\n  doneButton: {\n    fontWeight: \"600\",\n    fontSize: 15,\n  },\n  doneButtonContainer: {\n    marginRight: 16,\n    marginLeft: 8,\n  },\n  floating: {\n    alignSelf: \"center\",\n    borderRadius: 20,\n    overflow: \"hidden\",\n  },\n});\n\nexport { colors as DefaultKeyboardToolbarTheme };\nexport default KeyboardToolbar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","View","FocusedInputEvents","useKeyboardState","KeyboardStickyView","Arrow","Button","colors","Background","Content","Done","Next","Prev","ToolbarContext","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","KEYBOARD_TOOLBAR_HEIGHT","OPENED_OFFSET","TEST_ID_KEYBOARD_TOOLBAR","KeyboardToolbar","props","children","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","offset","closed","opened","enabled","insets","rest","colorScheme","state","appearance","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","buttonContainer","iconContainer","subscription","addListener","e","remove","toolbarStyle","styles","toolbar","backgroundColor","background","paddingLeft","left","paddingRight","right","floating","containerStyle","marginLeft","marginRight","backgroundElement","arrowsElement","contentContainer","doneElement","prevChild","nextChild","contentChild","doneChild","backgroundChild","Children","forEach","child","isValidElement","type","createElement","style","arrows","onPress","text","contextValue","Provider","value","_extends","testID","create","position","bottom","alignItems","width","flexDirection","height","alignSelf","borderRadius","overflow","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport { FocusedInputEvents } from \"../../bindings\";\nimport { useKeyboardState } from \"../../hooks\";\nimport KeyboardStickyView from \"../KeyboardStickyView\";\n\nimport Arrow from \"./Arrow\";\nimport Button from \"./Button\";\nimport { colors } from \"./colors\";\nimport { Background, Content, Done, Next, Prev } from \"./compound/components\";\nimport { ToolbarContext } from \"./compound/context\";\nimport {\n  DEFAULT_OPACITY,\n  KEYBOARD_HAS_ROUNDED_CORNERS,\n  KEYBOARD_TOOLBAR_HEIGHT,\n  OPENED_OFFSET,\n  TEST_ID_KEYBOARD_TOOLBAR,\n} from \"./constants\";\n\nimport type { KeyboardToolbarProps } from \"./types\";\nimport type { ReactNode } from \"react\";\n\n/**\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` buttons from left and\n * `Done` button from the right (to dismiss the keyboard). Allows to add customizable content (yours UI elements) in the middle.\n *\n * @param props - Component props.\n * @returns A component that is shown above the keyboard with `Prev`/`Next` and `Done` buttons.\n * @see {@link https://kirillzyusko.github.io/react-native-keyboard-controller/docs/api/components/keyboard-toolbar|Documentation} page for more details.\n * @example\n * ```tsx\n * <KeyboardToolbar>\n *   <KeyboardToolbar.Done text=\"Close\" />\n * </KeyboardToolbar>\n * ```\n */\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> & {\n  Background: typeof Background;\n  Content: typeof Content;\n  Prev: typeof Prev;\n  Next: typeof Next;\n  Done: typeof Done;\n} = (props) => {\n  const {\n    children,\n    content,\n    theme = colors,\n    doneText = \"Done\",\n    button,\n    icon,\n    showArrows = true,\n    onNextCallback,\n    onPrevCallback,\n    onDoneCallback,\n    blur = null,\n    opacity = DEFAULT_OPACITY,\n    offset: { closed = 0, opened = 0 } = {},\n    enabled = true,\n    insets,\n    ...rest\n  } = props;\n  const colorScheme = useKeyboardState((state) => state.appearance);\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  const buttonContainer = button ?? Button;\n  const iconContainer = icon ?? Arrow;\n\n  useEffect(() => {\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\n      setInputs(e);\n    });\n\n    return subscription.remove;\n  }, []);\n  const toolbarStyle = useMemo(\n    () => [\n      styles.toolbar,\n      {\n        backgroundColor: `${theme[colorScheme].background}${opacity}`,\n      },\n      !KEYBOARD_HAS_ROUNDED_CORNERS\n        ? {\n            paddingLeft: insets?.left,\n            paddingRight: insets?.right,\n          }\n        : null,\n      KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null,\n    ],\n    [colorScheme, opacity, theme, insets],\n  );\n  const containerStyle = useMemo(\n    () => [\n      KEYBOARD_HAS_ROUNDED_CORNERS\n        ? {\n            marginLeft: (insets?.left ?? 0) + 16,\n            marginRight: (insets?.right ?? 0) + 16,\n          }\n        : null,\n    ],\n    [insets],\n  );\n  const offset = useMemo(\n    () => ({\n      closed: closed + KEYBOARD_TOOLBAR_HEIGHT,\n      opened: opened + OPENED_OFFSET,\n    }),\n    [closed, opened],\n  );\n\n  let backgroundElement: ReactNode = null;\n  let arrowsElement: ReactNode = null;\n  let contentContainer: ReactNode = null;\n  let doneElement: ReactNode = null;\n\n  if (children) {\n    let prevChild: ReactNode = null;\n    let nextChild: ReactNode = null;\n    let contentChild: ReactNode = null;\n    let doneChild: ReactNode = null;\n    let backgroundChild: ReactNode = null;\n\n    React.Children.forEach(children, (child) => {\n      if (!React.isValidElement(child)) {\n        return;\n      }\n      const type = child.type;\n\n      if (type === Background) {\n        backgroundChild = child;\n      } else if (type === Content) {\n        contentChild = child;\n      } else if (type === Prev) {\n        prevChild = child;\n      } else if (type === Next) {\n        nextChild = child;\n      } else if (type === Done) {\n        doneChild = child;\n      }\n    });\n\n    backgroundElement = backgroundChild;\n    doneElement = doneChild;\n    arrowsElement =\n      prevChild || nextChild ? (\n        <View style={styles.arrows}>\n          {prevChild}\n          {nextChild}\n        </View>\n      ) : null;\n    contentContainer = contentChild ?? <Content>{contentChild}</Content>;\n  } else {\n    backgroundElement = blur;\n    arrowsElement = showArrows ? (\n      <View style={styles.arrows}>\n        <Prev\n          button={buttonContainer}\n          icon={iconContainer}\n          onPress={onPrevCallback}\n        />\n        <Next\n          button={buttonContainer}\n          icon={iconContainer}\n          onPress={onNextCallback}\n        />\n      </View>\n    ) : null;\n    contentContainer = <Content>{content}</Content>;\n    doneElement = doneText ? (\n      <Done button={buttonContainer} text={doneText} onPress={onDoneCallback} />\n    ) : null;\n  }\n\n  const contextValue = useMemo(\n    () => ({\n      theme,\n      isPrevDisabled,\n      isNextDisabled,\n    }),\n    [theme, isPrevDisabled, isNextDisabled],\n  );\n\n  return (\n    <ToolbarContext.Provider value={contextValue}>\n      <KeyboardStickyView\n        enabled={enabled}\n        offset={offset}\n        style={containerStyle}\n      >\n        <View {...rest} style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\n          {backgroundElement}\n          {arrowsElement}\n          {contentContainer}\n          {doneElement}\n        </View>\n      </KeyboardStickyView>\n    </ToolbarContext.Provider>\n  );\n};\n\nconst styles = StyleSheet.create({\n  toolbar: {\n    position: \"absolute\",\n    bottom: 0,\n    alignItems: \"center\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    height: KEYBOARD_TOOLBAR_HEIGHT,\n  },\n  arrows: {\n    flexDirection: \"row\",\n    paddingLeft: 8,\n  },\n  floating: {\n    alignSelf: \"center\",\n    borderRadius: 20,\n    overflow: \"hidden\",\n  },\n});\n\nKeyboardToolbar.Background = Background;\nKeyboardToolbar.Content = Content;\nKeyboardToolbar.Prev = Prev;\nKeyboardToolbar.Next = Next;\nKeyboardToolbar.Done = Done;\n\nexport { colors as DefaultKeyboardToolbarTheme, KeyboardToolbarProps };\nexport default KeyboardToolbar;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +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: string;\n  /** Color for ripple effect (on button touch) on Android */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\ntype HexSymbol =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"9\"\n  | \"A\"\n  | \"B\"\n  | \"C\"\n  | \"D\"\n  | \"E\"\n  | \"F\"\n  | \"a\"\n  | \"b\"\n  | \"c\"\n  | \"d\"\n  | \"e\"\n  | \"f\";\nexport type HEX = `${HexSymbol}${HexSymbol}`;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["import type Arrow from \"./Arrow\";\nimport type Button from \"./Button\";\nimport type { KeyboardStickyViewProps } from \"../KeyboardStickyView\";\nimport type { ReactNode } from \"react\";\nimport type {\n  ColorValue,\n  GestureResponderEvent,\n  ViewProps,\n} 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: string;\n  /** Color for ripple effect (on button touch) on Android. */\n  ripple: ColorValue;\n};\nexport type KeyboardToolbarTheme = {\n  light: Theme;\n  dark: Theme;\n};\ntype HexSymbol =\n  | \"0\"\n  | \"1\"\n  | \"2\"\n  | \"3\"\n  | \"4\"\n  | \"5\"\n  | \"6\"\n  | \"7\"\n  | \"8\"\n  | \"9\"\n  | \"A\"\n  | \"B\"\n  | \"C\"\n  | \"D\"\n  | \"E\"\n  | \"F\"\n  | \"a\"\n  | \"b\"\n  | \"c\"\n  | \"d\"\n  | \"e\"\n  | \"f\";\nexport type HEX = `${HexSymbol}${HexSymbol}`;\n\ntype SafeAreaInsets = {\n  left: number;\n  right: number;\n};\n\nexport type KeyboardToolbarProps = Omit<\n  ViewProps,\n  \"style\" | \"testID\" | \"children\"\n> & {\n  /**\n   * An element that is shown in the middle of the toolbar.\n   *\n   * @deprecated Use compound API with `<KeyboardToolbar.Content />` component instead.\n   */\n  content?: React.JSX.Element | null;\n  /** A set of dark/light colors consumed by toolbar component. */\n  theme?: KeyboardToolbarTheme;\n  /**\n   * Custom text for done button.\n   *\n   * @deprecated Use compound API with `<KeyboardToolbar.Done />` component and `text` prop instead.\n   */\n  doneText?: ReactNode;\n  /**\n   * Custom touchable component for toolbar (used for prev/next/done buttons).\n   *\n   * @deprecated Use `button` property for corresponding element instead:\n   * ```tsx\n   * <KeyboardToolbar>\n   *   <KeyboardToolbar.Prev button={MyCustomButton} />\n   * </KeyboardToolbar>\n   * ```.\n   */\n  button?: typeof Button;\n  /**\n   * Custom icon component used to display next/prev buttons.\n   *\n   * @deprecated Use `icon` property for corresponding element instead:\n   * ```tsx\n   * <KeyboardToolbar>\n   *   <KeyboardToolbar.Prev icon={MyCustomIcon} />\n   * </KeyboardToolbar>\n   * ```.\n   */\n  icon?: typeof Arrow;\n  /**\n   * Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input\n   * and want to show only `Done` button. Default to `true`.\n   *\n   * @deprecated Use compound API and conditional rendering for `<KeyboardToolbar.Next />` and `<KeyboardToolbar.Prev />`.\n   */\n  showArrows?: boolean;\n  /**\n   * A callback that is called when the user presses the next button along with the default action.\n   *\n   * @deprecated Use compound API with `<KeyboardToolbar.Next />` and `onPress` callback instead.\n   */\n  onNextCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A callback that is called when the user presses the previous button along with the default action.\n   *\n   * @deprecated Use compound API with `<KeyboardToolbar.Prev />` and `onPress` callback instead.\n   */\n  onPrevCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A callback that is called when the user presses the done button along with the default action.\n   *\n   * @deprecated Use compound API with `<KeyboardToolbar.Done />` and `onPress` callback instead.\n   */\n  onDoneCallback?: (event: GestureResponderEvent) => void;\n  /**\n   * A component that applies blur effect to the toolbar.\n   *\n   * @deprecated Use compound API and `<KeyboardToolbar.Effect />` instead.\n   */\n  blur?: React.JSX.Element | null;\n  /**\n   * A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff`.\n   */\n  opacity?: HEX;\n  /**\n   * A object containing `left`/`right` properties. Used to specify proper container padding in landscape mode.\n   */\n  insets?: SafeAreaInsets;\n  /** JSX children in case if compound API is used. */\n  children?: ReactNode;\n} & Pick<KeyboardStickyViewProps, \"offset\" | \"enabled\">;\n"],"mappings":"","ignoreList":[]}

package/lib/module/hooks/useWindowDimensions/index.js

@@ -1,10 +1,10 @@
 import { useEffect, useState } from "react";
 import { Dimensions } from "react-native";
 import { WindowDimensionsEvents } from "../../bindings";
-const screen = Dimensions.get("screen");
+const window = Dimensions.get("window");
 let initialDimensions = {
-  width: screen.width,
-  height: screen.height
+  width: window.width,
+  height: window.height
 };
 WindowDimensionsEvents.addListener("windowDidResize", e => {
   initialDimensions = e;

package/lib/module/hooks/useWindowDimensions/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Dimensions","WindowDimensionsEvents","screen","get","initialDimensions","width","height","addListener","e","useWindowDimensions","dimensions","setDimensions","subscription","remove"],"sources":["index.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Dimensions } from \"react-native\";\n\nimport { WindowDimensionsEvents } from \"../../bindings\";\n\nimport type { WindowDimensionsEventData } from \"../../types\";\n\nconst screen = Dimensions.get(\"screen\");\n\nlet initialDimensions: WindowDimensionsEventData = {\n  width: screen.width,\n  height: screen.height,\n};\n\nWindowDimensionsEvents.addListener(\"windowDidResize\", (e) => {\n  initialDimensions = e;\n});\n\nexport const useWindowDimensions = () => {\n  const [dimensions, setDimensions] = useState(initialDimensions);\n\n  useEffect(() => {\n    const subscription = WindowDimensionsEvents.addListener(\n      \"windowDidResize\",\n      (e) => {\n        setDimensions(e);\n      },\n    );\n\n    // we might have missed an update between reading a value in render and\n    // `addListener` in this handler, so we set it here. If there was\n    // no change, React will filter out this update as a no-op.\n    setDimensions(initialDimensions);\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return dimensions;\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,sBAAsB,QAAQ,gBAAgB;AAIvD,MAAMC,MAAM,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC;AAEvC,IAAIC,iBAA4C,GAAG;EACjDC,KAAK,EAAEH,MAAM,CAACG,KAAK;EACnBC,MAAM,EAAEJ,MAAM,CAACI;AACjB,CAAC;AAEDL,sBAAsB,CAACM,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EAC3DJ,iBAAiB,GAAGI,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAACK,iBAAiB,CAAC;EAE/DN,SAAS,CAAC,MAAM;IACd,MAAMc,YAAY,GAAGX,sBAAsB,CAACM,WAAW,CACrD,iBAAiB,EAChBC,CAAC,IAAK;MACLG,aAAa,CAACH,CAAC,CAAC;IAClB,CACF,CAAC;;IAED;IACA;IACA;IACAG,aAAa,CAACP,iBAAiB,CAAC;IAEhC,OAAO,MAAM;MACXQ,YAAY,CAACC,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,UAAU;AACnB,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","Dimensions","WindowDimensionsEvents","window","get","initialDimensions","width","height","addListener","e","useWindowDimensions","dimensions","setDimensions","subscription","remove"],"sources":["index.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Dimensions } from \"react-native\";\n\nimport { WindowDimensionsEvents } from \"../../bindings\";\n\nimport type { WindowDimensionsEventData } from \"../../types\";\n\nconst window = Dimensions.get(\"window\");\n\nlet initialDimensions: WindowDimensionsEventData = {\n  width: window.width,\n  height: window.height,\n};\n\nWindowDimensionsEvents.addListener(\"windowDidResize\", (e) => {\n  initialDimensions = e;\n});\n\nexport const useWindowDimensions = () => {\n  const [dimensions, setDimensions] = useState(initialDimensions);\n\n  useEffect(() => {\n    const subscription = WindowDimensionsEvents.addListener(\n      \"windowDidResize\",\n      (e) => {\n        setDimensions(e);\n      },\n    );\n\n    // we might have missed an update between reading a value in render and\n    // `addListener` in this handler, so we set it here. If there was\n    // no change, React will filter out this update as a no-op.\n    setDimensions(initialDimensions);\n\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return dimensions;\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,sBAAsB,QAAQ,gBAAgB;AAIvD,MAAMC,MAAM,GAAGF,UAAU,CAACG,GAAG,CAAC,QAAQ,CAAC;AAEvC,IAAIC,iBAA4C,GAAG;EACjDC,KAAK,EAAEH,MAAM,CAACG,KAAK;EACnBC,MAAM,EAAEJ,MAAM,CAACI;AACjB,CAAC;AAEDL,sBAAsB,CAACM,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EAC3DJ,iBAAiB,GAAGI,CAAC;AACvB,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;EACvC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAACK,iBAAiB,CAAC;EAE/DN,SAAS,CAAC,MAAM;IACd,MAAMc,YAAY,GAAGX,sBAAsB,CAACM,WAAW,CACrD,iBAAiB,EAChBC,CAAC,IAAK;MACLG,aAAa,CAACH,CAAC,CAAC;IAClB,CACF,CAAC;;IAED;IACA;IACA;IACAG,aAAa,CAACP,iBAAiB,CAAC;IAEhC,OAAO,MAAM;MACXQ,YAAY,CAACC,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,UAAU;AACnB,CAAC","ignoreList":[]}

package/lib/module/module.js

@@ -18,6 +18,7 @@ KeyboardEvents.addListener("keyboardDidShow", e => {
 });
 const dismiss = async options => {
   const keepFocus = (options === null || options === void 0 ? void 0 : options.keepFocus) ?? false;
+  const animated = (options === null || options === void 0 ? void 0 : options.animated) ?? true;
   return new Promise(resolve => {
     if (isClosed) {
       resolve();
@@ -27,7 +28,7 @@ const dismiss = async options => {
       resolve(undefined);
       subscription.remove();
     });
-    KeyboardControllerNative.dismiss(keepFocus);
+    KeyboardControllerNative.dismiss(keepFocus, animated);
   });
 };
 const isVisible = () => !isClosed;

package/lib/module/module.js.map

@@ -1 +1 @@
-{"version":3,"names":["KeyboardControllerNative","KeyboardEvents","isClosed","lastState","height","duration","timestamp","Date","getTime","target","type","appearance","addListener","e","dismiss","options","keepFocus","Promise","resolve","subscription","undefined","remove","isVisible","state","KeyboardController","setDefaultMode","setInputMode","setFocusTo","preload"],"sources":["module.ts"],"sourcesContent":["import { KeyboardControllerNative, KeyboardEvents } from \"./bindings\";\n\nimport type {\n  DismissOptions,\n  KeyboardControllerModule,\n  KeyboardEventData,\n} from \"./types\";\n\nlet isClosed = true;\nlet lastState: KeyboardEventData = {\n  height: 0,\n  duration: 0,\n  timestamp: new Date().getTime(),\n  target: -1,\n  type: \"default\",\n  appearance: \"light\",\n};\n\nKeyboardEvents.addListener(\"keyboardDidHide\", (e) => {\n  isClosed = true;\n  lastState = e;\n});\n\nKeyboardEvents.addListener(\"keyboardDidShow\", (e) => {\n  isClosed = false;\n  lastState = e;\n});\n\nconst dismiss = async (options?: DismissOptions): Promise<void> => {\n  const keepFocus = options?.keepFocus ?? false;\n\n  return new Promise((resolve) => {\n    if (isClosed) {\n      resolve();\n\n      return;\n    }\n\n    const subscription = KeyboardEvents.addListener(\"keyboardDidHide\", () => {\n      resolve(undefined);\n      subscription.remove();\n    });\n\n    KeyboardControllerNative.dismiss(keepFocus);\n  });\n};\nconst isVisible = () => !isClosed;\nconst state = () => lastState;\n\n/**\n * KeyboardController module. Helps to perform imperative actions/checks with keyboard.\n */\nexport const KeyboardController: KeyboardControllerModule = {\n  setDefaultMode: KeyboardControllerNative.setDefaultMode,\n  setInputMode: KeyboardControllerNative.setInputMode,\n  setFocusTo: KeyboardControllerNative.setFocusTo,\n  preload: KeyboardControllerNative.preload,\n  dismiss,\n  isVisible,\n  state,\n};\n"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,cAAc,QAAQ,YAAY;AAQrE,IAAIC,QAAQ,GAAG,IAAI;AACnB,IAAIC,SAA4B,GAAG;EACjCC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAE,CAAC;EACXC,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;EAC/BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE,SAAS;EACfC,UAAU,EAAE;AACd,CAAC;AAEDV,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EACnDX,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAGU,CAAC;AACf,CAAC,CAAC;AAEFZ,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EACnDX,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAGU,CAAC;AACf,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAG,MAAOC,OAAwB,IAAoB;EACjE,MAAMC,SAAS,GAAG,CAAAD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,SAAS,KAAI,KAAK;EAE7C,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;IAC9B,IAAIhB,QAAQ,EAAE;MACZgB,OAAO,CAAC,CAAC;MAET;IACF;IAEA,MAAMC,YAAY,GAAGlB,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAE,MAAM;MACvEM,OAAO,CAACE,SAAS,CAAC;MAClBD,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFrB,wBAAwB,CAACc,OAAO,CAACE,SAAS,CAAC;EAC7C,CAAC,CAAC;AACJ,CAAC;AACD,MAAMM,SAAS,GAAGA,CAAA,KAAM,CAACpB,QAAQ;AACjC,MAAMqB,KAAK,GAAGA,CAAA,KAAMpB,SAAS;;AAE7B;AACA;AACA;AACA,OAAO,MAAMqB,kBAA4C,GAAG;EAC1DC,cAAc,EAAEzB,wBAAwB,CAACyB,cAAc;EACvDC,YAAY,EAAE1B,wBAAwB,CAAC0B,YAAY;EACnDC,UAAU,EAAE3B,wBAAwB,CAAC2B,UAAU;EAC/CC,OAAO,EAAE5B,wBAAwB,CAAC4B,OAAO;EACzCd,OAAO;EACPQ,SAAS;EACTC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["KeyboardControllerNative","KeyboardEvents","isClosed","lastState","height","duration","timestamp","Date","getTime","target","type","appearance","addListener","e","dismiss","options","keepFocus","animated","Promise","resolve","subscription","undefined","remove","isVisible","state","KeyboardController","setDefaultMode","setInputMode","setFocusTo","preload"],"sources":["module.ts"],"sourcesContent":["import { KeyboardControllerNative, KeyboardEvents } from \"./bindings\";\n\nimport type {\n  DismissOptions,\n  KeyboardControllerModule,\n  KeyboardEventData,\n} from \"./types\";\n\nlet isClosed = true;\nlet lastState: KeyboardEventData = {\n  height: 0,\n  duration: 0,\n  timestamp: new Date().getTime(),\n  target: -1,\n  type: \"default\",\n  appearance: \"light\",\n};\n\nKeyboardEvents.addListener(\"keyboardDidHide\", (e) => {\n  isClosed = true;\n  lastState = e;\n});\n\nKeyboardEvents.addListener(\"keyboardDidShow\", (e) => {\n  isClosed = false;\n  lastState = e;\n});\n\nconst dismiss = async (options?: Partial<DismissOptions>): Promise<void> => {\n  const keepFocus = options?.keepFocus ?? false;\n  const animated = options?.animated ?? true;\n\n  return new Promise((resolve) => {\n    if (isClosed) {\n      resolve();\n\n      return;\n    }\n\n    const subscription = KeyboardEvents.addListener(\"keyboardDidHide\", () => {\n      resolve(undefined);\n      subscription.remove();\n    });\n\n    KeyboardControllerNative.dismiss(keepFocus, animated);\n  });\n};\nconst isVisible = () => !isClosed;\nconst state = () => lastState;\n\n/**\n * KeyboardController module. Helps to perform imperative actions/checks with keyboard.\n */\nexport const KeyboardController: KeyboardControllerModule = {\n  setDefaultMode: KeyboardControllerNative.setDefaultMode,\n  setInputMode: KeyboardControllerNative.setInputMode,\n  setFocusTo: KeyboardControllerNative.setFocusTo,\n  preload: KeyboardControllerNative.preload,\n  dismiss,\n  isVisible,\n  state,\n};\n"],"mappings":"AAAA,SAASA,wBAAwB,EAAEC,cAAc,QAAQ,YAAY;AAQrE,IAAIC,QAAQ,GAAG,IAAI;AACnB,IAAIC,SAA4B,GAAG;EACjCC,MAAM,EAAE,CAAC;EACTC,QAAQ,EAAE,CAAC;EACXC,SAAS,EAAE,IAAIC,IAAI,CAAC,CAAC,CAACC,OAAO,CAAC,CAAC;EAC/BC,MAAM,EAAE,CAAC,CAAC;EACVC,IAAI,EAAE,SAAS;EACfC,UAAU,EAAE;AACd,CAAC;AAEDV,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EACnDX,QAAQ,GAAG,IAAI;EACfC,SAAS,GAAGU,CAAC;AACf,CAAC,CAAC;AAEFZ,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAGC,CAAC,IAAK;EACnDX,QAAQ,GAAG,KAAK;EAChBC,SAAS,GAAGU,CAAC;AACf,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAG,MAAOC,OAAiC,IAAoB;EAC1E,MAAMC,SAAS,GAAG,CAAAD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,SAAS,KAAI,KAAK;EAC7C,MAAMC,QAAQ,GAAG,CAAAF,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEE,QAAQ,KAAI,IAAI;EAE1C,OAAO,IAAIC,OAAO,CAAEC,OAAO,IAAK;IAC9B,IAAIjB,QAAQ,EAAE;MACZiB,OAAO,CAAC,CAAC;MAET;IACF;IAEA,MAAMC,YAAY,GAAGnB,cAAc,CAACW,WAAW,CAAC,iBAAiB,EAAE,MAAM;MACvEO,OAAO,CAACE,SAAS,CAAC;MAClBD,YAAY,CAACE,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEFtB,wBAAwB,CAACc,OAAO,CAACE,SAAS,EAAEC,QAAQ,CAAC;EACvD,CAAC,CAAC;AACJ,CAAC;AACD,MAAMM,SAAS,GAAGA,CAAA,KAAM,CAACrB,QAAQ;AACjC,MAAMsB,KAAK,GAAGA,CAAA,KAAMrB,SAAS;;AAE7B;AACA;AACA;AACA,OAAO,MAAMsB,kBAA4C,GAAG;EAC1DC,cAAc,EAAE1B,wBAAwB,CAAC0B,cAAc;EACvDC,YAAY,EAAE3B,wBAAwB,CAAC2B,YAAY;EACnDC,UAAU,EAAE5B,wBAAwB,CAAC4B,UAAU;EAC/CC,OAAO,EAAE7B,wBAAwB,CAAC6B,OAAO;EACzCf,OAAO;EACPS,SAAS;EACTC;AACF,CAAC","ignoreList":[]}

package/lib/module/specs/NativeKeyboardController.js.map

@@ -1 +1 @@
-{"version":3,"names":["TurboModuleRegistry","get"],"sources":["NativeKeyboardController.ts"],"sourcesContent":["import { TurboModuleRegistry } from \"react-native\";\n\nimport type { TurboModule } from \"react-native\";\n\nexport interface Spec extends TurboModule {\n  readonly getConstants: () => {};\n\n  // methods\n  setInputMode(mode: number): void;\n  setDefaultMode(): void;\n  preload(): void;\n  dismiss(keepFocus: boolean): void;\n  setFocusTo(direction: string): void;\n\n  // event emitter\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n}\n\nexport default TurboModuleRegistry.get<Spec>(\"KeyboardController\");\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc;AAmBlD,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["TurboModuleRegistry","get"],"sources":["NativeKeyboardController.ts"],"sourcesContent":["import { TurboModuleRegistry } from \"react-native\";\n\nimport type { TurboModule } from \"react-native\";\n\nexport interface Spec extends TurboModule {\n  readonly getConstants: () => {};\n\n  // methods\n  setInputMode(mode: number): void;\n  setDefaultMode(): void;\n  preload(): void;\n  dismiss(keepFocus: boolean, animated: boolean): void;\n  setFocusTo(direction: string): void;\n\n  // event emitter\n  addListener: (eventName: string) => void;\n  removeListeners: (count: number) => void;\n}\n\nexport default TurboModuleRegistry.get<Spec>(\"KeyboardController\");\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc;AAmBlD,eAAeA,mBAAmB,CAACC,GAAG,CAAO,oBAAoB,CAAC","ignoreList":[]}