Add support for version 2.2 components in samplePreviews

Author: deleonio

src/components/samplePreviews/version/2.2.tsx

@@ -0,0 +1,197 @@
+import { lazy } from 'react';
+
+export const COMPONENTS_22 = [
+	{
+		name: 'abbr',
+		loadComponent: () => lazy(() => import('../Abbr')),
+	},
+	{
+		name: 'accordion',
+		loadComponent: () => lazy(() => import('../Accordion')),
+	},
+	{
+		name: 'alert',
+		loadComponent: () => lazy(() => import('../Alert')),
+	},
+	{
+		name: 'avatar',
+		loadComponent: () => lazy(() => import('../Avatar')),
+	},
+	{
+		name: 'badge',
+		loadComponent: () => lazy(() => import('../Badge')),
+	},
+	{
+		name: 'breadcrumb',
+		loadComponent: () => lazy(() => import('../Breadcrumb')),
+	},
+	{
+		name: 'button',
+		loadComponent: () => lazy(() => import('../Button')),
+	},
+	{
+		name: 'button-group',
+		loadComponent: () => lazy(() => import('../ButtonGroup')),
+	},
+	{
+		name: 'button-link',
+		loadComponent: () => lazy(() => import('../ButtonLink')),
+	},
+	{
+		name: 'card',
+		loadComponent: () => lazy(() => import('../Card')),
+	},
+	{
+		name: 'details',
+		loadComponent: () => lazy(() => import('../Details')),
+	},
+	{
+		name: 'drawer',
+		loadComponent: () => lazy(() => import('../Drawer')),
+	},
+	{
+		name: 'dialog',
+		loadComponent: () => lazy(() => import('../Dialog')),
+	},
+	{
+		name: 'form',
+		loadComponent: () => lazy(() => import('../Form')),
+	},
+	{
+		name: 'heading',
+		loadComponent: () => lazy(() => import('../Heading')),
+	},
+	{
+		name: 'icon',
+		loadComponent: () => lazy(() => import('../Icon')),
+	},
+	{
+		name: 'image',
+		loadComponent: () => lazy(() => import('../Image')),
+	},
+	{
+		name: 'indented-text',
+		loadComponent: () => lazy(() => import('../IndentedText')),
+	},
+	{
+		name: 'input-checkbox',
+		loadComponent: () => lazy(() => import('../InputCheckbox')),
+	},
+	{
+		name: 'input-color',
+		loadComponent: () => lazy(() => import('../InputColor')),
+	},
+	{
+		name: 'input-date',
+		loadComponent: () => lazy(() => import('../InputDate')),
+	},
+	{
+		name: 'input-email',
+		loadComponent: () => lazy(() => import('../InputEmail')),
+	},
+	{
+		name: 'input-file',
+		loadComponent: () => lazy(() => import('../InputFile')),
+	},
+	{
+		name: 'input-number',
+		loadComponent: () => lazy(() => import('../InputNumber')),
+	},
+	{
+		name: 'input-password',
+		loadComponent: () => lazy(() => import('../InputPassword')),
+	},
+	{
+		name: 'input-radio',
+		loadComponent: () => lazy(() => import('../InputRadio')),
+	},
+	{
+		name: 'input-range',
+		loadComponent: () => lazy(() => import('../InputRange')),
+	},
+	{
+		name: 'input-text',
+		loadComponent: () => lazy(() => import('../InputText')),
+	},
+	{
+		name: 'link',
+		loadComponent: () => lazy(() => import('../Link')),
+	},
+	{
+		name: 'link-button',
+		loadComponent: () => lazy(() => import('../LinkButton')),
+	},
+	{
+		name: 'link-group',
+		loadComponent: () => lazy(() => import('../LinkGroup')),
+	},
+	{
+		name: 'modal',
+		loadComponent: () => lazy(() => import('../Modal')),
+	},
+	{
+		name: 'nav',
+		loadComponent: () => lazy(() => import('../Nav')),
+	},
+	{
+		name: 'pagination',
+		loadComponent: () => lazy(() => import('../Pagination')),
+	},
+	{
+		name: 'popover',
+		loadComponent: () => lazy(() => import('../Popover')),
+	},
+	{
+		name: 'progress',
+		loadComponent: () => lazy(() => import('../Progress')),
+	},
+	{
+		name: 'quote',
+		loadComponent: () => lazy(() => import('../Quote')),
+	},
+	{
+		name: 'select',
+		loadComponent: () => lazy(() => import('../Select')),
+	},
+	{
+		name: 'single-select',
+		loadComponent: () => lazy(() => import('../SingleSelect')),
+	},
+	{
+		name: 'skip-nav',
+		loadComponent: () => lazy(() => import('../SkipNav')),
+	},
+	{
+		name: 'spin',
+		loadComponent: () => lazy(() => import('../Spin')),
+	},
+	{
+		name: 'split-button',
+		loadComponent: () => lazy(() => import('../SplitButton')),
+	},
+	{
+		name: 'table',
+		loadComponent: () => lazy(() => import('../Table')),
+	},
+	{
+		name: 'tabs',
+		loadComponent: () => lazy(() => import('../Tabs')),
+	},
+	{
+		name: 'textarea',
+		loadComponent: () => lazy(() => import('../Textarea')),
+	},
+	{
+		name: 'toaster',
+		loadComponent: () => lazy(() => import('../Toaster')),
+	},
+	{
+		name: 'tooltip',
+		loadComponent: () => lazy(() => import('../Tooltip')),
+	},
+	{
+		name: 'tree',
+		loadComponent: () => lazy(() => import('../Tree')),
+	},
+	// Add other components as needed
+];

src/components/samplePreviews/version/index.tsx

@@ -3,6 +3,7 @@ import { COMPONENTS_16 } from './1.6';
 import { COMPONENTS_17 } from './1.7';
 import { COMPONENTS_20 } from './2.0';
 import { COMPONENTS_21 } from './2.1';
+import { COMPONENTS_22 } from './2.2';
 import { COMPONENTS_CURRENT } from './current';
 
 export const COMPONENT_VERSIONS = {
@@ -11,5 +12,6 @@ export const COMPONENT_VERSIONS = {
 	'1.7': COMPONENTS_17,
 	'2.0': COMPONENTS_20,
 	'2.1': COMPONENTS_21,
+	'2.2': COMPONENTS_22,
 	current: COMPONENTS_CURRENT,
 };