feat: add checkbox into components #27

[sun-mota]

Alaska Airlines Pull Request

#27

• add checkbox 4.1.0 to auro-formkit
• update rollup.config to add demo's config to bundler (each component should have index.js and api.js under /demo)

By submitting this Pull Request, I confirm that my contribution is made under the terms of the Apache 2.0 license and I have performed a self-review of my own update.

Summary by Sourcery

Add a new checkbox component to the auro-formkit, update build scripts to support it, and provide detailed documentation and examples.

New Features:

• Introduce a new checkbox component to the auro-formkit, allowing users to select one or more options from a limited set of choices.

Enhancements:

• Update the build scripts to include the new checkbox component, ensuring it is built, tested, and included in demos.

Documentation:

• Add comprehensive documentation for the new checkbox component, including usage examples, API details, and styling guidelines.

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR adds a new checkbox component (v4.1.0) to the auro-formkit library. The implementation includes the main checkbox component, checkbox group functionality, and necessary build configurations. The changes primarily focus on adding new component files and updating build scripts to support the checkbox component.

Class diagram for the new checkbox component

Loading

classDiagram
    class AuroCheckbox {
        - Boolean checked
        - Boolean disabled
        - Boolean error
        - String id
        - String name
        - String value
        + handleChange(event)
        + handleInput(event)
        + handleFocusin()
        + generateIconHtml()
    }
    class AuroCheckboxGroup {
        - String validity
        - Array value
        - Boolean disabled
        - Boolean required
        - Boolean horizontal
        - AuroFormValidation validation
        - AuroLibraryRuntimeUtils runtimeUtils
        + handleValueUpdate(value, selected)
        + handlePreselectedItems()
        + handleItems()
    }
    AuroCheckboxGroup --> AuroCheckbox : contains
    note for AuroCheckbox "Custom element for selecting options"
    note for AuroCheckboxGroup "Wrapper for AuroCheckbox elements"

File-Level Changes

Change	Details	Files
Added new checkbox component with group functionality	Created auro-checkbox component with basic checkbox functionality Added auro-checkbox-group component for managing multiple checkboxes Implemented support for disabled, error, and required states Added horizontal layout option for checkbox groups Implemented form validation support	components/checkbox/src/auro-checkbox.js components/checkbox/src/auro-checkbox-group.js components/checkbox/src/auro-checkbox.scss components/checkbox/src/auro-checkbox-group.scss
Updated build configuration to support checkbox component	Added checkbox-specific build scripts and commands Updated rollup configuration to handle demo bundling Added new npm scripts for building and testing checkbox component	package.json rollup.config.mjs
Added styling and theming support for checkbox component	Created base styles for checkbox appearance and interactions Added support for design tokens and theme customization Implemented error and disabled state styles	components/checkbox/src/color.scss components/checkbox/src/colorGroup.scss components/checkbox/src/tokens.scss

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @sun-mota - I've reviewed your changes and they look great!

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟡 Testing: 1 issue found
• 🟡 Complexity: 2 issues found
• 🟡 Documentation: 1 issue found

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

testing