Skip to content

Add drawer web component - #31521

Merged
brianchristopherbrady merged 28 commits into
microsoft:masterfrom
brianchristopherbrady:user/brianbrady/addDrawerWebComponent
Jun 25, 2024
Merged

Add drawer web component#31521
brianchristopherbrady merged 28 commits into
microsoft:masterfrom
brianchristopherbrady:user/brianbrady/addDrawerWebComponent

Conversation

@brianchristopherbrady

@brianchristopherbrady brianchristopherbrady commented May 30, 2024

Copy link
Copy Markdown
Contributor

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

fabricteam commented May 30, 2024

Copy link
Copy Markdown
Collaborator

📊 Bundle size report

✅ No changes found

Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.template.ts
@codesandbox-ci

codesandbox-ci Bot commented May 30, 2024

Copy link
Copy Markdown

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.

Comment thread packages/web-components/src/drawer-body/drawer-body.styles.ts Outdated
Comment thread packages/web-components/src/drawer-body/drawer-body.styles.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.styles.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated

@davatron5000 davatron5000 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 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!

Comment thread packages/web-components/src/drawer-body/drawer-body.styles.ts Outdated
Comment thread packages/web-components/src/drawer-body/drawer-body.template.ts Outdated
Comment thread packages/web-components/src/drawer/README.md
Comment thread packages/web-components/src/drawer/drawer.options.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.spec.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.styles.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.styles.ts
Comment thread packages/web-components/src/drawer/drawer.styles.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.ts Outdated
Comment thread packages/web-components/src/drawer/drawer.spec.ts Outdated

@davatron5000 davatron5000 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 great! Just one tiny thing left for me.

Comment thread packages/web-components/src/drawer-body/drawer-body.styles.ts Outdated
Co-authored-by: Dave Rupert <rupato@gmail.com>

@davatron5000 davatron5000 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.

LGTM. Nice work, @brianchristopherbrady

@brianchristopherbrady
brianchristopherbrady merged commit 660d5fe into microsoft:master Jun 25, 2024
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