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

package/lib/module/hooks/useResolvedFontFamily.js

@@ -1,5 +1,4 @@
 import { useTheme } from './useTheme';
-
 /**
  *
  * @param props
@@ -23,22 +22,19 @@ export function useResolvedFontFamily(props) {
     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
-
+      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 {
@@ -48,7 +44,6 @@ export function useResolvedFontFamily(props) {
       newFontFamily = fonts[fontFamily];
     }
   }
-
   return {
     fontFamily: newFontFamily,
     fontWeight: newFontWeight,

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

@@ -1 +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"]}
+{"version":3,"names":["useTheme","useResolvedFontFamily","props","fontFamily","fontStyle","fontWeight","newFontFamily","newFontStyle","newFontWeight","fontConfig","fontWeights","fonts","fontToken","undefined","fontWeightNumber","fontVariant"],"sources":["useResolvedFontFamily.ts"],"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"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AAErC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CAACC,KAIrC,EAAE;EACD,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGH,KAAK;EACnD,IAAII,aAAa,GAAGH,UAAU;EAC9B,IAAII,YAAY,GAAGH,SAAS;EAC5B,IAAII,aAAa,GAAGH,UAAU;EAE9B,MAAM;IAAEI,UAAU;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAGX,QAAQ,CAAC,CAAC;EACrD,IAAIK,UAAU,IAAID,SAAS,IAAID,UAAU,IAAIA,UAAU,IAAIQ,KAAK,EAAE;IAChE;IACA,MAAMC,SAAc,GAAGD,KAAK,CAACR,UAAU,CAAC;IACxC,IAAIM,UAAU,IAAIA,UAAU,CAACG,SAAS,CAAC,EAAE;MACvC;MACA;MACA;MACA;MACAJ,aAAa,GAAGK,SAAS;MACzB;MACAN,YAAY,GAAGM,SAAS;MAExB,IAAIC,gBAAgB,GAClBT,UAAU,IAAIK,WAAW,GAAGA,WAAW,CAACL,UAAU,CAAC,GAAGA,UAAU;MAClE,IAAIU,WAAW,GAAGN,UAAU,CAACG,SAAS,CAAC,CAACE,gBAAgB,CAAC;MAEzD,IAAI,OAAOC,WAAW,KAAK,QAAQ,EAAE;QACnC,IAAIA,WAAW,CAACX,SAAS,CAAC,EAAEE,aAAa,GAAGS,WAAW,CAACX,SAAS,CAAC;MACpE,CAAC,MAAM;QACLE,aAAa,GAAGS,WAAW;MAC7B;IACF,CAAC,MAAM;MACLT,aAAa,GAAGK,KAAK,CAACR,UAAU,CAAC;IACnC;EACF;EAEA,OAAO;IACLA,UAAU,EAAEG,aAAa;IACzBD,UAAU,EAAEG,aAAa;IACzBJ,SAAS,EAAEG;EACb,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/useResponsiveSSRProps.js

@@ -8,13 +8,12 @@ export function useResponsiveSSRProps(incomingProps) {
   const responsivePropsExists = isResponsiveAnyProp(incomingProps, theme);
   const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;
   let modifiedProps = incomingProps;
-
   if (responsivePropsExists && isSSR && !modified) {
-    modifiedProps = { ...modifiedProps,
+    modifiedProps = {
+      ...modifiedProps,
       key: Math.random()
     };
   }
-
   useEffect(() => {
     if (responsivePropsExists && isSSR) {
       setModified(true);

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

@@ -1 +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"]}
+{"version":3,"names":["useEffect","useState","useTheme","useNativeBaseConfig","isResponsiveAnyProp","useResponsiveSSRProps","incomingProps","modified","setModified","theme","responsivePropsExists","isSSR","modifiedProps","key","Math","random"],"sources":["useResponsiveSSRProps.ts"],"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"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,mBAAmB,QAAQ,gBAAgB;AAEpD,OAAO,SAASC,qBAAqBA,CAACC,aAAkB,EAAE;EACxD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGP,QAAQ,CAAC,KAAK,CAAC;EAC/C,MAAMQ,KAAK,GAAGP,QAAQ,CAAC,CAAC;EAExB,MAAMQ,qBAAqB,GAAGN,mBAAmB,CAACE,aAAa,EAAEG,KAAK,CAAC;EACvE,MAAME,KAAK,GAAGR,mBAAmB,CAAC,4BAA4B,CAAC,CAACQ,KAAK;EAErE,IAAIC,aAAa,GAAGN,aAAa;EACjC,IAAII,qBAAqB,IAAIC,KAAK,IAAI,CAACJ,QAAQ,EAAE;IAC/CK,aAAa,GAAG;MAAE,GAAGA,aAAa;MAAEC,GAAG,EAAEC,IAAI,CAACC,MAAM,CAAC;IAAE,CAAC;EAC1D;EACAf,SAAS,CAAC,MAAW;IACnB,IAAIU,qBAAqB,IAAIC,KAAK,EAAE;MAClCH,WAAW,CAAC,IAAI,CAAC;IACnB;EACF,CAAC,EAAE,CAACE,qBAAqB,EAAEC,KAAK,CAAC,CAAC;EAElC,OAAOC,aAAa;AACtB","ignoreList":[]}

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

@@ -9,13 +9,12 @@ export function useSafeArea(props) {
     paddingProps,
     sansPaddingProps
   } = getSortedProps(props);
-
   if (!Object.keys(safeAreaProps).length) {
     return props;
   }
-
   let calcualtedPaddingProps = calculatePaddingProps(safeAreaProps, paddingProps, insets, sizes);
-  return { ...sansPaddingProps,
+  return {
+    ...sansPaddingProps,
     ...paddingProps,
     ...calcualtedPaddingProps
   };

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

@@ -1 +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"]}
+{"version":3,"names":["useSafeAreaInsets","getSortedProps","calculatePaddingProps","useTheme","useSafeArea","props","insets","sizes","safeAreaProps","paddingProps","sansPaddingProps","Object","keys","length","calcualtedPaddingProps"],"sources":["index.ts"],"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"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,cAAc,EAAEC,qBAAqB,QAAQ,SAAS;AAC/D,SAASC,QAAQ,QAAQ,eAAe;AAExC,OAAO,SAASC,WAAWA,CAACC,KAAU,EAAE;EACtC,MAAMC,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAClC,MAAMO,KAAK,GAAGJ,QAAQ,CAAC,CAAC,CAACI,KAAK;EAC9B,MAAM;IAAEC,aAAa;IAAEC,YAAY;IAAEC;EAAiB,CAAC,GAAGT,cAAc,CACtEI,KACF,CAAC;EACD,IAAI,CAACM,MAAM,CAACC,IAAI,CAACJ,aAAa,CAAC,CAACK,MAAM,EAAE;IACtC,OAAOR,KAAK;EACd;EACA,IAAIS,sBAAsB,GAAGZ,qBAAqB,CAChDM,aAAa,EACbC,YAAY,EACZH,MAAM,EACNC,KACF,CAAC;EACD,OAAO;IAAE,GAAGG,gBAAgB;IAAE,GAAGD,YAAY;IAAE,GAAGK;EAAuB,CAAC;AAC5E","ignoreList":[]}

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

@@ -9,11 +9,9 @@ export function calculatePaddingProps(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];
@@ -21,7 +19,6 @@ function getValueInPixels(paddingProps, paddingKeys, sizes, inset, manualInset)
     // DOC: Handles case of auto inset
     appliedInset = inset;
   }
-
   if (typeof originalValue === 'string') {
     if (originalValue.endsWith('px')) {
       return parseInt(originalValue, 10) + parseInt(appliedInset, 10) + 'px';
@@ -29,24 +26,20 @@ function getValueInPixels(paddingProps, paddingKeys, sizes, inset, manualInset)
       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
-
+  }
 
+  // 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);
 }
@@ -54,15 +47,12 @@ export function calculatePaddingBottom(safeAreaProps, paddingProps, insets, size
   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);
 }
@@ -70,41 +60,33 @@ 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
-
+  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
-
-
+  }
+  // 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']);

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

@@ -1 +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"]}
+{"version":3,"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"],"sources":["utils.ts"],"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"],"mappings":"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","ignoreList":[]}

package/lib/module/hooks/useScreenReaderEnabled.js

@@ -3,21 +3,17 @@ 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);
     });

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

@@ -1 +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"]}
+{"version":3,"names":["React","AccessibilityInfo","useScreenReaderEnabled","enabled","setEnabled","useState","mountedRef","useRef","handleSetEnabled","value","current","useEffect","setInitialValue","res","isScreenReaderEnabled","handler","addEventListener","event","removeEventListener"],"sources":["useScreenReaderEnabled.ts"],"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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,OAAO,SAASC,sBAAsBA,CAAA,EAAG;EACvC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;EACnD,MAAMC,UAAU,GAAGN,KAAK,CAACO,MAAM,CAAC,KAAK,CAAC;EAEtC,MAAMC,gBAAgB,GAAIC,KAAc,IAAK;IAC3C,IAAIH,UAAU,CAACI,OAAO,EAAE;MACtBN,UAAU,CAACK,KAAK,CAAC;IACnB;EACF,CAAC;EAEDT,KAAK,CAACW,SAAS,CAAC,MAAM;IACpBL,UAAU,CAACI,OAAO,GAAG,IAAI;IACzB,eAAeE,eAAeA,CAAA,EAAG;MAC/B,MAAMC,GAAG,GAAG,MAAMZ,iBAAiB,CAACa,qBAAqB,CAAC,CAAC;MAC3DN,gBAAgB,CAACK,GAAG,CAAC;IACvB;IAEA,IAAIE,OAAY,GAAGd,iBAAiB,CAACe,gBAAgB,CACnD,qBAAqB,EACpBC,KAAU,IAAK;MACdT,gBAAgB,CAACS,KAAK,CAAC;IACzB,CACF,CAAC;IAEDL,eAAe,CAAC,CAAC;IACjB,OAAO,MAAM;MACXN,UAAU,CAACI,OAAO,GAAG,KAAK;MAC1BT,iBAAiB,CAACiB,mBAAmB,CAAC,qBAAqB,EAAEH,OAAO,CAAC;IACvE,CAAC;EACH,CAAC,CAAC;EAEF,OAAOZ,OAAO;AAChB","ignoreList":[]}

package/lib/module/hooks/useStyledSystemPropsResolver.js

@@ -3,8 +3,8 @@ 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 { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps';
+//@ts-ignore
 import stableHash from 'stable-hash';
 export const useStyledSystemPropsResolver = ({
   style: propStyle,
@@ -41,7 +41,6 @@ export const useStyledSystemPropsResolver = ({
       strictMode,
       getResponsiveStyles
     });
-
     if (propStyle) {
       return {
         style: [styleSheet.box, propStyle],
@@ -54,17 +53,17 @@ export const useStyledSystemPropsResolver = ({
         dataSet,
         styleFromProps
       };
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [// eslint-disable-next-line react-hooks/exhaustive-deps
+    }
+    // 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,
+  restProps.dataSet = {
+    ...restProps.dataSet,
     ...dataSet
   };
   return [style, restProps, styleFromProps];

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

@@ -1 +1 @@
-{"version":3,"sources":["useStyledSystemPropsResolver.ts"],"names":["getStyleAndFilteredProps","useTheme","React","useNativeBaseConfig","useResponsiveQuery","getStyledSystemPropsAndRestProps","stableHash","useStyledSystemPropsResolver","style","propStyle","debug","props","theme","currentBreakpoint","config","strictMode","getResponsiveStyles","styledSystemProps","restProps","dataSet","styleFromProps","useMemo","styleSheet","box","process","env","NODE_ENV","console","log"],"mappings":"AAAA,SAASA,wBAAT,QAAyC,wBAAzC;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,2BAApC;AACA,SAASC,kBAAT,QAAmC,6BAAnC;AACA,SAASC,gCAAT,QAAiD,2CAAjD,C,CACA;;AACA,OAAOC,UAAP,MAAuB,aAAvB;AAEA,OAAO,MAAMC,4BAA4B,GAAG,CAAC;AAC3CC,EAAAA,KAAK,EAAEC,SADoC;AAE3CC,EAAAA,KAF2C;AAG3C,KAAGC;AAHwC,CAAD,KAIjC;AACT,QAAMC,KAAK,GAAGX,QAAQ,EAAtB;AACA,QAAM;AAAEY,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAgCX,mBAAmB,CACvD,qBADuD,CAAzD;AAGA,QAAMY,UAAU,GAAGD,MAAM,CAACC,UAA1B;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAA0BZ,kBAAkB,EAAlD;AAEA,QAAM;AAAEa,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAmCb,gCAAgC,CACvEM,KADuE,CAAzE;AAIA,QAAM;AAAEH,IAAAA,KAAF;AAASW,IAAAA,OAAT;AAAkBC,IAAAA;AAAlB,MAAqClB,KAAK,CAACmB,OAAN,CAAc,MAAM;AAC7D,UAAM;AAAEC,MAAAA,UAAF;AAAcH,MAAAA,OAAd;AAAuBC,MAAAA;AAAvB,QAA0CpB,wBAAwB,CAAC;AACvEiB,MAAAA,iBADuE;AAEvEL,MAAAA,KAFuE;AAGvEF,MAAAA,KAHuE;AAIvEG,MAAAA,iBAJuE;AAKvEE,MAAAA,UALuE;AAMvEC,MAAAA;AANuE,KAAD,CAAxE;;AAQA,QAAIP,SAAJ,EAAe;AACb,aAAO;AAAED,QAAAA,KAAK,EAAE,CAACc,UAAU,CAACC,GAAZ,EAAiBd,SAAjB,CAAT;AAAsCU,QAAAA,OAAtC;AAA+CC,QAAAA;AAA/C,OAAP;AACD,KAFD,MAEO;AACL,aAAO;AAAEZ,QAAAA,KAAK,EAAEc,UAAU,CAACC,GAApB;AAAyBJ,QAAAA,OAAzB;AAAkCC,QAAAA;AAAlC,OAAP;AACD,KAb4D,CAc7D;;AACD,GAf0C,EAexC,CACD;AACAd,EAAAA,UAAU,CAACW,iBAAD,CAFT,EAGDL,KAHC,EAIDF,KAJC,EAKDG,iBALC,EAMDE,UANC,EAODN,SAPC,EAQDO,mBARC,EASDL,KATC,CAfwC,CAA3C;;AA0BA,MAAIa,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0ChB,KAA9C,EAAqD;AACnD;AACAiB,IAAAA,OAAO,CAACC,GAAR,CAAY,gBAAZ,EAA8Bf,iBAA9B;AACD;;AAEDK,EAAAA,SAAS,CAACC,OAAV,GAAoB,EAAE,GAAGD,SAAS,CAACC,OAAf;AAAwB,OAAGA;AAA3B,GAApB;AAEA,SAAO,CAACX,KAAD,EAAQU,SAAR,EAAmBE,cAAnB,CAAP;AACD,CAnDM","sourcesContent":["import { getStyleAndFilteredProps } from '../theme/styled-system';\r\nimport { useTheme } from './useTheme';\r\nimport React from 'react';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { useResponsiveQuery } from '../utils/useResponsiveQuery';\r\nimport { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\n\r\nexport const useStyledSystemPropsResolver = ({\r\n  style: propStyle,\r\n  debug,\r\n  ...props\r\n}: any) => {\r\n  const theme = useTheme();\r\n  const { currentBreakpoint, config } = useNativeBaseConfig(\r\n    'makeStyledComponent'\r\n  );\r\n  const strictMode = config.strictMode;\r\n\r\n  const { getResponsiveStyles } = useResponsiveQuery();\r\n\r\n  const { styledSystemProps, restProps } = getStyledSystemPropsAndRestProps(\r\n    props\r\n  );\r\n\r\n  const { style, dataSet, styleFromProps } = React.useMemo(() => {\r\n    const { styleSheet, dataSet, styleFromProps } = getStyleAndFilteredProps({\r\n      styledSystemProps,\r\n      theme,\r\n      debug,\r\n      currentBreakpoint,\r\n      strictMode,\r\n      getResponsiveStyles,\r\n    });\r\n    if (propStyle) {\r\n      return { style: [styleSheet.box, propStyle], dataSet, styleFromProps };\r\n    } else {\r\n      return { style: styleSheet.box, dataSet, styleFromProps };\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    stableHash(styledSystemProps),\r\n    theme,\r\n    debug,\r\n    currentBreakpoint,\r\n    strictMode,\r\n    propStyle,\r\n    getResponsiveStyles,\r\n    props,\r\n  ]);\r\n  if (process.env.NODE_ENV === 'development' && debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log('style,resprops', currentBreakpoint);\r\n  }\r\n\r\n  restProps.dataSet = { ...restProps.dataSet, ...dataSet };\r\n\r\n  return [style, restProps, styleFromProps];\r\n};\r\n"]}
+{"version":3,"names":["getStyleAndFilteredProps","useTheme","React","useNativeBaseConfig","useResponsiveQuery","getStyledSystemPropsAndRestProps","stableHash","useStyledSystemPropsResolver","style","propStyle","debug","props","theme","currentBreakpoint","config","strictMode","getResponsiveStyles","styledSystemProps","restProps","dataSet","styleFromProps","useMemo","styleSheet","box","process","env","NODE_ENV","console","log"],"sources":["useStyledSystemPropsResolver.ts"],"sourcesContent":["import { getStyleAndFilteredProps } from '../theme/styled-system';\r\nimport { useTheme } from './useTheme';\r\nimport React from 'react';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { useResponsiveQuery } from '../utils/useResponsiveQuery';\r\nimport { getStyledSystemPropsAndRestProps } from '../utils/getStyledSystemPropsAndRestProps';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\n\r\nexport const useStyledSystemPropsResolver = ({\r\n  style: propStyle,\r\n  debug,\r\n  ...props\r\n}: any) => {\r\n  const theme = useTheme();\r\n  const { currentBreakpoint, config } = useNativeBaseConfig(\r\n    'makeStyledComponent'\r\n  );\r\n  const strictMode = config.strictMode;\r\n\r\n  const { getResponsiveStyles } = useResponsiveQuery();\r\n\r\n  const { styledSystemProps, restProps } = getStyledSystemPropsAndRestProps(\r\n    props\r\n  );\r\n\r\n  const { style, dataSet, styleFromProps } = React.useMemo(() => {\r\n    const { styleSheet, dataSet, styleFromProps } = getStyleAndFilteredProps({\r\n      styledSystemProps,\r\n      theme,\r\n      debug,\r\n      currentBreakpoint,\r\n      strictMode,\r\n      getResponsiveStyles,\r\n    });\r\n    if (propStyle) {\r\n      return { style: [styleSheet.box, propStyle], dataSet, styleFromProps };\r\n    } else {\r\n      return { style: styleSheet.box, dataSet, styleFromProps };\r\n    }\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    stableHash(styledSystemProps),\r\n    theme,\r\n    debug,\r\n    currentBreakpoint,\r\n    strictMode,\r\n    propStyle,\r\n    getResponsiveStyles,\r\n    props,\r\n  ]);\r\n  if (process.env.NODE_ENV === 'development' && debug) {\r\n    /* eslint-disable-next-line */\r\n    console.log('style,resprops', currentBreakpoint);\r\n  }\r\n\r\n  restProps.dataSet = { ...restProps.dataSet, ...dataSet };\r\n\r\n  return [style, restProps, styleFromProps];\r\n};\r\n"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,wBAAwB;AACjE,SAASC,QAAQ,QAAQ,YAAY;AACrC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,kBAAkB,QAAQ,6BAA6B;AAChE,SAASC,gCAAgC,QAAQ,2CAA2C;AAC5F;AACA,OAAOC,UAAU,MAAM,aAAa;AAEpC,OAAO,MAAMC,4BAA4B,GAAGA,CAAC;EAC3CC,KAAK,EAAEC,SAAS;EAChBC,KAAK;EACL,GAAGC;AACA,CAAC,KAAK;EACT,MAAMC,KAAK,GAAGX,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEY,iBAAiB;IAAEC;EAAO,CAAC,GAAGX,mBAAmB,CACvD,qBACF,CAAC;EACD,MAAMY,UAAU,GAAGD,MAAM,CAACC,UAAU;EAEpC,MAAM;IAAEC;EAAoB,CAAC,GAAGZ,kBAAkB,CAAC,CAAC;EAEpD,MAAM;IAAEa,iBAAiB;IAAEC;EAAU,CAAC,GAAGb,gCAAgC,CACvEM,KACF,CAAC;EAED,MAAM;IAAEH,KAAK;IAAEW,OAAO;IAAEC;EAAe,CAAC,GAAGlB,KAAK,CAACmB,OAAO,CAAC,MAAM;IAC7D,MAAM;MAAEC,UAAU;MAAEH,OAAO;MAAEC;IAAe,CAAC,GAAGpB,wBAAwB,CAAC;MACvEiB,iBAAiB;MACjBL,KAAK;MACLF,KAAK;MACLG,iBAAiB;MACjBE,UAAU;MACVC;IACF,CAAC,CAAC;IACF,IAAIP,SAAS,EAAE;MACb,OAAO;QAAED,KAAK,EAAE,CAACc,UAAU,CAACC,GAAG,EAAEd,SAAS,CAAC;QAAEU,OAAO;QAAEC;MAAe,CAAC;IACxE,CAAC,MAAM;MACL,OAAO;QAAEZ,KAAK,EAAEc,UAAU,CAACC,GAAG;QAAEJ,OAAO;QAAEC;MAAe,CAAC;IAC3D;IACA;EACF,CAAC,EAAE;EACD;EACAd,UAAU,CAACW,iBAAiB,CAAC,EAC7BL,KAAK,EACLF,KAAK,EACLG,iBAAiB,EACjBE,UAAU,EACVN,SAAS,EACTO,mBAAmB,EACnBL,KAAK,CACN,CAAC;EACF,IAAIa,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,IAAIhB,KAAK,EAAE;IACnD;IACAiB,OAAO,CAACC,GAAG,CAAC,gBAAgB,EAAEf,iBAAiB,CAAC;EAClD;EAEAK,SAAS,CAACC,OAAO,GAAG;IAAE,GAAGD,SAAS,CAACC,OAAO;IAAE,GAAGA;EAAQ,CAAC;EAExD,OAAO,CAACX,KAAK,EAAEU,SAAS,EAAEE,cAAc,CAAC;AAC3C,CAAC","ignoreList":[]}

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

@@ -2,28 +2,25 @@ import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';
 import { useNativeBaseConfig } from '../../core/NativeBaseContext';
 import { isResponsiveAnyProp } from '../../theme/tools';
 import { useTheme } from '../useTheme';
-import { useMemo } from 'react'; //@ts-ignore
-
+import { useMemo } from 'react';
+//@ts-ignore
 import stableHash from 'stable-hash';
 export const useSx = () => {
   const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;
   const theme = useTheme();
-
   const Sx = query => {
     const StableHashQuery = stableHash(query);
     const checkWarning = useMemo(() => {
-      return isResponsiveAnyProp(query, theme); // eslint-disable-next-line react-hooks/exhaustive-deps
+      return isResponsiveAnyProp(query, theme);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [StableHashQuery]);
-
     if (isSSR && checkWarning) {
       console.warn("useSx prop doesn't resolve responsive prop with SSR");
-    } // eslint-disable-next-line
-
-
+    }
+    // eslint-disable-next-line
     const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(query);
     return styleFromProps;
   };
-
   return Sx;
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["useStyledSystemPropsResolver","useNativeBaseConfig","isResponsiveAnyProp","useTheme","useMemo","stableHash","useSx","isSSR","theme","Sx","query","StableHashQuery","checkWarning","console","warn","_style","_restProps","styleFromProps"],"mappings":"AAAA,SAASA,4BAAT,QAA6C,iCAA7C;AACA,SAASC,mBAAT,QAAoC,8BAApC;AACA,SAASC,mBAAT,QAAoC,mBAApC;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,OAAT,QAAwB,OAAxB,C,CACA;;AACA,OAAOC,UAAP,MAAuB,aAAvB;AAGA,OAAO,MAAMC,KAAK,GAAG,MAAM;AACzB,QAAMC,KAAK,GAAGN,mBAAmB,CAAC,4BAAD,CAAnB,CAAkDM,KAAhE;AACA,QAAMC,KAAK,GAAGL,QAAQ,EAAtB;;AACA,QAAMM,EAAE,GAAIC,KAAD,IAAwB;AACjC,UAAMC,eAAe,GAAGN,UAAU,CAACK,KAAD,CAAlC;AACA,UAAME,YAAY,GAAGR,OAAO,CAAC,MAAM;AACjC,aAAOF,mBAAmB,CAACQ,KAAD,EAAQF,KAAR,CAA1B,CADiC,CAEjC;AACD,KAH2B,EAGzB,CAACG,eAAD,CAHyB,CAA5B;;AAKA,QAAIJ,KAAK,IAAIK,YAAb,EAA2B;AACzBC,MAAAA,OAAO,CAACC,IAAR,CAAa,qDAAb;AACD,KATgC,CAUjC;;;AACA,UAAM,CAACC,MAAD,EAASC,UAAT,EAAqBC,cAArB,IAAuCjB,4BAA4B,CACvEU,KADuE,CAAzE;AAIA,WAAOO,cAAP;AACD,GAhBD;;AAiBA,SAAOR,EAAP;AACD,CArBM","sourcesContent":["import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';\r\nimport { useNativeBaseConfig } from '../../core/NativeBaseContext';\r\nimport { isResponsiveAnyProp } from '../../theme/tools';\r\nimport { useTheme } from '../useTheme';\r\nimport { useMemo } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport type { StyledProps } from '../../theme/types';\r\n\r\nexport const useSx = () => {\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n  const theme = useTheme();\r\n  const Sx = (query: StyledProps) => {\r\n    const StableHashQuery = stableHash(query);\r\n    const checkWarning = useMemo(() => {\r\n      return isResponsiveAnyProp(query, theme);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [StableHashQuery]);\r\n\r\n    if (isSSR && checkWarning) {\r\n      console.warn(\"useSx prop doesn't resolve responsive prop with SSR\");\r\n    }\r\n    // eslint-disable-next-line\r\n    const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(\r\n      query\r\n    );\r\n\r\n    return styleFromProps;\r\n  };\r\n  return Sx;\r\n};\r\n"]}
+{"version":3,"names":["useStyledSystemPropsResolver","useNativeBaseConfig","isResponsiveAnyProp","useTheme","useMemo","stableHash","useSx","isSSR","theme","Sx","query","StableHashQuery","checkWarning","console","warn","_style","_restProps","styleFromProps"],"sources":["index.ts"],"sourcesContent":["import { useStyledSystemPropsResolver } from '../useStyledSystemPropsResolver';\r\nimport { useNativeBaseConfig } from '../../core/NativeBaseContext';\r\nimport { isResponsiveAnyProp } from '../../theme/tools';\r\nimport { useTheme } from '../useTheme';\r\nimport { useMemo } from 'react';\r\n//@ts-ignore\r\nimport stableHash from 'stable-hash';\r\nimport type { StyledProps } from '../../theme/types';\r\n\r\nexport const useSx = () => {\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n  const theme = useTheme();\r\n  const Sx = (query: StyledProps) => {\r\n    const StableHashQuery = stableHash(query);\r\n    const checkWarning = useMemo(() => {\r\n      return isResponsiveAnyProp(query, theme);\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [StableHashQuery]);\r\n\r\n    if (isSSR && checkWarning) {\r\n      console.warn(\"useSx prop doesn't resolve responsive prop with SSR\");\r\n    }\r\n    // eslint-disable-next-line\r\n    const [_style, _restProps, styleFromProps] = useStyledSystemPropsResolver(\r\n      query\r\n    );\r\n\r\n    return styleFromProps;\r\n  };\r\n  return Sx;\r\n};\r\n"],"mappings":"AAAA,SAASA,4BAA4B,QAAQ,iCAAiC;AAC9E,SAASC,mBAAmB,QAAQ,8BAA8B;AAClE,SAASC,mBAAmB,QAAQ,mBAAmB;AACvD,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,OAAO,QAAQ,OAAO;AAC/B;AACA,OAAOC,UAAU,MAAM,aAAa;AAGpC,OAAO,MAAMC,KAAK,GAAGA,CAAA,KAAM;EACzB,MAAMC,KAAK,GAAGN,mBAAmB,CAAC,4BAA4B,CAAC,CAACM,KAAK;EACrE,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,EAAE,GAAIC,KAAkB,IAAK;IACjC,MAAMC,eAAe,GAAGN,UAAU,CAACK,KAAK,CAAC;IACzC,MAAME,YAAY,GAAGR,OAAO,CAAC,MAAM;MACjC,OAAOF,mBAAmB,CAACQ,KAAK,EAAEF,KAAK,CAAC;MACxC;IACF,CAAC,EAAE,CAACG,eAAe,CAAC,CAAC;IAErB,IAAIJ,KAAK,IAAIK,YAAY,EAAE;MACzBC,OAAO,CAACC,IAAI,CAAC,qDAAqD,CAAC;IACrE;IACA;IACA,MAAM,CAACC,MAAM,EAAEC,UAAU,EAAEC,cAAc,CAAC,GAAGjB,4BAA4B,CACvEU,KACF,CAAC;IAED,OAAOO,cAAc;EACvB,CAAC;EACD,OAAOR,EAAE;AACX,CAAC","ignoreList":[]}

package/lib/module/hooks/useTheme.js

@@ -1,11 +1,9 @@
 import { useNativeBaseConfig } from './../core/NativeBaseContext';
 export function useTheme() {
   const theme = useNativeBaseConfig('useTheme').theme;
-
   if (!theme) {
     throw Error('useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`');
   }
-
   return theme;
 }
 //# sourceMappingURL=useTheme.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["useTheme.ts"],"names":["useNativeBaseConfig","useTheme","theme","Error"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,6BAApC;AAEA,OAAO,SAASC,QAAT,GAAoB;AACzB,QAAMC,KAAK,GAAGF,mBAAmB,CAAC,UAAD,CAAnB,CAAgCE,KAA9C;;AACA,MAAI,CAACA,KAAL,EAAY;AACV,UAAMC,KAAK,CACT,+FADS,CAAX;AAGD;;AAED,SAAOD,KAAP;AACD","sourcesContent":["import { useNativeBaseConfig } from './../core/NativeBaseContext';\r\n\r\nexport function useTheme() {\r\n  const theme = useNativeBaseConfig('useTheme').theme;\r\n  if (!theme) {\r\n    throw Error(\r\n      'useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`'\r\n    );\r\n  }\r\n\r\n  return theme;\r\n}\r\n"]}
+{"version":3,"names":["useNativeBaseConfig","useTheme","theme","Error"],"sources":["useTheme.ts"],"sourcesContent":["import { useNativeBaseConfig } from './../core/NativeBaseContext';\r\n\r\nexport function useTheme() {\r\n  const theme = useNativeBaseConfig('useTheme').theme;\r\n  if (!theme) {\r\n    throw Error(\r\n      'useTheme: `theme` is undefined. Seems you forgot to wrap your app in `<NativeBaseProvider />`'\r\n    );\r\n  }\r\n\r\n  return theme;\r\n}\r\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,6BAA6B;AAEjE,OAAO,SAASC,QAAQA,CAAA,EAAG;EACzB,MAAMC,KAAK,GAAGF,mBAAmB,CAAC,UAAU,CAAC,CAACE,KAAK;EACnD,IAAI,CAACA,KAAK,EAAE;IACV,MAAMC,KAAK,CACT,+FACF,CAAC;EACH;EAEA,OAAOD,KAAK;AACd","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["useThemeProps","usePropsResolution","usePropsWithComponentTheme"],"mappings":"AAAA,SAASA,aAAT,QAA8B,YAA9B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,0BAAT,QAA2C,8BAA3C","sourcesContent":["export { useThemeProps } from './useProps';\r\nexport { usePropsResolution } from './usePropsResolution';\r\nexport { usePropsWithComponentTheme } from './usePropsWithComponentTheme';\r\n"]}
+{"version":3,"names":["useThemeProps","usePropsResolution","usePropsWithComponentTheme"],"sources":["index.ts"],"sourcesContent":["export { useThemeProps } from './useProps';\r\nexport { usePropsResolution } from './usePropsResolution';\r\nexport { usePropsWithComponentTheme } from './usePropsWithComponentTheme';\r\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,YAAY;AAC1C,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,0BAA0B,QAAQ,8BAA8B","ignoreList":[]}