native-pytech 1.0.81 → 1.0.86

package/dist/app/colorPage.d.ts

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

package/dist/app/colorPage.js

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

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

@@ -1 +1,3 @@
 export { default } from './src/Page';
+export { default as ColorPageProps } from './src/Page/types';
+export { default as renderItemProps } from './src/Item/types';

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

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

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

@@ -1,11 +1,10 @@
 import { Host, Column, Row } from '@expo/ui/jetpack-compose';
 import React, { memo } from 'react';
-import Item from '../Item';
-export default memo(({ colorRows, ...pageProps }) => {
+export default memo(({ colorRows, renderItem, ...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.map((color, indexColor) => (renderItem?.({ color, size: 55, ...pageProps })))}
 					</Row>))}
 			</Column>
 		</Host>);

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

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

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

@@ -1,5 +1,6 @@
 import type { ColorsType } from '../../../../libs/components/Gradient';
-type Props = {
+import type itemProps from '../Item/types';
+export type BaseProps = {
     /**
         Title of the date picker.
         @default 'default'
@@ -10,4 +11,10 @@ type Props = {
     */
     onSelectColor?: (color: ColorsType) => void;
 };
+type Props = BaseProps & {
+    /**
+        Function to render the item.
+    */
+    renderItem?: (props: itemProps) => React.ReactNode;
+};
 export default Props;

package/package.json

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

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

@@ -1,4 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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}/>;
-});