@momo-kits/native-kits 0.157.1-beta.9 → 0.157.1-com.1-debug

package/src/libs/Calendar/types.ts

@@ -0,0 +1,212 @@
+import Moment from 'moment';
+import { ViewStyle } from 'react-native';
+
+export type Holidays = {
+  solar: object;
+  lunar: any[];
+  mixedLabel?: string;
+  label?: string;
+  day: number;
+  month: number;
+};
+
+export type PriceInfo = {
+  priceAsString: string;
+  isBestPrice: boolean;
+};
+
+export type PriceListData = {
+  inbound: {
+    [keyMonth: string]: {
+      day: {
+        [keyDay: string]: PriceInfo;
+      };
+    };
+  };
+  outbound: {
+    [keyMonth: string]: {
+      day: {
+        [keyDay: string]: PriceInfo;
+      };
+    };
+  };
+};
+
+export type CalendarProProps = {
+  startDate: Moment.Moment;
+  endDate: Moment.Moment;
+  maxDate?: Date;
+  minDate?: Date;
+  isShowLunar?: boolean;
+  selectedDate: Moment.Moment;
+  isDoubleDateMode: boolean;
+  onDateChange: (day: Moment.Moment) => void;
+  priceList?: PriceListData;
+  labelFrom?: string;
+  labelTo?: string;
+  isHideLabel?: boolean;
+  isHideHoliday?: boolean;
+  isOffLunar?: boolean;
+  onCallbackCalendar?: (lunar: string, nextStateShowLunar: boolean) => void;
+  disabledDays?: Date[];
+  bestPriceColor?: string;
+};
+
+export type CalendarProState = {
+  startDate: Moment.Moment;
+  endDate: Moment.Moment;
+  showLunar?: boolean;
+  tabSelected?: number;
+  holidays: Holidays[];
+  ownUpdate?: boolean;
+  temp?: any;
+  headerKey?: string;
+};
+
+export type DoubleDate = {
+  first: Moment.Moment;
+  second: Moment.Moment | null;
+};
+
+export type CalendarProps = {
+  doubleDate?: DoubleDate;
+  selectedDate?: Moment.Moment;
+  mode?: 'doubleDate' | 'singleDate';
+  id?: number;
+  onChangeTab?: (id: number) => void;
+  onDateChange?: (date: DoubleDate | Date) => void;
+  onCTAStateChange?: (b: boolean) => void;
+  onCallbackCalendar?: (type: string, isDoubleDateMode: boolean) => void;
+  headerFrom?: string;
+  headerTo?: string;
+  isOffLunar?: boolean;
+  isHideHoliday?: boolean;
+  isShowLunar?: boolean;
+  priceList?: PriceListData;
+  labelFrom?: string;
+  labelTo?: string;
+  isHideLabel?: boolean;
+  minDate?: Date;
+  maxDate?: Date;
+  style?: ViewStyle | ViewStyle[];
+  disabledDays?: Date[];
+  hideHeaderTab?: boolean;
+  titleHeader?: string;
+  hideSwitchReturnSelection?: boolean;
+  bestPriceColor?: string;
+};
+
+export type CalendarProRef = {
+  setDoubleDateAndTabIndex: (
+    firstDate?: Moment.Moment | null,
+    secondDate?: Moment.Moment | null,
+    tabSelected?: number,
+  ) => void;
+  setDateRange: (
+    dateRange: { startDate: any; endDate: any },
+    isScrollToStartDate: any,
+  ) => void;
+};
+
+export type CalendarState = {
+  isDoubleDateMode: boolean;
+  containerWidth: number;
+};
+
+export type HeaderControlRef = {
+  onUpdateInfo: (date: { date: Moment.Moment }) => void;
+};
+
+export type HeaderControlProps = {
+  onPressBackArrow: () => void;
+  onPressNextArrow: () => void;
+  selectedDate: Moment.Moment;
+};
+
+export type MonthListProps = {
+  isDoubleDateMode: boolean;
+  selectedDate: Moment.Moment;
+  holidays?: Holidays[];
+  priceList?: Record<string, any>;
+  minDate: Moment.Moment;
+  maxDate: Moment.Moment;
+  startDate: Moment.Moment;
+  endDate: Moment.Moment;
+  isShowLunar: boolean;
+  tabSelected?: number;
+  today: Moment.Moment;
+  onChoose: (day: Moment.Moment) => void;
+  onScrollCalendar?: (info: {
+    date: Moment.Moment;
+    key: string;
+    currentIndex: number;
+  }) => void;
+  lunarConverter: any;
+  disabledDays?: Date[];
+  bestPriceColor?: string;
+};
+
+export type MonthListState = {
+  data?: any;
+  isDoubleDateMode?: boolean;
+};
+
+export type MonthListRef = {
+  scrollToMonth: (date: Moment.Moment) => void;
+};
+
+export type MonthProps = {
+  dateList: any[];
+  holidays?: Holidays[];
+  priceListDate?: Record<string, PriceInfo>;
+  month?: any;
+  minDate: Moment.Moment;
+  maxDate: Moment.Moment;
+  startDate: Moment.Moment;
+  endDate: Moment.Moment;
+  isShowLunar: boolean;
+  isDoubleDateMode: boolean;
+  disabledDays?: Date[];
+  bestPriceColor?: string;
+};
+
+export type DayProps = {
+  onChoose?: (date: Moment.Moment) => void;
+  date?: Moment.Moment;
+  minDate: Moment.Moment;
+  maxDate: Moment.Moment;
+  isEmpty?: boolean;
+  index: number;
+  isShowLunar: boolean;
+  isDoubleDateMode: boolean;
+  lunarDate?: any;
+  isSolarHoliday: boolean;
+  isLunarHoliday: boolean;
+  tabSelected?: number;
+  startDate: Moment.Moment;
+  endDate: Moment.Moment;
+  price?: string;
+  isBestPrice?: boolean;
+  havePriceList: boolean;
+  isDisabled?: boolean;
+  bestPriceColor?: string;
+};
+
+export type TabHeaderState = {
+  active?: boolean;
+  date?: Moment.Moment;
+};
+
+export type TabHeaderProps = {
+  activeTab: boolean;
+  label: string;
+  date?: Moment.Moment | string | null;
+  onChangeTab?: (id: number) => void;
+  id: number;
+  disabled?: boolean;
+};
+
+export type TabHeaderRef = {
+  updateView: (date?: Moment.Moment | null, activeTab?: boolean) => void;
+  setActiveTab: (active: boolean) => void;
+};

package/src/libs/Carousel/animation.ts

@@ -0,0 +1,62 @@
+import {ReactNode} from 'react';
+import {Animated} from 'react-native';
+import {CarouselProps} from './types';
+
+export function getInputRangeFromIndexes(
+  range: string | any[],
+  index: number,
+  itemWidth: number,
+) {
+  const sizeRef = itemWidth;
+  const inputRange = [];
+
+  for (let i = 0; i < range.length; i++) {
+    inputRange.push((index - range[i]) * sizeRef);
+  }
+
+  return inputRange;
+}
+
+export function defaultScrollInterpolator(index: number, itemWidth: number) {
+  const range = [1, 0, -1];
+  const inputRange = getInputRangeFromIndexes(range, index, itemWidth);
+  const outputRange = [0, 1, 0];
+
+  return {inputRange, outputRange};
+}
+
+export function defaultAnimatedStyles(
+  animatedValue: Animated.Value,
+  carouselProps: Readonly<CarouselProps> & Readonly<{children?: ReactNode}>,
+) {
+  let animatedOpacity = {};
+  let animatedScale = {};
+  const {inactiveSlideOpacity = 1, inactiveSlideScale = 1} = carouselProps;
+
+  if (inactiveSlideOpacity < 1) {
+    animatedOpacity = {
+      opacity: animatedValue.interpolate({
+        inputRange: [0, 1],
+        outputRange: [inactiveSlideOpacity, 1],
+      }),
+    };
+  }
+
+  if (inactiveSlideScale < 1) {
+    animatedScale = {
+      transform: [
+        {
+          scaleY: animatedValue.interpolate({
+            inputRange: [0, 1],
+            outputRange: [inactiveSlideScale, 1],
+          }),
+        },
+      ],
+    };
+  }
+
+  return {
+    ...animatedOpacity,
+    ...animatedScale,
+  };
+}