react-native-sortable-dynamic 0.1.0 → 0.2.0

package/src/Config.js

@@ -5,15 +5,14 @@ import React, { createContext, useContext } from 'react';
 // Get screen width to calculate dynamic sizes
 const { width } = Dimensions.get('window');
 
-// Default configuration for the sortable list
+// Default configuration for the sortable grid/list
 const defaultConfig = {
   MARGIN: 10, // Default margin between items
   COL: 2, // Default number of columns
-  // Default size for each item, calculated based on the number of columns and margin
-  SIZE: width / 2 - 10, // (width / COL - MARGIN)
+  SIZE: width / 2 - 10, // Default size for each item, calculated based on the number of columns and margin
 };
 
-// Create a Context for the sortable list configuration
+// Create a Context for the sortable grid/list configuration
 const ConfigContext = createContext(defaultConfig);
 
 // Custom hook to use the sortable configuration context
@@ -26,7 +25,7 @@ export const animationConfig = {
 };
 
 // Helper function to calculate the item's position based on its index
-// This is used to position items in a grid layout
+// Used to position items in a grid layout
 export const getPosition = (position, COL, SIZE) => {
   'worklet'; // Necessary for Reanimated 2 to run this function on the UI thread
   return {
@@ -46,9 +45,10 @@ export const getOrder = (tx, ty, max, COL, SIZE) => {
 };
 
 /**
- * SortableListProvider component
+ * SortableConfigProvider component
  *
- * Wrap your sortable list components with this provider to set custom configuration.
+ * Wrap your sortable grid/list components with this provider to set custom configuration.
+ * This provider allows for overriding default settings like margin and the number of columns.
  *
  * @param {Object} config - Custom configuration to override the default settings.
  * @param {number} config.MARGIN - Margin between items.
@@ -57,11 +57,11 @@ export const getOrder = (tx, ty, max, COL, SIZE) => {
  *
  * Usage:
  *
- * <SortableListProvider config={{ MARGIN: 15, COL: 3 }}>
- *   <YourSortableList />
- * </SortableListProvider>
+ * <SortableConfigProvider config={{ MARGIN: 15, COL: 3 }}>
+ *   <YourSortableComponent />
+ * </SortableConfigProvider>
  */
-const SortableListProvider = ({ children, config }) => {
+const SortableConfigProvider = ({ children, config }) => {
   // Merge custom config with the default configuration
   const mergedConfig = {
     ...defaultConfig,
@@ -78,4 +78,4 @@ const SortableListProvider = ({ children, config }) => {
   );
 };
 
-export default SortableListProvider;
+export default SortableConfigProvider;

package/src/SortableContainer.js

@@ -0,0 +1,110 @@
+import React, { memo } from 'react';
+import Animated, {
+  useAnimatedRef,
+  useAnimatedScrollHandler,
+  useSharedValue,
+} from 'react-native-reanimated';
+import SortableItemWrapper from './SortableItemWrapper';
+import SortableItem from './SortableItem';
+import { useSortableConfig } from './Config';
+
+/**
+ * SortableContainer Component
+ *
+ * This component renders a scrollable grid or list of items that can be reordered using drag-and-drop gestures.
+ * It manages the layout and drag-and-drop logic for the items, providing the necessary props
+ * to each child `SortableItemWrapper` component to enable dragging, scrolling, and reordering functionality.
+ *
+ * Props:
+ * @param {Array} data - Array of data objects to render and reorder. Each object should have a unique `id`.
+ * @param {boolean} editing - Whether the container is in editing mode, enabling drag-and-drop functionality.
+ * @param {function} onDragEnd - Callback function called with the updated positions when a drag ends.
+ * @param {function} renderItem - Function to render the content of each item inside the sortable container. Receives an object containing `item` and `index`.
+ * @param {function} onPress - Function to handle the press event on a sortable item.
+ * @param {function} onLongPress - Function to handle the long press event on a sortable item.
+ * @param {object} itemStyle - Custom style to apply to each SortableItem.
+ * @param {...object} itemProps - Additional props to be passed to each SortableItem.
+ *
+ * Usage:
+ * <SortableContainer
+ *   data={dataArray}
+ *   editing={isEditing}
+ *   onDragEnd={handleDragEnd}
+ *   renderItem={({ item }) => <YourCustomComponent item={item} />}
+ *   onPress={handlePress}
+ *   onLongPress={handleLongPress}
+ *   accessible={true}
+ * />
+ */
+const SortableContainer = ({
+  data,
+  editing,
+  onDragEnd,
+  renderItem,
+  onPress,
+  onLongPress,
+  itemStyle,
+  ...itemProps
+}) => {
+  // Get the configuration for columns and size from context
+  const { COL, SIZE } = useSortableConfig();
+
+  // Shared values to track scrolling and item positions
+  const scrollY = useSharedValue(0); // Current scroll position
+  const scrollView = useAnimatedRef(); // Reference to the scroll view
+  const positions = useSharedValue(
+    data.reduce((acc, item, index) => ({ ...acc, [item.id]: index }), {})
+  );
+
+  // Scroll event handler to update scrollY shared value
+  const onScroll = useAnimatedScrollHandler({
+    onScroll: ({ contentOffset: { y } }) => {
+      scrollY.value = y;
+    },
+  });
+
+  return (
+    <Animated.ScrollView
+      onScroll={onScroll}
+      ref={scrollView}
+      contentContainerStyle={{
+        // Calculate the total height needed for the scroll view content
+        height: Math.ceil(data.length / COL) * SIZE,
+      }}
+      showsVerticalScrollIndicator={false}
+      bounces={false}
+      scrollEventThrottle={16} // Control scroll event frequency
+    >
+      {/* Render each item using the SortableItemWrapper and SortableItem components */}
+      {data.map((item, index) => (
+        <SortableItemWrapper
+          key={item.id}
+          id={item.id}
+          positions={positions}
+          editing={editing}
+          draggable={item.draggable}
+          reorderable={item.reorderable}
+          data={data}
+          onDragEnd={onDragEnd}
+          scrollView={scrollView}
+          scrollY={scrollY}
+        >
+          {/* Render each sortable item using SortableItem */}
+          <SortableItem
+            id={item.id}
+            draggable={item.draggable}
+            reorderable={item.reorderable}
+            onPress={() => onPress && onPress(item)}
+            onLongPress={() => onLongPress && onLongPress(item)}
+            style={itemStyle}
+            {...itemProps}
+          >
+            {renderItem({ item: item, index })}
+          </SortableItem>
+        </SortableItemWrapper>
+      ))}
+    </Animated.ScrollView>
+  );
+};
+
+export default memo(SortableContainer);

package/src/SortableItem.js

@@ -0,0 +1,57 @@
+import React from 'react';
+import { TouchableOpacity } from 'react-native';
+import { useSortableConfig } from './Config';
+
+/**
+ * SortableItem Component
+ *
+ * This component represents a single item in the sortable grid or list. It is designed to be flexible
+ * and supports various user interactions, including press and long press events. The size of each item
+ * is dynamically adjusted based on the configuration provided by the `SortableConfigProvider`.
+ *
+ * Props:
+ * Accepts all TouchableOpacity props, including but not limited to:
+ * @param {function} onPress - Callback function called when the item is pressed.
+ * @param {function} onLongPress - Callback function called when the item is long-pressed.
+ * @param {number} activeOpacity - The opacity of the item when it is pressed. Default is 0.7.
+ * @param {object} style - Additional style for the item.
+ * @param {React.ReactNode} children - The content to render inside the item.
+ * @param {...object} rest - Other TouchableOpacity props such as `accessible`, `accessibilityLabel`, etc.
+ *
+ * Usage:
+ *
+ * <SortableItem onPress={handlePress} onLongPress={handleLongPress} accessibilityLabel="Custom Item">
+ *   <Text>Item Content</Text>
+ * </SortableItem>
+ */
+const SortableItem = ({
+  onPress,
+  onLongPress,
+  activeOpacity = 0.7,
+  children,
+  style,
+  ...rest
+}) => {
+  // Get the size of the item from the sortable config context
+  const { SIZE } = useSortableConfig();
+
+  // Define the style for the item, ensuring that its size is consistent across the grid or list
+  const containerStyle = {
+    width: SIZE,
+    height: SIZE,
+  };
+
+  return (
+    <TouchableOpacity
+      style={[containerStyle, style]}
+      onPress={onPress}
+      onLongPress={onLongPress}
+      activeOpacity={activeOpacity}
+      {...rest} // Spread any additional TouchableOpacity props
+    >
+      {children}
+    </TouchableOpacity>
+  );
+};
+
+export default SortableItem;

package/src/{Item.js → SortableItemWrapper.js}

@@ -16,24 +16,38 @@ import { animationConfig, getOrder, getPosition } from './Config';
 import { useSortableConfig } from './Config';
 
 /**
- * Item Component
+ * SortableItemWrapper Component
  *
- * This component represents a draggable item in the sortable grid. It manages the gesture handling
- * and animations needed to drag and reorder the item within the grid.
+ * This component manages the gesture handling and animations for a draggable item in the sortable grid or list.
+ * It uses the Reanimated 2 and Gesture Handler libraries to provide smooth drag-and-drop functionality.
+ * The component calculates the item's position and handles reordering logic when the item is dragged.
  *
  * Props:
- * @param {React.ReactNode} children - The content to render inside the item.
+ * @param {React.ReactNode} children - The content to render inside the draggable item.
  * @param {object} positions - Shared value that contains the current positions of all items.
  * @param {number} id - Unique identifier for the item.
- * @param {function} onDragEnd - Callback function triggered when dragging ends.
- * @param {object} scrollView - Reference to the scroll view for scrolling during drag.
+ * @param {function} onDragEnd - Callback function triggered when dragging ends, providing the updated item positions.
+ * @param {object} scrollView - Reference to the scroll view for scrolling the list during drag.
  * @param {object} scrollY - Shared value representing the current scroll position.
- * @param {boolean} editing - Whether the list is in editing mode.
+ * @param {boolean} editing - Whether the grid or list is in editing mode, enabling drag-and-drop.
  * @param {boolean} draggable - Whether the item is draggable (default: true).
- * @param {Array} tiles - Array of tile items used to check reorderable state.
+ * @param {Array} data - Array of items used to determine the reorderable state of items.
+ *
+ * Usage:
+ * <SortableItemWrapper
+ *   id={item.id}
+ *   positions={positions}
+ *   editing={isEditing}
+ *   draggable={item.draggable}
+ *   data={itemsArray}
+ *   onDragEnd={handleDragEnd}
+ *   scrollView={scrollView}
+ *   scrollY={scrollY}
+ * >
+ *   <YourItemComponent />
+ * </SortableItemWrapper>
  */
-
-const Item = ({
+const SortableItemWrapper = ({
   children,
   positions,
   id,
@@ -42,7 +56,7 @@ const Item = ({
   scrollY,
   editing,
   draggable = true,
-  tiles,
+  data,
 }) => {
   // Get safe area insets for accurate height calculation
   const inset = useSafeAreaInsets();
@@ -50,11 +64,11 @@ const Item = ({
     Dimensions.get('window').height - inset.top - inset.bottom;
 
   // Get the configuration for columns and size
-  const { COL, SIZE } = useSortableConfig();
+  const { COL, SIZE, MARGIN } = useSortableConfig();
 
   // Calculate content height based on the number of items
   const contentHeight = (Object.keys(positions.value).length / COL) * SIZE;
-  const isGestureActive = useSharedValue(false); // Whether the item is being actively dragged
+  const isGestureActive = useSharedValue(false); // Whether the item is actively being dragged
 
   // Calculate initial position of the item
   const position = getPosition(positions.value[id], COL, SIZE);
@@ -87,7 +101,7 @@ const Item = ({
         // Store the starting position
         ctx.x = translateX.value;
         ctx.y = translateY.value;
-        isGestureActive.value = false; // TODO: Set to false when grouping is implemented
+        isGestureActive.value = false;
       }
     },
     onActive: ({ translationX, translationY }, ctx) => {
@@ -113,7 +127,7 @@ const Item = ({
           );
 
           // Only swap if the target item is reorderable
-          const targetItem = tiles.find((tile) => tile.id === Number(idToSwap));
+          const targetItem = data.find((tile) => tile.id === Number(idToSwap));
           if (idToSwap && targetItem?.reorderable !== false) {
             const newPositions = { ...positions.value };
             newPositions[id] = newOrder;
@@ -164,7 +178,7 @@ const Item = ({
 
   // Animated style for the item
   const style = useAnimatedStyle(() => {
-    const zIndex = isGestureActive.value ? 100 : 0; // Bring the item to front when active
+    const zIndex = isGestureActive.value ? 100 : 0; // Bring the item to the front when active
     const scale =
       editing && isGestureActive.value ? withSpring(1.05) : withSpring(1); // Slightly enlarge the item when dragging
     return {
@@ -173,6 +187,7 @@ const Item = ({
       left: 0,
       width: SIZE,
       height: SIZE,
+      margin: MARGIN,
       zIndex,
       transform: [
         { translateX: translateX.value },
@@ -193,4 +208,4 @@ const Item = ({
   );
 };
 
-export default Item;
+export default SortableItemWrapper;

package/src/SortableView.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import SortableListProvider from './Config';
+import SortableContainer from './SortableContainer';
+
+/**
+ * SortableView Component
+ *
+ * This component combines the configuration provider and the sortable container into a single component
+ * to simplify usage. It provides an interface for managing the layout, editing mode, and the reordering
+ * of items within a grid or list.
+ *
+ * Props:
+ * @param {object} config - Configuration options such as `MARGIN` and `COL` for customizing the layout.
+ * @param {Array} data - Array of data objects to render and reorder. Each object should have a unique `id`.
+ * @param {boolean} editing - Whether the list is in editing mode, enabling drag-and-drop functionality.
+ * @param {function} onDragEnd - Callback function called with the updated positions when the drag ends.
+ * @param {function} renderItem - Function to render each item inside the sortable view. Receives an object containing `item` and `index`.
+ * @param {function} onPress - Function to handle the press event on an item.
+ * @param {function} onLongPress - Function to handle the long press event on an item.
+ * @param {object} itemStyle - Custom style to apply to each SortableItem.
+ * @param {object} itemProps - Additional props to be passed to each SortableItem.
+ *
+ * Usage:
+ * <SortableView
+ *   config={{ MARGIN: 10, COL: 2 }}
+ *   data={dataArray}
+ *   editing={isEditing}
+ *   onDragEnd={handleDragEnd}
+ *   renderItem={({ item }) => <YourCustomComponent item={item} />}
+ *   onPress={handlePress}
+ *   onLongPress={handleLongPress}
+ *   itemStyle={{backgroundColor: 'blue'}}
+ *   itemProps={{disabled: true}}
+ * />
+ */
+const SortableView = ({
+  config,
+  data,
+  editing,
+  onDragEnd,
+  renderItem,
+  onPress,
+  onLongPress,
+  itemStyle,
+  itemProps,
+}) => {
+  return (
+    <SortableListProvider config={config}>
+      <SortableContainer
+        editing={editing}
+        data={data}
+        onDragEnd={(positions) => {
+          onDragEnd(positions);
+        }}
+        renderItem={renderItem}
+        onPress={onPress}
+        onLongPress={onLongPress}
+        style={itemStyle}
+        {...itemProps}
+      />
+    </SortableListProvider>
+  );
+};
+
+export default SortableView;

package/src/index.js

@@ -1,3 +1 @@
-export { default as SortableListProvider } from './Config';
-export { default as SortableList } from './SortableList';
-export { default as Tile } from './Tile';
+export { default as SortableView } from './SortableView';

package/lib/commonjs/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_reactNativeGestureHandler","_reactNativeSafeAreaContext","_Config","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Item","children","positions","id","onDragEnd","scrollView","scrollY","editing","draggable","tiles","inset","useSafeAreaInsets","containerHeight","Dimensions","height","top","bottom","COL","SIZE","useSortableConfig","contentHeight","keys","value","length","isGestureActive","useSharedValue","position","getPosition","translateX","x","translateY","y","useEffect","useAnimatedReaction","newOrder","pos","withTiming","animationConfig","onGestureEvent","useAnimatedGestureHandler","onStart","_","ctx","onActive","translationX","translationY","getOrder","oldOrder","idToSwap","find","key","targetItem","tile","Number","reorderable","newPositions","lowerBound","upperBound","maxScroll","leftToScrollDown","diff","Math","min","scrollTo","onEnd","newPosition","runOnJS","style","useAnimatedStyle","zIndex","scale","withSpring","left","width","transform","jsx","View","PanGestureHandler","enabled","StyleSheet","absoluteFill","_default","exports"],"sourceRoot":"../../src","sources":["Item.js"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/SortableList.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_Item","_interopRequireDefault","_Config","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SortableList","children","editing","tiles","onDragEnd","COL","SIZE","useSortableConfig","scrollY","useSharedValue","scrollView","useAnimatedRef","positions","reduce","acc","child","index","props","id","onScroll","useAnimatedScrollHandler","contentOffset","y","value","jsx","ScrollView","ref","contentContainerStyle","height","Math","ceil","length","showsVerticalScrollIndicator","bounces","scrollEventThrottle","map","draggable","reorderable","_default","exports","memo"],"sourceRoot":"../../src","sources":["SortableList.js"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Tile.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _Config = require("./Config.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Tile Component
- *
- * This component represents a single tile in the sortable grid. It is designed to be flexible and
- * allows for user interactions such as press and long press. The size of each tile is dynamically
- * adjusted based on the configuration provided by `SortableListProvider`.
- *
- * Props:
- * @param {function} onPress - Callback function called when the tile is pressed.
- * @param {function} onLongPress - Callback function called when the tile is long-pressed.
- * @param {number} activeOpacity - The opacity of the tile when it is pressed. Default is 0.7.
- * @param {React.ReactNode} children - The content to render inside the tile.
- *
- * Usage:
- *
- * <Tile onPress={handlePress} onLongPress={handleLongPress}>
- *   <Text>Tile Content</Text>
- * </Tile>
- */const Tile = ({
-  onPress,
-  onLongPress,
-  activeOpacity = 0.7,
-  children
-}) => {
-  // Get the size of the tile from the sortable config context
-  const {
-    SIZE
-  } = (0, _Config.useSortableConfig)();
-
-  // Define the style for the tile, ensuring that its size is consistent across the grid
-  const containerStyle = {
-    width: SIZE,
-    height: SIZE
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-    style: containerStyle,
-    onPress: onPress,
-    onLongPress: onLongPress,
-    activeOpacity: activeOpacity // Control the opacity when the tile is pressed
-    ,
-    children: children
-  });
-};
-var _default = exports.default = Tile;
-//# sourceMappingURL=Tile.js.map

package/lib/commonjs/Tile.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Config","_jsxRuntime","e","__esModule","default","Tile","onPress","onLongPress","activeOpacity","children","SIZE","useSortableConfig","containerStyle","width","height","jsx","TouchableOpacity","style","_default","exports"],"sourceRoot":"../../src","sources":["Tile.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA6C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAEA,MAAMG,IAAI,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,aAAa,GAAG,GAAG;EAAEC;AAAS,CAAC,KAAK;EACxE;EACA,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,yBAAiB,EAAC,CAAC;;EAEpC;EACA,MAAMC,cAAc,GAAG;IACrBC,KAAK,EAAEH,IAAI;IACXI,MAAM,EAAEJ;EACV,CAAC;EAED,oBACE,IAAAT,WAAA,CAAAc,GAAA,EAAChB,YAAA,CAAAiB,gBAAgB;IACfC,KAAK,EAAEL,cAAe;IACtBN,OAAO,EAAEA,OAAQ;IACjBC,WAAW,EAAEA,WAAY;IACzBC,aAAa,EAAEA,aAAc,CAAC;IAAA;IAAAC,QAAA,EAE7BA;EAAQ,CACO,CAAC;AAEvB,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,IAAI","ignoreList":[]}

package/lib/module/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","Dimensions","StyleSheet","Animated","useAnimatedGestureHandler","useAnimatedStyle","useAnimatedReaction","withSpring","scrollTo","withTiming","useSharedValue","runOnJS","PanGestureHandler","useSafeAreaInsets","animationConfig","getOrder","getPosition","useSortableConfig","jsx","_jsx","Item","children","positions","id","onDragEnd","scrollView","scrollY","editing","draggable","tiles","inset","containerHeight","get","height","top","bottom","COL","SIZE","contentHeight","Object","keys","value","length","isGestureActive","position","translateX","x","translateY","y","newOrder","pos","onGestureEvent","onStart","_","ctx","onActive","translationX","translationY","oldOrder","idToSwap","find","key","targetItem","tile","Number","reorderable","newPositions","lowerBound","upperBound","maxScroll","leftToScrollDown","diff","Math","min","onEnd","newPosition","style","zIndex","scale","left","width","transform","View","enabled","absoluteFill"],"sourceRoot":"../../src","sources":["Item.js"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,OAAOC,QAAQ,IACbC,yBAAyB,EACzBC,gBAAgB,EAChBC,mBAAmB,EACnBC,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,cAAc,EACdC,OAAO,QACF,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,8BAA8B;AAChE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,eAAe,EAAEC,QAAQ,EAAEC,WAAW,QAAQ,aAAU;AACjE,SAASC,iBAAiB,QAAQ,aAAU;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAhBA,SAAAC,GAAA,IAAAC,IAAA;AAkBA,MAAMC,IAAI,GAAGA,CAAC;EACZC,QAAQ;EACRC,SAAS;EACTC,EAAE;EACFC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,OAAO;EACPC,SAAS,GAAG,IAAI;EAChBC;AACF,CAAC,KAAK;EACJ;EACA,MAAMC,KAAK,GAAGjB,iBAAiB,CAAC,CAAC;EACjC,MAAMkB,eAAe,GACnB9B,UAAU,CAAC+B,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM,GAAGH,KAAK,CAACI,GAAG,GAAGJ,KAAK,CAACK,MAAM;;EAE5D;EACA,MAAM;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGpB,iBAAiB,CAAC,CAAC;;EAEzC;EACA,MAAMqB,aAAa,GAAIC,MAAM,CAACC,IAAI,CAAClB,SAAS,CAACmB,KAAK,CAAC,CAACC,MAAM,GAAGN,GAAG,GAAIC,IAAI;EACxE,MAAMM,eAAe,GAAGjC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;;EAE/C;EACA,MAAMkC,QAAQ,GAAG5B,WAAW,CAACM,SAAS,CAACmB,KAAK,CAAClB,EAAE,CAAC,EAAEa,GAAG,EAAEC,IAAI,CAAC;EAC5D,MAAMQ,UAAU,GAAGnC,cAAc,CAACkC,QAAQ,CAACE,CAAC,CAAC;EAC7C,MAAMC,UAAU,GAAGrC,cAAc,CAACkC,QAAQ,CAACI,CAAC,CAAC;;EAE7C;EACAhD,SAAS,CAAC,MAAM;IACd,IAAI,CAAC2B,OAAO,EAAE;MACZgB,eAAe,CAACF,KAAK,GAAG,KAAK;IAC/B;EACF,CAAC,EAAE,CAACd,OAAO,EAAEgB,eAAe,CAAC,CAAC;;EAE9B;EACArC,mBAAmB,CACjB,MAAMgB,SAAS,CAACmB,KAAK,CAAClB,EAAE,CAAC;EAAE;EAC1B0B,QAAQ,IAAK;IACZ,IAAI,CAACN,eAAe,CAACF,KAAK,EAAE;MAC1B,MAAMS,GAAG,GAAGlC,WAAW,CAACiC,QAAQ,EAAEb,GAAG,EAAEC,IAAI,CAAC;MAC5CQ,UAAU,CAACJ,KAAK,GAAGhC,UAAU,CAACyC,GAAG,CAACJ,CAAC,EAAEhC,eAAe,CAAC;MACrDiC,UAAU,CAACN,KAAK,GAAGhC,UAAU,CAACyC,GAAG,CAACF,CAAC,EAAElC,eAAe,CAAC;IACvD;EACF,CACF,CAAC;;EAED;EACA,MAAMqC,cAAc,GAAG/C,yBAAyB,CAAC;IAC/CgD,OAAO,EAAEA,CAACC,CAAC,EAAEC,GAAG,KAAK;MACnB,IAAI3B,OAAO,IAAIC,SAAS,EAAE;QACxB;QACA0B,GAAG,CAACR,CAAC,GAAGD,UAAU,CAACJ,KAAK;QACxBa,GAAG,CAACN,CAAC,GAAGD,UAAU,CAACN,KAAK;QACxBE,eAAe,CAACF,KAAK,GAAG,KAAK,CAAC,CAAC;MACjC;IACF,CAAC;IACDc,QAAQ,EAAEA,CAAC;MAAEC,YAAY;MAAEC;IAAa,CAAC,EAAEH,GAAG,KAAK;MACjD,IAAI3B,OAAO,IAAIC,SAAS,EAAE;QACxB;QACAiB,UAAU,CAACJ,KAAK,GAAGa,GAAG,CAACR,CAAC,GAAGU,YAAY;QACvCT,UAAU,CAACN,KAAK,GAAGa,GAAG,CAACN,CAAC,GAAGS,YAAY;;QAEvC;QACA,MAAMR,QAAQ,GAAGlC,QAAQ,CACvB8B,UAAU,CAACJ,KAAK,EAChBM,UAAU,CAACN,KAAK,EAChBF,MAAM,CAACC,IAAI,CAAClB,SAAS,CAACmB,KAAK,CAAC,CAACC,MAAM,GAAG,CAAC,EACvCN,GAAG,EACHC,IACF,CAAC;QAED,MAAMqB,QAAQ,GAAGpC,SAAS,CAACmB,KAAK,CAAClB,EAAE,CAAC;QACpC,IAAI0B,QAAQ,KAAKS,QAAQ,EAAE;UACzB;UACA,MAAMC,QAAQ,GAAGpB,MAAM,CAACC,IAAI,CAAClB,SAAS,CAACmB,KAAK,CAAC,CAACmB,IAAI,CAC/CC,GAAG,IAAKvC,SAAS,CAACmB,KAAK,CAACoB,GAAG,CAAC,KAAKZ,QACpC,CAAC;;UAED;UACA,MAAMa,UAAU,GAAGjC,KAAK,CAAC+B,IAAI,CAAEG,IAAI,IAAKA,IAAI,CAACxC,EAAE,KAAKyC,MAAM,CAACL,QAAQ,CAAC,CAAC;UACrE,IAAIA,QAAQ,IAAIG,UAAU,EAAEG,WAAW,KAAK,KAAK,EAAE;YACjD,MAAMC,YAAY,GAAG;cAAE,GAAG5C,SAAS,CAACmB;YAAM,CAAC;YAC3CyB,YAAY,CAAC3C,EAAE,CAAC,GAAG0B,QAAQ;YAC3BiB,YAAY,CAACP,QAAQ,CAAC,GAAGD,QAAQ;YACjCpC,SAAS,CAACmB,KAAK,GAAGyB,YAAY;UAChC;QACF;;QAEA;QACA,MAAMC,UAAU,GAAGzC,OAAO,CAACe,KAAK;QAChC,MAAM2B,UAAU,GAAGD,UAAU,GAAGpC,eAAe,GAAGM,IAAI;QACtD,MAAMgC,SAAS,GAAG/B,aAAa,GAAGP,eAAe;QACjD,MAAMuC,gBAAgB,GAAGD,SAAS,GAAG3C,OAAO,CAACe,KAAK;;QAElD;QACA,IAAIM,UAAU,CAACN,KAAK,GAAG0B,UAAU,EAAE;UACjC,MAAMI,IAAI,GAAGC,IAAI,CAACC,GAAG,CAACN,UAAU,GAAGpB,UAAU,CAACN,KAAK,EAAE0B,UAAU,CAAC;UAChEzC,OAAO,CAACe,KAAK,IAAI8B,IAAI;UACrB/D,QAAQ,CAACiB,UAAU,EAAE,CAAC,EAAEC,OAAO,CAACe,KAAK,EAAE,KAAK,CAAC;UAC7Ca,GAAG,CAACN,CAAC,IAAIuB,IAAI;UACbxB,UAAU,CAACN,KAAK,GAAGa,GAAG,CAACN,CAAC,GAAGS,YAAY;QACzC;QACA;QACA,IAAIV,UAAU,CAACN,KAAK,GAAG2B,UAAU,EAAE;UACjC,MAAMG,IAAI,GAAGC,IAAI,CAACC,GAAG,CACnB1B,UAAU,CAACN,KAAK,GAAG2B,UAAU,EAC7BE,gBACF,CAAC;UACD5C,OAAO,CAACe,KAAK,IAAI8B,IAAI;UACrB/D,QAAQ,CAACiB,UAAU,EAAE,CAAC,EAAEC,OAAO,CAACe,KAAK,EAAE,KAAK,CAAC;UAC7Ca,GAAG,CAACN,CAAC,IAAIuB,IAAI;UACbxB,UAAU,CAACN,KAAK,GAAGa,GAAG,CAACN,CAAC,GAAGS,YAAY;QACzC;MACF;IACF,CAAC;IACDiB,KAAK,EAAEA,CAAA,KAAM;MACX,IAAI9C,SAAS,EAAE;QACb;QACA,MAAM+C,WAAW,GAAG3D,WAAW,CAACM,SAAS,CAACmB,KAAK,CAAClB,EAAE,CAAC,EAAEa,GAAG,EAAEC,IAAI,CAAC;QAC/DQ,UAAU,CAACJ,KAAK,GAAGhC,UAAU,CAACkE,WAAW,CAAC7B,CAAC,EAAEhC,eAAe,EAAE,MAAM;UAClE6B,eAAe,CAACF,KAAK,GAAG,KAAK,CAAC,CAAC;UAC/B9B,OAAO,CAACa,SAAS,CAAC,CAACF,SAAS,CAACmB,KAAK,CAAC,CAAC,CAAC;QACvC,CAAC,CAAC;QACFM,UAAU,CAACN,KAAK,GAAGhC,UAAU,CAACkE,WAAW,CAAC3B,CAAC,EAAElC,eAAe,CAAC;MAC/D;IACF;EACF,CAAC,CAAC;;EAEF;EACA,MAAM8D,KAAK,GAAGvE,gBAAgB,CAAC,MAAM;IACnC,MAAMwE,MAAM,GAAGlC,eAAe,CAACF,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;IAChD,MAAMqC,KAAK,GACTnD,OAAO,IAAIgB,eAAe,CAACF,KAAK,GAAGlC,UAAU,CAAC,IAAI,CAAC,GAAGA,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACvE,OAAO;MACLqC,QAAQ,EAAE,UAAU;MACpBV,GAAG,EAAE,CAAC;MACN6C,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE3C,IAAI;MACXJ,MAAM,EAAEI,IAAI;MACZwC,MAAM;MACNI,SAAS,EAAE,CACT;QAAEpC,UAAU,EAAEA,UAAU,CAACJ;MAAM,CAAC,EAChC;QAAEM,UAAU,EAAEA,UAAU,CAACN;MAAM,CAAC,EAChC;QAAEqC;MAAM,CAAC;IAEb,CAAC;EACH,CAAC,CAAC;EAEF,oBACE3D,IAAA,CAAChB,QAAQ,CAAC+E,IAAI;IAACN,KAAK,EAAEA,KAAM;IAAAvD,QAAA,eAC1BF,IAAA,CAACP,iBAAiB;MAACuE,OAAO,EAAExD,OAAQ;MAACwB,cAAc,EAAEA,cAAe;MAAA9B,QAAA,eAClEF,IAAA,CAAChB,QAAQ,CAAC+E,IAAI;QAACN,KAAK,EAAE1E,UAAU,CAACkF,YAAa;QAAA/D,QAAA,EAC3CA;MAAQ,CACI;IAAC,CACC;EAAC,CACP,CAAC;AAEpB,CAAC;AAED,eAAeD,IAAI","ignoreList":[]}

package/lib/module/SortableList.js

@@ -1,86 +0,0 @@
-"use strict";
-
-import React, { memo } from 'react';
-import Animated, { useAnimatedRef, useAnimatedScrollHandler, useSharedValue } from 'react-native-reanimated';
-import Item from "./Item.js";
-import { useSortableConfig } from "./Config.js";
-
-/**
- * SortableList Component
- *
- * This component renders a scrollable list of items that can be reordered using drag-and-drop gestures.
- * It manages the overall layout of the items and provides the necessary props to each child `Item` component
- * to enable dragging, scrolling, and reordering functionality.
- *
- * Props:
- * @param {React.ReactNode[]} children - The list of items to render inside the sortable list.
- * @param {boolean} editing - Whether the list is in editing mode, enabling drag-and-drop.
- * @param {Array} tiles - Array of tile data to manage the reordering state.
- * @param {function} onDragEnd - Callback function called with the updated positions when the drag ends.
- *
- * Usage:
- *
- * <SortableList editing={isEditing} tiles={tiles} onDragEnd={handleDragEnd}>
- *   {tiles.map((tile) => (
- *     <YourTileComponent key={tile.id} id={tile.id} />
- *   ))}
- * </SortableList>
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const SortableList = ({
-  children,
-  editing,
-  tiles,
-  onDragEnd
-}) => {
-  // Get the configuration for columns and size from context
-  const {
-    COL,
-    SIZE
-  } = useSortableConfig();
-
-  // Shared values to track scrolling and item positions
-  const scrollY = useSharedValue(0); // Current scroll position
-  const scrollView = useAnimatedRef(); // Reference to the scroll view
-  const positions = useSharedValue(children.reduce((acc, child, index) => ({
-    ...acc,
-    [child.props.id]: index
-  }), {}));
-
-  // Scroll event handler to update scrollY shared value
-  const onScroll = useAnimatedScrollHandler({
-    onScroll: ({
-      contentOffset: {
-        y
-      }
-    }) => {
-      scrollY.value = y;
-    }
-  });
-  return /*#__PURE__*/_jsx(Animated.ScrollView, {
-    onScroll: onScroll,
-    ref: scrollView,
-    contentContainerStyle: {
-      // Calculate the total height needed for the scroll view content
-      height: Math.ceil(children.length / COL) * SIZE
-    },
-    showsVerticalScrollIndicator: false,
-    bounces: false,
-    scrollEventThrottle: 16 // Control scroll event frequency
-    ,
-    children: children.map(child => /*#__PURE__*/_jsx(Item, {
-      id: child.props.id,
-      positions: positions,
-      editing: editing,
-      draggable: child.props.draggable,
-      reorderable: child.props.reorderable,
-      tiles: tiles,
-      onDragEnd: onDragEnd,
-      scrollView: scrollView,
-      scrollY: scrollY,
-      children: child
-    }, child.props.id))
-  });
-};
-export default /*#__PURE__*/memo(SortableList);
-//# sourceMappingURL=SortableList.js.map

package/lib/module/SortableList.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","memo","Animated","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","Item","useSortableConfig","jsx","_jsx","SortableList","children","editing","tiles","onDragEnd","COL","SIZE","scrollY","scrollView","positions","reduce","acc","child","index","props","id","onScroll","contentOffset","y","value","ScrollView","ref","contentContainerStyle","height","Math","ceil","length","showsVerticalScrollIndicator","bounces","scrollEventThrottle","map","draggable","reorderable"],"sourceRoot":"../../src","sources":["SortableList.js"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,QAAQ,IACbC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;AAChC,OAAOC,IAAI,MAAM,WAAQ;AACzB,SAASC,iBAAiB,QAAQ,aAAU;;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AApBA,SAAAC,GAAA,IAAAC,IAAA;AAsBA,MAAMC,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAU,CAAC,KAAK;EAChE;EACA,MAAM;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGT,iBAAiB,CAAC,CAAC;;EAEzC;EACA,MAAMU,OAAO,GAAGZ,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMa,UAAU,GAAGf,cAAc,CAAC,CAAC,CAAC,CAAC;EACrC,MAAMgB,SAAS,GAAGd,cAAc,CAC9BM,QAAQ,CAACS,MAAM,CACb,CAACC,GAAG,EAAEC,KAAK,EAAEC,KAAK,MAAM;IAAE,GAAGF,GAAG;IAAE,CAACC,KAAK,CAACE,KAAK,CAACC,EAAE,GAAGF;EAAM,CAAC,CAAC,EAC5D,CAAC,CACH,CACF,CAAC;;EAED;EACA,MAAMG,QAAQ,GAAGtB,wBAAwB,CAAC;IACxCsB,QAAQ,EAAEA,CAAC;MAAEC,aAAa,EAAE;QAAEC;MAAE;IAAE,CAAC,KAAK;MACtCX,OAAO,CAACY,KAAK,GAAGD,CAAC;IACnB;EACF,CAAC,CAAC;EAEF,oBACEnB,IAAA,CAACP,QAAQ,CAAC4B,UAAU;IAClBJ,QAAQ,EAAEA,QAAS;IACnBK,GAAG,EAAEb,UAAW;IAChBc,qBAAqB,EAAE;MACrB;MACAC,MAAM,EAAEC,IAAI,CAACC,IAAI,CAACxB,QAAQ,CAACyB,MAAM,GAAGrB,GAAG,CAAC,GAAGC;IAC7C,CAAE;IACFqB,4BAA4B,EAAE,KAAM;IACpCC,OAAO,EAAE,KAAM;IACfC,mBAAmB,EAAE,EAAG,CAAC;IAAA;IAAA5B,QAAA,EAGxBA,QAAQ,CAAC6B,GAAG,CAAElB,KAAK,iBAClBb,IAAA,CAACH,IAAI;MAEHmB,EAAE,EAAEH,KAAK,CAACE,KAAK,CAACC,EAAG;MACnBN,SAAS,EAAEA,SAAU;MACrBP,OAAO,EAAEA,OAAQ;MACjB6B,SAAS,EAAEnB,KAAK,CAACE,KAAK,CAACiB,SAAU;MACjCC,WAAW,EAAEpB,KAAK,CAACE,KAAK,CAACkB,WAAY;MACrC7B,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAU;MACrBI,UAAU,EAAEA,UAAW;MACvBD,OAAO,EAAEA,OAAQ;MAAAN,QAAA,EAEhBW;IAAK,GAXDA,KAAK,CAACE,KAAK,CAACC,EAYb,CACP;EAAC,CACiB,CAAC;AAE1B,CAAC;AAED,4BAAexB,IAAI,CAACS,YAAY,CAAC","ignoreList":[]}