react-native-better-html 1.0.19 → 1.0.21

package/dist/index.d.mts

@@ -367,7 +367,7 @@ declare const Loader: typeof LoaderComponent & {
     text: typeof LoaderComponent.text;
 };
 
-type ComponentStyleProps<Style extends ViewStyle = ViewStyle> = Omit<ComponentStyle<Style>, "transformOrigin">;
+type ComponentStyleProps<Style extends ViewStyle = ViewStyle> = Omit<ComponentStyle<Style>, "transformOrigin" | "transitionDuration">;
 type AnimationStyleProps<Style extends ViewStyle = ViewStyle> = ComponentStyle<Style> & PropsTransforms;
 type InitialComponentStyle<Style extends ViewStyle = ViewStyle> = {
     [CSSProperty in keyof AnimationStyleProps<Style> as `initial${Capitalize<CSSProperty & string>}`]: AnimationStyleProps<Style>[CSSProperty];
@@ -420,6 +420,8 @@ type ScreenHolderProps = {
     noScroll?: boolean;
     /** @default false */
     noSideSpace?: boolean;
+    /** @default false */
+    noTopSpace?: boolean;
     /** @default 1 (second) */
     refreshTimeout?: number;
     onRefresh?: () => void;

package/dist/index.d.ts

@@ -367,7 +367,7 @@ declare const Loader: typeof LoaderComponent & {
     text: typeof LoaderComponent.text;
 };
 
-type ComponentStyleProps<Style extends ViewStyle = ViewStyle> = Omit<ComponentStyle<Style>, "transformOrigin">;
+type ComponentStyleProps<Style extends ViewStyle = ViewStyle> = Omit<ComponentStyle<Style>, "transformOrigin" | "transitionDuration">;
 type AnimationStyleProps<Style extends ViewStyle = ViewStyle> = ComponentStyle<Style> & PropsTransforms;
 type InitialComponentStyle<Style extends ViewStyle = ViewStyle> = {
     [CSSProperty in keyof AnimationStyleProps<Style> as `initial${Capitalize<CSSProperty & string>}`]: AnimationStyleProps<Style>[CSSProperty];
@@ -420,6 +420,8 @@ type ScreenHolderProps = {
     noScroll?: boolean;
     /** @default false */
     noSideSpace?: boolean;
+    /** @default false */
+    noTopSpace?: boolean;
     /** @default 1 (second) */
     refreshTimeout?: number;
     onRefresh?: () => void;

package/dist/index.js

@@ -1341,6 +1341,7 @@ var getAlertDurationFromAuto = (duration, alert) => {
 };
 function Alert({ alert }) {
   const theme2 = (0, import_react_better_core9.useTheme)();
+  const device = useDevice();
   const alertControls2 = useAlertControls();
   const alertsPlugin2 = usePlugin("alerts");
   const pluginConfig = alertsPlugin2?.getConfig() ?? {};
@@ -1393,9 +1394,12 @@ function Alert({ alert }) {
       clearTimeout(timeout);
     };
   }, [onPressCloseAlert, defaultAlertDurationNumber]);
+  const iconSize = 16;
+  const iconPadding = (theme2.styles.space + theme2.styles.gap) / 2;
   return defaultAlertDisplay === "prominent" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, {}) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     Animate_default.View,
     {
+      maxWidth: "100%",
       initialOpacity: 0,
       animateOpacity: isRemoved ? 0 : 1,
       initialX: 40,
@@ -1408,20 +1412,29 @@ function Alert({ alert }) {
             justifyContent: "center",
             backgroundColor: alertData[alert.type].backgroundColor,
             borderRadius: 999,
-            padding: (theme2.styles.space + theme2.styles.gap) / 2,
+            padding: iconPadding,
             children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
               Icon_default,
               {
                 name: alertData[alert.type].icon,
+                nameIOS: alertData[alert.type].iconIOS,
+                size: iconSize,
                 color: alertData[alert.type].iconColor ?? theme2.colors.base
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(View_default, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { fontSize: 18, fontWeight: 700, children: alert.title ?? alertData[alert.type].title }),
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default.body, { children: alert.message })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          View_default,
+          {
+            maxWidth: device.windowDimensions.width - theme2.styles.space - theme2.styles.space - (iconPadding + iconSize + iconPadding) - theme2.styles.space - 60 - theme2.styles.space - theme2.styles.space - theme2.styles.space,
+            gap: theme2.styles.gap / 3,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default, { fontSize: 18, fontWeight: 700, children: alert.title ?? alertData[alert.type].title }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Text_default.body, { children: alert.message })
+            ]
+          }
+        ),
         pluginConfig.withCloseButton && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button_default.icon, { icon: "XMark", onPress: onPressCloseAlert })
       ] }) })
     }
@@ -1622,6 +1635,7 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var ScreenHolderComponent = ({
   noScroll,
   noSideSpace,
+  noTopSpace,
   refreshTimeout = 1,
   onRefresh,
   onRefreshEnd,
@@ -1658,7 +1672,7 @@ var ScreenHolderComponent = ({
     {
       flex: 1,
       paddingHorizontal: !noSideSpace ? theme2.styles.space : void 0,
-      paddingTop: theme2.styles.gap + (insideTopSafeArea ? device.safeArea.afterCalculations.top : 0),
+      paddingTop: (!noTopSpace ? theme2.styles.gap : 0) + (insideTopSafeArea ? device.safeArea.afterCalculations.top : 0),
       paddingBottom: import_react_native8.Platform.OS === "ios" && keyboard.isOpened ? device.safeArea.afterCalculations.top : bottomSpace + (insideBottomSafeArea ? device.safeArea.afterCalculations.bottom : 0),
       children
     }