react-native-reorderable-list 0.7.1 → 0.9.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/README.md +131 -47
- package/lib/commonjs/components/ReorderableList.js +11 -13
- package/lib/commonjs/components/ReorderableList.js.map +1 -1
- package/lib/commonjs/components/ReorderableListCell.js +44 -31
- package/lib/commonjs/components/ReorderableListCell.js.map +1 -1
- package/lib/commonjs/components/ReorderableListCore/ReorderableListCore.js +18 -17
- package/lib/commonjs/components/ReorderableListCore/ReorderableListCore.js.map +1 -1
- package/lib/commonjs/components/ReorderableListCore/animationDefaults.js +34 -0
- package/lib/commonjs/components/ReorderableListCore/animationDefaults.js.map +1 -0
- package/lib/commonjs/components/ReorderableListCore/{constants.js → autoscrollConfig.js} +1 -1
- package/lib/commonjs/components/ReorderableListCore/autoscrollConfig.js.map +1 -0
- package/lib/commonjs/components/ReorderableListCore/useReorderableListCore.js +82 -33
- package/lib/commonjs/components/ReorderableListCore/useReorderableListCore.js.map +1 -1
- package/lib/commonjs/components/ScrollViewContainer.js +2 -2
- package/lib/commonjs/components/ScrollViewContainer.js.map +1 -1
- package/lib/commonjs/components/index.js +0 -11
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/contexts/ReorderableCellContext.js.map +1 -1
- package/lib/commonjs/contexts/ReorderableListContext.js.map +1 -1
- package/lib/commonjs/hooks/index.js +11 -0
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/useIsActive.js +16 -0
- package/lib/commonjs/hooks/useIsActive.js.map +1 -0
- package/lib/commonjs/index.js +6 -6
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/types/misc.js +3 -3
- package/lib/module/components/ReorderableList.js +11 -13
- package/lib/module/components/ReorderableList.js.map +1 -1
- package/lib/module/components/ReorderableListCell.js +45 -32
- package/lib/module/components/ReorderableListCell.js.map +1 -1
- package/lib/module/components/ReorderableListCore/ReorderableListCore.js +17 -15
- package/lib/module/components/ReorderableListCore/ReorderableListCore.js.map +1 -1
- package/lib/module/components/ReorderableListCore/animationDefaults.js +28 -0
- package/lib/module/components/ReorderableListCore/animationDefaults.js.map +1 -0
- package/lib/module/components/ReorderableListCore/{constants.js → autoscrollConfig.js} +1 -1
- package/lib/module/components/ReorderableListCore/autoscrollConfig.js.map +1 -0
- package/lib/module/components/ReorderableListCore/useReorderableListCore.js +82 -33
- package/lib/module/components/ReorderableListCore/useReorderableListCore.js.map +1 -1
- package/lib/module/components/ScrollViewContainer.js +3 -3
- package/lib/module/components/ScrollViewContainer.js.map +1 -1
- package/lib/module/components/index.js +0 -1
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/contexts/ReorderableCellContext.js.map +1 -1
- package/lib/module/contexts/ReorderableListContext.js.map +1 -1
- package/lib/module/hooks/index.js +1 -0
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useIsActive.js +9 -0
- package/lib/module/hooks/useIsActive.js.map +1 -0
- package/lib/module/index.js +3 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/types/misc.js +3 -3
- package/lib/typescript/components/ReorderableList.d.ts.map +1 -1
- package/lib/typescript/components/ReorderableListCell.d.ts +1 -1
- package/lib/typescript/components/ReorderableListCell.d.ts.map +1 -1
- package/lib/typescript/components/ReorderableListCore/ReorderableListCore.d.ts.map +1 -1
- package/lib/typescript/components/ReorderableListCore/animationDefaults.d.ts +13 -0
- package/lib/typescript/components/ReorderableListCore/animationDefaults.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableListCore/{constants.d.ts → autoscrollConfig.d.ts} +1 -1
- package/lib/typescript/components/ReorderableListCore/autoscrollConfig.d.ts.map +1 -0
- package/lib/typescript/components/ReorderableListCore/useReorderableListCore.d.ts +11 -4
- package/lib/typescript/components/ReorderableListCore/useReorderableListCore.d.ts.map +1 -1
- package/lib/typescript/components/ScrollViewContainer.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +0 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/contexts/ReorderableCellContext.d.ts +1 -0
- package/lib/typescript/contexts/ReorderableCellContext.d.ts.map +1 -1
- package/lib/typescript/contexts/ReorderableListContext.d.ts +3 -0
- package/lib/typescript/contexts/ReorderableListContext.d.ts.map +1 -1
- package/lib/typescript/hooks/index.d.ts +1 -0
- package/lib/typescript/hooks/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useIsActive.d.ts +2 -0
- package/lib/typescript/hooks/useIsActive.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +4 -4
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/types/misc.d.ts +3 -3
- package/lib/typescript/types/misc.d.ts.map +1 -1
- package/lib/typescript/types/props.d.ts +31 -31
- package/lib/typescript/types/props.d.ts.map +1 -1
- package/package.json +5 -5
- package/src/components/ReorderableList.tsx +14 -16
- package/src/components/ReorderableListCell.tsx +38 -33
- package/src/components/ReorderableListCore/ReorderableListCore.tsx +22 -13
- package/src/components/ReorderableListCore/animationDefaults.ts +35 -0
- package/src/components/ReorderableListCore/useReorderableListCore.ts +117 -40
- package/src/components/ScrollViewContainer.tsx +7 -3
- package/src/components/index.ts +0 -1
- package/src/contexts/ReorderableCellContext.ts +1 -0
- package/src/contexts/ReorderableListContext.ts +3 -0
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useIsActive.ts +7 -0
- package/src/index.ts +6 -6
- package/src/types/misc.ts +3 -3
- package/src/types/props.ts +32 -37
- package/lib/commonjs/components/ReorderableListCore/constants.js.map +0 -1
- package/lib/commonjs/components/ReorderableListItem.js +0 -87
- package/lib/commonjs/components/ReorderableListItem.js.map +0 -1
- package/lib/module/components/ReorderableListCore/constants.js.map +0 -1
- package/lib/module/components/ReorderableListItem.js +0 -78
- package/lib/module/components/ReorderableListItem.js.map +0 -1
- package/lib/typescript/components/ReorderableListCore/constants.d.ts.map +0 -1
- package/lib/typescript/components/ReorderableListItem.d.ts +0 -4
- package/lib/typescript/components/ReorderableListItem.d.ts.map +0 -1
- package/src/components/ReorderableListItem.tsx +0 -108
- /package/src/components/ReorderableListCore/{constants.ts → autoscrollConfig.ts} +0 -0
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ReorderableListItem = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
|
-
var _hooks = require("../hooks");
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
-
const scaleDefaultConfig = {
|
|
14
|
-
enabled: true,
|
|
15
|
-
valueEnd: 1,
|
|
16
|
-
valueStart: 1.025,
|
|
17
|
-
easingStart: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
|
|
18
|
-
easingEnd: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
|
|
19
|
-
duration: 200
|
|
20
|
-
};
|
|
21
|
-
const opacityDefaultConfig = {
|
|
22
|
-
enabled: true,
|
|
23
|
-
valueEnd: 1,
|
|
24
|
-
valueStart: 0.75,
|
|
25
|
-
easingStart: _reactNativeReanimated.Easing.in(_reactNativeReanimated.Easing.ease),
|
|
26
|
-
easingEnd: _reactNativeReanimated.Easing.out(_reactNativeReanimated.Easing.ease),
|
|
27
|
-
duration: 200
|
|
28
|
-
};
|
|
29
|
-
const ReorderableListItem = ({
|
|
30
|
-
scaleAnimationConfig = scaleDefaultConfig,
|
|
31
|
-
opacityAnimationConfig = opacityDefaultConfig,
|
|
32
|
-
...rest
|
|
33
|
-
}) => {
|
|
34
|
-
const scaleConfigWithDefaults = (0, _react.useMemo)(() => ({
|
|
35
|
-
...scaleDefaultConfig,
|
|
36
|
-
...scaleAnimationConfig
|
|
37
|
-
}), [scaleAnimationConfig]);
|
|
38
|
-
const opacityConfigWithDefaults = (0, _react.useMemo)(() => ({
|
|
39
|
-
...opacityDefaultConfig,
|
|
40
|
-
...opacityAnimationConfig
|
|
41
|
-
}), [opacityAnimationConfig]);
|
|
42
|
-
const scale = (0, _reactNativeReanimated.useSharedValue)(scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1);
|
|
43
|
-
const opacity = (0, _reactNativeReanimated.useSharedValue)(opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1);
|
|
44
|
-
(0, _hooks.useReorderableDragStart)((0, _react.useCallback)(() => {
|
|
45
|
-
'worklet';
|
|
46
|
-
|
|
47
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
48
|
-
scale.value = (0, _reactNativeReanimated.withTiming)(scaleConfigWithDefaults.valueStart, {
|
|
49
|
-
easing: scaleConfigWithDefaults.easingStart,
|
|
50
|
-
duration: scaleConfigWithDefaults.duration
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
54
|
-
opacity.value = (0, _reactNativeReanimated.withTiming)(opacityConfigWithDefaults.valueStart, {
|
|
55
|
-
easing: opacityConfigWithDefaults.easingStart,
|
|
56
|
-
duration: opacityConfigWithDefaults.duration
|
|
57
|
-
});
|
|
58
|
-
}
|
|
59
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
|
|
60
|
-
(0, _hooks.useReorderableDragEnd)((0, _react.useCallback)(() => {
|
|
61
|
-
'worklet';
|
|
62
|
-
|
|
63
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
64
|
-
scale.value = (0, _reactNativeReanimated.withTiming)(scaleConfigWithDefaults.valueEnd, {
|
|
65
|
-
easing: scaleConfigWithDefaults.easingEnd,
|
|
66
|
-
duration: scaleConfigWithDefaults.duration
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
70
|
-
opacity.value = (0, _reactNativeReanimated.withTiming)(opacityConfigWithDefaults.valueEnd, {
|
|
71
|
-
easing: opacityConfigWithDefaults.easingEnd,
|
|
72
|
-
duration: opacityConfigWithDefaults.duration
|
|
73
|
-
});
|
|
74
|
-
}
|
|
75
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
|
|
76
|
-
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
77
|
-
transform: [{
|
|
78
|
-
scale: scale.value
|
|
79
|
-
}],
|
|
80
|
-
opacity: opacity.value
|
|
81
|
-
}), [scale, opacity]);
|
|
82
|
-
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, _extends({}, rest, {
|
|
83
|
-
style: [animatedStyle, rest.style]
|
|
84
|
-
}));
|
|
85
|
-
};
|
|
86
|
-
exports.ReorderableListItem = ReorderableListItem;
|
|
87
|
-
//# sourceMappingURL=ReorderableListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_hooks","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","scaleDefaultConfig","enabled","valueEnd","valueStart","easingStart","Easing","in","ease","easingEnd","out","duration","opacityDefaultConfig","ReorderableListItem","scaleAnimationConfig","opacityAnimationConfig","rest","scaleConfigWithDefaults","useMemo","opacityConfigWithDefaults","scale","useSharedValue","opacity","useReorderableDragStart","useCallback","value","withTiming","easing","useReorderableDragEnd","animatedStyle","useAnimatedStyle","transform","createElement","View","style","exports"],"sourceRoot":"../../../src","sources":["components/ReorderableListItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AAAwE,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAR,CAAA,MAAAA,CAAA,GAAAsB,SAAA,CAAAC,MAAA,EAAAvB,CAAA,UAAAG,CAAA,GAAAmB,SAAA,CAAAtB,CAAA,YAAAE,CAAA,IAAAC,CAAA,OAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAD,CAAA,MAAAM,CAAA,CAAAN,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAM,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAGxE,MAAMG,kBAAkB,GAAG;EACzBC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE,KAAK;EACjBC,WAAW,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;EACnCC,SAAS,EAAEH,6BAAM,CAACI,GAAG,CAACJ,6BAAM,CAACE,IAAI,CAAC;EAClCG,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,oBAAoB,GAAG;EAC3BV,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE,CAAC;EACXC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAEC,6BAAM,CAACC,EAAE,CAACD,6BAAM,CAACE,IAAI,CAAC;EACnCC,SAAS,EAAEH,6BAAM,CAACI,GAAG,CAACJ,6BAAM,CAACE,IAAI,CAAC;EAClCG,QAAQ,EAAE;AACZ,CAAC;AAEM,MAAME,mBAAuD,GAAGA,CAAC;EACtEC,oBAAoB,GAAGb,kBAAkB;EACzCc,sBAAsB,GAAGH,oBAAoB;EAC7C,GAAGI;AACL,CAAC,KAAK;EACJ,MAAMC,uBAAuB,GAAG,IAAAC,cAAO,EACrC,OAAO;IACL,GAAGjB,kBAAkB;IACrB,GAAGa;EACL,CAAC,CAAC,EACF,CAACA,oBAAoB,CACvB,CAAC;EACD,MAAMK,yBAAyB,GAAG,IAAAD,cAAO,EACvC,OAAO;IACL,GAAGN,oBAAoB;IACvB,GAAGG;EACL,CAAC,CAAC,EACF,CAACA,sBAAsB,CACzB,CAAC;EACD,MAAMK,KAAK,GAAG,IAAAC,qCAAc,EAC1BJ,uBAAuB,CAACf,OAAO,GAAGe,uBAAuB,CAACd,QAAQ,GAAG,CACvE,CAAC;EACD,MAAMmB,OAAO,GAAG,IAAAD,qCAAc,EAC5BF,yBAAyB,CAACjB,OAAO,GAAGiB,yBAAyB,CAAChB,QAAQ,GAAG,CAC3E,CAAC;EAED,IAAAoB,8BAAuB,EACrB,IAAAC,kBAAW,EAAC,MAAM;IAChB,SAAS;;IACT,IAAIP,uBAAuB,CAACf,OAAO,EAAE;MACnCkB,KAAK,CAACK,KAAK,GAAG,IAAAC,iCAAU,EAACT,uBAAuB,CAACb,UAAU,EAAE;QAC3DuB,MAAM,EAAEV,uBAAuB,CAACZ,WAAW;QAC3CM,QAAQ,EAAEM,uBAAuB,CAACN;MACpC,CAAC,CAAC;IACJ;IAEA,IAAIQ,yBAAyB,CAACjB,OAAO,EAAE;MACrCoB,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAACP,yBAAyB,CAACf,UAAU,EAAE;QAC/DuB,MAAM,EAAER,yBAAyB,CAACd,WAAW;QAC7CM,QAAQ,EAAEQ,yBAAyB,CAACR;MACtC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACW,OAAO,EAAEF,KAAK,EAAED,yBAAyB,EAAEF,uBAAuB,CAAC,CACzE,CAAC;EAED,IAAAW,4BAAqB,EACnB,IAAAJ,kBAAW,EAAC,MAAM;IAChB,SAAS;;IACT,IAAIP,uBAAuB,CAACf,OAAO,EAAE;MACnCkB,KAAK,CAACK,KAAK,GAAG,IAAAC,iCAAU,EAACT,uBAAuB,CAACd,QAAQ,EAAE;QACzDwB,MAAM,EAAEV,uBAAuB,CAACR,SAAS;QACzCE,QAAQ,EAAEM,uBAAuB,CAACN;MACpC,CAAC,CAAC;IACJ;IAEA,IAAIQ,yBAAyB,CAACjB,OAAO,EAAE;MACrCoB,OAAO,CAACG,KAAK,GAAG,IAAAC,iCAAU,EAACP,yBAAyB,CAAChB,QAAQ,EAAE;QAC7DwB,MAAM,EAAER,yBAAyB,CAACV,SAAS;QAC3CE,QAAQ,EAAEQ,yBAAyB,CAACR;MACtC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACW,OAAO,EAAEF,KAAK,EAAED,yBAAyB,EAAEF,uBAAuB,CAAC,CACzE,CAAC;EAED,MAAMY,aAAa,GAAG,IAAAC,uCAAgB,EACpC,OAAO;IACLC,SAAS,EAAE,CACT;MACEX,KAAK,EAAEA,KAAK,CAACK;IACf,CAAC,CACF;IACDH,OAAO,EAAEA,OAAO,CAACG;EACnB,CAAC,CAAC,EACF,CAACL,KAAK,EAAEE,OAAO,CACjB,CAAC;EAED,oBAAOpD,MAAA,CAAAW,OAAA,CAAAmD,aAAA,CAAC3D,sBAAA,CAAAQ,OAAQ,CAACoD,IAAI,EAAAtC,QAAA,KAAKqB,IAAI;IAAEkB,KAAK,EAAE,CAACL,aAAa,EAAEb,IAAI,CAACkB,KAAK;EAAE,EAAE,CAAC;AACxE,CAAC;AAACC,OAAA,CAAAtB,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","IOS_CONFIG","delay","increment","ANDROID_FABRIC_CONFIG","ANDROID_PAPER_CONFIG","IS_FABRIC","global","AUTOSCROLL_CONFIG","select","android","ios","web","macos","windows","native"],"sourceRoot":"../../../../src","sources":["components/ReorderableListCore/constants.ts"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,cAAc;AAErC,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,qBAAqB,GAAG;EAC5BF,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,MAAME,oBAAoB,GAAG;EAC3BH,KAAK,EAAE,EAAE;EACTC,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,SAAS,GACpBC,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,uBAAuB,IAAIA,MAAM;AAE3E,OAAO,MAAMC,iBAAiB,GAAGR,QAAQ,CAACS,MAAM,CAAC;EAC/C;EACAC,OAAO,EAAEJ,SAAS,GAAGF,qBAAqB,GAAGC,oBAAoB;EACjEM,GAAG,EAAEV,UAAU;EAEf;EACAW,GAAG,EAAEX,UAAU;EACfY,KAAK,EAAEZ,UAAU;EACjBa,OAAO,EAAEb,UAAU;EACnBc,MAAM,EAAEd;AACV,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import Animated, { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
|
|
4
|
-
import { useReorderableDragEnd, useReorderableDragStart } from '../hooks';
|
|
5
|
-
const scaleDefaultConfig = {
|
|
6
|
-
enabled: true,
|
|
7
|
-
valueEnd: 1,
|
|
8
|
-
valueStart: 1.025,
|
|
9
|
-
easingStart: Easing.in(Easing.ease),
|
|
10
|
-
easingEnd: Easing.out(Easing.ease),
|
|
11
|
-
duration: 200
|
|
12
|
-
};
|
|
13
|
-
const opacityDefaultConfig = {
|
|
14
|
-
enabled: true,
|
|
15
|
-
valueEnd: 1,
|
|
16
|
-
valueStart: 0.75,
|
|
17
|
-
easingStart: Easing.in(Easing.ease),
|
|
18
|
-
easingEnd: Easing.out(Easing.ease),
|
|
19
|
-
duration: 200
|
|
20
|
-
};
|
|
21
|
-
export const ReorderableListItem = ({
|
|
22
|
-
scaleAnimationConfig = scaleDefaultConfig,
|
|
23
|
-
opacityAnimationConfig = opacityDefaultConfig,
|
|
24
|
-
...rest
|
|
25
|
-
}) => {
|
|
26
|
-
const scaleConfigWithDefaults = useMemo(() => ({
|
|
27
|
-
...scaleDefaultConfig,
|
|
28
|
-
...scaleAnimationConfig
|
|
29
|
-
}), [scaleAnimationConfig]);
|
|
30
|
-
const opacityConfigWithDefaults = useMemo(() => ({
|
|
31
|
-
...opacityDefaultConfig,
|
|
32
|
-
...opacityAnimationConfig
|
|
33
|
-
}), [opacityAnimationConfig]);
|
|
34
|
-
const scale = useSharedValue(scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1);
|
|
35
|
-
const opacity = useSharedValue(opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1);
|
|
36
|
-
useReorderableDragStart(useCallback(() => {
|
|
37
|
-
'worklet';
|
|
38
|
-
|
|
39
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
40
|
-
scale.value = withTiming(scaleConfigWithDefaults.valueStart, {
|
|
41
|
-
easing: scaleConfigWithDefaults.easingStart,
|
|
42
|
-
duration: scaleConfigWithDefaults.duration
|
|
43
|
-
});
|
|
44
|
-
}
|
|
45
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
46
|
-
opacity.value = withTiming(opacityConfigWithDefaults.valueStart, {
|
|
47
|
-
easing: opacityConfigWithDefaults.easingStart,
|
|
48
|
-
duration: opacityConfigWithDefaults.duration
|
|
49
|
-
});
|
|
50
|
-
}
|
|
51
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
|
|
52
|
-
useReorderableDragEnd(useCallback(() => {
|
|
53
|
-
'worklet';
|
|
54
|
-
|
|
55
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
56
|
-
scale.value = withTiming(scaleConfigWithDefaults.valueEnd, {
|
|
57
|
-
easing: scaleConfigWithDefaults.easingEnd,
|
|
58
|
-
duration: scaleConfigWithDefaults.duration
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
62
|
-
opacity.value = withTiming(opacityConfigWithDefaults.valueEnd, {
|
|
63
|
-
easing: opacityConfigWithDefaults.easingEnd,
|
|
64
|
-
duration: opacityConfigWithDefaults.duration
|
|
65
|
-
});
|
|
66
|
-
}
|
|
67
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]));
|
|
68
|
-
const animatedStyle = useAnimatedStyle(() => ({
|
|
69
|
-
transform: [{
|
|
70
|
-
scale: scale.value
|
|
71
|
-
}],
|
|
72
|
-
opacity: opacity.value
|
|
73
|
-
}), [scale, opacity]);
|
|
74
|
-
return /*#__PURE__*/React.createElement(Animated.View, _extends({}, rest, {
|
|
75
|
-
style: [animatedStyle, rest.style]
|
|
76
|
-
}));
|
|
77
|
-
};
|
|
78
|
-
//# sourceMappingURL=ReorderableListItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useMemo","Animated","Easing","useAnimatedStyle","useSharedValue","withTiming","useReorderableDragEnd","useReorderableDragStart","scaleDefaultConfig","enabled","valueEnd","valueStart","easingStart","in","ease","easingEnd","out","duration","opacityDefaultConfig","ReorderableListItem","scaleAnimationConfig","opacityAnimationConfig","rest","scaleConfigWithDefaults","opacityConfigWithDefaults","scale","opacity","value","easing","animatedStyle","transform","createElement","View","_extends","style"],"sourceRoot":"../../../src","sources":["components/ReorderableListItem.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/ReorderableListCore/constants.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,SAAS,SACqD,CAAC;AAE5E,eAAO,MAAM,iBAAiB;;;CAU5B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ReorderableListItem.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAUlD,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,UAAU,CAAC;AAoBvD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA6ElE,CAAC"}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import React, {useCallback, useMemo} from 'react';
|
|
2
|
-
|
|
3
|
-
import Animated, {
|
|
4
|
-
Easing,
|
|
5
|
-
useAnimatedStyle,
|
|
6
|
-
useSharedValue,
|
|
7
|
-
withTiming,
|
|
8
|
-
} from 'react-native-reanimated';
|
|
9
|
-
|
|
10
|
-
import {useReorderableDragEnd, useReorderableDragStart} from '../hooks';
|
|
11
|
-
import type {ReorderableListItemProps} from '../types';
|
|
12
|
-
|
|
13
|
-
const scaleDefaultConfig = {
|
|
14
|
-
enabled: true,
|
|
15
|
-
valueEnd: 1,
|
|
16
|
-
valueStart: 1.025,
|
|
17
|
-
easingStart: Easing.in(Easing.ease),
|
|
18
|
-
easingEnd: Easing.out(Easing.ease),
|
|
19
|
-
duration: 200,
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const opacityDefaultConfig = {
|
|
23
|
-
enabled: true,
|
|
24
|
-
valueEnd: 1,
|
|
25
|
-
valueStart: 0.75,
|
|
26
|
-
easingStart: Easing.in(Easing.ease),
|
|
27
|
-
easingEnd: Easing.out(Easing.ease),
|
|
28
|
-
duration: 200,
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export const ReorderableListItem: React.FC<ReorderableListItemProps> = ({
|
|
32
|
-
scaleAnimationConfig = scaleDefaultConfig,
|
|
33
|
-
opacityAnimationConfig = opacityDefaultConfig,
|
|
34
|
-
...rest
|
|
35
|
-
}) => {
|
|
36
|
-
const scaleConfigWithDefaults = useMemo(
|
|
37
|
-
() => ({
|
|
38
|
-
...scaleDefaultConfig,
|
|
39
|
-
...scaleAnimationConfig,
|
|
40
|
-
}),
|
|
41
|
-
[scaleAnimationConfig],
|
|
42
|
-
);
|
|
43
|
-
const opacityConfigWithDefaults = useMemo(
|
|
44
|
-
() => ({
|
|
45
|
-
...opacityDefaultConfig,
|
|
46
|
-
...opacityAnimationConfig,
|
|
47
|
-
}),
|
|
48
|
-
[opacityAnimationConfig],
|
|
49
|
-
);
|
|
50
|
-
const scale = useSharedValue(
|
|
51
|
-
scaleConfigWithDefaults.enabled ? scaleConfigWithDefaults.valueEnd : 1,
|
|
52
|
-
);
|
|
53
|
-
const opacity = useSharedValue(
|
|
54
|
-
opacityConfigWithDefaults.enabled ? opacityConfigWithDefaults.valueEnd : 1,
|
|
55
|
-
);
|
|
56
|
-
|
|
57
|
-
useReorderableDragStart(
|
|
58
|
-
useCallback(() => {
|
|
59
|
-
'worklet';
|
|
60
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
61
|
-
scale.value = withTiming(scaleConfigWithDefaults.valueStart, {
|
|
62
|
-
easing: scaleConfigWithDefaults.easingStart,
|
|
63
|
-
duration: scaleConfigWithDefaults.duration,
|
|
64
|
-
});
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
68
|
-
opacity.value = withTiming(opacityConfigWithDefaults.valueStart, {
|
|
69
|
-
easing: opacityConfigWithDefaults.easingStart,
|
|
70
|
-
duration: opacityConfigWithDefaults.duration,
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]),
|
|
74
|
-
);
|
|
75
|
-
|
|
76
|
-
useReorderableDragEnd(
|
|
77
|
-
useCallback(() => {
|
|
78
|
-
'worklet';
|
|
79
|
-
if (scaleConfigWithDefaults.enabled) {
|
|
80
|
-
scale.value = withTiming(scaleConfigWithDefaults.valueEnd, {
|
|
81
|
-
easing: scaleConfigWithDefaults.easingEnd,
|
|
82
|
-
duration: scaleConfigWithDefaults.duration,
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
if (opacityConfigWithDefaults.enabled) {
|
|
87
|
-
opacity.value = withTiming(opacityConfigWithDefaults.valueEnd, {
|
|
88
|
-
easing: opacityConfigWithDefaults.easingEnd,
|
|
89
|
-
duration: opacityConfigWithDefaults.duration,
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
}, [opacity, scale, opacityConfigWithDefaults, scaleConfigWithDefaults]),
|
|
93
|
-
);
|
|
94
|
-
|
|
95
|
-
const animatedStyle = useAnimatedStyle(
|
|
96
|
-
() => ({
|
|
97
|
-
transform: [
|
|
98
|
-
{
|
|
99
|
-
scale: scale.value,
|
|
100
|
-
},
|
|
101
|
-
],
|
|
102
|
-
opacity: opacity.value,
|
|
103
|
-
}),
|
|
104
|
-
[scale, opacity],
|
|
105
|
-
);
|
|
106
|
-
|
|
107
|
-
return <Animated.View {...rest} style={[animatedStyle, rest.style]} />;
|
|
108
|
-
};
|
|
File without changes
|