native-pytech 1.0.64 → 1.0.66

package/dist/app/colorPage.d.ts

@@ -0,0 +1 @@
+export { default } from '../libs/colorPage';

package/dist/app/colorPage.js

@@ -0,0 +1 @@
+export { default } from '../libs/colorPage';

package/dist/libs/colorPage/index.d.ts

@@ -0,0 +1 @@
+export { default } from './src/Page';

package/dist/libs/colorPage/index.js

@@ -0,0 +1 @@
+export { default } from './src/Page';

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

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

package/dist/libs/colorPage/src/Content/index.ios.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.ios.js

@@ -0,0 +1,16 @@
+import { Host, HStack, VStack, Spacer } from '@expo/ui/swift-ui';
+import React, { memo, Fragment } from 'react';
+import Item from '../Item';
+export default memo(({ colorRows, ...pageProps }) => {
+    return (<Host style={{ flex: 1 }}>
+			<VStack spacing={16}>
+				{colorRows.map((row, index) => (<HStack key={index}>
+						{row.map((color, indexColor) => (<Fragment key={color}>
+								{indexColor === 0 && <Spacer />}
+								<Item color={color} size={55} {...pageProps}/>
+								<Spacer />
+							</Fragment>))}
+					</HStack>))}
+			</VStack>
+		</Host>);
+});

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

@@ -0,0 +1 @@
+export default ({ ...props }) => null;

package/dist/libs/colorPage/src/Content/types.d.ts

@@ -0,0 +1,10 @@
+import type { ColorsType } from '../../../../libs/components/Gradient';
+import PropsPage from '../Page/types';
+type Props = PropsPage & {
+    /**
+        List of rows of colors to display.
+        Each row contains 4 colors.
+    */
+    colorRows: ColorsType[][];
+};
+export default Props;

package/dist/libs/colorPage/src/Content/types.js

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

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

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

package/dist/libs/colorPage/src/Item/index.ios.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.ios.js

@@ -0,0 +1,31 @@
+import { background, clipShape, buttonStyle, controlSize, frame, glassEffect, padding, foregroundStyle } from '@expo/ui/swift-ui/modifiers';
+import { Text, Button } from '@expo/ui/swift-ui';
+import React, { memo, useMemo } from 'react';
+import { colors } from '../../../../libs/components/Gradient';
+export default memo(({ color, size, selectedColor, onSelectColor, }) => {
+    const modifiersButton = useMemo(() => [
+        buttonStyle('plain'),
+        controlSize('large'),
+        padding({ all: 1.5 }),
+        clipShape('circle'),
+        glassEffect({
+            glass: {
+                variant: 'regular',
+                interactive: true,
+                tint: colors[color].light
+            },
+            shape: 'circle'
+        })
+    ], []);
+    const modifiers = useMemo(() => [
+        frame({ width: size, height: size }),
+        foregroundStyle('transparent'),
+        background(colors[color].middle),
+        clipShape('circle'),
+    ], [size]);
+    return (<Button modifiers={modifiersButton} onPress={() => onSelectColor?.(color)}>
+			<Text modifiers={modifiers}>
+				.
+			</Text>
+		</Button>);
+});

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

@@ -0,0 +1 @@
+export default ({ ...props }) => null;

package/dist/libs/colorPage/src/Item/types.d.ts

@@ -0,0 +1,13 @@
+import type { ColorsType } from '../../../../libs/components/Gradient';
+import PropsPage from '../Page/types';
+type Props = PropsPage & {
+    /**
+        Color to display.
+    */
+    color: ColorsType;
+    /**
+        Size of the item.
+    */
+    size: number;
+};
+export default Props;

package/dist/libs/colorPage/src/Item/types.js

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

package/dist/libs/colorPage/src/Page/index.d.ts

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

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

@@ -0,0 +1,17 @@
+import React, { memo, useMemo, useCallback } from 'react';
+import { Stack, useRouter } from 'expo-router';
+import { colors } from '../../../../libs/components/Gradient';
+import Content from '../Content';
+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) => {
+        router.back();
+        onSelectColor?.(color);
+    }, [onSelectColor]);
+    return (<>
+			<Stack.Screen.Title>Color de fondo</Stack.Screen.Title>
+			<Content colorRows={colorRows} onSelectColor={_onSelectColor} {...restProps}/>
+		</>);
+});

package/dist/libs/colorPage/src/Page/types.d.ts

@@ -0,0 +1,13 @@
+import type { ColorsType } from '../../../../libs/components/Gradient';
+type Props = {
+    /**
+        Title of the date picker.
+        @default 'default'
+    */
+    selectedColor?: ColorsType;
+    /**
+        Function to be called when the user selects a color.
+    */
+    onSelectColor?: (color: ColorsType) => void;
+};
+export default Props;

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

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

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

@@ -21,7 +21,7 @@ export default memo(({ text, color = 'default', type = 'small', sizeDiameter, sy
         foregroundStyle('white'),
         background(colors[color].dark),
         clipShape('circle'),
-    ], [typeSizes]);
+    ], [typeSizes, color]);
     // Return
     if (text && cantLetras <= 3) {
         return (<Text modifiers={[

package/package.json

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