@kesha-antonov/react-native-chat 5.0.1 → 6.0.1

package/lib/components/RadialProgress.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+/** What the button shows. */
+export type MediaActionIcon = 'play' | 'pause' | 'download' | 'cancel' | 'none';
+/** The arc turns once every 2.5s. */
+export declare const RADIAL_SPIN_MS = 2500;
+/** Progress eases toward its target over 200ms, decelerating. */
+export declare const RADIAL_PROGRESS_MS = 200;
+/** The transition length for a pair of icons. */
+export declare const transitionDuration: (from: MediaActionIcon, to: MediaActionIcon) => 220 | 300 | 400;
+/** An SVG elliptical arc, Android's `drawArc(rect, start, sweep)`: degrees, clockwise from 3 o'clock. */
+export declare const arcPath: (cx: number, cy: number, rx: number, ry: number, start: number, sweep: number) => string;
+export interface RadialFrame {
+    /** Download arrow strokes (and the curl it makes into the ring), and their alpha. */
+    arrow: string;
+    arrowAlpha: number;
+    /** The cancel ✕, and its alpha. */
+    cross: string;
+    crossAlpha: number;
+    /** The progress arc, and its alpha. */
+    arc: string;
+    arcAlpha: number;
+    /** The play/pause glyph's scale and alpha. */
+    glyphScale: number;
+    glyphAlpha: number;
+    /**
+     * The same strokes as numbers, for drawing without react-native-svg: the arrow's straight
+     * strokes and the ✕'s, as flat `x1 y1 x2 y2` runs, and the arc's start, sweep and radius.
+     */
+    arrowLines: number[];
+    crossLines: number[];
+    arcStart: number;
+    arcSweep: number;
+    arcRadius: number;
+}
+/**
+ * One frame of the media action icon for a drawable `size` across. `t` is
+ * `transitionProgress` (1 at rest), `saved` the `savedTransitionProgress` the transition
+ * started from, `progress` the eased `animatedDownloadProgress` and `rad` the arc's
+ * `downloadRadOffset`.
+ */
+export declare const radialFrame: (current: number, next: number, t: number, saved: number, progress: number, rad: number, size: number, isMini: boolean) => RadialFrame;
+export interface RadialProgressProps {
+    /** The glyph. A change animates from the previous one. */
+    icon: MediaActionIcon;
+    /**
+     * Download or upload progress, 0..1, drawn as the ring while `icon` is `cancel`.
+     * A shared value is followed on the UI thread without re-rendering.
+     */
+    progress?: number | SharedValue<number>;
+    /** Circle diameter: 44 for a voice note or file, 48 over a photo or video. */
+    size?: number;
+    /** The glyph and ring. */
+    color: string;
+    /** The filled circle behind them; omit for none. */
+    backgroundColor?: string;
+    /** The mini variant: 2-wide strokes and a ring 2 in from the edge. */
+    isMini?: boolean;
+    /** Glyph size of the play/pause icon. Default 18 for a 44 circle, scaled with `size`. */
+    glyphSize?: number;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * The media button: a filled circle with a
+ * play, pause, download or cancel glyph, and while cancelable a ring that grows with
+ * `progress` and turns once every 2.5s. Every animation runs on the UI thread.
+ */
+export declare function RadialProgress({ icon, progress, size, color, backgroundColor, isMini, glyphSize, style, }: RadialProgressProps): React.JSX.Element;
+//# sourceMappingURL=RadialProgress.d.ts.map

package/lib/components/RadialProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadialProgress.d.ts","sourceRoot":"","sources":["../../src/components/RadialProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,cAAc,CAAA;AACrE,OAAiB,EAEf,WAAW,EASZ,MAAM,yBAAyB,CAAA;AAchC,6BAA6B;AAC7B,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;AAwB/E,qCAAqC;AACrC,eAAO,MAAM,cAAc,OAAO,CAAA;AAGlC,iEAAiE;AACjE,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAGrC,iDAAiD;AACjD,eAAO,MAAM,kBAAkB,GAAI,MAAM,eAAe,EAAE,IAAI,eAAe,oBAM5E,CAAA;AAsBD,yGAAyG;AACzG,eAAO,MAAM,OAAO,GAAI,IAAI,MAAM,EAAE,IAAI,MAAM,EAAE,IAAI,MAAM,EAAE,IAAI,MAAM,EAAE,OAAO,MAAM,EAAE,OAAO,MAAM,WAgBnG,CAAA;AAoCD,MAAM,WAAW,WAAW;IAC1B,qFAAqF;IACrF,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,MAAM,CAAA;IAChB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;CAClB;AAED;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GACtB,SAAS,MAAM,EACf,MAAM,MAAM,EACZ,GAAG,MAAM,EACT,OAAO,MAAM,EACb,UAAU,MAAM,EAChB,KAAK,MAAM,EACX,MAAM,MAAM,EACZ,QAAQ,OAAO,KACd,WA8LF,CAAA;AAkFD,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,IAAI,EAAE,eAAe,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IACvC,8EAA8E;IAC9E,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,oDAAoD;IACpD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sEAAsE;IACtE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAE,EAC9B,IAAI,EACJ,QAAY,EACZ,IAAS,EACT,KAAK,EACL,eAAe,EACf,MAAc,EACd,SAAS,EACT,KAAK,GACN,EAAE,mBAAmB,qBAsKrB"}