chore: mark the Calendar component as stable. Update the eslint compo…

…nent-lifecycle-imports rule
sumup-oss · Oct 9, 2024 · 60b2248 · 60b2248
1 parent f8016eb
commit 60b2248
Show file tree

Hide file tree

Showing 5 changed files with 44 additions and 7 deletions.
diff --git a/packages/circuit-ui/components/Calendar/Calendar.mdx b/packages/circuit-ui/components/Calendar/Calendar.mdx
@@ -5,7 +5,7 @@ import * as Stories from './Calendar.stories';
 
 # Calendar
 
-<Status variant="experimental" />
+<Status variant="stable" />
 
 The Calendar component displays a monthly date grid. This is a low-level component for advanced use cases; you likely want to use the [DateInput](Forms/Input/DateInput/Base) component instead.
 

diff --git a/packages/circuit-ui/experimental.ts b/packages/circuit-ui/experimental.ts
@@ -22,7 +22,6 @@ export {
   Toggletip,
   type ToggletipProps,
 } from './components/Toggletip/index.js';
-export { Calendar, type CalendarProps } from './components/Calendar/index.js';
 export { type PlainDateRange } from './util/date.js';
 export { PhoneNumberInput } from './components/PhoneNumberInput/index.js';
 export type { PhoneNumberInputProps } from './components/PhoneNumberInput/index.js';
diff --git a/packages/circuit-ui/index.ts b/packages/circuit-ui/index.ts
@@ -62,6 +62,8 @@ export { PercentageInput } from './components/PercentageInput/index.js';
 export type { PercentageInputProps } from './components/PercentageInput/index.js';
 export { ImageInput } from './components/ImageInput/index.js';
 export type { ImageInputProps } from './components/ImageInput/index.js';
+export { Calendar } from './components/Calendar/index.js';
+export type { CalendarProps } from './components/Calendar/index.js';
 
 // Actions
 export { Button } from './components/Button/index.js';

diff --git a/packages/eslint-plugin-circuit-ui/component-lifecycle-imports/index.spec.ts b/packages/eslint-plugin-circuit-ui/component-lifecycle-imports/index.spec.ts
@@ -60,7 +60,7 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
   ],
   invalid: [
     {
-      name: 'single import with single match',
+      name: '[Legacy] single import with single match',
       code: `
         import { RangePicker } from '@sumup-oss/circuit-ui';
       `,
@@ -70,7 +70,7 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
       errors: [{ messageId: 'refactor' }],
     },
     {
-      name: 'single import with single match with local name',
+      name: '[Legacy] single import with single match with local name',
       code: `
         import { RangePicker as RangeInput } from '@sumup-oss/circuit-ui';
       `,
@@ -80,7 +80,7 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
       errors: [{ messageId: 'refactor' }],
     },
     {
-      name: 'multiple imports with single match',
+      name: '[Legacy] multiple imports with single match',
       code: `
         import { RangePicker, Button } from '@sumup-oss/circuit-ui';
       `,
@@ -90,7 +90,7 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
       errors: [{ messageId: 'refactor' }],
     },
     {
-      name: 'multiple imports with multiple matches',
+      name: '[Legacy] multiple imports with multiple matches',
       code: `
         import { RangePicker, RangePickerController } from '@sumup-oss/circuit-ui';
       `,
@@ -101,7 +101,7 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
       errors: [{ messageId: 'refactor' }, { messageId: 'refactor' }],
     },
     {
-      name: 'single type import with single match',
+      name: '[Legacy] single type import with single match',
       code: `
         import type { RangePickerProps } from '@sumup-oss/circuit-ui';
       `,
@@ -110,5 +110,35 @@ ruleTester.run('component-lifecycle-imports', componentLifecycleImports, {
       `,
       errors: [{ messageId: 'refactor' }],
     },
+    {
+      name: '[Experimental] single import with single match',
+      code: `
+        import { Calendar } from '@sumup/circuit-ui/experimental';
+      `,
+      output: `
+        import { Calendar } from '@sumup/circuit-ui';
+      `,
+      errors: [{ messageId: 'refactor' }],
+    },
+    {
+      name: '[Experimental] single import with single match with local name',
+      code: `
+        import { Calendar as CuiCalendar } from '@sumup/circuit-ui/experimental';
+      `,
+      output: `
+        import { Calendar as CuiCalendar } from '@sumup/circuit-ui';
+      `,
+      errors: [{ messageId: 'refactor' }],
+    },
+    {
+      name: '[Experimental] single type import with single match',
+      code: `
+        import type { CalendarProps } from '@sumup/circuit-ui/experimental';
+      `,
+      output: `
+        import type { CalendarProps } from '@sumup/circuit-ui';
+      `,
+      errors: [{ messageId: 'refactor' }],
+    },
   ],
 });
diff --git a/packages/eslint-plugin-circuit-ui/component-lifecycle-imports/index.ts b/packages/eslint-plugin-circuit-ui/component-lifecycle-imports/index.ts
@@ -71,6 +71,12 @@ const mappings = [
       'center',
     ],
   },
+  {
+    from: '@sumup/circuit-ui/experimental',
+    to: '@sumup/circuit-ui',
+    specifiers: ['Calendar', 'CalendarProps'],
+  },
+
 ];
 
 export const componentLifecycleImports = createRule({