Sarai-WMDE created this task.
Sarai-WMDE added projects: Wikidata Dev Team, Wikidata Design System, Wikidata, 
Mismatch Finder.

TASK DESCRIPTION
  Problem
  -------
  
  The Mismatch Finder's user interface was composed using a combination of Vue 
2 custom components and WiKit elements, such as `TextArea`. The WiKit design 
system is now on its deprecation path, as it has been superseded by Codex, the 
official Wikimedia design system. The utilization of WiKit components is not 
recommended, and they should be replaced in order to reduce maintenance costs 
and ensure consistency.
  
  Solution
  --------
  
  We have to replace the WiKit `TextArea` by the Codex equivalent: 
`cdx-text-area`. This will take us a step closer to switching to the new design 
system and deprecating the old.
  
  F37750937: Screenshot 2023-09-22 at 17.16.24.png 
<https://phabricator.wikimedia.org/F37750937>
  
  Considerations
  --------------
  
  There are a couple of TextArea states that are either missing or not 
consistent with Codex. We'll bypass them by design:
  
  - Loading state missing: The WiKit text area displays an indeterminate inline 
progress bar to communicate its loading state, but this is not aligned with 
Codex’s guidelines. We’ll show Codex's indeterminate ProgressBar 
<https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/heads/main/packages/codex/src/components/progress-bar/>
 on top of a read-only TextArea to communicate that the request is being 
processed.


  
  - Warning state: In MSMF, the TextArea displays a warning when users try to 
submit an empty request. This state is part of the Wikit component. In Codex, 
the inline validation of form fields is managed (among other things) by a 
different element: the Field 
<https://gerrit.wikimedia.org/r/plugins/gitiles/design/codex/+/refs/heads/main/packages/codex/src/components/field/>
 component, which at the moment doesn't provide a warning state. We’ll use 
Field's error message instead to facilitate the migration.
  
  | Loading state                                                               
                                                                                
    | Warning state replaced by error |
  | 
---------------------------------------------------------------------------------------------------------------------------------------------------------------
 | ------------------------------- |
  | F37751084: loading state.png <https://phabricator.wikimedia.org/F37751084> 
See specifications 
<https://www.figma.com/file/ZUdkxlbZCSHoluhVrjANSE/WiKit-to-Codex-Migration?type=design&node-id=111-4315&mode=design&t=mkAS6pAuLsYXQJMF-0>
 | F37751086: e1.png <https://phabricator.wikimedia.org/F37751086>              
                 |
  |
  
  
  
  Acceptance criteria
  -------------------
  
  [ ] WiKit's TextArea is replaced by its Codex equivalent
  [ ] We use Codex's Field to add a label and inline validation messages to 
TextArea

TASK DETAIL
  https://phabricator.wikimedia.org/T347190

EMAIL PREFERENCES
  https://phabricator.wikimedia.org/settings/panel/emailpreferences/

To: Sarai-WMDE
Cc: Aklapper, Michael, Sarai-WMDE, Danny_Benjafield_WMDE, Astuthiodit_1, STH, 
karapayneWMDE, Invadibot, maantietaja, Mattia_Capozzi_WMDE, ItamarWMDE, 
Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, 
_jensen, rosalieper, Scott_WUaS, Volker_E, Wikidata-bugs, aude, 
Lydia_Pintscher, Mbch331
_______________________________________________
Wikidata-bugs mailing list -- wikidata-bugs@lists.wikimedia.org
To unsubscribe send an email to wikidata-bugs-le...@lists.wikimedia.org

Reply via email to