@innspel/react-native 0.7.0 → 0.7.1

package/dist/index.js

@@ -1298,7 +1298,7 @@ function MineInnspill({
 // src/widget/Skjermbilde.tsx
 import { skaler, strokTilRekter, treffer, trykkTilRekt } from "@innspel/core";
 import { useCallback, useMemo as useMemo2, useRef, useState as useState2 } from "react";
-import { Image as Image2, Pressable as Pressable4, Text as Text7, View as View7 } from "react-native";
+import { Image as Image2, Pressable as Pressable4, StyleSheet, Text as Text7, View as View7 } from "react-native";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function Skjermbilde({
   bilde,
@@ -1399,7 +1399,7 @@ function Skjermbilde({
     );
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
-  return /* @__PURE__ */ jsxs7(View7, { style: { flex: 1, gap: tema.space.md }, children: [
+  return /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ jsx7(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
     notat ? /* @__PURE__ */ jsx7(View7, { testID: "bilde-notat", children: /* @__PURE__ */ jsx7(Hint, { children: notat }) }) : null,
     /* @__PURE__ */ jsxs7(View7, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
@@ -1413,15 +1413,15 @@ function Skjermbilde({
         testID: "skjermbilde-ramme",
         onLayout,
         style: {
-          flex: 1,
+          flexGrow: 1,
+          flexShrink: 1,
+          flexBasis: 0,
           minHeight: tema.touch * 5,
-          alignItems: "center",
-          justifyContent: "center",
           backgroundColor: screenRules.previewBackdrop,
           borderRadius: tema.radius.md,
           overflow: "hidden"
         },
-        children: visning ? /* @__PURE__ */ jsxs7(
+        children: /* @__PURE__ */ jsx7(View7, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ jsxs7(
           View7,
           {
             ref: previewRef,
@@ -1482,7 +1482,7 @@ function Skjermbilde({
               ))
             ]
           }
-        ) : null
+        ) : null })
       }
     ),
     automasker.length ? /* @__PURE__ */ jsxs7(Hint, { children: [
@@ -1491,7 +1491,7 @@ function Skjermbilde({
     ] }) : null,
     egne.length ? /* @__PURE__ */ jsx7(Hint, { children: tekst.dittStrok }) : null,
     allTekst ? /* @__PURE__ */ jsx7(Hint, { children: tekst.allTekstHint }) : null,
-    /* @__PURE__ */ jsxs7(View7, { style: { gap: tema.space.sm }, children: [
+    /* @__PURE__ */ jsxs7(View7, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
       /* @__PURE__ */ jsx7(Btn, { variant: "danger", testID: "fjern-bildet", ikon: "\u{1F5D1}", label: tekst.fjernBildet, onPress: onFjern, disabled: komponerer }),
       /* @__PURE__ */ jsx7(Btn, { testID: "legg-ved", label: tekst.leggVedOgFortsett, onPress: onLeggVed, disabled: komponerer || !visning, hint: tekst.leggVedHintDD42 })
     ] })
@@ -1747,7 +1747,10 @@ function Widget({
                 paddingRight: tema.screenPadding + insets.right,
                 gap: tema.space.md,
                 maxHeight: "92%",
-                minHeight: "60%"
+                minHeight: "60%",
+                // Bildesteget får fast høyde: forhåndsvisningen tilpasses plassen som er igjen, og
+                // uten en kjent høyde har den ingen øvre grense (se Skjermbilde.tsx).
+                ...steg === "skjermbilde" ? { height: "92%" } : {}
               },
               children: [
                 /* @__PURE__ */ jsxs8(View8, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [