@selfcommunity/react-ui 0.7.0-alpha.342 → 0.7.0-alpha.344

package/lib/cjs/components/Editor/plugins/MentionsPlugin.js

@@ -107,7 +107,7 @@ function useDynamicPositioning(resolution, targetElement, onReposition, onVisibi
 exports.useDynamicPositioning = useDynamicPositioning;
 function useMenuAnchorRef(resolution, setResolution, className) {
     const [editor] = (0, LexicalComposerContext_1.useLexicalComposerContext)();
-    const anchorElementRef = (0, react_1.useRef)(document.createElement('div'));
+    const anchorElementRef = (0, react_1.useRef)(typeof document !== undefined ? document.createElement('div') : null);
     const positionMenu = (0, react_1.useCallback)(() => {
         const rootElement = editor.getRootElement();
         const containerDiv = anchorElementRef.current;

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

@@ -98,6 +98,6 @@ function Footer(inProps) {
         startActions,
         react_1.default.createElement(material_1.Box, { className: classes.itemList }, _menu.items.map((item, index) => (react_1.default.createElement(material_1.Button, { component: react_core_1.Link, key: item.id, className: classes.item, to: item.url, variant: "text" }, item.label)))),
         endActions,
-        react_1.default.createElement(material_1.Typography, { textAlign: "center", className: classes.copyright, variant: "subtitle2", dangerouslySetInnerHTML: { __html: copyright } })));
+        react_1.default.createElement(material_1.Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })));
 }
 exports.default = Footer;

package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuIconButton.js

@@ -9,6 +9,7 @@ const system_1 = require("@mui/system");
 const ScrollContainer_1 = tslib_1.__importDefault(require("../../shared/ScrollContainer"));
 const DefaultDrawerContent_1 = tslib_1.__importDefault(require("./DefaultDrawerContent"));
 const DefaultHeaderContent_1 = tslib_1.__importDefault(require("./DefaultHeaderContent"));
+const react_core_1 = require("@selfcommunity/react-core");
 const PREFIX = 'SCNavigationMenuIconButton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -55,6 +56,7 @@ const DrawerRoot = (0, styles_1.styled)(material_1.Drawer, {
  * @param inProps
  */
 function NavigationMenuIconButton(inProps) {
+    var _a;
     // PROPS
     const props = (0, system_1.useThemeProps)({
         props: inProps,
@@ -63,13 +65,19 @@ function NavigationMenuIconButton(inProps) {
     const { className = null, DrawerProps = { anchor: 'left' }, drawerContent = react_1.default.createElement(DefaultDrawerContent_1.default, null), drawerHeaderContent = react_1.default.createElement(DefaultHeaderContent_1.default, null), ScrollContainerProps = {} } = props, rest = tslib_1.__rest(props, ["className", "DrawerProps", "drawerContent", "drawerHeaderContent", "ScrollContainerProps"]);
     // STATE
     const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    // CONTEXT
+    const { preferences } = (0, react_core_1.useSCPreferences)();
+    const scUserContext = (0, react_core_1.useSCUser)();
     // HANDLERS
-    const handleOpen = (event) => {
+    const handleOpen = (0, react_1.useCallback)((event) => {
         setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => {
+    }, []);
+    const handleClose = (0, react_1.useCallback)(() => {
         setAnchorEl(null);
-    };
+    }, []);
+    if (!preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value && !((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id)) {
+        return null;
+    }
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onClick: handleOpen }),
             react_1.default.createElement(material_1.Icon, null, "menu")),

package/lib/esm/components/Editor/plugins/MentionsPlugin.js

@@ -101,7 +101,7 @@ export function useDynamicPositioning(resolution, targetElement, onReposition, o
 }
 export function useMenuAnchorRef(resolution, setResolution, className) {
     const [editor] = useLexicalComposerContext();
-    const anchorElementRef = useRef(document.createElement('div'));
+    const anchorElementRef = useRef(typeof document !== undefined ? document.createElement('div') : null);
     const positionMenu = useCallback(() => {
         const rootElement = editor.getRootElement();
         const containerDiv = anchorElementRef.current;

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

@@ -96,5 +96,5 @@ export default function Footer(inProps) {
         startActions,
         React.createElement(Box, { className: classes.itemList }, _menu.items.map((item, index) => (React.createElement(Button, { component: Link, key: item.id, className: classes.item, to: item.url, variant: "text" }, item.label)))),
         endActions,
-        React.createElement(Typography, { textAlign: "center", className: classes.copyright, variant: "subtitle2", dangerouslySetInnerHTML: { __html: copyright } })));
+        React.createElement(Typography, { textAlign: "center", className: classes.copyright, variant: "body2", dangerouslySetInnerHTML: { __html: copyright } })));
 }

package/lib/esm/components/NavigationMenuIconButton/NavigationMenuIconButton.js

@@ -1,5 +1,5 @@
 import { __rest } from "tslib";
-import React, { useState } from 'react';
+import React, { useCallback, useState } from 'react';
 import { styled } from '@mui/material/styles';
 import { Box, Divider, Drawer, Icon, IconButton, List } from '@mui/material';
 import classNames from 'classnames';
@@ -7,6 +7,7 @@ import { useThemeProps } from '@mui/system';
 import ScrollContainer from '../../shared/ScrollContainer';
 import DefaultDrawerContent from './DefaultDrawerContent';
 import DefaultHeaderContent from './DefaultHeaderContent';
+import { SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
 const PREFIX = 'SCNavigationMenuIconButton';
 const classes = {
     root: `${PREFIX}-root`,
@@ -53,6 +54,7 @@ const DrawerRoot = styled(Drawer, {
  * @param inProps
  */
 export default function NavigationMenuIconButton(inProps) {
+    var _a;
     // PROPS
     const props = useThemeProps({
         props: inProps,
@@ -61,13 +63,19 @@ export default function NavigationMenuIconButton(inProps) {
     const { className = null, DrawerProps = { anchor: 'left' }, drawerContent = React.createElement(DefaultDrawerContent, null), drawerHeaderContent = React.createElement(DefaultHeaderContent, null), ScrollContainerProps = {} } = props, rest = __rest(props, ["className", "DrawerProps", "drawerContent", "drawerHeaderContent", "ScrollContainerProps"]);
     // STATE
     const [anchorEl, setAnchorEl] = useState(null);
+    // CONTEXT
+    const { preferences } = useSCPreferences();
+    const scUserContext = useSCUser();
     // HANDLERS
-    const handleOpen = (event) => {
+    const handleOpen = useCallback((event) => {
         setAnchorEl(event.currentTarget);
-    };
-    const handleClose = () => {
+    }, []);
+    const handleClose = useCallback(() => {
         setAnchorEl(null);
-    };
+    }, []);
+    if (!preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value && !((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id)) {
+        return null;
+    }
     return (React.createElement(React.Fragment, null,
         React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen }),
             React.createElement(Icon, null, "menu")),