PromucFlow_constructor/app/client
Keyur Paralkar 2ccd20e1e5
fix: column dragging and column reordering (#20928)
## Description

This PR implements the following changes:
- Move the drag events from the Parent component's useEffect to the
`HeaderCell` component.
- Refactored the code. Inside the table component, we refactored the
code such that when SSP is disabled the component uses `StaticTable` and
when SSP enabled then we use `VirtualTable`.
- It also includes the fix for the following issue. Whenever the user
has a scroll to the bottom of the page, on clicking of add new button it
is expected that the scroll should move to the top but it wasn't
happening.

> Add a TL;DR when description is extra long (helps content team)

Fixes #20858
> if no issue exists, please create an issue and ask the maintainers
about this first


## Type of change


- Bug fix (non-breaking change which fixes an issue)


## How Has This Been Tested?

- Manual
    - Test cases:
        - Column name should appear on update from the property pane
        - reorder whenever SSP is enabled
        - On column re-size
        - When a col is frozen
        - When a col is unfrozen
        - When all the headers or one of them is removed
        - When sorted also should work
        - Enable multi-row selection
        - When in preview mode and back and forth(Check the above cases)
        - When in Deployed mode
- Dragging of columns from the column header should work as expected
both in Deploy and Published mode.
- Cypress

### Test Plan
> Add Testsmith test cases links that relate to this PR

### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)


## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my own code
- [x] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] PR is being merged under a feature flag


### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test
2023-03-05 19:49:44 +05:30
..
cypress fix: column dragging and column reordering (#20928) 2023-03-05 19:49:44 +05:30
docker fix: Fix container-internal communication when using IPv6 (#20981) 2023-02-27 19:51:54 +05:30
generators feat: Auto height instant update (#19082) 2023-02-03 11:17:40 +05:30
packages chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
patches
perf ci: run fat container docker inside perf tests and update setup-perf-test workflow to use localhost for accessing dev environment (#20280) 2023-02-07 15:56:41 +05:30
public fix: Remove extra event and old disable var (#20624) 2023-02-15 19:16:04 +05:30
src fix: column dragging and column reordering (#20928) 2023-03-05 19:49:44 +05:30
test feat: Auto layout appsmith editor and mobile responsiveness (#21151) 2023-03-04 12:55:54 +05:30
typings feat: peek overlay (#20053) 2023-02-17 21:33:34 +05:30
.babelrc chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
.dockerignore
.editorconfig
.eslintrc.json chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
.flowconfig
.gitignore chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
.huskyrc
.lintstagedrc feat: upgrade client npm packages. (#14858) 2022-06-30 16:59:09 +05:30
.nvmrc chore: Update node version to 16.15.0 LTS (#14094) 2022-05-26 16:05:02 +05:30
.prettierignore
.prettierrc
.sentryclirc
build.sh chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
craco.build.config.js feat: Automatic height updates for widgets based on contents (Auto Height) (#18341) 2022-11-23 15:18:23 +05:30
craco.common.config.js chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
craco.dev.config.js chore: updated dependencies removed unused dependencies. (#19441) 2023-01-06 19:12:03 +05:30
cypress_ci.json test: Cypress Flaky fixes + Mock api update + PgAdminspec fix (#20032) 2023-02-02 13:29:24 +05:30
cypress.env.json feat: [Context Switching] Complex widgets and other Phase 2 items (#17046) 2022-12-08 12:51:58 +05:30
cypress.json test: Cypress Flaky fixes + Mock api update + PgAdminspec fix (#20032) 2023-02-02 13:29:24 +05:30
Dockerfile feat: Support running NGINX for development without Docker (#16667) 2022-09-14 09:58:31 +05:30
index.tsx
jest.config.js fix: Remove extra event and old disable var (#20624) 2023-02-15 19:16:04 +05:30
package.json fix: UI inconsistency in log tab (#21037) 2023-03-03 18:14:41 +05:30
postcss.config.js feat: upgrade to create react app 5 (#14000) 2022-06-21 19:27:34 +05:30
README.md ci: Modularizing the Github actions workflow for maintainability (#16505) 2022-09-09 01:08:55 +05:30
README.old.md
start-https.sh fix: Fix container-internal communication when using IPv6 (#20981) 2023-02-27 19:51:54 +05:30
stats.json
tailwind.config.js feat: upgrade to create react app 5 (#14000) 2022-06-21 19:27:34 +05:30
tsconfig.json chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
tsconfig.path.json
vercel.json
yarn.lock fix: UI inconsistency in log tab (#21037) 2023-03-03 18:14:41 +05:30

Appsmith Client

This project was bootstrapped with Create React App.

For details on setting up your development machine, please refer to the Setup Guide