react-native-tree-multi-select 1.9.2 → 1.9.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/README.md +1 -1
- package/lib/commonjs/components/CheckboxView.js +6 -6
- package/lib/commonjs/components/CustomExpandCollapseIcon.js +1 -1
- package/lib/commonjs/constants/tests.constants.js +1 -1
- package/lib/commonjs/handlers/ScrollToNodeHandler.js +2 -2
- package/lib/commonjs/handlers/ScrollToNodeHandler.js.map +1 -1
- package/lib/commonjs/utils/useDeepCompareEffect.js +2 -2
- package/lib/commonjs/utils/useDeepCompareEffect.js.map +1 -1
- package/lib/module/TreeView.js +7 -7
- package/lib/module/components/CheckboxView.js +7 -7
- package/lib/module/components/CustomExpandCollapseIcon.js +2 -2
- package/lib/module/constants/tests.constants.js +1 -1
- package/lib/module/handlers/ScrollToNodeHandler.js +2 -2
- package/lib/module/handlers/ScrollToNodeHandler.js.map +1 -1
- package/lib/module/jest.setup.js +1 -1
- package/lib/module/utils/useDeepCompareEffect.js +2 -2
- package/lib/module/utils/useDeepCompareEffect.js.map +1 -1
- package/lib/typescript/TreeView.d.ts +2 -2
- package/lib/typescript/jest.setup.d.ts +1 -1
- package/lib/typescript/types/treeView.types.d.ts +2 -2
- package/lib/typescript/utils/useDeepCompareEffect.d.ts.map +1 -1
- package/package.json +10 -8
- package/src/TreeView.tsx +8 -8
- package/src/components/CheckboxView.tsx +10 -10
- package/src/components/CustomExpandCollapseIcon.tsx +3 -3
- package/src/constants/tests.constants.ts +1 -1
- package/src/handlers/ScrollToNodeHandler.tsx +2 -2
- package/src/jest.setup.ts +1 -1
- package/src/types/treeView.types.ts +2 -2
- package/src/utils/useDeepCompareEffect.ts +5 -2
package/README.md
CHANGED
|
@@ -29,7 +29,7 @@ function _CheckboxView(props) {
|
|
|
29
29
|
}
|
|
30
30
|
} = props;
|
|
31
31
|
const customCheckboxValueTypeToRNPaperType = _react.default.useCallback(customCheckboxValueType => {
|
|
32
|
-
return customCheckboxValueType ===
|
|
32
|
+
return customCheckboxValueType === "indeterminate" ? "indeterminate" : customCheckboxValueType ? "checked" : "unchecked";
|
|
33
33
|
}, []);
|
|
34
34
|
|
|
35
35
|
/**
|
|
@@ -40,7 +40,7 @@ function _CheckboxView(props) {
|
|
|
40
40
|
*/
|
|
41
41
|
const onValueChangeModifier = _react.default.useCallback(() => {
|
|
42
42
|
// If the previous state was 'indeterminate', set checked to true
|
|
43
|
-
if (value ===
|
|
43
|
+
if (value === "indeterminate") onValueChange(true);else onValueChange(!value);
|
|
44
44
|
}, [onValueChange, value]);
|
|
45
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
46
46
|
style: outermostParentViewStyle,
|
|
@@ -63,9 +63,9 @@ function _CheckboxView(props) {
|
|
|
63
63
|
}
|
|
64
64
|
const defaultCheckboxViewStyles = exports.defaultCheckboxViewStyles = _reactNative.StyleSheet.create({
|
|
65
65
|
mainView: {
|
|
66
|
-
alignSelf:
|
|
67
|
-
alignItems:
|
|
68
|
-
flexDirection:
|
|
66
|
+
alignSelf: "center",
|
|
67
|
+
alignItems: "center",
|
|
68
|
+
flexDirection: "row",
|
|
69
69
|
marginEnd: 10
|
|
70
70
|
},
|
|
71
71
|
checkboxView: {
|
|
@@ -76,7 +76,7 @@ const defaultCheckboxViewStyles = exports.defaultCheckboxViewStyles = _reactNati
|
|
|
76
76
|
},
|
|
77
77
|
checkboxTextStyle: {
|
|
78
78
|
color: "black",
|
|
79
|
-
marginTop: _reactNative.Platform.OS ===
|
|
79
|
+
marginTop: _reactNative.Platform.OS === "android" ? 2 : undefined
|
|
80
80
|
}
|
|
81
81
|
});
|
|
82
82
|
//# sourceMappingURL=CheckboxView.js.map
|
|
@@ -14,7 +14,7 @@ function _CustomExpandCollapseIcon(props) {
|
|
|
14
14
|
isExpanded
|
|
15
15
|
} = props;
|
|
16
16
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FontAwesome.default, {
|
|
17
|
-
name: isExpanded ?
|
|
17
|
+
name: isExpanded ? "caret-down" : "caret-right",
|
|
18
18
|
size: 20,
|
|
19
19
|
color: "black"
|
|
20
20
|
});
|
|
@@ -9,7 +9,7 @@ var _expandCollapse = require("../helpers/expandCollapse.helper");
|
|
|
9
9
|
var _treeView = require("../store/treeView.store");
|
|
10
10
|
var _shallow = require("zustand/react/shallow");
|
|
11
11
|
var _typedMemo = require("../utils/typedMemo");
|
|
12
|
-
var
|
|
12
|
+
var _fastIsEqual = require("fast-is-equal");
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
/**
|
|
15
15
|
* ScrollToNodeHandler Component
|
|
@@ -99,7 +99,7 @@ function _innerScrollToNodeHandler(props, ref) {
|
|
|
99
99
|
perform the scroll using the latest node list. */
|
|
100
100
|
_react.default.useLayoutEffect(() => {
|
|
101
101
|
if (queuedScrollToNodeParams.current === null) return;
|
|
102
|
-
if (!(0,
|
|
102
|
+
if (!(0, _fastIsEqual.fastIsEqual)(expandAndScrollToNodeQueue, [ExpandQueueAction.EXPANDED, ExpandQueueAction.RENDERED])) {
|
|
103
103
|
return;
|
|
104
104
|
}
|
|
105
105
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_expandCollapse","_treeView","_shallow","_typedMemo","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_expandCollapse","_treeView","_shallow","_typedMemo","_fastIsEqual","e","__esModule","default","ExpandQueueAction","_innerScrollToNodeHandler","props","ref","storeId","flashListRef","flattenedFilteredNodes","setInitialScrollIndex","initialScrollNodeID","expanded","childToParentMap","useTreeViewStore","useShallow","state","React","useImperativeHandle","scrollToNodeID","params","queuedScrollToNodeParams","current","setExpandAndScrollToNodeQueue","EXPANDED","expandNodes","nodeId","expandScrolledNode","useRef","expandAndScrollToNodeQueue","useState","latestFlattenedFilteredNodesRef","useEffect","prevQueue","includes","RENDERED","useLayoutEffect","fastIsEqual","parentId","has","get","animated","viewOffset","viewPosition","scrollToItem","index","findIndex","item","id","scrollToIndex","__DEV__","console","info","initialScrollDone","_ScrollToNodeHandler","forwardRef","ScrollToNodeHandler","exports","typedMemo"],"sourceRoot":"../../../src","sources":["handlers/ScrollToNodeHandler.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = useDeepCompareEffect;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _fastIsEqual = require("fast-is-equal");
|
|
9
9
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
/**
|
|
11
11
|
* Deep compare effect hook.
|
|
@@ -25,7 +25,7 @@ function useDeepCompareEffect(effect, deps) {
|
|
|
25
25
|
const dependenciesRef = _react.default.useRef(memoizedDependencies);
|
|
26
26
|
|
|
27
27
|
// Check for dependency changes
|
|
28
|
-
const dependenciesChanged = !(0,
|
|
28
|
+
const dependenciesChanged = !(0, _fastIsEqual.fastIsEqual)(dependenciesRef.current, memoizedDependencies);
|
|
29
29
|
if (dependenciesChanged) {
|
|
30
30
|
dependenciesRef.current = memoizedDependencies;
|
|
31
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_fastIsEqual","e","__esModule","default","useDeepCompareEffect","effect","deps","firstRenderRef","React","useRef","memoizedDependencies","useMemo","dependenciesRef","dependenciesChanged","fastIsEqual","current","useEffect"],"sourceRoot":"../../../src","sources":["utils/useDeepCompareEffect.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA4C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE5C;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASG,oBAAoBA,CAC1CC,MAA4B,EAC5BC,IAA0B,EAC1B;EACA;EACA,MAAMC,cAAc,GAAGC,cAAK,CAACC,MAAM,CAAU,IAAI,CAAC;;EAElD;EACA,MAAMC,oBAAoB,GAAGF,cAAK,CAACG,OAAO,CAAC,MAAML,IAAI,EAAE,CAACA,IAAI,CAAC,CAAC;;EAE9D;EACA,MAAMM,eAAe,GAAGJ,cAAK,CAACC,MAAM,CAAuBC,oBAAoB,CAAC;;EAEhF;EACA,MAAMG,mBAAmB,GAAG,CAAC,IAAAC,wBAAW,EACtCF,eAAe,CAACG,OAAO,EACvBL,oBACF,CAAC;EACD,IAAIG,mBAAmB,EAAE;IACvBD,eAAe,CAACG,OAAO,GAAGL,oBAAoB;EAChD;EAEAF,cAAK,CAACQ,SAAS,CAAC,MAAM;IACpB,IAAIT,cAAc,CAACQ,OAAO,EAAE;MAC1BR,cAAc,CAACQ,OAAO,GAAG,KAAK;IAChC;IAEA,OAAOV,MAAM,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACQ,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC7B","ignoreList":[]}
|
package/lib/module/TreeView.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from
|
|
4
|
-
import { InteractionManager } from
|
|
5
|
-
import NodeList from
|
|
6
|
-
import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes } from
|
|
7
|
-
import { getTreeViewStore, useTreeViewStore } from
|
|
8
|
-
import usePreviousState from
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { InteractionManager } from "react-native";
|
|
5
|
+
import NodeList from "./components/NodeList";
|
|
6
|
+
import { selectAll, selectAllFiltered, unselectAll, unselectAllFiltered, initializeNodeMaps, expandAll, collapseAll, toggleCheckboxes, expandNodes, collapseNodes } from "./helpers";
|
|
7
|
+
import { getTreeViewStore, useTreeViewStore } from "./store/treeView.store";
|
|
8
|
+
import usePreviousState from "./utils/usePreviousState";
|
|
9
9
|
import { useShallow } from "zustand/react/shallow";
|
|
10
10
|
import uuid from "react-native-uuid";
|
|
11
11
|
import useDeepCompareEffect from "./utils/useDeepCompareEffect";
|
|
12
|
-
import { typedMemo } from
|
|
12
|
+
import { typedMemo } from "./utils/typedMemo";
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
14
|
function _innerTreeView(props, ref) {
|
|
15
15
|
const {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Platform, StyleSheet, Text, TouchableOpacity, View } from "react-native";
|
|
5
|
-
import { Checkbox } from
|
|
5
|
+
import { Checkbox } from "react-native-paper";
|
|
6
6
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
function arePropsEqual(prevProps, nextProps) {
|
|
8
8
|
return prevProps.value === nextProps.value && prevProps.text === nextProps.text;
|
|
@@ -24,7 +24,7 @@ function _CheckboxView(props) {
|
|
|
24
24
|
}
|
|
25
25
|
} = props;
|
|
26
26
|
const customCheckboxValueTypeToRNPaperType = React.useCallback(customCheckboxValueType => {
|
|
27
|
-
return customCheckboxValueType ===
|
|
27
|
+
return customCheckboxValueType === "indeterminate" ? "indeterminate" : customCheckboxValueType ? "checked" : "unchecked";
|
|
28
28
|
}, []);
|
|
29
29
|
|
|
30
30
|
/**
|
|
@@ -35,7 +35,7 @@ function _CheckboxView(props) {
|
|
|
35
35
|
*/
|
|
36
36
|
const onValueChangeModifier = React.useCallback(() => {
|
|
37
37
|
// If the previous state was 'indeterminate', set checked to true
|
|
38
|
-
if (value ===
|
|
38
|
+
if (value === "indeterminate") onValueChange(true);else onValueChange(!value);
|
|
39
39
|
}, [onValueChange, value]);
|
|
40
40
|
return /*#__PURE__*/_jsxs(View, {
|
|
41
41
|
style: outermostParentViewStyle,
|
|
@@ -58,9 +58,9 @@ function _CheckboxView(props) {
|
|
|
58
58
|
}
|
|
59
59
|
export const defaultCheckboxViewStyles = StyleSheet.create({
|
|
60
60
|
mainView: {
|
|
61
|
-
alignSelf:
|
|
62
|
-
alignItems:
|
|
63
|
-
flexDirection:
|
|
61
|
+
alignSelf: "center",
|
|
62
|
+
alignItems: "center",
|
|
63
|
+
flexDirection: "row",
|
|
64
64
|
marginEnd: 10
|
|
65
65
|
},
|
|
66
66
|
checkboxView: {
|
|
@@ -71,7 +71,7 @@ export const defaultCheckboxViewStyles = StyleSheet.create({
|
|
|
71
71
|
},
|
|
72
72
|
checkboxTextStyle: {
|
|
73
73
|
color: "black",
|
|
74
|
-
marginTop: Platform.OS ===
|
|
74
|
+
marginTop: Platform.OS === "android" ? 2 : undefined
|
|
75
75
|
}
|
|
76
76
|
});
|
|
77
77
|
//# sourceMappingURL=CheckboxView.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import FontAwesomeIcon from
|
|
4
|
+
import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
|
|
5
5
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
6
|
export const CustomExpandCollapseIcon = /*#__PURE__*/React.memo(_CustomExpandCollapseIcon);
|
|
7
7
|
function _CustomExpandCollapseIcon(props) {
|
|
@@ -9,7 +9,7 @@ function _CustomExpandCollapseIcon(props) {
|
|
|
9
9
|
isExpanded
|
|
10
10
|
} = props;
|
|
11
11
|
return /*#__PURE__*/_jsx(FontAwesomeIcon, {
|
|
12
|
-
name: isExpanded ?
|
|
12
|
+
name: isExpanded ? "caret-down" : "caret-right",
|
|
13
13
|
size: 20,
|
|
14
14
|
color: "black"
|
|
15
15
|
});
|
|
@@ -39,7 +39,7 @@ import { expandNodes } from "../helpers/expandCollapse.helper";
|
|
|
39
39
|
import { useTreeViewStore } from "../store/treeView.store";
|
|
40
40
|
import { useShallow } from "zustand/react/shallow";
|
|
41
41
|
import { typedMemo } from "../utils/typedMemo";
|
|
42
|
-
import {
|
|
42
|
+
import { fastIsEqual } from "fast-is-equal";
|
|
43
43
|
// Enum representing the two milestones needed before scrolling
|
|
44
44
|
var ExpandQueueAction = /*#__PURE__*/function (ExpandQueueAction) {
|
|
45
45
|
ExpandQueueAction[ExpandQueueAction["EXPANDED"] = 0] = "EXPANDED";
|
|
@@ -95,7 +95,7 @@ function _innerScrollToNodeHandler(props, ref) {
|
|
|
95
95
|
perform the scroll using the latest node list. */
|
|
96
96
|
React.useLayoutEffect(() => {
|
|
97
97
|
if (queuedScrollToNodeParams.current === null) return;
|
|
98
|
-
if (!
|
|
98
|
+
if (!fastIsEqual(expandAndScrollToNodeQueue, [ExpandQueueAction.EXPANDED, ExpandQueueAction.RENDERED])) {
|
|
99
99
|
return;
|
|
100
100
|
}
|
|
101
101
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","expandNodes","useTreeViewStore","useShallow","typedMemo","
|
|
1
|
+
{"version":3,"names":["React","expandNodes","useTreeViewStore","useShallow","typedMemo","fastIsEqual","ExpandQueueAction","_innerScrollToNodeHandler","props","ref","storeId","flashListRef","flattenedFilteredNodes","setInitialScrollIndex","initialScrollNodeID","expanded","childToParentMap","state","useImperativeHandle","scrollToNodeID","params","queuedScrollToNodeParams","current","setExpandAndScrollToNodeQueue","EXPANDED","nodeId","expandScrolledNode","useRef","expandAndScrollToNodeQueue","useState","latestFlattenedFilteredNodesRef","useEffect","prevQueue","includes","RENDERED","useLayoutEffect","parentId","has","get","animated","viewOffset","viewPosition","scrollToItem","index","findIndex","item","id","scrollToIndex","__DEV__","console","info","initialScrollDone","_ScrollToNodeHandler","forwardRef","ScrollToNodeHandler"],"sourceRoot":"../../../src","sources":["handlers/ScrollToNodeHandler.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/jest.setup.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React from "react";
|
|
4
|
-
import
|
|
4
|
+
import { fastIsEqual } from "fast-is-equal";
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Deep compare effect hook.
|
|
@@ -21,7 +21,7 @@ export default function useDeepCompareEffect(effect, deps) {
|
|
|
21
21
|
const dependenciesRef = React.useRef(memoizedDependencies);
|
|
22
22
|
|
|
23
23
|
// Check for dependency changes
|
|
24
|
-
const dependenciesChanged = !
|
|
24
|
+
const dependenciesChanged = !fastIsEqual(dependenciesRef.current, memoizedDependencies);
|
|
25
25
|
if (dependenciesChanged) {
|
|
26
26
|
dependenciesRef.current = memoizedDependencies;
|
|
27
27
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","fastIsEqual","useDeepCompareEffect","effect","deps","firstRenderRef","useRef","memoizedDependencies","useMemo","dependenciesRef","dependenciesChanged","current","useEffect"],"sourceRoot":"../../../src","sources":["utils/useDeepCompareEffect.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,oBAAoBA,CAC1CC,MAA4B,EAC5BC,IAA0B,EAC1B;EACA;EACA,MAAMC,cAAc,GAAGL,KAAK,CAACM,MAAM,CAAU,IAAI,CAAC;;EAElD;EACA,MAAMC,oBAAoB,GAAGP,KAAK,CAACQ,OAAO,CAAC,MAAMJ,IAAI,EAAE,CAACA,IAAI,CAAC,CAAC;;EAE9D;EACA,MAAMK,eAAe,GAAGT,KAAK,CAACM,MAAM,CAAuBC,oBAAoB,CAAC;;EAEhF;EACA,MAAMG,mBAAmB,GAAG,CAACT,WAAW,CACtCQ,eAAe,CAACE,OAAO,EACvBJ,oBACF,CAAC;EACD,IAAIG,mBAAmB,EAAE;IACvBD,eAAe,CAACE,OAAO,GAAGJ,oBAAoB;EAChD;EAEAP,KAAK,CAACY,SAAS,CAAC,MAAM;IACpB,IAAIP,cAAc,CAACM,OAAO,EAAE;MAC1BN,cAAc,CAACM,OAAO,GAAG,KAAK;IAChC;IAEA,OAAOR,MAAM,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACO,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAC7B","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { TreeViewProps, TreeViewRef } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { TreeViewProps, TreeViewRef } from "./types/treeView.types";
|
|
3
3
|
declare function _innerTreeView<ID>(props: TreeViewProps<ID>, ref: React.ForwardedRef<TreeViewRef<ID>>): React.JSX.Element;
|
|
4
4
|
export declare const TreeView: <ID>(props: TreeViewProps<ID> & {
|
|
5
5
|
ref?: React.ForwardedRef<TreeViewRef<ID>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@testing-library/jest-native/extend-expect";
|
|
2
2
|
//# sourceMappingURL=jest.setup.d.ts.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import type { StyleProp, TextProps, TouchableOpacityProps, ViewStyle } from "react-native";
|
|
2
2
|
import type { FlashListProps } from "@shopify/flash-list";
|
|
3
|
-
import { type Props as RNPaperCheckboxAndroidProps } from
|
|
3
|
+
import { type Props as RNPaperCheckboxAndroidProps } from "react-native-paper/src/components/Checkbox/CheckboxAndroid";
|
|
4
4
|
import { ScrollToNodeHandlerRef, ScrollToNodeParams } from "../handlers/ScrollToNodeHandler";
|
|
5
|
-
export type CheckboxValueType = boolean |
|
|
5
|
+
export type CheckboxValueType = boolean | "indeterminate";
|
|
6
6
|
export interface ExpandIconProps {
|
|
7
7
|
isExpanded: boolean;
|
|
8
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDeepCompareEffect.d.ts","sourceRoot":"","sources":["../../../src/utils/useDeepCompareEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"useDeepCompareEffect.d.ts","sourceRoot":"","sources":["../../../src/utils/useDeepCompareEffect.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAC1C,MAAM,EAAE,KAAK,CAAC,cAAc,EAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,QA4B3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-tree-multi-select",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.4",
|
|
4
4
|
"description": "A super-fast, customizable tree view component for React Native with multi-selection, checkboxes, and search filtering capabilities.",
|
|
5
5
|
"main": "lib/commonjs/index.js",
|
|
6
6
|
"module": "lib/module/index.js",
|
|
@@ -36,9 +36,8 @@
|
|
|
36
36
|
"example": "yarn --cwd example",
|
|
37
37
|
"build:android": "cd example/android && ./gradlew assembleDebug --no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a",
|
|
38
38
|
"build:ios": "cd example/ios && pod install && xcodebuild -workspace TreeMultiSelectExample.xcworkspace -scheme TreeMultiSelectExample -configuration Debug -sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO",
|
|
39
|
-
"bootstrap": "yarn example && yarn install && yarn example pods",
|
|
40
|
-
"clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
|
|
41
|
-
"postinstall": "patch-package"
|
|
39
|
+
"bootstrap": "yarn example && yarn install && yarn example pods && yarn patch-package",
|
|
40
|
+
"clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
|
|
42
41
|
},
|
|
43
42
|
"keywords": [
|
|
44
43
|
"react-native",
|
|
@@ -96,7 +95,6 @@
|
|
|
96
95
|
"@testing-library/react-native": "^12.6.1",
|
|
97
96
|
"@types/color": "^3.0.6",
|
|
98
97
|
"@types/jest": "^29.5.3",
|
|
99
|
-
"@types/lodash": "^4.17.16",
|
|
100
98
|
"@types/react": "^18.0.24",
|
|
101
99
|
"@types/react-native": "0.70.0",
|
|
102
100
|
"@types/react-native-vector-icons": "^6.4.18",
|
|
@@ -178,7 +176,11 @@
|
|
|
178
176
|
"prettier"
|
|
179
177
|
],
|
|
180
178
|
"rules": {
|
|
181
|
-
"prettier/prettier": "off"
|
|
179
|
+
"prettier/prettier": "off",
|
|
180
|
+
"quotes": [
|
|
181
|
+
"error",
|
|
182
|
+
"double"
|
|
183
|
+
]
|
|
182
184
|
}
|
|
183
185
|
},
|
|
184
186
|
"eslintIgnore": [
|
|
@@ -188,7 +190,7 @@
|
|
|
188
190
|
],
|
|
189
191
|
"prettier": {
|
|
190
192
|
"quoteProps": "consistent",
|
|
191
|
-
"singleQuote":
|
|
193
|
+
"singleQuote": false,
|
|
192
194
|
"tabWidth": 2,
|
|
193
195
|
"trailingComma": "es5",
|
|
194
196
|
"useTabs": false
|
|
@@ -208,7 +210,7 @@
|
|
|
208
210
|
]
|
|
209
211
|
},
|
|
210
212
|
"dependencies": {
|
|
211
|
-
"
|
|
213
|
+
"fast-is-equal": "^1.0.2",
|
|
212
214
|
"react-native-uuid": "^2.0.3",
|
|
213
215
|
"zustand": "^5.0.3"
|
|
214
216
|
},
|
package/src/TreeView.tsx
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { InteractionManager } from
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { InteractionManager } from "react-native";
|
|
3
3
|
import type {
|
|
4
4
|
TreeNode,
|
|
5
5
|
TreeViewProps,
|
|
6
6
|
TreeViewRef
|
|
7
|
-
} from
|
|
8
|
-
import NodeList from
|
|
7
|
+
} from "./types/treeView.types";
|
|
8
|
+
import NodeList from "./components/NodeList";
|
|
9
9
|
import {
|
|
10
10
|
selectAll,
|
|
11
11
|
selectAllFiltered,
|
|
@@ -17,13 +17,13 @@ import {
|
|
|
17
17
|
toggleCheckboxes,
|
|
18
18
|
expandNodes,
|
|
19
19
|
collapseNodes
|
|
20
|
-
} from
|
|
21
|
-
import { getTreeViewStore, useTreeViewStore } from
|
|
22
|
-
import usePreviousState from
|
|
20
|
+
} from "./helpers";
|
|
21
|
+
import { getTreeViewStore, useTreeViewStore } from "./store/treeView.store";
|
|
22
|
+
import usePreviousState from "./utils/usePreviousState";
|
|
23
23
|
import { useShallow } from "zustand/react/shallow";
|
|
24
24
|
import uuid from "react-native-uuid";
|
|
25
25
|
import useDeepCompareEffect from "./utils/useDeepCompareEffect";
|
|
26
|
-
import { typedMemo } from
|
|
26
|
+
import { typedMemo } from "./utils/typedMemo";
|
|
27
27
|
import {
|
|
28
28
|
ScrollToNodeHandlerRef,
|
|
29
29
|
ScrollToNodeParams
|
|
@@ -7,7 +7,7 @@ import {
|
|
|
7
7
|
View
|
|
8
8
|
} from "react-native";
|
|
9
9
|
|
|
10
|
-
import { Checkbox } from
|
|
10
|
+
import { Checkbox } from "react-native-paper";
|
|
11
11
|
import type {
|
|
12
12
|
BuiltInCheckBoxViewProps,
|
|
13
13
|
CheckboxValueType
|
|
@@ -46,11 +46,11 @@ function _CheckboxView(props: BuiltInCheckBoxViewProps) {
|
|
|
46
46
|
const customCheckboxValueTypeToRNPaperType = React.useCallback((
|
|
47
47
|
customCheckboxValueType: CheckboxValueType
|
|
48
48
|
) => {
|
|
49
|
-
return customCheckboxValueType ===
|
|
50
|
-
?
|
|
49
|
+
return customCheckboxValueType === "indeterminate"
|
|
50
|
+
? "indeterminate"
|
|
51
51
|
: customCheckboxValueType
|
|
52
|
-
?
|
|
53
|
-
:
|
|
52
|
+
? "checked"
|
|
53
|
+
: "unchecked";
|
|
54
54
|
}, []);
|
|
55
55
|
|
|
56
56
|
/**
|
|
@@ -61,7 +61,7 @@ function _CheckboxView(props: BuiltInCheckBoxViewProps) {
|
|
|
61
61
|
*/
|
|
62
62
|
const onValueChangeModifier = React.useCallback(() => {
|
|
63
63
|
// If the previous state was 'indeterminate', set checked to true
|
|
64
|
-
if (value ===
|
|
64
|
+
if (value === "indeterminate") onValueChange(true);
|
|
65
65
|
else onValueChange(!value);
|
|
66
66
|
}, [onValueChange, value]);
|
|
67
67
|
|
|
@@ -92,9 +92,9 @@ function _CheckboxView(props: BuiltInCheckBoxViewProps) {
|
|
|
92
92
|
|
|
93
93
|
export const defaultCheckboxViewStyles = StyleSheet.create({
|
|
94
94
|
mainView: {
|
|
95
|
-
alignSelf:
|
|
96
|
-
alignItems:
|
|
97
|
-
flexDirection:
|
|
95
|
+
alignSelf: "center",
|
|
96
|
+
alignItems: "center",
|
|
97
|
+
flexDirection: "row",
|
|
98
98
|
|
|
99
99
|
marginEnd: 10
|
|
100
100
|
},
|
|
@@ -104,6 +104,6 @@ export const defaultCheckboxViewStyles = StyleSheet.create({
|
|
|
104
104
|
},
|
|
105
105
|
checkboxTextStyle: {
|
|
106
106
|
color: "black",
|
|
107
|
-
marginTop: Platform.OS ===
|
|
107
|
+
marginTop: Platform.OS === "android" ? 2 : undefined,
|
|
108
108
|
},
|
|
109
109
|
});
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import FontAwesomeIcon from
|
|
2
|
+
import FontAwesomeIcon from "react-native-vector-icons/FontAwesome";
|
|
3
3
|
|
|
4
4
|
import { ExpandIconProps } from "src/types/treeView.types";
|
|
5
5
|
|
|
@@ -14,8 +14,8 @@ function _CustomExpandCollapseIcon(props: ExpandIconProps) {
|
|
|
14
14
|
<FontAwesomeIcon
|
|
15
15
|
name={
|
|
16
16
|
isExpanded
|
|
17
|
-
?
|
|
18
|
-
:
|
|
17
|
+
? "caret-down"
|
|
18
|
+
: "caret-right"
|
|
19
19
|
}
|
|
20
20
|
size={20}
|
|
21
21
|
color="black"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export const testStoreId =
|
|
1
|
+
export const testStoreId = "test-store-id";
|
|
@@ -38,7 +38,7 @@ import { useTreeViewStore } from "../store/treeView.store";
|
|
|
38
38
|
import { useShallow } from "zustand/react/shallow";
|
|
39
39
|
import { __FlattenedTreeNode__ } from "../types/treeView.types";
|
|
40
40
|
import { typedMemo } from "../utils/typedMemo";
|
|
41
|
-
import {
|
|
41
|
+
import { fastIsEqual } from "fast-is-equal";
|
|
42
42
|
|
|
43
43
|
interface Props<ID> {
|
|
44
44
|
storeId: string;
|
|
@@ -131,7 +131,7 @@ function _innerScrollToNodeHandler<ID>(
|
|
|
131
131
|
if (queuedScrollToNodeParams.current === null)
|
|
132
132
|
return;
|
|
133
133
|
|
|
134
|
-
if (!
|
|
134
|
+
if (!fastIsEqual(
|
|
135
135
|
expandAndScrollToNodeQueue,
|
|
136
136
|
[ExpandQueueAction.EXPANDED, ExpandQueueAction.RENDERED]
|
|
137
137
|
)) {
|
package/src/jest.setup.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import "@testing-library/jest-native/extend-expect";
|
|
@@ -7,13 +7,13 @@ import type {
|
|
|
7
7
|
import type { FlashListProps } from "@shopify/flash-list";
|
|
8
8
|
import {
|
|
9
9
|
type Props as RNPaperCheckboxAndroidProps
|
|
10
|
-
} from
|
|
10
|
+
} from "react-native-paper/src/components/Checkbox/CheckboxAndroid";
|
|
11
11
|
import {
|
|
12
12
|
ScrollToNodeHandlerRef,
|
|
13
13
|
ScrollToNodeParams
|
|
14
14
|
} from "../handlers/ScrollToNodeHandler";
|
|
15
15
|
|
|
16
|
-
export type CheckboxValueType = boolean |
|
|
16
|
+
export type CheckboxValueType = boolean | "indeterminate";
|
|
17
17
|
|
|
18
18
|
export interface ExpandIconProps {
|
|
19
19
|
isExpanded: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { fastIsEqual } from "fast-is-equal";
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* Deep compare effect hook.
|
|
@@ -22,7 +22,10 @@ export default function useDeepCompareEffect(
|
|
|
22
22
|
const dependenciesRef = React.useRef<React.DependencyList>(memoizedDependencies);
|
|
23
23
|
|
|
24
24
|
// Check for dependency changes
|
|
25
|
-
const dependenciesChanged = !
|
|
25
|
+
const dependenciesChanged = !fastIsEqual(
|
|
26
|
+
dependenciesRef.current,
|
|
27
|
+
memoizedDependencies
|
|
28
|
+
);
|
|
26
29
|
if (dependenciesChanged) {
|
|
27
30
|
dependenciesRef.current = memoizedDependencies;
|
|
28
31
|
}
|