react-native-tree-multi-select 1.9.0 → 1.9.2

package/README.md

@@ -121,7 +121,7 @@ export function TreeViewUsageExample(){
 
 | Property                           | Type                                                         | Required | Description                                                  |
 | ---------------------------------- | ------------------------------------------------------------ | -------- | ------------------------------------------------------------ |
-| `data`                             | [TreeNode](#treenode)`<ID = string>[]`                       | Yes      | An array of `TreeNode` objects                               |
+| `data`                             | [TreeNode](#treenodeid--string)`<ID = string>[]`     | Yes      | An array of `TreeNode` objects                               |
 | `onCheck`                          | `(checkedIds: ID[], indeterminateIds: ID[]) => void` | No       | Callback when a checkbox state changes                       |
 | `onExpand`                         | `(expandedIds: ID[]) => void`                           | No       | Callback when a node is expanded                             |
 | `preselectedIds`                   | `ID[]`                                                  | No       | An array of `id`s that should be pre-selected                |
@@ -134,7 +134,7 @@ export function TreeViewUsageExample(){
 | `CheckboxComponent`                | `ComponentType<`[CheckBoxViewProps](#checkboxviewprops)`>`   | No       | A custom checkbox component. Defaults to React Native Paper's Checkbox |
 | `ExpandCollapseIconComponent`      | `ComponentType<`[ExpandIconProps](#expandiconprops)`>`       | No       | A custom expand/collapse icon component                      |
 | `ExpandCollapseTouchableComponent` | `ComponentType<`[TouchableOpacityProps](https://reactnative.dev/docs/touchableopacity#props)`>` | No       | A custom expand/collapse touchable component                 |
-| `CustomNodeRowComponent`           | `React.ComponentType<`[NodeRowProps](#noderowprops)`<ID>>`   | No       | Custom row item component                                    |
+| `CustomNodeRowComponent`           | `React.ComponentType<`[NodeRowProps](#noderowpropsid--string)`<ID>>` | No       | Custom row item component                                    |
 
 ##### Notes
 
@@ -257,7 +257,7 @@ Type: `boolean` OR `"indeterminate"`
 
 | Property       | Type                                    | Required | Description                                             |
 | -------------- | --------------------------------------- | -------- | ------------------------------------------------------- |
-| `node`         | [TreeNode](#treenode)                   | Yes      | The node to be rendered                                 |
+| `node`         | [TreeNode](#treenodeid--string)         | Yes      | The node to be rendered                                 |
 | `level`        | `number`                                | Yes      | The depth of the node in the tree                       |
 | `checkedValue` | [CheckboxValueType](#checkboxvaluetype) | Yes      | The current value of the checkbox                       |
 | `isExpanded`   | `boolean`                               | Yes      | Whether the node is expanded or not                     |

package/lib/commonjs/components/NodeList.js

@@ -105,7 +105,7 @@ function HeaderFooterView() {
 }
 function getValue(isChecked, isIndeterminate) {
   if (isIndeterminate) {
-    return 'indeterminate';
+    return "indeterminate";
   } else if (isChecked) {
     return true;
   } else {
@@ -180,8 +180,8 @@ const styles = _reactNative.StyleSheet.create({
   },
   nodeCheckboxAndArrowRow: {
     flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     minWidth: "100%"
   }
 });

package/lib/module/components/NodeList.js

@@ -8,7 +8,7 @@ import { getFilteredTreeData, getFlattenedTreeData, getInnerMostChildrenIdsInTre
 import { CheckboxView } from "./CheckboxView";
 import { CustomExpandCollapseIcon } from "./CustomExpandCollapseIcon";
 import { defaultIndentationMultiplier } from "../constants/treeView.constants";
-import { useShallow } from 'zustand/react/shallow';
+import { useShallow } from "zustand/react/shallow";
 import { typedMemo } from "../utils/typedMemo";
 import { ScrollToNodeHandler } from "../handlers/ScrollToNodeHandler";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
@@ -100,7 +100,7 @@ function HeaderFooterView() {
 }
 function getValue(isChecked, isIndeterminate) {
   if (isIndeterminate) {
-    return 'indeterminate';
+    return "indeterminate";
   } else if (isChecked) {
     return true;
   } else {
@@ -175,8 +175,8 @@ const styles = StyleSheet.create({
   },
   nodeCheckboxAndArrowRow: {
     flex: 1,
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     minWidth: "100%"
   }
 });

package/lib/module/store/treeView.store.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { create } from 'zustand';
+import { create } from "zustand";
 // Map to store individual tree view stores by id
 const treeViewStores = new Map();
 // a function that returns a strongly typed version of `treeViewStores`

package/lib/typescript/store/treeView.store.d.ts

@@ -1,5 +1,5 @@
 import type { SelectionPropagation, TreeNode } from "src/types/treeView.types";
-import { StoreApi, UseBoundStore } from 'zustand';
+import { StoreApi, UseBoundStore } from "zustand";
 export type TreeViewState<ID> = {
     checked: Set<ID>;
     updateChecked: (checked: Set<ID>) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-tree-multi-select",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "A super-fast, customizable tree view component for React Native with multi-selection, checkboxes, and search filtering capabilities.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -37,7 +37,8 @@
     "build:android": "cd example/android && ./gradlew assembleDebug --no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a",
     "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",
     "bootstrap": "yarn example && yarn install && yarn example pods",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build",
+    "postinstall": "patch-package"
   },
   "keywords": [
     "react-native",
@@ -82,21 +83,21 @@
     "provenance": true
   },
   "devDependencies": {
-    "@commitlint/config-conventional": "^19.4.1",
-    "@evilmartians/lefthook": "^1.7.14",
+    "@commitlint/config-conventional": "^19.7.1",
+    "@evilmartians/lefthook": "^1.10.10",
     "@react-native-community/eslint-config": "^3.2.0",
-    "@release-it/conventional-changelog": "^8.0.1",
+    "@release-it/conventional-changelog": "^10.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^10.1.7",
+    "@semantic-release/github": "^11.0.1",
     "@semantic-release/npm": "^12.0.1",
     "@shopify/flash-list": "1.x.x",
     "@testing-library/jest-native": "^5.4.3",
     "@testing-library/react-native": "^12.6.1",
     "@types/color": "^3.0.6",
     "@types/jest": "^29.5.3",
-    "@types/lodash": "^4.17.13",
-    "@types/react": "~17.0.21",
+    "@types/lodash": "^4.17.16",
+    "@types/react": "^18.0.24",
     "@types/react-native": "0.70.0",
     "@types/react-native-vector-icons": "^6.4.18",
     "@types/react-test-renderer": "18.3.0",
@@ -106,21 +107,19 @@
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-prettier": "^4.0.0",
     "jest": "^29.7.0",
+    "patch-package": "^8.0.0",
     "prettier": "^3.3.3",
     "react": "18.2.0",
     "react-native": "^0.72.15",
     "react-native-builder-bob": "^0.30.0",
     "react-native-paper": "5.x.x",
     "react-test-renderer": "18.2.0",
-    "release-it": "^17.6.0",
+    "release-it": "^18.1.2",
     "semantic-release": "^24.1.0",
     "ts-jest": "^29.1.1",
     "turbo": "^2.1.0",
     "typescript": "^5.0.2"
   },
-  "resolutions": {
-    "@types/react": "17.0.21"
-  },
   "peerDependencies": {
     "@shopify/flash-list": "1.x.x",
     "react": "*",
@@ -211,7 +210,7 @@
   "dependencies": {
     "lodash": "^4.17.21",
     "react-native-uuid": "^2.0.3",
-    "zustand": "^4.5.5"
+    "zustand": "^5.0.3"
   },
   "funding": [
     {

package/src/components/NodeList.tsx

@@ -25,7 +25,7 @@ import {
 import { CheckboxView } from "./CheckboxView";
 import { CustomExpandCollapseIcon } from "./CustomExpandCollapseIcon";
 import { defaultIndentationMultiplier } from "../constants/treeView.constants";
-import { useShallow } from 'zustand/react/shallow';
+import { useShallow } from "zustand/react/shallow";
 import { typedMemo } from "../utils/typedMemo";
 import { ScrollToNodeHandler } from "../handlers/ScrollToNodeHandler";
 
@@ -157,7 +157,7 @@ function getValue(
     isIndeterminate: boolean
 ): CheckboxValueType {
     if (isIndeterminate) {
-        return 'indeterminate';
+        return "indeterminate";
     } else if (isChecked) {
         return true;
     } else {
@@ -249,8 +249,8 @@ const styles = StyleSheet.create({
     },
     nodeCheckboxAndArrowRow: {
         flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center',
+        flexDirection: "row",
+        alignItems: "center",
         minWidth: "100%"
     }
 });

package/src/store/treeView.store.ts

@@ -1,5 +1,5 @@
 import type { SelectionPropagation, TreeNode } from "src/types/treeView.types";
-import { create, StoreApi, UseBoundStore } from 'zustand';
+import { create, StoreApi, UseBoundStore } from "zustand";
 
 export type TreeViewState<ID> = {
     // Store ids of checked tree nodes