Skip to content

feat(PanelHeader,PanelHeaderContext): remove FixedLayout using#9765

Open
EldarMuhamethanov wants to merge 3 commits into
masterfrom
e.muhamethanov/9357/remove-fixed-layout-using
Open

feat(PanelHeader,PanelHeaderContext): remove FixedLayout using#9765
EldarMuhamethanov wants to merge 3 commits into
masterfrom
e.muhamethanov/9357/remove-fixed-layout-using

Conversation

@EldarMuhamethanov
Copy link
Copy Markdown
Contributor


  • Unit-тесты
  • e2e-тесты
  • Release notes

Описание

Избавился от FixedLayout в PanelHeader и PanelHeaderContext. В PanelHeaderContext использовал Popover

Также в Box доработал свойство Component, чтобы можно было прокидывать несколько декораторов

Release notes

Улучшения

  • PanelHeader: избавился от использования FixedLayout в реализации компонента
  • PanelHeaderContext: избавился от использования FixedLayout в реализации компонента

@EldarMuhamethanov EldarMuhamethanov requested a review from a team as a code owner April 27, 2026 14:54
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 27, 2026

size-limit report 📦

Path Size
JS 413.79 KB (+0.26% 🔺)
JS (gzip) 126.69 KB (+0.3% 🔺)
JS (brotli) 104.57 KB (+0.09% 🔺)
JS import Div (tree shaking) 811 B (0%)
CSS 383.13 KB (+0.04% 🔺)
CSS (gzip) 46.92 KB (-0.01% 🔽)
CSS (brotli) 37.02 KB (-0.01% 🔽)

@github-actions
Copy link
Copy Markdown
Contributor

e2e tests

Playwright Report

@github-actions
Copy link
Copy Markdown
Contributor

📊 Найдены изменения в собранных файлах: Отчет

Commit 84be8fb

@github-actions
Copy link
Copy Markdown
Contributor

👀 Docs deployed

📦 Package ✅

yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/9765/84be8fbf094b36dab013c6c3418d16ff10e1e3e9/pkg/@vkontakte/vkui/_pkg.tgz

Commit 84be8fb

@codecov
Copy link
Copy Markdown

codecov Bot commented Apr 27, 2026

Codecov Report

❌ Patch coverage is 84.90566% with 8 lines in your changes missing coverage. Please review.
✅ Project coverage is 95.22%. Comparing base (b464b36) to head (84be8fb).
⚠️ Report is 54 commits behind head on master.

Files with missing lines Patch % Lines
...mponents/PanelHeaderContext/PanelHeaderContext.tsx 75.00% 4 Missing ⚠️
...rc/components/FixedLayout/SplitColWidthWrapper.tsx 84.21% 3 Missing ⚠️
packages/vkui/src/components/Box/Box.tsx 91.66% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #9765      +/-   ##
==========================================
- Coverage   95.30%   95.22%   -0.08%     
==========================================
  Files         441      443       +2     
  Lines       12146    12237      +91     
  Branches     4416     4438      +22     
==========================================
+ Hits        11576    11653      +77     
- Misses        570      584      +14     
Flag Coverage Δ
unittests 95.22% <84.90%> (-0.08%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Контекст теперь не влезает по ширине

2026-04-29.11.28.19.mov


export interface BoxProps extends Omit<RootComponentProps<HTMLElement>, 'Component'>, LayoutProps {
/**
*
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Пустой комментарий

/>
<div
data-testid={process.env.NODE_ENV === 'test' ? 'content' : undefined}
<Popover
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: Насколько мы можем отказаться от Popover-а?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

вообще можно оставить старую реализации всплывашки, но в issue привязанном написано переписать на Popover

@vkcom-publisher vkcom-publisher added pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности and removed pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности labels May 7, 2026
@vkcom-publisher vkcom-publisher added the pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности label May 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature][PanelHeaderContext]: избавиться от использования FixedLayout

3 participants