react-native-network-lens 0.0.0-stage → 0.1.1

package/lib/module/components/RequestList/FilterBar.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import React from 'react';
+import { ScrollView, StyleSheet, Text, View } from 'react-native';
+import { methodColor, statusColor, useTheme } from "../../theme.js";
+import { TextButton } from "../ui/index.js";
+import { STATUS_GROUPS, isFilterActive, toggleHost, toggleMethod, toggleStatusGroup } from "./filters.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const statusGroupColor = (theme, group) => {
+  switch (group) {
+    case '2xx':
+      return statusColor(theme, 200);
+    case '3xx':
+      return statusColor(theme, 300);
+    case '4xx':
+      return statusColor(theme, 400);
+    case '5xx':
+      return statusColor(theme, 500);
+    case 'failed':
+      return theme.colors.statusBad;
+    default:
+      return theme.colors.statusPending;
+  }
+};
+const Chip = ({
+  label,
+  selected,
+  color,
+  onPress
+}) => /*#__PURE__*/_jsx(TextButton, {
+  label: label,
+  onPress: onPress,
+  active: selected,
+  style: [styles.chip, selected && {
+    backgroundColor: color
+  }],
+  textStyle: !selected ? {
+    color
+  } : undefined
+});
+const FilterBar = ({
+  filter,
+  onChange,
+  methods,
+  hosts,
+  onClear
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      borderBottomColor: theme.colors.border,
+      backgroundColor: theme.colors.surface
+    }],
+    children: [/*#__PURE__*/_jsx(Row, {
+      label: "Method",
+      children: methods.map(method => /*#__PURE__*/_jsx(Chip, {
+        label: method,
+        selected: filter.methods.has(method),
+        color: methodColor(theme, method),
+        onPress: () => onChange(toggleMethod(filter, method))
+      }, method))
+    }), /*#__PURE__*/_jsx(Row, {
+      label: "Status",
+      children: STATUS_GROUPS.map(group => /*#__PURE__*/_jsx(Chip, {
+        label: group,
+        selected: filter.statusGroups.has(group),
+        color: statusGroupColor(theme, group),
+        onPress: () => onChange(toggleStatusGroup(filter, group))
+      }, group))
+    }), hosts.length > 1 && /*#__PURE__*/_jsx(Row, {
+      label: "Host",
+      children: hosts.map(host => /*#__PURE__*/_jsx(Chip, {
+        label: host || '(none)',
+        selected: filter.hosts.has(host),
+        color: theme.colors.primary,
+        onPress: () => onChange(toggleHost(filter, host))
+      }, host || '(none)'))
+    }), isFilterActive(filter) && /*#__PURE__*/_jsx(TextButton, {
+      label: "Clear filters",
+      onPress: onClear,
+      style: styles.clear
+    })]
+  });
+};
+const Row = ({
+  label,
+  children
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: [styles.rowLabel, {
+        color: theme.colors.textMuted
+      }],
+      children: label
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.chips,
+      children: children
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    paddingVertical: 6,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 3
+  },
+  rowLabel: {
+    width: 64,
+    fontSize: 11,
+    fontWeight: '700',
+    paddingLeft: 12,
+    letterSpacing: 0.5
+  },
+  chips: {
+    paddingRight: 12
+  },
+  chip: {
+    paddingVertical: 4,
+    paddingHorizontal: 10,
+    marginRight: 6
+  },
+  clear: {
+    alignSelf: 'flex-end',
+    marginRight: 12,
+    marginTop: 4,
+    paddingVertical: 4
+  }
+});
+export default FilterBar;
+//# sourceMappingURL=FilterBar.js.map

package/lib/module/components/RequestList/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ScrollView","StyleSheet","Text","View","methodColor","statusColor","useTheme","TextButton","STATUS_GROUPS","isFilterActive","toggleHost","toggleMethod","toggleStatusGroup","jsx","_jsx","jsxs","_jsxs","statusGroupColor","theme","group","colors","statusBad","statusPending","Chip","label","selected","color","onPress","active","style","styles","chip","backgroundColor","textStyle","undefined","FilterBar","filter","onChange","methods","hosts","onClear","container","borderBottomColor","border","surface","children","Row","map","method","has","statusGroups","length","host","primary","clear","row","rowLabel","textMuted","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","chips","create","paddingVertical","borderBottomWidth","hairlineWidth","flexDirection","alignItems","width","fontSize","fontWeight","paddingLeft","letterSpacing","paddingRight","paddingHorizontal","marginRight","alignSelf","marginTop"],"sourceRoot":"../../../../src","sources":["components/RequestList/FilterBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RequestList/RequestList.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { FlatList, Share, StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../theme.js";
+import { ActionSheet, EmptyState, IconButton, SearchInput } from "../ui/index.js";
+import FilterBar from "./FilterBar.js";
+import RequestRow from "./RequestRow.js";
+import { applyFilter, collectHosts, collectMethods, emptyFilter, isFilterActive } from "./filters.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const keyExtractor = row => row.id;
+const summaryText = (total, shown, failed) => {
+  const parts = [`${total} request${total === 1 ? '' : 's'}`];
+  if (shown !== total) parts.push(`${shown} shown`);
+  if (failed) parts.push(`${failed} with errors`);
+  return parts.join(' · ');
+};
+const RequestList = ({
+  requests,
+  sort,
+  compact,
+  maxRows,
+  paused,
+  loggingEnabled,
+  onPressItem,
+  menuActions,
+  header
+}) => {
+  const theme = useTheme();
+  const [search, setSearch] = useState('');
+  const [filter, setFilter] = useState(emptyFilter);
+  const [showFilters, setShowFilters] = useState(false);
+  const [menuVisible, setMenuVisible] = useState(false);
+  const rows = useMemo(() => {
+    const mapped = requests.map(request => request.toRow());
+    return sort === 'asc' ? mapped.reverse() : mapped;
+  }, [requests, sort]);
+  const filtered = useMemo(() => {
+    const result = applyFilter(rows, search, filter);
+    return maxRows ? result.slice(0, maxRows) : result;
+  }, [rows, search, filter, maxRows]);
+  const methods = useMemo(() => collectMethods(rows), [rows]);
+  const hosts = useMemo(() => collectHosts(rows), [rows]);
+  const failedCount = useMemo(() => rows.filter(r => r.statusGroup === 'failed' || r.statusGroup === '4xx' || r.statusGroup === '5xx').length, [rows]);
+  const onLongPress = useCallback(id => {
+    const request = requests.find(r => r.id === id);
+    if (request) Share.share({
+      message: request.curl
+    }).catch(() => undefined);
+  }, [requests]);
+  const renderItem = useCallback(({
+    item
+  }) => /*#__PURE__*/_jsx(RequestRow, {
+    row: item,
+    compact: compact,
+    onPress: onPressItem,
+    onLongPress: onLongPress
+  }), [compact, onPressItem, onLongPress]);
+  const emptyState = !loggingEnabled ? /*#__PURE__*/_jsx(EmptyState, {
+    title: "Network logging is disabled",
+    subtitle: "Call startNetworkLogging() with enabled: true before rendering the inspector."
+  }) : rows.length === 0 ? /*#__PURE__*/_jsx(EmptyState, {
+    title: "No requests yet",
+    subtitle: "Requests made with fetch, axios or XMLHttpRequest will appear here."
+  }) : /*#__PURE__*/_jsx(EmptyState, {
+    title: "No matching requests",
+    subtitle: "Try a different search term or clear the filters."
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      backgroundColor: theme.colors.background
+    }],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.toolbar, {
+        backgroundColor: theme.colors.surface,
+        borderBottomColor: theme.colors.border
+      }],
+      children: [header, /*#__PURE__*/_jsxs(View, {
+        style: styles.searchRow,
+        children: [/*#__PURE__*/_jsx(SearchInput, {
+          value: search,
+          onChangeText: setSearch,
+          placeholder: "Filter by URL, method or status",
+          style: styles.search
+        }), /*#__PURE__*/_jsx(IconButton, {
+          glyph: "\u2261",
+          accessibilityLabel: "Toggle filters",
+          active: showFilters || isFilterActive(filter),
+          onPress: () => setShowFilters(v => !v)
+        }), /*#__PURE__*/_jsx(IconButton, {
+          glyph: "\u22EE",
+          accessibilityLabel: "More options",
+          onPress: () => setMenuVisible(true)
+        })]
+      })]
+    }), showFilters && /*#__PURE__*/_jsx(FilterBar, {
+      filter: filter,
+      onChange: setFilter,
+      methods: methods,
+      hosts: hosts,
+      onClear: () => setFilter(emptyFilter())
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.statusBar, {
+        backgroundColor: paused ? theme.colors.statusWarning : theme.colors.surfaceAlt
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [styles.statusText, paused ? styles.statusTextPaused : {
+          color: theme.colors.textMuted
+        }],
+        numberOfLines: 1,
+        children: paused ? 'Paused — new requests are captured but hidden until you resume' : summaryText(rows.length, filtered.length, failedCount)
+      })
+    }), /*#__PURE__*/_jsx(FlatList, {
+      data: filtered,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "on-drag",
+      initialNumToRender: 15,
+      windowSize: 7,
+      ListEmptyComponent: emptyState,
+      contentContainerStyle: filtered.length === 0 && styles.emptyContent
+    }), /*#__PURE__*/_jsx(ActionSheet, {
+      visible: menuVisible,
+      onClose: () => setMenuVisible(false),
+      actions: menuActions
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  toolbar: {
+    paddingHorizontal: 8,
+    paddingVertical: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth
+  },
+  searchRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  search: {
+    flex: 1,
+    marginRight: 4
+  },
+  statusBar: {
+    paddingHorizontal: 12,
+    paddingVertical: 4
+  },
+  statusText: {
+    fontSize: 11,
+    fontWeight: '600'
+  },
+  statusTextPaused: {
+    color: '#ffffff'
+  },
+  emptyContent: {
+    flexGrow: 1
+  }
+});
+export default RequestList;
+//# sourceMappingURL=RequestList.js.map

package/lib/module/components/RequestList/RequestList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","FlatList","Share","StyleSheet","Text","View","useTheme","ActionSheet","EmptyState","IconButton","SearchInput","FilterBar","RequestRow","applyFilter","collectHosts","collectMethods","emptyFilter","isFilterActive","jsx","_jsx","jsxs","_jsxs","keyExtractor","row","id","summaryText","total","shown","failed","parts","push","join","RequestList","requests","sort","compact","maxRows","paused","loggingEnabled","onPressItem","menuActions","header","theme","search","setSearch","filter","setFilter","showFilters","setShowFilters","menuVisible","setMenuVisible","rows","mapped","map","request","toRow","reverse","filtered","result","slice","methods","hosts","failedCount","r","statusGroup","length","onLongPress","find","share","message","curl","catch","undefined","renderItem","item","onPress","emptyState","title","subtitle","style","styles","container","backgroundColor","colors","background","children","toolbar","surface","borderBottomColor","border","searchRow","value","onChangeText","placeholder","glyph","accessibilityLabel","active","v","onChange","onClear","statusBar","statusWarning","surfaceAlt","statusText","statusTextPaused","color","textMuted","numberOfLines","data","keyboardShouldPersistTaps","keyboardDismissMode","initialNumToRender","windowSize","ListEmptyComponent","contentContainerStyle","emptyContent","visible","onClose","actions","create","flex","paddingHorizontal","paddingVertical","borderBottomWidth","hairlineWidth","flexDirection","alignItems","marginRight","fontSize","fontWeight","flexGrow"],"sourceRoot":"../../../../src","sources":["components/RequestList/RequestList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RequestList/RequestRow.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, Pressable, StyleSheet, Text, View } from 'react-native';
+import { methodColor, statusColor, useTheme } from "../../theme.js";
+import { formatBytes, formatDuration, formatTime } from "../../utils/format.js";
+import { Pill } from "../ui/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const RequestRow = ({
+  row,
+  compact,
+  onPress,
+  onLongPress
+}) => {
+  const theme = useTheme();
+  const failed = row.state === 'failed';
+  const pending = row.state === 'pending';
+  const color = statusColor(theme, row.status, failed);
+  const statusLabel = failed ? (row.failureReason ?? 'ERR').toUpperCase() : row.status > 0 ? String(row.status) : '…';
+  const pathAndQuery = row.url.slice(row.url.indexOf(row.host) + row.host.length) || row.url;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: `${row.method} ${row.url}, status ${statusLabel}`,
+    onPress: () => onPress(row.id),
+    onLongPress: onLongPress ? () => onLongPress(row.id) : undefined,
+    delayLongPress: 350,
+    style: ({
+      pressed
+    }) => [styles.row, compact && styles.rowCompact, {
+      backgroundColor: pressed ? theme.colors.surfaceAlt : theme.colors.surface,
+      borderBottomColor: theme.colors.border
+    }],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.accent, {
+        backgroundColor: color
+      }]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.left,
+      children: [/*#__PURE__*/_jsx(Pill, {
+        label: row.method,
+        color: methodColor(theme, row.method),
+        small: true,
+        style: styles.methodPill
+      }), pending ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "small",
+        color: theme.colors.statusPending,
+        style: styles.spinner
+      }) : /*#__PURE__*/_jsx(Text, {
+        style: [styles.status, {
+          color
+        }],
+        children: statusLabel
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.center,
+      children: [/*#__PURE__*/_jsx(Text, {
+        numberOfLines: compact ? 1 : 2,
+        style: [styles.path, {
+          color: failed || row.status >= 400 ? color : theme.colors.text
+        }],
+        children: pathAndQuery
+      }), !compact && /*#__PURE__*/_jsxs(Text, {
+        numberOfLines: 1,
+        style: [styles.host, {
+          color: theme.colors.textMuted
+        }],
+        children: [row.host || '—', row.gqlOperation ? /*#__PURE__*/_jsxs(Text, {
+          style: {
+            color: theme.colors.primary
+          },
+          children: [' ', "gql: ", row.gqlOperation]
+        }) : null]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.right,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.meta, {
+          color: theme.colors.textMuted
+        }],
+        children: formatTime(row.startTime)
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.meta, {
+          color: theme.colors.textMuted
+        }],
+        children: row.duration >= 0 ? formatDuration(row.duration) : pending ? 'pending' : ''
+      }), !compact && row.responseSize > 0 && /*#__PURE__*/_jsx(Text, {
+        style: [styles.meta, {
+          color: theme.colors.textMuted
+        }],
+        children: formatBytes(row.responseSize)
+      })]
+    })]
+  });
+};
+const areEqual = (prev, next) => prev.row.updatedAt === next.row.updatedAt && prev.row.id === next.row.id && prev.compact === next.compact && prev.onPress === next.onPress && prev.onLongPress === next.onLongPress;
+export default /*#__PURE__*/React.memo(RequestRow, areEqual);
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 10,
+    paddingRight: 10,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    minHeight: 60
+  },
+  rowCompact: {
+    paddingVertical: 6,
+    minHeight: 44
+  },
+  accent: {
+    width: 3,
+    alignSelf: 'stretch',
+    borderRadius: 2,
+    marginLeft: 6
+  },
+  left: {
+    width: 64,
+    alignItems: 'center',
+    marginLeft: 6
+  },
+  methodPill: {
+    alignSelf: 'center',
+    minWidth: 52,
+    alignItems: 'center'
+  },
+  status: {
+    fontSize: 12,
+    fontWeight: '700',
+    marginTop: 4,
+    fontVariant: ['tabular-nums']
+  },
+  spinner: {
+    marginTop: 2,
+    transform: [{
+      scale: 0.7
+    }]
+  },
+  center: {
+    flex: 1,
+    paddingHorizontal: 8
+  },
+  path: {
+    fontSize: 14,
+    fontWeight: '500',
+    lineHeight: 18
+  },
+  host: {
+    fontSize: 12,
+    marginTop: 2
+  },
+  right: {
+    alignItems: 'flex-end',
+    minWidth: 56
+  },
+  meta: {
+    fontSize: 11,
+    lineHeight: 15,
+    fontVariant: ['tabular-nums']
+  }
+});
+//# sourceMappingURL=RequestRow.js.map

package/lib/module/components/RequestList/RequestRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","Pressable","StyleSheet","Text","View","methodColor","statusColor","useTheme","formatBytes","formatDuration","formatTime","Pill","jsx","_jsx","jsxs","_jsxs","RequestRow","row","compact","onPress","onLongPress","theme","failed","state","pending","color","status","statusLabel","failureReason","toUpperCase","String","pathAndQuery","url","slice","indexOf","host","length","accessibilityRole","accessibilityLabel","method","id","undefined","delayLongPress","style","pressed","styles","rowCompact","backgroundColor","colors","surfaceAlt","surface","borderBottomColor","border","children","accent","left","label","small","methodPill","size","statusPending","spinner","center","numberOfLines","path","text","textMuted","gqlOperation","primary","right","meta","startTime","duration","responseSize","areEqual","prev","next","updatedAt","memo","create","flexDirection","alignItems","paddingVertical","paddingRight","borderBottomWidth","hairlineWidth","minHeight","width","alignSelf","borderRadius","marginLeft","minWidth","fontSize","fontWeight","marginTop","fontVariant","transform","scale","flex","paddingHorizontal","lineHeight"],"sourceRoot":"../../../../src","sources":["components/RequestList/RequestRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RequestList/filters.js

@@ -0,0 +1,57 @@
+"use strict";
+
+export const emptyFilter = () => ({
+  methods: new Set(),
+  statusGroups: new Set(),
+  hosts: new Set()
+});
+export const isFilterActive = filter => filter.methods.size > 0 || filter.statusGroups.size > 0 || filter.hosts.size > 0;
+export const STATUS_GROUPS = ['2xx', '3xx', '4xx', '5xx', 'pending', 'failed'];
+export const applyFilter = (rows, search, filter) => {
+  const needle = search.trim().toLowerCase();
+  return rows.filter(row => {
+    if (needle) {
+      const haystack = `${row.method} ${row.url} ${row.gqlOperation ?? ''} ${row.status}`.toLowerCase();
+      if (!haystack.includes(needle)) return false;
+    }
+    if (filter.methods.size && !filter.methods.has(row.method)) return false;
+    if (filter.statusGroups.size && !filter.statusGroups.has(row.statusGroup)) return false;
+    if (filter.hosts.size && !filter.hosts.has(row.host)) return false;
+    return true;
+  });
+};
+const toggleIn = (set, value) => {
+  const next = new Set(set);
+  if (next.has(value)) next.delete(value);else next.add(value);
+  return next;
+};
+export const toggleMethod = (filter, method) => ({
+  ...filter,
+  methods: toggleIn(filter.methods, method)
+});
+export const toggleStatusGroup = (filter, group) => ({
+  ...filter,
+  statusGroups: toggleIn(filter.statusGroups, group)
+});
+export const toggleHost = (filter, host) => ({
+  ...filter,
+  hosts: toggleIn(filter.hosts, host)
+});
+
+/** Hosts seen in the captured requests, most frequent first. */
+export const collectHosts = rows => {
+  const counts = new Map();
+  for (const row of rows) counts.set(row.host, (counts.get(row.host) ?? 0) + 1);
+  return [...counts.entries()].sort((a, b) => b[1] - a[1]).map(([host]) => host);
+};
+export const collectMethods = rows => {
+  const seen = new Set();
+  for (const row of rows) seen.add(row.method);
+  const order = ['GET', 'POST', 'PUT', 'PATCH', 'DELETE'];
+  return [...seen].sort((a, b) => {
+    const ia = order.indexOf(a);
+    const ib = order.indexOf(b);
+    return (ia === -1 ? 99 : ia) - (ib === -1 ? 99 : ib) || a.localeCompare(b);
+  });
+};
+//# sourceMappingURL=filters.js.map

package/lib/module/components/RequestList/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["emptyFilter","methods","Set","statusGroups","hosts","isFilterActive","filter","size","STATUS_GROUPS","applyFilter","rows","search","needle","trim","toLowerCase","row","haystack","method","url","gqlOperation","status","includes","has","statusGroup","host","toggleIn","set","value","next","delete","add","toggleMethod","toggleStatusGroup","group","toggleHost","collectHosts","counts","Map","get","entries","sort","a","b","map","collectMethods","seen","order","ia","indexOf","ib","localeCompare"],"sourceRoot":"../../../../src","sources":["components/RequestList/filters.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/ActionSheet.js

@@ -0,0 +1,94 @@
+"use strict";
+
+import { Modal, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import { useTheme } from "../../theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Cross-platform bottom sheet built on Modal, so no native dependency is needed. */
+export const ActionSheet = ({
+  visible,
+  onClose,
+  actions,
+  title
+}) => {
+  const theme = useTheme();
+  return /*#__PURE__*/_jsxs(Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    onRequestClose: onClose,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      style: styles.backdrop,
+      onPress: onClose,
+      accessibilityLabel: "Close menu"
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.sheet, {
+        backgroundColor: theme.colors.surface
+      }],
+      children: [title ? /*#__PURE__*/_jsx(Text, {
+        numberOfLines: 1,
+        style: [styles.title, {
+          color: theme.colors.textMuted
+        }],
+        children: title
+      }) : null, /*#__PURE__*/_jsx(ScrollView, {
+        bounces: false,
+        children: actions.map(action => /*#__PURE__*/_jsx(Pressable, {
+          accessibilityRole: "button",
+          onPress: () => {
+            onClose();
+            action.onPress();
+          },
+          style: ({
+            pressed
+          }) => [styles.item, {
+            borderTopColor: theme.colors.border
+          }, pressed && styles.pressed],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.label, {
+              color: action.destructive ? theme.colors.statusBad : theme.colors.text
+            }],
+            children: action.label
+          })
+        }, action.label))
+      })]
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  backdrop: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: 'rgba(0,0,0,0.35)'
+  },
+  sheet: {
+    position: 'absolute',
+    left: 12,
+    right: 12,
+    bottom: 24,
+    borderRadius: 14,
+    overflow: 'hidden',
+    maxHeight: '70%'
+  },
+  title: {
+    fontSize: 12,
+    fontWeight: '700',
+    padding: 12,
+    letterSpacing: 0.6
+  },
+  item: {
+    paddingVertical: 14,
+    paddingHorizontal: 16,
+    borderTopWidth: StyleSheet.hairlineWidth
+  },
+  label: {
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  pressed: {
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=ActionSheet.js.map