@kesha-antonov/react-native-chat 5.0.0 → 6.0.0

package/lib/attachments/AttachmentMenu/TabPanel.js

@@ -0,0 +1,170 @@
+import { c as _c } from "react/compiler-runtime";
+import React from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { Icon } from '../../components/Icon';
+import { PinIcon } from '../../components/MediaControls';
+import { Spinner } from '../../components/Spinner';
+import { useIsRTL } from '../../hooks/useIsRTL';
+import { useLabels } from '../../hooks/useLabels';
+import { useTheme, useThemedStyles } from '../../hooks/useTheme';
+import { formatLabel } from '../../i18n';
+import { hasImagePicker } from '../../optional';
+import { pickFromSystemGallery } from '../buildMessages';
+import { createStyles } from './styles';
+
+/**
+ * What the sheet shows when there is no grid: the location row, or the gallery's fallback (a
+ * message and a button for the system picker).
+ */
+export function TabPanel(t0) {
+  const $ = _c(48);
+  const {
+    activeTab,
+    location,
+    onSendLocation,
+    hasGrid,
+    galleryStatus,
+    runPicker
+  } = t0;
+  const styles = useThemedStyles(createStyles);
+  const theme = useTheme();
+  const labels = useLabels();
+  const isRTL = useIsRTL();
+  if (activeTab === "location") {
+    let t1;
+    if ($[0] !== labels.attachLocating || $[1] !== labels.attachLocationAccuracy || $[2] !== labels.attachLocationDenied || $[3] !== location) {
+      t1 = location === "locating" || location == null ? labels.attachLocating : location.status === "located" ? location.accuracy ? formatLabel(labels.attachLocationAccuracy, {
+        meters: Math.round(location.accuracy)
+      }) : "" : location.status === "denied" ? labels.attachLocationDenied : "";
+      $[0] = labels.attachLocating;
+      $[1] = labels.attachLocationAccuracy;
+      $[2] = labels.attachLocationDenied;
+      $[3] = location;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    const subtitle = t1;
+    const t2 = isRTL && styles.rowReverse;
+    let t3;
+    if ($[5] !== styles.locationRow || $[6] !== t2) {
+      t3 = [styles.locationRow, t2];
+      $[5] = styles.locationRow;
+      $[6] = t2;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    let t4;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+      t4 = <Icon name="location" color="#FFFFFF" size={24} fallback={<PinIcon color="#FFFFFF" size={24} />} />;
+      $[8] = t4;
+    } else {
+      t4 = $[8];
+    }
+    let t5;
+    if ($[9] !== styles.locationIcon) {
+      t5 = <View style={styles.locationIcon}>{t4}</View>;
+      $[9] = styles.locationIcon;
+      $[10] = t5;
+    } else {
+      t5 = $[10];
+    }
+    const t6 = isRTL && styles.textRTL;
+    let t7;
+    if ($[11] !== styles.locationTitle || $[12] !== t6) {
+      t7 = [styles.locationTitle, t6];
+      $[11] = styles.locationTitle;
+      $[12] = t6;
+      $[13] = t7;
+    } else {
+      t7 = $[13];
+    }
+    let t8;
+    if ($[14] !== labels.attachSendLocation || $[15] !== t7) {
+      t8 = <Text style={t7} numberOfLines={1}>{labels.attachSendLocation}</Text>;
+      $[14] = labels.attachSendLocation;
+      $[15] = t7;
+      $[16] = t8;
+    } else {
+      t8 = $[16];
+    }
+    let t9;
+    if ($[17] !== isRTL || $[18] !== styles.locationSubtitle || $[19] !== styles.textRTL || $[20] !== subtitle) {
+      t9 = !!subtitle && <Text style={[styles.locationSubtitle, isRTL && styles.textRTL]} numberOfLines={2}>{subtitle}</Text>;
+      $[17] = isRTL;
+      $[18] = styles.locationSubtitle;
+      $[19] = styles.textRTL;
+      $[20] = subtitle;
+      $[21] = t9;
+    } else {
+      t9 = $[21];
+    }
+    let t10;
+    if ($[22] !== styles.locationText || $[23] !== t8 || $[24] !== t9) {
+      t10 = <View style={styles.locationText}>{t8}{t9}</View>;
+      $[22] = styles.locationText;
+      $[23] = t8;
+      $[24] = t9;
+      $[25] = t10;
+    } else {
+      t10 = $[25];
+    }
+    let t11;
+    if ($[26] !== labels.attachSendLocation || $[27] !== onSendLocation || $[28] !== t10 || $[29] !== t3 || $[30] !== t5) {
+      t11 = <Pressable onPress={onSendLocation} style={t3} accessibilityRole="button" accessibilityLabel={labels.attachSendLocation}>{t5}{t10}</Pressable>;
+      $[26] = labels.attachSendLocation;
+      $[27] = onSendLocation;
+      $[28] = t10;
+      $[29] = t3;
+      $[30] = t5;
+      $[31] = t11;
+    } else {
+      t11 = $[31];
+    }
+    return t11;
+  }
+  const message = !hasGrid ? null : galleryStatus === "denied" ? labels.attachPhotosAccess : galleryStatus === "ready" ? labels.attachNoPhotos : null;
+  let t1;
+  if ($[32] !== message || $[33] !== styles.panelText) {
+    t1 = !!message && <Text style={styles.panelText}>{message}</Text>;
+    $[32] = message;
+    $[33] = styles.panelText;
+    $[34] = t1;
+  } else {
+    t1 = $[34];
+  }
+  let t2;
+  if ($[35] !== labels || $[36] !== runPicker || $[37] !== styles.panelButton || $[38] !== styles.panelButtonText) {
+    t2 = hasImagePicker() && <Pressable onPress={() => runPicker(pickFromSystemGallery)} style={styles.panelButton} accessibilityRole="button"><Text style={styles.panelButtonText}>{labels.attachChooseFromGallery}</Text></Pressable>;
+    $[35] = labels;
+    $[36] = runPicker;
+    $[37] = styles.panelButton;
+    $[38] = styles.panelButtonText;
+    $[39] = t2;
+  } else {
+    t2 = $[39];
+  }
+  let t3;
+  if ($[40] !== galleryStatus || $[41] !== theme) {
+    t3 = galleryStatus === "loading" && <Spinner size={40} color={theme.colors.accent} />;
+    $[40] = galleryStatus;
+    $[41] = theme;
+    $[42] = t3;
+  } else {
+    t3 = $[42];
+  }
+  let t4;
+  if ($[43] !== styles.galleryPanel || $[44] !== t1 || $[45] !== t2 || $[46] !== t3) {
+    t4 = <View style={styles.galleryPanel}>{t1}{t2}{t3}</View>;
+    $[43] = styles.galleryPanel;
+    $[44] = t1;
+    $[45] = t2;
+    $[46] = t3;
+    $[47] = t4;
+  } else {
+    t4 = $[47];
+  }
+  return t4;
+}
+//# sourceMappingURL=TabPanel.js.map

package/lib/attachments/AttachmentMenu/TabPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabPanel.js","names":["React","Pressable","Text","View","Icon","PinIcon","Spinner","useIsRTL","useLabels","useTheme","useThemedStyles","formatLabel","hasImagePicker","pickFromSystemGallery","createStyles","TabPanel","t0","$","_c","activeTab","location","onSendLocation","hasGrid","galleryStatus","runPicker","styles","theme","labels","isRTL","t1","attachLocating","attachLocationAccuracy","attachLocationDenied","status","accuracy","meters","Math","round","subtitle","t2","rowReverse","t3","locationRow","t4","Symbol","for","t5","locationIcon","t6","textRTL","t7","locationTitle","t8","attachSendLocation","t9","locationSubtitle","t10","locationText","t11","message","attachPhotosAccess","attachNoPhotos","panelText","panelButton","panelButtonText","attachChooseFromGallery","colors","accent","galleryPanel"],"sources":["../../../src/attachments/AttachmentMenu/TabPanel.tsx"],"sourcesContent":["import React from 'react'\nimport { Pressable, Text, View } from 'react-native'\n\nimport { Icon } from '../../components/Icon'\nimport { PinIcon } from '../../components/MediaControls'\nimport { Spinner } from '../../components/Spinner'\nimport { useIsRTL } from '../../hooks/useIsRTL'\nimport { useLabels } from '../../hooks/useLabels'\nimport { useTheme, useThemedStyles } from '../../hooks/useTheme'\nimport { formatLabel } from '../../i18n'\nimport { hasImagePicker } from '../../optional'\nimport { CurrentLocation, pickFromSystemGallery } from '../buildMessages'\nimport { GalleryStatus } from '../gallery'\nimport { AttachmentTab, PickedAttachment } from '../types'\nimport { createStyles } from './styles'\n\n/**\n * What the sheet shows when there is no grid: the location row, or the gallery's fallback (a\n * message and a button for the system picker).\n */\nexport function TabPanel ({ activeTab, location, onSendLocation, hasGrid, galleryStatus, runPicker }: {\n  activeTab: AttachmentTab\n  location: CurrentLocation | 'locating' | null\n  onSendLocation: () => void\n  hasGrid: boolean\n  galleryStatus: GalleryStatus\n  runPicker: (picker: () => Promise<PickedAttachment[]>) => void\n}) {\n  const styles = useThemedStyles(createStyles)\n  const theme = useTheme()\n  const labels = useLabels()\n  const isRTL = useIsRTL()\n\n  if (activeTab === 'location') {\n    const subtitle = location === 'locating' || location == null\n      ? labels.attachLocating\n      : location.status === 'located'\n        ? (location.accuracy ? formatLabel(labels.attachLocationAccuracy, { meters: Math.round(location.accuracy) }) : '')\n        : location.status === 'denied' ? labels.attachLocationDenied : ''\n    return (\n      <Pressable onPress={onSendLocation} style={[styles.locationRow, isRTL && styles.rowReverse]} accessibilityRole='button' accessibilityLabel={labels.attachSendLocation}>\n        <View style={styles.locationIcon}>\n          <Icon name='location' color='#FFFFFF' size={24} fallback={<PinIcon color='#FFFFFF' size={24} />} />\n        </View>\n        <View style={styles.locationText}>\n          <Text style={[styles.locationTitle, isRTL && styles.textRTL]} numberOfLines={1}>{labels.attachSendLocation}</Text>\n          {!!subtitle && <Text style={[styles.locationSubtitle, isRTL && styles.textRTL]} numberOfLines={2}>{subtitle}</Text>}\n        </View>\n        {/* No spinner: \"Locating…\" under the title is the whole fetching state. */}\n      </Pressable>\n    )\n  }\n\n  // The gallery without a grid to show: no library peer, no access, or no photos.\n  const message = !hasGrid\n    ? null\n    : galleryStatus === 'denied'\n      ? labels.attachPhotosAccess\n      : galleryStatus === 'ready' ? labels.attachNoPhotos : null\n  return (\n    <View style={styles.galleryPanel}>\n      {!!message && <Text style={styles.panelText}>{message}</Text>}\n      {hasImagePicker() && (\n        <Pressable onPress={() => runPicker(pickFromSystemGallery)} style={styles.panelButton} accessibilityRole='button'>\n          <Text style={styles.panelButtonText}>{labels.attachChooseFromGallery}</Text>\n        </Pressable>\n      )}\n      {/* A 40 spinner in the accent color while the gallery loads. */}\n      {galleryStatus === 'loading' && <Spinner size={40} color={theme.colors.accent} />}\n    </View>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/attachments/AttachmentMenu/constants.d.ts

@@ -0,0 +1,54 @@
+import { ReduceMotion } from 'react-native-reanimated';
+import { IconName } from '../../Icons';
+import { AttachmentTab } from '../types';
+export declare const REDUCE_MOTION = ReduceMotion.System;
+export declare const EASE_OUT: import("react-native-reanimated").EasingFunctionFactory;
+export declare const EASE_IN: import("react-native-reanimated").EasingFunctionFactory;
+export declare const EASE_BOTH: import("react-native-reanimated").EasingFunctionFactory;
+export declare const DECELERATE: import("react-native-reanimated").EasingFunction;
+export declare const overshoot07: (t: number) => number;
+export declare const SHEET_SPRING: {
+    stiffness: number;
+    damping: number;
+    mass: number;
+    reduceMotion: ReduceMotion;
+};
+export declare const DIM_IN: {
+    duration: number;
+    easing: (t: number) => number;
+    reduceMotion: ReduceMotion;
+};
+export declare const CLOSE: {
+    duration: number;
+    easing: import("react-native-reanimated").EasingFunctionFactory;
+    reduceMotion: ReduceMotion;
+};
+export declare const OPEN_FRACTION = 0.4;
+export declare const SHEET_RADIUS = 12;
+export declare const HEADER = 22;
+export declare const COLUMNS = 3;
+export declare const GRID_GAP = 2;
+export declare const GRID_RADIUS = 16;
+export declare const CHECK_SIZE = 24;
+export declare const CHECK_INSET = 4;
+export declare const SELECTED_SCALE = 0.787;
+export declare const SELECT_MS = 200;
+export declare const TABS_ROW = 70;
+export declare const TAB_PILL = 56;
+export declare const TAB_MAX_WIDTH = 84;
+export declare const TAB_ICON = 24;
+export declare const TAB_SELECT_MS = 320;
+export declare const TAB_STAGGER_MS = 32;
+export declare const CAPTION_SWAP_MS = 180;
+export declare const TAB_DROP = 36;
+export declare const SEND_SIZE = 48;
+export declare const TAB_CONTENT_SHIFT = 78;
+export declare const TAB_CONTENT_SPRING: {
+    stiffness: number;
+    damping: number;
+    mass: number;
+    reduceMotion: ReduceMotion;
+};
+export declare const PANEL_HEIGHT = 150;
+export declare const TAB_ICONS: Record<AttachmentTab, IconName>;
+//# sourceMappingURL=constants.d.ts.map

package/lib/attachments/AttachmentMenu/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/attachments/AttachmentMenu/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAExC,eAAO,MAAM,aAAa,sBAAsB,CAAA;AAChD,eAAO,MAAM,QAAQ,yDAA+B,CAAA;AACpD,eAAO,MAAM,OAAO,yDAA+B,CAAA;AACnD,eAAO,MAAM,SAAS,yDAAkC,CAAA;AACxD,eAAO,MAAM,UAAU,kDAA0B,CAAA;AAEjD,eAAO,MAAM,WAAW,GAAI,GAAG,MAAM,WAIpC,CAAA;AAID,eAAO,MAAM,YAAY;;;;;CAA+F,CAAA;AACxH,eAAO,MAAM,MAAM;;gBATY,MAAM;;CASoD,CAAA;AACzF,eAAO,MAAM,KAAK;;;;CAAmE,CAAA;AAGrF,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,eAAO,MAAM,YAAY,KAAK,CAAA;AAC9B,eAAO,MAAM,MAAM,KAAK,CAAA;AAExB,eAAO,MAAM,OAAO,IAAI,CAAA;AACxB,eAAO,MAAM,QAAQ,IAAI,CAAA;AACzB,eAAO,MAAM,WAAW,KAAK,CAAA;AAG7B,eAAO,MAAM,UAAU,KAAK,CAAA;AAC5B,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,eAAO,MAAM,cAAc,QAAQ,CAAA;AACnC,eAAO,MAAM,SAAS,MAAM,CAAA;AAI5B,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,aAAa,KAAK,CAAA;AAC/B,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,aAAa,MAAM,CAAA;AAGhC,eAAO,MAAM,cAAc,KAAK,CAAA;AAGhC,eAAO,MAAM,eAAe,MAAM,CAAA;AAClC,eAAO,MAAM,QAAQ,KAAK,CAAA;AAC1B,eAAO,MAAM,SAAS,KAAK,CAAA;AAE3B,eAAO,MAAM,iBAAiB,KAAK,CAAA;AACnC,eAAO,MAAM,kBAAkB;;;;;CAA+F,CAAA;AAE9H,eAAO,MAAM,YAAY,MAAM,CAAA;AAE/B,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,QAAQ,CAKrD,CAAA"}

package/lib/attachments/AttachmentMenu/constants.js

@@ -0,0 +1,79 @@
+import { Easing, ReduceMotion } from 'react-native-reanimated';
+export const REDUCE_MOTION = ReduceMotion.System;
+export const EASE_OUT = Easing.bezier(0, 0, 0.58, 1);
+export const EASE_IN = Easing.bezier(0.42, 0, 1, 1);
+export const EASE_BOTH = Easing.bezier(0.42, 0, 0.58, 1);
+export const DECELERATE = Easing.out(Easing.quad);
+// An overshoot with tension 0.7, the dim's way in.
+export const overshoot07 = t => {
+  'worklet';
+
+  const s = t - 1;
+  return s * s * (1.7 * s + 0.7) + 1;
+};
+
+// The sheet rises on a spring of damping ratio 0.75 and stiffness 350; the dim fades in over
+// 400ms after 20; both leave over 180ms on EASE_OUT.
+export const SHEET_SPRING = {
+  stiffness: 350,
+  damping: 2 * 0.75 * Math.sqrt(350),
+  mass: 1,
+  reduceMotion: REDUCE_MOTION
+};
+export const DIM_IN = {
+  duration: 400,
+  easing: overshoot07,
+  reduceMotion: REDUCE_MOTION
+};
+export const CLOSE = {
+  duration: 180,
+  easing: EASE_OUT,
+  reduceMotion: REDUCE_MOTION
+};
+// Opens to about 2/5 down the screen and scrolls up to full height, with
+// a 36 x 4 handle and 12 top corners.
+export const OPEN_FRACTION = 0.4;
+export const SHEET_RADIUS = 12;
+export const HEADER = 22;
+// The grid: 3 columns, 2 padding and gap, the first row's outer corners at 16.
+export const COLUMNS = 3;
+export const GRID_GAP = 2;
+export const GRID_RADIUS = 16;
+// Selection: a 24 disc 4 from the top-right corner, numbered in bold 14; the picked photo
+// shrinks to 0.787; both over 200ms.
+export const CHECK_SIZE = 24;
+export const CHECK_INSET = 4;
+export const SELECTED_SCALE = 0.787;
+export const SELECT_MS = 200;
+// The floating tab pill: 56 tall (radius 28) in a 70 row; tabs `width / min(4.5, count)`, at
+// most 84; 24 icons, 11 bold labels; the selected one gets a 9% capsule growing from 0.6 over
+// 320ms.
+export const TABS_ROW = 70;
+export const TAB_PILL = 56;
+export const TAB_MAX_WIDTH = 84;
+export const TAB_ICON = 24;
+export const TAB_SELECT_MS = 320;
+// On open the tabs pop in one after another, 32ms apart from the fourth leftwards: 0 -> 1.1 over
+// 200ms, then 1.1 -> 1 over 100ms.
+export const TAB_STAGGER_MS = 32;
+// The first pick swaps the tabs for the caption and the send button: the tabs drop 36 and fade,
+// the send button grows from 0.2, over 180ms.
+export const CAPTION_SWAP_MS = 180;
+export const TAB_DROP = 36;
+export const SEND_SIZE = 48;
+// A new tab's content slides up from 78 and springs into place.
+export const TAB_CONTENT_SHIFT = 78;
+export const TAB_CONTENT_SPRING = {
+  stiffness: 500,
+  damping: 2 * 0.75 * Math.sqrt(500),
+  mass: 1,
+  reduceMotion: REDUCE_MOTION
+};
+export const PANEL_HEIGHT = 150;
+export const TAB_ICONS = {
+  gallery: 'gallery',
+  camera: 'camera',
+  file: 'file',
+  location: 'location'
+};
+//# sourceMappingURL=constants.js.map

package/lib/attachments/AttachmentMenu/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["Easing","ReduceMotion","REDUCE_MOTION","System","EASE_OUT","bezier","EASE_IN","EASE_BOTH","DECELERATE","out","quad","overshoot07","t","s","SHEET_SPRING","stiffness","damping","Math","sqrt","mass","reduceMotion","DIM_IN","duration","easing","CLOSE","OPEN_FRACTION","SHEET_RADIUS","HEADER","COLUMNS","GRID_GAP","GRID_RADIUS","CHECK_SIZE","CHECK_INSET","SELECTED_SCALE","SELECT_MS","TABS_ROW","TAB_PILL","TAB_MAX_WIDTH","TAB_ICON","TAB_SELECT_MS","TAB_STAGGER_MS","CAPTION_SWAP_MS","TAB_DROP","SEND_SIZE","TAB_CONTENT_SHIFT","TAB_CONTENT_SPRING","PANEL_HEIGHT","TAB_ICONS","gallery","camera","file","location"],"sources":["../../../src/attachments/AttachmentMenu/constants.ts"],"sourcesContent":["import { Easing, ReduceMotion } from 'react-native-reanimated'\n\nimport { IconName } from '../../Icons'\nimport { AttachmentTab } from '../types'\n\nexport const REDUCE_MOTION = ReduceMotion.System\nexport const EASE_OUT = Easing.bezier(0, 0, 0.58, 1)\nexport const EASE_IN = Easing.bezier(0.42, 0, 1, 1)\nexport const EASE_BOTH = Easing.bezier(0.42, 0, 0.58, 1)\nexport const DECELERATE = Easing.out(Easing.quad)\n// An overshoot with tension 0.7, the dim's way in.\nexport const overshoot07 = (t: number) => {\n  'worklet'\n  const s = t - 1\n  return s * s * (1.7 * s + 0.7) + 1\n}\n\n// The sheet rises on a spring of damping ratio 0.75 and stiffness 350; the dim fades in over\n// 400ms after 20; both leave over 180ms on EASE_OUT.\nexport const SHEET_SPRING = { stiffness: 350, damping: 2 * 0.75 * Math.sqrt(350), mass: 1, reduceMotion: REDUCE_MOTION }\nexport const DIM_IN = { duration: 400, easing: overshoot07, reduceMotion: REDUCE_MOTION }\nexport const CLOSE = { duration: 180, easing: EASE_OUT, reduceMotion: REDUCE_MOTION }\n// Opens to about 2/5 down the screen and scrolls up to full height, with\n// a 36 x 4 handle and 12 top corners.\nexport const OPEN_FRACTION = 0.4\nexport const SHEET_RADIUS = 12\nexport const HEADER = 22\n// The grid: 3 columns, 2 padding and gap, the first row's outer corners at 16.\nexport const COLUMNS = 3\nexport const GRID_GAP = 2\nexport const GRID_RADIUS = 16\n// Selection: a 24 disc 4 from the top-right corner, numbered in bold 14; the picked photo\n// shrinks to 0.787; both over 200ms.\nexport const CHECK_SIZE = 24\nexport const CHECK_INSET = 4\nexport const SELECTED_SCALE = 0.787\nexport const SELECT_MS = 200\n// The floating tab pill: 56 tall (radius 28) in a 70 row; tabs `width / min(4.5, count)`, at\n// most 84; 24 icons, 11 bold labels; the selected one gets a 9% capsule growing from 0.6 over\n// 320ms.\nexport const TABS_ROW = 70\nexport const TAB_PILL = 56\nexport const TAB_MAX_WIDTH = 84\nexport const TAB_ICON = 24\nexport const TAB_SELECT_MS = 320\n// On open the tabs pop in one after another, 32ms apart from the fourth leftwards: 0 -> 1.1 over\n// 200ms, then 1.1 -> 1 over 100ms.\nexport const TAB_STAGGER_MS = 32\n// The first pick swaps the tabs for the caption and the send button: the tabs drop 36 and fade,\n// the send button grows from 0.2, over 180ms.\nexport const CAPTION_SWAP_MS = 180\nexport const TAB_DROP = 36\nexport const SEND_SIZE = 48\n// A new tab's content slides up from 78 and springs into place.\nexport const TAB_CONTENT_SHIFT = 78\nexport const TAB_CONTENT_SPRING = { stiffness: 500, damping: 2 * 0.75 * Math.sqrt(500), mass: 1, reduceMotion: REDUCE_MOTION }\n\nexport const PANEL_HEIGHT = 150\n\nexport const TAB_ICONS: Record<AttachmentTab, IconName> = {\n  gallery: 'gallery',\n  camera: 'camera',\n  file: 'file',\n  location: 'location',\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/attachments/AttachmentMenu/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { AttachmentTab, PickedAttachment } from '../types';
+export interface AttachmentMenuProps {
+    visible: boolean;
+    tabs: AttachmentTab[];
+    onClose: () => void;
+    /** Called with the picks and the caption; the menu closes itself first. */
+    onSend: (attachments: PickedAttachment[], caption: string) => void;
+}
+/**
+ * The attachment menu: a sheet with the newest photos (with `expo-media-library`)
+ * over a floating pill of tabs. Picking photos numbers them and swaps the tabs for a caption and
+ * a "Send N" button; File, Camera and (without the grid) Gallery hand over to the system pickers.
+ */
+export declare function AttachmentMenu({ visible, tabs, onClose, onSend }: AttachmentMenuProps): React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/lib/attachments/AttachmentMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/attachments/AttachmentMenu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAwBhF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAuB1D,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,2EAA2E;IAC3E,MAAM,EAAE,CAAC,WAAW,EAAE,gBAAgB,EAAE,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CACnE;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,mBAAmB,4BA+NtF"}