Approval Flow

Многоэтапное согласование: последовательные и параллельные этапы, решения с причиной, история. Pro · Работа и команды › Продажи и процессы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add approval-flow

npm install valyro-ui-pro

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

Пропсы

Prop	Type	Default
`stages`	`ApprovalStage[]`		Controlled `stages`; use with `onStagesChange`.
`defaultStages`	`ApprovalStage[]`		Initial `stages` when uncontrolled.
`onStagesChange`	`(stages: ApprovalStage[]) => void`		Called with the new `stages` when it changes.
`history`	`ApprovalHistoryEntry[]`		Controlled `history`; use with `onHistoryChange`.
`defaultHistory`	`ApprovalHistoryEntry[]`		Initial `history` when uncontrolled.
`onHistoryChange`	`(history: ApprovalHistoryEntry[]) => void`		Called with the new `history` when it changes.
`currentUserId`	`string`		Approver id of the person viewing; shows the decision bar when it is their turn.
`onDecision`	`(decision: ApprovalDecisionInput) => unknown`		Called when the current user decides. May return a promise: the dialog waits and shows a rejection as an error; the stages and history update once it resolves.
`onComment`	`(comment: string) => unknown`		Called with a new comment; it is added to the history as well.
`title`	`ReactNode`		Request title.
`description`	`ReactNode`		Request summary under the title (amount, vendor, links…).
`requester`	`{ name: string; src?: string }`		Who submitted the request: avatar and "Requested by" line in the header. Also the author of comments posted when the current user isn't one of the approvers.
`hideHistory`	`boolean`	`false`	Hide the activity column.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`labels`	`Partial<ApprovalFlowLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Approval Flow

Установка

Пропсы

Похожие компоненты