ui-rn 2.0.6 → 2.0.8

package/dist/src/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/src/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<Props & React.RefAttributes<import("react-native").View>>;
-export default Touch;

package/dist/src/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/src/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<ButtonScaleProps & React.RefAttributes<import("react-native").View>>;
-export default Touch;

package/dist/src/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/src/Touch/makeStyle.d.ts

@@ -1,65 +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 ColorModifiers = Partial<Record<keyof typeof COLORS, boolean>>;
-export type MakeProp = Convert<ShortKey> & ColorModifiers;
-export declare const makeStyle: <T>(props: {
-    [key: string]: any;
-}) => ViewStyle;
-export {};

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