react-native-sortable-dynamic 0.2.2 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/SortableContainer.js +3 -0
- package/lib/commonjs/SortableContainer.js.map +1 -1
- package/lib/commonjs/SortableView.js +5 -2
- package/lib/commonjs/SortableView.js.map +1 -1
- package/lib/module/SortableContainer.js +3 -0
- package/lib/module/SortableContainer.js.map +1 -1
- package/lib/module/SortableView.js +5 -2
- package/lib/module/SortableView.js.map +1 -1
- package/package.json +3 -3
- package/src/SortableContainer.js +3 -0
- package/src/SortableView.js +3 -0
- package/lib/typescript/commonjs/package.json +0 -1
- package/lib/typescript/module/package.json +0 -1
|
@@ -31,6 +31,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
31
31
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
32
32
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
33
33
|
* @param {...object} itemProps - Additional props to be passed to each SortableItem.
|
|
34
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
34
35
|
*
|
|
35
36
|
* Usage:
|
|
36
37
|
* <SortableContainer
|
|
@@ -52,6 +53,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
52
53
|
scrollContainerStyle,
|
|
53
54
|
scrollContentContainerStyle,
|
|
54
55
|
itemStyle,
|
|
56
|
+
scrollViewProps,
|
|
55
57
|
...itemProps
|
|
56
58
|
}) => {
|
|
57
59
|
// Get the configuration for columns and size from context
|
|
@@ -89,6 +91,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
|
|
|
89
91
|
bounces: false,
|
|
90
92
|
scrollEventThrottle: 16,
|
|
91
93
|
style: scrollContainerStyle,
|
|
94
|
+
...scrollViewProps,
|
|
92
95
|
children: data.map((item, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SortableItemWrapper.default, {
|
|
93
96
|
id: item.id.toString(),
|
|
94
97
|
positions: positions,
|
|
@@ -1 +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","scrollContainerStyle","scrollContentContainerStyle","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","style","children","map","toString","draggable","reorderable","_default","exports","memo"],"sourceRoot":"../../src","sources":["SortableContainer.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAKA,IAAAE,oBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,aAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA6C,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAG,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,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,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAE7C;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,MAAMW,iBAAiB,GAAGA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,oBAAoB;EACpBC,2BAA2B;EAC3BC,SAAS;
|
|
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","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":[]}
|
|
@@ -28,6 +28,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
28
28
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
29
29
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
30
30
|
* @param {object} itemProps - Additional props to be passed to each SortableItem.
|
|
31
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
31
32
|
*
|
|
32
33
|
* Usage:
|
|
33
34
|
* <SortableView
|
|
@@ -52,7 +53,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
52
53
|
scrollContainerStyle,
|
|
53
54
|
scrollContentContainerStyle,
|
|
54
55
|
itemStyle,
|
|
55
|
-
itemProps
|
|
56
|
+
itemProps,
|
|
57
|
+
scrollViewProps = {}
|
|
56
58
|
}) => {
|
|
57
59
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Config.default, {
|
|
58
60
|
config: config,
|
|
@@ -68,7 +70,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
68
70
|
scrollContainerStyle: scrollContainerStyle,
|
|
69
71
|
scrollContentContainerStyle: scrollContentContainerStyle,
|
|
70
72
|
style: itemStyle,
|
|
71
|
-
...itemProps
|
|
73
|
+
...itemProps,
|
|
74
|
+
scrollViewProps: scrollViewProps
|
|
72
75
|
})
|
|
73
76
|
});
|
|
74
77
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Config","_SortableContainer","_jsxRuntime","e","__esModule","default","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","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;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;
|
|
1
|
+
{"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":[]}
|
|
@@ -24,6 +24,7 @@ import { useSortableConfig } from "./Config.js";
|
|
|
24
24
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
25
25
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
26
26
|
* @param {...object} itemProps - Additional props to be passed to each SortableItem.
|
|
27
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
27
28
|
*
|
|
28
29
|
* Usage:
|
|
29
30
|
* <SortableContainer
|
|
@@ -47,6 +48,7 @@ const SortableContainer = ({
|
|
|
47
48
|
scrollContainerStyle,
|
|
48
49
|
scrollContentContainerStyle,
|
|
49
50
|
itemStyle,
|
|
51
|
+
scrollViewProps,
|
|
50
52
|
...itemProps
|
|
51
53
|
}) => {
|
|
52
54
|
// Get the configuration for columns and size from context
|
|
@@ -84,6 +86,7 @@ const SortableContainer = ({
|
|
|
84
86
|
bounces: false,
|
|
85
87
|
scrollEventThrottle: 16,
|
|
86
88
|
style: scrollContainerStyle,
|
|
89
|
+
...scrollViewProps,
|
|
87
90
|
children: data.map((item, index) => /*#__PURE__*/_jsx(SortableItemWrapper, {
|
|
88
91
|
id: item.id.toString(),
|
|
89
92
|
positions: positions,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","memo","Animated","useAnimatedRef","useAnimatedScrollHandler","useSharedValue","SortableItemWrapper","SortableItem","useSortableConfig","jsx","_jsx","SortableContainer","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","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","style","children","map","toString","draggable","reorderable"],"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;AACA;AACA;
|
|
1
|
+
{"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":[]}
|
|
@@ -23,6 +23,7 @@ import SortableContainer from "./SortableContainer.js";
|
|
|
23
23
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
24
24
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
25
25
|
* @param {object} itemProps - Additional props to be passed to each SortableItem.
|
|
26
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
26
27
|
*
|
|
27
28
|
* Usage:
|
|
28
29
|
* <SortableView
|
|
@@ -49,7 +50,8 @@ const SortableView = ({
|
|
|
49
50
|
scrollContainerStyle,
|
|
50
51
|
scrollContentContainerStyle,
|
|
51
52
|
itemStyle,
|
|
52
|
-
itemProps
|
|
53
|
+
itemProps,
|
|
54
|
+
scrollViewProps = {}
|
|
53
55
|
}) => {
|
|
54
56
|
return /*#__PURE__*/_jsx(SortableListProvider, {
|
|
55
57
|
config: config,
|
|
@@ -65,7 +67,8 @@ const SortableView = ({
|
|
|
65
67
|
scrollContainerStyle: scrollContainerStyle,
|
|
66
68
|
scrollContentContainerStyle: scrollContentContainerStyle,
|
|
67
69
|
style: itemStyle,
|
|
68
|
-
...itemProps
|
|
70
|
+
...itemProps,
|
|
71
|
+
scrollViewProps: scrollViewProps
|
|
69
72
|
})
|
|
70
73
|
});
|
|
71
74
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","SortableListProvider","SortableContainer","jsx","_jsx","SortableView","config","data","editing","onDragEnd","renderItem","onPress","onLongPress","scrollContainerStyle","scrollContentContainerStyle","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;AACA;AACA;
|
|
1
|
+
{"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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-sortable-dynamic",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"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.",
|
|
5
5
|
"source": "./src/index.js",
|
|
6
6
|
"main": "./lib/commonjs/index.js",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"react": "18.2.0",
|
|
73
73
|
"react-native": "0.74.5",
|
|
74
74
|
"react-native-builder-bob": "^0.30.2",
|
|
75
|
-
"react-native-gesture-handler": "^2.
|
|
75
|
+
"react-native-gesture-handler": "^2.25.0",
|
|
76
76
|
"react-native-reanimated": "^3.0.0",
|
|
77
77
|
"release-it": "^15.0.0",
|
|
78
78
|
"typescript": "^5.2.2"
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"peerDependencies": {
|
|
84
84
|
"react": "*",
|
|
85
85
|
"react-native": "*",
|
|
86
|
-
"react-native-gesture-handler": "
|
|
86
|
+
"react-native-gesture-handler": "*",
|
|
87
87
|
"react-native-reanimated": "^2.0.0"
|
|
88
88
|
},
|
|
89
89
|
"workspaces": [
|
package/src/SortableContainer.js
CHANGED
|
@@ -26,6 +26,7 @@ import { useSortableConfig } from './Config';
|
|
|
26
26
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
27
27
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
28
28
|
* @param {...object} itemProps - Additional props to be passed to each SortableItem.
|
|
29
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
29
30
|
*
|
|
30
31
|
* Usage:
|
|
31
32
|
* <SortableContainer
|
|
@@ -48,6 +49,7 @@ const SortableContainer = ({
|
|
|
48
49
|
scrollContainerStyle,
|
|
49
50
|
scrollContentContainerStyle,
|
|
50
51
|
itemStyle,
|
|
52
|
+
scrollViewProps,
|
|
51
53
|
...itemProps
|
|
52
54
|
}) => {
|
|
53
55
|
// Get the configuration for columns and size from context
|
|
@@ -82,6 +84,7 @@ const SortableContainer = ({
|
|
|
82
84
|
bounces={false}
|
|
83
85
|
scrollEventThrottle={16}
|
|
84
86
|
style={scrollContainerStyle}
|
|
87
|
+
{...scrollViewProps}
|
|
85
88
|
>
|
|
86
89
|
{/* Render each item using the SortableItemWrapper and SortableItem components */}
|
|
87
90
|
{data.map((item, index) => (
|
package/src/SortableView.js
CHANGED
|
@@ -21,6 +21,7 @@ import SortableContainer from './SortableContainer';
|
|
|
21
21
|
* @param {object} scrollContentContainerStyle - Custom style to apply to the scroll content container.
|
|
22
22
|
* @param {object} itemStyle - Custom style to apply to each SortableItem.
|
|
23
23
|
* @param {object} itemProps - Additional props to be passed to each SortableItem.
|
|
24
|
+
* @param {object} scrollViewProps - Additional props to be passed to the ScrollView component.
|
|
24
25
|
*
|
|
25
26
|
* Usage:
|
|
26
27
|
* <SortableView
|
|
@@ -47,6 +48,7 @@ const SortableView = ({
|
|
|
47
48
|
scrollContentContainerStyle,
|
|
48
49
|
itemStyle,
|
|
49
50
|
itemProps,
|
|
51
|
+
scrollViewProps = {},
|
|
50
52
|
}) => {
|
|
51
53
|
return (
|
|
52
54
|
<SortableListProvider config={config}>
|
|
@@ -63,6 +65,7 @@ const SortableView = ({
|
|
|
63
65
|
scrollContentContainerStyle={scrollContentContainerStyle}
|
|
64
66
|
style={itemStyle}
|
|
65
67
|
{...itemProps}
|
|
68
|
+
scrollViewProps={scrollViewProps}
|
|
66
69
|
/>
|
|
67
70
|
</SortableListProvider>
|
|
68
71
|
);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"type":"commonjs"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"type":"module"}
|