@r0b0t3d/react-native-collapsible 1.3.5-beta.2 → 1.3.5-beta.4
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/components/CollapsibleContainer.js +1 -2
- package/lib/commonjs/components/CollapsibleContainer.js.map +1 -1
- package/lib/commonjs/components/CollapsibleView.js +1 -1
- package/lib/commonjs/components/CollapsibleView.js.map +1 -1
- package/lib/commonjs/components/header/CollapsibleHeaderContainer.js +84 -23
- package/lib/commonjs/components/header/CollapsibleHeaderContainer.js.map +1 -1
- package/lib/commonjs/components/header/StickyView.js +24 -19
- package/lib/commonjs/components/header/StickyView.js.map +1 -1
- package/lib/commonjs/components/scrollable/useAnimatedScroll.js +2 -3
- package/lib/commonjs/components/scrollable/useAnimatedScroll.js.map +1 -1
- package/lib/commonjs/hooks/useCollapsibleHeaderContext.js.map +1 -1
- package/lib/commonjs/utils/useSharedValueRef.js +21 -0
- package/lib/commonjs/utils/useSharedValueRef.js.map +1 -0
- package/lib/commonjs/withCollapsibleContext.js +37 -92
- package/lib/commonjs/withCollapsibleContext.js.map +1 -1
- package/lib/module/components/CollapsibleContainer.js +1 -2
- package/lib/module/components/CollapsibleContainer.js.map +1 -1
- package/lib/module/components/CollapsibleView.js +1 -1
- package/lib/module/components/CollapsibleView.js.map +1 -1
- package/lib/module/components/header/CollapsibleHeaderContainer.js +86 -24
- package/lib/module/components/header/CollapsibleHeaderContainer.js.map +1 -1
- package/lib/module/components/header/StickyView.js +25 -20
- package/lib/module/components/header/StickyView.js.map +1 -1
- package/lib/module/components/scrollable/useAnimatedScroll.js +2 -3
- package/lib/module/components/scrollable/useAnimatedScroll.js.map +1 -1
- package/lib/module/hooks/useCollapsibleHeaderContext.js.map +1 -1
- package/lib/module/utils/useSharedValueRef.js +15 -0
- package/lib/module/utils/useSharedValueRef.js.map +1 -0
- package/lib/module/withCollapsibleContext.js +38 -92
- package/lib/module/withCollapsibleContext.js.map +1 -1
- package/lib/typescript/components/CollapsibleContainer.d.ts.map +1 -1
- package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts +2 -2
- package/lib/typescript/components/header/CollapsibleHeaderContainer.d.ts.map +1 -1
- package/lib/typescript/components/header/StickyView.d.ts.map +1 -1
- package/lib/typescript/components/scrollable/useAnimatedScroll.d.ts.map +1 -1
- package/lib/typescript/hooks/useCollapsibleHeaderContext.d.ts +6 -11
- package/lib/typescript/hooks/useCollapsibleHeaderContext.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +6 -6
- package/lib/typescript/types.d.ts.map +1 -1
- package/lib/typescript/utils/useSharedValueRef.d.ts +3 -0
- package/lib/typescript/utils/useSharedValueRef.d.ts.map +1 -0
- package/lib/typescript/withCollapsibleContext.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/CollapsibleContainer.tsx +0 -2
- package/src/components/CollapsibleView.tsx +1 -1
- package/src/components/header/CollapsibleHeaderContainer.tsx +143 -25
- package/src/components/header/StickyView.tsx +30 -17
- package/src/components/scrollable/useAnimatedScroll.ts +3 -9
- package/src/hooks/useCollapsibleHeaderContext.ts +6 -8
- package/src/types.ts +8 -8
- package/src/utils/useSharedValueRef.ts +22 -0
- package/src/withCollapsibleContext.tsx +46 -110
- package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js +0 -59
- package/lib/commonjs/components/header/CollapsibleHeaderConsumer.js.map +0 -1
- package/lib/commonjs/components/header/CollapsibleHeaderProvider.js +0 -58
- package/lib/commonjs/components/header/CollapsibleHeaderProvider.js.map +0 -1
- package/lib/module/components/header/CollapsibleHeaderConsumer.js +0 -50
- package/lib/module/components/header/CollapsibleHeaderConsumer.js.map +0 -1
- package/lib/module/components/header/CollapsibleHeaderProvider.js +0 -49
- package/lib/module/components/header/CollapsibleHeaderProvider.js.map +0 -1
- package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts +0 -3
- package/lib/typescript/components/header/CollapsibleHeaderConsumer.d.ts.map +0 -1
- package/lib/typescript/components/header/CollapsibleHeaderProvider.d.ts +0 -5
- package/lib/typescript/components/header/CollapsibleHeaderProvider.d.ts.map +0 -1
- package/src/components/header/CollapsibleHeaderConsumer.tsx +0 -62
- package/src/components/header/CollapsibleHeaderProvider.tsx +0 -70
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _useKeyboardShowEvent = _interopRequireDefault(require("../hooks/useKeyboardShowEvent"));
|
|
10
10
|
var _useInternalCollapsibleContext = _interopRequireDefault(require("../hooks/useInternalCollapsibleContext"));
|
|
11
11
|
var _useCollapsibleContext = _interopRequireDefault(require("../hooks/useCollapsibleContext"));
|
|
12
|
-
var _CollapsibleHeaderConsumer = _interopRequireDefault(require("./header/CollapsibleHeaderConsumer"));
|
|
13
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -60,7 +59,7 @@ function CollapsibleContainer(_ref) {
|
|
|
60
59
|
style: [styles.container, props.style],
|
|
61
60
|
onLayout: handleContainerLayout,
|
|
62
61
|
collapsable: false
|
|
63
|
-
}), children
|
|
62
|
+
}), children));
|
|
64
63
|
}
|
|
65
64
|
const styles = _reactNative.StyleSheet.create({
|
|
66
65
|
container: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useKeyboardShowEvent","_interopRequireDefault","_useInternalCollapsibleContext","_useCollapsibleContext","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useKeyboardShowEvent","_interopRequireDefault","_useInternalCollapsibleContext","_useCollapsibleContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","CollapsibleContainer","_ref","children","keyboardAvoidingViewProps","textInputRefs","props","containerRef","handleContainerHeight","useInternalCollapsibleContext","scrollY","scrollTo","useCollapsibleContext","containerHeight","useRef","useKeyboardShowEvent","some","ref","isFocusedFunc","current","isFocused","measureLayout","_left","top","_width","height","value","extraOffset","keyboardVerticalOffset","handleContainerLayout","useCallback","layout","nativeEvent","createElement","KeyboardAvoidingView","style","styles","container","behavior","View","onLayout","collapsable","StyleSheet","create","flex","overflow"],"sourceRoot":"../../../src","sources":["components/CollapsibleContainer.tsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleView","_ref","initialState","collapseState","useSharedValue","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","useMemo","useEffect","newValue","value","handleToggle","useCallback","withSpring","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","useAnimatedStyle","damping","stiffness","contentHeight","undefined","useAnimatedReaction","result","prev","runOnJS","containerAnimatedStyle","backgroundColor","interpolateColor","headerProps","collapsed","createElement","View","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","interpolate","transform","headerContainer","Pressable","onPress","Text","headerTitle","StyleSheet","create","overflow","flexDirection","alignItems","justifyContent"
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleView","_ref","initialState","collapseState","useSharedValue","renderHeader","children","containerStyle","collapsedBackgroundColor","expandedBackgroundColor","onToggle","actualHeight","contentKey","useMemo","useEffect","newValue","value","handleToggle","useCallback","withSpring","overshootClamping","handleLayout","event","nativeEvent","layout","height","wrapperStyle","useAnimatedStyle","damping","stiffness","contentHeight","undefined","useAnimatedReaction","result","prev","runOnJS","containerAnimatedStyle","backgroundColor","interpolateColor","headerProps","collapsed","createElement","View","style","pointerEvents","styles","wrapper","content","onLayout","CollapsibleHeaderText","_ref2","title","titleStyle","icon","iconInitialAngle","iconStyle","rotate","interpolate","transform","headerContainer","Pressable","onPress","Text","headerTitle","StyleSheet","create","overflow","flexDirection","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/CollapsibleView.tsx"],"mappings":"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"}
|
|
@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = CollapsibleHeaderContainer;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var
|
|
9
|
+
var _useInternalCollapsibleContext = _interopRequireDefault(require("../../hooks/useInternalCollapsibleContext"));
|
|
10
|
+
var _useCollapsibleContext = _interopRequireDefault(require("../../hooks/useCollapsibleContext"));
|
|
11
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
12
|
+
var _useCollapsibleHeaderContext = require("../../hooks/useCollapsibleHeaderContext");
|
|
13
|
+
var _useSharedValueRef = _interopRequireDefault(require("../../utils/useSharedValueRef"));
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
-
/* eslint-disable react-hooks/exhaustive-deps */
|
|
14
|
-
|
|
15
17
|
let key = 0;
|
|
16
18
|
function CollapsibleHeaderContainer(_ref) {
|
|
17
19
|
let {
|
|
@@ -20,31 +22,90 @@ function CollapsibleHeaderContainer(_ref) {
|
|
|
20
22
|
} = _ref;
|
|
21
23
|
const contentKey = (0, _react.useMemo)(() => `collapsible-header-${key++}`, []);
|
|
22
24
|
const {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
25
|
+
handleHeaderContainerLayout,
|
|
26
|
+
headerViewPositions
|
|
27
|
+
} = (0, _useInternalCollapsibleContext.default)();
|
|
28
|
+
const {
|
|
29
|
+
scrollY
|
|
30
|
+
} = (0, _useCollapsibleContext.default)();
|
|
31
|
+
const currentLayout = (0, _reactNativeReanimated.useSharedValue)(undefined);
|
|
32
|
+
const [stickyLayouts, setStickyLayouts] = (0, _useSharedValueRef.default)({});
|
|
33
|
+
(0, _react.useEffect)(() => {
|
|
34
|
+
return () => {
|
|
35
|
+
handleHeaderContainerLayout(contentKey);
|
|
36
|
+
};
|
|
37
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
38
|
+
}, [contentKey]);
|
|
39
|
+
const stickyHeight = (0, _reactNativeReanimated.useDerivedValue)(() => Object.values(stickyLayouts.value).reduce((acc, value) => acc + ((value === null || value === void 0 ? void 0 : value.height) ?? 0), 0), []);
|
|
40
|
+
(0, _reactNativeReanimated.useAnimatedReaction)(() => {
|
|
41
|
+
if (!currentLayout.value) {
|
|
42
|
+
return -1;
|
|
43
|
+
}
|
|
44
|
+
return currentLayout.value.height - stickyHeight.value;
|
|
45
|
+
}, (result, previous) => {
|
|
46
|
+
if (result !== -1 && result !== previous) {
|
|
47
|
+
(0, _reactNativeReanimated.runOnJS)(handleHeaderContainerLayout)(contentKey, currentLayout.value, stickyHeight.value);
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
const handleLayout = (0, _react.useCallback)(_ref2 => {
|
|
51
|
+
let {
|
|
52
|
+
nativeEvent: {
|
|
53
|
+
layout
|
|
54
|
+
}
|
|
55
|
+
} = _ref2;
|
|
56
|
+
currentLayout.value = layout;
|
|
57
|
+
}, [currentLayout]);
|
|
58
|
+
const handleStickyViewLayout = (0, _react.useCallback)((stickyKey, layout) => {
|
|
59
|
+
setStickyLayouts({
|
|
60
|
+
[stickyKey]: layout
|
|
61
|
+
});
|
|
62
|
+
}, [setStickyLayouts]);
|
|
27
63
|
const internalStyle = (0, _react.useMemo)(() => {
|
|
28
64
|
return {
|
|
29
65
|
zIndex: 100000 - key
|
|
30
66
|
};
|
|
31
67
|
}, []);
|
|
32
|
-
const
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return
|
|
42
|
-
|
|
68
|
+
const translateY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
69
|
+
const position = headerViewPositions.value[contentKey];
|
|
70
|
+
if (!currentLayout.value || !position) {
|
|
71
|
+
return scrollY.value;
|
|
72
|
+
}
|
|
73
|
+
const topPosition = currentLayout.value.height + currentLayout.value.y - position.top - position.stickyHeight;
|
|
74
|
+
return (0, _reactNativeReanimated.interpolate)(scrollY.value, [0, topPosition, 10000], [0, -topPosition, -topPosition], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
75
|
+
});
|
|
76
|
+
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
77
|
+
return {
|
|
78
|
+
transform: [{
|
|
79
|
+
translateY: translateY.value
|
|
80
|
+
}]
|
|
43
81
|
};
|
|
44
|
-
}
|
|
45
|
-
(0,
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
82
|
+
});
|
|
83
|
+
const animatedY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
84
|
+
const position = headerViewPositions.value[contentKey];
|
|
85
|
+
if (!currentLayout.value || !position) {
|
|
86
|
+
return 0;
|
|
87
|
+
}
|
|
88
|
+
const value = scrollY.value - currentLayout.value.y + position.top;
|
|
89
|
+
const maxV = currentLayout.value.height - stickyHeight.value;
|
|
90
|
+
return Math.max(0, Math.min(value, maxV));
|
|
91
|
+
});
|
|
92
|
+
const value = (0, _react.useMemo)(() => ({
|
|
93
|
+
handleStickyViewLayout,
|
|
94
|
+
animatedY
|
|
95
|
+
}), [handleStickyViewLayout, animatedY]);
|
|
96
|
+
return /*#__PURE__*/_react.default.createElement(_useCollapsibleHeaderContext.CollapsibleHeaderContext.Provider, {
|
|
97
|
+
value: value
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
99
|
+
key: contentKey,
|
|
100
|
+
style: [styles.container, containerStyle, internalStyle, animatedStyle],
|
|
101
|
+
pointerEvents: "box-none",
|
|
102
|
+
onLayout: handleLayout
|
|
103
|
+
}, children));
|
|
49
104
|
}
|
|
105
|
+
const styles = _reactNative.StyleSheet.create({
|
|
106
|
+
container: {
|
|
107
|
+
overflow: 'hidden',
|
|
108
|
+
backgroundColor: 'white'
|
|
109
|
+
}
|
|
110
|
+
});
|
|
50
111
|
//# sourceMappingURL=CollapsibleHeaderContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_useInternalCollapsibleContext","_interopRequireDefault","_useCollapsibleContext","_reactNativeReanimated","_useCollapsibleHeaderContext","_useSharedValueRef","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","CollapsibleHeaderContainer","_ref","children","containerStyle","contentKey","useMemo","handleHeaderContainerLayout","headerViewPositions","useInternalCollapsibleContext","scrollY","useCollapsibleContext","currentLayout","useSharedValue","undefined","stickyLayouts","setStickyLayouts","useSharedValueRef","useEffect","stickyHeight","useDerivedValue","values","value","reduce","acc","height","useAnimatedReaction","result","previous","runOnJS","handleLayout","useCallback","_ref2","nativeEvent","layout","handleStickyViewLayout","stickyKey","internalStyle","zIndex","translateY","position","topPosition","y","top","interpolate","Extrapolate","CLAMP","animatedStyle","useAnimatedStyle","transform","animatedY","maxV","Math","max","min","createElement","CollapsibleHeaderContext","Provider","View","style","styles","container","pointerEvents","onLayout","StyleSheet","create","overflow","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/header/CollapsibleHeaderContainer.tsx"],"mappings":"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"}
|
|
@@ -6,9 +6,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = StickyView;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _useCollapsibleContext = _interopRequireDefault(require("../../hooks/useCollapsibleContext"));
|
|
10
|
-
var _useInternalCollapsibleContext = _interopRequireDefault(require("../../hooks/useInternalCollapsibleContext"));
|
|
11
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _useCollapsibleHeaderContext = _interopRequireDefault(require("../../hooks/useCollapsibleHeaderContext"));
|
|
12
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -24,26 +23,32 @@ function StickyView(_ref) {
|
|
|
24
23
|
const viewRef = (0, _react.useRef)(null);
|
|
25
24
|
const {
|
|
26
25
|
handleStickyViewLayout,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const {
|
|
31
|
-
scrollY
|
|
32
|
-
} = (0, _useCollapsibleContext.default)();
|
|
26
|
+
animatedY
|
|
27
|
+
} = (0, _useCollapsibleHeaderContext.default)();
|
|
28
|
+
const currentLayout = (0, _reactNativeReanimated.useSharedValue)(undefined);
|
|
33
29
|
(0, _react.useEffect)(() => {
|
|
34
30
|
return () => handleStickyViewLayout(key, undefined);
|
|
35
31
|
}, [key]);
|
|
36
|
-
const handleLayout = (0, _react.useCallback)(
|
|
37
|
-
|
|
38
|
-
|
|
32
|
+
const handleLayout = (0, _react.useCallback)(_ref2 => {
|
|
33
|
+
let {
|
|
34
|
+
nativeEvent: {
|
|
35
|
+
layout
|
|
36
|
+
}
|
|
37
|
+
} = _ref2;
|
|
38
|
+
currentLayout.value = layout;
|
|
39
|
+
handleStickyViewLayout(key, layout);
|
|
40
|
+
}, [key, handleStickyViewLayout]);
|
|
39
41
|
const translateY = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
42
|
+
if (!currentLayout.value) {
|
|
43
|
+
return 0;
|
|
44
|
+
}
|
|
45
|
+
const {
|
|
46
|
+
height: stickyHeight,
|
|
47
|
+
y: top
|
|
48
|
+
} = currentLayout.value;
|
|
49
|
+
const topValue = top;
|
|
50
|
+
return (0, _reactNativeReanimated.interpolate)(animatedY.value, [0, topValue, topValue + stickyHeight + 100], [0, 0, stickyHeight + 100], _reactNativeReanimated.Extrapolate.CLAMP);
|
|
51
|
+
}, []);
|
|
47
52
|
const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
|
|
48
53
|
return {
|
|
49
54
|
transform: [{
|
|
@@ -57,7 +62,7 @@ function StickyView(_ref) {
|
|
|
57
62
|
,
|
|
58
63
|
ref: viewRef,
|
|
59
64
|
onLayout: handleLayout,
|
|
60
|
-
style: [styles.container,
|
|
65
|
+
style: [styles.container, style, animatedStyle],
|
|
61
66
|
pointerEvents: "box-none"
|
|
62
67
|
}, children);
|
|
63
68
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_useCollapsibleHeaderContext","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","stickyKey","StickyView","_ref","children","style","useMemo","viewRef","useRef","handleStickyViewLayout","animatedY","useCollapsibleHeaderContext","currentLayout","useSharedValue","undefined","useEffect","handleLayout","useCallback","_ref2","nativeEvent","layout","value","translateY","useDerivedValue","height","stickyHeight","y","top","topValue","interpolate","Extrapolate","CLAMP","animatedStyle","useAnimatedStyle","transform","createElement","View","ref","onLayout","styles","container","pointerEvents","StyleSheet","create","backgroundColor","zIndex"],"sourceRoot":"../../../../src","sources":["components/header/StickyView.tsx"],"mappings":"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"}
|
|
@@ -27,7 +27,6 @@ function useAnimatedScroll(_ref) {
|
|
|
27
27
|
} = (0, _useCollapsibleContext.default)();
|
|
28
28
|
const {
|
|
29
29
|
setCollapsibleHandlers,
|
|
30
|
-
firstStickyViewY,
|
|
31
30
|
fixedHeaderHeight
|
|
32
31
|
} = (0, _useInternalCollapsibleContext.default)();
|
|
33
32
|
(0, _react.useEffect)(() => {
|
|
@@ -37,7 +36,7 @@ function useAnimatedScroll(_ref) {
|
|
|
37
36
|
}, []);
|
|
38
37
|
const collapse = (0, _react.useCallback)(function () {
|
|
39
38
|
let animated = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
|
|
40
|
-
scrollTo(
|
|
39
|
+
scrollTo(fixedHeaderHeight.value, animated);
|
|
41
40
|
}, [scrollTo]);
|
|
42
41
|
const expand = (0, _react.useCallback)(() => scrollTo(0), [scrollTo]);
|
|
43
42
|
(0, _react.useEffect)(() => {
|
|
@@ -57,7 +56,7 @@ function useAnimatedScroll(_ref) {
|
|
|
57
56
|
},
|
|
58
57
|
onEndDrag: () => {
|
|
59
58
|
if (!headerSnappable) return;
|
|
60
|
-
const maxY =
|
|
59
|
+
const maxY = fixedHeaderHeight.value;
|
|
61
60
|
if (scrollY.value < maxY) {
|
|
62
61
|
const delta = Math.abs(scrollY.value - maxY);
|
|
63
62
|
if (delta < wHeight / 2) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_useCollapsibleContext","_interopRequireDefault","_useInternalCollapsibleContext","obj","__esModule","default","height","wHeight","Dimensions","get","useAnimatedScroll","_ref","headerSnappable","scrollTo","scrollToIndex","scrollDirection","useSharedValue","scrollY","useCollapsibleContext","setCollapsibleHandlers","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_useCollapsibleContext","_interopRequireDefault","_useInternalCollapsibleContext","obj","__esModule","default","height","wHeight","Dimensions","get","useAnimatedScroll","_ref","headerSnappable","scrollTo","scrollToIndex","scrollDirection","useSharedValue","scrollY","useCollapsibleContext","setCollapsibleHandlers","fixedHeaderHeight","useInternalCollapsibleContext","useEffect","value","requestAnimationFrame","collapse","useCallback","animated","arguments","length","undefined","expand","scrollHandler","useAnimatedScrollHandler","onScroll","event","offset","contentOffset","y","diff","onEndDrag","maxY","delta","Math","abs","yValue","runOnJS"],"sourceRoot":"../../../../src","sources":["components/scrollable/useAnimatedScroll.ts"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","CollapsibleHeaderContext","createContext","exports","useCollapsibleHeaderContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["hooks/useCollapsibleHeaderContext.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","require","CollapsibleHeaderContext","createContext","exports","useCollapsibleHeaderContext","ctx","useContext","Error"],"sourceRoot":"../../../src","sources":["hooks/useCollapsibleHeaderContext.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASO,MAAMC,wBAAwB;AAAA;AACnC;AACA,IAAAC,oBAAa,EAA+B,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAF,wBAAA,GAAAA,wBAAA;AAEnC,SAASG,2BAA2BA,CAAA,EAAG;EACpD,MAAMC,GAAG,GAAG,IAAAC,iBAAU,EAACL,wBAAwB,CAAC;EAChD,IAAI,CAACI,GAAG,EAAE;IACR,MAAM,IAAIE,KAAK,CAAC,uDAAuD,CAAC;EAC1E;EACA,OAAOF,GAAG;AACZ"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = useSharedValueRef;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNativeReanimated = require("react-native-reanimated");
|
|
9
|
+
function useSharedValueRef(defaultValue) {
|
|
10
|
+
const sharedValue = (0, _reactNativeReanimated.useSharedValue)(defaultValue);
|
|
11
|
+
const savedValue = (0, _react.useRef)(defaultValue);
|
|
12
|
+
const appendValue = (0, _react.useCallback)(value => {
|
|
13
|
+
savedValue.current = {
|
|
14
|
+
...savedValue.current,
|
|
15
|
+
...value
|
|
16
|
+
};
|
|
17
|
+
sharedValue.value = savedValue.current;
|
|
18
|
+
}, [sharedValue]);
|
|
19
|
+
return [sharedValue, appendValue];
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=useSharedValueRef.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNativeReanimated","useSharedValueRef","defaultValue","sharedValue","useSharedValue","savedValue","useRef","appendValue","useCallback","value","current"],"sourceRoot":"../../../src","sources":["utils/useSharedValueRef.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAEe,SAASE,iBAAiBA,CACvCC,YAAe,EACgC;EAC/C,MAAMC,WAAW,GAAG,IAAAC,qCAAc,EAAIF,YAAY,CAAC;EACnD,MAAMG,UAAU,GAAG,IAAAC,aAAM,EAAIJ,YAAY,CAAC;EAE1C,MAAMK,WAAW,GAAG,IAAAC,kBAAW,EAC5BC,KAAQ,IAAK;IACZJ,UAAU,CAACK,OAAO,GAAG;MACnB,GAAGL,UAAU,CAACK,OAAO;MACrB,GAAGD;IACL,CAAC;IACDN,WAAW,CAACM,KAAK,GAAGJ,UAAU,CAACK,OAAO;EACxC,CAAC,EACD,CAACP,WAAW,CACd,CAAC;EAED,OAAO,CAACA,WAAW,EAAEI,WAAW,CAAC;AACnC"}
|
|
@@ -8,9 +8,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _useCollapsibleContext = require("./hooks/useCollapsibleContext");
|
|
9
9
|
var _useInternalCollapsibleContext = require("./hooks/useInternalCollapsibleContext");
|
|
10
10
|
var _reactNativeReanimated = require("react-native-reanimated");
|
|
11
|
-
var _debounce = require("./utils/debounce");
|
|
12
|
-
var _CollapsibleHeaderProvider = _interopRequireDefault(require("./components/header/CollapsibleHeaderProvider"));
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
11
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
12
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
16
13
|
/* eslint-disable react-hooks/exhaustive-deps */
|
|
@@ -20,104 +17,55 @@ function withCollapsibleContext(Component) {
|
|
|
20
17
|
const collapsibleHandlers = (0, _react.useRef)();
|
|
21
18
|
const headerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
22
19
|
const scrollY = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
23
|
-
const stickyViewRefs = (0, _react.useRef)({});
|
|
24
|
-
const stickyViewTops = (0, _reactNativeReanimated.useSharedValue)({});
|
|
25
|
-
const stickyViewPositionsRef = (0, _react.useRef)({});
|
|
26
|
-
const stickyViewPositions = (0, _reactNativeReanimated.useSharedValue)({});
|
|
27
20
|
const fixedHeaderHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
28
21
|
const containerHeight = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
29
|
-
const firstStickyViewY = (0, _reactNativeReanimated.useSharedValue)(1000000);
|
|
30
22
|
const containerRef = (0, _react.useRef)(null);
|
|
31
23
|
const scrollViewRef = (0, _react.useRef)(null);
|
|
24
|
+
const headerContainerLayouts = (0, _react.useRef)({});
|
|
25
|
+
const headerViewPositions = (0, _reactNativeReanimated.useSharedValue)({});
|
|
32
26
|
const setCollapsibleHandlers = (0, _react.useCallback)(handlers => {
|
|
33
27
|
collapsibleHandlers.current = handlers;
|
|
34
28
|
}, []);
|
|
35
29
|
const headerCollapsed = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
36
|
-
const maxY = fixedHeaderHeight.value
|
|
30
|
+
const maxY = fixedHeaderHeight.value;
|
|
37
31
|
return scrollY.value >= maxY;
|
|
38
32
|
}, []);
|
|
39
33
|
const contentMinHeight = (0, _reactNativeReanimated.useDerivedValue)(() => {
|
|
40
34
|
return containerHeight.value + fixedHeaderHeight.value;
|
|
41
35
|
}, []);
|
|
42
|
-
(0,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
36
|
+
const handleHeaderContainerLayout = (0, _react.useCallback)((key, layout, stickyHeight) => {
|
|
37
|
+
headerContainerLayouts.current[key] = layout ? {
|
|
38
|
+
...layout,
|
|
39
|
+
stickyHeight
|
|
40
|
+
} : undefined;
|
|
41
|
+
const headerContainers = Object.keys(headerContainerLayouts.current).filter(k => !!headerContainerLayouts.current[k]);
|
|
42
|
+
// Calculate total header height
|
|
43
|
+
const totalHeight = headerContainers.reduce((acc, value) => {
|
|
44
|
+
var _headerContainerLayou;
|
|
45
|
+
return acc + (((_headerContainerLayou = headerContainerLayouts.current[value]) === null || _headerContainerLayou === void 0 ? void 0 : _headerContainerLayou.height) ?? 0);
|
|
49
46
|
}, 0);
|
|
50
|
-
|
|
51
|
-
}, (result, previous) => {
|
|
52
|
-
if (result !== previous) {
|
|
53
|
-
var _viewPositions$sorted;
|
|
54
|
-
const viewPositions = stickyViewPositions.value;
|
|
55
|
-
const sortedKeys = Object.keys(viewPositions).filter(v => !!viewPositions[v])
|
|
56
|
-
// @ts-ignore
|
|
57
|
-
.sort((a, b) => viewPositions[a].top - viewPositions[b].top);
|
|
58
|
-
let totalTop = 0;
|
|
59
|
-
const values = {};
|
|
60
|
-
for (let i = 0; i < sortedKeys.length; i++) {
|
|
61
|
-
// @ts-ignore
|
|
62
|
-
values[sortedKeys[i]] = totalTop;
|
|
63
|
-
// Try minus 1 make it filled when scrolling up.
|
|
64
|
-
// Otherwise, we can see a small space between the persits views
|
|
65
|
-
// @ts-ignore
|
|
66
|
-
totalTop += viewPositions[sortedKeys[i]].height - 1;
|
|
67
|
-
}
|
|
68
|
-
stickyViewTops.value = values;
|
|
69
|
-
// @ts-ignore
|
|
70
|
-
firstStickyViewY.value = ((_viewPositions$sorted = viewPositions[sortedKeys[0]]) === null || _viewPositions$sorted === void 0 ? void 0 : _viewPositions$sorted.top) || 0;
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
const handleStickyViewLayout = (0, _react.useCallback)((viewKey, viewRef) => {
|
|
74
|
-
if (viewRef && viewRef.current && containerRef.current) {
|
|
75
|
-
stickyViewRefs.current[viewKey] = viewRef;
|
|
76
|
-
viewRef.current.measureLayout(
|
|
77
|
-
// @ts-ignore
|
|
78
|
-
containerRef.current, (left, top, width, height) => {
|
|
79
|
-
stickyViewPositionsRef.current = {
|
|
80
|
-
...stickyViewPositionsRef.current,
|
|
81
|
-
[viewKey]: {
|
|
82
|
-
left,
|
|
83
|
-
top,
|
|
84
|
-
width,
|
|
85
|
-
height
|
|
86
|
-
}
|
|
87
|
-
};
|
|
88
|
-
// @ts-ignore
|
|
89
|
-
stickyViewPositions.value = stickyViewPositionsRef.current;
|
|
90
|
-
}, () => {});
|
|
91
|
-
} else {
|
|
92
|
-
stickyViewRefs.current = {
|
|
93
|
-
...stickyViewRefs.current,
|
|
94
|
-
[viewKey]: undefined
|
|
95
|
-
};
|
|
96
|
-
stickyViewPositionsRef.current = {
|
|
97
|
-
...stickyViewPositionsRef.current,
|
|
98
|
-
[viewKey]: undefined
|
|
99
|
-
};
|
|
100
|
-
// @ts-ignore
|
|
101
|
-
stickyViewPositions.value = stickyViewPositionsRef.current;
|
|
102
|
-
}
|
|
103
|
-
}, []);
|
|
104
|
-
const debounceRefreshStickyPositions = (0, _react.useMemo)(() => {
|
|
105
|
-
return (0, _debounce.debounce)(() => {
|
|
106
|
-
Object.keys(stickyViewRefs.current).forEach(key => {
|
|
107
|
-
const viewRef = stickyViewRefs.current[key];
|
|
108
|
-
if (viewRef) {
|
|
109
|
-
handleStickyViewLayout(key, viewRef);
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
}, 200);
|
|
113
|
-
}, []);
|
|
114
|
-
const handleHeaderContainerLayout = (0, _react.useCallback)(height => {
|
|
115
|
-
headerHeight.value = (0, _reactNativeReanimated.withTiming)(height, {
|
|
47
|
+
headerHeight.value = (0, _reactNativeReanimated.withTiming)(totalHeight, {
|
|
116
48
|
duration: fixedHeaderHeight.value === 0 ? 0 : 10
|
|
117
49
|
});
|
|
118
|
-
fixedHeaderHeight.value =
|
|
119
|
-
//
|
|
120
|
-
|
|
50
|
+
fixedHeaderHeight.value = totalHeight;
|
|
51
|
+
// Calculate header positions
|
|
52
|
+
const sortedHeaders = headerContainers.sort((a, b) => {
|
|
53
|
+
var _headerContainerLayou2, _headerContainerLayou3;
|
|
54
|
+
return (((_headerContainerLayou2 = headerContainerLayouts.current[a]) === null || _headerContainerLayou2 === void 0 ? void 0 : _headerContainerLayou2.y) || 0) - (((_headerContainerLayou3 = headerContainerLayouts.current[b]) === null || _headerContainerLayou3 === void 0 ? void 0 : _headerContainerLayou3.y) || 0);
|
|
55
|
+
});
|
|
56
|
+
const values = {};
|
|
57
|
+
let aStickyHeight = 0;
|
|
58
|
+
for (let index = 0; index < sortedHeaders.length; index++) {
|
|
59
|
+
var _headerContainerLayou4;
|
|
60
|
+
const headerKey = sortedHeaders[index];
|
|
61
|
+
const sHeight = ((_headerContainerLayou4 = headerContainerLayouts.current[headerKey]) === null || _headerContainerLayou4 === void 0 ? void 0 : _headerContainerLayou4.stickyHeight) ?? 0;
|
|
62
|
+
values[headerKey] = {
|
|
63
|
+
top: aStickyHeight,
|
|
64
|
+
stickyHeight: sHeight
|
|
65
|
+
};
|
|
66
|
+
aStickyHeight += sHeight;
|
|
67
|
+
}
|
|
68
|
+
headerViewPositions.value = values;
|
|
121
69
|
}, []);
|
|
122
70
|
const handleContainerHeight = (0, _react.useCallback)(height => {
|
|
123
71
|
containerHeight.value = height;
|
|
@@ -148,21 +96,18 @@ function withCollapsibleContext(Component) {
|
|
|
148
96
|
const internalContext = (0, _react.useMemo)(() => ({
|
|
149
97
|
scrollViewRef,
|
|
150
98
|
containerRef,
|
|
151
|
-
handleStickyViewLayout,
|
|
152
99
|
handleHeaderContainerLayout,
|
|
153
100
|
setCollapsibleHandlers,
|
|
154
101
|
handleContainerHeight,
|
|
155
|
-
firstStickyViewY,
|
|
156
|
-
stickyViewTops,
|
|
157
|
-
stickyViewPositions,
|
|
158
102
|
fixedHeaderHeight,
|
|
159
|
-
contentMinHeight
|
|
160
|
-
|
|
103
|
+
contentMinHeight,
|
|
104
|
+
headerViewPositions
|
|
105
|
+
}), [setCollapsibleHandlers, handleHeaderContainerLayout, handleContainerHeight, fixedHeaderHeight, contentMinHeight, headerViewPositions]);
|
|
161
106
|
return /*#__PURE__*/_react.default.createElement(_useCollapsibleContext.CollapsibleContext.Provider, {
|
|
162
107
|
value: context
|
|
163
108
|
}, /*#__PURE__*/_react.default.createElement(_useInternalCollapsibleContext.InternalCollapsibleContext.Provider, {
|
|
164
109
|
value: internalContext
|
|
165
|
-
}, /*#__PURE__*/_react.default.createElement(
|
|
110
|
+
}, /*#__PURE__*/_react.default.createElement(Component, props)));
|
|
166
111
|
};
|
|
167
112
|
}
|
|
168
113
|
//# sourceMappingURL=withCollapsibleContext.js.map
|