native-pytech 1.0.89 → 1.0.90

package/dist/app/colorPage.d.ts

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

package/dist/app/colorPage.js

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

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

@@ -1,2 +1 @@
 export { default } from './src/Page';
-export { default as ColorPageProps, renderGradientProps } from './src/Page/types';

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

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

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

@@ -1,49 +1,13 @@
 import React, { memo } from 'react';
-import { Shape, Surface, Box, Host, Column, Row } from '@expo/ui/jetpack-compose';
-import { background, clip, Shapes, clickable, paddingAll, alpha, size as sizeModifier, fillMaxWidth } from '@expo/ui/jetpack-compose/modifiers';
-import { colors } from '../../../../libs/components/Gradient';
-export default memo(({ colorRows, renderGradient, ...pageProps }) => {
+import { Host, Column, Row } from '@expo/ui/jetpack-compose';
+import { fillMaxWidth } from '@expo/ui/jetpack-compose/modifiers';
+import Item from '../Item';
+export default memo(({ colorRows, ...pageProps }) => {
     return (<Host style={{ flex: 1 }}>
 			<Column verticalArrangement={{ spacedBy: 2 }}>
 				{colorRows.map((row, index) => (<Row key={index} horizontalArrangement="spaceEvenly" verticalArrangement="center" modifiers={[fillMaxWidth()]}>
-						{row.map((color, indexColor) => renderGradient == null ? null : (<ItemRenderer key={color} color={color} size={55} renderGradient={renderGradient} {...pageProps}/>))}
+						{row.map((color, indexColor) => (<Item key={color} color={color} size={55} {...pageProps}/>))}
 					</Row>))}
 			</Column>
 		</Host>);
 });
-const ItemRenderer = memo(({ color, size, selectedColor, onSelectColor, renderGradient, }) => {
-    if (!renderGradient)
-        return null;
-    const isSelected = color === selectedColor;
-    const innerBorderWidth = 2;
-    const outerBorderWidth = 3;
-    return (<Surface color='#00000000' shape={Shape.RoundedCorner({
-            cornerRadii: {
-                topStart: size,
-                topEnd: size,
-                bottomStart: size,
-                bottomEnd: size,
-            },
-        })} border={{ width: outerBorderWidth, color: isSelected ? colors[color].middle : '#00000000' }} modifiers={[clip(Shapes.Circle)]}>
-            <Box contentAlignment="center" modifiers={[
-            background('#00000000'),
-            paddingAll(outerBorderWidth * 2),
-            clip(Shapes.Circle),
-            clickable(() => onSelectColor?.(color))
-        ]}>
-
-                <Box contentAlignment="center" modifiers={[sizeModifier(size, size)]}>
-
-                    {!isSelected &&
-            <Box contentAlignment="center" modifiers={[sizeModifier(size, size)]}>
-                            {React.createElement(renderGradient, { color, size })}
-                            <Box modifiers={[sizeModifier(size, size), alpha(0.25), background('#FFFFFF')]}/>
-                        </Box>}
-
-					{React.createElement(renderGradient, { color, size: size - (!isSelected ? innerBorderWidth * 2 : 0) })}
-
-                </Box>
-
-            </Box>
-        </Surface>);
-});

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

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

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

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

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

@@ -0,0 +1,40 @@
+import React, { memo } from 'react';
+import { Shape, Surface, Box } from '@expo/ui/jetpack-compose';
+import { background, clip, Shapes, clickable, paddingAll, alpha, size as sizeModifier } from '@expo/ui/jetpack-compose/modifiers';
+import { colors } from '../../../../libs/components/Gradient';
+export default memo(({ color, size, selectedColor, onSelectColor, renderGradient, }) => {
+    if (!renderGradient)
+        return null;
+    const isSelected = color === selectedColor;
+    const innerBorderWidth = 2;
+    const outerBorderWidth = 3;
+    return (<Surface color='#00000000' shape={Shape.RoundedCorner({
+            cornerRadii: {
+                topStart: size,
+                topEnd: size,
+                bottomStart: size,
+                bottomEnd: size,
+            },
+        })} border={{ width: outerBorderWidth, color: isSelected ? colors[color].middle : '#00000000' }} modifiers={[clip(Shapes.Circle)]}>
+            <Box contentAlignment="center" modifiers={[
+            background('#00000000'),
+            paddingAll(outerBorderWidth * 2),
+            clip(Shapes.Circle),
+            clickable(() => onSelectColor?.(color))
+        ]}>
+
+                <Box contentAlignment="center" modifiers={[sizeModifier(size, size)]}>
+
+                    {!isSelected &&
+            <Box contentAlignment="center" modifiers={[sizeModifier(size, size)]}>
+                            {React.createElement(renderGradient, { color, size })}
+                            <Box modifiers={[sizeModifier(size, size), alpha(0.25), background('#FFFFFF')]}/>
+                        </Box>}
+
+					{React.createElement(renderGradient, { color, size: size - (!isSelected ? innerBorderWidth * 2 : 0) })}
+
+                </Box>
+
+            </Box>
+        </Surface>);
+});

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

@@ -1,6 +1,6 @@
 import type { ColorsType } from '../../../../libs/components/Gradient';
-import { BaseProps } from '../Page/types';
-type Props = BaseProps & {
+import PropsPage from '../Page/types';
+type Props = PropsPage & {
     /**
         Color to display.
     */

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

@@ -1,5 +1,5 @@
 import type { ColorsType } from '../../../../libs/components/Gradient';
-export type BaseProps = {
+type Props = {
     /**
         Title of the date picker.
         @default 'default'
@@ -9,8 +9,12 @@ export type BaseProps = {
         Function to be called when the user selects a color.
     */
     onSelectColor?: (color: ColorsType) => void;
+    /**
+        Function to render the item.
+    */
+    renderGradient?: (props: renderGradientProps) => React.ReactNode;
 };
-export type renderGradientProps = {
+type renderGradientProps = {
     /**
         Color to display.
     */
@@ -20,10 +24,4 @@ export type renderGradientProps = {
     */
     size: number;
 };
-type Props = BaseProps & {
-    /**
-        Function to render the item.
-    */
-    renderGradient?: (props: renderGradientProps) => React.ReactNode;
-};
 export default Props;

package/package.json

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