@blocklet/ui-react 2.4.58 → 2.4.59

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.
@@ -137,6 +137,7 @@ function Dashboard(_ref) {
137
137
 
138
138
  const {
139
139
  appLogo,
140
+ appLogoRect,
140
141
  appName
141
142
  } = formattedBlocklet;
142
143
 
@@ -156,7 +157,7 @@ function Dashboard(_ref) {
156
157
  headerProps: _objectSpread({
157
158
  homeLink: _blocklets.publicPath,
158
159
  logo: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
159
- src: appLogo,
160
+ src: appLogoRect || appLogo,
160
161
  alt: "logo"
161
162
  }),
162
163
  addons: _headerAddons
@@ -79,6 +79,7 @@ function Footer(_ref) {
79
79
 
80
80
  const {
81
81
  appLogo,
82
+ appLogoRect,
82
83
  appName,
83
84
  appDescription,
84
85
  description,
@@ -94,7 +95,7 @@ function Footer(_ref) {
94
95
  brand: {
95
96
  name: appName,
96
97
  description: appDescription || description,
97
- logo: appLogo
98
+ logo: appLogoRect || appLogo
98
99
  },
99
100
  navigation: (0, _utils.mapRecursive)(localized.footerNav, item => _objectSpread(_objectSpread({}, item), {}, {
100
101
  label: item.title,
@@ -147,6 +147,7 @@ function Header(_ref) {
147
147
 
148
148
  const {
149
149
  appLogo,
150
+ appLogoRect,
150
151
  theme
151
152
  } = formattedBlocklet;
152
153
  const navigation = (0, _blocklets.getLocalizedNavigation)(formattedBlocklet === null || formattedBlocklet === void 0 ? void 0 : (_formattedBlocklet$na = formattedBlocklet.navigation) === null || _formattedBlocklet$na === void 0 ? void 0 : _formattedBlocklet$na.header, locale);
@@ -170,7 +171,7 @@ function Header(_ref) {
170
171
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledUxHeader, _objectSpread(_objectSpread({
171
172
  homeLink: homeLink,
172
173
  logo: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
173
- src: appLogo,
174
+ src: appLogoRect || appLogo,
174
175
  alt: "logo"
175
176
  }),
176
177
  addons: headerAddons
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blocklet/ui-react",
3
- "version": "2.4.58",
3
+ "version": "2.4.59",
4
4
  "description": "Some useful front-end web components that can be used in Blocklets.",
5
5
  "keywords": [
6
6
  "react",
@@ -30,8 +30,8 @@
30
30
  "url": "https://github.com/ArcBlock/ux/issues"
31
31
  },
32
32
  "dependencies": {
33
- "@arcblock/did-connect": "^2.4.58",
34
- "@arcblock/ux": "^2.4.58",
33
+ "@arcblock/did-connect": "^2.4.59",
34
+ "@arcblock/ux": "^2.4.59",
35
35
  "@emotion/react": "^11.10.4",
36
36
  "@emotion/styled": "^11.10.4",
37
37
  "@iconify/iconify": "^2.2.1",
@@ -53,5 +53,5 @@
53
53
  "eslint-plugin-react-hooks": "^4.6.0",
54
54
  "jest": "^28.1.3"
55
55
  },
56
- "gitHead": "5072377a5337b718e239ba1f94e97147e64451f6"
56
+ "gitHead": "5366f35a121b93b1015d678b1d6fcda86c083cf6"
57
57
  }
@@ -79,7 +79,7 @@ function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddons, sessi
79
79
  if (!formattedBlocklet.appName) {
80
80
  return null;
81
81
  }
82
- const { appLogo, appName } = formattedBlocklet;
82
+ const { appLogo, appLogoRect, appName } = formattedBlocklet;
83
83
  const _headerAddons = (
84
84
  <HeaderAddons
85
85
  formattedBlocklet={formattedBlocklet}
@@ -98,7 +98,7 @@ function Dashboard({ meta, fallbackUrl, invalidPathFallback, headerAddons, sessi
98
98
  {...rest}
99
99
  headerProps={{
100
100
  homeLink: publicPath,
101
- logo: <img src={appLogo} alt="logo" />,
101
+ logo: <img src={appLogoRect || appLogo} alt="logo" />,
102
102
  addons: _headerAddons,
103
103
  ...rest.headerProps,
104
104
  }}
@@ -30,7 +30,7 @@ function Footer({ meta, theme: themeOverrides, ...rest }) {
30
30
  return null;
31
31
  }
32
32
 
33
- const { appLogo, appName, appDescription, description, theme, copyright } = formattedBlocklet;
33
+ const { appLogo, appLogoRect, appName, appDescription, description, theme, copyright } = formattedBlocklet;
34
34
 
35
35
  const localized = {
36
36
  footerNav: getLocalizedNavigation(formattedBlocklet?.navigation?.footer, locale) || [],
@@ -42,7 +42,7 @@ function Footer({ meta, theme: themeOverrides, ...rest }) {
42
42
  brand: {
43
43
  name: appName,
44
44
  description: appDescription || description,
45
- logo: appLogo,
45
+ logo: appLogoRect || appLogo,
46
46
  },
47
47
  navigation: mapRecursive(
48
48
  localized.footerNav,
@@ -73,7 +73,7 @@ function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverr
73
73
  if (!formattedBlocklet.appName) {
74
74
  return null;
75
75
  }
76
- const { appLogo, theme } = formattedBlocklet;
76
+ const { appLogo, appLogoRect, theme } = formattedBlocklet;
77
77
  const navigation = getLocalizedNavigation(formattedBlocklet?.navigation?.header, locale);
78
78
  const parsedNavigation = parseNavigation(navigation);
79
79
  const { navItems, activeId } = parsedNavigation;
@@ -88,7 +88,7 @@ function Header({ meta, addons, sessionManagerProps, homeLink, theme: themeOverr
88
88
  <OverridableThemeProvider theme={themeOverrides}>
89
89
  <StyledUxHeader
90
90
  homeLink={homeLink}
91
- logo={<img src={appLogo} alt="logo" />}
91
+ logo={<img src={appLogoRect || appLogo} alt="logo" />}
92
92
  addons={headerAddons}
93
93
  {...rest}
94
94
  $bgcolor={theme?.background?.header}>