@sincpro/mobile-ui 2.0.1 → 3.0.1

package/dist/icons/PrinterIcon.d.ts

@@ -1,9 +0,0 @@
-import { CustomIconProps } from "./props.js";
-import React from "react";
-/**
- * @deprecated Device-coupled (printer hardware); relocated to the core. Import from
- * `@sincpro/mobile/ui/components/atoms` instead. Kept here for backwards compatibility
- * and removed in the next major.
- */
-declare const PrinterIcon: React.FC<CustomIconProps>;
-export default PrinterIcon;

package/dist/icons/PrinterIcon.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import Svg, { Path, Rect } from "react-native-svg";
-/**
- * @deprecated Device-coupled (printer hardware); relocated to the core. Import from
- * `@sincpro/mobile/ui/components/atoms` instead. Kept here for backwards compatibility
- * and removed in the next major.
- */
-const PrinterIcon = ({ size = 24, color = "#000000" }) => (_jsxs(Svg, { fill: "none", height: size, viewBox: "0 0 24 24", width: size, children: [_jsx(Path, { d: "M6 9V2H18V9", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx(Rect, { height: "8", rx: "1", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", width: "16", x: "4", y: "9" }), _jsx(Path, { d: "M6 18H4C3.44772 18 3 17.5523 3 17V10C3 9.44772 3.44772 9 4 9H20C20.5523 9 21 9.44772 21 10V17C21 17.5523 20.5523 18 20 18H18", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2" }), _jsx(Rect, { height: "6", stroke: color, strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", width: "12", x: "6", y: "14" })] }));
-export default PrinterIcon;

package/dist/layouts/TabNavigatorLayout.d.ts

@@ -1,26 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-interface TabNavigatorLayoutProps {
-    className?: string;
-    children?: ReactNode;
-    content?: ReactNode;
-    currentPath?: string;
-    onTabPress?: (path: string) => void;
-    persistentComponent?: ReactNode;
-    persistentRoutePath?: string;
-}
-export interface TabProps {
-    path: string;
-    label: string;
-    Icon: any;
-    onReselect?: () => void;
-}
-declare function Tabs({ children: tabsChildren }: {
-    children?: ReactNode;
-}): React.JSX.Element;
-declare function Tab(_props: TabProps): null;
-type TabLayoutComponent = ((props: TabNavigatorLayoutProps) => ReactElement) & {
-    Tabs: typeof Tabs;
-    Tab: typeof Tab;
-};
-declare const TabNavigatorLayout: TabLayoutComponent;
-export default TabNavigatorLayout;

package/dist/layouts/TabNavigatorLayout.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
-import DisplayIcon from "../Display/Display.Icon.js";
-import Container from "./Container.js";
-import { Typography } from "../Typography/index.js";
-import { Children, isValidElement } from "react";
-import { TouchableOpacity, View } from "react-native";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-function TabIcon({ focused, Icon }) {
-    return (_jsxs(View, { className: "justify-center items-center w-10 h-10", children: [focused && _jsx(View, { className: "absolute w-10 h-10 rounded-full bg-primary" }), _jsx(DisplayIcon, { color: focused ? "#FFFFFF" : "#6B7280", customIcon: Icon, size: 24, type: "custom" })] }));
-}
-function TabNavigator({ items, currentPath, onTabPress, }) {
-    const insets = useSafeAreaInsets();
-    const Text = Typography.Text;
-    if (!items.length)
-        return null;
-    return (_jsx(View, { className: "border-t border-border-default bg-bg-card", style: { paddingBottom: Math.max(insets.bottom, 8) }, children: _jsx(View, { className: "mt-2 h-16 flex-row justify-around items-center px-2", children: items.map(({ path, label, Icon, onReselect }) => {
-                const focused = currentPath === path;
-                return (_jsxs(TouchableOpacity, { className: "items-center justify-center flex-1", onPress: () => {
-                        if (focused && onReselect) {
-                            onReselect();
-                            return;
-                        }
-                        onTabPress?.(path);
-                    }, children: [_jsx(TabIcon, { focused: focused, Icon: Icon }), _jsx(Text, { className: `text-xs mt-1.5 font-medium ${focused ? "text-text-accent" : "text-text-secondary"}`, children: label })] }, path));
-            }) }) }));
-}
-function Tabs({ children: tabsChildren }) {
-    return _jsx(_Fragment, { children: tabsChildren });
-}
-function Tab(_props) {
-    return null;
-}
-/**
- * @deprecated Use `Navigation.BottomNav` (flat, modern) for the bar, and the core's
- * router-aware layouts. Kept for backwards compatibility.
- */
-function TabNavigatorLayoutComponent({ className, children, content, currentPath, onTabPress, persistentComponent, persistentRoutePath, }) {
-    const tabs = [];
-    Children.forEach(children, (child) => {
-        if (!isValidElement(child))
-            return;
-        if (child.type === Tabs) {
-            const tabsChildren = child.props.children;
-            Children.forEach(tabsChildren, (tabChild) => {
-                if (!isValidElement(tabChild))
-                    return;
-                if (tabChild.type === Tab) {
-                    tabs.push(tabChild.props);
-                }
-            });
-        }
-    });
-    const isPersistentRouteActive = persistentRoutePath && currentPath ? currentPath.includes(persistentRoutePath) : false;
-    return (_jsxs(Container, { className: className, edges: ["top", "left", "right"], children: [_jsxs(View, { className: "flex-1 bg-bg-page", children: [persistentComponent && (_jsx(View, { style: { flex: 1, display: isPersistentRouteActive ? "flex" : "none" }, children: persistentComponent })), _jsx(View, { style: { flex: 1, display: isPersistentRouteActive ? "none" : "flex" }, children: content })] }), _jsx(TabNavigator, { currentPath: currentPath, items: tabs, onTabPress: onTabPress })] }));
-}
-const TabNavigatorLayout = Object.assign(TabNavigatorLayoutComponent, {
-    Tabs,
-    Tab,
-});
-export default TabNavigatorLayout;

package/dist/utils/icon.d.ts

@@ -1 +0,0 @@
-export type IconType = "ionicons" | "fontawesome" | "material" | "fontawesome5" | "simplelineicons" | "antdesign" | "custom" | "feather" | "MaterialCommunityIcons";

package/dist/utils/icon.js

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

package/dist/widgets/CircleButton.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Import from `@sincpro/mobile-ui/Display` → `Display.CircleButton` instead. */
-export type { CircleButtonProps } from "../Display/Display.CircleButton.js";
-export { CircleButton } from "../Display/Display.CircleButton.js";

package/dist/widgets/CircleButton.js

@@ -1 +0,0 @@
-export { CircleButton } from "../Display/Display.CircleButton.js";

package/dist/widgets/GeoPermissionCard.d.ts

@@ -1,13 +0,0 @@
-interface GeoPermissionCardProps {
-    title: string;
-    hasPermission?: boolean;
-    loading?: boolean;
-    handleRequestPermission?: () => void;
-}
-/**
- * @deprecated Domain-coupled (geo permission + Spanish copy); relocated to the core.
- * Import from `@sincpro/mobile/ui/components/molecules` instead. Kept here for
- * backwards compatibility and removed in the next major.
- */
-declare function GeoPermissionCard({ title, loading, handleRequestPermission, hasPermission, }: GeoPermissionCardProps): import("react").JSX.Element;
-export default GeoPermissionCard;

package/dist/widgets/GeoPermissionCard.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { Display, Form } from "../index.js";
-import { theme } from "../theme/index.js";
-import { Typography } from "../Typography/index.js";
-import { View } from "react-native";
-import { tv } from "tailwind-variants";
-const statusTextVariants = tv({
-    variants: {
-        granted: {
-            true: "text-success",
-            false: "text-danger",
-        },
-    },
-});
-/**
- * @deprecated Domain-coupled (geo permission + Spanish copy); relocated to the core.
- * Import from `@sincpro/mobile/ui/components/molecules` instead. Kept here for
- * backwards compatibility and removed in the next major.
- */
-function GeoPermissionCard({ title, loading, handleRequestPermission, hasPermission, }) {
-    const granted = hasPermission !== undefined ? hasPermission : false;
-    return (_jsx(View, { className: "bg-bg-muted rounded-xl p-5 my-2.5 shadow-sm", children: _jsxs(View, { className: "flex-row items-start", children: [_jsx(Display.Icon, { color: granted ? theme.success : theme.danger, name: granted ? "check-circle" : "location-off", size: 35, type: "material" }), _jsxs(View, { className: "ml-2.5 flex-1", children: [_jsx(Typography.Text, { className: "text-base mb-1", semibold: true, children: title }), _jsx(Typography.Text, { className: statusTextVariants({ granted }), children: granted ? "Permiso activo." : "Permiso inactivo." }), !granted && (_jsx(Form.Button, { loading: loading, onPress: handleRequestPermission, size: "small", title: "Abrir Configuración" }))] })] }) }));
-}
-export default GeoPermissionCard;

package/dist/widgets/HomeHeader.d.ts

@@ -1,15 +0,0 @@
-import type { ImageSource } from "../utils/image.js";
-import React, { ReactNode } from "react";
-interface HomeHeaderProps {
-    readonly title?: string;
-    readonly logo?: ReactNode;
-    readonly logoSource?: ImageSource;
-    readonly backButton?: boolean;
-    readonly onBack?: () => void;
-}
-/**
- * @deprecated Legacy style (gradient). For new top bars use `Navigation.AppBar`.
- * Kept for backwards compatibility.
- */
-export declare const HomeHeader: React.FC<HomeHeaderProps>;
-export {};

package/dist/widgets/HomeHeader.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { Display, Typography } from "../index.js";
-import GradientContainer from "../layouts/GradientContainer.js";
-import { theme } from "../theme/index.js";
-import { TouchableOpacity, View } from "react-native";
-/**
- * @deprecated Legacy style (gradient). For new top bars use `Navigation.AppBar`.
- * Kept for backwards compatibility.
- */
-export const HomeHeader = ({ title = "Distribución", logo, logoSource, backButton = false, onBack, }) => {
-    const handleBackPress = onBack ?? (() => { });
-    return (_jsx(GradientContainer, { className: "pt-10 pb-4 px-4", children: _jsxs(View, { className: "relative items-center justify-center", children: [backButton && (_jsx(TouchableOpacity, { className: "absolute top-0 left-0 z-10 border border-text-inverse p-1.5 rounded", onPress: handleBackPress, children: _jsx(Display.Icon, { color: theme.text.inverse, name: "chevron-back", size: 25, type: "ionicons" }) })), _jsxs(View, { className: "items-center justify-center", children: [logo || _jsx(Display.Logo, { size: "medium", source: logoSource }), !!title && (_jsx(Typography.Text, { className: "text-text-inverse", variant: "h4", children: title }))] })] }) }));
-};

package/dist/widgets/MenuCard.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Import from `@sincpro/mobile-ui/Display` → `Display.MenuCard` instead. */
-export type { MenuCardProps } from "../Display/Display.MenuCard.js";
-export { MenuCard } from "../Display/Display.MenuCard.js";

package/dist/widgets/MenuCard.js

@@ -1 +0,0 @@
-export { MenuCard } from "../Display/Display.MenuCard.js";

package/dist/widgets/MenuGrid.d.ts

@@ -1,5 +0,0 @@
-/** @deprecated Import from `@sincpro/mobile-ui/Display` → `Display.MenuGrid` instead. */
-export type { MenuGridItem, MenuGridProps, } from "../Display/Display.MenuGrid.js";
-export { MenuGrid } from "../Display/Display.MenuGrid.js";
-/** @deprecated Renamed to `MenuGridItem`. */
-export type { MenuGridItem as MenuItem } from "../Display/Display.MenuGrid.js";

package/dist/widgets/MenuGrid.js

@@ -1 +0,0 @@
-export { MenuGrid } from "../Display/Display.MenuGrid.js";

package/dist/widgets/MenuSection.d.ts

@@ -1,3 +0,0 @@
-/** @deprecated Import from `@sincpro/mobile-ui/Navigation` → `Navigation.MenuSection` instead. */
-export type { MenuSectionProps } from "../Navigation/Navigation.MenuSection.js";
-export { MenuSection } from "../Navigation/Navigation.MenuSection.js";

package/dist/widgets/MenuSection.js

@@ -1 +0,0 @@
-export { MenuSection } from "../Navigation/Navigation.MenuSection.js";

package/dist/widgets/ScreenHeader.d.ts

@@ -1,25 +0,0 @@
-import type { ImageSource } from "../utils/image.js";
-export declare enum EVariantScreenHeader {
-    FLAT_HEADER = "FLAT_HEADER",
-    ROUNDED_HEADER = "ROUNDED_HEADER",
-    LOGO_WITH_BACK_BUTTON = "LOGO_WITH_BACK_BUTTON",
-    ONLY_LOGO = "ONLY_LOGO"
-}
-interface ScreenHeaderProps {
-    variant?: EVariantScreenHeader;
-    title?: string;
-    centerTitle?: boolean;
-    subtitle?: string;
-    logo?: boolean;
-    logoSource?: ImageSource;
-    rightComponent?: React.ReactNode;
-    children?: React.ReactNode;
-    withGradientContainer?: boolean;
-    onBack?: () => void;
-}
-/**
- * @deprecated Legacy style (gradient variants). For new top bars use
- * `Navigation.AppBar` (flat). Kept for backwards compatibility (used by FormViewV2/ListViewV2).
- */
-declare function ScreenHeader({ variant, title, subtitle, logoSource, onBack, children, }: ScreenHeaderProps): import("react").JSX.Element | null;
-export default ScreenHeader;

package/dist/widgets/ScreenHeader.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import GradientContainer from "../layouts/GradientContainer.js";
-import { Navigation } from "../Navigation/index.js";
-import { View } from "react-native";
-const Header = Navigation.Header;
-const HeaderToolbar = Navigation.HeaderToolbar;
-export var EVariantScreenHeader;
-(function (EVariantScreenHeader) {
-    EVariantScreenHeader["FLAT_HEADER"] = "FLAT_HEADER";
-    EVariantScreenHeader["ROUNDED_HEADER"] = "ROUNDED_HEADER";
-    EVariantScreenHeader["LOGO_WITH_BACK_BUTTON"] = "LOGO_WITH_BACK_BUTTON";
-    EVariantScreenHeader["ONLY_LOGO"] = "ONLY_LOGO";
-})(EVariantScreenHeader || (EVariantScreenHeader = {}));
-/**
- * @deprecated Legacy style (gradient variants). For new top bars use
- * `Navigation.AppBar` (flat). Kept for backwards compatibility (used by FormViewV2/ListViewV2).
- */
-function ScreenHeader({ variant, title = "Distribución", subtitle, logoSource, onBack, children, }) {
-    switch (variant) {
-        case EVariantScreenHeader.FLAT_HEADER:
-            return (_jsxs(_Fragment, { children: [_jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: true }), _jsx(View, { children: children })] }));
-        case EVariantScreenHeader.ROUNDED_HEADER:
-            return (_jsx(GradientContainer, { className: "pt-0.5 shadow-lg shadow-black/70 rounded-b-[18px] pb-6", children: _jsx(HeaderToolbar, { flat: true, onBack: onBack, subtitle: subtitle, title: title, withBackground: false, children: children }) }));
-        case EVariantScreenHeader.LOGO_WITH_BACK_BUTTON:
-            return (_jsx(Header, { backButton: true, handleBackButton: onBack, logoSource: logoSource, title: "" }));
-        case EVariantScreenHeader.ONLY_LOGO:
-            return _jsx(Header, { logoSource: logoSource, title: title });
-        default:
-            return null;
-    }
-}
-export default ScreenHeader;

package/dist/widgets/TimeZoneSelector.d.ts

@@ -1,12 +0,0 @@
-import { TimezoneLocale } from "../utils/timezone.js";
-interface TimeZoneSelectorProps {
-    onSelect?: (tz: TimezoneLocale) => void;
-    timezone?: string | null;
-}
-/**
- * @deprecated Domain/region-coupled (hardcoded LatAm timezones + Spanish copy); relocated
- * to the core. Import from `@sincpro/mobile/ui/components/molecules` instead. Kept here for
- * backwards compatibility and removed in the next major.
- */
-export declare function TimeZoneSelector({ onSelect, timezone }: TimeZoneSelectorProps): import("react").JSX.Element;
-export {};

package/dist/widgets/TimeZoneSelector.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
-import { Display, Form } from "../index.js";
-import { theme } from "../theme/useTheme.js";
-import { Typography } from "../Typography/index.js";
-import { TimeZoneSelectorModal } from "./TimeZoneSelectorModal.js";
-import { useState } from "react";
-import { View } from "react-native";
-/**
- * @deprecated Domain/region-coupled (hardcoded LatAm timezones + Spanish copy); relocated
- * to the core. Import from `@sincpro/mobile/ui/components/molecules` instead. Kept here for
- * backwards compatibility and removed in the next major.
- */
-export function TimeZoneSelector({ onSelect, timezone }) {
-    const [currentTimezone, setCurrentTimezone] = useState(timezone);
-    const [selectorVisible, setSelectorVisible] = useState(false);
-    function handleTimezoneSelected(tz) {
-        setCurrentTimezone(tz.timezone);
-        onSelect?.(tz);
-    }
-    const displayTimezone = currentTimezone
-        ? currentTimezone.replace(/_/g, " ").replace("America/", "")
-        : "No configurada";
-    return (_jsxs(View, { className: "bg-bg-muted rounded-xl p-5 my-2.5 shadow-sm", children: [_jsxs(View, { className: "flex-row items-start", children: [_jsx(Display.Icon, { color: currentTimezone ? theme.info : theme.text.tertiary, name: "schedule", size: 35, type: "material" }), _jsxs(View, { className: "ml-2.5 flex-1", children: [_jsx(Typography.Text, { className: "text-base mb-1", semibold: true, children: "Zona Horaria" }), currentTimezone ? (_jsxs(View, { className: "mt-2 bg-white rounded-lg p-3", children: [_jsx(Typography.Text, { className: "text-text-primary", semibold: true, children: displayTimezone }), _jsx(Typography.Text, { className: "text-text-tertiary text-xs", children: currentTimezone }), _jsx(View, { className: "flex-row gap-2 mt-2", children: _jsx(Form.Button, { onPress: () => setSelectorVisible(true), size: "small", title: "Cambiar", variant: "outline" }) })] })) : (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { className: "text-text-secondary mb-2", children: "Selecciona una zona horaria" }), _jsx(Form.Button, { onPress: () => setSelectorVisible(true), size: "small", title: "Seleccionar Zona Horaria" })] }))] })] }), _jsx(TimeZoneSelectorModal, { currentTimezone: currentTimezone, onClose: () => setSelectorVisible(false), onSelect: handleTimezoneSelected, visible: selectorVisible })] }));
-}