@react-native-ohos/react-native-keyboard-controller 1.12.8-beta.9

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

@@ -0,0 +1,68 @@
+import React, { useMemo } from "react";
+import { Animated, StyleSheet, View } from "react-native";
+import useColorScheme from "../hooks/useColorScheme";
+const ArrowComponent = ({
+  type,
+  disabled,
+  theme
+}) => {
+  const colorScheme = useColorScheme();
+  const color = useMemo(() => ({
+    backgroundColor: disabled ? theme[colorScheme].disabled : theme[colorScheme].primary
+  }), [disabled, theme, colorScheme]);
+  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);
+  const right = useMemo(() => [styles.arrowRightLine, color], [color]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: type === "next" ? styles.arrowDownContainer : styles.arrowUpContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.arrow
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: left
+  }), /*#__PURE__*/React.createElement(Animated.View, {
+    style: right
+  })));
+};
+const arrowLine = {
+  width: 13,
+  height: 2,
+  borderRadius: 1
+};
+const arrowUpContainer = {
+  marginHorizontal: 5,
+  width: 30,
+  height: 30,
+  justifyContent: "center",
+  alignItems: "center"
+};
+const styles = StyleSheet.create({
+  arrowUpContainer: arrowUpContainer,
+  arrowDownContainer: {
+    ...arrowUpContainer,
+    transform: [{
+      rotate: "180deg"
+    }]
+  },
+  arrow: {
+    width: 20,
+    height: 20,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  arrowLeftLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "-45deg"
+    }],
+    left: -0.5
+  },
+  arrowRightLine: {
+    ...arrowLine,
+    transform: [{
+      rotate: "45deg"
+    }],
+    left: -5.5
+  }
+});
+export default ArrowComponent;
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Animated","StyleSheet","View","useColorScheme","ArrowComponent","type","disabled","theme","colorScheme","color","backgroundColor","primary","left","styles","arrowLeftLine","right","arrowRightLine","createElement","style","arrowDownContainer","arrowUpContainer","arrow","arrowLine","width","height","borderRadius","marginHorizontal","justifyContent","alignItems","create","transform","rotate","flexDirection"],"sources":["Arrow.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport { Animated, StyleSheet, View } from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ArrowProps = {\r\n  type: \"prev\" | \"next\";\r\n  disabled?: boolean;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ArrowComponent: React.FC<ArrowProps> = ({ type, disabled, theme }) => {\r\n  const colorScheme = useColorScheme();\r\n\r\n  const color = useMemo(\r\n    () => ({\r\n      backgroundColor: disabled\r\n        ? theme[colorScheme].disabled\r\n        : theme[colorScheme].primary,\r\n    }),\r\n    [disabled, theme, colorScheme],\r\n  );\r\n  const left = useMemo(() => [styles.arrowLeftLine, color], [color]);\r\n  const right = useMemo(() => [styles.arrowRightLine, color], [color]);\r\n\r\n  return (\r\n    <View\r\n      style={\r\n        type === \"next\" ? styles.arrowDownContainer : styles.arrowUpContainer\r\n      }\r\n    >\r\n      <View style={styles.arrow}>\r\n        <Animated.View style={left} />\r\n        <Animated.View style={right} />\r\n      </View>\r\n    </View>\r\n  );\r\n};\r\n\r\nconst arrowLine: ViewStyle = {\r\n  width: 13,\r\n  height: 2,\r\n  borderRadius: 1,\r\n};\r\nconst arrowUpContainer: ViewStyle = {\r\n  marginHorizontal: 5,\r\n  width: 30,\r\n  height: 30,\r\n  justifyContent: \"center\",\r\n  alignItems: \"center\",\r\n};\r\nconst styles = StyleSheet.create({\r\n  arrowUpContainer: arrowUpContainer,\r\n  arrowDownContainer: {\r\n    ...arrowUpContainer,\r\n    transform: [{ rotate: \"180deg\" }],\r\n  },\r\n  arrow: {\r\n    width: 20,\r\n    height: 20,\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"space-between\",\r\n  },\r\n  arrowLeftLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"-45deg\" }],\r\n    left: -0.5,\r\n  },\r\n  arrowRightLine: {\r\n    ...arrowLine,\r\n    transform: [{ rotate: \"45deg\" }],\r\n    left: -5.5,\r\n  },\r\n});\r\n\r\nexport default ArrowComponent;\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,OAAOC,cAAc,MAAM,yBAAyB;AAWpD,MAAMC,cAAoC,GAAGA,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EAC1E,MAAMC,WAAW,GAAGL,cAAc,CAAC,CAAC;EAEpC,MAAMM,KAAK,GAAGV,OAAO,CACnB,OAAO;IACLW,eAAe,EAAEJ,QAAQ,GACrBC,KAAK,CAACC,WAAW,CAAC,CAACF,QAAQ,GAC3BC,KAAK,CAACC,WAAW,CAAC,CAACG;EACzB,CAAC,CAAC,EACF,CAACL,QAAQ,EAAEC,KAAK,EAAEC,WAAW,CAC/B,CAAC;EACD,MAAMI,IAAI,GAAGb,OAAO,CAAC,MAAM,CAACc,MAAM,CAACC,aAAa,EAAEL,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAClE,MAAMM,KAAK,GAAGhB,OAAO,CAAC,MAAM,CAACc,MAAM,CAACG,cAAc,EAAEP,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEpE,oBACEX,KAAA,CAAAmB,aAAA,CAACf,IAAI;IACHgB,KAAK,EACHb,IAAI,KAAK,MAAM,GAAGQ,MAAM,CAACM,kBAAkB,GAAGN,MAAM,CAACO;EACtD,gBAEDtB,KAAA,CAAAmB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEL,MAAM,CAACQ;EAAM,gBACxBvB,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACE,IAAI;IAACgB,KAAK,EAAEN;EAAK,CAAE,CAAC,eAC9Bd,KAAA,CAAAmB,aAAA,CAACjB,QAAQ,CAACE,IAAI;IAACgB,KAAK,EAAEH;EAAM,CAAE,CAC1B,CACF,CAAC;AAEX,CAAC;AAED,MAAMO,SAAoB,GAAG;EAC3BC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,CAAC;EACTC,YAAY,EAAE;AAChB,CAAC;AACD,MAAML,gBAA2B,GAAG;EAClCM,gBAAgB,EAAE,CAAC;EACnBH,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVG,cAAc,EAAE,QAAQ;EACxBC,UAAU,EAAE;AACd,CAAC;AACD,MAAMf,MAAM,GAAGZ,UAAU,CAAC4B,MAAM,CAAC;EAC/BT,gBAAgB,EAAEA,gBAAgB;EAClCD,kBAAkB,EAAE;IAClB,GAAGC,gBAAgB;IACnBU,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC;EAClC,CAAC;EACDV,KAAK,EAAE;IACLE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVQ,aAAa,EAAE,KAAK;IACpBJ,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE;EAClB,CAAC;EACDb,aAAa,EAAE;IACb,GAAGQ,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAC,CAAC;IACjCnB,IAAI,EAAE,CAAC;EACT,CAAC;EACDI,cAAc,EAAE;IACd,GAAGM,SAAS;IACZQ,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAQ,CAAC,CAAC;IAChCnB,IAAI,EAAE,CAAC;EACT;AACF,CAAC,CAAC;AAEF,eAAeR,cAAc","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+import React, { useMemo } from "react";
+import { Platform, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
+import useColorScheme from "../hooks/useColorScheme";
+const ButtonIOS = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  style
+}) => {
+  // immediately switch to plain view to avoid animation flickering
+  // when fade out animation happens and view becomes disabled
+  const Container = disabled ? View : TouchableOpacity;
+  const accessibilityState = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  return /*#__PURE__*/React.createElement(Container, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    style: style,
+    testID: testID
+  }, children);
+};
+const ButtonAndroid = ({
+  children,
+  onPress,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  testID,
+  rippleRadius = 18,
+  style,
+  theme
+}) => {
+  const colorScheme = useColorScheme();
+  const accessibilityState = useMemo(() => ({
+    disabled
+  }), [disabled]);
+  const ripple = useMemo(() => TouchableNativeFeedback.Ripple(theme[colorScheme].ripple, true, rippleRadius), [colorScheme, rippleRadius, theme]);
+  return /*#__PURE__*/React.createElement(TouchableNativeFeedback, {
+    accessibilityState: accessibilityState,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    onPress: onPress,
+    background: ripple,
+    testID: testID,
+    style: style
+  }, /*#__PURE__*/React.createElement(View, {
+    style: style
+  }, children));
+};
+export default Platform.select({
+  android: ButtonAndroid,
+  default: ButtonIOS
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Platform","TouchableNativeFeedback","TouchableOpacity","View","useColorScheme","ButtonIOS","children","onPress","disabled","accessibilityLabel","accessibilityHint","testID","style","Container","accessibilityState","createElement","accessibilityRole","ButtonAndroid","rippleRadius","theme","colorScheme","ripple","Ripple","background","select","android","default"],"sources":["Button.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\r\nimport {\r\n  Platform,\r\n  TouchableNativeFeedback,\r\n  TouchableOpacity,\r\n  View,\r\n} from \"react-native\";\r\n\r\nimport useColorScheme from \"../hooks/useColorScheme\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { PropsWithChildren } from \"react\";\r\nimport type { ViewStyle } from \"react-native\";\r\n\r\ntype ButtonProps = {\r\n  disabled?: boolean;\r\n  onPress: () => void;\r\n  accessibilityLabel: string;\r\n  accessibilityHint: string;\r\n  testID: string;\r\n  rippleRadius?: number;\r\n  style?: ViewStyle;\r\n  theme: KeyboardToolbarTheme;\r\n};\r\n\r\nconst ButtonIOS = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  style,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  // immediately switch to plain view to avoid animation flickering\r\n  // when fade out animation happens and view becomes disabled\r\n  const Container = disabled\r\n    ? (View as unknown as typeof TouchableOpacity)\r\n    : TouchableOpacity;\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n\r\n  return (\r\n    <Container\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      style={style}\r\n      testID={testID}\r\n    >\r\n      {children}\r\n    </Container>\r\n  );\r\n};\r\nconst ButtonAndroid = ({\r\n  children,\r\n  onPress,\r\n  disabled,\r\n  accessibilityLabel,\r\n  accessibilityHint,\r\n  testID,\r\n  rippleRadius = 18,\r\n  style,\r\n  theme,\r\n}: PropsWithChildren<ButtonProps>) => {\r\n  const colorScheme = useColorScheme();\r\n  const accessibilityState = useMemo(() => ({ disabled }), [disabled]);\r\n  const ripple = useMemo(\r\n    () =>\r\n      TouchableNativeFeedback.Ripple(\r\n        theme[colorScheme].ripple,\r\n        true,\r\n        rippleRadius,\r\n      ),\r\n    [colorScheme, rippleRadius, theme],\r\n  );\r\n\r\n  return (\r\n    <TouchableNativeFeedback\r\n      accessibilityState={accessibilityState}\r\n      accessibilityRole=\"button\"\r\n      accessibilityLabel={accessibilityLabel}\r\n      accessibilityHint={accessibilityHint}\r\n      onPress={onPress}\r\n      background={ripple}\r\n      testID={testID}\r\n      style={style}\r\n    >\r\n      <View style={style}>{children}</View>\r\n    </TouchableNativeFeedback>\r\n  );\r\n};\r\n\r\nexport default Platform.select({\r\n  android: ButtonAndroid,\r\n  default: ButtonIOS,\r\n});\r\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,QAAQ,EACRC,uBAAuB,EACvBC,gBAAgB,EAChBC,IAAI,QACC,cAAc;AAErB,OAAOC,cAAc,MAAM,yBAAyB;AAiBpD,MAAMC,SAAS,GAAGA,CAAC;EACjBC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNC;AAC8B,CAAC,KAAK;EACpC;EACA;EACA,MAAMC,SAAS,GAAGL,QAAQ,GACrBL,IAAI,GACLD,gBAAgB;EACpB,MAAMY,kBAAkB,GAAGf,OAAO,CAAC,OAAO;IAAES;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEpE,oBACEV,KAAA,CAAAiB,aAAA,CAACF,SAAS;IACRC,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,KAAM;IACbD,MAAM,EAAEA;EAAO,GAEdL,QACQ,CAAC;AAEhB,CAAC;AACD,MAAMW,aAAa,GAAGA,CAAC;EACrBX,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,MAAM;EACNO,YAAY,GAAG,EAAE;EACjBN,KAAK;EACLO;AAC8B,CAAC,KAAK;EACpC,MAAMC,WAAW,GAAGhB,cAAc,CAAC,CAAC;EACpC,MAAMU,kBAAkB,GAAGf,OAAO,CAAC,OAAO;IAAES;EAAS,CAAC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACpE,MAAMa,MAAM,GAAGtB,OAAO,CACpB,MACEE,uBAAuB,CAACqB,MAAM,CAC5BH,KAAK,CAACC,WAAW,CAAC,CAACC,MAAM,EACzB,IAAI,EACJH,YACF,CAAC,EACH,CAACE,WAAW,EAAEF,YAAY,EAAEC,KAAK,CACnC,CAAC;EAED,oBACErB,KAAA,CAAAiB,aAAA,CAACd,uBAAuB;IACtBa,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAC,QAAQ;IAC1BP,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCH,OAAO,EAAEA,OAAQ;IACjBgB,UAAU,EAAEF,MAAO;IACnBV,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEA;EAAM,gBAEbd,KAAA,CAAAiB,aAAA,CAACZ,IAAI;IAACS,KAAK,EAAEA;EAAM,GAAEN,QAAe,CACb,CAAC;AAE9B,CAAC;AAED,eAAeN,QAAQ,CAACwB,MAAM,CAAC;EAC7BC,OAAO,EAAER,aAAa;EACtBS,OAAO,EAAErB;AACX,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,15 @@
+export const colors = {
+  light: {
+    primary: "#2c2c2c",
+    disabled: "#B0BEC5",
+    background: "#f3f3f4",
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: "#fafafa",
+    disabled: "#707070",
+    background: "#2C2C2E",
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["colors","light","primary","disabled","background","ripple","dark"],"sources":["colors.ts"],"sourcesContent":["import type { KeyboardToolbarTheme } from \"./types\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: \"#2c2c2c\",\r\n    disabled: \"#B0BEC5\",\r\n    background: \"#f3f3f4\",\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: \"#fafafa\",\r\n    disabled: \"#707070\",\r\n    background: \"#2C2C2E\",\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":"AAEA,OAAO,MAAMA,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJJ,OAAO,EAAE,SAAS;IAClBC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

package/lib/module/components/KeyboardToolbar/colors.native.js

@@ -0,0 +1,34 @@
+import { Platform, PlatformColor } from "react-native";
+export const colors = {
+  light: {
+    primary: Platform.select({
+      ios: PlatformColor("link"),
+      default: "#2c2c2c"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray4"),
+      default: "#B0BEC5"
+    }),
+    background: Platform.select({
+      ios: "#F8F8F8",
+      default: "#f3f3f4"
+    }),
+    ripple: "#bcbcbcbc"
+  },
+  dark: {
+    primary: Platform.select({
+      ios: PlatformColor("label"),
+      default: "#fafafa"
+    }),
+    disabled: Platform.select({
+      ios: PlatformColor("systemGray"),
+      default: "#707070"
+    }),
+    background: Platform.select({
+      ios: "#555756",
+      default: "#2C2C2E"
+    }),
+    ripple: "#F8F8F888"
+  }
+};
+//# sourceMappingURL=colors.native.js.map

package/lib/module/components/KeyboardToolbar/colors.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","PlatformColor","colors","light","primary","select","ios","default","disabled","background","ripple","dark"],"sources":["colors.native.ts"],"sourcesContent":["import { Platform, PlatformColor } from \"react-native\";\r\n\r\nimport type { KeyboardToolbarTheme } from \"./types\";\r\nimport type { ColorValue } from \"react-native\";\r\n\r\nexport const colors: KeyboardToolbarTheme = {\r\n  light: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"link\"),\r\n      default: \"#2c2c2c\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray4\"),\r\n      default: \"#B0BEC5\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#F8F8F8\",\r\n      default: \"#f3f3f4\",\r\n    }),\r\n    ripple: \"#bcbcbcbc\",\r\n  },\r\n  dark: {\r\n    primary: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"label\"),\r\n      default: \"#fafafa\",\r\n    }),\r\n    disabled: Platform.select<ColorValue>({\r\n      ios: PlatformColor(\"systemGray\"),\r\n      default: \"#707070\",\r\n    }),\r\n    background: Platform.select({\r\n      ios: \"#555756\",\r\n      default: \"#2C2C2E\",\r\n    }),\r\n    ripple: \"#F8F8F888\",\r\n  },\r\n};\r\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,cAAc;AAKtD,OAAO,MAAMC,MAA4B,GAAG;EAC1CC,KAAK,EAAE;IACLC,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,MAAM,CAAC;MAC1BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,aAAa,CAAC;MACjCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJP,OAAO,EAAEJ,QAAQ,CAACK,MAAM,CAAa;MACnCC,GAAG,EAAEL,aAAa,CAAC,OAAO,CAAC;MAC3BM,OAAO,EAAE;IACX,CAAC,CAAC;IACFC,QAAQ,EAAER,QAAQ,CAACK,MAAM,CAAa;MACpCC,GAAG,EAAEL,aAAa,CAAC,YAAY,CAAC;MAChCM,OAAO,EAAE;IACX,CAAC,CAAC;IACFE,UAAU,EAAET,QAAQ,CAACK,MAAM,CAAC;MAC1BC,GAAG,EAAE,SAAS;MACdC,OAAO,EAAE;IACX,CAAC,CAAC;IACFG,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,140 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { FocusedInputEvents } from "../../bindings";
+import KeyboardStickyView from "../KeyboardStickyView";
+import { KeyboardController } 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 offset = {
+  closed: KEYBOARD_TOOLBAR_HEIGHT
+};
+const dismissKeyboard = () => KeyboardController.dismiss();
+const goToNextField = () => KeyboardController.setFocusTo("next");
+const goToPrevField = () => KeyboardController.setFocusTo("prev");
+
+/**
+ * `KeyboardToolbar` is a component that is shown above the keyboard with `Prev`/`Next` and
+ * `Done` buttons.
+ */
+const KeyboardToolbar = ({
+  content,
+  theme = colors,
+  doneText,
+  button,
+  icon,
+  showArrows = true,
+  onNextCallback,
+  onPrevCallback,
+  onDoneCallback,
+  blur = null,
+  opacity = DEFAULT_OPACITY
+}) => {
+  const colorScheme = useColorScheme();
+  const [inputs, setInputs] = useState({
+    current: 0,
+    count: 0
+  });
+  const isPrevDisabled = inputs.current === 0;
+  const isNextDisabled = inputs.current === inputs.count - 1;
+  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]);
+  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, {
+    offset: offset
+  }, /*#__PURE__*/React.createElement(View, {
+    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"))));
+};
+const styles = StyleSheet.create({
+  flex: {
+    flex: 1
+  },
+  toolbar: {
+    position: "absolute",
+    bottom: 0,
+    alignItems: "center",
+    width: "100%",
+    flexDirection: "row",
+    height: KEYBOARD_TOOLBAR_HEIGHT,
+    paddingHorizontal: 8
+  },
+  doneButton: {
+    fontWeight: "600",
+    fontSize: 15
+  },
+  doneButtonContainer: {
+    marginRight: 8
+  }
+});
+export { colors as DefaultKeyboardToolbarTheme };
+export default KeyboardToolbar;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","Text","View","FocusedInputEvents","KeyboardStickyView","KeyboardController","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","offset","closed","dismissKeyboard","dismiss","goToNextField","setFocusTo","goToPrevField","KeyboardToolbar","content","theme","doneText","button","icon","showArrows","onNextCallback","onPrevCallback","onDoneCallback","blur","opacity","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","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 { KeyboardController } 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 { ReactNode } from \"react\";\r\n\r\nexport type KeyboardToolbarProps = {\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};\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\nconst offset = { closed: KEYBOARD_TOOLBAR_HEIGHT };\r\n\r\nconst dismissKeyboard = () => KeyboardController.dismiss();\r\nconst goToNextField = () => KeyboardController.setFocusTo(\"next\");\r\nconst goToPrevField = () => KeyboardController.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}) => {\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 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 offset={offset}>\r\n      <View 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":[]}

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

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

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

@@ -0,0 +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":[]}

package/lib/module/components/hooks/useColorScheme.js

@@ -0,0 +1,4 @@
+import { useColorScheme as useColorSchemeRN } from "react-native";
+const useColorScheme = () => useColorSchemeRN() || "light";
+export default useColorScheme;
+//# sourceMappingURL=useColorScheme.js.map

package/lib/module/components/hooks/useColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useColorScheme","useColorSchemeRN"],"sources":["useColorScheme.ts"],"sourcesContent":["import { useColorScheme as useColorSchemeRN } from \"react-native\";\r\n\r\nconst useColorScheme = () => useColorSchemeRN() || \"light\";\r\n\r\nexport default useColorScheme;\r\n"],"mappings":"AAAA,SAASA,cAAc,IAAIC,gBAAgB,QAAQ,cAAc;AAEjE,MAAMD,cAAc,GAAGA,CAAA,KAAMC,gBAAgB,CAAC,CAAC,IAAI,OAAO;AAE1D,eAAeD,cAAc","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,5 @@
+export { default as KeyboardAvoidingView } from "./KeyboardAvoidingView";
+export { default as KeyboardStickyView } from "./KeyboardStickyView";
+export { default as KeyboardAwareScrollView } from "./KeyboardAwareScrollView";
+export { default as KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./KeyboardToolbar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["default","KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme"],"sources":["index.ts"],"sourcesContent":["export { default as KeyboardAvoidingView } from \"./KeyboardAvoidingView\";\r\nexport { default as KeyboardStickyView } from \"./KeyboardStickyView\";\r\nexport { default as KeyboardAwareScrollView } from \"./KeyboardAwareScrollView\";\r\nexport {\r\n  default as KeyboardToolbar,\r\n  DefaultKeyboardToolbarTheme,\r\n} from \"./KeyboardToolbar\";\r\nexport type { KeyboardAvoidingViewProps } from \"./KeyboardAvoidingView\";\r\nexport type { KeyboardStickyViewProps } from \"./KeyboardStickyView\";\r\nexport type { KeyboardAwareScrollViewProps } from \"./KeyboardAwareScrollView\";\r\nexport type { KeyboardToolbarProps } from \"./KeyboardToolbar\";\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,oBAAoB,QAAQ,wBAAwB;AACxE,SAASD,OAAO,IAAIE,kBAAkB,QAAQ,sBAAsB;AACpE,SAASF,OAAO,IAAIG,uBAAuB,QAAQ,2BAA2B;AAC9E,SACEH,OAAO,IAAII,eAAe,EAC1BC,2BAA2B,QACtB,mBAAmB","ignoreList":[]}

package/lib/module/constants.js

@@ -0,0 +1,21 @@
+// copied from `android.view.WindowManager.LayoutParams`
+export let AndroidSoftInputModes = /*#__PURE__*/function (AndroidSoftInputModes) {
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_NOTHING"] = 48] = "SOFT_INPUT_ADJUST_NOTHING";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_PAN"] = 32] = "SOFT_INPUT_ADJUST_PAN";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_RESIZE"] = 16] = "SOFT_INPUT_ADJUST_RESIZE";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_ADJUST_UNSPECIFIED"] = 0] = "SOFT_INPUT_ADJUST_UNSPECIFIED";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_IS_FORWARD_NAVIGATION"] = 256] = "SOFT_INPUT_IS_FORWARD_NAVIGATION";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_MASK_ADJUST"] = 240] = "SOFT_INPUT_MASK_ADJUST";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_MASK_STATE"] = 15] = "SOFT_INPUT_MASK_STATE";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_MODE_CHANGED"] = 512] = "SOFT_INPUT_MODE_CHANGED";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_ALWAYS_HIDDEN"] = 3] = "SOFT_INPUT_STATE_ALWAYS_HIDDEN";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_ALWAYS_VISIBLE"] = 5] = "SOFT_INPUT_STATE_ALWAYS_VISIBLE";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_HIDDEN"] = 2] = "SOFT_INPUT_STATE_HIDDEN";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_UNCHANGED"] = 1] = "SOFT_INPUT_STATE_UNCHANGED";
+  // temporarily disable this rule to avoid breaking changes.
+  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_UNSPECIFIED"] = 0] = "SOFT_INPUT_STATE_UNSPECIFIED";
+  AndroidSoftInputModes[AndroidSoftInputModes["SOFT_INPUT_STATE_VISIBLE"] = 4] = "SOFT_INPUT_STATE_VISIBLE";
+  return AndroidSoftInputModes;
+}({});
+//# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AndroidSoftInputModes"],"sources":["constants.ts"],"sourcesContent":["// copied from `android.view.WindowManager.LayoutParams`\r\nexport enum AndroidSoftInputModes {\r\n  SOFT_INPUT_ADJUST_NOTHING = 48,\r\n  SOFT_INPUT_ADJUST_PAN = 32,\r\n  SOFT_INPUT_ADJUST_RESIZE = 16,\r\n  SOFT_INPUT_ADJUST_UNSPECIFIED = 0,\r\n  SOFT_INPUT_IS_FORWARD_NAVIGATION = 256,\r\n  SOFT_INPUT_MASK_ADJUST = 240,\r\n  SOFT_INPUT_MASK_STATE = 15,\r\n  SOFT_INPUT_MODE_CHANGED = 512,\r\n  SOFT_INPUT_STATE_ALWAYS_HIDDEN = 3,\r\n  SOFT_INPUT_STATE_ALWAYS_VISIBLE = 5,\r\n  SOFT_INPUT_STATE_HIDDEN = 2,\r\n  SOFT_INPUT_STATE_UNCHANGED = 1,\r\n  // temporarily disable this rule to avoid breaking changes.\r\n  // eslint-disable-next-line @typescript-eslint/no-duplicate-enum-values\r\n  SOFT_INPUT_STATE_UNSPECIFIED = 0,\r\n  SOFT_INPUT_STATE_VISIBLE = 4,\r\n}\r\n"],"mappings":"AAAA;AACA,WAAYA,qBAAqB,0BAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAa/B;EACA;EAdUA,qBAAqB,CAArBA,qBAAqB;EAArBA,qBAAqB,CAArBA,qBAAqB;EAAA,OAArBA,qBAAqB;AAAA","ignoreList":[]}

package/lib/module/context.js

@@ -0,0 +1,35 @@
+import { createContext, useContext } from "react";
+import { Animated } from "react-native";
+const NOOP = () => {};
+const withSharedValue = value => ({
+  value,
+  addListener: NOOP,
+  removeListener: NOOP,
+  modify: NOOP
+});
+const DEFAULT_SHARED_VALUE = withSharedValue(0);
+const DEFAULT_LAYOUT = withSharedValue(null);
+const defaultContext = {
+  enabled: true,
+  animated: {
+    progress: new Animated.Value(0),
+    height: new Animated.Value(0)
+  },
+  reanimated: {
+    progress: DEFAULT_SHARED_VALUE,
+    height: DEFAULT_SHARED_VALUE
+  },
+  layout: DEFAULT_LAYOUT,
+  setKeyboardHandlers: NOOP,
+  setInputHandlers: NOOP,
+  setEnabled: NOOP
+};
+export const KeyboardContext = /*#__PURE__*/createContext(defaultContext);
+export const useKeyboardContext = () => {
+  const context = useContext(KeyboardContext);
+  if (__DEV__ && context === defaultContext) {
+    console.warn("Couldn't find real values for `KeyboardContext`. Please make sure you're inside of `KeyboardProvider` - otherwise functionality of `react-native-keyboard-controller` will not work.");
+  }
+  return context;
+};
+//# sourceMappingURL=context.js.map

package/lib/module/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","Animated","NOOP","withSharedValue","value","addListener","removeListener","modify","DEFAULT_SHARED_VALUE","DEFAULT_LAYOUT","defaultContext","enabled","animated","progress","Value","height","reanimated","layout","setKeyboardHandlers","setInputHandlers","setEnabled","KeyboardContext","useKeyboardContext","context","__DEV__","console","warn"],"sources":["context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\r\nimport { Animated } from \"react-native\";\r\n\r\nimport type {\r\n  FocusedInputHandlers,\r\n  FocusedInputLayoutChangedEvent,\r\n  KeyboardHandlers,\r\n} from \"./types\";\r\nimport type React from \"react\";\r\nimport type { SharedValue } from \"react-native-reanimated\";\r\n\r\nexport type AnimatedContext = {\r\n  progress: Animated.Value;\r\n  height: Animated.AnimatedMultiplication<number>;\r\n};\r\nexport type ReanimatedContext = {\r\n  progress: SharedValue<number>;\r\n  height: SharedValue<number>;\r\n};\r\nexport type KeyboardAnimationContext = {\r\n  enabled: boolean;\r\n  animated: AnimatedContext;\r\n  reanimated: ReanimatedContext;\r\n  layout: SharedValue<FocusedInputLayoutChangedEvent | null>;\r\n  setKeyboardHandlers: (handlers: KeyboardHandlers) => void;\r\n  setInputHandlers: (handlers: FocusedInputHandlers) => void;\r\n  setEnabled: React.Dispatch<React.SetStateAction<boolean>>;\r\n};\r\nconst NOOP = () => {};\r\nconst withSharedValue = <T>(value: T): SharedValue<T> => ({\r\n  value,\r\n  addListener: NOOP,\r\n  removeListener: NOOP,\r\n  modify: NOOP,\r\n});\r\nconst DEFAULT_SHARED_VALUE = withSharedValue(0);\r\nconst DEFAULT_LAYOUT = withSharedValue<FocusedInputLayoutChangedEvent | null>(\r\n  null,\r\n);\r\nconst defaultContext: KeyboardAnimationContext = {\r\n  enabled: true,\r\n  animated: {\r\n    progress: new Animated.Value(0),\r\n    height: new Animated.Value(0),\r\n  },\r\n  reanimated: {\r\n    progress: DEFAULT_SHARED_VALUE,\r\n    height: DEFAULT_SHARED_VALUE,\r\n  },\r\n  layout: DEFAULT_LAYOUT,\r\n  setKeyboardHandlers: NOOP,\r\n  setInputHandlers: NOOP,\r\n  setEnabled: NOOP,\r\n};\r\nexport const KeyboardContext = createContext(defaultContext);\r\nexport const useKeyboardContext = () => {\r\n  const context = useContext(KeyboardContext);\r\n  if (__DEV__ && context === defaultContext) {\r\n    console.warn(\r\n      \"Couldn't find real values for `KeyboardContext`. Please make sure you're inside of `KeyboardProvider` - otherwise functionality of `react-native-keyboard-controller` will not work.\",\r\n    );\r\n  }\r\n\r\n  return context;\r\n};\r\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,QAAQ,QAAQ,cAAc;AA2BvC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,eAAe,GAAOC,KAAQ,KAAsB;EACxDA,KAAK;EACLC,WAAW,EAAEH,IAAI;EACjBI,cAAc,EAAEJ,IAAI;EACpBK,MAAM,EAAEL;AACV,CAAC,CAAC;AACF,MAAMM,oBAAoB,GAAGL,eAAe,CAAC,CAAC,CAAC;AAC/C,MAAMM,cAAc,GAAGN,eAAe,CACpC,IACF,CAAC;AACD,MAAMO,cAAwC,GAAG;EAC/CC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;IACRC,QAAQ,EAAE,IAAIZ,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC;IAC/BC,MAAM,EAAE,IAAId,QAAQ,CAACa,KAAK,CAAC,CAAC;EAC9B,CAAC;EACDE,UAAU,EAAE;IACVH,QAAQ,EAAEL,oBAAoB;IAC9BO,MAAM,EAAEP;EACV,CAAC;EACDS,MAAM,EAAER,cAAc;EACtBS,mBAAmB,EAAEhB,IAAI;EACzBiB,gBAAgB,EAAEjB,IAAI;EACtBkB,UAAU,EAAElB;AACd,CAAC;AACD,OAAO,MAAMmB,eAAe,gBAAGtB,aAAa,CAACW,cAAc,CAAC;AAC5D,OAAO,MAAMY,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGvB,UAAU,CAACqB,eAAe,CAAC;EAC3C,IAAIG,OAAO,IAAID,OAAO,KAAKb,cAAc,EAAE;IACzCe,OAAO,CAACC,IAAI,CACV,sLACF,CAAC;EACH;EAEA,OAAOH,OAAO;AAChB,CAAC","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,68 @@
+import { useEffect } from "react";
+import { KeyboardController } from "../bindings";
+import { AndroidSoftInputModes } from "../constants";
+import { useKeyboardContext } from "../context";
+import { uuid } from "../utils";
+export const useResizeMode = () => {
+  useEffect(() => {
+    KeyboardController.setInputMode(AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE);
+    return () => KeyboardController.setDefaultMode();
+  }, []);
+};
+export const useKeyboardAnimation = () => {
+  useResizeMode();
+  const context = useKeyboardContext();
+  return context.animated;
+};
+export const useReanimatedKeyboardAnimation = () => {
+  useResizeMode();
+  const context = useKeyboardContext();
+  return context.reanimated;
+};
+export function useGenericKeyboardHandler(handler, deps) {
+  const context = useKeyboardContext();
+  useEffect(() => {
+    const key = uuid();
+    context.setKeyboardHandlers({
+      [key]: handler
+    });
+    return () => {
+      context.setKeyboardHandlers({
+        [key]: undefined
+      });
+    };
+  }, deps);
+}
+export function useKeyboardHandler(handler, deps) {
+  useResizeMode();
+  useGenericKeyboardHandler(handler, deps);
+}
+export function useKeyboardController() {
+  const context = useKeyboardContext();
+  return {
+    setEnabled: context.setEnabled,
+    enabled: context.enabled
+  };
+}
+export function useReanimatedFocusedInput() {
+  const context = useKeyboardContext();
+  return {
+    input: context.layout
+  };
+}
+export function useFocusedInputHandler(handler, deps) {
+  const context = useKeyboardContext();
+  useEffect(() => {
+    const key = uuid();
+    context.setInputHandlers({
+      [key]: handler
+    });
+    return () => {
+      context.setInputHandlers({
+        [key]: undefined
+      });
+    };
+  }, deps);
+}
+export * from "./useWindowDimensions";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","KeyboardController","AndroidSoftInputModes","useKeyboardContext","uuid","useResizeMode","setInputMode","SOFT_INPUT_ADJUST_RESIZE","setDefaultMode","useKeyboardAnimation","context","animated","useReanimatedKeyboardAnimation","reanimated","useGenericKeyboardHandler","handler","deps","key","setKeyboardHandlers","undefined","useKeyboardHandler","useKeyboardController","setEnabled","enabled","useReanimatedFocusedInput","input","layout","useFocusedInputHandler","setInputHandlers"],"sources":["index.ts"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nimport { KeyboardController } from \"../bindings\";\r\nimport { AndroidSoftInputModes } from \"../constants\";\r\nimport { useKeyboardContext } from \"../context\";\r\nimport { uuid } from \"../utils\";\r\n\r\nimport type { AnimatedContext, ReanimatedContext } from \"../context\";\r\nimport type { FocusedInputHandler, KeyboardHandler } from \"../types\";\r\nimport type { DependencyList } from \"react\";\r\n\r\nexport const useResizeMode = () => {\r\n  useEffect(() => {\r\n    KeyboardController.setInputMode(\r\n      AndroidSoftInputModes.SOFT_INPUT_ADJUST_RESIZE,\r\n    );\r\n\r\n    return () => KeyboardController.setDefaultMode();\r\n  }, []);\r\n};\r\n\r\nexport const useKeyboardAnimation = (): AnimatedContext => {\r\n  useResizeMode();\r\n  const context = useKeyboardContext();\r\n\r\n  return context.animated;\r\n};\r\n\r\nexport const useReanimatedKeyboardAnimation = (): ReanimatedContext => {\r\n  useResizeMode();\r\n  const context = useKeyboardContext();\r\n\r\n  return context.reanimated;\r\n};\r\n\r\nexport function useGenericKeyboardHandler(\r\n  handler: KeyboardHandler,\r\n  deps?: DependencyList,\r\n) {\r\n  const context = useKeyboardContext();\r\n\r\n  useEffect(() => {\r\n    const key = uuid();\r\n\r\n    context.setKeyboardHandlers({ [key]: handler });\r\n\r\n    return () => {\r\n      context.setKeyboardHandlers({ [key]: undefined });\r\n    };\r\n  }, deps);\r\n}\r\n\r\nexport function useKeyboardHandler(\r\n  handler: KeyboardHandler,\r\n  deps?: DependencyList,\r\n) {\r\n  useResizeMode();\r\n  useGenericKeyboardHandler(handler, deps);\r\n}\r\n\r\nexport function useKeyboardController() {\r\n  const context = useKeyboardContext();\r\n\r\n  return { setEnabled: context.setEnabled, enabled: context.enabled };\r\n}\r\n\r\nexport function useReanimatedFocusedInput() {\r\n  const context = useKeyboardContext();\r\n\r\n  return { input: context.layout };\r\n}\r\n\r\nexport function useFocusedInputHandler(\r\n  handler?: FocusedInputHandler,\r\n  deps?: DependencyList,\r\n) {\r\n  const context = useKeyboardContext();\r\n\r\n  useEffect(() => {\r\n    const key = uuid();\r\n\r\n    context.setInputHandlers({ [key]: handler });\r\n\r\n    return () => {\r\n      context.setInputHandlers({ [key]: undefined });\r\n    };\r\n  }, deps);\r\n}\r\n\r\nexport * from \"./useWindowDimensions\";\r\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,kBAAkB,QAAQ,aAAa;AAChD,SAASC,qBAAqB,QAAQ,cAAc;AACpD,SAASC,kBAAkB,QAAQ,YAAY;AAC/C,SAASC,IAAI,QAAQ,UAAU;AAM/B,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EACjCL,SAAS,CAAC,MAAM;IACdC,kBAAkB,CAACK,YAAY,CAC7BJ,qBAAqB,CAACK,wBACxB,CAAC;IAED,OAAO,MAAMN,kBAAkB,CAACO,cAAc,CAAC,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;AACR,CAAC;AAED,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAuB;EACzDJ,aAAa,CAAC,CAAC;EACf,MAAMK,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpC,OAAOO,OAAO,CAACC,QAAQ;AACzB,CAAC;AAED,OAAO,MAAMC,8BAA8B,GAAGA,CAAA,KAAyB;EACrEP,aAAa,CAAC,CAAC;EACf,MAAMK,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpC,OAAOO,OAAO,CAACG,UAAU;AAC3B,CAAC;AAED,OAAO,SAASC,yBAAyBA,CACvCC,OAAwB,EACxBC,IAAqB,EACrB;EACA,MAAMN,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpCH,SAAS,CAAC,MAAM;IACd,MAAMiB,GAAG,GAAGb,IAAI,CAAC,CAAC;IAElBM,OAAO,CAACQ,mBAAmB,CAAC;MAAE,CAACD,GAAG,GAAGF;IAAQ,CAAC,CAAC;IAE/C,OAAO,MAAM;MACXL,OAAO,CAACQ,mBAAmB,CAAC;QAAE,CAACD,GAAG,GAAGE;MAAU,CAAC,CAAC;IACnD,CAAC;EACH,CAAC,EAAEH,IAAI,CAAC;AACV;AAEA,OAAO,SAASI,kBAAkBA,CAChCL,OAAwB,EACxBC,IAAqB,EACrB;EACAX,aAAa,CAAC,CAAC;EACfS,yBAAyB,CAACC,OAAO,EAAEC,IAAI,CAAC;AAC1C;AAEA,OAAO,SAASK,qBAAqBA,CAAA,EAAG;EACtC,MAAMX,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpC,OAAO;IAAEmB,UAAU,EAAEZ,OAAO,CAACY,UAAU;IAAEC,OAAO,EAAEb,OAAO,CAACa;EAAQ,CAAC;AACrE;AAEA,OAAO,SAASC,yBAAyBA,CAAA,EAAG;EAC1C,MAAMd,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpC,OAAO;IAAEsB,KAAK,EAAEf,OAAO,CAACgB;EAAO,CAAC;AAClC;AAEA,OAAO,SAASC,sBAAsBA,CACpCZ,OAA6B,EAC7BC,IAAqB,EACrB;EACA,MAAMN,OAAO,GAAGP,kBAAkB,CAAC,CAAC;EAEpCH,SAAS,CAAC,MAAM;IACd,MAAMiB,GAAG,GAAGb,IAAI,CAAC,CAAC;IAElBM,OAAO,CAACkB,gBAAgB,CAAC;MAAE,CAACX,GAAG,GAAGF;IAAQ,CAAC,CAAC;IAE5C,OAAO,MAAM;MACXL,OAAO,CAACkB,gBAAgB,CAAC;QAAE,CAACX,GAAG,GAAGE;MAAU,CAAC,CAAC;IAChD,CAAC;EACH,CAAC,EAAEH,IAAI,CAAC;AACV;AAEA,cAAc,uBAAuB","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+import { useEffect, useState } from "react";
+import { WindowDimensionsEvents } from "../../bindings";
+let initialDimensions = {
+  width: 0,
+  height: 0
+};
+WindowDimensionsEvents.addListener("windowDidResize", e => {
+  initialDimensions = e;
+});
+export const useWindowDimensions = () => {
+  const [dimensions, setDimensions] = useState(initialDimensions);
+  useEffect(() => {
+    const subscription = WindowDimensionsEvents.addListener("windowDidResize", e => {
+      setDimensions(e);
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+  return dimensions;
+};
+//# sourceMappingURL=index.android.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","WindowDimensionsEvents","initialDimensions","width","height","addListener","e","useWindowDimensions","dimensions","setDimensions","subscription","remove"],"sources":["index.android.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nimport { WindowDimensionsEvents } from \"../../bindings\";\r\n\r\nimport type { WindowDimensionsEventData } from \"../../types\";\r\n\r\nlet initialDimensions: WindowDimensionsEventData = {\r\n  width: 0,\r\n  height: 0,\r\n};\r\n\r\nWindowDimensionsEvents.addListener(\"windowDidResize\", (e) => {\r\n  initialDimensions = e;\r\n});\r\n\r\nexport const useWindowDimensions = () => {\r\n  const [dimensions, setDimensions] = useState(initialDimensions);\r\n\r\n  useEffect(() => {\r\n    const subscription = WindowDimensionsEvents.addListener(\r\n      \"windowDidResize\",\r\n      (e) => {\r\n        setDimensions(e);\r\n      },\r\n    );\r\n\r\n    return () => {\r\n      subscription.remove();\r\n    };\r\n  }, []);\r\n\r\n  return dimensions;\r\n};\r\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE3C,SAASC,sBAAsB,QAAQ,gBAAgB;AAIvD,IAAIC,iBAA4C,GAAG;EACjDC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC;AAEDH,sBAAsB,CAACI,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,GAAGT,QAAQ,CAACE,iBAAiB,CAAC;EAE/DH,SAAS,CAAC,MAAM;IACd,MAAMW,YAAY,GAAGT,sBAAsB,CAACI,WAAW,CACrD,iBAAiB,EAChBC,CAAC,IAAK;MACLG,aAAa,CAACH,CAAC,CAAC;IAClB,CACF,CAAC;IAED,OAAO,MAAM;MACXI,YAAY,CAACC,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,UAAU;AACnB,CAAC","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export { useWindowDimensions } from "react-native";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useWindowDimensions"],"sources":["index.ts"],"sourcesContent":["export { useWindowDimensions } from \"react-native\";\r\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,cAAc","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,10 @@
+export * from "./bindings";
+export * from "./animated";
+export * from "./context";
+export * from "./hooks";
+export * from "./constants";
+export * from "./types";
+export { KeyboardAvoidingView, KeyboardStickyView, KeyboardAwareScrollView,
+// keyboard toolbar
+KeyboardToolbar, DefaultKeyboardToolbarTheme } from "./components";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KeyboardAvoidingView","KeyboardStickyView","KeyboardAwareScrollView","KeyboardToolbar","DefaultKeyboardToolbarTheme"],"sources":["index.ts"],"sourcesContent":["export * from \"./bindings\";\r\nexport * from \"./animated\";\r\nexport * from \"./context\";\r\nexport * from \"./hooks\";\r\nexport * from \"./constants\";\r\nexport * from \"./types\";\r\n\r\nexport {\r\n  KeyboardAvoidingView,\r\n  KeyboardStickyView,\r\n  KeyboardAwareScrollView,\r\n  // keyboard toolbar\r\n  KeyboardToolbar,\r\n  DefaultKeyboardToolbarTheme,\r\n} from \"./components\";\r\nexport type {\r\n  KeyboardAvoidingViewProps,\r\n  KeyboardStickyViewProps,\r\n  KeyboardAwareScrollViewProps,\r\n  KeyboardToolbarProps,\r\n} from \"./components\";\r\n"],"mappings":"AAAA,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,SAAS;AAEvB,SACEA,oBAAoB,EACpBC,kBAAkB,EAClBC,uBAAuB;AACvB;AACAC,eAAe,EACfC,2BAA2B,QACtB,cAAc","ignoreList":[]}