@fountain-ui/lab 2.0.0-beta.6 → 2.0.0-beta.61

package/build/commonjs/ComicViewer/FastScrollProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["FastScrollProps.ts"],"sourcesContent":["import React from 'react';\nimport { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport type { RefObject } from 'react';\n\n/**\n * Position infos with display: 'position'.\n */\nexport type AbsolutePosition = {\n    top: number;\n    bottom: number;\n    right: number;\n    left: number;\n};\n\n/**\n * Durations(millis) for show, hide animation.\n */\nexport type VisibleDurations = {\n    hideMillis: number;\n    showMillis: number;\n}\n\nexport interface FastScrollInstance {\n    /**\n     * Handle content scroll event, not using fast scroll indicator.\n     * @param event Function onScroll event params.\n     */\n    onContentScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\n\n    /**\n     * Set indicator visible state.\n     */\n    setVisible: React.Dispatch<React.SetStateAction<boolean>>;\n\n    /**\n     * Return true, if pan gesture state is begin to finalize.\n     */\n    getIsIndicatorDragging: () => boolean,\n}\n\nexport interface FastScrollOptions {\n    /**\n     * Ref for React.forwardRef.\n     */\n    ref: RefObject<FastScrollInstance>;\n\n    /**\n     * Range within which the indicator can move.\n     */\n    movementRange: number;\n\n    /**\n     * Scrollbar positions for 'display: position'.\n     */\n    absolutePosition?: Partial<AbsolutePosition>;\n\n    /**\n     * Durations(millis) for show, hide animation.\n     * @default { hide: 200, show: 350 }\n     */\n    visibleDurations?: VisibleDurations;\n\n    /**\n     * Additional height except contentLength.\n     * @default 0\n     */\n    additionalLength?: number;\n}\n\ninterface FastScrollProps extends FastScrollOptions {\n    /**\n     * Total length of scrollable content.\n     */\n    contentLength: number;\n\n    /**\n     * Content initial scroll percentage.\n     */\n    initialScrollPercentage: number;\n\n    /**\n     * Scroll content to offset appropriate for the indicator location.\n     * @param offset Content offset.\n     */\n    scrollContentToOffset: (offset: number) => void;\n}\n\nexport default FastScrollProps;\n"],"mappings":""}

package/build/commonjs/ComicViewer/ReloadButton.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ReloadButton;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _core = require("@fountain-ui/core");
+
+var _icons = require("@fountain-ui/icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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); }
+
+const styles = _core.StyleSheet.create({
+  root: {
+    width: '100%',
+    height: '100%',
+    alignItems: 'center',
+    paddingTop: 80
+  },
+  button: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    color: '#ffffff',
+    backgroundColor: '#767676'
+  }
+});
+
+function ReloadButton(props) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.root
+  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, _extends({}, props, {
+    children: /*#__PURE__*/_react.default.createElement(_icons.Restart, {
+      fill: '#ffffff'
+    }),
+    style: styles.button
+  })));
+}
+
+;
+//# sourceMappingURL=ReloadButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["styles","StyleSheet","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;;AACA;;AACA;;AACA;;;;;;AAMA,MAAMA,MAAM,GAAGC,gBAAA,CAAWC,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;;AAgBe,SAASC,YAAT,CAAsBC,KAAtB,EAAgD;EAC3D,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAEb,MAAM,CAACG;EAApB,gBACI,6BAAC,gBAAD,eACQU,KADR;IAEI,QAAQ,eAAE,6BAAC,cAAD;MAAS,IAAI,EAAE;IAAf,EAFd;IAGI,KAAK,EAAEb,MAAM,CAACQ;EAHlB,GADJ,CADJ;AASH;;AAAA"}

package/build/commonjs/ComicViewer/ViewerItem.js

@@ -3,85 +3,80 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = ViewerItem;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
 var _core = require("@fountain-ui/core");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _ReloadButton = _interopRequireDefault(require("./ReloadButton"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _EncodedTile = _interopRequireDefault(require("./EncodedTile"));
 
-const styles = _core.StyleSheet.create({
-  placeholder: {
-    backgroundColor: '#abcabc'
-  }
-});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function ViewerItem({
-  props
-}) {
+function ViewerItem(props) {
   const {
     height,
-    id,
-    isViewable,
+    url,
+    width,
+    imageKey,
+    invisiblePaddingTop,
     onError,
-    sourceUrl,
-    width
+    onLoad,
+    onPress,
+    onReloadPress,
+    reloadButtonVisible = false
   } = props;
-  const [isLoaded, setIsLoaded] = (0, _react.useState)(false);
-  const errorCount = (0, _react.useRef)(0);
-  const onLoad = (0, _react.useCallback)(() => {
-    errorCount.current = 0;
-    setIsLoaded(true);
-  }, []);
-  const handleError = (0, _react.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 error = reloadButtonVisible ? /*#__PURE__*/_react.default.createElement(_ReloadButton.default, {
+    onPress: onReloadPress
+  }) : null;
 
-  const Placeholder = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [viewStyle, styles.placeholder]
+  const placeholder = /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: _EncodedTile.default
+    },
+    resizeMode: 'cover',
+    style: styles.image
   });
 
-  if (!isViewable && !isLoaded) {
-    return /*#__PURE__*/_react.default.createElement(Placeholder, null);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_core.Image, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableWithoutFeedback, {
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.view
+  }, /*#__PURE__*/_react.default.createElement(_core.Image, {
+    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: (0, _core.css)([{
+      alignSelf: 'center'
+    }, styles.image])
+  })));
 }
 
-var _default = /*#__PURE__*/_react.default.memo(ViewerItem, (prevProps, nextProps) => {
-  if (prevProps.props.isViewable !== nextProps.props.isViewable) {
-    return false;
-  }
-
-  if (prevProps.props.sourceUrl !== nextProps.props.sourceUrl) {
-    return false;
-  }
-
-  return true;
-});
-
-exports.default = _default;
+;
 //# sourceMappingURL=ViewerItem.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ViewerItem.tsx"],"names":["styles","StyleSheet","create","placeholder","backgroundColor","ViewerItem","props","height","id","isViewable","onError","sourceUrl","width","isLoaded","setIsLoaded","errorCount","onLoad","current","handleError","count","viewStyle","Placeholder","uri","React","memo","prevProps","nextProps"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,iBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,WAAW,EAAE;AACTC,IAAAA,eAAe,EAAE;AADR;AADgB,CAAlB,CAAf;;AAMA,SAASC,UAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAsE;AAClE,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,EAFE;AAGFC,IAAAA,UAHE;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,SALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAM,CAACO,QAAD,EAAWC,WAAX,IAA0B,qBAAS,KAAT,CAAhC;AAEA,QAAMC,UAAU,GAAG,mBAAe,CAAf,CAAnB;AAEA,QAAMC,MAAM,GAAG,wBAAY,MAAM;AAC7BD,IAAAA,UAAU,CAACE,OAAX,GAAqB,CAArB;AACAH,IAAAA,WAAW,CAAC,IAAD,CAAX;AACH,GAHc,EAGZ,EAHY,CAAf;AAKA,QAAMI,WAAW,GAAG,wBAAY,MAAM;AAClCH,IAAAA,UAAU,CAACE,OAAX,GAAqBF,UAAU,CAACE,OAAX,GAAqB,CAA1C;AAEAP,IAAAA,OAAO,IAAIA,OAAO,CAAC;AACfF,MAAAA,EADe;AAEfW,MAAAA,KAAK,EAAEJ,UAAU,CAACE;AAFH,KAAD,CAAlB;AAIH,GAPmB,EAOjB,CAACT,EAAD,CAPiB,CAApB;AASA,QAAMY,SAAS,GAAG;AAAER,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAlB;;AAEA,QAAMc,WAAW,GAAG,mBAChB,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CACTD,SADS,EAETpB,MAAM,CAACG,WAFE;AAAb,IADJ;;AAOA,MAAI,CAACM,UAAD,IAAe,CAACI,QAApB,EAA8B;AAC1B,wBAAO,6BAAC,WAAD,OAAP;AACH;;AAED,sBACI,6BAAC,WAAD;AACI,IAAA,cAAc,EAAE,IADpB;AAEI,IAAA,GAAG,EAAEF,SAFT;AAGI,IAAA,MAAM,EAAEK,MAHZ;AAII,IAAA,OAAO,EAAEE,WAJb;AAKI,IAAA,MAAM,EAAE;AAAEI,MAAAA,GAAG,EAAEX;AAAP,KALZ;AAMI,IAAA,KAAK,EAAES,SANX;AAOI,IAAA,MAAM,EAAE;AAPZ,IADJ;AAWH;;4BAEcG,eAAMC,IAAN,CAAWnB,UAAX,EAAuB,CAACoB,SAAD,EAAYC,SAAZ,KAA0B;AAC5D,MAAID,SAAS,CAACnB,KAAV,CAAgBG,UAAhB,KAA+BiB,SAAS,CAACpB,KAAV,CAAgBG,UAAnD,EAA+D;AAC3D,WAAO,KAAP;AACH;;AAED,MAAIgB,SAAS,CAACnB,KAAV,CAAgBK,SAAhB,KAA8Be,SAAS,CAACpB,KAAV,CAAgBK,SAAlD,EAA6D;AACzD,WAAO,KAAP;AACH;;AAED,SAAO,IAAP;AACH,CAVc,C","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"]}
+{"version":3,"names":["ViewerItem","props","height","url","width","imageKey","invisiblePaddingTop","onError","onLoad","onPress","onReloadPress","reloadButtonVisible","styles","view","paddingTop","image","error","placeholder","uri","EncodedTile","css","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;;AACA;;AACA;;AACA;;AACA;;;;AAuDe,SAASA,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,6BAAC,qBAAD;IAAc,OAAO,EAAED;EAAvB,EAAH,GAA6C,IAA9E;;EAEA,MAAMO,WAAW,gBAAG,6BAAC,kBAAD;IAChB,MAAM,EAAE;MAAEC,GAAG,EAAEC;IAAP,CADQ;IAEhB,UAAU,EAAE,OAFI;IAGhB,KAAK,EAAEP,MAAM,CAACG;EAHE,EAApB;;EAMA,oBACI,6BAAC,qCAAD;IAA0B,OAAO,EAAEN;EAAnC,gBACI,6BAAC,iBAAD;IAAM,KAAK,EAAEG,MAAM,CAACC;EAApB,gBACI,6BAAC,WAAD;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,EAAE,IAAAiB,SAAA,EAAI,CACP;MAAEC,SAAS,EAAE;IAAb,CADO,EAEPT,MAAM,CAACG,KAFA,CAAJ;EAbX,EADJ,CADJ,CADJ;AAwBH;;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './ComicViewer';\nexport type { ComicViewerItemData, default as ComicViewerProps, ErrorInfo } from './ComicViewerProps';\nexport type { default as ComicViewerItemProps } from './ComicViewerItemProps';"]}
+{"version":3,"names":[],"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"}

package/build/commonjs/ComicViewer/util.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.percentageToOffset = exports.offsetToPercentage = void 0;
+
+const offsetToPercentage = (offset, total) => {
+  if (offset === 0 || total === 0) {
+    return 0;
+  }
+
+  return offset / total * 100;
+};
+
+exports.offsetToPercentage = offsetToPercentage;
+
+const percentageToOffset = (percentage, total) => {
+  if (percentage === 0 || total === 0) {
+    return 0;
+  }
+
+  return percentage / 100 * total;
+};
+
+exports.percentageToOffset = percentageToOffset;
+//# sourceMappingURL=util.js.map

package/build/commonjs/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":";;;;;;;AAAO,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;;;;AAQA,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/commonjs/DateTimePicker/DateTimePicker.js

@@ -39,6 +39,9 @@ function DateTimePicker(props) {
     onYearPress: onYearPressProp
   } = props;
   const theme = (0, _styles.useTheme)();
+  const textDayFontStyle = (0, _core.createFontStyle)(theme, {
+    selector: typo => typo.body2
+  });
 
   const [yearPickerVisible, setYearPickerVisible] = _react.default.useState(false);
 
@@ -103,7 +106,13 @@ 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/commonjs/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePicker.tsx"],"names":["useDateTimePicker","React","useContext","DateTimePickerContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","LocaleConfig","defaultLocale","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","toDate","backgroundColor","paper","default","calendarBackground","dayTextColor","text","textDisabledColor","hint"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;;;AAPA;AASA,MAAMA,iBAAiB,GAAG,MAAM;AAC5B,SAAOC,eAAMC,UAAN,CAAiBC,6CAAjB,CAAP;AACH,CAFD;;AAIe,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;AAC/D,QAAM;AACFC,IAAAA,YAAY,GAAG,IAAIC,IAAJ,EADb;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,UAAU,EAAEC,cAHV;AAIFC,IAAAA,OAJE;AAKFC,IAAAA,OALE;AAMFC,IAAAA,UANE;AAOFC,IAAAA,WAAW,EAAEC;AAPX,MAQFV,KARJ;AAUA,QAAMW,KAAK,GAAG,uBAAd;;AAEA,QAAM,CAACC,iBAAD,EAAoBC,oBAApB,IAA4CjB,eAAMkB,QAAN,CAAe,KAAf,CAAlD;;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAcpB,iBAAiB,EAArC,CAd+D,CAgB/D;;AACA,QAAMqB,SAAS,gBAAG,6BAAC,gBAAD;AAAY,IAAA,QAAQ,EAAE,GAAtB;AAA2B,IAAA,KAAK,EAAE;AAAlC,IAAlB;;AACA,QAAMC,UAAU,gBAAG,6BAAC,gBAAD;AAAY,IAAA,QAAQ,EAAE,GAAtB;AAA2B,IAAA,KAAK,EAAE;AAAlC,IAAnB;;AAEA,QAAMR,WAAW,GAAIS,IAAD,IAAgB;AAChCL,IAAAA,oBAAoB,CAAC,KAAD,CAApB;AACAH,IAAAA,eAAe,IAAIA,eAAe,CAACQ,IAAD,CAAlC;AACH,GAHD;;AAKA,MAAIf,MAAJ,EAAY;AACRgB,uCAAaJ,OAAb,GAAuBA,OAAvB;AACAI,uCAAaC,aAAb,GAA6BjB,MAA7B;AACH;;AAED,QAAMC,UAAU,GAAGC,cAAc,GAAG,qBAAOA,cAAP,EAAuB,YAAvB,CAAH,GAA0C,EAA3E;;AAEA,MAAIO,iBAAJ,EAAuB;AACnB,wBACI,6BAAC,mBAAD;AACI,MAAA,IAAI,EAAEX,YADV;AAEI,MAAA,MAAM,EAAEE,MAFZ;AAGI,MAAA,OAAO,EAAEG,OAHb;AAII,MAAA,OAAO,EAAEC,OAJb;AAKI,MAAA,WAAW,EAAEE;AALjB,MADJ;AASH;;AAED,sBACI,6BAAC,8BAAD;AACI,IAAA,OAAO,EAAER,YADb;AAEI,IAAA,UAAU,EAAEO,UAFhB;AAGI,IAAA,OAAO,EAAEF,OAHb;AAII,IAAA,OAAO,EAAEC,OAJb;AAKI,IAAA,WAAW,EAAGc,SAAD,IAAuBA,SAAS,KAAK,MAAd,GAAuBL,SAAvB,GAAmCC,UAL3E;AAMI,IAAA,WAAW,EAAE;AACT,OAACb,UAAD,GAAc;AACVkB,QAAAA,QAAQ,EAAE,IADA;AAEVC,QAAAA,iBAAiB,EAAE,IAFT;AAGVC,QAAAA,aAAa,EAAEb,KAAK,CAACc,OAAN,CAAcC,OAAd,CAAsBC,IAH3B;AAIVC,QAAAA,iBAAiB,EAAEjB,KAAK,CAACc,OAAN,CAAcC,OAAd,CAAsBG;AAJ/B;AADL,KANjB,CAcI;AAdJ;AAeI,IAAA,YAAY,EAAGX,IAAD,iBACV,6BAAC,YAAD;AACI,MAAA,QAAQ,EAAE,uBAAWA,IAAI,CAACY,MAAL,EAAX,EAA0B3B,MAA1B,CADd;AAEI,MAAA,OAAO,EAAE,MAFb;AAGI,MAAA,IAAI,EAAE,OAHV;AAII,MAAA,OAAO,EAAE,MAAMU,oBAAoB,CAAC,IAAD;AAJvC,MAhBR;AAuBI,IAAA,KAAK,EAAE;AACHkB,MAAAA,eAAe,EAAEpB,KAAK,CAACc,OAAN,CAAcO,KAAd,CAAoBC,OADlC;AAEHC,MAAAA,kBAAkB,EAAEvB,KAAK,CAACc,OAAN,CAAcO,KAAd,CAAoBC,OAFrC;AAGHE,MAAAA,YAAY,EAAExB,KAAK,CAACc,OAAN,CAAcW,IAAd,CAAmBV,OAH9B;AAIHW,MAAAA,iBAAiB,EAAE1B,KAAK,CAACc,OAAN,CAAcW,IAAd,CAAmBE;AAJnC;AAvBX,IADJ;AAgCH;;AAAA","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"]}
+{"version":3,"names":["useDateTimePicker","React","useContext","DateTimePickerContext","DateTimePicker","props","currentMonth","Date","locale","markedDate","markedDateProp","maxDate","minDate","onDayPress","onYearPress","onYearPressProp","theme","useTheme","textDayFontStyle","createFontStyle","selector","typo","body2","yearPickerVisible","setYearPickerVisible","useState","locales","LeftArrow","RightArrow","date","LocaleConfig","defaultLocale","format","direction","selected","disableTouchEvent","selectedColor","palette","primary","main","selectedTextColor","contrastTextColor","formatDate","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/commonjs/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/commonjs/DateTimePicker/DateTimePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DateTimePickerProvider.ts"],"names":["defaultValue","locales","DateTimePickerContext","React","createContext","Provider"],"mappings":";;;;;;;AAAA;;;;AAMA,MAAMA,YAAiC,GAAG;AACtCC,EAAAA,OAAO,EAAE;AAD6B,CAA1C;;AAIO,MAAMC,qBAAqB,gBAAGC,eAAMC,aAAN,CAAyCJ,YAAzC,CAA9B;;;eAEQE,qBAAqB,CAACG,Q","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":["defaultValue","locales","DateTimePickerContext","React","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;;;;AAMA,MAAMA,YAAiC,GAAG;EACtCC,OAAO,EAAE;AAD6B,CAA1C;;AAIO,MAAMC,qBAAqB,gBAAGC,cAAA,CAAMC,aAAN,CAAyCJ,YAAzC,CAA9B;;;eAEQE,qBAAqB,CAACG,Q"}

package/build/commonjs/DateTimePicker/YearPicker.js

@@ -30,13 +30,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.default.useRef(null);
@@ -67,16 +68,19 @@ const YearPicker = ({
   }), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: years,
     keyExtractor: item => item.toString(),
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_react.default.createElement(_core.Button, {
-      children: item.toString(),
-      variant: 'text',
-      onPress: () => {
-        const newDate = (0, _dateFns.setYear)(date, item);
-        onYearPress(newDate);
-      }
-    }),
+    renderItem: _ref2 => {
+      let {
+        item
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement(_core.Button, {
+        children: item.toString(),
+        variant: 'text',
+        onPress: () => {
+          const newDate = (0, _dateFns.setYear)(date, item);
+          onYearPress(newDate);
+        }
+      });
+    },
     getItemLayout: getItemLayout,
     style: styles.list,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"sources":["YearPicker.tsx"],"names":["initYear","itemHeight","useStyles","theme","list","marginTop","spacing","maxHeight","YearPicker","date","locale","maxDate","minDate","onYearPress","styles","ref","React","useRef","minYear","maxYear","Date","years","Array","fill","map","v","i","useEffect","current","scrollToItem","animated","item","getItemLayout","data","index","length","offset","toString","newDate"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,IAAjB;AACA,MAAMC,UAAU,GAAG,EAAnB;;AAYA,MAAMC,SAAsC,GAAG,YAA8B;AACzE,QAAMC,KAAK,GAAG,qBAAd;AAEA,SAAO;AACHC,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,GAAGC,eAAMC,MAAN,CAA8B,IAA9B,CAAZ;;AAEA,QAAMC,OAAO,GAAGN,OAAO,GAAG,sBAAQA,OAAR,CAAH,GAAsBZ,QAA7C;AACA,QAAMmB,OAAO,GAAGR,OAAO,GAAG,sBAAQA,OAAR,CAAH,GAAsB,sBAAQ,IAAIS,IAAJ,EAAR,CAA7C;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;;AAEAV,iBAAMW,SAAN,CAAgB,MAAM;AAAA;;AAClB,oBAAAZ,GAAG,CAACa,OAAJ,8DAAaC,YAAb,CAA0B;AACtBC,MAAAA,QAAQ,EAAE,KADY;AAEtBC,MAAAA,IAAI,EAAE,sBAAQtB,IAAR;AAFgB,KAA1B;AAIH,GALD,EAKG,CAACA,IAAD,CALH;;AAOA,QAAMuB,aAAa,GAAG,CAACC,IAAD,EAAyCC,KAAzC,MAA4D;AAC9EC,IAAAA,MAAM,EAAElC,UADsE;AAE9EmC,IAAAA,MAAM,EAAEnC,UAAU,GAAGiC,KAFyD;AAG9EA,IAAAA;AAH8E,GAA5D,CAAtB;;AAMA,sBACI,6BAAC,YAAD,qBACI,6BAAC,gBAAD;AACI,IAAA,QAAQ,EAAE,uBAAWzB,IAAX,EAAiBC,MAAjB,CADd;AAEI,IAAA,KAAK,EAAE,aAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IADJ,eAMI,6BAAC,qBAAD;AACI,IAAA,IAAI,EAAEW,KADV;AAEI,IAAA,YAAY,EAAEU,IAAI,IAAIA,IAAI,CAACM,QAAL,EAF1B;AAGI,IAAA,UAAU,EAAE,CAAC;AAAEN,MAAAA;AAAF,KAAD,kBACR,6BAAC,YAAD;AACI,MAAA,QAAQ,EAAEA,IAAI,CAACM,QAAL,EADd;AAEI,MAAA,OAAO,EAAE,MAFb;AAGI,MAAA,OAAO,EAAE,MAAM;AACX,cAAMC,OAAO,GAAG,sBAAQ7B,IAAR,EAAcsB,IAAd,CAAhB;AACAlB,QAAAA,WAAW,CAACyB,OAAD,CAAX;AACH;AANL,MAJR;AAaI,IAAA,aAAa,EAAEN,aAbnB;AAcI,IAAA,KAAK,EAAElB,MAAM,CAACV,IAdlB;AAeI,IAAA,GAAG,EAAEW;AAfT,IANJ,CADJ;AA0BH,CAtDD;;eAwDeP,U","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":["initYear","itemHeight","useStyles","theme","useTheme","list","marginTop","spacing","maxHeight","YearPicker","date","locale","maxDate","minDate","onYearPress","styles","ref","React","useRef","minYear","getYear","maxYear","Date","years","Array","fill","map","v","i","useEffect","current","scrollToItem","animated","item","getItemLayout","data","index","length","offset","formatDate","toString","newDate","setYear"],"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;;AACA;;AACA;;AAEA;;AACA;;;;AAEA,MAAMA,QAAQ,GAAG,IAAjB;AACA,MAAMC,UAAU,GAAG,EAAnB;;AAYA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAG,IAAAC,cAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,SAAS,EAAEH,KAAK,CAACI,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,GAAGb,SAAS,EAAxB;;EAEA,MAAMc,GAAG,GAAGC,cAAA,CAAMC,MAAN,CAA8B,IAA9B,CAAZ;;EAEA,MAAMC,OAAO,GAAGN,OAAO,GAAG,IAAAO,gBAAA,EAAQP,OAAR,CAAH,GAAsBb,QAA7C;EACA,MAAMqB,OAAO,GAAGT,OAAO,GAAG,IAAAQ,gBAAA,EAAQR,OAAR,CAAH,GAAsB,IAAAQ,gBAAA,EAAQ,IAAIE,IAAJ,EAAR,CAA7C;EACA,MAAMC,KAAK,GAAGC,KAAK,CAACH,OAAO,GAAGF,OAAV,GAAoB,CAArB,CAAL,CAA6BM,IAA7B,CAAkCN,OAAlC,EAA2CO,GAA3C,CAA+C,CAACC,CAAD,EAAIC,CAAJ,KAAUD,CAAC,GAAGC,CAA7D,CAAd;;EAEAX,cAAA,CAAMY,SAAN,CAAgB,MAAM;IAAA;;IAClB,gBAAAb,GAAG,CAACc,OAAJ,8DAAaC,YAAb,CAA0B;MACtBC,QAAQ,EAAE,KADY;MAEtBC,IAAI,EAAE,IAAAb,gBAAA,EAAQV,IAAR;IAFgB,CAA1B;EAIH,CALD,EAKG,CAACA,IAAD,CALH;;EAOA,MAAMwB,aAAa,GAAG,CAACC,IAAD,EAAyCC,KAAzC,MAA4D;IAC9EC,MAAM,EAAEpC,UADsE;IAE9EqC,MAAM,EAAErC,UAAU,GAAGmC,KAFyD;IAG9EA;EAH8E,CAA5D,CAAtB;;EAMA,oBACI,6BAAC,YAAD,qBACI,6BAAC,gBAAD;IACI,QAAQ,EAAE,IAAAG,iBAAA,EAAW7B,IAAX,EAAiBC,MAAjB,CADd;IAEI,KAAK,EAAE,aAFX;IAGI,OAAO,EAAE;EAHb,EADJ,eAMI,6BAAC,qBAAD;IACI,IAAI,EAAEY,KADV;IAEI,YAAY,EAAEU,IAAI,IAAIA,IAAI,CAACO,QAAL,EAF1B;IAGI,UAAU,EAAE;MAAA,IAAC;QAAEP;MAAF,CAAD;MAAA,oBACR,6BAAC,YAAD;QACI,QAAQ,EAAEA,IAAI,CAACO,QAAL,EADd;QAEI,OAAO,EAAE,MAFb;QAGI,OAAO,EAAE,MAAM;UACX,MAAMC,OAAO,GAAG,IAAAC,gBAAA,EAAQhC,IAAR,EAAcuB,IAAd,CAAhB;UACAnB,WAAW,CAAC2B,OAAD,CAAX;QACH;MANL,EADQ;IAAA,CAHhB;IAaI,aAAa,EAAEP,aAbnB;IAcI,KAAK,EAAEnB,MAAM,CAACV,IAdlB;IAeI,GAAG,EAAEW;EAfT,EANJ,CADJ;AA0BH,CAtDD;;eAwDeP,U"}

package/build/commonjs/DateTimePicker/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "default", {
+Object.defineProperty(exports, "DateTimePickerProvider", {
   enumerable: true,
   get: function () {
-    return _DateTimePicker.default;
+    return _DateTimePickerProvider.default;
   }
 });
-Object.defineProperty(exports, "DateTimePickerProvider", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _DateTimePickerProvider.default;
+    return _DateTimePicker.default;
   }
 });
 

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

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default } from './DateTimePicker';\nexport { default as DateTimePickerProvider } from './DateTimePickerProvider';\nexport type { default as DateTimePickerProps } from './DateTimePickerProps';"]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './DateTimePicker';\nexport { default as DateTimePickerProvider } from './DateTimePickerProvider';\nexport type { default as DateTimePickerProps } from './DateTimePickerProps';"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/build/commonjs/DateTimePicker/utils.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["localeMap","en","enLocale","de","deLocale","fr","frLocale","formatDate","date","locale"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;AACdC,EAAAA,EAAE,EAAEC,aADU;AAEdC,EAAAA,EAAE,EAAEC,WAFU;AAGdC,EAAAA,EAAE,EAAEC;AAHU,CAAlB;;AAMO,MAAMC,UAAU,GAAG,CAACC,IAAD,EAAaC,MAAc,GAAG,IAA9B,KAA+C;AACrE;AACA,SAAO,qBAAOD,IAAP,EAAa,WAAb,EAA0B;AAAEC,IAAAA,MAAM,EAAET,SAAS,CAACS,MAAD;AAAnB,GAA1B,CAAP;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":["localeMap","en","enLocale","de","deLocale","fr","frLocale","formatDate","date","locale","format"],"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;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GAAG;EACdC,EAAE,EAAEC,aADU;EAEdC,EAAE,EAAEC,WAFU;EAGdC,EAAE,EAAEC;AAHU,CAAlB;;AAMO,MAAMC,UAAU,GAAG,UAACC,IAAD,EAA+C;EAAA,IAAlCC,MAAkC,uEAAjB,IAAiB;EACrE;EACA,OAAO,IAAAC,eAAA,EAAOF,IAAP,EAAa,WAAb,EAA0B;IAAEC,MAAM,EAAET,SAAS,CAACS,MAAD;EAAnB,CAA1B,CAAP;AACH,CAHM"}

package/build/commonjs/FlipCard/FlipCard.js

@@ -9,9 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -40,10 +38,8 @@ function FlipCard(props) {
     reanimationKey,
     style
   } = props;
-
-  const sharedAngle = _reactNativeReanimated.default.useSharedValue(0);
-
-  const animatedFrontCardStyle = _reactNativeReanimated.default.useAnimatedStyle(() => {
+  const sharedAngle = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedFrontCardStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     return {
       zIndex: sharedAngle.value < Z_INDEX_CHANGE_ANGLE ? 2 : 1,
       transform: [{
@@ -52,9 +48,8 @@ function FlipCard(props) {
         rotateX: `${sharedAngle.value}deg`
       }]
     };
-  });
-
-  const animatedBackCardStyle = _reactNativeReanimated.default.useAnimatedStyle(() => {
+  }, []);
+  const animatedBackCardStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     return {
       zIndex: sharedAngle.value <= Z_INDEX_CHANGE_ANGLE ? 1 : 2,
       transform: [{
@@ -63,11 +58,10 @@ function FlipCard(props) {
         rotateX: `${sharedAngle.value + 180}deg`
       }]
     };
-  });
-
+  }, []);
   (0, _react.useEffect)(() => {
     sharedAngle.value = 0;
-    sharedAngle.value = _reactNativeReanimated.default.withTiming(180, {
+    sharedAngle.value = (0, _reactNativeReanimated.withTiming)(180, {
       duration: 500
     });
   }, [reanimationKey]);

package/build/commonjs/FlipCard/FlipCard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FlipCard.tsx"],"names":["styles","StyleSheet","create","container","height","width","animatedCard","alignItems","backfaceVisibility","justifyContent","position","PERSPECTIVE","Z_INDEX_CHANGE_ANGLE","FlipCard","props","backCard","frontCard","reanimationKey","style","sharedAngle","Animated","useSharedValue","animatedFrontCardStyle","useAnimatedStyle","zIndex","value","transform","perspective","rotateX","animatedBackCardStyle","withTiming","duration"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,MAAM,GAAGC,wBAAWC,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;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;AACnD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,SAFE;AAGFC,IAAAA,cAHE;AAIFC,IAAAA;AAJE,MAKFJ,KALJ;;AAOA,QAAMK,WAAW,GAAGC,+BAASC,cAAT,CAAwB,CAAxB,CAApB;;AAEA,QAAMC,sBAAsB,GAAGF,+BAASG,gBAAT,CAA0B,MAAM;AAC3D,WAAO;AACHC,MAAAA,MAAM,EAAEL,WAAW,CAACM,KAAZ,GAAoBb,oBAApB,GAA2C,CAA3C,GAA+C,CADpD;AAEHc,MAAAA,SAAS,EAAE,CACP;AAAEC,QAAAA,WAAW,EAAEhB;AAAf,OADO,EAEP;AAAEiB,QAAAA,OAAO,EAAG,GAAET,WAAW,CAACM,KAAM;AAAhC,OAFO;AAFR,KAAP;AAOH,GAR8B,CAA/B;;AAUA,QAAMI,qBAAqB,GAAGT,+BAASG,gBAAT,CAA0B,MAAM;AAC1D,WAAO;AACHC,MAAAA,MAAM,EAAEL,WAAW,CAACM,KAAZ,IAAqBb,oBAArB,GAA4C,CAA5C,GAAgD,CADrD;AAEHc,MAAAA,SAAS,EAAE,CACP;AAAEC,QAAAA,WAAW,EAAEhB;AAAf,OADO,EAEP;AAAEiB,QAAAA,OAAO,EAAG,GAAGT,WAAW,CAACM,KAAZ,GAAoB,GAAK;AAAxC,OAFO;AAFR,KAAP;AAOH,GAR6B,CAA9B;;AAUA,wBAAU,MAAM;AACZN,IAAAA,WAAW,CAACM,KAAZ,GAAoB,CAApB;AACAN,IAAAA,WAAW,CAACM,KAAZ,GAAoBL,+BAASU,UAAT,CAAoB,GAApB,EAAyB;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAzB,CAApB;AACH,GAHD,EAGG,CAACd,cAAD,CAHH;AAKA,sBACI,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACjB,MAAM,CAACG,SAAR,EAAmBe,KAAnB;AAAb,kBACI,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAAClB,MAAM,CAACM,YAAR,EAAsBgB,sBAAtB;AAAtB,KACKN,SADL,CADJ,eAKI,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAE,CAAChB,MAAM,CAACM,YAAR,EAAsBuB,qBAAtB;AAAtB,KACKd,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":["styles","StyleSheet","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","useEffect","withTiming","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;;AACA;;AACA;;;;;;AAGA,MAAMA,MAAM,GAAGC,uBAAA,CAAWC,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;;AAEe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,QADE;IAEFC,SAFE;IAGFC,cAHE;IAIFC;EAJE,IAKFJ,KALJ;EAOA,MAAMK,WAAW,GAAG,IAAAC,qCAAA,EAAe,CAAf,CAApB;EAEA,MAAMC,sBAAsB,GAAG,IAAAC,uCAAA,EAAiB,MAAM;IAClD,OAAO;MACHC,MAAM,EAAEJ,WAAW,CAACK,KAAZ,GAAoBZ,oBAApB,GAA2C,CAA3C,GAA+C,CADpD;MAEHa,SAAS,EAAE,CACP;QAAEC,WAAW,EAAEf;MAAf,CADO,EAEP;QAAEgB,OAAO,EAAG,GAAER,WAAW,CAACK,KAAM;MAAhC,CAFO;IAFR,CAAP;EAOH,CAR8B,EAQ5B,EAR4B,CAA/B;EAUA,MAAMI,qBAAqB,GAAG,IAAAN,uCAAA,EAAiB,MAAM;IACjD,OAAO;MACHC,MAAM,EAAEJ,WAAW,CAACK,KAAZ,IAAqBZ,oBAArB,GAA4C,CAA5C,GAAgD,CADrD;MAEHa,SAAS,EAAE,CACP;QAAEC,WAAW,EAAEf;MAAf,CADO,EAEP;QAAEgB,OAAO,EAAG,GAAGR,WAAW,CAACK,KAAZ,GAAoB,GAAK;MAAxC,CAFO;IAFR,CAAP;EAOH,CAR6B,EAQ3B,EAR2B,CAA9B;EAUA,IAAAK,gBAAA,EAAU,MAAM;IACZV,WAAW,CAACK,KAAZ,GAAoB,CAApB;IACAL,WAAW,CAACK,KAAZ,GAAoB,IAAAM,iCAAA,EAAW,GAAX,EAAgB;MAAEC,QAAQ,EAAE;IAAZ,CAAhB,CAApB;EACH,CAHD,EAGG,CAACd,cAAD,CAHH;EAKA,oBACI,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACjB,MAAM,CAACG,SAAR,EAAmBe,KAAnB;EAAb,gBACI,6BAAC,8BAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAClB,MAAM,CAACM,YAAR,EAAsBe,sBAAtB;EAAtB,GACKL,SADL,CADJ,eAKI,6BAAC,8BAAD,CAAU,IAAV;IAAe,KAAK,EAAE,CAAChB,MAAM,CAACM,YAAR,EAAsBsB,qBAAtB;EAAtB,GACKb,QADL,CALJ,CADJ;AAWH;;AAAA"}

package/build/commonjs/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/commonjs/FlipCard/index.js.map

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

package/build/commonjs/StatusBarProvider/Provider.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.useStatusBarContext = exports.StatusBarContext = void 0;
+exports.useStatusBarContext = exports.default = exports.StatusBarContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Provider.ts"],"names":["StatusBarContext","React","createContext","useStatusBarContext","useContext","Provider"],"mappings":";;;;;;;AAAA;;;;AAUO,MAAMA,gBAAgB,gBAAGC,eAAMC,aAAN,CAAmD,IAAnD,CAAzB;;;;AAEA,MAAMC,mBAAmB,GAAG,MAAM;AACrC,SAAOF,eAAMG,UAAN,CAAiBJ,gBAAjB,CAAP;AACH,CAFM;;;eAIQA,gBAAgB,CAACK,Q","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":["StatusBarContext","React","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;;;;AAUO,MAAMA,gBAAgB,gBAAGC,cAAA,CAAMC,aAAN,CAAmD,IAAnD,CAAzB;;;;AAEA,MAAMC,mBAAmB,GAAG,MAAM;EACrC,OAAOF,cAAA,CAAMG,UAAN,CAAiBJ,gBAAjB,CAAP;AACH,CAFM;;;eAIQA,gBAAgB,CAACK,Q"}

package/build/commonjs/StatusBarProvider/StatusBarProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["StatusBarProvider.tsx"],"names":["initialVisible","Platform","select","ios","android","StatusBarProvider","props","children","theme","defaultColor","palette","background","default","visible","setVisible","React","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","RNStatusBar","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","backgroundViewStyle","backgroundColor","height","top","left","position","right","zIndex","statusBar"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,cAAc,GAAGC,sBAASC,MAAT,CAAgB;AACnCC,EAAAA,GAAG,EAAE,IAD8B;AAEnCC,EAAAA,OAAO,EAAE;AAF0B,CAAhB,CAAvB;;AAKe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;AACrE,QAAM;AAAEC,IAAAA;AAAF,MAAeD,KAArB;AAEA,QAAME,KAAK,GAAG,qBAAd;AACA,QAAMC,YAAY,GAAGD,KAAK,CAACE,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;;AAEA,QAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,eAAMC,QAAN,CAAehB,cAAf,CAA9B;;AACA,QAAM,CAACiB,mBAAD,EAAsBC,sBAAtB,IAAgDH,eAAMC,QAAN,CAAeP,YAAf,CAAtD;;AAEA,QAAMU,kBAAkB,GAAIC,KAAD,IAAmB;AAC1C,QAAInB,sBAASoB,EAAT,KAAgB,SAApB,EAA+B;AAC3BC,6BAAYH,kBAAZ,CAA+BC,KAA/B;AACH;;AAED,QAAInB,sBAASoB,EAAT,KAAgB,KAApB,EAA2B;AACvBH,MAAAA,sBAAsB,CAACE,KAAD,CAAtB;AACH;AACJ,GARD;;AAUA,QAAMG,WAAW,GAAG,CAACH,KAAD,EAAwBI,QAAxB,KAA+C;AAC/DF,2BAAYC,WAAZ,CAAwBH,KAAxB,EAA+BI,QAA/B;AACH,GAFD;;AAIA,QAAMC,SAAS,GAAIL,KAAD,IAAoB;AAClC,QAAInB,sBAASoB,EAAT,KAAgB,KAApB,EAA2B;AACvBP,MAAAA,UAAU,CAAC,CAACM,KAAF,CAAV;AACH;;AAEDE,2BAAYG,SAAZ,CAAsBL,KAAtB;AACH,GAND;;AAQA,QAAMM,cAAc,GAAIN,KAAD,IAAoB;AACvC,QAAInB,sBAASoB,EAAT,KAAgB,SAApB,EAA+B;AAC3BC,6BAAYI,cAAZ,CAA2BN,KAA3B;AACH;AACJ,GAJD;;AAMA,QAAMO,0BAA0B,GAAG1B,sBAASoB,EAAT,KAAgB,KAAhB,IAAyBR,OAA5D;AAEA,QAAMe,KAAK,GAAG,oDAAd;AACA,QAAMC,mBAAmB,GAAG,iBAAI,CAC5B;AACIC,IAAAA,eAAe,EAAEb,mBADrB;AAEIc,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,EAAE5B,KAAK,CAAC4B,MAAN,CAAaC;AAPzB,GAD4B,CAAJ,CAA5B;AAYA,sBACI,6BAAC,iBAAD;AAAU,IAAA,KAAK,EAAE;AACblB,MAAAA,kBADa;AAEbI,MAAAA,WAFa;AAGbE,MAAAA,SAHa;AAIbC,MAAAA;AAJa;AAAjB,KAMKC,0BAA0B,gBACvB,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEE;AAAb,IADuB,GAEvB,IARR,EASKtB,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":["initialVisible","Platform","select","ios","android","StatusBarProvider","props","children","theme","useTheme","defaultColor","palette","background","default","visible","setVisible","React","useState","backgroundViewColor","setBackgroundViewColor","setBackgroundColor","value","OS","RNStatusBar","setBarStyle","animated","setHidden","setTranslucent","shouldRenderBackgroundView","inset","useSafeAreaInsets","backgroundViewStyle","css","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;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,MAAMA,cAAc,GAAGC,qBAAA,CAASC,MAAT,CAAgB;EACnCC,GAAG,EAAE,IAD8B;EAEnCC,OAAO,EAAE;AAF0B,CAAhB,CAAvB;;AAKe,SAASC,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IAAEC;EAAF,IAAeD,KAArB;EAEA,MAAME,KAAK,GAAG,IAAAC,cAAA,GAAd;EACA,MAAMC,YAAY,GAAGF,KAAK,CAACG,OAAN,CAAcC,UAAd,CAAyBC,OAA9C;;EAEA,MAAM,CAACC,OAAD,EAAUC,UAAV,IAAwBC,cAAA,CAAMC,QAAN,CAAejB,cAAf,CAA9B;;EACA,MAAM,CAACkB,mBAAD,EAAsBC,sBAAtB,IAAgDH,cAAA,CAAMC,QAAN,CAAeP,YAAf,CAAtD;;EAEA,MAAMU,kBAAkB,GAAIC,KAAD,IAAmB;IAC1C,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,SAApB,EAA+B;MAC3BC,sBAAA,CAAYH,kBAAZ,CAA+BC,KAA/B;IACH;;IAED,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,KAApB,EAA2B;MACvBH,sBAAsB,CAACE,KAAD,CAAtB;IACH;EACJ,CARD;;EAUA,MAAMG,WAAW,GAAG,CAACH,KAAD,EAAwBI,QAAxB,KAA+C;IAC/DF,sBAAA,CAAYC,WAAZ,CAAwBH,KAAxB,EAA+BI,QAA/B;EACH,CAFD;;EAIA,MAAMC,SAAS,GAAIL,KAAD,IAAoB;IAClC,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,KAApB,EAA2B;MACvBP,UAAU,CAAC,CAACM,KAAF,CAAV;IACH;;IAEDE,sBAAA,CAAYG,SAAZ,CAAsBL,KAAtB;EACH,CAND;;EAQA,MAAMM,cAAc,GAAIN,KAAD,IAAoB;IACvC,IAAIpB,qBAAA,CAASqB,EAAT,KAAgB,SAApB,EAA+B;MAC3BC,sBAAA,CAAYI,cAAZ,CAA2BN,KAA3B;IACH;EACJ,CAJD;;EAMA,MAAMO,0BAA0B,GAAG3B,qBAAA,CAASqB,EAAT,KAAgB,KAAhB,IAAyBR,OAA5D;EAEA,MAAMe,KAAK,GAAG,IAAAC,6CAAA,GAAd;EACA,MAAMC,mBAAmB,GAAG,IAAAC,WAAA,EAAI,CAC5B;IACIC,eAAe,EAAEf,mBADrB;IAEIgB,MAAM,EAAEL,KAAK,CAACM,GAFlB;IAGIC,IAAI,EAAE,CAHV;IAIIC,QAAQ,EAAE,UAJd;IAKIC,KAAK,EAAE,CALX;IAMIH,GAAG,EAAE,CANT;IAOII,MAAM,EAAE/B,KAAK,CAAC+B,MAAN,CAAaC;EAPzB,CAD4B,CAAJ,CAA5B;EAYA,oBACI,6BAAC,iBAAD;IAAU,KAAK,EAAE;MACbpB,kBADa;MAEbI,WAFa;MAGbE,SAHa;MAIbC;IAJa;EAAjB,GAMKC,0BAA0B,gBACvB,6BAAC,iBAAD;IAAM,KAAK,EAAEG;EAAb,EADuB,GAEvB,IARR,EASKxB,QATL,CADJ;AAaH"}

package/build/commonjs/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/commonjs/StatusBarProvider/index.js.map

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