pytech-ui 1.0.7 → 1.0.10

package/build/contexts/app/src/components/Wrapper/index.js

@@ -0,0 +1,68 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const universal_1 = require("@/universal");
+const constants_1 = require("@/constants");
+const Loading_1 = __importDefault(require("../Loading"));
+exports.default = (0, react_1.memo)(({ children, getSession, onLoadingRealsed }) => {
+    const getSlots = (0, react_1.useCallback)(() => {
+        const slots = {};
+        react_1.default.Children.map(children, (child) => {
+            if (!react_1.default.isValidElement(child))
+                return;
+            if (child.type === Loading_1.default)
+                slots.loading = child;
+        });
+        return slots;
+    }, [children]);
+    const { loading } = getSlots();
+    const [isLoading, setIsLoading] = (0, react_1.useState)(getSession ? true : false);
+    const hasSessionRef = (0, react_1.useRef)(isLoading);
+    (0, react_1.useEffect)(() => {
+        if (!isLoading)
+            onLoadingRealsed?.({ hasSession: hasSessionRef.current });
+    }, [isLoading]);
+    (0, constants_1.useAsyncEffect)(async () => {
+        hasSessionRef.current = (await getSession?.()) ?? true;
+        setIsLoading(false);
+    }, []);
+    if (isLoading)
+        return loading ?? <universal_1.Host />;
+    return children;
+});

package/build/contexts/app/src/components/Wrapper/types.d.ts

@@ -0,0 +1,20 @@
+type Props = {
+    /**
+        Stack from expo-router.
+    */
+    children?: React.ReactNode;
+    /**
+        Function to get the current session.
+        This will active the loading page until the session is obtained.
+        @default true
+    */
+    getSession?: () => Promise<boolean> | boolean;
+    /**
+        Function to execute when the loading state is changed to false.
+        This will be used to redirect to the home page.
+    */
+    onLoadingRealsed?: ({ hasSession }: {
+        hasSession: boolean;
+    }) => Promise<void> | void;
+};
+export default Props;

package/build/contexts/app/src/components/Wrapper/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/app/src/index.d.ts

@@ -0,0 +1,10 @@
+import Wrapper from './components/Wrapper';
+import Head from './components/Head';
+import Loading from './components/Loading';
+export { default as AppProps } from './components/Wrapper/types';
+type Component = typeof Wrapper & {
+    Head: typeof Head;
+    Loading: typeof Loading;
+};
+declare const App: Component;
+export default App;

package/build/contexts/app/src/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const Wrapper_1 = __importDefault(require("./components/Wrapper"));
+const Head_1 = __importDefault(require("./components/Head"));
+const Loading_1 = __importDefault(require("./components/Loading"));
+const App = Wrapper_1.default;
+App.Head = Head_1.default;
+App.Loading = Loading_1.default;
+exports.default = App;

package/build/contexts/app/types.d.ts

@@ -0,0 +1,6 @@
+import { ColorScheme } from "@/constants/colors";
+type AppContext = {
+    colorScheme: ColorScheme;
+    fontScale: number;
+};
+export type { AppContext };

package/build/contexts/app/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/pathname.d.ts

@@ -0,0 +1,19 @@
+export declare const segmentsToPathname: (segments: string[]) => string;
+export declare const getPathName: () => string;
+/**
+ * Devuelve el pathname de la ruta actual a partir de `useSegments()`.
+ *
+ * @param [initial=false] - Si es `true`, devuelve el pathname congelado al montar
+ *   este componente. Si es `false`, devuelve el pathname actual y se actualiza al navegar.
+ * @returns Pathname con formato `/segmento/segmento`.
+ *
+ * @example
+ * const pathnameCurrent = usePathName()
+ * const pathnameInit = usePathName(true)
+ */
+export declare function usePathName(): string;
+export declare function usePathName(initial: true): string;
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => import("react").ReactNode>;
+export default _default;

package/build/contexts/pathname.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPathName = exports.segmentsToPathname = void 0;
+exports.usePathName = usePathName;
+const react_1 = require("react");
+const expo_router_1 = require("expo-router");
+const pathnameRef = { current: '/' };
+const segmentsToPathname = (segments) => {
+    const parts = segments.filter((s) => !(s.startsWith('(') && s.endsWith(')')));
+    return parts.length ? `/${parts.join('/')}` : '/';
+};
+exports.segmentsToPathname = segmentsToPathname;
+const getPathName = () => pathnameRef.current;
+exports.getPathName = getPathName;
+function usePathName(initial) {
+    const segments = (0, expo_router_1.useSegments)();
+    const frozen = (0, react_1.useMemo)(() => (0, exports.segmentsToPathname)(segments), []);
+    const current = (0, react_1.useMemo)(() => (0, exports.segmentsToPathname)(segments), [segments]);
+    return initial ? frozen : current;
+}
+exports.default = (0, react_1.memo)(({ children }) => {
+    pathnameRef.current = usePathName();
+    return children;
+});

package/build/contexts/router/index.d.ts

@@ -0,0 +1,6 @@
+import { Data } from './types';
+export declare const Provider: import("react").Provider<Data>, useRouter: () => Data;
+declare const _default: import("react").MemoExoticComponent<({ children }: {
+    children: React.ReactNode;
+}) => import("react").JSX.Element>;
+export default _default;

package/build/contexts/router/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRouter = exports.Provider = void 0;
+const expo_router_1 = require("expo-router");
+const react_1 = require("react");
+const constants_1 = require("@/constants");
+const pathname_1 = require("../pathname");
+const utils_1 = require("./utils");
+_a = (0, constants_1.createCtx)(), exports.Provider = _a[0], exports.useRouter = _a[1];
+exports.default = (0, react_1.memo)(({ children }) => {
+    const globalParams = (0, expo_router_1.useGlobalSearchParams)();
+    const doRouter = ({ method, pathname, params }) => {
+        if ((0, pathname_1.getPathName)() === pathname)
+            return;
+        expo_router_1.router[method]({
+            pathname,
+            params: (0, utils_1.paramsForRoute)(pathname, globalParams, params),
+        });
+    };
+    const push = (0, react_1.useCallback)((pathname, params) => (doRouter({ method: 'push', pathname, params })), [globalParams]);
+    const replace = (0, react_1.useCallback)((pathname, params) => (doRouter({ method: 'replace', pathname, params })), [globalParams]);
+    const dismissTo = (0, react_1.useCallback)((pathname, params) => {
+        if (pathname) {
+            doRouter({ method: 'dismissTo', pathname, params });
+            return;
+        }
+        if (expo_router_1.router.canGoBack())
+            expo_router_1.router.back();
+    }, [globalParams]);
+    const value = (0, react_1.useMemo)(() => ({ push, replace, dismissTo }), [push, replace, dismissTo]);
+    return (<exports.Provider value={value}>
+            {children}
+        </exports.Provider>);
+});

package/build/contexts/router/types.d.ts

@@ -0,0 +1,12 @@
+import { type UnknownInputParams, type ImperativeRouter, type RoutePath } from "expo-router";
+type DoRouterProps = {
+    method: keyof Pick<ImperativeRouter, 'push' | 'replace' | 'dismissTo'>;
+    pathname: RoutePath;
+    params?: UnknownInputParams;
+};
+type Data = {
+    push: (pathname: RoutePath, params?: UnknownInputParams) => void;
+    replace: (pathname: RoutePath, params?: UnknownInputParams) => void;
+    dismissTo: (pathname?: RoutePath, params?: UnknownInputParams) => void;
+};
+export type { DoRouterProps, Data };

package/build/contexts/router/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/contexts/router/utils.d.ts

@@ -0,0 +1,2 @@
+import { type UnknownInputParams, type RoutePath } from "expo-router";
+export declare const paramsForRoute: (pathname: RoutePath, globalParams: UnknownInputParams, explicit?: UnknownInputParams) => UnknownInputParams | undefined;

package/build/contexts/router/utils.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paramsForRoute = void 0;
+const paramsForRoute = (pathname, globalParams, explicit) => {
+    const inherited = Object.fromEntries(_dynamicParamNames(pathname)
+        .filter((key) => globalParams[key] != null)
+        .map((key) => [key, globalParams[key]]));
+    if (explicit)
+        return { ...inherited, ...explicit };
+    return Object.keys(inherited).length ? inherited : undefined;
+};
+exports.paramsForRoute = paramsForRoute;
+const _dynamicParamNames = (pathname) => ([...pathname.matchAll(/\[([^\]]+)\]/g)].map((m) => m[1]));

package/build/universal/Column/index.android.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Column/index.android.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
+const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
+exports.default = (0, react_1.memo)(({ children, spacing, alignment = 'center' }) => (<jetpack_compose_1.Column modifiers={[(0, modifiers_1.fillMaxWidth)()]} horizontalAlignment={alignment === 'center' ? 'center' : alignment === 'leading' ? 'start' : 'end'} verticalArrangement={spacing ? { spacedBy: spacing } : undefined}>
+        {children}
+    </jetpack_compose_1.Column>));

package/build/universal/Column/index.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Column/index.ios.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Column/index.ios.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const swift_ui_1 = require("@expo/ui/swift-ui");
+exports.default = (0, react_1.memo)(({ children, spacing, alignment = 'center' }) => (<swift_ui_1.VStack spacing={spacing} alignment={alignment}>
+        {children}
+    </swift_ui_1.VStack>));

package/build/universal/Column/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+exports.default = (0, react_1.memo)(({ children, spacing = 10, alignment = 'center' }) => (<react_native_1.View style={[
+        styles.container,
+        {
+            gap: spacing,
+            alignItems: alignment === 'center' ? 'center' : alignment === 'leading' ? 'flex-start' : 'flex-end',
+        }
+    ]}>
+        {children}
+    </react_native_1.View>));
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'column',
+        justifyContent: 'center',
+    }
+});

package/build/universal/Column/types.d.ts

@@ -0,0 +1,16 @@
+type Props = {
+    /**
+        The children to render inside the component.
+    */
+    children?: React.ReactNode;
+    /**
+        The spacing between children (gap).
+    */
+    spacing?: number;
+    /**
+        The alignment of the children.
+        @default 'center'
+    */
+    alignment?: 'center' | 'leading' | 'trailing';
+};
+export default Props;

package/build/universal/Column/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/universal/Row/index.android.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Row/index.android.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const jetpack_compose_1 = require("@expo/ui/jetpack-compose");
+const modifiers_1 = require("@expo/ui/jetpack-compose/modifiers");
+exports.default = (0, react_1.memo)(({ children, spacing, alignment = 'center' }) => (<jetpack_compose_1.Row modifiers={[(0, modifiers_1.fillMaxWidth)()]} horizontalAlignment={alignment === 'center' ? 'center' : alignment === 'top' ? 'start' : 'end'} verticalArrangement={spacing ? { spacedBy: spacing } : undefined}>
+        {children}
+    </jetpack_compose_1.Row>));

package/build/universal/Row/index.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Row/index.ios.d.ts

@@ -0,0 +1,3 @@
+import Props from "./types";
+declare const _default: import("react").MemoExoticComponent<({ children, spacing, alignment }: Props) => import("react").JSX.Element>;
+export default _default;

package/build/universal/Row/index.ios.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const swift_ui_1 = require("@expo/ui/swift-ui");
+exports.default = (0, react_1.memo)(({ children, spacing, alignment = 'center' }) => (<swift_ui_1.HStack spacing={spacing} alignment={alignment}>
+        {children}
+    </swift_ui_1.HStack>));

package/build/universal/Row/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+exports.default = (0, react_1.memo)(({ children, spacing = 10, alignment = 'center' }) => (<react_native_1.View style={[
+        styles.container,
+        {
+            gap: spacing,
+            justifyContent: alignment === 'center' ? 'center' : alignment === 'top' ? 'flex-start' : 'flex-end',
+        }
+    ]}>
+        {children}
+    </react_native_1.View>));
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    }
+});

package/build/universal/Row/types.d.ts

@@ -0,0 +1,16 @@
+type Props = {
+    /**
+        The children to render inside the component.
+    */
+    children?: React.ReactNode;
+    /**
+        The spacing between children (gap).
+    */
+    spacing?: number;
+    /**
+        The alignment of the children.
+        @default 'center'
+    */
+    alignment?: 'top' | 'center' | 'bottom';
+};
+export default Props;

package/build/universal/Row/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/universal/index.d.ts

@@ -1,2 +1,6 @@
 export { default as Host } from './Host';
 export type { default as HostProps } from './Host/types';
+export { default as Column } from './Column';
+export { default as ColumnProps } from './Column/types';
+export { default as Row } from './Row';
+export { default as RowProps } from './Row/types';

package/build/universal/index.js

@@ -3,6 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Host = void 0;
+exports.Row = exports.Column = exports.Host = void 0;
 var Host_1 = require("./Host");
 Object.defineProperty(exports, "Host", { enumerable: true, get: function () { return __importDefault(Host_1).default; } });
+var Column_1 = require("./Column");
+Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return __importDefault(Column_1).default; } });
+var Row_1 = require("./Row");
+Object.defineProperty(exports, "Row", { enumerable: true, get: function () { return __importDefault(Row_1).default; } });

package/package.json

@@ -1,72 +1,86 @@
 {
-	"name": "pytech-ui",
-	"version": "1.0.7",
-	"description": "Librería de componentes de UI para Pytech",
-	"keywords": [
-		"react-native",
-		"expo",
-		"ui",
-		"components",
-		"swiftui",
-		"pytech"
-	],
-	"homepage": "https://github.com/MatiTobi/UI#readme",
-	"bugs": {
-		"url": "https://github.com/MatiTobi/UI/issues"
-	},
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/MatiTobi/UI.git"
-	},
-	"license": "MIT",
-	"author": "Matias Tobias Gutierrez",
-	"type": "commonjs",
-	"exports": {
-		".": {
-			"types": "./build/index.d.ts",
-			"default": "./build/index.js"
-		},
-		"./swift-ui": {
-			"types": "./build/swift-ui/index.d.ts",
-			"default": "./build/swift-ui/index.js"
-		},
-		"./jetpack-compose": {
-			"types": "./build/jetpack-compose/index.d.ts",
-			"default": "./build/jetpack-compose/index.js"
-		},
-		"./package.json": "./package.json"
-	},
-	"main": "build/index.js",
-	"types": "build/index.d.ts",
-	"files": [
-		"build",
-		"ios",
-		"expo-module.config.json",
-		"LICENSE",
-		"README.md"
-	],
-	"scripts": {
-		"build": "tsc",
-		"clean": "node -e \"require('fs').rmSync('build',{recursive:true,force:true})\"",
-		"typecheck": "tsc --noEmit",
-		"prepublishOnly": "npm run build",
-		"release": "dev git && npm version patch && npm publish && dev git"
-	},
-	"dependencies": {
-		"sf-symbols-typescript": "^1.0.0"
-	},
-	"devDependencies": {
-		"@expo/ui": "~57.0.17",
-		"@types/react": "~19.2.2",
-		"expo": "~57.0.21",
-		"react": "19.2.3",
-		"react-native": "0.86.3",
-		"typescript": "^5.9.2"
-	},
-	"peerDependencies": {
-		"@expo/ui": "*",
-		"expo": "*",
-		"react": "*",
-		"react-native": "*"
-	}
+  "name": "pytech-ui",
+  "version": "1.0.10",
+  "description": "Librería de componentes de UI para Pytech",
+  "keywords": [
+    "react-native",
+    "expo",
+    "ui",
+    "components",
+    "swiftui",
+    "pytech"
+  ],
+  "homepage": "https://github.com/MatiTobi/UI#readme",
+  "bugs": {
+    "url": "https://github.com/MatiTobi/UI/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MatiTobi/UI.git"
+  },
+  "license": "MIT",
+  "author": "Matias Tobias Gutierrez",
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "default": "./build/index.js"
+    },
+    "./swift-ui": {
+      "types": "./build/swift-ui/index.d.ts",
+      "default": "./build/swift-ui/index.js"
+    },
+    "./jetpack-compose": {
+      "types": "./build/jetpack-compose/index.d.ts",
+      "default": "./build/jetpack-compose/index.js"
+    },
+    "./constants": {
+      "types": "./build/constants/index.d.ts",
+      "default": "./build/constants/index.js"
+    },
+    "./contexts/app": {
+      "types": "./build/contexts/app/index.d.ts",
+      "default": "./build/contexts/app/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "build/index.js",
+  "types": "build/index.d.ts",
+  "files": [
+    "build",
+    "ios",
+    "expo-module.config.json",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "clean": "node -e \"require('fs').rmSync('build',{recursive:true,force:true})\"",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build",
+    "release": "dev git && npm version patch && npm publish && dev git"
+  },
+  "dependencies": {
+    "color2k": "^2.0.4",
+    "date-fns": "^4.1.0",
+    "expo-constants": "~57.0.17",
+    "expo-device": "~57.0.1",
+    "expo-router": "~57.0.20",
+    "sf-symbols-typescript": "^1.0.0"
+  },
+  "devDependencies": {
+    "@expo/ui": "~57.0.17",
+    "@types/react": "~19.2.2",
+    "expo": "~57.0.21",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.86.3",
+    "typescript": "^5.9.2"
+  },
+  "peerDependencies": {
+    "@expo/ui": "*",
+    "expo": "*",
+    "react": "*",
+    "react-native": "*"
+  }
 }