@selfcommunity/react-ui 0.7.0-alpha.25 → 0.7.0-alpha.26
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 +45 -27
- 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 +34 -38
- 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 +37 -27
- 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 +31 -24
- 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 +39 -28
- 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 +67 -41
- 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 +46 -32
- 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 +47 -29
- 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 +36 -40
- 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 +40 -30
- 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 +34 -27
- 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 +41 -30
- 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 +70 -44
- 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 +49 -35
- 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
|
@@ -49,6 +49,8 @@ const classnames_1 = __importDefault(require("classnames"));
|
|
|
49
49
|
const Widget_1 = __importDefault(require("../Widget"));
|
|
50
50
|
const system_1 = require("@mui/system");
|
|
51
51
|
const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
|
|
52
|
+
const utils_1 = require("@selfcommunity/utils");
|
|
53
|
+
const tools_1 = require("../../utils/tools");
|
|
52
54
|
const PREFIX = 'SCPeopleSuggestion';
|
|
53
55
|
const classes = {
|
|
54
56
|
root: `${PREFIX}-root`,
|
|
@@ -102,15 +104,17 @@ function PeopleSuggestion(inProps) {
|
|
|
102
104
|
props: inProps,
|
|
103
105
|
name: PREFIX
|
|
104
106
|
});
|
|
105
|
-
const { autoHide, className, UserProps = {}, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "UserProps", "onHeightChange", "onStateChange"]);
|
|
107
|
+
const { autoHide, className, UserProps = {}, onHeightChange, onStateChange, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["autoHide", "className", "UserProps", "onHeightChange", "onStateChange", "cacheStrategy"]);
|
|
106
108
|
// REFS
|
|
107
109
|
const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
|
|
108
110
|
// STATE
|
|
109
|
-
const [
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
111
|
+
const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
|
|
112
|
+
isLoadingNext: true,
|
|
113
|
+
next: api_services_1.Endpoints.UserSuggestion.url({}),
|
|
114
|
+
cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.PEOPLE_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
115
|
+
cacheStrategy,
|
|
116
|
+
visibleItems: limit
|
|
117
|
+
}, tools_1.stateToolsInitializer);
|
|
114
118
|
const [openPeopleSuggestionDialog, setOpenPeopleSuggestionDialog] = (0, react_1.useState)(false);
|
|
115
119
|
// CONTEXT
|
|
116
120
|
const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
|
|
@@ -122,18 +126,11 @@ function PeopleSuggestion(inProps) {
|
|
|
122
126
|
/**
|
|
123
127
|
* Handles list change on user follow
|
|
124
128
|
*/
|
|
125
|
-
function
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* Handles list change on user connection
|
|
132
|
-
*/
|
|
133
|
-
function handleOnConnectUser(user, status) {
|
|
134
|
-
setUsers(users.filter((u) => u.id !== user.id));
|
|
135
|
-
setTotal((prev) => prev - 1);
|
|
136
|
-
setHasMore(total - 1 > limit);
|
|
129
|
+
function handleOnFollowConnectUser(user, follow) {
|
|
130
|
+
dispatch({
|
|
131
|
+
type: tools_1.actionToolsTypes.SET_RESULTS,
|
|
132
|
+
payload: { results: state.results.filter((u) => u.id !== user.id), count: state.count - 1 }
|
|
133
|
+
});
|
|
137
134
|
}
|
|
138
135
|
/**
|
|
139
136
|
* Fetches user suggestion list
|
|
@@ -147,13 +144,17 @@ function PeopleSuggestion(inProps) {
|
|
|
147
144
|
.then((res) => {
|
|
148
145
|
if (isMountedRef.current) {
|
|
149
146
|
const data = res.data;
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
147
|
+
dispatch({
|
|
148
|
+
type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
149
|
+
payload: {
|
|
150
|
+
results: data.results,
|
|
151
|
+
count: data.results.length
|
|
152
|
+
}
|
|
153
|
+
});
|
|
154
154
|
}
|
|
155
155
|
})
|
|
156
156
|
.catch((error) => {
|
|
157
|
+
dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
157
158
|
console.log(error);
|
|
158
159
|
});
|
|
159
160
|
}
|
|
@@ -161,20 +162,15 @@ function PeopleSuggestion(inProps) {
|
|
|
161
162
|
* Loads more people on "see more" button click
|
|
162
163
|
*/
|
|
163
164
|
function loadPeople(n) {
|
|
164
|
-
|
|
165
|
-
const newHasMore = newIndex < users.length - 1;
|
|
166
|
-
setVisiblePeople(newIndex);
|
|
167
|
-
setHasMore(newHasMore);
|
|
165
|
+
dispatch({ type: tools_1.actionToolsTypes.SET_VISIBLE_ITEMS, payload: { visibleItems: state.visibleItems + n } });
|
|
168
166
|
}
|
|
169
167
|
/**
|
|
170
168
|
* On mount, fetches people suggestion list
|
|
171
169
|
*/
|
|
172
170
|
(0, react_1.useEffect)(() => {
|
|
173
|
-
if (scUserContext.user) {
|
|
171
|
+
if (scUserContext.user && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
|
|
174
172
|
fetchUserSuggestion();
|
|
175
|
-
|
|
176
|
-
else {
|
|
177
|
-
setLoading(false);
|
|
173
|
+
onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
|
|
178
174
|
}
|
|
179
175
|
}, [authUserId]);
|
|
180
176
|
/**
|
|
@@ -182,30 +178,30 @@ function PeopleSuggestion(inProps) {
|
|
|
182
178
|
*/
|
|
183
179
|
(0, react_1.useEffect)(() => {
|
|
184
180
|
onHeightChange && onHeightChange();
|
|
185
|
-
}, [
|
|
181
|
+
}, [state.results]);
|
|
186
182
|
/**
|
|
187
183
|
* Renders people suggestion list
|
|
188
184
|
*/
|
|
189
|
-
if (
|
|
185
|
+
if (state.isLoadingNext) {
|
|
190
186
|
return react_1.default.createElement(Skeleton_1.default, null);
|
|
191
187
|
}
|
|
192
188
|
/**
|
|
193
189
|
* Renders root object (if results and if user is logged, otherwise component is hidden)
|
|
194
190
|
*/
|
|
195
|
-
if ((autoHide && !
|
|
191
|
+
if ((autoHide && !state.count) || !scUserContext.user) {
|
|
196
192
|
return react_1.default.createElement(HiddenPlaceholder_1.default, null);
|
|
197
193
|
}
|
|
198
194
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest),
|
|
199
195
|
react_1.default.createElement(material_1.CardContent, null,
|
|
200
196
|
react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
|
|
201
197
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.peopleSuggestion.title", defaultMessage: "ui.peopleSuggestion.title" })),
|
|
202
|
-
!
|
|
198
|
+
!state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
|
|
203
199
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.peopleSuggestion.subtitle.noResults", defaultMessage: "ui.peopleSuggestion.subtitle.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
204
|
-
react_1.default.createElement(material_1.List, null,
|
|
200
|
+
react_1.default.createElement(material_1.List, null, state.results.slice(0, state.visibleItems).map((user) => (react_1.default.createElement(material_1.ListItem, { key: user.id },
|
|
205
201
|
react_1.default.createElement(User_1.default, Object.assign({ elevation: 0, user: user }, (followEnabled
|
|
206
|
-
? { followConnectUserButtonProps: { onFollow:
|
|
207
|
-
: { followConnectUserButtonProps: { onChangeConnectionStatus:
|
|
208
|
-
|
|
202
|
+
? { followConnectUserButtonProps: { onFollow: handleOnFollowConnectUser } }
|
|
203
|
+
: { followConnectUserButtonProps: { onChangeConnectionStatus: handleOnFollowConnectUser } }), { className: classes.suggestedUserItem }, UserProps)))))),
|
|
204
|
+
state.visibleItems < state.results.length && (react_1.default.createElement(material_1.Button, { className: classes.showMore, size: "small", onClick: () => loadPeople(limit) },
|
|
209
205
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.peopleSuggestion.button.showMore", defaultMessage: "ui.peopleSuggestion.button.showMore" }))))),
|
|
210
206
|
openPeopleSuggestionDialog && react_1.default.createElement(react_1.default.Fragment, null))));
|
|
211
207
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PeopleSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PeopleSuggestion/PeopleSuggestion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
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"}
|
|
@@ -44,7 +44,6 @@ const material_1 = require("@mui/material");
|
|
|
44
44
|
const api_services_1 = require("@selfcommunity/api-services");
|
|
45
45
|
const utils_1 = require("@selfcommunity/utils");
|
|
46
46
|
const react_core_1 = require("@selfcommunity/react-core");
|
|
47
|
-
const Skeleton_1 = __importDefault(require("../TrendingFeed/Skeleton"));
|
|
48
47
|
const Errors_1 = require("../../constants/Errors");
|
|
49
48
|
const react_intl_1 = require("react-intl");
|
|
50
49
|
const classnames_1 = __importDefault(require("classnames"));
|
|
@@ -55,6 +54,8 @@ const Widget_1 = __importDefault(require("../Widget"));
|
|
|
55
54
|
const system_1 = require("@mui/system");
|
|
56
55
|
const PollSnippet_1 = __importDefault(require("./PollSnippet"));
|
|
57
56
|
const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
|
|
57
|
+
const tools_1 = require("../../utils/tools");
|
|
58
|
+
const Skeleton_1 = __importDefault(require("../TrendingFeed/Skeleton"));
|
|
58
59
|
const PREFIX = 'SCPollSuggestion';
|
|
59
60
|
const classes = {
|
|
60
61
|
root: `${PREFIX}-root`,
|
|
@@ -111,37 +112,40 @@ function PollSuggestion(inProps) {
|
|
|
111
112
|
props: inProps,
|
|
112
113
|
name: PREFIX
|
|
113
114
|
});
|
|
114
|
-
const { className, autoHide = true } = props, rest = __rest(props, ["className", "autoHide"]);
|
|
115
|
+
const { className, autoHide = true, onHeightChange, onStateChange, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["className", "autoHide", "onHeightChange", "onStateChange", "cacheStrategy"]);
|
|
115
116
|
// REFS
|
|
116
117
|
const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
|
|
117
118
|
// STATE
|
|
119
|
+
const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
|
|
120
|
+
isLoadingNext: true,
|
|
121
|
+
next: api_services_1.Endpoints.PollSuggestion.url({}),
|
|
122
|
+
cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.POLL_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
123
|
+
cacheStrategy
|
|
124
|
+
}, tools_1.stateToolsInitializer);
|
|
118
125
|
const theme = (0, material_1.useTheme)();
|
|
119
126
|
const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
|
|
120
|
-
const [objs, setObjs] = (0, react_1.useState)([]);
|
|
121
|
-
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
122
|
-
const [hasMore, setHasMore] = (0, react_1.useState)(false);
|
|
123
|
-
const [total, setTotal] = (0, react_1.useState)(0);
|
|
124
|
-
const [visibleObjs, setVisibleObjs] = (0, react_1.useState)(limit);
|
|
125
127
|
const [openPollSuggestionDialog, setOpenPollSuggestionDialog] = (0, react_1.useState)(false);
|
|
126
|
-
const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.PollSuggestion.url()}?limit=10`);
|
|
127
128
|
/**
|
|
128
129
|
* Fetches related discussions list
|
|
129
130
|
*/
|
|
130
131
|
function fetchPollSuggestion() {
|
|
131
|
-
if (next) {
|
|
132
|
+
if (state.next) {
|
|
133
|
+
dispatch({ type: tools_1.actionToolsTypes.LOADING_NEXT });
|
|
132
134
|
api_services_1.http
|
|
133
135
|
.request({
|
|
134
|
-
url: next,
|
|
136
|
+
url: state.next,
|
|
135
137
|
method: api_services_1.Endpoints.PollSuggestion.method
|
|
136
138
|
})
|
|
137
139
|
.then((res) => {
|
|
138
140
|
if (isMountedRef.current) {
|
|
139
141
|
const data = res.data;
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
142
|
+
dispatch({
|
|
143
|
+
type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
144
|
+
payload: {
|
|
145
|
+
results: data,
|
|
146
|
+
count: data.length
|
|
147
|
+
}
|
|
148
|
+
});
|
|
145
149
|
}
|
|
146
150
|
})
|
|
147
151
|
.catch((error) => {
|
|
@@ -153,33 +157,37 @@ function PollSuggestion(inProps) {
|
|
|
153
157
|
* On mount, fetches related discussions list
|
|
154
158
|
*/
|
|
155
159
|
(0, react_1.useEffect)(() => {
|
|
156
|
-
if (scUserContext.user) {
|
|
160
|
+
if (scUserContext.user && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
|
|
157
161
|
fetchPollSuggestion();
|
|
162
|
+
onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
|
|
158
163
|
}
|
|
159
164
|
}, [authUserId]);
|
|
160
165
|
/**
|
|
161
166
|
* Renders suggested poll list
|
|
162
167
|
*/
|
|
163
|
-
|
|
168
|
+
if (state.isLoadingNext) {
|
|
169
|
+
return react_1.default.createElement(Skeleton_1.default, { elevation: 0 });
|
|
170
|
+
}
|
|
171
|
+
const p = (react_1.default.createElement(material_1.CardContent, null,
|
|
164
172
|
react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
|
|
165
173
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" })),
|
|
166
|
-
!
|
|
174
|
+
!state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
|
|
167
175
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.noResults", defaultMessage: "ui.pollSuggestion.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
168
|
-
react_1.default.createElement(List_1.default, null,
|
|
176
|
+
react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((obj) => {
|
|
169
177
|
return (react_1.default.createElement(material_1.ListItem, { key: obj.id },
|
|
170
178
|
react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })));
|
|
171
179
|
})),
|
|
172
|
-
|
|
180
|
+
limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenPollSuggestionDialog(true) },
|
|
173
181
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.button.showMore", defaultMessage: "ui.pollSuggestion.button.showMore" }))))),
|
|
174
|
-
openPollSuggestionDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog },
|
|
182
|
+
openPollSuggestionDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.title", defaultMessage: "ui.pollSuggestion.title" }), onClose: () => setOpenPollSuggestionDialog(false), open: openPollSuggestionDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchPollSuggestion, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
|
|
175
183
|
react_1.default.createElement("b", null,
|
|
176
184
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.pollSuggestion.noMoreResults", defaultMessage: "ui.pollSuggestion.noMoreResults" }))) },
|
|
177
|
-
react_1.default.createElement(List_1.default, null,
|
|
178
|
-
react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))))
|
|
185
|
+
react_1.default.createElement(List_1.default, null, state.results.map((obj) => (react_1.default.createElement(material_1.ListItem, { key: obj.id },
|
|
186
|
+
react_1.default.createElement(PollSnippet_1.default, { elevation: 0, feedObj: obj, className: classes.pollSnippetItem })))))))))));
|
|
179
187
|
/**
|
|
180
188
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
181
189
|
*/
|
|
182
|
-
if (autoHide && !
|
|
190
|
+
if (autoHide && !state.count) {
|
|
183
191
|
return react_1.default.createElement(HiddenPlaceholder_1.default, null);
|
|
184
192
|
}
|
|
185
193
|
if (scUserContext.user) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PollSuggestion.js","sourceRoot":"","sources":["../../../../src/components/PollSuggestion/PollSuggestion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
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,CAqMxF"}
|
|
@@ -58,6 +58,7 @@ const utils_1 = require("@selfcommunity/utils");
|
|
|
58
58
|
const types_1 = require("@selfcommunity/types");
|
|
59
59
|
const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
|
|
60
60
|
const react_core_1 = require("@selfcommunity/react-core");
|
|
61
|
+
const tools_1 = require("../../utils/tools");
|
|
61
62
|
const PREFIX = 'SCRelatedFeedObjects';
|
|
62
63
|
const classes = {
|
|
63
64
|
root: `${PREFIX}-root`,
|
|
@@ -115,19 +116,21 @@ function RelatedFeedObjects(inProps) {
|
|
|
115
116
|
props: inProps,
|
|
116
117
|
name: PREFIX
|
|
117
118
|
});
|
|
118
|
-
const { feedObject, feedObjectId, feedObjectType, template = feedObject_1.SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide"]);
|
|
119
|
+
const { feedObject, feedObjectId, feedObjectType, template = feedObject_1.SCFeedObjectTemplateType.SNIPPET, FeedObjectProps = {}, className, autoHide = true, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props, rest = __rest(props, ["feedObject", "feedObjectId", "feedObjectType", "template", "FeedObjectProps", "className", "autoHide", "cacheStrategy", "onHeightChange", "onStateChange"]);
|
|
120
|
+
// REFS
|
|
121
|
+
const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
|
|
119
122
|
// STATE
|
|
123
|
+
const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
|
|
124
|
+
isLoadingNext: true,
|
|
125
|
+
next: `${api_services_1.Endpoints.RelatedFeedObjects.url({
|
|
126
|
+
type: feedObject ? feedObject.type : feedObjectType,
|
|
127
|
+
id: feedObject ? feedObject.id : feedObjectId
|
|
128
|
+
})}?limit=10`,
|
|
129
|
+
cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.RELATED_FEED_TOOLS_STATE_CACHE_PREFIX_KEY),
|
|
130
|
+
cacheStrategy
|
|
131
|
+
}, tools_1.stateToolsInitializer);
|
|
120
132
|
const { obj, setObj } = (0, react_core_1.useSCFetchFeedObject)({ id: feedObjectId, feedObject, feedObjectType });
|
|
121
|
-
const [objs, setObjs] = (0, react_1.useState)([]);
|
|
122
|
-
const [loading, setLoading] = (0, react_1.useState)(true);
|
|
123
|
-
const [hasMore, setHasMore] = (0, react_1.useState)(false);
|
|
124
|
-
const [total, setTotal] = (0, react_1.useState)(0);
|
|
125
|
-
const [visibleDiscussions, setVisibleDiscussions] = (0, react_1.useState)(limit);
|
|
126
133
|
const [openRelatedFeedObjectsDialog, setOpenRelatedFeedObjectsDialog] = (0, react_1.useState)(false);
|
|
127
|
-
const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.RelatedFeedObjects.url({
|
|
128
|
-
type: feedObject ? feedObject.type : feedObjectType,
|
|
129
|
-
id: feedObject ? feedObject.id : feedObjectId
|
|
130
|
-
})}?limit=10`);
|
|
131
134
|
const objId = obj ? obj.id : null;
|
|
132
135
|
/**
|
|
133
136
|
* Compute preferences
|
|
@@ -152,21 +155,27 @@ function RelatedFeedObjects(inProps) {
|
|
|
152
155
|
* Fetches related discussions list
|
|
153
156
|
*/
|
|
154
157
|
function fetchRelated() {
|
|
155
|
-
if (next) {
|
|
158
|
+
if (state.next) {
|
|
159
|
+
dispatch({ type: tools_1.actionToolsTypes.LOADING_NEXT });
|
|
156
160
|
api_services_1.http
|
|
157
161
|
.request({
|
|
158
|
-
url: next,
|
|
162
|
+
url: state.next,
|
|
159
163
|
method: api_services_1.Endpoints.RelatedFeedObjects.method
|
|
160
164
|
})
|
|
161
165
|
.then((res) => {
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
if (isMountedRef.current) {
|
|
167
|
+
const data = res.data.results;
|
|
168
|
+
dispatch({
|
|
169
|
+
type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
|
|
170
|
+
payload: {
|
|
171
|
+
results: data,
|
|
172
|
+
count: data.length
|
|
173
|
+
}
|
|
174
|
+
});
|
|
175
|
+
}
|
|
168
176
|
})
|
|
169
177
|
.catch((error) => {
|
|
178
|
+
dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
|
|
170
179
|
utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
|
|
171
180
|
});
|
|
172
181
|
}
|
|
@@ -175,39 +184,40 @@ function RelatedFeedObjects(inProps) {
|
|
|
175
184
|
* On mount, fetches related discussions list
|
|
176
185
|
*/
|
|
177
186
|
(0, react_1.useEffect)(() => {
|
|
178
|
-
if (objId !== null) {
|
|
187
|
+
if (objId !== null && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
|
|
179
188
|
fetchRelated();
|
|
189
|
+
onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
|
|
180
190
|
}
|
|
181
191
|
}, [objId]);
|
|
182
192
|
/**
|
|
183
193
|
* Renders related discussions list
|
|
184
194
|
*/
|
|
185
|
-
if (
|
|
195
|
+
if (state.isLoadingNext) {
|
|
186
196
|
return react_1.default.createElement(Skeleton_1.default, null);
|
|
187
197
|
}
|
|
188
|
-
const advPosition = Math.floor(Math.random() * (Math.min(
|
|
198
|
+
const advPosition = Math.floor(Math.random() * (Math.min(state.count, 5) - 1 + 1) + 1);
|
|
189
199
|
const d = (react_1.default.createElement(material_1.CardContent, null,
|
|
190
200
|
react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
|
|
191
201
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" })),
|
|
192
|
-
!
|
|
202
|
+
!state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
|
|
193
203
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.noResults", defaultMessage: "ui.relatedFeedObjects.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
194
|
-
react_1.default.createElement(List_1.default, null,
|
|
204
|
+
react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((obj, index) => {
|
|
195
205
|
return (react_1.default.createElement(react_1.default.Fragment, { key: index },
|
|
196
206
|
react_1.default.createElement(material_1.ListItem, null,
|
|
197
207
|
react_1.default.createElement(FeedObject_1.default, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))),
|
|
198
208
|
advPosition === index && react_1.default.createElement(material_1.ListItem, null, renderAdvertising())));
|
|
199
209
|
})),
|
|
200
|
-
|
|
210
|
+
limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenRelatedFeedObjectsDialog(true) },
|
|
201
211
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.button.showMore", defaultMessage: "ui.relatedFeedObjects.button.showMore" }))))),
|
|
202
|
-
openRelatedFeedObjectsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog },
|
|
212
|
+
openRelatedFeedObjectsDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.title", defaultMessage: "ui.relatedFeedObjects.title" }), onClose: () => setOpenRelatedFeedObjectsDialog(false), open: openRelatedFeedObjectsDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchRelated, hasMoreNext: Boolean(state.next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
|
|
203
213
|
react_1.default.createElement("b", null,
|
|
204
214
|
react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.relatedFeedObjects.noMoreResults", defaultMessage: "ui.relatedFeedObjects.noMoreResults" }))) },
|
|
205
|
-
react_1.default.createElement(List_1.default, null,
|
|
215
|
+
react_1.default.createElement(List_1.default, null, state.results.map((obj, index) => (react_1.default.createElement(material_1.ListItem, { key: index },
|
|
206
216
|
react_1.default.createElement(FeedObject_1.default, Object.assign({ elevation: 0, feedObject: obj, template: template, className: classes.relatedItem }, FeedObjectProps))))))))))));
|
|
207
217
|
/**
|
|
208
218
|
* Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
|
|
209
219
|
*/
|
|
210
|
-
if (autoHide && !
|
|
220
|
+
if (autoHide && !state.count) {
|
|
211
221
|
return react_1.default.createElement(HiddenPlaceholder_1.default, null);
|
|
212
222
|
}
|
|
213
223
|
return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), d));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RelatedFeedObjects.js","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"RelatedFeedObjects.js","sourceRoot":"","sources":["../../../../src/components/RelatedFeedObjects/RelatedFeedObjects.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AACtE,iDAA4C;AAC5C,8DAAsC;AACtC,4CAAwE;AACxE,wEAA4D;AAC5D,mDAAmD;AACnD,+DAA0D;AAC1D,2CAA4C;AAC5C,uDAAgE;AAChE,6DAAqC;AACrC,4DAAoC;AACpC,yEAAiD;AACjD,mFAA2D;AAC3D,iFAAyD;AACzD,uDAA+B;AAC/B,wCAA0C;AAC1C,8DAA0E;AAC1E,gDAA6D;AAC7D,gDAA2H;AAC3H,uFAA+D;AAC/D,0DASmC;AAEnC,6CAA4F;AAE5F,MAAM,MAAM,GAAG,sBAAsB,CAAC;AAEtC,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;IACtB,KAAK,EAAE,GAAG,MAAM,QAAQ;IACxB,SAAS,EAAE,GAAG,MAAM,aAAa;IACjC,WAAW,EAAE,GAAG,MAAM,eAAe;IACrC,QAAQ,EAAE,GAAG,MAAM,YAAY;CAChC,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,gBAAM,EAAE;IAC1B,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI;CAClD,CAAC,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAAC;IACf,QAAQ,EAAE,GAAG;IACb,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC,MAAM,OAAO,CAAC,WAAW,EAAE,CAAC,EAAE;QAC7B,YAAY,EAAE,CAAC;KAChB;CACF,CAAC,CAAC,CAAC;AAiDJ,MAAM,WAAW,GAAG,CAAC,0BAAa,CAAC,8BAA8B,EAAE,0BAAa,CAAC,uDAAuD,CAAC,CAAC;AAC1I;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,SAAwB,kBAAkB,CAAC,OAAgC;IACzE,QAAQ;IACR,MAAM,KAAK,GAAG,CAAC,CAAC;IAEhB,UAAU;IACV,MAAM,aAAa,GAA6B,IAAA,6BAAgB,GAAE,CAAC;IACnE,MAAM,aAAa,GAAsB,IAAA,sBAAS,GAAE,CAAC;IAErD,QAAQ;IACR,MAAM,KAAK,GAA4B,IAAA,sBAAa,EAAC;QACnD,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IACH,MAAM,EACJ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,QAAQ,GAAG,qCAAwB,CAAC,OAAO,EAC3C,eAAe,GAAG,EAAE,EACpB,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,aAAa,GAAG,uBAAe,CAAC,YAAY,EAC5C,cAAc,EACd,aAAa,KAEX,KAAK,EADJ,IAAI,UACL,KAAK,EAZH,4JAYL,CAAQ,CAAC;IACV,OAAO;IACP,MAAM,YAAY,GAAG,IAAA,qCAAwB,GAAE,CAAC;IAChD,QAAQ;IACR,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,kBAAU,EAClC,wBAAgB,EAChB;QACE,aAAa,EAAE,IAAI;QACnB,IAAI,EAAE,GAAG,wBAAS,CAAC,kBAAkB,CAAC,GAAG,CAAC;YACxC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc;YACnD,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;SAC9C,CAAC,WAAW;QACb,QAAQ,EAAE,oBAAO,CAAC,qBAAqB,CAAC,oBAAO,CAAC,yCAAyC,CAAC;QAC1F,aAAa;KACd,EACD,6BAAqB,CACtB,CAAC;IACF,MAAM,EAAC,GAAG,EAAE,MAAM,EAAC,GAAG,IAAA,iCAAoB,EAAC,EAAC,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAC,CAAC,CAAC;IAC3F,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjG,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAElC;;OAEG;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/B,MAAM,YAAY,GAAG,EAAE,CAAC;QACxB,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QACvH,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC,CAAC;IAEhC;;OAEG;IACH,SAAS,iBAAiB;QACxB,IACE,WAAW,CAAC,0BAAa,CAAC,8BAA8B,CAAC;YACzD,CAAC,CAAC,WAAW,CAAC,0BAAa,CAAC,uDAAuD,CAAC,IAAI,aAAa,CAAC,IAAI,KAAK,IAAI,CAAC;gBAClH,CAAC,WAAW,CAAC,0BAAa,CAAC,uDAAuD,CAAC,CAAC,EACtF;YACA,OAAO,CACL,8BAAC,mBAAS,kBACR,QAAQ,EAAE,2BAAmB,CAAC,6BAA6B,IACvD,CAAC,GAAG,CAAC,UAAU,CAAC,MAAM,IAAI,EAAC,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,EAC9E,CACH,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACH,SAAS,YAAY;QACnB,IAAI,KAAK,CAAC,IAAI,EAAE;YACd,QAAQ,CAAC,EAAC,IAAI,EAAE,wBAAgB,CAAC,YAAY,EAAC,CAAC,CAAC;YAChD,mBAAI;iBACD,OAAO,CAAC;gBACP,GAAG,EAAE,KAAK,CAAC,IAAI;gBACf,MAAM,EAAE,wBAAS,CAAC,kBAAkB,CAAC,MAAM;aAC5C,CAAC;iBACD,IAAI,CAAC,CAAC,GAAsB,EAAE,EAAE;gBAC/B,IAAI,YAAY,CAAC,OAAO,EAAE;oBACxB,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC;oBAC9B,QAAQ,CAAC;wBACP,IAAI,EAAE,wBAAgB,CAAC,iBAAiB;wBACxC,OAAO,EAAE;4BACP,OAAO,EAAE,IAAI;4BACb,KAAK,EAAE,IAAI,CAAC,MAAM;yBACnB;qBACF,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC;iBACD,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBACf,QAAQ,CAAC,EAAC,IAAI,EAAE,wBAAgB,CAAC,iBAAiB,EAAE,OAAO,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,EAAC,CAAC,CAAC;gBACtF,cAAM,CAAC,KAAK,CAAC,oBAAW,EAAE,KAAK,CAAC,CAAC;YACnC,CAAC,CAAC,CAAC;SACN;IACH,CAAC;IAED;;OAEG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,IAAI,IAAI,aAAa,KAAK,uBAAe,CAAC,YAAY,EAAE;YACpE,YAAY,EAAE,CAAC;YACf,aAAa,IAAI,aAAa,CAAC,EAAC,aAAa,EAAE,uBAAe,CAAC,WAAW,EAAC,CAAC,CAAC;SAC9E;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ;;OAEG;IACH,IAAI,KAAK,CAAC,aAAa,EAAE;QACvB,OAAO,8BAAC,kBAAoB,OAAG,CAAC;KACjC;IACD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACvF,MAAM,CAAC,GAAG,CACR,8BAAC,sBAAW;QACV,8BAAC,qBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,EAAC,IAAI;YAChD,8BAAC,6BAAgB,IAAC,EAAE,EAAC,6BAA6B,EAAC,cAAc,EAAC,6BAA6B,GAAG,CACvF;QACZ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACd,8BAAC,qBAAU,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,EAAC,OAAO;YACvD,8BAAC,6BAAgB,IAAC,EAAE,EAAC,iCAAiC,EAAC,cAAc,EAAC,iCAAiC,GAAG,CAC/F,CACd,CAAC,CAAC,CAAC,CACF,8BAAC,eAAK,CAAC,QAAQ;YACb,8BAAC,cAAI,QACF,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,GAAyB,EAAE,KAAK,EAAE,EAAE;gBACtE,OAAO,CACL,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;oBACxB,8BAAC,mBAAQ;wBACP,8BAAC,oBAAU,kBAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,IAAM,eAAe,EAAI,CAC7G;oBACV,WAAW,KAAK,KAAK,IAAI,8BAAC,mBAAQ,QAAE,iBAAiB,EAAE,CAAY,CACrD,CAClB,CAAC;YACJ,CAAC,CAAC,CACG;YACN,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,CACtB,8BAAC,iBAAM,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,+BAA+B,CAAC,IAAI,CAAC;gBACpG,8BAAC,6BAAgB,IAAC,EAAE,EAAC,uCAAuC,EAAC,cAAc,EAAC,uCAAuC,GAAG,CAC/G,CACV,CACc,CAClB;QACA,4BAA4B,IAAI,CAC/B,8BAAC,oBAAU,IACT,KAAK,EAAE,8BAAC,6BAAgB,IAAC,EAAE,EAAC,6BAA6B,EAAC,cAAc,EAAC,6BAA6B,GAAG,EACzG,OAAO,EAAE,GAAG,EAAE,CAAC,+BAA+B,CAAC,KAAK,CAAC,EACrD,IAAI,EAAE,4BAA4B,IACjC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,8BAAC,yBAAe,IAAC,IAAI,EAAE,EAAE,GAAI,CAC9B,CAAC,CAAC,CAAC,CACF,8BAAC,wBAAc,IACb,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAChC,IAAI,EAAE,YAAY,EAClB,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAChC,UAAU,EAAE,8BAAC,yBAAe,IAAC,IAAI,EAAE,EAAE,GAAI,EACzC,MAAM,EAAE,GAAG,EACX,UAAU,EACR,qCAAG,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC;gBAC7B;oBACE,8BAAC,6BAAgB,IAAC,EAAE,EAAC,qCAAqC,EAAC,cAAc,EAAC,qCAAqC,GAAG,CAChH,CACF;YAEN,8BAAC,cAAI,QACF,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAyB,EAAE,KAAK,EAAE,EAAE,CAAC,CACvD,8BAAC,mBAAQ,IAAC,GAAG,EAAE,KAAK;gBAClB,8BAAC,oBAAU,kBAAC,SAAS,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW,IAAM,eAAe,EAAI,CAC7G,CACZ,CAAC,CACG,CACQ,CAClB,CACU,CACd,CACW,CACf,CAAC;IAEF;;OAEG;IACH,IAAI,QAAQ,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QAC5B,OAAO,8BAAC,2BAAiB,OAAG,CAAC;KAC9B;IACD,OAAO,CACL,8BAAC,IAAI,kBAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,IAAM,IAAI,GAC3D,CAAC,CACG,CACR,CAAC;AACJ,CAAC;AArMD,qCAqMC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CacheStrategies } from '@selfcommunity/utils';
|
|
1
2
|
import { SCFeedObjectTemplateType } from '../../types/feedObject';
|
|
2
3
|
import { VirtualScrollerItemProps } from '../../types/virtualScroller';
|
|
3
4
|
export interface TrendingFeedProps extends VirtualScrollerItemProps {
|
|
@@ -26,6 +27,11 @@ export interface TrendingFeedProps extends VirtualScrollerItemProps {
|
|
|
26
27
|
* @default null
|
|
27
28
|
*/
|
|
28
29
|
pageUrl?: () => void;
|
|
30
|
+
/**
|
|
31
|
+
* Caching strategies
|
|
32
|
+
* @default CacheStrategies.CACHE_FIRST
|
|
33
|
+
*/
|
|
34
|
+
cacheStrategy?: CacheStrategies;
|
|
29
35
|
/**
|
|
30
36
|
* Any other properties
|
|
31
37
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrendingFeed.d.ts","sourceRoot":"","sources":["../../../../src/components/TrendingFeed/TrendingFeed.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TrendingFeed.d.ts","sourceRoot":"","sources":["../../../../src/components/TrendingFeed/TrendingFeed.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAC,eAAe,EAAS,MAAM,sBAAsB,CAAC;AAI7D,OAAO,EAAC,wBAAwB,EAAC,MAAM,wBAAwB,CAAC;AAShE,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAuBrE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;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,YAAY,CAAC,OAAO,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CA6J5E"}
|