react-native-reorderable-list 0.7.1 → 0.8.0

package/lib/module/components/ReorderableListItem.js

@@ -1,78 +0,0 @@
-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); }
-import React, { useCallback, useMemo } from 'react';
-import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { useReorderableDragEnd, useReorderableDragStart } from '../hooks';
-const scaleDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 1.025,
-  easingStart: Easing.in(Easing.ease),
-  easingEnd: Easing.out(Easing.ease),
-  duration: 200
-};
-const opacityDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 0.75,
-  easingStart: Easing.in(Easing.ease),
-  easingEnd: Easing.out(Easing.ease),
-  duration: 200
-};
-export const ReorderableListItem = ({
-  scaleAnimationConfig = scaleDefaultConfig,
-  opacityAnimationConfig = opacityDefaultConfig,
-  ...rest
-}) => {
-  const scaleConfigWithDefaults = useMemo(() => ({
-    ...scaleDefaultConfig,
-    ...scaleAnimationConfig
-  }), [scaleAnimationConfig]);
-  const opacityConfigWithDefaults = useMemo(() => ({
-    ...opacityDefaultConfig,
-    ...opacityAnimationConfig
-  }), [opacityAnimationConfig]);
-  const scale = useSharedValue(scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1);
-  const opacity = useSharedValue(opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1);
-  useReorderableDragStart(useCallback(() => {
-    'worklet';
-
-    if (scaleConfigWithDefaults.enabled) {
-      scale.value = withTiming(scaleConfigWithDefaults.valueStart, {
-        easing: scaleConfigWithDefaults.easingStart,
-        duration: scaleConfigWithDefaults.duration
-      });
-    }
-    if (opacityConfigWithDefaults.enabled) {
-      opacity.value = withTiming(opacityConfigWithDefaults.valueStart, {
-        easing: opacityConfigWithDefaults.easingStart,
-        duration: opacityConfigWithDefaults.duration
-      });
-    }
-  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
-  useReorderableDragEnd(useCallback(() => {
-    'worklet';
-
-    if (scaleConfigWithDefaults.enabled) {
-      scale.value = withTiming(scaleConfigWithDefaults.valueEnd, {
-        easing: scaleConfigWithDefaults.easingEnd,
-        duration: scaleConfigWithDefaults.duration
-      });
-    }
-    if (opacityConfigWithDefaults.enabled) {
-      opacity.value = withTiming(opacityConfigWithDefaults.valueEnd, {
-        easing: opacityConfigWithDefaults.easingEnd,
-        duration: opacityConfigWithDefaults.duration
-      });
-    }
-  }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
-  const animatedStyle = useAnimatedStyle(() => ({
-    transform: [{
-      scale: scale.value
-    }],
-    opacity: opacity.value
-  }), [scale, opacity]);
-  return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
-    style: [animatedStyle, rest.style]
-  }));
-};
-//# sourceMappingURL=ReorderableListItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useCallback","useMemo","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useReorderableDragEnd","useReorderableDragStart","scaleDefaultConfig","enabled","valueEnd","valueStart","easingStart","in","ease","easingEnd","out","duration","opacityDefaultConfig","ReorderableListItem","scaleAnimationConfig","opacityAnimationConfig","rest","scaleConfigWithDefaults","opacityConfigWithDefaults","scale","opacity","value","easing","animatedStyle","transform","createElement","View","_extends","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/ReorderableListCore/constants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/constants.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,SAAS,SACqD,CAAC;AAE5E,eAAO,MAAM,iBAAiB;;;CAU5B,CAAC"}

package/lib/typescript/components/ReorderableListItem.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { ReorderableListItemProps } from '../types';
-export declare const ReorderableListItem: React.FC<ReorderableListItemProps>;
-//# sourceMappingURL=ReorderableListItem.d.ts.map

package/lib/typescript/components/ReorderableListItem.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReorderableListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAoBvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6ElE,CAAC"}

package/src/components/ReorderableListItem.tsx

@@ -1,108 +0,0 @@
-import React, {useCallback, useMemo} from 'react';
-
-import Animated, {
-  Easing,
-  useAnimatedStyle,
-  useSharedValue,
-  withTiming,
-} from 'react-native-reanimated';
-
-import {useReorderableDragEnd, useReorderableDragStart} from '../hooks';
-import type {ReorderableListItemProps} from '../types';
-
-const scaleDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 1.025,
-  easingStart: Easing.in(Easing.ease),
-  easingEnd: Easing.out(Easing.ease),
-  duration: 200,
-};
-
-const opacityDefaultConfig = {
-  enabled: true,
-  valueEnd: 1,
-  valueStart: 0.75,
-  easingStart: Easing.in(Easing.ease),
-  easingEnd: Easing.out(Easing.ease),
-  duration: 200,
-};
-
-export const ReorderableListItem: React.FC<ReorderableListItemProps> = ({
-  scaleAnimationConfig = scaleDefaultConfig,
-  opacityAnimationConfig = opacityDefaultConfig,
-  ...rest
-}) => {
-  const scaleConfigWithDefaults = useMemo(
-    () => ({
-      ...scaleDefaultConfig,
-      ...scaleAnimationConfig,
-    }),
-    [scaleAnimationConfig],
-  );
-  const opacityConfigWithDefaults = useMemo(
-    () => ({
-      ...opacityDefaultConfig,
-      ...opacityAnimationConfig,
-    }),
-    [opacityAnimationConfig],
-  );
-  const scale = useSharedValue(
-    scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1,
-  );
-  const opacity = useSharedValue(
-    opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1,
-  );
-
-  useReorderableDragStart(
-    useCallback(() => {
-      'worklet';
-      if (scaleConfigWithDefaults.enabled) {
-        scale.value = withTiming(scaleConfigWithDefaults.valueStart, {
-          easing: scaleConfigWithDefaults.easingStart,
-          duration: scaleConfigWithDefaults.duration,
-        });
-      }
-
-      if (opacityConfigWithDefaults.enabled) {
-        opacity.value = withTiming(opacityConfigWithDefaults.valueStart, {
-          easing: opacityConfigWithDefaults.easingStart,
-          duration: opacityConfigWithDefaults.duration,
-        });
-      }
-    }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]),
-  );
-
-  useReorderableDragEnd(
-    useCallback(() => {
-      'worklet';
-      if (scaleConfigWithDefaults.enabled) {
-        scale.value = withTiming(scaleConfigWithDefaults.valueEnd, {
-          easing: scaleConfigWithDefaults.easingEnd,
-          duration: scaleConfigWithDefaults.duration,
-        });
-      }
-
-      if (opacityConfigWithDefaults.enabled) {
-        opacity.value = withTiming(opacityConfigWithDefaults.valueEnd, {
-          easing: opacityConfigWithDefaults.easingEnd,
-          duration: opacityConfigWithDefaults.duration,
-        });
-      }
-    }, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]),
-  );
-
-  const animatedStyle = useAnimatedStyle(
-    () => ({
-      transform: [
-        {
-          scale: scale.value,
-        },
-      ],
-      opacity: opacity.value,
-    }),
-    [scale, opacity],
-  );
-
-  return <Animated.View {...rest} style={[animatedStyle, rest.style]} />;
-};