@selfcommunity/react-ui 0.7.8 → 0.7.9-alpha.0

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 (6) hide show
  1. package/lib/cjs/components/NavigationToolbar/NavigationToolbar.d.ts +5 -0
  2. package/lib/cjs/components/NavigationToolbar/NavigationToolbar.js +2 -2
  3. package/lib/esm/components/NavigationToolbar/NavigationToolbar.d.ts +5 -0
  4. package/lib/esm/components/NavigationToolbar/NavigationToolbar.js +2 -2
  5. package/lib/umd/react-ui.js +1 -1
  6. package/package.json +7 -7
package/lib/cjs/components/NavigationToolbar/NavigationToolbar.d.ts CHANGED
@@ -4,6 +4,7 @@ import { NotificationsMenuProps } from './NotificationMenu';
4
4
  import { SearchAutocompleteProps } from '../SearchAutocomplete';
5
5
  import { NavigationSettingsIconButtonProps } from '../NavigationSettingsIconButton';
6
6
  import { ComposerIconButtonProps } from '../ComposerIconButton';
7
+ import { NavigationMenuIconButtonProps } from '../NavigationMenuIconButton';
7
8
  export interface NavigationToolbarProps extends ToolbarProps {
8
9
  /**
9
10
  * Disable search action if possible
@@ -29,6 +30,10 @@ export interface NavigationToolbarProps extends ToolbarProps {
29
30
  * Actions to be inserted after Private Messages IconButton
30
31
  */
31
32
  endActions?: React.ReactNode | null;
33
+ /**
34
+ * Component for Navigation Menu Icon Button
35
+ */
36
+ NavigationMenuIconButtonComponent?: (inProps: NavigationMenuIconButtonProps) => JSX.Element;
32
37
  /**
33
38
  * Component for Navigation Settings
34
39
  */
package/lib/cjs/components/NavigationToolbar/NavigationToolbar.js CHANGED
@@ -88,7 +88,7 @@ function NavigationToolbar(inProps) {
88
88
  props: inProps,
89
89
  name: constants_1.PREFIX
90
90
  });
91
- const { value = '', className = '', disableSearch = false, disableComposer = false, SearchAutocompleteProps = {}, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton_1.default, children = null, NotificationMenuProps = {}, ComposerIconButtonProps = {}, onOpenNotificationMenu, onCloseNotificationMenu } = props, rest = tslib_1.__rest(props, ["value", "className", "disableSearch", "disableComposer", "SearchAutocompleteProps", "startActions", "endActions", "NavigationSettingsIconButtonComponent", "children", "NotificationMenuProps", "ComposerIconButtonProps", "onOpenNotificationMenu", "onCloseNotificationMenu"]);
91
+ const { value = '', className = '', disableSearch = false, disableComposer = false, SearchAutocompleteProps = {}, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton_1.default, NavigationMenuIconButtonComponent = NavigationMenuIconButton_1.default, children = null, NotificationMenuProps = {}, ComposerIconButtonProps = {}, onOpenNotificationMenu, onCloseNotificationMenu } = props, rest = tslib_1.__rest(props, ["value", "className", "disableSearch", "disableComposer", "SearchAutocompleteProps", "startActions", "endActions", "NavigationSettingsIconButtonComponent", "NavigationMenuIconButtonComponent", "children", "NotificationMenuProps", "ComposerIconButtonProps", "onOpenNotificationMenu", "onCloseNotificationMenu"]);
92
92
  // CONTEXT
93
93
  const scUserContext = (0, react_core_1.useSCUser)();
94
94
  const scRoutingContext = (0, react_core_1.useSCRouting)();
@@ -122,7 +122,7 @@ function NavigationToolbar(inProps) {
122
122
  (preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && (react_1.default.createElement(material_1.IconButton, { className: (0, classnames_1.default)(classes.explore, { [classes.active]: value.startsWith(scRoutingContext.url(react_core_1.SCRoutes.EXPLORE_ROUTE_NAME, {})) }), "aria-label": "Explore", to: scRoutingContext.url(react_core_1.SCRoutes.EXPLORE_ROUTE_NAME, {}), component: react_core_1.Link },
123
123
  react_1.default.createElement(Icon_1.default, null, "explore")))));
124
124
  return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
125
- react_1.default.createElement(NavigationMenuIconButton_1.default, null),
125
+ react_1.default.createElement(NavigationMenuIconButtonComponent, null),
126
126
  react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo },
127
127
  react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO], alt: "logo" })),
128
128
  !scUserContext.user && !preferences[react_core_1.SCPreferences.ADDONS_CLOSED_COMMUNITY] && (react_1.default.createElement(material_1.Button, { color: "inherit", component: react_core_1.Link, to: scRoutingContext.url(react_core_1.SCRoutes.SIGNUP_ROUTE_NAME, {}), className: classes.register },
package/lib/esm/components/NavigationToolbar/NavigationToolbar.d.ts CHANGED
@@ -4,6 +4,7 @@ import { NotificationsMenuProps } from './NotificationMenu';
4
4
  import { SearchAutocompleteProps } from '../SearchAutocomplete';
5
5
  import { NavigationSettingsIconButtonProps } from '../NavigationSettingsIconButton';
6
6
  import { ComposerIconButtonProps } from '../ComposerIconButton';
7
+ import { NavigationMenuIconButtonProps } from '../NavigationMenuIconButton';
7
8
  export interface NavigationToolbarProps extends ToolbarProps {
8
9
  /**
9
10
  * Disable search action if possible
@@ -29,6 +30,10 @@ export interface NavigationToolbarProps extends ToolbarProps {
29
30
  * Actions to be inserted after Private Messages IconButton
30
31
  */
31
32
  endActions?: React.ReactNode | null;
33
+ /**
34
+ * Component for Navigation Menu Icon Button
35
+ */
36
+ NavigationMenuIconButtonComponent?: (inProps: NavigationMenuIconButtonProps) => JSX.Element;
32
37
  /**
33
38
  * Component for Navigation Settings
34
39
  */
package/lib/esm/components/NavigationToolbar/NavigationToolbar.js CHANGED
@@ -86,7 +86,7 @@ export default function NavigationToolbar(inProps) {
86
86
  props: inProps,
87
87
  name: PREFIX
88
88
  });
89
- const { value = '', className = '', disableSearch = false, disableComposer = false, SearchAutocompleteProps = {}, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton, children = null, NotificationMenuProps = {}, ComposerIconButtonProps = {}, onOpenNotificationMenu, onCloseNotificationMenu } = props, rest = __rest(props, ["value", "className", "disableSearch", "disableComposer", "SearchAutocompleteProps", "startActions", "endActions", "NavigationSettingsIconButtonComponent", "children", "NotificationMenuProps", "ComposerIconButtonProps", "onOpenNotificationMenu", "onCloseNotificationMenu"]);
89
+ const { value = '', className = '', disableSearch = false, disableComposer = false, SearchAutocompleteProps = {}, startActions = null, endActions = null, NavigationSettingsIconButtonComponent = NavigationSettingsIconButton, NavigationMenuIconButtonComponent = NavigationMenuIconButton, children = null, NotificationMenuProps = {}, ComposerIconButtonProps = {}, onOpenNotificationMenu, onCloseNotificationMenu } = props, rest = __rest(props, ["value", "className", "disableSearch", "disableComposer", "SearchAutocompleteProps", "startActions", "endActions", "NavigationSettingsIconButtonComponent", "NavigationMenuIconButtonComponent", "children", "NotificationMenuProps", "ComposerIconButtonProps", "onOpenNotificationMenu", "onCloseNotificationMenu"]);
90
90
  // CONTEXT
91
91
  const scUserContext = useSCUser();
92
92
  const scRoutingContext = useSCRouting();
@@ -120,7 +120,7 @@ export default function NavigationToolbar(inProps) {
120
120
  (preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && (React.createElement(IconButton, { className: classNames(classes.explore, { [classes.active]: value.startsWith(scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {})) }), "aria-label": "Explore", to: scRoutingContext.url(SCRoutes.EXPLORE_ROUTE_NAME, {}), component: Link },
121
121
  React.createElement(Icon, null, "explore")))));
122
122
  return (React.createElement(Root, Object.assign({ className: classNames(className, classes.root) }, rest),
123
- React.createElement(NavigationMenuIconButton, null),
123
+ React.createElement(NavigationMenuIconButtonComponent, null),
124
124
  React.createElement(Link, { to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo },
125
125
  React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO], alt: "logo" })),
126
126
  !scUserContext.user && !preferences[SCPreferences.ADDONS_CLOSED_COMMUNITY] && (React.createElement(Button, { color: "inherit", component: Link, to: scRoutingContext.url(SCRoutes.SIGNUP_ROUTE_NAME, {}), className: classes.register },