react-native-reorderable-list 0.3.0 → 0.5.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Omar Mahili
+Copyright (c) 2024 Omar Mahili
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,75 +1,129 @@
 # React Native Reorderable List
 
-A reorderable list for React Native applications, powered by Reanimated 2 🚀
+A reorderable list for React Native applications, powered by Reanimated 🚀
 
-![Example](https://media.giphy.com/media/EVQOjtGx61QS8s9Y0z/giphy.gif)
+![Playlist](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExM3JpY200bHoxeDVneGV1YTUxaHIxaGNuNjQ3ZjRlZWZ1NmluYjFlZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/rk5aZKXYVMBktawoTr/giphy.gif)
+![Example](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExNzBhdWZoM3F4bGlnajB6NGdsbjA3MW54aHk5NGxkZnp3aXJrdDJ6ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/oJhSawgWA1OtR1IPgT/giphy.gif)
+
+## Index
+
+- [Install](#install)
+- [Components](#components)
+  - [ReorderableList](#reorderablelist)
+  - [ReorderableListItem](#reorderableitemanimation)
+- [Hooks](#hooks)
+  - [useReorderableDrag](#usereorderabledrag)
+  - [useReorderableDragStart](#usereorderabledragstart)
+  - [useReorderableDragEnd](#usereorderabledragend)
+- [Utils](#utils)
+- [Example](#example)
+- [License](#license)
 
 ## Install
 
-### Npm
+Npm:
 
- ```
- npm install --save react-native-reorderable-list
- ```
+```bash
+npm install --save react-native-reorderable-list
+```
 
-### Yarn
+Yarn:
 
- ```
- yarn add react-native-reorderable-list
- ```
+```bash
+yarn add react-native-reorderable-list
+```
 
 Then you need to install these two peer dependencies:
 
-  - [**React Native Reanimated**](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation) >=2.2.0
-  - [**React Native Gesture Handler**](https://docs.swmansion.com/react-native-gesture-handler/docs/#installation) >=1.10.0
+- [React Native Reanimated](https://docs.swmansion.com/react-native-reanimated) >=3.6.0
+- [React Native Gesture Handler](https://docs.swmansion.com/react-native-gesture-handler) >=2.0.0
+
+## Components
+
+### ReorderableList
+
+This component uses a [FlatList](https://reactnative.dev/docs/flatlist) and it extends its props:
+
+| Props                | Type                                             | Required | Default                    | Description                                                                                                                                                                                                                            |
+| -------------------- | ------------------------------------------------ | -------- | -------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| autoscrollThreshold  | `number`                                         | No       | `0.1`                      | Threshold at the extremity of the list that triggers autoscroll when an item is dragged to it. A value of `0.1` means that 10% of the area at the top and 10% at the bottom will trigger autoscroll. Min value: `0`. Max value: `0.4`. |
+| autoscrollSpeedScale | `number`                                         | No       | `1`                        | Scales the autoscroll speed at which the list scrolls when an item is dragged to the scroll areas.                                                                                                                                     |
+| autoscrollDelay      | `number`                                         | No       | `0` (Android), `100` (iOS) | Delay in between autoscroll triggers. Can be used to tune the autoscroll smoothness. Default values differ between platforms: `0` for Android and `100` for iOS.                                                                       |
+| dragReorderThreshold | `number`                                         | No       | `0.2`                      | Specifies the fraction of an item's size at which it will shift when a dragged item crosses over it. For example, `0.2` means the item shifts when the dragged item passes 20% of its height (in a vertical list).                     |
+| animationDuration    | `number`                                         | No       | `200`                      | Duration of the animations in milliseconds. Users won't be able to drag a new item until the dragged item is released and its animation to its new position ends.                                                                      |
+| onReorder            | `(event: { from: number, to: number  }) => void` | Yes      | N/A                        | Event fired after an item is released and the list is reordered.                                                                                                                                                                       |
+| onScroll             | `(event: NativeScrollEvent) => void`             | No       | N/A                        | 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.                                                              |
+
+The following props from FlatList are not supported:
+
+- horizontal
+- scrollEventThrottle
+- removeClippedSubviews
+- CellRendererComponent
+- numColumns
+
+### ReorderableListItem
+
+This component allows you to animate the item when it's dragged. It currently supports two animations: `scale` and `opacity`. Using this component is optional.
+
+| Props                  | Type                                                                                                                                         | Required | Default                                                                                                                                     | Description                                               |
+| ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------- |
+| scaleAnimationConfig   | `{ enabled?: boolean, valueEnd?: number, valueStart?: number, easingEnd?: EasingFunction, easingStart?: EasingFunction, duration?: number }` | false    | `{ enabled: true, valueEnd: 1, valueStart: 1.025, easingStart: Easing.in(Easing.ease), easingEnd: Easing.out(Easing.ease), duration: 200 }` | Configures the scale animation of the reorderable item.   |
+| opacityAnimationConfig | `{ enabled?: boolean, valueEnd?: number, valueStart?: number, easingEnd?: EasingFunction, easingStart?: EasingFunction, duration?: number }` | false    | `{ enabled: true, valueEnd: 1, valueStart: 0.75, easingStart: Easing.in(Easing.ease), easingEnd: Easing.out(Easing.ease), duration: 200, }` | Configures the opacity animation of the reorderable item. |
+
+## Hooks
+
+### useReorderableDrag
+
+This hook creates a function that triggers the drag of a list item. It's usually called on a long press event. This hook can only be used inside of a list item component.
+
+##### Returns
 
-So head down to their docs and follow their instructions.
+- `() => void`
 
-## API
+### useReorderableDragStart
 
-This component uses a [FlatList](https://reactnative.dev/docs/flatlist) and it extends its props. See [Known Limitations](#known-limitations) for unsupported props.
+This hook allows handling the drag start event of a list item. It receives a worklet callback that is called when the drag starts. It's recommended to wrap the handler function in a useCallback as follows: `useReorderableDragStart(useCallback(...))`. This hook can only be used inside of a list item component.
 
-Additional props:
+##### Parameters
 
-| Prop                      | Type                                  | Required   | Default   | Description                                           |
-|---------------------------|---------------------------------------|------------|-----------|-------------------------------------------------------|
-| renderItem                | `(info: {item: T, index: number, separators: ItemSeparators, drag?: () => void, isDragged?: boolean}) => ReactElement`  | yes        |           | Renders into the list an item from data. The function `drag` needs to be called when the drag gesture should be enabled, for example `onLongPress` event. The property `isDragged` becomes true for the dragged item. |
-| onReorder                 | `(event: {fromIndex: number, toIndex: number}) => void`  | yes        |           | Function called when an item is released and the list is reordered. |
-| containerStyle            | `StyleProp<ViewStyle>`                | no         |           | Style for the FlatList container.                     |
-| scrollAreaSize            | `number`                              | no         | `0.1`     | Portion at the extremeties of the list which triggers scrolling when dragging an item. Accepts a value between `0` and `0.5`. |
-| scrollSpeed               | `number`                              | no         | `2`       | Speed at which the list scrolls.                      |
-| dragScale                 | `number`                              | no         | `1`       | Size ratio to which an item scales when dragged.      |
+- onStart: `(index: number) => void`
 
-## Known Limitations
+### useReorderableDragEnd\*\*
 
-At the moment it doesn't support these FlatList props:
+This hook allows handling the drag end event of a list item. It receives a worklet callback that is called when the drag ends. It's recommended to wrap the handler function in a useCallback as follows: `useReorderableDragEnd(useCallback(...))`. This hook can only be used inside of a list item component.
 
-  - ```horizontal```
-  - ```onScroll```
-  - ```scrollEventThrottle```
+##### Parameters
 
-## Usage
+- onEnd: `(from: number, to: number) => void`
+
+## Utils
+
+- **reorderItems**: `<T>(data: T[], from: number, to: number) => T[]`
+
+  This function receives an array of items, the index of the item to be moved, and the index of the new position and it returns a new array with the items reordered.
+
+## Example
+
+Here is an example of how to use this component. More examples can be found in the `example` directory of the repository.
 
 ```typescript
 import React, {useState} from 'react';
-import {Pressable, StyleSheet, Text} from 'react-native';
+import {ListRenderItemInfo, Pressable, StyleSheet, Text} from 'react-native';
 import ReorderableList, {
-  ReorderableListRenderItemInfo,
+  ReorderableListItem,
   ReorderableListReorderEvent,
+  reorderItems,
+  useReorderableDrag,
 } from 'react-native-reorderable-list';
 
-interface CardInfo {
+interface CardProps {
   id: string;
   color: string;
   height: number;
 }
 
-interface CardProps extends CardInfo {
-  drag?: () => void;
-  isDragged?: boolean;
-}
-
-const list: CardInfo[] = [
+const list: CardProps[] = [
   {id: '0', color: 'red', height: 100},
   {id: '1', color: 'blue', height: 150},
   {id: '2', color: 'green', height: 80},
@@ -82,26 +136,27 @@ const list: CardInfo[] = [
   {id: '9', color: 'seagreen', height: 90},
 ];
 
-const Card: React.FC<CardProps> = React.memo(
-  ({id, color, height, drag, isDragged}) => (
-    <Pressable
-      style={[styles.card, isDragged && styles.dragged, {height}]}
-      onLongPress={drag}>
-      <Text style={[styles.text, {color}]}>Card {id}</Text>
-    </Pressable>
-  ),
-);
+const Card: React.FC<CardProps> = React.memo(({id, color, height}) => {
+  const drag = useReorderableDrag();
+
+  return (
+    <ReorderableListItem>
+      <Pressable style={[styles.card, {height}]} onLongPress={drag}>
+        <Text style={[styles.text, {color}]}>Card {id}</Text>
+      </Pressable>
+    </ReorderableListItem>
+  );
+});
 
 const App = () => {
   const [data, setData] = useState(list);
 
-  const renderItem = (
-    {item, ...rest}: ReorderableListRenderItemInfo<CardInfo>,
-  ) => <Card {...item} {...rest} />;
+  const renderItem = ({item}: ListRenderItemInfo<CardProps>) => (
+    <Card {...item} />
+  );
 
-  const handleReorder = ({fromIndex, toIndex}: ReorderableListReorderEvent) => {
-    const newData = [...data];
-    newData.splice(toIndex, 0, newData.splice(fromIndex, 1)[0]);
+  const handleReorder = ({from, to}: ReorderableListReorderEvent) => {
+    const newData = reorderItems(data, from, to);
     setData(newData);
   };
 
@@ -110,8 +165,7 @@ const App = () => {
       data={data}
       onReorder={handleReorder}
       renderItem={renderItem}
-      keyExtractor={(item: CardInfo) => item.id}
-      dragScale={1.025}
+      keyExtractor={item => item.id}
     />
   );
 };
@@ -126,9 +180,6 @@ const styles = StyleSheet.create({
     borderWidth: 1,
     borderColor: '#ddd',
   },
-  dragged: {
-    opacity: 0.7,
-  },
   text: {
     fontSize: 20,
   },
@@ -136,3 +187,11 @@ const styles = StyleSheet.create({
 
 export default App;
 ```
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/lib/commonjs/components/ReorderableList/ReorderableList.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReorderableList = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _constants = require("./constants");
+var _useReorderableList = require("./useReorderableList");
+var _contexts = require("../../contexts");
+var _ReorderableListCell = require("../ReorderableListCell");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 AnimatedFlatList = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.FlatList);
+const ReorderableList = ({
+  data,
+  autoscrollThreshold = 0.1,
+  autoscrollSpeedScale = 1,
+  autoscrollDelay = _constants.AUTOSCROLL_DELAY,
+  animationDuration = 200,
+  dragReorderThreshold = 0.2,
+  onLayout,
+  onReorder,
+  onScroll,
+  keyExtractor,
+  extraData,
+  ...rest
+}, ref) => {
+  const {
+    gestureHandler,
+    handleScroll,
+    handleFlatListLayout,
+    handleRef,
+    startDrag,
+    listContextValue,
+    itemOffset,
+    itemHeight,
+    dragY,
+    draggedIndex,
+    releasedIndex,
+    duration
+  } = (0, _useReorderableList.useReorderableList)({
+    ref,
+    autoscrollThreshold,
+    autoscrollSpeedScale,
+    autoscrollDelay,
+    animationDuration,
+    dragReorderThreshold,
+    onLayout,
+    onReorder,
+    onScroll
+  });
+  const renderAnimatedCell = (0, _react.useCallback)(({
+    index,
+    children,
+    item,
+    onLayout: onCellLayout
+  }) => /*#__PURE__*/_react.default.createElement(_ReorderableListCell.ReorderableListCell
+  // forces remount of components with key change
+  , {
+    key: keyExtractor ? keyExtractor(item, index) : index,
+    item: item,
+    extraData: extraData,
+    index: index,
+    itemOffset: itemOffset,
+    itemHeight: itemHeight,
+    dragY: dragY,
+    draggedIndex: draggedIndex,
+    releasedIndex: releasedIndex,
+    animationDuration: duration,
+    startDrag: startDrag,
+    children: children,
+    onLayout: onCellLayout
+  }), [itemOffset, itemHeight, startDrag, dragY, draggedIndex, releasedIndex, duration, keyExtractor, extraData]);
+  return /*#__PURE__*/_react.default.createElement(_contexts.ReorderableListContext.Provider, {
+    value: listContextValue
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeGestureHandler.GestureDetector, {
+    gesture: gestureHandler
+  }, /*#__PURE__*/_react.default.createElement(AnimatedFlatList, _extends({}, rest, {
+    ref: handleRef,
+    data: data,
+    CellRendererComponent: renderAnimatedCell,
+    onLayout: handleFlatListLayout,
+    onScroll: handleScroll,
+    scrollEventThrottle: 1,
+    horizontal: false,
+    removeClippedSubviews: false,
+    keyExtractor: keyExtractor,
+    extraData: extraData,
+    numColumns: 1
+  }))));
+};
+const MemoizedReorderableList = exports.ReorderableList = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef(ReorderableList));
+//# sourceMappingURL=ReorderableList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireDefault","_constants","_useReorderableList","_contexts","_ReorderableListCell","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","AnimatedFlatList","Animated","createAnimatedComponent","FlatList","ReorderableList","data","autoscrollThreshold","autoscrollSpeedScale","autoscrollDelay","AUTOSCROLL_DELAY","animationDuration","dragReorderThreshold","onLayout","onReorder","onScroll","keyExtractor","extraData","rest","ref","gestureHandler","handleScroll","handleFlatListLayout","handleRef","startDrag","listContextValue","itemOffset","itemHeight","dragY","draggedIndex","releasedIndex","duration","useReorderableList","renderAnimatedCell","useCallback","index","children","item","onCellLayout","createElement","ReorderableListCell","key","ReorderableListContext","Provider","value","GestureDetector","gesture","CellRendererComponent","scrollEventThrottle","horizontal","removeClippedSubviews","numColumns","MemoizedReorderableList","exports","React","memo","forwardRef"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/ReorderableList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ReorderableList/constants.ios.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AUTOSCROLL_INCREMENT = exports.AUTOSCROLL_DELAY = void 0;
+// iOS specific constants
+const AUTOSCROLL_INCREMENT = exports.AUTOSCROLL_INCREMENT = 80;
+const AUTOSCROLL_DELAY = exports.AUTOSCROLL_DELAY = 100;
+//# sourceMappingURL=constants.ios.js.map

package/lib/commonjs/components/ReorderableList/constants.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AUTOSCROLL_INCREMENT","exports","AUTOSCROLL_DELAY"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/constants.ios.ts"],"mappings":";;;;;;AAAA;AACO,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,EAAE;AAC/B,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,GAAG","ignoreList":[]}

package/lib/commonjs/components/ReorderableList/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AUTOSCROLL_INCREMENT = exports.AUTOSCROLL_DELAY = void 0;
+// Default constants
+const AUTOSCROLL_INCREMENT = exports.AUTOSCROLL_INCREMENT = 5;
+const AUTOSCROLL_DELAY = exports.AUTOSCROLL_DELAY = 0;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AUTOSCROLL_INCREMENT","exports","AUTOSCROLL_DELAY"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/constants.ts"],"mappings":";;;;;;AAAA;AACO,MAAMA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,CAAC;AAC9B,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,CAAC","ignoreList":[]}

package/lib/commonjs/components/ReorderableList/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ReorderableList = require("./ReorderableList");
+Object.keys(_ReorderableList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReorderableList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ReorderableList[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ReorderableList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ReorderableList","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/ReorderableList/index.ts"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}