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

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.
Files changed (17) hide show
  1. package/dist/cjs/components/MainMenu/helperComponents/Content/Content.js +6 -5
  2. package/dist/cjs/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.css +0 -1
  3. package/dist/cjs/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.css +0 -1
  4. package/dist/cjs/components/MainMenu/helperComponents/MenuDesktop/styles.module.css +0 -1
  5. package/dist/cjs/style.css +0 -3
  6. package/dist/esm/components/MainMenu/helperComponents/Content/Content.js +6 -5
  7. package/dist/esm/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.css +0 -1
  8. package/dist/esm/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.css +0 -1
  9. package/dist/esm/components/MainMenu/helperComponents/MenuDesktop/styles.module.css +0 -1
  10. package/dist/esm/style.css +0 -3
  11. package/dist/tsconfig.cjs.tsbuildinfo +1 -1
  12. package/dist/tsconfig.esm.tsbuildinfo +1 -1
  13. package/package.json +11 -11
  14. package/src/components/MainMenu/helperComponents/Content/Content.tsx +10 -5
  15. package/src/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.scss +0 -1
  16. package/src/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.scss +7 -14
  17. package/src/components/MainMenu/helperComponents/MenuDesktop/styles.module.scss +0 -1
package/dist/cjs/components/MainMenu/helperComponents/Content/Content.js CHANGED
@@ -25,7 +25,8 @@ function Content({ searchValue, search, rightTop, segments, searchGroups = [], s
25
25
  const { t } = locale_1.headerLocale.useTranslations();
26
26
  const showDescription = (0, react_1.useDeferredValue)(preferences?.showDescription.value ?? false);
27
27
  const segmentPrefsById = (0, react_1.useMemo)(() => new Map((segmentPrefs ?? []).map(prefs => [prefs.id, prefs])), [segmentPrefs]);
28
- const defaultSegmentId = activeSegmentId ?? segments[0]?.id ?? '';
28
+ const visibleSegments = (0, react_1.useMemo)(() => segments.filter(segment => segment.items.some(group => (0, utils_2.getLinksGroupVisibleItemsCount)(group) > 0)), [segments]);
29
+ const defaultSegmentId = visibleSegments[0]?.id ?? segments[0]?.id ?? '';
29
30
  const [segmentId = defaultSegmentId, setSegmentId] = (0, utils_1.useValueControl)({
30
31
  value: activeSegmentId,
31
32
  defaultValue: defaultSegmentId,
@@ -34,10 +35,10 @@ function Content({ searchValue, search, rightTop, segments, searchGroups = [], s
34
35
  const isSearching = Boolean(searchValue);
35
36
  const enableServiceDrag = Boolean(favorite) && !isMobile && !isSearching;
36
37
  (0, react_1.useEffect)(() => {
37
- if (!segments.some(segment => segment.id === segmentId) && defaultSegmentId) {
38
+ if (!visibleSegments.some(segment => segment.id === segmentId) && defaultSegmentId) {
38
39
  setSegmentId(defaultSegmentId);
39
40
  }
40
- }, [defaultSegmentId, segmentId, setSegmentId, segments]);
41
+ }, [defaultSegmentId, segmentId, setSegmentId, visibleSegments]);
41
42
  const handleLinkClick = (0, react_1.useCallback)(({ disabled, onClick }, e) => {
42
43
  if (disabled) {
43
44
  e?.preventDefault();
@@ -78,11 +79,11 @@ function Content({ searchValue, search, rightTop, segments, searchGroups = [], s
78
79
  }
79
80
  onExpandedChange([...new Set([...expandedIds, ...visibleIds])]);
80
81
  }, [allGroupsExpanded, expandedIds, onExpandedChange, visibleGroups]);
81
- const segmentItems = (0, react_1.useMemo)(() => segments.map(segment => ({
82
+ const segmentItems = (0, react_1.useMemo)(() => visibleSegments.map(segment => ({
82
83
  value: segment.id,
83
84
  label: segment.label,
84
85
  icon: segment.icon,
85
- })), [segments]);
86
+ })), [visibleSegments]);
86
87
  const hasCards = visibleGroups.length > 0;
87
88
  const cards = (() => {
88
89
  if (loading) {
package/dist/cjs/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  gap:var(--sn-primitive-dimension-8, 8px);
4
4
  align-items:center;
5
5
  justify-content:space-between;
6
- width:100%;
7
6
  min-width:0;
8
7
  min-height:var(--sn-primitive-dimension-32, 32px);
9
8
  }
package/dist/cjs/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.css CHANGED
@@ -50,7 +50,6 @@
50
50
  overflow-x:clip;
51
51
  display:flex;
52
52
  flex-direction:column;
53
- width:100%;
54
53
  min-width:0;
55
54
  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-12, 12px);
56
55
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
package/dist/cjs/components/MainMenu/helperComponents/MenuDesktop/styles.module.css CHANGED
@@ -63,7 +63,6 @@
63
63
  display:flex;
64
64
  flex-direction:column;
65
65
  gap:var(--sn-primitive-dimension-4, 4px);
66
- width:100%;
67
66
  min-width:0;
68
67
  padding:var(--sn-primitive-dimension-16, 16px);
69
68
  }
package/dist/cjs/style.css CHANGED
@@ -157,7 +157,6 @@
157
157
  gap:var(--sn-primitive-dimension-8, 8px);
158
158
  align-items:center;
159
159
  justify-content:space-between;
160
- width:100%;
161
160
  min-width:0;
162
161
  min-height:var(--sn-primitive-dimension-32, 32px);
163
162
  }
@@ -298,7 +297,6 @@
298
297
  overflow-x:clip;
299
298
  display:flex;
300
299
  flex-direction:column;
301
- width:100%;
302
300
  min-width:0;
303
301
  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-12, 12px);
304
302
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
@@ -668,7 +666,6 @@
668
666
  display:flex;
669
667
  flex-direction:column;
670
668
  gap:var(--sn-primitive-dimension-4, 4px);
671
- width:100%;
672
669
  min-width:0;
673
670
  padding:var(--sn-primitive-dimension-16, 16px);
674
671
  }
package/dist/esm/components/MainMenu/helperComponents/Content/Content.js CHANGED
@@ -19,7 +19,8 @@ export function Content({ searchValue, search, rightTop, segments, searchGroups
19
19
  const { t } = headerLocale.useTranslations();
20
20
  const showDescription = useDeferredValue(preferences?.showDescription.value ?? false);
21
21
  const segmentPrefsById = useMemo(() => new Map((segmentPrefs ?? []).map(prefs => [prefs.id, prefs])), [segmentPrefs]);
22
- const defaultSegmentId = activeSegmentId ?? segments[0]?.id ?? '';
22
+ const visibleSegments = useMemo(() => segments.filter(segment => segment.items.some(group => getLinksGroupVisibleItemsCount(group) > 0)), [segments]);
23
+ const defaultSegmentId = visibleSegments[0]?.id ?? segments[0]?.id ?? '';
23
24
  const [segmentId = defaultSegmentId, setSegmentId] = useValueControl({
24
25
  value: activeSegmentId,
25
26
  defaultValue: defaultSegmentId,
@@ -28,10 +29,10 @@ export function Content({ searchValue, search, rightTop, segments, searchGroups
28
29
  const isSearching = Boolean(searchValue);
29
30
  const enableServiceDrag = Boolean(favorite) && !isMobile && !isSearching;
30
31
  useEffect(() => {
31
- if (!segments.some(segment => segment.id === segmentId) && defaultSegmentId) {
32
+ if (!visibleSegments.some(segment => segment.id === segmentId) && defaultSegmentId) {
32
33
  setSegmentId(defaultSegmentId);
33
34
  }
34
- }, [defaultSegmentId, segmentId, setSegmentId, segments]);
35
+ }, [defaultSegmentId, segmentId, setSegmentId, visibleSegments]);
35
36
  const handleLinkClick = useCallback(({ disabled, onClick }, e) => {
36
37
  if (disabled) {
37
38
  e?.preventDefault();
@@ -72,11 +73,11 @@ export function Content({ searchValue, search, rightTop, segments, searchGroups
72
73
  }
73
74
  onExpandedChange([...new Set([...expandedIds, ...visibleIds])]);
74
75
  }, [allGroupsExpanded, expandedIds, onExpandedChange, visibleGroups]);
75
- const segmentItems = useMemo(() => segments.map(segment => ({
76
+ const segmentItems = useMemo(() => visibleSegments.map(segment => ({
76
77
  value: segment.id,
77
78
  label: segment.label,
78
79
  icon: segment.icon,
79
- })), [segments]);
80
+ })), [visibleSegments]);
80
81
  const hasCards = visibleGroups.length > 0;
81
82
  const cards = (() => {
82
83
  if (loading) {
package/dist/esm/components/MainMenu/helperComponents/Content/helperComponents/ContentToolbar/styles.module.css CHANGED
@@ -3,7 +3,6 @@
3
3
  gap:var(--sn-primitive-dimension-8, 8px);
4
4
  align-items:center;
5
5
  justify-content:space-between;
6
- width:100%;
7
6
  min-width:0;
8
7
  min-height:var(--sn-primitive-dimension-32, 32px);
9
8
  }
package/dist/esm/components/MainMenu/helperComponents/Content/helperComponents/SortableGroup/styles.module.css CHANGED
@@ -50,7 +50,6 @@
50
50
  overflow-x:clip;
51
51
  display:flex;
52
52
  flex-direction:column;
53
- width:100%;
54
53
  min-width:0;
55
54
  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-12, 12px);
56
55
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
package/dist/esm/components/MainMenu/helperComponents/MenuDesktop/styles.module.css CHANGED
@@ -63,7 +63,6 @@
63
63
  display:flex;
64
64
  flex-direction:column;
65
65
  gap:var(--sn-primitive-dimension-4, 4px);
66
- width:100%;
67
66
  min-width:0;
68
67
  padding:var(--sn-primitive-dimension-16, 16px);
69
68
  }
package/dist/esm/style.css CHANGED
@@ -157,7 +157,6 @@
157
157
  gap:var(--sn-primitive-dimension-8, 8px);
158
158
  align-items:center;
159
159
  justify-content:space-between;
160
- width:100%;
161
160
  min-width:0;
162
161
  min-height:var(--sn-primitive-dimension-32, 32px);
163
162
  }
@@ -298,7 +297,6 @@
298
297
  overflow-x:clip;
299
298
  display:flex;
300
299
  flex-direction:column;
301
- width:100%;
302
300
  min-width:0;
303
301
  padding:var(--sn-primitive-dimension-4, 4px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-8, 8px) var(--sn-primitive-dimension-12, 12px);
304
302
  border-radius:var(--sn-density-radius-2xs, var(--sn-primitive-dimension-4, 4px));
@@ -668,7 +666,6 @@
668
666
  display:flex;
669
667
  flex-direction:column;
670
668
  gap:var(--sn-primitive-dimension-4, 4px);
671
- width:100%;
672
669
  min-width:0;
673
670
  padding:var(--sn-primitive-dimension-16, 16px);
674
671
  }