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

package/lib/InputToolbar/animations.js

@@ -0,0 +1,238 @@
+import { Easing, FadeIn, Keyframe, withDelay, withTiming } from 'react-native-reanimated';
+
+// Pausing a take morphs the record circle into the preview pill
+// (`RecordCircle.transformToSeekbar`): over 580ms (voice) or 490ms (video) it
+// swells for 38% of the time, shrinks to a dot for 25%, then stretches into
+// the pill for the last 37%. The circle plays the first two steps; the pill
+// plays the stretch out of the button's corner, and the reverse on resume.
+const easeBoth = Easing.bezier(0.42, 0, 0.58, 1);
+const STRETCH_FROM_SCALE_X = 0.06;
+const STRETCH_FROM_SCALE_Y = 0.45;
+const makeStretchIn = totalMs => () => {
+  'worklet';
+
+  const delay = totalMs * 0.63;
+  const duration = totalMs * 0.37;
+  return {
+    initialValues: {
+      opacity: 0,
+      transform: [{
+        scaleX: STRETCH_FROM_SCALE_X
+      }, {
+        scaleY: STRETCH_FROM_SCALE_Y
+      }]
+    },
+    animations: {
+      opacity: withDelay(delay, withTiming(1, {
+        duration: duration * 0.4
+      })),
+      transform: [{
+        scaleX: withDelay(delay, withTiming(1, {
+          duration,
+          easing: easeBoth
+        }))
+      }, {
+        scaleY: withDelay(delay, withTiming(1, {
+          duration,
+          easing: easeBoth
+        }))
+      }]
+    }
+  };
+};
+export const voiceStretchIn = makeStretchIn(580);
+export const videoStretchIn = makeStretchIn(490);
+
+/** Resuming folds the pill back into the button before the circle returns. */
+const STRETCH_OUT_MS = 200;
+export const stretchOut = () => {
+  'worklet';
+
+  return {
+    initialValues: {
+      opacity: 1,
+      transform: [{
+        scaleX: 1
+      }, {
+        scaleY: 1
+      }]
+    },
+    animations: {
+      opacity: withDelay(STRETCH_OUT_MS * 0.6, withTiming(0, {
+        duration: STRETCH_OUT_MS * 0.4
+      })),
+      transform: [{
+        scaleX: withTiming(STRETCH_FROM_SCALE_X, {
+          duration: STRETCH_OUT_MS,
+          easing: easeBoth
+        })
+      }, {
+        scaleY: withTiming(STRETCH_FROM_SCALE_Y, {
+          duration: STRETCH_OUT_MS,
+          easing: easeBoth
+        })
+      }]
+    }
+  };
+};
+
+// The composer's controls leave as a take starts and come back after it:
+// over 150ms decelerate the
+// emoji button scales to nothing, the attach button shrinks to half while it
+// slides 30 towards the record button, and the text slides 20 the same way,
+// all fading. Coming back, the icons grow back in over 150ms and the text
+// fades in over 200ms - 200 / 150ms after a send, 700 / 300ms after a cancel.
+const DECELERATE = Easing.out(Easing.quad);
+export const CONTROLS_MS = 150;
+const TEXT_IN_MS = 200;
+export const ATTACH_SHIFT = 30;
+const TEXT_SHIFT = 20;
+export const RETURN_DELAYS = {
+  send: {
+    icons: 200,
+    text: 150
+  },
+  cancel: {
+    icons: 700,
+    text: 300
+  }
+};
+export const emojiOut = new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0,
+    transform: [{
+      scale: 0
+    }],
+    easing: DECELERATE
+  }
+}).duration(CONTROLS_MS);
+const makeAttachOut = shift => new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateX: 0
+    }, {
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0,
+    transform: [{
+      translateX: shift
+    }, {
+      scale: 0.5
+    }],
+    easing: DECELERATE
+  }
+}).duration(CONTROLS_MS);
+export const attachOut = makeAttachOut(ATTACH_SHIFT);
+export const attachOutRTL = makeAttachOut(-ATTACH_SHIFT);
+const makeTextOut = shift => new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      translateX: 0
+    }]
+  },
+  100: {
+    opacity: 0,
+    transform: [{
+      translateX: shift
+    }],
+    easing: DECELERATE
+  }
+}).duration(CONTROLS_MS);
+export const textOut = makeTextOut(TEXT_SHIFT);
+export const textOutRTL = makeTextOut(-TEXT_SHIFT);
+
+/** The way back in, waiting out whatever of the delay has not passed yet. */
+// Read once, as the field comes back, and kept in state from then on: the delays are only
+// read when the field's parts mount.
+export const elapsedSince = at => Date.now() - at;
+export const makeReturn = (delays, attachShift) => ({
+  emoji: new Keyframe({
+    0: {
+      opacity: 0,
+      transform: [{
+        scale: 0
+      }]
+    },
+    100: {
+      opacity: 1,
+      transform: [{
+        scale: 1
+      }],
+      easing: DECELERATE
+    }
+  }).duration(CONTROLS_MS).delay(delays.icons),
+  attach: new Keyframe({
+    0: {
+      opacity: 0,
+      transform: [{
+        translateX: attachShift
+      }, {
+        scale: 0.5
+      }]
+    },
+    100: {
+      opacity: 1,
+      transform: [{
+        translateX: 0
+      }, {
+        scale: 1
+      }],
+      easing: DECELERATE
+    }
+  }).duration(CONTROLS_MS).delay(delays.icons),
+  text: FadeIn.duration(TEXT_IN_MS).delay(delays.text)
+});
+// The mic and the send button swap by scaling one to 0.1 while the other grows from it,
+// over 220ms on EASE_OUT_QUINT.
+const EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1);
+const SWAP_MS = 220;
+export const swapIn = new Keyframe({
+  0: {
+    opacity: 0,
+    transform: [{
+      scale: 0.1
+    }]
+  },
+  100: {
+    opacity: 1,
+    transform: [{
+      scale: 1
+    }],
+    easing: EASE_OUT_QUINT
+  }
+}).duration(SWAP_MS);
+export const swapOut = new Keyframe({
+  0: {
+    opacity: 1,
+    transform: [{
+      scale: 1
+    }]
+  },
+  100: {
+    opacity: 0,
+    transform: [{
+      scale: 0.1
+    }],
+    easing: EASE_OUT_QUINT
+  }
+}).duration(SWAP_MS);
+// The emoji button's smile <-> keyboard morph, a short crossfade standing in for a ~300ms Lottie.
+export const EMOJI_ICON_SWAP = {
+  duration: 200,
+  easing: Easing.out(Easing.quad)
+};
+// The paperclip steps aside while there is text: half size and transparent over 100ms.
+export const ATTACH_HIDE = {
+  duration: 100
+};
+//# sourceMappingURL=animations.js.map

package/lib/InputToolbar/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","names":["Easing","FadeIn","Keyframe","withDelay","withTiming","easeBoth","bezier","STRETCH_FROM_SCALE_X","STRETCH_FROM_SCALE_Y","makeStretchIn","totalMs","delay","duration","initialValues","opacity","transform","scaleX","scaleY","animations","easing","voiceStretchIn","videoStretchIn","STRETCH_OUT_MS","stretchOut","DECELERATE","out","quad","CONTROLS_MS","TEXT_IN_MS","ATTACH_SHIFT","TEXT_SHIFT","RETURN_DELAYS","send","icons","text","cancel","emojiOut","scale","makeAttachOut","shift","translateX","attachOut","attachOutRTL","makeTextOut","textOut","textOutRTL","elapsedSince","at","Date","now","makeReturn","delays","attachShift","emoji","attach","EASE_OUT_QUINT","SWAP_MS","swapIn","swapOut","EMOJI_ICON_SWAP","ATTACH_HIDE"],"sources":["../../src/InputToolbar/animations.ts"],"sourcesContent":["import { Easing, FadeIn, Keyframe, withDelay, withTiming } from 'react-native-reanimated'\n\n// Pausing a take morphs the record circle into the preview pill\n// (`RecordCircle.transformToSeekbar`): over 580ms (voice) or 490ms (video) it\n// swells for 38% of the time, shrinks to a dot for 25%, then stretches into\n// the pill for the last 37%. The circle plays the first two steps; the pill\n// plays the stretch out of the button's corner, and the reverse on resume.\nconst easeBoth = Easing.bezier(0.42, 0, 0.58, 1)\nconst STRETCH_FROM_SCALE_X = 0.06\nconst STRETCH_FROM_SCALE_Y = 0.45\n\nconst makeStretchIn = (totalMs: number) => () => {\n  'worklet'\n  const delay = totalMs * 0.63\n  const duration = totalMs * 0.37\n  return {\n    initialValues: {\n      opacity: 0,\n      transform: [{ scaleX: STRETCH_FROM_SCALE_X }, { scaleY: STRETCH_FROM_SCALE_Y }],\n    },\n    animations: {\n      opacity: withDelay(delay, withTiming(1, { duration: duration * 0.4 })),\n      transform: [\n        { scaleX: withDelay(delay, withTiming(1, { duration, easing: easeBoth })) },\n        { scaleY: withDelay(delay, withTiming(1, { duration, easing: easeBoth })) },\n      ],\n    },\n  }\n}\nexport const voiceStretchIn = makeStretchIn(580)\nexport const videoStretchIn = makeStretchIn(490)\n\n/** Resuming folds the pill back into the button before the circle returns. */\nconst STRETCH_OUT_MS = 200\nexport const stretchOut = () => {\n  'worklet'\n  return {\n    initialValues: {\n      opacity: 1,\n      transform: [{ scaleX: 1 }, { scaleY: 1 }],\n    },\n    animations: {\n      opacity: withDelay(STRETCH_OUT_MS * 0.6, withTiming(0, { duration: STRETCH_OUT_MS * 0.4 })),\n      transform: [\n        { scaleX: withTiming(STRETCH_FROM_SCALE_X, { duration: STRETCH_OUT_MS, easing: easeBoth }) },\n        { scaleY: withTiming(STRETCH_FROM_SCALE_Y, { duration: STRETCH_OUT_MS, easing: easeBoth }) },\n      ],\n    },\n  }\n}\n\n// The composer's controls leave as a take starts and come back after it:\n// over 150ms decelerate the\n// emoji button scales to nothing, the attach button shrinks to half while it\n// slides 30 towards the record button, and the text slides 20 the same way,\n// all fading. Coming back, the icons grow back in over 150ms and the text\n// fades in over 200ms - 200 / 150ms after a send, 700 / 300ms after a cancel.\nconst DECELERATE = Easing.out(Easing.quad)\nexport const CONTROLS_MS = 150\nconst TEXT_IN_MS = 200\nexport const ATTACH_SHIFT = 30\nconst TEXT_SHIFT = 20\nexport const RETURN_DELAYS = {\n  send: { icons: 200, text: 150 },\n  cancel: { icons: 700, text: 300 },\n}\n\nexport const emojiOut = new Keyframe({\n  0: { opacity: 1, transform: [{ scale: 1 }] },\n  100: { opacity: 0, transform: [{ scale: 0 }], easing: DECELERATE },\n}).duration(CONTROLS_MS)\nconst makeAttachOut = (shift: number) => new Keyframe({\n  0: { opacity: 1, transform: [{ translateX: 0 }, { scale: 1 }] },\n  100: { opacity: 0, transform: [{ translateX: shift }, { scale: 0.5 }], easing: DECELERATE },\n}).duration(CONTROLS_MS)\nexport const attachOut = makeAttachOut(ATTACH_SHIFT)\nexport const attachOutRTL = makeAttachOut(-ATTACH_SHIFT)\nconst makeTextOut = (shift: number) => new Keyframe({\n  0: { opacity: 1, transform: [{ translateX: 0 }] },\n  100: { opacity: 0, transform: [{ translateX: shift }], easing: DECELERATE },\n}).duration(CONTROLS_MS)\nexport const textOut = makeTextOut(TEXT_SHIFT)\nexport const textOutRTL = makeTextOut(-TEXT_SHIFT)\n\n/** The way back in, waiting out whatever of the delay has not passed yet. */\n// Read once, as the field comes back, and kept in state from then on: the delays are only\n// read when the field's parts mount.\nexport const elapsedSince = (at: number) => Date.now() - at\n\nexport const makeReturn = (delays: { icons: number, text: number }, attachShift: number) => ({\n  emoji: new Keyframe({\n    0: { opacity: 0, transform: [{ scale: 0 }] },\n    100: { opacity: 1, transform: [{ scale: 1 }], easing: DECELERATE },\n  }).duration(CONTROLS_MS).delay(delays.icons),\n  attach: new Keyframe({\n    0: { opacity: 0, transform: [{ translateX: attachShift }, { scale: 0.5 }] },\n    100: { opacity: 1, transform: [{ translateX: 0 }, { scale: 1 }], easing: DECELERATE },\n  }).duration(CONTROLS_MS).delay(delays.icons),\n  text: FadeIn.duration(TEXT_IN_MS).delay(delays.text),\n})\n\nexport type ReturnAnimations = ReturnType<typeof makeReturn>\n\n// The mic and the send button swap by scaling one to 0.1 while the other grows from it,\n// over 220ms on EASE_OUT_QUINT.\nconst EASE_OUT_QUINT = Easing.bezier(0.23, 1, 0.32, 1)\nconst SWAP_MS = 220\nexport const swapIn = new Keyframe({\n  0: { opacity: 0, transform: [{ scale: 0.1 }] },\n  100: { opacity: 1, transform: [{ scale: 1 }], easing: EASE_OUT_QUINT },\n}).duration(SWAP_MS)\nexport const swapOut = new Keyframe({\n  0: { opacity: 1, transform: [{ scale: 1 }] },\n  100: { opacity: 0, transform: [{ scale: 0.1 }], easing: EASE_OUT_QUINT },\n}).duration(SWAP_MS)\n// The emoji button's smile <-> keyboard morph, a short crossfade standing in for a ~300ms Lottie.\nexport const EMOJI_ICON_SWAP = { duration: 200, easing: Easing.out(Easing.quad) }\n// The paperclip steps aside while there is text: half size and transparent over 100ms.\nexport const ATTACH_HIDE = { duration: 100 }\n"],"mappings":"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","ignoreList":[]}

package/lib/InputToolbar/fragments.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TextSelection } from '../emoji/textEditing';
+import { IMessage } from '../Models';
+import { InputToolbarProps } from './types';
+/** The text field, built-in or `renderComposer`. */
+export declare function useComposerFragment<TMessage extends IMessage>(props: InputToolbarProps<TMessage>, onComposerFocus: () => void, rememberSelection: (selection: TextSelection) => void): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+/** The send button, built-in or `renderSend`. */
+export declare function useSendFragment<TMessage extends IMessage>(props: InputToolbarProps<TMessage>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+/** Whatever `renderAccessory` draws under the island. */
+export declare function useAccessoryFragment<TMessage extends IMessage>(props: InputToolbarProps<TMessage>): React.ReactNode;
+/** The reply or editing banner on top of the island. */
+export declare function useReplyPreviewFragment<TMessage extends IMessage>(props: InputToolbarProps<TMessage>): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+//# sourceMappingURL=fragments.d.ts.map

package/lib/InputToolbar/fragments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragments.d.ts","sourceRoot":"","sources":["../../src/InputToolbar/fragments.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAI3C,oDAAoD;AACpD,wBAAgB,mBAAmB,CAAC,QAAQ,SAAS,QAAQ,EAC3D,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,EAClC,eAAe,EAAE,MAAM,IAAI,EAC3B,iBAAiB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,mSA2BtD;AAED,iDAAiD;AACjD,wBAAgB,eAAe,CAAC,QAAQ,SAAS,QAAQ,EAAG,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,mSAQ7F;AAED,yDAAyD;AACzD,wBAAgB,oBAAoB,CAAC,QAAQ,SAAS,QAAQ,EAAG,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,mBAQlG;AAED,wDAAwD;AACxD,wBAAgB,uBAAuB,CAAC,QAAQ,SAAS,QAAQ,EAAG,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,mSA+CrG"}

package/lib/InputToolbar/fragments.js

@@ -0,0 +1,207 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useMemo } from 'react';
+import { ReplyPreview } from '../components/ReplyPreview';
+import { Composer } from '../Composer';
+import { Send } from '../Send';
+import { renderComponentOrElement } from '../utils';
+/** The text field, built-in or `renderComposer`. */
+export function useComposerFragment(props, onComposerFocus, rememberSelection) {
+  const $ = _c(13);
+  const renderComposer = props.renderComposer;
+  let t0;
+  if ($[0] !== onComposerFocus || $[1] !== props || $[2] !== rememberSelection || $[3] !== renderComposer) {
+    bb0: {
+      const textInputProps = props.textInputProps;
+      let t1;
+      if ($[5] !== onComposerFocus || $[6] !== textInputProps) {
+        t1 = event => {
+          onComposerFocus();
+          textInputProps?.onFocus?.(event);
+        };
+        $[5] = onComposerFocus;
+        $[6] = textInputProps;
+        $[7] = t1;
+      } else {
+        t1 = $[7];
+      }
+      let t2;
+      if ($[8] !== rememberSelection || $[9] !== textInputProps) {
+        t2 = event_0 => {
+          rememberSelection(event_0.nativeEvent.selection);
+          textInputProps?.onSelectionChange?.(event_0);
+        };
+        $[8] = rememberSelection;
+        $[9] = textInputProps;
+        $[10] = t2;
+      } else {
+        t2 = $[10];
+      }
+      const composerProps = {
+        ...props,
+        textInputProps: {
+          ...textInputProps,
+          onFocus: t1,
+          onSelectionChange: t2
+        }
+      };
+      if (renderComposer) {
+        t0 = renderComponentOrElement(renderComposer, composerProps);
+        break bb0;
+      }
+      let t3;
+      if ($[11] !== composerProps) {
+        t3 = <Composer {...composerProps} />;
+        $[11] = composerProps;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      t0 = t3;
+    }
+    $[0] = onComposerFocus;
+    $[1] = props;
+    $[2] = rememberSelection;
+    $[3] = renderComposer;
+    $[4] = t0;
+  } else {
+    t0 = $[4];
+  }
+  return t0;
+}
+
+/** The send button, built-in or `renderSend`. */
+export function useSendFragment(props) {
+  const $ = _c(5);
+  const renderSend = props.renderSend;
+  let t0;
+  bb0: {
+    if (renderSend) {
+      let t1;
+      if ($[0] !== props || $[1] !== renderSend) {
+        t1 = renderComponentOrElement(renderSend, props);
+        $[0] = props;
+        $[1] = renderSend;
+        $[2] = t1;
+      } else {
+        t1 = $[2];
+      }
+      t0 = t1;
+      break bb0;
+    }
+    let t1;
+    if ($[3] !== props) {
+      t1 = <Send {...props} />;
+      $[3] = props;
+      $[4] = t1;
+    } else {
+      t1 = $[4];
+    }
+    t0 = t1;
+  }
+  return t0;
+}
+
+/** Whatever `renderAccessory` draws under the island. */
+export function useAccessoryFragment(props) {
+  const $ = _c(3);
+  const renderAccessory = props.renderAccessory;
+  let t0;
+  bb0: {
+    if (!renderAccessory) {
+      t0 = null;
+      break bb0;
+    }
+    let t1;
+    if ($[0] !== props || $[1] !== renderAccessory) {
+      t1 = renderComponentOrElement(renderAccessory, props);
+      $[0] = props;
+      $[1] = renderAccessory;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    t0 = t1;
+  }
+  return t0;
+}
+
+/** The reply or editing banner on top of the island. */
+export function useReplyPreviewFragment(props) {
+  const $ = _c(15);
+  const {
+    replyMessage,
+    onClearReply,
+    editMessage,
+    onCancelEdit,
+    renderReplyPreview: renderReplyPreviewProp,
+    replyPreviewContainerStyle,
+    replyPreviewTextStyle
+  } = props;
+  let t0;
+  if ($[0] !== onClearReply) {
+    t0 = () => {
+      onClearReply?.();
+    };
+    $[0] = onClearReply;
+    $[1] = t0;
+  } else {
+    t0 = $[1];
+  }
+  const handleClearReply = t0;
+  let t1;
+  if ($[2] !== onCancelEdit) {
+    t1 = () => {
+      onCancelEdit?.();
+    };
+    $[2] = onCancelEdit;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const handleCancelEdit = t1;
+  let t2;
+  if ($[4] !== editMessage || $[5] !== handleCancelEdit || $[6] !== handleClearReply || $[7] !== renderReplyPreviewProp || $[8] !== replyMessage || $[9] !== replyPreviewContainerStyle || $[10] !== replyPreviewTextStyle) {
+    bb0: {
+      const isEditing = !!editMessage;
+      const previewMessage = editMessage ?? replyMessage;
+      if (!previewMessage) {
+        t2 = null;
+        break bb0;
+      }
+      const replyPreviewProps = {
+        replyMessage: previewMessage,
+        onClearReply: isEditing ? handleCancelEdit : handleClearReply,
+        mode: isEditing ? "edit" : "reply",
+        containerStyle: replyPreviewContainerStyle,
+        textStyle: replyPreviewTextStyle
+      };
+      if (renderReplyPreviewProp) {
+        t2 = renderComponentOrElement(renderReplyPreviewProp, replyPreviewProps);
+        break bb0;
+      }
+      const t3 = isEditing ? "edit" : "reply";
+      let t4;
+      if ($[12] !== replyPreviewProps || $[13] !== t3) {
+        t4 = <ReplyPreview key={t3} {...replyPreviewProps} />;
+        $[12] = replyPreviewProps;
+        $[13] = t3;
+        $[14] = t4;
+      } else {
+        t4 = $[14];
+      }
+      t2 = t4;
+    }
+    $[4] = editMessage;
+    $[5] = handleCancelEdit;
+    $[6] = handleClearReply;
+    $[7] = renderReplyPreviewProp;
+    $[8] = replyMessage;
+    $[9] = replyPreviewContainerStyle;
+    $[10] = replyPreviewTextStyle;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  return t2;
+}
+//# sourceMappingURL=fragments.js.map

package/lib/InputToolbar/fragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fragments.js","names":["React","useCallback","useMemo","ReplyPreview","Composer","Send","renderComponentOrElement","useComposerFragment","props","onComposerFocus","rememberSelection","$","_c","renderComposer","t0","bb0","textInputProps","t1","event","onFocus","t2","event_0","nativeEvent","selection","onSelectionChange","composerProps","t3","useSendFragment","renderSend","useAccessoryFragment","renderAccessory","useReplyPreviewFragment","replyMessage","onClearReply","editMessage","onCancelEdit","renderReplyPreview","renderReplyPreviewProp","replyPreviewContainerStyle","replyPreviewTextStyle","handleClearReply","handleCancelEdit","isEditing","previewMessage","replyPreviewProps","mode","containerStyle","textStyle","t4"],"sources":["../../src/InputToolbar/fragments.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\n\nimport { ReplyPreview, ReplyPreviewProps } from '../components/ReplyPreview'\nimport { Composer, ComposerProps } from '../Composer'\nimport { TextSelection } from '../emoji/textEditing'\nimport { IMessage } from '../Models'\nimport { Send } from '../Send'\nimport { renderComponentOrElement } from '../utils'\nimport { InputToolbarProps } from './types'\n\ntype TextInputProps = NonNullable<ComposerProps['textInputProps']>\n\n/** The text field, built-in or `renderComposer`. */\nexport function useComposerFragment<TMessage extends IMessage> (\n  props: InputToolbarProps<TMessage>,\n  onComposerFocus: () => void,\n  rememberSelection: (selection: TextSelection) => void\n) {\n  const renderComposer = props.renderComposer\n  return useMemo(() => {\n    const textInputProps = props.textInputProps\n    // The composer reports its caret, so an emoji lands where it is, and its focus, which\n    // brings the system keyboard back in the emoji panel's place.\n    const composerProps = {\n      ...props,\n      textInputProps: {\n        ...textInputProps,\n        onFocus: (event: Parameters<NonNullable<TextInputProps['onFocus']>>[0]) => {\n          onComposerFocus()\n          textInputProps?.onFocus?.(event)\n        },\n        onSelectionChange: (event: Parameters<NonNullable<TextInputProps['onSelectionChange']>>[0]) => {\n          rememberSelection(event.nativeEvent.selection)\n          textInputProps?.onSelectionChange?.(event)\n        },\n      },\n    } as ComposerProps\n\n    if (renderComposer)\n      return renderComponentOrElement(renderComposer, composerProps)\n\n    return <Composer {...composerProps} />\n  }, [renderComposer, props, onComposerFocus, rememberSelection])\n}\n\n/** The send button, built-in or `renderSend`. */\nexport function useSendFragment<TMessage extends IMessage> (props: InputToolbarProps<TMessage>) {\n  const renderSend = props.renderSend\n  return useMemo(() => {\n    if (renderSend)\n      return renderComponentOrElement(renderSend, props)\n\n    return <Send {...props} />\n  }, [renderSend, props])\n}\n\n/** Whatever `renderAccessory` draws under the island. */\nexport function useAccessoryFragment<TMessage extends IMessage> (props: InputToolbarProps<TMessage>) {\n  const renderAccessory = props.renderAccessory\n  return useMemo(() => {\n    if (!renderAccessory)\n      return null\n\n    return renderComponentOrElement(renderAccessory, props)\n  }, [renderAccessory, props])\n}\n\n/** The reply or editing banner on top of the island. */\nexport function useReplyPreviewFragment<TMessage extends IMessage> (props: InputToolbarProps<TMessage>) {\n  const {\n    replyMessage,\n    onClearReply,\n    editMessage,\n    onCancelEdit,\n    renderReplyPreview: renderReplyPreviewProp,\n    replyPreviewContainerStyle,\n    replyPreviewTextStyle,\n  } = props\n\n  const handleClearReply = useCallback(() => {\n    onClearReply?.()\n  }, [onClearReply])\n\n  const handleCancelEdit = useCallback(() => {\n    onCancelEdit?.()\n  }, [onCancelEdit])\n\n  return useMemo(() => {\n    const isEditing = !!editMessage\n    const previewMessage = editMessage ?? replyMessage\n    if (!previewMessage)\n      return null\n\n    const replyPreviewProps: ReplyPreviewProps = {\n      replyMessage: previewMessage,\n      onClearReply: isEditing ? handleCancelEdit : handleClearReply,\n      mode: isEditing ? 'edit' : 'reply',\n      containerStyle: replyPreviewContainerStyle,\n      textStyle: replyPreviewTextStyle,\n    }\n\n    if (renderReplyPreviewProp)\n      return renderComponentOrElement(renderReplyPreviewProp, replyPreviewProps)\n\n    // Keyed by mode, so switching between replying and editing plays the banner in again.\n    return <ReplyPreview key={isEditing ? 'edit' : 'reply'} {...replyPreviewProps} />\n  }, [\n    replyMessage,\n    editMessage,\n    handleClearReply,\n    handleCancelEdit,\n    renderReplyPreviewProp,\n    replyPreviewContainerStyle,\n    replyPreviewTextStyle,\n  ])\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/InputToolbar/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { InputToolbarProps } from './types';
+export type { ReplyPreviewProps } from '../components/ReplyPreview';
+export type { InputToolbarProps } from './types';
+export declare function InputToolbar<TMessage extends IMessage = IMessage>(props: InputToolbarProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/InputToolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InputToolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAWjD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAOpC,OAAO,EAAE,iBAAiB,EAAU,MAAM,SAAS,CAAA;AAUnD,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACnE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAC/D,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,qBA8MnC"}