SelectPanelV2: Add Deprecated status to SelectPanelV2 docs, stories (#5906)

Author: TylerJDev

.changeset/ten-eggs-arrive.md

@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+SelectPanelV2: Add `deprecated` status to SelectPanelV2 docs and stories

e2e/components/drafts/SelectPanel.test.ts

@@ -10,28 +10,28 @@ const stories: Array<{
 }> = [
   {
     title: 'Default',
-    id: 'experimental-components-selectpanel--default',
+    id: 'deprecated-components-selectpanel--default',
   },
   {
-    id: 'experimental-components-selectpanel-features--as-modal',
+    id: 'deprecated-components-selectpanel-features--as-modal',
     title: 'As Modal',
   },
   {
-    id: 'experimental-components-selectpanel-features--external-anchor',
+    id: 'deprecated-components-selectpanel-features--external-anchor',
     title: 'External Anchor',
   },
   {
-    id: 'experimental-components-selectpanel-features--instant-selection-variant',
+    id: 'deprecated-components-selectpanel-features--instant-selection-variant',
     title: 'Instant Selection Variant',
     buttonText: 'Choose a tag',
   },
   {
-    id: 'experimental-components-selectpanel-features--with-warning',
+    id: 'deprecated-components-selectpanel-features--with-warning',
     title: 'With Warning',
     buttonText: 'Assignees',
   },
   {
-    id: 'experimental-components-selectpanel-features--with-errors',
+    id: 'deprecated-components-selectpanel-features--with-errors',
     title: 'With Errors',
     buttonText: 'Assignees',
   },

packages/react/src/experimental/SelectPanel2/SelectPanel.docs.json

@@ -2,18 +2,18 @@
   "id": "select_panel_v2",
   "docsId": "select_panel",
   "name": "SelectPanel",
-  "status": "draft",
+  "status": "deprecated",
   "a11yReviewed": false,
   "stories": [
-    {"id": "experimental-components-selectpanel-examples--minimal"},
-    {"id": "experimental-components-selectpanel-examples--short-select-panel"},
-    {"id": "experimental-components-selectpanel-features--instant-selection-variant"},
-    {"id": "experimental-components-selectpanel-features--with-warning"},
-    {"id": "experimental-components-selectpanel-examples--open-from-menu"},
-    {"id": "experimental-components-selectpanel-examples--with-groups"},
-    {"id": "experimental-components-selectpanel-examples--async-search-with-use-transition"},
-    {"id": "experimental-components-selectpanel-examples--async-with-suspended-list"},
-    {"id": "experimental-components-selectpanel-examples--with-filter-buttons"}
+    {"id": "deprecated-components-selectpanel-examples--minimal"},
+    {"id": "deprecated-components-selectpanel-examples--short-select-panel"},
+    {"id": "deprecated-components-selectpanel-features--instant-selection-variant"},
+    {"id": "deprecated-components-selectpanel-features--with-warning"},
+    {"id": "deprecated-components-selectpanel-examples--open-from-menu"},
+    {"id": "deprecated-components-selectpanel-examples--with-groups"},
+    {"id": "deprecated-components-selectpanel-examples--async-search-with-use-transition"},
+    {"id": "deprecated-components-selectpanel-examples--async-with-suspended-list"},
+    {"id": "deprecated-components-selectpanel-examples--with-filter-buttons"}
   ],
   "importPath": "@primer/react/experimental",
   "props": [

packages/react/src/experimental/SelectPanel2/SelectPanel.examples.stories.tsx

@@ -18,7 +18,7 @@ import {
 import data from './mock-story-data'
 
 export default {
-  title: 'Experimental/Components/SelectPanel/Examples',
+  title: 'Deprecated/Components/SelectPanel/Examples',
   component: SelectPanel,
 }
 
@@ -298,8 +298,8 @@ const SuspendedActionList: React.FC<{query: string}> = ({query}) => {
   )
 }
 
-/* 
-  `data` is already pre-fetched with the issue 
+/*
+  `data` is already pre-fetched with the issue
   `users` are fetched async on search
 */
 const SearchableUserList: React.FC<{
@@ -347,8 +347,8 @@ const SearchableUserList: React.FC<{
   )
 }
 
-/* 
-  `data` is already pre-fetched with the issue 
+/*
+  `data` is already pre-fetched with the issue
   `users` are fetched async on search
 */
 export const AsyncSearchWithUseTransition = () => {
@@ -931,8 +931,8 @@ export const CreateNewRow = () => {
 
   const itemsToShow = query ? filteredLabels : data.labels.sort(sortingFn)
 
-  /* 
-    Controlled state + Create new label Dialog 
+  /*
+    Controlled state + Create new label Dialog
     We only have to do this until https://github.com/primer/react/pull/3840 is merged
   */
   const [panelOpen, setPanelOpen] = React.useState(false)

packages/react/src/experimental/SelectPanel2/SelectPanel.features.stories.tsx

@@ -15,7 +15,7 @@ import {TagIcon, GearIcon, ArrowBothIcon} from '@primer/octicons-react'
 import data from './mock-story-data'
 
 export default {
-  title: 'Experimental/Components/SelectPanel/Features',
+  title: 'Deprecated/Components/SelectPanel/Features',
   component: SelectPanel,
 }
 

packages/react/src/experimental/SelectPanel2/SelectPanel.playground.stories.tsx

@@ -6,7 +6,7 @@ import {ActionList, Box} from '../../index'
 import data from './mock-story-data'
 
 export default {
-  title: 'Experimental/Components/SelectPanel/Playground',
+  title: 'Deprecated/Components/SelectPanel/Playground',
   component: SelectPanel,
 
   args: {

packages/react/src/experimental/SelectPanel2/SelectPanel.stories.tsx

@@ -4,7 +4,7 @@ import {ActionList, Box} from '../../index'
 import data from './mock-story-data'
 
 export default {
-  title: 'Experimental/Components/SelectPanel',
+  title: 'Deprecated/Components/SelectPanel',
   component: SelectPanel,
 }