Permit record
A React block (a whole screen) in Beamline's Government & legal app.
A submitted permit seen by the applicant. The overview leads with what's waiting on them: the corrections to answer before the next version goes in, each with its sheet and the reviewer's words, an inspection it's ready for (with what the inspector checks), a fee due; or that nothing is. Beside it: where it stands and who has it, the related records and the record's history, newest first. Plans by version with each correction asked, answered or resolved, the next version sent only once every open correction has an answer and the revised sheets are attached. Inspections in the order they happen, each with what it checks, who passed it and when; one asked for is said as requested, not booked, until the office confirms it; ones that must wait for another to pass say so; before the permit is issued none can be asked for. On a phone where it stands is one line with the steps as segments.
Use it for
- An applicant's view of a permit or licence moving through review and inspections.
- Any case record where corrections go back and forth by version and visits are requested, not booked.
Not for
- Filling in the application (permit-application).
- Every project and task at once (applicant-projects).
Anatomy
- bar: permit and reference; Overview, Plans, Inspections
- overview: steps and who has it; waiting on you; related records
- plans: versions newest first with status, date and files; corrections with sheet, comment, answer and state; answers, revised sheets and Send for the latest
- inspections: each with its state; Request with day, window and note; requested, booked or after another
States
- correction open
- answered
- resolved
- inspection requested (not booked)
- confirmed
- passed
- failed
- waiting for another inspection
Keyboard
- Tab through the tabs, waiting items, answers and requests
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title (required) | string | — | The permit, its reference and address. |
reference (required) | string | — | |
steps (required) | RecordStep[] | — | |
current (required) | number | — | Index of the step it's at. |
holder (required) | { who: string; since: number; } | — | Who has it now, and since when. |
links (required) | RecordLink[] | — | |
defaultVersions (required) | PlanVersion[] | — | |
defaultInspections (required) | PermitInspection[] | — | |
history | RecordEvent[] | — | What happened on the record, shown newest first beside the related records. |
issued | boolean | true | Whether the permit is issued: inspections can be asked for only then. Default true. |
defaultTab | "inspections" | "overview" | "plans" | — | |
onSendVersion | ((o: { version: number; files: string[]; answers: Record<string, string>; }) => void) | — | |
onRequestInspection | ((o: { id: string; date: number; window: "afternoon" | "morning"; note: string; }) => v… | — | |
className | string | — | Classes on the documented visual root; no override by default. |
style | CSSProperties | — | Inline styles on the documented visual root; no overrides by default. |
ref | Ref<HTMLDivElement> | — | Receives the documented native target or imperative handle; omitted by default. |
Built from
- tabs
- stepper
- button
- badge
- textarea
- file-dropzone
- date-picker
- select
Dependencies
lucide-react
Import
import { PermitRecord } from "@beamline/permit-record";Get it
Permit record is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent
More in Government & legal
- Permit application: A permit application filled in over several sittings on a city's portal. Steps with how many answers each still misses; the draft saved as you go and…
- Permit services: Where a permit starts on a city's permitting portal. The work's address resolved to the city (its permits are here) or the county around it (that office…
- Permit fees: An applicant's permit fees on a city's portal. What's owed across how many permits and how much of it is overdue; every unpaid invoice with its permit…
- Parcel record: A property's parcel on a permitting portal. The lot drawn to scale as a site plan: the street, the property lines with their lengths, the dashed setback…
- Document review: A PDF going through review: the document in the viewer with every comment pinned to its place, the reviewers' threads beside it (open or resolved, one…
- Signing request: A document sent for signature, its signature page drawn in miniature with each side's block in order. Sides sign as numbered stages that move earlier or…
- Playbook check: A document's changes checked against a versioned playbook (a rulebook of what's acceptable). Each change shows what it was and is now, then two records…
- Audit room: A compliance audit seen by the company preparing it or by the auditor reviewing it. Evidence keeps the company's readiness (not ready, flagged, ready for…
- Agency book: An insurance agency's book in two places. Estimated commission: the report named an estimate (not received or earned), as of a time; each source system…
- Applicant company: A contractor's company on a permitting portal. Its identity with the licence and insurance it applies under, each said valid, expiring within 60 days…
- Applicant projects: An applicant's permits on a city's portal in one place. Projects through saved views (theirs, their company's, expiring within 30 days) and a search…
- Lease renewals: Leases coming up for renewal. The window leads: every tracked lease placed on the days ahead at its end date, coloured by whose step it is (yours, the…
- Queue display: The screen in a waiting room, read from across the room. It draws only a public projection of the queue (ticket codes and counters, never a name or a…
- Visitor journey: A visitor's way into a walk-in queue, on their phone. Branches first: each card names its address, whether it's open (until when, closing soon, full, or…