Add support for collapsing/expanding columns using a keyboard shortcut

.changelogs/10389.json

@@ -0,0 +1,8 @@
+{
+  "issuesOrigin": "private",
+  "title": "Added support for keyboard shortcuts that allows selecting all rows and columns and add 4 new hooks",
+  "type": "added",
+  "issueOrPR": 10389,
+  "breaking": false,
+  "framework": "none"
+}

.changelogs/10396.json

@@ -0,0 +1,8 @@
+{
+  "issuesOrigin": "private",
+  "title": "Rewritten the Angular wrapper to be based on Angular@12 and to support Angular versions 12 and above.",
+  "type": "added",
+  "issueOrPR": 10396,
+  "breaking": true,
+  "framework": "angular"
+}

.changelogs/10404.json

@@ -0,0 +1,8 @@
+{
+  "issuesOrigin": "private",
+  "title": "Added support for collapsing/expanding columns using a keyboard shortcut.",
+  "type": "added",
+  "issueOrPR": 10404,
+  "breaking": false,
+  "framework": "none"
+}

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -15,8 +15,6 @@ body:
     attributes:
       label: Video/Screenshots
       description: Please provide a screenshot or a short video presenting the issue.
-    validations:
-      required: true
   - type: input
     id: demo
     attributes:

.github/workflows/code-examples.yml

@@ -43,18 +43,10 @@ on:
 
 env:
   NODE_VERSION: 16
-  NODE_MODULES_PATHS: |
-    ./node_modules
-    ./handsontable/node_modules/
-    ./wrappers/angular/node_modules/
-    ./wrappers/react/node_modules/
-    ./wrappers/vue/node_modules/
-    ./wrappers/vue3/node_modules/
-    ./visual-tests/node_modules/
 
 jobs:
   prepare-matrix:
-    name: Prepare the version Matrix and cache dependencies.
+    name: Prepare the version Matrix.
     runs-on: ubuntu-latest
     if: "!contains(github.event.head_commit.message, '[skip ci]')"
     outputs:
@@ -69,12 +61,6 @@ jobs:
           node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
       - run: npm ci --no-audit
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
       - id: get-dispatch-value
         run: echo "matrix=${{ format('[\"{0}\"]', github.event.inputs.hotVersion) }}" >> $GITHUB_OUTPUT
         if: github.event_name == 'workflow_dispatch'
@@ -121,12 +107,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Build
         run: |
           cd handsontable
@@ -151,12 +133,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Build
         run: |
           cd handsontable
@@ -182,12 +160,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Download the Handsontable build artifact
         uses: actions/download-artifact@9782bd6a9848b53b110e712e20e42d89988822b7 # https://github.com/actions/download-artifact/releases/tag/v3.0.1
         with:
@@ -218,12 +192,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Download the Handsontable build artifact
         uses: actions/download-artifact@9782bd6a9848b53b110e712e20e42d89988822b7 # https://github.com/actions/download-artifact/releases/tag/v3.0.1
         with:
@@ -254,12 +224,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Download the Handsontable build artifact
         uses: actions/download-artifact@9782bd6a9848b53b110e712e20e42d89988822b7 # https://github.com/actions/download-artifact/releases/tag/v3.0.1
         with:
@@ -290,12 +256,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
       - name: Download the Handsontable build artifact
         uses: actions/download-artifact@9782bd6a9848b53b110e712e20e42d89988822b7 # https://github.com/actions/download-artifact/releases/tag/v3.0.1
         with:
@@ -337,9 +299,7 @@ jobs:
       fail-fast: false
       matrix:
         version: ${{fromJson(needs.prepare-matrix.outputs.versions)}}
-        # TODO: IMPORTANT! Add `angular` to the list below after fixing the issue described in
-        # https://github.com/handsontable/dev-handsontable/issues/1292
-        framework: [angular-9, angular-10, angular-11, angular-12, angular-13, js, react, vue, vue3, ts]
+        framework: [angular, angular-12, angular-13, angular-14, angular-15, angular-16, js, react, vue, vue3, ts]
 
     env:
       FRAMEWORK_EXAMPLES_PATH: examples/${{ matrix.version }}/docs/${{ matrix.framework }}
@@ -356,13 +316,8 @@ jobs:
         uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
         with:
           node-version: ${{ env.NODE_VERSION }}
-      - uses: actions/cache@9b0c1fce7a93df8e3bb8926b0d6e9d89e92f20a7 # https://github.com/actions/cache/releases/tag/v3.0.11
-        if: steps.path-check.outputs.n-a != 'true'
-        with:
-          path: ${{ env.NODE_MODULES_PATHS }}
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
+          cache: 'npm'
+      - run: npm ci --no-audit
 
       # ---------------------------------------------------------
       # --- Only applicable if processing the `next` version. ---

.github/workflows/docs-linter.yml

@@ -18,19 +18,20 @@ jobs:
       - uses: actions/checkout@93ea575cb5d8a053eaa0ac8fa3b40d7e05a33cc8 # https://github.com/actions/checkout/releases/tag/v3.1.0
 
       - name: Use Node.js ${{ env.NODE_VERSION }}
-        uses: actions/setup-node@8c91899e586c5b171469028077307d293428b516 # https://github.com/actions/setup-node/releases/tag/v3.5.1
+        uses: actions/setup-node@64ed1c7eab4cce3362f8c340dee64e5eaeef8f7c # https://github.com/actions/setup-node/releases/tag/v3.6.0
         with:
           node-version: ${{ env.NODE_VERSION }}
           cache: 'npm'
-
-      - name: Install Handsontable dependencies
-        run: |
-          npm ci --no-audit
+          cache-dependency-path: docs/package-lock.json
 
       - name: Install Documentation dependencies
         run: |
           cd docs/ && npm ci --no-audit
 
+      - name: Install Handsontable dependencies
+        run: |
+          npm ci --no-audit
+
       - name: Lint
         run: |
           cd docs/ && npm run docs:lint

.github/workflows/docs-staging.yml

@@ -35,15 +35,15 @@ jobs:
         run: |
           echo "${{ secrets.GITHUB_TOKEN }}" | docker login -u ${GITHUB_ACTOR} --password-stdin https://docker.pkg.github.com
 
-      - name: Install the monorepo dependencies and build the packages
+      - name: Install the documentation dependencies
         run: |
-          cd ..
           npm ci
-          npm run all build -- --e examples visual-tests
 
-      - name: Install the documentation dependencies
+      - name: Install the monorepo dependencies and build the packages
         run: |
+          cd ..
           npm ci
+          npm run all build -- --e examples visual-tests
 
       - name: Generate API references
         run: |

docs/.vuepress/handsontable-manager/dependencies.js

@@ -22,7 +22,7 @@ const getPackageUrls = (packageName, version, fileSelection) => {
       js: 'react-handsontable.min.js'
     },
     '@handsontable/angular': {
-      js: 'handsontable-angular.umd.min.js',
+      js: 'handsontable-angular.umd.js',
       subDir: 'bundles/'
     },
     '@handsontable/vue': {
@@ -91,13 +91,14 @@ const buildDependencyGetter = (version) => {
       redux: ['https://cdn.jsdelivr.net/npm/redux@4/dist/redux.min.js', []],
       rxjs: ['https://cdn.jsdelivr.net/npm/rxjs@6/bundles/rxjs.umd.js', [/* todo */]],
       'core-js': ['https://cdn.jsdelivr.net/npm/core-js@2/client/core.min.js', [/* todo */]],
-      zone: ['https://cdn.jsdelivr.net/npm/zone.js@0.9/dist/zone.min.js', [/* todo */]],
-      'angular-compiler': ['https://cdn.jsdelivr.net/npm/@angular/compiler@8/bundles/compiler.umd.min.js', [/* todo */]],
-      'angular-core': ['https://cdn.jsdelivr.net/npm/@angular/core@8/bundles/core.umd.min.js', [/* todo */]],
-      'angular-common': ['https://cdn.jsdelivr.net/npm/@angular/common@8/bundles/common.umd.min.js', [/* todo */]],
-      'angular-forms': ['https://cdn.jsdelivr.net/npm/@angular/forms@7/bundles/forms.umd.min.js', [/* todo */]],
-      'angular-platform-browser': ['https://cdn.jsdelivr.net/npm/@angular/platform-browser@8/bundles/platform-browser.umd.min.js', [/* todo */]],
-      'angular-platform-browser-dynamic': ['https://cdn.jsdelivr.net/npm/@angular/platform-browser-dynamic@8/bundles/platform-browser-dynamic.umd.min.js', [/* todo */]],
+      zone: ['https://cdn.jsdelivr.net/npm/zone.js@0.11.4/dist/zone.min.js', [/* todo */]],
+      'angular-compiler': ['https://cdn.jsdelivr.net/npm/@angular/compiler@12/bundles/compiler.umd.min.js', [/* todo
+       */]],
+      'angular-core': ['https://cdn.jsdelivr.net/npm/@angular/core@12/bundles/core.umd.min.js', [/* todo */]],
+      'angular-common': ['https://cdn.jsdelivr.net/npm/@angular/common@12/bundles/common.umd.min.js', [/* todo */]],
+      'angular-forms': ['https://cdn.jsdelivr.net/npm/@angular/forms@12/bundles/forms.umd.min.js', [/* todo */]],
+      'angular-platform-browser': ['https://cdn.jsdelivr.net/npm/@angular/platform-browser@12/bundles/platform-browser.umd.min.js', [/* todo */]],
+      'angular-platform-browser-dynamic': ['https://cdn.jsdelivr.net/npm/@angular/platform-browser-dynamic@12/bundles/platform-browser-dynamic.umd.min.js', [/* todo */]],
       'hot-angular': [getPackageUrls('@handsontable/angular', version, 'js'), [/* todo */]],
       'hot-vue': [getPackageUrls('@handsontable/vue', version, 'js'), [/* todo */], null, 'hot-vue3'],
       'hot-vue3': [getPackageUrls('@handsontable/vue3', version, 'js'), [/* todo */], null, 'hot-vue'],