react-native-better-html 1.0.19 → 1.0.21

package/dist/index.mjs

@@ -1297,6 +1297,7 @@ var getAlertDurationFromAuto = (duration, alert) => {
 };
 function Alert({ alert }) {
   const theme2 = useTheme8();
+  const device = useDevice();
   const alertControls2 = useAlertControls();
   const alertsPlugin2 = usePlugin("alerts");
   const pluginConfig = alertsPlugin2?.getConfig() ?? {};
@@ -1349,9 +1350,12 @@ function Alert({ alert }) {
       clearTimeout(timeout);
     };
   }, [onPressCloseAlert, defaultAlertDurationNumber]);
+  const iconSize = 16;
+  const iconPadding = (theme2.styles.space + theme2.styles.gap) / 2;
   return defaultAlertDisplay === "prominent" ? /* @__PURE__ */ jsx8(Fragment2, {}) : /* @__PURE__ */ jsx8(
     Animate_default.View,
     {
+      maxWidth: "100%",
       initialOpacity: 0,
       animateOpacity: isRemoved ? 0 : 1,
       initialX: 40,
@@ -1364,20 +1368,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__ */ jsx8(
               Icon_default,
               {
                 name: alertData[alert.type].icon,
+                nameIOS: alertData[alert.type].iconIOS,
+                size: iconSize,
                 color: alertData[alert.type].iconColor ?? theme2.colors.base
               }
             )
           }
         ),
-        /* @__PURE__ */ jsxs3(View_default, { children: [
-          /* @__PURE__ */ jsx8(Text_default, { fontSize: 18, fontWeight: 700, children: alert.title ?? alertData[alert.type].title }),
-          /* @__PURE__ */ jsx8(Text_default.body, { children: alert.message })
-        ] }),
+        /* @__PURE__ */ jsxs3(
+          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__ */ jsx8(Text_default, { fontSize: 18, fontWeight: 700, children: alert.title ?? alertData[alert.type].title }),
+              /* @__PURE__ */ jsx8(Text_default.body, { children: alert.message })
+            ]
+          }
+        ),
         pluginConfig.withCloseButton && /* @__PURE__ */ jsx8(Button_default.icon, { icon: "XMark", onPress: onPressCloseAlert })
       ] }) })
     }
@@ -1578,6 +1591,7 @@ import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var ScreenHolderComponent = ({
   noScroll,
   noSideSpace,
+  noTopSpace,
   refreshTimeout = 1,
   onRefresh,
   onRefreshEnd,
@@ -1614,7 +1628,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: Platform4.OS === "ios" && keyboard.isOpened ? device.safeArea.afterCalculations.top : bottomSpace + (insideBottomSafeArea ? device.safeArea.afterCalculations.bottom : 0),
       children
     }