react-native-sortable-dynamic 0.2.1 → 0.3.0

package/README.md

@@ -161,17 +161,19 @@ export default App;
 
 #### `SortableView`
 
-| Prop          | Type       | Description                                                                                        |
-| ------------- | ---------- | -------------------------------------------------------------------------------------------------- |
-| `config`      | `object`   | Configuration options such as `MARGIN` and `COL`. Use this to dynamically adjust the grid layout.  |
-| `data`        | `array`    | Array of items to be rendered and sorted.                                                          |
-| `editing`     | `boolean`  | If true, allows items to be dragged and reordered.                                                 |
-| `onDragEnd`   | `function` | Callback function that receives updated positions when the drag ends.                              |
-| `renderItem`  | `function` | Function to render each item inside the sortable container. Receives item and index as parameters. |
-| `onPress`     | `function` | Function to handle the press event on a sortable item.                                             |
-| `onLongPress` | `function` | Function to handle the long press event on a sortable item.                                        |
-| `itemStyle`   | `object`   | Custom style to apply to each SortableItem.                                                        |
-| `itemProps`   | `object`   | Additional props to be passed to each SortableItem.                                                |
+| Prop                          | Type       | Description                                                                                        |
+| ----------------------------- | ---------- | -------------------------------------------------------------------------------------------------- |
+| `config`                      | `object`   | Configuration options such as `MARGIN` and `COL`. Use this to dynamically adjust the grid layout.  |
+| `data`                        | `array`    | Array of items to be rendered and sorted.                                                          |
+| `editing`                     | `boolean`  | If true, allows items to be dragged and reordered.                                                 |
+| `onDragEnd`                   | `function` | Callback function that receives updated positions when the drag ends.                              |
+| `renderItem`                  | `function` | Function to render each item inside the sortable container. Receives item and index as parameters. |
+| `onPress`                     | `function` | Function to handle the press event on a sortable item.                                             |
+| `onLongPress`                 | `function` | Function to handle the long press event on a sortable item.                                        |
+| `itemStyle`                   | `object`   | Custom style to apply to each SortableItem.                                                        |
+| `itemProps`                   | `object`   | Additional props to be passed to each SortableItem.                                                |
+| `scrollContainerStyle`        | `object`   | Custom style to apply to the scroll container.                                                     |
+| `scrollContentContainerStyle` | `object`   | Custom style to apply to the scroll content container.                                             |
 
 ### Note
 

package/lib/commonjs/SortableContainer.js

@@ -27,8 +27,11 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {...object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableContainer
@@ -47,7 +50,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
+  scrollViewProps,
   ...itemProps
 }) => {
   // Get the configuration for columns and size from context
@@ -77,14 +83,15 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
     onScroll: onScroll,
     ref: scrollView,
-    contentContainerStyle: {
+    contentContainerStyle: [{
       // Calculate the total height needed for the scroll view content
       height: Math.ceil(data.length / COL) * SIZE
-    },
+    }, scrollContentContainerStyle],
     showsVerticalScrollIndicator: false,
     bounces: false,
-    scrollEventThrottle: 16 // Control scroll event frequency
-    ,
+    scrollEventThrottle: 16,
+    style: scrollContainerStyle,
+    ...scrollViewProps,
     children: data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortableItemWrapper.default, {
       id: item.id.toString(),
       positions: positions,

package/lib/commonjs/SortableContainer.js.map

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

package/lib/commonjs/SortableView.js

@@ -24,8 +24,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableView
@@ -47,8 +50,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
-  itemProps
+  itemProps,
+  scrollViewProps = {}
 }) => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Config.default, {
     config: config,
@@ -61,8 +67,11 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
       renderItem: renderItem,
       onPress: onPress,
       onLongPress: onLongPress,
+      scrollContainerStyle: scrollContainerStyle,
+      scrollContentContainerStyle: scrollContentContainerStyle,
       style: itemStyle,
-      ...itemProps
+      ...itemProps,
+      scrollViewProps: scrollViewProps
     })
   });
 };

package/lib/commonjs/SortableView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Config","_SortableContainer","_jsxRuntime","e","__esModule","default","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","itemStyle","itemProps","jsx","children","positions","style","_default","exports"],"sourceRoot":"../../src","sources":["SortableView.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMG,YAAY,GAAGA,CAAC;EACpBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,oBACE,IAAAb,WAAA,CAAAc,GAAA,EAAChB,OAAA,CAAAK,OAAoB;IAACE,MAAM,EAAEA,MAAO;IAAAU,QAAA,eACnC,IAAAf,WAAA,CAAAc,GAAA,EAACf,kBAAA,CAAAI,OAAiB;MAChBI,OAAO,EAAEA,OAAQ;MACjBD,IAAI,EAAEA,IAAK;MACXE,SAAS,EAAGQ,SAAS,IAAK;QACxBR,SAAS,CAACQ,SAAS,CAAC;MACtB,CAAE;MACFP,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBM,KAAK,EAAEL,SAAU;MAAA,GACbC;IAAS,CACd;EAAC,CACkB,CAAC;AAE3B,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEaC,YAAY","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Config","_SortableContainer","_jsxRuntime","e","__esModule","default","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","itemStyle","itemProps","scrollViewProps","jsx","children","positions","style","_default","exports"],"sourceRoot":"../../src","sources":["SortableView.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,kBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAoD,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GACA,MAAMG,YAAY,GAAGA,CAAC;EACpBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,oBAAoB;EACpBC,2BAA2B;EAC3BC,SAAS;EACTC,SAAS;EACTC,eAAe,GAAG,CAAC;AACrB,CAAC,KAAK;EACJ,oBACE,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,OAAA,CAAAK,OAAoB;IAACE,MAAM,EAAEA,MAAO;IAAAa,QAAA,eACnC,IAAAlB,WAAA,CAAAiB,GAAA,EAAClB,kBAAA,CAAAI,OAAiB;MAChBI,OAAO,EAAEA,OAAQ;MACjBD,IAAI,EAAEA,IAAK;MACXE,SAAS,EAAGW,SAAS,IAAK;QACxBX,SAAS,CAACW,SAAS,CAAC;MACtB,CAAE;MACFV,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,oBAAoB,EAAEA,oBAAqB;MAC3CC,2BAA2B,EAAEA,2BAA4B;MACzDO,KAAK,EAAEN,SAAU;MAAA,GACbC,SAAS;MACbC,eAAe,EAAEA;IAAgB,CAClC;EAAC,CACkB,CAAC;AAE3B,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAEaC,YAAY","ignoreList":[]}

package/lib/module/SortableContainer.js

@@ -20,8 +20,11 @@ import { useSortableConfig } from "./Config.js";
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {...object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableContainer
@@ -42,7 +45,10 @@ const SortableContainer = ({
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
+  scrollViewProps,
   ...itemProps
 }) => {
   // Get the configuration for columns and size from context
@@ -72,14 +78,15 @@ const SortableContainer = ({
   return /*#__PURE__*/_jsx(Animated.ScrollView, {
     onScroll: onScroll,
     ref: scrollView,
-    contentContainerStyle: {
+    contentContainerStyle: [{
       // Calculate the total height needed for the scroll view content
       height: Math.ceil(data.length / COL) * SIZE
-    },
+    }, scrollContentContainerStyle],
     showsVerticalScrollIndicator: false,
     bounces: false,
-    scrollEventThrottle: 16 // Control scroll event frequency
-    ,
+    scrollEventThrottle: 16,
+    style: scrollContainerStyle,
+    ...scrollViewProps,
     children: data.map((item, index) => /*#__PURE__*/_jsx(SortableItemWrapper, {
       id: item.id.toString(),
       positions: positions,

package/lib/module/SortableContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Animated","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","SortableItemWrapper","SortableItem","useSortableConfig","jsx","_jsx","SortableContainer","data","editing","onDragEnd","renderItem","onPress","onLongPress","itemStyle","itemProps","COL","SIZE","scrollY","scrollView","positions","reduce","acc","item","index","id","onScroll","contentOffset","y","value","ScrollView","ref","contentContainerStyle","height","Math","ceil","length","showsVerticalScrollIndicator","bounces","scrollEventThrottle","children","map","toString","draggable","reorderable","style"],"sourceRoot":"../../src","sources":["SortableContainer.js"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,OAAOC,QAAQ,IACbC,cAAc,EACdC,wBAAwB,EACxBC,cAAc,QACT,yBAAyB;AAChC,OAAOC,mBAAmB,MAAM,0BAAuB;AACvD,OAAOC,YAAY,MAAM,mBAAgB;AACzC,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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA3BA,SAAAC,GAAA,IAAAC,IAAA;AA4BA,MAAMC,iBAAiB,GAAGA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,SAAS;EACT,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,MAAM;IAAEC,GAAG;IAAEC;EAAK,CAAC,GAAGb,iBAAiB,CAAC,CAAC;;EAEzC;EACA,MAAMc,OAAO,GAAGjB,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;EACnC,MAAMkB,UAAU,GAAGpB,cAAc,CAAC,CAAC,CAAC,CAAC;EACrC,MAAMqB,SAAS,GAAGnB,cAAc,CAC9BO,IAAI,CAACa,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,EAAEC,KAAK,MAAM;IAAE,GAAGF,GAAG;IAAE,CAACC,IAAI,CAACE,EAAE,GAAGD;EAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CACtE,CAAC;;EAED;EACA,MAAME,QAAQ,GAAG1B,wBAAwB,CAAC;IACxC0B,QAAQ,EAAEA,CAAC;MAAEC,aAAa,EAAE;QAAEC;MAAE;IAAE,CAAC,KAAK;MACtCV,OAAO,CAACW,KAAK,GAAGD,CAAC;IACnB;EACF,CAAC,CAAC;EAEF,oBACEtB,IAAA,CAACR,QAAQ,CAACgC,UAAU;IAClBJ,QAAQ,EAAEA,QAAS;IACnBK,GAAG,EAAEZ,UAAW;IAChBa,qBAAqB,EAAE;MACrB;MACAC,MAAM,EAAEC,IAAI,CAACC,IAAI,CAAC3B,IAAI,CAAC4B,MAAM,GAAGpB,GAAG,CAAC,GAAGC;IACzC,CAAE;IACFoB,4BAA4B,EAAE,KAAM;IACpCC,OAAO,EAAE,KAAM;IACfC,mBAAmB,EAAE,EAAG,CAAC;IAAA;IAAAC,QAAA,EAGxBhC,IAAI,CAACiC,GAAG,CAAC,CAAClB,IAAI,EAAEC,KAAK,kBACpBlB,IAAA,CAACJ,mBAAmB;MAElBuB,EAAE,EAAEF,IAAI,CAACE,EAAE,CAACiB,QAAQ,CAAC,CAAE;MACvBtB,SAAS,EAAEA,SAAU;MACrBX,OAAO,EAAEA,OAAQ;MACjBkC,SAAS,EAAEpB,IAAI,CAACoB,SAAU;MAC1BC,WAAW,EAAErB,IAAI,CAACqB,WAAY;MAC9BpC,IAAI,EAAEA,IAAK;MACXE,SAAS,EAAEA,SAAU;MACrBS,UAAU,EAAEA,UAAW;MACvBD,OAAO,EAAEA,OAAQ;MAAAsB,QAAA,eAGjBlC,IAAA,CAACH,YAAY;QACXsB,EAAE,EAAEF,IAAI,CAACE,EAAE,CAACiB,QAAQ,CAAC,CAAE;QACvBC,SAAS,EAAEpB,IAAI,CAACoB,SAAU;QAC1BC,WAAW,EAAErB,IAAI,CAACqB,WAAY;QAC9BhC,OAAO,EAAEA,CAAA,KAAMA,OAAO,IAAIA,OAAO,CAACW,IAAI,CAAE;QACxCV,WAAW,EAAEA,CAAA,KAAMA,WAAW,IAAIA,WAAW,CAACU,IAAI,CAAE;QACpDsB,KAAK,EAAE/B,SAAU;QAAA,GACbC,SAAS;QAAAyB,QAAA,EAEZ7B,UAAU,CAAC;UAAEY,IAAI,EAAEA,IAAI;UAAEC;QAAM,CAAC;MAAC,CACtB;IAAC,GAtBVD,IAAI,CAACE,EAAE,CAACiB,QAAQ,CAAC,CAuBH,CACtB;EAAC,CACiB,CAAC;AAE1B,CAAC;AAED,4BAAe7C,IAAI,CAACU,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","memo","Animated","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","SortableItemWrapper","SortableItem","useSortableConfig","jsx","_jsx","SortableContainer","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","itemStyle","scrollViewProps","itemProps","COL","SIZE","scrollY","scrollView","positions","reduce","acc","item","index","id","onScroll","contentOffset","y","value","ScrollView","ref","contentContainerStyle","height","Math","ceil","length","showsVerticalScrollIndicator","bounces","scrollEventThrottle","style","children","map","toString","draggable","reorderable"],"sourceRoot":"../../src","sources":["SortableContainer.js"],"mappings":"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","ignoreList":[]}

package/lib/module/SortableView.js

@@ -19,8 +19,11 @@ import SortableContainer from "./SortableContainer.js";
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableView
@@ -44,8 +47,11 @@ const SortableView = ({
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
-  itemProps
+  itemProps,
+  scrollViewProps = {}
 }) => {
   return /*#__PURE__*/_jsx(SortableListProvider, {
     config: config,
@@ -58,8 +64,11 @@ const SortableView = ({
       renderItem: renderItem,
       onPress: onPress,
       onLongPress: onLongPress,
+      scrollContainerStyle: scrollContainerStyle,
+      scrollContentContainerStyle: scrollContentContainerStyle,
       style: itemStyle,
-      ...itemProps
+      ...itemProps,
+      scrollViewProps: scrollViewProps
     })
   });
 };

package/lib/module/SortableView.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","SortableListProvider","SortableContainer","jsx","_jsx","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","itemStyle","itemProps","children","positions","style"],"sourceRoot":"../../src","sources":["SortableView.js"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,aAAU;AAC3C,OAAOC,iBAAiB,MAAM,wBAAqB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AA9BA,SAAAC,GAAA,IAAAC,IAAA;AA+BA,MAAMC,YAAY,GAAGA,CAAC;EACpBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,SAAS;EACTC;AACF,CAAC,KAAK;EACJ,oBACEV,IAAA,CAACH,oBAAoB;IAACK,MAAM,EAAEA,MAAO;IAAAS,QAAA,eACnCX,IAAA,CAACF,iBAAiB;MAChBM,OAAO,EAAEA,OAAQ;MACjBD,IAAI,EAAEA,IAAK;MACXE,SAAS,EAAGO,SAAS,IAAK;QACxBP,SAAS,CAACO,SAAS,CAAC;MACtB,CAAE;MACFN,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBK,KAAK,EAAEJ,SAAU;MAAA,GACbC;IAAS,CACd;EAAC,CACkB,CAAC;AAE3B,CAAC;AAED,eAAeT,YAAY","ignoreList":[]}
+{"version":3,"names":["React","SortableListProvider","SortableContainer","jsx","_jsx","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","itemStyle","itemProps","scrollViewProps","children","positions","style"],"sourceRoot":"../../src","sources":["SortableView.js"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,oBAAoB,MAAM,aAAU;AAC3C,OAAOC,iBAAiB,MAAM,wBAAqB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAjCA,SAAAC,GAAA,IAAAC,IAAA;AAkCA,MAAMC,YAAY,GAAGA,CAAC;EACpBC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,oBAAoB;EACpBC,2BAA2B;EAC3BC,SAAS;EACTC,SAAS;EACTC,eAAe,GAAG,CAAC;AACrB,CAAC,KAAK;EACJ,oBACEb,IAAA,CAACH,oBAAoB;IAACK,MAAM,EAAEA,MAAO;IAAAY,QAAA,eACnCd,IAAA,CAACF,iBAAiB;MAChBM,OAAO,EAAEA,OAAQ;MACjBD,IAAI,EAAEA,IAAK;MACXE,SAAS,EAAGU,SAAS,IAAK;QACxBV,SAAS,CAACU,SAAS,CAAC;MACtB,CAAE;MACFT,UAAU,EAAEA,UAAW;MACvBC,OAAO,EAAEA,OAAQ;MACjBC,WAAW,EAAEA,WAAY;MACzBC,oBAAoB,EAAEA,oBAAqB;MAC3CC,2BAA2B,EAAEA,2BAA4B;MACzDM,KAAK,EAAEL,SAAU;MAAA,GACbC,SAAS;MACbC,eAAe,EAAEA;IAAgB,CAClC;EAAC,CACkB,CAAC;AAE3B,CAAC;AAED,eAAeZ,YAAY","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-sortable-dynamic",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "This package provides a highly customizable, animated, and performant sortable grid list component for React Native. It allows users to easily reorder grid items through drag-and-drop gestures, with smooth animations powered by react-native-reanimated and gesture handling by react-native-gesture-handler.",
   "source": "./src/index.js",
   "main": "./lib/commonjs/index.js",

package/src/SortableContainer.js

@@ -22,8 +22,11 @@ import { useSortableConfig } from './Config';
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {...object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableContainer
@@ -43,7 +46,10 @@ const SortableContainer = ({
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
+  scrollViewProps,
   ...itemProps
 }) => {
   // Get the configuration for columns and size from context
@@ -67,13 +73,18 @@ const SortableContainer = ({
     <Animated.ScrollView
       onScroll={onScroll}
       ref={scrollView}
-      contentContainerStyle={{
-        // Calculate the total height needed for the scroll view content
-        height: Math.ceil(data.length / COL) * SIZE,
-      }}
+      contentContainerStyle={[
+        {
+          // Calculate the total height needed for the scroll view content
+          height: Math.ceil(data.length / COL) * SIZE,
+        },
+        scrollContentContainerStyle,
+      ]}
       showsVerticalScrollIndicator={false}
       bounces={false}
-      scrollEventThrottle={16} // Control scroll event frequency
+      scrollEventThrottle={16}
+      style={scrollContainerStyle}
+      {...scrollViewProps}
     >
       {/* Render each item using the SortableItemWrapper and SortableItem components */}
       {data.map((item, index) => (

package/src/SortableView.js

@@ -17,8 +17,11 @@ import SortableContainer from './SortableContainer';
  * @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} scrollContainerStyle - Custom style to apply to the scroll container.
+ * @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
  * @param {object} itemStyle - Custom style to apply to each SortableItem.
  * @param {object} itemProps - Additional props to be passed to each SortableItem.
+ * @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
  *
  * Usage:
  * <SortableView
@@ -41,8 +44,11 @@ const SortableView = ({
   renderItem,
   onPress,
   onLongPress,
+  scrollContainerStyle,
+  scrollContentContainerStyle,
   itemStyle,
   itemProps,
+  scrollViewProps = {},
 }) => {
   return (
     <SortableListProvider config={config}>
@@ -55,8 +61,11 @@ const SortableView = ({
         renderItem={renderItem}
         onPress={onPress}
         onLongPress={onLongPress}
+        scrollContainerStyle={scrollContainerStyle}
+        scrollContentContainerStyle={scrollContentContainerStyle}
         style={itemStyle}
         {...itemProps}
+        scrollViewProps={scrollViewProps}
       />
     </SortableListProvider>
   );

package/lib/typescript/commonjs/package.json

@@ -1 +0,0 @@
-{"type":"commonjs"}

package/lib/typescript/module/package.json

@@ -1 +0,0 @@
-{"type":"module"}