pass stable props into components

[keithCuniah]

Is your feature request related to a problem? Please describe. In order to not have too much rendering, we need to ensure that the props we pass to the composent is stable because each time a props changes, each time the component which that props belongs will be re-rendered

Describe the solution you'd like Pass only the necessary data and not all the dataset object to the components :

From the most nested children to the highest parent :

REFACTORING RECORD LEVEL TextClassification Task

• [x] ClassifierAnnotationArea.vue
• [x] ClassifierExplorationArea.vue
• [x] RecordTextClassification.vue
• [x] RecordExtraActions.vue
• [x] ResultsRecord.vue
• [x] SimilarityRecordReference.component.vue
• [x] ResultsList.vue
• [x] TextClassificationResultsList.vue
• [x] Results.vue
• [x] TaskSearch.vue
• [x] index.vue

TokenClassification Task

• [x] EntitySelector.vue
• [x] EntityHighlight.vue
• [x] TextSpan.vue
• [x] TextSpans.vue
• [x] TextSpanStatic.vue
• [x] TextSpansStatic.vue
• [x] RecordTokenClassification.vue
• [x] RecordExtraActions.vue
• [x] ResultsRecord.vue
• [x] SimilarityRecordReference.component.vue
• [x] ResultsList.vue
• [x] TokenClassificationResultsList.vue
• [x] Results.vue
• [x] TaskSearch.vue
• [x] index.vue

Text2Text Task

• [x] Text2TextList.vue
• [x] RecordText2Text.vue
• [x] RecordExtraActions.vue
• [x] ResultsRecord.vue
• [x] SimilarityRecordReference.component.vue
• [x] ResultsList.vue
• [x] Text2TextResultsList.vue
• [x] Results.vue
• [x] TaskSearch.vue
• [x] index.vue

REFACTORING HEADER LEVEL AppHeader Token classification task :

• [x] ValidateDiscardAction.vue
• [ ] SearchBar.vue
• [ ] FilterUncoveredByRules.vue ( this is use only in TextClassification)
• [ ] FiltersList.vue
• [ ] FiltersArea.vue
• [x] GlobalActions.vue
• [x] TokenClassificationHeader
• [ ] AppHeader.vue

Text classification task :

• [x] ValidateDiscardAction.vue
• [ ] SearchBar.vue
• [ ] FilterUncoveredByRules.vue ( this is use only in TextClassification)
• [ ] FiltersList.vue
• [ ] FiltersArea.vue
• [x] GlobalActions.vue
• [x] TextClassificationHeader
• [ ] AppHeader.vue

Text2Text classification task

• [x] ValidateDiscardAction.vue
• [ ] SearchBar.vue
• [ ] FilterUncoveredByRules.vue ( this is use only in TextClassification)
• [ ] FiltersList.vue
• [ ] FiltersArea.vue
• [x] GlobalActions.vue
• [x] Text2TextHeader
• [ ] AppHeader.vue

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

[keithCuniah]

Note : The changes in this refacto issue is not difficult to develop but takes more time to test since it's concerned almost every components from the fron app. The idea is to complete the changes in cooldown times or before implementing a feature which will be impacted (as Bulk annotation).

[github-actions[bot]]

This issue is stale because it has been open for 90 days with no activity.

[github-actions[bot]]

This issue was closed because it has been inactive for 30 days since being marked as stale.