Skip to content

feat: unstable_ExpressiveSpinner#8613

Open
SevereCloud wants to merge 1 commit intomasterfrom
SevereCloud/feat/unstable_ExpressiveSpinner
Open

feat: unstable_ExpressiveSpinner#8613
SevereCloud wants to merge 1 commit intomasterfrom
SevereCloud/feat/unstable_ExpressiveSpinner

Conversation

@SevereCloud
Copy link
Copy Markdown
Contributor

@SevereCloud SevereCloud commented May 26, 2025

  • Unit-тесты
  • e2e-тесты
  • Дизайн-ревью
  • Документация фичи
  • Release notes

Описание

Добавляем библиотеку интерполяции между svg-шками и спиннер из m3

2026-03-03.12.44.29.mov

Release notes

Новые компоненты

ExpressiveSpinner.mov

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 26, 2025

size-limit report 📦

Path Size
JS 420.53 KB (+2.9% 🔺)
JS (gzip) 129.75 KB (+3.65% 🔺)
JS (brotli) 107.18 KB (+3.45% 🔺)
JS import Div (tree shaking) 811 B (0%)
CSS 374.91 KB (+0.06% 🔺)
CSS (gzip) 46.23 KB (+0.1% 🔺)
CSS (brotli) 36.57 KB (+0.01% 🔺)

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 26, 2025

e2e tests

Playwright Report

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 26, 2025

👀 Docs deployed

📦 Package ✅

yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/8613/2a772972f05c678f7e2f3860e6479c818c4b3e1c/pkg/@vkontakte/vkui/_pkg.tgz

Commit 2a77297

@codecov
Copy link
Copy Markdown

codecov Bot commented May 26, 2025

Codecov Report

❌ Patch coverage is 90.56604% with 25 lines in your changes missing coverage. Please review.
✅ Project coverage is 95.29%. Comparing base (51dd683) to head (2a77297).
⚠️ Report is 1 commits behind head on master.

Files with missing lines Patch % Lines
...src/components/Spinner/ExpressiveSpinner/icons.tsx 54.05% 17 Missing ⚠️
packages/vkui/src/hooks/useAnimationFrame.tsx 52.94% 8 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##           master    #8613      +/-   ##
==========================================
- Coverage   95.31%   95.29%   -0.03%     
==========================================
  Files         441      454      +13     
  Lines       12097    12316     +219     
  Branches     4405     4430      +25     
==========================================
+ Hits        11530    11736     +206     
- Misses        567      580      +13     
Flag Coverage Δ
unittests 95.29% <90.56%> (-0.03%) ⬇️

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.

@SevereCloud SevereCloud force-pushed the SevereCloud/feat/unstable_ExpressiveSpinner branch 2 times, most recently from 32ea240 to 7e740ae Compare June 2, 2025 06:28
@vkcom-publisher vkcom-publisher added pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности and removed pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности labels Jun 9, 2025
@vkcom-publisher vkcom-publisher added the pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности label Jun 17, 2025
@vkcom-publisher
Copy link
Copy Markdown
Contributor

PR закрыт из-за отсутствия активности в течение последних 14 дней. Если это произошло по ошибке или изменения все ещё актуальны, откройте PR повторно.

@SevereCloud SevereCloud reopened this Dec 9, 2025
@SevereCloud SevereCloud added the no-stale Добавляет PR в исключения для автоматического закрытия label Dec 9, 2025
@SevereCloud SevereCloud added this to the v8.1.0 milestone Dec 9, 2025
@SevereCloud SevereCloud removed the pr-needs-work Автоматизация: PR автоматически закроется через 14 дней при отсутствии активности label Dec 9, 2025
@inomdzhon inomdzhon added this to VKUI Jan 14, 2026
@inomdzhon inomdzhon moved this to ✅ Done in VKUI Jan 14, 2026
@inomdzhon inomdzhon moved this from ✅ Done to 🔧 In progress in VKUI Jan 15, 2026
@SevereCloud SevereCloud force-pushed the SevereCloud/feat/unstable_ExpressiveSpinner branch from 7e740ae to 8480b10 Compare March 3, 2026 08:48
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Mar 3, 2026

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

Commit 2a77297

@SevereCloud SevereCloud force-pushed the SevereCloud/feat/unstable_ExpressiveSpinner branch from 8480b10 to 118736d Compare March 3, 2026 09:38
@SevereCloud SevereCloud moved this from 🔧 In progress to 👀 In Review in VKUI Mar 3, 2026
@SevereCloud SevereCloud marked this pull request as ready for review March 3, 2026 09:55
@SevereCloud SevereCloud requested a review from a team as a code owner March 3, 2026 09:55
@SevereCloud SevereCloud force-pushed the SevereCloud/feat/unstable_ExpressiveSpinner branch from 118736d to 251f437 Compare March 3, 2026 14:07
@inomdzhon inomdzhon modified the milestones: v8.1.0, v8.2.0 Apr 15, 2026
@inomdzhon
Copy link
Copy Markdown
Contributor

нужен ребейз

@SevereCloud SevereCloud force-pushed the SevereCloud/feat/unstable_ExpressiveSpinner branch from 251f437 to 2a77297 Compare April 15, 2026 13:52
import { type MaterialSpinnerProps, Spinner } from './Spinner';

const story: Meta<MaterialSpinnerProps> = {
title: 'Blocks/Spinner/Expressive',
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.

Suggested change
title: 'Blocks/Spinner/Expressive',
title: 'Feedback/Spinner/Expressive',

Comment on lines +20 to +24
const callbackRef = React.useRef(callback);

React.useEffect(() => {
callbackRef.current = callback;
}, [callback]);
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.

Suggested change
const callbackRef = React.useRef(callback);
React.useEffect(() => {
callbackRef.current = callback;
}, [callback]);
const stableCallback = useStableCallback(callback);

Comment on lines +100 to +114
## unstable_ExpressiveSpinner

Нестабильный компонент индикации загрузки в стиле
[M3 Expressive](https://m3.material.io/components/loading-indicator/overview).
Принимает все свойства, которые принимает компонент `Spinner`.
Для платформы `ios` используется обычный `Spinner`.

<Playground>
```jsx
import { unstable_ExpressiveSpinner as ExpressiveSpinner} from "@vkontakte/vkui";

<ExpressiveSpinner size="xl" />
```
</Playground>

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.

Может добавить тут в примере или в отдельный, как полигоны прокидывать , а то может быть непонятно

}

// eslint-disable-next-line @typescript-eslint/naming-convention
export const unstable_ExpressiveSpinner = Spinner;
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.

Вроде обычно приставку unstable_ добавляем при экмпорте из пакета. Еще не совсем понял, почему в папке ExpressiveSpinner файлы с именем Spinner. Не будет ли путаницы при поиске?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cmp:spinner no-stale Добавляет PR в исключения для автоматического закрытия type:feature

Projects

Status: 👀 In Review

Development

Successfully merging this pull request may close these issues.

4 participants