rn-marquee-text 2.0.5 → 2.0.6

package/dist/AutoScroll.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { TextStyle, ViewStyle } from 'react-native';
+import { AnimationMode } from './constants';
 /**
  * AutoScroll component that measures its content and container
  * dimensions and automatically sets up a scrolling animation if
@@ -17,7 +18,7 @@ import { TextStyle, ViewStyle } from 'react-native';
  */
 declare const AutoScroll: ({ children, mode, speed, delay, endPauseDuration, style, textStyle, enabled, direction, }: {
     children: React.ReactNode;
-    mode?: "loop" | "bounce";
+    mode?: AnimationMode;
     speed?: number;
     delay?: number;
     endPauseDuration?: number;

package/dist/AutoScroll.js

@@ -18,7 +18,7 @@ import { AnimationMode } from './constants';
  * @prop {'horizontal'|'vertical'} direction - The direction of the scrolling animation
  */
 var AutoScroll = function (_a) {
-    var children = _a.children, _b = _a.mode, mode = _b === void 0 ? 'loop' : _b, _c = _a.speed, speed = _c === void 0 ? 30 : _c, _d = _a.delay, delay = _d === void 0 ? 1500 : _d, _e = _a.endPauseDuration, endPauseDuration = _e === void 0 ? 1000 : _e, _f = _a.style, style = _f === void 0 ? {} : _f, _g = _a.textStyle, textStyle = _g === void 0 ? {} : _g, _h = _a.enabled, enabled = _h === void 0 ? true : _h, _j = _a.direction, direction = _j === void 0 ? 'vertical' : _j;
+    var children = _a.children, _b = _a.mode, mode = _b === void 0 ? AnimationMode.LOOP : _b, _c = _a.speed, speed = _c === void 0 ? 30 : _c, _d = _a.delay, delay = _d === void 0 ? 1500 : _d, _e = _a.endPauseDuration, endPauseDuration = _e === void 0 ? 1000 : _e, _f = _a.style, style = _f === void 0 ? {} : _f, _g = _a.textStyle, textStyle = _g === void 0 ? {} : _g, _h = _a.enabled, enabled = _h === void 0 ? true : _h, _j = _a.direction, direction = _j === void 0 ? 'vertical' : _j;
     // References for measurement
     var containerRef = useRef(null);
     var contentRef = useRef(null);
@@ -88,7 +88,7 @@ var AutoScroll = function (_a) {
         console.log('Animation setup:', { distance: distance, duration: duration });
         // Reset position
         scrollPosition.value = 0;
-        if (mode === AnimationMode.LOOP || mode === 'loop') {
+        if (mode === AnimationMode.LOOP) {
             // Continuous loop animation
             scrollPosition.value = withDelay(delay, withRepeat(withTiming(-distance, { duration: duration, easing: Easing.linear }), -1, false));
         }

package/dist/MarqueeText.d.ts

@@ -1,112 +1,5 @@
 import * as React from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-/**
- * Animation modes for the marquee text
- */
-declare enum AnimationMode {
-    LOOP = "loop",
-    BOUNCE = "bounce"
-}
-/**
- * Direction of the marquee animation
- */
-type MarqueeDirection = 'horizontal' | 'vertical';
-/**
- * Props for the MarqueeText component
- */
-interface MarqueeTextProps {
-    /**
-     * Content to be scrolled (string or React nodes)
-     */
-    children: React.ReactNode;
-    /**
-     * The animation mode: 'loop' for continuous scrolling or 'bounce' for back-and-forth
-     * @default AnimationMode.LOOP
-     */
-    mode?: AnimationMode;
-    /**
-     * Speed of the scrolling animation in pixels per second
-     * @default 30
-     */
-    speed?: number;
-    /**
-     * Delay in milliseconds before starting the animation
-     * @default 1500
-     */
-    delay?: number;
-    /**
-     * Duration in milliseconds to pause at the end of the content (only for bounce mode)
-     * @default 1000
-     */
-    endPauseDuration?: number;
-    /**
-     * Container style
-     */
-    style?: ViewStyle;
-    /**
-     * Text style (when children is a string)
-     */
-    textStyle?: TextStyle;
-    /**
-     * Whether to enable the animation
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * Direction of scrolling ('horizontal' or 'vertical')
-     * @default 'horizontal'
-     */
-    direction?: MarqueeDirection;
-    /**
-     * Spacing between cloned elements
-     * @default 20
-     */
-    spacing?: number;
-    /**
-     * Allow user interaction with gesture handling
-     * @default true
-     */
-    withGesture?: boolean;
-    /**
-     * Custom frame rate for animation
-     */
-    frameRate?: number;
-    /**
-     * Reverse the animation direction
-     * @default false
-     */
-    reverse?: boolean;
-    /**
-     * Background color for the container
-     * @default 'transparent'
-     */
-    backgroundColor?: string;
-    /**
-     * Callback when animation starts
-     */
-    onAnimationStart?: () => void;
-    /**
-     * Callback when animation stops
-     */
-    onAnimationStop?: () => void;
-}
-/**
- * Reference handle for the MarqueeText component
- */
-export interface MarqueeTextRef {
-    /**
-     * Start the marquee animation
-     */
-    start: () => void;
-    /**
-     * Stop the marquee animation
-     */
-    stop: () => void;
-    /**
-     * Whether the animation is currently active
-     */
-    isActive: boolean;
-}
+import { MarqueeTextRef, MarqueeTextProps, AnimationMode } from './constants';
 /**
  * MarqueeText component for scrolling text or content
  *
@@ -117,4 +10,4 @@ export interface MarqueeTextRef {
 declare const MarqueeText: React.ForwardRefExoticComponent<MarqueeTextProps & React.RefAttributes<MarqueeTextRef>>;
 export default MarqueeText;
 export { AnimationMode };
-export type { MarqueeDirection, MarqueeTextProps };
+export type { MarqueeTextProps };

package/dist/MarqueeText.js

@@ -3,14 +3,7 @@ import { StyleSheet, View, Text } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue, useFrameCallback, withDecay, } from 'react-native-reanimated';
 import { useFocusEffect } from '@react-navigation/native';
-/**
- * Animation modes for the marquee text
- */
-var AnimationMode;
-(function (AnimationMode) {
-    AnimationMode["LOOP"] = "loop";
-    AnimationMode["BOUNCE"] = "bounce";
-})(AnimationMode || (AnimationMode = {}));
+import { AnimationMode } from './constants';
 /**
  * Component to render a child item in the marquee
  */

package/dist/constants.d.ts

@@ -1,4 +1,109 @@
-export declare const AnimationMode: {
-    LOOP: string;
-    BOUNCE: string;
-};
+import { ViewStyle, TextStyle } from "react-native";
+/**
+ * Animation modes for the marquee text
+ */
+export declare enum AnimationMode {
+    LOOP = "loop",
+    BOUNCE = "bounce"
+}
+/**
+ * Direction of the marquee animation
+ */
+type MarqueeDirection = 'horizontal' | 'vertical';
+/**
+ * Props for the MarqueeText component
+ */
+export interface MarqueeTextProps {
+    /**
+     * Content to be scrolled (string or React nodes)
+     */
+    children: React.ReactNode;
+    /**
+     * The animation mode: 'loop' for continuous scrolling or 'bounce' for back-and-forth
+     * @default AnimationMode.LOOP
+     */
+    mode?: AnimationMode;
+    /**
+     * Speed of the scrolling animation in pixels per second
+     * @default 30
+     */
+    speed?: number;
+    /**
+     * Delay in milliseconds before starting the animation
+     * @default 1500
+     */
+    delay?: number;
+    /**
+     * Duration in milliseconds to pause at the end of the content (only for bounce mode)
+     * @default 1000
+     */
+    endPauseDuration?: number;
+    /**
+     * Container style
+     */
+    style?: ViewStyle;
+    /**
+     * Text style (when children is a string)
+     */
+    textStyle?: TextStyle;
+    /**
+     * Whether to enable the animation
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Direction of scrolling ('horizontal' or 'vertical')
+     * @default 'horizontal'
+     */
+    direction?: MarqueeDirection;
+    /**
+     * Spacing between cloned elements
+     * @default 20
+     */
+    spacing?: number;
+    /**
+     * Allow user interaction with gesture handling
+     * @default true
+     */
+    withGesture?: boolean;
+    /**
+     * Custom frame rate for animation
+     */
+    frameRate?: number;
+    /**
+     * Reverse the animation direction
+     * @default false
+     */
+    reverse?: boolean;
+    /**
+     * Background color for the container
+     * @default 'transparent'
+     */
+    backgroundColor?: string;
+    /**
+     * Callback when animation starts
+     */
+    onAnimationStart?: () => void;
+    /**
+     * Callback when animation stops
+     */
+    onAnimationStop?: () => void;
+}
+/**
+ * Reference handle for the MarqueeText component
+ */
+export interface MarqueeTextRef {
+    /**
+     * Start the marquee animation
+     */
+    start: () => void;
+    /**
+     * Stop the marquee animation
+     */
+    stop: () => void;
+    /**
+     * Whether the animation is currently active
+     */
+    isActive: boolean;
+}
+export {};

package/dist/constants.js

@@ -1,4 +1,12 @@
-export var AnimationMode = {
-    LOOP: 'loop',
-    BOUNCE: 'bounce',
-};
+// export const AnimationMode = {
+//     LOOP: 'loop',
+//     BOUNCE: 'bounce',
+//   };
+/**
+ * Animation modes for the marquee text
+ */
+export var AnimationMode;
+(function (AnimationMode) {
+    AnimationMode["LOOP"] = "loop";
+    AnimationMode["BOUNCE"] = "bounce";
+})(AnimationMode || (AnimationMode = {}));

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { AnimationMode } from './constants';
 declare const Marquee: {
     AutoScroll: ({ children, mode, speed, delay, endPauseDuration, style, textStyle, enabled, direction, }: {
         children: React.ReactNode;
-        mode?: "loop" | "bounce";
+        mode?: AnimationMode;
         speed?: number;
         delay?: number;
         endPauseDuration?: number;
@@ -12,7 +12,7 @@ declare const Marquee: {
         enabled?: boolean;
         direction?: "horizontal" | "vertical";
     }) => import("react").JSX.Element;
-    MarqueeText: import("react").ForwardRefExoticComponent<import("./MarqueeText").MarqueeTextProps & import("react").RefAttributes<import("./MarqueeText").MarqueeTextRef>>;
+    MarqueeText: import("react").ForwardRefExoticComponent<import("./constants").MarqueeTextProps & import("react").RefAttributes<import("./constants").MarqueeTextRef>>;
     AnimationMode: typeof AnimationMode;
 };
 export default Marquee;

package/dist/index.js

@@ -5,6 +5,6 @@ export { AnimationMode } from './constants';
 var Marquee = {
     AutoScroll: AutoScroll,
     MarqueeText: MarqueeText,
-    AnimationMode: AnimationMode
+    AnimationMode: AnimationMode,
 };
 export default Marquee;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "rn-marquee-text",
-    "version": "2.0.5",
+    "version": "2.0.6",
     "description": "A customizable marquee (scrolling) text component for React Native",
     "main": "index.js",
     "types": "index.d.ts",