@selfcommunity/react-ui 0.7.0-alpha.25 → 0.7.0-alpha.27
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/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js +41 -29
- package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesFollowed/Skeleton.js.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js +37 -26
- package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesPopular/Skeleton.js.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts +6 -0
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js +31 -25
- package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.d.ts.map +1 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.js +3 -1
- package/lib/cjs/components/CategoriesSuggestion/Skeleton.js.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.d.ts +6 -0
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js +33 -25
- package/lib/cjs/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.d.ts +7 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.d.ts.map +1 -1
- package/lib/cjs/components/IncubatorsList/IncubatorsList.js +47 -29
- package/lib/cjs/components/IncubatorsList/IncubatorsList.js.map +1 -1
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.d.ts +6 -0
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.js +38 -41
- package/lib/cjs/components/PeopleSuggestion/PeopleSuggestion.js.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.d.ts +7 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js +32 -24
- package/lib/cjs/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts +7 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.d.ts.map +1 -1
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js +39 -29
- package/lib/cjs/components/RelatedFeedObjects/RelatedFeedObjects.js.map +1 -1
- package/lib/cjs/components/TrendingFeed/TrendingFeed.d.ts +6 -0
- package/lib/cjs/components/TrendingFeed/TrendingFeed.d.ts.map +1 -1
- package/lib/cjs/components/TrendingFeed/TrendingFeed.js +33 -26
- package/lib/cjs/components/TrendingFeed/TrendingFeed.js.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.d.ts +6 -0
- package/lib/cjs/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js +41 -30
- package/lib/cjs/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.d.ts +6 -0
- package/lib/cjs/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/cjs/components/UserFollowers/UserFollowers.js +69 -43
- package/lib/cjs/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.d.ts +6 -0
- package/lib/cjs/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js +48 -34
- package/lib/cjs/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/cjs/utils/tools.d.ts +29 -0
- package/lib/cjs/utils/tools.d.ts.map +1 -0
- package/lib/cjs/utils/tools.js +81 -0
- package/lib/cjs/utils/tools.js.map +1 -0
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.d.ts.map +1 -1
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js +46 -34
- package/lib/esm/components/CategoriesFollowed/CategoriesFollowed.js.map +1 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesFollowed/Skeleton.js.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.d.ts.map +1 -1
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js +40 -29
- package/lib/esm/components/CategoriesPopular/CategoriesPopular.js.map +1 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesPopular/Skeleton.js.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.d.ts +6 -0
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.d.ts.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.js +35 -29
- package/lib/esm/components/CategoriesSuggestion/CategoriesSuggestion.js.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.d.ts.map +1 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.js +3 -1
- package/lib/esm/components/CategoriesSuggestion/Skeleton.js.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.d.ts +6 -0
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.d.ts.map +1 -1
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js +36 -28
- package/lib/esm/components/IncubatorSuggestion/IncubatorSuggestion.js.map +1 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.d.ts +7 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.d.ts.map +1 -1
- package/lib/esm/components/IncubatorsList/IncubatorsList.js +49 -31
- package/lib/esm/components/IncubatorsList/IncubatorsList.js.map +1 -1
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.d.ts +6 -0
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.d.ts.map +1 -1
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.js +40 -43
- package/lib/esm/components/PeopleSuggestion/PeopleSuggestion.js.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.d.ts +7 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.d.ts.map +1 -1
- package/lib/esm/components/PollSuggestion/PollSuggestion.js +35 -27
- package/lib/esm/components/PollSuggestion/PollSuggestion.js.map +1 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.d.ts +7 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.d.ts.map +1 -1
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.js +42 -32
- package/lib/esm/components/RelatedFeedObjects/RelatedFeedObjects.js.map +1 -1
- package/lib/esm/components/TrendingFeed/TrendingFeed.d.ts +6 -0
- package/lib/esm/components/TrendingFeed/TrendingFeed.d.ts.map +1 -1
- package/lib/esm/components/TrendingFeed/TrendingFeed.js +36 -29
- package/lib/esm/components/TrendingFeed/TrendingFeed.js.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.d.ts +6 -0
- package/lib/esm/components/TrendingPeople/TrendingPeople.d.ts.map +1 -1
- package/lib/esm/components/TrendingPeople/TrendingPeople.js +43 -32
- package/lib/esm/components/TrendingPeople/TrendingPeople.js.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.d.ts +6 -0
- package/lib/esm/components/UserFollowers/UserFollowers.d.ts.map +1 -1
- package/lib/esm/components/UserFollowers/UserFollowers.js +72 -46
- package/lib/esm/components/UserFollowers/UserFollowers.js.map +1 -1
- package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts +6 -0
- package/lib/esm/components/UsersFollowed/UsersFollowed.d.ts.map +1 -1
- package/lib/esm/components/UsersFollowed/UsersFollowed.js +51 -37
- package/lib/esm/components/UsersFollowed/UsersFollowed.js.map +1 -1
- package/lib/esm/utils/tools.d.ts +29 -0
- package/lib/esm/utils/tools.d.ts.map +1 -0
- package/lib/esm/utils/tools.js +76 -0
- package/lib/esm/utils/tools.js.map +1 -0
- package/lib/umd/react-ui.js +11 -11
- package/lib/umd/react-ui.js.LICENSE.txt +1 -1
- package/lib/umd/react-ui.js.map +1 -1
- package/package.json +3 -3
|
@@ -9,11 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useContext, useEffect, useState } from 'react';
|
|
12
|
+
import React, { useContext, useEffect, useMemo, useReducer, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import { Button, CardContent, List, ListItem, Typography } from '@mui/material';
|
|
15
15
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
16
|
-
import { SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
|
|
16
|
+
import { SCCache, SCPreferences, SCPreferencesContext, SCUserContext, useIsComponentMountedRef } from '@selfcommunity/react-core';
|
|
17
17
|
import PeopleSuggestionSkeleton from './Skeleton';
|
|
18
18
|
import User from '../User';
|
|
19
19
|
import { FormattedMessage } from 'react-intl';
|
|
@@ -21,6 +21,8 @@ import classNames from 'classnames';
|
|
|
21
21
|
import Widget from '../Widget';
|
|
22
22
|
import { useThemeProps } from '@mui/system';
|
|
23
23
|
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
24
|
+
import { CacheStrategies } from '@selfcommunity/utils';
|
|
25
|
+
import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
|
|
24
26
|
const PREFIX = 'SCPeopleSuggestion';
|
|
25
27
|
const classes = {
|
|
26
28
|
root: `${PREFIX}-root`,
|
|
@@ -74,15 +76,17 @@ export default function PeopleSuggestion(inProps) {
|
|
|
74
76
|
props: inProps,
|
|
75
77
|
name: PREFIX
|
|
76
78
|
});
|
|
77
|
-
const { autoHide, className, UserProps = {}, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "UserProps", "onHeightChange", "onStateChange"]);
|
|
79
|
+
const { autoHide, className, UserProps = {}, onHeightChange, onStateChange, cacheStrategy = CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["autoHide", "className", "UserProps", "onHeightChange", "onStateChange", "cacheStrategy"]);
|
|
78
80
|
// REFS
|
|
79
81
|
const isMountedRef = useIsComponentMountedRef();
|
|
80
82
|
// STATE
|
|
81
|
-
const [
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
83
|
+
const [state, dispatch] = useReducer(dataToolsReducer, {
|
|
84
|
+
isLoadingNext: true,
|
|
85
|
+
next: Endpoints.UserSuggestion.url({}),
|
|
86
|
+
cacheKey: SCCache.getToolsStateCacheKey(SCCache.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
87
|
+
cacheStrategy,
|
|
88
|
+
visibleItems: limit
|
|
89
|
+
}, stateToolsInitializer);
|
|
86
90
|
const [openPeopleSuggestionDialog, setOpenPeopleSuggestionDialog] = useState(false);
|
|
87
91
|
// CONTEXT
|
|
88
92
|
const scUserContext = useContext(SCUserContext);
|
|
@@ -94,59 +98,52 @@ export default function PeopleSuggestion(inProps) {
|
|
|
94
98
|
/**
|
|
95
99
|
* Handles list change on user follow
|
|
96
100
|
*/
|
|
97
|
-
function
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* Handles list change on user connection
|
|
104
|
-
*/
|
|
105
|
-
function handleOnConnectUser(user, status) {
|
|
106
|
-
setUsers(users.filter((u) => u.id !== user.id));
|
|
107
|
-
setTotal((prev) => prev - 1);
|
|
108
|
-
setHasMore(total - 1 > limit);
|
|
101
|
+
function handleOnFollowConnectUser(user, follow) {
|
|
102
|
+
dispatch({
|
|
103
|
+
type: actionToolsTypes.SET_RESULTS,
|
|
104
|
+
payload: { results: state.results.filter((u) => u.id !== user.id), count: state.count - 1 }
|
|
105
|
+
});
|
|
109
106
|
}
|
|
110
107
|
/**
|
|
111
108
|
* Fetches user suggestion list
|
|
112
109
|
*/
|
|
113
|
-
|
|
110
|
+
const fetchUserSuggestion = useMemo(() => () => {
|
|
114
111
|
http
|
|
115
112
|
.request({
|
|
116
113
|
url: Endpoints.UserSuggestion.url(),
|
|
117
114
|
method: Endpoints.UserSuggestion.method
|
|
118
115
|
})
|
|
119
116
|
.then((res) => {
|
|
120
|
-
if (isMountedRef.current) {
|
|
117
|
+
if (res.status < 300 && isMountedRef.current) {
|
|
121
118
|
const data = res.data;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
119
|
+
dispatch({
|
|
120
|
+
type: actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
121
|
+
payload: {
|
|
122
|
+
results: data.results,
|
|
123
|
+
count: data.count,
|
|
124
|
+
next: data.next
|
|
125
|
+
}
|
|
126
|
+
});
|
|
126
127
|
}
|
|
127
128
|
})
|
|
128
129
|
.catch((error) => {
|
|
130
|
+
dispatch({ type: actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
129
131
|
console.log(error);
|
|
130
132
|
});
|
|
131
|
-
}
|
|
133
|
+
}, [dispatch, state.next, state.isLoadingNext]);
|
|
132
134
|
/**
|
|
133
135
|
* Loads more people on "see more" button click
|
|
134
136
|
*/
|
|
135
137
|
function loadPeople(n) {
|
|
136
|
-
|
|
137
|
-
const newHasMore = newIndex < users.length - 1;
|
|
138
|
-
setVisiblePeople(newIndex);
|
|
139
|
-
setHasMore(newHasMore);
|
|
138
|
+
dispatch({ type: actionToolsTypes.SET_VISIBLE_ITEMS, payload: { visibleItems: state.visibleItems + n } });
|
|
140
139
|
}
|
|
141
140
|
/**
|
|
142
141
|
* On mount, fetches people suggestion list
|
|
143
142
|
*/
|
|
144
143
|
useEffect(() => {
|
|
145
|
-
if (scUserContext.user) {
|
|
144
|
+
if (scUserContext.user && cacheStrategy === CacheStrategies.NETWORK_ONLY) {
|
|
146
145
|
fetchUserSuggestion();
|
|
147
|
-
|
|
148
|
-
else {
|
|
149
|
-
setLoading(false);
|
|
146
|
+
onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
|
|
150
147
|
}
|
|
151
148
|
}, [authUserId]);
|
|
152
149
|
/**
|
|
@@ -154,30 +151,30 @@ export default function PeopleSuggestion(inProps) {
|
|
|
154
151
|
*/
|
|
155
152
|
useEffect(() => {
|
|
156
153
|
onHeightChange && onHeightChange();
|
|
157
|
-
}, [
|
|
154
|
+
}, [state.results]);
|
|
158
155
|
/**
|
|
159
156
|
* Renders people suggestion list
|
|
160
157
|
*/
|
|
161
|
-
if (
|
|
158
|
+
if (state.isLoadingNext) {
|
|
162
159
|
return React.createElement(PeopleSuggestionSkeleton, null);
|
|
163
160
|
}
|
|
164
161
|
/**
|
|
165
162
|
* Renders root object (if results and if user is logged, otherwise component is hidden)
|
|
166
163
|
*/
|
|
167
|
-
if ((autoHide && !
|
|
164
|
+
if ((autoHide && !state.count) || !scUserContext.user) {
|
|
168
165
|
return React.createElement(HiddenPlaceholder, null);
|
|
169
166
|
}
|
|
170
167
|
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest),
|
|
171
168
|
React.createElement(CardContent, null,
|
|
172
169
|
React.createElement(Typography, { className: classes.title, variant: "h5" },
|
|
173
170
|
React.createElement(FormattedMessage, { id: "ui.peopleSuggestion.title", defaultMessage: "ui.peopleSuggestion.title" })),
|
|
174
|
-
!
|
|
171
|
+
!state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
|
|
175
172
|
React.createElement(FormattedMessage, { id: "ui.peopleSuggestion.subtitle.noResults", defaultMessage: "ui.peopleSuggestion.subtitle.noResults" }))) : (React.createElement(React.Fragment, null,
|
|
176
|
-
React.createElement(List, null,
|
|
173
|
+
React.createElement(List, null, state.results.slice(0, state.visibleItems).map((user) => (React.createElement(ListItem, { key: user.id },
|
|
177
174
|
React.createElement(User, Object.assign({ elevation: 0, user: user }, (followEnabled
|
|
178
|
-
? { followConnectUserButtonProps: { onFollow:
|
|
179
|
-
: { followConnectUserButtonProps: { onChangeConnectionStatus:
|
|
180
|
-
|
|
175
|
+
? { followConnectUserButtonProps: { onFollow: handleOnFollowConnectUser } }
|
|
176
|
+
: { followConnectUserButtonProps: { onChangeConnectionStatus: handleOnFollowConnectUser } }), { className: classes.suggestedUserItem }, UserProps)))))),
|
|
177
|
+
state.visibleItems < state.results.length && (React.createElement(Button, { className: classes.showMore, size: "small", onClick: () => loadPeople(limit) },
|
|
181
178
|
React.createElement(FormattedMessage, { id: "ui.peopleSuggestion.button.showMore", defaultMessage: "ui.peopleSuggestion.button.showMore" }))))),
|
|
182
179
|
openPeopleSuggestionDialog && React.createElement(React.Fragment, null))));
|
|
183
180
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PeopleSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PeopleSuggestion/PeopleSuggestion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PeopleSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PeopleSuggestion/PeopleSuggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CacheStrategies } from '@selfcommunity/utils';
|
|
2
|
+
import { VirtualScrollerItemProps } from '../../types/virtualScroller';
|
|
2
3
|
export interface PollSuggestionProps extends VirtualScrollerItemProps {
|
|
3
4
|
/**
|
|
4
5
|
* Overrides or extends the styles applied to the component.
|
|
@@ -10,6 +11,11 @@ export interface PollSuggestionProps extends VirtualScrollerItemProps {
|
|
|
10
11
|
* @default false
|
|
11
12
|
*/
|
|
12
13
|
autoHide?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Caching strategies
|
|
16
|
+
* @default CacheStrategies.CACHE_FIRST
|
|
17
|
+
*/
|
|
18
|
+
cacheStrategy?: CacheStrategies;
|
|
13
19
|
/**
|
|
14
20
|
* Other props
|
|
15
21
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PollSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/PollSuggestion/PollSuggestion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PollSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/PollSuggestion/PollSuggestion.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,eAAe,EAAS,MAAM,sBAAsB,CAAC;AAa7D,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AA0BrE,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA0JhF"}
|
|
@@ -9,14 +9,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useState } from 'react';
|
|
12
|
+
import React, { useEffect, useReducer, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import List from '@mui/material/List';
|
|
15
15
|
import { Button, CardContent, Typography, ListItem, useMediaQuery, useTheme } from '@mui/material';
|
|
16
16
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
17
|
-
import { Logger } from '@selfcommunity/utils';
|
|
18
|
-
import { useIsComponentMountedRef, useSCUser } from '@selfcommunity/react-core';
|
|
19
|
-
import TrendingFeedSkeleton from '../TrendingFeed/Skeleton';
|
|
17
|
+
import { CacheStrategies, Logger } from '@selfcommunity/utils';
|
|
18
|
+
import { SCCache, useIsComponentMountedRef, useSCUser } from '@selfcommunity/react-core';
|
|
20
19
|
import { SCOPE_SC_UI } from '../../constants/Errors';
|
|
21
20
|
import { FormattedMessage } from 'react-intl';
|
|
22
21
|
import classNames from 'classnames';
|
|
@@ -27,6 +26,8 @@ import Widget from '../Widget';
|
|
|
27
26
|
import { useThemeProps } from '@mui/system';
|
|
28
27
|
import PollSnippet from './PollSnippet';
|
|
29
28
|
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
29
|
+
import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
|
|
30
|
+
import Skeleton from '../TrendingFeed/Skeleton';
|
|
30
31
|
const PREFIX = 'SCPollSuggestion';
|
|
31
32
|
const classes = {
|
|
32
33
|
root: `${PREFIX}-root`,
|
|
@@ -83,37 +84,40 @@ export default function PollSuggestion(inProps) {
|
|
|
83
84
|
props: inProps,
|
|
84
85
|
name: PREFIX
|
|
85
86
|
});
|
|
86
|
-
const { className, autoHide = true } = props, rest = __rest(props, ["className", "autoHide"]);
|
|
87
|
+
const { className, autoHide = true, onHeightChange, onStateChange, cacheStrategy = CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["className", "autoHide", "onHeightChange", "onStateChange", "cacheStrategy"]);
|
|
87
88
|
// REFS
|
|
88
89
|
const isMountedRef = useIsComponentMountedRef();
|
|
89
90
|
// STATE
|
|
91
|
+
const [state, dispatch] = useReducer(dataToolsReducer, {
|
|
92
|
+
isLoadingNext: true,
|
|
93
|
+
next: Endpoints.PollSuggestion.url({}),
|
|
94
|
+
cacheKey: SCCache.getToolsStateCacheKey(SCCache.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
95
|
+
cacheStrategy
|
|
96
|
+
}, stateToolsInitializer);
|
|
90
97
|
const theme = useTheme();
|
|
91
98
|
const isMobile = useMediaQuery(theme.breakpoints.down('md'));
|
|
92
|
-
const [objs, setObjs] = useState([]);
|
|
93
|
-
const [loading, setLoading] = useState(true);
|
|
94
|
-
const [hasMore, setHasMore] = useState(false);
|
|
95
|
-
const [total, setTotal] = useState(0);
|
|
96
|
-
const [visibleObjs, setVisibleObjs] = useState(limit);
|
|
97
99
|
const [openPollSuggestionDialog, setOpenPollSuggestionDialog] = useState(false);
|
|
98
|
-
const [next, setNext] = useState(`${Endpoints.PollSuggestion.url()}?limit=10`);
|
|
99
100
|
/**
|
|
100
101
|
* Fetches related discussions list
|
|
101
102
|
*/
|
|
102
103
|
function fetchPollSuggestion() {
|
|
103
|
-
if (next) {
|
|
104
|
+
if (state.next) {
|
|
105
|
+
dispatch({ type: actionToolsTypes.LOADING_NEXT });
|
|
104
106
|
http
|
|
105
107
|
.request({
|
|
106
|
-
url: next,
|
|
108
|
+
url: state.next,
|
|
107
109
|
method: Endpoints.PollSuggestion.method
|
|
108
110
|
})
|
|
109
111
|
.then((res) => {
|
|
110
112
|
if (isMountedRef.current) {
|
|
111
113
|
const data = res.data;
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
114
|
+
dispatch({
|
|
115
|
+
type: actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
116
|
+
payload: {
|
|
117
|
+
results: data,
|
|
118
|
+
count: data.length
|
|
119
|
+
}
|
|
120
|
+
});
|
|
117
121
|
}
|
|
118
122
|
})
|
|
119
123
|
.catch((error) => {
|
|
@@ -125,33 +129,37 @@ export default function PollSuggestion(inProps) {
|
|
|
125
129
|
* On mount, fetches related discussions list
|
|
126
130
|
*/
|
|
127
131
|
useEffect(() => {
|
|
128
|
-
if (scUserContext.user) {
|
|
132
|
+
if (scUserContext.user && cacheStrategy === CacheStrategies.NETWORK_ONLY) {
|
|
129
133
|
fetchPollSuggestion();
|
|
134
|
+
onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
|
|
130
135
|
}
|
|
131
136
|
}, [authUserId]);
|
|
132
137
|
/**
|
|
133
138
|
* Renders suggested poll list
|
|
134
139
|
*/
|
|
135
|
-
|
|
140
|
+
if (state.isLoadingNext) {
|
|
141
|
+
return React.createElement(Skeleton, { elevation: 0 });
|
|
142
|
+
}
|
|
143
|
+
const p = (React.createElement(CardContent, null,
|
|
136
144
|
React.createElement(Typography, { className: classes.title, variant: "h5" },
|
|
137
145
|
React.createElement(FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" })),
|
|
138
|
-
!
|
|
146
|
+
!state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
|
|
139
147
|
React.createElement(FormattedMessage, { id: "ui.pollSuggestion.noResults", defaultMessage: "ui.pollSuggestion.noResults" }))) : (React.createElement(React.Fragment, null,
|
|
140
|
-
React.createElement(List, null,
|
|
148
|
+
React.createElement(List, null, state.results.slice(0, limit).map((obj) => {
|
|
141
149
|
return (React.createElement(ListItem, { key: obj.id },
|
|
142
150
|
React.createElement(PollSnippet, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })));
|
|
143
151
|
})),
|
|
144
|
-
|
|
152
|
+
limit < state.count && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenPollSuggestionDialog(true) },
|
|
145
153
|
React.createElement(FormattedMessage, { id: "ui.pollSuggestion.button.showMore", defaultMessage: "ui.pollSuggestion.button.showMore" }))))),
|
|
146
|
-
openPollSuggestionDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog },
|
|
154
|
+
openPollSuggestionDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog }, state.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: state.results.length, next: fetchPollSuggestion, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
147
155
|
React.createElement("b", null,
|
|
148
156
|
React.createElement(FormattedMessage, { id: "ui.pollSuggestion.noMoreResults", defaultMessage: "ui.pollSuggestion.noMoreResults" }))) },
|
|
149
|
-
React.createElement(List, null,
|
|
150
|
-
React.createElement(PollSnippet, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))))
|
|
157
|
+
React.createElement(List, null, state.results.map((obj) => (React.createElement(ListItem, { key: obj.id },
|
|
158
|
+
React.createElement(PollSnippet, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))));
|
|
151
159
|
/**
|
|
152
160
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
153
161
|
*/
|
|
154
|
-
if (autoHide && !
|
|
162
|
+
if (autoHide && !state.count) {
|
|
155
163
|
return React.createElement(HiddenPlaceholder, null);
|
|
156
164
|
}
|
|
157
165
|
if (scUserContext.user) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PollSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PollSuggestion/PollSuggestion.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"PollSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PollSuggestion/PollSuggestion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { FeedObjectProps } from '../FeedObject';
|
|
2
2
|
import { SCFeedObjectTemplateType } from '../../types/feedObject';
|
|
3
|
+
import { CacheStrategies } from '@selfcommunity/utils';
|
|
3
4
|
import { SCFeedObjectType, SCFeedObjectTypologyType } from '@selfcommunity/types';
|
|
4
|
-
import { VirtualScrollerItemProps } from
|
|
5
|
+
import { VirtualScrollerItemProps } from '../../types/virtualScroller';
|
|
5
6
|
export interface RelatedFeedObjectsProps extends VirtualScrollerItemProps {
|
|
6
7
|
/**
|
|
7
8
|
* Id of the feed object
|
|
@@ -38,6 +39,11 @@ export interface RelatedFeedObjectsProps extends VirtualScrollerItemProps {
|
|
|
38
39
|
* @default false
|
|
39
40
|
*/
|
|
40
41
|
autoHide?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Caching strategies
|
|
44
|
+
* @default CacheStrategies.CACHE_FIRST
|
|
45
|
+
*/
|
|
46
|
+
cacheStrategy?: CacheStrategies;
|
|
41
47
|
/**
|
|
42
48
|
* Other props
|
|
43
49
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelatedFeedObjects.d.ts","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":"AAMA,OAAmB,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"RelatedFeedObjects.d.ts","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":"AAMA,OAAmB,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAE1D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAShE,OAAO,EAAC,eAAe,EAAS,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAA4C,gBAAgB,EAAE,wBAAwB,EAAC,MAAM,sBAAsB,CAAC;AAY3H,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAyBrE,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACvE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAwMxF"}
|
|
@@ -9,7 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
9
9
|
}
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
|
-
import React, { useEffect, useMemo, useState } from 'react';
|
|
12
|
+
import React, { useEffect, useMemo, useReducer, useState } from 'react';
|
|
13
13
|
import { styled } from '@mui/material/styles';
|
|
14
14
|
import List from '@mui/material/List';
|
|
15
15
|
import { Button, CardContent, ListItem, Typography } from '@mui/material';
|
|
@@ -26,10 +26,11 @@ import InfiniteScroll from '../../shared/InfiniteScroll';
|
|
|
26
26
|
import Widget from '../Widget';
|
|
27
27
|
import { useThemeProps } from '@mui/system';
|
|
28
28
|
import { http, Endpoints } from '@selfcommunity/api-services';
|
|
29
|
-
import { Logger } from '@selfcommunity/utils';
|
|
29
|
+
import { CacheStrategies, Logger } from '@selfcommunity/utils';
|
|
30
30
|
import { SCCustomAdvPosition } from '@selfcommunity/types';
|
|
31
31
|
import HiddenPlaceholder from '../../shared/HiddenPlaceholder';
|
|
32
|
-
import { SCPreferences, useSCFetchFeedObject, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
|
|
32
|
+
import { SCCache, SCPreferences, useIsComponentMountedRef, useSCFetchFeedObject, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
|
|
33
|
+
import { actionToolsTypes, dataToolsReducer, stateToolsInitializer } from '../../utils/tools';
|
|
33
34
|
const PREFIX = 'SCRelatedFeedObjects';
|
|
34
35
|
const classes = {
|
|
35
36
|
root: `${PREFIX}-root`,
|
|
@@ -87,19 +88,21 @@ export default function RelatedFeedObjects(inProps) {
|
|
|
87
88
|
props: inProps,
|
|
88
89
|
name: PREFIX
|
|
89
90
|
});
|
|
90
|
-
const { feedObject, feedObjectId, feedObjectType, template = SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide"]);
|
|
91
|
+
const { feedObject, feedObjectId, feedObjectType, template = SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true, cacheStrategy = CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide", "cacheStrategy", "onHeightChange", "onStateChange"]);
|
|
92
|
+
// REFS
|
|
93
|
+
const isMountedRef = useIsComponentMountedRef();
|
|
91
94
|
// STATE
|
|
95
|
+
const [state, dispatch] = useReducer(dataToolsReducer, {
|
|
96
|
+
isLoadingNext: true,
|
|
97
|
+
next: `${Endpoints.RelatedFeedObjects.url({
|
|
98
|
+
type: feedObject ? feedObject.type : feedObjectType,
|
|
99
|
+
id: feedObject ? feedObject.id : feedObjectId
|
|
100
|
+
})}?limit=10`,
|
|
101
|
+
cacheKey: SCCache.getToolsStateCacheKey(SCCache.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
102
|
+
cacheStrategy
|
|
103
|
+
}, stateToolsInitializer);
|
|
92
104
|
const { obj, setObj } = useSCFetchFeedObject({ id: feedObjectId, feedObject, feedObjectType });
|
|
93
|
-
const [objs, setObjs] = useState([]);
|
|
94
|
-
const [loading, setLoading] = useState(true);
|
|
95
|
-
const [hasMore, setHasMore] = useState(false);
|
|
96
|
-
const [total, setTotal] = useState(0);
|
|
97
|
-
const [visibleDiscussions, setVisibleDiscussions] = useState(limit);
|
|
98
105
|
const [openRelatedFeedObjectsDialog, setOpenRelatedFeedObjectsDialog] = useState(false);
|
|
99
|
-
const [next, setNext] = useState(`${Endpoints.RelatedFeedObjects.url({
|
|
100
|
-
type: feedObject ? feedObject.type : feedObjectType,
|
|
101
|
-
id: feedObject ? feedObject.id : feedObjectId
|
|
102
|
-
})}?limit=10`);
|
|
103
106
|
const objId = obj ? obj.id : null;
|
|
104
107
|
/**
|
|
105
108
|
* Compute preferences
|
|
@@ -123,63 +126,70 @@ export default function RelatedFeedObjects(inProps) {
|
|
|
123
126
|
/**
|
|
124
127
|
* Fetches related discussions list
|
|
125
128
|
*/
|
|
126
|
-
|
|
127
|
-
if (next) {
|
|
129
|
+
const fetchRelated = useMemo(() => () => {
|
|
130
|
+
if (state.next) {
|
|
128
131
|
http
|
|
129
132
|
.request({
|
|
130
|
-
url: next,
|
|
133
|
+
url: state.next,
|
|
131
134
|
method: Endpoints.RelatedFeedObjects.method
|
|
132
135
|
})
|
|
133
136
|
.then((res) => {
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
137
|
+
if (res.status < 300 && isMountedRef.current) {
|
|
138
|
+
const data = res.data;
|
|
139
|
+
dispatch({
|
|
140
|
+
type: actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
141
|
+
payload: {
|
|
142
|
+
results: data.results,
|
|
143
|
+
count: data.count,
|
|
144
|
+
next: data.next
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
}
|
|
140
148
|
})
|
|
141
149
|
.catch((error) => {
|
|
150
|
+
dispatch({ type: actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
142
151
|
Logger.error(SCOPE_SC_UI, error);
|
|
143
152
|
});
|
|
144
153
|
}
|
|
145
|
-
}
|
|
154
|
+
}, [dispatch, state.next, state.isLoadingNext]);
|
|
146
155
|
/**
|
|
147
156
|
* On mount, fetches related discussions list
|
|
148
157
|
*/
|
|
149
158
|
useEffect(() => {
|
|
150
|
-
if (objId !== null) {
|
|
159
|
+
if (objId !== null && cacheStrategy === CacheStrategies.NETWORK_ONLY) {
|
|
151
160
|
fetchRelated();
|
|
161
|
+
onStateChange && onStateChange({ cacheStrategy: CacheStrategies.CACHE_FIRST });
|
|
152
162
|
}
|
|
153
163
|
}, [objId]);
|
|
154
164
|
/**
|
|
155
165
|
* Renders related discussions list
|
|
156
166
|
*/
|
|
157
|
-
if (
|
|
167
|
+
if (state.isLoadingNext) {
|
|
158
168
|
return React.createElement(TrendingFeedSkeleton, null);
|
|
159
169
|
}
|
|
160
|
-
const advPosition = Math.floor(Math.random() * (Math.min(
|
|
170
|
+
const advPosition = Math.floor(Math.random() * (Math.min(state.count, 5) - 1 + 1) + 1);
|
|
161
171
|
const d = (React.createElement(CardContent, null,
|
|
162
172
|
React.createElement(Typography, { className: classes.title, variant: "h5" },
|
|
163
173
|
React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" })),
|
|
164
|
-
!
|
|
174
|
+
!state.count ? (React.createElement(Typography, { className: classes.noResults, variant: "body2" },
|
|
165
175
|
React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.noResults", defaultMessage: "ui.relatedFeedObjects.noResults" }))) : (React.createElement(React.Fragment, null,
|
|
166
|
-
React.createElement(List, null,
|
|
176
|
+
React.createElement(List, null, state.results.slice(0, limit).map((obj, index) => {
|
|
167
177
|
return (React.createElement(React.Fragment, { key: index },
|
|
168
178
|
React.createElement(ListItem, null,
|
|
169
179
|
React.createElement(FeedObject, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))),
|
|
170
180
|
advPosition === index && React.createElement(ListItem, null, renderAdvertising())));
|
|
171
181
|
})),
|
|
172
|
-
|
|
182
|
+
limit < state.count && (React.createElement(Button, { size: "small", className: classes.showMore, onClick: () => setOpenRelatedFeedObjectsDialog(true) },
|
|
173
183
|
React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.button.showMore", defaultMessage: "ui.relatedFeedObjects.button.showMore" }))))),
|
|
174
|
-
openRelatedFeedObjectsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog },
|
|
184
|
+
openRelatedFeedObjectsDialog && (React.createElement(BaseDialog, { title: React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog }, state.isLoadingNext ? (React.createElement(CentralProgress, { size: 50 })) : (React.createElement(InfiniteScroll, { dataLength: state.results.length, next: fetchRelated, hasMoreNext: Boolean(state.next), loaderNext: React.createElement(CentralProgress, { size: 30 }), height: 400, endMessage: React.createElement("p", { style: { textAlign: 'center' } },
|
|
175
185
|
React.createElement("b", null,
|
|
176
186
|
React.createElement(FormattedMessage, { id: "ui.relatedFeedObjects.noMoreResults", defaultMessage: "ui.relatedFeedObjects.noMoreResults" }))) },
|
|
177
|
-
React.createElement(List, null,
|
|
187
|
+
React.createElement(List, null, state.results.map((obj, index) => (React.createElement(ListItem, { key: index },
|
|
178
188
|
React.createElement(FeedObject, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))))))))))));
|
|
179
189
|
/**
|
|
180
190
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
181
191
|
*/
|
|
182
|
-
if (autoHide && !
|
|
192
|
+
if (autoHide && !state.count) {
|
|
183
193
|
return React.createElement(HiddenPlaceholder, null);
|
|
184
194
|
}
|
|
185
195
|
return (React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest), d));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelatedFeedObjects.js","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"RelatedFeedObjects.js","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":"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"}
|