Goal Tracker

OKR: цели и ключевые результаты, статусы, уверенность, чек-ины с историей. Pro · Работа и команды › Продажи и процессы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add goal-tracker

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { GoalTracker } from 'valyro-ui-pro';

Prop	Type	Default
`objectives`	`GoalObjective[]`		Controlled `objectives`; use with `onObjectivesChange`.
`defaultObjectives`	`GoalObjective[]`		Initial `objectives` when uncontrolled.
`onObjectivesChange`	`(objectives: GoalObjective[]) => void`		Called with the new `objectives` when it changes.
`period`	`{ start: Date; end: Date; label?: ReactNode }`		Goal period; with it, status compares progress with the time elapsed.
`now`	`Date`		Current time for the elapsed share. Default `new Date()`.
`onCheckIn`	`(objective: GoalObjective, keyResult: GoalKeyResult, checkIn: KeyResultCheckIn) => unknown`		Called on a saved check-in. May return a promise; the dialog waits and shows a rejection.
`currentUser`	`string`		Name stored as the author of new check-ins.
`defaultCollapsedIds`	`string[]`		Objectives shown collapsed. All are expanded by default.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`headingLevel`	`2 \| 3 \| 4 \| 5 \| 6`	`3`	Level of the objective titles (the check-in dialog keeps its own h3), to fit the page's heading outline. Default 3.
`labels`	`Partial<GoalTrackerLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

CRM Pipeline — Воронка сделок: этапы, суммы и вероятности, перетаскивание между этапами
Approval Flow — Многоэтапное согласование: последовательные и параллельные этапы, решения с причиной, история
Onboarding Checklist — Чек-лист онбординга: прогресс, подсказки с CTA, скрытие и празднование
Course Path Navigator — Карта курса: модули, блокировки, прогресс и навыки, список на узком экране
Calendar View — Календарь событий
Scheduler — Планировщик: день, неделя, месяц и таймлайн ресурсов, drag & drop, повторы
Kanban Board — Доска задач
Gantt Chart — Диаграммы Ганта с зависимостями и перетаскиванием
Booking Slots — Запись на встречу: календарь, слоты в часовом поясе гостя, форма и подтверждение
Team Members — Участники команды: роли, приглашения по email, ожидающие инвайты, счётчик мест
Org Chart — Оргструктура: дерево с зумом и панорамой, поиск, сворачивание веток
Activity Feed — Лента активности