@react-native-ohos/react-native-keyboard-controller 1.17.0-beta.2 → 1.17.0

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

@@ -0,0 +1,50 @@
+import React, { 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 {
+    theme
+  } = useToolbarContext();
+  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","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, { 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 { theme } = useToolbarContext();\n  const doneStyle = useMemo(\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\n    [colorScheme, theme],\n  );\n  const onPressDone = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.dismiss();\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: { fontWeight: \"600\", fontSize: 15 },\n  doneButtonContainer: { marginRight: 16, marginLeft: 8 },\n});\n\nexport default Done;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACnD,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,MAAM;IAAEC;EAAM,CAAC,GAAGX,iBAAiB,CAAC,CAAC;EACrC,MAAMY,SAAS,GAAGnB,OAAO,CACvB,MAAM,CAACoB,MAAM,CAACC,UAAU,EAAE;IAAEC,KAAK,EAAEJ,KAAK,CAACH,WAAW,CAAC,CAACQ;EAAQ,CAAC,CAAC,EAChE,CAACR,WAAW,EAAEG,KAAK,CACrB,CAAC;EACD,MAAMM,WAAW,GAAGzB,WAAW,CAC5B0B,KAA4B,IAAK;IAChCf,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGe,KAAK,CAAC;IAChB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAEtB,kBAAkB,CAACuB,OAAO,CAAC,CAAC;EAC/D,CAAC,EACD,CAACjB,OAAO,CACV,CAAC;EAED,oBACEZ,KAAA,CAAA8B,aAAA,CAACd,eAAe;IACde,iBAAiB,EAAC,qBAAqB;IACvCC,kBAAkB,EAAC,MAAM;IACzBnB,YAAY,EAAEA,YAAa;IAC3BoB,KAAK,EAAEX,MAAM,CAACY,mBAAoB;IAClCC,MAAM,EAAE3B,6BAA8B;IACtCY,KAAK,EAAEA,KAAM;IACbR,OAAO,EAAEc;EAAY,gBAErB1B,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACgC,qBAAqB,EAAE,GAAI;IAACH,KAAK,EAAEZ;EAAU,GAChDV,QAAQ,IAAIG,IAAI,IAAI,MACjB,CACS,CAAC;AAEtB,CAAC;AAED,MAAMQ,MAAM,GAAGnB,UAAU,CAACkC,MAAM,CAAC;EAC/Bd,UAAU,EAAE;IAAEe,UAAU,EAAE,KAAK;IAAEC,QAAQ,EAAE;EAAG,CAAC;EAC/CL,mBAAmB,EAAE;IAAEM,WAAW,EAAE,EAAE;IAAEC,UAAU,EAAE;EAAE;AACxD,CAAC,CAAC;AAEF,eAAe/B,IAAI","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+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 {
+    theme,
+    isNextDisabled
+  } = useToolbarContext();
+  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","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 { theme, isNextDisabled } = useToolbarContext();\n  const isDisabled = disabled ?? isNextDisabled;\n  const onPressNext = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.setFocusTo(\"next\");\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,MAAM;IAAEc,KAAK;IAAEC;EAAe,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACrD,MAAMa,UAAU,GAAGT,QAAQ,IAAIQ,cAAc;EAC7C,MAAME,WAAW,GAAGnB,WAAW,CAC5BoB,KAA4B,IAAK;IAChCZ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGY,KAAK,CAAC;IAChB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAEpB,kBAAkB,CAACqB,UAAU,CAAC,MAAM,CAAC;EACxE,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,oBACET,KAAA,CAAAwB,aAAA,CAACV,eAAe;IACdW,iBAAiB,EAAC,+BAA+B;IACjDC,kBAAkB,EAAC,MAAM;IACzBhB,QAAQ,EAAES,UAAW;IACrBR,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbe,MAAM,EAAEtB,6BAA8B;IACtCY,KAAK,EAAEA,KAAM;IACbR,OAAO,EAAEW;EAAY,GAEpBZ,QAAQ,iBACPR,KAAA,CAAAwB,aAAA,CAACR,aAAa;IAACN,QAAQ,EAAES,UAAW;IAACF,KAAK,EAAEA,KAAM;IAACW,IAAI,EAAC;EAAM,CAAE,CAEnD,CAAC;AAEtB,CAAC;AAED,eAAerB,IAAI","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+import React, { 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,
+  disabled,
+  rippleRadius,
+  style,
+  button: ButtonContainer = Button,
+  icon: IconContainer = Arrow
+}) => {
+  const {
+    theme,
+    isPrevDisabled
+  } = useToolbarContext();
+  const isDisabled = disabled ?? isPrevDisabled;
+  const onPressPrev = useCallback(event => {
+    onPress === null || onPress === void 0 || onPress(event);
+    if (!event.isDefaultPrevented()) KeyboardController.setFocusTo("prev");
+  }, [onPress]);
+  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","disabled","rippleRadius","style","button","ButtonContainer","icon","IconContainer","theme","isPrevDisabled","isDisabled","onPressPrev","event","isDefaultPrevented","setFocusTo","createElement","accessibilityHint","accessibilityLabel","testID","type"],"sources":["Prev.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_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,\n  disabled,\n  rippleRadius,\n  style,\n  button: ButtonContainer = Button,\n  icon: IconContainer = Arrow,\n}) => {\n  const { theme, isPrevDisabled } = useToolbarContext();\n  const isDisabled = disabled ?? isPrevDisabled;\n  const onPressPrev = useCallback(\n    (event: GestureResponderEvent) => {\n      onPress?.(event);\n      if (!event.isDefaultPrevented()) KeyboardController.setFocusTo(\"prev\");\n    },\n    [onPress],\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,IAAIC,WAAW,QAAQ,OAAO;AAE1C,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;EACPC,QAAQ;EACRC,YAAY;EACZC,KAAK;EACLC,MAAM,EAAEC,eAAe,GAAGV,MAAM;EAChCW,IAAI,EAAEC,aAAa,GAAGb;AACxB,CAAC,KAAK;EACJ,MAAM;IAAEc,KAAK;IAAEC;EAAe,CAAC,GAAGZ,iBAAiB,CAAC,CAAC;EACrD,MAAMa,UAAU,GAAGT,QAAQ,IAAIQ,cAAc;EAC7C,MAAME,WAAW,GAAGnB,WAAW,CAC5BoB,KAA4B,IAAK;IAChCZ,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGY,KAAK,CAAC;IAChB,IAAI,CAACA,KAAK,CAACC,kBAAkB,CAAC,CAAC,EAAEpB,kBAAkB,CAACqB,UAAU,CAAC,MAAM,CAAC;EACxE,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,oBACET,KAAA,CAAAwB,aAAA,CAACV,eAAe;IACdW,iBAAiB,EAAC,mCAAmC;IACrDC,kBAAkB,EAAC,UAAU;IAC7BhB,QAAQ,EAAES,UAAW;IACrBR,YAAY,EAAEA,YAAa;IAC3BC,KAAK,EAAEA,KAAM;IACbe,MAAM,EAAEtB,iCAAkC;IAC1CY,KAAK,EAAEA,KAAM;IACbR,OAAO,EAAEW;EAAY,GAEpBZ,QAAQ,iBACPR,KAAA,CAAAwB,aAAA,CAACR,aAAa;IAACN,QAAQ,EAAES,UAAW;IAACF,KAAK,EAAEA,KAAM;IAACW,IAAI,EAAC;EAAM,CAAE,CAEnD,CAAC;AAEtB,CAAC;AAED,eAAerB,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/constants.js

@@ -0,0 +1,11 @@
+import { KEYBOARD_BORDER_RADIUS } from "../../constants";
+export const TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
+export const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
+export const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
+export const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
+export const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
+export const KEYBOARD_TOOLBAR_HEIGHT = 42;
+export const DEFAULT_OPACITY = "FF";
+export const KEYBOARD_HAS_ROUNDED_CORNERS = KEYBOARD_BORDER_RADIUS > 0;
+export const OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["KEYBOARD_BORDER_RADIUS","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","KEYBOARD_HAS_ROUNDED_CORNERS","OPENED_OFFSET"],"sources":["constants.ts"],"sourcesContent":["import { KEYBOARD_BORDER_RADIUS } from \"../../constants\";\n\nimport type { HEX } from \"./types\";\n\nexport const TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\nexport const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\nexport const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\n\nexport const KEYBOARD_TOOLBAR_HEIGHT = 42;\nexport const DEFAULT_OPACITY: HEX = \"FF\";\nexport const KEYBOARD_HAS_ROUNDED_CORNERS = KEYBOARD_BORDER_RADIUS > 0;\nexport const OPENED_OFFSET = KEYBOARD_HAS_ROUNDED_CORNERS ? -11 : 0;\n"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,iBAAiB;AAIxD,OAAO,MAAMC,wBAAwB,GAAG,kBAAkB;AAC1D,OAAO,MAAMC,iCAAiC,GAAG,GAAGD,wBAAwB,WAAW;AACvF,OAAO,MAAME,6BAA6B,GAAG,GAAGF,wBAAwB,OAAO;AAC/E,OAAO,MAAMG,gCAAgC,GAAG,GAAGH,wBAAwB,UAAU;AACrF,OAAO,MAAMI,6BAA6B,GAAG,GAAGJ,wBAAwB,OAAO;AAE/E,OAAO,MAAMK,uBAAuB,GAAG,EAAE;AACzC,OAAO,MAAMC,eAAoB,GAAG,IAAI;AACxC,OAAO,MAAMC,4BAA4B,GAAGR,sBAAsB,GAAG,CAAC;AACtE,OAAO,MAAMS,aAAa,GAAGD,4BAA4B,GAAG,CAAC,EAAE,GAAG,CAAC","ignoreList":[]}

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

@@ -1,32 +1,24 @@
 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 { FocusedInputEvents } from "../../bindings";
+import React, { useEffect, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { FocusedInputEvents, RCTKeyboardToolbarGroupView } from "../../bindings";
+import { useKeyboardState } from "../../hooks";
 import KeyboardStickyView from "../KeyboardStickyView";
-import { KeyboardControllerNative } from "../../bindings";
-import useColorScheme from "../hooks/useColorScheme";
 import Arrow from "./Arrow";
 import Button from "./Button";
 import { colors } from "./colors";
-const TEST_ID_KEYBOARD_TOOLBAR = "keyboard.toolbar";
-const TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;
-const TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;
-const TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;
-const TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;
-const KEYBOARD_TOOLBAR_HEIGHT = 42;
-const DEFAULT_OPACITY = "FF";
-const dismissKeyboard = () => KeyboardControllerNative.dismiss(false);
-const goToNextField = () => KeyboardControllerNative.setFocusTo("next");
-const goToPrevField = () => KeyboardControllerNative.setFocusTo("prev");
-
-/**
- * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
- * `Done` buttons.
+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` and
+ * `Done` buttons.
  */
 const KeyboardToolbar = ({
+  children,
   content,
   theme = colors,
-  doneText,
+  doneText = "Done",
   button,
   icon,
   showArrows = true,
@@ -40,92 +32,103 @@ const KeyboardToolbar = ({
     opened = 0
   } = {},
   enabled = true,
+  insets,
   ...rest
 }) => {
-  const colorScheme = useColorScheme();
+  const colorScheme = useKeyboardState(state => state.appearance);
   const [inputs, setInputs] = useState({
     current: 0,
     count: 0
   });
   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}`
-  }], [colorScheme, opacity, theme]);
+  }, !KEYBOARD_HAS_ROUNDED_CORNERS ? {
+    paddingLeft: insets === null || insets === void 0 ? void 0 : insets.left,
+    paddingRight: insets === null || insets === void 0 ? void 0 : insets.right
+  } : null, KEYBOARD_HAS_ROUNDED_CORNERS ? styles.floating : null], [colorScheme, opacity, theme, insets]);
+  const containerStyle = useMemo(() => [
+  // CRUCIAL: gives the native view real bounds
+  styles.sticky, KEYBOARD_HAS_ROUNDED_CORNERS ? {
+    left: ((insets === null || insets === void 0 ? void 0 : insets.left) ?? 0) + 16,
+    right: ((insets === null || insets === void 0 ? void 0 : insets.right) ?? 0) + 16
+  } : null], [insets]);
   const offset = useMemo(() => ({
     closed: closed + KEYBOARD_TOOLBAR_HEIGHT,
-    opened
+    opened: opened + OPENED_OFFSET
   }), [closed, opened]);
-  const ButtonContainer = button || Button;
-  const IconContainer = icon || Arrow;
-  const onPressNext = useCallback(() => {
-    goToNextField();
-    onNextCallback === null || onNextCallback === void 0 || onNextCallback();
-  }, [onNextCallback]);
-  const onPressPrev = useCallback(() => {
-    goToPrevField();
-    onPrevCallback === null || onPrevCallback === void 0 || onPrevCallback();
-  }, [onPrevCallback]);
-  const onPressDone = useCallback(() => {
-    dismissKeyboard();
-    onDoneCallback === null || onDoneCallback === void 0 || onDoneCallback();
-  }, [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;
+      if (child.type === Background) backgroundChild = child;else if (child.type === Content) contentChild = child;else if (child.type === Prev) prevChild = child;else if (child.type === Next) nextChild = child;else if (child.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
+    offset: offset,
+    style: containerStyle
   }, /*#__PURE__*/React.createElement(View, _extends({}, rest, {
     style: toolbarStyle,
     testID: TEST_ID_KEYBOARD_TOOLBAR
-  }), blur, showArrows && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityLabel: "Previous",
-    accessibilityHint: "Will move focus to previous field",
-    disabled: isPrevDisabled,
-    onPress: onPressPrev,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS,
-    theme: theme
-  }, /*#__PURE__*/React.createElement(IconContainer, {
-    disabled: isPrevDisabled,
-    type: "prev",
-    theme: theme
-  })), /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityLabel: "Next",
-    accessibilityHint: "Will move focus to next field",
-    disabled: isNextDisabled,
-    onPress: onPressNext,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_NEXT,
-    theme: theme
-  }, /*#__PURE__*/React.createElement(IconContainer, {
-    disabled: isNextDisabled,
-    type: "next",
-    theme: theme
-  }))), /*#__PURE__*/React.createElement(View, {
-    style: styles.flex,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_CONTENT
-  }, content), /*#__PURE__*/React.createElement(ButtonContainer, {
-    accessibilityLabel: "Done",
-    accessibilityHint: "Will close the keyboard",
-    onPress: onPressDone,
-    testID: TEST_ID_KEYBOARD_TOOLBAR_DONE,
-    rippleRadius: 28,
-    style: styles.doneButtonContainer,
-    theme: theme
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: doneStyle,
-    maxFontSizeMultiplier: 1.3
-  }, doneText || "Done"))));
+  }), backgroundElement, arrowsElement, contentContainer, doneElement)));
 };
 const styles = StyleSheet.create({
-  flex: {
-    flex: 1
+  sticky: {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    height: KEYBOARD_TOOLBAR_HEIGHT
   },
   toolbar: {
     position: "absolute",
@@ -133,17 +136,24 @@ const styles = StyleSheet.create({
     alignItems: "center",
     width: "100%",
     flexDirection: "row",
-    height: KEYBOARD_TOOLBAR_HEIGHT,
-    paddingHorizontal: 8
+    height: KEYBOARD_TOOLBAR_HEIGHT
   },
-  doneButton: {
-    fontWeight: "600",
-    fontSize: 15
+  arrows: {
+    flexDirection: "row",
+    paddingLeft: 8
   },
-  doneButtonContainer: {
-    marginRight: 8
+  floating: {
+    alignSelf: "center",
+    borderRadius: 20,
+    overflow: "hidden"
   }
 });
+KeyboardToolbar.Background = Background;
+KeyboardToolbar.Content = Content;
+KeyboardToolbar.Prev = Prev;
+KeyboardToolbar.Next = Next;
+KeyboardToolbar.Done = Done;
+KeyboardToolbar.Group = RCTKeyboardToolbarGroupView;
 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","KeyboardStickyView","KeyboardControllerNative","useColorScheme","Arrow","Button","colors","TEST_ID_KEYBOARD_TOOLBAR","TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS","TEST_ID_KEYBOARD_TOOLBAR_NEXT","TEST_ID_KEYBOARD_TOOLBAR_CONTENT","TEST_ID_KEYBOARD_TOOLBAR_DONE","KEYBOARD_TOOLBAR_HEIGHT","DEFAULT_OPACITY","dismissKeyboard","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","offset","closed","opened","enabled","rest","colorScheme","inputs","setInputs","current","count","isPrevDisabled","isNextDisabled","subscription","addListener","e","remove","doneStyle","styles","doneButton","color","primary","toolbarStyle","toolbar","backgroundColor","background","ButtonContainer","IconContainer","onPressNext","onPressPrev","onPressDone","createElement","_extends","style","testID","Fragment","accessibilityLabel","accessibilityHint","disabled","onPress","type","flex","rippleRadius","doneButtonContainer","maxFontSizeMultiplier","create","position","bottom","alignItems","width","flexDirection","height","paddingHorizontal","fontWeight","fontSize","marginRight","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { StyleSheet, Text, View } from \"react-native\";\r\n\r\nimport {\r\n  FocusedInputEvents,\r\n} from \"../../bindings\";\r\nimport KeyboardStickyView from \"../KeyboardStickyView\"\r\nimport { KeyboardControllerNative } from \"../../bindings\";\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport Arrow from \"./Arrow\";\r\nimport Button from \"./Button\";\r\nimport { colors } from \"./colors\";\r\n\r\nimport type { HEX, KeyboardToolbarTheme } from \"./types\";\r\nimport type { KeyboardStickyViewProps } from \"../KeyboardStickyView\";\r\nimport type { ReactNode } from \"react\";\r\nimport type { ViewProps } from \"react-native\";\r\n\r\nexport type KeyboardToolbarProps = Omit<\r\n  ViewProps,\r\n  \"style\" | \"testID\" | \"children\"\r\n> & {\r\n  /** An element that is shown in the middle of the toolbar. */\r\n  content?: JSX.Element | null;\r\n  /** A set of dark/light colors consumed by toolbar component. */\r\n  theme?: KeyboardToolbarTheme;\r\n  /** Custom text for done button. */\r\n  doneText?: ReactNode;\r\n  /** Custom touchable component for toolbar (used for prev/next/done buttons). */\r\n  button?: typeof Button;\r\n  /** Custom icon component used to display next/prev buttons. */\r\n  icon?: typeof Arrow;\r\n  /**\r\n   * Whether to show next and previous buttons. Can be useful to set it to `false` if you have only one input\r\n   * and want to show only `Done` button. Default to `true`.\r\n   */\r\n  showArrows?: boolean;\r\n  /**\r\n   * A callback that is called when the user presses the next button along with the default action.\r\n   */\r\n  onNextCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the previous button along with the default action.\r\n   */\r\n  onPrevCallback?: () => void;\r\n  /**\r\n   * A callback that is called when the user presses the done button along with the default action.\r\n   */\r\n  onDoneCallback?: () => void;\r\n  /**\r\n   * A component that applies blur effect to the toolbar.\r\n   */\r\n  blur?: JSX.Element | null;\r\n  /**\r\n   * A value for container opacity in hexadecimal format (e.g. `ff`). Default value is `ff`.\r\n   */\r\n  opacity?: HEX;\r\n} & Pick<KeyboardStickyViewProps, \"offset\" | \"enabled\">;\r\n\r\nconst TEST_ID_KEYBOARD_TOOLBAR = \"keyboard.toolbar\";\r\nconst TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS = `${TEST_ID_KEYBOARD_TOOLBAR}.previous`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_NEXT = `${TEST_ID_KEYBOARD_TOOLBAR}.next`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_CONTENT = `${TEST_ID_KEYBOARD_TOOLBAR}.content`;\r\nconst TEST_ID_KEYBOARD_TOOLBAR_DONE = `${TEST_ID_KEYBOARD_TOOLBAR}.done`;\r\n\r\nconst KEYBOARD_TOOLBAR_HEIGHT = 42;\r\nconst DEFAULT_OPACITY: HEX = \"FF\";\r\n\r\nconst dismissKeyboard = () => KeyboardControllerNative.dismiss(false);\r\nconst goToNextField = () => KeyboardControllerNative.setFocusTo(\"next\");\r\nconst goToPrevField = () => KeyboardControllerNative.setFocusTo(\"prev\");\r\n\r\n/**\r\n * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and\r\n * `Done` buttons.\r\n */\r\nconst KeyboardToolbar: React.FC<KeyboardToolbarProps> = ({\r\n  content,\r\n  theme = colors,\r\n  doneText,\r\n  button,\r\n  icon,\r\n  showArrows = true,\r\n  onNextCallback,\r\n  onPrevCallback,\r\n  onDoneCallback,\r\n  blur = null,\r\n  opacity = DEFAULT_OPACITY,\r\n  offset: { closed = 0, opened = 0 } = {},\r\n  enabled = true,\r\n  ...rest\r\n}) => {\r\n  const colorScheme = useColorScheme();\r\n  const [inputs, setInputs] = useState({\r\n    current: 0,\r\n    count: 0,\r\n  });\r\n  const isPrevDisabled = inputs.current === 0;\r\n  const isNextDisabled = inputs.current === inputs.count - 1;\r\n\r\n  useEffect(() => {\r\n    const subscription = FocusedInputEvents.addListener(\"focusDidSet\", (e) => {\r\n      setInputs(e);\r\n    });\r\n\r\n    return subscription.remove;\r\n  }, []);\r\n  const doneStyle = useMemo(\r\n    () => [styles.doneButton, { color: theme[colorScheme].primary }],\r\n    [colorScheme, theme],\r\n  );\r\n  const toolbarStyle = useMemo(\r\n    () => [\r\n      styles.toolbar,\r\n      {\r\n        backgroundColor: `${theme[colorScheme].background}${opacity}`,\r\n      },\r\n    ],\r\n    [colorScheme, opacity, theme],\r\n  );\r\n  const offset = useMemo(\r\n    () => ({ closed: closed + KEYBOARD_TOOLBAR_HEIGHT, opened }),\r\n    [closed, opened],\r\n  );\r\n  const ButtonContainer = button || Button;\r\n  const IconContainer = icon || Arrow;\r\n\r\n  const onPressNext = useCallback(() => {\r\n    goToNextField();\r\n    onNextCallback?.();\r\n  }, [onNextCallback]);\r\n  const onPressPrev = useCallback(() => {\r\n    goToPrevField();\r\n    onPrevCallback?.();\r\n  }, [onPrevCallback]);\r\n  const onPressDone = useCallback(() => {\r\n    dismissKeyboard();\r\n    onDoneCallback?.();\r\n  }, [onDoneCallback]);\r\n\r\n  return (\r\n    <KeyboardStickyView enabled={enabled} offset={offset}>\r\n      <View {...rest} style={toolbarStyle} testID={TEST_ID_KEYBOARD_TOOLBAR}>\r\n        {blur}\r\n        {showArrows && (\r\n          <>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Previous\"\r\n              accessibilityHint=\"Will move focus to previous field\"\r\n              disabled={isPrevDisabled}\r\n              onPress={onPressPrev}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_PREVIOUS}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isPrevDisabled}\r\n                type=\"prev\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n            <ButtonContainer\r\n              accessibilityLabel=\"Next\"\r\n              accessibilityHint=\"Will move focus to next field\"\r\n              disabled={isNextDisabled}\r\n              onPress={onPressNext}\r\n              testID={TEST_ID_KEYBOARD_TOOLBAR_NEXT}\r\n              theme={theme}\r\n            >\r\n              <IconContainer\r\n                disabled={isNextDisabled}\r\n                type=\"next\"\r\n                theme={theme}\r\n              />\r\n            </ButtonContainer>\r\n          </>\r\n        )}\r\n\r\n        <View style={styles.flex} testID={TEST_ID_KEYBOARD_TOOLBAR_CONTENT}>\r\n          {content}\r\n        </View>\r\n        <ButtonContainer\r\n          accessibilityLabel=\"Done\"\r\n          accessibilityHint=\"Will close the keyboard\"\r\n          onPress={onPressDone}\r\n          testID={TEST_ID_KEYBOARD_TOOLBAR_DONE}\r\n          rippleRadius={28}\r\n          style={styles.doneButtonContainer}\r\n          theme={theme}\r\n        >\r\n          <Text style={doneStyle} maxFontSizeMultiplier={1.3}>\r\n            {doneText || \"Done\"}\r\n          </Text>\r\n        </ButtonContainer>\r\n      </View>\r\n    </KeyboardStickyView>\r\n  );\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n  flex: {\r\n    flex: 1,\r\n  },\r\n  toolbar: {\r\n    position: \"absolute\",\r\n    bottom: 0,\r\n    alignItems: \"center\",\r\n    width: \"100%\",\r\n    flexDirection: \"row\",\r\n    height: KEYBOARD_TOOLBAR_HEIGHT,\r\n    paddingHorizontal: 8,\r\n  },\r\n  doneButton: {\r\n    fontWeight: \"600\",\r\n    fontSize: 15,\r\n  },\r\n  doneButtonContainer: {\r\n    marginRight: 8,\r\n  },\r\n});\r\n\r\nexport { colors as DefaultKeyboardToolbarTheme };\r\nexport default KeyboardToolbar;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","useState","StyleSheet","View","FocusedInputEvents","RCTKeyboardToolbarGroupView","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","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","sticky","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","height","alignItems","width","flexDirection","alignSelf","borderRadius","overflow","Group","DefaultKeyboardToolbarTheme"],"sources":["index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, View } from \"react-native\";\n\nimport {\n  FocusedInputEvents,\n  RCTKeyboardToolbarGroupView,\n} 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` and\n * `Done` buttons.\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  Group: typeof RCTKeyboardToolbarGroupView;\n} = ({\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}) => {\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      // CRUCIAL: gives the native view real bounds\n      styles.sticky,\n      KEYBOARD_HAS_ROUNDED_CORNERS\n        ? ({\n            left: (insets?.left ?? 0) + 16,\n            right: (insets?.right ?? 0) + 16,\n          } as const)\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  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)) return;\n      if (child.type === Background) backgroundChild = child;\n      else if (child.type === Content) contentChild = child;\n      else if (child.type === Prev) prevChild = child;\n      else if (child.type === Next) nextChild = child;\n      else if (child.type === Done) doneChild = child;\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    () => ({ theme, isPrevDisabled, isNextDisabled }),\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  sticky: {\n    position: \"absolute\",\n    left: 0,\n    right: 0,\n    bottom: 0,\n    height: KEYBOARD_TOOLBAR_HEIGHT,\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  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;\nKeyboardToolbar.Group = RCTKeyboardToolbarGroupView;\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\";\r\n\r\ntype Theme = {\r\n  /** Color for arrow when it's enabled */\r\n  primary: ColorValue;\r\n  /** Color for arrow when it's disabled */\r\n  disabled: ColorValue;\r\n  /** Keyboard toolbar background color */\r\n  background: string;\r\n  /** Color for ripple effect (on button touch) on Android */\r\n  ripple: ColorValue;\r\n};\r\nexport type KeyboardToolbarTheme = {\r\n  light: Theme;\r\n  dark: Theme;\r\n};\r\ntype HexSymbol =\r\n  | \"0\"\r\n  | \"1\"\r\n  | \"2\"\r\n  | \"3\"\r\n  | \"4\"\r\n  | \"5\"\r\n  | \"6\"\r\n  | \"7\"\r\n  | \"8\"\r\n  | \"9\"\r\n  | \"A\"\r\n  | \"B\"\r\n  | \"C\"\r\n  | \"D\"\r\n  | \"E\"\r\n  | \"F\"\r\n  | \"a\"\r\n  | \"b\"\r\n  | \"c\"\r\n  | \"d\"\r\n  | \"e\"\r\n  | \"f\";\r\nexport type HEX = `${HexSymbol}${HexSymbol}`;\r\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  content?: React.JSX.Element | null;\n  theme?: KeyboardToolbarTheme;\n  doneText?: ReactNode;\n  button?: typeof Button;\n  icon?: typeof Arrow;\n  showArrows?: boolean;\n  onNextCallback?: (event: GestureResponderEvent) => void;\n  onPrevCallback?: (event: GestureResponderEvent) => void;\n  onDoneCallback?: (event: GestureResponderEvent) => void;\n  blur?: React.JSX.Element | null;\n  opacity?: HEX;\n  insets?: SafeAreaInsets;\n  children?: ReactNode;\n} & Pick<KeyboardStickyViewProps, \"offset\" | \"enabled\">;\n"],"mappings":"","ignoreList":[]}