fix: auto-resize not just grid but also headers for Salesforce tabs (#…

…1395)

* fix: auto-resize not just grid but also headers for Salesforce tabs
- when switching Tabs in Salesforce, SlickGrid has problem resizing properly, a prior auto-resize patch was put in place some time ago to call `resizeGrid()` for certain period, but with v3.0 and higher that didn't seem to be enough since the headers were not being resized properly, so let's resize them too by calling `grid.updateColumns()` in the same auto-resize function

* chore: change Husky commitlint body size to unlimited
- I don't care how long the body is but I do care about how long the PR title is (max 72)

commitlint.config.js

@@ -1 +1,7 @@
-module.exports = { extends: ['@commitlint/config-conventional'] };
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'body-max-line-length': [1, 'always', 72],
+    'footer-max-line-length': [0, 'always'] // Make sure there is never a max-line-length by disabling the rule
+  },
+};

packages/common/src/services/__tests__/resizer.service.spec.ts

@@ -54,6 +54,7 @@ const gridStub = {
   setPreHeaderPanelVisibility: jest.fn(),
   setOptions: jest.fn(),
   setSortColumns: jest.fn(),
+  updateColumns: jest.fn(),
   onColumnsResizeDblClick: new SlickEvent(),
   onSort: new SlickEvent(),
 } as unknown as SlickGrid;

packages/common/src/services/resizer.service.ts

@@ -682,6 +682,9 @@ export class ResizerService {
         // visible grid (shown to the user and not hidden in another Tab will have an offsetParent defined)
         if (this.checkIsGridShown() && (isResizeRequired || containerElmOffset?.left === 0 || containerElmOffset?.top === 0)) {
           await this.resizeGrid();
+          if (resizeGoodCount < 5) {
+            this._grid.updateColumns(); // also refresh header titles after grid becomes visible in new tab, this fixes an issue observed in Salesforce
+          }
 
           // make sure the grid is still visible after doing the resize
           if (this.checkIsGridShown()) {