react-native-boxes 1.0.17 → 1.0.19

package/src/Image.js

@@ -0,0 +1,79 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIcon = exports.Avatar = exports.Icon = void 0;
+const react_native_1 = require("react-native");
+const FontAwesome_1 = __importDefault(require("@expo/vector-icons/FontAwesome"));
+const react_1 = require("react");
+const ThemeContext_1 = require("./ThemeContext");
+const Box_1 = require("./Box");
+const Text_1 = require("./Text");
+function Icon(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    return (<FontAwesome_1.default {...props} size={props.size || theme.dimens?.icon?.md} color={props.color || theme.colors?.text}/>);
+}
+exports.Icon = Icon;
+/**
+ *
+ * @param props provide one of iconUrl , iconName , iconText
+ * @returns
+ */
+function Avatar(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const view = <Box_1.Center style={[{
+                margin: theme.dimens.space.sm,
+                overflow: 'hidden',
+                borderRadius: 100,
+                width: theme.dimens.icon.xl,
+                height: theme.dimens.icon.xl,
+                borderWidth: theme.dimens.space.xs * 2,
+                borderStyle: 'solid',
+                borderColor: theme.colors.accentLight,
+                backgroundColor: theme.colors.forground,
+            }, props.style]}>
+        <Box_1.Center style={{
+            width: '110%',
+            height: '110%',
+        }}>
+            {(() => {
+            if (props.iconUrl)
+                return (<react_native_1.Image style={{
+                        width: '120%',
+                        height: '120%',
+                    }} source={{
+                        uri: props.iconUrl,
+                    }}/>);
+            if (props.iconName || props.iconNameProps?.name)
+                return (<Icon name={props.iconName || props.iconNameProps?.name} {...props.iconNameProps}/>);
+            if (props.iconText)
+                return (<Text_1.Subtitle style={{
+                        color: props.style?.color || theme.colors.accentLight,
+                    }}>{props.iconText?.substring(0, 2)}</Text_1.Subtitle>);
+        })()}
+        </Box_1.Center>
+    </Box_1.Center>;
+    if (props.onPress)
+        return (<react_native_1.Pressable onPress={() => {
+                if (props.onPress)
+                    props.onPress();
+            }}>
+                {view}
+            </react_native_1.Pressable>);
+    return view;
+}
+exports.Avatar = Avatar;
+function getIcon(input) {
+    if (input == undefined) {
+        return undefined;
+    }
+    if (typeof input == 'string') {
+        return (props) => {
+            return (<Icon {...props} name={props.name || input}/>);
+        };
+    }
+    return input;
+}
+exports.getIcon = getIcon;
+//# sourceMappingURL=Image.js.map

package/src/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["Image.tsx"],"names":[],"mappings":";;;;;;AAAA,+CAA2D;AAC3D,iFAAyD;AACzD,iCAAmC;AACnC,iDAA8C;AAC9C,+BAA+B;AAC/B,iCAAkC;AAOlC,SAAgB,IAAI,CAAC,KAA4B;IAC7C,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,OAAO,CACH,CAAC,qBAAW,CAAC,IAAI,KAAK,CAAC,CACnB,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE,CAAC,CAC3C,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC3C,CACL,CAAA;AACL,CAAC;AARD,oBAQC;AAGD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,KAOtB;IACG,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IACtC,MAAM,IAAI,GAAG,CAAC,YAAM,CAAC,KAAK,CAAC,CAAC,CAAC;gBACzB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;gBAC7B,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,GAAG;gBACjB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC3B,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;gBAC5B,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,GAAG,CAAC;gBACtC,WAAW,EAAE,OAAO;gBACpB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW;gBACrC,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,SAAS;aAC1C,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACZ;QAAA,CAAC,YAAM,CAAC,KAAK,CAAC,CAAC;YACX,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;SACjB,CAAC,CACE;YAAA,CACI,CAAC,GAAG,EAAE;YACF,IAAI,KAAK,CAAC,OAAO;gBACb,OAAO,CACH,CAAC,oBAAK,CACF,KAAK,CAAC,CAAC;wBACH,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;qBACjB,CAAC,CACF,MAAM,CAAC,CAAC;wBACJ,GAAG,EAAE,KAAK,CAAC,OAAO;qBACrB,CAAC,EACJ,CAAC,CAAA;YACX,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,EAAE,IAAI;gBAC3C,OAAO,CACH,CAAC,IAAI,CACD,IAAI,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,aAAa,EAAE,IAAI,CAAC,CAClD,IAAI,KAAK,CAAC,aAAa,CAAC,EAAG,CAClC,CAAA;YACL,IAAI,KAAK,CAAC,QAAQ;gBACd,OAAO,CACH,CAAC,eAAQ,CAAC,KAAK,CAAC,CAAC;wBACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,WAAW;qBACxD,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,eAAQ,CAAC,CAClD,CAAA;QACT,CAAC,CAAC,EACN,CACJ;QAAA,EAAE,YAAM,CACZ;IAAA,EAAE,YAAM,CAAC,CAAA;IACT,IAAI,KAAK,CAAC,OAAO;QACb,OAAO,CACH,CAAC,wBAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE;gBACrB,IAAI,KAAK,CAAC,OAAO;oBACb,KAAK,CAAC,OAAO,EAAE,CAAA;YACvB,CAAC,CAAC,CACE;gBAAA,CAAC,IAAI,CACT;YAAA,EAAE,wBAAS,CAAC,CACf,CAAA;IACL,OAAO,IAAI,CAAA;AACf,CAAC;AA/DD,wBA+DC;AAGD,SAAgB,OAAO,CAAC,KAAU;IAC9B,IAAI,KAAK,IAAI,SAAS,EAAE,CAAC;QACrB,OAAO,SAAS,CAAA;IACpB,CAAC;IACD,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE,CAAC;QAC3B,OAAO,CAAC,KAAgB,EAAE,EAAE;YACxB,OAAO,CACH,CAAC,IAAI,CAAE,IAAI,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,EAAG,CAClD,CAAA;QACL,CAAC,CAAA;IACL,CAAC;IACD,OAAO,KAAK,CAAA;AAChB,CAAC;AAZD,0BAYC"}

package/src/Input.d.ts

@@ -0,0 +1,27 @@
+import { GestureResponderEvent, TextInputProps } from "react-native";
+/**
+ *
+ * @param initialText if you use initialText then you dont need to maintain the 2 way binding between value and setValue, just enjoy props.onChangeText events
+ * @returns
+ */
+export declare function TextInputView(props: TextInputProps & {
+    initialText?: string;
+    pattern?: string;
+}): import("react").JSX.Element;
+/**
+ * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
+ * to the scrollview else the icon click wont work
+ * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
+
+ * @param props
+ * @returns
+ */
+export declare function CompositeTextInputView(props: TextInputProps & {
+    hint?: string;
+    alertText?: string;
+    alertTextColor?: string;
+    pattern?: string;
+    initialText?: string;
+    icon?: 'close' | 'eye' | string | React.Component;
+    onIconPress?: ((event: GestureResponderEvent) => void) | undefined;
+}): import("react").JSX.Element;

package/src/Input.js

@@ -0,0 +1,190 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompositeTextInputView = exports.TextInputView = void 0;
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const ThemeContext_1 = require("./ThemeContext");
+const utils_1 = require("./utils");
+const Box_1 = require("./Box");
+const Text_1 = require("./Text");
+const Image_1 = require("./Image");
+/**
+ *
+ * @param initialText if you use initialText then you dont need to maintain the 2 way binding between value and setValue, just enjoy props.onChangeText events
+ * @returns
+ */
+function TextInputView(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const [text, setText] = (0, react_1.useState)(props.initialText);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    function onTextChange(newText) {
+        setText(newText);
+        props.onChangeText && props.onChangeText(newText);
+    }
+    return (<react_native_1.TextInput {...props} onFocus={(e) => {
+            setFocused(true);
+            props.onFocus && props.onFocus(e);
+        }} onBlur={(e) => {
+            setFocused(false);
+            props.onBlur && props.onBlur(e);
+        }} value={props.value || text} onChangeText={(newText) => {
+            if (props.pattern) {
+                const re = new RegExp(props.pattern);
+                if (newText === "" || re.test(newText)) {
+                    onTextChange(newText);
+                }
+            }
+            else {
+                onTextChange(newText);
+            }
+        }} style={[{
+                color: theme.colors.text,
+                textAlignVertical: "top",
+                width: 'auto',
+                fontSize: theme.dimens.font.md,
+                fontFamily: theme.fonts.Regular,
+                padding: theme.dimens.space.md,
+                paddingStart: theme.dimens.space.md,
+                paddingBottom: (0, utils_1.isWeb)() ? theme.dimens.space.md : theme.dimens.space.sm / 2,
+                margin: theme.dimens.space.sm,
+                borderWidth: focused ? 1.5 : 1.5,
+                borderRadius: theme.dimens.space.sm,
+                borderColor: !focused ? theme.colors.caption : theme.colors.accent
+            }, (0, utils_1.isWeb)() ? {
+                //@ts-ignore
+                outline: 'none',
+            } : {},
+            props.style]}/>);
+}
+exports.TextInputView = TextInputView;
+/**
+ * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
+ * to the scrollview else the icon click wont work
+ * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
+
+ * @param props
+ * @returns
+ */
+function CompositeTextInputView(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const [text, setText] = (0, react_1.useState)(props.initialText);
+    const [alerttext, setAlertText] = (0, react_1.useState)(props.alertText);
+    const [focused, setFocused] = (0, react_1.useState)(false);
+    function onTextChange(newText) {
+        setText(newText);
+        props.onChangeText && props.onChangeText(newText);
+    }
+    const fontStyles = (0, utils_1.assignFields)({}, props.style, [
+        "returnKeyType",
+        "keyboardType",
+        "textContentType",
+        "multiline",
+        "fontFamily",
+        "fontSize",
+        "fontWeight",
+        "fontVariant",
+        "color",
+        "inputMode"
+    ]);
+    var hintVisible = false;
+    if (props.placeholder && props.placeholder.length > 0 && focused) {
+        hintVisible = true;
+    }
+    if (!focused && text && text.length > 0) {
+        hintVisible = true;
+    }
+    if (!props.placeholder) {
+        hintVisible = false;
+    }
+    // (focused || ((text ||
+    //     props.value == undefined ? props.placeholder : props.value || ''
+    // )?.length || 0) > 0)
+    // if (!hintVisible && props.placeholder != undefined && props.placeholder?.length > 0 && text != undefined && text?.length > 0) {
+    //     hintVisible = false
+    // }
+    const alertVisible = alerttext && alerttext.length;
+    (0, react_1.useEffect)(() => {
+        setText(props.value);
+    }, [props.value]);
+    (0, react_1.useEffect)(() => {
+        setAlertText(props.alertText);
+    }, [props.alertText]);
+    //@ts-ignore
+    const IconComponent = typeof props.icon == 'string' ? (<Image_1.Icon color={!focused ? theme.colors.caption : theme.colors.accent} style={{
+            minWidth: (0, utils_1.isWeb)() ? theme.dimens.icon.lg : theme.dimens.icon.sm,
+            padding: theme.dimens.space.sm / 2,
+        }} name={props.icon}/>) : props.icon;
+    return (<Box_1.HBox style={[{
+                paddingEnd: theme.dimens.space.md,
+                justifyContent: 'space-between',
+                alignItems: 'center',
+                padding: 0,
+                paddingStart: theme.dimens.space.sm * 1.5,
+                margin: theme.dimens.space.sm,
+                borderWidth: 1.5,
+                borderRadius: theme.dimens.space.sm,
+                borderColor: !focused ? theme.colors.caption : theme.colors.accent,
+            }, (!hintVisible && !alertVisible) ? {
+                paddingTop: theme.dimens.space.sm,
+                paddingBottom: theme.dimens.space.sm
+            } : {}, props.style]}>
+
+
+            <Box_1.VBox style={[{
+                flex: 1,
+                paddingBottom: alertVisible ? 0 : theme.dimens.space.sm
+            }, hintVisible ? {} : {
+                paddingTop: theme.dimens.space.sm
+            }]}>
+                {hintVisible && <Text_1.TextView style={{
+                padding: 0,
+                margin: 0,
+                fontSize: theme.dimens.font.sm,
+                color: !focused ? theme.colors.caption : theme.colors.accent,
+            }}>{props.placeholder}</Text_1.TextView>}
+                <react_native_1.TextInput selectionColor={props.selectionColor || theme.colors.accent} secureTextEntry={props.secureTextEntry} placeholderTextColor={theme.colors.caption} placeholder={hintVisible ? '' : theme.i18n?.t(props.placeholder) || props.placeholder} keyboardType={props.keyboardType} returnKeyType={props.returnKeyType || 'default'} onFocus={(e) => {
+            setFocused(true);
+            props.onFocus && props.onFocus(e);
+        }} onBlur={(e) => {
+            setFocused(false);
+            props.onBlur && props.onBlur(e);
+        }} value={props.value || text} onChangeText={(newText) => {
+            if (props.pattern) {
+                const re = new RegExp(props.pattern);
+                if (newText === "" || re.test(newText)) {
+                    onTextChange(newText);
+                }
+            }
+            else {
+                onTextChange(newText);
+            }
+        }} style={[{
+                color: theme.colors.text,
+                fontSize: theme.dimens.font.md,
+                fontFamily: theme.fonts.Regular,
+            }, (0, utils_1.isWeb)() ? {
+                //@ts-ignore
+                outline: 'none',
+            } : {}, fontStyles]}/>
+                {alertVisible && <Text_1.TextView style={{
+                color: props.alertTextColor || theme.colors.critical,
+                padding: 0,
+                margin: 0,
+                paddingBottom: theme.dimens.space.sm,
+                fontSize: theme.dimens.font.sm,
+            }}>{alerttext}</Text_1.TextView>}
+            </Box_1.VBox>
+            {props.icon != undefined &&
+            <react_native_1.TouchableOpacity onPress={(e) => {
+                    if (!props.onIconPress && props.icon == 'close') {
+                        onTextChange('');
+                    }
+                    props.onIconPress && props.onIconPress(e);
+                }}>
+                    {(IconComponent)}
+                </react_native_1.TouchableOpacity>}
+
+        </Box_1.HBox>);
+}
+exports.CompositeTextInputView = CompositeTextInputView;
+//# sourceMappingURL=Input.js.map

package/src/Input.js.map

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

package/src/Message.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { ViewProps } from "react-native";
+export declare function AlertMessage(props: ViewProps & {
+    text: string;
+    type?: 'info' | 'success' | 'warning' | 'critical';
+    onDismiss?: Function;
+}): React.JSX.Element | undefined;

package/src/Message.js

@@ -0,0 +1,97 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AlertMessage = void 0;
+const Box_1 = require("./Box");
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const ThemeContext_1 = require("./ThemeContext");
+const FontAwesome_1 = __importDefault(require("@expo/vector-icons/FontAwesome"));
+const react_native_1 = require("react-native");
+const Text_1 = require("./Text");
+function AlertMessage(props) {
+    const theme = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
+    const type = props.type || 'info';
+    //@ts-ignore
+    let icon = {
+        'info': 'info-circle',
+        'success': 'check-circle',
+        'warning': 'info-circle',
+        'critical': 'warning'
+    }[type];
+    let color = {
+        'info': '#2196F3',
+        'success': '#4CAF50',
+        'warning': '#FFC107',
+        'critical': '#F44336'
+    }[type];
+    if (!props.text || props.text.length < 1) {
+        return undefined;
+    }
+    return (<Box_1.HBox style={[{
+                flex: 1,
+                margin: theme.dimens.space.sm,
+                backgroundColor: theme.colors[type] || color,
+                alignItems: 'center',
+                justifyContent: 'space-between',
+                flexDirection: 'row',
+                paddingStart: theme.dimens.space.md,
+                paddingEnd: theme.dimens.space.md,
+                paddingBottom: props.text.length > 40 && react_native_1.Platform.OS == 'web' ?
+                    theme.dimens.space.lg : theme.dimens.space.md,
+                paddingTop: props.text.length > 40 && react_native_1.Platform.OS == 'web' ?
+                    theme.dimens.space.lg : theme.dimens.space.md,
+                borderRadius: theme.dimens.space.sm,
+            }, props.style]}>
+
+            <Box_1.HBox style={{
+            flex: 0.93,
+            alignItems: 'center',
+        }}>
+                <FontAwesome_1.default style={{
+            marginRight: theme.dimens.space.md
+        }} name={icon} size={theme.dimens.icon.md} color={theme.colors.invert.text}/>
+                <Text_1.TextView style={{
+            flexShrink: 1,
+            padding: 0,
+            color: theme.colors.invert.text,
+        }}>{props.text}
+                </Text_1.TextView>
+            </Box_1.HBox>
+            {props.onDismiss && <react_native_1.Pressable style={{
+                flexDirection: 'row-reverse',
+                flex: 0.06,
+            }} onPress={() => {
+                props.onDismiss && props.onDismiss();
+            }}>
+                    <FontAwesome_1.default name={'close'} size={theme.dimens.icon.md} color={theme.colors.invert.text}/>
+                </react_native_1.Pressable>}
+        </Box_1.HBox>);
+}
+exports.AlertMessage = AlertMessage;
+//# sourceMappingURL=Message.js.map

package/src/Message.js.map

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

package/src/Modal.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { StyleProp, TextStyle, ViewProps } from 'react-native';
+import { IconProps } from './Image';
+export type BottomSheetProps = {
+    visible: boolean;
+    title?: string | React.Component;
+    cancellable?: boolean;
+    children: any;
+    onDismiss?: Function;
+};
+export declare const BottomSheet: (props: BottomSheetProps) => React.JSX.Element;
+export declare function Expand(props: ViewProps & {
+    title?: string;
+    iconName?: string;
+    iconPosition?: 'left' | 'right';
+    titleStyle?: StyleProp<TextStyle>;
+    titleBackgroundColor?: string;
+    iconStyle?: IconProps;
+    initialExpand?: boolean;
+    duration?: number;
+    onChange?: (isExpanded: boolean) => void;
+}): React.JSX.Element;