From 921b4a4384e967b91f7676909418cf593dadc6a3 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke <787658+mfranzke@users.noreply.github.com> Date: Tue, 9 Dec 2025 09:22:08 +0100 Subject: [PATCH 1/4] chore: changing the order of these entries --- showcases/patternhub/data/routes.tsx | 40 ++++++++++++++-------------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx index 622cd18fc440..dac3d0027118 100644 --- a/showcases/patternhub/data/routes.tsx +++ b/showcases/patternhub/data/routes.tsx @@ -1,64 +1,64 @@ import { type ReactElement } from 'react'; import AccordionComponent from '../../react-showcase/src/components/accordion'; import AccordionItemComponent from '../../react-showcase/src/components/accordion-item'; +import BadgeComponent from '../../react-showcase/src/components/badge'; import BrandComponent from '../../react-showcase/src/components/brand'; import ButtonComponent from '../../react-showcase/src/components/button'; -import LinkComponent from '../../react-showcase/src/components/link'; -// Import IconComponent from '../../react-showcase/src/components/icon'; -import BadgeComponent from '../../react-showcase/src/components/badge'; import CardComponent from '../../react-showcase/src/components/card'; import CheckboxComponent from '../../react-showcase/src/components/checkbox'; import DividerComponent from '../../react-showcase/src/components/divider'; import DrawerComponent from '../../react-showcase/src/components/drawer'; import HeaderComponent from '../../react-showcase/src/components/header'; +// Import IconComponent from '../../react-showcase/src/components/icon'; import InfotextComponent from '../../react-showcase/src/components/infotext'; import InputComponent from '../../react-showcase/src/components/input'; +import LinkComponent from '../../react-showcase/src/components/link'; +import MutliSelectComponent from '../../react-showcase/src/components/custom-select'; +import NavigationComponent from '../../react-showcase/src/components/navigation'; +import NavigationItemComponent from '../../react-showcase/src/components/navigation-item'; import NotificationComponent from '../../react-showcase/src/components/notification'; +// Import PageComponent from '../../react-showcase/src/components/page'; +import PopoverComponent from '../../react-showcase/src/components/popover'; import RadioComponent from '../../react-showcase/src/components/radio'; +import SectionComponent from '../../react-showcase/src/components/section'; import SelectComponent from '../../react-showcase/src/components/select'; +import StackComponent from '../../react-showcase/src/components/stack'; import SwitchComponent from '../../react-showcase/src/components/switch'; import TabItemComponent from '../../react-showcase/src/components/tab-item'; import TabsComponent from '../../react-showcase/src/components/tabs'; import TagComponent from '../../react-showcase/src/components/tag'; import TextareaComponent from '../../react-showcase/src/components/textarea'; import TooltipComponent from '../../react-showcase/src/components/tooltip'; -// Import PageComponent from '../../react-showcase/src/components/page'; -import NavigationComponent from '../../react-showcase/src/components/navigation'; -import NavigationItemComponent from '../../react-showcase/src/components/navigation-item'; -import PopoverComponent from '../../react-showcase/src/components/popover'; -import SectionComponent from '../../react-showcase/src/components/section'; import * as accordionCode from '../components/code-docs/accordion'; import * as accordionItemCode from '../components/code-docs/accordion-item'; +import * as badgeCode from '../components/code-docs/badge'; import * as brandCode from '../components/code-docs/brand'; import * as buttonCode from '../components/code-docs/button'; -import * as linkCode from '../components/code-docs/link'; -// Import * as iconCode from '../components/code-docs/icon'; -import * as badgeCode from '../components/code-docs/badge'; import * as cardCode from '../components/code-docs/card'; import * as checkboxCode from '../components/code-docs/checkbox'; +import * as CustomSelectCode from '../components/code-docs/custom-select'; import * as dividerCode from '../components/code-docs/divider'; import * as drawerCode from '../components/code-docs/drawer'; import * as headerCode from '../components/code-docs/header'; +// Import * as iconCode from '../components/code-docs/icon'; import * as infotextCode from '../components/code-docs/infotext'; import * as inputCode from '../components/code-docs/input'; +import * as linkCode from '../components/code-docs/link'; +import * as navigationCode from '../components/code-docs/navigation'; +import * as navigationItemCode from '../components/code-docs/navigation-item'; import * as notificationCode from '../components/code-docs/notification'; +// Import * as pageCode from '../components/code-docs/page'; +import * as popoverCode from '../components/code-docs/popover'; import * as radioCode from '../components/code-docs/radio'; +import * as sectionCode from '../components/code-docs/section'; import * as selectCode from '../components/code-docs/select'; +import * as StackCode from '../components/code-docs/stack'; import * as switchCode from '../components/code-docs/switch'; import * as tabItemCode from '../components/code-docs/tab-item'; import * as tabsCode from '../components/code-docs/tabs'; import * as tagCode from '../components/code-docs/tag'; import * as textareaCode from '../components/code-docs/textarea'; import * as tooltipCode from '../components/code-docs/tooltip'; -// Import * as pageCode from '../components/code-docs/page'; -import MutliSelectComponent from '../../react-showcase/src/components/custom-select'; -import StackComponent from '../../react-showcase/src/components/stack'; -import * as CustomSelectCode from '../components/code-docs/custom-select'; -import * as navigationCode from '../components/code-docs/navigation'; -import * as navigationItemCode from '../components/code-docs/navigation-item'; -import * as popoverCode from '../components/code-docs/popover'; -import * as sectionCode from '../components/code-docs/section'; -import * as StackCode from '../components/code-docs/stack'; import Components from './components.json'; export type NavigationItem = { From 6446d625e757918d7294a2ab13cc00dc458645c6 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 9 Dec 2025 09:27:35 +0100 Subject: [PATCH 2/4] refactor: corrected that naming --- showcases/patternhub/data/routes.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx index dac3d0027118..c4d527dd9b1f 100644 --- a/showcases/patternhub/data/routes.tsx +++ b/showcases/patternhub/data/routes.tsx @@ -6,6 +6,7 @@ import BrandComponent from '../../react-showcase/src/components/brand'; import ButtonComponent from '../../react-showcase/src/components/button'; import CardComponent from '../../react-showcase/src/components/card'; import CheckboxComponent from '../../react-showcase/src/components/checkbox'; +import CustomSelectComponent from '../../react-showcase/src/components/custom-select'; import DividerComponent from '../../react-showcase/src/components/divider'; import DrawerComponent from '../../react-showcase/src/components/drawer'; import HeaderComponent from '../../react-showcase/src/components/header'; @@ -13,7 +14,6 @@ import HeaderComponent from '../../react-showcase/src/components/header'; import InfotextComponent from '../../react-showcase/src/components/infotext'; import InputComponent from '../../react-showcase/src/components/input'; import LinkComponent from '../../react-showcase/src/components/link'; -import MutliSelectComponent from '../../react-showcase/src/components/custom-select'; import NavigationComponent from '../../react-showcase/src/components/navigation'; import NavigationItemComponent from '../../react-showcase/src/components/navigation-item'; import NotificationComponent from '../../react-showcase/src/components/notification'; @@ -36,7 +36,7 @@ import * as brandCode from '../components/code-docs/brand'; import * as buttonCode from '../components/code-docs/button'; import * as cardCode from '../components/code-docs/card'; import * as checkboxCode from '../components/code-docs/checkbox'; -import * as CustomSelectCode from '../components/code-docs/custom-select'; +import * as customSelectCode from '../components/code-docs/custom-select'; import * as dividerCode from '../components/code-docs/divider'; import * as drawerCode from '../components/code-docs/drawer'; import * as headerCode from '../components/code-docs/header'; @@ -71,7 +71,7 @@ export type NavigationItem = { }; const nameComponentMap = { - 'custom-select': , + 'custom-select': , stack: , button: , link: , From 6373c7b85b5d15f573b19478a413fc3611ec08b7 Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 9 Dec 2025 09:29:42 +0100 Subject: [PATCH 3/4] chore: aligned naming --- showcases/patternhub/data/routes.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/showcases/patternhub/data/routes.tsx b/showcases/patternhub/data/routes.tsx index c4d527dd9b1f..18492ff0e685 100644 --- a/showcases/patternhub/data/routes.tsx +++ b/showcases/patternhub/data/routes.tsx @@ -52,7 +52,7 @@ import * as popoverCode from '../components/code-docs/popover'; import * as radioCode from '../components/code-docs/radio'; import * as sectionCode from '../components/code-docs/section'; import * as selectCode from '../components/code-docs/select'; -import * as StackCode from '../components/code-docs/stack'; +import * as stackCode from '../components/code-docs/stack'; import * as switchCode from '../components/code-docs/switch'; import * as tabItemCode from '../components/code-docs/tab-item'; import * as tabsCode from '../components/code-docs/tabs'; @@ -72,7 +72,7 @@ export type NavigationItem = { const nameComponentMap = { 'custom-select': , - stack: , + stack: , button: , link: , brand: , From 5af583ec0b02440638ab392b4a7f5b05908d5a0f Mon Sep 17 00:00:00 2001 From: Maximilian Franzke Date: Tue, 9 Dec 2025 09:30:30 +0100 Subject: [PATCH 4/4] chore: naming --- showcases/react-showcase/src/components/form/index.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/showcases/react-showcase/src/components/form/index.tsx b/showcases/react-showcase/src/components/form/index.tsx index ca275452c9c5..402c59ff7da1 100644 --- a/showcases/react-showcase/src/components/form/index.tsx +++ b/showcases/react-showcase/src/components/form/index.tsx @@ -37,7 +37,7 @@ const FormComponent = () => { const [accordionItems, setAccordionItems] = useState(); const [tabsTest, setTabsTest] = useState(false); - const [multiSelectValue, setMultiSelectValue] = useState< + const [customSelectValue, setCustomSelectValue] = useState< string[] | undefined >(['o2']); @@ -527,16 +527,16 @@ const FormComponent = () => { selectAllLabel="Select all" searchLabel="Search" noResultsText="No matching filter" - values={multiSelectValue} + values={customSelectValue} onOptionSelected={(value) => { - setMultiSelectValue(value); + setCustomSelectValue(value); }} /> { - setMultiSelectValue([]); + setCustomSelectValue([]); }}> - Reset Multiselect + Reset CustomSelect Submit