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

Add drawer web component #31521

Conversation

brianchristopherbrady
Copy link
Contributor

@brianchristopherbrady brianchristopherbrady commented May 30, 2024

Add drawer web component #31521

Please verify that:

  • Code is up-to-date with the master branch
  • Your changes are covered by tests (if possible)
  • You've run yarn change locally

Previous Behavior

The application did not include the Fluent Drawer web component.

New Behavior

The application now includes the Fluent Drawer web component, enabling a new drawer UI element for better user interaction.

@fabricteam
Copy link
Collaborator

fabricteam commented May 30, 2024

📊 Bundle size report

✅ No changes found

packages/web-components/src/drawer/drawer.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.ts Outdated Show resolved Hide resolved
Copy link

codesandbox-ci bot commented May 30, 2024

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Copy link
Contributor

@davatron5000 davatron5000 left a comment

Choose a reason for hiding this comment

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

Looks pretty great! This is a component I can see folks using a billion times. I see you're already aligning with Dialog work so that makes it easy. I think my questions fall into two buckets:

  • Should we not expose type
  • Handling keypresses

I don't have the full background here so if I'm off-base let me know!

packages/web-components/src/drawer/README.md Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.options.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.spec.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.styles.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.styles.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.styles.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.ts Outdated Show resolved Hide resolved
packages/web-components/src/drawer/drawer.spec.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@davatron5000 davatron5000 left a comment

Choose a reason for hiding this comment

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

Looks great! Just one tiny thing left for me.

Co-authored-by: Dave Rupert <rupato@gmail.com>
Copy link
Contributor

@davatron5000 davatron5000 left a comment

Choose a reason for hiding this comment

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

LGTM. Nice work, @brianchristopherbrady

@brianchristopherbrady brianchristopherbrady merged commit 660d5fe into microsoft:master Jun 25, 2024
18 checks passed
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jun 26, 2024
* master: (90 commits)
  fix(react-drawer): do not create global header/footer roles (microsoft#31799)
  release: applying package updates - react v8
  release: applying package updates - web-components
  Add 'allowParentArrowNavigation' prop to `ComboBox`. (microsoft#31805)
  Add drawer web component (microsoft#31521)
  fix: MenuButton is styled correctly when aria-expanded is a string (microsoft#31809)
  chore: Updating version of `@fluentui/react-icons` to `^2.0.245` (microsoft#31802)
  chore:(docs) Migrate e2e Cypress testing doc (microsoft#31796)
  chore:(docs) Update API Extractor file (microsoft#31651)
  chore: migrate to nx 18 (microsoft#31746)
  release: applying package updates - react v8
  release: applying package updates - web-components
  feat: update text to use element internals for custom states (microsoft#31770)
  chore(web-components): Remove define imports from story modules (microsoft#31622)
  fix(`merge-styles`): Correctly processing selectors when value is a class name and they are not wrapped in `selectors` wrapper (microsoft#31798)
  style(react-combobox): turn off react-compiler lints for non compliant code (microsoft#31795)
  docs: Add AriaLiveAnnouncer to all examples (microsoft#31794)
  fix(public-docsite-v9): disable storybook keyboard shortcuts (microsoft#31762)
  feat: V0 Attachment compact component (microsoft#31634)
  release: applying package updates - react v8
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants