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

Introduce NumberField component to Symbiosis #20

Merged
merged 6 commits into from
Nov 12, 2024

Conversation

DGiannaris
Copy link
Member

This PR:

  • Fixes a test for calculateCountForDataOnDates, to not fail and to clarify that the function does NOT handle timezones as it exists to provide clear expectations for the function.
  • Adds icons needed for the NumberField component
  • Introduces the component
  • Adds storybook stories to showcase NumberField

The UI:

Screen.Recording.2024-11-12.at.11.08.35.AM.mov

The test case for handling dates with timezone information has been updated to explicitly state that the current implementation does not handle timezone information correctly. This change provides clearer expectations for the behavior of the calculateCountForDataOnDates function and serves as a reminder that timezone handling is a known limitation or area for potential improvement in the future.
Adds a new SVG icon 'symbiosis-plus' to the UI package and updates the icon type definitions to include this new icon. This enhancement expands the available icon set, providing more options for visual elements in the user interface.
Introduces a new NumberField component to the UI package, providing a customizable input for numeric values. This component includes features such as increment/decrement buttons, min/max value constraints, and error handling. It enhances the form input options available in the UI library, allowing for more precise numeric data entry and validation.
Adds a new utility class 'hide-internal-input-elements' to remove the default spinner buttons from number input fields across different browsers. This improves the consistency of input field appearance and allows for more control over the UI design.
Introduces a new set of stories for the NumberField component in Storybook. This addition enhances the documentation and testing capabilities for the NumberField, showcasing various configurations and use cases. The stories include examples of default usage, min/max constraints, error states, custom step values, disabled state, different sizes, controlled component behavior, and custom styling options.
@DGiannaris DGiannaris added the enhancement New feature or request label Nov 12, 2024
@DGiannaris DGiannaris self-assigned this Nov 12, 2024
@DGiannaris DGiannaris merged commit f39a6f1 into main Nov 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants