@fountain-ui/lab 2.0.0-beta.1 → 2.0.0-beta.12

package/build/module/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePicker.tsx"],"names":["React","format","Calendar","LocaleConfig","Button","Typography","useTheme","YearPicker","DateTimePickerContext","formatDate","useDateTimePicker","useContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","defaultLocale","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","toDate","backgroundColor","background","default","calendarBackground","dayTextColor","text","textDisabledColor","hint"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { format } from 'date-fns';\n//@ts-ignore\nimport { Calendar, LocaleConfig } from 'react-native-calendars';\nimport { Button, Typography } from '@fountain-ui/core';\nimport { useTheme } from '@fountain-ui/styles';\nimport YearPicker from './YearPicker';\nimport { DateTimePickerContext } from './DateTimePickerProvider';\nimport type DateTimePickerProps from './DateTimePickerProps';\nimport { formatDate } from './utils';\n\nconst useDateTimePicker = () => {\n    return React.useContext(DateTimePickerContext);\n};\n\nexport default function DateTimePicker(props: DateTimePickerProps) {\n    const {\n        currentMonth = new Date(),\n        locale,\n        markedDate: markedDateProp,\n        maxDate,\n        minDate,\n        onDayPress,\n        onYearPress: onYearPressProp,\n    } = props;\n\n    const theme = useTheme();\n\n    const [yearPickerVisible, setYearPickerVisible] = React.useState(false);\n    const { locales } = useDateTimePicker();\n\n    //TODO: Need to update arrow components\n    const LeftArrow = <Typography children={'<'} color={'textPrimary'}/>;\n    const RightArrow = <Typography children={'>'} color={'textPrimary'}/>;\n\n    const onYearPress = (date: Date) => {\n        setYearPickerVisible(false);\n        onYearPressProp && onYearPressProp(date);\n    };\n\n    if (locale) {\n        LocaleConfig.locales = locales;\n        LocaleConfig.defaultLocale = locale;\n    }\n\n    const markedDate = markedDateProp ? format(markedDateProp, 'yyyy-MM-dd') : '';\n\n    if (yearPickerVisible) {\n        return (\n            <YearPicker\n                date={currentMonth}\n                locale={locale}\n                maxDate={maxDate}\n                minDate={minDate}\n                onYearPress={onYearPress}\n            />\n        );\n    }\n\n    return (\n        <Calendar\n            current={currentMonth}\n            onDayPress={onDayPress}\n            maxDate={maxDate}\n            minDate={minDate}\n            renderArrow={(direction: string) => direction === 'left' ? LeftArrow : RightArrow}\n            markedDates={{\n                [markedDate]: {\n                    selected: true,\n                    disableTouchEvent: true,\n                    selectedColor: theme.palette.primary.main,\n                    selectedTextColor: theme.palette.primary.contrastTextColor,\n                },\n            }}\n            // @ts-ignore\n            renderHeader={(date) => (\n                <Button\n                    children={formatDate(date.toDate(), locale)}\n                    variant={'text'}\n                    size={'small'}\n                    onPress={() => setYearPickerVisible(true)}\n                />\n            )}\n            theme={{\n                backgroundColor: theme.palette.background.default,\n                calendarBackground: theme.palette.background.default,\n                dayTextColor: theme.palette.text.primary,\n                textDisabledColor: theme.palette.text.hint,\n            }}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","format","Calendar","LocaleConfig","Button","Typography","useTheme","YearPicker","DateTimePickerContext","formatDate","useDateTimePicker","useContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","defaultLocale","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","toDate","backgroundColor","paper","default","calendarBackground","dayTextColor","text","textDisabledColor","hint"],"sources":["DateTimePicker.tsx"],"sourcesContent":["import React from 'react';\nimport { format } from 'date-fns';\n//@ts-ignore\nimport { Calendar, LocaleConfig } from 'react-native-calendars';\nimport { Button, Typography } from '@fountain-ui/core';\nimport { useTheme } from '@fountain-ui/styles';\nimport YearPicker from './YearPicker';\nimport { DateTimePickerContext } from './DateTimePickerProvider';\nimport type DateTimePickerProps from './DateTimePickerProps';\nimport { formatDate } from './utils';\n\nconst useDateTimePicker = () => {\n    return React.useContext(DateTimePickerContext);\n};\n\nexport default function DateTimePicker(props: DateTimePickerProps) {\n    const {\n        currentMonth = new Date(),\n        locale,\n        markedDate: markedDateProp,\n        maxDate,\n        minDate,\n        onDayPress,\n        onYearPress: onYearPressProp,\n    } = props;\n\n    const theme = useTheme();\n\n    const [yearPickerVisible, setYearPickerVisible] = React.useState(false);\n    const { locales } = useDateTimePicker();\n\n    //TODO: Need to update arrow components\n    const LeftArrow = <Typography children={'<'} color={'textPrimary'}/>;\n    const RightArrow = <Typography children={'>'} color={'textPrimary'}/>;\n\n    const onYearPress = (date: Date) => {\n        setYearPickerVisible(false);\n        onYearPressProp && onYearPressProp(date);\n    };\n\n    if (locale) {\n        LocaleConfig.locales = locales;\n        LocaleConfig.defaultLocale = locale;\n    }\n\n    const markedDate = markedDateProp ? format(markedDateProp, 'yyyy-MM-dd') : '';\n\n    if (yearPickerVisible) {\n        return (\n            <YearPicker\n                date={currentMonth}\n                locale={locale}\n                maxDate={maxDate}\n                minDate={minDate}\n                onYearPress={onYearPress}\n            />\n        );\n    }\n\n    return (\n        <Calendar\n            current={currentMonth}\n            onDayPress={onDayPress}\n            maxDate={maxDate}\n            minDate={minDate}\n            renderArrow={(direction: string) => direction === 'left' ? LeftArrow : RightArrow}\n            markedDates={{\n                [markedDate]: {\n                    selected: true,\n                    disableTouchEvent: true,\n                    selectedColor: theme.palette.primary.main,\n                    selectedTextColor: theme.palette.primary.contrastTextColor,\n                },\n            }}\n            // @ts-ignore\n            renderHeader={(date) => (\n                <Button\n                    children={formatDate(date.toDate(), locale)}\n                    variant={'text'}\n                    size={'small'}\n                    onPress={() => setYearPickerVisible(true)}\n                />\n            )}\n            theme={{\n                backgroundColor: theme.palette.paper.default,\n                calendarBackground: theme.palette.paper.default,\n                dayTextColor: theme.palette.text.primary,\n                textDisabledColor: theme.palette.text.hint,\n            }}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/module/DateTimePicker/DateTimePickerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["DateTimePickerProps.ts"],"sourcesContent":["import type { ComponentProps } from '@fountain-ui/core';\n\nexport interface Day {\n    dateString: string;\n    day: number;\n    month: number;\n    timestamp: number;\n    year: number;\n}\n\nexport default interface DateTimePickerProps extends ComponentProps<{\n    /**\n     * To select month on calendar.\n     * @default Date()\n     */\n    currentMonth?: Date;\n\n    /**\n     * Locale for calendar.\n     */\n    locale?: string;\n\n    /**\n     * Marked date on calendar.\n     * @default Date()\n     */\n    markedDate?: Date;\n\n    /**\n     * Maximum date that can be selected, dates after maxDate will be grayed out.\n     */\n    maxDate?: Date;\n\n    /**\n     * Minimum date that can be selected, dates before minDate will be grayed out.\n     */\n    minDate?: Date;\n\n    /**\n     * Handler which gets executed on day press.\n     */\n    onDayPress?: (day: Day) => void;\n\n    /**\n     * Handler which gets executed on year press.\n     */\n    onYearPress?: (year: Date) => void;\n}> {}\n"],"mappings":""}

package/build/module/DateTimePicker/DateTimePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePickerProvider.ts"],"names":["React","defaultValue","locales","DateTimePickerContext","createContext","Provider"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAMA,MAAMC,YAAiC,GAAG;AACtCC,EAAAA,OAAO,EAAE;AAD6B,CAA1C;AAIA,OAAO,MAAMC,qBAAqB,gBAAGH,KAAK,CAACI,aAAN,CAAyCH,YAAzC,CAA9B;AAEP,eAAeE,qBAAqB,CAACE,QAArC","sourcesContent":["import React from 'react';\n\nexport interface DateTimePickerValue {\n    locales: object;\n}\n\nconst defaultValue: DateTimePickerValue = {\n    locales: {},\n};\n\nexport const DateTimePickerContext = React.createContext<DateTimePickerValue>(defaultValue);\n\nexport default DateTimePickerContext.Provider;"]}
+{"version":3,"names":["React","defaultValue","locales","DateTimePickerContext","createContext","Provider"],"sources":["DateTimePickerProvider.ts"],"sourcesContent":["import React from 'react';\n\nexport interface DateTimePickerValue {\n    locales: object;\n}\n\nconst defaultValue: DateTimePickerValue = {\n    locales: {},\n};\n\nexport const DateTimePickerContext = React.createContext<DateTimePickerValue>(defaultValue);\n\nexport default DateTimePickerContext.Provider;"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAMA,MAAMC,YAAiC,GAAG;EACtCC,OAAO,EAAE;AAD6B,CAA1C;AAIA,OAAO,MAAMC,qBAAqB,gBAAGH,KAAK,CAACI,aAAN,CAAyCH,YAAzC,CAA9B;AAEP,eAAeE,qBAAqB,CAACE,QAArC"}

package/build/module/DateTimePicker/YearPicker.js

@@ -16,13 +16,14 @@ const useStyles = function () {
   };
 };
 
-const YearPicker = ({
-  date,
-  locale,
-  maxDate,
-  minDate,
-  onYearPress
-}) => {
+const YearPicker = _ref => {
+  let {
+    date,
+    locale,
+    maxDate,
+    minDate,
+    onYearPress
+  } = _ref;
   const styles = useStyles();
   const ref = React.useRef(null);
   const minYear = minDate ? getYear(minDate) : initYear;
@@ -50,16 +51,19 @@ const YearPicker = ({
   }), /*#__PURE__*/React.createElement(FlatList, {
     data: years,
     keyExtractor: item => item.toString(),
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/React.createElement(Button, {
-      children: item.toString(),
-      variant: 'text',
-      onPress: () => {
-        const newDate = setYear(date, item);
-        onYearPress(newDate);
-      }
-    }),
+    renderItem: _ref2 => {
+      let {
+        item
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Button, {
+        children: item.toString(),
+        variant: 'text',
+        onPress: () => {
+          const newDate = setYear(date, item);
+          onYearPress(newDate);
+        }
+      });
+    },
     getItemLayout: getItemLayout,
     style: styles.list,
     ref: ref

package/build/module/DateTimePicker/YearPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["YearPicker.tsx"],"names":["React","FlatList","getYear","setYear","Button","Column","Typography","useTheme","formatDate","initYear","itemHeight","useStyles","theme","list","marginTop","spacing","maxHeight","YearPicker","date","locale","maxDate","minDate","onYearPress","styles","ref","useRef","minYear","maxYear","Date","years","Array","fill","map","v","i","useEffect","current","scrollToItem","animated","item","getItemLayout","data","index","length","offset","toString","newDate"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,OAAT,EAAkBC,OAAlB,QAAiC,UAAjC;AAEA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,UAAzB,EAAqCC,QAArC,QAAqD,mBAArD;AACA,SAASC,UAAT,QAA2B,SAA3B;AAEA,MAAMC,QAAQ,GAAG,IAAjB;AACA,MAAMC,UAAU,GAAG,EAAnB;;AAYA,MAAMC,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAGL,QAAQ,EAAtB;AAEA,SAAO;AACHM,IAAAA,IAAI,EAAE;AACFC,MAAAA,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADT;AAEFC,MAAAA,SAAS,EAAE;AAFT;AADH,GAAP;AAMH,CATD;;AAWA,MAAMC,UAAU,GAAG,CAAC;AAChBC,EAAAA,IADgB;AAEhBC,EAAAA,MAFgB;AAGhBC,EAAAA,OAHgB;AAIhBC,EAAAA,OAJgB;AAKhBC,EAAAA;AALgB,CAAD,KAMI;AACnB,QAAMC,MAAM,GAAGZ,SAAS,EAAxB;AAEA,QAAMa,GAAG,GAAGxB,KAAK,CAACyB,MAAN,CAA8B,IAA9B,CAAZ;AAEA,QAAMC,OAAO,GAAGL,OAAO,GAAGnB,OAAO,CAACmB,OAAD,CAAV,GAAsBZ,QAA7C;AACA,QAAMkB,OAAO,GAAGP,OAAO,GAAGlB,OAAO,CAACkB,OAAD,CAAV,GAAsBlB,OAAO,CAAC,IAAI0B,IAAJ,EAAD,CAApD;AACA,QAAMC,KAAK,GAAGC,KAAK,CAACH,OAAO,GAAGD,OAAV,GAAoB,CAArB,CAAL,CAA6BK,IAA7B,CAAkCL,OAAlC,EAA2CM,GAA3C,CAA+C,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,GAAGC,CAA7D,CAAd;AAEAlC,EAAAA,KAAK,CAACmC,SAAN,CAAgB,MAAM;AAAA;;AAClB,oBAAAX,GAAG,CAACY,OAAJ,8DAAaC,YAAb,CAA0B;AACtBC,MAAAA,QAAQ,EAAE,KADY;AAEtBC,MAAAA,IAAI,EAAErC,OAAO,CAACgB,IAAD;AAFS,KAA1B;AAIH,GALD,EAKG,CAACA,IAAD,CALH;;AAOA,QAAMsB,aAAa,GAAG,CAACC,IAAD,EAAyCC,KAAzC,MAA4D;AAC9EC,IAAAA,MAAM,EAAEjC,UADsE;AAE9EkC,IAAAA,MAAM,EAAElC,UAAU,GAAGgC,KAFyD;AAG9EA,IAAAA;AAH8E,GAA5D,CAAtB;;AAMA,sBACI,oBAAC,MAAD,qBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAElC,UAAU,CAACU,IAAD,EAAOC,MAAP,CADxB;AAEI,IAAA,KAAK,EAAE,aAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IADJ,eAMI,oBAAC,QAAD;AACI,IAAA,IAAI,EAAEU,KADV;AAEI,IAAA,YAAY,EAAEU,IAAI,IAAIA,IAAI,CAACM,QAAL,EAF1B;AAGI,IAAA,UAAU,EAAE,CAAC;AAAEN,MAAAA;AAAF,KAAD,kBACR,oBAAC,MAAD;AACI,MAAA,QAAQ,EAAEA,IAAI,CAACM,QAAL,EADd;AAEI,MAAA,OAAO,EAAE,MAFb;AAGI,MAAA,OAAO,EAAE,MAAM;AACX,cAAMC,OAAO,GAAG3C,OAAO,CAACe,IAAD,EAAOqB,IAAP,CAAvB;AACAjB,QAAAA,WAAW,CAACwB,OAAD,CAAX;AACH;AANL,MAJR;AAaI,IAAA,aAAa,EAAEN,aAbnB;AAcI,IAAA,KAAK,EAAEjB,MAAM,CAACV,IAdlB;AAeI,IAAA,GAAG,EAAEW;AAfT,IANJ,CADJ;AA0BH,CAtDD;;AAwDA,eAAeP,UAAf","sourcesContent":["import React from 'react';\nimport { FlatList } from 'react-native';\nimport { getYear, setYear } from 'date-fns';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { Button, Column, Typography, useTheme } from '@fountain-ui/core';\nimport { formatDate } from './utils';\n\nconst initYear = 1901;\nconst itemHeight = 40;\n\ninterface YearPickerProps {\n    date: Date;\n    locale?: string,\n    maxDate?: Date;\n    minDate?: Date;\n    onYearPress: (date: Date) => void;\n}\n\ntype YearPickerStyles = NamedStylesStringUnion<'list'>;\n\nconst useStyles: UseStyles<YearPickerStyles> = function (): YearPickerStyles {\n    const theme = useTheme();\n\n    return {\n        list: {\n            marginTop: theme.spacing(1),\n            maxHeight: 270,\n        },\n    };\n};\n\nconst YearPicker = ({\n    date,\n    locale,\n    maxDate,\n    minDate,\n    onYearPress,\n}: YearPickerProps) => {\n    const styles = useStyles();\n\n    const ref = React.useRef<FlatList | null>(null);\n\n    const minYear = minDate ? getYear(minDate) : initYear;\n    const maxYear = maxDate ? getYear(maxDate) : getYear(new Date());\n    const years = Array(maxYear - minYear + 1).fill(minYear).map((v, i) => v + i);\n\n    React.useEffect(() => {\n        ref.current?.scrollToItem({\n            animated: false,\n            item: getYear(date),\n        });\n    }, [date]);\n\n    const getItemLayout = (data: Array<number> | null | undefined, index: number) => ({\n        length: itemHeight,\n        offset: itemHeight * index,\n        index,\n    });\n\n    return (\n        <Column>\n            <Typography\n                children={formatDate(date, locale)}\n                color={'textPrimary'}\n                variant={'subtitle2'}\n            />\n            <FlatList\n                data={years}\n                keyExtractor={item => item.toString()}\n                renderItem={({ item }) => (\n                    <Button\n                        children={item.toString()}\n                        variant={'text'}\n                        onPress={() => {\n                            const newDate = setYear(date, item);\n                            onYearPress(newDate);\n                        }}\n                    />\n                )}\n                getItemLayout={getItemLayout}\n                style={styles.list}\n                ref={ref}\n            />\n        </Column>\n    );\n};\n\nexport default YearPicker;\n"]}
+{"version":3,"names":["React","FlatList","getYear","setYear","Button","Column","Typography","useTheme","formatDate","initYear","itemHeight","useStyles","theme","list","marginTop","spacing","maxHeight","YearPicker","date","locale","maxDate","minDate","onYearPress","styles","ref","useRef","minYear","maxYear","Date","years","Array","fill","map","v","i","useEffect","current","scrollToItem","animated","item","getItemLayout","data","index","length","offset","toString","newDate"],"sources":["YearPicker.tsx"],"sourcesContent":["import React from 'react';\nimport { FlatList } from 'react-native';\nimport { getYear, setYear } from 'date-fns';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { Button, Column, Typography, useTheme } from '@fountain-ui/core';\nimport { formatDate } from './utils';\n\nconst initYear = 1901;\nconst itemHeight = 40;\n\ninterface YearPickerProps {\n    date: Date;\n    locale?: string,\n    maxDate?: Date;\n    minDate?: Date;\n    onYearPress: (date: Date) => void;\n}\n\ntype YearPickerStyles = NamedStylesStringUnion<'list'>;\n\nconst useStyles: UseStyles<YearPickerStyles> = function (): YearPickerStyles {\n    const theme = useTheme();\n\n    return {\n        list: {\n            marginTop: theme.spacing(1),\n            maxHeight: 270,\n        },\n    };\n};\n\nconst YearPicker = ({\n    date,\n    locale,\n    maxDate,\n    minDate,\n    onYearPress,\n}: YearPickerProps) => {\n    const styles = useStyles();\n\n    const ref = React.useRef<FlatList | null>(null);\n\n    const minYear = minDate ? getYear(minDate) : initYear;\n    const maxYear = maxDate ? getYear(maxDate) : getYear(new Date());\n    const years = Array(maxYear - minYear + 1).fill(minYear).map((v, i) => v + i);\n\n    React.useEffect(() => {\n        ref.current?.scrollToItem({\n            animated: false,\n            item: getYear(date),\n        });\n    }, [date]);\n\n    const getItemLayout = (data: Array<number> | null | undefined, index: number) => ({\n        length: itemHeight,\n        offset: itemHeight * index,\n        index,\n    });\n\n    return (\n        <Column>\n            <Typography\n                children={formatDate(date, locale)}\n                color={'textPrimary'}\n                variant={'subtitle2'}\n            />\n            <FlatList\n                data={years}\n                keyExtractor={item => item.toString()}\n                renderItem={({ item }) => (\n                    <Button\n                        children={item.toString()}\n                        variant={'text'}\n                        onPress={() => {\n                            const newDate = setYear(date, item);\n                            onYearPress(newDate);\n                        }}\n                    />\n                )}\n                getItemLayout={getItemLayout}\n                style={styles.list}\n                ref={ref}\n            />\n        </Column>\n    );\n};\n\nexport default YearPicker;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,OAAT,EAAkBC,OAAlB,QAAiC,UAAjC;AAEA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,UAAzB,EAAqCC,QAArC,QAAqD,mBAArD;AACA,SAASC,UAAT,QAA2B,SAA3B;AAEA,MAAMC,QAAQ,GAAG,IAAjB;AACA,MAAMC,UAAU,GAAG,EAAnB;;AAYA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,OAAO;IACHM,IAAI,EAAE;MACFC,SAAS,EAAEF,KAAK,CAACG,OAAN,CAAc,CAAd,CADT;MAEFC,SAAS,EAAE;IAFT;EADH,CAAP;AAMH,CATD;;AAWA,MAAMC,UAAU,GAAG,QAMI;EAAA,IANH;IAChBC,IADgB;IAEhBC,MAFgB;IAGhBC,OAHgB;IAIhBC,OAJgB;IAKhBC;EALgB,CAMG;EACnB,MAAMC,MAAM,GAAGZ,SAAS,EAAxB;EAEA,MAAMa,GAAG,GAAGxB,KAAK,CAACyB,MAAN,CAA8B,IAA9B,CAAZ;EAEA,MAAMC,OAAO,GAAGL,OAAO,GAAGnB,OAAO,CAACmB,OAAD,CAAV,GAAsBZ,QAA7C;EACA,MAAMkB,OAAO,GAAGP,OAAO,GAAGlB,OAAO,CAACkB,OAAD,CAAV,GAAsBlB,OAAO,CAAC,IAAI0B,IAAJ,EAAD,CAApD;EACA,MAAMC,KAAK,GAAGC,KAAK,CAACH,OAAO,GAAGD,OAAV,GAAoB,CAArB,CAAL,CAA6BK,IAA7B,CAAkCL,OAAlC,EAA2CM,GAA3C,CAA+C,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,GAAGC,CAA7D,CAAd;EAEAlC,KAAK,CAACmC,SAAN,CAAgB,MAAM;IAAA;;IAClB,gBAAAX,GAAG,CAACY,OAAJ,8DAAaC,YAAb,CAA0B;MACtBC,QAAQ,EAAE,KADY;MAEtBC,IAAI,EAAErC,OAAO,CAACgB,IAAD;IAFS,CAA1B;EAIH,CALD,EAKG,CAACA,IAAD,CALH;;EAOA,MAAMsB,aAAa,GAAG,CAACC,IAAD,EAAyCC,KAAzC,MAA4D;IAC9EC,MAAM,EAAEjC,UADsE;IAE9EkC,MAAM,EAAElC,UAAU,GAAGgC,KAFyD;IAG9EA;EAH8E,CAA5D,CAAtB;;EAMA,oBACI,oBAAC,MAAD,qBACI,oBAAC,UAAD;IACI,QAAQ,EAAElC,UAAU,CAACU,IAAD,EAAOC,MAAP,CADxB;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EADJ,eAMI,oBAAC,QAAD;IACI,IAAI,EAAEU,KADV;IAEI,YAAY,EAAEU,IAAI,IAAIA,IAAI,CAACM,QAAL,EAF1B;IAGI,UAAU,EAAE;MAAA,IAAC;QAAEN;MAAF,CAAD;MAAA,oBACR,oBAAC,MAAD;QACI,QAAQ,EAAEA,IAAI,CAACM,QAAL,EADd;QAEI,OAAO,EAAE,MAFb;QAGI,OAAO,EAAE,MAAM;UACX,MAAMC,OAAO,GAAG3C,OAAO,CAACe,IAAD,EAAOqB,IAAP,CAAvB;UACAjB,WAAW,CAACwB,OAAD,CAAX;QACH;MANL,EADQ;IAAA,CAHhB;IAaI,aAAa,EAAEN,aAbnB;IAcI,KAAK,EAAEjB,MAAM,CAACV,IAdlB;IAeI,GAAG,EAAEW;EAfT,EANJ,CADJ;AA0BH,CAtDD;;AAwDA,eAAeP,UAAf"}

package/build/module/DateTimePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","DateTimePickerProvider"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB;AACA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,0BAAlD","sourcesContent":["export { default } from './DateTimePicker';\nexport { default as DateTimePickerProvider } from './DateTimePickerProvider';\nexport type { default as DateTimePickerProps } from './DateTimePickerProps';"]}
+{"version":3,"names":["default","DateTimePickerProvider"],"sources":["index.ts"],"sourcesContent":["export { default } from './DateTimePicker';\nexport { default as DateTimePickerProvider } from './DateTimePickerProvider';\nexport type { default as DateTimePickerProps } from './DateTimePickerProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB;AACA,SAASA,OAAO,IAAIC,sBAApB,QAAkD,0BAAlD"}

package/build/module/DateTimePicker/utils.js

@@ -7,7 +7,8 @@ const localeMap = {
   de: deLocale,
   fr: frLocale
 };
-export const formatDate = (date, locale = 'en') => {
+export const formatDate = function (date) {
+  let locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en';
   //@ts-ignore
   return format(date, 'MMMM uuuu', {
     locale: localeMap[locale]

package/build/module/DateTimePicker/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["format","enLocale","deLocale","frLocale","localeMap","en","de","fr","formatDate","date","locale"],"mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AAEA,MAAMC,SAAS,GAAG;AACdC,EAAAA,EAAE,EAAEJ,QADU;AAEdK,EAAAA,EAAE,EAAEJ,QAFU;AAGdK,EAAAA,EAAE,EAAEJ;AAHU,CAAlB;AAMA,OAAO,MAAMK,UAAU,GAAG,CAACC,IAAD,EAAaC,MAAc,GAAG,IAA9B,KAA+C;AACrE;AACA,SAAOV,MAAM,CAACS,IAAD,EAAO,WAAP,EAAoB;AAAEC,IAAAA,MAAM,EAAEN,SAAS,CAACM,MAAD;AAAnB,GAApB,CAAb;AACH,CAHM","sourcesContent":["import { format } from 'date-fns';\nimport enLocale from 'date-fns/locale/en-US';\nimport deLocale from 'date-fns/locale/de';\nimport frLocale from 'date-fns/locale/fr';\n\nconst localeMap = {\n    en: enLocale,\n    de: deLocale,\n    fr: frLocale,\n};\n\nexport const formatDate = (date: Date, locale: string = 'en'): string => {\n    //@ts-ignore\n    return format(date, 'MMMM uuuu', { locale: localeMap[locale] });\n};"]}
+{"version":3,"names":["format","enLocale","deLocale","frLocale","localeMap","en","de","fr","formatDate","date","locale"],"sources":["utils.ts"],"sourcesContent":["import { format } from 'date-fns';\nimport enLocale from 'date-fns/locale/en-US';\nimport deLocale from 'date-fns/locale/de';\nimport frLocale from 'date-fns/locale/fr';\n\nconst localeMap = {\n    en: enLocale,\n    de: deLocale,\n    fr: frLocale,\n};\n\nexport const formatDate = (date: Date, locale: string = 'en'): string => {\n    //@ts-ignore\n    return format(date, 'MMMM uuuu', { locale: localeMap[locale] });\n};"],"mappings":"AAAA,SAASA,MAAT,QAAuB,UAAvB;AACA,OAAOC,QAAP,MAAqB,uBAArB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AAEA,MAAMC,SAAS,GAAG;EACdC,EAAE,EAAEJ,QADU;EAEdK,EAAE,EAAEJ,QAFU;EAGdK,EAAE,EAAEJ;AAHU,CAAlB;AAMA,OAAO,MAAMK,UAAU,GAAG,UAACC,IAAD,EAA+C;EAAA,IAAlCC,MAAkC,uEAAjB,IAAiB;EACrE;EACA,OAAOV,MAAM,CAACS,IAAD,EAAO,WAAP,EAAoB;IAAEC,MAAM,EAAEN,SAAS,CAACM,MAAD;EAAnB,CAApB,CAAb;AACH,CAHM"}

package/build/module/FlipCard/FlipCard.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import { StyleSheet, View } from 'react-native';
-import Animated from 'react-native-reanimated';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 const styles = StyleSheet.create({
   container: {
     height: 32,
@@ -22,8 +22,8 @@ export default function FlipCard(props) {
     reanimationKey,
     style
   } = props;
-  const sharedAngle = Animated.useSharedValue(0);
-  const animatedFrontCardStyle = Animated.useAnimatedStyle(() => {
+  const sharedAngle = useSharedValue(0);
+  const animatedFrontCardStyle = useAnimatedStyle(() => {
     return {
       zIndex: sharedAngle.value < Z_INDEX_CHANGE_ANGLE ? 2 : 1,
       transform: [{
@@ -32,8 +32,8 @@ export default function FlipCard(props) {
         rotateX: `${sharedAngle.value}deg`
       }]
     };
-  });
-  const animatedBackCardStyle = Animated.useAnimatedStyle(() => {
+  }, []);
+  const animatedBackCardStyle = useAnimatedStyle(() => {
     return {
       zIndex: sharedAngle.value <= Z_INDEX_CHANGE_ANGLE ? 1 : 2,
       transform: [{
@@ -42,10 +42,10 @@ export default function FlipCard(props) {
         rotateX: `${sharedAngle.value + 180}deg`
       }]
     };
-  });
+  }, []);
   useEffect(() => {
     sharedAngle.value = 0;
-    sharedAngle.value = Animated.withTiming(180, {
+    sharedAngle.value = withTiming(180, {
       duration: 500
     });
   }, [reanimationKey]);

package/build/module/FlipCard/FlipCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FlipCard.tsx"],"names":["React","useEffect","StyleSheet","View","Animated","styles","create","container","height","width","animatedCard","alignItems","backfaceVisibility","justifyContent","position","PERSPECTIVE","Z_INDEX_CHANGE_ANGLE","FlipCard","props","backCard","frontCard","reanimationKey","style","sharedAngle","useSharedValue","animatedFrontCardStyle","useAnimatedStyle","zIndex","value","transform","perspective","rotateX","animatedBackCardStyle","withTiming","duration"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,OAAOC,QAAP,MAAqB,yBAArB;AAGA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;AAC7BC,EAAAA,SAAS,EAAE;AACPC,IAAAA,MAAM,EAAE,EADD;AAEPC,IAAAA,KAAK,EAAE;AAFA,GADkB;AAK7BC,EAAAA,YAAY,EAAE;AACVC,IAAAA,UAAU,EAAE,QADF;AAEVC,IAAAA,kBAAkB,EAAE,QAFV;AAGVC,IAAAA,cAAc,EAAE,QAHN;AAIVC,IAAAA,QAAQ,EAAE;AAJA;AALe,CAAlB,CAAf;AAaA,MAAMC,WAAW,GAAG,GAApB;AACA,MAAMC,oBAAoB,GAAG,EAA7B;AAEA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;AACnD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,SAFE;AAGFC,IAAAA,cAHE;AAIFC,IAAAA;AAJE,MAKFJ,KALJ;AAOA,QAAMK,WAAW,GAAGnB,QAAQ,CAACoB,cAAT,CAAwB,CAAxB,CAApB;AAEA,QAAMC,sBAAsB,GAAGrB,QAAQ,CAACsB,gBAAT,CAA0B,MAAM;AAC3D,WAAO;AACHC,MAAAA,MAAM,EAAEJ,WAAW,CAACK,KAAZ,GAAoBZ,oBAApB,GAA2C,CAA3C,GAA+C,CADpD;AAEHa,MAAAA,SAAS,EAAE,CACP;AAAEC,QAAAA,WAAW,EAAEf;AAAf,OADO,EAEP;AAAEgB,QAAAA,OAAO,EAAG,GAAER,WAAW,CAACK,KAAM;AAAhC,OAFO;AAFR,KAAP;AAOH,GAR8B,CAA/B;AAUA,QAAMI,qBAAqB,GAAG5B,QAAQ,CAACsB,gBAAT,CAA0B,MAAM;AAC1D,WAAO;AACHC,MAAAA,MAAM,EAAEJ,WAAW,CAACK,KAAZ,IAAqBZ,oBAArB,GAA4C,CAA5C,GAAgD,CADrD;AAEHa,MAAAA,SAAS,EAAE,CACP;AAAEC,QAAAA,WAAW,EAAEf;AAAf,OADO,EAEP;AAAEgB,QAAAA,OAAO,EAAG,GAAGR,WAAW,CAACK,KAAZ,GAAoB,GAAK;AAAxC,OAFO;AAFR,KAAP;AAOH,GAR6B,CAA9B;AAUA3B,EAAAA,SAAS,CAAC,MAAM;AACZsB,IAAAA,WAAW,CAACK,KAAZ,GAAoB,CAApB;AACAL,IAAAA,WAAW,CAACK,KAAZ,GAAoBxB,QAAQ,CAAC6B,UAAT,CAAoB,GAApB,EAAyB;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAzB,CAApB;AACH,GAHQ,EAGN,CAACb,cAAD,CAHM,CAAT;AAKA,sBACI,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACE,SAAR,EAAmBe,KAAnB;AAAb,kBACI,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACK,YAAR,EAAsBe,sBAAtB;AAAtB,KACKL,SADL,CADJ,eAKI,oBAAC,QAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAACf,MAAM,CAACK,YAAR,EAAsBsB,qBAAtB;AAAtB,KACKb,QADL,CALJ,CADJ;AAWH;AAAA","sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated from 'react-native-reanimated';\nimport type FlipCardProps from './FlipCardProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        height: 32,\n        width: 24,\n    },\n    animatedCard: {\n        alignItems: 'center',\n        backfaceVisibility: 'hidden',\n        justifyContent: 'center',\n        position: 'absolute',\n    },\n});\n\nconst PERSPECTIVE = 100;\nconst Z_INDEX_CHANGE_ANGLE = 90;\n\nexport default function FlipCard(props: FlipCardProps) {\n    const {\n        backCard,\n        frontCard,\n        reanimationKey,\n        style,\n    } = props;\n\n    const sharedAngle = Animated.useSharedValue(0);\n\n    const animatedFrontCardStyle = Animated.useAnimatedStyle(() => {\n        return {\n            zIndex: sharedAngle.value < Z_INDEX_CHANGE_ANGLE ? 2 : 1,\n            transform: [\n                { perspective: PERSPECTIVE },\n                { rotateX: `${sharedAngle.value}deg` },\n            ],\n        };\n    });\n\n    const animatedBackCardStyle = Animated.useAnimatedStyle(() => {\n        return {\n            zIndex: sharedAngle.value <= Z_INDEX_CHANGE_ANGLE ? 1 : 2,\n            transform: [\n                { perspective: PERSPECTIVE },\n                { rotateX: `${(sharedAngle.value + 180)}deg` },\n            ],\n        };\n    });\n\n    useEffect(() => {\n        sharedAngle.value = 0;\n        sharedAngle.value = Animated.withTiming(180, { duration: 500 });\n    }, [reanimationKey]);\n\n    return (\n        <View style={[styles.container, style]}>\n            <Animated.View style={[styles.animatedCard, animatedFrontCardStyle]}>\n                {frontCard}\n            </Animated.View>\n\n            <Animated.View style={[styles.animatedCard, animatedBackCardStyle]}>\n                {backCard}\n            </Animated.View>\n        </View>\n    );\n};"]}
+{"version":3,"names":["React","useEffect","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","styles","create","container","height","width","animatedCard","alignItems","backfaceVisibility","justifyContent","position","PERSPECTIVE","Z_INDEX_CHANGE_ANGLE","FlipCard","props","backCard","frontCard","reanimationKey","style","sharedAngle","animatedFrontCardStyle","zIndex","value","transform","perspective","rotateX","animatedBackCardStyle","duration"],"sources":["FlipCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { StyleSheet, View } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport type FlipCardProps from './FlipCardProps';\n\nconst styles = StyleSheet.create({\n    container: {\n        height: 32,\n        width: 24,\n    },\n    animatedCard: {\n        alignItems: 'center',\n        backfaceVisibility: 'hidden',\n        justifyContent: 'center',\n        position: 'absolute',\n    },\n});\n\nconst PERSPECTIVE = 100;\nconst Z_INDEX_CHANGE_ANGLE = 90;\n\nexport default function FlipCard(props: FlipCardProps) {\n    const {\n        backCard,\n        frontCard,\n        reanimationKey,\n        style,\n    } = props;\n\n    const sharedAngle = useSharedValue(0);\n\n    const animatedFrontCardStyle = useAnimatedStyle(() => {\n        return {\n            zIndex: sharedAngle.value < Z_INDEX_CHANGE_ANGLE ? 2 : 1,\n            transform: [\n                { perspective: PERSPECTIVE },\n                { rotateX: `${sharedAngle.value}deg` },\n            ],\n        };\n    }, []);\n\n    const animatedBackCardStyle = useAnimatedStyle(() => {\n        return {\n            zIndex: sharedAngle.value <= Z_INDEX_CHANGE_ANGLE ? 1 : 2,\n            transform: [\n                { perspective: PERSPECTIVE },\n                { rotateX: `${(sharedAngle.value + 180)}deg` },\n            ],\n        };\n    }, []);\n\n    useEffect(() => {\n        sharedAngle.value = 0;\n        sharedAngle.value = withTiming(180, { duration: 500 });\n    }, [reanimationKey]);\n\n    return (\n        <View style={[styles.container, style]}>\n            <Animated.View style={[styles.animatedCard, animatedFrontCardStyle]}>\n                {frontCard}\n            </Animated.View>\n\n            <Animated.View style={[styles.animatedCard, animatedBackCardStyle]}>\n                {backCard}\n            </Animated.View>\n        </View>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,UAAT,EAAqBC,IAArB,QAAiC,cAAjC;AACA,OAAOC,QAAP,IAAmBC,gBAAnB,EAAqCC,cAArC,EAAqDC,UAArD,QAAuE,yBAAvE;AAGA,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAX,CAAkB;EAC7BC,SAAS,EAAE;IACPC,MAAM,EAAE,EADD;IAEPC,KAAK,EAAE;EAFA,CADkB;EAK7BC,YAAY,EAAE;IACVC,UAAU,EAAE,QADF;IAEVC,kBAAkB,EAAE,QAFV;IAGVC,cAAc,EAAE,QAHN;IAIVC,QAAQ,EAAE;EAJA;AALe,CAAlB,CAAf;AAaA,MAAMC,WAAW,GAAG,GAApB;AACA,MAAMC,oBAAoB,GAAG,EAA7B;AAEA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,SAFE;IAGFC,cAHE;IAIFC;EAJE,IAKFJ,KALJ;EAOA,MAAMK,WAAW,GAAGpB,cAAc,CAAC,CAAD,CAAlC;EAEA,MAAMqB,sBAAsB,GAAGtB,gBAAgB,CAAC,MAAM;IAClD,OAAO;MACHuB,MAAM,EAAEF,WAAW,CAACG,KAAZ,GAAoBV,oBAApB,GAA2C,CAA3C,GAA+C,CADpD;MAEHW,SAAS,EAAE,CACP;QAAEC,WAAW,EAAEb;MAAf,CADO,EAEP;QAAEc,OAAO,EAAG,GAAEN,WAAW,CAACG,KAAM;MAAhC,CAFO;IAFR,CAAP;EAOH,CAR8C,EAQ5C,EAR4C,CAA/C;EAUA,MAAMI,qBAAqB,GAAG5B,gBAAgB,CAAC,MAAM;IACjD,OAAO;MACHuB,MAAM,EAAEF,WAAW,CAACG,KAAZ,IAAqBV,oBAArB,GAA4C,CAA5C,GAAgD,CADrD;MAEHW,SAAS,EAAE,CACP;QAAEC,WAAW,EAAEb;MAAf,CADO,EAEP;QAAEc,OAAO,EAAG,GAAGN,WAAW,CAACG,KAAZ,GAAoB,GAAK;MAAxC,CAFO;IAFR,CAAP;EAOH,CAR6C,EAQ3C,EAR2C,CAA9C;EAUA5B,SAAS,CAAC,MAAM;IACZyB,WAAW,CAACG,KAAZ,GAAoB,CAApB;IACAH,WAAW,CAACG,KAAZ,GAAoBtB,UAAU,CAAC,GAAD,EAAM;MAAE2B,QAAQ,EAAE;IAAZ,CAAN,CAA9B;EACH,CAHQ,EAGN,CAACV,cAAD,CAHM,CAAT;EAKA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAAChB,MAAM,CAACE,SAAR,EAAmBe,KAAnB;EAAb,gBACI,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACjB,MAAM,CAACK,YAAR,EAAsBc,sBAAtB;EAAtB,GACKJ,SADL,CADJ,eAKI,oBAAC,QAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAACf,MAAM,CAACK,YAAR,EAAsBoB,qBAAtB;EAAtB,GACKX,QADL,CALJ,CADJ;AAWH;AAAA"}

package/build/module/FlipCard/FlipCardProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["FlipCardProps.ts"],"sourcesContent":["import React from 'react';\nimport { ComponentProps } from '@fountain-ui/core';\n\nexport default interface FlipCardProps extends ComponentProps<{\n    /**\n     * Element placed on backSide\n     */\n    backCard: React.ReactElement;\n\n    /**\n     * Element placed on frontSide\n     */\n    frontCard: React.ReactElement;\n\n    /**\n     * The key to reanimate Component, usually includes card content\n     */\n    reanimationKey?: string;\n}> {}"],"mappings":""}

package/build/module/FlipCard/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB","sourcesContent":["export { default } from './FlipCard';\nexport type { default as FlipCardProps } from './FlipCardProps';"]}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './FlipCard';\nexport type { default as FlipCardProps } from './FlipCardProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}

package/build/module/StatusBarProvider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Provider.ts"],"names":["React","StatusBarContext","createContext","useStatusBarContext","useContext","Provider"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAUA,OAAO,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAAzB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;AACrC,SAAOH,KAAK,CAACI,UAAN,CAAiBH,gBAAjB,CAAP;AACH,CAFM;AAIP,eAAeA,gBAAgB,CAACI,QAAhC","sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"]}
+{"version":3,"names":["React","StatusBarContext","createContext","useStatusBarContext","useContext","Provider"],"sources":["Provider.ts"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\n\nexport interface StatusBarProviderValue {\n    setTranslucent: (value: boolean) => void;\n    setBackgroundColor: (value: string) => void;\n    setHidden: (value: boolean) => void;\n    setBarStyle: (value: StatusBarStyle, animated?: boolean) => void;\n}\n\nexport const StatusBarContext = React.createContext<StatusBarProviderValue | null>(null);\n\nexport const useStatusBarContext = () => {\n    return React.useContext(StatusBarContext);\n};\n\nexport default StatusBarContext.Provider;"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAUA,OAAO,MAAMC,gBAAgB,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAAzB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOH,KAAK,CAACI,UAAN,CAAiBH,gBAAjB,CAAP;AACH,CAFM;AAIP,eAAeA,gBAAgB,CAACI,QAAhC"}

package/build/module/StatusBarProvider/StatusBarProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StatusBarProvider.tsx"],"names":["React","Platform","StatusBar","RNStatusBar","View","useSafeAreaInsets","useTheme","css","Provider","initialVisible","select","ios","android","StatusBarProvider","props","children","theme","defaultColor","palette","background","default","visible","setVisible","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","backgroundViewStyle","backgroundColor","height","top","left","position","right","zIndex","statusBar"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,SAAS,IAAIC,WAAhC,EAA6CC,IAA7C,QAAyD,cAAzD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,GAAT,QAAoB,qBAApB;AACA,OAAOC,QAAP,MAAqB,YAArB;AAGA,MAAMC,cAAc,GAAGR,QAAQ,CAACS,MAAT,CAAgB;AACnCC,EAAAA,GAAG,EAAE,IAD8B;AAEnCC,EAAAA,OAAO,EAAE;AAF0B,CAAhB,CAAvB;AAKA,eAAe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;AACrE,QAAM;AAAEC,IAAAA;AAAF,MAAeD,KAArB;AAEA,QAAME,KAAK,GAAGV,QAAQ,EAAtB;AACA,QAAMW,YAAY,GAAGD,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;AAEA,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBtB,KAAK,CAACuB,QAAN,CAAed,cAAf,CAA9B;AACA,QAAM,CAACe,mBAAD,EAAsBC,sBAAtB,IAAgDzB,KAAK,CAACuB,QAAN,CAAeN,YAAf,CAAtD;;AAEA,QAAMS,kBAAkB,GAAIC,KAAD,IAAmB;AAC1C,QAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;AAC3BzB,MAAAA,WAAW,CAACuB,kBAAZ,CAA+BC,KAA/B;AACH;;AAED,QAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;AACvBH,MAAAA,sBAAsB,CAACE,KAAD,CAAtB;AACH;AACJ,GARD;;AAUA,QAAME,WAAW,GAAG,CAACF,KAAD,EAAwBG,QAAxB,KAA+C;AAC/D3B,IAAAA,WAAW,CAAC0B,WAAZ,CAAwBF,KAAxB,EAA+BG,QAA/B;AACH,GAFD;;AAIA,QAAMC,SAAS,GAAIJ,KAAD,IAAoB;AAClC,QAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;AACvBN,MAAAA,UAAU,CAAC,CAACK,KAAF,CAAV;AACH;;AAEDxB,IAAAA,WAAW,CAAC4B,SAAZ,CAAsBJ,KAAtB;AACH,GAND;;AAQA,QAAMK,cAAc,GAAIL,KAAD,IAAoB;AACvC,QAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;AAC3BzB,MAAAA,WAAW,CAAC6B,cAAZ,CAA2BL,KAA3B;AACH;AACJ,GAJD;;AAMA,QAAMM,0BAA0B,GAAGhC,QAAQ,CAAC2B,EAAT,KAAgB,KAAhB,IAAyBP,OAA5D;AAEA,QAAMa,KAAK,GAAG7B,iBAAiB,EAA/B;AACA,QAAM8B,mBAAmB,GAAG5B,GAAG,CAAC,CAC5B;AACI6B,IAAAA,eAAe,EAAEZ,mBADrB;AAEIa,IAAAA,MAAM,EAAEH,KAAK,CAACI,GAFlB;AAGIC,IAAAA,IAAI,EAAE,CAHV;AAIIC,IAAAA,QAAQ,EAAE,UAJd;AAKIC,IAAAA,KAAK,EAAE,CALX;AAMIH,IAAAA,GAAG,EAAE,CANT;AAOII,IAAAA,MAAM,EAAE1B,KAAK,CAAC0B,MAAN,CAAaC;AAPzB,GAD4B,CAAD,CAA/B;AAYA,sBACI,oBAAC,QAAD;AAAU,IAAA,KAAK,EAAE;AACbjB,MAAAA,kBADa;AAEbG,MAAAA,WAFa;AAGbE,MAAAA,SAHa;AAIbC,MAAAA;AAJa;AAAjB,KAMKC,0BAA0B,gBACvB,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEE;AAAb,IADuB,GAEvB,IARR,EASKpB,QATL,CADJ;AAaH","sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"]}
+{"version":3,"names":["React","Platform","StatusBar","RNStatusBar","View","useSafeAreaInsets","useTheme","css","Provider","initialVisible","select","ios","android","StatusBarProvider","props","children","theme","defaultColor","palette","background","default","visible","setVisible","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","backgroundViewStyle","backgroundColor","height","top","left","position","right","zIndex","statusBar"],"sources":["StatusBarProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { StatusBarStyle } from 'react-native';\nimport { Platform, StatusBar as RNStatusBar, View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { useTheme } from '@fountain-ui/core';\nimport { css } from '@fountain-ui/styles';\nimport Provider from './Provider';\nimport type StatusBarProviderProps from './StatusBarProviderProps';\n\nconst initialVisible = Platform.select({\n    ios: true,\n    android: false,\n});\n\nexport default function StatusBarProvider(props: StatusBarProviderProps) {\n    const { children } = props;\n\n    const theme = useTheme();\n    const defaultColor = theme.palette.background.default;\n\n    const [visible, setVisible] = React.useState(initialVisible);\n    const [backgroundViewColor, setBackgroundViewColor] = React.useState(defaultColor);\n\n    const setBackgroundColor = (value: string) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setBackgroundColor(value);\n        }\n\n        if (Platform.OS === 'ios') {\n            setBackgroundViewColor(value);\n        }\n    };\n\n    const setBarStyle = (value: StatusBarStyle, animated?: boolean) => {\n        RNStatusBar.setBarStyle(value, animated);\n    };\n\n    const setHidden = (value: boolean) => {\n        if (Platform.OS === 'ios') {\n            setVisible(!value);\n        }\n\n        RNStatusBar.setHidden(value);\n    };\n\n    const setTranslucent = (value: boolean) => {\n        if (Platform.OS === 'android') {\n            RNStatusBar.setTranslucent(value);\n        }\n    };\n\n    const shouldRenderBackgroundView = Platform.OS === 'ios' && visible;\n\n    const inset = useSafeAreaInsets();\n    const backgroundViewStyle = css([\n        {\n            backgroundColor: backgroundViewColor,\n            height: inset.top,\n            left: 0,\n            position: 'absolute',\n            right: 0,\n            top: 0,\n            zIndex: theme.zIndex.statusBar,\n        },\n    ]);\n\n    return (\n        <Provider value={{\n            setBackgroundColor,\n            setBarStyle,\n            setHidden,\n            setTranslucent,\n        }}>\n            {shouldRenderBackgroundView ? (\n                <View style={backgroundViewStyle}/>\n            ) : null}\n            {children}\n        </Provider>\n    );\n}"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,SAASC,QAAT,EAAmBC,SAAS,IAAIC,WAAhC,EAA6CC,IAA7C,QAAyD,cAAzD;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,QAAT,QAAyB,mBAAzB;AACA,SAASC,GAAT,QAAoB,qBAApB;AACA,OAAOC,QAAP,MAAqB,YAArB;AAGA,MAAMC,cAAc,GAAGR,QAAQ,CAACS,MAAT,CAAgB;EACnCC,GAAG,EAAE,IAD8B;EAEnCC,OAAO,EAAE;AAF0B,CAAhB,CAAvB;AAKA,eAAe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IAAEC;EAAF,IAAeD,KAArB;EAEA,MAAME,KAAK,GAAGV,QAAQ,EAAtB;EACA,MAAMW,YAAY,GAAGD,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;EAEA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBtB,KAAK,CAACuB,QAAN,CAAed,cAAf,CAA9B;EACA,MAAM,CAACe,mBAAD,EAAsBC,sBAAtB,IAAgDzB,KAAK,CAACuB,QAAN,CAAeN,YAAf,CAAtD;;EAEA,MAAMS,kBAAkB,GAAIC,KAAD,IAAmB;IAC1C,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;MAC3BzB,WAAW,CAACuB,kBAAZ,CAA+BC,KAA/B;IACH;;IAED,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;MACvBH,sBAAsB,CAACE,KAAD,CAAtB;IACH;EACJ,CARD;;EAUA,MAAME,WAAW,GAAG,CAACF,KAAD,EAAwBG,QAAxB,KAA+C;IAC/D3B,WAAW,CAAC0B,WAAZ,CAAwBF,KAAxB,EAA+BG,QAA/B;EACH,CAFD;;EAIA,MAAMC,SAAS,GAAIJ,KAAD,IAAoB;IAClC,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,KAApB,EAA2B;MACvBN,UAAU,CAAC,CAACK,KAAF,CAAV;IACH;;IAEDxB,WAAW,CAAC4B,SAAZ,CAAsBJ,KAAtB;EACH,CAND;;EAQA,MAAMK,cAAc,GAAIL,KAAD,IAAoB;IACvC,IAAI1B,QAAQ,CAAC2B,EAAT,KAAgB,SAApB,EAA+B;MAC3BzB,WAAW,CAAC6B,cAAZ,CAA2BL,KAA3B;IACH;EACJ,CAJD;;EAMA,MAAMM,0BAA0B,GAAGhC,QAAQ,CAAC2B,EAAT,KAAgB,KAAhB,IAAyBP,OAA5D;EAEA,MAAMa,KAAK,GAAG7B,iBAAiB,EAA/B;EACA,MAAM8B,mBAAmB,GAAG5B,GAAG,CAAC,CAC5B;IACI6B,eAAe,EAAEZ,mBADrB;IAEIa,MAAM,EAAEH,KAAK,CAACI,GAFlB;IAGIC,IAAI,EAAE,CAHV;IAIIC,QAAQ,EAAE,UAJd;IAKIC,KAAK,EAAE,CALX;IAMIH,GAAG,EAAE,CANT;IAOII,MAAM,EAAE1B,KAAK,CAAC0B,MAAN,CAAaC;EAPzB,CAD4B,CAAD,CAA/B;EAYA,oBACI,oBAAC,QAAD;IAAU,KAAK,EAAE;MACbjB,kBADa;MAEbG,WAFa;MAGbE,SAHa;MAIbC;IAJa;EAAjB,GAMKC,0BAA0B,gBACvB,oBAAC,IAAD;IAAM,KAAK,EAAEE;EAAb,EADuB,GAEvB,IARR,EASKpB,QATL,CADJ;AAaH"}

package/build/module/StatusBarProvider/StatusBarProviderProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["StatusBarProviderProps.ts"],"sourcesContent":["import React from 'react';\n\nexport default interface StatusBarProviderProp {\n    /**\n     * The screens where the statusbar will be visible.\n     */\n    children: React.ReactNode;\n}"],"mappings":""}

package/build/module/StatusBarProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["default","useStatusBarContext"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB;AACA,SAASC,mBAAT,QAAoC,YAApC","sourcesContent":["export { default } from './StatusBarProvider';\nexport { useStatusBarContext } from './Provider';\nexport type { default as StatusBarProviderProps } from './StatusBarProviderProps';"]}
+{"version":3,"names":["default","useStatusBarContext"],"sources":["index.ts"],"sourcesContent":["export { default } from './StatusBarProvider';\nexport { useStatusBarContext } from './Provider';\nexport type { default as StatusBarProviderProps } from './StatusBarProviderProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,qBAAxB;AACA,SAASC,mBAAT,QAAoC,YAApC"}

package/build/module/ViewPager/ChildrenMemoizedPage.js

@@ -1,37 +1,94 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { View } from 'react-native';
+import React, { memo, useMemo, useState } from 'react';
+import { Platform, View } from 'react-native';
+import { runOnJS, useAnimatedReaction } from 'react-native-reanimated';
+import { StyleSheet } from '@fountain-ui/core';
+import PageStateContext from './PageStateContext';
+const styles = StyleSheet.create({
+  fill: {
+    width: '100%',
+    height: '100%'
+  },
+  none: {
+    display: 'none'
+  }
+});
 
-const Page = function Page(props) {
+function Page(props) {
   const {
-    isVisible,
-    ...otherProps
+    index,
+    children,
+    loading,
+    offscreenPageRerenderLimit,
+    sharedIndex
   } = props;
-  return /*#__PURE__*/React.createElement(View, _extends({
-    collapsable: false
-  }, otherProps));
-};
 
-export default /*#__PURE__*/React.memo(Page, (prevProps, nextProps) => {
-  if (prevProps.children === null && nextProps.children === null) {
-    return true;
-  } // isVisible is an important condition for determining memos on the web.
-  // Reference ViewPagerWeb's return.
+  const assumeInitialPageState = () => {
+    const activeIndex = sharedIndex.value;
+    const isActive = index === activeIndex;
 
+    if (loading === 'eager') {
+      return {
+        isActive,
+        isLoaded: true
+      };
+    }
 
-  if (prevProps.isVisible !== nextProps.isVisible) {
-    return false;
-  }
+    const isLoaded = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+    return {
+      isActive,
+      isLoaded
+    };
+  };
 
-  if (nextProps.isVisible || nextProps.isNeighbor) {
-    return false;
-  }
+  const [pageState, setPageState] = useState(assumeInitialPageState);
+  const content = pageState.isLoaded ? children : null;
+
+  const onActiveStateChange = isActive => {
+    setPageState(prevState => ({ ...prevState,
+      isActive,
+      isLoaded: isActive || prevState.isLoaded
+    }));
+  };
+
+  const onBecomeNeighbor = () => {
+    setPageState(prevState => ({ ...prevState,
+      isLoaded: true
+    }));
+  };
+
+  useAnimatedReaction(() => {
+    const activeIndex = sharedIndex.value;
+    const isActive = index === activeIndex;
+    const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit && index <= activeIndex + offscreenPageRerenderLimit;
+    const becomeNeighbor = shouldRerender && !isActive;
+    return {
+      isActive,
+      becomeNeighbor
+    };
+  }, (nextState, prevState) => {
+    if (nextState.isActive !== (prevState === null || prevState === void 0 ? void 0 : prevState.isActive)) {
+      runOnJS(onActiveStateChange)(nextState.isActive);
+    } else if (nextState.becomeNeighbor) {
+      runOnJS(onBecomeNeighbor)();
+    }
+  }, [index]);
+  const contextValue = useMemo(() => ({
+    isActive: pageState.isActive
+  }), [pageState.isActive]);
+  const style = Platform.OS === 'web' ? pageState.isActive ? StyleSheet.absoluteFill : styles.none : styles.fill;
+  return /*#__PURE__*/React.createElement(View, {
+    collapsable: false,
+    style: style
+  }, /*#__PURE__*/React.createElement(PageStateContext.Provider, {
+    value: contextValue
+  }, content));
+}
 
+export default /*#__PURE__*/memo(Page, (prevProps, nextProps) => {
   if (prevProps.rerenderKey !== nextProps.rerenderKey) {
     return false;
   }
 
-  return prevProps.children !== null && nextProps.children !== null;
+  return prevProps.index !== nextProps.index;
 });
 //# sourceMappingURL=ChildrenMemoizedPage.js.map

package/build/module/ViewPager/ChildrenMemoizedPage.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ChildrenMemoizedPage.tsx"],"names":["React","View","Page","props","isVisible","otherProps","memo","prevProps","nextProps","children","isNeighbor","rerenderKey"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;;AAGA,MAAMC,IAAI,GAAG,SAASA,IAAT,CAAcC,KAAd,EAAgC;AACzC,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BF,KAArC;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,WAAW,EAAE;AADjB,KAEQE,UAFR,EADJ;AAMH,CATD;;AAWA,4BAAeL,KAAK,CAACM,IAAN,CAAWJ,IAAX,EAAiB,CAACK,SAAD,EAAYC,SAAZ,KAA0B;AACtD,MAAID,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA1D,EAAgE;AAC5D,WAAO,IAAP;AACH,GAHqD,CAKtD;AACA;;;AACA,MAAIF,SAAS,CAACH,SAAV,KAAwBI,SAAS,CAACJ,SAAtC,EAAiD;AAC7C,WAAO,KAAP;AACH;;AAED,MAAII,SAAS,CAACJ,SAAV,IAAuBI,SAAS,CAACE,UAArC,EAAiD;AAC7C,WAAO,KAAP;AACH;;AAED,MAAIH,SAAS,CAACI,WAAV,KAA0BH,SAAS,CAACG,WAAxC,EAAqD;AACjD,WAAO,KAAP;AACH;;AAED,SAAOJ,SAAS,CAACE,QAAV,KAAuB,IAAvB,IAA+BD,SAAS,CAACC,QAAV,KAAuB,IAA7D;AACH,CApBc,CAAf","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport type { PageProps } from './ViewPagerProps';\n\nconst Page = function Page(props: PageProps) {\n    const { isVisible, ...otherProps } = props;\n\n    return (\n        <View\n            collapsable={false}\n            {...otherProps}\n        />\n    );\n};\n\nexport default React.memo(Page, (prevProps, nextProps) => {\n    if (prevProps.children === null && nextProps.children === null) {\n        return true;\n    }\n\n    // isVisible is an important condition for determining memos on the web.\n    // Reference ViewPagerWeb's return.\n    if (prevProps.isVisible !== nextProps.isVisible) {\n        return false;\n    }\n\n    if (nextProps.isVisible || nextProps.isNeighbor) {\n        return false;\n    }\n\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.children !== null && nextProps.children !== null;\n});\n"]}
+{"version":3,"names":["React","memo","useMemo","useState","Platform","View","runOnJS","useAnimatedReaction","StyleSheet","PageStateContext","styles","create","fill","width","height","none","display","Page","props","index","children","loading","offscreenPageRerenderLimit","sharedIndex","assumeInitialPageState","activeIndex","value","isActive","isLoaded","pageState","setPageState","content","onActiveStateChange","prevState","onBecomeNeighbor","shouldRerender","becomeNeighbor","nextState","contextValue","style","OS","absoluteFill","prevProps","nextProps","rerenderKey"],"sources":["ChildrenMemoizedPage.tsx"],"sourcesContent":["import React, { memo, useMemo, useState } from 'react';\nimport { Platform, View } from 'react-native';\nimport { runOnJS, useAnimatedReaction } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type { PageProps } from './ViewPagerProps';\nimport PageStateContext from './PageStateContext';\n\nconst styles = StyleSheet.create({\n    fill: { width: '100%', height: '100%' },\n    none: { display: 'none' },\n});\n\ninterface InternalPageState {\n    isActive: boolean;\n    isLoaded: boolean;\n}\n\nfunction Page(props: PageProps) {\n    const {\n        index,\n        children,\n        loading,\n        offscreenPageRerenderLimit,\n        sharedIndex,\n    } = props;\n\n    const assumeInitialPageState = (): InternalPageState => {\n        const activeIndex = sharedIndex.value;\n\n        const isActive = index === activeIndex;\n\n        if (loading === 'eager') {\n            return { isActive, isLoaded: true };\n        }\n\n        const isLoaded = index >= activeIndex - offscreenPageRerenderLimit\n            && index <= activeIndex + offscreenPageRerenderLimit;\n\n        return { isActive, isLoaded };\n    };\n\n    const [pageState, setPageState] = useState<InternalPageState>(assumeInitialPageState);\n\n    const content = pageState.isLoaded ? children : null;\n\n    const onActiveStateChange = (isActive: boolean) => {\n        setPageState(prevState => ({\n            ...prevState,\n            isActive,\n            isLoaded: isActive || prevState.isLoaded,\n        }));\n    };\n\n    const onBecomeNeighbor = () => {\n        setPageState(prevState => ({\n            ...prevState,\n            isLoaded: true,\n        }));\n    };\n\n    useAnimatedReaction(\n        () => {\n            const activeIndex = sharedIndex.value;\n\n            const isActive = index === activeIndex;\n\n            const shouldRerender = index >= activeIndex - offscreenPageRerenderLimit\n                && index <= activeIndex + offscreenPageRerenderLimit;\n\n            const becomeNeighbor = shouldRerender && !isActive;\n\n            return { isActive, becomeNeighbor };\n        },\n        (nextState, prevState) => {\n            if (nextState.isActive !== prevState?.isActive) {\n                runOnJS(onActiveStateChange)(nextState.isActive);\n            } else if (nextState.becomeNeighbor) {\n                runOnJS(onBecomeNeighbor)();\n            }\n        },\n        [index],\n    );\n\n    const contextValue = useMemo(() => ({\n        isActive: pageState.isActive,\n    }), [pageState.isActive]);\n\n    const style = Platform.OS === 'web'\n        ? (pageState.isActive ? StyleSheet.absoluteFill : styles.none)\n        : styles.fill;\n\n    return (\n        <View\n            collapsable={false}\n            style={style}\n        >\n            <PageStateContext.Provider value={contextValue}>\n                {content}\n            </PageStateContext.Provider>\n        </View>\n    );\n}\n\nexport default memo(Page, (prevProps, nextProps) => {\n    if (prevProps.rerenderKey !== nextProps.rerenderKey) {\n        return false;\n    }\n\n    return prevProps.index !== nextProps.index;\n});\n"],"mappings":"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"}

package/build/module/ViewPager/PageStateContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from 'react';
+const initialPageState = {
+  isActive: false
+};
+const PageStateContext = /*#__PURE__*/createContext(initialPageState);
+export const useViewPagerPageState = () => {
+  return useContext(PageStateContext);
+};
+export default PageStateContext;
+//# sourceMappingURL=PageStateContext.js.map

package/build/module/ViewPager/PageStateContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","initialPageState","isActive","PageStateContext","useViewPagerPageState"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ninterface PageState {\n    isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState> = { isActive: false };\n\nconst PageStateContext = createContext<PageState>(initialPageState);\n\nexport const useViewPagerPageState = () => {\n    return useContext(PageStateContext);\n};\n\nexport default PageStateContext;\n"],"mappings":"AAAA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,OAA1C;AAMA,MAAMC,gBAAqC,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAA9C;AAEA,MAAMC,gBAAgB,gBAAGJ,aAAa,CAAYE,gBAAZ,CAAtC;AAEA,OAAO,MAAMG,qBAAqB,GAAG,MAAM;EACvC,OAAOJ,UAAU,CAACG,gBAAD,CAAjB;AACH,CAFM;AAIP,eAAeA,gBAAf"}

package/build/module/ViewPager/ViewPagerNative.js

@@ -1,53 +1,77 @@
-import React from 'react';
-import RNViewPager from '@react-native-community/viewpager';
-import { defaultEnableNeighborPageRerender, defaultEnableVisibleHint, defaultLoading, defaultPageComponent, usePageRenderer } from './utils';
-export default function ViewPager(props) {
+import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';
+import RNViewPager from 'react-native-pager-view';
+import { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';
+import { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
   const {
     children,
-    enableVisibleHint = defaultEnableVisibleHint,
-    index,
+    initialPage = defaultInitialPage,
     keyboardDismissMode = 'on-drag',
     loading = defaultLoading,
+    offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,
     onChange,
     pageComponent = defaultPageComponent,
-    enableNeighborPageRerender = defaultEnableNeighborPageRerender,
     pageForceRerenderKey,
     scrollEnabled = true,
-    style
+    style,
+    UNSTABLE_sharedIndex
   } = props;
-  const indexRef = React.useRef(index);
-  const pagerRef = React.useRef(null);
-  const renderer = usePageRenderer({
-    enableVisibleHint,
-    index,
-    loading,
-    pageComponent,
-    pageForceRerenderKey,
-    enableNeighborPageRerender
-  });
-  const handlePageSelected = React.useCallback(e => {
-    indexRef.current = e.nativeEvent.position;
+  const fallbackSharedIndex = useSharedValue(initialPage);
+  const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;
+  const pagerRef = useRef(null);
+  const animationFrameRef = useRef(NaN);
+  const setPage = useCallback(newIndex => {
+    animationFrameRef.current = requestAnimationFrame(() => {
+      var _pagerRef$current;
 
-    if (onChange) {
-      onChange(indexRef.current);
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newIndex);
+    });
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, []);
+  useAnimatedReaction(() => sharedIndex.value, result => {
+    runOnJS(setPage)(result);
+  }, [setPage]);
+  const handlePageSelected = useCallback(e => {
+    const currentIndex = sharedIndex.value;
+    const nextIndex = e.nativeEvent.position;
+
+    if (currentIndex === nextIndex) {
+      return;
     }
-  }, [onChange]);
-  React.useEffect(() => {
-    if (index !== indexRef.current) {
-      var _pagerRef$current;
 
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(index);
+    sharedIndex.value = nextIndex;
+
+    if (onChange) {
+      onChange(nextIndex);
     }
-  }, [index]);
+  }, [onChange]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const PageComponent = pageComponent;
   return /*#__PURE__*/React.createElement(RNViewPager, {
-    initialPage: index,
+    ref: pagerRef,
+    initialPage: initialPage,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
-    ref: pagerRef,
     scrollEnabled: scrollEnabled,
     style: style
-  }, renderer(children));
-}
-;
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(PageComponent, {
+    key: index,
+    children: child,
+    index: index,
+    loading: loading,
+    offscreenPageRerenderLimit: offscreenPageRerenderLimit,
+    rerenderKey: pageForceRerenderKey,
+    sharedIndex: sharedIndex
+  })));
+});
+export default ViewPager;
 //# sourceMappingURL=ViewPagerNative.js.map

package/build/module/ViewPager/ViewPagerNative.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ViewPagerNative.tsx"],"names":["React","RNViewPager","defaultEnableNeighborPageRerender","defaultEnableVisibleHint","defaultLoading","defaultPageComponent","usePageRenderer","ViewPager","props","children","enableVisibleHint","index","keyboardDismissMode","loading","onChange","pageComponent","enableNeighborPageRerender","pageForceRerenderKey","scrollEnabled","style","indexRef","useRef","pagerRef","renderer","handlePageSelected","useCallback","e","current","nativeEvent","position","useEffect","setPage"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,WAAP,MAA0D,mCAA1D;AAEA,SACIC,iCADJ,EAEIC,wBAFJ,EAGIC,cAHJ,EAIIC,oBAJJ,EAKIC,eALJ,QAMO,SANP;AAQA,eAAe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,iBAAiB,GAAGP,wBAFlB;AAGFQ,IAAAA,KAHE;AAIFC,IAAAA,mBAAmB,GAAG,SAJpB;AAKFC,IAAAA,OAAO,GAAGT,cALR;AAMFU,IAAAA,QANE;AAOFC,IAAAA,aAAa,GAAGV,oBAPd;AAQFW,IAAAA,0BAA0B,GAAGd,iCAR3B;AASFe,IAAAA,oBATE;AAUFC,IAAAA,aAAa,GAAG,IAVd;AAWFC,IAAAA;AAXE,MAYFX,KAZJ;AAcA,QAAMY,QAAQ,GAAGpB,KAAK,CAACqB,MAAN,CAAqBV,KAArB,CAAjB;AACA,QAAMW,QAAQ,GAAGtB,KAAK,CAACqB,MAAN,CAAiC,IAAjC,CAAjB;AAEA,QAAME,QAAQ,GAAGjB,eAAe,CAAC;AAC7BI,IAAAA,iBAD6B;AAE7BC,IAAAA,KAF6B;AAG7BE,IAAAA,OAH6B;AAI7BE,IAAAA,aAJ6B;AAK7BE,IAAAA,oBAL6B;AAM7BD,IAAAA;AAN6B,GAAD,CAAhC;AASA,QAAMQ,kBAAkB,GAAGxB,KAAK,CAACyB,WAAN,CAAmBC,CAAD,IAAqC;AAC9EN,IAAAA,QAAQ,CAACO,OAAT,GAAmBD,CAAC,CAACE,WAAF,CAAcC,QAAjC;;AAEA,QAAIf,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACM,QAAQ,CAACO,OAAV,CAAR;AACH;AACJ,GAN0B,EAMxB,CAACb,QAAD,CANwB,CAA3B;AAQAd,EAAAA,KAAK,CAAC8B,SAAN,CAAgB,MAAM;AAClB,QAAInB,KAAK,KAAKS,QAAQ,CAACO,OAAvB,EAAgC;AAAA;;AAC5B,2BAAAL,QAAQ,CAACK,OAAT,wEAAkBI,OAAlB,CAA0BpB,KAA1B;AACH;AACJ,GAJD,EAIG,CAACA,KAAD,CAJH;AAMA,sBACI,oBAAC,WAAD;AACI,IAAA,WAAW,EAAEA,KADjB;AAEI,IAAA,mBAAmB,EAAEC,mBAFzB;AAGI,IAAA,cAAc,EAAEY,kBAHpB;AAII,IAAA,UAAU,EAAE,CAJhB;AAKI,IAAA,GAAG,EAAEF,QALT;AAMI,IAAA,aAAa,EAAEJ,aANnB;AAOI,IAAA,KAAK,EAAEC;AAPX,KASKI,QAAQ,CAACd,QAAD,CATb,CADJ;AAaH;AAAA","sourcesContent":["import React from 'react';\nimport RNViewPager, { ViewPagerOnPageSelectedEvent } from '@react-native-community/viewpager';\nimport type ViewPagerProps from './ViewPagerProps';\nimport {\n    defaultEnableNeighborPageRerender,\n    defaultEnableVisibleHint,\n    defaultLoading,\n    defaultPageComponent,\n    usePageRenderer,\n} from './utils';\n\nexport default function ViewPager(props: ViewPagerProps) {\n    const {\n        children,\n        enableVisibleHint = defaultEnableVisibleHint,\n        index,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        onChange,\n        pageComponent = defaultPageComponent,\n        enableNeighborPageRerender = defaultEnableNeighborPageRerender,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n    } = props;\n\n    const indexRef = React.useRef<number>(index);\n    const pagerRef = React.useRef<RNViewPager | null>(null);\n\n    const renderer = usePageRenderer({\n        enableVisibleHint,\n        index,\n        loading,\n        pageComponent,\n        pageForceRerenderKey,\n        enableNeighborPageRerender,\n    });\n\n    const handlePageSelected = React.useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        indexRef.current = e.nativeEvent.position;\n\n        if (onChange) {\n            onChange(indexRef.current);\n        }\n    }, [onChange]);\n\n    React.useEffect(() => {\n        if (index !== indexRef.current) {\n            pagerRef.current?.setPage(index);\n        }\n    }, [index]);\n\n    return (\n        <RNViewPager\n            initialPage={index}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            ref={pagerRef}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {renderer(children)}\n        </RNViewPager>\n    );\n};\n"]}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","RNViewPager","runOnJS","useAnimatedReaction","useSharedValue","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedIndex","fallbackSharedIndex","sharedIndex","pagerRef","animationFrameRef","NaN","setPage","newIndex","current","requestAnimationFrame","cancelAnimationFrame","value","result","handlePageSelected","e","currentIndex","nextIndex","nativeEvent","position","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedIndex,\n    } = props;\n\n    const fallbackSharedIndex = useSharedValue<number>(initialPage);\n\n    const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const setPage = useCallback((newIndex: number) => {\n        animationFrameRef.current = requestAnimationFrame(() => {\n            pagerRef.current?.setPage(newIndex);\n        });\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useAnimatedReaction(\n        () => sharedIndex.value,\n        (result) => {\n            runOnJS(setPage)(result);\n        },\n        [setPage],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        const currentIndex = sharedIndex.value;\n        const nextIndex = e.nativeEvent.position;\n\n        if (currentIndex === nextIndex) {\n            return;\n        }\n\n        sharedIndex.value = nextIndex;\n\n        if (onChange) {\n            onChange(nextIndex);\n        }\n    }, [onChange]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={initialPage}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}

package/build/module/ViewPager/ViewPagerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    loading: ViewPagerProps['loading'];\n    offscreenPageRerenderLimit: number;\n    sharedIndex: SharedValue<number>;\n    rerenderKey?: ViewPagerProps['pageForceRerenderKey'];\n};\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Mobile only. The number of pages that should be re-rendered to either side of the current page.\n     * Changing this value after the component mount has no effect.\n     * @default 0\n     */\n    offscreenPageRerenderLimit?: number;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n\n    /**\n     * Unstable API.\n     */\n    UNSTABLE_sharedIndex?: SharedValue<number>;\n}> {}\n"],"mappings":""}