@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 | null) => void;
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 === null ? "closed" : hideMenu ? "closed" : "open",
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(null);
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 === null ? "closed" : hideMenu ? "closed" : "open",
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(null);
1180
+ const [hideMenu, setHideMenu] = React__default.useState(true);
1181
1181
  const classes = clsx([styles[`${rootClassName}`]], className);
1182
1182
  useEffect(() => {
1183
1183
  setPathname(currentPath || "");
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.1.28",
23
+ "version": "0.1.29",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"