native-pytech 1.0.51 → 1.0.53

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

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

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

@@ -0,0 +1,25 @@
+import React, { memo, useMemo } from 'react';
+import { frame, font, foregroundStyle, background, clipShape } from '@expo/ui/swift-ui/modifiers';
+import { Text, Image } from '@expo/ui/swift-ui';
+import colors, { sizes } from '../../constants';
+export default memo(({ text, color, type = 'small', systemName, iconSize, }) => {
+    const typeSizes = useMemo(() => sizes[type], [type]);
+    const cantLetras = text?.length ?? 0;
+    const modifiers = useMemo(() => [
+        frame({ width: typeSizes.diameter, height: typeSizes.diameter }),
+        font({ weight: 'semibold', size: typeSizes.fontSize[cantLetras] }),
+        foregroundStyle('white'),
+        background(colors[color].dark),
+        clipShape('circle'),
+    ], [typeSizes]);
+    // Return
+    if (text && cantLetras <= 3) {
+        return (<Text modifiers={[
+                font({ weight: 'semibold', size: typeSizes.fontSize[cantLetras] }),
+                ...modifiers
+            ]}>
+                {text}
+            </Text>);
+    }
+    return (<Image systemName={systemName} color='white' size={iconSize ?? typeSizes.diameter / 2} modifiers={modifiers}/>);
+});

package/dist/libs/swiftui/src/components/IconSection/Icon.js

@@ -1,4 +1,4 @@
-import { Button, RNHostView, VStack } from '@expo/ui/swift-ui';
+import { Button, VStack } from '@expo/ui/swift-ui';
 import { frame, font, buttonStyle } from '@expo/ui/swift-ui/modifiers';
 import React, { memo } from 'react';
 import Gradient from '../../../../../libs/components/Gradient';
@@ -7,9 +7,7 @@ import Section from './Section';
 export default memo(({ title, subtitle, gradientProps, buttonProps, }) => {
     const spacing = gradientProps?.type === 'extraLarge' ? 10 : 20;
     return (<Section spacing={spacing}>
-            {gradientProps && (<RNHostView matchContents>
-                    <Gradient {...gradientProps}/>
-                </RNHostView>)}
+            {gradientProps && (<Gradient {...gradientProps}/>)}
 
             {(title || subtitle) && (subtitle ? (<VStack modifiers={[frame({ alignment: 'center' })]} spacing={2}>
                         <Title title={title}/>

package/package.json

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

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

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

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

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