@react-native-ohos/native-base 3.4.29-rc.1

package/lib/module/hooks/useKeyboardDismissable.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { useEffect } from 'react';
+import { BackHandler } from 'react-native';
+let nativeEventSubscription;
+let keyboardDismissHandlers = [];
+export const keyboardDismissHandlerManager = {
+  push: handler => {
+    keyboardDismissHandlers.push(handler);
+    return () => {
+      keyboardDismissHandlers = keyboardDismissHandlers.filter(h => h !== handler);
+    };
+  },
+  length: () => keyboardDismissHandlers.length,
+  pop: () => {
+    return keyboardDismissHandlers.pop();
+  }
+};
+/**
+ * Handles attaching callback for Escape key listener on web and Back button listener on Android
+ */
+
+export const useKeyboardDismissable = ({
+  enabled,
+  callback
+}) => {
+  React.useEffect(() => {
+    let cleanupFn = () => {};
+
+    if (enabled) {
+      cleanupFn = keyboardDismissHandlerManager.push(callback);
+    } else {
+      cleanupFn();
+    }
+
+    return () => {
+      cleanupFn();
+    };
+  }, [enabled, callback]);
+  useBackHandler({
+    enabled,
+    callback
+  });
+};
+export function useBackHandler({
+  enabled,
+  callback
+}) {
+  useEffect(() => {
+    let backHandler = () => {
+      callback();
+      return true;
+    };
+
+    if (enabled) {
+      nativeEventSubscription = BackHandler.addEventListener('hardwareBackPress', backHandler);
+    } else {
+      nativeEventSubscription.remove();
+    }
+
+    return () => nativeEventSubscription.remove();
+  }, [enabled, callback]);
+}
+//# sourceMappingURL=useKeyboardDismissable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useKeyboardDismissable.ts"],"names":["React","useEffect","BackHandler","nativeEventSubscription","keyboardDismissHandlers","keyboardDismissHandlerManager","push","handler","filter","h","length","pop","useKeyboardDismissable","enabled","callback","cleanupFn","useBackHandler","backHandler","addEventListener","remove"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,OAA1B;AACA,SAASC,WAAT,QAAqD,cAArD;AAEA,IAAIC,uBAAJ;AAOA,IAAIC,uBAAyC,GAAG,EAAhD;AACA,OAAO,MAAMC,6BAA6B,GAAG;AAC3CC,EAAAA,IAAI,EAAGC,OAAD,IAAwB;AAC5BH,IAAAA,uBAAuB,CAACE,IAAxB,CAA6BC,OAA7B;AACA,WAAO,MAAM;AACXH,MAAAA,uBAAuB,GAAGA,uBAAuB,CAACI,MAAxB,CACvBC,CAAD,IAAOA,CAAC,KAAKF,OADW,CAA1B;AAGD,KAJD;AAKD,GAR0C;AAS3CG,EAAAA,MAAM,EAAE,MAAMN,uBAAuB,CAACM,MATK;AAU3CC,EAAAA,GAAG,EAAE,MAAM;AACT,WAAOP,uBAAuB,CAACO,GAAxB,EAAP;AACD;AAZ0C,CAAtC;AAeP;AACA;AACA;;AACA,OAAO,MAAMC,sBAAsB,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAD,KAAoC;AACxEd,EAAAA,KAAK,CAACC,SAAN,CAAgB,MAAM;AACpB,QAAIc,SAAS,GAAG,MAAM,CAAG,CAAzB;;AACA,QAAIF,OAAJ,EAAa;AACXE,MAAAA,SAAS,GAAGV,6BAA6B,CAACC,IAA9B,CAAmCQ,QAAnC,CAAZ;AACD,KAFD,MAEO;AACLC,MAAAA,SAAS;AACV;;AACD,WAAO,MAAM;AACXA,MAAAA,SAAS;AACV,KAFD;AAGD,GAVD,EAUG,CAACF,OAAD,EAAUC,QAAV,CAVH;AAYAE,EAAAA,cAAc,CAAC;AAAEH,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAD,CAAd;AACD,CAdM;AAgBP,OAAO,SAASE,cAAT,CAAwB;AAAEH,EAAAA,OAAF;AAAWC,EAAAA;AAAX,CAAxB,EAAwD;AAC7Db,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIgB,WAAW,GAAG,MAAM;AACtBH,MAAAA,QAAQ;AACR,aAAO,IAAP;AACD,KAHD;;AAIA,QAAID,OAAJ,EAAa;AACXV,MAAAA,uBAAuB,GAAGD,WAAW,CAACgB,gBAAZ,CAA6B,mBAA7B,EAAkDD,WAAlD,CAA1B;AACD,KAFD,MAEO;AACLd,MAAAA,uBAAuB,CAACgB,MAAxB;AACD;;AACD,WAAO,MACLhB,uBAAuB,CAACgB,MAAxB,EADF;AAED,GAZQ,EAYN,CAACN,OAAD,EAAUC,QAAV,CAZM,CAAT;AAaD","sourcesContent":["import React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { BackHandler, NativeEventSubscription } from 'react-native';\r\n\r\nlet nativeEventSubscription: NativeEventSubscription\r\n\r\ntype IParams = {\r\n  enabled?: boolean;\r\n  callback: () => any;\r\n};\r\n\r\nlet keyboardDismissHandlers: Array<() => any> = [];\r\nexport const keyboardDismissHandlerManager = {\r\n  push: (handler: () => any) => {\r\n    keyboardDismissHandlers.push(handler);\r\n    return () => {\r\n      keyboardDismissHandlers = keyboardDismissHandlers.filter(\r\n        (h) => h !== handler\r\n      );\r\n    };\r\n  },\r\n  length: () => keyboardDismissHandlers.length,\r\n  pop: () => {\r\n    return keyboardDismissHandlers.pop();\r\n  },\r\n};\r\n\r\n/**\r\n * Handles attaching callback for Escape key listener on web and Back button listener on Android\r\n */\r\nexport const useKeyboardDismissable = ({ enabled, callback }: IParams) => {\r\n  React.useEffect(() => {\r\n    let cleanupFn = () => { };\r\n    if (enabled) {\r\n      cleanupFn = keyboardDismissHandlerManager.push(callback);\r\n    } else {\r\n      cleanupFn();\r\n    }\r\n    return () => {\r\n      cleanupFn();\r\n    };\r\n  }, [enabled, callback]);\r\n\r\n  useBackHandler({ enabled, callback });\r\n};\r\n\r\nexport function useBackHandler({ enabled, callback }: IParams) {\r\n  useEffect(() => {\r\n    let backHandler = () => {\r\n      callback();\r\n      return true;\r\n    };\r\n    if (enabled) {\r\n      nativeEventSubscription = BackHandler.addEventListener('hardwareBackPress', backHandler);\r\n    } else {\r\n      nativeEventSubscription.remove()\r\n    }\r\n    return () =>\r\n      nativeEventSubscription.remove()\r\n  }, [enabled, callback]);\r\n}\r\n"]}

package/lib/module/hooks/useLayout.js

@@ -0,0 +1,14 @@
+import React from 'react';
+export const useLayout = () => {
+  const [layout, setLayout] = React.useState({
+    width: 0,
+    height: 0
+  });
+  return {
+    onLayout: e => {
+      setLayout(e.nativeEvent.layout);
+    },
+    layout
+  };
+};
+//# sourceMappingURL=useLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useLayout.tsx"],"names":["React","useLayout","layout","setLayout","useState","width","height","onLayout","e","nativeEvent"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAGA,OAAO,MAAMC,SAAS,GAAG,MAAM;AAC7B,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBH,KAAK,CAACI,QAAN,CAAe;AACzCC,IAAAA,KAAK,EAAE,CADkC;AAEzCC,IAAAA,MAAM,EAAE;AAFiC,GAAf,CAA5B;AAIA,SAAO;AACLC,IAAAA,QAAQ,EAAGC,CAAD,IAA0B;AAClCL,MAAAA,SAAS,CAACK,CAAC,CAACC,WAAF,CAAcP,MAAf,CAAT;AACD,KAHI;AAILA,IAAAA;AAJK,GAAP;AAMD,CAXM","sourcesContent":["import React from 'react';\r\nimport type { LayoutChangeEvent } from 'react-native';\r\n\r\nexport const useLayout = () => {\r\n  const [layout, setLayout] = React.useState({\r\n    width: 0,\r\n    height: 0,\r\n  });\r\n  return {\r\n    onLayout: (e: LayoutChangeEvent) => {\r\n      setLayout(e.nativeEvent.layout);\r\n    },\r\n    layout,\r\n  };\r\n};\r\n"]}

package/lib/module/hooks/useMediaQuery.js

@@ -0,0 +1,75 @@
+import { useWindowDimensions } from 'react-native';
+import isNil from 'lodash.isnil';
+export function useMediaQuery(query) {
+  const dims = useWindowDimensions();
+  const height = dims === null || dims === void 0 ? void 0 : dims.height;
+  const width = dims === null || dims === void 0 ? void 0 : dims.width;
+  return iterateQuery(query, height, width);
+}
+
+function queryResolver(query, width, height) {
+  for (const queryKey in query) {
+    if (!calculateQuery(queryKey, query[queryKey], height, width)) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function iterateQuery(query, height, width) {
+  const queryResults = [];
+
+  if (Array.isArray(query)) {
+    query.forEach(subQuery => {
+      queryResults.push(queryResolver(subQuery, width, height));
+    });
+  } else {
+    queryResults.push(queryResolver(query, width, height));
+  }
+
+  return queryResults;
+}
+
+function calculateQuery(key, val, height, width) {
+  let retval;
+
+  if (isNil(width) || isNil(height) || isNil(val)) {
+    return;
+  }
+
+  switch (key) {
+    case 'maxWidth':
+      retval = !isNil(val) ? width <= val : undefined;
+      break;
+
+    case 'minWidth':
+      retval = !isNil(val) ? width >= val : undefined;
+      break;
+
+    case 'maxHeight':
+      retval = !isNil(val) ? height <= val : undefined;
+      break;
+
+    case 'minHeight':
+      retval = !isNil(val) ? height >= val : undefined;
+      break;
+
+    case 'orientation':
+      if (!isNil(val)) {
+        if (width > height) {
+          retval = val === 'landscape';
+        } else {
+          retval = val === 'portrait';
+        }
+      }
+
+      break;
+
+    default:
+      break;
+  }
+
+  return retval;
+}
+//# sourceMappingURL=useMediaQuery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useMediaQuery.ts"],"names":["useWindowDimensions","isNil","useMediaQuery","query","dims","height","width","iterateQuery","queryResolver","queryKey","calculateQuery","queryResults","Array","isArray","forEach","subQuery","push","key","val","retval","undefined"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,cAApC;AACA,OAAOC,KAAP,MAAkB,cAAlB;AAcA,OAAO,SAASC,aAAT,CAAuBC,KAAvB,EAAgD;AACrD,QAAMC,IAAI,GAAGJ,mBAAmB,EAAhC;AACA,QAAMK,MAAM,GAAGD,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEC,MAArB;AACA,QAAMC,KAAK,GAAGF,IAAH,aAAGA,IAAH,uBAAGA,IAAI,CAAEE,KAApB;AAEA,SAAOC,YAAY,CAACJ,KAAD,EAAQE,MAAR,EAAgBC,KAAhB,CAAnB;AACD;;AAED,SAASE,aAAT,CAAuBL,KAAvB,EAAmCG,KAAnC,EAAmDD,MAAnD,EAAoE;AAClE,OAAK,MAAMI,QAAX,IAAuBN,KAAvB,EAA8B;AAC5B,QAAI,CAACO,cAAc,CAACD,QAAD,EAAWN,KAAK,CAACM,QAAD,CAAhB,EAA4BJ,MAA5B,EAAoCC,KAApC,CAAnB,EAA+D;AAC7D,aAAO,KAAP;AACD;AACF;;AACD,SAAO,IAAP;AACD;;AAED,SAASC,YAAT,CACEJ,KADF,EAEEE,MAFF,EAGEC,KAHF,EAIE;AACA,QAAMK,YAAY,GAAG,EAArB;;AACA,MAAIC,KAAK,CAACC,OAAN,CAAcV,KAAd,CAAJ,EAA0B;AACxBA,IAAAA,KAAK,CAACW,OAAN,CAAeC,QAAD,IAAwB;AACpCJ,MAAAA,YAAY,CAACK,IAAb,CAAkBR,aAAa,CAACO,QAAD,EAAWT,KAAX,EAAkBD,MAAlB,CAA/B;AACD,KAFD;AAGD,GAJD,MAIO;AACLM,IAAAA,YAAY,CAACK,IAAb,CAAkBR,aAAa,CAACL,KAAD,EAAQG,KAAR,EAAeD,MAAf,CAA/B;AACD;;AACD,SAAOM,YAAP;AACD;;AAED,SAASD,cAAT,CACEO,GADF,EAEEC,GAFF,EAGEb,MAHF,EAIEC,KAJF,EAKE;AACA,MAAIa,MAAJ;;AACA,MAAIlB,KAAK,CAACK,KAAD,CAAL,IAAgBL,KAAK,CAACI,MAAD,CAArB,IAAiCJ,KAAK,CAACiB,GAAD,CAA1C,EAAiD;AAC/C;AACD;;AACD,UAAQD,GAAR;AACE,SAAK,UAAL;AACEE,MAAAA,MAAM,GAAG,CAAClB,KAAK,CAACiB,GAAD,CAAN,GAAcZ,KAAK,IAAIY,GAAvB,GAA6BE,SAAtC;AACA;;AACF,SAAK,UAAL;AACED,MAAAA,MAAM,GAAG,CAAClB,KAAK,CAACiB,GAAD,CAAN,GAAcZ,KAAK,IAAIY,GAAvB,GAA6BE,SAAtC;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,MAAM,GAAG,CAAClB,KAAK,CAACiB,GAAD,CAAN,GAAcb,MAAM,IAAIa,GAAxB,GAA8BE,SAAvC;AACA;;AACF,SAAK,WAAL;AACED,MAAAA,MAAM,GAAG,CAAClB,KAAK,CAACiB,GAAD,CAAN,GAAcb,MAAM,IAAIa,GAAxB,GAA8BE,SAAvC;AACA;;AACF,SAAK,aAAL;AACE,UAAI,CAACnB,KAAK,CAACiB,GAAD,CAAV,EAAiB;AACf,YAAIZ,KAAK,GAAGD,MAAZ,EAAoB;AAClBc,UAAAA,MAAM,GAAGD,GAAG,KAAK,WAAjB;AACD,SAFD,MAEO;AACLC,UAAAA,MAAM,GAAGD,GAAG,KAAK,UAAjB;AACD;AACF;;AACD;;AACF;AACE;AAvBJ;;AAyBA,SAAOC,MAAP;AACD","sourcesContent":["import { useWindowDimensions } from 'react-native';\r\nimport isNil from 'lodash.isnil';\r\n\r\ntype QueryKeys =\r\n  | 'maxWidth'\r\n  | 'minWidth'\r\n  | 'maxHeight'\r\n  | 'minHeight'\r\n  | 'orientation';\r\n\r\ntype SubQuery = {\r\n  [queryKey in QueryKeys]?: number | string;\r\n};\r\ntype Query = Array<SubQuery>;\r\n\r\nexport function useMediaQuery(query: SubQuery | Query) {\r\n  const dims = useWindowDimensions();\r\n  const height = dims?.height;\r\n  const width = dims?.width;\r\n\r\n  return iterateQuery(query, height, width);\r\n}\r\n\r\nfunction queryResolver(query: any, width?: number, height?: number) {\r\n  for (const queryKey in query) {\r\n    if (!calculateQuery(queryKey, query[queryKey], height, width)) {\r\n      return false;\r\n    }\r\n  }\r\n  return true;\r\n}\r\n\r\nfunction iterateQuery(\r\n  query: SubQuery | Query,\r\n  height?: number,\r\n  width?: number\r\n) {\r\n  const queryResults = [];\r\n  if (Array.isArray(query)) {\r\n    query.forEach((subQuery: SubQuery) => {\r\n      queryResults.push(queryResolver(subQuery, width, height));\r\n    });\r\n  } else {\r\n    queryResults.push(queryResolver(query, width, height));\r\n  }\r\n  return queryResults;\r\n}\r\n\r\nfunction calculateQuery(\r\n  key: string,\r\n  val?: number | string,\r\n  height?: number,\r\n  width?: number\r\n) {\r\n  let retval;\r\n  if (isNil(width) || isNil(height) || isNil(val)) {\r\n    return;\r\n  }\r\n  switch (key) {\r\n    case 'maxWidth':\r\n      retval = !isNil(val) ? width <= val : undefined;\r\n      break;\r\n    case 'minWidth':\r\n      retval = !isNil(val) ? width >= val : undefined;\r\n      break;\r\n    case 'maxHeight':\r\n      retval = !isNil(val) ? height <= val : undefined;\r\n      break;\r\n    case 'minHeight':\r\n      retval = !isNil(val) ? height >= val : undefined;\r\n      break;\r\n    case 'orientation':\r\n      if (!isNil(val)) {\r\n        if (width > height) {\r\n          retval = val === 'landscape';\r\n        } else {\r\n          retval = val === 'portrait';\r\n        }\r\n      }\r\n      break;\r\n    default:\r\n      break;\r\n  }\r\n  return retval;\r\n}\r\n"]}

package/lib/module/hooks/useNativeBase.js

@@ -0,0 +1,15 @@
+import { useColorMode } from './../core/color-mode';
+import { useTheme } from './useTheme';
+/**
+ *
+ * @returns object containing `colorMode` information and `theme` object
+ */
+
+export function useNativeBase() {
+  const colorModeResult = useColorMode();
+  const theme = useTheme();
+  return { ...colorModeResult,
+    theme
+  };
+}
+//# sourceMappingURL=useNativeBase.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useNativeBase.tsx"],"names":["useColorMode","useTheme","useNativeBase","colorModeResult","theme"],"mappings":"AAAA,SAASA,YAAT,QAA6B,sBAA7B;AACA,SAASC,QAAT,QAAyB,YAAzB;AAEA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,GAAyB;AAC9B,QAAMC,eAAe,GAAGH,YAAY,EAApC;AACA,QAAMI,KAAK,GAAGH,QAAQ,EAAtB;AACA,SAAO,EAAE,GAAGE,eAAL;AAAsBC,IAAAA;AAAtB,GAAP;AACD","sourcesContent":["import { useColorMode } from './../core/color-mode';\r\nimport { useTheme } from './useTheme';\r\n\r\n/**\r\n *\r\n * @returns object containing `colorMode` information and `theme` object\r\n */\r\nexport function useNativeBase() {\r\n  const colorModeResult = useColorMode();\r\n  const theme = useTheme();\r\n  return { ...colorModeResult, theme };\r\n}\r\n"]}

package/lib/module/hooks/usePlatformProps.js

@@ -0,0 +1,29 @@
+import merge from 'lodash.merge';
+import { Platform } from 'react-native';
+export const usePlatformProps = props => {
+  const {
+    _web,
+    _ios,
+    _android,
+    ...remainingProps
+  } = props;
+
+  const platformProps = () => {
+    switch (Platform.OS) {
+      case 'web':
+        return _web;
+
+      case 'ios':
+        return _ios;
+
+      case 'android':
+        return _android;
+
+      default:
+        return {};
+    }
+  };
+
+  return merge(remainingProps, platformProps());
+};
+//# sourceMappingURL=usePlatformProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["usePlatformProps.ts"],"names":["merge","Platform","usePlatformProps","props","_web","_ios","_android","remainingProps","platformProps","OS"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,cAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,OAAO,MAAMC,gBAAgB,GAAIC,KAAD,IAAgB;AAC9C,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,QAAd;AAAwB,OAAGC;AAA3B,MAA8CJ,KAApD;;AACA,QAAMK,aAAa,GAAG,MAAM;AAC1B,YAAQP,QAAQ,CAACQ,EAAjB;AACE,WAAK,KAAL;AACE,eAAOL,IAAP;;AACF,WAAK,KAAL;AACE,eAAOC,IAAP;;AACF,WAAK,SAAL;AACE,eAAOC,QAAP;;AACF;AACE,eAAO,EAAP;AARJ;AAUD,GAXD;;AAYA,SAAON,KAAK,CAACO,cAAD,EAAiBC,aAAa,EAA9B,CAAZ;AACD,CAfM","sourcesContent":["import merge from 'lodash.merge';\r\nimport { Platform } from 'react-native';\r\n\r\nexport const usePlatformProps = (props: any) => {\r\n  const { _web, _ios, _android, ...remainingProps } = props;\r\n  const platformProps = () => {\r\n    switch (Platform.OS) {\r\n      case 'web':\r\n        return _web;\r\n      case 'ios':\r\n        return _ios;\r\n      case 'android':\r\n        return _android;\r\n      default:\r\n        return {};\r\n    }\r\n  };\r\n  return merge(remainingProps, platformProps());\r\n};\r\n"]}

package/lib/module/hooks/useResolvedFontFamily.js

@@ -0,0 +1,58 @@
+import { useTheme } from './useTheme';
+
+/**
+ *
+ * @param props
+ * @returns resolved fontFamily
+ * @description Combination of fontWeight, fontStyle and font family is fully supported on web but on Android we need to pass the exact font family.
+ * for e.g. If we load Roboto-Light-Italic.ttf using css, we can use fontFamily: Roboto, fontWeight: 300, fontStyle: italic on web, but same may not work on all the platforms. Other platform needs to set fontFamily: Roboto-Light-Italic in order to work.
+ * So this function's purpose is to intake styles like fontFamily: Roboto, fontWeight: 300, fontStyle: Italic and return fontFamily: Roboto-Light-Italic depending upon the fontConfig token in typography theme.
+ * This function depends upon fontConfig token in typography for mapping.
+ */
+export function useResolvedFontFamily(props) {
+  const {
+    fontFamily,
+    fontStyle,
+    fontWeight
+  } = props;
+  let newFontFamily = fontFamily;
+  let newFontStyle = fontStyle;
+  let newFontWeight = fontWeight;
+  const {
+    fontConfig,
+    fontWeights,
+    fonts
+  } = useTheme();
+
+  if (fontWeight && fontStyle && fontFamily && fontFamily in fonts) {
+    // TODO: Fix typing remove any.
+    const fontToken = fonts[fontFamily];
+
+    if (fontConfig && fontConfig[fontToken]) {
+      // If a custom font family is resolved, set fontWeight and fontStyle to undefined.
+      // https://github.com/GeekyAnts/NativeBase/issues/3811
+      // On Android, If a fontFamily and fontWeight both are passed, it behaves in a weird way and applies system fonts with passed fontWeight. This happens only for some fontWeights e.g. '700' or 'bold'. So, if we find a custom fontFamily, we remove fontWeight and fontStyle
+      //@ts-ignore
+      newFontWeight = undefined; //@ts-ignore
+
+      newFontStyle = undefined;
+      let fontWeightNumber = fontWeight in fontWeights ? fontWeights[fontWeight] : fontWeight;
+      let fontVariant = fontConfig[fontToken][fontWeightNumber];
+
+      if (typeof fontVariant === 'object') {
+        if (fontVariant[fontStyle]) newFontFamily = fontVariant[fontStyle];
+      } else {
+        newFontFamily = fontVariant;
+      }
+    } else {
+      newFontFamily = fonts[fontFamily];
+    }
+  }
+
+  return {
+    fontFamily: newFontFamily,
+    fontWeight: newFontWeight,
+    fontStyle: newFontStyle
+  };
+}
+//# sourceMappingURL=useResolvedFontFamily.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResolvedFontFamily.ts"],"names":["useTheme","useResolvedFontFamily","props","fontFamily","fontStyle","fontWeight","newFontFamily","newFontStyle","newFontWeight","fontConfig","fontWeights","fonts","fontToken","undefined","fontWeightNumber","fontVariant"],"mappings":"AAAA,SAASA,QAAT,QAAyB,YAAzB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAT,CAA+BC,KAA/B,EAIJ;AACD,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,SAAd;AAAyBC,IAAAA;AAAzB,MAAwCH,KAA9C;AACA,MAAII,aAAa,GAAGH,UAApB;AACA,MAAII,YAAY,GAAGH,SAAnB;AACA,MAAII,aAAa,GAAGH,UAApB;AAEA,QAAM;AAAEI,IAAAA,UAAF;AAAcC,IAAAA,WAAd;AAA2BC,IAAAA;AAA3B,MAAqCX,QAAQ,EAAnD;;AACA,MAAIK,UAAU,IAAID,SAAd,IAA2BD,UAA3B,IAAyCA,UAAU,IAAIQ,KAA3D,EAAkE;AAChE;AACA,UAAMC,SAAc,GAAGD,KAAK,CAACR,UAAD,CAA5B;;AACA,QAAIM,UAAU,IAAIA,UAAU,CAACG,SAAD,CAA5B,EAAyC;AACvC;AACA;AACA;AACA;AACAJ,MAAAA,aAAa,GAAGK,SAAhB,CALuC,CAMvC;;AACAN,MAAAA,YAAY,GAAGM,SAAf;AAEA,UAAIC,gBAAgB,GAClBT,UAAU,IAAIK,WAAd,GAA4BA,WAAW,CAACL,UAAD,CAAvC,GAAsDA,UADxD;AAEA,UAAIU,WAAW,GAAGN,UAAU,CAACG,SAAD,CAAV,CAAsBE,gBAAtB,CAAlB;;AAEA,UAAI,OAAOC,WAAP,KAAuB,QAA3B,EAAqC;AACnC,YAAIA,WAAW,CAACX,SAAD,CAAf,EAA4BE,aAAa,GAAGS,WAAW,CAACX,SAAD,CAA3B;AAC7B,OAFD,MAEO;AACLE,QAAAA,aAAa,GAAGS,WAAhB;AACD;AACF,KAlBD,MAkBO;AACLT,MAAAA,aAAa,GAAGK,KAAK,CAACR,UAAD,CAArB;AACD;AACF;;AAED,SAAO;AACLA,IAAAA,UAAU,EAAEG,aADP;AAELD,IAAAA,UAAU,EAAEG,aAFP;AAGLJ,IAAAA,SAAS,EAAEG;AAHN,GAAP;AAKD","sourcesContent":["import { useTheme } from './useTheme';\r\nimport type { ITheme } from '../theme';\r\n/**\r\n *\r\n * @param props\r\n * @returns resolved fontFamily\r\n * @description Combination of fontWeight, fontStyle and font family is fully supported on web but on Android we need to pass the exact font family.\r\n * for e.g. If we load Roboto-Light-Italic.ttf using css, we can use fontFamily: Roboto, fontWeight: 300, fontStyle: italic on web, but same may not work on all the platforms. Other platform needs to set fontFamily: Roboto-Light-Italic in order to work.\r\n * So this function's purpose is to intake styles like fontFamily: Roboto, fontWeight: 300, fontStyle: Italic and return fontFamily: Roboto-Light-Italic depending upon the fontConfig token in typography theme.\r\n * This function depends upon fontConfig token in typography for mapping.\r\n */\r\nexport function useResolvedFontFamily(props: {\r\n  fontFamily?: keyof ITheme['fonts'];\r\n  fontStyle?: string;\r\n  fontWeight?: keyof ITheme['fontWeights'];\r\n}) {\r\n  const { fontFamily, fontStyle, fontWeight } = props;\r\n  let newFontFamily = fontFamily;\r\n  let newFontStyle = fontStyle;\r\n  let newFontWeight = fontWeight;\r\n\r\n  const { fontConfig, fontWeights, fonts } = useTheme();\r\n  if (fontWeight && fontStyle && fontFamily && fontFamily in fonts) {\r\n    // TODO: Fix typing remove any.\r\n    const fontToken: any = fonts[fontFamily];\r\n    if (fontConfig && fontConfig[fontToken]) {\r\n      // If a custom font family is resolved, set fontWeight and fontStyle to undefined.\r\n      // https://github.com/GeekyAnts/NativeBase/issues/3811\r\n      // On Android, If a fontFamily and fontWeight both are passed, it behaves in a weird way and applies system fonts with passed fontWeight. This happens only for some fontWeights e.g. '700' or 'bold'. So, if we find a custom fontFamily, we remove fontWeight and fontStyle\r\n      //@ts-ignore\r\n      newFontWeight = undefined;\r\n      //@ts-ignore\r\n      newFontStyle = undefined;\r\n\r\n      let fontWeightNumber =\r\n        fontWeight in fontWeights ? fontWeights[fontWeight] : fontWeight;\r\n      let fontVariant = fontConfig[fontToken][fontWeightNumber];\r\n\r\n      if (typeof fontVariant === 'object') {\r\n        if (fontVariant[fontStyle]) newFontFamily = fontVariant[fontStyle];\r\n      } else {\r\n        newFontFamily = fontVariant;\r\n      }\r\n    } else {\r\n      newFontFamily = fonts[fontFamily];\r\n    }\r\n  }\r\n\r\n  return {\r\n    fontFamily: newFontFamily,\r\n    fontWeight: newFontWeight,\r\n    fontStyle: newFontStyle,\r\n  };\r\n}\r\n"]}

package/lib/module/hooks/useResponsiveSSRProps.js

@@ -0,0 +1,25 @@
+import { useEffect, useState } from 'react';
+import { useTheme } from '../hooks/useTheme';
+import { useNativeBaseConfig } from '../core/NativeBaseContext';
+import { isResponsiveAnyProp } from '../theme/tools';
+export function useResponsiveSSRProps(incomingProps) {
+  const [modified, setModified] = useState(false);
+  const theme = useTheme();
+  const responsivePropsExists = isResponsiveAnyProp(incomingProps, theme);
+  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;
+  let modifiedProps = incomingProps;
+
+  if (responsivePropsExists && isSSR && !modified) {
+    modifiedProps = { ...modifiedProps,
+      key: Math.random()
+    };
+  }
+
+  useEffect(() => {
+    if (responsivePropsExists && isSSR) {
+      setModified(true);
+    }
+  }, [responsivePropsExists, isSSR]);
+  return modifiedProps;
+}
+//# sourceMappingURL=useResponsiveSSRProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useResponsiveSSRProps.ts"],"names":["useEffect","useState","useTheme","useNativeBaseConfig","isResponsiveAnyProp","useResponsiveSSRProps","incomingProps","modified","setModified","theme","responsivePropsExists","isSSR","modifiedProps","key","Math","random"],"mappings":"AAAA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,mBAAT,QAAoC,2BAApC;AACA,SAASC,mBAAT,QAAoC,gBAApC;AAEA,OAAO,SAASC,qBAAT,CAA+BC,aAA/B,EAAmD;AACxD,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BP,QAAQ,CAAC,KAAD,CAAxC;AACA,QAAMQ,KAAK,GAAGP,QAAQ,EAAtB;AAEA,QAAMQ,qBAAqB,GAAGN,mBAAmB,CAACE,aAAD,EAAgBG,KAAhB,CAAjD;AACA,QAAME,KAAK,GAAGR,mBAAmB,CAAC,4BAAD,CAAnB,CAAkDQ,KAAhE;AAEA,MAAIC,aAAa,GAAGN,aAApB;;AACA,MAAII,qBAAqB,IAAIC,KAAzB,IAAkC,CAACJ,QAAvC,EAAiD;AAC/CK,IAAAA,aAAa,GAAG,EAAE,GAAGA,aAAL;AAAoBC,MAAAA,GAAG,EAAEC,IAAI,CAACC,MAAL;AAAzB,KAAhB;AACD;;AACDf,EAAAA,SAAS,CAAC,MAAW;AACnB,QAAIU,qBAAqB,IAAIC,KAA7B,EAAoC;AAClCH,MAAAA,WAAW,CAAC,IAAD,CAAX;AACD;AACF,GAJQ,EAIN,CAACE,qBAAD,EAAwBC,KAAxB,CAJM,CAAT;AAMA,SAAOC,aAAP;AACD","sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { useTheme } from '../hooks/useTheme';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { isResponsiveAnyProp } from '../theme/tools';\r\n\r\nexport function useResponsiveSSRProps(incomingProps: any) {\r\n  const [modified, setModified] = useState(false);\r\n  const theme = useTheme();\r\n\r\n  const responsivePropsExists = isResponsiveAnyProp(incomingProps, theme);\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n\r\n  let modifiedProps = incomingProps;\r\n  if (responsivePropsExists && isSSR && !modified) {\r\n    modifiedProps = { ...modifiedProps, key: Math.random() };\r\n  }\r\n  useEffect((): any => {\r\n    if (responsivePropsExists && isSSR) {\r\n      setModified(true);\r\n    }\r\n  }, [responsivePropsExists, isSSR]);\r\n\r\n  return modifiedProps;\r\n}\r\n"]}

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

@@ -0,0 +1,23 @@
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { getSortedProps, calculatePaddingProps } from './utils';
+import { useTheme } from './../useTheme';
+export function useSafeArea(props) {
+  const insets = useSafeAreaInsets();
+  const sizes = useTheme().sizes;
+  const {
+    safeAreaProps,
+    paddingProps,
+    sansPaddingProps
+  } = getSortedProps(props);
+
+  if (!Object.keys(safeAreaProps).length) {
+    return props;
+  }
+
+  let calcualtedPaddingProps = calculatePaddingProps(safeAreaProps, paddingProps, insets, sizes);
+  return { ...sansPaddingProps,
+    ...paddingProps,
+    ...calcualtedPaddingProps
+  };
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useSafeAreaInsets","getSortedProps","calculatePaddingProps","useTheme","useSafeArea","props","insets","sizes","safeAreaProps","paddingProps","sansPaddingProps","Object","keys","length","calcualtedPaddingProps"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,gCAAlC;AACA,SAASC,cAAT,EAAyBC,qBAAzB,QAAsD,SAAtD;AACA,SAASC,QAAT,QAAyB,eAAzB;AAEA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAAiC;AACtC,QAAMC,MAAM,GAAGN,iBAAiB,EAAhC;AACA,QAAMO,KAAK,GAAGJ,QAAQ,GAAGI,KAAzB;AACA,QAAM;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA,YAAjB;AAA+BC,IAAAA;AAA/B,MAAoDT,cAAc,CACtEI,KADsE,CAAxE;;AAGA,MAAI,CAACM,MAAM,CAACC,IAAP,CAAYJ,aAAZ,EAA2BK,MAAhC,EAAwC;AACtC,WAAOR,KAAP;AACD;;AACD,MAAIS,sBAAsB,GAAGZ,qBAAqB,CAChDM,aADgD,EAEhDC,YAFgD,EAGhDH,MAHgD,EAIhDC,KAJgD,CAAlD;AAMA,SAAO,EAAE,GAAGG,gBAAL;AAAuB,OAAGD,YAA1B;AAAwC,OAAGK;AAA3C,GAAP;AACD","sourcesContent":["import { useSafeAreaInsets } from 'react-native-safe-area-context';\r\nimport { getSortedProps, calculatePaddingProps } from './utils';\r\nimport { useTheme } from './../useTheme';\r\n\r\nexport function useSafeArea(props: any) {\r\n  const insets = useSafeAreaInsets();\r\n  const sizes = useTheme().sizes;\r\n  const { safeAreaProps, paddingProps, sansPaddingProps } = getSortedProps(\r\n    props\r\n  );\r\n  if (!Object.keys(safeAreaProps).length) {\r\n    return props;\r\n  }\r\n  let calcualtedPaddingProps = calculatePaddingProps(\r\n    safeAreaProps,\r\n    paddingProps,\r\n    insets,\r\n    sizes\r\n  );\r\n  return { ...sansPaddingProps, ...paddingProps, ...calcualtedPaddingProps };\r\n}\r\n"]}

package/lib/module/hooks/useSafeArea/utils.js

@@ -0,0 +1,117 @@
+import { themeTools } from '../../theme';
+import { baseFontSize } from '../../theme/tools/utils';
+import isNil from 'lodash.isnil';
+export function calculatePaddingProps(safeAreaProps, paddingProps, insets, sizes) {
+  return themeTools.omitUndefined({
+    pt: calculatePaddingTop(safeAreaProps, paddingProps, insets, sizes),
+    pb: calculatePaddingBottom(safeAreaProps, paddingProps, insets, sizes),
+    pl: calculatePaddingLeft(safeAreaProps, paddingProps, insets, sizes),
+    pr: calculatePaddingRight(safeAreaProps, paddingProps, insets, sizes)
+  });
+}
+
+function getValueInPixels(paddingProps, paddingKeys, sizes, inset, manualInset) {
+  let appliedInset = 0;
+  let originalValue = paddingKeys.length ? sizes[paddingProps[paddingKeys[paddingKeys.length - 1]]] : 0;
+
+  if (!isNil(manualInset) && typeof manualInset !== 'boolean') {
+    // DOC: Handles case of manually passed inset
+    appliedInset = typeof manualInset === 'string' && manualInset.includes('px') ? parseInt(manualInset, 10) : sizes[manualInset];
+  } else {
+    // DOC: Handles case of auto inset
+    appliedInset = inset;
+  }
+
+  if (typeof originalValue === 'string') {
+    if (originalValue.endsWith('px')) {
+      return parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px';
+    } else if (originalValue.endsWith('rem')) {
+      return parseFloat(originalValue) * baseFontSize + parseInt(appliedInset, 10) + 'px';
+    }
+  }
+
+  return originalValue ? parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px' : parseInt(appliedInset, 10) + 'px';
+}
+
+export function calculatePaddingTop(safeAreaProps, paddingProps, insets, sizes) {
+  if (isNil(safeAreaProps.safeArea) && isNil(safeAreaProps.safeAreaTop) && isNil(safeAreaProps.safeAreaY)) {
+    return;
+  } // DOC: Adding it for manual inset passed by the user
+
+
+  let [topSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, ['safeArea', 'safeAreaY', 'safeAreaTop']);
+  let topSafeAreaArray = Object.keys(topSafeAreaProps);
+  const manualInset = topSafeAreaArray.length ? topSafeAreaProps[topSafeAreaArray[topSafeAreaArray.length - 1]] : undefined;
+
+  if (!insets.top && (typeof manualInset === 'boolean' || !manualInset)) {
+    return;
+  }
+
+  const propKeys = getRelatedPaddingProps(paddingProps, ['p', 'padding', 'pt', 'paddingTop', 'py', 'paddingY']);
+  return getValueInPixels(paddingProps, propKeys, sizes, insets.top, manualInset);
+}
+export function calculatePaddingBottom(safeAreaProps, paddingProps, insets, sizes) {
+  if (isNil(safeAreaProps.safeArea) && isNil(safeAreaProps.safeAreaBottom) && isNil(safeAreaProps.safeAreaY)) {
+    return;
+  }
+
+  let [bottomSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, ['safeArea', 'safeAreaY', 'safeAreaBottom']);
+  let bottomSafeAreaArray = Object.keys(bottomSafeAreaProps);
+  const manualInset = bottomSafeAreaArray.length ? bottomSafeAreaProps[bottomSafeAreaArray[bottomSafeAreaArray.length - 1]] : undefined;
+
+  if (!insets.bottom && (!manualInset || typeof manualInset === 'boolean')) {
+    return;
+  }
+
+  const propKeys = getRelatedPaddingProps(paddingProps, ['p', 'padding', 'pb', 'paddingBottom', 'py', 'paddingY']);
+  return getValueInPixels(paddingProps, propKeys, sizes, insets.bottom, manualInset);
+}
+export function calculatePaddingLeft(safeAreaProps, paddingProps, insets, sizes) {
+  if (isNil(safeAreaProps.safeArea) && isNil(safeAreaProps.safeAreaLeft) && isNil(safeAreaProps.safeAreaX)) {
+    return;
+  }
+
+  let [leftSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, ['safeArea', 'safeAreaLeft', 'safeAreaX']);
+  let leftSafeAreaArray = Object.keys(leftSafeAreaProps); // DOC: Since last value takes precedence so, directly takes last value
+
+  const manualInset = leftSafeAreaArray.length ? leftSafeAreaProps[leftSafeAreaArray[leftSafeAreaArray.length - 1]] : undefined;
+
+  if (!insets.left && (!manualInset || typeof manualInset === 'boolean')) {
+    return;
+  }
+
+  const propKeys = getRelatedPaddingProps(paddingProps, ['p', 'padding', 'pl', 'paddingLeft', 'px', 'paddingX']);
+  return getValueInPixels(paddingProps, propKeys, sizes, insets.left, manualInset);
+}
+export function calculatePaddingRight(safeAreaProps, paddingProps, insets, sizes) {
+  if (isNil(safeAreaProps.safeArea) && isNil(safeAreaProps.safeAreaRight) && isNil(safeAreaProps.safeAreaX)) {
+    return;
+  } // DOC: Adding it for manual inset passed by the user
+
+
+  let [rightSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, ['safeArea', 'safeAreaX', 'safeAreaRight']);
+  let rightSafeAreaArray = Object.keys(rightSafeAreaProps);
+  const manualInset = rightSafeAreaArray.length ? rightSafeAreaProps[rightSafeAreaArray[rightSafeAreaArray.length - 1]] : undefined;
+
+  if (!insets.right && (!manualInset || typeof manualInset === 'boolean')) {
+    return;
+  }
+
+  const propKeys = getRelatedPaddingProps(paddingProps, ['p', 'padding', 'pr', 'paddingRight', 'px', 'paddingX']);
+  return getValueInPixels(paddingProps, propKeys, sizes, insets.right, manualInset);
+}
+
+function getRelatedPaddingProps(props, relatedKeys) {
+  return Object.keys(props).filter(key => relatedKeys.includes(key));
+}
+
+export function getSortedProps(props) {
+  let [safeAreaProps, sansSafeAreaProps] = themeTools.orderedExtractInObject(props, ['safeArea', 'safeAreaX', 'safeAreaY', 'safeAreaTop', 'safeAreaBottom', 'safeAreaLeft', 'safeAreaRight']);
+  let [paddingProps, sansPaddingProps] = themeTools.orderedExtractInObject(sansSafeAreaProps, ['p', 'padding', 'pt', 'paddingTop', 'pr', 'paddingRight', 'pb', 'paddingBottom', 'pl', 'paddingLeft', 'px', 'paddingX', 'py', 'paddingY']);
+  return {
+    safeAreaProps,
+    paddingProps,
+    sansPaddingProps
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/hooks/useSafeArea/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["utils.ts"],"names":["themeTools","baseFontSize","isNil","calculatePaddingProps","safeAreaProps","paddingProps","insets","sizes","omitUndefined","pt","calculatePaddingTop","pb","calculatePaddingBottom","pl","calculatePaddingLeft","pr","calculatePaddingRight","getValueInPixels","paddingKeys","inset","manualInset","appliedInset","originalValue","length","includes","parseInt","endsWith","parseFloat","safeArea","safeAreaTop","safeAreaY","topSafeAreaProps","orderedExtractInObject","topSafeAreaArray","Object","keys","undefined","top","propKeys","getRelatedPaddingProps","safeAreaBottom","bottomSafeAreaProps","bottomSafeAreaArray","bottom","safeAreaLeft","safeAreaX","leftSafeAreaProps","leftSafeAreaArray","left","safeAreaRight","rightSafeAreaProps","rightSafeAreaArray","right","props","relatedKeys","filter","key","getSortedProps","sansSafeAreaProps","sansPaddingProps"],"mappings":"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","sourcesContent":["import { themeTools } from '../../theme';\r\nimport { baseFontSize } from '../../theme/tools/utils';\r\nimport type { SafeAreaProps } from './../../components/types/ExtraProps';\r\nimport isNil from 'lodash.isnil';\r\n\r\nexport function calculatePaddingProps(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  return themeTools.omitUndefined({\r\n    pt: calculatePaddingTop(safeAreaProps, paddingProps, insets, sizes),\r\n    pb: calculatePaddingBottom(safeAreaProps, paddingProps, insets, sizes),\r\n    pl: calculatePaddingLeft(safeAreaProps, paddingProps, insets, sizes),\r\n    pr: calculatePaddingRight(safeAreaProps, paddingProps, insets, sizes),\r\n  });\r\n}\r\nfunction getValueInPixels(\r\n  paddingProps: any,\r\n  paddingKeys: any,\r\n  sizes: any,\r\n  inset: any,\r\n  manualInset: number | string\r\n) {\r\n  let appliedInset: any = 0;\r\n  let originalValue = paddingKeys.length\r\n    ? sizes[paddingProps[paddingKeys[paddingKeys.length - 1]]]\r\n    : 0;\r\n\r\n  if (!isNil(manualInset) && typeof manualInset !== 'boolean') {\r\n    // DOC: Handles case of manually passed inset\r\n    appliedInset =\r\n      typeof manualInset === 'string' && manualInset.includes('px')\r\n        ? parseInt(manualInset, 10)\r\n        : sizes[manualInset];\r\n  } else {\r\n    // DOC: Handles case of auto inset\r\n    appliedInset = inset;\r\n  }\r\n\r\n  if (typeof originalValue === 'string') {\r\n    if (originalValue.endsWith('px')) {\r\n      return parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px';\r\n    } else if (originalValue.endsWith('rem')) {\r\n      return (\r\n        parseFloat(originalValue) * baseFontSize +\r\n        parseInt(appliedInset, 10) +\r\n        'px'\r\n      );\r\n    }\r\n  }\r\n\r\n  return originalValue\r\n    ? parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px'\r\n    : parseInt(appliedInset, 10) + 'px';\r\n}\r\n\r\nexport function calculatePaddingTop(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaTop) &&\r\n    isNil(safeAreaProps.safeAreaY)\r\n  ) {\r\n    return;\r\n  }\r\n\r\n  // DOC: Adding it for manual inset passed by the user\r\n  let [topSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaY',\r\n    'safeAreaTop',\r\n  ]);\r\n  let topSafeAreaArray = Object.keys(topSafeAreaProps);\r\n  const manualInset = topSafeAreaArray.length\r\n    ? topSafeAreaProps[topSafeAreaArray[topSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.top && (typeof manualInset === 'boolean' || !manualInset)) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pt',\r\n    'paddingTop',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.top,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingBottom(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaBottom) &&\r\n    isNil(safeAreaProps.safeAreaY)\r\n  ) {\r\n    return;\r\n  }\r\n  let [bottomSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaY',\r\n    'safeAreaBottom',\r\n  ]);\r\n  let bottomSafeAreaArray = Object.keys(bottomSafeAreaProps);\r\n  const manualInset = bottomSafeAreaArray.length\r\n    ? bottomSafeAreaProps[bottomSafeAreaArray[bottomSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.bottom && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pb',\r\n    'paddingBottom',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.bottom,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingLeft(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaLeft) &&\r\n    isNil(safeAreaProps.safeAreaX)\r\n  ) {\r\n    return;\r\n  }\r\n  let [leftSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaLeft',\r\n    'safeAreaX',\r\n  ]);\r\n  let leftSafeAreaArray = Object.keys(leftSafeAreaProps);\r\n  // DOC: Since last value takes precedence so, directly takes last value\r\n  const manualInset = leftSafeAreaArray.length\r\n    ? leftSafeAreaProps[leftSafeAreaArray[leftSafeAreaArray.length - 1]]\r\n    : undefined;\r\n  if (!insets.left && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pl',\r\n    'paddingLeft',\r\n    'px',\r\n    'paddingX',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.left,\r\n    manualInset\r\n  );\r\n}\r\nexport function calculatePaddingRight(\r\n  safeAreaProps: SafeAreaProps,\r\n  paddingProps: any,\r\n  insets: any,\r\n  sizes: any\r\n) {\r\n  if (\r\n    isNil(safeAreaProps.safeArea) &&\r\n    isNil(safeAreaProps.safeAreaRight) &&\r\n    isNil(safeAreaProps.safeAreaX)\r\n  ) {\r\n    return;\r\n  }\r\n  // DOC: Adding it for manual inset passed by the user\r\n  let [rightSafeAreaProps] = themeTools.orderedExtractInObject(safeAreaProps, [\r\n    'safeArea',\r\n    'safeAreaX',\r\n    'safeAreaRight',\r\n  ]);\r\n  let rightSafeAreaArray = Object.keys(rightSafeAreaProps);\r\n  const manualInset = rightSafeAreaArray.length\r\n    ? rightSafeAreaProps[rightSafeAreaArray[rightSafeAreaArray.length - 1]]\r\n    : undefined;\r\n\r\n  if (!insets.right && (!manualInset || typeof manualInset === 'boolean')) {\r\n    return;\r\n  }\r\n  const propKeys = getRelatedPaddingProps(paddingProps, [\r\n    'p',\r\n    'padding',\r\n    'pr',\r\n    'paddingRight',\r\n    'px',\r\n    'paddingX',\r\n  ]);\r\n\r\n  return getValueInPixels(\r\n    paddingProps,\r\n    propKeys,\r\n    sizes,\r\n    insets.right,\r\n    manualInset\r\n  );\r\n}\r\n\r\nfunction getRelatedPaddingProps(props: any, relatedKeys: Array<any>) {\r\n  return Object.keys(props).filter((key) => relatedKeys.includes(key));\r\n}\r\nexport function getSortedProps(props: any) {\r\n  let [\r\n    safeAreaProps,\r\n    sansSafeAreaProps,\r\n  ] = themeTools.orderedExtractInObject(props, [\r\n    'safeArea',\r\n    'safeAreaX',\r\n    'safeAreaY',\r\n    'safeAreaTop',\r\n    'safeAreaBottom',\r\n    'safeAreaLeft',\r\n    'safeAreaRight',\r\n  ]);\r\n  let [\r\n    paddingProps,\r\n    sansPaddingProps,\r\n  ] = themeTools.orderedExtractInObject(sansSafeAreaProps, [\r\n    'p',\r\n    'padding',\r\n    'pt',\r\n    'paddingTop',\r\n    'pr',\r\n    'paddingRight',\r\n    'pb',\r\n    'paddingBottom',\r\n    'pl',\r\n    'paddingLeft',\r\n    'px',\r\n    'paddingX',\r\n    'py',\r\n    'paddingY',\r\n  ]);\r\n  return { safeAreaProps, paddingProps, sansPaddingProps };\r\n}\r\n"]}

package/lib/module/hooks/useScreenReaderEnabled.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { AccessibilityInfo } from 'react-native';
+export function useScreenReaderEnabled() {
+  const [enabled, setEnabled] = React.useState(false);
+  const mountedRef = React.useRef(false);
+
+  const handleSetEnabled = value => {
+    if (mountedRef.current) {
+      setEnabled(value);
+    }
+  };
+
+  React.useEffect(() => {
+    mountedRef.current = true;
+
+    async function setInitialValue() {
+      const res = await AccessibilityInfo.isScreenReaderEnabled();
+      handleSetEnabled(res);
+    }
+
+    let handler = AccessibilityInfo.addEventListener('screenReaderChanged', event => {
+      handleSetEnabled(event);
+    });
+    setInitialValue();
+    return () => {
+      mountedRef.current = false;
+      AccessibilityInfo.removeEventListener('screenReaderChanged', handler);
+    };
+  });
+  return enabled;
+}
+//# sourceMappingURL=useScreenReaderEnabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useScreenReaderEnabled.ts"],"names":["React","AccessibilityInfo","useScreenReaderEnabled","enabled","setEnabled","useState","mountedRef","useRef","handleSetEnabled","value","current","useEffect","setInitialValue","res","isScreenReaderEnabled","handler","addEventListener","event","removeEventListener"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,QAAkC,cAAlC;AAEA,OAAO,SAASC,sBAAT,GAAkC;AACvC,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBJ,KAAK,CAACK,QAAN,CAAe,KAAf,CAA9B;AACA,QAAMC,UAAU,GAAGN,KAAK,CAACO,MAAN,CAAa,KAAb,CAAnB;;AAEA,QAAMC,gBAAgB,GAAIC,KAAD,IAAoB;AAC3C,QAAIH,UAAU,CAACI,OAAf,EAAwB;AACtBN,MAAAA,UAAU,CAACK,KAAD,CAAV;AACD;AACF,GAJD;;AAMAT,EAAAA,KAAK,CAACW,SAAN,CAAgB,MAAM;AACpBL,IAAAA,UAAU,CAACI,OAAX,GAAqB,IAArB;;AACA,mBAAeE,eAAf,GAAiC;AAC/B,YAAMC,GAAG,GAAG,MAAMZ,iBAAiB,CAACa,qBAAlB,EAAlB;AACAN,MAAAA,gBAAgB,CAACK,GAAD,CAAhB;AACD;;AAED,QAAIE,OAAY,GAAGd,iBAAiB,CAACe,gBAAlB,CACjB,qBADiB,EAEhBC,KAAD,IAAgB;AACdT,MAAAA,gBAAgB,CAACS,KAAD,CAAhB;AACD,KAJgB,CAAnB;AAOAL,IAAAA,eAAe;AACf,WAAO,MAAM;AACXN,MAAAA,UAAU,CAACI,OAAX,GAAqB,KAArB;AACAT,MAAAA,iBAAiB,CAACiB,mBAAlB,CAAsC,qBAAtC,EAA6DH,OAA7D;AACD,KAHD;AAID,GAnBD;AAqBA,SAAOZ,OAAP;AACD","sourcesContent":["import React from 'react';\r\nimport { AccessibilityInfo } from 'react-native';\r\n\r\nexport function useScreenReaderEnabled() {\r\n  const [enabled, setEnabled] = React.useState(false);\r\n  const mountedRef = React.useRef(false);\r\n\r\n  const handleSetEnabled = (value: boolean) => {\r\n    if (mountedRef.current) {\r\n      setEnabled(value);\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    mountedRef.current = true;\r\n    async function setInitialValue() {\r\n      const res = await AccessibilityInfo.isScreenReaderEnabled();\r\n      handleSetEnabled(res);\r\n    }\r\n\r\n    let handler: any = AccessibilityInfo.addEventListener(\r\n      'screenReaderChanged',\r\n      (event: any) => {\r\n        handleSetEnabled(event);\r\n      }\r\n    );\r\n\r\n    setInitialValue();\r\n    return () => {\r\n      mountedRef.current = false;\r\n      AccessibilityInfo.removeEventListener('screenReaderChanged', handler);\r\n    };\r\n  });\r\n\r\n  return enabled;\r\n}\r\n"]}

package/lib/module/hooks/useStyledSystemPropsResolver.js

@@ -0,0 +1,72 @@
+import { getStyleAndFilteredProps } from '../theme/styled-system';
+import { useTheme } from './useTheme';
+import React from 'react';
+import { useNativeBaseConfig } from '../core/NativeBaseContext';
+import { useResponsiveQuery } from '../utils/useResponsiveQuery';
+import { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps'; //@ts-ignore
+
+import stableHash from 'stable-hash';
+export const useStyledSystemPropsResolver = ({
+  style: propStyle,
+  debug,
+  ...props
+}) => {
+  const theme = useTheme();
+  const {
+    currentBreakpoint,
+    config
+  } = useNativeBaseConfig('makeStyledComponent');
+  const strictMode = config.strictMode;
+  const {
+    getResponsiveStyles
+  } = useResponsiveQuery();
+  const {
+    styledSystemProps,
+    restProps
+  } = getStyledSystemPropsAndRestProps(props);
+  const {
+    style,
+    dataSet,
+    styleFromProps
+  } = React.useMemo(() => {
+    const {
+      styleSheet,
+      dataSet,
+      styleFromProps
+    } = getStyleAndFilteredProps({
+      styledSystemProps,
+      theme,
+      debug,
+      currentBreakpoint,
+      strictMode,
+      getResponsiveStyles
+    });
+
+    if (propStyle) {
+      return {
+        style: [styleSheet.box, propStyle],
+        dataSet,
+        styleFromProps
+      };
+    } else {
+      return {
+        style: styleSheet.box,
+        dataSet,
+        styleFromProps
+      };
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [// eslint-disable-next-line react-hooks/exhaustive-deps
+  stableHash(styledSystemProps), theme, debug, currentBreakpoint, strictMode, propStyle, getResponsiveStyles, props]);
+
+  if (process.env.NODE_ENV === 'development' && debug) {
+    /* eslint-disable-next-line */
+    console.log('style,resprops', currentBreakpoint);
+  }
+
+  restProps.dataSet = { ...restProps.dataSet,
+    ...dataSet
+  };
+  return [style, restProps, styleFromProps];
+};
+//# sourceMappingURL=useStyledSystemPropsResolver.js.map