@utilitywarehouse/hearth-react-native 0.27.2-testid-fix-3 → 0.27.2

package/build/components/DatePicker/time-picker/wheel-web.js

@@ -1,146 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useMemo, useRef } from 'react';
-import { Animated, PanResponder, Platform, View } from 'react-native';
-import { StyleSheet } from 'react-native-unistyles';
-import { isEqual } from '../../../utils';
-import { BodyText } from '../../BodyText';
-import { CONTAINER_HEIGHT } from '../enums';
-import { sin } from './animated-math';
-const ITEM_HEIGHT = 44;
-const WheelWeb = ({ value, setValue = () => { }, items }) => {
-    const displayCount = 5;
-    const translateY = useRef(new Animated.Value(0)).current;
-    const renderCount = displayCount * 2 < items.length ? displayCount * 8 : displayCount * 2 - 1;
-    const circular = items.length >= displayCount;
-    const height = 140;
-    const radius = height / 2;
-    const valueIndex = useMemo(() => {
-        return Math.max(0, items.findIndex(item => item.value === value));
-    }, [items, value]);
-    const panResponder = useMemo(() => {
-        return PanResponder.create({
-            onMoveShouldSetPanResponder: () => true,
-            onStartShouldSetPanResponderCapture: () => true,
-            onPanResponderGrant: () => {
-                translateY.setValue(0);
-            },
-            onPanResponderMove: (evt, gestureState) => {
-                translateY.setValue(gestureState.dy);
-                evt.stopPropagation();
-            },
-            onPanResponderRelease: (_, gestureState) => {
-                translateY.extractOffset();
-                let newValueIndex = valueIndex - Math.round(gestureState.dy / ((radius * 2) / displayCount));
-                if (circular) {
-                    newValueIndex = (newValueIndex + items.length) % items.length;
-                }
-                else {
-                    if (newValueIndex < 0) {
-                        newValueIndex = 0;
-                    }
-                    else if (newValueIndex >= items.length) {
-                        newValueIndex = items.length - 1;
-                    }
-                }
-                const newValue = items[newValueIndex];
-                if (newValue?.value === value) {
-                    translateY.setOffset(0);
-                    translateY.setValue(0);
-                }
-                else if (newValue?.value) {
-                    setValue(newValue.value);
-                }
-                else if (items[0]?.value) {
-                    setValue(items[0].value);
-                }
-            },
-        });
-    }, [circular, displayCount, radius, setValue, value, valueIndex, items, translateY]);
-    const displayValues = useMemo(() => {
-        const centerIndex = Math.floor(renderCount / 2);
-        return Array.from({ length: renderCount }, (_, index) => {
-            let targetIndex = valueIndex + index - centerIndex;
-            if (circular) {
-                targetIndex = ((targetIndex % items.length) + items.length) % items.length;
-            }
-            else {
-                targetIndex = Math.max(0, Math.min(targetIndex, items.length - 1));
-            }
-            return items[targetIndex] || items[0];
-        });
-    }, [renderCount, valueIndex, items, circular]);
-    const animatedAngles = useMemo(() => {
-        //translateY.setValue(0);
-        translateY.setOffset(0);
-        const currentIndex = displayValues.findIndex(item => item?.value === value);
-        return displayValues && displayValues.length > 0
-            ? displayValues.map((_, index) => translateY
-                .interpolate({
-                inputRange: [-radius, radius],
-                outputRange: [
-                    -radius + ((radius * 2) / displayCount) * (index - currentIndex),
-                    radius + ((radius * 2) / displayCount) * (index - currentIndex),
-                ],
-                extrapolate: 'extend',
-            })
-                .interpolate({
-                inputRange: [-radius, radius],
-                outputRange: [-Math.PI / 2, Math.PI / 2],
-                extrapolate: 'clamp',
-            }))
-            : [];
-    }, [displayValues, radius, value, displayCount, translateY]);
-    return (_jsxs(View, { style: [styles.container], ...panResponder.panHandlers, children: [_jsx(View, { style: [
-                    styles.selectedIndicator,
-                    {
-                        transform: [{ translateY: -ITEM_HEIGHT / 2 }],
-                        height: ITEM_HEIGHT,
-                    },
-                ] }), displayValues?.map((displayValue, index) => {
-                const animatedAngle = animatedAngles[index];
-                return (_jsx(Animated.View, { style: {
-                        position: 'absolute',
-                        height: ITEM_HEIGHT - 10,
-                        transform: animatedAngle
-                            ? [
-                                {
-                                    translateY: Animated.multiply(radius, sin(animatedAngle)),
-                                },
-                                {
-                                    rotateX: animatedAngle.interpolate({
-                                        inputRange: [-Math.PI / 2, Math.PI / 2],
-                                        outputRange: ['-89deg', '89deg'],
-                                        extrapolate: 'clamp',
-                                    }),
-                                },
-                            ]
-                            : [],
-                        opacity: displayValue?.value !== value ? 0.3 : 1,
-                    }, children: _jsx(BodyText, { children: displayValue?.text }) }, `${displayValue?.text}-${index}`));
-            })] }));
-};
-const styles = StyleSheet.create({
-    container: {
-        minWidth: 30,
-        overflow: 'hidden',
-        alignItems: 'center',
-        justifyContent: 'center',
-        height: CONTAINER_HEIGHT / 2,
-        ...Platform.select({
-            web: {
-                cursor: 'pointer',
-                userSelect: 'none',
-            },
-        }),
-    },
-    selectedIndicator: {
-        position: 'absolute',
-        width: '100%',
-        top: '50%',
-    },
-});
-const customComparator = (prev, next) => {
-    const areEqual = prev.value === next.value && prev.setValue === next.setValue && isEqual(prev.items, next.items);
-    return areEqual;
-};
-export default memo(WheelWeb, customComparator);

package/build/components/DatePicker/time-picker/wheel.d.ts

@@ -1,8 +0,0 @@
-import { PickerOption } from '../DatePicker.props';
-type WheelProps = {
-    value: number | string;
-    setValue?: (value: any) => void;
-    items: PickerOption[];
-};
-declare const _default: import("react").MemoExoticComponent<(props: WheelProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/components/DatePicker/time-picker/wheel.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo } from 'react';
-import { Platform } from 'react-native';
-import WheelNative from './wheel-native';
-import WheelWeb from './wheel-web';
-const Wheel = (props) => {
-    const Component = Platform.OS === 'web' ? WheelWeb : WheelNative;
-    return _jsx(Component, { ...props });
-};
-export default memo(Wheel);