Add new selectOnFocus prop

.github/dependabot.yml

@@ -0,0 +1,11 @@
+version: 2
+updates:
+  - package-ecosystem: npm
+    directory: "/"
+    schedule:
+      interval: daily
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      # Check for updates to GitHub Actions every weekday
+      interval: "daily"

.github/workflows/main.yml

@@ -0,0 +1,40 @@
+name: test
+
+on:
+  push:
+    branches:
+    - feat-allow-textarea-select
+  pull_request:
+    branches:
+    - feat-allow-textarea-select
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: lts/*
+      - name: Install
+        run: npm install --no-package-lock --force
+      - name: Test
+        run: npm test
+      # - name: Report
+      #   run: mkdir -p coverage && npx c8 report --reporter=text-lcov > coverage/lcov.info
+      # - name: Coverage
+      #   uses: coverallsapp/github-action@master
+      #   with:
+      #     github-token: ${{ secrets.GITHUB_TOKEN }}
+      # - name: Release
+      #   if: ${{ github.ref == 'refs/heads/master' && !startsWith(github.event.head_commit.message, 'chore(release):') && !startsWith(github.event.head_commit.message, 'docs:') }}
+      #   shell: 'script -q -e -c "bash {0}"'
+      #   env:
+      #     CONVENTIONAL_GITHUB_RELEASER_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      #     NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      #   run: |
+      #     git config --global user.email ${{ secrets.GIT_EMAIL }}
+      #     git config --global user.name ${{ secrets.GIT_USERNAME }}
+      #     npm run release

.gitignore

@@ -2,8 +2,8 @@
 npm-debug.log
 
 /coverage
-/dist
 /debug
+/dist
 /node_modules
 
 .nyc_output

dev-server/src/index.js

@@ -84,6 +84,7 @@ ReactDom.render(
                 src.constructor &&
                 src.constructor.name === 'Moment'
             }
+            selectOnFocus
         />
 
         <br />

index.d.ts

@@ -141,6 +141,18 @@ export interface ReactJsonViewProps {
    * Default: null
    */
   defaultValue?: TypeDefaultValue | TypeDefaultValue[] | null;
+  /**
+   * Whether to select the textarea contents on edit
+   *
+   * Default: false
+   */
+  selectOnFocus?: boolean;
+  /**
+   * The key modifier to be combined with a click on JSON values to edit them
+   *
+   * Default: (e) => e.metaKey || e.ctrlKey
+   */
+  keyModifier?: (event: Event, type: 'edit' | 'submit') => boolean;
 }
 
 export interface OnCopyProps {