react-native-better-html 1.0.7 → 1.0.9

package/dist/index.d.mts

@@ -30,7 +30,7 @@ type BetterComponentsProviderProps = BetterProviderCommonProps & {
     config?: BetterComponentsProviderConfig;
 };
 declare function BetterComponentsProvider({ config, ...props }: BetterComponentsProviderProps): react_jsx_runtime.JSX.Element;
-declare const _default: react.MemoExoticComponent<typeof BetterComponentsProvider>;
+declare const _default$1: react.MemoExoticComponent<typeof BetterComponentsProvider>;
 
 type ComponentStyle<Style extends ViewStyle = ViewStyle> = OmitProps<Style, "shadowOffset" | ComponentExcludeMarginProps | ComponentExcludePaddingProps> & {
     shadowOffsetWidth?: number;
@@ -269,6 +269,8 @@ type ScreenHolderProps = {
     /** @default false */
     keepFooterOnKeyboardOpened?: boolean;
     keyboardVerticalOffset?: number;
+    /** @default false */
+    withNoHeader?: boolean;
     children?: React.ReactNode;
 };
 type ScreenHolderComponentType = {
@@ -283,6 +285,8 @@ type FooterProps = {
     backgroundColor?: ViewProps["backgroundColor"];
     /** @default false */
     insideBottomSafeArea?: boolean;
+    /** @default false */
+    withNoHeader?: boolean;
     children?: React.ReactNode;
 };
 declare const ScreenHolder: typeof ScreenHolderComponent & {
@@ -344,8 +348,16 @@ declare const InputField: typeof InputFieldComponent & {
     password: typeof InputFieldComponent.password;
 };
 
+type StatusBarProps = {
+    darkStatusBar?: boolean;
+    /** @default false */
+    hidden?: boolean;
+};
+declare function StatusBar({ darkStatusBar, hidden }: StatusBarProps): react_jsx_runtime.JSX.Element;
+declare const _default: react.MemoExoticComponent<typeof StatusBar>;
+
 type AsyncStoragePluginOptions = {};
 declare const defaultAsyncStoragePluginOptions: Required<AsyncStoragePluginOptions>;
 declare const asyncStoragePlugin: BetterComponentsPluginConstructor<AsyncStoragePluginOptions>;
 
-export { Animate, type AnimateTextProps, type AnimateViewProps, type AppConfig, type AsyncStoragePluginOptions, type BetterComponentsConfig, type BetterComponentsPlugin, _default as BetterComponentsProvider, type BetterComponentsProviderConfig, Button, type ButtonProps, type ComponentMarginProps, type ComponentPaddingProps, type FooterProps, Image, type ImageProps, InputField, type InputFieldProps, Loader, type LoaderProps, type LoaderSize, type PluginName, ScreenHolder, type ScreenHolderProps, Text, type TextProps, View, type ViewProps, asyncStoragePlugin, defaultAsyncStoragePluginOptions, generateAsyncStorage, pressStrength, useBetterComponentsContext, useDevice, useKeyboard };
+export { Animate, type AnimateTextProps, type AnimateViewProps, type AppConfig, type AsyncStoragePluginOptions, type BetterComponentsConfig, type BetterComponentsPlugin, _default$1 as BetterComponentsProvider, type BetterComponentsProviderConfig, Button, type ButtonProps, type ComponentMarginProps, type ComponentPaddingProps, type FooterProps, Image, type ImageProps, InputField, type InputFieldProps, Loader, type LoaderProps, type LoaderSize, type PluginName, ScreenHolder, type ScreenHolderProps, _default as StatusBar, type StatusBarProps, Text, type TextProps, View, type ViewProps, asyncStoragePlugin, defaultAsyncStoragePluginOptions, generateAsyncStorage, pressStrength, useBetterComponentsContext, useDevice, useKeyboard };

package/dist/index.d.ts

@@ -30,7 +30,7 @@ type BetterComponentsProviderProps = BetterProviderCommonProps & {
     config?: BetterComponentsProviderConfig;
 };
 declare function BetterComponentsProvider({ config, ...props }: BetterComponentsProviderProps): react_jsx_runtime.JSX.Element;
-declare const _default: react.MemoExoticComponent<typeof BetterComponentsProvider>;
+declare const _default$1: react.MemoExoticComponent<typeof BetterComponentsProvider>;
 
 type ComponentStyle<Style extends ViewStyle = ViewStyle> = OmitProps<Style, "shadowOffset" | ComponentExcludeMarginProps | ComponentExcludePaddingProps> & {
     shadowOffsetWidth?: number;
@@ -269,6 +269,8 @@ type ScreenHolderProps = {
     /** @default false */
     keepFooterOnKeyboardOpened?: boolean;
     keyboardVerticalOffset?: number;
+    /** @default false */
+    withNoHeader?: boolean;
     children?: React.ReactNode;
 };
 type ScreenHolderComponentType = {
@@ -283,6 +285,8 @@ type FooterProps = {
     backgroundColor?: ViewProps["backgroundColor"];
     /** @default false */
     insideBottomSafeArea?: boolean;
+    /** @default false */
+    withNoHeader?: boolean;
     children?: React.ReactNode;
 };
 declare const ScreenHolder: typeof ScreenHolderComponent & {
@@ -344,8 +348,16 @@ declare const InputField: typeof InputFieldComponent & {
     password: typeof InputFieldComponent.password;
 };
 
+type StatusBarProps = {
+    darkStatusBar?: boolean;
+    /** @default false */
+    hidden?: boolean;
+};
+declare function StatusBar({ darkStatusBar, hidden }: StatusBarProps): react_jsx_runtime.JSX.Element;
+declare const _default: react.MemoExoticComponent<typeof StatusBar>;
+
 type AsyncStoragePluginOptions = {};
 declare const defaultAsyncStoragePluginOptions: Required<AsyncStoragePluginOptions>;
 declare const asyncStoragePlugin: BetterComponentsPluginConstructor<AsyncStoragePluginOptions>;
 
-export { Animate, type AnimateTextProps, type AnimateViewProps, type AppConfig, type AsyncStoragePluginOptions, type BetterComponentsConfig, type BetterComponentsPlugin, _default as BetterComponentsProvider, type BetterComponentsProviderConfig, Button, type ButtonProps, type ComponentMarginProps, type ComponentPaddingProps, type FooterProps, Image, type ImageProps, InputField, type InputFieldProps, Loader, type LoaderProps, type LoaderSize, type PluginName, ScreenHolder, type ScreenHolderProps, Text, type TextProps, View, type ViewProps, asyncStoragePlugin, defaultAsyncStoragePluginOptions, generateAsyncStorage, pressStrength, useBetterComponentsContext, useDevice, useKeyboard };
+export { Animate, type AnimateTextProps, type AnimateViewProps, type AppConfig, type AsyncStoragePluginOptions, type BetterComponentsConfig, type BetterComponentsPlugin, _default$1 as BetterComponentsProvider, type BetterComponentsProviderConfig, Button, type ButtonProps, type ComponentMarginProps, type ComponentPaddingProps, type FooterProps, Image, type ImageProps, InputField, type InputFieldProps, Loader, type LoaderProps, type LoaderSize, type PluginName, ScreenHolder, type ScreenHolderProps, _default as StatusBar, type StatusBarProps, Text, type TextProps, View, type ViewProps, asyncStoragePlugin, defaultAsyncStoragePluginOptions, generateAsyncStorage, pressStrength, useBetterComponentsContext, useDevice, useKeyboard };

package/dist/index.js

@@ -37,36 +37,37 @@ __export(index_exports, {
   InputField: () => InputField_default,
   Loader: () => Loader_default,
   ScreenHolder: () => ScreenHolder_default,
+  StatusBar: () => StatusBar_default,
   Text: () => Text_default,
   View: () => View_default,
   asyncStoragePlugin: () => asyncStoragePlugin,
-  colorThemeControls: () => import_react_better_core10.colorThemeControls,
-  countries: () => import_react_better_core10.countries,
-  darkenColor: () => import_react_better_core10.darkenColor,
+  colorThemeControls: () => import_react_better_core11.colorThemeControls,
+  countries: () => import_react_better_core11.countries,
+  darkenColor: () => import_react_better_core11.darkenColor,
   defaultAsyncStoragePluginOptions: () => defaultAsyncStoragePluginOptions,
-  desaturateColor: () => import_react_better_core10.desaturateColor,
-  eventPreventDefault: () => import_react_better_core10.eventPreventDefault,
-  eventPreventStop: () => import_react_better_core10.eventPreventStop,
-  eventStopPropagation: () => import_react_better_core10.eventStopPropagation,
-  formatPhoneNumber: () => import_react_better_core10.formatPhoneNumber,
+  desaturateColor: () => import_react_better_core11.desaturateColor,
+  eventPreventDefault: () => import_react_better_core11.eventPreventDefault,
+  eventPreventStop: () => import_react_better_core11.eventPreventStop,
+  eventStopPropagation: () => import_react_better_core11.eventStopPropagation,
+  formatPhoneNumber: () => import_react_better_core11.formatPhoneNumber,
   generateAsyncStorage: () => generateAsyncStorage,
-  generateRandomString: () => import_react_better_core10.generateRandomString,
-  getPluralWord: () => import_react_better_core10.getPluralWord,
-  lightenColor: () => import_react_better_core10.lightenColor,
-  loaderControls: () => import_react_better_core10.loaderControls,
+  generateRandomString: () => import_react_better_core11.generateRandomString,
+  getPluralWord: () => import_react_better_core11.getPluralWord,
+  lightenColor: () => import_react_better_core11.lightenColor,
+  loaderControls: () => import_react_better_core11.loaderControls,
   pressStrength: () => pressStrength,
-  saturateColor: () => import_react_better_core10.saturateColor,
+  saturateColor: () => import_react_better_core11.saturateColor,
   useBetterComponentsContext: () => useBetterComponentsContext,
-  useBooleanState: () => import_react_better_core10.useBooleanState,
-  useDebounceState: () => import_react_better_core10.useDebounceState,
+  useBooleanState: () => import_react_better_core11.useBooleanState,
+  useDebounceState: () => import_react_better_core11.useDebounceState,
   useDevice: () => useDevice,
   useKeyboard: () => useKeyboard,
-  useLoader: () => import_react_better_core10.useLoader,
-  useLoaderControls: () => import_react_better_core10.useLoaderControls,
-  useTheme: () => import_react_better_core10.useTheme
+  useLoader: () => import_react_better_core11.useLoader,
+  useLoaderControls: () => import_react_better_core11.useLoaderControls,
+  useTheme: () => import_react_better_core11.useTheme
 });
 module.exports = __toCommonJS(index_exports);
-var import_react_better_core10 = require("react-better-core");
+var import_react_better_core11 = require("react-better-core");
 
 // src/components/BetterComponentsProvider.tsx
 var import_react = require("react");
@@ -1030,6 +1031,7 @@ var ScreenHolderComponent = ({
   footer,
   keepFooterOnKeyboardOpened,
   keyboardVerticalOffset,
+  withNoHeader,
   children
 }) => {
   const theme2 = (0, import_react_better_core7.useTheme)();
@@ -1065,7 +1067,7 @@ var ScreenHolderComponent = ({
     import_react_native6.KeyboardAvoidingView,
     {
       style: keyboardAvoidingViewStyle,
-      keyboardVerticalOffset: keyboardVerticalOffset ?? (keepFooterOnKeyboardOpened ? import_react_native6.Platform.OS === "ios" ? device.safeArea.afterCalculations.bottom : theme2.styles.gap : void 0),
+      keyboardVerticalOffset: keyboardVerticalOffset ?? (withNoHeader ? import_react_native6.Platform.OS === "ios" ? 0 : theme2.styles.gap : keepFooterOnKeyboardOpened ? import_react_native6.Platform.OS === "ios" ? device.safeArea.afterCalculations.bottom : theme2.styles.gap : void 0),
       behavior: import_react_native6.Platform.OS === "ios" ? "padding" : "height",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(View_default, { flex: 1, children: noScroll ? content : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1075,7 +1077,13 @@ var ScreenHolderComponent = ({
             children: content
           }
         ) }),
-        keepFooterOnKeyboardOpened || (import_react_native6.Platform.OS === "ios" ? !keyboard.willOpen : !keyboard.isOpened) ? footer && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(View_default, { children: footer }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(View_default, { width: "100%", height: device.safeArea.afterCalculations.bottom })
+        keepFooterOnKeyboardOpened || (import_react_native6.Platform.OS === "ios" ? !keyboard.willOpen : !keyboard.isOpened) ? footer && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(View_default, { children: footer }) : !withNoHeader && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          View_default,
+          {
+            width: "100%",
+            height: device.safeArea.afterCalculations.bottom + (import_react_native6.Platform.OS === "android" ? theme2.styles.gap : 0)
+          }
+        )
       ]
     }
   ) });
@@ -1084,17 +1092,19 @@ ScreenHolderComponent.footer = function Footer({
   noSideSpace,
   backgroundColor,
   insideBottomSafeArea,
+  withNoHeader,
   children
 }) {
   const theme2 = (0, import_react_better_core7.useTheme)();
   const device = useDevice();
+  const keyboard = useKeyboard();
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     View_default,
     {
       backgroundColor: backgroundColor ?? theme2.colors.backgroundBase,
       paddingHorizontal: !noSideSpace ? theme2.styles.space : void 0,
       paddingTop: theme2.styles.gap,
-      paddingBottom: insideBottomSafeArea ? device.safeArea.afterCalculations.bottom : void 0,
+      paddingBottom: (import_react_native6.Platform.OS === "ios" ? keyboard.willOpen : keyboard.isOpened) && withNoHeader ? theme2.styles.gap : insideBottomSafeArea ? device.safeArea.afterCalculations.bottom : void 0,
       children
     }
   );
@@ -1342,6 +1352,23 @@ InputField.email = InputFieldComponent.email;
 InputField.password = InputFieldComponent.password;
 var InputField_default = InputField;
 
+// src/components/StatusBar.tsx
+var import_react11 = require("react");
+var import_react_better_core10 = require("react-better-core");
+var import_react_native9 = require("react-native");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function StatusBar({ darkStatusBar, hidden }) {
+  const theme2 = (0, import_react_better_core10.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_native9.StatusBar,
+    {
+      backgroundColor: darkStatusBar ? theme2.colors.backgroundSecondary : void 0,
+      hidden
+    }
+  );
+}
+var StatusBar_default = (0, import_react11.memo)(StatusBar);
+
 // src/plugins/asyncStorage.ts
 var defaultAsyncStoragePluginOptions = {};
 var asyncStoragePlugin = (options) => ({
@@ -1363,6 +1390,7 @@ var asyncStoragePlugin = (options) => ({
   InputField,
   Loader,
   ScreenHolder,
+  StatusBar,
   Text,
   View,
   asyncStoragePlugin,