@selfcommunity/react-ui 0.11.0-alpha.54 → 0.11.0-alpha.55

package/lib/cjs/components/Footer/Footer.js

@@ -22,7 +22,7 @@ const classes = {
 const Root = (0, styles_1.styled)(material_1.Box, {
     name: constants_1.PREFIX,
     slot: 'Root'
-})(({ theme }) => ({}));
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Footer component. Learn about the available props and the CSS API.
  *
@@ -57,12 +57,13 @@ function Footer(inProps) {
     });
     const { className, menu = null, startActions = null, endActions = null } = props, rest = tslib_1.__rest(props, ["className", "menu", "startActions", "endActions"]);
     // PREFERENCES
-    const scPreferences = (0, react_core_1.useSCPreferences)();
+    const { preferences } = (0, react_core_1.useSCPreferences)();
     const copyright = (0, react_1.useMemo)(() => {
-        return scPreferences.preferences && react_core_1.SCPreferences.TEXT_APPLICATION_COPYRIGHT in scPreferences.preferences
-            ? scPreferences.preferences[react_core_1.SCPreferences.TEXT_APPLICATION_COPYRIGHT].value.replace('$year', new Date().getFullYear())
+        return preferences && react_core_1.SCPreferences.TEXT_APPLICATION_COPYRIGHT in preferences
+            ? preferences[react_core_1.SCPreferences.TEXT_APPLICATION_COPYRIGHT].value.replace('$year', new Date().getFullYear())
             : null;
-    }, [scPreferences.preferences]);
+    }, [preferences]);
+    const exploreStreamEnabled = preferences[react_core_1.SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED].value;
     // STATE
     const [_menu, setMenu] = (0, react_1.useState)(menu);
     const [loading, setLoading] = (0, react_1.useState)(!menu);
@@ -95,6 +96,8 @@ function Footer(inProps) {
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.default, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className) }, { children: [startActions, (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.itemList }, { children: (0, utils_1.sortByAttr)(_menu.items, 'order').map((item, index) => ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ component: react_core_1.Link, className: classes.item, to: item.url, variant: "text" }, { children: item.label }), item.id))) })), endActions, (0, jsx_runtime_1.jsx)(material_1.Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })] })));
+    return ((0, jsx_runtime_1.jsxs)(Root, Object.assign({}, rest, { className: (0, classnames_1.default)(classes.root, className) }, { children: [startActions, (0, jsx_runtime_1.jsx)(material_1.Box, Object.assign({ className: classes.itemList }, { children: (0, utils_1.sortByAttr)(_menu.items, 'order')
+                    .filter((item) => exploreStreamEnabled || item.url !== constants_1.EXPLORE_MENU_ITEM)
+                    .map((item, index) => ((0, jsx_runtime_1.jsx)(material_1.Button, Object.assign({ component: react_core_1.Link, className: classes.item, to: item.url, variant: "text" }, { children: item.label }), item.id))) })), endActions, (0, jsx_runtime_1.jsx)(material_1.Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })] })));
 }
 exports.default = Footer;

package/lib/cjs/components/Footer/constants.d.ts

@@ -1 +1,2 @@
 export declare const PREFIX = "SCFooter";
+export declare const EXPLORE_MENU_ITEM = "/explore/";

package/lib/cjs/components/Footer/constants.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PREFIX = void 0;
+exports.EXPLORE_MENU_ITEM = exports.PREFIX = void 0;
 exports.PREFIX = 'SCFooter';
+exports.EXPLORE_MENU_ITEM = '/explore/';

package/lib/esm/components/Footer/Footer.js

@@ -10,7 +10,7 @@ import { Logger, sortByAttr } from '@selfcommunity/utils';
 import { Link, SCPreferences, useSCPreferences } from '@selfcommunity/react-core';
 import { SCOPE_SC_UI } from '../../constants/Errors';
 import FooterSkeleton from './Skeleton';
-import { PREFIX } from './constants';
+import { PREFIX, EXPLORE_MENU_ITEM } from './constants';
 const classes = {
     root: `${PREFIX}-root`,
     itemList: `${PREFIX}-item-list`,
@@ -20,7 +20,7 @@ const classes = {
 const Root = styled(Box, {
     name: PREFIX,
     slot: 'Root'
-})(({ theme }) => ({}));
+})(() => ({}));
 /**
  * > API documentation for the Community-JS Footer component. Learn about the available props and the CSS API.
  *
@@ -55,12 +55,13 @@ export default function Footer(inProps) {
     });
     const { className, menu = null, startActions = null, endActions = null } = props, rest = __rest(props, ["className", "menu", "startActions", "endActions"]);
     // PREFERENCES
-    const scPreferences = useSCPreferences();
+    const { preferences } = useSCPreferences();
     const copyright = useMemo(() => {
-        return scPreferences.preferences && SCPreferences.TEXT_APPLICATION_COPYRIGHT in scPreferences.preferences
-            ? scPreferences.preferences[SCPreferences.TEXT_APPLICATION_COPYRIGHT].value.replace('$year', new Date().getFullYear())
+        return preferences && SCPreferences.TEXT_APPLICATION_COPYRIGHT in preferences
+            ? preferences[SCPreferences.TEXT_APPLICATION_COPYRIGHT].value.replace('$year', new Date().getFullYear())
             : null;
-    }, [scPreferences.preferences]);
+    }, [preferences]);
+    const exploreStreamEnabled = preferences[SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED].value;
     // STATE
     const [_menu, setMenu] = useState(menu);
     const [loading, setLoading] = useState(!menu);
@@ -93,5 +94,7 @@ export default function Footer(inProps) {
     if (loading) {
         return _jsx(FooterSkeleton, {});
     }
-    return (_jsxs(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }, { children: [startActions, _jsx(Box, Object.assign({ className: classes.itemList }, { children: sortByAttr(_menu.items, 'order').map((item, index) => (_jsx(Button, Object.assign({ component: Link, className: classes.item, to: item.url, variant: "text" }, { children: item.label }), item.id))) })), endActions, _jsx(Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })] })));
+    return (_jsxs(Root, Object.assign({}, rest, { className: classNames(classes.root, className) }, { children: [startActions, _jsx(Box, Object.assign({ className: classes.itemList }, { children: sortByAttr(_menu.items, 'order')
+                    .filter((item) => exploreStreamEnabled || item.url !== EXPLORE_MENU_ITEM)
+                    .map((item, index) => (_jsx(Button, Object.assign({ component: Link, className: classes.item, to: item.url, variant: "text" }, { children: item.label }), item.id))) })), endActions, _jsx(Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })] })));
 }

package/lib/esm/components/Footer/constants.d.ts

@@ -1 +1,2 @@
 export declare const PREFIX = "SCFooter";
+export declare const EXPLORE_MENU_ITEM = "/explore/";

package/lib/esm/components/Footer/constants.js

@@ -1 +1,2 @@
 export const PREFIX = 'SCFooter';
+export const EXPLORE_MENU_ITEM = '/explore/';