chore(ui): convert LoadingIndicator to Typescript

[guoda-puidokaite]

Summary

• Migrated the LoadingIndicator component to TypeScript, enhancing code quality, maintainability, and scalability.
• Utilised static typing to minimize runtime errors and improve the development experience.

Changes Made

TypeScript Migration:

• Converted LoadingIndicator component files to TypeScript.
• Added comprehensive type annotations.

Fixes/Improvements:

• Allowed type number and string for size.
• Fixed edge cases for size, defaulting to size 96 when an invalid number value (e.g. empty string), 0 or a negative value is passed.
• (Not related to ticket) Exported deprecated StyleProvider from ui-components/src index file.

Testing:

• Tested fixed edge cases.
• Verified component behaviour using Storybook.
• Updated tests to use vitest.

Cleanup:

• Removed deprecated code. It wasn't needed for any .js components.

Documentation:

• Updated Storybook documentation.

Screenshot: Deprecated .js code on the left, migrated .ts code on the right (see notes)

Release:

• Generated a changeset file, mentioning the migration and bug fix.

Related Issues

• https://github.com/cloudoperators/juno/issues/234

Testing Instructions

1. Run Storybook
2. Run LoadingIndicator tests

Checklist

• [x] I have performed a self-review of my code.
• [x] I have commented my code, particularly in hard-to-understand areas.
• [x] I have added tests that prove my fix is effective or that my feature works.
• [x] New and existing unit tests pass locally with my changes.
• [x] I have made corresponding changes to the documentation (if applicable).
• [x] My changes generate no new warnings or errors.

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 7bcc5336aa281fe79a858b14ed4d9bae82282199

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

| Name | Type | | ---------------------------------- | ----- | | @cloudoperators/juno-ui-components | Minor |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions[bot]]

PR Preview Action v1.4.8 :---: Preview removed because the pull request was closed. 2024-10-25 09:33 UTC

[guoda-puidokaite]

ERROR in ./src/components/LoadingIndicator/LoadingIndicator.stories.tsx 5:0-46
Module not found: Error: Can't resolve './index.js' in '/Users/wowa/work/juno/packages/ui-components/src/components/LoadingIndicator'

Ooops, somehow missed to commit that file... Pushed now.