fix: make styled mapping optional#206
Conversation
There was a problem hiding this comment.
Pull Request Overview
This pull request makes the mapping parameter optional in the styled function by providing a default mapping configuration. The change allows developers to use the styled function without explicitly providing a mapping, defaulting to a standard className to style mapping.
- Added default mapping configuration for both web and native platforms
- Made the
mappingparameter optional in thestyledfunction signature - Imported
ComponentTypetype to support the default mapping type definition
Reviewed Changes
Copilot reviewed 2 out of 2 changed files in this pull request and generated 4 comments.
| File | Description |
|---|---|
| src/web/api.tsx | Added default mapping constant and made mapping parameter optional |
| src/native/api.tsx | Added default mapping constant and made mapping parameter optional |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| const defaultMapping: StyledConfiguration<ComponentType<{ style: unknown }>> = { | ||
| className: "style", | ||
| }; |
There was a problem hiding this comment.
The defaultMapping uses a generic type that may not match all component types used with styled. Consider using a more flexible type or making it a function that returns the appropriate mapping type.
| const defaultMapping: StyledConfiguration<ComponentType<{ style: unknown }>> = { | ||
| className: "style", | ||
| }; |
There was a problem hiding this comment.
The defaultMapping uses a generic type that may not match all component types used with styled. Consider using a more flexible type or making it a function that returns the appropriate mapping type.
| >( | ||
| baseComponent: C, | ||
| mapping: M, | ||
| mapping: M = defaultMapping as M, |
There was a problem hiding this comment.
Using type assertion as M to force the default mapping type could lead to runtime errors if the default mapping is incompatible with the expected mapping type. Consider using a type-safe default or validation.
| mapping: M = defaultMapping as M, | |
| mapping: M, |
| >( | ||
| baseComponent: C, | ||
| mapping: M, | ||
| mapping: M = defaultMapping as M, |
There was a problem hiding this comment.
Using type assertion as M to force the default mapping type could lead to runtime errors if the default mapping is incompatible with the expected mapping type. Consider using a type-safe default or validation.
| mapping: M = defaultMapping as M, | |
| mapping: M, |
Merge activity
|
No description provided.