Skip to content

Conversation

@mrcthms
Copy link
Contributor

@mrcthms mrcthms commented Oct 6, 2022

WHY are these changes introduced?

Fixes https://github.com/Shopify/web/issues/74406
Fixes https://github.com/Shopify/web/issues/74393

This PR fixes a couple of bugs in the IndexTable when the table is sortable and adds the ability to have Tooltips showing the sort direction label.

  • Fixes a visual bug where if a table is sticky and sortable, the sticky headings have a different color to the unsticky ones
  • Fixes a visual bug where the sort icon would display above the sticky heading cells
  • Adds functionality to display the label of the sort direction in a Tooltip when hovering over the index table heading.
Screen.Recording.2022-10-06.at.10.35.50.mov

🎩 checklist

@mrcthms mrcthms force-pushed the mrcthms-index-table-updates branch from 6685e31 to bc5abcb Compare October 6, 2022 10:02
@mrcthms
Copy link
Contributor Author

mrcthms commented Oct 6, 2022

/snapit

@mrcthms mrcthms force-pushed the mrcthms-index-table-updates branch from bc5abcb to d41bfb7 Compare October 6, 2022 10:08
@github-actions
Copy link
Contributor

github-actions bot commented Oct 6, 2022

🫰✨ Thanks @mrcthms! Your snapshots have been published to npm.

Test the snapshots by updating your package.json with the newly published versions:

yarn add @shopify/[email protected]
yarn add @shopify/[email protected]
yarn add @shopify/[email protected]

@github-actions
Copy link
Contributor

github-actions bot commented Oct 6, 2022

size-limit report 📦

Path Size
polaris-react-cjs 204.74 KB (+0.03% 🔺)
polaris-react-esm 131.19 KB (+0.07% 🔺)
polaris-react-esnext 186.53 KB (+0.09% 🔺)
polaris-react-css 41.49 KB (+0.14% 🔺)

Copy link
Member

@chloerice chloerice left a comment

Choose a reason for hiding this comment

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

IndexTable looks and feels so much better with every change @mrcthms!! Tophat 👀 👍🏽 :shipit:

@mrcthms mrcthms merged commit f714012 into main Oct 7, 2022
@mrcthms mrcthms deleted the mrcthms-index-table-updates branch October 7, 2022 09:43
@github-actions github-actions bot mentioned this pull request Oct 7, 2022
kyledurand pushed a commit that referenced this pull request Oct 7, 2022
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.


# Releases
## @shopify/[email protected]

### Minor Changes

- [#7216](#7216)
[`fbf2f8832`](fbf2f88)
Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Add
migration to replace static mixins with declarations

### Patch Changes

- [#7328](#7328)
[`b31f51f25`](b31f51f)
Thanks [@aaronccasanova](https://github.com/aaronccasanova)! - Add
namespace support to the `replace-static-breakpoint-mixins` migration

## @shopify/[email protected]

### Minor Changes

- [#7360](#7360)
[`f7140123d`](f714012)
Thanks [@mrcthms](https://github.com/mrcthms)! - Update `IndexTable` in
sortable mode to fix visual bugs and include label Tooltips

### Patch Changes

- [#7361](#7361)
[`b1b576403`](b1b5764)
Thanks [@kyledurand](https://github.com/kyledurand)! - Use state
callback in page actions


- [#7319](#7319)
[`4b95fdc64`](4b95fdc)
Thanks [@qt314](https://github.com/qt314)! - Update the `VideoThumbnail`
play button user experience

## @shopify/[email protected]

### Patch Changes

- Updated dependencies
\[[`fbf2f8832`](fbf2f88),
[`b31f51f25`](b31f51f)]:
    -   @shopify/[email protected]

## [email protected]

### Minor Changes

- [#7254](#7254)
[`61cf086ed`](61cf086)
Thanks [@nickpresta](https://github.com/nickpresta)! - Added ability to
collapse props that have been expanded.

### Patch Changes

- [#7305](#7305)
[`b0445cf9b`](b0445cf)
Thanks [@selenehinkley](https://github.com/selenehinkley)! - Added
"Getting started" section

- Updated dependencies
\[[`f7140123d`](f714012),
[`b1b576403`](b1b5764),
[`4b95fdc64`](4b95fdc)]:
    -   @shopify/[email protected]

## [email protected]

### Patch Changes

- Updated dependencies
\[[`f7140123d`](f714012),
[`b1b576403`](b1b5764),
[`4b95fdc64`](4b95fdc)]:
    -   @shopify/[email protected]

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
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.

2 participants