react-native-boxes 1.3.16 → 1.3.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.3.16",
+  "version": "1.3.18",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/Button.tsx

@@ -48,7 +48,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
                 alignContent: 'center',
                 alignItems: 'center',
                 padding: theme.dimens.space.md,
-                borderRadius: theme.dimens.space.xl,
+                borderRadius: theme.dimens.space.md,
                 margin: theme.dimens.space.sm,
                 backgroundColor: theme.colors.transparent,
             }, props.style]}>
@@ -116,7 +116,7 @@ export function ButtonView(props: ButtonViewProps) {
                 alignContent: 'center',
                 alignItems: 'center',
                 padding: theme.dimens.space.md,
-                borderRadius: theme.dimens.space.xl,
+                borderRadius: theme.dimens.space.md,
                 margin: theme.dimens.space.sm,
                 backgroundColor: theme.colors.accent,
             }, props.style]}>
@@ -150,7 +150,7 @@ export function ButtonView(props: ButtonViewProps) {
                             //@ts-ignore
                             fontSize: tstyle.fontSize || theme.dimens.font.md,
                             //@ts-ignore
-                            fontFamily: tstyle.fontFamily || theme.fonts.Regular,
+                            fontFamily: tstyle.fontFamily || theme.fonts.Bold,
                             //@ts-ignore
                             color: tstyle.color || theme.colors.invert.text,
                         }, props.textStyle]}>
@@ -190,7 +190,7 @@ export function RightIconButton(props: ButtonViewProps) {
                 alignContent: 'center',
                 alignItems: 'center',
                 padding: theme.dimens.space.md,
-                borderRadius: theme.dimens.space.xl,
+                borderRadius: theme.dimens.space.md,
                 margin: theme.dimens.space.sm,
                 backgroundColor: theme.colors.accent,
             }, props.style]}>

package/src/Input.tsx

@@ -35,7 +35,7 @@ export function TextInputView(props: TextInputProps & {
                 setFocused(false)
                 props.onBlur && props.onBlur(e)
             }}
-            value={props.value || text}
+            value={props.value || text || ''}
             onChangeText={(newText) => {
                 if (props.pattern) {
                     const re = new RegExp(props.pattern);
@@ -68,16 +68,7 @@ export function TextInputView(props: TextInputProps & {
     )
 }
 
-export type CompositeTextInputViewProps = TextInputProps & {
-    hint?: string,
-    alertText?: string,
-    alertTextColor?: string,
-    pattern?: string,
-    initialText?: string,
-    icon?: 'close' | 'eye' | string | React.Component,
-    _textInputProps?: TextInputProps,
-    onIconPress?: ((event: GestureResponderEvent) => void) | undefined
-}
+
 /**
  * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
  * to the scrollview else the icon click wont work
@@ -86,7 +77,16 @@ export type CompositeTextInputViewProps = TextInputProps & {
  * @param props 
  * @returns 
  */
-export function CompositeTextInputView(props: CompositeTextInputViewProps) {
+export function CompositeTextInputView(props: TextInputProps & {
+    hint?: string,
+    alertText?: string,
+    alertTextColor?: string,
+    pattern?: string,
+    initialText?: string,
+    leftIcon?: 'edit' | string | React.Component,
+    icon?: 'close' | 'eye' | string | React.Component,
+    onIconPress?: ((event: GestureResponderEvent) => void) | undefined
+}) {
     const theme = useContext(ThemeContext)
     const [text, setText] = useState(props.initialText)
     const [alerttext, setAlertText] = useState(props.alertText)
@@ -142,6 +142,16 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
             }} name={props.icon} />
     ) : props.icon
 
+    //@ts-ignore
+    const LeftIconComponent: ReactNode = typeof props.leftIcon == 'string' ? (
+        <Icon
+            color={!focused ? theme.colors.caption : theme.colors.accent}
+            style={{
+                minWidth: isWeb() ? theme.dimens.icon.lg : theme.dimens.icon.sm,
+                padding: theme.dimens.space.sm / 2,
+            }} name={props.leftIcon} />
+    ) : props.leftIcon
+
     return (
         <HBox style={[{
             paddingEnd: theme.dimens.space.md,
@@ -160,7 +170,9 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
 
         }, props.style]}>
 
-
+            {
+                props.leftIcon != undefined && LeftIconComponent
+            }
             <VBox style={[{
                 flex: 1,
                 paddingBottom: alertVisible ? 0 : theme.dimens.space.sm
@@ -176,13 +188,12 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
                         color: !focused ? theme.colors.caption : theme.colors.accent,
 
                     }}
-                >{props.placeholder}</TextView>}
+                >{props.placeholder || ''}</TextView>}
                 <TextInput
-                    {...props._textInputProps}
                     selectionColor={props.selectionColor || theme.colors.accent}
                     secureTextEntry={props.secureTextEntry}
                     placeholderTextColor={theme.colors.caption}
-                    placeholder={hintVisible ? '' : theme.i18n?.t(props.placeholder) || props.placeholder}
+                    placeholder={hintVisible ? '' : theme.i18n?.t(props.placeholder) || props.placeholder || ''}
                     keyboardType={props.keyboardType}
                     returnKeyType={props.returnKeyType || 'default'}
                     onFocus={(e) => {
@@ -193,7 +204,7 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
                         setFocused(false)
                         props.onBlur && props.onBlur(e)
                     }}
-                    value={props.value || text}
+                    value={props.value || text || ''}
                     onChangeText={(newText) => {
                         if (props.pattern) {
                             const re = new RegExp(props.pattern);
@@ -213,7 +224,7 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
                         outline: 'none',
                     } : {
 
-                    }, fontStyles, props._textInputProps?.style]}
+                    }, fontStyles]}
                 />
                 {
                     alertVisible && <TextView

package/sample-app/babel.config.js

@@ -1,6 +0,0 @@
-module.exports = function(api) {
-  api.cache(true);
-  return {
-    presets: ['babel-preset-expo'],
-  };
-};

package/src/Bar.d.ts

@@ -1,29 +0,0 @@
-import { TextStyle, ViewProps } from "react-native";
-import * as React from 'react';
-import { Icon } from "./Image";
-export interface Option {
-    id: string;
-    title?: string;
-    icon?: string | any;
-    onClick?: (id: string) => void;
-}
-export interface SimpleToolbarProps extends ViewProps {
-    title?: String;
-    hideStatusBar?: boolean;
-    backgroundColor?: string;
-    statusbarBackgroundColor?: string;
-    forgroundColor?: string;
-    homeIcon?: string | typeof Icon;
-    onHomePress?: () => void;
-    textStyle?: TextStyle;
-    options?: Option[];
-}
-export declare const SimpleToolbarHeight = 40;
-export declare function SimpleToolbar(props: SimpleToolbarProps): React.JSX.Element;
-export declare function TransparentCenterToolbar(props: SimpleToolbarProps): React.JSX.Element;
-export declare function BottomNavBar(props: ViewProps & {
-    options: Option[];
-    selectedId: string;
-    onSelect: (id: string) => void;
-    onDimens?: (width: number, height: number) => void;
-}): React.JSX.Element | null;

package/src/Bar.js

@@ -1,178 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BottomNavBar = exports.TransparentCenterToolbar = exports.SimpleToolbar = exports.SimpleToolbarHeight = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const ThemeContext_1 = require("./ThemeContext");
-const React = __importStar(require("react"));
-const Box_1 = require("./Box");
-const Text_1 = require("./Text");
-const Image_1 = require("./Image");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const Button_1 = require("./Button");
-const utils_1 = require("./utils");
-exports.SimpleToolbarHeight = 40;
-function SimpleToolbar(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    var HomeIcon = (0, Image_1.getIcon)(props.homeIcon);
-    let insets;
-    try {
-        insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    }
-    catch (e) {
-        if (!theme.insets)
-            console.warn('Unable to useSafeAreaInsets. Please set theme.insets =  useSafeAreaInsets(). ' + e.message);
-        insets = theme.insets || theme.styles.safeAreaInset;
-    }
-    return (<Box_1.HBox style={[(0, utils_1.isWeb)() ? {
-                paddingTop: theme.dimens.space.lg,
-                paddingBottom: theme.dimens.space.lg,
-                backgroundColor: props.backgroundColor || theme.colors.accent,
-                minHeight: exports.SimpleToolbarHeight * ((0, utils_1.isDesktop)() ? 1.3 : 1.25),
-            } : {
-                paddingTop: insets.top,
-                paddingBottom: theme.dimens.space.lg,
-                backgroundColor: props.backgroundColor || theme.colors.accent,
-                minHeight: exports.SimpleToolbarHeight,
-            }, props.style]}>
-            {!props.hideStatusBar && <react_native_1.StatusBar animated={true} backgroundColor={props.statusbarBackgroundColor || props.backgroundColor || theme.colors.accent}/>}
-            <Box_1.HBox style={{
-            left: 0,
-            paddingStart: HomeIcon ? 0 : theme.dimens.space.sm,
-            justifyContent: HomeIcon ? 'center' : 'flex-start',
-            alignSelf: 'center',
-            position: 'absolute',
-            width: '100%',
-        }}>
-                <Text_1.TextView style={[{
-                fontWeight: 'bold',
-                color: props.forgroundColor || theme.colors.invert.text
-            }, props.textStyle]}>
-                    {props.title}
-                </Text_1.TextView>
-            </Box_1.HBox>
-
-            <Box_1.HBox style={{
-            paddingLeft: theme.dimens.space.md,
-            alignSelf: 'center',
-            alignContent: 'center',
-            position: 'absolute',
-            justifyContent: 'space-between',
-            width: '99.9%',
-        }}>
-                <Box_1.Center style={{
-            paddingLeft: theme.dimens.space.sm,
-            margin: 0,
-        }}>
-                    <Button_1.PressableView onPress={() => {
-            props.onHomePress && props.onHomePress();
-        }}>
-                        {HomeIcon && <HomeIcon color={props.forgroundColor || theme.colors.invert.text}/>}
-                    </Button_1.PressableView>
-                </Box_1.Center>
-                <Box_1.HBox style={{
-            alignItems: 'center',
-            marginRight: (0, utils_1.isWeb)() ? theme.dimens.space.sm : theme.dimens.space.md
-        }}>
-                    {props.options?.map((opt) => {
-            let ActionIcon = (0, Image_1.getIcon)(opt.icon);
-            let title = opt.title || opt.id;
-            return (<Button_1.PressableView style={{
-                    paddingStart: theme.dimens.space.md
-                }} key={opt.id} accessibilityHint={title} onPress={() => {
-                    opt.onClick && opt.onClick(opt.id);
-                }}>
-                                    <ActionIcon color={props.forgroundColor || theme.colors.invert.text} style={{
-                    paddingLeft: theme.dimens.space.sm
-                }}/>
-                                </Button_1.PressableView>);
-        })}
-                </Box_1.HBox>
-            </Box_1.HBox>
-        </Box_1.HBox>);
-}
-exports.SimpleToolbar = SimpleToolbar;
-function TransparentCenterToolbar(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<SimpleToolbar style={[{
-                width: '100%'
-            }, props.style]} textStyle={{
-            color: theme.colors.text
-        }} homeIcon="" title={props.title} backgroundColor={theme.colors.transparent} {...props}/>);
-}
-exports.TransparentCenterToolbar = TransparentCenterToolbar;
-function BottomNavBar(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    const onDimens = props.onDimens;
-    const hasText = props.options?.find((op) => {
-        return op.title != undefined;
-    });
-    function getItem(op) {
-        const color = props.selectedId == op.id ? theme.colors.accent : theme.colors.text;
-        const ItemIcon = (0, Image_1.getIcon)(op.icon);
-        const title = op.title || (hasText ? op.id : undefined);
-        return (<Button_1.PressableView style={{
-                paddingTop: theme.dimens.space.sm
-            }} key={op.id} onPress={() => {
-                op.onClick && op.onClick(op.id);
-                props.onSelect(op.id);
-            }}>
-                <Box_1.Center>
-                    {op.icon && <ItemIcon color={color}/>}
-                    {title &&
-                <Text_1.TextView style={{
-                        fontSize: theme.dimens.font.sm,
-                        color: color
-                    }}>{title}</Text_1.TextView>}
-                </Box_1.Center>
-            </Button_1.PressableView>);
-    }
-    if (!props.options || props.options?.length == 0) {
-        return null;
-    }
-    return (<Box_1.HBox onLayout={(event) => {
-            const { width, height } = event.nativeEvent.layout;
-            onDimens && onDimens(width, height);
-        }} {...props} style={[{
-                marginBottom: theme?.insets?.bottom || 0,
-                padding: theme.dimens.space.md,
-                paddingTop: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
-                paddingBottom: !hasText ? theme.dimens.space.lg : theme.dimens.space.md,
-                backgroundColor: theme.colors.forground,
-                zIndex: 100,
-                width: '100%',
-                justifyContent: 'space-around',
-                left: 0,
-                bottom: 0,
-                position: 'absolute'
-            }, props.style]}>
-            {props.options?.map(op => {
-            return getItem(op);
-        })}
-        </Box_1.HBox>);
-}
-exports.BottomNavBar = BottomNavBar;
-//# sourceMappingURL=Bar.js.map

package/src/Bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Bar.js","sourceRoot":"","sources":["Bar.tsx"],"names":[],"mappings":"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"}

package/src/Box.d.ts

@@ -1,15 +0,0 @@
-import { ScrollViewProps, ViewProps } from "react-native";
-import * as React from 'react';
-export declare function Box(props: ViewProps): React.JSX.Element;
-export declare function VBox(props: ViewProps): React.JSX.Element;
-export declare function HBox(props: ViewProps): React.JSX.Element;
-export declare function Center(props: ViewProps): React.JSX.Element;
-export declare function VPage(props: ViewProps): React.JSX.Element;
-/**
- * Must be wrapped with SafeAreaView somewhere in parent tree
- * @param param0
- * @returns
- */
-declare const KeyboardAvoidingScrollView: React.FC<ScrollViewProps>;
-export default KeyboardAvoidingScrollView;
-export declare function CardView(props: ViewProps): React.JSX.Element;

package/src/Box.js

@@ -1,123 +0,0 @@
-"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 (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardView = exports.VPage = exports.Center = exports.HBox = exports.VBox = exports.Box = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const ThemeContext_1 = require("./ThemeContext");
-const React = __importStar(require("react"));
-const react_native_2 = require("react-native");
-const react_native_safe_area_context_1 = require("react-native-safe-area-context");
-const utils_1 = require("./utils");
-function Box(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<react_native_1.View {...props} style={[
-            {
-                padding: theme.dimens.space.xs,
-                backgroundColor: theme.randomColor() || 'transparent'
-            },
-            props.style
-        ]}/>);
-}
-exports.Box = Box;
-function VBox(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<Box {...props} style={[
-            {
-                flexDirection: 'column',
-                backgroundColor: theme.randomColor() || 'transparent'
-            },
-            props.style
-        ]}/>);
-}
-exports.VBox = VBox;
-function HBox(props) {
-    return (<VBox {...props} style={[
-            {
-                flexDirection: 'row',
-            },
-            props.style
-        ]}/>);
-}
-exports.HBox = HBox;
-function Center(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<Box {...props} style={[{
-                alignItems: 'center',
-                justifyContent: 'center',
-                backgroundColor: theme.randomColor() || 'transparent'
-            },
-            props.style]}/>);
-}
-exports.Center = Center;
-function VPage(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<VBox {...props} style={[
-            {
-                width: '100%',
-                height: '100%',
-                padding: 0,
-                margin: 0,
-                backgroundColor: theme.colors.background,
-            },
-            props.style
-        ]}/>);
-}
-exports.VPage = VPage;
-/**
- * Must be wrapped with SafeAreaView somewhere in parent tree
- * @param param0
- * @returns
- */
-const KeyboardAvoidingScrollView = (props) => {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    let insets;
-    try {
-        insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
-    }
-    catch (e) {
-        if (!theme.insets)
-            console.warn('Unable to useSafeAreaInsets. Please set theme.insets =  useSafeAreaInsets(). ' + e.message);
-        insets = theme.insets || theme.styles.safeAreaInset;
-    }
-    if ((0, utils_1.isWeb)()) {
-        return <react_native_2.ScrollView showsVerticalScrollIndicator={false} {...props}/>;
-    }
-    return (<react_native_2.KeyboardAvoidingView style={props.style} behavior="padding" enabled keyboardVerticalOffset={insets.top}>
-            <react_native_2.ScrollView showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} {...props}/>
-        </react_native_2.KeyboardAvoidingView>);
-};
-exports.default = KeyboardAvoidingScrollView;
-function CardView(props) {
-    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
-    return (<VBox {...props} style={[{
-                padding: theme.dimens.space.md,
-                borderRadius: theme.dimens.space.md,
-                backgroundColor: theme.colors.forground,
-                margin: theme.dimens.space.md
-            }, props.style]}/>);
-}
-exports.CardView = CardView;
-//# sourceMappingURL=Box.js.map

package/src/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sourceRoot":"","sources":["Box.tsx"],"names":[],"mappings":"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"}

package/src/Button.d.ts

@@ -1,22 +0,0 @@
-import { TextProps, TouchableHighlightProps, PressableProps, TextStyle, SwitchProps } from "react-native";
-export type ButtonViewProps = TextProps & TouchableHighlightProps & {
-    icon?: any;
-    text?: string;
-    textStyle?: TextStyle;
-    children?: any;
-};
-export declare function TertiaryButtonView(props: ButtonViewProps): import("react").JSX.Element;
-export declare function TransparentButton(props: TextProps & TouchableHighlightProps & {
-    icon?: any;
-    text?: string;
-}): import("react").JSX.Element;
-export declare function ButtonView(props: ButtonViewProps): import("react").JSX.Element;
-export declare function RightIconButton(props: ButtonViewProps): import("react").JSX.Element;
-export declare function LoadingButton(props: TextProps & TouchableHighlightProps & {
-    loading: boolean;
-    icon?: any;
-    text?: string;
-    loaderStyle?: 'normal' | 'transparent';
-}): import("react").JSX.Element;
-export declare function PressableView(props: PressableProps): import("react").JSX.Element;
-export declare function SwitchView(props: SwitchProps): import("react").JSX.Element;