@fountain-ui/core 2.0.0-beta.9 → 2.0.0-beta.91

package/src/store/types.ts

@@ -0,0 +1,12 @@
+export interface StoreSubscription {
+    (): void;
+}
+
+export type DispatchAction<State> = State | ((prevState: State) => State);
+
+export interface MonoStore<S> {
+    dispatch: (action: DispatchAction<S>) => void;
+    getState: () => S;
+    subscribe: (listener: (state: S) => void) => StoreSubscription;
+    removeAllListeners: () => void;
+}

package/src/types/index.ts

@@ -1,3 +1,4 @@
+import type { Animated } from 'react-native';
 import type { FountainUiStyle } from '@fountain-ui/styles';
 
 export type ExtendedStyle<StyleType extends FountainUiStyle = FountainUiStyle> = StyleType;
@@ -20,3 +21,9 @@ export type CommonComponentColor =
     | 'tertiary'
     | 'warning'
     | 'accent';
+
+export interface SyncAnimatedValue {
+    animatedValue: Animated.Value;
+    initialValue: number;
+    getCurrentValue: () => number;
+}

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 export { default as cloneElementSafely } from './cloneElementSafely';
 export { default as createSvgIcon } from './createSvgIcon';
+export { default as isNotAndroid12 } from './isNotAndroid12';

package/src/utils/isNotAndroid12.ts

@@ -0,0 +1,7 @@
+import { Platform } from 'react-native';
+import * as R from 'ramda';
+
+// Temporary workaround to fix the crash caused by Animated node with tag (child) [x] does not exist
+const isNotAndroid12 = R.not(Platform.OS === 'android' && Platform.Version === 31);
+
+export default isNotAndroid12;

package/build/commonjs/ButtonBase/ButtonBase.ios.js

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ButtonBase;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _hooks = require("../hooks");
-
-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 ORIGINAL_OPACITY = 1;
-const ACTIVE_OPACITY = .65;
-const DISABLED_OPACITY = .3;
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-const animatedDuration = 150;
-
-const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
-
-function ButtonBase(props) {
-  const {
-    children,
-    disabled = false,
-    disableThrottle = false,
-    onPress,
-    pressEffect = 'opacity',
-    style,
-    throttleMillis = 650,
-    ...otherProps
-  } = props;
-  const handlePress = (0, _hooks.useThrottle)({
-    periodMillis: disableThrottle ? 0 : throttleMillis,
-    callback: onPress
-  });
-
-  const [opacity] = _react.default.useState(() => new _reactNative.Animated.Value(ORIGINAL_OPACITY));
-
-  const [scale] = _react.default.useState(() => new _reactNative.Animated.Value(ORIGINAL_SCALE));
-
-  const startAnimation = _react.default.useCallback(function (pressIn) {
-    let isHovered = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    if (pressEffect === 'none') {
-      return;
-    }
-
-    if (pressEffect === 'opacity') {
-      if (pressIn) {
-        _reactNative.Animated.timing(opacity, {
-          toValue: ACTIVE_OPACITY,
-          duration: animatedDuration,
-          useNativeDriver: true
-        }).start();
-      } else {
-        _reactNative.Animated.timing(opacity, {
-          toValue: ORIGINAL_OPACITY,
-          duration: 0,
-          useNativeDriver: true
-        }).start();
-      }
-    } else if (!isHovered) {
-      if (pressIn) {
-        _reactNative.Animated.timing(scale, {
-          toValue: MINIFIED_SCALE,
-          duration: animatedDuration,
-          delay: 100,
-          useNativeDriver: true
-        }).start();
-      } else {
-        _reactNative.Animated.timing(scale, {
-          toValue: ORIGINAL_SCALE,
-          duration: 150,
-          useNativeDriver: true
-        }).start();
-      }
-    }
-  }, [pressEffect]);
-
-  return /*#__PURE__*/_react.default.createElement(AnimatedPressable, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    onPressIn: () => startAnimation(true),
-    onPressOut: () => startAnimation(false),
-    style: [style, {
-      opacity: disabled ? DISABLED_OPACITY : opacity,
-      transform: [{
-        scale: disabled ? ORIGINAL_SCALE : scale
-      }]
-    }]
-  }, otherProps), children);
-}
-
-;
-//# sourceMappingURL=ButtonBase.ios.js.map

package/build/commonjs/ButtonBase/ButtonBase.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ORIGINAL_OPACITY","ACTIVE_OPACITY","DISABLED_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animatedDuration","AnimatedPressable","Animated","createAnimatedComponent","Pressable","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","useThrottle","periodMillis","callback","opacity","React","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"sources":["ButtonBase.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Pressable } from 'react-native';\nimport { useThrottle } from '../hooks';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\nconst ORIGINAL_OPACITY = 1;\nconst ACTIVE_OPACITY = .65;\nconst DISABLED_OPACITY = .3;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animatedDuration = 150;\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        pressEffect = 'opacity',\n        style,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));\n    const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));\n\n    const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {\n        if (pressEffect === 'none') {\n            return;\n        }\n\n        if (pressEffect === 'opacity') {\n            if (pressIn) {\n                Animated.timing(opacity, {\n                    toValue: ACTIVE_OPACITY,\n                    duration: animatedDuration,\n                    useNativeDriver: true,\n                }).start();\n            } else {\n                Animated.timing(opacity, {\n                    toValue: ORIGINAL_OPACITY,\n                    duration: 0,\n                    useNativeDriver: true,\n                }).start();\n            }\n        } else if (!isHovered) {\n            if (pressIn) {\n                Animated.timing(scale, {\n                    toValue: MINIFIED_SCALE,\n                    duration: animatedDuration,\n                    delay: 100,\n                    useNativeDriver: true,\n                }).start();\n            } else {\n                Animated.timing(scale, {\n                    toValue: ORIGINAL_SCALE,\n                    duration: 150,\n                    useNativeDriver: true,\n                }).start();\n            }\n        }\n    }, [pressEffect]);\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={() => startAnimation(true)}\n            onPressOut={() => startAnimation(false)}\n            style={[style,\n                {\n                    opacity: disabled ? DISABLED_OPACITY : opacity,\n                    transform: [\n                        {\n                            scale: disabled ? ORIGINAL_SCALE : scale,\n                        },\n                    ],\n                },\n            ]}\n            {...otherProps}\n        >\n            {children}\n        </AnimatedPressable>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/ButtonBase/useDisabledReaction/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useDisabledReaction;
-
-var _reactNativeReanimated = require("react-native-reanimated");
-
-var _ButtonBase = require("../ButtonBase");
-
-function useDisabledReaction(disabled, opacity) {
-  (0, _reactNativeReanimated.useAnimatedReaction)(() => disabled, result => {
-    if (result) {
-      opacity.value = _ButtonBase.DISABLED_OPACITY;
-    } else {
-      opacity.value = _ButtonBase.ORIGINAL_OPACITY;
-    }
-  });
-}
-//# sourceMappingURL=index.js.map

package/build/commonjs/ButtonBase/useDisabledReaction/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useDisabledReaction","disabled","opacity","useAnimatedReaction","result","value","DISABLED_OPACITY","ORIGINAL_OPACITY"],"sources":["index.ts"],"sourcesContent":["import type { SharedValue } from 'react-native-reanimated';\nimport { useAnimatedReaction } from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: SharedValue<number>) {\n    useAnimatedReaction(\n        () => disabled,\n        (result) => {\n            if (result) {\n                opacity.value = DISABLED_OPACITY;\n            } else {\n                opacity.value = ORIGINAL_OPACITY;\n            }\n        },\n    );\n}\n"],"mappings":";;;;;;;AACA;;AACA;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAA8E;EACzF,IAAAC,0CAAA,EACI,MAAMF,QADV,EAEKG,MAAD,IAAY;IACR,IAAIA,MAAJ,EAAY;MACRF,OAAO,CAACG,KAAR,GAAgBC,4BAAhB;IACH,CAFD,MAEO;MACHJ,OAAO,CAACG,KAAR,GAAgBE,4BAAhB;IACH;EACJ,CARL;AAUH"}

package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js

@@ -1,9 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useDisabledReaction;
-
-function useDisabledReaction(disabled, opacity) {}
-//# sourceMappingURL=index.native.js.map

package/build/commonjs/ButtonBase/useDisabledReaction/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useDisabledReaction","disabled","opacity"],"sources":["index.native.ts"],"sourcesContent":["import Animated from 'react-native-reanimated';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n}"],"mappings":";;;;;;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF,CACrG"}

package/build/commonjs/ImageCore/ImageCoreNative.ios.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ImageCore;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _reactNativeFastImage = _interopRequireDefault(require("react-native-fast-image"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const AnimatedFastImage = _reactNative.Animated.createAnimatedComponent(_reactNativeFastImage.default);
-
-function ImageCore(props) {
-  const {
-    height,
-    onError,
-    onLoad,
-    resizeMode,
-    source,
-    width
-  } = props;
-  const style = {
-    width,
-    height
-  };
-
-  const [opacity] = _react.default.useState(() => new _reactNative.Animated.Value(0));
-
-  const handleLoad = () => {
-    _reactNative.Animated.timing(opacity, {
-      toValue: 1,
-      duration: 200,
-      useNativeDriver: true
-    }).start();
-
-    if (onLoad) {
-      onLoad();
-    }
-  };
-
-  return /*#__PURE__*/_react.default.createElement(AnimatedFastImage, {
-    onError: onError,
-    onLoad: handleLoad,
-    resizeMode: resizeMode,
-    source: {
-      uri: source.uri
-    },
-    style: [style, {
-      opacity
-    }]
-  });
-}
-
-;
-//# sourceMappingURL=ImageCoreNative.ios.js.map

package/build/commonjs/ImageCore/ImageCoreNative.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["AnimatedFastImage","Animated","createAnimatedComponent","FastImage","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","React","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"sources":["ImageCoreNative.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const [opacity] = React.useState(() => new Animated.Value(0));\n\n    const handleLoad = () => {\n        Animated.timing(opacity, {\n            toValue: 1,\n            duration: 200,\n            useNativeDriver: true,\n        }).start();\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                style,\n                { opacity },\n            ]}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,iBAAiB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,MADE;IAEFC,OAFE;IAGFC,MAHE;IAIFC,UAJE;IAKFC,MALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAMO,KAAK,GAAG;IAAED,KAAF;IAASL;EAAT,CAAd;;EAEA,MAAM,CAACO,OAAD,IAAYC,cAAA,CAAMC,QAAN,CAAe,MAAM,IAAId,qBAAA,CAASe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;EAEA,MAAMC,UAAU,GAAG,MAAM;IACrBhB,qBAAA,CAASiB,MAAT,CAAgBL,OAAhB,EAAyB;MACrBM,OAAO,EAAE,CADY;MAErBC,QAAQ,EAAE,GAFW;MAGrBC,eAAe,EAAE;IAHI,CAAzB,EAIGC,KAJH;;IAMA,IAAId,MAAJ,EAAY;MACRA,MAAM;IACT;EACJ,CAVD;;EAYA,oBACI,6BAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAEU,UAFZ;IAGI,UAAU,EAAER,UAHhB;IAII,MAAM,EAAE;MAAEc,GAAG,EAAEb,MAAM,CAACa;IAAd,CAJZ;IAKI,KAAK,EAAE,CACHX,KADG,EAEH;MAAEC;IAAF,CAFG;EALX,EADJ;AAYH;;AAAA"}

package/build/commonjs/internal/hooks/useWidth.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useWidth;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function useWidth() {
-  const window = (0, _reactNative.useWindowDimensions)();
-
-  const [width, setWidth] = _react.default.useState(window.width);
-
-  const onLayout = _react.default.useCallback(e => {
-    const newWidth = e.nativeEvent.layout.width;
-
-    if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
-      setWidth(newWidth);
-    }
-  }, []);
-
-  return [width, onLayout];
-}
-//# sourceMappingURL=useWidth.js.map

package/build/commonjs/internal/hooks/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useWidth","window","useWindowDimensions","width","setWidth","React","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"sources":["useWidth.ts"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n    const window = useWindowDimensions();\n    const [width, setWidth] = React.useState(window.width);\n\n    const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n        const newWidth = e.nativeEvent.layout.width;\n\n        if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n            setWidth(newWidth);\n        }\n    }, []);\n\n    return [width, onLayout];\n}"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,QAAT,GAAqD;EAChE,MAAMC,MAAM,GAAG,IAAAC,gCAAA,GAAf;;EACA,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBC,cAAA,CAAMC,QAAN,CAAeL,MAAM,CAACE,KAAtB,CAA1B;;EAEA,MAAMI,QAAQ,GAAGF,cAAA,CAAMG,WAAN,CAAmBC,CAAD,IAA0B;IACzD,MAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBT,KAAtC;;IAEA,IAAIO,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWX,KAAX,CAA7C,EAAgE;MAC5DC,QAAQ,CAACM,QAAD,CAAR;IACH;EACJ,CANgB,EAMd,EANc,CAAjB;;EAQA,OAAO,CAACP,KAAD,EAAQI,QAAR,CAAP;AACH"}

package/build/module/ButtonBase/ButtonBase.ios.js

@@ -1,82 +0,0 @@
-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 { Animated, Pressable } from 'react-native';
-import { useThrottle } from '../hooks';
-const ORIGINAL_OPACITY = 1;
-const ACTIVE_OPACITY = .65;
-const DISABLED_OPACITY = .3;
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-const animatedDuration = 150;
-const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-export default function ButtonBase(props) {
-  const {
-    children,
-    disabled = false,
-    disableThrottle = false,
-    onPress,
-    pressEffect = 'opacity',
-    style,
-    throttleMillis = 650,
-    ...otherProps
-  } = props;
-  const handlePress = useThrottle({
-    periodMillis: disableThrottle ? 0 : throttleMillis,
-    callback: onPress
-  });
-  const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));
-  const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));
-  const startAnimation = React.useCallback(function (pressIn) {
-    let isHovered = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-    if (pressEffect === 'none') {
-      return;
-    }
-
-    if (pressEffect === 'opacity') {
-      if (pressIn) {
-        Animated.timing(opacity, {
-          toValue: ACTIVE_OPACITY,
-          duration: animatedDuration,
-          useNativeDriver: true
-        }).start();
-      } else {
-        Animated.timing(opacity, {
-          toValue: ORIGINAL_OPACITY,
-          duration: 0,
-          useNativeDriver: true
-        }).start();
-      }
-    } else if (!isHovered) {
-      if (pressIn) {
-        Animated.timing(scale, {
-          toValue: MINIFIED_SCALE,
-          duration: animatedDuration,
-          delay: 100,
-          useNativeDriver: true
-        }).start();
-      } else {
-        Animated.timing(scale, {
-          toValue: ORIGINAL_SCALE,
-          duration: 150,
-          useNativeDriver: true
-        }).start();
-      }
-    }
-  }, [pressEffect]);
-  return /*#__PURE__*/React.createElement(AnimatedPressable, _extends({
-    disabled: disabled,
-    onPress: handlePress,
-    onPressIn: () => startAnimation(true),
-    onPressOut: () => startAnimation(false),
-    style: [style, {
-      opacity: disabled ? DISABLED_OPACITY : opacity,
-      transform: [{
-        scale: disabled ? ORIGINAL_SCALE : scale
-      }]
-    }]
-  }, otherProps), children);
-}
-;
-//# sourceMappingURL=ButtonBase.ios.js.map

package/build/module/ButtonBase/ButtonBase.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","Pressable","useThrottle","ORIGINAL_OPACITY","ACTIVE_OPACITY","DISABLED_OPACITY","ORIGINAL_SCALE","MINIFIED_SCALE","animatedDuration","AnimatedPressable","createAnimatedComponent","ButtonBase","props","children","disabled","disableThrottle","onPress","pressEffect","style","throttleMillis","otherProps","handlePress","periodMillis","callback","opacity","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"sources":["ButtonBase.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, Pressable } from 'react-native';\nimport { useThrottle } from '../hooks';\nimport type ButtonBaseProps from './ButtonBaseProps';\n\nconst ORIGINAL_OPACITY = 1;\nconst ACTIVE_OPACITY = .65;\nconst DISABLED_OPACITY = .3;\n\nconst ORIGINAL_SCALE = 1;\nconst MINIFIED_SCALE = .96;\n\nconst animatedDuration = 150;\n\nconst AnimatedPressable = Animated.createAnimatedComponent(Pressable);\n\nexport default function ButtonBase(props: ButtonBaseProps) {\n    const {\n        children,\n        disabled = false,\n        disableThrottle = false,\n        onPress,\n        pressEffect = 'opacity',\n        style,\n        throttleMillis = 650,\n        ...otherProps\n    } = props;\n\n    const handlePress = useThrottle({\n        periodMillis: disableThrottle ? 0 : throttleMillis,\n        callback: onPress,\n    });\n\n    const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));\n    const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));\n\n    const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {\n        if (pressEffect === 'none') {\n            return;\n        }\n\n        if (pressEffect === 'opacity') {\n            if (pressIn) {\n                Animated.timing(opacity, {\n                    toValue: ACTIVE_OPACITY,\n                    duration: animatedDuration,\n                    useNativeDriver: true,\n                }).start();\n            } else {\n                Animated.timing(opacity, {\n                    toValue: ORIGINAL_OPACITY,\n                    duration: 0,\n                    useNativeDriver: true,\n                }).start();\n            }\n        } else if (!isHovered) {\n            if (pressIn) {\n                Animated.timing(scale, {\n                    toValue: MINIFIED_SCALE,\n                    duration: animatedDuration,\n                    delay: 100,\n                    useNativeDriver: true,\n                }).start();\n            } else {\n                Animated.timing(scale, {\n                    toValue: ORIGINAL_SCALE,\n                    duration: 150,\n                    useNativeDriver: true,\n                }).start();\n            }\n        }\n    }, [pressEffect]);\n\n    return (\n        <AnimatedPressable\n            disabled={disabled}\n            onPress={handlePress}\n            onPressIn={() => startAnimation(true)}\n            onPressOut={() => startAnimation(false)}\n            style={[style,\n                {\n                    opacity: disabled ? DISABLED_OPACITY : opacity,\n                    transform: [\n                        {\n                            scale: disabled ? ORIGINAL_SCALE : scale,\n                        },\n                    ],\n                },\n            ]}\n            {...otherProps}\n        >\n            {children}\n        </AnimatedPressable>\n    );\n};\n"],"mappings":"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"}

package/build/module/ButtonBase/useDisabledReaction/index.js

@@ -1,12 +0,0 @@
-import { useAnimatedReaction } from 'react-native-reanimated';
-import { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';
-export default function useDisabledReaction(disabled, opacity) {
-  useAnimatedReaction(() => disabled, result => {
-    if (result) {
-      opacity.value = DISABLED_OPACITY;
-    } else {
-      opacity.value = ORIGINAL_OPACITY;
-    }
-  });
-}
-//# sourceMappingURL=index.js.map

package/build/module/ButtonBase/useDisabledReaction/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useAnimatedReaction","DISABLED_OPACITY","ORIGINAL_OPACITY","useDisabledReaction","disabled","opacity","result","value"],"sources":["index.ts"],"sourcesContent":["import type { SharedValue } from 'react-native-reanimated';\nimport { useAnimatedReaction } from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: SharedValue<number>) {\n    useAnimatedReaction(\n        () => disabled,\n        (result) => {\n            if (result) {\n                opacity.value = DISABLED_OPACITY;\n            } else {\n                opacity.value = ORIGINAL_OPACITY;\n            }\n        },\n    );\n}\n"],"mappings":"AACA,SAASA,mBAAT,QAAoC,yBAApC;AACA,SAASC,gBAAT,EAA2BC,gBAA3B,QAAmD,eAAnD;AAEA,eAAe,SAASC,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAA8E;EACzFL,mBAAmB,CACf,MAAMI,QADS,EAEdE,MAAD,IAAY;IACR,IAAIA,MAAJ,EAAY;MACRD,OAAO,CAACE,KAAR,GAAgBN,gBAAhB;IACH,CAFD,MAEO;MACHI,OAAO,CAACE,KAAR,GAAgBL,gBAAhB;IACH;EACJ,CARc,CAAnB;AAUH"}

package/build/module/ButtonBase/useDisabledReaction/index.native.js

@@ -1,2 +0,0 @@
-export default function useDisabledReaction(disabled, opacity) {}
-//# sourceMappingURL=index.native.js.map

package/build/module/ButtonBase/useDisabledReaction/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useDisabledReaction","disabled","opacity"],"sources":["index.native.ts"],"sourcesContent":["import Animated from 'react-native-reanimated';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n}"],"mappings":"AAEA,eAAe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF,CACrG"}

package/build/module/ImageCore/ImageCoreNative.ios.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import { Animated } from 'react-native';
-import FastImage from 'react-native-fast-image';
-const AnimatedFastImage = Animated.createAnimatedComponent(FastImage);
-export default function ImageCore(props) {
-  const {
-    height,
-    onError,
-    onLoad,
-    resizeMode,
-    source,
-    width
-  } = props;
-  const style = {
-    width,
-    height
-  };
-  const [opacity] = React.useState(() => new Animated.Value(0));
-
-  const handleLoad = () => {
-    Animated.timing(opacity, {
-      toValue: 1,
-      duration: 200,
-      useNativeDriver: true
-    }).start();
-
-    if (onLoad) {
-      onLoad();
-    }
-  };
-
-  return /*#__PURE__*/React.createElement(AnimatedFastImage, {
-    onError: onError,
-    onLoad: handleLoad,
-    resizeMode: resizeMode,
-    source: {
-      uri: source.uri
-    },
-    style: [style, {
-      opacity
-    }]
-  });
-}
-;
-//# sourceMappingURL=ImageCoreNative.ios.js.map

package/build/module/ImageCore/ImageCoreNative.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Animated","FastImage","AnimatedFastImage","createAnimatedComponent","ImageCore","props","height","onError","onLoad","resizeMode","source","width","style","opacity","useState","Value","handleLoad","timing","toValue","duration","useNativeDriver","start","uri"],"sources":["ImageCoreNative.ios.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated } from 'react-native';\nimport FastImage from 'react-native-fast-image';\nimport type ImageCoreProps from './ImageCoreProps';\n\nconst AnimatedFastImage = Animated.createAnimatedComponent(FastImage);\n\nexport default function ImageCore(props: ImageCoreProps) {\n    const {\n        height,\n        onError,\n        onLoad,\n        resizeMode,\n        source,\n        width,\n    } = props;\n\n    const style = { width, height };\n\n    const [opacity] = React.useState(() => new Animated.Value(0));\n\n    const handleLoad = () => {\n        Animated.timing(opacity, {\n            toValue: 1,\n            duration: 200,\n            useNativeDriver: true,\n        }).start();\n\n        if (onLoad) {\n            onLoad();\n        }\n    };\n\n    return (\n        <AnimatedFastImage\n            onError={onError}\n            onLoad={handleLoad}\n            resizeMode={resizeMode}\n            source={{ uri: source.uri }}\n            style={[\n                style,\n                { opacity },\n            ]}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,SAAP,MAAsB,yBAAtB;AAGA,MAAMC,iBAAiB,GAAGF,QAAQ,CAACG,uBAAT,CAAiCF,SAAjC,CAA1B;AAEA,eAAe,SAASG,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,MADE;IAEFC,OAFE;IAGFC,MAHE;IAIFC,UAJE;IAKFC,MALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAMO,KAAK,GAAG;IAAED,KAAF;IAASL;EAAT,CAAd;EAEA,MAAM,CAACO,OAAD,IAAYd,KAAK,CAACe,QAAN,CAAe,MAAM,IAAId,QAAQ,CAACe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;EAEA,MAAMC,UAAU,GAAG,MAAM;IACrBhB,QAAQ,CAACiB,MAAT,CAAgBJ,OAAhB,EAAyB;MACrBK,OAAO,EAAE,CADY;MAErBC,QAAQ,EAAE,GAFW;MAGrBC,eAAe,EAAE;IAHI,CAAzB,EAIGC,KAJH;;IAMA,IAAIb,MAAJ,EAAY;MACRA,MAAM;IACT;EACJ,CAVD;;EAYA,oBACI,oBAAC,iBAAD;IACI,OAAO,EAAED,OADb;IAEI,MAAM,EAAES,UAFZ;IAGI,UAAU,EAAEP,UAHhB;IAII,MAAM,EAAE;MAAEa,GAAG,EAAEZ,MAAM,CAACY;IAAd,CAJZ;IAKI,KAAK,EAAE,CACHV,KADG,EAEH;MAAEC;IAAF,CAFG;EALX,EADJ;AAYH;AAAA"}

package/build/module/internal/hooks/useWidth.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import { useWindowDimensions } from 'react-native';
-export default function useWidth() {
-  const window = useWindowDimensions();
-  const [width, setWidth] = React.useState(window.width);
-  const onLayout = React.useCallback(e => {
-    const newWidth = e.nativeEvent.layout.width;
-
-    if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {
-      setWidth(newWidth);
-    }
-  }, []);
-  return [width, onLayout];
-}
-//# sourceMappingURL=useWidth.js.map

package/build/module/internal/hooks/useWidth.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useWindowDimensions","useWidth","window","width","setWidth","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"sources":["useWidth.ts"],"sourcesContent":["import React from 'react';\nimport { LayoutChangeEvent, useWindowDimensions, ViewProps } from 'react-native';\n\nexport default function useWidth(): [number, ViewProps['onLayout']] {\n    const window = useWindowDimensions();\n    const [width, setWidth] = React.useState(window.width);\n\n    const onLayout = React.useCallback((e: LayoutChangeEvent) => {\n        const newWidth = e.nativeEvent.layout.width;\n\n        if (newWidth > 0 && Math.round(newWidth) !== Math.round(width)) {\n            setWidth(newWidth);\n        }\n    }, []);\n\n    return [width, onLayout];\n}"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAA4BC,mBAA5B,QAAkE,cAAlE;AAEA,eAAe,SAASC,QAAT,GAAqD;EAChE,MAAMC,MAAM,GAAGF,mBAAmB,EAAlC;EACA,MAAM,CAACG,KAAD,EAAQC,QAAR,IAAoBL,KAAK,CAACM,QAAN,CAAeH,MAAM,CAACC,KAAtB,CAA1B;EAEA,MAAMG,QAAQ,GAAGP,KAAK,CAACQ,WAAN,CAAmBC,CAAD,IAA0B;IACzD,MAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBR,KAAtC;;IAEA,IAAIM,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWV,KAAX,CAA7C,EAAgE;MAC5DC,QAAQ,CAACK,QAAD,CAAR;IACH;EACJ,CANgB,EAMd,EANc,CAAjB;EAQA,OAAO,CAACN,KAAD,EAAQG,QAAR,CAAP;AACH"}

package/build/typescript/ButtonBase/ButtonBase.ios.d.ts

@@ -1,2 +0,0 @@
-import type ButtonBaseProps from './ButtonBaseProps';
-export default function ButtonBase(props: ButtonBaseProps): JSX.Element;

package/build/typescript/ButtonBase/useDisabledReaction/index.d.ts

@@ -1,2 +0,0 @@
-import type { SharedValue } from 'react-native-reanimated';
-export default function useDisabledReaction(disabled: boolean, opacity: SharedValue<number>): void;

package/build/typescript/ButtonBase/useDisabledReaction/index.native.d.ts

@@ -1,2 +0,0 @@
-import Animated from 'react-native-reanimated';
-export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>): void;

package/build/typescript/ImageCore/ImageCoreNative.ios.d.ts

@@ -1,2 +0,0 @@
-import type ImageCoreProps from './ImageCoreProps';
-export default function ImageCore(props: ImageCoreProps): JSX.Element;

package/build/typescript/internal/hooks/useWidth.d.ts

@@ -1,2 +0,0 @@
-import { ViewProps } from 'react-native';
-export default function useWidth(): [number, ViewProps['onLayout']];

package/src/ButtonBase/ButtonBase.ios.tsx

@@ -1,95 +0,0 @@
-import React from 'react';
-import { Animated, Pressable } from 'react-native';
-import { useThrottle } from '../hooks';
-import type ButtonBaseProps from './ButtonBaseProps';
-
-const ORIGINAL_OPACITY = 1;
-const ACTIVE_OPACITY = .65;
-const DISABLED_OPACITY = .3;
-
-const ORIGINAL_SCALE = 1;
-const MINIFIED_SCALE = .96;
-
-const animatedDuration = 150;
-
-const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
-
-export default function ButtonBase(props: ButtonBaseProps) {
-    const {
-        children,
-        disabled = false,
-        disableThrottle = false,
-        onPress,
-        pressEffect = 'opacity',
-        style,
-        throttleMillis = 650,
-        ...otherProps
-    } = props;
-
-    const handlePress = useThrottle({
-        periodMillis: disableThrottle ? 0 : throttleMillis,
-        callback: onPress,
-    });
-
-    const [opacity] = React.useState(() => new Animated.Value(ORIGINAL_OPACITY));
-    const [scale] = React.useState(() => new Animated.Value(ORIGINAL_SCALE));
-
-    const startAnimation = React.useCallback((pressIn: boolean, isHovered: boolean = false) => {
-        if (pressEffect === 'none') {
-            return;
-        }
-
-        if (pressEffect === 'opacity') {
-            if (pressIn) {
-                Animated.timing(opacity, {
-                    toValue: ACTIVE_OPACITY,
-                    duration: animatedDuration,
-                    useNativeDriver: true,
-                }).start();
-            } else {
-                Animated.timing(opacity, {
-                    toValue: ORIGINAL_OPACITY,
-                    duration: 0,
-                    useNativeDriver: true,
-                }).start();
-            }
-        } else if (!isHovered) {
-            if (pressIn) {
-                Animated.timing(scale, {
-                    toValue: MINIFIED_SCALE,
-                    duration: animatedDuration,
-                    delay: 100,
-                    useNativeDriver: true,
-                }).start();
-            } else {
-                Animated.timing(scale, {
-                    toValue: ORIGINAL_SCALE,
-                    duration: 150,
-                    useNativeDriver: true,
-                }).start();
-            }
-        }
-    }, [pressEffect]);
-
-    return (
-        <AnimatedPressable
-            disabled={disabled}
-            onPress={handlePress}
-            onPressIn={() => startAnimation(true)}
-            onPressOut={() => startAnimation(false)}
-            style={[style,
-                {
-                    opacity: disabled ? DISABLED_OPACITY : opacity,
-                    transform: [
-                        {
-                            scale: disabled ? ORIGINAL_SCALE : scale,
-                        },
-                    ],
-                },
-            ]}
-            {...otherProps}
-        >
-            {children}
-        </AnimatedPressable>
-    );
-};

package/src/ButtonBase/useDisabledReaction/index.native.ts

@@ -1,4 +0,0 @@
-import Animated from 'react-native-reanimated';
-
-export default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {
-}

package/src/ButtonBase/useDisabledReaction/index.ts

@@ -1,16 +0,0 @@
-import type { SharedValue } from 'react-native-reanimated';
-import { useAnimatedReaction } from 'react-native-reanimated';
-import { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';
-
-export default function useDisabledReaction(disabled: boolean, opacity: SharedValue<number>) {
-    useAnimatedReaction(
-        () => disabled,
-        (result) => {
-            if (result) {
-                opacity.value = DISABLED_OPACITY;
-            } else {
-                opacity.value = ORIGINAL_OPACITY;
-            }
-        },
-    );
-}