@selfcommunity/react-ui 0.7.44 → 0.7.45-alpha.1

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.js +8 -1
  2. package/lib/cjs/components/NavigationToolbarMobile/NavigationToolbarMobile.js +7 -1
  3. package/lib/esm/components/NavigationToolbar/NavigationToolbar.js +8 -1
  4. package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.js +7 -1
  5. package/lib/umd/react-ui.js +1 -1
  6. package/package.json +7 -7
package/lib/cjs/components/NavigationToolbar/NavigationToolbar.js CHANGED
@@ -19,6 +19,7 @@ const constants_1 = require("./constants");
19
19
  const classes = {
20
20
  root: `${constants_1.PREFIX}-root`,
21
21
  logo: `${constants_1.PREFIX}-logo`,
22
+ customItem: `${constants_1.PREFIX}-custom-item`,
22
23
  register: `${constants_1.PREFIX}-register`,
23
24
  navigation: `${constants_1.PREFIX}-navigation`,
24
25
  home: `${constants_1.PREFIX}-home`,
@@ -41,7 +42,10 @@ const PREFERENCES = [
41
42
  react_core_1.SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED,
42
43
  react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY,
43
44
  react_core_1.SCPreferences.LOGO_NAVBAR_LOGO,
44
- react_core_1.SCPreferences.ADDONS_CLOSED_COMMUNITY
45
+ react_core_1.SCPreferences.ADDONS_CLOSED_COMMUNITY,
46
+ react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL,
47
+ react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE,
48
+ react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_TEXT
45
49
  ];
46
50
  /**
47
51
  * > API documentation for the Community-JS NavigationToolbar component. Learn about the available props and the CSS API.
@@ -138,6 +142,9 @@ function NavigationToolbar(inProps) {
138
142
  react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO], alt: "logo" })),
139
143
  !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 },
140
144
  react_1.default.createElement(react_intl_1.FormattedMessage, { id: "ui.appBar.navigation.register", defaultMessage: "ui.appBar.navigation.register" }))),
145
+ preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL] && (react_1.default.createElement(material_1.Tooltip, { title: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_TEXT] },
146
+ react_1.default.createElement(react_core_1.Link, { target: "blank", to: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL], className: classes.customItem },
147
+ react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE], alt: "custom_item" })))),
141
148
  _children,
142
149
  (preferences[react_core_1.SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && !disableSearch ? (react_1.default.createElement(SearchAutocomplete_1.default, Object.assign({ className: classes.search, blurOnSelect: true }, SearchAutocompleteProps))) : (react_1.default.createElement(material_1.Box, { className: classes.search })),
143
150
  startActions,
package/lib/cjs/components/NavigationToolbarMobile/NavigationToolbarMobile.js CHANGED
@@ -17,6 +17,8 @@ const types_1 = require("@selfcommunity/types");
17
17
  const classes = {
18
18
  root: `${constants_1.PREFIX}-root`,
19
19
  logo: `${constants_1.PREFIX}-logo`,
20
+ logoFlex: `${constants_1.PREFIX}-logo-flex`,
21
+ customItem: `${constants_1.PREFIX}-custom-item`,
20
22
  search: `${constants_1.PREFIX}-search`,
21
23
  searchDialog: `${constants_1.PREFIX}-search-dialog`,
22
24
  notifications: `${constants_1.PREFIX}-notifications`,
@@ -90,7 +92,11 @@ function NavigationToolbarMobile(inProps) {
90
92
  }
91
93
  const _children = children || (react_1.default.createElement(react_1.default.Fragment, null,
92
94
  react_1.default.createElement(NavigationMenuIconButtonComponent, null),
93
- react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo }, !preserveDesktopLogo ? (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" })) : (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO].value, alt: "logo" })))));
95
+ react_1.default.createElement(react_core_1.Link, { to: scRoutingContext.url(react_core_1.SCRoutes.HOME_ROUTE_NAME, {}), className: (0, classnames_1.default)(className, classes.logo, {
96
+ [classes.logoFlex]: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value
97
+ }) }, !preserveDesktopLogo ? (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" })) : (react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.LOGO_NAVBAR_LOGO].value, alt: "logo" }))),
98
+ preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value && (react_1.default.createElement(react_core_1.Link, { target: "blank", to: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value, className: classes.customItem },
99
+ react_1.default.createElement("img", { src: preferences[react_core_1.SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE].value, alt: "custom_item" })))));
94
100
  return (react_1.default.createElement(Root, Object.assign({ className: (0, classnames_1.default)(className, classes.root) }, rest),
95
101
  _children,
96
102
  startActions,
package/lib/esm/components/NavigationToolbar/NavigationToolbar.js CHANGED
@@ -17,6 +17,7 @@ import { PREFIX } from './constants';
17
17
  const classes = {
18
18
  root: `${PREFIX}-root`,
19
19
  logo: `${PREFIX}-logo`,
20
+ customItem: `${PREFIX}-custom-item`,
20
21
  register: `${PREFIX}-register`,
21
22
  navigation: `${PREFIX}-navigation`,
22
23
  home: `${PREFIX}-home`,
@@ -39,7 +40,10 @@ const PREFERENCES = [
39
40
  SCPreferences.CONFIGURATIONS_EXPLORE_STREAM_ENABLED,
40
41
  SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY,
41
42
  SCPreferences.LOGO_NAVBAR_LOGO,
42
- SCPreferences.ADDONS_CLOSED_COMMUNITY
43
+ SCPreferences.ADDONS_CLOSED_COMMUNITY,
44
+ SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL,
45
+ SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE,
46
+ SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_TEXT
43
47
  ];
44
48
  /**
45
49
  * > API documentation for the Community-JS NavigationToolbar component. Learn about the available props and the CSS API.
@@ -136,6 +140,9 @@ export default function NavigationToolbar(inProps) {
136
140
  React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO], alt: "logo" })),
137
141
  !scUserContext.user && !preferences[SCPreferences.ADDONS_CLOSED_COMMUNITY] && (React.createElement(Button, { color: "inherit", component: Link, to: scRoutingContext.url(SCRoutes.SIGNUP_ROUTE_NAME, {}), className: classes.register },
138
142
  React.createElement(FormattedMessage, { id: "ui.appBar.navigation.register", defaultMessage: "ui.appBar.navigation.register" }))),
143
+ preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL] && (React.createElement(Tooltip, { title: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_TEXT] },
144
+ React.createElement(Link, { target: "blank", to: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL], className: classes.customItem },
145
+ React.createElement("img", { src: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE], alt: "custom_item" })))),
139
146
  _children,
140
147
  (preferences[SCPreferences.CONFIGURATIONS_CONTENT_AVAILABILITY] || scUserContext.user) && !disableSearch ? (React.createElement(SearchAutocomplete, Object.assign({ className: classes.search, blurOnSelect: true }, SearchAutocompleteProps))) : (React.createElement(Box, { className: classes.search })),
141
148
  startActions,
package/lib/esm/components/NavigationToolbarMobile/NavigationToolbarMobile.js CHANGED
@@ -15,6 +15,8 @@ import { SCFeatureName } from '@selfcommunity/types';
15
15
  const classes = {
16
16
  root: `${PREFIX}-root`,
17
17
  logo: `${PREFIX}-logo`,
18
+ logoFlex: `${PREFIX}-logo-flex`,
19
+ customItem: `${PREFIX}-custom-item`,
18
20
  search: `${PREFIX}-search`,
19
21
  searchDialog: `${PREFIX}-search-dialog`,
20
22
  notifications: `${PREFIX}-notifications`,
@@ -88,7 +90,11 @@ export default function NavigationToolbarMobile(inProps) {
88
90
  }
89
91
  const _children = children || (React.createElement(React.Fragment, null,
90
92
  React.createElement(NavigationMenuIconButtonComponent, null),
91
- React.createElement(Link, { to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}), className: classes.logo }, !preserveDesktopLogo ? (React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" })) : (React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO].value, alt: "logo" })))));
93
+ React.createElement(Link, { to: scRoutingContext.url(SCRoutes.HOME_ROUTE_NAME, {}), className: classNames(className, classes.logo, {
94
+ [classes.logoFlex]: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value
95
+ }) }, !preserveDesktopLogo ? (React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO_MOBILE].value, alt: "logo" })) : (React.createElement("img", { src: preferences[SCPreferences.LOGO_NAVBAR_LOGO].value, alt: "logo" }))),
96
+ preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value && (React.createElement(Link, { target: "blank", to: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_URL].value, className: classes.customItem },
97
+ React.createElement("img", { src: preferences[SCPreferences.CONFIGURATIONS_CUSTOM_NAVBAR_ITEM_IMAGE].value, alt: "custom_item" })))));
92
98
  return (React.createElement(Root, Object.assign({ className: classNames(className, classes.root) }, rest),
93
99
  _children,
94
100
  startActions,