@beppla/tapas-ui 1.0.65 → 1.0.67

package/typescript/index.d.ts

@@ -0,0 +1,105 @@
+export { default as TapasButton } from "./Button/Button";
+export { default as TapasButtonGroup } from "./Button/ButtonGroup";
+export { default as TapasText } from "./Text/Text";
+export { default as TapasInput } from "./Input/Input";
+export { default as TapasNumericInput } from "./NumericInput/NumericInput";
+export { default as TapasCheckBox } from "./CheckBox/CheckBox";
+export { default as TapasCheckBoxItem } from "./CheckBox/CheckBoxItem";
+export { default as TapasGroupCheckBox } from "./CheckBox/GroupCheckBox";
+export { default as TapasRadioButton } from "./RadioButton/RadioButton";
+export { default as TapasTag } from "./Tag/Tag";
+export { default as TapasStatus } from "./Status/Status";
+export { default as TapasProgress } from "./Progress/Progress";
+export { default as TapasCircularProgress } from "./CircularProgress/CircularProgress";
+export { default as TapasSteps } from "./Steps/Steps";
+export { default as TapasTimeline } from "./Timeline/Timeline";
+export { default as TapasTask } from "./Task/Task";
+export { default as TapasListItem } from "./ListItem/ListItem";
+export { default as TapasSheetTitle } from "./SheetTitle/SheetTitle";
+export { default as TapasOverlay } from "./Overlay/Overlay";
+export { default as TapasPopover } from "./Popover/Popover";
+export { default as TapasPagination } from "./Pagination/Pagination";
+export { default as TapasDashboardCard } from "./DashboardCard/DashboardCard";
+export { default as TapasImage } from "./Image/PreviewImg";
+export { default as TapasImageComponent } from "./Image/Image";
+export { default as TapasNavigation } from "./Navigation/Navigation";
+export { default as TapasShell } from "./Shell/Shell";
+export { default as TapasIcon } from "./Icons/TapasIcon";
+export { default as TapasIconExpo } from "./Icons/TapasIconExpo";
+export { fontLoader, useFontLoader } from "./Icons/fontLoader";
+export { expoFontLoader, useExpoFontLoader } from "./Icons/expoFontLoader";
+export { smartFontLoader, useSmartFontLoader } from "./Icons/smartFontLoader";
+export { default as TapasLayout } from "./Layout/Layout";
+export { default as TapasDrawer } from "./Drawer/Drawer";
+export { default as TapasHeader } from "./Header/Header";
+export { default as TapasDropdown, TapasDropdownModal } from "./Dropdown/Dropdown";
+export { default as TapasCustomDropdown } from "./Dropdown/CustomDropdown";
+export { default as TapasInputDropdown } from "./Dropdown/InputDropdown";
+export { default as TapasCalendar } from "./Calendar/Calendar";
+export { default as TapasCalendarBase } from "./Calendar/Calendar.base";
+export { default as TapasDaySelector } from "./Calendar/DaySelector";
+export { default as TapasMonthSelector } from "./Calendar/MonthSelector";
+export { default as TapasWeekDaySelector } from "./Calendar/WeekDaySelector";
+export { default as TapasTimeSelector } from "./Calendar/TimeSelector";
+export { default as TapasConcreteTimeSelector } from "./Calendar/ConcreteTimeSelector";
+export { default as TapasCustomRange } from "./Calendar/CustomRange";
+export { default as TapasGantt } from "./Gantt/Gantt";
+export { default as TapasFixedSizeGrid } from "./Grid/FixedSizeGrid";
+export { default as TapasVariableSizeGrid } from "./Grid/VariableSizeGrid";
+export { default as TapasStaticFixedSizeGrid } from "./Grid/StaticFixedSizeGrid";
+export { default as TapasDraggableFlatList } from "./DraggableFlatList/DraggableFlatList";
+export { default as TapasToast } from "./Toast/Toast";
+export { default as TapasAlert } from "./Alert/Alert";
+export { default as TapasThemeProvider } from "./Theme/ThemeProvider";
+export declare const TapasDefaultTheme: any;
+export declare const TapasDefaultThemeInstance: any;
+export { useTheme, withTheme, makeStyles, ThemeProvider, Text, ListItem, Overlay, BottomSheet, Avatar, Divider, TabView, Tab, SearchBar, Input, Button } from "@rneui/themed";
+export type { Props as TapasButtonProps } from "./Button/Button";
+export type { TapasInputProps } from "./Input/Input";
+export type { SearchInputProps } from "./SearchInput/SearchInput";
+export type { ReasonModalProps, ReasonOption } from "./ReasonModal/ReasonModal";
+export type { TapasUserSwitcherProps, UserData } from "./UserSwitcher/UserSwitcher";
+export type { TapasTabTitleProps } from "./TabTitle/TabTitle";
+export type { TapasAnimatedNavItemProps } from "./AnimatedNavItem/AnimatedNavItem";
+export type { TapasTableColumnHeaderProps, SortDirection, SortState } from "./TableColumnHeader/TableColumnHeader";
+export type { TapasDataCellProps, DataType, CellAlignment, StatusConfig, ActionItem } from "./DataCell/DataCell";
+export type { TapasMultiSelectorProps, TapasMultiSelectorItem } from "./MultiSelector/MultiSelector";
+export type { TapasQuantityProps } from "./Quantity/Quantity";
+export type { DropdownProps } from "./Dropdown/Dropdown";
+export type { ButtonProps, InputProps, ListItemProps, TextProps, BottomSheetProps, OverlayProps, TabProps, TabItemProps, Theme } from "@rneui/themed";
+export * from "./Calendar/types";
+export * from "./Gantt/types";
+export { defaultTheme } from "./Theme/defaultTheme";
+export * from "./Shell/types";
+export { default as TapasLoading } from "./Loading/Loading";
+export { default as TapasScanButton } from "./ScanButton/ScanButton";
+export { default as TapasIconText } from "./IconText/IconText";
+export { default as TapasExternalLink } from "./ExternalLink/ExternalLink";
+export { default as TapasCollapsible } from "./Collapsible/Collapsible";
+export { default as TapasCard } from "./Card/Card";
+export { default as TapasTextArea } from "./TextArea/TextArea";
+export { default as TapasMessageBox } from "./MessageBox/MessageBox";
+export { default as TapasSearchInput } from "./SearchInput/SearchInput";
+export { default as TapasHelloWave } from "./HelloWave/HelloWave";
+export { default as TapasDeviceSelectionModal } from "./DeviceSelectionModal/DeviceSelectionModal";
+export { default as TapasReasonModal } from "./ReasonModal/ReasonModal";
+export { default as TapasUserSwitcher } from "./UserSwitcher/UserSwitcher";
+export { default as TapasTabTitle } from "./TabTitle/TabTitle";
+export { default as TapasAnimatedNavItem } from "./AnimatedNavItem/AnimatedNavItem";
+export { default as TapasTableColumnHeader } from "./TableColumnHeader/TableColumnHeader";
+export { default as TapasDataCell } from "./DataCell/DataCell";
+export { default as TapasMultiSelector } from "./MultiSelector/MultiSelector";
+export { default as TapasQuantity } from "./Quantity/Quantity";
+export { default as TapasNotification } from "./Notification";
+export { BarChart } from "./BarChart";
+export type { BarChartProps, BarChartData } from "./BarChart";
+export { LineChart } from "./LineChart";
+export type { LineChartProps, LineChartDataPoint, LineChartSeriesData } from "./LineChart";
+export { PieChart } from "./PieChart";
+export type { PieChartProps, PieChartData } from "./PieChart";
+export { DataTable } from "./DataTable";
+export type { DataTableProps, DataTableColumn } from "./DataTable";
+export { StatisticCard } from "./StatisticCard";
+export type { StatisticCardProps } from "./StatisticCard";
+export { isMobile, capitalizeFirstLetter } from "./common";
+//# sourceMappingURL=index.d.ts.map

package/typescript/index.d.ts.map

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

package/components/Alert/Alert.tsx

@@ -1,83 +0,0 @@
-import React, {Fragment} from 'react';
-import {View, StyleProp, ViewStyle, TouchableOpacity} from 'react-native';
-import {makeStyles, withTheme, Text as RNText} from '@rneui/themed';
-import Icon from '../Icons/TapasIcon';
-
-export interface AlertProps {
-  type: 'success' | 'info' | 'warning' | 'error';
-  closable?: boolean;
-  /** Content of Alert */
-  message: React.ReactNode;
-  icon?: string;
-  onClose?: Function;
-  style?: StyleProp<ViewStyle>;
-}
-
-const useStyles = makeStyles((theme: any) => {
-  // const {type} = props[0] as AlertProps;
-  const color = theme.colors.colorTextBrand,
-    bgColor = '#EBDFB5';
-  return {
-    flx: {
-      display: 'flex',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-      alignItems: 'center'
-    },
-    flxStart: {
-      justifyContent: 'flex-start'
-    },
-    alertWrap: {
-      width: '100%',
-      paddingHorizontal: 24,
-      paddingVertical: 4,
-      backgroundColor: bgColor
-    },
-    textItem: {
-      color: color
-    },
-    statusIcon: {
-      marginRight: 4,
-      color: color
-    },
-    closeIcon: {
-      marginLeft: 4,
-      color: color
-    }
-  };
-});
-const Alert: React.FC<AlertProps> = ({
-  // @ts-ignore
-  theme,
-  ...props
-}) => {
-  const styles = useStyles(props);
-  const {message, closable, icon} = props;
-
-  return (
-    <View style={[styles.flx, styles.alertWrap, props.style]} testID="alert">
-      <View style={[styles.flx, styles.flxStart]}>
-        <Icon name={icon ?? 'error'} size={20} style={styles.statusIcon} />
-        <RNText style={[styles.textItem]} numberOfLines={1}>
-          {message}
-        </RNText>
-      </View>
-      {closable && (
-        <Fragment>
-          {
-            <TouchableOpacity
-              onPress={(e) => {
-                e.stopPropagation();
-                props.onClose && props.onClose();
-              }}
-            >
-              <Icon name="close" size={20} style={styles.closeIcon} />
-            </TouchableOpacity>
-          }
-        </Fragment>
-      )}
-    </View>
-  );
-};
-
-export default withTheme(Alert);

package/components/AnimatedNavItem/AnimatedNavItem.tsx

@@ -1,246 +0,0 @@
-import React, { useEffect, useRef, useState, useCallback } from "react";
-import {
-  Text,
-  Animated,
-  Pressable,
-  ViewProps,
-  TextStyle,
-  StyleProp,
-  ViewStyle,
-} from "react-native";
-import { withTheme, makeStyles } from "@rneui/themed";
-import TapasIcon from "../Icons/TapasIcon";
-
-export interface TapasAnimatedNavItemProps extends Omit<ViewProps, 'id'> {
-  /** 唯一标识符 */
-  id?: number | string;
-  /** 图标名称 */
-  icon?: string;
-  /** 显示文本 */
-  text?: string;
-  /** 最小宽度 */
-  minWidth?: number;
-  /** 最大宽度（自动计算或手动指定） */
-  maxWidth?: number;
-  /** 是否展开状态 */
-  expanded?: boolean;
-  /** 是否被选中 */
-  selected?: boolean;
-  /** 图标大小 */
-  iconSize?: number;
-  /** 图标颜色（未展开时） */
-  iconColor?: string;
-  /** 图标颜色（展开时） */
-  expandedIconColor?: string;
-  /** 文本颜色 */
-  textColor?: string;
-  /** 背景颜色（未展开时） */
-  backgroundColor?: string;
-  /** 背景颜色（展开时） */
-  expandedBackgroundColor?: string;
-  /** 动画持续时间 */
-  animationDuration?: number;
-  /** 文本样式 */
-  textStyle?: StyleProp<TextStyle>;
-  /** 容器样式 */
-  containerStyle?: StyleProp<ViewStyle>;
-  /** 点击回调 */
-  onPress?: (id?: number | string) => void;
-  /** 长按回调 */
-  onLongPress?: (id?: number | string) => void;
-  /** 是否禁用 */
-  disabled?: boolean;
-  /** 高度 */
-  height?: number;
-  /** 边距配置 */
-  padding?: {
-    horizontal?: number;
-    vertical?: number;
-  };
-}
-
-const TapasAnimatedNavItem: React.FC<TapasAnimatedNavItemProps> = ({
-  id,
-  icon,
-  text,
-  minWidth = 40,
-  maxWidth,
-  expanded = false,
-  selected = false,
-  iconSize = 20,
-  iconColor,
-  expandedIconColor,
-  textColor,
-  backgroundColor,
-  expandedBackgroundColor,
-  animationDuration = 200,
-  textStyle,
-  containerStyle,
-  onPress,
-  onLongPress,
-  disabled = false,
-  height = 40,
-  padding = { horizontal: 12, vertical: 0 },
-  style,
-  ...otherProps
-}) => {
-  const styles = useStyles({ height, padding });
-  
-  // 自动计算最大宽度（如果未指定）
-  const [calculatedMaxWidth, setCalculatedMaxWidth] = useState(maxWidth || minWidth);
-  const widthAnim = useRef(new Animated.Value(expanded ? calculatedMaxWidth : minWidth)).current;
-  
-  // 计算文本宽度
-  useEffect(() => {
-    if (!maxWidth && text) {
-      // 简单的文本宽度估算：字符数 * 平均字符宽度 + 图标宽度 + 内边距
-      const estimatedTextWidth = text.length * 10;
-      const iconWidth = icon ? iconSize + 8 : 0; // 图标宽度 + 间距
-      const paddingWidth = (padding.horizontal || 12) * 2;
-      const totalWidth = estimatedTextWidth + iconWidth + paddingWidth;
-      setCalculatedMaxWidth(Math.max(totalWidth, minWidth));
-    }
-  }, [text, maxWidth, icon, iconSize, padding.horizontal, minWidth]);
-
-  // 动画效果
-  useEffect(() => {
-    const targetWidth = expanded ? calculatedMaxWidth : minWidth;
-    
-    Animated.timing(widthAnim, {
-      toValue: targetWidth,
-      duration: animationDuration,
-      useNativeDriver: false,
-    }).start();
-  }, [expanded, calculatedMaxWidth, minWidth, animationDuration]);
-
-  // 处理点击事件
-  const handlePress = useCallback(() => {
-    if (!disabled && onPress) {
-      onPress(id);
-    }
-  }, [disabled, onPress, id]);
-
-  // 处理长按事件
-  const handleLongPress = useCallback(() => {
-    if (!disabled && onLongPress) {
-      onLongPress(id);
-    }
-  }, [disabled, onLongPress, id]);
-
-  // 获取当前状态的颜色
-  const getCurrentIconColor = () => {
-    if (expanded) {
-      return expandedIconColor || styles.expandedIcon.color;
-    }
-    return iconColor || styles.defaultIcon.color;
-  };
-
-  const getCurrentTextColor = () => {
-    return textColor || styles.text.color;
-  };
-
-  const getCurrentBackgroundColor = () => {
-    if (expanded || selected) {
-      return expandedBackgroundColor || styles.expandedContainer.backgroundColor;
-    }
-    return backgroundColor || 'transparent';
-  };
-
-  return (
-    <Pressable
-      {...otherProps}
-      style={[
-        styles.container,
-        containerStyle,
-        style,
-        {
-          backgroundColor: getCurrentBackgroundColor(),
-          opacity: disabled ? 0.5 : 1,
-        },
-      ]}
-      onPress={handlePress}
-      onLongPress={handleLongPress}
-      disabled={disabled}
-    >
-      <Animated.View
-        style={[
-          styles.animatedContainer,
-          { width: widthAnim },
-        ]}
-      >
-        {icon && (
-          <TapasIcon
-            name={icon}
-            size={iconSize}
-            color={getCurrentIconColor()}
-          />
-        )}
-        {expanded && text && (
-          <Text
-            style={[
-              styles.text,
-              { color: getCurrentTextColor() },
-              textStyle,
-            ]}
-            numberOfLines={1}
-            ellipsizeMode="tail"
-          >
-            {text}
-          </Text>
-        )}
-      </Animated.View>
-    </Pressable>
-  );
-};
-
-const useStyles = makeStyles((theme, props?: { height?: number; padding?: { horizontal?: number; vertical?: number } }) => {
-  const height = props?.height || 40;
-  const paddingHorizontal = props?.padding?.horizontal || 12;
-  const paddingVertical = props?.padding?.vertical || 0;
-
-  return {
-    container: {
-      minWidth: 40,
-      width: "auto",
-      display: "flex",
-      flexDirection: "row",
-      height,
-      justifyContent: "center",
-      alignItems: "center",
-      borderRadius: height / 2,
-      overflow: "hidden",
-    },
-    animatedContainer: {
-      height,
-      display: "flex",
-      flexDirection: "row",
-      alignItems: "center",
-      justifyContent: "center",
-      paddingHorizontal,
-      paddingVertical,
-      gap: 8,
-    },
-    text: {
-      fontSize: 14,
-      fontWeight: "600",
-      alignSelf: "center",
-      color: theme?.colors?.white || "#FFFFFF",
-      flexShrink: 1,
-    },
-    defaultIcon: {
-      color: theme?.colors?.primary || "#007AFF",
-    },
-    expandedIcon: {
-      color: theme?.colors?.white || "#FFFFFF",
-    },
-    expandedContainer: {
-      backgroundColor: theme?.colors?.primary || "#007AFF",
-    },
-  };
-});
-
-export default withTheme(TapasAnimatedNavItem);
-
-// Export aliases for compatibility
-export const AnimatedNavItem = withTheme(TapasAnimatedNavItem);
-export { TapasAnimatedNavItem };

package/components/AnimatedNavItem/index.tsx

@@ -1,3 +0,0 @@
-export { default } from './AnimatedNavItem';
-export type { TapasAnimatedNavItemProps } from './AnimatedNavItem';
-export { AnimatedNavItem, TapasAnimatedNavItem } from './AnimatedNavItem';

package/components/Button/Button.tsx

@@ -1,86 +0,0 @@
-import React, { useState, useCallback, useMemo } from 'react';
-import { Button as RneButton, ButtonProps, makeStyles} from '@rneui/themed';
-import {Platform} from 'react-native';
-import Hoverable from '../Hoverable/Hoverable';
-export interface  Props extends  ButtonProps {
-    hoverStyle?: any;
-    buttonStyle?: any;
-    titleStyle?: any;
-    selectedTitleStyle?: any;
-    width?: number;
-}
-
-const useStyles = makeStyles((theme) => ({
-    buttonHovered: {
-        backgroundColor: theme?.colors?.colorSurface2,
-    },
-    outlineButtonHovered: {
-        backgroundColor: theme?.colors?.grey4,
-        borderColor: theme?.colors?.grey4,
-    },
-    button: {
-        backgroundColor: theme?.colors?.primary,
-    },
-    baseButton: {
-        fontFamily: theme?.fonts?.fontFamily,
-        fontSize: theme?.fonts.sizeM,
-        fontWeight: theme?.fonts.weightM,
-    },
-    outlineButton: {
-        borderColor: theme?.colors?.grey4,
-        backgroundColor: theme?.colors?.white || '#ffffff',
-    }
-}));
-export const Button: React.FC<Props> = ({hoverStyle, buttonStyle, width, ...props}) => {
-
-    const [isHovered, setIsHovered] = useState(false);
-    const styles = useStyles(props);
-    
-    const handleMouseEnter = useCallback(() => {
-        setIsHovered(true);
-    }, []);
-
-    const handleMouseLeave = useCallback(() => {
-        setIsHovered(false);
-    }, []);
-
-    const { primaryStyle, hoveredStyle } = useMemo(() => ({
-        primaryStyle: props.type === 'solid' ? styles.button : props.type === 'outline' ? styles.outlineButton : {},
-        hoveredStyle: props.type === 'solid' ? styles.buttonHovered : props.type === 'outline' ? styles.outlineButtonHovered : {}
-    }), [props.type, styles]);
-
-    const newButtonStyle = useMemo(() => 
-        (isHovered && props.type !== 'clear') 
-            ? {...hoveredStyle, ...hoverStyle} 
-            : { ...primaryStyle, ...buttonStyle}
-    , [isHovered, props.type, hoveredStyle, hoverStyle, primaryStyle, buttonStyle]);
-
-    const containerStyle = useMemo(() => ({ width }), [width]);
-    const titleStyleMemo = useMemo(() => [styles.baseButton, props.titleStyle], [styles.baseButton, props.titleStyle]);
-
-    return Platform.OS === 'web' && props.type !== 'clear' ? (
-        <Hoverable
-            onHoverIn={handleMouseEnter}
-            onHoverOut={handleMouseLeave}
-        >
-            {(isHovered: boolean) => (
-                <RneButton 
-                    containerStyle={containerStyle} 
-                    buttonStyle={isHovered ? [newButtonStyle, hoverStyle].filter(Boolean) : newButtonStyle} 
-                    titleStyle={isHovered ? [titleStyleMemo, props.selectedTitleStyle] : titleStyleMemo} 
-                    {...props} 
-                />
-            )}
-        </Hoverable>
-        ) : (
-            <RneButton 
-                containerStyle={containerStyle} 
-                buttonStyle={newButtonStyle} 
-                titleStyle={titleStyleMemo} 
-                {...props}
-            />
-        );
-};
-
-
-export default Button;

package/components/Button/ButtonGroup.tsx

@@ -1,148 +0,0 @@
-import React, {useState} from 'react';
-import {makeStyles} from '@rneui/themed';
-import {View, Text, StyleProp, ViewStyle, TouchableOpacity} from 'react-native';
-import Hoverable from '../Hoverable/Hoverable';
-import Icon from '../Icons/TapasIcon';
-
-type buttonType = {
-    icon?: string;
-    title?: string;
-    disabled?: boolean;
-    onPress?: (index: number) => void;
-}
-
-export interface  Props {
-    buttons: buttonType[],
-    hoveredStyle?: StyleProp<ViewStyle>;
-    selectedStyle?: StyleProp<ViewStyle>;
-}
-
-const useStyles = makeStyles((theme) => ({
-    buttonContainer: {
-        display: 'flex',
-        flexDirection: 'row',
-    },
-    buttonWrap: {
-        display: 'flex',
-        flexDirection: 'row',
-        height: 56,
-        paddingVertical: 8,
-        backgroundColor: theme.colors.grey5,
-        justifyContent: 'center',
-        alignItems: 'center',
-        cursor: 'pointer',
-    },
-    title: {
-        fontFamily: theme.fonts.fontFamily,
-        fontSize: theme.fonts.sizeM,
-        fontWeight: theme.fonts.weightM,
-        color: theme.colors.colorTextPrimary,
-        textOverflow: 'ellipsis',
-        whiteSpace: 'nowrap',
-        minWidth: 40,
-        marginLeft: 4,
-        marginRight: 12,
-    },
-    first: {
-        borderTopLeftRadius: theme.radius.full,
-        borderBottomLeftRadius: theme.radius.full,
-        paddingLeft: 8,
-        paddingRight: 12,
-    },
-    last: {
-        borderTopRightRadius: theme.radius.full,
-        borderBottomRightRadius: theme.radius.full,
-        borderLeftWidth: 1,
-        borderLeftColor: theme.colors.grey3,
-        paddingLeft: 12,
-        paddingRight: 8,
-    },
-    middle: {
-        borderLeftWidth: 1,
-        borderLeftColor: theme.colors.grey3,
-        paddingHorizontal: 12,
-    },
-    buttonHovered: {
-        backgroundColor: theme?.colors?.grey3,
-    },
-    selectedStyle: {
-        backgroundColor: theme?.colors?.grey3,
-    },
-    disabledStyle: {
-        backgroundColor: theme?.colors?.grey3,
-    },
-    baseButton: {
-        fontFamily: theme?.fonts?.fontFamily,
-        fontSize: theme?.fonts.sizeM,
-        fontWeight: theme?.fonts.weightM,
-        minWidth: 80,
-    },
-    icon: {
-        marginLeft: 8,
-    },
-    disabledIcon: {
-        marginLeft: 8,
-        color: theme.colors.disabled,
-    },
-    disabledTitle: {
-        color: theme.colors.disabled,
-    }
-}));
-const ButtonGroup: React.FC<Props > = ({buttons, hoveredStyle = {}, selectedStyle = {}, ...props}) => {
-
-    const [isHovered, setIsHovered] = useState(false);
-    const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
-    const [selected, setSelected] = useState<number | null>(null);
-
-    const styles = useStyles(props);
-    const handleMouseEnter = (index:number) => {
-        setIsHovered(true);
-        setHoveredIndex(index);
-    };
-
-    const handleMouseLeave = () => {
-        setIsHovered(false);
-        setHoveredIndex(null);
-    };
-
-    const handlePress = (index: number, button: buttonType) => {
-        setSelected(index);
-        button.onPress && button.onPress(index);
-    }
-
-    const getButtonStyle = (index: number) => {
-        const base = [index == 0 && styles.first, index === buttons.length-1 && styles.last, index !== 0 && index !== buttons.length-1 && styles.middle];
-        const style = (isHovered && hoveredIndex === index) ? [...base, styles.buttonHovered, hoveredStyle] : base;
-        return selected === index ? [...style, styles.selectedStyle, selectedStyle] : style;
-    }
-
-    return <View style={styles.buttonContainer}>
-        {
-            buttons.map((button, index) => {
-                return !button.disabled ? (
-                  <Hoverable
-                    onHoverIn={() => handleMouseEnter(index)}
-                    onHoverOut={handleMouseLeave}
-                  >
-                      <TouchableOpacity onPress={() => {
-                          handlePress(index, button)
-                      }}>
-                          <View style={[styles.buttonWrap, ...getButtonStyle(index)]}>
-                              <Icon size={20} name={button.icon || ''} style={styles.icon} />
-                              <Text style={styles.title}>{button.title}</Text>
-                          </View>
-                      </TouchableOpacity>
-                  </Hoverable>
-                ) : (
-                  <View style={[styles.buttonWrap, index == 0 && styles.first, index === buttons.length-1 && styles.last, index !== 0 && index !== buttons.length-1 && styles.middle, styles.disabledStyle ]}>
-                      <Icon size={20} name={button.icon || ''} style={styles.disabledIcon} />
-                      <Text style={[styles.title, styles.disabledTitle]}>{button.title}</Text>
-                  </View>
-                )
-            })
-        }
-    </View>
-};
-
-
-export default ButtonGroup;