react-native-reorderable-list 0.7.1 → 0.8.0

package/src/components/ReorderableListCore/useReorderableListCore.ts

@@ -2,7 +2,6 @@ import React, {useCallback, useEffect, useMemo} from 'react';
 import {
   FlatList,
   LayoutChangeEvent,
-  NativeScrollEvent,
   ScrollView,
   unstable_batchedUpdates,
 } from 'react-native';
@@ -23,8 +22,17 @@ import Animated, {
   withTiming,
 } from 'react-native-reanimated';
 
-import {AUTOSCROLL_CONFIG} from './constants';
-import {ReorderableListDragEndEvent, ReorderableListState} from '../../types';
+import {
+  OPACITY_ANIMATION_CONFIG_DEFAULT,
+  SCALE_ANIMATION_CONFIG_DEFAULT,
+} from './animationDefaults';
+import {AUTOSCROLL_CONFIG} from './autoscrollConfig';
+import {
+  ReorderableListCellAnimations,
+  ReorderableListDragEndEvent,
+  ReorderableListDragStartEvent,
+  ReorderableListState,
+} from '../../types';
 import type {ReorderableListReorderEvent} from '../../types';
 
 const version = React.version.split('.');
@@ -40,8 +48,8 @@ interface UseReorderableListCoreArgs<T> {
   animationDuration: number;
   dragReorderThreshold: number;
   onReorder: (event: ReorderableListReorderEvent) => void;
+  onDragStart?: (event: ReorderableListDragStartEvent) => void;
   onDragEnd?: (event: ReorderableListDragEndEvent) => void;
-  onScroll?: (event: NativeScrollEvent) => void;
   onLayout?: (event: LayoutChangeEvent) => void;
   scrollViewContainerRef: React.RefObject<ScrollView> | undefined;
   scrollViewHeightY: SharedValue<number> | undefined;
@@ -50,6 +58,7 @@ interface UseReorderableListCoreArgs<T> {
   initialScrollEnabled: boolean | undefined;
   initialScrollViewScrollEnabled: boolean | undefined;
   nestedScrollable: boolean | undefined;
+  cellAnimations: ReorderableListCellAnimations | undefined;
 }
 
 export const useReorderableListCore = <T>({
@@ -60,8 +69,8 @@ export const useReorderableListCore = <T>({
   animationDuration,
   dragReorderThreshold,
   onReorder,
+  onDragStart,
   onDragEnd,
-  onScroll,
   onLayout,
   scrollViewContainerRef,
   scrollViewHeightY,
@@ -70,6 +79,7 @@ export const useReorderableListCore = <T>({
   initialScrollEnabled,
   initialScrollViewScrollEnabled,
   nestedScrollable,
+  cellAnimations,
 }: UseReorderableListCoreArgs<T>) => {
   const flatListRef = useAnimatedRef<FlatList>();
   const scrollEnabled = useSharedValue(initialScrollEnabled);
@@ -100,6 +110,9 @@ export const useReorderableListCore = <T>({
   >([]);
   const startY = useSharedValue(0);
   const duration = useSharedValue(animationDuration);
+  const scaleDefault = useSharedValue(1);
+  const opacityDefault = useSharedValue(1);
+  const {scale, opacity} = cellAnimations || {};
 
   useEffect(() => {
     duration.value = animationDuration;
@@ -111,8 +124,19 @@ export const useReorderableListCore = <T>({
       currentIndex,
       draggedIndex,
       dragEndHandlers,
+      scale: scale || scaleDefault,
+      opacity: opacity || opacityDefault,
     }),
-    [draggedHeight, currentIndex, draggedIndex, dragEndHandlers],
+    [
+      draggedHeight,
+      currentIndex,
+      draggedIndex,
+      dragEndHandlers,
+      scale,
+      scaleDefault,
+      opacity,
+      opacityDefault,
+    ],
   );
 
   const panGestureHandler = useMemo(
@@ -124,22 +148,18 @@ export const useReorderableListCore = <T>({
             startY.value = e.y;
             currentY.value = e.y;
             currentTranslationY.value = e.translationY;
-            if (draggedIndex.value >= 0) {
-              dragY.value = e.translationY;
-            }
+            dragY.value = e.translationY;
             gestureState.value = e.state;
           }
         })
         .onUpdate(e => {
-          if (state.value !== ReorderableListState.RELEASING) {
+          if (state.value !== ReorderableListState.RELEASED) {
             currentY.value = startY.value + e.translationY;
             currentTranslationY.value = e.translationY;
-            if (draggedIndex.value >= 0) {
-              dragY.value =
-                e.translationY +
-                dragScrollTranslationY.value +
-                scrollViewDragScrollTranslationY.value;
-            }
+            dragY.value =
+              e.translationY +
+              dragScrollTranslationY.value +
+              scrollViewDragScrollTranslationY.value;
             gestureState.value = e.state;
           }
         })
@@ -150,7 +170,6 @@ export const useReorderableListCore = <T>({
       currentY,
       dragScrollTranslationY,
       scrollViewDragScrollTranslationY,
-      draggedIndex,
       gestureState,
       dragY,
       startY,
@@ -195,21 +214,23 @@ export const useReorderableListCore = <T>({
   const resetSharedValues = useCallback(() => {
     'worklet';
 
-    // current index is reset on item render for the on end event
-    draggedIndex.value = -1;
-    // released flag is reset after release is triggered in the item
     state.value = ReorderableListState.IDLE;
+    draggedIndex.value = -1;
     dragY.value = 0;
     dragScrollTranslationY.value = 0;
     scrollViewDragScrollTranslationY.value = 0;
   }, [
+    draggedIndex,
     dragY,
     dragScrollTranslationY,
     scrollViewDragScrollTranslationY,
-    draggedIndex,
     state,
   ]);
 
+  const resetSharedValuesAfterAnimations = useCallback(() => {
+    setTimeout(runOnUI(resetSharedValues), duration.value);
+  }, [resetSharedValues, duration]);
+
   const reorder = (fromIndex: number, toIndex: number) => {
     runOnUI(resetSharedValues)();
 
@@ -313,19 +334,39 @@ export const useReorderableListCore = <T>({
     ],
   );
 
+  const runDefaultDragAnimations = useCallback(
+    (type: 'start' | 'end') => {
+      'worklet';
+
+      // if animation is not disabled and not custom run the default
+      if (scale !== false && !scale) {
+        const scaleConfig = SCALE_ANIMATION_CONFIG_DEFAULT[type];
+        scaleDefault.value = withTiming(scaleConfig.toValue, scaleConfig);
+      }
+
+      // if animation is not disabled and not custom run the default
+      if (opacity !== false && !opacity) {
+        const opacityConfig = OPACITY_ANIMATION_CONFIG_DEFAULT[type];
+        opacityDefault.value = withTiming(opacityConfig.toValue, opacityConfig);
+      }
+    },
+    [scale, scaleDefault, opacity, opacityDefault],
+  );
+
   useAnimatedReaction(
     () => gestureState.value,
     () => {
       if (
         gestureState.value !== State.ACTIVE &&
         gestureState.value !== State.BEGAN &&
-        (state.value === ReorderableListState.DRAGGING ||
-          state.value === ReorderableListState.AUTO_SCROLL)
+        (state.value === ReorderableListState.DRAGGED ||
+          state.value === ReorderableListState.AUTOSCROLL)
       ) {
-        state.value = ReorderableListState.RELEASING;
+        state.value = ReorderableListState.RELEASED;
 
         // enable back scroll on releasing
         runOnJS(setScrollEnabled)(true);
+
         // trigger onDragEnd event
         let e = {from: draggedIndex.value, to: currentIndex.value};
         onDragEnd?.(e);
@@ -348,6 +389,8 @@ export const useReorderableListCore = <T>({
               currentItemOffset +
               (draggedItemHeight - currentItemHeight);
 
+        runDefaultDragAnimations('end');
+
         if (dragY.value !== newTopPosition) {
           // animate dragged item to its new position on release
           dragY.value = withTiming(
@@ -364,7 +407,7 @@ export const useReorderableListCore = <T>({
           // user might drag and release the item without moving it so,
           // since the animation end callback is not executed in that case
           // we need to reset values as the reorder function would do
-          resetSharedValues();
+          runOnJS(resetSharedValuesAfterAnimations)();
         }
       }
     },
@@ -485,20 +528,20 @@ export const useReorderableListCore = <T>({
     () => currentY.value + scrollViewDragScrollTranslationY.value,
     y => {
       if (
-        state.value === ReorderableListState.DRAGGING ||
-        state.value === ReorderableListState.AUTO_SCROLL
+        state.value === ReorderableListState.DRAGGED ||
+        state.value === ReorderableListState.AUTOSCROLL
       ) {
         setCurrentIndex(y);
 
         if (scrollDirection(y) !== 0) {
-          if (state.value !== ReorderableListState.AUTO_SCROLL) {
+          if (state.value !== ReorderableListState.AUTOSCROLL) {
             // trigger autoscroll
             lastAutoscrollTrigger.value = autoscrollTrigger.value;
             autoscrollTrigger.value *= -1;
-            state.value = ReorderableListState.AUTO_SCROLL;
+            state.value = ReorderableListState.AUTOSCROLL;
           }
-        } else if (state.value === ReorderableListState.AUTO_SCROLL) {
-          state.value = ReorderableListState.DRAGGING;
+        } else if (state.value === ReorderableListState.AUTOSCROLL) {
+          state.value = ReorderableListState.DRAGGED;
         }
       }
     },
@@ -509,7 +552,7 @@ export const useReorderableListCore = <T>({
     () => {
       if (
         autoscrollTrigger.value !== lastAutoscrollTrigger.value &&
-        state.value === ReorderableListState.AUTO_SCROLL
+        state.value === ReorderableListState.AUTOSCROLL
       ) {
         let y = currentY.value + scrollViewDragScrollTranslationY.value;
         const autoscrollIncrement =
@@ -550,7 +593,7 @@ export const useReorderableListCore = <T>({
         flatListScrollOffsetY.value - dragInitialScrollOffsetY.value;
     }
 
-    if (state.value === ReorderableListState.AUTO_SCROLL) {
+    if (state.value === ReorderableListState.AUTOSCROLL) {
       dragY.value =
         currentTranslationY.value +
         dragScrollTranslationY.value +
@@ -562,8 +605,6 @@ export const useReorderableListCore = <T>({
         withTiming(autoscrollTrigger.value * -1, {duration: 0}),
       );
     }
-
-    onScroll?.(e);
   });
 
   // parent scroll handler
@@ -579,7 +620,7 @@ export const useReorderableListCore = <T>({
             value - scrollViewDragInitialScrollOffsetY.value;
         }
 
-        if (state.value === ReorderableListState.AUTO_SCROLL) {
+        if (state.value === ReorderableListState.AUTOSCROLL) {
           dragY.value =
             currentTranslationY.value + scrollViewDragScrollTranslationY.value;
 
@@ -612,9 +653,13 @@ export const useReorderableListCore = <T>({
         draggedIndex.value = index;
         previousIndex.value = -1;
         currentIndex.value = index;
-        state.value = ReorderableListState.DRAGGING;
+        state.value = ReorderableListState.DRAGGED;
 
         runOnJS(setScrollEnabled)(false);
+
+        // run animation before onDragStart to avoid potentially waiting for it
+        runDefaultDragAnimations('start');
+        onDragStart?.({index});
       }
     },
     [
@@ -630,6 +675,8 @@ export const useReorderableListCore = <T>({
       state,
       flatListScrollOffsetY,
       itemHeight,
+      onDragStart,
+      runDefaultDragAnimations,
     ],
   );
 

package/src/components/ScrollViewContainer.tsx

@@ -5,6 +5,7 @@ import {Gesture, GestureDetector} from 'react-native-gesture-handler';
 import Animated, {
   useAnimatedRef,
   useAnimatedScrollHandler,
+  useComposedEventHandler,
   useSharedValue,
 } from 'react-native-reanimated';
 
@@ -27,12 +28,15 @@ export const ScrollViewContainer: React.FC<ScrollViewContainerProps> = ({
   const handleScroll = useAnimatedScrollHandler(
     e => {
       scrollViewScrollOffsetY.value = e.contentOffset.y;
-
-      onScroll?.(e);
     },
     [scrollViewScrollOffsetY],
   );
 
+  const composedScrollHandler = useComposedEventHandler([
+    handleScroll,
+    onScroll || null,
+  ]);
+
   const contextValue = useMemo(
     () => ({
       scrollViewContainerRef,
@@ -64,7 +68,7 @@ export const ScrollViewContainer: React.FC<ScrollViewContainerProps> = ({
         <Animated.ScrollView
           {...rest}
           ref={scrollViewContainerRef}
-          onScroll={handleScroll}
+          onScroll={composedScrollHandler}
           onLayout={handleLayout}
           scrollEnabled={scrollEnabled}
         />

package/src/components/index.ts

@@ -1,5 +1,4 @@
 export * from './ReorderableList';
 export * from './NestedReorderableList';
 export * from './ReorderableListCell';
-export * from './ReorderableListItem';
 export * from './ScrollViewContainer';

package/src/contexts/ReorderableListContext.ts

@@ -6,6 +6,8 @@ interface ReorderableListContextData {
   currentIndex: SharedValue<number>;
   draggedHeight: SharedValue<number>;
   dragEndHandlers: SharedValue<((from: number, to: number) => void)[][]>;
+  scale: SharedValue<number>;
+  opacity: SharedValue<number>;
 }
 
 export const ReorderableListContext = React.createContext<

package/src/index.ts

@@ -1,7 +1,6 @@
 import {
   NestedReorderableList,
   ReorderableList,
-  ReorderableListItem,
   ScrollViewContainer,
 } from './components';
 import {
@@ -10,9 +9,9 @@ import {
   useReorderableDragStart,
 } from './hooks';
 import type {
+  ReorderableListCellAnimations,
   ReorderableListDragEndEvent,
-  ReorderableListItemConfig,
-  ReorderableListItemProps,
+  ReorderableListDragStartEvent,
   ReorderableListProps,
   ReorderableListReorderEvent,
   ScrollViewContainerProps,
@@ -25,10 +24,9 @@ export {
   useReorderableDragEnd,
   ReorderableListProps,
   ReorderableListReorderEvent,
+  ReorderableListCellAnimations,
+  ReorderableListDragStartEvent,
   ReorderableListDragEndEvent,
-  ReorderableListItem,
-  ReorderableListItemConfig,
-  ReorderableListItemProps,
   ScrollViewContainer,
   ScrollViewContainerProps,
   NestedReorderableList,

package/src/types/misc.ts

@@ -1,6 +1,6 @@
 export enum ReorderableListState {
   IDLE = 0,
-  DRAGGING,
-  RELEASING,
-  AUTO_SCROLL,
+  DRAGGED,
+  RELEASED,
+  AUTOSCROLL,
 }

package/src/types/props.ts

@@ -1,11 +1,6 @@
-import type {
-  FlatListProps,
-  NativeScrollEvent,
-  ScrollViewProps,
-  ViewProps,
-} from 'react-native';
+import type {FlatListProps, ScrollViewProps} from 'react-native';
 
-import {EasingFunction} from 'react-native-reanimated';
+import {SharedValue, useAnimatedScrollHandler} from 'react-native-reanimated';
 
 export interface ReorderableListReorderEvent {
   /**
@@ -18,6 +13,13 @@ export interface ReorderableListReorderEvent {
   to: number;
 }
 
+export interface ReorderableListDragStartEvent {
+  /**
+   * Index of the dragged item.
+   */
+  index: number;
+}
+
 export interface ReorderableListDragEndEvent {
   /**
    * Index of the dragged item.
@@ -69,63 +71,44 @@ export interface ReorderableListProps<T>
    */
   animationDuration?: number;
   /**
-   * Event fired after an item is released and the list is reordered.
-   */
-  onReorder: (event: ReorderableListReorderEvent) => void;
-  /**
-   * Event fired at most once per frame during scrolling. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
+   * Allows passing an object with shared values that can animate a cell by using the `onDragStart` and `onDragEnd` events.
    */
-  onScroll?: (event: NativeScrollEvent) => void;
+  cellAnimations?: ReorderableListCellAnimations;
   /**
-   * Event fired when the dragged item is released. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
-   */
-  onDragEnd?: (event: ReorderableListDragEndEvent) => void;
-}
-
-export interface ReorderableListItemConfig {
-  /**
-   * Value of the animated style on drag end.
-   */
-  enabled?: boolean;
-  /**
-   * Value of the animated style on drag end.
-   */
-  valueEnd?: number;
-  /**
-   * Value of the animated style on drag start.
+   * Event fired after an item is released and the list is reordered.
    */
-  valueStart?: number;
+  onReorder: (event: ReorderableListReorderEvent) => void;
   /**
-   * Easing function for the animation to the end value. Default: `Easing.in(Easing.ease)`.
+   * An animated scroll handler created with useAnimatedScrollHandler. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
    */
-  easingEnd?: EasingFunction;
+  onScroll?: ReturnType<typeof useAnimatedScrollHandler>;
   /**
-   * Easing function for the animation to the start value. Default: `Easing.out(Easing.ease)`.
+   * Event fired when an item is dragged. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
    */
-  easingStart?: EasingFunction;
+  onDragStart?: (event: ReorderableListDragStartEvent) => void;
   /**
-   * Duration of the animations in milliseconds. Default: `200`.
+   * Event fired when the dragged item is released. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
    */
-  duration?: number;
+  onDragEnd?: (event: ReorderableListDragEndEvent) => void;
 }
 
-export interface ReorderableListItemProps extends ViewProps {
+export interface ReorderableListCellAnimations {
   /**
-   * Config for the `opacity` animation. Enabled by default with custom default options.
+   * Shared value to animate the opacity of a dragged item. Set to false to disable default opacity animations.
    */
-  opacityAnimationConfig?: ReorderableListItemConfig;
+  opacity?: SharedValue<number> | false;
   /**
-   * Config for the `scale` animation. Enabled by default with custom default options.
+   * Shared value to animate the scale of a dragged item. Set to false to disable default scale animations.
    */
-  scaleAnimationConfig?: ReorderableListItemConfig;
+  scale?: SharedValue<number> | false;
 }
 
 export interface ScrollViewContainerProps
   extends Omit<ScrollViewProps, 'onScroll'> {
   /**
-   * Event fired at most once per frame during scrolling. Needs to be a `worklet`. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
+   * An animated scroll handler created with useAnimatedScrollHandler. See [Reanimated docs](https://docs.swmansion.com/react-native-reanimated) for further info.
    */
-  onScroll?: (event: NativeScrollEvent) => void;
+  onScroll?: ReturnType<typeof useAnimatedScrollHandler>;
 }
 
 export interface NestedReorderableListProps<T> extends ReorderableListProps<T> {

package/lib/commonjs/components/ReorderableListCore/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","IOS_CONFIG","delay","increment","ANDROID_FABRIC_CONFIG","ANDROID_PAPER_CONFIG","IS_FABRIC","exports","global","AUTOSCROLL_CONFIG","Platform","select","android","ios","web","macos","windows","native"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/constants.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,qBAAqB,GAAG;EAC5BF,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAME,oBAAoB,GAAG;EAC3BH,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAEM,MAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GACpBE,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,uBAAuB,IAAIA,MAAM;AAEpE,MAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAGC,qBAAQ,CAACC,MAAM,CAAC;EAC/C;EACAC,OAAO,EAAEN,SAAS,GAAGF,qBAAqB,GAAGC,oBAAoB;EACjEQ,GAAG,EAAEZ,UAAU;EAEf;EACAa,GAAG,EAAEb,UAAU;EACfc,KAAK,EAAEd,UAAU;EACjBe,OAAO,EAAEf,UAAU;EACnBgB,MAAM,EAAEhB;AACV,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/ReorderableListItem.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReorderableListItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _hooks = require("../hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const scaleDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 1.025,
-  easingStart: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
-  easingEnd: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
-  duration: 200
-};
-const opacityDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 0.75,
-  easingStart: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
-  easingEnd: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
-  duration: 200
-};
-const ReorderableListItem = ({
-  scaleAnimationConfig = scaleDefaultConfig,
-  opacityAnimationConfig = opacityDefaultConfig,
-  ...rest
-}) => {
-  const scaleConfigWithDefaults = (0, _react.useMemo)(() => ({
-    ...scaleDefaultConfig,
-    ...scaleAnimationConfig
-  }), [scaleAnimationConfig]);
-  const opacityConfigWithDefaults = (0, _react.useMemo)(() => ({
-    ...opacityDefaultConfig,
-    ...opacityAnimationConfig
-  }), [opacityAnimationConfig]);
-  const scale = (0, _reactNativeReanimated.useSharedValue)(scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1);
-  const opacity = (0, _reactNativeReanimated.useSharedValue)(opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1);
-  (0, _hooks.useReorderableDragStart)((0, _react.useCallback)(() => {
-    'worklet';
-
-    if (scaleConfigWithDefaults.enabled) {
-      scale.value = (0, _reactNativeReanimated.withTiming)(scaleConfigWithDefaults.valueStart, {
-        easing: scaleConfigWithDefaults.easingStart,
-        duration: scaleConfigWithDefaults.duration
-      });
-    }
-    if (opacityConfigWithDefaults.enabled) {
-      opacity.value = (0, _reactNativeReanimated.withTiming)(opacityConfigWithDefaults.valueStart, {
-        easing: opacityConfigWithDefaults.easingStart,
-        duration: opacityConfigWithDefaults.duration
-      });
-    }
-  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
-  (0, _hooks.useReorderableDragEnd)((0, _react.useCallback)(() => {
-    'worklet';
-
-    if (scaleConfigWithDefaults.enabled) {
-      scale.value = (0, _reactNativeReanimated.withTiming)(scaleConfigWithDefaults.valueEnd, {
-        easing: scaleConfigWithDefaults.easingEnd,
-        duration: scaleConfigWithDefaults.duration
-      });
-    }
-    if (opacityConfigWithDefaults.enabled) {
-      opacity.value = (0, _reactNativeReanimated.withTiming)(opacityConfigWithDefaults.valueEnd, {
-        easing: opacityConfigWithDefaults.easingEnd,
-        duration: opacityConfigWithDefaults.duration
-      });
-    }
-  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      scale: scale.value
-    }],
-    opacity: opacity.value
-  }), [scale, opacity]);
-  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({}, rest, {
-    style: [animatedStyle, rest.style]
-  }));
-};
-exports.ReorderableListItem = ReorderableListItem;
-//# sourceMappingURL=ReorderableListItem.js.map

package/lib/commonjs/components/ReorderableListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","scaleDefaultConfig","enabled","valueEnd","valueStart","easingStart","Easing","in","ease","easingEnd","out","duration","opacityDefaultConfig","ReorderableListItem","scaleAnimationConfig","opacityAnimationConfig","rest","scaleConfigWithDefaults","useMemo","opacityConfigWithDefaults","scale","useSharedValue","opacity","useReorderableDragStart","useCallback","value","withTiming","easing","useReorderableDragEnd","animatedStyle","useAnimatedStyle","transform","createElement","View","style","exports"],"sourceRoot":"../../../src","sources":["components/ReorderableListItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AAAwE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAGxE,MAAMG,kBAAkB,GAAG;EACzBC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;EACnCC,SAAS,EAAEH,6BAAM,CAACI,GAAG,CAACJ,6BAAM,CAACE,IAAI,CAAC;EAClCG,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,oBAAoB,GAAG;EAC3BV,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;EACnCC,SAAS,EAAEH,6BAAM,CAACI,GAAG,CAACJ,6BAAM,CAACE,IAAI,CAAC;EAClCG,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAME,mBAAuD,GAAGA,CAAC;EACtEC,oBAAoB,GAAGb,kBAAkB;EACzCc,sBAAsB,GAAGH,oBAAoB;EAC7C,GAAGI;AACL,CAAC,KAAK;EACJ,MAAMC,uBAAuB,GAAG,IAAAC,cAAO,EACrC,OAAO;IACL,GAAGjB,kBAAkB;IACrB,GAAGa;EACL,CAAC,CAAC,EACF,CAACA,oBAAoB,CACvB,CAAC;EACD,MAAMK,yBAAyB,GAAG,IAAAD,cAAO,EACvC,OAAO;IACL,GAAGN,oBAAoB;IACvB,GAAGG;EACL,CAAC,CAAC,EACF,CAACA,sBAAsB,CACzB,CAAC;EACD,MAAMK,KAAK,GAAG,IAAAC,qCAAc,EAC1BJ,uBAAuB,CAACf,OAAO,GAAGe,uBAAuB,CAACd,QAAQ,GAAG,CACvE,CAAC;EACD,MAAMmB,OAAO,GAAG,IAAAD,qCAAc,EAC5BF,yBAAyB,CAACjB,OAAO,GAAGiB,yBAAyB,CAAChB,QAAQ,GAAG,CAC3E,CAAC;EAED,IAAAoB,8BAAuB,EACrB,IAAAC,kBAAW,EAAC,MAAM;IAChB,SAAS;;IACT,IAAIP,uBAAuB,CAACf,OAAO,EAAE;MACnCkB,KAAK,CAACK,KAAK,GAAG,IAAAC,iCAAU,EAACT,uBAAuB,CAACb,UAAU,EAAE;QAC3DuB,MAAM,EAAEV,uBAAuB,CAACZ,WAAW;QAC3CM,QAAQ,EAAEM,uBAAuB,CAACN;MACpC,CAAC,CAAC;IACJ;IAEA,IAAIQ,yBAAyB,CAACjB,OAAO,EAAE;MACrCoB,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAACP,yBAAyB,CAACf,UAAU,EAAE;QAC/DuB,MAAM,EAAER,yBAAyB,CAACd,WAAW;QAC7CM,QAAQ,EAAEQ,yBAAyB,CAACR;MACtC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACW,OAAO,EAAEF,KAAK,EAAED,yBAAyB,EAAEF,uBAAuB,CAAC,CACzE,CAAC;EAED,IAAAW,4BAAqB,EACnB,IAAAJ,kBAAW,EAAC,MAAM;IAChB,SAAS;;IACT,IAAIP,uBAAuB,CAACf,OAAO,EAAE;MACnCkB,KAAK,CAACK,KAAK,GAAG,IAAAC,iCAAU,EAACT,uBAAuB,CAACd,QAAQ,EAAE;QACzDwB,MAAM,EAAEV,uBAAuB,CAACR,SAAS;QACzCE,QAAQ,EAAEM,uBAAuB,CAACN;MACpC,CAAC,CAAC;IACJ;IAEA,IAAIQ,yBAAyB,CAACjB,OAAO,EAAE;MACrCoB,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAACP,yBAAyB,CAAChB,QAAQ,EAAE;QAC7DwB,MAAM,EAAER,yBAAyB,CAACV,SAAS;QAC3CE,QAAQ,EAAEQ,yBAAyB,CAACR;MACtC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACW,OAAO,EAAEF,KAAK,EAAED,yBAAyB,EAAEF,uBAAuB,CAAC,CACzE,CAAC;EAED,MAAMY,aAAa,GAAG,IAAAC,uCAAgB,EACpC,OAAO;IACLC,SAAS,EAAE,CACT;MACEX,KAAK,EAAEA,KAAK,CAACK;IACf,CAAC,CACF;IACDH,OAAO,EAAEA,OAAO,CAACG;EACnB,CAAC,CAAC,EACF,CAACL,KAAK,EAAEE,OAAO,CACjB,CAAC;EAED,oBAAOpD,MAAA,CAAAW,OAAA,CAAAmD,aAAA,CAAC3D,sBAAA,CAAAQ,OAAQ,CAACoD,IAAI,EAAAtC,QAAA,KAAKqB,IAAI;IAAEkB,KAAK,EAAE,CAACL,aAAa,EAAEb,IAAI,CAACkB,KAAK;EAAE,EAAE,CAAC;AACxE,CAAC;AAACC,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/module/components/ReorderableListCore/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","IOS_CONFIG","delay","increment","ANDROID_FABRIC_CONFIG","ANDROID_PAPER_CONFIG","IS_FABRIC","global","AUTOSCROLL_CONFIG","select","android","ios","web","macos","windows","native"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/constants.ts"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,qBAAqB,GAAG;EAC5BF,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAME,oBAAoB,GAAG;EAC3BH,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,SAAS,GACpBC,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,uBAAuB,IAAIA,MAAM;AAE3E,OAAO,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,MAAM,CAAC;EAC/C;EACAC,OAAO,EAAEJ,SAAS,GAAGF,qBAAqB,GAAGC,oBAAoB;EACjEM,GAAG,EAAEV,UAAU;EAEf;EACAW,GAAG,EAAEX,UAAU;EACfY,KAAK,EAAEZ,UAAU;EACjBa,OAAO,EAAEb,UAAU;EACnBc,MAAM,EAAEd;AACV,CAAC,CAAC","ignoreList":[]}