react-native-sortable-dynamic 0.2.2 → 0.3.0
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 +1 -1
- 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.0",
|
|
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",
|
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"}
|