@rn-components-dropdown/dropdown 1.0.20 → 1.0.22

package/README.md

@@ -7,8 +7,8 @@ Supports **single** & **multiple selection**, custom icons, styling, and easy in
 # Example
 
 <p align="center">
-  <img src="https://github.com/Daynight-Himmat/react-components/blob/defcdc886a57e41315aff3424f4944104b5b7de8/src/assets/images/single_select.png" width="250" />
-  <img src="https://github.com/Daynight-Himmat/react-components/blob/defcdc886a57e41315aff3424f4944104b5b7de8/src/assets/images/multi_select.png" width="250" />
+  <img src="https://github.com/Daynight-Himmat/react-components/blob/804b400dcdafc96b0a59f451493ea1685e06500f/src/assets/images/signle_selection.png" width="250" />
+  <img src="https://github.com/Daynight-Himmat/react-components/blob/804b400dcdafc96b0a59f451493ea1685e06500f/src/assets/images/multi_selection.png" width="250" />
 </p>
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rn-components-dropdown/dropdown",
-  "version": "1.0.20",
+  "version": "1.0.22",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "repository": {

package/dist/components/dropdown/components/chip/Chip.d.ts

@@ -1,3 +0,0 @@
-import { ChipInterface } from '../../interface/ChipInterface';
-declare const Chip: (props: ChipInterface) => import("react").JSX.Element;
-export default Chip;

package/dist/components/dropdown/components/chip/Chip.js

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_native_1 = require("react-native");
-const ChipStyle_1 = __importDefault(require("./ChipStyle"));
-const AppText_1 = __importDefault(require("../../../text/AppText"));
-const svg_1 = require("../../../../assets/svg");
-const SvgButton_1 = __importDefault(require("../../../svgButton/SvgButton"));
-const Chip = (props) => {
-    const { styles, colors } = (0, ChipStyle_1.default)({ ...props });
-    const { label, onClearPress, textColor, clearIcon } = props;
-    return (<react_native_1.View style={styles.box}>
-      <AppText_1.default size={12} fontFamily={'semiBold'} style={styles.chipText} color={textColor ? textColor : 'gray'}>
-        {label}
-      </AppText_1.default>
-      {clearIcon ? (clearIcon) : (<react_native_1.View style={styles.clearContainer}>
-          <SvgButton_1.default icon={<svg_1.ClearIcon size={8} color={textColor ? colors[textColor] : colors.white}/>} onPress={onClearPress} style={styles.clearIcon}/>
-        </react_native_1.View>)}
-    </react_native_1.View>);
-};
-exports.default = Chip;

package/dist/components/dropdown/components/chip/ChipStyle.d.ts

@@ -1,83 +0,0 @@
-import { ChipInterface } from '../../interface/ChipInterface';
-declare const useChipStyle: (props: ChipInterface) => {
-    styles: {
-        box: {
-            elevation: number;
-            width: "auto";
-            borderRadius: number;
-            flexDirection: "row";
-            alignItems: "center";
-            justifyContent: "center";
-            backgroundColor: string;
-            margin: number;
-            height: number;
-        } | {
-            elevation: number;
-            width: "auto";
-            borderRadius: number;
-            flexDirection: "row";
-            alignItems: "center";
-            justifyContent: "center";
-            backgroundColor: string;
-            shadowRadius?: undefined;
-            shadowOpacity?: undefined;
-            shadowColor?: undefined;
-            shadowOffset?: undefined;
-            margin: number;
-            height: number;
-        } | {
-            elevation: number;
-            width: "auto";
-            borderRadius: number;
-            flexDirection: "row";
-            alignItems: "center";
-            justifyContent: "center";
-            backgroundColor: string;
-            shadowRadius: number;
-            shadowOpacity: number;
-            shadowColor: string;
-            shadowOffset: {
-                width: number;
-                height: number;
-            };
-            margin: number;
-            height: number;
-        };
-        chipText: {
-            paddingLeft: number;
-            fontWeight: "600";
-        };
-        clearContainer: {
-            width: number;
-            height: number;
-            borderWidth: number;
-            borderRadius: number;
-            marginHorizontal: number;
-            alignItems: "center";
-            justifyContent: "center";
-            borderColor: string;
-            backgroundColor: string;
-        };
-        clearIcon: {
-            width: number;
-            height: number;
-            borderRadius: number;
-            alignItems: "center";
-            justifyContent: "center";
-        };
-    };
-    colors: {
-        blue: string;
-        gray: string;
-        error: string;
-        green: string;
-        white: string;
-        black: string;
-        primary: string;
-        lightGray: string;
-        grayishBlue: string;
-        red: string;
-        border: string;
-    };
-};
-export default useChipStyle;

package/dist/components/dropdown/components/chip/ChipStyle.js

@@ -1,62 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const style_1 = require("../../../../style");
-const react_native_1 = require("react-native");
-const useChipStyle = (props) => {
-    const { chipColor, textColor } = props;
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
-            box: {
-                margin: 4,
-                height: 26,
-                ...react_native_1.Platform.select({
-                    android: {
-                        elevation: 5,
-                    },
-                    ios: {
-                        shadowRadius: 1.84,
-                        shadowOpacity: 0.35,
-                        shadowColor: colors.black,
-                        shadowOffset: { width: 0, height: 2 },
-                    },
-                }),
-                elevation: 5,
-                width: 'auto',
-                borderRadius: 30,
-                flexDirection: 'row',
-                alignItems: 'center',
-                justifyContent: 'center',
-                backgroundColor: chipColor ? colors[chipColor] : colors.lightGray,
-            },
-            chipText: {
-                paddingLeft: 10,
-                fontWeight: '600',
-            },
-            clearContainer: {
-                width: 18,
-                height: 18,
-                borderWidth: 2,
-                borderRadius: 100,
-                marginHorizontal: 4,
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderColor: textColor ? colors[textColor] : colors.white,
-                backgroundColor: chipColor ? colors[chipColor] : colors.lightGray,
-            },
-            clearIcon: {
-                width: 12,
-                height: 12,
-                borderRadius: 100,
-                alignItems: 'center',
-                justifyContent: 'center',
-            },
-        });
-    }, [chipColor, colors, textColor]);
-    return {
-        styles,
-        colors,
-    };
-};
-exports.default = useChipStyle;

package/dist/components/dropdown/components/input/TextInput.d.ts

@@ -1,3 +0,0 @@
-import type { CTextInput } from '../../interface/InputProps';
-declare const TextInputComponent: CTextInput;
-export default TextInputComponent;

package/dist/components/dropdown/components/input/TextInput.js

@@ -1,61 +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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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 });
-const TextInputStyle_1 = require("./TextInputStyle");
-const react_1 = __importStar(require("react"));
-const svg_1 = require("../../../../assets/svg");
-const react_native_1 = require("react-native");
-const AppTextInput_1 = __importDefault(require("../../../textInput/AppTextInput"));
-const TextInputComponent = props => {
-    const { value, placeholder = '', placeholderTextColor = '#000', onChangeText = (_value) => { }, searchIcon, } = props;
-    const [searchtext, setSearchText] = (0, react_1.useState)('');
-    const { styles } = (0, TextInputStyle_1.useTextStyle)();
-    (0, react_1.useEffect)(() => {
-        if (value) {
-            setSearchText(value);
-        }
-    }, [value]);
-    const onChange = (text) => {
-        setSearchText(text);
-        onChangeText(text);
-    };
-    return (<react_native_1.TouchableWithoutFeedback>
-      <AppTextInput_1.default {...props} value={searchtext} style={styles.input} onChangeText={onChange} placeholder={placeholder} textStyle={styles.inputContainer} placeholderTextColor={placeholderTextColor} icon={searchIcon ? searchIcon : <svg_1.SearchIcon />}/>
-    </react_native_1.TouchableWithoutFeedback>);
-};
-exports.default = TextInputComponent;

package/dist/components/dropdown/components/input/TextInputStyle.d.ts

@@ -1,32 +0,0 @@
-export declare const useTextStyle: () => {
-    styles: {
-        input: {
-            height: number;
-            width: "95%";
-            fontSize: number;
-            borderWidth: number;
-            borderRadius: number;
-            marginVertical: number;
-            marginHorizontal: number;
-            borderColor: string;
-        };
-        inputContainer: {
-            width: "90%";
-            fontSize: number;
-            color: string;
-        };
-    };
-    colors: {
-        blue: string;
-        gray: string;
-        error: string;
-        green: string;
-        white: string;
-        black: string;
-        primary: string;
-        lightGray: string;
-        grayishBlue: string;
-        red: string;
-        border: string;
-    };
-};

package/dist/components/dropdown/components/input/TextInputStyle.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTextStyle = void 0;
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const style_1 = require("../../../../style");
-const useTextStyle = () => {
-    const { ...colors } = style_1.LIGHT_COLORS;
-    const styles = (0, react_1.useMemo)(() => {
-        return react_native_1.StyleSheet.create({
-            input: {
-                height: 40,
-                width: '95%',
-                fontSize: 16,
-                borderWidth: 1,
-                borderRadius: 3,
-                marginVertical: 10,
-                marginHorizontal: 8,
-                borderColor: colors.border,
-            },
-            inputContainer: {
-                width: '90%',
-                fontSize: 14,
-                color: colors.gray,
-            },
-        });
-    }, [colors]);
-    return {
-        styles,
-        colors,
-    };
-};
-exports.useTextStyle = useTextStyle;