rn-vs-lb 1.0.28 → 1.0.30

package/dist/components/footer/Footer.js

@@ -1,96 +1,20 @@
 "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.BottomTab = exports.LbTypes = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var react_native_1 = require("react-native");
-var theme_1 = require("../../constants/theme");
-var Octicons_1 = __importDefault(require("react-native-vector-icons/Octicons"));
-var Ionicons_1 = __importDefault(require("react-native-vector-icons/Ionicons"));
-var MaterialIcons_1 = __importDefault(require("react-native-vector-icons/MaterialIcons"));
-var LbTypes;
-(function (LbTypes) {
-    LbTypes["OCTICONS"] = "Octicons";
-    LbTypes["IONICONS"] = "Ionicons";
-    LbTypes["MATERIALICONS"] = "MaterialIcons";
-})(LbTypes || (exports.LbTypes = LbTypes = {}));
-var tabs = [
-    { name: 'Search', iconName: "search", size: 22, lb: LbTypes.OCTICONS, route: 'SearchScreen' },
-    { name: 'Organizations', iconName: "organization", size: 22, lb: LbTypes.OCTICONS, route: 'OrganizationScreen' },
-    { name: 'Persons', iconName: "person-search", size: 29, lb: LbTypes.MATERIALICONS, route: 'ProfilesScreen' },
-    { name: 'Chat', iconName: "chatbubbles-sharp", size: 24, lb: LbTypes.IONICONS, route: 'ChatScreen' },
-    { name: 'Profile', iconName: "person", size: 23, lb: LbTypes.OCTICONS, route: 'ProfileScreen' },
-];
-var renderIcon = function (tab) {
-    switch (tab.lb) {
-        case LbTypes.OCTICONS:
-            return react_1.default.createElement(Octicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
-        case LbTypes.IONICONS:
-            return react_1.default.createElement(Ionicons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
-        case LbTypes.MATERIALICONS:
-            return react_1.default.createElement(MaterialIcons_1.default, { name: tab.iconName, size: tab.size, color: "#475A77" });
-        default:
-            return null;
-    }
-};
 var BottomTab = function (_a) {
-    var onTabPress = _a.onTabPress;
-    var _b = (0, react_1.useState)(0), activeTab = _b[0], setActiveTab = _b[1];
-    var tabWidth = theme_1.SIZES.width;
-    var tabW = tabWidth < theme_1.SIZES.container ? tabWidth / 5 : theme_1.SIZES.container / 5;
-    var circlePosition = (0, react_1.useRef)(new react_native_1.Animated.Value(tabWidth < theme_1.SIZES.container ? tabWidth / 2.5 : theme_1.SIZES.container / 2.5)).current;
-    (0, react_1.useEffect)(function () {
-        react_native_1.Animated.spring(circlePosition, {
-            toValue: activeTab * tabW,
-            useNativeDriver: true,
-        }).start();
-    }, [activeTab]);
-    var handleTabPress = function (index, route) {
-        setActiveTab(index);
-        onTabPress(route); // Вызов коллбека при нажатии
-    };
-    return (react_1.default.createElement(react_native_1.View, { style: styles.tabContainer },
-        react_1.default.createElement(react_native_1.Animated.View, { style: [
-                styles.circle,
-                {
-                    width: tabW,
-                    transform: [{ translateX: circlePosition }],
-                },
-            ] },
-            react_1.default.createElement(react_native_1.View, { style: styles.circleInner })),
-        tabs.map(function (tab, index) { return (react_1.default.createElement(react_native_1.TouchableOpacity, { key: index, activeOpacity: 0.8, onPress: function () { return handleTabPress(index, tab.route); }, style: styles.tabButton }, renderIcon(tab))); })));
+    var tabs = _a.tabs;
+    return (react_1.default.createElement(react_native_1.View, { style: styles.tabContainer }, tabs.map(function (tab, index) { return (react_1.default.createElement(react_native_1.TouchableOpacity, { key: index, onPress: tab.onPress, style: [styles.tabButton, tab.isActive && styles.tabButtonActive] },
+        react_1.default.createElement(react_native_1.Text, null, tab.label))); })));
 };
-exports.BottomTab = BottomTab;
 var styles = react_native_1.StyleSheet.create({
     tabContainer: {
         flexDirection: 'row',
         height: 60,
-        backgroundColor: theme_1.COLORS.card,
+        backgroundColor: '#f0f0f0',
         alignItems: 'center',
     },
     tabButton: {
@@ -98,17 +22,8 @@ var styles = react_native_1.StyleSheet.create({
         alignItems: 'center',
         justifyContent: 'center',
     },
-    circle: {
-        position: 'absolute',
-        height: '100%',
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    circleInner: {
-        height: 40,
-        width: 40,
-        borderRadius: 20,
-        backgroundColor: theme_1.COLORS.primary,
-        opacity: 0.15,
+    tabButtonActive: {
+        backgroundColor: '#ddd',
     },
 });
+exports.default = BottomTab;

package/dist/components/footer/index.js

@@ -1,5 +1,8 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BottomTab = void 0;
 var Footer_1 = require("./Footer");
-Object.defineProperty(exports, "BottomTab", { enumerable: true, get: function () { return Footer_1.BottomTab; } });
+Object.defineProperty(exports, "BottomTab", { enumerable: true, get: function () { return __importDefault(Footer_1).default; } });

package/dist/types/components/footer/Footer.d.ts

@@ -1,19 +1,12 @@
 import React from 'react';
-export declare enum LbTypes {
-    OCTICONS = "Octicons",
-    IONICONS = "Ionicons",
-    MATERIALICONS = "MaterialIcons"
-}
-export interface Tab {
-    name: string;
-    iconName: string;
-    size: number;
-    lb: LbTypes;
-    route: string;
+interface Tab {
+    key: string;
+    label: string;
+    isActive: boolean;
+    onPress: () => void;
 }
 interface BottomTabProps {
     tabs: Tab[];
-    onTabPress: (route: string) => void;
 }
-export declare const BottomTab: React.FC<BottomTabProps>;
-export {};
+declare const BottomTab: React.FC<BottomTabProps>;
+export default BottomTab;

package/dist/types/components/footer/index.d.ts

@@ -1 +1 @@
-export { BottomTab } from "./Footer";
+export { default as BottomTab } from "./Footer";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-vs-lb",
-  "version": "1.0.28",
+  "version": "1.0.30",
   "main": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "scripts": {