[PR #718] [MERGED] feat: add stepper component #1136

New issue

Closed

opened 2026-02-26 19:32:00 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 19:32:00 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/documenso/documenso/pull/718
Author: @mikezzb
Created: 12/3/2023
Status: ✅ Merged
Merged: 12/7/2023
Merged by: @Mythie

Base: main ← Head: main

📝 Commits (10+)

c46a69f feat: stepper component
a98b429 feat: stepper refactor example
eccf63d chore: refactor
40a4ec4 refactor: useContext & remove enum
43b1a14 chore: let code breath
340c929 refactor: edit doc
859b789 feat: isCompleting
e81183f Merge branch 'main' into main
3ff7b18 fix(ui): tidy stepper code
1a34f9f fix: import updates and api route body sizes

📊 Changes

29 files changed (+537 additions, -309 deletions)

View changed files

📝 apps/marketing/src/app/(marketing)/layout.tsx (+2 -2)
📝 apps/marketing/src/app/(marketing)/singleplayer/client.tsx (+16 -19)
📝 apps/marketing/src/pages/api/trpc/[trpc].ts (+5 -0)
📝 apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx (+13 -31)
📝 apps/web/src/pages/api/trpc/[trpc].ts (+5 -0)
➕ packages/app-tests/e2e/pr-718-add-stepper-component.spec.ts (+75 -0)
➕ packages/prisma/seed/pr-718-add-stepper-component.ts (+28 -0)
📝 packages/ui/components/document/document-download-button.tsx (+3 -2)
📝 packages/ui/components/document/document-share-button.tsx (+5 -4)
📝 packages/ui/components/field/field-tooltip.tsx (+6 -5)
📝 packages/ui/components/field/field.tsx (+4 -3)
📝 packages/ui/components/signing-card.tsx (+6 -4)
📝 packages/ui/primitives/combobox.tsx (+5 -10)
📝 packages/ui/primitives/document-dropzone.tsx (+5 -3)
📝 packages/ui/primitives/document-flow/add-fields.tsx (+22 -21)
📝 packages/ui/primitives/document-flow/add-signature.tsx (+140 -128)
📝 packages/ui/primitives/document-flow/add-signers.tsx (+23 -15)
📝 packages/ui/primitives/document-flow/add-subject.tsx (+20 -14)
📝 packages/ui/primitives/document-flow/add-title.tsx (+15 -8)
📝 packages/ui/primitives/document-flow/document-flow-root.tsx (+4 -3)

...and 9 more files

📄 Description

Fixes #708

Created a stepper component that will enhance the user experience and reduce the complexity of current multistep forms.

Features

Support controlled (parent component controls the steps) & uncontrolled mode (children controls the step)
Support parent monitoring for uncontrolled mode using onComplete or onStepChanged
Added generic type WithStep<T> as an interface for stepper children

Example:

Refactored EditDocumentForm using the new stepper

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/documenso/documenso/pull/718 **Author:** [@mikezzb](https://github.com/mikezzb) **Created:** 12/3/2023 **Status:** ✅ Merged **Merged:** 12/7/2023 **Merged by:** [@Mythie](https://github.com/Mythie) **Base:** `main` ← **Head:** `main` --- ### 📝 Commits (10+) - [`c46a69f`](https://github.com/documenso/documenso/commit/c46a69f865c8e69a9bf3376574dd5ac2171e64bc) feat: stepper component - [`a98b429`](https://github.com/documenso/documenso/commit/a98b429052f08accfaaebf249263f14c1160ced9) feat: stepper refactor example - [`eccf63d`](https://github.com/documenso/documenso/commit/eccf63dcfdf22a0b3cd8941ca94207f1223cb0c5) chore: refactor - [`40a4ec4`](https://github.com/documenso/documenso/commit/40a4ec4436224b2616a3e2c339bddff90f5675cb) refactor: useContext & remove enum - [`43b1a14`](https://github.com/documenso/documenso/commit/43b1a14415850fbe8b3758b86b2edf55506cd6b4) chore: let code breath - [`340c929`](https://github.com/documenso/documenso/commit/340c9298064bb1f667376ea0ea01142d1c4d52dc) refactor: edit doc - [`859b789`](https://github.com/documenso/documenso/commit/859b789018a4a7ff654e6e7f7ac0f2cd9a00c306) feat: isCompleting - [`e81183f`](https://github.com/documenso/documenso/commit/e81183f324499506073149d82b7305363c3c037c) Merge branch 'main' into main - [`3ff7b18`](https://github.com/documenso/documenso/commit/3ff7b188d7dc49abce7a5ae31c8f9948dbc13e0a) fix(ui): tidy stepper code - [`1a34f9f`](https://github.com/documenso/documenso/commit/1a34f9fa7a728e71e3fa685550568ab1efca88f7) fix: import updates and api route body sizes ### 📊 Changes **29 files changed** (+537 additions, -309 deletions) <details> <summary>View changed files</summary> 📝 `apps/marketing/src/app/(marketing)/layout.tsx` (+2 -2) 📝 `apps/marketing/src/app/(marketing)/singleplayer/client.tsx` (+16 -19) 📝 `apps/marketing/src/pages/api/trpc/[trpc].ts` (+5 -0) 📝 `apps/web/src/app/(dashboard)/documents/[id]/edit-document.tsx` (+13 -31) 📝 `apps/web/src/pages/api/trpc/[trpc].ts` (+5 -0) ➕ `packages/app-tests/e2e/pr-718-add-stepper-component.spec.ts` (+75 -0) ➕ `packages/prisma/seed/pr-718-add-stepper-component.ts` (+28 -0) 📝 `packages/ui/components/document/document-download-button.tsx` (+3 -2) 📝 `packages/ui/components/document/document-share-button.tsx` (+5 -4) 📝 `packages/ui/components/field/field-tooltip.tsx` (+6 -5) 📝 `packages/ui/components/field/field.tsx` (+4 -3) 📝 `packages/ui/components/signing-card.tsx` (+6 -4) 📝 `packages/ui/primitives/combobox.tsx` (+5 -10) 📝 `packages/ui/primitives/document-dropzone.tsx` (+5 -3) 📝 `packages/ui/primitives/document-flow/add-fields.tsx` (+22 -21) 📝 `packages/ui/primitives/document-flow/add-signature.tsx` (+140 -128) 📝 `packages/ui/primitives/document-flow/add-signers.tsx` (+23 -15) 📝 `packages/ui/primitives/document-flow/add-subject.tsx` (+20 -14) 📝 `packages/ui/primitives/document-flow/add-title.tsx` (+15 -8) 📝 `packages/ui/primitives/document-flow/document-flow-root.tsx` (+4 -3) _...and 9 more files_ </details> ### 📄 Description Fixes #708 Created a stepper component that will enhance the user experience and reduce the complexity of current multistep forms. ### Features - Support controlled (parent component controls the steps) & uncontrolled mode (children controls the step) - Support parent monitoring for uncontrolled mode using `onComplete` or `onStepChanged` - Added generic type `WithStep<T>` as an interface for stepper children ### Example: - Refactored `EditDocumentForm` using the new stepper --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

kerem

2026-02-26 19:32:00 +03:00

closed this issue
added the
pull-request
label

No milestone

No project

No assignees

1 participant

Notifications

Due date

The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference

starred/documenso#1136

No description provided.

Rows
Columns