Merge pull request #135 from JairajJangle/develop

Develop

Author: JairajJangle

.github/actions/setup/action.yml

@@ -22,33 +22,23 @@ runs:
     - name: Setup Corepack and Yarn
       run: |
         corepack enable
-        corepack prepare [email protected] --activate
+        corepack prepare [email protected] --activate
+        yarn --version
       shell: bash
 
-    # Create required directory and install plugins
-    - name: Setup plugins
+    - name: Configure Yarn and Generate .yarnrc.yml
       run: |
-        mkdir -p .yarn/plugins
-        yarn plugin import @yarnpkg/plugin-interactive-tools
-        yarn plugin import @yarnpkg/plugin-workspace-tools
+        yarn set version 4.9.2
+        yarn config set nodeLinker node-modules
+        yarn config set nmHoistingLimits workspaces
       shell: bash
 
-    # Now update .yarnrc.yml to include the plugins
-    - name: Update Yarn config with plugins
+    - name: Verify .yarnrc.yml
       run: |
-        cat > .yarnrc.yml << EOF
-        nodeLinker: node-modules
-        nmHoistingLimits: workspaces
-        
-        plugins:
-          - path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
-            spec: "@yarnpkg/plugin-interactive-tools"
-          - path: .yarn/plugins/@yarnpkg/plugin-workspace-tools.cjs
-            spec: "@yarnpkg/plugin-workspace-tools"
-        EOF
+        cat .yarnrc.yml
       shell: bash
 
-    - name: Restore cache
+    - name: Restore Yarn Cache
       uses: actions/cache/restore@v4
       id: yarn-cache
       with:
@@ -66,7 +56,7 @@ runs:
       run: yarn install
       shell: bash
 
-    - name: Save cache
+    - name: Save Yarn Cache
       uses: actions/cache/save@v4
       if: steps.yarn-cache.outputs.cache-hit != 'true'
       with:
@@ -75,4 +65,4 @@ runs:
           .yarn/cache
           .yarn/unplugged
           .yarn/install-state.gz
-        key: ${{ steps.yarn-cache.outputs.cache-primary-key || format('{0}-yarn-{1}-{2}', runner.os, hashFiles('yarn.lock'), hashFiles('**/package.json', '!node_modules/**')) }}
+        key: ${{ steps.yarn-cache.outputs.cache-primary-key }}

.gitignore

@@ -67,6 +67,7 @@ android/keystores/debug.keystore
 # Yarn
 .yarn/
 .pnp.*
+.yarnrc.yml
 
 # Expo
 .expo/

.yarnrc.yml

@@ -4,17 +4,50 @@ Contributions are always welcome, no matter how large or small!
 
 We want this community to be friendly and respectful to each other. Please follow it in all your interactions with the project. Before contributing, please read the [code of conduct](./CODE_OF_CONDUCT.md).
 
-## Development workflow
+## Development Workflow
 
-To get started with the project, run `yarn` in the root directory to install the required dependencies for each package:
+This project is a monorepo managed using [Yarn Workspaces](https://yarnpkg.com/features/workspaces) with Yarn 4.9.2. It contains the following packages:
 
-```sh
-yarn
-```
+- The library package in the root directory.
+- An example app in the `example/` directory.
+
+To get started with the project, follow these steps:
+
+1. **Ensure Node.js is installed**: Use Node.js 22.12.0 or higher (as specified in `.nvmrc`). Install via [nvm](https://github.com/nvm-sh/nvm) if needed:
+
+   ```sh
+   nvm install 22.12.0
+   nvm use 22.12.0
+   ```
+
+2. **Enable Corepack**: Yarn 4.9.2 is managed via Corepack, included with Node.js. Enable it to ensure the correct Yarn version:
+
+   ```sh
+   corepack enable
+   corepack prepare [email protected] --activate
+   ```
+
+3. Set up Yarn configuration: In the root directory, configure Yarn 4.9.2 and generate the .yarnrc.yml file:
+
+   ```sh
+   yarn set version 4.9.2
+   yarn config set nodeLinker node-modules
+   yarn config set nmHoistingLimits workspaces
+   ```
+
+4. **Install dependencies**: Install dependencies for all packages:
 
-> While it's possible to use [`npm`](https://github.com/npm/cli), the tooling is built around [`yarn`](https://classic.yarnpkg.com/), so you'll have an easier time if you use `yarn` for development.
+   ```sh
+   yarn
+   ```
 
-While developing, you can run the [example app](/example/) to test your changes. Any changes you make in your library's JavaScript code will be reflected in the example app without a rebuild. If you change any native code, then you'll need to rebuild the example app.
+> Important: This project relies on Yarn Workspaces and Yarn 4.9.2. Do not use npm or other package managers for development, as they are not compatible with the monorepo setup.
+
+The [example app](/example/) demonstrates usage of the library. You need to run it to test any changes you make.
+
+It is configured to use the local version of the library, so any changes you make to the library's source code will be reflected in the example app. Changes to the library's JavaScript code will be reflected in the example app without a rebuild, but native code changes will require a rebuild of the example app.
+
+You can use various commands from the root directory to work with the project.
 
 To start the packager:
 
@@ -34,6 +67,12 @@ To run the example app on iOS:
 yarn example ios
 ```
 
+To run the example app on Web:
+
+```sh
+yarn example web
+```
+
 Make sure your code passes TypeScript and ESLint. Run the following to verify:
 
 ```sh
@@ -53,10 +92,6 @@ Remember to add tests for your change if possible. Run the unit tests by:
 yarn test
 ```
 
-To edit the Objective-C or Swift files, open `example/ios/TreeMultiSelectExample.xcworkspace` in XCode and find the source files at `Pods > Development Pods > react-native-tree-multi-select`.
-
-To edit the Java or Kotlin files, open `example/android` in Android studio and find the source files at `react-native-tree-multi-select` under `Android`.
-
 
 ### Commit message convention
 

CONTRIBUTING.md

@@ -78,6 +78,7 @@
     "provenance": true
   },
   "devDependencies": {
+    "@babel/runtime": "^7.27.6",
     "@commitlint/config-conventional": "^19.7.1",
     "@evilmartians/lefthook": "^1.10.10",
     "@expo/vector-icons": "14.1.0",
@@ -125,7 +126,7 @@
       "optional": true
     }
   },
-  "packageManager": "yarn@3.6.1",
+  "packageManager": "yarn@4.9.2",
   "jest": {
     "preset": "react-native",
     "setupFilesAfterEnv": [
@@ -213,7 +214,7 @@
     ]
   },
   "dependencies": {
-    "@futurejj/react-native-checkbox": "^1.0.3",
+    "@futurejj/react-native-checkbox": "^1.0.4",
     "fast-is-equal": "^1.2.3",
     "zustand": "^5.0.5"
   },

package.json

@@ -71,13 +71,15 @@ function _CheckboxView(props: BuiltInCheckBoxViewProps) {
             <View
                 style={checkboxParentViewStyle}>
                 <Checkbox
+                    testID={`checkbox_${props.testID}`}
                     {...checkboxProps}
                     status={customCheckboxValToCheckboxValType(value)}
                     onPress={onValueChangeModifier} />
             </View>
 
             {text ? (
                 <TouchableOpacity
+                    testID={`touchable_text_${props.testID}`}
                     style={textTouchableStyle}
                     onPress={onValueChangeModifier}>
                     <Text

src/components/CheckboxView.tsx

@@ -205,18 +205,22 @@ function _Node<ID>(props: NodeProps<ID>) {
 
     if (!CustomNodeRowComponent) {
         return (
-            <View style={[
-                styles.nodeCheckboxAndArrowRow,
-                { paddingStart: level * indentationMultiplier }
-            ]}>
+            <View
+                testID={`node_row_${node.id}`}
+                style={[
+                    styles.nodeCheckboxAndArrowRow,
+                    { paddingStart: level * indentationMultiplier }
+                ]}>
                 <CheckboxComponent
                     text={node.name}
                     onValueChange={_onCheck}
                     value={value}
+                    testID={`${node.id}`}
                     {...checkBoxViewStyleProps} />
 
                 {node.children?.length ? (
                     <ExpandCollapseTouchableComponent
+                        testID={`expandable_arrow_${node.id}`}
                         style={styles.nodeExpandableArrowTouchable}
                         onPress={_onToggleExpand}>
                         <ExpandCollapseIconComponent

src/components/NodeList.tsx

@@ -96,6 +96,7 @@ export interface CheckBoxViewProps {
     value: CheckboxValueType;
     onValueChange: (value: boolean) => void;
     text: string;
+    testID?: string;
 }
 
 export interface BuiltInCheckBoxViewStyleProps {