experimental->next

Author: broccolinisoup

src/rules/__tests__/a11y-use-next-tooltip.test.js

@@ -13,38 +13,38 @@ const ruleTester = new RuleTester({
 
 ruleTester.run('a11y-use-next-tooltip', rule, {
   valid: [
-    `import {Tooltip} from '@primer/react/experimental';`,
+    `import {Tooltip} from '@primer/react/next';`,
     `import {UnderlineNav, Button} from '@primer/react';
-   import {Tooltip} from '@primer/react/experimental';`,
+   import {Tooltip} from '@primer/react/next';`,
     `import {UnderlineNav, Button} from '@primer/react';
-   import {Tooltip, SelectPanel} from '@primer/react/experimental';`,
+   import {Tooltip, SelectPanel} from '@primer/react/next';`,
   ],
   invalid: [
     {
       code: `import {Tooltip} from '@primer/react';`,
       errors: [{messageId: 'useNextTooltip'}],
-      output: `import {Tooltip} from '@primer/react/experimental';`,
+      output: `import {Tooltip} from '@primer/react/next';`,
     },
     {
       code: `import {Tooltip, Button} from '@primer/react';\n<Tooltip aria-label="tooltip text"><Button>Button</Button></Tooltip>`,
       errors: [{messageId: 'useNextTooltip'}, {messageId: 'useTextProp'}],
-      output: `import {Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/experimental';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
+      output: `import {Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
     },
     {
       code: `import {ActionList, ActionMenu, Tooltip, Button} from '@primer/react';\n<Tooltip aria-label="tooltip text"><Button>Button</Button></Tooltip>`,
       errors: [
         {messageId: 'useNextTooltip', line: 1},
         {messageId: 'useTextProp', line: 2},
       ],
-      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/experimental';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
+      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"><Button>Button</Button></Tooltip>`,
     },
     {
       code: `import {ActionList, ActionMenu, Button, Tooltip} from '@primer/react';\n<Tooltip aria-label="tooltip text"><Button aria-label="test">Button</Button></Tooltip>`,
       errors: [
         {messageId: 'useNextTooltip', line: 1},
         {messageId: 'useTextProp', line: 2},
       ],
-      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/experimental';\n<Tooltip text="tooltip text"><Button aria-label="test">Button</Button></Tooltip>`,
+      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"><Button aria-label="test">Button</Button></Tooltip>`,
     },
     {
       code: `import {ActionList, ActionMenu, Tooltip, Button} from '@primer/react';\n<Tooltip aria-label="tooltip text" noDelay={true} wrap={true} align="left"><Button>Button</Button></Tooltip>`,
@@ -55,7 +55,7 @@ ruleTester.run('a11y-use-next-tooltip', rule, {
         {messageId: 'wrapRemoved', line: 2},
         {messageId: 'alignRemoved', line: 2},
       ],
-      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/experimental';\n<Tooltip text="tooltip text"   ><Button>Button</Button></Tooltip>`,
+      output: `import {ActionList, ActionMenu, Button} from '@primer/react';\nimport {Tooltip} from '@primer/react/next';\n<Tooltip text="tooltip text"   ><Button>Button</Button></Tooltip>`,
     },
   ],
 })

src/rules/a11y-use-next-tooltip.js

@@ -6,14 +6,14 @@ module.exports = {
   meta: {
     type: 'suggestion',
     docs: {
-      description: 'recommends the use of @primer/react/experimental Tooltip component',
+      description: 'recommends the use of @primer/react/next Tooltip component',
       category: 'Best Practices',
       recommended: true,
     },
     fixable: true,
     schema: [],
     messages: {
-      useNextTooltip: 'Please use @primer/react/experimental Tooltip component that has accessibility improvements',
+      useNextTooltip: 'Please use @primer/react/next Tooltip component that has accessibility improvements',
       useTextProp: 'Please use the text prop instead of aria-label',
       noDelayRemoved: 'noDelay prop is removed. Tooltip now has no delay by default',
       wrapRemoved: 'wrap prop is removed. Tooltip now wraps by default',
@@ -40,7 +40,7 @@ module.exports = {
           fix(fixer) {
             // If Tooltip is the only import, replace the whole import statement
             if (!hasOtherImports) {
-              return fixer.replaceText(node.source, `'@primer/react/experimental'`)
+              return fixer.replaceText(node.source, `'@primer/react/next'`)
             } else {
               // Otherwise, remove Tooltip from the import statement and add a new import statement with the correct path
               const tooltipSpecifier = node.specifiers.find(
@@ -68,7 +68,7 @@ module.exports = {
                 fixer.removeRange([start, end]),
                 fixer.insertTextAfterRange(
                   [node.range[1], node.range[1]],
-                  `\nimport {Tooltip} from '@primer/react/experimental';`,
+                  `\nimport {Tooltip} from '@primer/react/next';`,
                 ),
               ]
             }