Skip to main content

React Components Reference

Component prop reference generated from source via react-docgen.

src/components/Header/Header.jsx

NameRequiredDefaultType
isDarkModeNofalse
onToggleDarkModeNo() => {}
onImportClickNonull
onShowExamplesNonull

src/components/MTA/TrainLineCluster.jsx

TrainLineCluster

Cluster of MTA train line icons Shows multiple train lines together with smart overflow handling

@param {string[]} lines - Array of train line identifiers @param {string} size - Size variant: 'small', 'medium', 'large' @param {number} maxVisible - Maximum number of icons to show before overflow @param {string} className - Additional CSS classes

NameRequiredDefaultType
linesNo[]
sizeNo'medium'
maxVisibleNo4
classNameNo''

src/components/MTA/TrainLineIcon.jsx

TrainLineIcon

Individual MTA train line icon component Based on NYC Core Framework subway icon styles https://www.nyc.gov/assets/oti/html/nyc-core-framework/subway-icons.html

@param {string} line - Train line identifier (e.g., '1', 'A', 'Q') @param {string} size - Size variant: 'small' (16px), 'medium' (20px), 'large' (24px) @param {string} className - Additional CSS classes

NameRequiredDefaultType
sizeNo'medium'
classNameNo''

src/components/Map/ActiveToolIndicator.jsx

ActiveToolIndicator

No props

src/components/Map/ClickPopover.jsx

ClickPopover

NameRequiredDefaultType
dimensionUnitsNo'ft'

src/components/Map/CustomShapeLabels.jsx

CustomShapeLabels

NameRequiredDefaultType
showLabelsNotrue

src/components/Map/DroppedObjectNoteEditor.jsx

DroppedObjectNoteEditor

No props

src/components/Map/DroppedObjects.jsx

DroppedObjects

NameRequiredDefaultType
objectsNo[]
placeableObjectsNo[]

src/components/Map/EdgeMarkers.jsx

EdgeMarkers

NameRequiredDefaultType
categoriesNo['busStops', 'parkingMeters', 'subwayEntrances']

src/components/Map/LoadingOverlay.jsx

LoadingOverlay

NameRequiredDefaultType
showDebugInfoNofalse

src/components/Map/MapContainer.jsx

MapContainer

NameRequiredDefaultType
isSitePlanModeNofalse
isRightSidebarOpenNofalse

src/components/Map/MapTooltip.jsx

MapTooltip

No props

src/components/Map/NudgeMarkers.jsx

NudgeMarkers

NameRequiredDefaultType
nudgesNo[]
objectUpdateTriggerNo0
highlightedIdsNonew Set()

src/components/Map/OverlapSelector.jsx

OverlapSelector

NameRequiredDefaultType
overlappingAreasNo[]
selectedIndexNo0
clickPositionNo{ x: 0, y: 0 }

src/components/Map/PlacementPreview.jsx

PlacementPreview

No props

src/components/Map/RectangleDimensionsEditor.jsx

RectangleDimensionsEditor

No props

src/components/Map/ViewportInset.jsx

ViewportInset

NameRequiredDefaultType
isSitePlanModeNofalse
isRightSidebarOpenNofalse

src/components/MobileLanding.jsx

MobileLanding

No props

src/components/Modals/ConfirmModal.jsx

ConfirmModal

NameRequiredDefaultType
confirmTextNo'Confirm'
cancelTextNo'Cancel'

src/components/Modals/EventInfoModal.jsx

EventInfoModal

No props

src/components/Modals/ExamplesModal.jsx

ExamplesModal

No props

src/components/Modals/ExportOptionsModal.jsx

ExportOptionsModal

No props

src/components/Modals/FocusInfoPanel.jsx

FocusInfoPanel

NameRequiredDefaultType
hasSubFocusNofalse
onBeginSubFocusNonull
onClearSubFocusNonull

src/components/Modals/GeoclientSettingsModal.jsx

GeoclientSettingsModal

No props

src/components/Modals/GeographySelector.jsx

GeographySelector

No props

src/components/Modals/ImportProgressModal.jsx

ImportProgressModal

NameRequiredDefaultType
stepsNo[complex value]

src/components/Modals/InfoPanel.jsx

InfoPanel

NameRequiredDefaultType
showInfoNotrue

src/components/Modals/InfraProgressModal.jsx

InfraProgressModal

NameRequiredDefaultType
totalNo0
completedNo0

src/components/Nudges/NudgeCenter.jsx

NudgeCenter

NameRequiredDefaultType
nudgesNo[]

src/components/Nudges/ZoomBoundaryNudge.jsx

ZoomBoundaryNudge

No props

src/components/Sidebar/BasemapToggle.jsx

BasemapToggle

No props

src/components/Sidebar/CustomShapesList.jsx

CustomShapesList

NameRequiredDefaultType
showLabelsNotrue

src/components/Sidebar/DrawingTools.jsx

DrawingTools

NameRequiredDefaultType
drawAvailableNotrue

src/components/Sidebar/DroppedObjectsList.jsx

DroppedObjectsList

NameRequiredDefaultType
objectsNo[]
placeableObjectsNo[]

src/components/Sidebar/GeographyCompactSelector.jsx

GeographyCompactSelector

No props

src/components/Sidebar/LayersPanel.jsx

LayersPanel

NameRequiredDefaultType
isSitePlanModeNofalse
hasSubFocusNofalse
onBeginSubFocusNonull
onClearSubFocusNonull
onToggleSubwayLinesNonull

src/components/Sidebar/PermitAreaSearch.jsx

PermitAreaSearch

NameRequiredDefaultType
titleNo'Search Zones'
placeholderNo'Search zones...'
onChangeModeNonull
permitAreasLayerNonull
onToggleLayerNonull
geographyTypeNo'parks'
geoclientResultsNo[]
geoclientLoadingNofalse
geoclientStatusNonull
geoclientErrorNonull
geoclientCooldownMsNo0
onSelectGeoclientResultNonull

src/components/Sidebar/PlaceableObjectsPanel.jsx

PlaceableObjectsPanel

No props

src/components/Sidebar/RightSidebar.jsx

NameRequiredDefaultType
modeNo'expanded'
isOpenNotrue
onCloseNo() => {}
onToggleNo() => {}

src/components/Sidebar/ShapeProperties.jsx

ShapeProperties

No props

src/components/Sidebar/Sidebar.jsx

NameRequiredDefaultType
isSitePlanModeNofalse
onCollapseNo() => {}

src/components/Sidebar/ZoneCreatorPanel.jsx

ZoneCreatorPanel

No props

src/components/SpaceStager.jsx

SpaceStager

No props

src/components/Tutorial/SapoWalkthroughModal.jsx

SapoWalkthroughModal

No props

src/components/Tutorial/TutorialTooltip.jsx

TutorialTooltip

No props

src/components/Tutorial/WelcomeOverlay.jsx

WelcomeOverlay

No props