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

package/lib/module/core/hybrid-overlay/HybridProvider.js

@@ -0,0 +1,65 @@
+import React, { useMemo } from 'react';
+import { Platform } from 'react-native';
+import { HybridContext } from './Context';
+import { useModeManager } from './../color-mode/hooks';
+import { keyboardDismissHandlerManager } from '../../hooks';
+
+const HybridProvider = ({
+  children,
+  options: {
+    initialColorMode = 'light',
+    accessibleColors: isTextColorAccessible = false,
+    useSystemColorMode
+  },
+  colorModeManager
+}) => {
+  // Color-mode content
+  const {
+    colorMode,
+    setColorMode
+  } = useModeManager(initialColorMode, useSystemColorMode, colorModeManager);
+  const toggleColorMode = React.useCallback(() => {
+    setColorMode(colorMode === 'light' ? 'dark' : 'light');
+  }, [colorMode, setColorMode]); // Accessible color hook
+
+  const [accessibleColors, setAccessibleColors] = React.useState(isTextColorAccessible);
+  const contextValue = useMemo(() => {
+    return {
+      colorMode: {
+        colorMode,
+        toggleColorMode,
+        setColorMode,
+        accessibleColors,
+        setAccessibleColors
+      }
+    };
+  }, [colorMode, toggleColorMode, setColorMode, accessibleColors, setAccessibleColors]);
+  React.useEffect(() => {
+    let escapeKeyListener = null;
+
+    if (Platform.OS === 'web') {
+      escapeKeyListener = e => {
+        if (e.key === 'Escape') {
+          if (keyboardDismissHandlerManager.length() > 0) {
+            const lastHandler = keyboardDismissHandlerManager.pop();
+            lastHandler();
+          }
+        }
+      };
+
+      document.addEventListener('keydown', escapeKeyListener);
+    }
+
+    return () => {
+      if (Platform.OS === 'web') {
+        document.removeEventListener('keydown', escapeKeyListener);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(HybridContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+export default HybridProvider;
+//# sourceMappingURL=HybridProvider.js.map

package/lib/module/core/hybrid-overlay/HybridProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HybridProvider.tsx"],"names":["React","useMemo","Platform","HybridContext","useModeManager","keyboardDismissHandlerManager","HybridProvider","children","options","initialColorMode","accessibleColors","isTextColorAccessible","useSystemColorMode","colorModeManager","colorMode","setColorMode","toggleColorMode","useCallback","setAccessibleColors","useState","contextValue","useEffect","escapeKeyListener","OS","e","key","length","lastHandler","pop","document","addEventListener","removeEventListener"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,aAAT,QAA8B,WAA9B;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAEA,SAASC,6BAAT,QAA8C,aAA9C;;AAEA,MAAMC,cAAc,GAAG,CAAC;AACtBC,EAAAA,QADsB;AAEtBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,gBAAgB,GAAG,OADZ;AAEPC,IAAAA,gBAAgB,EAAEC,qBAAqB,GAAG,KAFnC;AAGPC,IAAAA;AAHO,GAFa;AAOtBC,EAAAA;AAPsB,CAAD,KAQQ;AAC7B;AACA,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,MAA8BX,cAAc,CAChDK,gBADgD,EAEhDG,kBAFgD,EAGhDC,gBAHgD,CAAlD;AAMA,QAAMG,eAAe,GAAGhB,KAAK,CAACiB,WAAN,CAAkB,MAAM;AAC9CF,IAAAA,YAAY,CAACD,SAAS,KAAK,OAAd,GAAwB,MAAxB,GAAiC,OAAlC,CAAZ;AACD,GAFuB,EAErB,CAACA,SAAD,EAAYC,YAAZ,CAFqB,CAAxB,CAR6B,CAY7B;;AACA,QAAM,CAACL,gBAAD,EAAmBQ,mBAAnB,IAA0ClB,KAAK,CAACmB,QAAN,CAC9CR,qBAD8C,CAAhD;AAIA,QAAMS,YAAY,GAAGnB,OAAO,CAAC,MAAM;AACjC,WAAO;AACLa,MAAAA,SAAS,EAAE;AACTA,QAAAA,SADS;AAETE,QAAAA,eAFS;AAGTD,QAAAA,YAHS;AAITL,QAAAA,gBAJS;AAKTQ,QAAAA;AALS;AADN,KAAP;AASD,GAV2B,EAUzB,CACDJ,SADC,EAEDE,eAFC,EAGDD,YAHC,EAIDL,gBAJC,EAKDQ,mBALC,CAVyB,CAA5B;AAkBAlB,EAAAA,KAAK,CAACqB,SAAN,CAAgB,MAAM;AACpB,QAAIC,iBAAsB,GAAG,IAA7B;;AAEA,QAAIpB,QAAQ,CAACqB,EAAT,KAAgB,KAApB,EAA2B;AACzBD,MAAAA,iBAAiB,GAAIE,CAAD,IAAsB;AACxC,YAAIA,CAAC,CAACC,GAAF,KAAU,QAAd,EAAwB;AACtB,cAAIpB,6BAA6B,CAACqB,MAA9B,KAAyC,CAA7C,EAAgD;AAC9C,kBAAMC,WAAgB,GAAGtB,6BAA6B,CAACuB,GAA9B,EAAzB;AACAD,YAAAA,WAAW;AACZ;AACF;AACF,OAPD;;AAQAE,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCR,iBAArC;AACD;;AAED,WAAO,MAAM;AACX,UAAIpB,QAAQ,CAACqB,EAAT,KAAgB,KAApB,EAA2B;AACzBM,QAAAA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCT,iBAAxC;AACD;AACF,KAJD;AAKD,GApBD,EAoBG,EApBH;AAsBA,sBACE,oBAAC,aAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEF;AAA/B,KACGb,QADH,CADF;AAKD,CAtED;;AAwEA,eAAeD,cAAf","sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Platform } from 'react-native';\r\nimport { HybridContext } from './Context';\r\nimport { useModeManager } from './../color-mode/hooks';\r\nimport type { IColorModeProviderProps } from './../color-mode';\r\nimport { keyboardDismissHandlerManager } from '../../hooks';\r\n\r\nconst HybridProvider = ({\r\n  children,\r\n  options: {\r\n    initialColorMode = 'light',\r\n    accessibleColors: isTextColorAccessible = false,\r\n    useSystemColorMode,\r\n  },\r\n  colorModeManager,\r\n}: IColorModeProviderProps) => {\r\n  // Color-mode content\r\n  const { colorMode, setColorMode } = useModeManager(\r\n    initialColorMode,\r\n    useSystemColorMode,\r\n    colorModeManager\r\n  );\r\n\r\n  const toggleColorMode = React.useCallback(() => {\r\n    setColorMode(colorMode === 'light' ? 'dark' : 'light');\r\n  }, [colorMode, setColorMode]);\r\n\r\n  // Accessible color hook\r\n  const [accessibleColors, setAccessibleColors] = React.useState<boolean>(\r\n    isTextColorAccessible\r\n  );\r\n\r\n  const contextValue = useMemo(() => {\r\n    return {\r\n      colorMode: {\r\n        colorMode,\r\n        toggleColorMode,\r\n        setColorMode,\r\n        accessibleColors,\r\n        setAccessibleColors,\r\n      },\r\n    };\r\n  }, [\r\n    colorMode,\r\n    toggleColorMode,\r\n    setColorMode,\r\n    accessibleColors,\r\n    setAccessibleColors,\r\n  ]);\r\n\r\n  React.useEffect(() => {\r\n    let escapeKeyListener: any = null;\r\n\r\n    if (Platform.OS === 'web') {\r\n      escapeKeyListener = (e: KeyboardEvent) => {\r\n        if (e.key === 'Escape') {\r\n          if (keyboardDismissHandlerManager.length() > 0) {\r\n            const lastHandler: any = keyboardDismissHandlerManager.pop();\r\n            lastHandler();\r\n          }\r\n        }\r\n      };\r\n      document.addEventListener('keydown', escapeKeyListener);\r\n    }\r\n\r\n    return () => {\r\n      if (Platform.OS === 'web') {\r\n        document.removeEventListener('keydown', escapeKeyListener);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return (\r\n    <HybridContext.Provider value={contextValue}>\r\n      {children}\r\n    </HybridContext.Provider>\r\n  );\r\n};\r\n\r\nexport default HybridProvider;\r\n"]}

package/lib/module/core/hybrid-overlay/index.js

@@ -0,0 +1,3 @@
+export { HybridContext } from './Context';
+export { default as HybridProvider } from './HybridProvider';
+//# sourceMappingURL=index.js.map

package/lib/module/core/hybrid-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["HybridContext","default","HybridProvider"],"mappings":"AAAA,SAASA,aAAT,QAA8B,WAA9B;AACA,SAASC,OAAO,IAAIC,cAApB,QAA0C,kBAA1C","sourcesContent":["export { HybridContext } from './Context';\r\nexport { default as HybridProvider } from './HybridProvider';\r\nexport type { IHybridContextProps } from './types';\r\n"]}

package/lib/module/core/hybrid-overlay/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/core/hybrid-overlay/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/core/index.js

@@ -0,0 +1,5 @@
+export * from './NativeBaseProvider';
+export * from './extendTheme';
+export { useColorMode, useColorModeValue, useAccessibleColors } from './color-mode';
+export { ToastProvider } from '../components/composites/Toast';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useColorMode","useColorModeValue","useAccessibleColors","ToastProvider"],"mappings":"AAAA,cAAc,sBAAd;AACA,cAAc,eAAd;AAEA,SACEA,YADF,EAEEC,iBAFF,EAGEC,mBAHF,QAIO,cAJP;AAgBA,SAASC,aAAT,QAA8B,gCAA9B","sourcesContent":["export * from './NativeBaseProvider';\r\nexport * from './extendTheme';\r\n\r\nexport {\r\n  useColorMode,\r\n  useColorModeValue,\r\n  useAccessibleColors,\r\n} from './color-mode';\r\n\r\nexport type { INativebaseConfig } from './NativeBaseContext';\r\n\r\nexport type {\r\n  StorageManager,\r\n  ColorMode,\r\n  ColorModeOptions,\r\n  IColorModeProviderProps,\r\n  IColorModeContextProps,\r\n} from './color-mode';\r\n\r\nexport { ToastProvider } from '../components/composites/Toast';\r\n"]}

package/lib/module/factory/component.js

@@ -0,0 +1,19 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useMemo } from 'react';
+import { usePropsWithComponentTheme } from '../hooks/useThemeProps/usePropsWithComponentTheme';
+import { makeStyledComponent } from '../utils/styled';
+export default function Factory(Component, componentTheme) {
+  return /*#__PURE__*/React.forwardRef(({
+    children,
+    _state,
+    ...props
+  }, ref) => {
+    const StyledComponent = useMemo(() => makeStyledComponent(Component), []);
+    const calculatedProps = usePropsWithComponentTheme(componentTheme !== null && componentTheme !== void 0 ? componentTheme : {}, props, _state);
+    return /*#__PURE__*/React.createElement(StyledComponent, _extends({}, calculatedProps, {
+      ref: ref
+    }), children);
+  });
+}
+//# sourceMappingURL=component.js.map

package/lib/module/factory/component.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component.tsx"],"names":["React","useMemo","usePropsWithComponentTheme","makeStyledComponent","Factory","Component","componentTheme","forwardRef","children","_state","props","ref","StyledComponent","calculatedProps"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,SAASC,0BAAT,QAA2C,mDAA3C;AAGA,SAASC,mBAAT,QAAoC,iBAApC;AAEA,eAAe,SAASC,OAAT,CACbC,SADa,EAEbC,cAFa,EAGb;AACA,sBAAON,KAAK,CAACO,UAAN,CACL,CAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoB,OAAGC;AAAvB,GAAD,EAA4DC,GAA5D,KAAyE;AACvE,UAAMC,eAAe,GAAGX,OAAO,CAAC,MAAME,mBAAmB,CAACE,SAAD,CAA1B,EAAuC,EAAvC,CAA/B;AACA,UAAMQ,eAAe,GAAGX,0BAA0B,CAChDI,cADgD,aAChDA,cADgD,cAChDA,cADgD,GAC9B,EAD8B,EAEhDI,KAFgD,EAGhDD,MAHgD,CAAlD;AAKA,wBACE,oBAAC,eAAD,eAAsBI,eAAtB;AAA6C,MAAA,GAAG,EAAEF;AAAlD,QACGH,QADH,CADF;AAKD,GAbI,CAAP;AAeD","sourcesContent":["import React, { useMemo } from 'react';\r\nimport { usePropsWithComponentTheme } from '../hooks/useThemeProps/usePropsWithComponentTheme';\r\nimport type { ComponentTheme } from '../theme';\r\nimport type { FactoryComponentProps } from './types';\r\nimport { makeStyledComponent } from '../utils/styled';\r\n\r\nexport default function Factory<P>(\r\n  Component: React.ComponentType<P>,\r\n  componentTheme?: ComponentTheme\r\n) {\r\n  return React.forwardRef(\r\n    ({ children, _state, ...props }: P & FactoryComponentProps, ref: any) => {\r\n      const StyledComponent = useMemo(() => makeStyledComponent(Component), []);\r\n      const calculatedProps = usePropsWithComponentTheme(\r\n        componentTheme ?? {},\r\n        props,\r\n        _state\r\n      );\r\n      return (\r\n        <StyledComponent {...(calculatedProps as P)} ref={ref}>\r\n          {children}\r\n        </StyledComponent>\r\n      );\r\n    }\r\n  );\r\n}\r\n"]}

package/lib/module/factory/index.js

@@ -0,0 +1,2 @@
+export { default as Factory } from './component';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":["default","Factory"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,aAAnC","sourcesContent":["export { default as Factory } from './component';\r\nexport type { FactoryComponentProps } from './types';\r\n"]}

package/lib/module/factory/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/module/factory/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,23 @@
+export { useClipboard } from './useClipboard';
+export { useDisclose } from './useDisclose';
+export { useNativeBase } from './useNativeBase';
+export { useMediaQuery } from './useMediaQuery';
+export { useBreakpointValue } from './useBreakpointValue';
+export { useBreakpointResolvedProps } from './useBreakpointResolvedProps';
+export { usePlatformProps } from './usePlatformProps';
+export { useStyledSystemPropsResolver } from './useStyledSystemPropsResolver';
+export { useControllableProp, useControllableState } from './useControllableProp'; // TODO: Have to properly remove these as we're no longer using them internally.
+
+export { useThemeProps, usePropsWithComponentTheme } from './useThemeProps'; // TODO: instead export only this.
+
+export { usePropsResolution } from './useThemeProps';
+export { usePropsResolutionTest } from './useThemeProps/usePropsResolutionTest';
+export { useTheme } from './useTheme';
+export { useToken } from './useToken';
+export { useSafeArea } from './useSafeArea';
+export { useContrastText } from './useContrastText';
+export { useScreenReaderEnabled } from './useScreenReaderEnabled';
+export { useKeyboardDismissable, keyboardDismissHandlerManager } from './useKeyboardDismissable';
+export { useLayout } from './useLayout';
+export { useSx } from './useSx';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["useClipboard","useDisclose","useNativeBase","useMediaQuery","useBreakpointValue","useBreakpointResolvedProps","usePlatformProps","useStyledSystemPropsResolver","useControllableProp","useControllableState","useThemeProps","usePropsWithComponentTheme","usePropsResolution","usePropsResolutionTest","useTheme","useToken","useSafeArea","useContrastText","useScreenReaderEnabled","useKeyboardDismissable","keyboardDismissHandlerManager","useLayout","useSx"],"mappings":"AAAA,SAASA,YAAT,QAA6B,gBAA7B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,kBAAT,QAAmC,sBAAnC;AACA,SAASC,0BAAT,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,4BAAT,QAA6C,gCAA7C;AACA,SACEC,mBADF,EAEEC,oBAFF,QAGO,uBAHP,C,CAIA;;AACA,SAASC,aAAT,EAAwBC,0BAAxB,QAA0D,iBAA1D,C,CACA;;AACA,SAASC,kBAAT,QAAmC,iBAAnC;AACA,SAASC,sBAAT,QAAuC,wCAAvC;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,QAAT,QAAyB,YAAzB;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,sBAAT,QAAuC,0BAAvC;AACA,SACEC,sBADF,EAEEC,6BAFF,QAGO,0BAHP;AAIA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,KAAT,QAAsB,SAAtB","sourcesContent":["export { useClipboard } from './useClipboard';\r\nexport { useDisclose } from './useDisclose';\r\nexport { useNativeBase } from './useNativeBase';\r\nexport { useMediaQuery } from './useMediaQuery';\r\nexport { useBreakpointValue } from './useBreakpointValue';\r\nexport { useBreakpointResolvedProps } from './useBreakpointResolvedProps';\r\nexport { usePlatformProps } from './usePlatformProps';\r\nexport { useStyledSystemPropsResolver } from './useStyledSystemPropsResolver';\r\nexport {\r\n  useControllableProp,\r\n  useControllableState,\r\n} from './useControllableProp';\r\n// TODO: Have to properly remove these as we're no longer using them internally.\r\nexport { useThemeProps, usePropsWithComponentTheme } from './useThemeProps';\r\n// TODO: instead export only this.\r\nexport { usePropsResolution } from './useThemeProps';\r\nexport { usePropsResolutionTest } from './useThemeProps/usePropsResolutionTest';\r\nexport { useTheme } from './useTheme';\r\nexport { useToken } from './useToken';\r\nexport { useSafeArea } from './useSafeArea';\r\nexport { useContrastText } from './useContrastText';\r\nexport { useScreenReaderEnabled } from './useScreenReaderEnabled';\r\nexport {\r\n  useKeyboardDismissable,\r\n  keyboardDismissHandlerManager,\r\n} from './useKeyboardDismissable';\r\nexport { useLayout } from './useLayout';\r\nexport { useSx } from './useSx';\r\n"]}

package/lib/module/hooks/tests/useBreakpointValue.test.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { useBreakpointValue } from '../../hooks/useBreakpointValue';
+import { NativeBaseProvider } from '../../core/NativeBaseProvider';
+import { renderHook } from '@testing-library/react-hooks';
+describe('useBreakpointValue', () => {
+  const wrapper = ({
+    children
+  }) => /*#__PURE__*/React.createElement(NativeBaseProvider, {
+    initialWindowMetrics: {
+      frame: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      },
+      insets: {
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0
+      }
+    }
+  }, children);
+
+  test('Empty array', () => {
+    const {
+      result
+    } = renderHook(() => useBreakpointValue([]), {
+      wrapper
+    });
+    expect(result.current).toEqual([]);
+  });
+  test('Empty object', () => {
+    const {
+      result
+    } = renderHook(() => useBreakpointValue({}), {
+      wrapper
+    });
+    expect(result.current).toEqual(undefined);
+  });
+  test('Basic array', () => {
+    const {
+      result
+    } = renderHook(() => useBreakpointValue([1, 2, 3]), {
+      wrapper
+    });
+    expect(result.current).toEqual(2);
+  });
+  test('Basic Object', () => {
+    const {
+      result
+    } = renderHook(() => useBreakpointValue({
+      base: 0,
+      sm: 1,
+      md: 2
+    }), {
+      wrapper
+    });
+    expect(result.current).toEqual(1);
+  });
+});
+//# sourceMappingURL=useBreakpointValue.test.js.map

package/lib/module/hooks/tests/useBreakpointValue.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointValue.test.tsx"],"names":["React","useBreakpointValue","NativeBaseProvider","renderHook","describe","wrapper","children","frame","x","y","width","height","insets","top","left","right","bottom","test","result","expect","current","toEqual","undefined","base","sm","md"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,kBAAT,QAAmC,gCAAnC;AACA,SAASC,kBAAT,QAAmC,+BAAnC;AACA,SAASC,UAAT,QAA2B,8BAA3B;AAEAC,QAAQ,CAAC,oBAAD,EAAuB,MAAM;AACnC,QAAMC,OAAO,GAAG,CAAC;AAAEC,IAAAA;AAAF,GAAD,kBACd,oBAAC,kBAAD;AACE,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,CAAC,EAAE,CAAL;AAAQC,QAAAA,CAAC,EAAE,CAAX;AAAcC,QAAAA,KAAK,EAAE,CAArB;AAAwBC,QAAAA,MAAM,EAAE;AAAhC,OADa;AAEpBC,MAAAA,MAAM,EAAE;AAAEC,QAAAA,GAAG,EAAE,CAAP;AAAUC,QAAAA,IAAI,EAAE,CAAhB;AAAmBC,QAAAA,KAAK,EAAE,CAA1B;AAA6BC,QAAAA,MAAM,EAAE;AAArC;AAFY;AADxB,KAMGV,QANH,CADF;;AAUAW,EAAAA,IAAI,CAAC,aAAD,EAAgB,MAAM;AACxB,UAAM;AAAEC,MAAAA;AAAF,QAAaf,UAAU,CAAC,MAAMF,kBAAkB,CAAC,EAAD,CAAzB,EAA+B;AAC1DI,MAAAA;AAD0D,KAA/B,CAA7B;AAGAc,IAAAA,MAAM,CAACD,MAAM,CAACE,OAAR,CAAN,CAAuBC,OAAvB,CAA+B,EAA/B;AACD,GALG,CAAJ;AAMAJ,EAAAA,IAAI,CAAC,cAAD,EAAiB,MAAM;AACzB,UAAM;AAAEC,MAAAA;AAAF,QAAaf,UAAU,CAAC,MAAMF,kBAAkB,CAAC,EAAD,CAAzB,EAA+B;AAC1DI,MAAAA;AAD0D,KAA/B,CAA7B;AAGAc,IAAAA,MAAM,CAACD,MAAM,CAACE,OAAR,CAAN,CAAuBC,OAAvB,CAA+BC,SAA/B;AACD,GALG,CAAJ;AAMAL,EAAAA,IAAI,CAAC,aAAD,EAAgB,MAAM;AACxB,UAAM;AAAEC,MAAAA;AAAF,QAAaf,UAAU,CAAC,MAAMF,kBAAkB,CAAC,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAD,CAAzB,EAAsC;AACjEI,MAAAA;AADiE,KAAtC,CAA7B;AAGAc,IAAAA,MAAM,CAACD,MAAM,CAACE,OAAR,CAAN,CAAuBC,OAAvB,CAA+B,CAA/B;AACD,GALG,CAAJ;AAMAJ,EAAAA,IAAI,CAAC,cAAD,EAAiB,MAAM;AACzB,UAAM;AAAEC,MAAAA;AAAF,QAAaf,UAAU,CAC3B,MAAMF,kBAAkB,CAAC;AAAEsB,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAD,CADG,EAE3B;AACEpB,MAAAA;AADF,KAF2B,CAA7B;AAMAc,IAAAA,MAAM,CAACD,MAAM,CAACE,OAAR,CAAN,CAAuBC,OAAvB,CAA+B,CAA/B;AACD,GARG,CAAJ;AASD,CAtCO,CAAR","sourcesContent":["import React from 'react';\r\nimport { useBreakpointValue } from '../../hooks/useBreakpointValue';\r\nimport { NativeBaseProvider } from '../../core/NativeBaseProvider';\r\nimport { renderHook } from '@testing-library/react-hooks';\r\n\r\ndescribe('useBreakpointValue', () => {\r\n  const wrapper = ({ children }: any) => (\r\n    <NativeBaseProvider\r\n      initialWindowMetrics={{\r\n        frame: { x: 0, y: 0, width: 0, height: 0 },\r\n        insets: { top: 0, left: 0, right: 0, bottom: 0 },\r\n      }}\r\n    >\r\n      {children}\r\n    </NativeBaseProvider>\r\n  );\r\n  test('Empty array', () => {\r\n    const { result } = renderHook(() => useBreakpointValue([]), {\r\n      wrapper,\r\n    });\r\n    expect(result.current).toEqual([]);\r\n  });\r\n  test('Empty object', () => {\r\n    const { result } = renderHook(() => useBreakpointValue({}), {\r\n      wrapper,\r\n    });\r\n    expect(result.current).toEqual(undefined);\r\n  });\r\n  test('Basic array', () => {\r\n    const { result } = renderHook(() => useBreakpointValue([1, 2, 3]), {\r\n      wrapper,\r\n    });\r\n    expect(result.current).toEqual(2);\r\n  });\r\n  test('Basic Object', () => {\r\n    const { result } = renderHook(\r\n      () => useBreakpointValue({ base: 0, sm: 1, md: 2 }),\r\n      {\r\n        wrapper,\r\n      }\r\n    );\r\n    expect(result.current).toEqual(1);\r\n  });\r\n});\r\n"]}

package/lib/module/hooks/useBreakpointResolvedProps.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useNativeBaseConfig } from '../core/NativeBaseContext';
+import { resolveValueWithBreakpoint } from './useThemeProps/utils';
+import { useTheme } from './../hooks/useTheme';
+export const useBreakpointResolvedProps = props => {
+  const currentBreakpoint = useNativeBaseConfig('useBreakpointResolvedProps').currentBreakpoint;
+  const theme = useTheme();
+  const newProps = React.useMemo(() => {
+    let newProps = {};
+
+    for (let key in props) {
+      const rawValue = props[key];
+      const value = resolveValueWithBreakpoint(rawValue, theme.breakpoints, currentBreakpoint, key);
+      newProps[key] = value;
+    }
+
+    return newProps;
+  }, [props, currentBreakpoint, theme.breakpoints]);
+  return newProps;
+};
+//# sourceMappingURL=useBreakpointResolvedProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointResolvedProps.ts"],"names":["React","useNativeBaseConfig","resolveValueWithBreakpoint","useTheme","useBreakpointResolvedProps","props","currentBreakpoint","theme","newProps","useMemo","key","rawValue","value","breakpoints"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,mBAAT,QAAoC,2BAApC;AACA,SAASC,0BAAT,QAA2C,uBAA3C;AACA,SAASC,QAAT,QAAyB,qBAAzB;AAUA,OAAO,MAAMC,0BAA0B,GAAIC,KAAD,IAAmB;AAC3D,QAAMC,iBAAiB,GAAGL,mBAAmB,CAAC,4BAAD,CAAnB,CACvBK,iBADH;AAEA,QAAMC,KAAK,GAAGJ,QAAQ,EAAtB;AACA,QAAMK,QAAmB,GAAGR,KAAK,CAACS,OAAN,CAAc,MAAM;AAC9C,QAAID,QAAmB,GAAG,EAA1B;;AACA,SAAK,IAAIE,GAAT,IAAgBL,KAAhB,EAAuB;AACrB,YAAMM,QAAQ,GAAGN,KAAK,CAACK,GAAD,CAAtB;AACA,YAAME,KAAK,GAAGV,0BAA0B,CACtCS,QADsC,EAEtCJ,KAAK,CAACM,WAFgC,EAGtCP,iBAHsC,EAItCI,GAJsC,CAAxC;AAMAF,MAAAA,QAAQ,CAACE,GAAD,CAAR,GAAgBE,KAAhB;AACD;;AACD,WAAOJ,QAAP;AACD,GAb2B,EAazB,CAACH,KAAD,EAAQC,iBAAR,EAA2BC,KAAK,CAACM,WAAjC,CAbyB,CAA5B;AAeA,SAAOL,QAAP;AACD,CApBM","sourcesContent":["import React from 'react';\r\nimport type { ResponsiveValue } from '../components/types';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\nimport { resolveValueWithBreakpoint } from './useThemeProps/utils';\r\nimport { useTheme } from './../hooks/useTheme';\r\n\r\ntype IProps = {\r\n  [key: string]: ResponsiveValue<number | string>;\r\n};\r\n\r\ntype INewProps = {\r\n  [key: string]: number | string;\r\n};\r\n\r\nexport const useBreakpointResolvedProps = (props: IProps) => {\r\n  const currentBreakpoint = useNativeBaseConfig('useBreakpointResolvedProps')\r\n    .currentBreakpoint;\r\n  const theme = useTheme();\r\n  const newProps: INewProps = React.useMemo(() => {\r\n    let newProps: INewProps = {};\r\n    for (let key in props) {\r\n      const rawValue = props[key];\r\n      const value = resolveValueWithBreakpoint(\r\n        rawValue,\r\n        theme.breakpoints,\r\n        currentBreakpoint,\r\n        key\r\n      );\r\n      newProps[key] = value;\r\n    }\r\n    return newProps;\r\n  }, [props, currentBreakpoint, theme.breakpoints]);\r\n\r\n  return newProps;\r\n};\r\n"]}

package/lib/module/hooks/useBreakpointValue.js

@@ -0,0 +1,17 @@
+import { useWindowDimensions } from 'react-native';
+import { getClosestBreakpoint, hasValidBreakpointFormat, findLastValidBreakpoint } from '../theme/tools';
+import { useTheme } from './../hooks/useTheme';
+export function useBreakpointValue(values) {
+  var _useWindowDimensions;
+
+  let windowWidth = (_useWindowDimensions = useWindowDimensions()) === null || _useWindowDimensions === void 0 ? void 0 : _useWindowDimensions.width;
+  const theme = useTheme();
+
+  if (hasValidBreakpointFormat(values, theme.breakpoints)) {
+    let currentBreakpoint = getClosestBreakpoint(theme.breakpoints, windowWidth);
+    return findLastValidBreakpoint(values, theme.breakpoints, currentBreakpoint);
+  } else {
+    return values;
+  }
+}
+//# sourceMappingURL=useBreakpointValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointValue.ts"],"names":["useWindowDimensions","getClosestBreakpoint","hasValidBreakpointFormat","findLastValidBreakpoint","useTheme","useBreakpointValue","values","windowWidth","width","theme","breakpoints","currentBreakpoint"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,cAApC;AACA,SACEC,oBADF,EAEEC,wBAFF,EAGEC,uBAHF,QAIO,gBAJP;AAKA,SAASC,QAAT,QAAyB,qBAAzB;AAOA,OAAO,SAASC,kBAAT,CAA4BC,MAA5B,EAA6D;AAAA;;AAClE,MAAIC,WAAW,2BAAGP,mBAAmB,EAAtB,yDAAG,qBAAuBQ,KAAzC;AACA,QAAMC,KAAK,GAAGL,QAAQ,EAAtB;;AAEA,MAAIF,wBAAwB,CAACI,MAAD,EAASG,KAAK,CAACC,WAAf,CAA5B,EAAyD;AACvD,QAAIC,iBAAiB,GAAGV,oBAAoB,CAC1CQ,KAAK,CAACC,WADoC,EAE1CH,WAF0C,CAA5C;AAIA,WAAOJ,uBAAuB,CAC5BG,MAD4B,EAE5BG,KAAK,CAACC,WAFsB,EAG5BC,iBAH4B,CAA9B;AAKD,GAVD,MAUO;AACL,WAAOL,MAAP;AACD;AACF","sourcesContent":["import { useWindowDimensions } from 'react-native';\r\nimport {\r\n  getClosestBreakpoint,\r\n  hasValidBreakpointFormat,\r\n  findLastValidBreakpoint,\r\n} from '../theme/tools';\r\nimport { useTheme } from './../hooks/useTheme';\r\nimport type { ITheme } from '../theme/index';\r\n\r\ntype UseBreakpointValueParam =\r\n  | { [key in keyof ITheme['breakpoints']]?: any }\r\n  | Array<any>;\r\n\r\nexport function useBreakpointValue(values: UseBreakpointValueParam) {\r\n  let windowWidth = useWindowDimensions()?.width;\r\n  const theme = useTheme();\r\n\r\n  if (hasValidBreakpointFormat(values, theme.breakpoints)) {\r\n    let currentBreakpoint = getClosestBreakpoint(\r\n      theme.breakpoints,\r\n      windowWidth\r\n    );\r\n    return findLastValidBreakpoint(\r\n      values,\r\n      theme.breakpoints,\r\n      currentBreakpoint\r\n    );\r\n  } else {\r\n    return values;\r\n  }\r\n}\r\n"]}

package/lib/module/hooks/useClipboard.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Clipboard } from 'react-native';
+export function useClipboard() {
+  const [hasCopied, setHasCopied] = React.useState(false);
+  const [value, setValue] = React.useState('');
+
+  const onCopy = async copiedValue => {
+    if (Clipboard) {
+      await Clipboard.setString(copiedValue);
+    }
+
+    setValue(copiedValue);
+    setHasCopied(true);
+  };
+
+  return {
+    value,
+    onCopy,
+    hasCopied
+  };
+}
+//# sourceMappingURL=useClipboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useClipboard.ts"],"names":["React","Clipboard","useClipboard","hasCopied","setHasCopied","useState","value","setValue","onCopy","copiedValue","setString"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,SAASC,YAAT,GAAwB;AAC7B,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BJ,KAAK,CAACK,QAAN,CAAe,KAAf,CAAlC;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBP,KAAK,CAACK,QAAN,CAAuB,EAAvB,CAA1B;;AACA,QAAMG,MAAM,GAAG,MAAOC,WAAP,IAA+B;AAC5C,QAAIR,SAAJ,EAAe;AACb,YAAMA,SAAS,CAACS,SAAV,CAAoBD,WAApB,CAAN;AACD;;AACDF,IAAAA,QAAQ,CAACE,WAAD,CAAR;AACAL,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,GAND;;AAOA,SAAO;AACLE,IAAAA,KADK;AAELE,IAAAA,MAFK;AAGLL,IAAAA;AAHK,GAAP;AAKD","sourcesContent":["import React from 'react';\r\nimport { Clipboard } from 'react-native';\r\n\r\nexport function useClipboard() {\r\n  const [hasCopied, setHasCopied] = React.useState(false);\r\n  const [value, setValue] = React.useState<string>('');\r\n  const onCopy = async (copiedValue: string) => {\r\n    if (Clipboard) {\r\n      await Clipboard.setString(copiedValue);\r\n    }\r\n    setValue(copiedValue);\r\n    setHasCopied(true);\r\n  };\r\n  return {\r\n    value,\r\n    onCopy,\r\n    hasCopied,\r\n  };\r\n}\r\n"]}

package/lib/module/hooks/useColorModeProps.js

@@ -0,0 +1,28 @@
+import merge from 'lodash.merge';
+import { useColorMode } from '../core/color-mode';
+export const useColorModeProps = props => {
+  const {
+    _light,
+    _dark,
+    ...remainingProps
+  } = props;
+  const {
+    colorMode
+  } = useColorMode();
+
+  const colorModeProps = () => {
+    switch (colorMode) {
+      case 'light':
+        return _light;
+
+      case 'dark':
+        return _dark;
+
+      default:
+        return {};
+    }
+  };
+
+  return merge(remainingProps, colorModeProps());
+};
+//# sourceMappingURL=useColorModeProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useColorModeProps.ts"],"names":["merge","useColorMode","useColorModeProps","props","_light","_dark","remainingProps","colorMode","colorModeProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,cAAlB;AACA,SAASC,YAAT,QAA6B,oBAA7B;AAEA,OAAO,MAAMC,iBAAiB,GAAIC,KAAD,IAAgB;AAC/C,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiB,OAAGC;AAApB,MAAuCH,KAA7C;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAgBN,YAAY,EAAlC;;AACA,QAAMO,cAAc,GAAG,MAAM;AAC3B,YAAQD,SAAR;AACE,WAAK,OAAL;AACE,eAAOH,MAAP;;AACF,WAAK,MAAL;AACE,eAAOC,KAAP;;AACF;AACE,eAAO,EAAP;AANJ;AAQD,GATD;;AAUA,SAAOL,KAAK,CAACM,cAAD,EAAiBE,cAAc,EAA/B,CAAZ;AACD,CAdM","sourcesContent":["import merge from 'lodash.merge';\r\nimport { useColorMode } from '../core/color-mode';\r\n\r\nexport const useColorModeProps = (props: any) => {\r\n  const { _light, _dark, ...remainingProps } = props;\r\n  const { colorMode } = useColorMode();\r\n  const colorModeProps = () => {\r\n    switch (colorMode) {\r\n      case 'light':\r\n        return _light;\r\n      case 'dark':\r\n        return _dark;\r\n      default:\r\n        return {};\r\n    }\r\n  };\r\n  return merge(remainingProps, colorModeProps());\r\n};\r\n"]}

package/lib/module/hooks/useContrastText.js

@@ -0,0 +1,103 @@
+import Color from 'tinycolor2';
+import { useToken } from './useToken';
+import { useAccessibleColors } from '../core/color-mode/hooks';
+import { useNativeBaseConfig } from '../core/NativeBaseContext';
+export function useContrastText(bg, color) {
+  const [contrastThreshold, trueDarkText, trueLightText, trueBg, trueColor] = useToken('colors', ['contrastThreshold', 'darkText', 'lightText', bg, color !== null && color !== void 0 ? color : '']);
+  const suppressColorAccessibilityWarning = useNativeBaseConfig('NativeBaseConfigProvider').config.suppressColorAccessibilityWarning;
+  const [accessibleColors] = useAccessibleColors();
+
+  if (useNativeBaseConfig('NativeBaseConfigProvider').disableContrastText) {
+    return trueColor;
+  }
+
+  if (typeof bg !== 'string') {
+    return;
+  }
+
+  const [bgThemeColorVariant, bgShade] = bg.split('.');
+  const textColor = !accessibleColors && bgThemeColorVariant && themeColorsThresholdShades[bgThemeColorVariant] ? getContrastThemeColor(bgThemeColorVariant, bgShade) : getAccessibleContrastColor(contrastThreshold, trueDarkText, trueLightText, trueBg, trueColor, bg, color, suppressColorAccessibilityWarning);
+  return textColor;
+}
+
+function getContrastThemeColor(bgThemeColorVariant, bgShade) {
+  const shadeThreshold = themeColorsThresholdShades[bgThemeColorVariant];
+
+  if (bgShade && shadeThreshold && (bgShade >= shadeThreshold && bgThemeColorVariant !== 'dark' || bgThemeColorVariant === 'dark' && bgShade < shadeThreshold)) {
+    return 'lightText';
+  }
+
+  return 'darkText';
+}
+
+function getAccessibleContrastColor(contrastThreshold, trueDarkText, trueLightText, trueBg, trueColor, bg, color, suppressColorAccessibilityWarning) {
+  if (typeof trueBg !== 'string') {
+    trueBg = bg;
+  }
+
+  let trueContrastColor;
+  let contrastColorToken;
+  const darkTextConstrast = getContrastRatio(trueBg, trueDarkText);
+  const lightTextConstrast = getContrastRatio(trueBg, trueLightText);
+
+  if (darkTextConstrast >= contrastThreshold || darkTextConstrast > lightTextConstrast) {
+    trueContrastColor = trueDarkText;
+    contrastColorToken = 'darkText';
+  } else {
+    trueContrastColor = trueLightText;
+    contrastColorToken = 'lightText';
+  }
+
+  if (process.env.NODE_ENV !== 'production') {
+    const contrast = getContrastRatio(trueBg, trueColor ? trueColor : trueContrastColor);
+
+    if (contrast < 3 && !suppressColorAccessibilityWarning) {
+      console.warn(["NativeBase: The contrast ratio of ".concat(contrast, ":1 for ").concat(color ? color : contrastColorToken, " on ").concat(bg), 'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.', 'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast'].join('\n'));
+    }
+  }
+
+  return contrastColorToken;
+}
+
+function getContrastRatio(foreground, background) {
+  const lumA = Color(foreground).getLuminance();
+  const lumB = Color(background).getLuminance();
+  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
+}
+
+const themeColorsThresholdShades = {
+  rose: 500,
+  pink: 500,
+  fuchsia: 800,
+  purple: 700,
+  violet: 600,
+  indigo: 500,
+  blue: 400,
+  lightBlue: 400,
+  cyan: 300,
+  teal: 300,
+  emerald: 300,
+  tertiary: 300,
+  green: 400,
+  lime: 600,
+  yellow: 800,
+  amber: 500,
+  orange: 500,
+  red: 500,
+  warmGray: 500,
+  trueGray: 500,
+  gray: 500,
+  coolGray: 500,
+  blueGray: 500,
+  dark: 500,
+  danger: 500,
+  error: 500,
+  success: 400,
+  warning: 500,
+  muted: 500,
+  primary: 500,
+  info: 400,
+  secondary: 500,
+  light: 500
+};
+//# sourceMappingURL=useContrastText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useContrastText.ts"],"names":["Color","useToken","useAccessibleColors","useNativeBaseConfig","useContrastText","bg","color","contrastThreshold","trueDarkText","trueLightText","trueBg","trueColor","suppressColorAccessibilityWarning","config","accessibleColors","disableContrastText","bgThemeColorVariant","bgShade","split","textColor","themeColorsThresholdShades","getContrastThemeColor","getAccessibleContrastColor","shadeThreshold","trueContrastColor","contrastColorToken","darkTextConstrast","getContrastRatio","lightTextConstrast","process","env","NODE_ENV","contrast","console","warn","join","foreground","background","lumA","getLuminance","lumB","Math","max","min","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","cyan","teal","emerald","tertiary","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","danger","error","success","warning","muted","primary","info","secondary","light"],"mappings":"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","sourcesContent":["import Color from 'tinycolor2';\r\nimport { useToken } from './useToken';\r\nimport { useAccessibleColors } from '../core/color-mode/hooks';\r\nimport { useNativeBaseConfig } from '../core/NativeBaseContext';\r\n\r\nexport function useContrastText(bg: string, color?: string) {\r\n  const [\r\n    contrastThreshold,\r\n    trueDarkText,\r\n    trueLightText,\r\n    trueBg,\r\n    trueColor,\r\n  ] = useToken('colors', [\r\n    'contrastThreshold',\r\n    'darkText',\r\n    'lightText',\r\n    bg,\r\n    color ?? '',\r\n  ]);\r\n\r\n  const suppressColorAccessibilityWarning = useNativeBaseConfig(\r\n    'NativeBaseConfigProvider'\r\n  ).config.suppressColorAccessibilityWarning;\r\n\r\n  const [accessibleColors] = useAccessibleColors();\r\n\r\n  if (useNativeBaseConfig('NativeBaseConfigProvider').disableContrastText) {\r\n    return trueColor;\r\n  }\r\n  if (typeof bg !== 'string') {\r\n    return;\r\n  }\r\n\r\n  const [bgThemeColorVariant, bgShade] = bg.split('.');\r\n\r\n  const textColor =\r\n    !accessibleColors &&\r\n    bgThemeColorVariant &&\r\n    themeColorsThresholdShades[bgThemeColorVariant]\r\n      ? getContrastThemeColor(bgThemeColorVariant, bgShade)\r\n      : getAccessibleContrastColor(\r\n          contrastThreshold,\r\n          trueDarkText,\r\n          trueLightText,\r\n          trueBg,\r\n          trueColor,\r\n          bg,\r\n          color,\r\n          suppressColorAccessibilityWarning\r\n        );\r\n\r\n  return textColor;\r\n}\r\n\r\nfunction getContrastThemeColor(bgThemeColorVariant: string, bgShade: string) {\r\n  const shadeThreshold = themeColorsThresholdShades[bgThemeColorVariant];\r\n  if (\r\n    bgShade &&\r\n    shadeThreshold &&\r\n    ((bgShade >= shadeThreshold && bgThemeColorVariant !== 'dark') ||\r\n      (bgThemeColorVariant === 'dark' && bgShade < shadeThreshold))\r\n  ) {\r\n    return 'lightText';\r\n  }\r\n  return 'darkText';\r\n}\r\nfunction getAccessibleContrastColor(\r\n  contrastThreshold: number,\r\n  trueDarkText: string,\r\n  trueLightText: string,\r\n  trueBg: string,\r\n  trueColor: string,\r\n  bg: string,\r\n  color?: string,\r\n  suppressColorAccessibilityWarning?: boolean\r\n) {\r\n  if (typeof trueBg !== 'string') {\r\n    trueBg = bg;\r\n  }\r\n  let trueContrastColor;\r\n  let contrastColorToken;\r\n  const darkTextConstrast = getContrastRatio(trueBg, trueDarkText);\r\n  const lightTextConstrast = getContrastRatio(trueBg, trueLightText);\r\n\r\n  if (\r\n    darkTextConstrast >= contrastThreshold ||\r\n    darkTextConstrast > lightTextConstrast\r\n  ) {\r\n    trueContrastColor = trueDarkText;\r\n    contrastColorToken = 'darkText';\r\n  } else {\r\n    trueContrastColor = trueLightText;\r\n    contrastColorToken = 'lightText';\r\n  }\r\n\r\n  if (process.env.NODE_ENV !== 'production') {\r\n    const contrast = getContrastRatio(\r\n      trueBg,\r\n      trueColor ? trueColor : trueContrastColor\r\n    );\r\n    if (contrast < 3 && !suppressColorAccessibilityWarning) {\r\n      console.warn(\r\n        [\r\n          `NativeBase: The contrast ratio of ${contrast}:1 for ${\r\n            color ? color : contrastColorToken\r\n          } on ${bg}`,\r\n          'falls below the WCAG recommended absolute minimum contrast ratio of 3:1.',\r\n          'https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast',\r\n        ].join('\\n')\r\n      );\r\n    }\r\n  }\r\n  return contrastColorToken;\r\n}\r\nfunction getContrastRatio(foreground: string, background: string) {\r\n  const lumA = Color(foreground).getLuminance();\r\n  const lumB = Color(background).getLuminance();\r\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\r\n}\r\n\r\nconst themeColorsThresholdShades: any = {\r\n  rose: 500,\r\n  pink: 500,\r\n  fuchsia: 800,\r\n  purple: 700,\r\n  violet: 600,\r\n  indigo: 500,\r\n  blue: 400,\r\n  lightBlue: 400,\r\n  cyan: 300,\r\n  teal: 300,\r\n  emerald: 300,\r\n  tertiary: 300,\r\n  green: 400,\r\n  lime: 600,\r\n  yellow: 800,\r\n  amber: 500,\r\n  orange: 500,\r\n  red: 500,\r\n  warmGray: 500,\r\n  trueGray: 500,\r\n  gray: 500,\r\n  coolGray: 500,\r\n  blueGray: 500,\r\n  dark: 500,\r\n  danger: 500,\r\n  error: 500,\r\n  success: 400,\r\n  warning: 500,\r\n  muted: 500,\r\n  primary: 500,\r\n  info: 400,\r\n  secondary: 500,\r\n  light: 500,\r\n};\r\n"]}

package/lib/module/hooks/useControllableProp.js

@@ -0,0 +1,34 @@
+import React from 'react';
+export function useControllableProp(prop, state) {
+  const {
+    current: isControlled
+  } = React.useRef(prop !== undefined);
+  const value = isControlled && typeof prop !== 'undefined' ? prop : state;
+  return [isControlled, value];
+}
+
+/**
+ * React hook for using controlling component state.
+ * @param props
+ */
+export function useControllableState(props) {
+  const {
+    value: valueProp,
+    defaultValue,
+    onChange
+  } = props;
+  const [valueState, setValue] = React.useState(defaultValue);
+  const isControlled = valueProp !== undefined;
+  const value = isControlled ? valueProp : valueState;
+  const updateValue = React.useCallback(next => {
+    const nextValue = typeof next === 'function' ? next(value) : next;
+
+    if (!isControlled) {
+      setValue(nextValue);
+    }
+
+    onChange && onChange(nextValue);
+  }, [isControlled, onChange, value]);
+  return [value, updateValue];
+}
+//# sourceMappingURL=useControllableProp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useControllableProp.ts"],"names":["React","useControllableProp","prop","state","current","isControlled","useRef","undefined","value","useControllableState","props","valueProp","defaultValue","onChange","valueState","setValue","useState","updateValue","useCallback","next","nextValue"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,SAASC,mBAAT,CAAgCC,IAAhC,EAAqDC,KAArD,EAA+D;AACpE,QAAM;AAAEC,IAAAA,OAAO,EAAEC;AAAX,MAA4BL,KAAK,CAACM,MAAN,CAAaJ,IAAI,KAAKK,SAAtB,CAAlC;AACA,QAAMC,KAAK,GAAGH,YAAY,IAAI,OAAOH,IAAP,KAAgB,WAAhC,GAA8CA,IAA9C,GAAqDC,KAAnE;AACA,SAAO,CAACE,YAAD,EAAeG,KAAf,CAAP;AACD;;AAqBD;AACA;AACA;AACA;AACA,OAAO,SAASC,oBAAT,CAAiCC,KAAjC,EAAsE;AAC3E,QAAM;AAAEF,IAAAA,KAAK,EAAEG,SAAT;AAAoBC,IAAAA,YAApB;AAAkCC,IAAAA;AAAlC,MAA+CH,KAArD;AAEA,QAAM,CAACI,UAAD,EAAaC,QAAb,IAAyBf,KAAK,CAACgB,QAAN,CAAeJ,YAAf,CAA/B;AACA,QAAMP,YAAY,GAAGM,SAAS,KAAKJ,SAAnC;AAEA,QAAMC,KAAK,GAAGH,YAAY,GAAIM,SAAJ,GAAsBG,UAAhD;AAEA,QAAMG,WAAW,GAAGjB,KAAK,CAACkB,WAAN,CACjBC,IAAD,IAAe;AACb,UAAMC,SAAS,GAAG,OAAOD,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACX,KAAD,CAAjC,GAA2CW,IAA7D;;AACA,QAAI,CAACd,YAAL,EAAmB;AACjBU,MAAAA,QAAQ,CAACK,SAAD,CAAR;AACD;;AACDP,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,SAAD,CAApB;AACD,GAPiB,EAQlB,CAACf,YAAD,EAAeQ,QAAf,EAAyBL,KAAzB,CARkB,CAApB;AAWA,SAAO,CAACA,KAAD,EAAQS,WAAR,CAAP;AACD","sourcesContent":["import React from 'react';\r\n\r\nexport function useControllableProp<T>(prop: T | undefined, state: T) {\r\n  const { current: isControlled } = React.useRef(prop !== undefined);\r\n  const value = isControlled && typeof prop !== 'undefined' ? prop : state;\r\n  return [isControlled, value] as const;\r\n}\r\n\r\nexport interface UseControllableStateProps<T> {\r\n  /**\r\n   * The value to used in controlled mode\r\n   */\r\n  value?: T;\r\n  /**\r\n   * The initial value to be used, in uncontrolled mode\r\n   */\r\n  defaultValue?: T | (() => T);\r\n  /**\r\n   * The callback fired when the value changes\r\n   */\r\n  onChange?: (value: T) => void;\r\n  /**\r\n   * The component name (for warnings)\r\n   */\r\n  name?: string;\r\n}\r\n\r\n/**\r\n * React hook for using controlling component state.\r\n * @param props\r\n */\r\nexport function useControllableState<T>(props: UseControllableStateProps<T>) {\r\n  const { value: valueProp, defaultValue, onChange } = props;\r\n\r\n  const [valueState, setValue] = React.useState(defaultValue as T);\r\n  const isControlled = valueProp !== undefined;\r\n\r\n  const value = isControlled ? (valueProp as T) : valueState;\r\n\r\n  const updateValue = React.useCallback(\r\n    (next: any) => {\r\n      const nextValue = typeof next === 'function' ? next(value) : next;\r\n      if (!isControlled) {\r\n        setValue(nextValue);\r\n      }\r\n      onChange && onChange(nextValue);\r\n    },\r\n    [isControlled, onChange, value]\r\n  );\r\n\r\n  return [value, updateValue] as [T, React.Dispatch<React.SetStateAction<T>>];\r\n}\r\n"]}

package/lib/module/hooks/useDisclose.js

@@ -0,0 +1,24 @@
+import React from 'react';
+export function useDisclose(initState) {
+  const [isOpen, setIsOpen] = React.useState(initState || false);
+
+  const onOpen = () => {
+    setIsOpen(true);
+  };
+
+  const onClose = () => {
+    setIsOpen(false);
+  };
+
+  const onToggle = () => {
+    setIsOpen(!isOpen);
+  };
+
+  return {
+    isOpen,
+    onOpen,
+    onClose,
+    onToggle
+  };
+}
+//# sourceMappingURL=useDisclose.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useDisclose.ts"],"names":["React","useDisclose","initState","isOpen","setIsOpen","useState","onOpen","onClose","onToggle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,SAASC,WAAT,CAAqBC,SAArB,EAA0C;AAC/C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBJ,KAAK,CAACK,QAAN,CAAeH,SAAS,IAAI,KAA5B,CAA5B;;AACA,QAAMI,MAAM,GAAG,MAAM;AACnBF,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAFD;;AAGA,QAAMG,OAAO,GAAG,MAAM;AACpBH,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFD;;AAGA,QAAMI,QAAQ,GAAG,MAAM;AACrBJ,IAAAA,SAAS,CAAC,CAACD,MAAF,CAAT;AACD,GAFD;;AAGA,SAAO;AACLA,IAAAA,MADK;AAELG,IAAAA,MAFK;AAGLC,IAAAA,OAHK;AAILC,IAAAA;AAJK,GAAP;AAMD","sourcesContent":["import React from 'react';\r\n\r\nexport function useDisclose(initState?: boolean) {\r\n  const [isOpen, setIsOpen] = React.useState(initState || false);\r\n  const onOpen = () => {\r\n    setIsOpen(true);\r\n  };\r\n  const onClose = () => {\r\n    setIsOpen(false);\r\n  };\r\n  const onToggle = () => {\r\n    setIsOpen(!isOpen);\r\n  };\r\n  return {\r\n    isOpen,\r\n    onOpen,\r\n    onClose,\r\n    onToggle,\r\n  };\r\n}\r\n"]}

package/lib/module/hooks/useHasResponsiveProps.js

@@ -0,0 +1,17 @@
+// import { useWindowDimensions } from 'react-native';
+// import { isResponsiveAnyProp } from '../theme/tools';
+//  @ts-ignore eslint-disable-next-line
+export function useHasResponsiveProps(props) {
+  if (props) {//
+  }
+
+  return false; //   const windowDimensions = useWindowDimensions();
+  //   if (!windowDimensions.width || !windowDimensions.height) {
+  //     const responsivePropsExists = isResponsiveAnyProp(props);
+  //     if (responsivePropsExists) {
+  //       return true;
+  //     }
+  //   }
+  //   return false;
+}
+//# sourceMappingURL=useHasResponsiveProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useHasResponsiveProps.ts"],"names":["useHasResponsiveProps","props"],"mappings":"AAAA;AACA;AAEA;AACA,OAAO,SAASA,qBAAT,CAA+BC,KAA/B,EAA2C;AAChD,MAAIA,KAAJ,EAAW,CACT;AACD;;AACD,SAAO,KAAP,CAJgD,CAKhD;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACD","sourcesContent":["// import { useWindowDimensions } from 'react-native';\r\n// import { isResponsiveAnyProp } from '../theme/tools';\r\n\r\n//  @ts-ignore eslint-disable-next-line\r\nexport function useHasResponsiveProps(props: any) {\r\n  if (props) {\r\n    //\r\n  }\r\n  return false;\r\n  //   const windowDimensions = useWindowDimensions();\r\n\r\n  //   if (!windowDimensions.width || !windowDimensions.height) {\r\n  //     const responsivePropsExists = isResponsiveAnyProp(props);\r\n  //     if (responsivePropsExists) {\r\n  //       return true;\r\n  //     }\r\n  //   }\r\n  //   return false;\r\n}\r\n"]}