From cbf6e31b82a2bad507f6e79f335ab5e820df213d Mon Sep 17 00:00:00 2001 From: =?utf8?q?Gr=C3=A9goire=20Aubert?= Date: Tue, 9 Jul 2024 12:30:39 +0200 Subject: [PATCH] SONAR-22418 Deprecate old select components --- .../src/components/input/DiscreetSelect.tsx | 5 ++-- .../src/components/input/SearchSelect.tsx | 4 ++- .../components/input/SearchSelectDropdown.tsx | 4 ++- .../input/SearchSelectDropdownControl.tsx | 4 ++- .../components/input/InputSelect.tsx | 4 ++- server/sonar-web/yarn.lock | 28 ++++++++++++++++++- 6 files changed, 42 insertions(+), 7 deletions(-) diff --git a/server/sonar-web/design-system/src/components/input/DiscreetSelect.tsx b/server/sonar-web/design-system/src/components/input/DiscreetSelect.tsx index 43a188ce701..c4211cee8e3 100644 --- a/server/sonar-web/design-system/src/components/input/DiscreetSelect.tsx +++ b/server/sonar-web/design-system/src/components/input/DiscreetSelect.tsx @@ -18,6 +18,7 @@ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import styled from '@emotion/styled'; +import Echoes from '@sonarsource/echoes-react'; import { GroupBase, OnChangeValue } from 'react-select'; import tw from 'twin.macro'; import { themeBorder, themeColor, themeContrast } from '../../helpers/theme'; @@ -33,9 +34,9 @@ type DiscreetProps< }; /** - * @deprecated Use Select or SelectAsync from Echoes instead. + * @deprecated Use {@link Echoes.Select | Select} or {@link Echoes.SelectAsync | SelectAsync} from Echoes instead, and use the {@link Echoes.SelectHighlight.Ghost | SelectHighlight.Ghost} highlight property. * - * Use the `highlight` prop value `SelectHighlight.Ghost` to make it "discreet" + * See the [Migration Guide](https://xtranet-sonarsource.atlassian.net/wiki/x/K4AYxw) */ export function DiscreetSelect< Option, diff --git a/server/sonar-web/design-system/src/components/input/SearchSelect.tsx b/server/sonar-web/design-system/src/components/input/SearchSelect.tsx index 1f8d4c34650..37b471f9f82 100644 --- a/server/sonar-web/design-system/src/components/input/SearchSelect.tsx +++ b/server/sonar-web/design-system/src/components/input/SearchSelect.tsx @@ -17,6 +17,7 @@ * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ +import Echoes from '@sonarsource/echoes-react'; import classNames from 'classnames'; import { omit } from 'lodash'; import React from 'react'; @@ -34,7 +35,8 @@ type SearchSelectProps< > = SelectProps & AsyncProps; /** - * @deprecated Use Select or SelectAsync from Echoes instead. + * @deprecated Use {@link Echoes.Select | Select} or {@link Echoes.SelectAsync | SelectAsync} from Echoes instead. + * See the [Migration Guide](https://xtranet-sonarsource.atlassian.net/wiki/x/K4AYxw) */ export function SearchSelect< Option, diff --git a/server/sonar-web/design-system/src/components/input/SearchSelectDropdown.tsx b/server/sonar-web/design-system/src/components/input/SearchSelectDropdown.tsx index 79489d4a295..9ec3d122000 100644 --- a/server/sonar-web/design-system/src/components/input/SearchSelectDropdown.tsx +++ b/server/sonar-web/design-system/src/components/input/SearchSelectDropdown.tsx @@ -18,6 +18,7 @@ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import styled from '@emotion/styled'; +import Echoes from '@sonarsource/echoes-react'; import React from 'react'; import { ActionMeta, @@ -64,7 +65,8 @@ interface SearchSelectDropdownProps< } /** - * @deprecated Use Select or SelectAsync from Echoes instead. + * @deprecated Use {@link Echoes.Select | Select} or {@link Echoes.SelectAsync | SelectAsync} from Echoes instead. + * See the [Migration Guide](https://xtranet-sonarsource.atlassian.net/wiki/x/K4AYxw) */ export function SearchSelectDropdown< V, diff --git a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx index ef6a9b6c179..ed383415eea 100644 --- a/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx +++ b/server/sonar-web/design-system/src/components/input/SearchSelectDropdownControl.tsx @@ -18,6 +18,7 @@ * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ import styled from '@emotion/styled'; +import Echoes from '@sonarsource/echoes-react'; import classNames from 'classnames'; import { useIntl } from 'react-intl'; import tw from 'twin.macro'; @@ -41,7 +42,8 @@ interface SearchSelectDropdownControlProps { } /** - * @deprecated Use Select or SelectAsync from Echoes instead. + * @deprecated Use {@link Echoes.Select | Select} or {@link Echoes.SelectAsync | SelectAsync} from Echoes instead. + * See the [Migration Guide](https://xtranet-sonarsource.atlassian.net/wiki/x/K4AYxw) */ export function SearchSelectDropdownControl(props: SearchSelectDropdownControlProps) { const { diff --git a/server/sonar-web/design-system/src/sonar-aligned/components/input/InputSelect.tsx b/server/sonar-web/design-system/src/sonar-aligned/components/input/InputSelect.tsx index a0cc703296d..95d920e220e 100644 --- a/server/sonar-web/design-system/src/sonar-aligned/components/input/InputSelect.tsx +++ b/server/sonar-web/design-system/src/sonar-aligned/components/input/InputSelect.tsx @@ -17,6 +17,7 @@ * along with this program; if not, write to the Free Software Foundation, * Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ +import Echoes from '@sonarsource/echoes-react'; import classNames from 'classnames'; import { omit } from 'lodash'; import { useMemo } from 'react'; @@ -31,7 +32,8 @@ import { } from './SelectCommon'; /** - * @deprecated Use Select or SelectAsync from Echoes instead. + * @deprecated Use {@link Echoes.Select | Select} or {@link Echoes.SelectAsync | SelectAsync} from Echoes instead. + * See the [Migration Guide](https://xtranet-sonarsource.atlassian.net/wiki/x/K4AYxw) */ export function InputSelect< Option, diff --git a/server/sonar-web/yarn.lock b/server/sonar-web/yarn.lock index ee8afbcce1c..af84a1cffec 100644 --- a/server/sonar-web/yarn.lock +++ b/server/sonar-web/yarn.lock @@ -3190,7 +3190,16 @@ __metadata: languageName: node linkType: hard -"@floating-ui/dom@npm:^1.0.0, @floating-ui/dom@npm:^1.2.1": +"@floating-ui/core@npm:^1.6.0": + version: 1.6.4 + resolution: "@floating-ui/core@npm:1.6.4" + dependencies: + "@floating-ui/utils": "npm:^0.2.4" + checksum: 10/589430cbff4bac90b9b891e2c94c57dc113d39ac163552f547d9e4c7d21f09997b9d33e82ec717759caee678c47f845f14a3f28df6f029fcfcf3ad803ba4eb7c + languageName: node + linkType: hard + +"@floating-ui/dom@npm:^1.0.0": version: 1.6.5 resolution: "@floating-ui/dom@npm:1.6.5" dependencies: @@ -3209,6 +3218,16 @@ __metadata: languageName: node linkType: hard +"@floating-ui/dom@npm:^1.2.1": + version: 1.6.7 + resolution: "@floating-ui/dom@npm:1.6.7" + dependencies: + "@floating-ui/core": "npm:^1.6.0" + "@floating-ui/utils": "npm:^0.2.4" + checksum: 10/a6a42bfd243c311f6040043808a6549c1db45fa36138b81cb1e615170d61fd2daf4f37accc1df3e0189405d97e3d71b12de39879c9d58ccf181c982b69cf6cf9 + languageName: node + linkType: hard + "@floating-ui/react-dom@npm:^1.3.0": version: 1.3.0 resolution: "@floating-ui/react-dom@npm:1.3.0" @@ -3254,6 +3273,13 @@ __metadata: languageName: node linkType: hard +"@floating-ui/utils@npm:^0.2.4": + version: 0.2.4 + resolution: "@floating-ui/utils@npm:0.2.4" + checksum: 10/7662d7a4ae39c0287e026f666297a3d28c80e588251c8c59ff66938a0aead47d380bbb9018629bd63a98f399c3919ec689d5448a5c48ffc176d545ddef705df1 + languageName: node + linkType: hard + "@formatjs/ecma402-abstract@npm:2.0.0": version: 2.0.0 resolution: "@formatjs/ecma402-abstract@npm:2.0.0" -- 2.39.5