Skip to content

Feature/2111 toggle header options#4580

Merged
somangshu merged 12 commits into
releasefrom
feature/2111-toggle-header-options
Jun 15, 2021
Merged

Feature/2111 toggle header options#4580
somangshu merged 12 commits into
releasefrom
feature/2111-toggle-header-options

Conversation

@wmdev0808

@wmdev0808 wmdev0808 commented May 19, 2021

Copy link
Copy Markdown
Contributor

Description

  • Add the header options section for the visibility on the property pane
  • Render conditionally the header part based on the setting

Fixes #2111

Type of change

  • New feature (non-breaking change which adds functionality)
  • This change requires a documentation update

How Has This Been Tested?

Checklist:

  • My code follows the style guidelines of this project
  • I have performed a self-review of my own code
  • 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

Test coverage results 🧪

🟢 Total coverage has increased
// Code coverage diff between base branch:release and head branch: feature/2111-toggle-header-options 
Status File % Stmts % Branch % Funcs % Lines
🟢 total 51.68 (0.02) 32.85 (0.01) 29.59 (0.02) 52.15 (0.01)
🔴 app/client/src/components/designSystems/appsmith/TableComponent/TableStyledWrappers.tsx 35.37 (0) 15.38 (-0.37) 0 (0) 35.37 (0)
🟢 app/client/src/utils/WidgetPropsUtils.tsx 64.2 (0.22) 52.31 (-0.01) 54.17 (0) 63.58 (0.24)
🟢 app/client/src/utils/migrations/TableWidget.ts 78.7 (3.17) 63.46 (2.59) 78.57 (3.57) 81 (2.84)
🔴 app/client/src/widgets/TableWidget/index.tsx 9.31 (-0.15) 0 (0) 10.64 (0) 9.97 (-0.24)

wmdev0808 added 7 commits May 19, 2021 05:31
-- Add the header options section for the visibility setting
-- Render conditionally the header part based on the setting
-- Remove JS convertible
-- Set isBindProperty and isTriggerProperty to false
-- PositionedContainer : Add padding-bottom: 42px in case of Table widget
-- Remove extra space when the header options is all hidden
-- Adjust pageSize
-- Change column header height
-- Restore the logic for renderEmptyRow
@wmdev0808
wmdev0808 requested review from riodeuno and somangshu May 19, 2021 11:08
@somangshu

Copy link
Copy Markdown
Contributor

The feature works now. But there is an issue with old tables. There are too many extra rows. This doesn't happen for the new table widgets dropped on the canvas. @riodeuno Don't know if some kinda migration is required here.

@vivekverma2312 can we test this Deploy preview thoroughly.

@somangshu

Copy link
Copy Markdown
Contributor

/ok-to-test sha=c1557c1

@vivekverma2312

vivekverma2312 commented May 20, 2021

Copy link
Copy Markdown

@somangshu Issues observed so far:

  1. By default Header is showing disabled for old tables
  2. Extra rows are coming in the table for the below cases:
    -Existing table in the preview
    -If I create a table on release env and check on preview
    3. First row height changes when all the header property is in disabled state

@appsmithorg appsmithorg deleted a comment from vivekverma2312 May 20, 2021
@somangshu

Copy link
Copy Markdown
Contributor
  1. By default Header is showing disabled for old tables

@riodeuno will need some help here. How do we migrate the old table for this case?

@somangshu
somangshu requested review from SatishGandham and removed request for riodeuno May 25, 2021 14:56

@SatishGandham SatishGandham left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good except for the small change requested.

Comment thread app/client/src/components/designSystems/appsmith/TableComponent/Table.tsx Outdated
@somangshu
somangshu removed their request for review June 1, 2021 12:07
@wmdev0808
wmdev0808 requested a review from SatishGandham June 3, 2021 07:52
somangshu
somangshu previously approved these changes Jun 3, 2021

@somangshu somangshu left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approve to run test

@somangshu

Copy link
Copy Markdown
Contributor

@wmdev0808 some related tests are failing here! Can you check

@wmdev0808

Copy link
Copy Markdown
Contributor Author

@wmdev0808 some related tests are failing here! Can you check

Hi @somangshu, I've reviewed, but I don't think it is directly related to the current PR.
I can see a few failing cypress tests, but I can't get the point

@somangshu

Copy link
Copy Markdown
Contributor

@wmdev0808 some test fails here because the tests cannot find the table header. Check this out.

@vicky-primathon can you take a look?

@vicky-primathon

Copy link
Copy Markdown
Contributor

Sure @somangshu looking into it

SatishGandham
SatishGandham previously approved these changes Jun 7, 2021
@vicky-primathon

Copy link
Copy Markdown
Contributor

@wmdev0808 @somangshu we are hiding table header section by default, this is causing table test cases to fail. Can we enable the table header toggles by default

@somangshu

Copy link
Copy Markdown
Contributor

@vicky-primathon this needs migration I believe. For an old table widget, the header options are hidden by default.

Please help @wmdev0808 with this!

@vicky-primathon

Copy link
Copy Markdown
Contributor

Okay @somangshu

@vicky-primathon vicky-primathon left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me

@vivekverma2312

Copy link
Copy Markdown

Tested Deploy Preview and working fine. Good to merge into release.

@somangshu

Copy link
Copy Markdown
Contributor

@yatinappsmith @NandanAnantharamu tests failing here! ForkApplication_spec.js is not related. The last release merge was two days ago.

@riodeuno
riodeuno removed their request for review June 14, 2021 06:35
@somangshu
somangshu merged commit ca9324c into release Jun 15, 2021
@somangshu
somangshu deleted the feature/2111-toggle-header-options branch June 15, 2021 05:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Show/Hide Table Controls

5 participants