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.

Sign up for GitHub

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

Jump to bottom

Add TypeScript types to @carbon/ibm-products components #4232

Closed
matthewgallo opened this issue Feb 7, 2024 · 1 comment
Closed

Add TypeScript types to @carbon/ibm-products components #4232

matthewgallo opened this issue Feb 7, 2024 · 1 comment
Labels
area: typescript Epic help wanted 👐 extra help needed or good for contribution package: ibm-products planning: umbrella type: enhancement 💡 New feature or request type: infrastructure 🤖 Issues related to devops, builds, packaging version: 2 Carbon 11 / v2
Milestone
2024 Q3

Comments

@matthewgallo
Copy link
Member

matthewgallo commented Feb 7, 2024 •
edited by sstrubberg
Loading

This issue will serve to document and track our work as we provide types to the components we export. We'll start off by tracking this work into categories of effort required to add types to a particular component. Each component will receive it's own issue so we can chunk this work into bite size pieces.

Getting started
When converting the js file to tsx use git mv [file].js [file].tsx

High effort
Beta Give feedback
  1. Add Typescript types to Datagrid #5175
  2. Add Typescript types to useDatagrid #5176
  3. Add Typescript types to useInfiniteScroll #5177
  4. Add Typescript types to useNestedRows #5178
  5. Add Typescript types to useSelectRows #5179
  6. Add Typescript types to useExpandedRow #5180
  7. Add Typescript types to useOnRowClick #5181
  8. Add Typescript types to useSortableColumns #5182
  9. Add Typescript types to useRowIsMouseOver #5183
  10. Add Typescript types to useColumnCenterAlign #5184
  11. Add Typescript types to useColumnRightAlign #5185
  12. Add Typescript types to useDisableSelectRows #5186
  13. Add Typescript types to useStickyColumn #5187
  14. Add Typescript types to useActionsColumn #5188
  15. Add Typescript types to useCustomizeColumns #5189
  16. Add Typescript types to useSelectAllWithToggle #5190
  17. Add Typescript types to useColumnOrder #5191
  18. Add Typescript types to useInlineEdit #5192
  19. Add Typescript types to useFiltering #5193
  20. Add Typescript types to getAutoSizedColumnWidth #5194
  21. Add Typescript types to useFilterContext #5195
  22. Add Typescript types to MultiAddSelect #5122
  23. Add Typescript types to PageHeader #5121
  24. Add Typescript types to SidePanel #4468
  25. Add Typescript types to SingleAddSelect #5117
  26. Add Typescript types to Tearsheet #4687
  27. Add Typescript types to Coachmark #5095
  28. Add Typescript types to Dataspreadsheet #5118
  29. Add Typescript types to DataspreadsheetBody #5119
  30. Add Typescript types to DataspreadsheetHeader #5120
  31. Add Typescript types to AddSelect #5123

Medium effort
Beta Give feedback
  1. Update generate component script to use TypeScript #4627
  2. Add Typescript types to CreateFullPage #4513
  3. Add Typescript types to CreateFullPageStep #4512
  4. Add Typescript types to CreateTearsheet #4511
  5. Add Typescript types to CreateTearsheetStep #4510
  6. Add Typescript types to ExportModal #4509
  7. Add Typescript types to ExpressiveCard #4508
  8. Add Typescript types to ImportModal #4507
  9. Add Typescript types to NotificationsPanel #4506
  10. Add Typescript types to ProductiveCard #4505
  11. Add Typescript types to StatusIcon #4504
  12. Add Typescript types to TagSet #4503
  13. Add Typescript types to TearsheetNarrow #4502
  14. Add Typescript types to UserProfileImage #4501
  15. Add Typescript types to WebTerminal #4500
  16. Add Typescript types to useWebTerminal #4499
  17. Add Typescript types to EditInPlace #4498
  18. Add Typescript types to Checklist #4497
  19. Add Typescript types to CoachmarkBeacon #4496
  20. Add Typescript types to CoachmarkButton #4495
  21. Add Typescript types to CoachmarkFixed #4494
  22. Add Typescript types to CoachmarkOverlayElement #4493
  23. Add Typescript types to CoachmarkOverlayElements #4492
  24. Add Typescript types to CoachmarkStack #4491
  25. Add Typescript types to Guidebanner #4490
  26. Add Typescript types to GuidebannerElement #4489
  27. Add Typescript types to GuidebannerElementButton #4488
  28. Add Typescript types to GuidebannerElementLink #4487
  29. Add Typescript types to InterstitialScreen #4486
  30. Add Typescript types to InterstitialScreenView #4485
  31. Add Typescript types to InterstitialScreenViewModule #4484
  32. Add Typescript types to SearchBar #4483

Low effort
Beta Give feedback
  1. Add Typescript types to AboutModal #4254
  2. Add Typescript types to APIKeyModal #4255
  3. Add Typescript types to Cascade #4251
  4. Add Typescript types to ComboButton #4256
  5. Add Typescript types to ComboButtonItem #4257
  6. Add Typescript types to CreateModal #4258
  7. Add Typescript types to CreateSidePanel #4259
  8. Add Typescript types to CreateTearsheetDivider #4260
  9. Add Typescript types to CreateTearsheetNarrow #4261
  10. Add Typescript types to EmptyState #4262
  11. Add Typescript types to ErrorEmptyState #4263
  12. Add Typescript types to NoDataEmptyState #4264
  13. Add Typescript types to NoTagsEmptyState #4265
  14. Add Typescript types to NotFoundEmptyState #4266
  15. Add Typescript types to NotificationsEmptyState #4267
  16. Add Typescript types to UnauthorizedEmptyState #4268
  17. Add Typescript types to RemoveModal #4272
  18. Add Typescript types to Saving #4273
  19. Add Typescript types to Toolbar #4274
  20. Add Typescript types to ToolbarButton #4276
  21. Add Typescript types to ToolbarGroup #4277
  22. Add Typescript types to WebTerminalContentWrapper #4278
  23. Add Typescript types to WebTerminalProvider #4279
  24. Add Typescript types to EditSidePanel #4280
  25. Add Typescript types to OptionsTile #4281
  26. Add Typescript types to EditTearsheet #4282
  27. Add Typescript types to EditTearsheetForm #4283
  28. Add Typescript types to EditTearsheetNarrow #4284
  29. Add Typescript types to EditFullPage #4285
  30. Add Typescript types to EditUpdateCards #4286
  31. Add Typescript types to InlineTip #4287
  32. Add Typescript types to InlineTipButton #4288
  33. Add Typescript types to InlineTipLink #4289
  34. Add Typescript types to NonLinearReading #4290
  35. Add Typescript types to TruncatedList #4291
  36. Add Typescript types to DelimitedList #4292
  37. Add Typescript types to CreateInfluencer #4517
  38. Add Typescript types to HTTPError403 #4269
  39. Add Typescript types to HTTPError404 #4270
  40. Add Typescript types to HTTPErrorOther #4271
  41. Add Typescript types to TagOverflowModal #5196
  42. Add Typescript types to Card, CardFooter, CardHeader #5197
  43. Add Typescript types to FullPageError #5668
  44. Add Typescript types to EmptyState v2 #5669
  45. Add Typescript types to ConditionBuilder #5670
  46. Add Typescript types to FeatureFlags, useFeatureFlag, useFeatureFlags #5671
  47. Add Typescript types to UserAvatar #5672
  48. Add Typescript types to TagOverflow #5673
  49. Add Typescript types to ActionBar #5674
  50. Add Typescript types to GetStartedCard #5675

Internal
Beta Give feedback
  1. Add Typescript types to ActionSet #4609
@matthewgallo matthewgallo added version: 2 Carbon 11 / v2 area: typescript type: enhancement 💡 New feature or request help wanted 👐 extra help needed or good for contribution Epic package: ibm-products labels Feb 7, 2024
@sstrubberg sstrubberg added this to the 2024 Q2 milestone Mar 27, 2024
@sstrubberg sstrubberg added the type: infrastructure 🤖 Issues related to devops, builds, packaging label Mar 29, 2024
@emyarod emyarod mentioned this issue May 15, 2024
Merged
@ljcarot ljcarot modified the milestones: 2024 Q2, 2024 Q3 Jul 17, 2024
@matthewgallo
Copy link
Member Author

Huge team (and community) effort here! Looks like we've completed everything in our initial list for migration. If we have any follow ups, lets open new issues. 🎉

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area: typescript Epic help wanted 👐 extra help needed or good for contribution package: ibm-products planning: umbrella type: enhancement 💡 New feature or request type: infrastructure 🤖 Issues related to devops, builds, packaging version: 2 Carbon 11 / v2
Projects
Carbon for IBM Products
Status: Done 🚀
Roadmap
Archived in project
Milestone
2024 Q3
Development

No branches or pull requests
3 participants
@matthewgallo @sstrubberg @ljcarot