Skip to content

Commit 154bfcb

Browse files
Lukas742Lukas742
committed
eslint
1 parent ec5a3dd commit 154bfcb

File tree

14 files changed

+77
-546
lines changed

14 files changed

+77
-546
lines changed

‎patterns/navigation-layout/eslint.config.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import js from '@eslint/js';
2-
import globals from 'globals';
32
import reactHooks from 'eslint-plugin-react-hooks';
43
import reactRefresh from 'eslint-plugin-react-refresh';
4+
import globals from 'globals';
55
import tseslint from 'typescript-eslint';
66

77
export default tseslint.config(

‎patterns/navigation-layout/src/App.tsx‎

Lines changed: 1 addition & 76 deletions
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,5 @@
1-
import employeeIcon from '@ui5/webcomponents-icons/dist/employee.js';
2-
import {
3-
Avatar,
4-
Button,
5-
ListItemStandard,
6-
Popover,
7-
Title,
8-
ToggleButton,
9-
List,
10-
Tag,
11-
Text,
12-
Bar,
13-
Dialog,
14-
Link,
15-
Icon,
16-
Label,
17-
Panel,
18-
ComboBox,
19-
ComboBoxItem,
20-
RadioButton,
21-
CheckBox,
22-
Toast,
23-
ShellBar,
24-
ShellBarItem,
25-
ShellBarSearch,
26-
ShellBarSpacer,
27-
SearchItem,
28-
SearchScope,
29-
Menu,
30-
MenuItem,
31-
MessageStrip,
32-
NotificationList,
33-
NotificationListGroupItem,
34-
NotificationListItem,
35-
IllustratedMessage,
36-
NoNotifications,
37-
UserMenu,
38-
UserMenuAccount,
39-
UserMenuItem,
40-
UserSettingsView,
41-
UserSettingsItem,
42-
UserSettingsDialog,
43-
NavigationLayout,
44-
SideNavigation,
45-
SideNavigationItem,
46-
SideNavigationSubItem,
47-
} from '@ui5/webcomponents-react';
481
import NavigationLayoutMode from '@ui5/webcomponents-fiori/dist/types/NavigationLayoutMode.js';
49-
import globeIcon from '@ui5/webcomponents-icons/dist/globe.js';
50-
import collaborateIcon from '@ui5/webcomponents-icons/dist/collaborate.js';
51-
import officialServiceIcon from '@ui5/webcomponents-icons/dist/official-service.js';
52-
import privateIcon from '@ui5/webcomponents-icons/dist/private.js';
53-
import acceleratedIcon from '@ui5/webcomponents-icons/dist/accelerated.js';
54-
import daIcon from '@ui5/webcomponents-icons/dist/da.js';
55-
import da2Icon from '@ui5/webcomponents-icons/dist/da-2.js';
56-
import menu2Icon from '@ui5/webcomponents-icons/dist/menu2.js';
57-
import settingsIcon from '@ui5/webcomponents-icons/dist/settings.js';
58-
import sysHelpIcon from '@ui5/webcomponents-icons/dist/sys-help.js';
59-
import homeIcon from '@ui5/webcomponents-icons/dist/home.js';
60-
import favoriteListIcon from '@ui5/webcomponents-icons/dist/favorite-list.js';
61-
import accountIcon from '@ui5/webcomponents-icons/dist/account.js';
62-
import businessByDesignIcon from '@ui5/webcomponents-icons/dist/business-by-design.js';
63-
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
64-
import s4hanaIcon from '@ui5/webcomponents-icons/dist/s4hana.js';
65-
import addIcon from '@ui5/webcomponents-icons/dist/add.js';
66-
import managerInsightIcon from '@ui5/webcomponents-icons/dist/manager-insight.js';
67-
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
68-
import sortIcon from '@ui5/webcomponents-icons/dist/sort.js';
69-
import messageInformationIcon from '@ui5/webcomponents-icons/dist/message-information.js';
70-
import expenseReportIcon from '@ui5/webcomponents-icons/dist/expense-report.js';
71-
import userSettingsIcon from '@ui5/webcomponents-icons/dist/user-settings.js';
72-
import personPlaceholderIcon from '@ui5/webcomponents-icons/dist/person-placeholder.js';
73-
import paletteIcon from '@ui5/webcomponents-icons/dist/palette.js';
74-
import iphoneIcon from '@ui5/webcomponents-icons/dist/iphone.js';
75-
import qrCodeIcon from '@ui5/webcomponents-icons/dist/qr-code.js';
76-
import bellIcon from '@ui5/webcomponents-icons/dist/bell.js';
77-
import resetIcon from '@ui5/webcomponents-icons/dist/reset.js';
2+
import { NavigationLayout, Text, Title } from '@ui5/webcomponents-react';
783
import { useState } from 'react';
794
import { NLShellBar } from './NLShellBar.tsx';
805
import { NLSideNavigation } from './NLSideNavigation.tsx';

‎patterns/navigation-layout/src/NLShellBar.tsx‎

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,28 @@ import da2Icon from '@ui5/webcomponents-icons/dist/da-2.js';
33
import daIcon from '@ui5/webcomponents-icons/dist/da.js';
44
import menu2Icon from '@ui5/webcomponents-icons/dist/menu2.js';
55
import sysHelpIcon from '@ui5/webcomponents-icons/dist/sys-help.js';
6+
import type {
7+
NavigationLayoutDomRef,
8+
ResponsivePopoverDomRef,
9+
ShellBarPropTypes,
10+
ToggleButtonPropTypes,
11+
UserMenuDomRef,
12+
} from '@ui5/webcomponents-react';
613
import {
714
Avatar,
815
Button,
9-
NavigationLayoutDomRef,
10-
ResponsivePopoverDomRef,
1116
SearchItem,
1217
SearchScope,
1318
ShellBar,
1419
ShellBarItem,
15-
ShellBarPropTypes,
1620
ShellBarSearch,
17-
ShellBarSearchPropTypes,
1821
ShellBarSpacer,
1922
Tag,
2023
Text,
2124
ToggleButton,
22-
ToggleButtonPropTypes,
23-
UserMenuDomRef,
2425
} from '@ui5/webcomponents-react';
25-
import { Dispatch, SetStateAction, useRef, useState } from 'react';
26+
import type { Dispatch, SetStateAction } from 'react';
27+
import { useRef, useState } from 'react';
2628
import { NLUserMenu } from './NLUserMenu.tsx';
2729
import { NotificationsPopover } from './NotificationsPopover.tsx';
2830

@@ -64,8 +66,6 @@ export function NLShellBar(props: NLShellBarProps) {
6466
setUserMenuOpen(true);
6567
};
6668

67-
const handleSearchScopeChange: ShellBarSearchPropTypes['onScopeChange'] = (e) => {};
68-
6969
return (
7070
<>
7171
<ShellBar
@@ -110,7 +110,6 @@ export function NLShellBar(props: NLShellBarProps) {
110110
id="search-scope"
111111
showClearIcon
112112
placeholder="Search Apps, Products"
113-
onScopeChange={handleSearchScopeChange}
114113
scopes={
115114
<>
116115
<SearchScope text="All" selected />

‎patterns/navigation-layout/src/NLSideNavigation.tsx‎

Lines changed: 12 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,24 @@
1+
import accountIcon from '@ui5/webcomponents-icons/dist/account.js';
2+
import addIcon from '@ui5/webcomponents-icons/dist/add.js';
3+
import businessByDesignIcon from '@ui5/webcomponents-icons/dist/business-by-design.js';
4+
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
5+
import favoriteListIcon from '@ui5/webcomponents-icons/dist/favorite-list.js';
6+
import homeIcon from '@ui5/webcomponents-icons/dist/home.js';
7+
import managerInsightIcon from '@ui5/webcomponents-icons/dist/manager-insight.js';
8+
import s4hanaIcon from '@ui5/webcomponents-icons/dist/s4hana.js';
9+
import settingsIcon from '@ui5/webcomponents-icons/dist/settings.js';
10+
import type { SideNavigationPropTypes } from '@ui5/webcomponents-react';
111
import {
212
Bar,
313
Button,
414
Dialog,
515
SideNavigation,
616
SideNavigationItem,
7-
SideNavigationPropTypes,
817
SideNavigationSubItem,
918
Text,
1019
} from '@ui5/webcomponents-react';
11-
import globeIcon from '@ui5/webcomponents-icons/dist/globe.js';
12-
import collaborateIcon from '@ui5/webcomponents-icons/dist/collaborate.js';
13-
import officialServiceIcon from '@ui5/webcomponents-icons/dist/official-service.js';
14-
import privateIcon from '@ui5/webcomponents-icons/dist/private.js';
15-
import acceleratedIcon from '@ui5/webcomponents-icons/dist/accelerated.js';
16-
import daIcon from '@ui5/webcomponents-icons/dist/da.js';
17-
import da2Icon from '@ui5/webcomponents-icons/dist/da-2.js';
18-
import menu2Icon from '@ui5/webcomponents-icons/dist/menu2.js';
19-
import settingsIcon from '@ui5/webcomponents-icons/dist/settings.js';
20-
import sysHelpIcon from '@ui5/webcomponents-icons/dist/sys-help.js';
21-
import homeIcon from '@ui5/webcomponents-icons/dist/home.js';
22-
import favoriteListIcon from '@ui5/webcomponents-icons/dist/favorite-list.js';
23-
import accountIcon from '@ui5/webcomponents-icons/dist/account.js';
24-
import businessByDesignIcon from '@ui5/webcomponents-icons/dist/business-by-design.js';
25-
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
26-
import s4hanaIcon from '@ui5/webcomponents-icons/dist/s4hana.js';
27-
import addIcon from '@ui5/webcomponents-icons/dist/add.js';
28-
import managerInsightIcon from '@ui5/webcomponents-icons/dist/manager-insight.js';
29-
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
30-
import sortIcon from '@ui5/webcomponents-icons/dist/sort.js';
31-
import messageInformationIcon from '@ui5/webcomponents-icons/dist/message-information.js';
32-
import expenseReportIcon from '@ui5/webcomponents-icons/dist/expense-report.js';
33-
import userSettingsIcon from '@ui5/webcomponents-icons/dist/user-settings.js';
34-
import personPlaceholderIcon from '@ui5/webcomponents-icons/dist/person-placeholder.js';
35-
import paletteIcon from '@ui5/webcomponents-icons/dist/palette.js';
36-
import iphoneIcon from '@ui5/webcomponents-icons/dist/iphone.js';
37-
import qrCodeIcon from '@ui5/webcomponents-icons/dist/qr-code.js';
38-
import bellIcon from '@ui5/webcomponents-icons/dist/bell.js';
39-
import resetIcon from '@ui5/webcomponents-icons/dist/reset.js';
40-
import NavigationLayoutMode from '@ui5/webcomponents-fiori/dist/types/NavigationLayoutMode.js';
41-
import { Dispatch, SetStateAction, useState } from 'react';
20+
import type { Dispatch, SetStateAction } from 'react';
21+
import { useState } from 'react';
4222

4323
interface NLSideNavigationProps extends SideNavigationPropTypes {
4424
setContentTitle: Dispatch<SetStateAction<string>>;

‎patterns/navigation-layout/src/NLUserMenu.tsx‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
22
import messageInformationIcon from '@ui5/webcomponents-icons/dist/message-information.js';
33
import officialServiceIcon from '@ui5/webcomponents-icons/dist/official-service.js';
4-
import { MessageBox, MessageBoxPropTypes, UserMenuDomRef, UserMenuPropTypes } from '@ui5/webcomponents-react';
5-
import { UserMenu, UserMenuAccount, UserMenuItem, Text } from '@ui5/webcomponents-react';
6-
import { Dispatch, forwardRef, SetStateAction, useState } from 'react';
4+
import type { MessageBoxPropTypes, UserMenuDomRef, UserMenuPropTypes } from '@ui5/webcomponents-react';
5+
import { MessageBox, Text, UserMenu, UserMenuAccount, UserMenuItem } from '@ui5/webcomponents-react';
6+
import type { Dispatch, SetStateAction } from 'react';
7+
import { forwardRef, useState } from 'react';
78
import { NLUserSettingsDialog } from './UserSettingsDialog/NLUserSettingsDialog.tsx';
89

910
interface NLUserMenuProps extends Pick<UserMenuPropTypes, 'open'> {

‎patterns/navigation-layout/src/NotificationsPopover.tsx‎

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,31 @@
1+
import AvatarColorScheme from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';
2+
import type NotificationListItemImportance from '@ui5/webcomponents-fiori/dist/types/NotificationListItemImportance.js';
3+
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
4+
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
5+
import expenseReportIcon from '@ui5/webcomponents-icons/dist/expense-report.js';
6+
import sortIcon from '@ui5/webcomponents-icons/dist/sort.js';
7+
import type {
8+
MessageBoxPropTypes,
9+
NotificationListGroupItemPropTypes,
10+
NotificationListPropTypes,
11+
ResponsivePopoverDomRef,
12+
ResponsivePopoverPropTypes,
13+
} from '@ui5/webcomponents-react';
114
import {
215
Avatar,
316
Bar,
417
Button,
18+
IllustratedMessage,
519
Menu,
620
MenuItem,
721
MessageStrip,
8-
NotificationListItem,
9-
NotificationListGroupItem,
1022
NotificationList,
23+
NotificationListGroupItem,
24+
NotificationListItem,
1125
ResponsivePopover,
1226
Title,
13-
ResponsivePopoverPropTypes,
14-
ResponsivePopoverDomRef,
15-
NotificationListPropTypes,
16-
NotificationListGroupItemPropTypes,
17-
NotificationListItemDomRef,
18-
IllustratedMessage,
19-
MessageBoxPropTypes,
2027
} from '@ui5/webcomponents-react';
2128
import { forwardRef, useState } from 'react';
22-
import sortIcon from '@ui5/webcomponents-icons/dist/sort.js';
23-
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
24-
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
25-
import expenseReportIcon from '@ui5/webcomponents-icons/dist/expense-report.js';
26-
import NotificationListItemImportance from '@ui5/webcomponents-fiori/dist/types/NotificationListItemImportance.js';
27-
import AvatarColorScheme from '@ui5/webcomponents/dist/types/AvatarColorScheme.js';
2829
import '@ui5/webcomponents-fiori/dist/illustrations/NoNotifications.js';
2930
import { ClearAllMessageBox } from './ClearAllMessageBox.tsx';
3031

‎patterns/navigation-layout/src/UserSettingsDialog/AppearanceItem.tsx‎

Lines changed: 6 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -1,85 +1,17 @@
1-
import employeeIcon from '@ui5/webcomponents-icons/dist/employee.js';
1+
import paletteIcon from '@ui5/webcomponents-icons/dist/palette.js';
22
import {
3-
Avatar,
43
Button,
5-
ListItemStandard,
6-
Popover,
7-
Title,
8-
ToggleButton,
9-
List,
10-
Tag,
11-
Text,
12-
Bar,
13-
Dialog,
14-
Link,
15-
Icon,
4+
CheckBox,
165
Label,
6+
List,
7+
ListItemStandard,
178
Panel,
18-
ComboBox,
19-
ComboBoxItem,
20-
RadioButton,
21-
CheckBox,
229
Toast,
23-
ShellBar,
24-
ShellBarItem,
25-
ShellBarSearch,
26-
ShellBarSpacer,
27-
SearchItem,
28-
SearchScope,
29-
Menu,
30-
MenuItem,
31-
MessageStrip,
32-
NotificationList,
33-
NotificationListGroupItem,
34-
NotificationListItem,
35-
IllustratedMessage,
36-
NoNotifications,
37-
UserMenu,
38-
UserMenuAccount,
39-
UserMenuItem,
40-
UserSettingsView,
4110
UserSettingsItem,
42-
UserSettingsDialog,
43-
NavigationLayout,
44-
SideNavigation,
45-
SideNavigationItem,
46-
SideNavigationSubItem,
47-
ButtonPropTypes,
48-
UserSettingsItemPropTypes,
11+
UserSettingsView,
4912
} from '@ui5/webcomponents-react';
50-
import NavigationLayoutMode from '@ui5/webcomponents-fiori/dist/types/NavigationLayoutMode.js';
51-
import globeIcon from '@ui5/webcomponents-icons/dist/globe.js';
52-
import collaborateIcon from '@ui5/webcomponents-icons/dist/collaborate.js';
53-
import officialServiceIcon from '@ui5/webcomponents-icons/dist/official-service.js';
54-
import privateIcon from '@ui5/webcomponents-icons/dist/private.js';
55-
import acceleratedIcon from '@ui5/webcomponents-icons/dist/accelerated.js';
56-
import daIcon from '@ui5/webcomponents-icons/dist/da.js';
57-
import da2Icon from '@ui5/webcomponents-icons/dist/da-2.js';
58-
import menu2Icon from '@ui5/webcomponents-icons/dist/menu2.js';
59-
import settingsIcon from '@ui5/webcomponents-icons/dist/settings.js';
60-
import sysHelpIcon from '@ui5/webcomponents-icons/dist/sys-help.js';
61-
import homeIcon from '@ui5/webcomponents-icons/dist/home.js';
62-
import favoriteListIcon from '@ui5/webcomponents-icons/dist/favorite-list.js';
63-
import accountIcon from '@ui5/webcomponents-icons/dist/account.js';
64-
import businessByDesignIcon from '@ui5/webcomponents-icons/dist/business-by-design.js';
65-
import crmSalesIcon from '@ui5/webcomponents-icons/dist/crm-sales.js';
66-
import s4hanaIcon from '@ui5/webcomponents-icons/dist/s4hana.js';
67-
import addIcon from '@ui5/webcomponents-icons/dist/add.js';
68-
import managerInsightIcon from '@ui5/webcomponents-icons/dist/manager-insight.js';
69-
import actionSettingsIcon from '@ui5/webcomponents-icons/dist/action-settings.js';
70-
import sortIcon from '@ui5/webcomponents-icons/dist/sort.js';
71-
import messageInformationIcon from '@ui5/webcomponents-icons/dist/message-information.js';
72-
import expenseReportIcon from '@ui5/webcomponents-icons/dist/expense-report.js';
73-
import userSettingsIcon from '@ui5/webcomponents-icons/dist/user-settings.js';
74-
import personPlaceholderIcon from '@ui5/webcomponents-icons/dist/person-placeholder.js';
75-
import paletteIcon from '@ui5/webcomponents-icons/dist/palette.js';
76-
import iphoneIcon from '@ui5/webcomponents-icons/dist/iphone.js';
77-
import qrCodeIcon from '@ui5/webcomponents-icons/dist/qr-code.js';
78-
import bellIcon from '@ui5/webcomponents-icons/dist/bell.js';
79-
import resetIcon from '@ui5/webcomponents-icons/dist/reset.js';
80-
import { useState } from 'react';
8113

82-
export function AppearanceItem(props) {
14+
export function AppearanceItem() {
8315
return (
8416
<UserSettingsItem icon={paletteIcon} text="Appearance" tooltip="Appearance" headerText="Appearance">
8517
<UserSettingsView text="Themes">

0 commit comments

Comments
 (0)