mirrors
/
sonarqube
mirror of https://github.com/SonarSource/sonarqube.git
Watch 1
Star 0
Fork 0
Code Issues 0 Releases 237 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36178 Commits
59 Branches
Tree: 0c7599320b
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0c7599320b'
${ noResults }
sonarqube/server/sonar-web/design-system
David Cho-Lerat 0c7599320b SONAR-21298 Showcase Echoes' Spinner component in a few places 3 months ago
..
config/jest SONAR-21692 Remove act warnings from Toggler, IssuesSidebar, IssuesAppGuides, MultiSelectMenu, DropdownMenu 3 months ago
src SONAR-21298 Showcase Echoes' Spinner component in a few places 3 months ago
.eslintrc SONAR-19032 MIUI cleanup part 1 (#10627) 4 months ago
.eslintrc-typescript SONAR-21571 typescript-eslint update 4 months ago
.gitignore SONAR-18491 Set up the build system for the new UI 1 year ago
README.md [NO JIRA] Add documentation to the design-system module 11 months ago
babel.config.js NO-JIRA Update license headers to 2024 5 months ago
build.gradle NO-JIRA Update license headers to 2024 5 months ago
jest.config.js SONAR-21692 Introduce test failure on console errors & warnings 3 months ago
package.json SQDEVOPS-372 implement datadog test monitoring in ci 4 months ago
tsconfig.json NO-JIRA Improve design-system's tsconfig to create source maps 8 months ago
vite.config.js NO-JIRA Update license headers to 2024 5 months ago

README.md

Design System

This module is a Component Library for SonarQube. Despite being an internal module, it should be thought of as an external library.

Components

Components implemented here should be generic components, mostly agnostic of the business domains. There are some grey areas, like the Quality Gate Indicator which is obviously tied to the states a QG can have.

L10n, i18n, translations

Translation helpers (translate/translateWithParameters) cannot be used in the component library. Most text should be expected as a prop anyway. Generic (read “context-independent”) labels will soon be translated using react-intl.

Date/time formatting should use react-intl, to benefit from the user’s locale.

Helpers and utilities

Only helpers necessary for Components should be implemented in this module. Business logic utilities, or application-specific methods (e.g. getComponentUrl), should be kept in the core.