@cloud-ru/ds-uikit-product-header 1.1.0 → 1.1.1-preview-e46694af.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-uikit-product-header",
-  "version": "1.1.0",
+  "version": "1.1.1-preview-e46694af.0",
   "description": "Продуктовая шапка консоли — HeaderLayout, MainMenu, UserMenu, Logo, PathBreadcrumbs и PlatformLogo.",
   "repository": {
     "type": "git",
@@ -45,31 +45,31 @@
     "@dnd-kit/utilities": "^3.2.2",
     "classnames": "^2.5.1",
     "fuse.js": "^7.1.0",
-    "@cloud-ru/ds-avatar": "^1.0.1",
-    "@cloud-ru/ds-accordion": "^1.0.2",
-    "@cloud-ru/ds-adaptive": "^1.0.1",
-    "@cloud-ru/ds-breadcrumbs": "^1.0.4",
-    "@cloud-ru/ds-button": "^1.0.1",
-    "@cloud-ru/ds-divider": "^1.0.1",
-    "@cloud-ru/ds-drag-and-drop": "^1.1.1",
-    "@cloud-ru/ds-drawer": "^1.0.2",
-    "@cloud-ru/ds-icons": "^1.0.1",
-    "@cloud-ru/ds-info-block": "^1.0.1",
-    "@cloud-ru/ds-list": "^1.1.3",
-    "@cloud-ru/ds-locale": "^1.0.0",
-    "@cloud-ru/ds-modal": "^1.0.1",
-    "@cloud-ru/ds-promo-tag": "^1.0.1",
-    "@cloud-ru/ds-scroll": "^1.0.1",
-    "@cloud-ru/ds-skeleton": "^1.0.1",
-    "@cloud-ru/ds-search": "^1.0.2",
-    "@cloud-ru/ds-theme": "^1.0.0",
-    "@cloud-ru/ds-tooltip": "^1.0.1",
-    "@cloud-ru/ds-segment-control": "^1.0.1",
-    "@cloud-ru/ds-typography": "^1.0.0",
-    "@cloud-ru/ds-uikit-product-switch-row": "^1.0.2",
-    "@cloud-ru/ds-uikit-product-title-clickable": "^1.0.1",
-    "@cloud-ru/ds-utils": "^1.1.0",
-    "@cloud-ru/ds-uikit-product-card-predefined": "^2.0.0"
+    "@cloud-ru/ds-accordion": "1.0.2",
+    "@cloud-ru/ds-adaptive": "1.0.1",
+    "@cloud-ru/ds-avatar": "1.0.1",
+    "@cloud-ru/ds-breadcrumbs": "1.0.4",
+    "@cloud-ru/ds-button": "1.0.1",
+    "@cloud-ru/ds-divider": "1.0.1",
+    "@cloud-ru/ds-drag-and-drop": "1.1.1",
+    "@cloud-ru/ds-drawer": "1.0.2",
+    "@cloud-ru/ds-icons": "1.0.1",
+    "@cloud-ru/ds-info-block": "1.0.1",
+    "@cloud-ru/ds-list": "1.1.3",
+    "@cloud-ru/ds-locale": "1.0.0",
+    "@cloud-ru/ds-search": "1.0.2",
+    "@cloud-ru/ds-segment-control": "1.0.1",
+    "@cloud-ru/ds-skeleton": "1.0.1",
+    "@cloud-ru/ds-theme": "1.0.0",
+    "@cloud-ru/ds-tooltip": "1.0.1",
+    "@cloud-ru/ds-typography": "1.0.0",
+    "@cloud-ru/ds-uikit-product-card-predefined": "2.0.0",
+    "@cloud-ru/ds-uikit-product-switch-row": "1.0.2",
+    "@cloud-ru/ds-uikit-product-title-clickable": "1.0.1",
+    "@cloud-ru/ds-utils": "1.1.0",
+    "@cloud-ru/ds-modal": "1.0.1",
+    "@cloud-ru/ds-promo-tag": "1.0.1",
+    "@cloud-ru/ds-scroll": "1.0.1"
   },
   "publishConfig": {
     "access": "public"

package/src/components/MainMenu/helperComponents/Content/Content.tsx

@@ -91,12 +91,7 @@ export function Content({
 
   const segmentPrefsById = useMemo(() => new Map((segmentPrefs ?? []).map(prefs => [prefs.id, prefs])), [segmentPrefs]);
 
-  const visibleSegments = useMemo(
-    () => segments.filter(segment => segment.items.some(group => getLinksGroupVisibleItemsCount(group) > 0)),
-    [segments],
-  );
-
-  const defaultSegmentId = visibleSegments[0]?.id ?? segments[0]?.id ?? '';
+  const defaultSegmentId = activeSegmentId ?? segments[0]?.id ?? '';
 
   const [segmentId = defaultSegmentId, setSegmentId] = useValueControl<string>({
     value: activeSegmentId,
@@ -108,10 +103,10 @@ export function Content({
   const enableServiceDrag = Boolean(favorite) && !isMobile && !isSearching;
 
   useEffect(() => {
-    if (!visibleSegments.some(segment => segment.id === segmentId) && defaultSegmentId) {
+    if (!segments.some(segment => segment.id === segmentId) && defaultSegmentId) {
       setSegmentId(defaultSegmentId);
     }
-  }, [defaultSegmentId, segmentId, setSegmentId, visibleSegments]);
+  }, [defaultSegmentId, segmentId, setSegmentId, segments]);
 
   const handleLinkClick = useCallback(
     (
@@ -179,12 +174,12 @@ export function Content({
 
   const segmentItems = useMemo(
     () =>
-      visibleSegments.map(segment => ({
+      segments.map(segment => ({
         value: segment.id,
         label: segment.label,
         icon: segment.icon,
       })),
-    [visibleSegments],
+    [segments],
   );
 
   const hasCards = visibleGroups.length > 0;

package/src/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.scss

@@ -6,6 +6,7 @@
   align-items: center;
   justify-content: space-between;
 
+  width: 100%;
   min-width: 0;
   min-height: base.$sn-primitive-dimension-32;
 }

package/src/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.scss

@@ -86,6 +86,7 @@ $map-block-color-decor: (
   display: flex;
   flex-direction: column;
 
+  width: 100%;
   min-width: 0;
   padding: base.$sn-primitive-dimension-4 base.$sn-primitive-dimension-8 base.$sn-primitive-dimension-8
     base.$sn-primitive-dimension-12;
@@ -93,7 +94,6 @@ $map-block-color-decor: (
 
   background-color: base.$sn-theme-color-neutral-background1Level;
 
-
   &[data-drag-preview] {
     cursor: grabbing;
 
@@ -188,7 +188,7 @@ $map-block-color-decor: (
     z-index: -1;
   }
 
-  &[data-color-scheme="light"] {
+  &[data-color-scheme='light'] {
     --highlight-border-color-from: hsl(155deg 48% 42% / 100%);
     --highlight-border-color-to: hsl(155deg 48% 42% / 32%);
     --highlight-background-color-from: hsl(0deg 0% 99% / 20%);
@@ -196,7 +196,7 @@ $map-block-color-decor: (
     --highlight-background-color: hsl(0deg 0% 99% / 100%);
   }
 
-  &[data-color-scheme="dark"] {
+  &[data-color-scheme='dark'] {
     --highlight-border-color-from: hsl(153deg 30% 55% / 100%);
     --highlight-border-color-to: hsl(157deg 51% 19% / 100%);
     --highlight-background-color-from: hsl(240deg 14% 16% / 100%);
@@ -214,7 +214,12 @@ $map-block-color-decor: (
     border-radius: inherit;
 
     opacity: 0.64;
-    background-image: linear-gradient(90deg, var(--highlight-border-color-from) 0%, var(--highlight-border-color-to) 50%, var(--highlight-border-color-from) 100%);
+    background-image: linear-gradient(
+      90deg,
+      var(--highlight-border-color-from) 0%,
+      var(--highlight-border-color-to) 50%,
+      var(--highlight-border-color-from) 100%
+    );
   }
 }
 
@@ -230,11 +235,13 @@ $map-block-color-decor: (
   background-color: transparent;
 
   [data-is-highlighted] & {
-    inset: var(--highlight-border-width) var(--highlight-border-width) var(--highlight-border-width) var(--highlight-border-width);
+    inset: var(--highlight-border-width) var(--highlight-border-width) var(--highlight-border-width)
+      var(--highlight-border-width);
     border-radius: calc(#{$group-border-radius} - var(--highlight-border-width));
-    background: linear-gradient(90deg, var(--highlight-background-color-from) 2.29%, var(--highlight-background-color-to) 97.84%), var(--highlight-background-color);
+    background:
+      linear-gradient(90deg, var(--highlight-background-color-from) 2.29%, var(--highlight-background-color-to) 97.84%),
+      var(--highlight-background-color);
   }
-
 }
 
 .colorMarker {

package/src/components/MainMenu/helperComponents/MenuDesktop/styles.module.scss

@@ -81,6 +81,7 @@
   flex-direction: column;
   gap: base.$sn-primitive-dimension-4;
 
+  width: 100%;
   min-width: 0;
   padding: base.$sn-primitive-dimension-16;
 }