@telia/teddy 0.1.28 → 0.1.29
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.
|
@@ -30,7 +30,7 @@ type RootContext = {
|
|
|
30
30
|
specifiedLink?: string;
|
|
31
31
|
setSpecifiedLink: (v: string) => void;
|
|
32
32
|
hideMenu?: boolean | null;
|
|
33
|
-
setHideMenu: (v: boolean
|
|
33
|
+
setHideMenu: (v: boolean) => void;
|
|
34
34
|
} & Pick<RootProps, 'onSearchSubmit' | 'additionalSearchContent' | 'shoppingCart' | 'shoppingCartNumberOfItems' | 'loggedInUser' | 'appKey' | 'onLogoutClick' | 'linkComponent' | 'isCartOpen' | 'onCartOpenChange' | 'drawerSize'>;
|
|
35
35
|
export declare const RootContext: React.Context<RootContext | null>;
|
|
36
36
|
export declare function Root({ className, appKey, loggedInUser, linkComponent, onLogoutClick, shoppingCart, shoppingCartNumberOfItems, onSearchSubmit, additionalSearchContent, isCartOpen, onCartOpenChange, drawerSize, isSimplified, currentPath, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -869,7 +869,6 @@ const Desktop = React.forwardRef(() => {
|
|
|
869
869
|
);
|
|
870
870
|
const topMenuSize = utils_useSize.useSize(topMenuRef.current);
|
|
871
871
|
const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
|
|
872
|
-
const viewPortHeight = shouldShowViewport ? "293px" : void 0;
|
|
873
872
|
if (!rootContext)
|
|
874
873
|
return null;
|
|
875
874
|
function resetAndShowMenu() {
|
|
@@ -883,6 +882,7 @@ const Desktop = React.forwardRef(() => {
|
|
|
883
882
|
setSpecifiedLink(linkName || "");
|
|
884
883
|
setSelectedMenuItem(linkName || "", true);
|
|
885
884
|
};
|
|
885
|
+
const viewPortHeight = !hideMenu && shouldShowViewport ? "293px" : void 0;
|
|
886
886
|
return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
887
887
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
888
888
|
"div",
|
|
@@ -969,7 +969,7 @@ const Desktop = React.forwardRef(() => {
|
|
|
969
969
|
{ ["--teddy-viewport-wrapper-height"]: viewPortHeight }
|
|
970
970
|
),
|
|
971
971
|
className: styles[`${rootClassName}__viewport-wrapper`],
|
|
972
|
-
"data-state": hideMenu
|
|
972
|
+
"data-state": hideMenu ? "closed" : "open",
|
|
973
973
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
974
974
|
NavigationMenu.Viewport,
|
|
975
975
|
{
|
|
@@ -1198,7 +1198,7 @@ function Root({
|
|
|
1198
1198
|
const [selectedDomainItem, setSelectedDomainItem] = React.useState(getInitialDomain(currentPath));
|
|
1199
1199
|
const [pathname, setPathname] = React.useState(currentPath || "");
|
|
1200
1200
|
const [specifiedLink, setSpecifiedLink] = React.useState(getInitialMenuItem(currentPath));
|
|
1201
|
-
const [hideMenu, setHideMenu] = React.useState(
|
|
1201
|
+
const [hideMenu, setHideMenu] = React.useState(true);
|
|
1202
1202
|
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
1203
1203
|
React.useEffect(() => {
|
|
1204
1204
|
setPathname(currentPath || "");
|
|
@@ -848,7 +848,6 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
848
848
|
);
|
|
849
849
|
const topMenuSize = useSize(topMenuRef.current);
|
|
850
850
|
const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
|
|
851
|
-
const viewPortHeight = shouldShowViewport ? "293px" : void 0;
|
|
852
851
|
if (!rootContext)
|
|
853
852
|
return null;
|
|
854
853
|
function resetAndShowMenu() {
|
|
@@ -862,6 +861,7 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
862
861
|
setSpecifiedLink(linkName || "");
|
|
863
862
|
setSelectedMenuItem(linkName || "", true);
|
|
864
863
|
};
|
|
864
|
+
const viewPortHeight = !hideMenu && shouldShowViewport ? "293px" : void 0;
|
|
865
865
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
866
866
|
/* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__top-menu-color`], children: /* @__PURE__ */ jsx(
|
|
867
867
|
"div",
|
|
@@ -948,7 +948,7 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
948
948
|
{ ["--teddy-viewport-wrapper-height"]: viewPortHeight }
|
|
949
949
|
),
|
|
950
950
|
className: styles[`${rootClassName}__viewport-wrapper`],
|
|
951
|
-
"data-state": hideMenu
|
|
951
|
+
"data-state": hideMenu ? "closed" : "open",
|
|
952
952
|
children: /* @__PURE__ */ jsx(
|
|
953
953
|
NavigationMenu.Viewport,
|
|
954
954
|
{
|
|
@@ -1177,7 +1177,7 @@ function Root({
|
|
|
1177
1177
|
const [selectedDomainItem, setSelectedDomainItem] = React__default.useState(getInitialDomain(currentPath));
|
|
1178
1178
|
const [pathname, setPathname] = React__default.useState(currentPath || "");
|
|
1179
1179
|
const [specifiedLink, setSpecifiedLink] = React__default.useState(getInitialMenuItem(currentPath));
|
|
1180
|
-
const [hideMenu, setHideMenu] = React__default.useState(
|
|
1180
|
+
const [hideMenu, setHideMenu] = React__default.useState(true);
|
|
1181
1181
|
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
1182
1182
|
useEffect(() => {
|
|
1183
1183
|
setPathname(currentPath || "");
|