@goway.to/maps 0.1.0 → 0.1.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to `@goway.to/maps`. Semantic versioning with the 0.x rule:
 while the major version is 0, a MINOR release may break the API.
 
+## 0.1.1
+
+- A `MapView` given a `height` keeps it. The root was `flex: 1`, a zero flex
+  basis on both platforms, which overrode the caller's height: a map inside a
+  scroll view (an address picker in a form) rendered 0 tall. It now grows from
+  its own size, so it still fills a bounded parent when given no size.
+- The GoWay mark has an accessible name on the web. `react-native-svg` hands
+  its props to the DOM `<svg>` unchanged, so the logo's React Native
+  accessibility props landed there as unknown attributes — no name in a
+  browser, and a React warning about `accessible` on every map. The web now
+  gets `role="img"` and `aria-label`; iOS and Android are unchanged.
+
 ## 0.1.0
 
 The first release: GoWay's map as an SDK, with GoWay's own app as its first

package/dist/MapView.js

@@ -415,6 +415,11 @@ function createNativeMapApi(mapRef, cameraRef, reports) {
     return api;
 }
 const styles = StyleSheet.create({
-    root: { flex: 1, position: 'relative', overflow: 'hidden' },
+    // `flexGrow`, not `flex: 1`: `flex: 1` is a zero flex BASIS (react-native-web
+    // writes `flex: 1 1 0%`, and Yoga reads it the same way), which overrides a
+    // caller's `height` and collapses a map in a scroll view or any parent of
+    // auto height to nothing. Growing from its own size, the map fills a bounded
+    // parent when given no size and keeps the one it is given.
+    root: { flexGrow: 1, position: 'relative', overflow: 'hidden' },
     fill: { flex: 1 },
 });

package/dist/MapView.web.js

@@ -408,6 +408,11 @@ function labelAt(map, point, coordinate, layers) {
     });
 }
 const styles = StyleSheet.create({
-    root: { flex: 1, position: 'relative', overflow: 'hidden' },
+    // `flexGrow`, not `flex: 1`: `flex: 1` is a zero flex BASIS (react-native-web
+    // writes `flex: 1 1 0%`, and Yoga reads it the same way), which overrides a
+    // caller's `height` and collapses a map in a scroll view or any parent of
+    // auto height to nothing. Growing from its own size, the map fills a bounded
+    // parent when given no size and keeps the one it is given.
+    root: { flexGrow: 1, position: 'relative', overflow: 'hidden' },
     engine: { flex: 1 },
 });

package/dist/brand/GowayLogo.js

@@ -24,8 +24,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * every call site instead of cropping in some of them.
  */
 import { memo } from 'react';
+import { Platform } from 'react-native';
 import Svg, { Path } from 'react-native-svg';
 import { GOWAY_INK, GOWAY_MARK, GOWAY_WORDMARK, aspectRatio } from './artwork';
+import { logoAccessibility } from './logoAccessibility';
 const ARTWORK = {
     wordmark: GOWAY_WORDMARK,
     mark: GOWAY_MARK,
@@ -37,10 +39,7 @@ export function gowayLogoHeight(width, variant = 'wordmark') {
 function GowayLogoComponent({ width, variant = 'wordmark', label = 'GoWay', testID, }) {
     const artwork = ARTWORK[variant];
     const height = gowayLogoHeight(width, variant);
-    return (_jsx(Svg, { width: width, height: height, viewBox: artwork.viewBox, 
-        // A decorative logo beside its own name is noise in a screen reader, so
-        // an empty label hides it rather than forcing callers to wrap it.
-        accessible: label !== '', accessibilityRole: "image", accessibilityLabel: label || undefined, testID: testID, children: artwork.paths.map((path, index) => (
+    return (_jsx(Svg, { width: width, height: height, viewBox: artwork.viewBox, ...logoAccessibility(label, Platform.OS), testID: testID, children: artwork.paths.map((path, index) => (
         // Index keys: the array is a fixed, ordered drawing, never reordered
         // and never filtered by anything but `part`. Draw order is the artwork
         // (see `artwork.ts`), so a key that survived a reorder would be a bug.

package/dist/brand/logoAccessibility.d.ts

@@ -0,0 +1,26 @@
+/**
+ * The logo's accessible name, in each platform's own vocabulary.
+ *
+ * `react-native-svg` on the web hands its props to the DOM `<svg>` as they
+ * are, so React Native's `accessible` / `accessibilityRole` /
+ * `accessibilityLabel` landed there as unknown attributes: the logo had no
+ * accessible name in a browser, and React warned about `accessible` on every
+ * map. The web gets ARIA; iOS and Android keep React Native's props, which
+ * the native SVG view does read.
+ *
+ * An empty label hides the logo from assistive technology on both: a
+ * decorative logo beside its own name is noise in a screen reader.
+ */
+export type LogoAccessibility = {
+    role: 'img';
+    'aria-label': string;
+} | {
+    'aria-hidden': true;
+} | {
+    accessible: true;
+    accessibilityRole: 'image';
+    accessibilityLabel: string;
+} | {
+    accessible: false;
+};
+export declare function logoAccessibility(label: string, os: string): LogoAccessibility;

package/dist/brand/logoAccessibility.js

@@ -0,0 +1,7 @@
+export function logoAccessibility(label, os) {
+    if (os === 'web')
+        return label ? { role: 'img', 'aria-label': label } : { 'aria-hidden': true };
+    return label
+        ? { accessible: true, accessibilityRole: 'image', accessibilityLabel: label }
+        : { accessible: false };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goway.to/maps",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "GoWay's maps SDK for React and React Native: one declarative map for web and native — GoWay styles that follow your theme, Bloom markers with clustering, a camera framed by value, user location without a prompt on mount.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "The Oxy Collective, Inc.",