@jescon-technologies/react-native-ui-kit 0.0.11 → 0.0.12

package/index.d.ts

@@ -1,6 +1,7 @@
 export { default as ErrorBoundary } from './src/Common/ErrorBoundary';
 export { default as AAlertIOS } from './src/Alerts/AAlertIOS';
 export { default as AAlert } from './src/Alerts/AAlert';
+export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
 export * from './src/Navigation/useNavigation';

package/index.js

@@ -1,6 +1,7 @@
 export { default as ErrorBoundary } from './src/Common/ErrorBoundary';
 export { default as AAlertIOS } from './src/Alerts/AAlertIOS';
 export { default as AAlert } from './src/Alerts/AAlert';
+export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as NetworkServiceCall } from './src/Common/NetworkServiceCall';
 export * from './src/Navigation/useNavigation';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jescon-technologies/react-native-ui-kit",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "description": "A React Native module for Jescon Technologies that provides react-native-ui-kit",
   "main": "index.js",
   "types": "index.d.ts",

package/src/Alerts/ABlink.tsx

@@ -0,0 +1,56 @@
+import React, { Component } from 'react';
+import { Animated, View, ViewStyle, StyleProp } from 'react-native';
+
+interface ABlinkProps {
+  duration?: number;
+  repeat_count?: number;
+  style?: StyleProp<ViewStyle>;
+  children?: React.ReactNode;
+}
+
+interface ABlinkState {
+  // No state needed, but keeping for consistency
+}
+
+export default class ABlink extends Component<ABlinkProps, ABlinkState> {
+  private fadeAnimation: Animated.Value;
+
+  constructor(props: ABlinkProps) {
+    super(props);
+    this.fadeAnimation = new Animated.Value(0);
+  }
+
+  componentDidMount(): void {
+    const { duration = 1000, repeat_count = -1 } = this.props;
+    
+    Animated.loop(
+      Animated.sequence([
+        Animated.timing(this.fadeAnimation, {
+          toValue: 0,
+          duration: duration,
+          useNativeDriver: true,
+        }),
+        Animated.timing(this.fadeAnimation, {
+          toValue: 1,
+          duration: duration,
+          useNativeDriver: true,
+        }),
+      ]),
+      {
+        iterations: repeat_count,
+      }
+    ).start();
+  }
+
+  render(): React.JSX.Element {
+    const { style, children } = this.props;
+    
+    return (
+      <View style={style}>
+        <Animated.View style={{ opacity: this.fadeAnimation }}>
+          {children}
+        </Animated.View>
+      </View>
+    );
+  }
+}