@selfcommunity/react-ui 0.7.0-alpha.25 → 0.7.0-alpha.26

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAqC5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8LpF"}
+{"version":3,"file":"CategoriesFollowed.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AAqC5D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8MpF"}

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js

@@ -33,6 +33,7 @@ const material_1 = require("@mui/material");
 const api_services_1 = require("@selfcommunity/api-services");
 const utils_1 = require("@selfcommunity/utils");
 const react_core_1 = require("@selfcommunity/react-core");
+const tools_1 = require("../../utils/tools");
 const Category_1 = __importDefault(require("../Category"));
 const Errors_1 = require("../../constants/Errors");
 const react_intl_1 = require("react-intl");
@@ -101,18 +102,19 @@ function CategoriesFollowed(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { userId, autoHide, className, CategoryProps = {}, onHeightChange, onStateChange } = props;
+    const { userId, autoHide, className, CategoryProps = {}, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY, onHeightChange, onStateChange } = props;
     // REFS
     const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
-    const [categories, setCategories] = (0, react_1.useState)([]);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${api_services_1.Endpoints.FollowedCategories.url({ id: userId })}?limit=10`,
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.CATEGORIES_FOLLOWED_TOOLS_STATE_CACHE_PREFIX_KEY, userId),
+        cacheStrategy
+    }, tools_1.stateToolsInitializer);
     const [openCategoriesFollowedDialog, setOpenCategoriesFollowedDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.FollowedCategories.url({ id: userId })}?limit=10`);
     // CONST
     const authUserId = scUserContext.user ? scUserContext.user.id : null;
     /**
@@ -120,12 +122,13 @@ function CategoriesFollowed(inProps) {
      */
     function handleOnFollowCategory(category) {
         if (scUserContext.user['id'] === userId) {
-            setCategories(categories.filter((c) => c.id !== category.id));
-            setTotal((prev) => prev - 1);
-            setHasMore(total - 1 > limit);
+            dispatch({
+                type: tools_1.actionToolsTypes.SET_RESULTS,
+                payload: { results: state.results.filter((c) => c.id !== category.id), count: state.count - 1 }
+            });
         }
         else {
-            const newCategories = [...categories];
+            const newCategories = [...state.results];
             const index = newCategories.findIndex((u) => u.id === category.id);
             if (index !== -1) {
                 if (category.followed) {
@@ -136,7 +139,10 @@ function CategoriesFollowed(inProps) {
                     newCategories[index].followers_counter = category.followers_counter + 1;
                     newCategories[index].followed = !category.followed;
                 }
-                setCategories(newCategories);
+                dispatch({
+                    type: tools_1.actionToolsTypes.SET_RESULTS,
+                    payload: { results: newCategories }
+                });
             }
         }
     }
@@ -144,24 +150,27 @@ function CategoriesFollowed(inProps) {
      * fetches Categories Followed
      */
     function fetchCategoriesFollowed() {
-        if (next) {
+        if (state.next) {
+            dispatch({ type: tools_1.actionToolsTypes.LOADING_NEXT });
             api_services_1.http
                 .request({
-                url: next,
+                url: state.next,
                 method: api_services_1.Endpoints.FollowedCategories.method
             })
                 .then((res) => {
                 if (isMountedRef.current) {
                     const data = res.data;
-                    setCategories([...categories, ...data]);
-                    setTotal(data.length);
-                    setNext(data['next']);
-                    setHasMore(data.length > limit);
-                    setLoading(false);
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data,
+                            count: data.length
+                        }
+                    });
                 }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
         }
@@ -173,38 +182,41 @@ function CategoriesFollowed(inProps) {
         if (!userId) {
             return;
         }
-        fetchCategoriesFollowed();
+        else if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            fetchCategoriesFollowed();
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
     }, [authUserId]);
     /**
      * Virtual feed update
      */
     (0, react_1.useEffect)(() => {
         onHeightChange && onHeightChange();
-    }, [categories.length]);
+    }, [state.results.length]);
     /**
      * Renders the list of categories followed
      */
-    if (loading) {
+    if (state.isLoadingNext) {
         return react_1.default.createElement(Skeleton_1.default, null);
     }
     const c = (react_1.default.createElement(material_1.CardContent, null,
         react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" }, `${intl.formatMessage(messages.title, {
-            total: total
+            total: state.count
         })}`),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noCategories)}`)) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(List_1.default, null, categories.slice(0, limit).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" }, `${intl.formatMessage(messages.noCategories)}`)) : (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(List_1.default, null, state.results.slice(0, limit).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
                 react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: category, followCategoryButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)))))),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenCategoriesFollowedDialog(true) },
+            limit < state.count && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenCategoriesFollowedDialog(true) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesFollowed.button.showAll", defaultMessage: "ui.categoriesFollowed.button.showAll" }))),
-            openCategoriesFollowedDialog && (react_1.default.createElement(BaseDialog_1.default, { title: isMobile ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesFollowed.modal.title", defaultMessage: "ui.categoriesFollowed.modal.title" })) : (`${intl.formatMessage(messages.title, { total: total })}`), onClose: () => setOpenCategoriesFollowedDialog(false), open: openCategoriesFollowedDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: categories.length, next: fetchCategoriesFollowed, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+            openCategoriesFollowedDialog && (react_1.default.createElement(BaseDialog_1.default, { title: isMobile ? (react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesFollowed.modal.title", defaultMessage: "ui.categoriesFollowed.modal.title" })) : (`${intl.formatMessage(messages.title, { total: state.count })}`), onClose: () => setOpenCategoriesFollowedDialog(false), open: openCategoriesFollowedDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchCategoriesFollowed, 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' } },
                     react_1.default.createElement("b", null,
                         react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesFollowed.noMoreResults", defaultMessage: "ui.categoriesFollowed.noMoreResults" }))) },
-                react_1.default.createElement(List_1.default, null, categories.map((c) => (react_1.default.createElement(material_1.ListItem, { key: c.id },
+                react_1.default.createElement(List_1.default, null, state.results.map((c) => (react_1.default.createElement(material_1.ListItem, { key: c.id },
                     react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: c, sx: { m: 0 }, followCategoryButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps))))))))))))));
     /**
      * Renders root object (if results and if user is logged, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     /**

package/lib/cjs/components/CategoriesFollowed/CategoriesFollowed.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesFollowed.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CategoriesFollowed.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/CategoriesFollowed.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/CategoriesFollowed/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAErE"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/Skeleton.tsx"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAErE"}

package/lib/cjs/components/CategoriesFollowed/Skeleton.js

@@ -14,7 +14,9 @@ const Root = (0, styles_1.styled)(Skeleton_1.default, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+})(({ theme }) => ({
+    marginBottom: theme.spacing(2),
+}));
 /**
  * > API documentation for the Community-JS Categories Followed Skeleton component. Learn about the available props and the CSS API.
 

package/lib/cjs/components/CategoriesFollowed/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gFAA4E;AAC5E,iDAA4C;AAE5C,MAAM,MAAM,GAAG,8BAA8B,CAAC;AAE9C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAA4B,EAAE;IAChD,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,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,0BAA0B,CAAC,KAAK;IACtD,OAAO,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC;AAFD,6CAEC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/CategoriesFollowed/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gFAA4E;AAC5E,iDAA4C;AAE5C,MAAM,MAAM,GAAG,8BAA8B,CAAC;AAE9C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAA4B,EAAE;IAChD,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,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/B,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,0BAA0B,CAAC,KAAK;IACtD,OAAO,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC;AAFD,6CAEC"}

package/lib/cjs/components/CategoriesPopular/CategoriesPopular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPopular.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AA2B5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA8JnF"}
+{"version":3,"file":"CategoriesPopular.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,mBAAmB,EAAC,MAAM,yBAAyB,CAAC;AA4B5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAsLnF"}

package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js

@@ -54,6 +54,7 @@ const Widget_1 = __importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
 const react_core_1 = require("@selfcommunity/react-core");
+const tools_1 = require("../../utils/tools");
 const PREFIX = 'SCCategoriesPopular';
 const classes = {
     root: `${PREFIX}-root`,
@@ -98,57 +99,64 @@ function CategoriesPopular(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide = true, className, CategoryProps = {}, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "CategoryProps", "onHeightChange", "onStateChange"]);
+    const { autoHide = true, className, CategoryProps = {}, onHeightChange, onStateChange, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["autoHide", "className", "CategoryProps", "onHeightChange", "onStateChange", "cacheStrategy"]);
     // REFS
     const isMountedRef = (0, react_core_1.useIsComponentMountedRef)();
     // STATE
     const theme = (0, material_1.useTheme)();
     const isMobile = (0, material_1.useMediaQuery)(theme.breakpoints.down('md'));
-    const [categories, setCategories] = (0, react_1.useState)([]);
-    const [visibleCategories, setVisibleCategories] = (0, react_1.useState)(limit);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: `${api_services_1.Endpoints.PopularCategories.url()}?limit=10`,
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.CATEGORIES_POPULAR_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy,
+        visibleItems: limit
+    }, tools_1.stateToolsInitializer);
     const [openPopularCategoriesDialog, setOpenPopularCategoriesDialog] = (0, react_1.useState)(false);
-    const [next, setNext] = (0, react_1.useState)(`${api_services_1.Endpoints.PopularCategories.url()}?limit=10`);
     /**
      * Fetches popular categories list
      */
     const fetchPopularCategories = (0, react_1.useMemo)(() => () => {
-        if (next) {
+        if (state.next) {
             api_services_1.http
                 .request({
-                url: next,
+                url: state.next,
                 method: api_services_1.Endpoints.PopularCategories.method
             })
                 .then((res) => {
                 if (res.status < 300 && isMountedRef.current) {
                     const data = res.data;
-                    setCategories([...categories, ...data['results']]);
-                    setHasMore(data['count'] > visibleCategories);
-                    setNext(data['next']);
-                    setLoading(false);
-                    setTotal(data['count']);
+                    dispatch({
+                        type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                        payload: {
+                            results: data.results,
+                            count: data.count,
+                            next: data.next
+                        }
+                    });
                 }
             })
                 .catch((error) => {
-                setLoading(false);
+                dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
                 utils_1.Logger.error(Errors_1.SCOPE_SC_UI, error);
             });
         }
-    }, [categories, next, loading]);
+    }, [dispatch, state.next, state.isLoadingNext]);
     /**
      * On mount, fetches popular categories list
      */
     (0, react_1.useEffect)(() => {
-        fetchPopularCategories();
+        if (cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
+            fetchPopularCategories();
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
+        }
     }, []);
     /**
      * Handles followers counter update on follow/unfollow action.
      * @param category
      */
     function handleFollowersUpdate(category) {
-        const newCategories = [...categories];
+        const newCategories = [...state.results];
         const index = newCategories.findIndex((u) => u.id === category.id);
         if (index !== -1) {
             if (category.followed) {
@@ -159,33 +167,36 @@ function CategoriesPopular(inProps) {
                 newCategories[index].followers_counter = category.followers_counter + 1;
                 newCategories[index].followed = !category.followed;
             }
-            setCategories(newCategories);
+            dispatch({
+                type: tools_1.actionToolsTypes.SET_RESULTS,
+                payload: { results: newCategories }
+            });
         }
     }
     /**
      * Renders popular categories list
      */
-    if (loading) {
+    if (state.isLoadingNext) {
         return react_1.default.createElement(Skeleton_1.default, null);
     }
     const c = (react_1.default.createElement(material_1.CardContent, null,
         react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesPopular.title", defaultMessage: "ui.categoriesPopular.title" })),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesPopular.noResults", defaultMessage: "ui.categoriesPopular.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.List, null, categories.slice(0, visibleCategories).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
+            react_1.default.createElement(material_1.List, null, state.results.slice(0, state.visibleItems).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
                 react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: category, followCategoryButtonProps: { onFollow: handleFollowersUpdate } }, CategoryProps)))))),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenPopularCategoriesDialog(true) },
+            state.count > state.visibleItems && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => setOpenPopularCategoriesDialog(true) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesPopular.button.showAll", defaultMessage: "ui.categoriesPopular.button.showAll" }))))),
-        openPopularCategoriesDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.categoriesPopular.title", id: "ui.categoriesPopular.title" }), onClose: () => setOpenPopularCategoriesDialog(false), open: openPopularCategoriesDialog }, loading ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: categories.length, next: fetchPopularCategories, hasMoreNext: Boolean(next), loaderNext: react_1.default.createElement(CentralProgress_1.default, { size: 30 }), height: isMobile ? '100vh' : 400, endMessage: react_1.default.createElement("p", { style: { textAlign: 'center' } },
+        openPopularCategoriesDialog && (react_1.default.createElement(BaseDialog_1.default, { title: react_1.default.createElement(react_intl_1.FormattedMessage, { defaultMessage: "ui.categoriesPopular.title", id: "ui.categoriesPopular.title" }), onClose: () => setOpenPopularCategoriesDialog(false), open: openPopularCategoriesDialog }, state.isLoadingNext ? (react_1.default.createElement(CentralProgress_1.default, { size: 50 })) : (react_1.default.createElement(InfiniteScroll_1.default, { dataLength: state.results.length, next: fetchPopularCategories, 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' } },
                 react_1.default.createElement("b", null,
                     react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesPopular.noMoreResults", defaultMessage: "ui.categoriesPopular.noMoreResults" }))) },
-            react_1.default.createElement(material_1.List, null, categories.map((c) => (react_1.default.createElement(material_1.ListItem, { key: c.id },
+            react_1.default.createElement(material_1.List, null, state.results.map((c) => (react_1.default.createElement(material_1.ListItem, { key: c.id },
                 react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: c }, CategoryProps, { followCategoryButtonProps: { onFollow: handleFollowersUpdate } }))))))))))));
     /**
      * Renders root object (if results and autoHide prop is set to false, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest), c));

package/lib/cjs/components/CategoriesPopular/CategoriesPopular.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesPopular.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CategoriesPopular.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/CategoriesPopular.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/components/CategoriesPopular/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/Skeleton.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAEpE"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/Skeleton.tsx"],"names":[],"mappings":"AAiBA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,KAAA,GAAG,GAAG,CAAC,OAAO,CAEpE"}

package/lib/cjs/components/CategoriesPopular/Skeleton.js

@@ -14,7 +14,9 @@ const Root = (0, styles_1.styled)(Skeleton_1.default, {
     name: PREFIX,
     slot: 'Root',
     overridesResolver: (props, styles) => styles.root
-})(({ theme }) => ({}));
+})(({ theme }) => ({
+    marginBottom: theme.spacing(2)
+}));
 /**
  * > API documentation for the Community-JS Categories Popular Skeleton component. Learn about the available props and the CSS API.
 

package/lib/cjs/components/CategoriesPopular/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gFAA4E;AAC5E,iDAA4C;AAE5C,MAAM,MAAM,GAAG,6BAA6B,CAAC;AAE7C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAA4B,EAAE;IAChD,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,EAAE,CAAC,CAAC,CAAC;AACtB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,yBAAyB,CAAC,KAAK;IACrD,OAAO,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC;AAFD,4CAEC"}
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/CategoriesPopular/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,gFAA4E;AAC5E,iDAA4C;AAE5C,MAAM,MAAM,GAAG,6BAA6B,CAAC;AAE7C,MAAM,OAAO,GAAG;IACd,IAAI,EAAE,GAAG,MAAM,OAAO;CACvB,CAAC;AAEF,MAAM,IAAI,GAAG,IAAA,eAAM,EAAC,kBAA4B,EAAE;IAChD,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,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;CAC/B,CAAC,CAAC,CAAC;AACJ;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAwB,yBAAyB,CAAC,KAAK;IACrD,OAAO,8BAAC,IAAI,kBAAC,SAAS,EAAE,OAAO,CAAC,IAAI,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC;AAFD,4CAEC"}

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts

@@ -1,5 +1,6 @@
 import { CategoryProps } from '../Category';
 import { VirtualScrollerItemProps } from '../../types/virtualScroller';
+import { CacheStrategies } from '@selfcommunity/utils';
 export interface CategoriesListProps extends VirtualScrollerItemProps {
     /**
      * The user id
@@ -21,6 +22,11 @@ export interface CategoriesListProps extends VirtualScrollerItemProps {
      * @default empty object
      */
     CategoryProps?: CategoryProps;
+    /**
+     * Caching strategies
+     * @default CacheStrategies.CACHE_FIRST
+     */
+    cacheStrategy?: CacheStrategies;
     /**
      * Other props
      */

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesSuggestion/CategoriesSuggestion.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAMpD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AAmBrE,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA2ItF"}
+{"version":3,"file":"CategoriesSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/CategoriesSuggestion/CategoriesSuggestion.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAMpD,OAAO,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,eAAe,EAAC,MAAM,sBAAsB,CAAC;AAoBrD,MAAM,WAAW,mBAAoB,SAAQ,wBAAwB;IACnE;;;OAGG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC;IAEhC;;OAEG;IACH,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,OAAO,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAmJtF"}

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js

@@ -49,6 +49,8 @@ const classnames_1 = __importDefault(require("classnames"));
 const Widget_1 = __importDefault(require("../Widget"));
 const system_1 = require("@mui/system");
 const HiddenPlaceholder_1 = __importDefault(require("../../shared/HiddenPlaceholder"));
+const utils_1 = require("@selfcommunity/utils");
+const tools_1 = require("../../utils/tools");
 const PREFIX = 'SCCategoriesSuggestion';
 const classes = {
     root: `${PREFIX}-root`,
@@ -93,14 +95,15 @@ function CategoriesSuggestion(inProps) {
         props: inProps,
         name: PREFIX
     });
-    const { autoHide, className, CategoryProps = {}, onHeightChange, onStateChange } = props, rest = __rest(props, ["autoHide", "className", "CategoryProps", "onHeightChange", "onStateChange"]);
-    // STATE
-    const [categories, setCategories] = (0, react_1.useState)([]);
-    const [visibleCategories, setVisibleCategories] = (0, react_1.useState)(limit);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [hasMore, setHasMore] = (0, react_1.useState)(false);
+    const { autoHide, className, CategoryProps = {}, onHeightChange, onStateChange, cacheStrategy = utils_1.CacheStrategies.NETWORK_ONLY } = props, rest = __rest(props, ["autoHide", "className", "CategoryProps", "onHeightChange", "onStateChange", "cacheStrategy"]);
+    const [state, dispatch] = (0, react_1.useReducer)(tools_1.dataToolsReducer, {
+        isLoadingNext: true,
+        next: api_services_1.Endpoints.CategoriesSuggestion.url({}),
+        cacheKey: react_core_1.SCCache.getToolsStateCacheKey(react_core_1.SCCache.CATEGORIES_SUGGESTION_TOOLS_STATE_CACHE_PREFIX_KEY),
+        cacheStrategy,
+        visibleItems: limit
+    }, tools_1.stateToolsInitializer);
     const [openCategoriesSuggestionDialog, setOpenCategoriesSuggestionDialog] = (0, react_1.useState)(false);
-    const [total, setTotal] = (0, react_1.useState)(0);
     // CONTEXT
     const scUserContext = (0, react_1.useContext)(react_core_1.SCUserContext);
     // CONST
@@ -111,9 +114,10 @@ function CategoriesSuggestion(inProps) {
      * Handles list change on category follow
      */
     function handleOnFollowCategory(category, follow) {
-        setCategories(categories.filter((c) => c.id !== category.id));
-        setTotal((prev) => prev - 1);
-        setHasMore(total - 1 > limit);
+        dispatch({
+            type: tools_1.actionToolsTypes.SET_RESULTS,
+            payload: { results: state.results.filter((c) => c.id !== category.id), count: state.count - 1 }
+        });
     }
     /**
      * Fetches categories suggestion list
@@ -127,13 +131,17 @@ function CategoriesSuggestion(inProps) {
             .then((res) => {
             if (isMountedRef.current) {
                 const data = res.data;
-                setCategories(data.results);
-                setHasMore(data.count > visibleCategories);
-                setLoading(false);
-                setTotal(data.count);
+                dispatch({
+                    type: tools_1.actionToolsTypes.LOAD_NEXT_SUCCESS,
+                    payload: {
+                        results: data.results,
+                        count: data.results.length
+                    }
+                });
             }
         })
             .catch((error) => {
+            dispatch({ type: tools_1.actionToolsTypes.LOAD_NEXT_FAILURE, payload: { errorLoadNext: error } });
             console.log(error);
         });
     }
@@ -141,17 +149,15 @@ function CategoriesSuggestion(inProps) {
      * Loads more categories on "see more" button click
      */
     function loadCategories(n) {
-        const newIndex = visibleCategories + n;
-        const newHasMore = newIndex < categories.length - 1;
-        setVisibleCategories(newIndex);
-        setHasMore(newHasMore);
+        dispatch({ type: tools_1.actionToolsTypes.SET_VISIBLE_ITEMS, payload: { visibleItems: state.visibleItems + n } });
     }
     /**
      * On mount, fetches categories suggestion list
      */
     (0, react_1.useEffect)(() => {
-        if (scUserContext.user) {
+        if (scUserContext.user && cacheStrategy === utils_1.CacheStrategies.NETWORK_ONLY) {
             fetchCategoriesSuggestion();
+            onStateChange && onStateChange({ cacheStrategy: utils_1.CacheStrategies.CACHE_FIRST });
         }
     }, [authUserId]);
     /**
@@ -159,24 +165,24 @@ function CategoriesSuggestion(inProps) {
      */
     (0, react_1.useEffect)(() => {
         onHeightChange && onHeightChange();
-    }, [categories]);
+    }, [state.results]);
     /**
      * Renders categories suggestion list
      */
-    const c = (react_1.default.createElement(react_1.default.Fragment, null, loading ? (react_1.default.createElement(Skeleton_1.default, { elevation: 0 })) : (react_1.default.createElement(material_1.CardContent, null,
+    const c = (react_1.default.createElement(react_1.default.Fragment, null, state.isLoadingNext ? (react_1.default.createElement(Skeleton_1.default, { elevation: 0 })) : (react_1.default.createElement(material_1.CardContent, null,
         react_1.default.createElement(material_1.Typography, { className: classes.title, variant: "h5" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesSuggestion.title", defaultMessage: "ui.categoriesSuggestion.title" })),
-        !total ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
+        !state.count ? (react_1.default.createElement(material_1.Typography, { className: classes.noResults, variant: "body2" },
             react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesSuggestion.noResults", defaultMessage: "ui.categoriesSuggestion.noResults" }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(material_1.List, null, categories.slice(0, visibleCategories).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
+            react_1.default.createElement(material_1.List, null, state.results.slice(0, state.visibleItems).map((category) => (react_1.default.createElement(material_1.ListItem, { key: category.id },
                 react_1.default.createElement(Category_1.default, Object.assign({ elevation: 0, category: category, followCategoryButtonProps: { onFollow: handleOnFollowCategory } }, CategoryProps)))))),
-            hasMore && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => loadCategories(2) },
+            state.visibleItems < state.results.length && (react_1.default.createElement(material_1.Button, { size: "small", className: classes.showMore, onClick: () => loadCategories(2) },
                 react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.categoriesSuggestion.button.showMore", defaultMessage: "ui.categoriesSuggestion.button.showMore" }))))),
         openCategoriesSuggestionDialog && react_1.default.createElement(react_1.default.Fragment, null)))));
     /**
      * Renders root object (if results and if user is logged, otherwise component is hidden)
      */
-    if (autoHide && !total) {
+    if (autoHide && !state.count) {
         return react_1.default.createElement(HiddenPlaceholder_1.default, null);
     }
     if (scUserContext.user) {

package/lib/cjs/components/CategoriesSuggestion/CategoriesSuggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesSuggestion.js","sourceRoot":"","sources":["../../../../src/components/CategoriesSuggestion/CategoriesSuggestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CategoriesSuggestion.js","sourceRoot":"","sources":["../../../../src/components/CategoriesSuggestion/CategoriesSuggestion.tsx"],"names":[],"mappings":"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"}