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

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.
Files changed (4) hide show
  1. package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuIconButton.js +12 -4
  2. package/lib/esm/components/NavigationMenuIconButton/NavigationMenuIconButton.js +13 -5
  3. package/lib/umd/react-ui.js +1 -1
  4. package/package.json +2 -2
package/lib/cjs/components/NavigationMenuIconButton/NavigationMenuIconButton.js CHANGED
@@ -9,6 +9,7 @@ const system_1 = require("@mui/system");
9
9
  const ScrollContainer_1 = tslib_1.__importDefault(require("../../shared/ScrollContainer"));
10
10
  const DefaultDrawerContent_1 = tslib_1.__importDefault(require("./DefaultDrawerContent"));
11
11
  const DefaultHeaderContent_1 = tslib_1.__importDefault(require("./DefaultHeaderContent"));
12
+ const react_core_1 = require("@selfcommunity/react-core");
12
13
  const PREFIX = 'SCNavigationMenuIconButton';
13
14
  const classes = {
14
15
  root: `${PREFIX}-root`,
@@ -55,6 +56,7 @@ const DrawerRoot = (0, styles_1.styled)(material_1.Drawer, {
55
56
  * @param inProps
56
57
  */
57
58
  function NavigationMenuIconButton(inProps) {
59
+ var _a;
58
60
  // PROPS
59
61
  const props = (0, system_1.useThemeProps)({
60
62
  props: inProps,
@@ -63,13 +65,19 @@ function NavigationMenuIconButton(inProps) {
63
65
  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"]);
64
66
  // STATE
65
67
  const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
68
+ // CONTEXT
69
+ const { preferences } = (0, react_core_1.useSCPreferences)();
70
+ const scUserContext = (0, react_core_1.useSCUser)();
66
71
  // HANDLERS
67
- const handleOpen = (event) => {
72
+ const handleOpen = (0, react_1.useCallback)((event) => {
68
73
  setAnchorEl(event.currentTarget);
69
- };
70
- const handleClose = () => {
74
+ }, []);
75
+ const handleClose = (0, react_1.useCallback)(() => {
71
76
  setAnchorEl(null);
72
- };
77
+ }, []);
78
+ if (!preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value && !((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id)) {
79
+ return null;
80
+ }
73
81
  return (react_1.default.createElement(react_1.default.Fragment, null,
74
82
  react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(classes.root, className) }, rest, { onClick: handleOpen }),
75
83
  react_1.default.createElement(material_1.Icon, null, "menu")),
package/lib/esm/components/NavigationMenuIconButton/NavigationMenuIconButton.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { __rest } from "tslib";
2
- import React, { useState } from 'react';
2
+ import React, { useCallback, useState } from 'react';
3
3
  import { styled } from '@mui/material/styles';
4
4
  import { Box, Divider, Drawer, Icon, IconButton, List } from '@mui/material';
5
5
  import classNames from 'classnames';
@@ -7,6 +7,7 @@ import { useThemeProps } from '@mui/system';
7
7
  import ScrollContainer from '../../shared/ScrollContainer';
8
8
  import DefaultDrawerContent from './DefaultDrawerContent';
9
9
  import DefaultHeaderContent from './DefaultHeaderContent';
10
+ import { SCPreferences, useSCPreferences, useSCUser } from '@selfcommunity/react-core';
10
11
  const PREFIX = 'SCNavigationMenuIconButton';
11
12
  const classes = {
12
13
  root: `${PREFIX}-root`,
@@ -53,6 +54,7 @@ const DrawerRoot = styled(Drawer, {
53
54
  * @param inProps
54
55
  */
55
56
  export default function NavigationMenuIconButton(inProps) {
57
+ var _a;
56
58
  // PROPS
57
59
  const props = useThemeProps({
58
60
  props: inProps,
@@ -61,13 +63,19 @@ export default function NavigationMenuIconButton(inProps) {
61
63
  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"]);
62
64
  // STATE
63
65
  const [anchorEl, setAnchorEl] = useState(null);
66
+ // CONTEXT
67
+ const { preferences } = useSCPreferences();
68
+ const scUserContext = useSCUser();
64
69
  // HANDLERS
65
- const handleOpen = (event) => {
70
+ const handleOpen = useCallback((event) => {
66
71
  setAnchorEl(event.currentTarget);
67
- };
68
- const handleClose = () => {
72
+ }, []);
73
+ const handleClose = useCallback(() => {
69
74
  setAnchorEl(null);
70
- };
75
+ }, []);
76
+ if (!preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY].value && !((_a = scUserContext.user) === null || _a === void 0 ? void 0 : _a.id)) {
77
+ return null;
78
+ }
71
79
  return (React.createElement(React.Fragment, null,
72
80
  React.createElement(Root, Object.assign({ className: classNames(classes.root, className) }, rest, { onClick: handleOpen }),
73
81
  React.createElement(Icon, null, "menu")),