@innspel/react-native 0.7.0 → 0.7.1

package/dist/index.cjs

@@ -1437,7 +1437,7 @@ function Skjermbilde({
     );
   };
   const a11y = tekst.skjermbildeA11y(automasker.length, egne.length, allTekst);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: { flex: 1, gap: tema.space.md }, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { testID: "skjermbilde-steg", style: { flexGrow: 1, flexShrink: 1, gap: tema.space.md }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(H, { sub: kilde === "galleri" ? tekst.skjermbildeUnderGalleri : tekst.skjermbildeUnder, children: tekst.skjermbildeTittel }),
     notat ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native8.View, { testID: "bilde-notat", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: notat }) }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { accessibilityRole: "toolbar", accessibilityLabel: tekst.maskering, style: { flexDirection: "row", gap: tema.space.sm }, children: [
@@ -1451,15 +1451,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__ */ (0, import_jsx_runtime7.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native8.View, { testID: "skjermbilde-flate", pointerEvents: "box-none", style: [import_react_native8.StyleSheet.absoluteFill, { alignItems: "center", justifyContent: "center" }], children: visning ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           import_react_native8.View,
           {
             ref: previewRef,
@@ -1520,7 +1520,7 @@ function Skjermbilde({
               ))
             ]
           }
-        ) : null
+        ) : null })
       }
     ),
     automasker.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(Hint, { children: [
@@ -1529,7 +1529,7 @@ function Skjermbilde({
     ] }) : null,
     egne.length ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.dittStrok }) : null,
     allTekst ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Hint, { children: tekst.allTekstHint }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { style: { gap: tema.space.sm }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native8.View, { testID: "skjermbilde-fot", style: { flexShrink: 0, gap: tema.space.sm }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { variant: "danger", testID: "fjern-bildet", ikon: "\u{1F5D1}", label: tekst.fjernBildet, onPress: onFjern, disabled: komponerer }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Btn, { testID: "legg-ved", label: tekst.leggVedOgFortsett, onPress: onLeggVed, disabled: komponerer || !visning, hint: tekst.leggVedHintDD42 })
     ] })
@@ -1785,7 +1785,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__ */ (0, import_jsx_runtime8.jsxs)(import_react_native9.View, { style: { flexDirection: "row", justifyContent: "space-between", alignItems: "center" }, children: [