@lifi/widget 3.5.1 → 3.5.2
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.
- package/CHANGELOG.md +7 -0
- package/_esm/components/AppContainer.js +4 -7
- package/_esm/components/AppContainer.js.map +1 -1
- package/_esm/components/Header/Header.d.ts +0 -2
- package/_esm/components/Header/Header.js +2 -7
- package/_esm/components/Header/Header.js.map +1 -1
- package/_esm/config/version.d.ts +1 -1
- package/_esm/config/version.js +1 -1
- package/_esm/hooks/useHeaderHeight.d.ts +6 -0
- package/_esm/hooks/useHeaderHeight.js +16 -0
- package/_esm/hooks/useHeaderHeight.js.map +1 -0
- package/components/AppContainer.tsx +4 -11
- package/components/Header/Header.tsx +2 -9
- package/config/version.ts +1 -1
- package/hooks/useHeaderHeight.ts +20 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [3.5.2](https://github.com/lifinance/widget/compare/v3.5.1...v3.5.2) (2024-09-11)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* widget header with subvariant split ([#298](https://github.com/lifinance/widget/issues/298)) ([c33d42a](https://github.com/lifinance/widget/commit/c33d42abcabaa80c533caae915384dd6d2bc36ab))
|
|
11
|
+
|
|
5
12
|
### [3.5.1](https://github.com/lifinance/widget/compare/v3.5.0...v3.5.1) (2024-09-10)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Box, Container, ScopedCssBaseline, styled } from '@mui/material';
|
|
3
|
-
import { maxHeaderHeight, minHeaderHeight, } from '../components/Header/Header.js';
|
|
4
3
|
import { defaultMaxHeight } from '../config/constants.js';
|
|
4
|
+
import { useHeaderHeight } from '../hooks/useHeaderHeight.js';
|
|
5
5
|
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
6
6
|
import { ElementId, createElementId } from '../utils/elements.js';
|
|
7
7
|
export const AppExpandedContainer = styled(Box, {
|
|
@@ -79,12 +79,9 @@ export const FlexContainer = styled(Container)(({ theme }) => ({
|
|
|
79
79
|
}));
|
|
80
80
|
export const AppContainer = ({ children }) => {
|
|
81
81
|
// const ref = useRef<HTMLDivElement>(null);
|
|
82
|
-
const { variant, elementId,
|
|
83
|
-
const
|
|
84
|
-
|
|
85
|
-
? minHeaderHeight
|
|
86
|
-
: maxHeaderHeight
|
|
87
|
-
: 0;
|
|
82
|
+
const { variant, elementId, theme } = useWidgetConfig();
|
|
83
|
+
const { headerHeight } = useHeaderHeight();
|
|
84
|
+
const positionFixedAdjustment = theme?.header?.position === 'fixed' ? headerHeight : 0;
|
|
88
85
|
return (_jsx(RelativeContainer, { variant: variant, id: createElementId(ElementId.RelativeContainer, elementId), children: _jsx(CssBaselineContainer, { id: createElementId(ElementId.ScrollableContainer, elementId), variant: variant, enableColorScheme: true, paddingTopAdjustment: positionFixedAdjustment, elementId: elementId, children: _jsx(FlexContainer, { disableGutters: true, children: children }) }) }));
|
|
89
86
|
};
|
|
90
87
|
//# sourceMappingURL=AppContainer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppContainer.js","sourceRoot":"","sources":["../../components/AppContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE1E,OAAO,
|
|
1
|
+
{"version":3,"file":"AppContainer.js","sourceRoot":"","sources":["../../components/AppContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useLocation } from 'react-router-dom';
|
|
3
3
|
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
|
|
4
|
-
import {
|
|
4
|
+
import { useHeaderHeight } from '../../hooks/useHeaderHeight.js';
|
|
5
5
|
import { ElementId, createElementId } from '../../utils/elements.js';
|
|
6
6
|
import { stickyHeaderRoutes } from '../../utils/navigationRoutes.js';
|
|
7
7
|
import { Container } from './Header.style.js';
|
|
8
8
|
import { NavigationHeader } from './NavigationHeader.js';
|
|
9
9
|
import { WalletHeader } from './WalletHeader.js';
|
|
10
|
-
export const minHeaderHeight = 64;
|
|
11
|
-
export const maxHeaderHeight = 108;
|
|
12
10
|
export const HeaderContainer = ({ children }) => {
|
|
13
11
|
const { pathname } = useLocation();
|
|
14
12
|
const elementId = useDefaultElementId();
|
|
15
|
-
const {
|
|
16
|
-
const headerHeight = hiddenUI?.includes('walletMenu')
|
|
17
|
-
? minHeaderHeight
|
|
18
|
-
: maxHeaderHeight;
|
|
13
|
+
const { headerHeight } = useHeaderHeight();
|
|
19
14
|
return (_jsx(Container, { id: createElementId(ElementId.Header, elementId), sticky: stickyHeaderRoutes.some((route) => pathname.includes(route)), maxHeight: headerHeight, children: children }));
|
|
20
15
|
};
|
|
21
16
|
export const Header = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../components/Header/Header.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,SAAS,IACR,EAAE,EAAE,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,EAChD,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EACpE,SAAS,EAAE,YAAY,YAEtB,QAAQ,GACC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,MAAC,eAAe,eACd,KAAC,YAAY,KAAG,EAChB,KAAC,gBAAgB,KAAG,IACJ,CACnB,CAAC;AACJ,CAAC,CAAC"}
|
package/_esm/config/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare const name = "@lifi/widget";
|
|
2
|
-
export declare const version = "3.5.
|
|
2
|
+
export declare const version = "3.5.2";
|
package/_esm/config/version.js
CHANGED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
2
|
+
export const minHeaderHeight = 64;
|
|
3
|
+
export const maxHeaderHeight = 108;
|
|
4
|
+
export const maxHeaderHeightSubvariantSplit = 136;
|
|
5
|
+
export const useHeaderHeight = () => {
|
|
6
|
+
const { hiddenUI, subvariant } = useWidgetConfig();
|
|
7
|
+
const headerHeight = subvariant === 'split'
|
|
8
|
+
? maxHeaderHeightSubvariantSplit
|
|
9
|
+
: hiddenUI?.includes('walletMenu')
|
|
10
|
+
? minHeaderHeight
|
|
11
|
+
: maxHeaderHeight;
|
|
12
|
+
return {
|
|
13
|
+
headerHeight,
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=useHeaderHeight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useHeaderHeight.js","sourceRoot":"","sources":["../../hooks/useHeaderHeight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAEhF,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AACnC,MAAM,CAAC,MAAM,8BAA8B,GAAG,GAAG,CAAC;AAElD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IAEnD,MAAM,YAAY,GAChB,UAAU,KAAK,OAAO;QACpB,CAAC,CAAC,8BAA8B;QAChC,CAAC,CAAC,QAAQ,EAAE,QAAQ,CAAC,YAAY,CAAC;YAChC,CAAC,CAAC,eAAe;YACjB,CAAC,CAAC,eAAe,CAAC;IAExB,OAAO;QACL,YAAY;KACb,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import { Box, Container, ScopedCssBaseline, styled } from '@mui/material';
|
|
2
2
|
import type { PropsWithChildren } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
maxHeaderHeight,
|
|
5
|
-
minHeaderHeight,
|
|
6
|
-
} from '../components/Header/Header.js';
|
|
7
3
|
import { defaultMaxHeight } from '../config/constants.js';
|
|
4
|
+
import { useHeaderHeight } from '../hooks/useHeaderHeight.js';
|
|
8
5
|
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
9
6
|
import type { WidgetVariant } from '../types/widget.js';
|
|
10
7
|
import { ElementId, createElementId } from '../utils/elements.js';
|
|
@@ -103,14 +100,10 @@ export const FlexContainer = styled(Container)(({ theme }) => ({
|
|
|
103
100
|
|
|
104
101
|
export const AppContainer: React.FC<PropsWithChildren<{}>> = ({ children }) => {
|
|
105
102
|
// const ref = useRef<HTMLDivElement>(null);
|
|
106
|
-
const { variant, elementId,
|
|
107
|
-
|
|
103
|
+
const { variant, elementId, theme } = useWidgetConfig();
|
|
104
|
+
const { headerHeight } = useHeaderHeight();
|
|
108
105
|
const positionFixedAdjustment =
|
|
109
|
-
theme?.header?.position === 'fixed'
|
|
110
|
-
? hiddenUI?.includes('walletMenu')
|
|
111
|
-
? minHeaderHeight
|
|
112
|
-
: maxHeaderHeight
|
|
113
|
-
: 0;
|
|
106
|
+
theme?.header?.position === 'fixed' ? headerHeight : 0;
|
|
114
107
|
|
|
115
108
|
return (
|
|
116
109
|
<RelativeContainer
|
|
@@ -1,24 +1,17 @@
|
|
|
1
1
|
import type { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { useLocation } from 'react-router-dom';
|
|
3
3
|
import { useDefaultElementId } from '../../hooks/useDefaultElementId.js';
|
|
4
|
-
import {
|
|
4
|
+
import { useHeaderHeight } from '../../hooks/useHeaderHeight.js';
|
|
5
5
|
import { ElementId, createElementId } from '../../utils/elements.js';
|
|
6
6
|
import { stickyHeaderRoutes } from '../../utils/navigationRoutes.js';
|
|
7
7
|
import { Container } from './Header.style.js';
|
|
8
8
|
import { NavigationHeader } from './NavigationHeader.js';
|
|
9
9
|
import { WalletHeader } from './WalletHeader.js';
|
|
10
10
|
|
|
11
|
-
export const minHeaderHeight = 64;
|
|
12
|
-
export const maxHeaderHeight = 108;
|
|
13
|
-
|
|
14
11
|
export const HeaderContainer: FC<PropsWithChildren<{}>> = ({ children }) => {
|
|
15
12
|
const { pathname } = useLocation();
|
|
16
13
|
const elementId = useDefaultElementId();
|
|
17
|
-
const {
|
|
18
|
-
|
|
19
|
-
const headerHeight = hiddenUI?.includes('walletMenu')
|
|
20
|
-
? minHeaderHeight
|
|
21
|
-
: maxHeaderHeight;
|
|
14
|
+
const { headerHeight } = useHeaderHeight();
|
|
22
15
|
|
|
23
16
|
return (
|
|
24
17
|
<Container
|
package/config/version.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export const name = '@lifi/widget';
|
|
2
|
-
export const version = '3.5.
|
|
2
|
+
export const version = '3.5.2';
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { useWidgetConfig } from '../providers/WidgetProvider/WidgetProvider.js';
|
|
2
|
+
|
|
3
|
+
export const minHeaderHeight = 64;
|
|
4
|
+
export const maxHeaderHeight = 108;
|
|
5
|
+
export const maxHeaderHeightSubvariantSplit = 136;
|
|
6
|
+
|
|
7
|
+
export const useHeaderHeight = () => {
|
|
8
|
+
const { hiddenUI, subvariant } = useWidgetConfig();
|
|
9
|
+
|
|
10
|
+
const headerHeight =
|
|
11
|
+
subvariant === 'split'
|
|
12
|
+
? maxHeaderHeightSubvariantSplit
|
|
13
|
+
: hiddenUI?.includes('walletMenu')
|
|
14
|
+
? minHeaderHeight
|
|
15
|
+
: maxHeaderHeight;
|
|
16
|
+
|
|
17
|
+
return {
|
|
18
|
+
headerHeight,
|
|
19
|
+
};
|
|
20
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lifi/widget",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.2",
|
|
4
4
|
"description": "LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./_esm/index.js",
|