parousya-shared 1.0.1

package/dist/components/AppVersion/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IViewProps } from '../View/types';
+import { TextProps } from '../Text/types';
+export declare const AppVersion: ({ viewProps, textProps }: {
+    viewProps?: IViewProps;
+    textProps?: TextProps;
+}) => React.JSX.Element;

package/dist/components/AppVersion/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppVersion = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_version_info_1 = __importDefault(require("react-native-version-info"));
+const Text_1 = require("../Text");
+const View_1 = require("../View");
+const AppVersion = ({ viewProps, textProps }) => {
+    return (react_1.default.createElement(View_1.View, { top: 5, height: 30, justifyContent: "center", alignItems: "center", ...viewProps },
+        react_1.default.createElement(Text_1.Text, { color: "text", size: 13, lineHeight: 16, ...textProps }, `Version: ${react_native_version_info_1.default.appVersion} (${react_native_version_info_1.default.buildVersion})`)));
+};
+exports.AppVersion = AppVersion;

package/dist/components/Button/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { IViewProps } from '../View/types';
+import { TextProps } from '../Text/types';
+export declare const Button: ({ children, mode, style, disabled, loading, containerProps, onPressIn, textProps, icon, iconSize, ...props }: {
+    children: string;
+    mode?: "text" | "contained" | "outlined" | "elevated" | "contained-tonal";
+    onPress: () => void;
+    onPressIn?: () => void;
+    uppercase?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+    style?: StyleProp<ViewStyle>;
+    containerProps?: IViewProps;
+    textProps?: Omit<TextProps, "children">;
+    iconSize?: number;
+}) => React.JSX.Element;

package/dist/components/Button/index.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_paper_1 = require("react-native-paper");
+const Text_1 = require("../Text");
+const themes_1 = require("../../themes");
+const View_1 = require("../View");
+const Icons_1 = require("../Icons");
+const Button = ({ children, mode = 'contained', style, disabled, loading, containerProps, onPressIn, textProps, icon, iconSize, ...props }) => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const { color: customLabelColor } = react_native_1.StyleSheet.flatten(textProps) || {};
+    return (react_1.default.createElement(react_native_paper_1.Button, { mode: mode, uppercase: false, disabled: disabled || loading, 
+        // labelStyle={{marginVertical: 0}}
+        // loading={loading}
+        onPressIn: onPressIn, style: [
+            {
+                borderRadius: 8,
+                backgroundColor: colors.primary,
+                opacity: (disabled || loading) ? 0.5 : 1,
+            },
+            style,
+        ], ...props },
+        react_1.default.createElement(View_1.View, { row: true, width: "none", padVertical: 2, alignItems: "center", justifyContent: "center", ...containerProps },
+            icon && loading !== true ? (react_1.default.createElement(View_1.View, { width: "none", right: 12 },
+                react_1.default.createElement(Icons_1.Icons, { name: icon, size: iconSize || 20, color: customLabelColor || 'white' }))) : null,
+            loading ? (react_1.default.createElement(View_1.View, { width: "none", right: 12 },
+                react_1.default.createElement(react_native_1.ActivityIndicator, { size: 14, animating: true, color: customLabelColor || colors.white }))) : (react_1.default.createElement(react_1.default.Fragment, null)),
+            react_1.default.createElement(Text_1.Text, { color: "white", size: 14, medium: true, ...textProps }, children))));
+};
+exports.Button = Button;

package/dist/components/Button/types.d.ts

@@ -0,0 +1,6 @@
+import { TouchableOpacityProps } from 'react-native';
+export interface IButtonProps extends TouchableOpacityProps {
+    label: string;
+    alignLeft?: boolean;
+    leftText?: string;
+}

package/dist/components/Button/types.js

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

package/dist/components/Footer/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IFooterProps } from './types';
+export declare const Footer: ({ children, height, ...rest }: IFooterProps) => React.JSX.Element;

package/dist/components/Footer/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const react_1 = __importDefault(require("react"));
+const View_1 = require("../View");
+const styles_1 = require("./styles");
+const themes_1 = require("../../themes");
+const Footer = ({ children, height, ...rest }) => {
+    const { insets } = (0, styles_1.useFooterStyles)();
+    return (react_1.default.createElement(View_1.View, { width: "100%", padTop: 10, style: {
+            height: insets.bottom +
+                (typeof height === 'number'
+                    ? themes_1.Platform.SizeScale(height)
+                    : themes_1.Platform.SizeScale(70)),
+        }, ...rest }, children || react_1.default.createElement(react_1.default.Fragment, null)));
+};
+exports.Footer = Footer;

package/dist/components/Footer/styles.d.ts

@@ -0,0 +1,34 @@
+export declare const useFooterStyles: () => {
+    styles: {
+        container: {
+            height: number;
+        };
+    };
+    colors: {
+        primary: string;
+        secondary: string;
+        accent: string;
+        background: string;
+        card: string;
+        border: string;
+        surface: string;
+        error: string;
+        onSurface: string;
+        disabled: string;
+        placeholder: string;
+        backdrop: string;
+        notification: string;
+        tooltip: string;
+        modal: string;
+        text: string;
+        warning: string;
+        success: string;
+        white: string;
+        black: string;
+        lightGreen: string;
+        blue: string;
+        royalBlue: string;
+        ghostWhite: string;
+    };
+    insets: import("react-native-safe-area-context").EdgeInsets;
+};

package/dist/components/Footer/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFooterStyles = void 0;
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const themes_1 = require("../../themes");
+const useFooterStyles = () => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            height: themes_1.Platform.SizeScale(100),
+        },
+    });
+    return { styles, colors, insets };
+};
+exports.useFooterStyles = useFooterStyles;

package/dist/components/Footer/types.d.ts

@@ -0,0 +1,4 @@
+import { IViewProps } from '../View/types';
+export interface IFooterProps extends IViewProps {
+    children?: React.ReactNode;
+}

package/dist/components/Footer/types.js

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

package/dist/components/Icons/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconsProps } from './types';
+export declare const Icons: ({ name, size, color, packageName, }: IconsProps) => React.JSX.Element;

package/dist/components/Icons/index.js

@@ -0,0 +1,64 @@
+"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 });
+exports.Icons = void 0;
+const react_1 = __importStar(require("react"));
+const AntDesign_1 = __importDefault(require("@expo/vector-icons/AntDesign"));
+const Entypo_1 = __importDefault(require("@expo/vector-icons/Entypo"));
+const Feather_1 = __importDefault(require("@expo/vector-icons/Feather"));
+const Ionicons_1 = __importDefault(require("@expo/vector-icons/Ionicons"));
+const MaterialIcons_1 = __importDefault(require("@expo/vector-icons/MaterialIcons"));
+const FontAwesome6_1 = __importDefault(require("@expo/vector-icons/FontAwesome6"));
+const themes_1 = require("../../themes");
+const ObjPackage = {
+    MaterialIcons: MaterialIcons_1.default,
+    AntDesign: AntDesign_1.default,
+    Feather: Feather_1.default,
+    Entypo: Entypo_1.default,
+    Ionicons: Ionicons_1.default,
+    FontAwesome6: FontAwesome6_1.default,
+};
+const Icons = ({ name, size = 20, color = 'black', packageName = 'MaterialIcons', }) => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const renderIcon = (0, react_1.useMemo)(() => {
+        const IconElement = ObjPackage[packageName];
+        return react_1.default.createElement(IconElement, { name, size, color: colors[color] });
+    }, [color, colors, name, packageName, size]);
+    return renderIcon;
+};
+exports.Icons = Icons;

package/dist/components/Icons/styles.d.ts

@@ -0,0 +1,9 @@
+export declare const useIconsStyles: () => {
+    styles: {
+        container: {
+            flex: number;
+            marginTop: number;
+        };
+    };
+    insets: import("react-native-safe-area-context").EdgeInsets;
+};

package/dist/components/Icons/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIconsStyles = void 0;
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const useIconsStyles = () => {
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            flex: 1,
+            marginTop: insets.top,
+        },
+    });
+    return { styles, insets };
+};
+exports.useIconsStyles = useIconsStyles;

package/dist/components/Icons/types.d.ts

@@ -0,0 +1,7 @@
+import { Colors } from '../../themes';
+export type IconsProps = {
+    name: string;
+    size?: number;
+    color?: keyof Colors;
+    packageName?: 'MaterialIcons' | 'AntDesign' | 'Feather' | 'Entypo' | 'Ionicons' | 'FontAwesome6';
+};

package/dist/components/Icons/types.js

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

package/dist/components/KeyboardWrapper/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IKeyboardWrapper } from './types';
+export declare const KeyboardWrapper: ({ children, avoidOffset, disableAutoHideKeyboard, }: IKeyboardWrapper) => React.JSX.Element;

package/dist/components/KeyboardWrapper/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KeyboardWrapper = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const react_native_avoid_softinput_1 = require("react-native-avoid-softinput");
+const EMPTY_ACTION = () => true;
+const KeyboardWrapper = ({ children, avoidOffset, disableAutoHideKeyboard, }) => {
+    return (react_1.default.createElement(react_native_1.View, { style: { flex: 1, width: '100%' }, onResponderGrant: disableAutoHideKeyboard ? undefined : react_native_1.Keyboard.dismiss, onStartShouldSetResponder: disableAutoHideKeyboard ? undefined : EMPTY_ACTION },
+        react_1.default.createElement(react_native_avoid_softinput_1.AvoidSoftInputView, { avoidOffset: avoidOffset !== null && avoidOffset !== void 0 ? avoidOffset : 10, easing: "easeIn", style: [{ flex: 1 }], showAnimationDuration: 200 }, children)));
+};
+exports.KeyboardWrapper = KeyboardWrapper;

package/dist/components/KeyboardWrapper/types.d.ts

@@ -0,0 +1,7 @@
+export interface IKeyboardWrapper {
+    children: React.ReactNode;
+    avoidOffset?: number;
+    disableAutoHideKeyboard?: boolean;
+    touchable?: boolean;
+    onPress?: () => void;
+}

package/dist/components/KeyboardWrapper/types.js

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

package/dist/components/Loading/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Colors } from '../../themes';
+export declare const Loading: ({ color, size, top, }: {
+    color?: keyof Colors;
+    size?: number | "small" | "large";
+    top?: number;
+}) => React.JSX.Element;

package/dist/components/Loading/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loading = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const themes_1 = require("../../themes");
+const Loading = ({ color = 'primary', size = 'small', top = 0, }) => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    return (react_1.default.createElement(react_native_1.ActivityIndicator, { size: size, color: colors[color], style: { marginTop: themes_1.Platform.SizeScale(top) } }));
+};
+exports.Loading = Loading;

package/dist/components/Text/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TextProps } from './types';
+export declare const Text: ({ children, txOptions, style, allowFontScaling, color, size, centerAlign, rightAlign, lineHeight, bold, medium, semibold, regular, textTransform, maxWidth, top, left, bottom, right, disableTranslate, underline, width, ...other }: TextProps) => React.JSX.Element;

package/dist/components/Text/index.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const themes_1 = require("../../themes");
+const Text = ({ children, txOptions, style, allowFontScaling = false, color, size = 13, centerAlign, rightAlign, lineHeight, bold, medium, semibold, regular, textTransform, maxWidth, top, left, bottom, right, disableTranslate = false, underline = false, width, ...other }) => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const textStyle = [];
+    textStyle.push({ color: color ? colors[color] : colors.text });
+    size && textStyle.push({ fontSize: themes_1.Platform.SizeScale(size) });
+    centerAlign && textStyle.push({ textAlign: 'center' });
+    rightAlign && textStyle.push({ textAlign: 'right' });
+    textTransform && textStyle.push({ textTransform: 'uppercase' });
+    maxWidth && textStyle.push({ maxWidth: themes_1.Platform.SizeScale(maxWidth) });
+    top && textStyle.push({ marginTop: themes_1.Platform.SizeScale(top) });
+    bottom && textStyle.push({ marginBottom: themes_1.Platform.SizeScale(bottom) });
+    left && textStyle.push({ marginLeft: themes_1.Platform.SizeScale(left) });
+    right && textStyle.push({ marginRight: themes_1.Platform.SizeScale(right) });
+    width && textStyle.push({ width: themes_1.Platform.SizeScale(width) });
+    underline && textStyle.push({ textDecorationLine: 'underline' });
+    /* font weight */
+    if (regular) {
+        textStyle.push({
+            fontFamily: themes_1.Platform.fontNames.regular,
+        });
+    }
+    else if (bold) {
+        textStyle.push({
+            fontFamily: themes_1.Platform.fontNames.bold,
+        });
+    }
+    else if (medium) {
+        textStyle.push({
+            fontFamily: themes_1.Platform.fontNames.medium,
+        });
+    }
+    else if (semibold) {
+        textStyle.push({
+            fontFamily: themes_1.Platform.fontNames.medium,
+        });
+    }
+    else {
+        textStyle.push({
+            fontFamily: themes_1.Platform.fontNames.medium,
+        });
+    }
+    if (lineHeight) {
+        textStyle.push({ lineHeight: themes_1.Platform.SizeScale(lineHeight) });
+    }
+    /* custom style */
+    if (style) {
+        textStyle.push(style);
+    }
+    return (react_1.default.createElement(react_native_1.Text, { style: react_native_1.StyleSheet.flatten(textStyle), allowFontScaling, ...other }, children));
+};
+exports.Text = Text;

package/dist/components/Text/types.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+import { TextProps as TextPropsBase, TextStyle } from 'react-native';
+import { Colors } from '../../themes';
+export type TextProps = TextPropsBase & {
+    children: ReactNode | string;
+    size?: number;
+    color?: keyof Colors;
+    centerAlign?: boolean;
+    lineHeight?: number;
+    maxWidth?: number;
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+    rightAlign?: boolean;
+    regular?: boolean;
+    bold?: boolean;
+    medium?: boolean;
+    semibold?: boolean;
+    width?: number;
+    disableTranslate?: boolean;
+    style?: TextStyle;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+    txOptions?: any;
+    underline?: boolean;
+};

package/dist/components/Text/types.js

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

package/dist/components/TextField/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Control } from 'react-hook-form';
+import { TextInputProps } from 'react-native';
+export interface ITextFieldProps extends TextInputProps {
+    control?: Control<any, any>;
+    name?: string;
+}
+export declare const TextField: (props: ITextFieldProps) => React.JSX.Element;

package/dist/components/TextField/index.js

@@ -0,0 +1,48 @@
+"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;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+const react_1 = __importStar(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const react_native_1 = require("react-native");
+const TextField = (props) => {
+    const { control, name, secureTextEntry, ...rest } = props;
+    const renderUIController = (0, react_1.useCallback)(({ field: { onChange, onBlur } }) => (react_1.default.createElement(react_native_1.TextInput, { onBlur: onBlur, onChangeText: onChange, secureTextEntry: secureTextEntry, ...(secureTextEntry ? { textContentType: 'oneTimeCode' } : {}), autoCorrect: false, autoCapitalize: 'none', ...rest })), [rest, secureTextEntry]);
+    if (!control && !name) {
+        return react_1.default.createElement(react_native_1.TextInput, { secureTextEntry: secureTextEntry, ...rest });
+    }
+    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: renderUIController }));
+};
+exports.TextField = TextField;

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ITextInputProps } from './types';
+export declare const TextInput: (props: ITextInputProps) => React.JSX.Element;