@buoy-gg/ask-buoy 7.0.41 → 7.0.43

package/lib/module/blocks/MediaBlocks.js

@@ -1,153 +1 @@
-"use strict";
-
-/**
- * Image grid — two columns up to six, a snapping horizontal carousel beyond
- * that. Tap a tile to see it full-width in place; tap again to shrink.
- *
- * `alt` is the picture's NAME: shown as the tile's heading and read by
- * VoiceOver. The schema no longer requires it — `normaliseImage` fills it from
- * `title`, the caption or the file name — so it is always a non-empty string
- * here.
- */
-import { useState } from "react";
-import { Image, Pressable, ScrollView, StyleSheet, Text, useWindowDimensions, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { CAPS } from "@buoy-gg/agent-core";
-import { Card, MoreNote } from "./primitives";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function ImageGrid({
-  block
-}) {
-  const [open, setOpen] = useState(null);
-  const {
-    width
-  } = useWindowDimensions();
-  const images = block.images.slice(0, CAPS.gridMax);
-  const carousel = images.length > CAPS.gridImages;
-  const tile = Math.min(150, Math.floor((width - 2 * night.gutter - 24 - 8) / 2));
-  const Tile = ({
-    img,
-    i
-  }) => /*#__PURE__*/_jsxs(Pressable, {
-    testID: `buoy-block-image-${i}`,
-    accessibilityRole: "imagebutton",
-    accessibilityLabel: img.alt,
-    onPress: () => setOpen(open === i ? null : i),
-    style: [styles.tile, {
-      width: tile
-    }, carousel && styles.tileCarousel],
-    children: [/*#__PURE__*/_jsx(Image, {
-      testID: "buoy-internal-chat-image",
-      source: {
-        uri: img.url
-      },
-      style: [styles.image, {
-        width: tile,
-        height: tile
-      }],
-      resizeMode: "contain",
-      accessibilityLabel: img.alt
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.name,
-      numberOfLines: 1,
-      children: img.alt
-    }), img.caption ? /*#__PURE__*/_jsx(Text, {
-      style: styles.caption,
-      numberOfLines: 1,
-      children: img.caption
-    }) : null]
-  }, `${img.url}-${i}`);
-  return /*#__PURE__*/_jsxs(Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-imagegrid-${block.id}`,
-    children: [open !== null && images[open] ? /*#__PURE__*/_jsxs(Pressable, {
-      onPress: () => setOpen(null),
-      style: styles.hero,
-      accessibilityRole: "button",
-      accessibilityLabel: `Close ${images[open].alt}`,
-      children: [/*#__PURE__*/_jsx(Image, {
-        testID: "buoy-internal-chat-image",
-        source: {
-          uri: images[open].url
-        },
-        style: styles.heroImage,
-        resizeMode: "contain",
-        accessibilityLabel: images[open].alt
-      }), /*#__PURE__*/_jsx(Text, {
-        style: styles.heroCaption,
-        children: images[open].alt
-      }), images[open].caption ? /*#__PURE__*/_jsx(Text, {
-        style: styles.caption,
-        children: images[open].caption
-      }) : null]
-    }) : null, carousel ? /*#__PURE__*/_jsx(ScrollView, {
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      snapToInterval: tile + 8,
-      decelerationRate: "fast",
-      contentContainerStyle: styles.carousel,
-      children: images.map((img, i) => /*#__PURE__*/_jsx(Tile, {
-        img: img,
-        i: i
-      }, i))
-    }) : /*#__PURE__*/_jsx(View, {
-      style: styles.grid,
-      children: images.map((img, i) => /*#__PURE__*/_jsx(Tile, {
-        img: img,
-        i: i
-      }, i))
-    }), /*#__PURE__*/_jsx(MoreNote, {
-      shown: images.length,
-      total: block.total
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  grid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8,
-    padding: 12
-  },
-  carousel: {
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 12
-  },
-  tile: {
-    gap: 4
-  },
-  tileCarousel: {},
-  image: {
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.fill
-  },
-  name: {
-    color: night.color.text,
-    fontSize: night.font.micro,
-    fontWeight: "600"
-  },
-  caption: {
-    color: night.color.textSecondary,
-    fontSize: night.font.micro
-  },
-  hero: {
-    alignItems: "center",
-    padding: 12,
-    gap: 6,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: night.color.separator
-  },
-  heroImage: {
-    width: "100%",
-    height: 240,
-    borderRadius: night.radius.row,
-    backgroundColor: night.color.fill
-  },
-  heroCaption: {
-    color: night.color.text,
-    fontSize: night.font.caption
-  }
-});
-//# sourceMappingURL=MediaBlocks.js.map
+"use strict";import{useState as w}from"react";import{Image as g,Pressable as p,ScrollView as x,StyleSheet as b,Text as c,useWindowDimensions as I,View as C}from"react-native";import{night as e}from"@buoy-gg/shared-ui";import{CAPS as f}from"@buoy-gg/agent-core";import{Card as S,MoreNote as z}from"./primitives";import{jsx as i,jsxs as d}from"react/jsx-runtime";export function ImageGrid({block:n}){const[a,u]=w(null);const{width:y}=I();const t=n.images.slice(0,f.gridMax);const h=t.length>f.gridImages;const s=Math.min(150,Math.floor((y-2*e.gutter-24-8)/2));const m=({img:o,i:l})=>d(p,{testID:`buoy-block-image-${l}`,accessibilityRole:"imagebutton",accessibilityLabel:o.alt,onPress:()=>u(a===l?null:l),style:[r.tile,{width:s},h&&r.tileCarousel],children:[i(g,{testID:"buoy-internal-chat-image",source:{uri:o.url},style:[r.image,{width:s,height:s}],resizeMode:"contain",accessibilityLabel:o.alt}),i(c,{style:r.name,numberOfLines:1,children:o.alt}),o.caption?i(c,{style:r.caption,numberOfLines:1,children:o.caption}):null]},`${o.url}-${l}`);return d(S,{title:n.title,source:n.source,testID:`buoy-block-imagegrid-${n.id}`,children:[a!==null&&t[a]?d(p,{onPress:()=>u(null),style:r.hero,accessibilityRole:"button",accessibilityLabel:`Close ${t[a].alt}`,children:[i(g,{testID:"buoy-internal-chat-image",source:{uri:t[a].url},style:r.heroImage,resizeMode:"contain",accessibilityLabel:t[a].alt}),i(c,{style:r.heroCaption,children:t[a].alt}),t[a].caption?i(c,{style:r.caption,children:t[a].caption}):null]}):null,h?i(x,{horizontal:true,showsHorizontalScrollIndicator:false,snapToInterval:s+8,decelerationRate:"fast",contentContainerStyle:r.carousel,children:t.map((o,l)=>i(m,{img:o,i:l},l))}):i(C,{style:r.grid,children:t.map((o,l)=>i(m,{img:o,i:l},l))}),i(z,{shown:t.length,total:n.total})]})}const r=b.create({grid:{flexDirection:"row",flexWrap:"wrap",gap:8,padding:12},carousel:{gap:8,paddingHorizontal:12,paddingVertical:12},tile:{gap:4},tileCarousel:{},image:{borderRadius:e.radius.row,backgroundColor:e.color.fill},name:{color:e.color.text,fontSize:e.font.micro,fontWeight:"600"},caption:{color:e.color.textSecondary,fontSize:e.font.micro},hero:{alignItems:"center",padding:12,gap:6,borderBottomWidth:b.hairlineWidth,borderBottomColor:e.color.separator},heroImage:{width:"100%",height:240,borderRadius:e.radius.row,backgroundColor:e.color.fill},heroCaption:{color:e.color.text,fontSize:e.font.caption}});