tesseract/TODO.md

Categories

• Action
  • ActionButton
• Blob (choose to extract each preview component to their own library?)
  • FileSelectBox
• Choice
  • ComboBox
  • DropdownSelect
  • MenuSelect
  • RadioButton
  • RadioTickBox
• Color
  • ColorPicker
  • Swatch (unify with color picker? Swatch is basically a readonly color picker with click-to-copy behavior)
• Code
  • CodeInput (extract to own package)
  • CodeBlock (react-refractor)
  • VerifyCodeInput (for OTP inputs)
• Formatted
  • EmailInput
  • PhoneNumberInput
  • PatternTextInput
  • UrlInput
• Freeform
  • MaskedTextInput
  • MultilineTextInput
  • TextInput (add click-to-copy prop)
• Geo
  • Map
• Information
  • Badge
  • KeyValueTable
• MultiChoice
  • MenuMultiSelect
  • TagInput
  • ToggleButton
  • ToggleSwitch
  • ToggleTickBox
• Navigation
  • Breadcrumb
  • LinkButton
  • Pagination
  • Steps
• Number
  • Slider
  • Spinner
  • Matrix2D
• Presentation
  • Tabs
  • Accordion
• Rating
  • Rating
• RichText (extract to own package)
  • RichTextInput
• Temporal
  • Calendar
  • DateDropdown
  • DateTimeRangeInput
  • DurationInput
  • MonthInput
  • MonthDayInput
  • TimeSpinner
  • [-] YearMonthInput
  • [-] WeekInput
  • YearInput

Others

• Add select-none to input labels, etc.
• Add indicators to components (select, datetime input etc)
• Add proxies for setting component values
  • formatted/phonenumberinput
  • multichoice/taginput
  • blob/fileselectbox (?)
• Test all components!
• Where to put the “click-to-copy” textboxes? Does Swatch belong to this category?
• Add aria-* attributes to all components
• react-refractor, fix rendering on Lynx!
• Limit component props to only those that are relevant
• Extract packages/ dir
• Create tesseract plugin for defining component styles