@centreon/ui 24.5.0 → 24.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/Dashboard/Item.tsx +2 -11
- package/src/Dashboard/Layout.tsx +2 -4
- package/src/Graph/Tree/DescendantNodes.tsx +0 -1
- package/src/Graph/Tree/Links.tsx +2 -15
- package/src/Graph/Tree/Tree.cypress.spec.tsx +0 -24
- package/src/Graph/Tree/Tree.stories.tsx +1 -17
- package/src/Graph/Tree/models.ts +0 -3
- package/src/TopCounterElements/TopCounterLayout.tsx +4 -3
- package/src/TopCounterElements/useCloseOnLegacyPage.tsx +6 -9
- package/src/api/useGraphQuery/index.ts +1 -7
- package/src/components/Form/AccessRights/AccessRights.cypress.spec.tsx +13 -27
- package/src/components/Form/AccessRights/AccessRights.stories.tsx +19 -0
- package/src/components/Form/AccessRights/AccessRights.styles.ts +1 -1
- package/src/components/Form/AccessRights/AccessRights.tsx +5 -6
- package/src/components/Form/AccessRights/Actions/Actions.styles.ts +7 -3
- package/src/components/Form/AccessRights/Actions/Actions.tsx +32 -15
- package/src/components/Form/AccessRights/Actions/useActions.ts +37 -4
- package/src/components/Form/AccessRights/models.ts +3 -0
- package/src/components/Form/AccessRights/storiesData.ts +3 -0
- package/src/components/List/Item/ListItem.styles.ts +2 -2
- package/src/components/Zoom/Minimap.tsx +2 -4
- package/src/components/Zoom/Zoom.cypress.spec.tsx +13 -13
- package/src/components/Zoom/Zoom.tsx +1 -4
- package/src/components/Zoom/ZoomContent.tsx +2 -5
- package/src/components/index.ts +0 -1
- package/src/utils/index.ts +0 -1
- package/src/utils/usePluralizedTranslation.ts +3 -20
- package/src/components/Form/AccessRights/useAccessRightsChange.ts +0 -30
- package/src/components/Form/AccessRights/utils.ts +0 -18
- package/src/components/Tabs/Tab.styles.ts +0 -25
- package/src/components/Tabs/TabPanel.tsx +0 -22
- package/src/components/Tabs/Tabs.cypress.spec.tsx +0 -70
- package/src/components/Tabs/Tabs.stories.tsx +0 -55
- package/src/components/Tabs/Tabs.tsx +0 -55
- package/src/components/Tabs/index.ts +0 -6
- package/src/utils/resourcesStatusURL.ts +0 -166
- package/src/utils/usePluralizedTranslation.test.ts +0 -159
|
@@ -1,166 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
always,
|
|
3
|
-
cond,
|
|
4
|
-
equals,
|
|
5
|
-
flatten,
|
|
6
|
-
groupBy,
|
|
7
|
-
identity,
|
|
8
|
-
includes,
|
|
9
|
-
map,
|
|
10
|
-
pipe,
|
|
11
|
-
T
|
|
12
|
-
} from 'ramda';
|
|
13
|
-
|
|
14
|
-
import { SelectEntry } from '..';
|
|
15
|
-
|
|
16
|
-
import { centreonBaseURL } from './centreonBaseURL';
|
|
17
|
-
|
|
18
|
-
export interface Resource {
|
|
19
|
-
resourceType: string;
|
|
20
|
-
resources: Array<SelectEntry>;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
interface GetResourcesUrlProps {
|
|
24
|
-
allResources: Array<Resource>;
|
|
25
|
-
isForOneResource: boolean;
|
|
26
|
-
resource?;
|
|
27
|
-
states: Array<string>;
|
|
28
|
-
statuses: Array<string>;
|
|
29
|
-
type: string;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
export const getDetailsPanelQueriers = ({ resource, type }): object => {
|
|
33
|
-
const { id, parentId, uuid } = resource;
|
|
34
|
-
|
|
35
|
-
const resourcesDetailsEndpoint = cond([
|
|
36
|
-
[
|
|
37
|
-
equals('host'),
|
|
38
|
-
always(`${centreonBaseURL}/api/latest/monitoring/resources/hosts/${id}`)
|
|
39
|
-
],
|
|
40
|
-
[
|
|
41
|
-
equals('service'),
|
|
42
|
-
always(
|
|
43
|
-
`${centreonBaseURL}/api/latest/monitoring/resources/hosts/${parentId}/services/${id}`
|
|
44
|
-
)
|
|
45
|
-
],
|
|
46
|
-
[
|
|
47
|
-
equals('metaservice'),
|
|
48
|
-
always(
|
|
49
|
-
`${centreonBaseURL}/api/latest/monitoring/resources/metaservices/${id}`
|
|
50
|
-
)
|
|
51
|
-
],
|
|
52
|
-
[
|
|
53
|
-
equals('anomaly-detection'),
|
|
54
|
-
always(
|
|
55
|
-
`${centreonBaseURL}/api/latest/monitoring/resources/anomaly-detection/${id}`
|
|
56
|
-
)
|
|
57
|
-
]
|
|
58
|
-
])(type);
|
|
59
|
-
|
|
60
|
-
const queryParameters = {
|
|
61
|
-
id,
|
|
62
|
-
resourcesDetailsEndpoint,
|
|
63
|
-
selectedTimePeriodId: 'last_24_h',
|
|
64
|
-
tab: 'details',
|
|
65
|
-
tabParameters: {},
|
|
66
|
-
uuid
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
return queryParameters;
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
export const getResourcesUrl = ({
|
|
73
|
-
type,
|
|
74
|
-
statuses,
|
|
75
|
-
states,
|
|
76
|
-
allResources,
|
|
77
|
-
isForOneResource,
|
|
78
|
-
resource
|
|
79
|
-
}: GetResourcesUrlProps): string => {
|
|
80
|
-
const resourcesCriterias = equals(type, 'all')
|
|
81
|
-
? {
|
|
82
|
-
name: 'resource_types',
|
|
83
|
-
value: [
|
|
84
|
-
{ id: 'service', name: 'Service' },
|
|
85
|
-
{ id: 'host', name: 'Host' }
|
|
86
|
-
]
|
|
87
|
-
}
|
|
88
|
-
: {
|
|
89
|
-
name: 'resource_types',
|
|
90
|
-
value: [
|
|
91
|
-
{ id: type, name: `${type.charAt(0).toUpperCase()}${type.slice(1)}` }
|
|
92
|
-
]
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
const formattedStatuses = pipe(
|
|
96
|
-
flatten,
|
|
97
|
-
map((status: string) => {
|
|
98
|
-
return {
|
|
99
|
-
id: status.toLocaleUpperCase(),
|
|
100
|
-
name: `${status.charAt(0).toUpperCase()}${status.slice(1)}`
|
|
101
|
-
};
|
|
102
|
-
})
|
|
103
|
-
)(statuses);
|
|
104
|
-
|
|
105
|
-
const formattedStates = states.map((state) => {
|
|
106
|
-
return {
|
|
107
|
-
id: state,
|
|
108
|
-
name: `${state.charAt(0).toUpperCase()}${state.slice(1)}`
|
|
109
|
-
};
|
|
110
|
-
});
|
|
111
|
-
|
|
112
|
-
const groupedResources = groupBy(
|
|
113
|
-
({ resourceType }) => resourceType,
|
|
114
|
-
allResources
|
|
115
|
-
);
|
|
116
|
-
|
|
117
|
-
const resourcesFilters = Object.entries(groupedResources).map(
|
|
118
|
-
([resourceType, res]) => {
|
|
119
|
-
const name = cond<Array<string>, string>([
|
|
120
|
-
[equals('host'), always('parent_name')],
|
|
121
|
-
[equals('service'), always('name')],
|
|
122
|
-
[T, identity]
|
|
123
|
-
])(resourceType);
|
|
124
|
-
|
|
125
|
-
return {
|
|
126
|
-
name: name.replace('-', '_'),
|
|
127
|
-
value: flatten(
|
|
128
|
-
(res || []).map(({ resources: subResources }) => {
|
|
129
|
-
return subResources.map(({ name: resourceName }) => ({
|
|
130
|
-
id: includes(name, ['name', 'parent_name'])
|
|
131
|
-
? `\\b${resourceName}\\b`
|
|
132
|
-
: resourceName,
|
|
133
|
-
name: resourceName
|
|
134
|
-
}));
|
|
135
|
-
})
|
|
136
|
-
)
|
|
137
|
-
};
|
|
138
|
-
}
|
|
139
|
-
);
|
|
140
|
-
|
|
141
|
-
const filterQueryParameter = {
|
|
142
|
-
criterias: [
|
|
143
|
-
resourcesCriterias,
|
|
144
|
-
{ name: 'statuses', value: formattedStatuses },
|
|
145
|
-
{ name: 'states', value: formattedStates },
|
|
146
|
-
...resourcesFilters,
|
|
147
|
-
{ name: 'search', value: '' }
|
|
148
|
-
]
|
|
149
|
-
};
|
|
150
|
-
|
|
151
|
-
const encodedFilterParams = encodeURIComponent(
|
|
152
|
-
JSON.stringify(filterQueryParameter)
|
|
153
|
-
);
|
|
154
|
-
|
|
155
|
-
if (!isForOneResource) {
|
|
156
|
-
return `/monitoring/resources?filter=${encodedFilterParams}&fromTopCounter=true`;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
const detailsPanelQueriers = getDetailsPanelQueriers({ resource, type });
|
|
160
|
-
|
|
161
|
-
const encodedDetailsParams = encodeURIComponent(
|
|
162
|
-
JSON.stringify(detailsPanelQueriers)
|
|
163
|
-
);
|
|
164
|
-
|
|
165
|
-
return `/monitoring/resources?details=${encodedDetailsParams}&filter=${encodedFilterParams}&fromTopCounter=true`;
|
|
166
|
-
};
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
import { act, renderHook } from '@testing-library/react';
|
|
2
|
-
import { useAtom } from 'jotai';
|
|
3
|
-
|
|
4
|
-
import { ListingVariant, userAtom } from '@centreon/ui-context';
|
|
5
|
-
|
|
6
|
-
import { usePluralizedTranslation } from './usePluralizedTranslation';
|
|
7
|
-
|
|
8
|
-
const baseUser = {
|
|
9
|
-
alias: 'admin',
|
|
10
|
-
isExportButtonEnabled: false,
|
|
11
|
-
name: 'admin',
|
|
12
|
-
timezone: 'Europe/Paris',
|
|
13
|
-
use_deprecated_pages: false,
|
|
14
|
-
user_interface_density: ListingVariant.compact
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
describe('usePluralizedTranslation', () => {
|
|
18
|
-
describe('English', () => {
|
|
19
|
-
it('returns the plural of a word when the corresponding count is set', () => {
|
|
20
|
-
const { result } = renderHook(() => {
|
|
21
|
-
return {
|
|
22
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
23
|
-
userAtom: useAtom(userAtom)
|
|
24
|
-
};
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
act(() => {
|
|
28
|
-
result.current.userAtom[1]({
|
|
29
|
-
...baseUser,
|
|
30
|
-
locale: 'en'
|
|
31
|
-
});
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
expect(
|
|
35
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
36
|
-
count: 2,
|
|
37
|
-
label: 'House'
|
|
38
|
-
})
|
|
39
|
-
).toEqual('Houses');
|
|
40
|
-
});
|
|
41
|
-
|
|
42
|
-
it('returns the singular of a word when the corresponding count is set', () => {
|
|
43
|
-
const { result } = renderHook(() => {
|
|
44
|
-
return {
|
|
45
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
46
|
-
userAtom: useAtom(userAtom)
|
|
47
|
-
};
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
act(() => {
|
|
51
|
-
result.current.userAtom[1]({
|
|
52
|
-
...baseUser,
|
|
53
|
-
locale: 'en'
|
|
54
|
-
});
|
|
55
|
-
});
|
|
56
|
-
|
|
57
|
-
expect(
|
|
58
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
59
|
-
count: 1,
|
|
60
|
-
label: 'House'
|
|
61
|
-
})
|
|
62
|
-
).toEqual('House');
|
|
63
|
-
});
|
|
64
|
-
|
|
65
|
-
it('returns the plural of a word when the corresponding count is 0 and the language is english', () => {
|
|
66
|
-
const { result } = renderHook(() => {
|
|
67
|
-
return {
|
|
68
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
69
|
-
userAtom: useAtom(userAtom)
|
|
70
|
-
};
|
|
71
|
-
});
|
|
72
|
-
|
|
73
|
-
act(() => {
|
|
74
|
-
result.current.userAtom[1]({
|
|
75
|
-
...baseUser,
|
|
76
|
-
locale: 'en'
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
|
-
|
|
80
|
-
expect(
|
|
81
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
82
|
-
count: 0,
|
|
83
|
-
label: 'House'
|
|
84
|
-
})
|
|
85
|
-
).toEqual('Houses');
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
describe('French', () => {
|
|
90
|
-
it('returns the plural of a word when the corresponding count is set', () => {
|
|
91
|
-
const { result } = renderHook(() => {
|
|
92
|
-
return {
|
|
93
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
94
|
-
userAtom: useAtom(userAtom)
|
|
95
|
-
};
|
|
96
|
-
});
|
|
97
|
-
|
|
98
|
-
act(() => {
|
|
99
|
-
result.current.userAtom[1]({
|
|
100
|
-
...baseUser,
|
|
101
|
-
locale: 'fr'
|
|
102
|
-
});
|
|
103
|
-
});
|
|
104
|
-
|
|
105
|
-
expect(
|
|
106
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
107
|
-
count: 2,
|
|
108
|
-
label: 'Maison'
|
|
109
|
-
})
|
|
110
|
-
).toEqual('Maisons');
|
|
111
|
-
});
|
|
112
|
-
|
|
113
|
-
it('returns the singular of a word when the corresponding count is set', () => {
|
|
114
|
-
const { result } = renderHook(() => {
|
|
115
|
-
return {
|
|
116
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
117
|
-
userAtom: useAtom(userAtom)
|
|
118
|
-
};
|
|
119
|
-
});
|
|
120
|
-
|
|
121
|
-
act(() => {
|
|
122
|
-
result.current.userAtom[1]({
|
|
123
|
-
...baseUser,
|
|
124
|
-
locale: 'fr'
|
|
125
|
-
});
|
|
126
|
-
});
|
|
127
|
-
|
|
128
|
-
expect(
|
|
129
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
130
|
-
count: 1,
|
|
131
|
-
label: 'Maison'
|
|
132
|
-
})
|
|
133
|
-
).toEqual('Maison');
|
|
134
|
-
});
|
|
135
|
-
|
|
136
|
-
it('returns the singular of a word when the corresponding count is 0 and the language is english', () => {
|
|
137
|
-
const { result } = renderHook(() => {
|
|
138
|
-
return {
|
|
139
|
-
pluralizedTranslation: usePluralizedTranslation(),
|
|
140
|
-
userAtom: useAtom(userAtom)
|
|
141
|
-
};
|
|
142
|
-
});
|
|
143
|
-
|
|
144
|
-
act(() => {
|
|
145
|
-
result.current.userAtom[1]({
|
|
146
|
-
...baseUser,
|
|
147
|
-
locale: 'fr'
|
|
148
|
-
});
|
|
149
|
-
});
|
|
150
|
-
|
|
151
|
-
expect(
|
|
152
|
-
result.current.pluralizedTranslation.pluralizedT({
|
|
153
|
-
count: 0,
|
|
154
|
-
label: 'Maison'
|
|
155
|
-
})
|
|
156
|
-
).toEqual('Maison');
|
|
157
|
-
});
|
|
158
|
-
});
|
|
159
|
-
});
|