@fountain-ui/lab 2.0.0-beta.7 → 2.0.0-beta.71

package/build/module/ComicViewer/ReloadButton.js

@@ -0,0 +1,33 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 { IconButton, StyleSheet } from '@fountain-ui/core';
+import { Restart } from '@fountain-ui/icons';
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    paddingTop: 80
+  },
+  button: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    color: '#ffffff',
+    backgroundColor: '#767676'
+  }
+});
+export default function ReloadButton(props) {
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.root
+  }, /*#__PURE__*/React.createElement(IconButton, _extends({}, props, {
+    children: /*#__PURE__*/React.createElement(Restart, {
+      fill: '#ffffff'
+    }),
+    style: styles.button
+  })));
+}
+;
+//# sourceMappingURL=ReloadButton.js.map

package/build/module/ComicViewer/ReloadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","IconButton","StyleSheet","Restart","styles","create","root","width","height","alignItems","paddingTop","button","borderRadius","color","backgroundColor","ReloadButton","props"],"sources":["ReloadButton.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { IconButton, IconButtonProps, StyleSheet } from '@fountain-ui/core';\nimport { Restart } from '@fountain-ui/icons';\n\ninterface ReloadButtonProps {\n    onPress: IconButtonProps['onPress'];\n}\n\nconst styles = StyleSheet.create({\n    root: {\n        width: '100%',\n        height: '100%',\n        alignItems: 'center',\n        paddingTop: 80,\n    },\n    button: {\n        width: 48,\n        height: 48,\n        borderRadius: 24,\n        color: '#ffffff',\n        backgroundColor: '#767676',\n    },\n});\n\nexport default function ReloadButton(props: ReloadButtonProps) {\n    return (\n        <View style={styles.root}>\n            <IconButton\n                {...props}\n                children={<Restart fill={'#ffffff'}/>}\n                style={styles.button}\n            />\n        </View>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,EAAsCC,UAAtC,QAAwD,mBAAxD;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAMA,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACFC,KAAK,EAAE,MADL;IAEFC,MAAM,EAAE,MAFN;IAGFC,UAAU,EAAE,QAHV;IAIFC,UAAU,EAAE;EAJV,CADuB;EAO7BC,MAAM,EAAE;IACJJ,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE,EAFJ;IAGJI,YAAY,EAAE,EAHV;IAIJC,KAAK,EAAE,SAJH;IAKJC,eAAe,EAAE;EALb;AAPqB,CAAlB,CAAf;AAgBA,eAAe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAEZ,MAAM,CAACE;EAApB,gBACI,oBAAC,UAAD,eACQU,KADR;IAEI,QAAQ,eAAE,oBAAC,OAAD;MAAS,IAAI,EAAE;IAAf,EAFd;IAGI,KAAK,EAAEZ,MAAM,CAACO;EAHlB,GADJ,CADJ;AASH;AAAA"}

package/build/module/ComicViewer/ViewerItem.js

@@ -1,72 +1,65 @@
-import React, { useCallback, useRef, useState } from 'react';
-import { View } from 'react-native';
-import { Image, StyleSheet } from '@fountain-ui/core';
-const styles = StyleSheet.create({
-  placeholder: {
-    backgroundColor: '#abcabc'
-  }
-});
-
-function ViewerItem(_ref) {
-  let {
-    props
-  } = _ref;
+import React from 'react';
+import { Image, TouchableWithoutFeedback, View } from 'react-native';
+import { css, Image as FuiImage } from '@fountain-ui/core';
+import ReloadButton from './ReloadButton';
+import EncodedTile from './EncodedTile';
+export default function ViewerItem(props) {
   const {
     height,
-    id,
-    isViewable,
+    url,
+    width,
+    imageKey,
+    invisiblePaddingTop,
     onError,
-    sourceUrl,
-    width
+    onLoad,
+    onPress,
+    onReloadPress,
+    reloadButtonVisible = false
   } = props;
-  const [isLoaded, setIsLoaded] = useState(false);
-  const errorCount = useRef(0);
-  const onLoad = useCallback(() => {
-    errorCount.current = 0;
-    setIsLoaded(true);
-  }, []);
-  const handleError = useCallback(() => {
-    errorCount.current = errorCount.current + 1;
-    onError && onError({
-      id,
-      count: errorCount.current
-    });
-  }, [id]);
-  const viewStyle = {
-    width,
-    height
+  const styles = {
+    view: {
+      height,
+      width: '100%',
+      paddingTop: invisiblePaddingTop
+    },
+    image: {
+      height: height - invisiblePaddingTop,
+      width
+    }
   };
-
-  const Placeholder = () => /*#__PURE__*/React.createElement(View, {
-    style: [viewStyle, styles.placeholder]
+  const error = reloadButtonVisible ? /*#__PURE__*/React.createElement(ReloadButton, {
+    onPress: onReloadPress
+  }) : null;
+  const placeholder = /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: EncodedTile
+    },
+    resizeMode: 'cover',
+    style: styles.image
   });
-
-  if (!isViewable && !isLoaded) {
-    return /*#__PURE__*/React.createElement(Placeholder, null);
-  }
-
-  return /*#__PURE__*/React.createElement(Image, {
+  return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: onPress
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.view
+  }, /*#__PURE__*/React.createElement(FuiImage, {
+    key: imageKey,
+    cache: 'web',
+    disableDrag: true,
+    disableLongClick: true,
     disableOutline: true,
-    key: sourceUrl,
+    error: error,
+    onError: onError,
     onLoad: onLoad,
-    onError: handleError,
+    loading: 'eager',
+    placeholder: placeholder,
     source: {
-      uri: sourceUrl
+      uri: url
     },
-    style: viewStyle,
-    square: true
-  });
+    square: true,
+    style: css([{
+      alignSelf: 'center'
+    }, styles.image])
+  })));
 }
-
-export default /*#__PURE__*/React.memo(ViewerItem, (prevProps, nextProps) => {
-  if (prevProps.props.isViewable !== nextProps.props.isViewable) {
-    return false;
-  }
-
-  if (prevProps.props.sourceUrl !== nextProps.props.sourceUrl) {
-    return false;
-  }
-
-  return true;
-});
+;
 //# sourceMappingURL=ViewerItem.js.map

package/build/module/ComicViewer/ViewerItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","useState","View","Image","StyleSheet","styles","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","errorCount","onLoad","current","handleError","count","viewStyle","Placeholder","uri","memo","prevProps","nextProps"],"sources":["ViewerItem.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport { View } from 'react-native';\nimport { Image, StyleSheet } from '@fountain-ui/core';\nimport ComicViewerItemProps from './ComicViewerItemProps';\n\nconst styles = StyleSheet.create({\n    placeholder: {\n        backgroundColor: '#abcabc',\n    },\n});\n\nfunction ViewerItem<T>({ props }: { props: ComicViewerItemProps<T> }) {\n    const {\n        height,\n        id,\n        isViewable,\n        onError,\n        sourceUrl,\n        width,\n    } = props;\n\n    const [isLoaded, setIsLoaded] = useState(false);\n\n    const errorCount = useRef<number>(0);\n\n    const onLoad = useCallback(() => {\n        errorCount.current = 0;\n        setIsLoaded(true);\n    }, []);\n\n    const handleError = useCallback(() => {\n        errorCount.current = errorCount.current + 1;\n\n        onError && onError({\n            id,\n            count: errorCount.current\n        });\n    }, [id]);\n\n    const viewStyle = { width, height };\n\n    const Placeholder = () => (\n        <View style={[\n            viewStyle,\n            styles.placeholder,\n        ]}/>\n    );\n\n    if (!isViewable && !isLoaded) {\n        return <Placeholder/>;\n    }\n\n    return (\n        <Image\n            disableOutline={true}\n            key={sourceUrl}\n            onLoad={onLoad}\n            onError={handleError}\n            source={{ uri: sourceUrl }}\n            style={viewStyle}\n            square={true}\n        />\n    );\n}\n\nexport default React.memo(ViewerItem, (prevProps, nextProps) => {\n    if (prevProps.props.isViewable !== nextProps.props.isViewable) {\n        return false;\n    }\n\n    if (prevProps.props.sourceUrl !== nextProps.props.sourceUrl) {\n        return false;\n    }\n\n    return true;\n});\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,MAA7B,EAAqCC,QAArC,QAAqD,OAArD;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,KAAT,EAAgBC,UAAhB,QAAkC,mBAAlC;AAGA,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAX,CAAkB;EAC7BC,WAAW,EAAE;IACTC,eAAe,EAAE;EADR;AADgB,CAAlB,CAAf;;AAMA,SAASC,UAAT,OAAsE;EAAA,IAA/C;IAAEC;EAAF,CAA+C;EAClE,MAAM;IACFC,MADE;IAEFC,EAFE;IAGFC,UAHE;IAIFC,OAJE;IAKFC,SALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM,CAACO,QAAD,EAAWC,WAAX,IAA0BjB,QAAQ,CAAC,KAAD,CAAxC;EAEA,MAAMkB,UAAU,GAAGnB,MAAM,CAAS,CAAT,CAAzB;EAEA,MAAMoB,MAAM,GAAGrB,WAAW,CAAC,MAAM;IAC7BoB,UAAU,CAACE,OAAX,GAAqB,CAArB;IACAH,WAAW,CAAC,IAAD,CAAX;EACH,CAHyB,EAGvB,EAHuB,CAA1B;EAKA,MAAMI,WAAW,GAAGvB,WAAW,CAAC,MAAM;IAClCoB,UAAU,CAACE,OAAX,GAAqBF,UAAU,CAACE,OAAX,GAAqB,CAA1C;IAEAP,OAAO,IAAIA,OAAO,CAAC;MACfF,EADe;MAEfW,KAAK,EAAEJ,UAAU,CAACE;IAFH,CAAD,CAAlB;EAIH,CAP8B,EAO5B,CAACT,EAAD,CAP4B,CAA/B;EASA,MAAMY,SAAS,GAAG;IAAER,KAAF;IAASL;EAAT,CAAlB;;EAEA,MAAMc,WAAW,GAAG,mBAChB,oBAAC,IAAD;IAAM,KAAK,EAAE,CACTD,SADS,EAETnB,MAAM,CAACE,WAFE;EAAb,EADJ;;EAOA,IAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;IAC1B,oBAAO,oBAAC,WAAD,OAAP;EACH;;EAED,oBACI,oBAAC,KAAD;IACI,cAAc,EAAE,IADpB;IAEI,GAAG,EAAEF,SAFT;IAGI,MAAM,EAAEK,MAHZ;IAII,OAAO,EAAEE,WAJb;IAKI,MAAM,EAAE;MAAEI,GAAG,EAAEX;IAAP,CALZ;IAMI,KAAK,EAAES,SANX;IAOI,MAAM,EAAE;EAPZ,EADJ;AAWH;;AAED,4BAAe1B,KAAK,CAAC6B,IAAN,CAAWlB,UAAX,EAAuB,CAACmB,SAAD,EAAYC,SAAZ,KAA0B;EAC5D,IAAID,SAAS,CAAClB,KAAV,CAAgBG,UAAhB,KAA+BgB,SAAS,CAACnB,KAAV,CAAgBG,UAAnD,EAA+D;IAC3D,OAAO,KAAP;EACH;;EAED,IAAIe,SAAS,CAAClB,KAAV,CAAgBK,SAAhB,KAA8Bc,SAAS,CAACnB,KAAV,CAAgBK,SAAlD,EAA6D;IACzD,OAAO,KAAP;EACH;;EAED,OAAO,IAAP;AACH,CAVc,CAAf"}
+{"version":3,"names":["React","Image","TouchableWithoutFeedback","View","css","FuiImage","ReloadButton","EncodedTile","ViewerItem","props","height","url","width","imageKey","invisiblePaddingTop","onError","onLoad","onPress","onReloadPress","reloadButtonVisible","styles","view","paddingTop","image","error","placeholder","uri","alignSelf"],"sources":["ViewerItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, TouchableWithoutFeedback, View } from 'react-native';\nimport { css, Image as FuiImage, ImageProps } from '@fountain-ui/core';\nimport ReloadButton from './ReloadButton';\nimport EncodedTile from './EncodedTile';\n\nexport interface ViewerItemProps {\n    /**\n     * Image width.\n     */\n    width: number;\n\n    /**\n     * Image height.\n     */\n    height: number;\n\n    /**\n     * Need invisible paddingTop viewer vertically expanded.\n     */\n    invisiblePaddingTop: number;\n\n    /**\n     * Image sourceUrl for displaying.\n     */\n    url?: string;\n\n    /**\n     * Error handler.\n     */\n    onError?: ImageProps['onError'];\n\n    /**\n     * Load handler.\n     */\n    onLoad?: ImageProps['onLoad'];\n\n    /**\n     * Handle Reload button press event.\n     */\n    onReloadPress?: ImageProps['onError'];\n\n    /**\n     * Handle item press event.\n     */\n    onPress?: () => void;\n\n    /**\n     * If true, reload button visible.\n     * @default false\n     */\n    reloadButtonVisible?: boolean;\n\n    /**\n     * FuiImage key for trigger image rerender.\n     */\n    imageKey: string;\n}\n\nexport default function ViewerItem(props: ViewerItemProps) {\n    const {\n        height,\n        url,\n        width,\n        imageKey,\n        invisiblePaddingTop,\n        onError,\n        onLoad,\n        onPress,\n        onReloadPress,\n        reloadButtonVisible = false,\n    } = props;\n\n    const styles = {\n        view: {\n            height,\n            width: '100%',\n            paddingTop: invisiblePaddingTop,\n        },\n        image: {\n            height: height - invisiblePaddingTop,\n            width,\n        },\n    };\n\n    const error = reloadButtonVisible ? <ReloadButton onPress={onReloadPress}/> : null;\n\n    const placeholder = <Image\n        source={{ uri: EncodedTile }}\n        resizeMode={'cover'}\n        style={styles.image}\n    />;\n\n    return (\n        <TouchableWithoutFeedback onPress={onPress}>\n            <View style={styles.view}>\n                <FuiImage\n                    key={imageKey}\n                    cache={'web'}\n                    disableDrag={true}\n                    disableLongClick={true}\n                    disableOutline={true}\n                    error={error}\n                    onError={onError}\n                    onLoad={onLoad}\n                    loading={'eager'}\n                    placeholder={placeholder}\n                    source={{ uri: url }}\n                    square={true}\n                    style={css([\n                        { alignSelf: 'center' },\n                        styles.image,\n                    ])}\n                />\n            </View>\n        </TouchableWithoutFeedback>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAT,EAAgBC,wBAAhB,EAA0CC,IAA1C,QAAsD,cAAtD;AACA,SAASC,GAAT,EAAcH,KAAK,IAAII,QAAvB,QAAmD,mBAAnD;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAuDA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,MADE;IAEFC,GAFE;IAGFC,KAHE;IAIFC,QAJE;IAKFC,mBALE;IAMFC,OANE;IAOFC,MAPE;IAQFC,OARE;IASFC,aATE;IAUFC,mBAAmB,GAAG;EAVpB,IAWFV,KAXJ;EAaA,MAAMW,MAAM,GAAG;IACXC,IAAI,EAAE;MACFX,MADE;MAEFE,KAAK,EAAE,MAFL;MAGFU,UAAU,EAAER;IAHV,CADK;IAMXS,KAAK,EAAE;MACHb,MAAM,EAAEA,MAAM,GAAGI,mBADd;MAEHF;IAFG;EANI,CAAf;EAYA,MAAMY,KAAK,GAAGL,mBAAmB,gBAAG,oBAAC,YAAD;IAAc,OAAO,EAAED;EAAvB,EAAH,GAA6C,IAA9E;EAEA,MAAMO,WAAW,gBAAG,oBAAC,KAAD;IAChB,MAAM,EAAE;MAAEC,GAAG,EAAEnB;IAAP,CADQ;IAEhB,UAAU,EAAE,OAFI;IAGhB,KAAK,EAAEa,MAAM,CAACG;EAHE,EAApB;EAMA,oBACI,oBAAC,wBAAD;IAA0B,OAAO,EAAEN;EAAnC,gBACI,oBAAC,IAAD;IAAM,KAAK,EAAEG,MAAM,CAACC;EAApB,gBACI,oBAAC,QAAD;IACI,GAAG,EAAER,QADT;IAEI,KAAK,EAAE,KAFX;IAGI,WAAW,EAAE,IAHjB;IAII,gBAAgB,EAAE,IAJtB;IAKI,cAAc,EAAE,IALpB;IAMI,KAAK,EAAEW,KANX;IAOI,OAAO,EAAET,OAPb;IAQI,MAAM,EAAEC,MARZ;IASI,OAAO,EAAE,OATb;IAUI,WAAW,EAAES,WAVjB;IAWI,MAAM,EAAE;MAAEC,GAAG,EAAEf;IAAP,CAXZ;IAYI,MAAM,EAAE,IAZZ;IAaI,KAAK,EAAEP,GAAG,CAAC,CACP;MAAEuB,SAAS,EAAE;IAAb,CADO,EAEPP,MAAM,CAACG,KAFA,CAAD;EAbd,EADJ,CADJ,CADJ;AAwBH;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ComicViewer';\nexport type { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nexport type { default as ComicViewerItemProps } from './ComicViewerItemProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './ComicViewer';\nexport type { Dimension, IntrinsicImage, default as ComicViewerProps } from './ComicViewerProps';\nexport type { ViewerItemProps } from './ViewerItem';\nexport type {\n    AbsolutePosition,\n    FastScrollInstance,\n    FastScrollOptions,\n    VisibleDurations,\n} from './FastScrollProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB"}

package/build/module/ComicViewer/util.js

@@ -0,0 +1,15 @@
+export const offsetToPercentage = (offset, total) => {
+  if (offset === 0 || total === 0) {
+    return 0;
+  }
+
+  return offset / total * 100;
+};
+export const percentageToOffset = (percentage, total) => {
+  if (percentage === 0 || total === 0) {
+    return 0;
+  }
+
+  return percentage / 100 * total;
+};
+//# sourceMappingURL=util.js.map

package/build/module/ComicViewer/util.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["offsetToPercentage","offset","total","percentageToOffset","percentage"],"sources":["util.ts"],"sourcesContent":["export const offsetToPercentage = (offset: number, total: number) => {\n    if (offset === 0 || total === 0) {\n        return 0;\n    }\n\n    return offset / total * 100;\n};\n\nexport const percentageToOffset = (percentage: number, total: number) => {\n    if (percentage === 0 || total === 0) {\n        return 0;\n    }\n\n    return percentage / 100 * total;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG,CAACC,MAAD,EAAiBC,KAAjB,KAAmC;EACjE,IAAID,MAAM,KAAK,CAAX,IAAgBC,KAAK,KAAK,CAA9B,EAAiC;IAC7B,OAAO,CAAP;EACH;;EAED,OAAOD,MAAM,GAAGC,KAAT,GAAiB,GAAxB;AACH,CANM;AAQP,OAAO,MAAMC,kBAAkB,GAAG,CAACC,UAAD,EAAqBF,KAArB,KAAuC;EACrE,IAAIE,UAAU,KAAK,CAAf,IAAoBF,KAAK,KAAK,CAAlC,EAAqC;IACjC,OAAO,CAAP;EACH;;EAED,OAAOE,UAAU,GAAG,GAAb,GAAmBF,KAA1B;AACH,CANM"}

package/build/module/DateTimePicker/DateTimePicker.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { format } from 'date-fns'; //@ts-ignore
 
 import { Calendar, LocaleConfig } from 'react-native-calendars';
-import { Button, Typography } from '@fountain-ui/core';
+import { Button, createFontStyle, Typography } from '@fountain-ui/core';
 import { useTheme } from '@fountain-ui/styles';
 import YearPicker from './YearPicker';
 import { DateTimePickerContext } from './DateTimePickerProvider';
@@ -23,6 +23,9 @@ export default function DateTimePicker(props) {
     onYearPress: onYearPressProp
   } = props;
   const theme = useTheme();
+  const textDayFontStyle = createFontStyle(theme, {
+    selector: typo => typo.body2
+  });
   const [yearPickerVisible, setYearPickerVisible] = React.useState(false);
   const {
     locales
@@ -84,7 +87,13 @@ export default function DateTimePicker(props) {
       backgroundColor: theme.palette.paper.default,
       calendarBackground: theme.palette.paper.default,
       dayTextColor: theme.palette.text.primary,
-      textDisabledColor: theme.palette.text.hint
+      textDisabledColor: theme.palette.text.hint,
+      textDayFontFamily: textDayFontStyle.fontFamily,
+      textDayFontSize: textDayFontStyle.fontSize,
+      textDayFontWeight: textDayFontStyle.fontWeight,
+      textDayHeaderFontFamily: textDayFontStyle.fontFamily,
+      textDayHeaderFontSize: textDayFontStyle.fontSize,
+      textDayHeaderFontWeight: textDayFontStyle.fontWeight
     }
   });
 }

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"names":["React","format","Calendar","LocaleConfig","Button","createFontStyle","Typography","useTheme","YearPicker","DateTimePickerContext","formatDate","useDateTimePicker","useContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","textDayFontStyle","selector","typo","body2","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","textDayFontFamily","fontFamily","textDayFontSize","fontSize","textDayFontWeight","fontWeight","textDayHeaderFontFamily","textDayHeaderFontSize","textDayHeaderFontWeight"],"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, createFontStyle, 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 textDayFontStyle = createFontStyle(theme, { selector: (typo) => typo.body2 });\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                textDayFontFamily: textDayFontStyle.fontFamily,\n                textDayFontSize: textDayFontStyle.fontSize,\n                textDayFontWeight: textDayFontStyle.fontWeight,\n                textDayHeaderFontFamily: textDayFontStyle.fontFamily,\n                textDayHeaderFontSize: textDayFontStyle.fontSize,\n                textDayHeaderFontWeight: textDayFontStyle.fontWeight,\n            }}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/module/FlipCard/FlipCard.js

@@ -32,7 +32,7 @@ export default function FlipCard(props) {
         rotateX: `${sharedAngle.value}deg`
       }]
     };
-  });
+  }, []);
   const animatedBackCardStyle = useAnimatedStyle(() => {
     return {
       zIndex: sharedAngle.value <= Z_INDEX_CHANGE_ANGLE ? 1 : 2,
@@ -42,7 +42,7 @@ export default function FlipCard(props) {
         rotateX: `${sharedAngle.value + 180}deg`
       }]
     };
-  });
+  }, []);
   useEffect(() => {
     sharedAngle.value = 0;
     sharedAngle.value = withTiming(180, {

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

@@ -1 +1 @@
-{"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,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,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"}
+{"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/ViewPager/FluxContext.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+const FluxContext = /*#__PURE__*/createContext(null);
+export default FluxContext;
+//# sourceMappingURL=FluxContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","FluxContext"],"sources":["FluxContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { MonoStore } from '@fountain-ui/core';\n\nexport type FluxStore<S> = MonoStore<S>;\n\nconst FluxContext = createContext<FluxStore<any> | null>(null);\n\nexport default FluxContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAKA,MAAMC,WAAW,gBAAGD,aAAa,CAAwB,IAAxB,CAAjC;AAEA,eAAeC,WAAf"}

package/build/module/ViewPager/InternalContext.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+import { MockStore } from '@fountain-ui/core';
+const InternalContext = /*#__PURE__*/createContext({
+  pageStore: new MockStore()
+});
+export default InternalContext;
+//# sourceMappingURL=InternalContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","MockStore","InternalContext","pageStore"],"sources":["InternalContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { MonoStore } from '@fountain-ui/core';\nimport { MockStore } from '@fountain-ui/core';\n\nexport interface InternalContextValue {\n    pageStore: MonoStore<number>;\n}\n\nconst InternalContext = createContext<InternalContextValue>({\n    pageStore: new MockStore(),\n});\n\nexport default InternalContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAEA,SAASC,SAAT,QAA0B,mBAA1B;AAMA,MAAMC,eAAe,gBAAGF,aAAa,CAAuB;EACxDG,SAAS,EAAE,IAAIF,SAAJ;AAD6C,CAAvB,CAArC;AAIA,eAAeC,eAAf"}

package/build/module/ViewPager/PageStateContext.js

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","initialPageState","isActive","PageStateContext"],"sources":["PageStateContext.ts"],"sourcesContent":["import { createContext } from 'react';\n\nexport interface PageState {\n    isActive: boolean;\n}\n\nconst initialPageState: Readonly<PageState> = { isActive: false };\n\nconst PageStateContext = createContext<PageState>(initialPageState);\n\nexport default PageStateContext;\n"],"mappings":"AAAA,SAASA,aAAT,QAA8B,OAA9B;AAMA,MAAMC,gBAAqC,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAA9C;AAEA,MAAMC,gBAAgB,gBAAGH,aAAa,CAAYC,gBAAZ,CAAtC;AAEA,eAAeE,gBAAf"}

package/build/module/ViewPager/ViewPager.js

@@ -0,0 +1,57 @@
+import React, { Children, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';
+import { View } from 'react-native';
+import { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';
+import { ChildrenMemoizedPage } from './components';
+import { defaultInitialPage, defaultLoading, isValidPage } from './utils';
+import { usePageStore } from './hooks';
+import InternalContext from './InternalContext';
+const styles = StyleSheet.create({
+  root: {
+    // @ts-ignore
+    overflow: 'auto',
+    position: 'relative'
+  }
+});
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
+  const {
+    children,
+    initialPage = defaultInitialPage,
+    loading = defaultLoading,
+    pageForceRerenderKey,
+    style,
+    UNSTABLE_sharedPage
+  } = props;
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const numberOfPages = Children.count(children);
+  const setPage = useCallback(newPage => {
+    if (isValidPage(newPage, numberOfPages)) {
+      sharedPage.animatedValue.setValue(newPage);
+    }
+  }, [sharedPage, numberOfPages]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
+  const contextValue = useMemo(() => ({
+    pageStore
+  }), [pageStore]);
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.root, style]
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(ChildrenMemoizedPage, {
+    key: index,
+    children: child,
+    index: index,
+    initialPage: sharedPage.initialValue,
+    loading: loading,
+    offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
+    ,
+    rerenderKey: pageForceRerenderKey
+  }))));
+});
+export default ViewPager;
+//# sourceMappingURL=ViewPager.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","useMemo","View","StyleSheet","useSyncAnimatedValue","ChildrenMemoizedPage","defaultInitialPage","defaultLoading","isValidPage","usePageStore","InternalContext","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","numberOfPages","count","setPage","newPage","animatedValue","setValue","pageStore","contextValue","map","child","index"],"sources":["ViewPager.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle, useMemo } from 'react';\nimport { View } from 'react-native';\nimport { StyleSheet, useSyncAnimatedValue } from '@fountain-ui/core';\nimport { ChildrenMemoizedPage } from './components';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { defaultInitialPage, defaultLoading, isValidPage } from './utils';\nimport { usePageStore } from './hooks';\nimport InternalContext from './InternalContext';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const numberOfPages = Children.count(children);\n    const setPage = useCallback((newPage: number) => {\n        if (isValidPage(newPage, numberOfPages)) {\n            sharedPage.animatedValue.setValue(newPage);\n        }\n    }, [sharedPage, numberOfPages]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const contextValue = useMemo(() => ({ pageStore }), [pageStore]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            <View style={[styles.root, style]}>\n                {Children.map(children, (child, index) => (\n                    <ChildrenMemoizedPage\n                        key={index}\n                        children={child}\n                        index={index}\n                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </View>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,EAAwEC,OAAxE,QAAuF,OAAvF;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,EAAqBC,oBAArB,QAAiD,mBAAjD;AACA,SAASC,oBAAT,QAAqC,cAArC;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,WAA7C,QAAgE,SAAhE;AACA,SAASC,YAAT,QAA6B,SAA7B;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AAEA,MAAMC,MAAM,GAAGR,UAAU,CAACS,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGlB,UAAU,CAAoC,SAASkB,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGd,kBAFZ;IAGFe,OAAO,GAAGd,cAHR;IAIFe,oBAJE;IAKFC,KALE;IAMFC;EANE,IAOFP,KAPJ;EASA,MAAMQ,kBAAkB,GAAGrB,oBAAoB,CAAC;IAAEsB,YAAY,EAAEN;EAAhB,CAAD,CAA/C;EAEA,MAAMO,UAAU,GAAGH,mBAAmB,IAAIC,kBAA1C;EAEA,MAAMG,aAAa,GAAG/B,QAAQ,CAACgC,KAAT,CAAeV,QAAf,CAAtB;EACA,MAAMW,OAAO,GAAG/B,WAAW,CAAEgC,OAAD,IAAqB;IAC7C,IAAIvB,WAAW,CAACuB,OAAD,EAAUH,aAAV,CAAf,EAAyC;MACrCD,UAAU,CAACK,aAAX,CAAyBC,QAAzB,CAAkCF,OAAlC;IACH;EACJ,CAJ0B,EAIxB,CAACJ,UAAD,EAAaC,aAAb,CAJwB,CAA3B;EAMA5B,mBAAmB,CACfkB,GADe,EAEf,OAAO;IAAEY;EAAF,CAAP,CAFe,EAGf,CAACA,OAAD,CAHe,CAAnB;EAMA,MAAMI,SAAS,GAAGzB,YAAY,CAACkB,UAAD,CAA9B;EAEA,MAAMQ,YAAY,GAAGlC,OAAO,CAAC,OAAO;IAAEiC;EAAF,CAAP,CAAD,EAAwB,CAACA,SAAD,CAAxB,CAA5B;EAEA,oBACI,oBAAC,eAAD,CAAiB,QAAjB;IAA0B,KAAK,EAAEC;EAAjC,gBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACxB,MAAM,CAACE,IAAR,EAAcU,KAAd;EAAb,GACK1B,QAAQ,CAACuC,GAAT,CAAajB,QAAb,EAAuB,CAACkB,KAAD,EAAQC,KAAR,kBACpB,oBAAC,oBAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,WAAW,EAAEX,UAAU,CAACD,YAJ5B;IAKI,OAAO,EAAEL,OALb;IAMI,0BAA0B,EAAE,CANhC,CAMmC;IANnC;IAOI,WAAW,EAAEC;EAPjB,EADH,CADL,CADJ,CADJ;AAiBH,CAhD2B,CAA5B;AAkDA,eAAeN,SAAf"}

package/build/module/ViewPager/ViewPager.native.js

@@ -0,0 +1,129 @@
+import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import RNViewPager from 'react-native-pager-view';
+import { useSyncAnimatedValue } from '@fountain-ui/core';
+import { ChildrenMemoizedPage } from './components';
+import { usePageStore } from './hooks';
+import { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, isValidPage } from './utils';
+import InternalContext from './InternalContext';
+const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
+  const {
+    children,
+    initialPage = defaultInitialPage,
+    keyboardDismissMode = 'on-drag',
+    loading = defaultLoading,
+    offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,
+    onChange,
+    onPageScrollStateChanged,
+    pageForceRerenderKey,
+    scrollEnabled = true,
+    style,
+    UNSTABLE_sharedPage
+  } = props;
+  const fallbackSharedPage = useSyncAnimatedValue({
+    initialValue: initialPage
+  });
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const pageRef = useRef(sharedPage.initialValue);
+  const desiredPageRef = useRef(NaN);
+  const pagerRef = useRef(null);
+  const animationFrameRef = useRef(NaN);
+  const numberOfPages = Children.count(children);
+  const setPage = useCallback(newPage => {
+    if (!isValidPage(newPage, numberOfPages)) {
+      return;
+    }
+
+    animationFrameRef.current = requestAnimationFrame(() => {
+      var _pagerRef$current;
+
+      if (Number.isFinite(desiredPageRef.current)) {
+        if (pageRef.current === desiredPageRef.current) {
+          // end of state machine. clear desired page.
+          desiredPageRef.current = NaN;
+          return;
+        }
+
+        if (newPage === desiredPageRef.current) {
+          return;
+        }
+      }
+
+      desiredPageRef.current = newPage;
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newPage);
+    });
+  }, [numberOfPages]);
+  useEffect(() => {
+    return () => {
+      if (animationFrameRef.current) {
+        cancelAnimationFrame(animationFrameRef.current);
+      }
+    };
+  }, []);
+  useEffect(() => {
+    const animatedValue = sharedPage.animatedValue;
+    const id = animatedValue.addListener(newValue => {
+      const newPage = newValue.value;
+      pageRef.current = newPage;
+      setPage(newPage);
+    });
+    return () => {
+      animatedValue.removeListener(id);
+    };
+  }, [sharedPage, setPage]);
+  const handlePageSelected = useCallback(e => {
+    if (Number.isFinite(desiredPageRef.current)) {
+      // onPageSelected is called from outer controlling mechanism
+      // e.g. sharedPage.value is changed, setPage() is called
+      // Due to the onPageSelected bug,
+      // we don't trust the value from event, (e.nativeEvent.position)
+      // other than that trust the value from desiredPageRef.
+      const desiredPage = desiredPageRef.current;
+
+      if (pageRef.current === desiredPage) {
+        // end of state machine. clear desired page.
+        desiredPageRef.current = NaN;
+      } else {
+        sharedPage.animatedValue.setValue(desiredPage);
+      }
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
+    } else {
+      const trustfulNextPage = e.nativeEvent.position;
+
+      if (trustfulNextPage !== pageRef.current) {
+        desiredPageRef.current = trustfulNextPage;
+        sharedPage.animatedValue.setValue(trustfulNextPage);
+        onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
+      }
+    }
+  }, [onChange, sharedPage]);
+  useImperativeHandle(ref, () => ({
+    setPage
+  }), [setPage]);
+  const pageStore = usePageStore(sharedPage);
+  const contextValue = useMemo(() => ({
+    pageStore
+  }), [pageStore]);
+  return /*#__PURE__*/React.createElement(InternalContext.Provider, {
+    value: contextValue
+  }, /*#__PURE__*/React.createElement(RNViewPager, {
+    ref: pagerRef,
+    initialPage: sharedPage.initialValue,
+    keyboardDismissMode: keyboardDismissMode,
+    onPageScrollStateChanged: onPageScrollStateChanged,
+    onPageSelected: handlePageSelected,
+    pageMargin: 8,
+    scrollEnabled: scrollEnabled,
+    style: style
+  }, Children.map(children, (child, index) => /*#__PURE__*/React.createElement(ChildrenMemoizedPage, {
+    key: index,
+    children: child,
+    index: index,
+    initialPage: sharedPage.initialValue,
+    loading: loading,
+    offscreenPageRerenderLimit: offscreenPageRerenderLimit,
+    rerenderKey: pageForceRerenderKey
+  }))));
+});
+export default ViewPager;
+//# sourceMappingURL=ViewPager.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","RNViewPager","useSyncAnimatedValue","ChildrenMemoizedPage","usePageStore","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","isValidPage","InternalContext","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","onPageScrollStateChanged","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","initialValue","sharedPage","pageRef","desiredPageRef","NaN","pagerRef","animationFrameRef","numberOfPages","count","setPage","newPage","current","requestAnimationFrame","Number","isFinite","cancelAnimationFrame","animatedValue","id","addListener","newValue","value","removeListener","handlePageSelected","e","desiredPage","setValue","trustfulNextPage","nativeEvent","position","pageStore","contextValue","map","child","index"],"sources":["ViewPager.native.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { useSyncAnimatedValue } from '@fountain-ui/core';\nimport { ChildrenMemoizedPage } from './components';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './types';\nimport { usePageStore } from './hooks';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, isValidPage } from './utils';\nimport InternalContext from './InternalContext';\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        onPageScrollStateChanged,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSyncAnimatedValue({ initialValue: initialPage });\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const pageRef = useRef<number>(sharedPage.initialValue);\n\n    const desiredPageRef = useRef<number>(NaN);\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const numberOfPages = Children.count(children);\n    const setPage = useCallback((newPage: number) => {\n        if (!isValidPage(newPage, numberOfPages)) {\n            return;\n        }\n\n        animationFrameRef.current = requestAnimationFrame(() => {\n            if (Number.isFinite(desiredPageRef.current)) {\n                if (pageRef.current === desiredPageRef.current) {\n                    // end of state machine. clear desired page.\n                    desiredPageRef.current = NaN;\n                    return;\n                }\n\n                if (newPage === desiredPageRef.current) {\n                    return;\n                }\n            }\n\n            desiredPageRef.current = newPage;\n            pagerRef.current?.setPage(newPage);\n        });\n    }, [numberOfPages]);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useEffect(() => {\n        const animatedValue = sharedPage.animatedValue;\n        const id = animatedValue.addListener(newValue => {\n            const newPage = newValue.value;\n            pageRef.current = newPage;\n            setPage(newPage);\n        });\n\n        return () => {\n            animatedValue.removeListener(id);\n        };\n    }, [sharedPage, setPage]);\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        if (Number.isFinite(desiredPageRef.current)) {\n            // onPageSelected is called from outer controlling mechanism\n            // e.g. sharedPage.value is changed, setPage() is called\n            // Due to the onPageSelected bug,\n            // we don't trust the value from event, (e.nativeEvent.position)\n            // other than that trust the value from desiredPageRef.\n\n            const desiredPage = desiredPageRef.current;\n\n            if (pageRef.current === desiredPage) {\n                // end of state machine. clear desired page.\n                desiredPageRef.current = NaN;\n            } else {\n                sharedPage.animatedValue.setValue(desiredPage);\n            }\n\n            onChange?.(desiredPage);\n        } else {\n            const trustfulNextPage = e.nativeEvent.position;\n\n            if (trustfulNextPage !== pageRef.current) {\n                desiredPageRef.current = trustfulNextPage;\n                sharedPage.animatedValue.setValue(trustfulNextPage);\n\n                onChange?.(trustfulNextPage);\n            }\n        }\n    }, [onChange, sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const pageStore = usePageStore(sharedPage);\n\n    const contextValue = useMemo(() => ({ pageStore }), [pageStore]);\n\n    return (\n        <InternalContext.Provider value={contextValue}>\n            <RNViewPager\n                ref={pagerRef}\n                initialPage={sharedPage.initialValue}\n                keyboardDismissMode={keyboardDismissMode}\n                onPageScrollStateChanged={onPageScrollStateChanged}\n                onPageSelected={handlePageSelected}\n                pageMargin={8}\n                scrollEnabled={scrollEnabled}\n                style={style}\n            >\n                {Children.map(children, (child, index) => (\n                    <ChildrenMemoizedPage\n                        key={index}\n                        children={child}\n                        index={index}\n                        initialPage={sharedPage.initialValue}\n                        loading={loading}\n                        offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                        rerenderKey={pageForceRerenderKey}\n                    />\n                ))}\n            </RNViewPager>\n        </InternalContext.Provider>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = React.PropsWithChildren<ViewProps> & {\n    isNeighbor: boolean;\n    isVisible: boolean;\n    rerenderKey?: any;\n};\n\nexport type PageComponent = React.ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, enable page visible hint.\n     * @default false\n     */\n    enableVisibleHint?: boolean;\n\n    /**\n     * If `true`, Based on the current index, the pages on the left and right are also rerender.\n     * @default false\n     */\n    enableNeighborPageRerender?: boolean;\n\n    /**\n     * A number representing the index of the active page.\n     */\n    index: 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     * 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"],"mappings":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ReactNode, Ref } from 'react';\nimport type { PageScrollStateChangedNativeEvent } from 'react-native-pager-view';\nimport type { ComponentProps, SyncAnimatedValue } from '@fountain-ui/core';\nimport type { KeyboardDismissMode, Loading, ViewPagerInstance } from './types';\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     * Native only. This handler processes events that occur when the pager is scrolled horizontally.\n     */\n    onPageScrollStateChanged?: (event: PageScrollStateChangedNativeEvent) => void;\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_sharedPage?: SyncAnimatedValue;\n}> {}\n"],"mappings":""}