@momo-kits/calendar 0.79.6 → 0.80.2

package/src/Day/style.ts

@@ -1,113 +0,0 @@
-import {Dimensions, StyleSheet} from 'react-native';
-import {Spacing, Colors, scaleSize} from '@momo-kits/foundation';
-
-const dayWidth = (Dimensions.get('window').width - 38) / 7;
-const SCREEN_WIDTH = Dimensions.get('window').width;
-const SCREEN_DPI_WIDTH = SCREEN_WIDTH * Dimensions.get('window').scale;
-const IPHONE_4_5_WIDTH = 640;
-const dayTextSize = SCREEN_DPI_WIDTH === IPHONE_4_5_WIDTH ? 13 : 15;
-const lunarTextSize = SCREEN_DPI_WIDTH === IPHONE_4_5_WIDTH ? 8 : 10;
-const priceTextSize = SCREEN_DPI_WIDTH === IPHONE_4_5_WIDTH ? 8 : 10;
-const lineHeightDayText = 1.3 * dayTextSize;
-const lineHeightLunarText = 1.3 * lunarTextSize;
-const lineHeightPriceText = 1.3 * priceTextSize;
-const containerDayHeight =
-  lineHeightDayText + lineHeightLunarText + lineHeightPriceText + 10;
-const heightDefault = lineHeightDayText + lineHeightLunarText;
-export default StyleSheet.create({
-  dayContainer: {
-    borderRadius: 4,
-    alignItems: 'center',
-    height: scaleSize(48),
-  },
-  day: {
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 4,
-  },
-  dayText: {
-    textAlign: 'center',
-  },
-  lunarDayText: {
-    width: dayWidth,
-    textAlign: 'right',
-    paddingRight: Spacing.XS,
-    position: 'absolute',
-    top: Spacing.XXS,
-  },
-  todayText: {
-    color: 'blue',
-  },
-
-  focused: {
-    backgroundColor: Colors.pink_03,
-  },
-
-  dayStartContainer: {
-    borderTopLeftRadius: 4,
-    borderBottomLeftRadius: 4,
-    backgroundColor: Colors.pink_03,
-  },
-  dayEndContainer: {
-    borderTopRightRadius: 4,
-    borderBottomRightRadius: 4,
-    backgroundColor: Colors.pink_03,
-  },
-  mid: {
-    backgroundColor: Colors.pink_09,
-    // height: heightDefault
-  },
-  departLabel: {
-    position: 'absolute',
-    backgroundColor: 'yellow',
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  returnLabel: {
-    position: 'absolute',
-    backgroundColor: 'yellow',
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    justifyContent: 'center',
-    alignItems: 'center',
-    top: 0,
-    right: 0,
-  },
-  containerDayHeight,
-  txtBack: {
-    position: 'absolute',
-    backgroundColor: '#ffbb1e',
-    borderRadius: 100,
-    top: -2,
-    right: -2,
-    zIndex: 999,
-    padding: 2,
-    width: 15,
-    height: 15,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  txtGo: {
-    position: 'absolute',
-    backgroundColor: '#ffbb1e',
-    top: -2,
-    left: -2,
-    borderRadius: 100,
-    padding: 2,
-    zIndex: 999,
-    width: 15,
-    height: 15,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  price: {
-    color: Colors.black_15,
-    marginTop: -4,
-    lineHeight: 14,
-  },
-  lineHeightPriceText,
-});

package/src/HeaderControl.tsx

@@ -1,69 +0,0 @@
-import React, {forwardRef, useImperativeHandle, useState} from 'react';
-import {StyleSheet, TouchableOpacity, View} from 'react-native';
-import moment from 'moment';
-import {Colors, Icon, scaleSize, Text} from '@momo-kits/foundation';
-
-import Util from './Util';
-
-const HeaderControl = forwardRef(
-  ({onPressBackArrow, onPressNextArrow, selectedDate}, ref) => {
-    const [info, setInfo] = useState({
-      date: moment(selectedDate || new Date()),
-    });
-
-    useImperativeHandle(ref, () => ({
-      onUpdateInfo,
-    }));
-
-    const onUpdateInfo = date => {
-      setInfo(date);
-    };
-
-    if (info && info.date) {
-      const headerFormat = `${Util.mapMonth(
-        info.date.month() + 1,
-      )}/${info.date.year()}`;
-      return (
-        <View style={styles.container}>
-          <TouchableOpacity style={styles.btnLeft} onPress={onPressBackArrow}>
-            <Icon source="24_arrow_chevron_left_small" />
-          </TouchableOpacity>
-          <Text typography={'header_s'} style={styles.txtHeader}>
-            {headerFormat}
-          </Text>
-          <TouchableOpacity style={styles.btnRight} onPress={onPressNextArrow}>
-            <Icon source="24_arrow_chevron_right_small" />
-          </TouchableOpacity>
-        </View>
-      );
-    }
-    return <View />;
-  },
-);
-
-export default HeaderControl;
-const styles = StyleSheet.create({
-  txtHeader: {
-    textAlign: 'center',
-  },
-  btnRight: {
-    width: 36,
-    height: 36,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  btnLeft: {
-    width: 36,
-    height: 36,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  container: {
-    height: scaleSize(44),
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    backgroundColor: Colors.blue_10,
-    alignItems: 'center',
-    borderRadius: 4,
-  },
-});

package/src/Month/index.tsx

@@ -1,88 +0,0 @@
-import React, {PureComponent} from 'react';
-
-import {View, Dimensions} from 'react-native';
-import moment from 'moment';
-import Day from '../Day';
-import {Spacing, scaleSize} from '@momo-kits/foundation';
-
-export default class Month extends PureComponent {
-  constructor(props) {
-    super(props);
-    const {dateList} = props;
-    this.rowArray = new Array(dateList.length / 7).fill('');
-    this.temp = this.rowArray.map((item, i) =>
-      dateList.slice(i * 7, i * 7 + 7),
-    );
-  }
-
-  findHoliday = date => {
-    const {holidays} = this.props;
-    if (date && holidays && holidays.length > 0) {
-      const day = date.date();
-      const month = date.month() + 1;
-      return holidays.find(item => item.day === day && item.month === month);
-    }
-    return null;
-  };
-
-  checkHoliday = date => {
-    const holiday = this.findHoliday(date);
-    return {
-      isSolarHoliday: !!(holiday && !holiday.lunar),
-      isLunarHoliday: !!(holiday && holiday.lunar),
-    };
-  };
-
-  renderDayRow = (dayList, index, disabledWeekend) => (
-    <View
-      style={{
-        flexDirection: 'row',
-        justifyContent: 'space-between',
-      }}
-      key={`row${index}`}>
-      {dayList.map((item, i) => {
-        const keyDay = moment(item.date).format('YYYY-MM-DD');
-        const priceInfo = this.props?.priceListDate?.[keyDay];
-        const itemWidth = (this.props.containerWidth - Spacing.M) / 7;
-        return (
-          <Day
-            {...this.props}
-            {...this.checkHoliday(item.date)}
-            disabledWeekend={disabledWeekend}
-            date={item.date}
-            havePriceList={!!this.props.priceListDate}
-            lunarDate={item.lunarDate}
-            empty={item.empty}
-            key={`day${i.toString()}`}
-            index={i}
-            price={priceInfo?.priceAsString}
-            isBestPrice={priceInfo?.isBestPrice}
-            width={itemWidth}
-          />
-        );
-      })}
-    </View>
-  );
-
-  render() {
-    const {month, disabledWeekend} = this.props;
-
-    if (month) {
-      return (
-        <View>
-          <View
-            style={{
-              paddingHorizontal: Spacing.S,
-              paddingVertical: 5,
-              width: '100%',
-            }}>
-            {this.temp.map((item, i) =>
-              this.renderDayRow(item, i, disabledWeekend),
-            )}
-          </View>
-        </View>
-      );
-    }
-    return <View />;
-  }
-}