Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(Accordion): create Accordion and BoxedAccordion components #900

Merged
merged 13 commits into from
Oct 11, 2023

Conversation

marcoskolodny
Copy link
Contributor

Issue: Link
Specs: Link

@github-actions
Copy link

github-actions bot commented Sep 27, 2023

Size stats

master this branch diff
Total JS 9.49 MB 9.5 MB +11.1 kB
JS without icons 979 kB 990 kB +10.9 kB
Lib overhead 126 kB 126 kB 0 B
Lib overhead (gzip) 32.4 kB 32.4 kB 0 B

@github-actions
Copy link

github-actions bot commented Sep 27, 2023

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

@github-actions
Copy link

github-actions bot commented Sep 27, 2023

Deploy preview for mistica-web ready!

✅ Preview
https://mistica-x03uz4c5o-tuentisre.vercel.app

Built with commit 80000db.
This pull request is being automatically deployed with vercel-action

@@ -179,7 +179,7 @@ export const navigationBarContentRight = style({
display: 'flex',
flex: 1,
alignItems: 'center',
justifyContent: 'end',
justifyContent: 'flex-end',
Copy link
Contributor Author

@marcoskolodny marcoskolodny Sep 29, 2023

Choose a reason for hiding this comment

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

Unrelated to this task. This was causing a warning from Vite when executing yarn build

image

src/accordion.tsx Outdated Show resolved Hide resolved
@marcoskolodny marcoskolodny marked this pull request as ready for review September 29, 2023 17:52
src/accordion.tsx Show resolved Hide resolved
src/accordion.tsx Outdated Show resolved Hide resolved
Copy link
Member

@pladaria pladaria left a comment

Choose a reason for hiding this comment

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

nice!

@marcoskolodny marcoskolodny changed the title feat(Accordion): create Accordion/BoxedAccordion/GroupedAcordion components feat(Accordion): create Accordion and BoxedAccordion components Oct 3, 2023
src/__tests__/accordion-test.tsx Outdated Show resolved Hide resolved
src/__tests__/accordion-test.tsx Show resolved Hide resolved
src/accordion.tsx Outdated Show resolved Hide resolved
src/accordion.css.ts Outdated Show resolved Hide resolved
@marcoskolodny marcoskolodny requested a review from atabel October 9, 2023 10:25
src/__tests__/accordion-test.tsx Outdated Show resolved Hide resolved
@atabel atabel added this pull request to the merge queue Oct 11, 2023
@atabel atabel mentioned this pull request Oct 11, 2023
Merged via the queue into master with commit 7062a43 Oct 11, 2023
10 checks passed
@atabel atabel deleted the WEB-1550-accordion-component branch October 11, 2023 14:13
atabel pushed a commit that referenced this pull request Oct 16, 2023
* first POC

* fix chevron styling and overflow bug

* update accordions

* unmount panel on close and use CSSTransition

* add singleOpen and update opened items internal logic

* add unit tests and playroom snippets

* add accordion stories

* add screenshot tests

* resolve comments and remove GroupedAccordion

* resolve comments

* fix accordion test

* use waitFor in accordion test

* remove unnecesary async in accordion tests
github-merge-queue bot pushed a commit that referenced this pull request Oct 16, 2023
* feat(OtpField): new component

* complete component features

* add labels for individual inputs. Prevent multiple calls for otp sms

* usability fixes

* acceptance tests

* snippets

* add web otp api url comment

* placeholder for hideCode case

* fixes from CR

* prevent focusing next input when a non-number is typed

* prevent glitches reported in CR

* rename to PinField

* increase test timeout in sheet-test

* allow to disable sms read with a prop

* fix input background when focused

* feat(skin): update design tokens (#893)

* feat(skin): update design tokens

* reverse movistar-legacy

---------

Co-authored-by: yceballost <[email protected]>
Co-authored-by: Abel Toledano <[email protected]>

* chore(release): 14.25.0 [skip ci]

# [14.25.0](v14.24.1...v14.25.0) (2023-10-09)

### Features

* **skin:** update design tokens ([#893](#893)) ([736a655](736a655))
* **Slider:** new component ([#867](#867)) ([4e02a0d](4e02a0d))

* feat(Menu): fix component styles and add MenuItem/MenuSection (#892)

* deprecate Menu and rename it to DropdownMenu

* multiple fixes in menu component

* update styles, add menu items and section components

* revert name change and add check to menuItem

* fix error, update screenshots and add playroom snippet

* fix close menu animations

* add aria props to menu items

* add keyboard interactivity

* fix logic for keyboard navigation

* resolve comments

* update screenshots

* updates in component interaction

* fix test

* fix playroom snippet

* udpate menu story and screenshot test

* remove obsolete tabIndex logic in checkbox

* avoid user pressing an option multiple times while menu is closing

* rename focusable to focused in variables

* fix aria label prop name

* add focus to target on menu close

* remove close function call in story

* update transitions and cleanup code (#901)

* resolve comments and fix overlay hidden children

* resolve comments and update screenshots

* add accessibility props to target

* fix typo

* use item indices instead of labels for focusing logic

* fix aria-expanded

* fix accesibility issue in mistica lab story

* code cleanup

* remove hack for menu container role

* chore(SonarQube): Setup SonarQube (#903)

* WEB-1570 configure sonarqube

* WEB-1570 remove and ignore .scannerwork

* WEB-1570 setup gh workflow

* WEB-1570 setup gh workflow

* WEB-1570 setup gh workflow

* WEB-1570 setup gh workflow

* WEB-1570 setup gh workflow

* WEB-1570 revert workflow

* WEB-1570 add comment

---------

Co-authored-by: Pedro Ladaria <[email protected]>

* feat(Accordion): create Accordion and BoxedAccordion components (#900)

* first POC

* fix chevron styling and overflow bug

* update accordions

* unmount panel on close and use CSSTransition

* add singleOpen and update opened items internal logic

* add unit tests and playroom snippets

* add accordion stories

* add screenshot tests

* resolve comments and remove GroupedAccordion

* resolve comments

* fix accordion test

* use waitFor in accordion test

* remove unnecesary async in accordion tests

* fix(Video, DisplayMediaCard, PosterCard): show fallback on empty src (#910)

* show fallback on empty src for video/cards

* remove console log and update tests

* fix screenshot tests

* remove placeholder

---------

Co-authored-by: Flow <[email protected]>
Co-authored-by: yceballost <[email protected]>
Co-authored-by: semantic-release-bot <[email protected]>
Co-authored-by: Marcos Kolodny <[email protected]>
Co-authored-by: Pedro Ladaria <[email protected]>
Co-authored-by: Pedro Ladaria <[email protected]>
tuentisre pushed a commit that referenced this pull request Oct 18, 2023
# [14.26.0](v14.25.0...v14.26.0) (2023-10-18)

### Bug Fixes

* **Carousel:** cards bottom border being partially cut in iOS ([#920](#920)) ([754acc6](754acc6))
* **Video, DisplayMediaCard, PosterCard:** show fallback on empty src ([#910](#910)) ([4e366d3](4e366d3))

### Features

* **Accordion:** create Accordion and BoxedAccordion components ([#900](#900)) ([7062a43](7062a43))
* **Icons:** use icon keywords from mistica design in catalog story ([#914](#914)) ([286e385](286e385))
* **Menu:** fix component styles and add MenuItem/MenuSection ([#892](#892)) ([d7a7e30](d7a7e30)), closes [#901](#901)
* **Mobile:** add interaction states when pressing touchable elements ([#912](#912)) ([dbd8ac0](dbd8ac0))
* **OverscrollColor, Storybook:** overscroll alternative variant and storybook default platform detection ([#919](#919)) ([77d9b45](77d9b45))
* **PinField:** new component ([#902](#902)) ([484dbc7](484dbc7)), closes [#893](#893)
* **ProgressBarStepped:** create component ([#905](#905)) ([25ed4eb](25ed4eb))
@tuentisre
Copy link
Collaborator

🎉 This PR is included in version 14.26.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants