react-native-drax 0.11.0-alpha.2 → 1.1.0

package/build/transform.d.ts

@@ -1,11 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
-import { AnimatedStyle, ILayoutAnimationBuilder, SharedValue, StyleProps } from 'react-native-reanimated';
-import { AnimatedViewStyleWithoutLayout, DraxViewDragStatus, TReanimatedHoverViewProps, ViewDimensions } from './types';
-export declare const flattenStylesWithoutLayout: (styles: (StyleProps | StyleProp<ViewStyle> | StyleProp<AnimatedStyle<StyleProp<ViewStyle>>> | null)[]) => AnimatedViewStyleWithoutLayout;
-export declare const getCombinedHoverStyle: ({ dragStatus, anyReceiving, dimensions, }: {
-    dimensions: ViewDimensions;
-    dragStatus: DraxViewDragStatus;
-    anyReceiving: boolean;
-}, props: Partial<PropsWithChildren<TReanimatedHoverViewProps>>) => AnimatedViewStyleWithoutLayout;
-export declare const customLayoutTransition: (shiftsRef: SharedValue<number[]>, data?: ArrayLike<any> | null) => ILayoutAnimationBuilder;

package/build/transform.js

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.customLayoutTransition = exports.getCombinedHoverStyle = exports.flattenStylesWithoutLayout = void 0;
-const react_native_1 = require("react-native");
-const react_native_reanimated_1 = require("react-native-reanimated");
-const types_1 = require("./types");
-const flattenStylesWithoutLayout = (styles) => {
-    const { margin, marginHorizontal, marginVertical, marginLeft, marginRight, marginTop, marginBottom, marginStart, marginEnd, left, right, top, bottom, flex, flexBasis, flexDirection, flexGrow, flexShrink, ...flattened } = react_native_1.StyleSheet.flatten(styles);
-    return flattened;
-};
-exports.flattenStylesWithoutLayout = flattenStylesWithoutLayout;
-// Combine hover styles for given internal render props.
-const getCombinedHoverStyle = ({ dragStatus, anyReceiving, dimensions, }, props) => {
-    // Start with base style, calculated dimensions, and hover base style.
-    const hoverStyles = [
-        props?.style,
-        dimensions,
-        props?.hoverStyle,
-    ];
-    // Apply style overrides based on state.
-    if (dragStatus === types_1.DraxViewDragStatus.Dragging) {
-        hoverStyles.push(props?.hoverDraggingStyle);
-        if (anyReceiving) {
-            hoverStyles.push(props?.hoverDraggingWithReceiverStyle);
-        }
-        else {
-            hoverStyles.push(props?.hoverDraggingWithoutReceiverStyle);
-        }
-    }
-    else if (dragStatus === types_1.DraxViewDragStatus.Released) {
-        hoverStyles.push(props?.hoverDragReleasedStyle);
-    }
-    // Remove any layout styles.
-    const flattenedHoverStyle = (0, exports.flattenStylesWithoutLayout)(hoverStyles);
-    return flattenedHoverStyle;
-};
-exports.getCombinedHoverStyle = getCombinedHoverStyle;
-const customLayoutTransition = (shiftsRef, data) => ({
-    build: () => values => {
-        'worklet';
-        const isInternalReordering = shiftsRef.value.length <= (data?.length || 0);
-        const duration = isInternalReordering ? 1 : 200;
-        return {
-            animations: {
-                originX: (0, react_native_reanimated_1.withTiming)(values.targetOriginX, { duration }),
-                originY: (0, react_native_reanimated_1.withTiming)(values.targetOriginY, { duration }),
-                width: (0, react_native_reanimated_1.withSpring)(values.targetWidth),
-                height: (0, react_native_reanimated_1.withSpring)(values.targetHeight),
-            },
-            initialValues: {
-                originX: values.currentOriginX,
-                originY: values.currentOriginY,
-                width: values.currentWidth,
-                height: values.currentHeight,
-            },
-        };
-    },
-});
-exports.customLayoutTransition = customLayoutTransition;