@fountain-ui/core 2.0.0-beta.6 → 2.0.0-beta.60

package/src/hooks/useImperativeState.ts

@@ -0,0 +1,24 @@
+import { useMemo } from 'react';
+
+
+export interface ImperativeState<T> {
+    hasChanged: () => boolean;
+    get: () => T;
+    set: (nextState: T) => void;
+}
+
+export default function useImperativeState<T>(initialValue: T): ImperativeState<T> {
+    return useMemo<ImperativeState<T>>(() => {
+        let prevState: T = initialValue;
+        let currentState: T = initialValue;
+
+        return {
+            hasChanged: () => prevState !== currentState,
+            get: () => currentState,
+            set: (nextState) => {
+                prevState = currentState;
+                currentState = nextState;
+            },
+        };
+    }, []);
+};

package/src/hooks/useSyncAnimatedValue.ts

@@ -0,0 +1,38 @@
+import { useEffect, useRef } from 'react';
+import type { SyncAnimatedValue } from '../types';
+import useAnimatedValue from './useAnimatedValue';
+
+export interface SyncAnimatedValueConfig {
+    initialValue: number;
+    shouldSyncAlways?: boolean;
+}
+
+export default function useSyncAnimatedValue(config: SyncAnimatedValueConfig): SyncAnimatedValue {
+    const {
+        initialValue: maybeInitialValue,
+        shouldSyncAlways = false,
+    } = config;
+
+    const initialValue = Number.isFinite(maybeInitialValue) ? maybeInitialValue : 0;
+    const animatedValue = useAnimatedValue(initialValue);
+
+    const valueRef = useRef<number>(initialValue);
+
+    useEffect(() => {
+        const maybeId = shouldSyncAlways ? animatedValue.addListener((newValue) => {
+            valueRef.current = newValue.value;
+        }) : undefined;
+
+        return () => {
+            if (maybeId != null) {
+                animatedValue.removeListener(maybeId);
+            }
+        };
+    }, [shouldSyncAlways]);
+
+    return {
+        animatedValue,
+        initialValue,
+        getCurrentValue: () => valueRef.current,
+    };
+};

package/src/hooks/useThrottle.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useCallback, useRef } from 'react';
 
 export interface ThrottleOptions {
     periodMillis: number;
@@ -8,9 +8,9 @@ export interface ThrottleOptions {
 export default function useThrottle(options: ThrottleOptions) {
     const { periodMillis, callback } = options;
 
-    const lastExecMillisRef = React.useRef(0);
+    const lastExecMillisRef = useRef(0);
 
-    return React.useCallback((...args) => {
+    return useCallback((...args: any[]) => {
         const now = Date.now();
         const millisAfterExecuted = now - lastExecMillisRef.current;
         lastExecMillisRef.current = now;

package/src/hooks/useValidWindowDimensions/index.ios.ts

@@ -1,15 +1,21 @@
-import { useState, useEffect } from 'react';
-import { useWindowDimensions } from 'react-native';
+import { useEffect, useState } from 'react';
+import type { ScaledSize } from 'react-native';
+import { Dimensions } from 'react-native';
 
-export default function useValidWindowDimensions() {
-    const window = useWindowDimensions();
-    const [validWindow, setValidWindow] = useState(window);
+export default function useValidWindowDimensions(): ScaledSize {
+    const [window, setWindow] = useState<ScaledSize>(() => Dimensions.get('window'));
 
     useEffect(() => {
-        if (window.width !== 0 && window.height !== 0) {
-            setValidWindow(window);
-        }
-    }, [window]);
+        const subscription = Dimensions.addEventListener('change', (newDimension) => {
+            const { window: newWindow } = newDimension;
 
-    return validWindow;
+            if (newWindow.width !== 0 && newWindow.height !== 0) {
+                setWindow(newWindow);
+            }
+        });
+
+        return subscription.remove;
+    }, []);
+
+    return window;
 }

package/src/index.ts

@@ -6,6 +6,8 @@ export * from './hooks';
 
 export * from './utils';
 
+export * from './store';
+
 export { default as Accordion } from './Accordion';
 export * from './Accordion';
 
@@ -78,6 +80,8 @@ export * from './IconButton';
 export { default as Image } from './Image';
 export * from './Image';
 
+export * from './ImageCore';
+
 export { default as Link } from './Link';
 export * from './Link';
 

package/src/internal/hooks/index.ts

@@ -1,2 +1 @@
 export { default as useHeight } from './useHeight';
-export { default as useWidth } from './useWidth';

package/src/internal/hooks/useHeight.ts

@@ -1,13 +1,12 @@
-import React from 'react';
-import { ViewProps } from 'react-native';
-import Animated from 'react-native-reanimated';
+import { useCallback, useState } from 'react';
+import { LayoutChangeEvent, ViewProps } from 'react-native';
 
 type OnLayoutCallback = ViewProps['onLayout'];
 
 export default function useHeight(initialHeight = 0): [number, OnLayoutCallback] {
-    const [height, setHeight] = React.useState<number>(initialHeight);
+    const [height, setHeight] = useState<number>(initialHeight);
 
-    const onLayout = Animated.useWorkletCallback((e) => {
+    const onLayout = useCallback((e: LayoutChangeEvent) => {
         setHeight(e.nativeEvent.layout.height);
     }, []);
 

package/src/internal/icons/Checkbox.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M13 4.5C14.3807 4.5 15.5 5.61929 15.5 7V13C15.5 14.3807 14.3807 15.5 13 15.5H7C5.61929 15.5 4.5 14.3807 4.5 13V7C4.5 5.61929 5.61929 4.5 7 4.5H13ZM7 3C4.79086 3 3 4.79086 3 7V13C3 15.2091 4.79086 17 7 17H13C15.2091 17 17 15.2091 17 13V7C17 4.79086 15.2091 3 13 3H7Z"
+        d="M17 5C18.1046 5 19 5.89543 19 7V17C19 18.1046 18.1046 19 17 19H7C5.89543 19 5 18.1046 5 17V7C5 5.89543 5.89543 5 7 5H17ZM7 3C4.79086 3 3 4.79086 3 7V17C3 19.2091 4.79086 21 7 21H17C19.2091 21 21 19.2091 21 17V7C21 4.79086 19.2091 3 17 3H7Z"
     />,
     'Checkbox',
 );

package/src/internal/icons/CheckboxChecked.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M7 3C4.79086 3 3 4.79086 3 7V13C3 15.2091 4.79086 17 7 17H13C15.2091 17 17 15.2091 17 13V7C17 4.79086 15.2091 3 13 3H7ZM8.8589 13.5018L8.32857 14.0321L7.79824 13.5018L4.96967 10.6732L6.03033 9.61252L8.32857 11.9108L13.7697 6.46967L14.8303 7.53033L8.8589 13.5018Z"
+        d="M7 3C4.79086 3 3 4.79086 3 7V17C3 19.2091 4.79086 21 7 21H17C19.2091 21 21 19.2091 21 17V7C21 4.79086 19.2091 3 17 3H7ZM17.7071 9.20711L10.7071 16.2071C10.3166 16.5976 9.68342 16.5976 9.29289 16.2071L6.29289 13.2071C5.90237 12.8166 5.90237 12.1834 6.29289 11.7929C6.68342 11.4024 7.31658 11.4024 7.70711 11.7929L10 14.0858L16.2929 7.79289C16.6834 7.40237 17.3166 7.40237 17.7071 7.79289C18.0976 8.18342 18.0976 8.81658 17.7071 9.20711Z"
     />,
     'CheckboxChecked',
 );

package/src/internal/icons/ChevronDown.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M9.51967 13.2803L4.01967 7.78033L5.08033 6.71967L10.05 11.6893L15.0197 6.71967L16.0803 7.78033L10.5803 13.2803L9.51967 13.2803Z"
+        d="M12 16.4141L5.29289 9.70696C4.90237 9.31643 4.90237 8.68327 5.29289 8.29274C5.68342 7.90222 6.31658 7.90222 6.70711 8.29274L12 13.5856L17.2929 8.29274C17.6834 7.90222 18.3166 7.90222 18.7071 8.29274C19.0976 8.68327 19.0976 9.31643 18.7071 9.70696L12 16.4141Z"
     />,
     'ChevronDown',
 );

package/src/internal/icons/ChevronLeft.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M6.76965 9.46973L12.2697 3.96973L13.3303 5.03039L8.36064 10.0001L13.3303 14.9697L12.2697 16.0304L6.76965 10.5304L6.76965 9.46973Z"
+        d="M7.58594 12L14.293 18.7071C14.6836 19.0976 15.3167 19.0976 15.7073 18.7071C16.0978 18.3166 16.0978 17.6834 15.7073 17.2929L10.4144 12L15.7073 6.70711C16.0978 6.31658 16.0978 5.68342 15.7073 5.29289C15.3167 4.90237 14.6836 4.90237 14.293 5.29289L7.58594 12Z"
     />,
     'ChevronLeft',
 );

package/src/internal/icons/ChevronRight.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M13.3303 10.5303L7.83032 16.0303L6.76966 14.9697L11.7393 10L6.76966 5.03033L7.83032 3.96968L13.3303 9.46967V10.5303Z"
+        d="M16.4141 12L9.70696 18.7071C9.31643 19.0976 8.68327 19.0976 8.29274 18.7071C7.90222 18.3166 7.90222 17.6834 8.29274 17.2929L13.5856 12L8.29274 6.70711C7.90222 6.31658 7.90222 5.68342 8.29274 5.29289C8.68327 4.90237 9.31643 4.90237 9.70696 5.29289L16.4141 12Z"
     />,
     'ChevronRight',
 );

package/src/internal/icons/Close.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M3.96968 14.9697L5.03034 16.0303L10 11.0607L14.9697 16.0303L16.0303 14.9697L11.0607 10L16.0303 5.03033L14.9697 3.96967L10 8.93934L5.03034 3.96968L3.96968 5.03033L8.93935 10L3.96968 14.9697Z"
+        d="M19.7071 5.70711C20.0976 5.31658 20.0976 4.68342 19.7071 4.29289C19.3166 3.90237 18.6834 3.90237 18.2929 4.29289L12 10.5858L5.70711 4.29292C5.31658 3.9024 4.68342 3.9024 4.29289 4.29292C3.90237 4.68345 3.90237 5.31661 4.29289 5.70714L10.5858 12L4.29289 18.2929C3.90237 18.6834 3.90237 19.3166 4.29289 19.7071C4.68342 20.0976 5.31658 20.0976 5.70711 19.7071L12 13.4142L18.2929 19.7071C18.6834 20.0977 19.3166 20.0977 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L13.4142 12L19.7071 5.70711Z"
     />,
     'Close',
 );

package/src/internal/icons/Radio.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M10 16.5C6.41015 16.5 3.5 13.5899 3.5 10C3.5 6.41015 6.41015 3.5 10 3.5C13.5899 3.5 16.5 6.41015 16.5 10C16.5 13.5899 13.5899 16.5 10 16.5ZM10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18Z"
+        d="M12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
     />,
     'Radio',
 );

package/src/internal/icons/RadioChecked.tsx

@@ -4,7 +4,7 @@ import { createSvgIcon } from '../../utils';
 
 export default createSvgIcon(
     <Path
-        d="M16.5 10C16.5 6.41015 13.5899 3.5 10 3.5C6.41015 3.5 3.5 6.41015 3.5 10C3.5 13.5899 6.41015 16.5 10 16.5C13.5899 16.5 16.5 13.5899 16.5 10ZM18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10C2 5.58172 5.58172 2 10 2C14.4183 2 18 5.58172 18 10ZM10 15C7.23858 15 5 12.7614 5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15Z"
+        d="M20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
     />,
     'RadioChecked',
 );

package/src/store/MockStore.ts

@@ -0,0 +1,21 @@
+import { MonoStore, StoreSubscription, DispatchAction } from './types';
+
+export default class MockStore<S> implements MonoStore<S> {
+
+    dispatch(action: DispatchAction<S>): void {
+        // do nothing
+    }
+
+    getState(): S {
+        throw new Error('stub!');
+    }
+
+    removeAllListeners(): void {
+        // do nothing
+    }
+
+    subscribe(listener: (state: S) => void): StoreSubscription {
+        return () => void 0;
+    }
+
+};

package/src/store/SimpleStore.ts

@@ -0,0 +1,50 @@
+import type { DispatchAction, MonoStore, StoreSubscription } from './types';
+
+function refEqual(a: any, b: any): boolean {
+    return a === b;
+}
+
+export default class SimpleStore<S> implements MonoStore<S> {
+
+    private state: S;
+
+    private listeners: Array<(state: S) => void> = [];
+
+    constructor(initialState: S) {
+        this.state = initialState;
+    }
+
+    dispatch(action: DispatchAction<S>): void {
+        // @ts-ignore
+        const nextState = typeof action === 'function' ? action(this.state) : action;
+
+        // Do not dispatch if state ref is equal
+        if (refEqual(this.state, nextState)) {
+            return;
+        }
+
+        this.state = nextState;
+        for (const id in this.listeners) {
+            const listener = this.listeners[id];
+            listener?.(nextState);
+        }
+    }
+
+    getState(): S {
+        return this.state;
+    }
+
+    subscribe(listener: (state: S) => void): StoreSubscription {
+        this.listeners.push(listener);
+
+        return () => {
+            const index = this.listeners.indexOf(listener);
+            this.listeners.splice(index, 1);
+        };
+    }
+
+    removeAllListeners(): void {
+        this.listeners.splice(0, this.listeners.length);
+    }
+
+};

package/src/store/index.ts

@@ -0,0 +1,3 @@
+export { default as SimpleStore } from './SimpleStore';
+export { default as MockStore } from './MockStore';
+export type { MonoStore, DispatchAction } from './types';

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/build/commonjs/ButtonBase/ButtonBase.ios.js

@@ -1,99 +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 || 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((pressIn, isHovered = 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,"sources":["ButtonBase.ios.tsx"],"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","periodMillis","callback","opacity","React","useState","Value","scale","startAnimation","useCallback","pressIn","isHovered","timing","toValue","duration","useNativeDriver","start","delay","transform"],"mappings":"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","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"]}

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

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useDisabledReaction;
-
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
-
-var _ButtonBase = require("../ButtonBase");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function useDisabledReaction(disabled, opacity) {
-  _reactNativeReanimated.default.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,"sources":["index.ts"],"names":["useDisabledReaction","disabled","opacity","Animated","useAnimatedReaction","result","value","DISABLED_OPACITY","ORIGINAL_OPACITY"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,mBAAT,CAA6BC,QAA7B,EAAgDC,OAAhD,EAAuF;AAClGC,iCAASC,mBAAT,CACI,MAAMH,QADV,EAEKI,MAAD,IAAY;AACR,QAAIA,MAAJ,EAAY;AACRH,MAAAA,OAAO,CAACI,KAAR,GAAgBC,4BAAhB;AACH,KAFD,MAEO;AACHL,MAAAA,OAAO,CAACI,KAAR,GAAgBE,4BAAhB;AACH;AACJ,GARL;AAUH","sourcesContent":["import Animated from 'react-native-reanimated';\nimport { DISABLED_OPACITY, ORIGINAL_OPACITY } from '../ButtonBase';\n\nexport default function useDisabledReaction(disabled: boolean, opacity: Animated.SharedValue<number>) {\n    Animated.useAnimatedReaction(\n        () => disabled,\n        (result) => {\n            if (result) {\n                opacity.value = DISABLED_OPACITY;\n            } else {\n                opacity.value = ORIGINAL_OPACITY;\n            }\n        },\n    );\n}"]}

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

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,"sources":["ImageCoreNative.ios.tsx"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGA,MAAMA,iBAAiB,GAAGC,sBAASC,uBAAT,CAAiCC,6BAAjC,CAA1B;;AAEe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,MADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,MAHE;AAIFC,IAAAA,UAJE;AAKFC,IAAAA,MALE;AAMFC,IAAAA;AANE,MAOFN,KAPJ;AASA,QAAMO,KAAK,GAAG;AAAED,IAAAA,KAAF;AAASL,IAAAA;AAAT,GAAd;;AAEA,QAAM,CAACO,OAAD,IAAYC,eAAMC,QAAN,CAAe,MAAM,IAAId,sBAASe,KAAb,CAAmB,CAAnB,CAArB,CAAlB;;AAEA,QAAMC,UAAU,GAAG,MAAM;AACrBhB,0BAASiB,MAAT,CAAgBL,OAAhB,EAAyB;AACrBM,MAAAA,OAAO,EAAE,CADY;AAErBC,MAAAA,QAAQ,EAAE,GAFW;AAGrBC,MAAAA,eAAe,EAAE;AAHI,KAAzB,EAIGC,KAJH;;AAMA,QAAId,MAAJ,EAAY;AACRA,MAAAA,MAAM;AACT;AACJ,GAVD;;AAYA,sBACI,6BAAC,iBAAD;AACI,IAAA,OAAO,EAAED,OADb;AAEI,IAAA,MAAM,EAAEU,UAFZ;AAGI,IAAA,UAAU,EAAER,UAHhB;AAII,IAAA,MAAM,EAAE;AAAEc,MAAAA,GAAG,EAAEb,MAAM,CAACa;AAAd,KAJZ;AAKI,IAAA,KAAK,EAAE,CACHX,KADG,EAEH;AAAEC,MAAAA;AAAF,KAFG;AALX,IADJ;AAYH;;AAAA","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"]}

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,"sources":["useWidth.ts"],"names":["useWidth","window","width","setWidth","React","useState","onLayout","useCallback","e","newWidth","nativeEvent","layout","Math","round"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEe,SAASA,QAAT,GAAqD;AAChE,QAAMC,MAAM,GAAG,uCAAf;;AACA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBC,eAAMC,QAAN,CAAeJ,MAAM,CAACC,KAAtB,CAA1B;;AAEA,QAAMI,QAAQ,GAAGF,eAAMG,WAAN,CAAmBC,CAAD,IAA0B;AACzD,UAAMC,QAAQ,GAAGD,CAAC,CAACE,WAAF,CAAcC,MAAd,CAAqBT,KAAtC;;AAEA,QAAIO,QAAQ,GAAG,CAAX,IAAgBG,IAAI,CAACC,KAAL,CAAWJ,QAAX,MAAyBG,IAAI,CAACC,KAAL,CAAWX,KAAX,CAA7C,EAAgE;AAC5DC,MAAAA,QAAQ,CAACM,QAAD,CAAR;AACH;AACJ,GANgB,EAMd,EANc,CAAjB;;AAQA,SAAO,CAACP,KAAD,EAAQI,QAAR,CAAP;AACH","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}"]}