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

package/lib/commonjs/hooks/index.js

@@ -0,0 +1,182 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useClipboard", {
+  enumerable: true,
+  get: function () {
+    return _useClipboard.useClipboard;
+  }
+});
+Object.defineProperty(exports, "useDisclose", {
+  enumerable: true,
+  get: function () {
+    return _useDisclose.useDisclose;
+  }
+});
+Object.defineProperty(exports, "useNativeBase", {
+  enumerable: true,
+  get: function () {
+    return _useNativeBase.useNativeBase;
+  }
+});
+Object.defineProperty(exports, "useMediaQuery", {
+  enumerable: true,
+  get: function () {
+    return _useMediaQuery.useMediaQuery;
+  }
+});
+Object.defineProperty(exports, "useBreakpointValue", {
+  enumerable: true,
+  get: function () {
+    return _useBreakpointValue.useBreakpointValue;
+  }
+});
+Object.defineProperty(exports, "useBreakpointResolvedProps", {
+  enumerable: true,
+  get: function () {
+    return _useBreakpointResolvedProps.useBreakpointResolvedProps;
+  }
+});
+Object.defineProperty(exports, "usePlatformProps", {
+  enumerable: true,
+  get: function () {
+    return _usePlatformProps.usePlatformProps;
+  }
+});
+Object.defineProperty(exports, "useStyledSystemPropsResolver", {
+  enumerable: true,
+  get: function () {
+    return _useStyledSystemPropsResolver.useStyledSystemPropsResolver;
+  }
+});
+Object.defineProperty(exports, "useControllableProp", {
+  enumerable: true,
+  get: function () {
+    return _useControllableProp.useControllableProp;
+  }
+});
+Object.defineProperty(exports, "useControllableState", {
+  enumerable: true,
+  get: function () {
+    return _useControllableProp.useControllableState;
+  }
+});
+Object.defineProperty(exports, "useThemeProps", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.useThemeProps;
+  }
+});
+Object.defineProperty(exports, "usePropsWithComponentTheme", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.usePropsWithComponentTheme;
+  }
+});
+Object.defineProperty(exports, "usePropsResolution", {
+  enumerable: true,
+  get: function () {
+    return _useThemeProps.usePropsResolution;
+  }
+});
+Object.defineProperty(exports, "usePropsResolutionTest", {
+  enumerable: true,
+  get: function () {
+    return _usePropsResolutionTest.usePropsResolutionTest;
+  }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () {
+    return _useTheme.useTheme;
+  }
+});
+Object.defineProperty(exports, "useToken", {
+  enumerable: true,
+  get: function () {
+    return _useToken.useToken;
+  }
+});
+Object.defineProperty(exports, "useSafeArea", {
+  enumerable: true,
+  get: function () {
+    return _useSafeArea.useSafeArea;
+  }
+});
+Object.defineProperty(exports, "useContrastText", {
+  enumerable: true,
+  get: function () {
+    return _useContrastText.useContrastText;
+  }
+});
+Object.defineProperty(exports, "useScreenReaderEnabled", {
+  enumerable: true,
+  get: function () {
+    return _useScreenReaderEnabled.useScreenReaderEnabled;
+  }
+});
+Object.defineProperty(exports, "useKeyboardDismissable", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismissable.useKeyboardDismissable;
+  }
+});
+Object.defineProperty(exports, "keyboardDismissHandlerManager", {
+  enumerable: true,
+  get: function () {
+    return _useKeyboardDismissable.keyboardDismissHandlerManager;
+  }
+});
+Object.defineProperty(exports, "useLayout", {
+  enumerable: true,
+  get: function () {
+    return _useLayout.useLayout;
+  }
+});
+Object.defineProperty(exports, "useSx", {
+  enumerable: true,
+  get: function () {
+    return _useSx.useSx;
+  }
+});
+
+var _useClipboard = require("./useClipboard");
+
+var _useDisclose = require("./useDisclose");
+
+var _useNativeBase = require("./useNativeBase");
+
+var _useMediaQuery = require("./useMediaQuery");
+
+var _useBreakpointValue = require("./useBreakpointValue");
+
+var _useBreakpointResolvedProps = require("./useBreakpointResolvedProps");
+
+var _usePlatformProps = require("./usePlatformProps");
+
+var _useStyledSystemPropsResolver = require("./useStyledSystemPropsResolver");
+
+var _useControllableProp = require("./useControllableProp");
+
+var _useThemeProps = require("./useThemeProps");
+
+var _usePropsResolutionTest = require("./useThemeProps/usePropsResolutionTest");
+
+var _useTheme = require("./useTheme");
+
+var _useToken = require("./useToken");
+
+var _useSafeArea = require("./useSafeArea");
+
+var _useContrastText = require("./useContrastText");
+
+var _useScreenReaderEnabled = require("./useScreenReaderEnabled");
+
+var _useKeyboardDismissable = require("./useKeyboardDismissable");
+
+var _useLayout = require("./useLayout");
+
+var _useSx = require("./useSx");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAIA;;AACA","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/commonjs/hooks/tests/useBreakpointValue.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _useBreakpointValue = require("../../hooks/useBreakpointValue");
+
+var _NativeBaseProvider = require("../../core/NativeBaseProvider");
+
+var _reactHooks = require("@testing-library/react-hooks");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('useBreakpointValue', () => {
+  const wrapper = ({
+    children
+  }) => /*#__PURE__*/_react.default.createElement(_NativeBaseProvider.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
+    } = (0, _reactHooks.renderHook)(() => (0, _useBreakpointValue.useBreakpointValue)([]), {
+      wrapper
+    });
+    expect(result.current).toEqual([]);
+  });
+  test('Empty object', () => {
+    const {
+      result
+    } = (0, _reactHooks.renderHook)(() => (0, _useBreakpointValue.useBreakpointValue)({}), {
+      wrapper
+    });
+    expect(result.current).toEqual(undefined);
+  });
+  test('Basic array', () => {
+    const {
+      result
+    } = (0, _reactHooks.renderHook)(() => (0, _useBreakpointValue.useBreakpointValue)([1, 2, 3]), {
+      wrapper
+    });
+    expect(result.current).toEqual(2);
+  });
+  test('Basic Object', () => {
+    const {
+      result
+    } = (0, _reactHooks.renderHook)(() => (0, _useBreakpointValue.useBreakpointValue)({
+      base: 0,
+      sm: 1,
+      md: 2
+    }), {
+      wrapper
+    });
+    expect(result.current).toEqual(1);
+  });
+});
+//# sourceMappingURL=useBreakpointValue.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointValue.test.tsx"],"names":["describe","wrapper","children","frame","x","y","width","height","insets","top","left","right","bottom","test","result","expect","current","toEqual","undefined","base","sm","md"],"mappings":";;AAAA;;AACA;;AACA;;AACA;;;;AAEAA,QAAQ,CAAC,oBAAD,EAAuB,MAAM;AACnC,QAAMC,OAAO,GAAG,CAAC;AAAEC,IAAAA;AAAF,GAAD,kBACd,6BAAC,sCAAD;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,QAAa,4BAAW,MAAM,4CAAmB,EAAnB,CAAjB,EAAyC;AAC1Db,MAAAA;AAD0D,KAAzC,CAAnB;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,QAAa,4BAAW,MAAM,4CAAmB,EAAnB,CAAjB,EAAyC;AAC1Db,MAAAA;AAD0D,KAAzC,CAAnB;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,QAAa,4BAAW,MAAM,4CAAmB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,CAAnB,CAAjB,EAAgD;AACjEb,MAAAA;AADiE,KAAhD,CAAnB;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,QAAa,4BACjB,MAAM,4CAAmB;AAAEK,MAAAA,IAAI,EAAE,CAAR;AAAWC,MAAAA,EAAE,EAAE,CAAf;AAAkBC,MAAAA,EAAE,EAAE;AAAtB,KAAnB,CADW,EAEjB;AACEpB,MAAAA;AADF,KAFiB,CAAnB;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/commonjs/hooks/useBreakpointResolvedProps.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBreakpointResolvedProps = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NativeBaseContext = require("../core/NativeBaseContext");
+
+var _utils = require("./useThemeProps/utils");
+
+var _useTheme = require("./../hooks/useTheme");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useBreakpointResolvedProps = props => {
+  const currentBreakpoint = (0, _NativeBaseContext.useNativeBaseConfig)('useBreakpointResolvedProps').currentBreakpoint;
+  const theme = (0, _useTheme.useTheme)();
+
+  const newProps = _react.default.useMemo(() => {
+    let newProps = {};
+
+    for (let key in props) {
+      const rawValue = props[key];
+      const value = (0, _utils.resolveValueWithBreakpoint)(rawValue, theme.breakpoints, currentBreakpoint, key);
+      newProps[key] = value;
+    }
+
+    return newProps;
+  }, [props, currentBreakpoint, theme.breakpoints]);
+
+  return newProps;
+};
+
+exports.useBreakpointResolvedProps = useBreakpointResolvedProps;
+//# sourceMappingURL=useBreakpointResolvedProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointResolvedProps.ts"],"names":["useBreakpointResolvedProps","props","currentBreakpoint","theme","newProps","React","useMemo","key","rawValue","value","breakpoints"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;AAUO,MAAMA,0BAA0B,GAAIC,KAAD,IAAmB;AAC3D,QAAMC,iBAAiB,GAAG,4CAAoB,4BAApB,EACvBA,iBADH;AAEA,QAAMC,KAAK,GAAG,yBAAd;;AACA,QAAMC,QAAmB,GAAGC,eAAMC,OAAN,CAAc,MAAM;AAC9C,QAAIF,QAAmB,GAAG,EAA1B;;AACA,SAAK,IAAIG,GAAT,IAAgBN,KAAhB,EAAuB;AACrB,YAAMO,QAAQ,GAAGP,KAAK,CAACM,GAAD,CAAtB;AACA,YAAME,KAAK,GAAG,uCACZD,QADY,EAEZL,KAAK,CAACO,WAFM,EAGZR,iBAHY,EAIZK,GAJY,CAAd;AAMAH,MAAAA,QAAQ,CAACG,GAAD,CAAR,GAAgBE,KAAhB;AACD;;AACD,WAAOL,QAAP;AACD,GAb2B,EAazB,CAACH,KAAD,EAAQC,iBAAR,EAA2BC,KAAK,CAACO,WAAjC,CAbyB,CAA5B;;AAeA,SAAON,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/commonjs/hooks/useBreakpointValue.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBreakpointValue = useBreakpointValue;
+
+var _reactNative = require("react-native");
+
+var _tools = require("../theme/tools");
+
+var _useTheme = require("./../hooks/useTheme");
+
+function useBreakpointValue(values) {
+  var _useWindowDimensions;
+
+  let windowWidth = (_useWindowDimensions = (0, _reactNative.useWindowDimensions)()) === null || _useWindowDimensions === void 0 ? void 0 : _useWindowDimensions.width;
+  const theme = (0, _useTheme.useTheme)();
+
+  if ((0, _tools.hasValidBreakpointFormat)(values, theme.breakpoints)) {
+    let currentBreakpoint = (0, _tools.getClosestBreakpoint)(theme.breakpoints, windowWidth);
+    return (0, _tools.findLastValidBreakpoint)(values, theme.breakpoints, currentBreakpoint);
+  } else {
+    return values;
+  }
+}
+//# sourceMappingURL=useBreakpointValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useBreakpointValue.ts"],"names":["useBreakpointValue","values","windowWidth","width","theme","breakpoints","currentBreakpoint"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;AAOO,SAASA,kBAAT,CAA4BC,MAA5B,EAA6D;AAAA;;AAClE,MAAIC,WAAW,2BAAG,uCAAH,yDAAG,qBAAuBC,KAAzC;AACA,QAAMC,KAAK,GAAG,yBAAd;;AAEA,MAAI,qCAAyBH,MAAzB,EAAiCG,KAAK,CAACC,WAAvC,CAAJ,EAAyD;AACvD,QAAIC,iBAAiB,GAAG,iCACtBF,KAAK,CAACC,WADgB,EAEtBH,WAFsB,CAAxB;AAIA,WAAO,oCACLD,MADK,EAELG,KAAK,CAACC,WAFD,EAGLC,iBAHK,CAAP;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/commonjs/hooks/useClipboard.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClipboard = useClipboard;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useClipboard() {
+  const [hasCopied, setHasCopied] = _react.default.useState(false);
+
+  const [value, setValue] = _react.default.useState('');
+
+  const onCopy = async copiedValue => {
+    if (_reactNative.Clipboard) {
+      await _reactNative.Clipboard.setString(copiedValue);
+    }
+
+    setValue(copiedValue);
+    setHasCopied(true);
+  };
+
+  return {
+    value,
+    onCopy,
+    hasCopied
+  };
+}
+//# sourceMappingURL=useClipboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useClipboard.ts"],"names":["useClipboard","hasCopied","setHasCopied","React","useState","value","setValue","onCopy","copiedValue","Clipboard","setString"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,SAASA,YAAT,GAAwB;AAC7B,QAAM,CAACC,SAAD,EAAYC,YAAZ,IAA4BC,eAAMC,QAAN,CAAe,KAAf,CAAlC;;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBH,eAAMC,QAAN,CAAuB,EAAvB,CAA1B;;AACA,QAAMG,MAAM,GAAG,MAAOC,WAAP,IAA+B;AAC5C,QAAIC,sBAAJ,EAAe;AACb,YAAMA,uBAAUC,SAAV,CAAoBF,WAApB,CAAN;AACD;;AACDF,IAAAA,QAAQ,CAACE,WAAD,CAAR;AACAN,IAAAA,YAAY,CAAC,IAAD,CAAZ;AACD,GAND;;AAOA,SAAO;AACLG,IAAAA,KADK;AAELE,IAAAA,MAFK;AAGLN,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/commonjs/hooks/useColorModeProps.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorModeProps = void 0;
+
+var _lodash = _interopRequireDefault(require("lodash.merge"));
+
+var _colorMode = require("../core/color-mode");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const useColorModeProps = props => {
+  const {
+    _light,
+    _dark,
+    ...remainingProps
+  } = props;
+  const {
+    colorMode
+  } = (0, _colorMode.useColorMode)();
+
+  const colorModeProps = () => {
+    switch (colorMode) {
+      case 'light':
+        return _light;
+
+      case 'dark':
+        return _dark;
+
+      default:
+        return {};
+    }
+  };
+
+  return (0, _lodash.default)(remainingProps, colorModeProps());
+};
+
+exports.useColorModeProps = useColorModeProps;
+//# sourceMappingURL=useColorModeProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["useColorModeProps.ts"],"names":["useColorModeProps","props","_light","_dark","remainingProps","colorMode","colorModeProps"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,iBAAiB,GAAIC,KAAD,IAAgB;AAC/C,QAAM;AAAEC,IAAAA,MAAF;AAAUC,IAAAA,KAAV;AAAiB,OAAGC;AAApB,MAAuCH,KAA7C;AACA,QAAM;AAAEI,IAAAA;AAAF,MAAgB,8BAAtB;;AACA,QAAMC,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,SAAO,qBAAMC,cAAN,EAAsBE,cAAc,EAApC,CAAP;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/commonjs/hooks/useContrastText.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useContrastText = useContrastText;
+
+var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+
+var _useToken = require("./useToken");
+
+var _hooks = require("../core/color-mode/hooks");
+
+var _NativeBaseContext = require("../core/NativeBaseContext");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useContrastText(bg, color) {
+  const [contrastThreshold, trueDarkText, trueLightText, trueBg, trueColor] = (0, _useToken.useToken)('colors', ['contrastThreshold', 'darkText', 'lightText', bg, color !== null && color !== void 0 ? color : '']);
+  const suppressColorAccessibilityWarning = (0, _NativeBaseContext.useNativeBaseConfig)('NativeBaseConfigProvider').config.suppressColorAccessibilityWarning;
+  const [accessibleColors] = (0, _hooks.useAccessibleColors)();
+
+  if ((0, _NativeBaseContext.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 = (0, _tinycolor.default)(foreground).getLuminance();
+  const lumB = (0, _tinycolor.default)(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/commonjs/hooks/useContrastText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useContrastText.ts"],"names":["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/commonjs/hooks/useControllableProp.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useControllableProp = useControllableProp;
+exports.useControllableState = useControllableState;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useControllableProp(prop, state) {
+  const {
+    current: isControlled
+  } = _react.default.useRef(prop !== undefined);
+
+  const value = isControlled && typeof prop !== 'undefined' ? prop : state;
+  return [isControlled, value];
+}
+
+/**
+ * React hook for using controlling component state.
+ * @param props
+ */
+function useControllableState(props) {
+  const {
+    value: valueProp,
+    defaultValue,
+    onChange
+  } = props;
+
+  const [valueState, setValue] = _react.default.useState(defaultValue);
+
+  const isControlled = valueProp !== undefined;
+  const value = isControlled ? valueProp : valueState;
+
+  const updateValue = _react.default.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/commonjs/hooks/useControllableProp.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useControllableProp.ts"],"names":["useControllableProp","prop","state","current","isControlled","React","useRef","undefined","value","useControllableState","props","valueProp","defaultValue","onChange","valueState","setValue","useState","updateValue","useCallback","next","nextValue"],"mappings":";;;;;;;;AAAA;;;;AAEO,SAASA,mBAAT,CAAgCC,IAAhC,EAAqDC,KAArD,EAA+D;AACpE,QAAM;AAAEC,IAAAA,OAAO,EAAEC;AAAX,MAA4BC,eAAMC,MAAN,CAAaL,IAAI,KAAKM,SAAtB,CAAlC;;AACA,QAAMC,KAAK,GAAGJ,YAAY,IAAI,OAAOH,IAAP,KAAgB,WAAhC,GAA8CA,IAA9C,GAAqDC,KAAnE;AACA,SAAO,CAACE,YAAD,EAAeI,KAAf,CAAP;AACD;;AAqBD;AACA;AACA;AACA;AACO,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,IAAyBV,eAAMW,QAAN,CAAeJ,YAAf,CAA/B;;AACA,QAAMR,YAAY,GAAGO,SAAS,KAAKJ,SAAnC;AAEA,QAAMC,KAAK,GAAGJ,YAAY,GAAIO,SAAJ,GAAsBG,UAAhD;;AAEA,QAAMG,WAAW,GAAGZ,eAAMa,WAAN,CACjBC,IAAD,IAAe;AACb,UAAMC,SAAS,GAAG,OAAOD,IAAP,KAAgB,UAAhB,GAA6BA,IAAI,CAACX,KAAD,CAAjC,GAA2CW,IAA7D;;AACA,QAAI,CAACf,YAAL,EAAmB;AACjBW,MAAAA,QAAQ,CAACK,SAAD,CAAR;AACD;;AACDP,IAAAA,QAAQ,IAAIA,QAAQ,CAACO,SAAD,CAApB;AACD,GAPiB,EAQlB,CAAChB,YAAD,EAAeS,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/commonjs/hooks/useDisclose.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDisclose = useDisclose;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function useDisclose(initState) {
+  const [isOpen, setIsOpen] = _react.default.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/commonjs/hooks/useDisclose.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDisclose.ts"],"names":["useDisclose","initState","isOpen","setIsOpen","React","useState","onOpen","onClose","onToggle"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,SAArB,EAA0C;AAC/C,QAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,eAAMC,QAAN,CAAeJ,SAAS,IAAI,KAA5B,CAA5B;;AACA,QAAMK,MAAM,GAAG,MAAM;AACnBH,IAAAA,SAAS,CAAC,IAAD,CAAT;AACD,GAFD;;AAGA,QAAMI,OAAO,GAAG,MAAM;AACpBJ,IAAAA,SAAS,CAAC,KAAD,CAAT;AACD,GAFD;;AAGA,QAAMK,QAAQ,GAAG,MAAM;AACrBL,IAAAA,SAAS,CAAC,CAACD,MAAF,CAAT;AACD,GAFD;;AAGA,SAAO;AACLA,IAAAA,MADK;AAELI,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"]}