native-pytech 1.0.37 → 1.0.38

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

@@ -1,15 +1,16 @@
 import { Section, VStack } from '@expo/ui/swift-ui';
 import { containerRelativeFrame, listRowBackground, frame, listRowInsets } from '@expo/ui/swift-ui/modifiers';
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 export default memo(({ children, modifiers, ...vStackProps }) => {
-    const _modifiers = [
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
         frame({ alignment: 'center' }),
         containerRelativeFrame({ axes: 'horizontal' }),
         listRowBackground('transparent'),
         listRowInsets({ bottom: 0.1 })
-    ];
+    ], [modifiers]);
     return (<Section>
-            <VStack spacing={20} modifiers={[...(modifiers || []), ..._modifiers]} {...vStackProps}>
+            <VStack spacing={20} modifiers={_modifiers} {...vStackProps}>
                 {children}
             </VStack>
         </Section>);

package/dist/libs/swiftui/src/components/List/BaseList/index.d.ts

@@ -6,5 +6,5 @@ import type Props from './types';
     Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
     - padding({ top: -15 })
 */
-declare const _default: React.MemoExoticComponent<({ children, modifiers, disablePaddingTop, ...listProps }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ children, modifiers, disablePaddingTop, onRefresh, ...listProps }: Props) => React.JSX.Element>;
 export default _default;

package/dist/libs/swiftui/src/components/List/BaseList/index.js

@@ -1,5 +1,5 @@
 import { List } from '@expo/ui/swift-ui';
-import { padding } from '@expo/ui/swift-ui/modifiers';
+import { padding, refreshable } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
 /**
     Wrapper de List que aplica un padding superior negativo por defecto.
@@ -7,9 +7,13 @@ import React, { memo, useMemo } from 'react';
     Este componente extiende "List" de @expo/ui/swift-ui y agrega automáticamente:
     - padding({ top: -15 })
 */
-export default memo(({ children, modifiers, disablePaddingTop = false, ...listProps }) => {
-    const _modifiers = useMemo(() => disablePaddingTop ? [] : [padding({ top: -15 })], [disablePaddingTop]);
-    return (<List modifiers={[...(modifiers || []), ..._modifiers]} {...listProps}>
+export default memo(({ children, modifiers, disablePaddingTop, onRefresh, ...listProps }) => {
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(disablePaddingTop ? [padding({ top: -15 })] : []),
+        ...(onRefresh ? [refreshable(onRefresh)] : []),
+    ], [modifiers, disablePaddingTop, onRefresh]);
+    return (<List modifiers={_modifiers} {...listProps}>
             {children}
         </List>);
 });

package/dist/libs/swiftui/src/components/List/BaseList/types.d.ts

@@ -2,8 +2,11 @@ import { ListProps } from "@expo/ui/swift-ui";
 type Props = ListProps & {
     /**
         Whether to disable the padding top of the list.
-        @default false
     */
     disablePaddingTop?: boolean;
+    /**
+        The function to handle the refresh event.
+    */
+    onRefresh?: () => Promise<void>;
 };
 export default Props;

package/dist/libs/swiftui/src/components/List/Editable/List/index.js

@@ -4,13 +4,14 @@ import BaseList from "../../BaseList";
 import { Provider } from '../../../../context/ListEditable';
 export default memo(({ children, editMode, moveEnabled, deleteEnabled, modifiers, ...listProps }) => {
     const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
         listStyle('inset'),
         environment('editMode', editMode ? 'active' : 'inactive'),
-        moveDisabled(!(moveEnabled ?? true)),
-        deleteDisabled(!(deleteEnabled ?? true)),
-    ], [editMode, moveEnabled, deleteEnabled]);
+        ...(moveEnabled ? [moveDisabled(false)] : []),
+        ...(deleteEnabled ? [deleteDisabled(false)] : []),
+    ], [modifiers, editMode, moveEnabled, deleteEnabled]);
     const value = useMemo(() => ({ enableMove: moveEnabled, enableDelete: deleteEnabled }), [moveEnabled, deleteEnabled]);
-    return (<BaseList {...listProps} modifiers={[...(modifiers || []), ..._modifiers]}>
+    return (<BaseList {...listProps} modifiers={_modifiers}>
             <Provider value={value}>
                 {children}
             </Provider>

package/dist/libs/swiftui/src/components/List/Editable/Section/index.js

@@ -7,7 +7,6 @@ function Component({ data = [], keyExtractor, onDelete, onMove, renderItem }) {
     // ---------------------- Variables ----------------------
     const { enableMove, enableDelete } = useListEditable();
     const [_data, setData] = useState(data ?? []);
-    // ---------------------- Hooks ----------------------
     Hooks.useEffectWithoutFirstRender(() => setData(data ?? []), [data]);
     // ---------------------- Functions ----------------------
     const handleDelete = useCallback((indices) => {

package/dist/libs/swiftui/src/components/NavigationLink/index.js

@@ -1,17 +1,20 @@
 import { Button, HStack, Label } from '@expo/ui/swift-ui';
 import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';
 import { Color } from 'expo-router';
-import React, { memo } from 'react';
+import React, { memo, useMemo } from 'react';
 import Trailing from './Trailing';
 export default memo(({ children, systemImage, label, modifiers, maintainButtonStyle = false, textTrailing, textTrailingProps, ...buttonProps }) => {
     // Va a poner una Label cuando no tenga que mantener el estilo del button y haya una imagen.
     // Si no tiene que mantener el estilo del button y no hay una imagen, solo va a cambiar el foregroundColor.
     const renderLabel = !maintainButtonStyle && systemImage !== undefined;
-    const _modifiers = (!maintainButtonStyle && !renderLabel) ? [foregroundStyle(Color.ios.label)] : [];
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(!maintainButtonStyle && !renderLabel ? [foregroundStyle(Color.ios.label)] : []),
+    ], [modifiers, maintainButtonStyle, renderLabel]);
     const buttonSystemImage = !renderLabel ? systemImage : undefined;
     const buttonLabel = !renderLabel ? label : undefined;
     return (<HStack>
-            <Button modifiers={[...(modifiers || []), ..._modifiers]} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
+            <Button modifiers={_modifiers} systemImage={buttonSystemImage} label={buttonLabel} {...buttonProps}>
                 {children}
             </Button>
             {!children && renderLabel && (<Label title={label} systemImage={systemImage}/>)}

package/dist/libs/swiftui/src/components/Picker.js

@@ -2,8 +2,11 @@ import { Picker, Text } from '@expo/ui/swift-ui';
 import { pickerStyle, tag } from "@expo/ui/swift-ui/modifiers";
 import React, { memo, useMemo } from 'react';
 export default memo(({ modifiers, data = [], ...pickerProps }) => {
-    const _modifiers = useMemo(() => [pickerStyle('menu')], []);
-    return (<Picker modifiers={[...(modifiers || []), ..._modifiers]} {...pickerProps}>
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        pickerStyle('menu'),
+    ], [modifiers]);
+    return (<Picker modifiers={_modifiers} {...pickerProps}>
             {data.map(item => (<Text key={item} modifiers={[tag(item)]}>
                     {item}
                 </Text>))}

package/dist/libs/swiftui/src/components/Text.js

@@ -2,6 +2,9 @@ import { Text } from '@expo/ui/swift-ui';
 import { foregroundStyle } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
 export default memo(({ modifiers, secondary = false, ...restProps }) => {
-    const _modifiers = useMemo(() => secondary ? [foregroundStyle({ type: 'hierarchical', style: 'secondary' })] : [], [secondary]);
-    return (<Text modifiers={[...(modifiers || []), ..._modifiers]} {...restProps}/>);
+    const _modifiers = useMemo(() => [
+        ...(modifiers ?? []),
+        ...(secondary ? [foregroundStyle({ type: 'hierarchical', style: 'secondary' })] : []),
+    ], [modifiers, secondary]);
+    return (<Text modifiers={_modifiers} {...restProps}/>);
 });

package/package.json

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