native-pytech 1.0.126 → 1.0.130

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

@@ -1,5 +1,5 @@
-import Page from './src/Page';
-import Item from './src/Item';
+import Page from './src/components/Page';
+import Item from './src/components/Item';
 type PickerPageComponent = typeof Page & {
     Item: typeof Item;
 };

package/dist/libs/pickerPage/index.js

@@ -1,5 +1,5 @@
-import Page from './src/Page';
-import Item from './src/Item';
+import Page from './src/components/Page';
+import Item from './src/components/Item';
 const PickerPage = Page;
 PickerPage.Item = Item;
 export default PickerPage;

package/dist/libs/pickerPage/src/components/Content/index.d.ts

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

package/dist/libs/pickerPage/src/{Content → components/Content}/index.ios.js

@@ -1,7 +1,7 @@
 import { Host, Section, Picker } from '@expo/ui/swift-ui';
 import { listRowInsets, listStyle, pickerStyle } from '@expo/ui/swift-ui/modifiers';
 import React, { memo, useMemo } from 'react';
-import { List } from "../../../../libs/swiftui";
+import { List } from "../../../../../libs/swiftui";
 export default memo(({ children, selected, onSelectionChange, adjustRowInsets }) => {
     const _modifiersPicker = useMemo(() => [
         pickerStyle('inline'),

package/dist/libs/pickerPage/src/components/Content/index.js

@@ -0,0 +1,14 @@
+import React, { memo, useMemo } from 'react';
+import { ScrollView } from 'react-native';
+import Table from "../../../../../libs/table";
+import { Provider } from '../../context/page';
+export default memo(({ children, selected, onSelectionChange }) => {
+    const value = useMemo(() => ({ selected, onSelectionChange }), [selected]);
+    return (<Provider value={value}>
+			<ScrollView>
+				<Table>
+					{children}
+				</Table>
+			</ScrollView>
+		</Provider>);
+});

package/dist/libs/pickerPage/src/components/Item/index.d.ts

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

package/dist/libs/pickerPage/src/{Item → components/Item}/index.ios.d.ts

@@ -4,5 +4,5 @@ import type Props from "./types";
     Item component for the picker page.
     It is necessary to use the tag modifier to display the item in the picker.
 */
-declare const _default: React.MemoExoticComponent<({ itemKey, ...props }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ itemKey, title, systemImage, icon }: Props) => React.JSX.Element>;
 export default _default;

package/dist/libs/pickerPage/src/{Item → components/Item}/index.ios.js

@@ -5,4 +5,4 @@ import { tag } from "@expo/ui/swift-ui/modifiers";
     Item component for the picker page.
     It is necessary to use the tag modifier to display the item in the picker.
 */
-export default memo(({ itemKey, ...props }) => (<Label {...props} modifiers={[tag(itemKey)]}/>));
+export default memo(({ itemKey, title, systemImage, icon }) => (<Label title={title} systemImage={systemImage} icon={icon} modifiers={[tag(itemKey)]}/>));

package/dist/libs/pickerPage/src/components/Item/index.js

@@ -0,0 +1,14 @@
+import React, { memo } from "react";
+import { Ionicons } from '@expo/vector-icons';
+import { useApp } from "../../../../../libs/providers/App";
+import Table from "../../../../../libs/table";
+import Colors from "../../../../../libs/constants/colors";
+import { usePage } from '../../context/page';
+export default memo(({ itemKey, title, ionIconName, icon }) => {
+    const { colorScheme } = useApp();
+    const { selected, onSelectionChange } = usePage();
+    return (<Table.Option id={itemKey} onPress={() => onSelectionChange?.(itemKey)} colorScheme={colorScheme} childrenLeft={<>
+                {icon ?? (ionIconName && <Ionicons name={ionIconName} size={24} color={Colors.especiales.azul}/>)}
+                {title && <Table.Option.Components.Text text={title}/>}
+            </>} childrenRight={itemKey !== selected ? undefined : (<Ionicons name='checkmark-circle' size={24} color={Colors.especiales.azul}/>)}/>);
+});

package/dist/libs/pickerPage/src/{Item → components/Item}/types.d.ts

@@ -1,4 +1,5 @@
 import type { SFSymbol } from 'sf-symbols-typescript';
+import { Ionicons } from '@expo/vector-icons';
 type Props = {
     /**
         The key of the item to be used in the tag modifier.
@@ -14,6 +15,10 @@ type Props = {
         @platform ios
     */
     systemImage?: SFSymbol;
+    /**
+        The name of the Ionicon to be displayed in the label.
+    */
+    ionIconName?: keyof typeof Ionicons.glyphMap;
     /**
         Custom icon view to be displayed in the label.
         When provided, this takes precedence over `systemImage`.

package/dist/libs/pickerPage/src/{Page → components/Page}/index.js

@@ -13,7 +13,7 @@ export default memo(({ children, onChangeSearchText, onSelectionChange, placehol
 				</Stack.Toolbar.Button>
 			</Stack.Toolbar>
 
-            <Stack.SearchBar placeholder={placeholderSearchBar} onChangeText={(e) => onChangeSearchText(e.nativeEvent.text)}/>
+            <Stack.SearchBar placeholder={placeholderSearchBar} onChangeText={(e) => onChangeSearchText?.(e.nativeEvent.text)}/>
 
 			<Content onSelectionChange={_onSelectionChange} {...props}>
 				{children}

package/dist/libs/pickerPage/src/{Page → components/Page}/types.d.ts

@@ -7,14 +7,14 @@ type Props = {
         Selected value.
     */
     selected?: string;
-    /**
-        Function to be called when the user changes the search text.
-    */
-    onChangeSearchText: (text: string) => void;
     /**
         Function to be called when the user selects a selection.
     */
     onSelectionChange?: (selection: string) => void | Promise<void>;
+    /**
+        Function to be called when the user changes the search text.
+    */
+    onChangeSearchText?: (text: string) => void;
     /**
         Placeholder for the search bar.
         @default 'Buscar'

package/dist/libs/pickerPage/src/context/page.d.ts

@@ -0,0 +1,7 @@
+export declare const Provider: import("react").Provider<{
+    selected?: string;
+    onSelectionChange?: (selection: string) => void;
+} | null>, usePage: () => {
+    selected?: string;
+    onSelectionChange?: (selection: string) => void;
+};

package/dist/libs/pickerPage/src/context/page.js

@@ -0,0 +1,2 @@
+import Utils from '../../../../libs/constants/utils';
+export const [Provider, usePage] = Utils.createCtx();

package/package.json

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

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

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

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

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

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

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

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

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