parousya-shared 1.0.1

package/dist/components/TextInput/index.js

@@ -0,0 +1,145 @@
+"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.TextInput = void 0;
+const react_1 = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const themes_1 = require("../../themes");
+const Text_1 = require("../Text");
+const TextField_1 = require("../TextField");
+const styles_1 = require("./styles");
+const react_native_paper_1 = require("react-native-paper");
+const TextInput = (props) => {
+    const { label, errorMessage, type = 'outline', leadingIcon, trailingIcon, editable = true, style: styleRN, placeholder, noErrorMessage, containerInput, required = false, ...rest } = props;
+    const { colors, styles } = (0, styles_1.useTextInputStyles)();
+    const colorsKey = (0, react_1.useMemo)(() => {
+        if (!editable) {
+            return {
+                color: 'disabled',
+                borderColor: 'disabled',
+                background: 'ghostWhite',
+            };
+        }
+        if (errorMessage) {
+            return {
+                color: 'error',
+                borderColor: 'error',
+                background: 'white',
+            };
+        }
+        return {
+            color: 'border',
+            borderColor: 'border',
+            background: 'white',
+        };
+    }, [editable, errorMessage]);
+    const renderByType = (0, react_1.useMemo)(() => {
+        return {
+            underline: (react_1.default.createElement(react_1.default.Fragment, null,
+                label ? (react_1.default.createElement(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        marginBottom: themes_1.Platform.SizeScale(8),
+                    } },
+                    react_1.default.createElement(Text_1.Text, { lineHeight: 18, medium: true, size: 13 }, label),
+                    required ? (react_1.default.createElement(Text_1.Text, { lineHeight: 21, bold: true, size: 16, color: "error" }, "*")) : null)) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                react_1.default.createElement(react_native_1.View, { style: [
+                        styles.containerInput,
+                        {
+                            borderBottomWidth: 1,
+                            borderBottomColor: colors[colorsKey.borderColor],
+                        },
+                        containerInput,
+                    ] },
+                    leadingIcon ? (react_1.default.createElement(react_native_1.View, { style: { width: 24 } }, leadingIcon)) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                    react_1.default.createElement(TextField_1.TextField, { style: [
+                            {
+                                fontSize: themes_1.Platform.SizeScale(13),
+                                color: colors.text,
+                                flex: 1,
+                            },
+                            styleRN,
+                        ], placeholderTextColor: colors.placeholder, placeholder: placeholder, editable, ...rest }),
+                    trailingIcon ? (react_1.default.createElement(react_native_1.View, { style: { width: 24, alignItems: 'flex-end' } }, trailingIcon)) : (react_1.default.createElement(react_1.default.Fragment, null))))),
+            outline: (react_1.default.createElement(react_1.default.Fragment, null,
+                label ? (react_1.default.createElement(react_native_1.View, { style: {
+                        flexDirection: 'row',
+                        marginBottom: themes_1.Platform.SizeScale(8),
+                    } },
+                    react_1.default.createElement(Text_1.Text, { lineHeight: 18, medium: true, size: 16 }, label),
+                    required ? (react_1.default.createElement(Text_1.Text, { bold: true, lineHeight: 18, size: 16, color: "error" }, "*")) : null)) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                react_1.default.createElement(react_native_1.View, { style: [
+                        styles.containerInput,
+                        {
+                            borderWidth: 1,
+                            backgroundColor: colors[colorsKey.background],
+                            borderColor: colors[colorsKey.borderColor],
+                            paddingHorizontal: themes_1.Platform.SizeScale(17),
+                            borderRadius: themes_1.Platform.SizeScale(8),
+                            paddingVertical: themes_1.Platform.SizeScale(10),
+                        },
+                        containerInput,
+                    ] },
+                    leadingIcon ? (react_1.default.createElement(react_native_1.View, { style: { marginRight: themes_1.Platform.SizeScale(8) } }, leadingIcon)) : (react_1.default.createElement(react_1.default.Fragment, null)),
+                    react_1.default.createElement(TextField_1.TextField, { style: [
+                            {
+                                fontSize: themes_1.Platform.SizeScale(16),
+                                color: colors.text,
+                                flex: 1,
+                            },
+                            themes_1.Platform.isAndroid ? { padding: 0 } : {},
+                            styleRN,
+                        ], placeholderTextColor: colors.placeholder, placeholder: placeholder, editable, ...rest }),
+                    trailingIcon ? (react_1.default.createElement(react_native_1.View, { style: { marginLeft: themes_1.Platform.SizeScale(8) } }, trailingIcon)) : (react_1.default.createElement(react_1.default.Fragment, null))))),
+        };
+    }, [
+        label,
+        required,
+        styles.containerInput,
+        colors,
+        colorsKey.borderColor,
+        colorsKey.background,
+        containerInput,
+        leadingIcon,
+        styleRN,
+        placeholder,
+        editable,
+        rest,
+        trailingIcon,
+    ]);
+    return (react_1.default.createElement(react_native_1.View, { style: styles.container },
+        react_1.default.createElement(react_native_1.View, { style: [styles.body] }, renderByType[type]),
+        !noErrorMessage ? (react_1.default.createElement(react_native_1.View, { style: { minHeight: themes_1.Platform.SizeScale(23) } }, errorMessage ? (react_1.default.createElement(react_native_paper_1.HelperText, { type: "error", visible: !!errorMessage }, errorMessage)) : (react_1.default.createElement(react_1.default.Fragment, null)))) : null));
+};
+exports.TextInput = TextInput;

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

@@ -0,0 +1,57 @@
+export declare const useTextInputStyles: () => {
+    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;
+    };
+    styles: {
+        container: {
+            width: "100%";
+        };
+        body: {
+            justifyContent: "center";
+        };
+        containerInput: {
+            flexGrow: number;
+            flexDirection: "row";
+            alignItems: "center";
+            paddingVertical: number;
+        };
+        label: {
+            backgroundColor: string;
+            paddingHorizontal: number;
+        };
+        labelContainer: {
+            flexDirection: "row";
+            zIndex: number;
+            alignItems: "center";
+            maxHeight: number;
+            position: "absolute";
+            left: 0;
+            right: 0;
+            top: 0;
+            bottom: 0;
+        };
+    };
+};

package/dist/components/TextInput/styles.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTextInputStyles = void 0;
+const react_native_1 = require("react-native");
+const themes_1 = require("../../themes");
+const useTextInputStyles = () => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const styles = react_native_1.StyleSheet.create({
+        container: {
+            width: '100%',
+        },
+        body: {
+            justifyContent: 'center',
+        },
+        containerInput: {
+            flexGrow: 1,
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingVertical: themes_1.Platform.SizeScale(2),
+        },
+        label: {
+            backgroundColor: colors.background,
+            paddingHorizontal: 5,
+        },
+        labelContainer: {
+            ...react_native_1.StyleSheet.absoluteFillObject,
+            flexDirection: 'row',
+            zIndex: -1,
+            alignItems: 'center',
+            maxHeight: 20,
+        },
+    });
+    return { colors, styles };
+};
+exports.useTextInputStyles = useTextInputStyles;

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

@@ -0,0 +1,48 @@
+import { ViewStyle } from 'react-native';
+import { Colors } from '../../themes';
+import { ITextFieldProps } from '../TextField';
+export type TypeTextInput = 'underline' | 'outline';
+export interface ITextInputProps extends ITextFieldProps {
+    /**
+     * type of text-input
+     *
+     * @default outlined
+     */
+    type?: TypeTextInput;
+    /**
+     * Border Color when focus Input
+     */
+    activeColor?: keyof Colors;
+    /**
+     * Border Color when not focus Input
+     */
+    inActiveColor?: keyof Colors;
+    /**
+     * Label of input
+     */
+    label?: string;
+    /**
+     * Message displayed when there is an error
+     */
+    errorMessage?: string;
+    /**
+     * Icon left
+     */
+    leadingIcon?: React.ReactNode;
+    /**
+     * Icon Right
+     */
+    trailingIcon?: React.ReactNode;
+    /**
+     * no check with hook-form
+     */
+    noErrorMessage?: boolean;
+    /**
+     * container of input
+     */
+    containerInput?: ViewStyle;
+    /**
+     * Required field
+     */
+    required?: boolean;
+}

package/dist/components/TextInput/types.js

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IThemeProvider } from './types';
+export declare const ThemeProvider: ({ children, themeConfig: config }: IThemeProvider) => React.JSX.Element;

package/dist/components/ThemeProvider/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = 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 themes_1 = require("../../themes");
+const ThemeProvider = ({ children, themeConfig: config }) => {
+    const isLightTheme = true;
+    const themeConfig = isLightTheme ? themes_1.DefaultTheme : themes_1.DarkTheme;
+    return (react_1.default.createElement(react_native_paper_1.Provider, { theme: (config || themeConfig) },
+        react_1.default.createElement(react_native_1.StatusBar, { barStyle: "dark-content", translucent: true, backgroundColor: "transparent" }),
+        children));
+};
+exports.ThemeProvider = ThemeProvider;

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

@@ -0,0 +1,5 @@
+import { ThemeProp } from "react-native-paper/lib/typescript/types";
+export interface IThemeProvider {
+    children: React.ReactNode;
+    themeConfig?: ThemeProp;
+}

package/dist/components/ThemeProvider/types.js

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IViewProps } from './types';
+export declare const View: ({ children, flex, top, left, right, bottom, padBottom, padLeft, padRight, padTop, padding, color, height, width, style, justifyContent, alignItems, radius, borderWidth, row, insetsTop, insetsBottom, borderColor, borderBottomWidth, borderBottomColor, maxWidth, minWidth, borderTopWidth, borderTopColor, padHorizontal, padVertical, horizontal, vertical, shadow, shadowTop, ...rest }: IViewProps) => React.JSX.Element;

package/dist/components/View/index.js

@@ -0,0 +1,281 @@
+"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.View = void 0;
+const react_1 = __importStar(require("react"));
+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 utils_1 = require("../../utils");
+const View = ({ children, flex, top, left, right, bottom, padBottom, padLeft, padRight, padTop, padding, color, height, width = '100%', style, justifyContent, alignItems, radius = 0, borderWidth = 0, row = false, insetsTop = false, insetsBottom = false, borderColor, borderBottomWidth, borderBottomColor, maxWidth, minWidth, borderTopWidth, borderTopColor, padHorizontal, padVertical, horizontal, vertical, shadow, shadowTop, ...rest }) => {
+    const { colors } = (0, themes_1.useAppTheme)();
+    const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    const insetTopValue = insetsTop ? insets.top : 0;
+    const insetBottomValue = insetsBottom ? insets.bottom : 0;
+    const arrayProps = (0, react_1.useMemo)(() => {
+        return [
+            {
+                key: 'flex',
+                value: flex,
+            },
+            {
+                key: 'marginTop',
+                value: themes_1.Platform.SizeScale(top !== null && top !== void 0 ? top : 0),
+            },
+            {
+                key: 'marginLeft',
+                value: themes_1.Platform.SizeScale(left !== null && left !== void 0 ? left : 0),
+            },
+            {
+                key: 'marginRight',
+                value: themes_1.Platform.SizeScale(right !== null && right !== void 0 ? right : 0),
+            },
+            {
+                key: 'marginBottom',
+                value: themes_1.Platform.SizeScale(bottom !== null && bottom !== void 0 ? bottom : 0),
+            },
+            {
+                key: 'paddingTop',
+                value: themes_1.Platform.SizeScale(padTop !== null && padTop !== void 0 ? padTop : 0) + insetTopValue,
+            },
+            {
+                key: 'paddingBottom',
+                value: themes_1.Platform.SizeScale(padBottom !== null && padBottom !== void 0 ? padBottom : 0) + insetBottomValue,
+            },
+            {
+                key: 'paddingRight',
+                value: themes_1.Platform.SizeScale(padRight !== null && padRight !== void 0 ? padRight : 0),
+            },
+            {
+                key: 'paddingLeft',
+                value: themes_1.Platform.SizeScale(padLeft !== null && padLeft !== void 0 ? padLeft : 0),
+            },
+            {
+                key: 'padding',
+                value: themes_1.Platform.SizeScale(padding !== null && padding !== void 0 ? padding : 0),
+            },
+            {
+                key: 'backgroundColor',
+                value: color ? colors[color] : 'transparent',
+            },
+            height !== undefined
+                ? {
+                    key: 'height',
+                    value: (0, utils_1.onCheckType)(height, 'number')
+                        ? themes_1.Platform.SizeScale(+height)
+                        : height,
+                }
+                : {},
+            width !== 'none'
+                ? {
+                    key: 'width',
+                    value: (0, utils_1.onCheckType)(width, 'number')
+                        ? themes_1.Platform.SizeScale(+width)
+                        : width,
+                }
+                : {},
+            justifyContent
+                ? {
+                    key: 'justifyContent',
+                    value: justifyContent,
+                }
+                : {},
+            alignItems
+                ? {
+                    key: 'alignItems',
+                    value: alignItems,
+                }
+                : {},
+            {
+                key: 'borderRadius',
+                value: themes_1.Platform.SizeScale(radius),
+            },
+            {
+                key: 'borderWidth',
+                value: borderWidth,
+            },
+            borderColor
+                ? {
+                    key: 'borderColor',
+                    value: colors[borderColor],
+                }
+                : {},
+            borderBottomWidth !== undefined
+                ? {
+                    key: 'borderBottomWidth',
+                    value: borderBottomWidth,
+                }
+                : {},
+            borderBottomColor
+                ? {
+                    key: 'borderBottomColor',
+                    value: colors[borderBottomColor],
+                }
+                : {},
+            maxWidth
+                ? {
+                    key: 'maxWidth',
+                    value: themes_1.Platform.SizeScale(maxWidth),
+                }
+                : {},
+            minWidth
+                ? {
+                    key: 'minWidth',
+                    value: themes_1.Platform.SizeScale(minWidth),
+                }
+                : {},
+            borderTopWidth !== undefined
+                ? {
+                    key: 'borderTopWidth',
+                    value: borderTopWidth,
+                }
+                : {},
+            borderTopColor
+                ? {
+                    key: 'borderTopColor',
+                    value: colors[borderTopColor],
+                }
+                : {},
+            horizontal !== undefined
+                ? {
+                    key: 'marginHorizontal',
+                    value: themes_1.Platform.SizeScale(horizontal),
+                }
+                : {},
+            vertical !== undefined
+                ? {
+                    key: 'marginVertical',
+                    value: themes_1.Platform.SizeScale(vertical),
+                }
+                : {},
+            padHorizontal !== undefined
+                ? {
+                    key: 'paddingHorizontal',
+                    value: themes_1.Platform.SizeScale(padHorizontal),
+                }
+                : {},
+            padVertical !== undefined
+                ? {
+                    key: 'paddingVertical',
+                    value: themes_1.Platform.SizeScale(padVertical),
+                }
+                : {},
+        ];
+    }, [
+        alignItems,
+        borderBottomColor,
+        borderBottomWidth,
+        borderColor,
+        borderTopColor,
+        borderTopWidth,
+        borderWidth,
+        bottom,
+        color,
+        colors,
+        flex,
+        height,
+        horizontal,
+        justifyContent,
+        left,
+        maxWidth,
+        minWidth,
+        padHorizontal,
+        padLeft,
+        padRight,
+        padVertical,
+        padding,
+        radius,
+        right,
+        top,
+        vertical,
+        width,
+        insetTopValue,
+        insetBottomValue,
+        padTop,
+        padBottom
+    ]);
+    const viewStyle = {};
+    (function () {
+        arrayProps
+            .filter(item => Object.keys(item).length === 2)
+            .forEach(({ key, value }) => {
+            if (value) {
+                viewStyle[key] = value;
+            }
+        });
+        if (row) {
+            viewStyle.flexDirection = 'row';
+        }
+    })();
+    const shadowStyle = (0, react_1.useMemo)(() => {
+        if (shadowTop) {
+            return react_native_1.StyleSheet.flatten([
+                { backgroudColor: colors.background },
+                styles.shadowTop,
+            ]);
+        }
+        if (shadow) {
+            return react_native_1.StyleSheet.flatten([
+                { backgroudColor: colors.background },
+                styles.shadow,
+            ]);
+        }
+        return {};
+    }, [colors.background, shadow, shadowTop]);
+    return (react_1.default.createElement(react_native_1.View, { style: react_native_1.StyleSheet.flatten([shadowStyle, viewStyle, style]), ...rest }, children));
+};
+exports.View = View;
+const styles = react_native_1.StyleSheet.create({
+    shadowTop: {
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: -3,
+        },
+        shadowOpacity: 0.2,
+        shadowRadius: 9,
+        elevation: 8,
+    },
+    shadow: {
+        shadowColor: '#000',
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowOpacity: 0.15,
+        shadowRadius: 2,
+        elevation: 2,
+    },
+});

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

@@ -0,0 +1,39 @@
+import { FlexAlignType, StyleProp, ViewProps, ViewStyle } from 'react-native/types';
+import { Colors } from '../../themes';
+export interface IViewProps extends ViewProps {
+    children?: React.ReactNode;
+    flex?: number;
+    top?: number;
+    left?: number;
+    right?: number;
+    bottom?: number;
+    padTop?: number;
+    padBottom?: number;
+    padLeft?: number;
+    padRight?: number;
+    padHorizontal?: number;
+    padVertical?: number;
+    horizontal?: number;
+    vertical?: number;
+    color?: keyof Colors;
+    height?: number | string;
+    width?: number | string | 'none';
+    style?: StyleProp<ViewStyle>;
+    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    alignItems?: FlexAlignType;
+    row?: boolean;
+    radius?: number;
+    borderWidth?: number;
+    insetsTop?: boolean;
+    insetsBottom?: boolean;
+    padding?: number;
+    borderColor?: keyof Colors;
+    borderBottomWidth?: number;
+    borderBottomColor?: keyof Colors;
+    maxWidth?: number;
+    minWidth?: number;
+    borderTopWidth?: number;
+    borderTopColor?: keyof Colors;
+    shadow?: boolean;
+    shadowTop?: boolean;
+}

package/dist/components/View/types.js

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

package/dist/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Text';
+export * from './ThemeProvider';
+export * from './View';
+export * from './AppVersion';
+export * from './Button';
+export * from './TextInput';
+export * from './Loading';
+export * from './Footer';
+export * from './Icons';
+export * from './KeyboardWrapper';