native-pytech 1.0.79 → 1.0.81

package/dist/libs/colorPage/src/Content/index.android.d.ts

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

package/dist/libs/colorPage/src/Content/index.android.js

@@ -0,0 +1,12 @@
+import { Host, Column, Row } from '@expo/ui/jetpack-compose';
+import React, { memo } from 'react';
+import Item from '../Item';
+export default memo(({ colorRows, ...pageProps }) => {
+    return (<Host style={{ flex: 1 }}>
+			<Column verticalArrangement={{ spacedBy: 16 }}>
+				{colorRows.map((row, index) => (<Row key={index} verticalArrangement="spaceEvenly">
+						{row.map((color, indexColor) => (<Item color={color} size={55} {...pageProps}/>))}
+					</Row>))}
+			</Column>
+		</Host>);
+});

package/dist/libs/colorPage/src/Item/index.android.d.ts

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

package/dist/libs/colorPage/src/Item/index.android.js

@@ -0,0 +1,14 @@
+import { clip, size as sizeModifier, border, background, clickable } from '@expo/ui/jetpack-compose/modifiers';
+import { Box } from '@expo/ui/jetpack-compose';
+import React, { memo, useMemo } from 'react';
+import { colors } from '../../../../libs/components/Gradient';
+export default memo(({ color, size, selectedColor, onSelectColor, }) => {
+    const modifiers = useMemo(() => [
+        sizeModifier(size, size),
+        border(2, colors[color].light),
+        background(colors[color].middle),
+        clip({ type: 'circle' }),
+        clickable(() => onSelectColor?.(color))
+    ], []);
+    return <Box modifiers={modifiers}/>;
+});

package/dist/libs/colorPage/src/Page/index.js

@@ -6,9 +6,9 @@ export default memo(({ onSelectColor, ...restProps }) => {
     const router = useRouter();
     const listColors = useMemo(() => Object.keys(colors), []);
     const colorRows = useMemo(() => Array.from({ length: Math.ceil(listColors.length / 4) }, (_, i) => listColors.slice(i * 4, i * 4 + 4)), [listColors]);
-    const _onSelectColor = useCallback((color) => {
+    const _onSelectColor = useCallback(async (color) => {
+        await onSelectColor?.(color);
         router.back();
-        onSelectColor?.(color);
     }, [onSelectColor]);
     return (<>
 			<Stack.Screen.Title>Color de fondo</Stack.Screen.Title>

package/dist/libs/editPage/src/components/Page/index.js

@@ -51,34 +51,34 @@ function Component({ data = [], renderItem, onSave, }) {
         isUniqueItem: (data?.length ?? 0) === 1,
         textFieldsRefs
     }), []);
-    return (<>
-			<Stack.Toolbar placement="left">
-				<Stack.Toolbar.Button onPress={() => router.back()}>
-					<Stack.Toolbar.Icon sf="xmark"/>
-				</Stack.Toolbar.Button>
-			</Stack.Toolbar>
-
-			<Stack.Toolbar placement="right">
-				<Stack.Toolbar.Button disabled={!saveEnabled} variant="done" onPress={onPressSave}>
-					<Stack.Toolbar.Icon sf="checkmark"/>
-				</Stack.Toolbar.Button>
-			</Stack.Toolbar>
-
-			<Host style={{ flex: 1 }}>
-				<List>
-					<Section>
-						<Provider value={value}>
+    return (<>
+			<Stack.Toolbar placement="left">
+				<Stack.Toolbar.Button onPress={() => router.back()}>
+					<Stack.Toolbar.Icon sf="xmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Stack.Toolbar placement="right">
+				<Stack.Toolbar.Button disabled={!saveEnabled} variant="done" onPress={onPressSave}>
+					<Stack.Toolbar.Icon sf="checkmark"/>
+				</Stack.Toolbar.Button>
+			</Stack.Toolbar>
+
+			<Host style={{ flex: 1 }}>
+				<List>
+					<Section>
+						<Provider value={value}>
 							{data.map((item, index) => {
             const nextIndex = index + 1;
             const value = { index, nextIndex: nextIndex < data.length ? nextIndex : undefined };
-            return (<ItemProvider key={index} value={value}>
-										{renderItem?.(item)}
+            return (<ItemProvider key={index} value={value}>
+										{renderItem?.(item)}
 									</ItemProvider>);
-        })}
-						</Provider>
-					</Section>
-				</List>
-			</Host>
+        })}
+						</Provider>
+					</Section>
+				</List>
+			</Host>
 		</>);
 }
 export default memo(Component);

package/package.json

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