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

Adds basic implementation of Spinner component #26392

Conversation

procload
Copy link
Contributor

New Behavior

This PR creates a web component version of the Fluent Spinner component.

@fabricteam
Copy link
Collaborator

fabricteam commented Jan 18, 2023

📊 Bundle size report

🤖 This report was generated against 0b8e596e512b17f42d382be384d9c0df9c43cc0b

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jan 18, 2023

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.

Latest deployment of this branch, based on commit 2735193:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented Jan 18, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 0b8e596e512b17f42d382be384d9c0df9c43cc0b (build)

@procload procload marked this pull request as ready for review January 18, 2023 21:50
@procload procload requested a review from a team as a code owner January 18, 2023 21:50
Copy link
Member

@chrisdholt chrisdholt left a comment

Choose a reason for hiding this comment

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

Just a couple things here - one last thing to remember is to create an export path for the component in the package.json so we can import just that registered component from the package.

packages/web-components/src/spinner/spinner.options.ts Outdated Show resolved Hide resolved
packages/web-components/src/spinner/spinner.options.ts Outdated Show resolved Hide resolved
…nner export to package.json; Properly comments spinner options with type docs
@procload
Copy link
Contributor Author

Just a couple things here - one last thing to remember is to create an export path for the component in the package.json so we can import just that registered component from the package.

Excellent, thank you! I updated those files and added it to the package.json. Once @miroslavstastny gives the go-ahead we can consider Spinner finished.

@procload
Copy link
Contributor Author

Thanks, @miroslavstastny and @chrisdholt. Feedback addressed; this should be good to go!

@procload procload enabled auto-merge (squash) January 31, 2023 14:42
@@ -0,0 +1,37 @@
import { ValuesOf } from '@microsoft/fast-foundation';

export type Values<T> = T[keyof T];
Copy link
Member

Choose a reason for hiding this comment

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

@procload I still see this, can we remove is it's duplicative of the above import?

Suggested change
export type Values<T> = T[keyof T];

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Doh! Will do.

@procload
Copy link
Contributor Author

procload commented Feb 3, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 2 pipeline(s).

@procload
Copy link
Contributor Author

procload commented Feb 3, 2023

/azp run

@azure-pipelines
Copy link

Azure Pipelines successfully started running 2 pipeline(s).

@procload procload merged commit 4d959c0 into microsoft:web-components-v3 Feb 14, 2023
chrisdholt pushed a commit that referenced this pull request Apr 29, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 29, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit to radium-v/fluentui that referenced this pull request Apr 30, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request Apr 30, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 2, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 2, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 2, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 3, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 6, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 6, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 8, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
radium-v pushed a commit that referenced this pull request May 10, 2024
* Adds basic implementation of Spinner component

* Adds inverted Story to Spinner

* Cleans up some typos

* Generates API report

* Adds change file

* Removes kebab-case for key in Spinner in favor of camelCase; Adds spinner export to package.json; Properly comments spinner options with type docs

* Address feedback in PR

* Minor typo cleanup

* Rebuilds
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.

6 participants