1+ import ButtonShowcase from '@components/components/button/showcase/button.showcase' ;
12import { type ReactElement } from 'react' ;
23import AccordionComponent from '../../react-showcase/src/components/accordion' ;
34import AccordionItemComponent from '../../react-showcase/src/components/accordion-item' ;
4- import BrandComponent from '../../react-showcase/src/components/brand' ;
5- import LinkComponent from '../../react-showcase/src/components/link' ;
6- // Import IconComponent from '../../react-showcase/src/components/icon';
75import BadgeComponent from '../../react-showcase/src/components/badge' ;
6+ import BrandComponent from '../../react-showcase/src/components/brand' ;
87import CardComponent from '../../react-showcase/src/components/card' ;
98import CheckboxComponent from '../../react-showcase/src/components/checkbox' ;
9+ import MutliSelectComponent from '../../react-showcase/src/components/custom-select' ;
1010import DividerComponent from '../../react-showcase/src/components/divider' ;
1111import DrawerComponent from '../../react-showcase/src/components/drawer' ;
1212import HeaderComponent from '../../react-showcase/src/components/header' ;
1313import InfotextComponent from '../../react-showcase/src/components/infotext' ;
1414import InputComponent from '../../react-showcase/src/components/input' ;
15+ import LinkComponent from '../../react-showcase/src/components/link' ;
16+ import NavigationComponent from '../../react-showcase/src/components/navigation' ;
17+ import NavigationItemComponent from '../../react-showcase/src/components/navigation-item' ;
1518import NotificationComponent from '../../react-showcase/src/components/notification' ;
19+ import PopoverComponent from '../../react-showcase/src/components/popover' ;
1620import RadioComponent from '../../react-showcase/src/components/radio' ;
21+ import SectionComponent from '../../react-showcase/src/components/section' ;
1722import SelectComponent from '../../react-showcase/src/components/select' ;
23+ import StackComponent from '../../react-showcase/src/components/stack' ;
1824import SwitchComponent from '../../react-showcase/src/components/switch' ;
1925import TabItemComponent from '../../react-showcase/src/components/tab-item' ;
2026import TabsComponent from '../../react-showcase/src/components/tabs' ;
2127import TagComponent from '../../react-showcase/src/components/tag' ;
2228import TextareaComponent from '../../react-showcase/src/components/textarea' ;
2329import TooltipComponent from '../../react-showcase/src/components/tooltip' ;
24- // Import PageComponent from '../../react-showcase/src/components/page';
25- import NavigationComponent from '../../react-showcase/src/components/navigation' ;
26- import NavigationItemComponent from '../../react-showcase/src/components/navigation-item' ;
27- import PopoverComponent from '../../react-showcase/src/components/popover' ;
28- import SectionComponent from '../../react-showcase/src/components/section' ;
29- import * as accordionCode from '../components/code-docs/accordion' ;
30- import * as accordionItemCode from '../components/code-docs/accordion-item' ;
31- import * as brandCode from '../components/code-docs/brand' ;
32- import * as linkCode from '../components/code-docs/link' ;
33- // Import * as iconCode from '../components/code-docs/icon';
34- import * as badgeCode from '../components/code-docs/badge' ;
35- import * as cardCode from '../components/code-docs/card' ;
36- import * as checkboxCode from '../components/code-docs/checkbox' ;
37- import * as dividerCode from '../components/code-docs/divider' ;
38- import * as drawerCode from '../components/code-docs/drawer' ;
39- import * as headerCode from '../components/code-docs/header' ;
40- import * as infotextCode from '../components/code-docs/infotext' ;
41- import * as inputCode from '../components/code-docs/input' ;
42- import * as notificationCode from '../components/code-docs/notification' ;
43- import * as radioCode from '../components/code-docs/radio' ;
44- import * as selectCode from '../components/code-docs/select' ;
45- import * as switchCode from '../components/code-docs/switch' ;
46- import * as tabItemCode from '../components/code-docs/tab-item' ;
47- import * as tabsCode from '../components/code-docs/tabs' ;
48- import * as tagCode from '../components/code-docs/tag' ;
49- import * as textareaCode from '../components/code-docs/textarea' ;
50- import * as tooltipCode from '../components/code-docs/tooltip' ;
51- // Import * as pageCode from '../components/code-docs/page';
52- import ButtonShowcase from '@components/components/button/showcase/button.showcase' ;
53- import MutliSelectComponent from '../../react-showcase/src/components/custom-select' ;
54- import StackComponent from '../../react-showcase/src/components/stack' ;
55- import * as CustomSelectCode from '../components/code-docs/custom-select' ;
56- import * as navigationCode from '../components/code-docs/navigation' ;
57- import * as navigationItemCode from '../components/code-docs/navigation-item' ;
58- import * as popoverCode from '../components/code-docs/popover' ;
59- import * as sectionCode from '../components/code-docs/section' ;
60- import * as StackCode from '../components/code-docs/stack' ;
6130import Components from './components.json' ;
6231
6332export type NavigationItem = {
@@ -70,71 +39,63 @@ export type NavigationItem = {
7039} ;
7140
7241const nameComponentMap = {
73- 'custom-select' : < MutliSelectComponent slotCode = { CustomSelectCode } /> ,
74- stack : < StackComponent slotCode = { StackCode } /> ,
42+ 'custom-select' : < MutliSelectComponent /> ,
43+ stack : < StackComponent /> ,
7544 button : < ButtonShowcase isPatternhub /> ,
76- link : < LinkComponent slotCode = { linkCode } /> ,
77- brand : < BrandComponent slotCode = { brandCode } /> ,
78- // Icon: <IconComponent slotCode={iconCode} />,
79- tooltip : < TooltipComponent slotCode = { tooltipCode } /> ,
80- infotext : < InfotextComponent slotCode = { infotextCode } /> ,
81- tag : < TagComponent slotCode = { tagCode } /> ,
45+ link : < LinkComponent /> ,
46+ brand : < BrandComponent /> ,
47+ // Icon: <IconComponent />,
48+ tooltip : < TooltipComponent /> ,
49+ infotext : < InfotextComponent /> ,
50+ tag : < TagComponent /> ,
8251 accordion : (
8352 < AccordionComponent
84- slotCode = { accordionCode }
8553 subComponent = {
8654 < AccordionItemComponent
8755 isSubComponent = { true }
8856 componentName = "accordion-item"
89- slotCode = { accordionItemCode }
9057 />
9158 }
9259 />
9360 ) ,
94- 'accordion-item' : < AccordionItemComponent slotCode = { accordionItemCode } /> ,
61+ 'accordion-item' : < AccordionItemComponent /> ,
9562 tabs : (
9663 < TabsComponent
97- slotCode = { tabsCode }
9864 subComponent = {
9965 < TabItemComponent
10066 isSubComponent = { true }
10167 componentName = "tab-item"
102- slotCode = { tabItemCode }
10368 />
10469 }
10570 />
10671 ) ,
107- 'tab-item' : < TabItemComponent slotCode = { tabItemCode } /> ,
108- checkbox : < CheckboxComponent slotCode = { checkboxCode } /> ,
109- input : < InputComponent slotCode = { inputCode } /> ,
110- radio : < RadioComponent slotCode = { radioCode } /> ,
111- select : < SelectComponent slotCode = { selectCode } /> ,
112- switch : < SwitchComponent slotCode = { switchCode } /> ,
113- textarea : < TextareaComponent slotCode = { textareaCode } /> ,
114- notification : < NotificationComponent slotCode = { notificationCode } /> ,
115- badge : < BadgeComponent slotCode = { badgeCode } /> ,
116- card : < CardComponent slotCode = { cardCode } /> ,
117- divider : < DividerComponent slotCode = { dividerCode } /> ,
118- drawer : < DrawerComponent slotCode = { drawerCode } /> ,
119- header : < HeaderComponent slotCode = { headerCode } /> ,
120- // Page: <PageComponent slotCode={pageCode} />,
121- section : < SectionComponent slotCode = { sectionCode } /> ,
72+ 'tab-item' : < TabItemComponent /> ,
73+ checkbox : < CheckboxComponent /> ,
74+ input : < InputComponent /> ,
75+ radio : < RadioComponent /> ,
76+ select : < SelectComponent /> ,
77+ switch : < SwitchComponent /> ,
78+ textarea : < TextareaComponent /> ,
79+ notification : < NotificationComponent /> ,
80+ badge : < BadgeComponent /> ,
81+ card : < CardComponent /> ,
82+ divider : < DividerComponent /> ,
83+ drawer : < DrawerComponent /> ,
84+ header : < HeaderComponent /> ,
85+ // Page: <PageComponent />,
86+ section : < SectionComponent /> ,
12287 navigation : (
12388 < NavigationComponent
124- slotCode = { navigationCode }
12589 subComponent = {
12690 < NavigationItemComponent
12791 isSubComponent = { true }
12892 componentName = "navigation-item"
129- slotCode = { navigationItemCode }
13093 />
13194 }
13295 />
13396 ) ,
134- 'navigation-item' : (
135- < NavigationItemComponent slotCode = { navigationItemCode } />
136- ) ,
137- popover : < PopoverComponent slotCode = { popoverCode } />
97+ 'navigation-item' : < NavigationItemComponent /> ,
98+ popover : < PopoverComponent />
13899} ;
139100
140101const addComponentsToNavigationItems = (
0 commit comments