ui-rn 2.0.6 → 2.0.8

package/dist/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/Touch/Props.js

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

package/dist/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;

package/dist/Touch/Style.js

@@ -1,118 +0,0 @@
-import { StyleSheet, Dimensions } from "react-native";
-import { isEmpty, isString } from "underscore";
-import { makeStyle } from "./makeStyle";
-/**
- * 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 const Style = (props) => {
-    const PropsApp = StyleSheet.flatten([
-        // Layout properties
-        props.alignItems && { alignItems: props.alignItems },
-        props.justifyContent && { justifyContent: props.justifyContent },
-        props.borderStyle && { borderStyle: props.borderStyle },
-        props.overflow && { overflow: props.overflow },
-        // Border radius properties
-        props.borderUpRadius && { borderTopLeftRadius: (props.borderUpRadius), borderTopRightRadius: (props.borderUpRadius) },
-        props.borderDownRadius && { borderBottomLeftRadius: (props.borderUpRadius), borderBottomRightRadius: (props.borderUpRadius) },
-        // Layout shortcuts
-        props.mid && { alignItems: 'center', justifyContent: 'center' },
-        props.row && { flexDirection: 'row' },
-        props.width100 && { width: '100%' },
-        props.height100 && { height: '100%' },
-        props.square && { width: props.square, height: props.square },
-        props.borderCircle && { borderRadius: 1000 },
-        props.alignCenter && { alignItems: 'center' },
-        props.justifyCenter && { justifyContent: 'center' },
-        props.justifyBetween && { justifyContent: 'space-between' },
-        props.overHidden && { overflow: 'hidden' },
-        props.centerBetween && { alignItems: 'center', justifyContent: 'space-between', },
-        // Position options
-        props.positionOption && {
-            position: 'absolute',
-            top: props.positionOption?.top,
-            bottom: props.positionOption?.bottom,
-            left: props.positionOption?.left,
-            right: props.positionOption?.right,
-        },
-        // Padding options
-        props.paddingOption && {
-            paddingLeft: props.paddingOption?.all || props.paddingOption?.left,
-            paddingTop: props.paddingOption?.all || props.paddingOption?.top,
-            paddingRight: props.paddingOption?.all || props.paddingOption?.right,
-            paddingBottom: props.paddingOption?.all || props.paddingOption?.bottom,
-        },
-        // Margin options
-        props.marginOption && {
-            marginLeft: props.marginOption?.all || props.marginOption?.left,
-            marginTop: props.marginOption?.all || props.marginOption?.top,
-            marginRight: props.marginOption?.all || props.marginOption?.right,
-            marginBottom: props.marginOption?.all || props.marginOption?.bottom,
-        },
-        // Border options
-        props.borderOption && {
-            borderLeftWidth: props.borderOption.left,
-            borderTopWidth: props.borderOption.top,
-            borderBottomWidth: props.borderOption.bottom,
-            borderRightWidth: props.borderOption.right,
-            borderColor: props.borderOption.color,
-        },
-        // Shadow options
-        !isEmpty(props.shadowOption) && {
-            shadowColor: props.shadowOption?.color,
-            shadowOffset: {
-                width: props.shadowOption?.width,
-                height: props.shadowOption?.height,
-            },
-            shadowOpacity: props.shadowOption?.opacity,
-            shadowRadius: props.shadowOption?.radius,
-            elevation: props.shadowOption?.elevation,
-        },
-        // Default shadow
-        props.shadowColor && {
-            shadowColor: isString(props.shadowColor) ? props.shadowColor : '#000',
-            shadowOffset: { width: 2, height: 2, },
-            shadowOpacity: 1,
-            shadowRadius: 10,
-            elevation: 2,
-        },
-        // Width and height shortcuts
-        props.w100 && { width: '100%' },
-        props.h100 && { height: '100%' },
-        props.flex1 && { flex: 1 },
-        props.flexOne && { flex: 1 },
-        // Screen dimensions
-        props.widthScreen && { width: Dimensions.get('screen').width },
-        props.heightScreen && { height: Dimensions.get('screen').height },
-    ]);
-    return [
-        makeStyle(props),
-        PropsApp,
-    ];
-};

package/dist/Touch/Touch.d.ts

@@ -1,28 +0,0 @@
-import React from "react";
-import { Props } from "./Props";
-/**
- * Touch component that extends TouchableOpacity with additional styling capabilities
- * Supports gradient backgrounds and custom styling options
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <Touch onPress={() => console.log('pressed')}>
- *   <Text>Press me</Text>
- * </Touch>
- *
- *
- * // With custom styling
- * <Touch
- *   mid={true}
- *   row={true}
- *   paddingOption={{ all: 10 }}
- *   onPress={() => console.log('pressed')}
- * >
- *   <Text>Styled Button</Text>
- * </Touch>
- * ```
- */
-declare const Touch: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<import("react-native").View>>;
-export default Touch;

package/dist/Touch/Touch.js

@@ -1,35 +0,0 @@
-import React from "react";
-import { TouchableOpacity } from "react-native";
-import { Style } from "./Style";
-/**
- * Touch component that extends TouchableOpacity with additional styling capabilities
- * Supports gradient backgrounds and custom styling options
- *
- * @component
- * @example
- * ```tsx
- * // Basic usage
- * <Touch onPress={() => console.log('pressed')}>
- *   <Text>Press me</Text>
- * </Touch>
- *
- *
- * // With custom styling
- * <Touch
- *   mid={true}
- *   row={true}
- *   paddingOption={{ all: 10 }}
- *   onPress={() => console.log('pressed')}
- * >
- *   <Text>Styled Button</Text>
- * </Touch>
- * ```
- */
-const Touch = React.forwardRef(({ style, ...props }, ref) => {
-    if (props?.hidden)
-        return <></>;
-    return (<TouchableOpacity ref={ref} activeOpacity={props.activeOpacity || 0.5} style={[Style(props), style]} {...props}>
-        {props.children}
-      </TouchableOpacity>);
-});
-export default Touch;

package/dist/Touch/TouchScale.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import { ViewProps } from "react-native";
-import { Props } from "./Props";
-interface ButtonScaleProps extends Props {
-    scaleValue?: number;
-    scale?: boolean;
-    containerStyle?: ViewProps["style"];
-}
-declare const Touch: React.ForwardRefExoticComponent<Omit<ButtonScaleProps, "ref"> & React.RefAttributes<import("react-native").View>>;
-export default Touch;

package/dist/Touch/TouchScale.js

@@ -1,30 +0,0 @@
-import React, { useCallback } from "react";
-import { Animated, TouchableOpacity } from "react-native";
-import { Style } from "./Style";
-const Touch = React.forwardRef(({ scaleValue = 1.1, style, background, containerStyle, ...props }, ref) => {
-    if (props?.hidden)
-        return <></>;
-    const animatedButtonScale = React.useRef(new Animated.Value(1)).current;
-    const onPressIn = useCallback(() => {
-        Animated.spring(animatedButtonScale, {
-            toValue: scaleValue,
-            useNativeDriver: true,
-        }).start();
-    }, [scaleValue]);
-    const onPressOut = useCallback(() => {
-        Animated.spring(animatedButtonScale, {
-            toValue: 1,
-            useNativeDriver: true,
-        }).start();
-    }, []);
-    return (<TouchableOpacity ref={ref} onPressIn={onPressIn} onPressOut={onPressOut} activeOpacity={props.activeOpacity || 1} style={containerStyle} {...props}>
-        <Animated.View style={[
-            { transform: [{ scale: animatedButtonScale }] },
-            Style(props),
-            style,
-        ]}>
-          {props.children}
-        </Animated.View>
-      </TouchableOpacity>);
-});
-export default Touch;

package/dist/Touch/makeStyle.d.ts

@@ -1,64 +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
-}
-declare const PROPS: {
-    readonly bg: "backgroundColor";
-    readonly background: "backgroundColor";
-    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 horizontal: "paddingHorizontal";
-    readonly padV: "paddingVertical";
-    readonly vertical: "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 radius: "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";
-};
-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 MakeProp = Partial<Record<ShortKey, number | string>> & Partial<Record<ColorKey, boolean>> & Record<string, any>;
-export declare const makeStyle: <T>(props: {
-    [key: string]: any;
-}) => ViewStyle;
-export {};

package/dist/Touch/makeStyle.js

@@ -1,94 +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",
-    w: "width",
-    width: "width",
-    minW: "minWidth",
-    maxW: "maxWidth",
-    h: "height",
-    height: "height",
-    minH: "minHeight",
-    maxH: "maxHeight",
-    pad: "padding",
-    padH: "paddingHorizontal",
-    horizontal: "paddingHorizontal",
-    padV: "paddingVertical",
-    vertical: "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",
-    radius: "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'
-};
-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+)$/);
-        // 🎨 Color
-        if (isColorKey(key)) {
-            style.backgroundColor = key;
-            return;
-        }
-        // 🔹 Hyphen syntax (pad-10)
-        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/Touch/utils.d.ts

@@ -1,5 +0,0 @@
-export declare function sliceTextAndNumber(input: string): {
-    text: string | null;
-    number: number | null;
-};
-export declare function replaceAll(str?: string, search?: string, replacement?: string): string;

package/dist/Touch/utils.js

@@ -1,23 +0,0 @@
-export function sliceTextAndNumber(input) {
-    let text = "";
-    let number = "";
-    let mid = false;
-    for (let i = 0; i < input.length; i++) {
-        const currentChar = input[i];
-        if (!isNaN(parseInt(currentChar)) && mid == false) {
-            mid = i;
-        }
-    }
-    if (mid) {
-        text = input.slice(0, mid);
-        number = input.slice(mid);
-    }
-    // Log.d('mid', { mid, text, number })
-    return {
-        text: mid ? text : null,
-        number: mid ? Number(number) : null,
-    };
-}
-export function replaceAll(str = '', search = '', replacement = '') {
-    return str.replace(new RegExp(search, 'g'), replacement); //[g] ~~ search global
-}

package/dist/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Touch } from './Touch/Touch';
-export { default as Block } from './Touch/Block';
-export { default as Text } from './Text';
-export { default as Icon } from './Icon';
-export { default as Layout } from './Layout';

package/dist/index.js

@@ -1,5 +0,0 @@
-export { default as Touch } from './Touch/Touch';
-export { default as Block } from './Touch/Block';
-export { default as Text } from './Text';
-export { default as Icon } from './Icon';
-export { default as Layout } from './Layout';

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

@@ -1,15 +0,0 @@
-import { RNVectorIcon } from "./index";
-import { FlexStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
-import { MakeProp } from "./makeProps";
-export interface Props extends MakeProp {
-    name: string;
-    size?: number;
-    type?: keyof typeof RNVectorIcon;
-    onPress?: () => void;
-    styleContainer?: StyleProp<ViewStyle>;
-    style?: StyleProp<TextStyle>;
-    alignSelf?: FlexStyle['alignSelf'];
-    disabled?: boolean;
-    activeOpacity?: number;
-    color?: string;
-}

package/dist/src/Icon/PropsStyle.js

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

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

@@ -1,33 +0,0 @@
-import React from "react";
-import Ionicons from "react-native-vector-icons/Ionicons";
-import FontAwesome5 from "react-native-vector-icons/FontAwesome5";
-/**
- * Collection of React Native Vector Icons
- * Provides access to various icon sets from react-native-vector-icons
- */
-export declare const RNVectorIcon: {
-    Ionicons: typeof Ionicons;
-    AntDesign: typeof Ionicons;
-    Entypo: typeof Ionicons;
-    EvilIcons: typeof Ionicons;
-    MaterialIcons: typeof Ionicons;
-    MaterialCommunityIcons: typeof Ionicons;
-    FontAwesome: typeof Ionicons;
-    FontAwesome5: typeof FontAwesome5;
-    SimpleLineIcons: typeof Ionicons;
-    Feather: typeof Ionicons;
-    Octicons: typeof Ionicons;
-    Fontisto: typeof Ionicons;
-};
-export type IconType = keyof typeof RNVectorIcon;
-import { Props } from "./PropsStyle";
-export default class IconApp extends React.PureComponent<Props> {
-    static defaultProps: Props;
-    res: {
-        color: string;
-        style: any;
-        size: number;
-    };
-    constructor(props: Props);
-    render(): React.JSX.Element | null;
-}