@buoy-gg/ask-buoy 7.0.35 → 7.0.38

package/lib/commonjs/blocks/MediaBlocks.js

@@ -1,140 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageGrid = ImageGrid;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _agentCore = require("@buoy-gg/agent-core");
-var _primitives = require("./primitives");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * 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
- * text is required by the schema and read by VoiceOver.
- */
-
-function ImageGrid({
-  block
-}) {
-  const [open, setOpen] = (0, _react.useState)(null);
-  const {
-    width
-  } = (0, _reactNative.useWindowDimensions)();
-  const images = block.images.slice(0, _agentCore.CAPS.gridMax);
-  const carousel = images.length > _agentCore.CAPS.gridImages;
-  const tile = Math.min(150, Math.floor((width - 2 * _sharedUi.night.gutter - 24 - 8) / 2));
-  const Tile = ({
-    img,
-    i
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-      source: {
-        uri: img.url
-      },
-      style: [styles.image, {
-        width: tile,
-        height: tile
-      }],
-      resizeMode: "contain",
-      accessibilityLabel: img.alt
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.caption,
-      numberOfLines: 1,
-      children: img.caption ?? img.alt
-    })]
-  }, `${img.url}-${i}`);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Card, {
-    title: block.title,
-    source: block.source,
-    testID: `buoy-block-imagegrid-${block.id}`,
-    children: [open !== null && images[open] ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
-      onPress: () => setOpen(null),
-      style: styles.hero,
-      accessibilityRole: "button",
-      accessibilityLabel: `Close ${images[open].alt}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-        source: {
-          uri: images[open].url
-        },
-        style: styles.heroImage,
-        resizeMode: "contain",
-        accessibilityLabel: images[open].alt
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.heroCaption,
-        children: images[open].caption ?? images[open].alt
-      })]
-    }) : null, carousel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      snapToInterval: tile + 8,
-      decelerationRate: "fast",
-      contentContainerStyle: styles.carousel,
-      children: images.map((img, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tile, {
-        img: img,
-        i: i
-      }, i))
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.grid,
-      children: images.map((img, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(Tile, {
-        img: img,
-        i: i
-      }, i))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MoreNote, {
-      shown: images.length,
-      total: block.total
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  grid: {
-    flexDirection: "row",
-    flexWrap: "wrap",
-    gap: 8,
-    padding: 12
-  },
-  carousel: {
-    gap: 8,
-    paddingHorizontal: 12,
-    paddingVertical: 12
-  },
-  tile: {
-    gap: 4
-  },
-  tileCarousel: {},
-  image: {
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  caption: {
-    color: _sharedUi.night.color.textSecondary,
-    fontSize: _sharedUi.night.font.micro
-  },
-  hero: {
-    alignItems: "center",
-    padding: 12,
-    gap: 6,
-    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
-    borderBottomColor: _sharedUi.night.color.separator
-  },
-  heroImage: {
-    width: "100%",
-    height: 240,
-    borderRadius: _sharedUi.night.radius.row,
-    backgroundColor: _sharedUi.night.color.fill
-  },
-  heroCaption: {
-    color: _sharedUi.night.color.text,
-    fontSize: _sharedUi.night.font.caption
-  }
-});
-//# sourceMappingURL=MediaBlocks.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ImageGrid=ImageGrid;var _react=require("react"),_reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_agentCore=require("@buoy-gg/agent-core"),_primitives=require("./primitives"),_jsxRuntime=require("react/jsx-runtime");function ImageGrid({block:e}){const[t,i]=(0,_react.useState)(null),{width:r}=(0,_reactNative.useWindowDimensions)(),a=e.images.slice(0,_agentCore.CAPS.gridMax),s=a.length>_agentCore.CAPS.gridImages,o=Math.min(150,Math.floor((r-2*_sharedUi.night.gutter-24-8)/2)),l=({img:e,i:r})=>(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{testID:`buoy-block-image-${r}`,accessibilityRole:"imagebutton",accessibilityLabel:e.alt,onPress:()=>i(t===r?null:r),style:[styles.tile,{width:o},s&&styles.tileCarousel],children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:e.url},style:[styles.image,{width:o,height:o}],resizeMode:"contain",accessibilityLabel:e.alt}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.name,numberOfLines:1,children:e.alt}),e.caption?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.caption,numberOfLines:1,children:e.caption}):null]},`${e.url}-${r}`);return(0,_jsxRuntime.jsxs)(_primitives.Card,{title:e.title,source:e.source,testID:`buoy-block-imagegrid-${e.id}`,children:[null!==t&&a[t]?(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>i(null),style:styles.hero,accessibilityRole:"button",accessibilityLabel:`Close ${a[t].alt}`,children:[(0,_jsxRuntime.jsx)(_reactNative.Image,{source:{uri:a[t].url},style:styles.heroImage,resizeMode:"contain",accessibilityLabel:a[t].alt}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.heroCaption,children:a[t].alt}),a[t].caption?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.caption,children:a[t].caption}):null]}):null,s?(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,snapToInterval:o+8,decelerationRate:"fast",contentContainerStyle:styles.carousel,children:a.map((e,t)=>(0,_jsxRuntime.jsx)(l,{img:e,i:t},t))}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.grid,children:a.map((e,t)=>(0,_jsxRuntime.jsx)(l,{img:e,i:t},t))}),(0,_jsxRuntime.jsx)(_primitives.MoreNote,{shown:a.length,total:e.total})]})}const styles=_reactNative.StyleSheet.create({grid:{flexDirection:"row",flexWrap:"wrap",gap:8,padding:12},carousel:{gap:8,paddingHorizontal:12,paddingVertical:12},tile:{gap:4},tileCarousel:{},image:{borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.fill},name:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.micro,fontWeight:"600"},caption:{color:_sharedUi.night.color.textSecondary,fontSize:_sharedUi.night.font.micro},hero:{alignItems:"center",padding:12,gap:6,borderBottomWidth:_reactNative.StyleSheet.hairlineWidth,borderBottomColor:_sharedUi.night.color.separator},heroImage:{width:"100%",height:240,borderRadius:_sharedUi.night.radius.row,backgroundColor:_sharedUi.night.color.fill},heroCaption:{color:_sharedUi.night.color.text,fontSize:_sharedUi.night.font.caption}});