native-pytech 1.0.38 → 1.0.41

package/dist/libs/components/Gradient/components/Gradient/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type Props from './types';
+declare const _default: React.MemoExoticComponent<({ text, color, type, systemName }: Props) => React.JSX.Element>;
+export default _default;

package/dist/libs/components/Gradient/components/Gradient/index.js

@@ -0,0 +1,33 @@
+import React, { memo, useMemo } from 'react';
+import { StyleSheet, Text } from 'react-native';
+import { LinearGradient } from 'expo-linear-gradient';
+import colors, { sizes } from '../../constants';
+import Icon from '../Icon';
+export default memo(({ text, color, type = 'small', systemName }) => {
+    const typeSizes = useMemo(() => sizes[type], [type]);
+    const textComponent = useMemo(() => {
+        const cantLetras = text?.length;
+        if (!text || !cantLetras || systemName)
+            return null;
+        if (cantLetras > 3)
+            throw new Error('Text must be less than 3 characters');
+        return (<Text style={[styles.text, { fontSize: typeSizes.fontSize[cantLetras] }]} allowFontScaling={false}>
+                {text}
+            </Text>);
+    }, [text, typeSizes]);
+    return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
+            {textComponent ?? (systemName && <Icon systemName={systemName}/>)}
+        </LinearGradient>);
+});
+const styles = StyleSheet.create({
+    gradient: {
+        aspectRatio: 1, // width will automatically match height
+        justifyContent: 'center',
+        alignItems: 'center'
+    },
+    text: {
+        color: 'white',
+        fontWeight: 'bold',
+        letterSpacing: -0.5,
+    }
+});

package/dist/libs/components/Gradient/components/Gradient/types.d.ts

@@ -0,0 +1,19 @@
+import colors, { sizesType } from '../../constants';
+import IconProps from '../Icon/types';
+export type Props = IconProps & {
+    /**
+        The text to display in the gradient.
+        Must be less than 3 characters.
+    */
+    text?: string;
+    /**
+        The color of the gradient.
+    */
+    color: keyof typeof colors;
+    /**
+        The size of the gradient.
+        @default 'small'
+    */
+    type: sizesType;
+};
+export default Props;

package/dist/libs/components/Gradient/components/Gradient/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/components/Gradient/components/Icon/index.d.ts

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ systemName, iconSize }: Props) => any;
+export default _default;

package/dist/libs/components/Gradient/components/Icon/index.ios.d.ts

@@ -0,0 +1,3 @@
+import type Props from './types';
+declare const _default: ({ systemName, iconSize }: Props) => import("react").JSX.Element;
+export default _default;

package/dist/libs/components/Gradient/components/Icon/index.ios.js

@@ -0,0 +1,6 @@
+import { Host, Image } from '@expo/ui/swift-ui';
+export default ({ systemName, iconSize = 100 }) => {
+    return (<Host matchContents>
+            <Image systemName={systemName} color='white' size={iconSize}/>
+        </Host>);
+};

package/dist/libs/components/Gradient/components/Icon/index.js

@@ -0,0 +1 @@
+export default ({ systemName, iconSize = 100 }) => null;

package/dist/libs/components/Gradient/components/Icon/types.d.ts

@@ -0,0 +1,16 @@
+import { type SFSymbol } from 'sf-symbols-typescript';
+type Props = {
+    /**
+        The name of the system image (SF Symbol).
+        For example: 'photo', 'heart.fill', 'star.circle'
+        @ios
+    */
+    systemName?: SFSymbol;
+    /**
+        The size of the icon.
+        @ios
+        @default 100
+    */
+    iconSize?: number;
+};
+export default Props;

package/dist/libs/components/Gradient/components/Icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/libs/components/Gradient/index.d.ts

@@ -1,21 +1,3 @@
-import React from 'react';
-import colors, { sizes, sizesType } from './constants';
-export { sizes };
-export type Props = {
-    /**
-        The text to display in the gradient.
-        Must be less than 3 characters.
-    */
-    text?: string;
-    /**
-        The color of the gradient.
-    */
-    color: keyof typeof colors;
-    /**
-        The size of the gradient.
-        @default 'small'
-    */
-    type: sizesType;
-};
-declare const _default: React.MemoExoticComponent<({ text, color, type }: Props) => React.JSX.Element>;
-export default _default;
+export { sizes } from './constants';
+export { Props } from './components/Gradient/types';
+export { default } from './components/Gradient';

package/dist/libs/components/Gradient/index.js

@@ -1,33 +1,2 @@
-import React, { memo, useMemo } from 'react';
-import { StyleSheet, Text } from 'react-native';
-import { LinearGradient } from 'expo-linear-gradient';
-import colors, { sizes } from './constants';
-export { sizes };
-export default memo(({ text, color, type = 'small' }) => {
-    const typeSizes = useMemo(() => sizes[type], [type]);
-    const textComponent = useMemo(() => {
-        const cantLetras = text?.length;
-        if (!text || !cantLetras)
-            return null;
-        if (cantLetras > 3)
-            throw new Error('Text must be less than 3 characters');
-        return (<Text style={[styles.text, { fontSize: typeSizes.fontSize[cantLetras] }]} allowFontScaling={false}>
-                {text}
-            </Text>);
-    }, [text, typeSizes]);
-    return (<LinearGradient style={[styles.gradient, { height: typeSizes.diameter, borderRadius: typeSizes.diameter }]} colors={[colors[color].light, colors[color].dark]} start={{ x: 0, y: 0 }} end={{ x: 0, y: 1 }}>
-            {textComponent}
-        </LinearGradient>);
-});
-const styles = StyleSheet.create({
-    gradient: {
-        aspectRatio: 1, // width will automatically match height
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    text: {
-        color: 'white',
-        fontWeight: 'bold',
-        letterSpacing: -0.5,
-    }
-});
+export { sizes } from './constants';
+export { default } from './components/Gradient';

package/dist/libs/swiftui/src/components/IconSection/Icon.d.ts

@@ -13,9 +13,7 @@ type Props = {
     /**
         If it is given, displays a gradient.
     */
-    gradientProps?: {
-        text: GradientProps['text'];
-        color: GradientProps['color'];
+    gradientProps?: Omit<GradientProps, 'type'> & {
         type: 'extraLarge' | 'extraExtraLarge';
     };
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-pytech",
-  "version": "1.0.38",
+  "version": "1.0.41",
   "description": "Libreria de React Native Pytech",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",