ui-rn 2.0.7 → 2.0.9

package/dist/src/Icon/index.js

@@ -1,72 +0,0 @@
-import React from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-import Ionicons from "react-native-vector-icons/Ionicons";
-import EvilIcons from "react-native-vector-icons/EvilIcons";
-import FontAwesome from "react-native-vector-icons/FontAwesome";
-import FontAwesome5 from "react-native-vector-icons/FontAwesome5";
-import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";
-import MaterialIcons from "react-native-vector-icons/MaterialIcons";
-import Entypo from "react-native-vector-icons/Entypo";
-import AntDesign from "react-native-vector-icons/AntDesign";
-import SimpleLineIcons from "react-native-vector-icons/SimpleLineIcons";
-import Feather from "react-native-vector-icons/Feather";
-import Octicons from "react-native-vector-icons/Octicons";
-import Fontisto from "react-native-vector-icons/Fontisto";
-/**
- * Collection of React Native Vector Icons
- * Provides access to various icon sets from react-native-vector-icons
- */
-export const RNVectorIcon = {
-    Ionicons,
-    AntDesign,
-    Entypo,
-    EvilIcons,
-    MaterialIcons,
-    MaterialCommunityIcons,
-    FontAwesome,
-    FontAwesome5,
-    SimpleLineIcons,
-    Feather,
-    Octicons,
-    Fontisto,
-};
-import { makeProps } from "./makeProps";
-export default class IconApp extends React.PureComponent {
-    static defaultProps = {
-        size: 23,
-        color: "gray",
-        name: "home",
-    };
-    res;
-    constructor(props) {
-        super(props);
-        this.res = makeProps(props);
-    }
-    render() {
-        const { size, color, style } = this.res;
-        if (this.props.name === "none")
-            return null;
-        const IconView = RNVectorIcon[this.props.type || "Ionicons"];
-        if (typeof this.props.onPress != "function") {
-            return (<IconView size={size} color={color} style={style} name={this.props.name} onPress={this.props.onPress}/>);
-        }
-        return (<TouchableOpacity activeOpacity={this.props.activeOpacity || 0.5} disabled={typeof this.props.onPress == "function" ? this.props.disabled : true} style={[
-                styles.container,
-                { ...(this.props.alignSelf && { alignSelf: this.props.alignSelf }) },
-                this.props.style,
-                this.props.styleContainer,
-            ]}>
-        <IconView size={size} color={color} style={style} name={this.props.name} onPress={this.props.onPress}/>
-      </TouchableOpacity>);
-    }
-}
-/**
- * Default styles for the IconApp component
- */
-const styles = StyleSheet.create({
-    container: {
-        alignItems: "center",
-        justifyContent: "center",
-        alignSelf: "flex-start",
-    },
-});

package/dist/src/Icon/makeProps.d.ts

@@ -1,37 +0,0 @@
-import { ViewStyle } from "react-native";
-declare enum COLORS {
-    white = 1,
-    red = 2,
-    blue = 3,
-    black = 4,
-    green = 5,
-    yellow = 6,
-    pink = 7,
-    gray = 8,
-    primary = 9
-}
-type ColorKey = keyof typeof COLORS;
-type ColorModifiers = Partial<Record<ColorKey, boolean>>;
-declare const PROPS: {
-    readonly mar: "margin";
-    readonly marH: "marginHorizontal";
-    readonly marV: "marginVertical";
-    readonly marL: "marginLeft";
-    readonly marT: "marginTop";
-    readonly marR: "marginRight";
-    readonly marB: "marginBottom";
-    readonly zIndex: "zIndex";
-    readonly opacity: "opacity";
-    readonly size: "size";
-};
-export type ShortKey = keyof typeof PROPS;
-export type Convert<T extends string> = Partial<Record<T, boolean | number | string>>;
-export type MakeProp = Convert<ShortKey> & ColorModifiers;
-type Result = {
-    size: number;
-    color: string;
-    name: string;
-    style: ViewStyle;
-};
-export declare const makeProps: (props: Record<string, any>) => Result;
-export {};

package/dist/src/Icon/makeProps.js

@@ -1,64 +0,0 @@
-import { StyleSheet } from "react-native";
-var COLORS;
-(function (COLORS) {
-    COLORS[COLORS["white"] = 1] = "white";
-    COLORS[COLORS["red"] = 2] = "red";
-    COLORS[COLORS["blue"] = 3] = "blue";
-    COLORS[COLORS["black"] = 4] = "black";
-    COLORS[COLORS["green"] = 5] = "green";
-    COLORS[COLORS["yellow"] = 6] = "yellow";
-    COLORS[COLORS["pink"] = 7] = "pink";
-    COLORS[COLORS["gray"] = 8] = "gray";
-    COLORS[COLORS["primary"] = 9] = "primary";
-})(COLORS || (COLORS = {}));
-const PROPS = {
-    mar: "margin",
-    marH: "marginHorizontal",
-    marV: "marginVertical",
-    marL: "marginLeft",
-    marT: "marginTop",
-    marR: "marginRight",
-    marB: "marginBottom",
-    zIndex: "zIndex",
-    opacity: "opacity",
-    size: "size",
-};
-/** type guards */
-const isColorKey = (key) => key in COLORS;
-const isShortKey = (key) => key in PROPS;
-export const makeProps = (props) => {
-    const style = {};
-    const res = {
-        size: props.size ?? 23,
-        color: props.color ?? "gray",
-        name: props.name ?? "home",
-    };
-    Object.keys(props).forEach((key) => {
-        const match = key.match(/^(\w+)-(\w+)$/);
-        // color modifier
-        if (isColorKey(key)) {
-            res.color = key;
-            return;
-        }
-        if (match) {
-            const rawKey = match[1];
-            const rawValue = match[2];
-            const value = isNaN(Number(rawValue))
-                ? rawValue
-                : Number(rawValue);
-            if (rawKey === "size") {
-                res.size = Number(rawValue);
-            }
-            else if (rawKey === "color") {
-                res.color = rawValue;
-            }
-            else if (isShortKey(rawKey)) {
-                style[PROPS[rawKey]] = value;
-            }
-        }
-    });
-    return {
-        ...res,
-        style: StyleSheet.create({ style }).style,
-    };
-};

package/dist/src/Layout.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import { ForceInsetProp } from "react-native-safe-area-view";
-import { StyleProp, ViewStyle } from "react-native";
-export interface LayoutAppProps {
-    children?: any;
-    forceInset?: ForceInsetProp;
-    forceInsetBot?: ForceInsetProp;
-    styleBot?: StyleProp<ViewStyle> | undefined;
-    style?: StyleProp<ViewStyle> | undefined;
-    isBack?: boolean;
-    disable?: boolean;
-}
-export default function Layout({ children, forceInset, forceInsetBot, styleBot, style, disable, }: LayoutAppProps): React.JSX.Element;

package/dist/src/Layout.js

@@ -1,21 +0,0 @@
-import React from "react";
-import SafeAreaView from "react-native-safe-area-view";
-export default function Layout({ children, forceInset = { top: "always", horizontal: "never", bottom: "never" }, forceInsetBot = { vertical: "never" }, styleBot, style, disable, }) {
-    if (disable)
-        return <>{children}</>;
-    return (<SafeAreaView style={[
-            {
-                flex: 1,
-            },
-            style,
-        ]} forceInset={forceInset}>
-      <SafeAreaView style={[
-            {
-                flex: 1,
-            },
-            styleBot,
-        ]} forceInset={forceInsetBot}>
-        {children}
-      </SafeAreaView>
-    </SafeAreaView>);
-}

package/dist/src/Text/Props.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { TextProps, TextStyle } from 'react-native';
-import { MakeProp } from './makeStyle';
-interface PropsParent {
-    children?: React.ReactNode;
-    bold?: boolean | TextStyle['fontWeight'];
-    center?: boolean;
-    italic?: boolean;
-    underline?: boolean;
-    color?: string;
-    toUpperCase?: boolean;
-    toLowerCase?: boolean;
-    background?: string;
-}
-export interface Props extends TextProps, PropsParent, MakeProp {
-    backgroundColor?: string;
-    primary?: boolean;
-    white?: boolean;
-    red?: boolean;
-    blue?: boolean;
-    green?: boolean;
-    yellow?: boolean;
-    pink?: boolean;
-    gray?: boolean;
-    black?: boolean;
-    lang?: string;
-    content?: string;
-}
-export {};

package/dist/src/Text/Props.js

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

package/dist/src/Text/Style.d.ts

@@ -1 +0,0 @@
-export declare const Style: any;

package/dist/src/Text/Style.js

@@ -1,17 +0,0 @@
-import { StyleSheet } from "react-native";
-import { makeStyle } from "./makeStyle";
-export const Style = (props) => {
-    const PropsConvert = StyleSheet.flatten([
-        props.color && { color: props.color },
-        props.center && { textAlign: 'center' },
-        props.italic && { fontStyle: 'italic' },
-        props.bold && { fontWeight: typeof props.bold == "boolean" ? '500' : props.bold },
-        props.underline && { textDecorationLine: 'underline' },
-        props.toUpperCase && { textTransform: 'uppercase' },
-        props.toLowerCase && { textTransform: 'lowercase' },
-    ]);
-    return [
-        makeStyle(props),
-        PropsConvert,
-    ];
-};

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

@@ -1,4 +0,0 @@
-import React from "react";
-import { Props } from "./Props";
-declare const Text: React.FC<Props>;
-export default Text;

package/dist/src/Text/index.js

@@ -1,44 +0,0 @@
-import React, { isValidElement } from "react";
-import { StyleSheet, Text as RNText } from "react-native";
-import { Style } from "./Style";
-import { isArray, isObject } from "underscore";
-const Text = ({ style, children, ...props }) => {
-    const Children = () => {
-        const content = props?.lang ?? undefined;
-        if (typeof content !== "undefined") {
-            if (typeof content == "string" ||
-                typeof content == "number" ||
-                isArray(children))
-                return content;
-            if (typeof content == "function")
-                return "Error content == 'function'";
-            if (isObject(children))
-                return JSON.stringify(children);
-            if (isValidElement(content))
-                return content;
-            return React.createElement(RNText, {});
-        }
-        if (typeof children !== "undefined") {
-            if (typeof children == "string" ||
-                typeof children == "number" ||
-                isArray(children))
-                return children;
-            if (isObject(children))
-                return JSON.stringify(children);
-            if (typeof children == "function")
-                return "Error children == 'function'";
-            if (isValidElement(children))
-                return children;
-            return React.createElement(RNText, {}, children);
-        }
-    };
-    return (<RNText style={[styles.default, Style(props), style]} {...props}>
-      {Children()}
-    </RNText>);
-};
-export default Text;
-const styles = StyleSheet.create({
-    default: {
-        fontSize: 14,
-    },
-});

package/dist/src/Text/makeStyle.d.ts

@@ -1,64 +0,0 @@
-import { TextStyle } from "react-native";
-declare enum COLORS {
-    "white" = 1,
-    "red" = 2,
-    "blue" = 3,
-    "black" = 4,
-    "green" = 5,
-    "yellow" = 6,
-    "pink" = 7,
-    "gray" = 8,
-    "primary" = 9
-}
-declare const PROPS: {
-    readonly bg: "backgroundColor";
-    readonly background: "backgroundColor";
-    readonly color: "color";
-    readonly w: "width";
-    readonly width: "width";
-    readonly minW: "minWidth";
-    readonly maxW: "maxWidth";
-    readonly h: "height";
-    readonly height: "height";
-    readonly minH: "minHeight";
-    readonly maxH: "maxHeight";
-    readonly pad: "padding";
-    readonly padH: "paddingHorizontal";
-    readonly padV: "paddingVertical";
-    readonly padL: "paddingLeft";
-    readonly padT: "paddingTop";
-    readonly padR: "paddingRight";
-    readonly padB: "paddingBottom";
-    readonly mar: "margin";
-    readonly marH: "marginHorizontal";
-    readonly marV: "marginVertical";
-    readonly marL: "marginLeft";
-    readonly marT: "marginTop";
-    readonly marR: "marginRight";
-    readonly marB: "marginBottom";
-    readonly border: "borderWidth";
-    readonly borderW: "borderWidth";
-    readonly borderR: "borderRadius";
-    readonly borderC: "borderColor";
-    readonly borderLW: "borderLeftWidth";
-    readonly borderTW: "borderTopWidth";
-    readonly borderRW: "borderRightWidth";
-    readonly borderBW: "borderBottomWidth";
-    readonly flex: "flex";
-    readonly zIndex: "zIndex";
-    readonly left: "left";
-    readonly top: "top";
-    readonly bottom: "bottom";
-    readonly right: "right";
-    readonly opacity: "opacity";
-    readonly size: "fontSize";
-};
-export type ColorKey = keyof typeof COLORS;
-export type ShortKey = keyof typeof PROPS;
-export type Convert<T extends string> = Partial<Record<T, boolean | number | string>>;
-export type ColorModifiers = Partial<Record<keyof typeof COLORS, boolean>>;
-export type MakeProp = Convert<ShortKey> & ColorModifiers;
-export declare const makeStyle: (props: {
-    [key: string]: any;
-}) => TextStyle;
-export {};

package/dist/src/Text/makeStyle.js

@@ -1,91 +0,0 @@
-import { StyleSheet } from "react-native";
-import { isNaN } from "underscore";
-var COLORS;
-(function (COLORS) {
-    COLORS[COLORS["white"] = 1] = "white";
-    COLORS[COLORS["red"] = 2] = "red";
-    COLORS[COLORS["blue"] = 3] = "blue";
-    COLORS[COLORS["black"] = 4] = "black";
-    COLORS[COLORS["green"] = 5] = "green";
-    COLORS[COLORS["yellow"] = 6] = "yellow";
-    COLORS[COLORS["pink"] = 7] = "pink";
-    COLORS[COLORS["gray"] = 8] = "gray";
-    COLORS[COLORS["primary"] = 9] = "primary";
-})(COLORS || (COLORS = {}));
-const PROPS = {
-    bg: "backgroundColor",
-    background: "backgroundColor",
-    color: "color",
-    w: "width",
-    width: "width",
-    minW: "minWidth",
-    maxW: "maxWidth",
-    h: "height",
-    height: "height",
-    minH: "minHeight",
-    maxH: "maxHeight",
-    pad: "padding",
-    padH: "paddingHorizontal",
-    padV: "paddingVertical",
-    padL: "paddingLeft",
-    padT: "paddingTop",
-    padR: "paddingRight",
-    padB: "paddingBottom",
-    mar: "margin",
-    marH: "marginHorizontal",
-    marV: "marginVertical",
-    marL: "marginLeft",
-    marT: "marginTop",
-    marR: "marginRight",
-    marB: "marginBottom",
-    border: 'borderWidth',
-    borderW: 'borderWidth',
-    borderR: "borderRadius",
-    borderC: "borderColor",
-    borderLW: "borderLeftWidth",
-    borderTW: "borderTopWidth",
-    borderRW: "borderRightWidth",
-    borderBW: "borderBottomWidth",
-    flex: 'flex',
-    zIndex: 'zIndex',
-    left: 'left',
-    top: 'top',
-    bottom: 'bottom',
-    right: 'right',
-    opacity: 'opacity',
-    size: 'fontSize'
-};
-const isColorKey = (key) => {
-    return key in COLORS;
-};
-const isShortKey = (key) => {
-    return key in PROPS;
-};
-export const makeStyle = (props) => {
-    const style = {};
-    Object.keys(props).forEach((key) => {
-        const match = key.match(/^(\w+)-(\w+)$/);
-        if (isColorKey(key)) {
-            style.color = key;
-            return;
-        }
-        if (match) {
-            const [, rawKey, rawValue] = match;
-            const value = isNaN(Number(rawValue))
-                ? rawValue
-                : Number(rawValue);
-            if (isShortKey(rawKey)) {
-                style[PROPS[rawKey]] = value;
-            }
-            else {
-                style[rawKey] = value;
-            }
-            return;
-        }
-        // 🔹 Normal props
-        if (isShortKey(key)) {
-            style[PROPS[key]] = props[key];
-        }
-    });
-    return StyleSheet.create({ style }).style;
-};

package/dist/src/Touch/Block.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { Props } from "./Props";
-declare const Block: React.ForwardRefExoticComponent<Props & React.RefAttributes<View>>;
-export default Block;

package/dist/src/Touch/Block.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-import { Style } from "./Style";
-const Block = React.forwardRef(({ style, ...props }, ref) => {
-    if (props?.hidden)
-        return <></>;
-    return (<View ref={ref} style={[Style(props), style]} {...props}>
-        {props.children}
-      </View>);
-});
-export default Block;

package/dist/src/Touch/Props.d.ts

@@ -1,128 +0,0 @@
-import { FlexStyle, TouchableWithoutFeedbackProps, ViewStyle } from "react-native";
-import { MakeProp } from "./makeStyle";
-/**
- * Interface for application-specific props that extend React Native's style properties
- * @interface PropsApp
- */
-export interface PropsApp {
-    /** Border radius for top corners */
-    borderUpRadius?: number;
-    /** Border radius for bottom corners */
-    borderDownRadius?: number;
-    /** Flexbox alignment along cross axis */
-    alignItems?: FlexStyle['alignItems'];
-    /** Flexbox alignment for self */
-    alignSelf?: FlexStyle['alignSelf'];
-    /** Flexbox alignment along main axis */
-    justifyContent?: FlexStyle['justifyContent'];
-    /** Border style (solid, dashed, dotted) */
-    borderStyle?: ViewStyle['borderStyle'];
-    /** Opacity of the view */
-    opacity?: ViewStyle['opacity'];
-    /** Overflow behavior */
-    overflow?: ViewStyle['overflow'];
-    /** Set width to 100% */
-    w100?: boolean;
-    /** Set height to 100% */
-    h100?: boolean;
-    /** Center content both horizontally and vertically */
-    mid?: boolean;
-    middle?: boolean;
-    /** Set flex direction to row */
-    row?: boolean;
-    /** Center content horizontally */
-    alignCenter?: boolean;
-    /** Center content vertically */
-    justifyCenter?: boolean;
-    /** Make border radius circular */
-    borderCircle?: boolean;
-    /** Center content horizontally and space between vertically */
-    centerBetween?: boolean;
-    /** Space content evenly along main axis */
-    justifyBetween?: boolean;
-    /** Hide overflow content */
-    overHidden?: boolean;
-    /** Set width and height to same value */
-    square?: number;
-    /** Set width to 100% */
-    width100?: boolean;
-    /** Set height to 100% */
-    height100?: boolean;
-    /** Background color or gradient colors */
-    background?: string;
-    /** Gradient direction */
-    gradient?: 'vertical' | 'horizontal';
-    /** Set flex to 1 */
-    flexOne?: boolean;
-    flex1?: boolean;
-    /** Shadow color or boolean to enable default shadow */
-    shadowColor?: string | boolean;
-    /** Border options for each side */
-    borderOption?: {
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-        color?: string;
-    };
-    /** Position options for absolute positioning */
-    positionOption?: {
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-    };
-    /** Padding options for each side */
-    paddingOption?: {
-        all?: number;
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-    };
-    /** Padding options for vertical and horizontal */
-    paddingFlex?: {
-        vertical?: number;
-        horizontal?: number;
-    };
-    /** Margin options for vertical and horizontal */
-    marginFlex?: {
-        vertical?: number;
-        horizontal?: number;
-    };
-    /** Margin options for each side */
-    marginOption?: {
-        all?: number;
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-    };
-    /** Shadow configuration options */
-    shadowOption?: {
-        color?: string;
-        width?: number;
-        height?: number;
-        opacity?: number;
-        radius?: number;
-        elevation?: number;
-    };
-    /** Custom style character */
-    styleChar?: string;
-    /** Set width to screen width */
-    widthScreen?: boolean;
-    /** Set height to screen height */
-    heightScreen?: boolean;
-}
-/**
- * Main Props interface that combines TouchableWithoutFeedbackProps, PropsApp, and MakeProp
- * @interface Props
- */
-export interface Props extends TouchableWithoutFeedbackProps, PropsApp, MakeProp {
-    /** Child components */
-    children?: React.ReactNode;
-    /** Hide the component */
-    hidden?: boolean;
-    /** Opacity when pressed */
-    activeOpacity?: number;
-}

package/dist/src/Touch/Props.js

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

package/dist/src/Touch/Style.d.ts

@@ -1,31 +0,0 @@
-/**
- * Style utility function that generates React Native styles based on provided props
- * This function combines various style properties into a single style object
- *
- * @param props - Style properties object containing various style configurations
- * @returns Array containing base styles and computed styles
- *
- * @example
- * ```tsx
- * // Basic usage
- * <View style={Style({ mid: true, row: true })}>
- *
- * // With position options
- * <View style={Style({
- *   positionOption: { top: 10, left: 20 },
- *   paddingOption: { all: 10 }
- * })}>
- *
- * // With shadow
- * <View style={Style({
- *   shadowOption: {
- *     color: '#000',
- *     width: 2,
- *     height: 2,
- *     opacity: 0.5,
- *     radius: 5
- *   }
- * })}>
- * ```
- */
-export declare const Style: any;