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

package/lib/commonjs/core/color-mode/hooks.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useColorModeValue = useColorModeValue;
+exports.useModeManager = useModeManager;
+exports.useAccessibleColors = useAccessibleColors;
+exports.useColorScheme = exports.useAppState = exports.useColorMode = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Context = require("./../hybrid-overlay/Context");
+
+var _reactNative = require("react-native");
+
+var _shim = require("use-sync-external-store/shim");
+
+var _NativeBaseContext = require("../NativeBaseContext");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const useColorMode = () => {
+  const {
+    colorMode: colorModeContext
+  } = _react.default.useContext(_Context.HybridContext);
+
+  if (colorModeContext === undefined) {
+    throw new Error('useColorMode must be used within a NativeBaseProvider');
+  }
+
+  return colorModeContext;
+};
+
+exports.useColorMode = useColorMode;
+
+function useColorModeValue(light, dark) {
+  const {
+    colorMode
+  } = useColorMode();
+  return colorMode === 'dark' ? dark : light;
+}
+
+const useAppState = () => {
+  const subscription = _react.default.useMemo(() => ({
+    getCurrentValue: () => _reactNative.AppState.currentState,
+    subscribe: callback => {
+      const subsription = _reactNative.AppState.addEventListener('change', callback);
+
+      return () => {
+        if (_reactNative.AppState.removeEventListener) {
+          // React Native < 0.65
+          _reactNative.AppState.removeEventListener('change', callback);
+        } else {
+          // React Native >= 0.65
+          // @ts-ignore:next-line ignoring ts error as devDependency contains "@types/react-native" < 0.65
+          subsription.remove();
+        }
+      };
+    }
+  }), []);
+
+  const isSSR = (0, _NativeBaseContext.useNativeBaseConfig)('useBreakpointResolvedProps').isSSR;
+
+  if (isSSR) {
+    return 'unknown';
+  } else {
+    // This if statement technically breaks the rules of hooks, but is safe
+    // because the condition never changes after mounting.
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    return (0, _shim.useSyncExternalStore)(subscription.subscribe, subscription.getCurrentValue, subscription.getCurrentValue);
+  }
+};
+
+exports.useAppState = useAppState;
+
+const useColorScheme = () => {
+  const colorScheme = (0, _reactNative.useColorScheme)();
+  const [currentScheme, setCurrentScheme] = (0, _react.useState)(colorScheme);
+  const appState = useAppState();
+  (0, _react.useEffect)(() => {
+    if (appState === 'active') {
+      setCurrentScheme(colorScheme);
+    }
+  }, [appState, colorScheme]);
+  return currentScheme;
+};
+
+exports.useColorScheme = useColorScheme;
+
+function useModeManager(initialColorMode, useSystemColorMode, colorModeManager) {
+  const systemColorMode = useColorScheme();
+
+  if (useSystemColorMode) {
+    initialColorMode = systemColorMode;
+  }
+
+  const [colorMode, setRawMode] = (0, _react.useState)(initialColorMode);
+
+  const setColorMode = _react.default.useCallback(async val => {
+    if (colorModeManager) {
+      await colorModeManager.set(val);
+    }
+
+    setRawMode(val);
+  }, [colorModeManager]); // For initial setting initial color mode from storage
+
+
+  (0, _react.useEffect)(() => {
+    if (colorModeManager) {
+      (async function getMode() {
+        const value = await colorModeManager.get(initialColorMode);
+
+        if (value && value !== colorMode) {
+          setRawMode(value);
+        }
+      })();
+    }
+  }, [colorMode, initialColorMode, colorModeManager]); // Set system color mode only when user has not passed a colorModeManager
+
+  (0, _react.useEffect)(() => {
+    if (!colorModeManager && useSystemColorMode) {
+      setRawMode(systemColorMode);
+    }
+  }, [systemColorMode, colorModeManager, useSystemColorMode, setRawMode]);
+  return {
+    colorMode,
+    setColorMode
+  };
+}
+
+function useAccessibleColors() {
+  const {
+    colorMode: colorModeContext
+  } = _react.default.useContext(_Context.HybridContext);
+
+  const toggleAccessibleColors = () => colorModeContext.setAccessibleColors(!colorModeContext.accessibleColors);
+
+  return [colorModeContext.accessibleColors, colorModeContext.setAccessibleColors, toggleAccessibleColors];
+}
+//# sourceMappingURL=hooks.js.map

package/lib/commonjs/core/color-mode/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks.tsx"],"names":["useColorMode","colorMode","colorModeContext","React","useContext","HybridContext","undefined","Error","useColorModeValue","light","dark","useAppState","subscription","useMemo","getCurrentValue","AppState","currentState","subscribe","callback","subsription","addEventListener","removeEventListener","remove","isSSR","useColorScheme","colorScheme","currentScheme","setCurrentScheme","appState","useModeManager","initialColorMode","useSystemColorMode","colorModeManager","systemColorMode","setRawMode","setColorMode","useCallback","val","set","getMode","value","get","useAccessibleColors","toggleAccessibleColors","setAccessibleColors","accessibleColors"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport type {\r\n  ColorMode,\r\n  StorageManager,\r\n  IColorModeContextProps,\r\n} from './types';\r\nimport { HybridContext } from './../hybrid-overlay/Context';\r\nimport type { IHybridContextProps } from './../hybrid-overlay/types';\r\nimport { AppState, useColorScheme as _useColorScheme } from 'react-native';\r\nimport { useSyncExternalStore } from 'use-sync-external-store/shim';\r\n\r\nimport { useNativeBaseConfig } from '../NativeBaseContext';\r\n\r\nexport const useColorMode = (): IColorModeContextProps => {\r\n  const {\r\n    colorMode: colorModeContext,\r\n  }: {\r\n    colorMode: IColorModeContextProps;\r\n  } = React.useContext<IHybridContextProps>(HybridContext);\r\n  if (colorModeContext === undefined) {\r\n    throw new Error('useColorMode must be used within a NativeBaseProvider');\r\n  }\r\n  return colorModeContext;\r\n};\r\n\r\nexport function useColorModeValue(light: any, dark: any) {\r\n  const { colorMode } = useColorMode();\r\n  return colorMode === 'dark' ? dark : light;\r\n}\r\n\r\nexport const useAppState = () => {\r\n  const subscription = React.useMemo(\r\n    () => ({\r\n      getCurrentValue: () => AppState.currentState,\r\n      subscribe: (callback: () => void) => {\r\n        const subsription = AppState.addEventListener('change', callback);\r\n        return () => {\r\n          if (AppState.removeEventListener) {\r\n            // React Native < 0.65\r\n            AppState.removeEventListener('change', callback);\r\n          } else {\r\n            // React Native >= 0.65\r\n            // @ts-ignore:next-line ignoring ts error as devDependency contains \"@types/react-native\" < 0.65\r\n            subsription.remove();\r\n          }\r\n        };\r\n      },\r\n    }),\r\n    []\r\n  );\r\n\r\n  const isSSR = useNativeBaseConfig('useBreakpointResolvedProps').isSSR;\r\n\r\n  if (isSSR) {\r\n    return 'unknown';\r\n  } else {\r\n    // This if statement technically breaks the rules of hooks, but is safe\r\n    // because the condition never changes after mounting.\r\n    // eslint-disable-next-line react-hooks/rules-of-hooks\r\n    return useSyncExternalStore(\r\n      subscription.subscribe,\r\n      subscription.getCurrentValue,\r\n      subscription.getCurrentValue\r\n    );\r\n  }\r\n};\r\n\r\nexport const useColorScheme = () => {\r\n  const colorScheme = _useColorScheme();\r\n  const [currentScheme, setCurrentScheme] = useState(colorScheme);\r\n  const appState = useAppState();\r\n\r\n  useEffect(() => {\r\n    if (appState === 'active') {\r\n      setCurrentScheme(colorScheme);\r\n    }\r\n  }, [appState, colorScheme]);\r\n\r\n  return currentScheme;\r\n};\r\n\r\nexport function useModeManager(\r\n  initialColorMode: ColorMode,\r\n  useSystemColorMode: boolean | undefined,\r\n  colorModeManager?: StorageManager\r\n) {\r\n  const systemColorMode = useColorScheme();\r\n\r\n  if (useSystemColorMode) {\r\n    initialColorMode = systemColorMode;\r\n  }\r\n\r\n  const [colorMode, setRawMode] = useState<ColorMode>(initialColorMode);\r\n  const setColorMode = React.useCallback(\r\n    async (val: ColorMode) => {\r\n      if (colorModeManager) {\r\n        await colorModeManager.set(val);\r\n      }\r\n      setRawMode(val);\r\n    },\r\n    [colorModeManager]\r\n  );\r\n\r\n  // For initial setting initial color mode from storage\r\n  useEffect(() => {\r\n    if (colorModeManager) {\r\n      (async function getMode() {\r\n        const value = await colorModeManager.get(initialColorMode);\r\n        if (value && value !== colorMode) {\r\n          setRawMode(value);\r\n        }\r\n      })();\r\n    }\r\n  }, [colorMode, initialColorMode, colorModeManager]);\r\n\r\n  // Set system color mode only when user has not passed a colorModeManager\r\n  useEffect(() => {\r\n    if (!colorModeManager && useSystemColorMode) {\r\n      setRawMode(systemColorMode);\r\n    }\r\n  }, [systemColorMode, colorModeManager, useSystemColorMode, setRawMode]);\r\n\r\n  return { colorMode, setColorMode };\r\n}\r\n\r\nexport function useAccessibleColors(): [\r\n  boolean,\r\n  (val: boolean) => void,\r\n  () => void\r\n] {\r\n  const {\r\n    colorMode: colorModeContext,\r\n  }: {\r\n    colorMode: IColorModeContextProps;\r\n  } = React.useContext<IHybridContextProps>(HybridContext);\r\n  const toggleAccessibleColors = () =>\r\n    colorModeContext.setAccessibleColors(!colorModeContext.accessibleColors);\r\n  return [\r\n    colorModeContext.accessibleColors,\r\n    colorModeContext.setAccessibleColors,\r\n    toggleAccessibleColors,\r\n  ];\r\n}\r\n"]}

package/lib/commonjs/core/color-mode/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useColorMode", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useColorMode;
+  }
+});
+Object.defineProperty(exports, "useColorModeValue", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useColorModeValue;
+  }
+});
+Object.defineProperty(exports, "useAccessibleColors", {
+  enumerable: true,
+  get: function () {
+    return _hooks.useAccessibleColors;
+  }
+});
+
+var _hooks = require("./hooks");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/core/color-mode/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { useColorMode, useColorModeValue, useAccessibleColors } from './hooks';\r\n\r\nexport type {\r\n  StorageManager,\r\n  ColorMode,\r\n  ColorModeOptions,\r\n  IColorModeProviderProps,\r\n  IColorModeContextProps,\r\n} from './types';\r\n"]}

package/lib/commonjs/core/color-mode/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/commonjs/core/color-mode/types.js.map

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

package/lib/commonjs/core/extendTheme.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extendTheme = extendTheme;
+
+var _theme = require("./../theme");
+
+var _lodash = _interopRequireDefault(require("lodash.mergewith"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function isFunction(value) {
+  return typeof value === 'function';
+}
+
+function extendTheme(overrides, ...restOverrides) {
+  function customizer(source, override) {
+    if (isFunction(source)) {
+      return (...args) => {
+        const sourceValue = source(...args);
+        const overrideValue = isFunction(override) ? override(...args) : override;
+        return (0, _lodash.default)({}, sourceValue, overrideValue, customizer);
+      };
+    }
+
+    return undefined;
+  }
+
+  const finalOverrides = [overrides, ...restOverrides].reduce((prevValue, currentValue) => {
+    return (0, _lodash.default)({}, prevValue, currentValue, customizer);
+  }, _theme.theme);
+  return finalOverrides;
+}
+//# sourceMappingURL=extendTheme.js.map

package/lib/commonjs/core/extendTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["extendTheme.tsx"],"names":["isFunction","value","extendTheme","overrides","restOverrides","customizer","source","override","args","sourceValue","overrideValue","undefined","finalOverrides","reduce","prevValue","currentValue","defaultTheme"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,SAASA,UAAT,CAAoBC,KAApB,EAAyC;AACvC,SAAO,OAAOA,KAAP,KAAiB,UAAxB;AACD;;AAIM,SAASC,WAAT,CACLC,SADK,EAEL,GAAGC,aAFE,EAGL;AACA,WAASC,UAAT,CAAoBC,MAApB,EAAiCC,QAAjC,EAAgD;AAC9C,QAAIP,UAAU,CAACM,MAAD,CAAd,EAAwB;AACtB,aAAO,CAAC,GAAGE,IAAJ,KAAoB;AACzB,cAAMC,WAAW,GAAGH,MAAM,CAAC,GAAGE,IAAJ,CAA1B;AACA,cAAME,aAAa,GAAGV,UAAU,CAACO,QAAD,CAAV,GAClBA,QAAQ,CAAC,GAAGC,IAAJ,CADU,GAElBD,QAFJ;AAGA,eAAO,qBAAU,EAAV,EAAcE,WAAd,EAA2BC,aAA3B,EAA0CL,UAA1C,CAAP;AACD,OAND;AAOD;;AACD,WAAOM,SAAP;AACD;;AAED,QAAMC,cAAc,GAAG,CAACT,SAAD,EAAY,GAAGC,aAAf,EAA8BS,MAA9B,CACrB,CAACC,SAAD,EAAYC,YAAZ,KAA6B;AAC3B,WAAO,qBAAU,EAAV,EAAcD,SAAd,EAAyBC,YAAzB,EAAuCV,UAAvC,CAAP;AACD,GAHoB,EAIrBW,YAJqB,CAAvB;AAOA,SAAOJ,cAAP;AACD","sourcesContent":["import { theme as defaultTheme, Theme } from './../theme';\r\nimport mergeWith from 'lodash.mergewith';\r\n\r\nfunction isFunction(value: any): boolean {\r\n  return typeof value === 'function';\r\n}\r\n\r\ntype ThemeUtil = Theme | (Record<string, any> & {});\r\n\r\nexport function extendTheme<T extends ThemeUtil>(\r\n  overrides: T,\r\n  ...restOverrides: T[]\r\n) {\r\n  function customizer(source: any, override: any) {\r\n    if (isFunction(source)) {\r\n      return (...args: any[]) => {\r\n        const sourceValue = source(...args);\r\n        const overrideValue = isFunction(override)\r\n          ? override(...args)\r\n          : override;\r\n        return mergeWith({}, sourceValue, overrideValue, customizer);\r\n      };\r\n    }\r\n    return undefined;\r\n  }\r\n\r\n  const finalOverrides = [overrides, ...restOverrides].reduce(\r\n    (prevValue, currentValue) => {\r\n      return mergeWith({}, prevValue, currentValue, customizer);\r\n    },\r\n    defaultTheme\r\n  );\r\n\r\n  return finalOverrides as T & Theme;\r\n}\r\n"]}

package/lib/commonjs/core/hybrid-overlay/Context.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HybridContext = void 0;
+
+var _react = require("react");
+
+const HybridContext = /*#__PURE__*/(0, _react.createContext)({
+  colorMode: {
+    colorMode: 'light',
+    toggleColorMode: () => {},
+    setColorMode: () => {},
+    accessibleColors: false,
+    setAccessibleColors: () => {}
+  }
+});
+exports.HybridContext = HybridContext;
+//# sourceMappingURL=Context.js.map

package/lib/commonjs/core/hybrid-overlay/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Context.ts"],"names":["HybridContext","colorMode","toggleColorMode","setColorMode","accessibleColors","setAccessibleColors"],"mappings":";;;;;;;AAAA;;AAGO,MAAMA,aAAa,gBAAG,0BAAmC;AAC9DC,EAAAA,SAAS,EAAE;AACTA,IAAAA,SAAS,EAAE,OADF;AAETC,IAAAA,eAAe,EAAE,MAAM,CAAE,CAFhB;AAGTC,IAAAA,YAAY,EAAE,MAAM,CAAE,CAHb;AAITC,IAAAA,gBAAgB,EAAE,KAJT;AAKTC,IAAAA,mBAAmB,EAAE,MAAM,CAAE;AALpB;AADmD,CAAnC,CAAtB","sourcesContent":["import { createContext } from 'react';\r\nimport type { IHybridContextProps } from './types';\r\n\r\nexport const HybridContext = createContext<IHybridContextProps>({\r\n  colorMode: {\r\n    colorMode: 'light',\r\n    toggleColorMode: () => {},\r\n    setColorMode: () => {},\r\n    accessibleColors: false,\r\n    setAccessibleColors: () => {},\r\n  },\r\n});\r\n"]}

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

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _Context = require("./Context");
+
+var _hooks = require("./../color-mode/hooks");
+
+var _hooks2 = require("../../hooks");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const HybridProvider = ({
+  children,
+  options: {
+    initialColorMode = 'light',
+    accessibleColors: isTextColorAccessible = false,
+    useSystemColorMode
+  },
+  colorModeManager
+}) => {
+  // Color-mode content
+  const {
+    colorMode,
+    setColorMode
+  } = (0, _hooks.useModeManager)(initialColorMode, useSystemColorMode, colorModeManager);
+
+  const toggleColorMode = _react.default.useCallback(() => {
+    setColorMode(colorMode === 'light' ? 'dark' : 'light');
+  }, [colorMode, setColorMode]); // Accessible color hook
+
+
+  const [accessibleColors, setAccessibleColors] = _react.default.useState(isTextColorAccessible);
+
+  const contextValue = (0, _react.useMemo)(() => {
+    return {
+      colorMode: {
+        colorMode,
+        toggleColorMode,
+        setColorMode,
+        accessibleColors,
+        setAccessibleColors
+      }
+    };
+  }, [colorMode, toggleColorMode, setColorMode, accessibleColors, setAccessibleColors]);
+
+  _react.default.useEffect(() => {
+    let escapeKeyListener = null;
+
+    if (_reactNative.Platform.OS === 'web') {
+      escapeKeyListener = e => {
+        if (e.key === 'Escape') {
+          if (_hooks2.keyboardDismissHandlerManager.length() > 0) {
+            const lastHandler = _hooks2.keyboardDismissHandlerManager.pop();
+
+            lastHandler();
+          }
+        }
+      };
+
+      document.addEventListener('keydown', escapeKeyListener);
+    }
+
+    return () => {
+      if (_reactNative.Platform.OS === 'web') {
+        document.removeEventListener('keydown', escapeKeyListener);
+      }
+    };
+  }, []);
+
+  return /*#__PURE__*/_react.default.createElement(_Context.HybridContext.Provider, {
+    value: contextValue
+  }, children);
+};
+
+var _default = HybridProvider;
+exports.default = _default;
+//# sourceMappingURL=HybridProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["HybridProvider.tsx"],"names":["HybridProvider","children","options","initialColorMode","accessibleColors","isTextColorAccessible","useSystemColorMode","colorModeManager","colorMode","setColorMode","toggleColorMode","React","useCallback","setAccessibleColors","useState","contextValue","useEffect","escapeKeyListener","Platform","OS","e","key","keyboardDismissHandlerManager","length","lastHandler","pop","document","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;;;AAEA,MAAMA,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,MAA8B,2BAClCN,gBADkC,EAElCG,kBAFkC,EAGlCC,gBAHkC,CAApC;;AAMA,QAAMG,eAAe,GAAGC,eAAMC,WAAN,CAAkB,MAAM;AAC9CH,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,EAAmBS,mBAAnB,IAA0CF,eAAMG,QAAN,CAC9CT,qBAD8C,CAAhD;;AAIA,QAAMU,YAAY,GAAG,oBAAQ,MAAM;AACjC,WAAO;AACLP,MAAAA,SAAS,EAAE;AACTA,QAAAA,SADS;AAETE,QAAAA,eAFS;AAGTD,QAAAA,YAHS;AAITL,QAAAA,gBAJS;AAKTS,QAAAA;AALS;AADN,KAAP;AASD,GAVoB,EAUlB,CACDL,SADC,EAEDE,eAFC,EAGDD,YAHC,EAIDL,gBAJC,EAKDS,mBALC,CAVkB,CAArB;;AAkBAF,iBAAMK,SAAN,CAAgB,MAAM;AACpB,QAAIC,iBAAsB,GAAG,IAA7B;;AAEA,QAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBF,MAAAA,iBAAiB,GAAIG,CAAD,IAAsB;AACxC,YAAIA,CAAC,CAACC,GAAF,KAAU,QAAd,EAAwB;AACtB,cAAIC,sCAA8BC,MAA9B,KAAyC,CAA7C,EAAgD;AAC9C,kBAAMC,WAAgB,GAAGF,sCAA8BG,GAA9B,EAAzB;;AACAD,YAAAA,WAAW;AACZ;AACF;AACF,OAPD;;AAQAE,MAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCV,iBAArC;AACD;;AAED,WAAO,MAAM;AACX,UAAIC,sBAASC,EAAT,KAAgB,KAApB,EAA2B;AACzBO,QAAAA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCX,iBAAxC;AACD;AACF,KAJD;AAKD,GApBD,EAoBG,EApBH;;AAsBA,sBACE,6BAAC,sBAAD,CAAe,QAAf;AAAwB,IAAA,KAAK,EAAEF;AAA/B,KACGd,QADH,CADF;AAKD,CAtED;;eAwEeD,c","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/commonjs/core/hybrid-overlay/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HybridContext", {
+  enumerable: true,
+  get: function () {
+    return _Context.HybridContext;
+  }
+});
+Object.defineProperty(exports, "HybridProvider", {
+  enumerable: true,
+  get: function () {
+    return _HybridProvider.default;
+  }
+});
+
+var _Context = require("./Context");
+
+var _HybridProvider = _interopRequireDefault(require("./HybridProvider"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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

package/lib/commonjs/core/index.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useColorMode: true,
+  useColorModeValue: true,
+  useAccessibleColors: true,
+  ToastProvider: true
+};
+Object.defineProperty(exports, "useColorMode", {
+  enumerable: true,
+  get: function () {
+    return _colorMode.useColorMode;
+  }
+});
+Object.defineProperty(exports, "useColorModeValue", {
+  enumerable: true,
+  get: function () {
+    return _colorMode.useColorModeValue;
+  }
+});
+Object.defineProperty(exports, "useAccessibleColors", {
+  enumerable: true,
+  get: function () {
+    return _colorMode.useAccessibleColors;
+  }
+});
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastProvider;
+  }
+});
+
+var _NativeBaseProvider = require("./NativeBaseProvider");
+
+Object.keys(_NativeBaseProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _NativeBaseProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NativeBaseProvider[key];
+    }
+  });
+});
+
+var _extendTheme = require("./extendTheme");
+
+Object.keys(_extendTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _extendTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _extendTheme[key];
+    }
+  });
+});
+
+var _colorMode = require("./color-mode");
+
+var _Toast = require("../components/composites/Toast");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAEA;;AAgBA","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/commonjs/factory/component.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Factory;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _usePropsWithComponentTheme = require("../hooks/useThemeProps/usePropsWithComponentTheme");
+
+var _styled = require("../utils/styled");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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); }
+
+function Factory(Component, componentTheme) {
+  return /*#__PURE__*/_react.default.forwardRef(({
+    children,
+    _state,
+    ...props
+  }, ref) => {
+    const StyledComponent = (0, _react.useMemo)(() => (0, _styled.makeStyledComponent)(Component), []);
+    const calculatedProps = (0, _usePropsWithComponentTheme.usePropsWithComponentTheme)(componentTheme !== null && componentTheme !== void 0 ? componentTheme : {}, props, _state);
+    return /*#__PURE__*/_react.default.createElement(StyledComponent, _extends({}, calculatedProps, {
+      ref: ref
+    }), children);
+  });
+}
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["component.tsx"],"names":["Factory","Component","componentTheme","React","forwardRef","children","_state","props","ref","StyledComponent","calculatedProps"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;AAEe,SAASA,OAAT,CACbC,SADa,EAEbC,cAFa,EAGb;AACA,sBAAOC,eAAMC,UAAN,CACL,CAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAZ;AAAoB,OAAGC;AAAvB,GAAD,EAA4DC,GAA5D,KAAyE;AACvE,UAAMC,eAAe,GAAG,oBAAQ,MAAM,iCAAoBR,SAApB,CAAd,EAA8C,EAA9C,CAAxB;AACA,UAAMS,eAAe,GAAG,4DACtBR,cADsB,aACtBA,cADsB,cACtBA,cADsB,GACJ,EADI,EAEtBK,KAFsB,EAGtBD,MAHsB,CAAxB;AAKA,wBACE,6BAAC,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/commonjs/factory/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Factory", {
+  enumerable: true,
+  get: function () {
+    return _component.default;
+  }
+});
+
+var _component = _interopRequireDefault(require("./component"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

package/lib/commonjs/factory/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

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

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