[EPIC]: @cloudoperators/juno-ui-components migrate UI Components to TypeScript

[barsukov]

Epic: @cloudoperators/juno-ui-components to TypeScript

Description

Transition all components, and files from JavaScript to TypeScript to enhance code quality and maintainability. This epic will focus on ensuring a smooth migration with minimal disruption.

Goals

• [TASK]: @cloudoperators/juno-ui-components Integrate TypeScript to UI Components  #161
• Convert all JavaScript components to TypeScript
• Convert all tests to TypeScript
• Delete rollup and use tsup for bundling.
• Include types into package bundle

Benefits

• Improved type safety and code clarity
• Better developer experience with enhanced tooling
• Early error detection through static type checking

Tasks

• [TASK]: @cloudoperators/juno-ui-components Integrate TypeScript to UI Components  #161
• Extend TypeScript interfaces for all migrated components to include intrinsic HTML props #583
• [Task](ui): Change imports from deprecated Javascript components to Typescript (incl. Portal) and tidy up #645
• [TASK](ui): Move deprecated components to deprecated_js after Typescript migrated components deleted #662
  • [TASK](ui): [DEPRECATED] Migrate Filters component to TypeScript  #225
  • [TASK](ui): [DEPRECATED] Migrate DataList(All related) component to TypeScript #226
• Convert group of components, inlcuding tests to TypeScript in this order:
  • [TASK](ui): Migrate AppShell(All dependable at once) to TypeScript #212
  • [TASK](ui): Migrate Badge(All dependable at once) to typescript #213
  • [TASK](ui): Migrate Box component to TypeScript #214
  • [TASK](ui): Migrate Breadcrumb(All dependable at once) to TypeScript  #215
  • [TASK](ui): Migrate Button component to TypeScript #217
  • [TASK](ui): Migrate Checkbox component to TypeScript #218
  • [TASK](ui): Migrate Code component to TypeScript #219
  • [TASK](ui): Migrate ComboBox component to TypeScript #222
  • [TASK](ui): Migrate Container component to TypeScript #220
  • [TASK](ui): Migrate Content component to TypeScript #221
  • [TASK](ui): Migrate ContextMenu component to TypeScript #223
  • [TASK](ui): Migrate DataGrid component to TypeScript #224
  • [TASK](ui): Migrate DateTimePicker component to TypeScript  #227
  • [TASK](ui): Migrate Form(All Related) component to TypeScript  #228
  • [TASK](ui): Migrate Grid(All related) component to TypeScript #229
  • [TASK](ui): Migrate Icon component to TypeScript #230
  • [TASK](ui): Migrate InputGroup component to TypeScript  #231
  • [TASK](ui): Migrate JsonVIewer component to TypeScript #232
  • [TASK](ui): Migrate Label component to TypeScript  #233
  • [TASK](ui): Migrate LoadingIndicator component to TypeScript  #234
  • [TASK](ui): Migrate MainConteiner component to TypeScript  #235
  • [TASK](ui): Migrate MainTabs component to TypeScript #236
  • [TASK](ui): Migrate Menu(All related) component to TypeScript #237
  • [TASK](ui): Migrate Message component to TypeScript #238
  • [TASK](ui): Migrate Modal component to TypeScript #239
  • [TASK](ui): Migrate NativeSelect(All related) component to TypeScript #240
  • [TASK](ui): Migrate Navigation component to TypeScript #241
  • [TASK](ui): Migrate Pagination component to TypeScript  #242
  • [TASK](ui): Migrate Panel(All related like Body and footer) component to TypeScript #243
  • [TASK](ui): Migrate Pill component to TypeScript  #244
  • [TASK](ui): Migrate PortalProvider component to TypeScript  #245
  • [TASK](ui): Migrate Radio(All related) component to TypeScript #246
  • [TASK](ui): Migrate SearchInput component to TypeScript  #247
  • [TASK](ui): Migrate SecretText component to TypeScript  #248
  • [TASK](ui): Migrate Select(All related) component to TypeScript #249
  • [TASK](ui): Migrate ShadowRoot component to TypeScript  #250
  • [TASK](ui): Migrate SideNavigation component to TypeScript  #251
  • [TASK](ui): Migrate Spinner component to TypeScript #252
  • [TASK](ui): Migrate Stack component to TypeScript  #253
  • [TASK](ui): Migrate StyleProvider component to TypeScript #254
  • [TASK](ui): Migrate Switch component to TypeScript  #255
  • [TASK](ui): Migrate Tab(all related including Tabs) component to TypeScript  #256
  • [TASK](ui): Migrate TextArea component to TypeScript  #257
  • [TASK](ui): Migrate TextInput component to TypeScript #258
  • [TASK](ui): Migrate Toast component to TypeScript  #259
  • [TASK](ui): Migrate Tooltip component to TypeScript  #260
  • [TASK](ui): Migrate TopNavigation component to TypeScript  #261
  • [TASK](ui): Migrate withDeprecationWarnings component to TypeScript  #262
  • [TASK](ui): Migrate ThemeToggle to Typescript #665
  • [TASK](ui): Migrate docs to TypeScript  #263
• [TASK](ui): Delete old build process and use tsup #605
• Export all component types [TASK](ui): Export all component types for use in consuming apps #604
• Update documentation to reflect TypeScript usage for each package

Acceptance Criteria

• All components in the components folder are successfully converted to TypeScript
• Build and deployment pipelines compile and deploy TypeScript code without issues
• Updated documentation and guidelines for contributing TypeScript code are available
• All tests and lint pass with TypeScript integration for each package

[guoda-puidokaite]

All improvements and inconsistencies found during the migration have been documented here: #570.