\n {CandidateRow.Header}
\n
\n );\n};\n\nexport default EmptyTable;\n","import cx from 'classnames';\nimport { Component, h } from 'preact';\nimport { PreactHTMLConverter } from 'preact-html-converter';\n\n// components\nimport EmptyTable from './EmptyTable';\n\n// internal\nimport { get_directory_slug } from '../election-utils';\n\nconst converter = PreactHTMLConverter();\n\ntype Props = {\n contest: { [key: string]: any };\n notes: { [key: string]: any };\n columnCount: number;\n contestTitle: string;\n renderParty: any;\n renderCandidate: any;\n children?: any;\n};\n\nclass Contest extends Component\n \n
\n {party}
\n \n\n No primary candidates running\n
\n \n {!isShowcaseRace && contest && (\n \n {isSpecialElection && (\n
\n )}\n\n
\n );\n }\n}\n\nContest.defaultProps = {\n isShowcaseRace: false,\n includeCountyRundown: false,\n};\n\nexport default Contest;\n","import cx from 'classnames';\nimport { Component, h } from 'preact';\n\ntype Props = {\n children?: any;\n};\n\ntype State = {\n isExpanded: boolean;\n};\n\nclass DistrictInfo extends Component\n {isSpecialElection && (\n Special Election\n )}\n {contestTitle}\n {directory_slug[0] != null && (\n \n \n \n \n \n )}\n {redistrictingNote && contest && (\n \n Newly drawn{' '}\n \n in 2025\n \n \n )}\n
\n )}\n\n \n Newly drawn{' '}\n \n in 2025\n \n
\n )}\n \n {onePrimary && onePrimaryParty == 'Republican' && (\n
\n {IsNoted == true && (\n \n {converter.convert(notes[0].value)}\n
\n )}\n {children}\n\n \n \n
\n );\n }\n}\n\nexport default DistrictInfo;\n","import cx from 'classnames';\nimport { Component, h } from 'preact';\n\nimport { PreactHTMLConverter } from 'preact-html-converter';\n\n// internal\nimport { sort_candidates_alphabetically } from '../election-utils';\n\ninterface Props {\n partyName: string;\n tableHeader: JSX.Element;\n notes: { [key: string]: any };\n columnCount: number;\n partyBallot: { [key: string]: any };\n renderCandidate: any;\n contestTitle: string;\n}\n\nclass SeatPartyDivider extends Component {\n constructor() {\n super();\n\n this.state = {\n viewAllCandidates: false,\n };\n }\n\n render() {\n const {\n partyName,\n annotations,\n notes,\n partyBallot,\n tableHeader,\n columnCount,\n renderCandidate,\n contestTitle,\n } = this.props;\n\n const { viewAllCandidates } = this.state;\n\n const converter = PreactHTMLConverter();\n\n const candidates = sort_candidates_alphabetically(partyBallot.candidacies);\n\n const rowClass = cx('seat__race', {\n 'seat__race--Democrat': partyName == 'Democrat',\n 'seat__race--Republican': partyName == 'Republican',\n });\n\n const IsNoted = notes && notes.length > 0 ? true : false;\n\n return (\n About this district
\n{children}
}\n \n {partyName && (\n \n {tableHeader}\n \n {candidates.map((candidate: any, idx: any) =>\n renderCandidate(candidate, idx)\n )}\n \n
\n\n {IsNoted == true && (\n
\n );\n }\n}\n\nSeatPartyDivider.defaultProps = {\n isShowcaseRace: false,\n isHomepage: false,\n};\n\nexport default SeatPartyDivider;\n","import { Component, h, render } from 'preact';\n\nclass Portal extends Component {\n componentDidMount() {\n this.renderPortal();\n }\n\n componentWillUnmount() {\n if (this.defaultNode) {\n document.body.removeChild(this.defaultNode);\n } else {\n // Unmount the children rendered in custom node\n render(null, this.props.node, this.portal);\n }\n\n this.defaultNode = null;\n this.portal = null;\n }\n\n componentDidUpdate() {\n this.renderPortal();\n }\n\n renderPortal() {\n if (!this.props.node && !this.defaultNode) {\n this.defaultNode = document.createElement('div');\n document.body.appendChild(this.defaultNode);\n }\n\n const children = this.props.children;\n\n this.portal = render(\n (children && children[0]) || null,\n this.props.node || this.defaultNode,\n this.portal\n );\n }\n\n render() {\n return null;\n }\n}\n\nexport default Portal;\n","export default function debounce(func, wait, immediate) {\n var timeout, args, context, timestamp, result;\n\n var later = function() {\n var last = Date.now() - timestamp;\n\n if (last < wait && last >= 0) {\n timeout = setTimeout(later, wait - last);\n } else {\n timeout = null;\n if (!immediate) {\n result = func.apply(context, args);\n if (!timeout) context = args = null;\n }\n }\n };\n\n return function() {\n context = this;\n args = arguments;\n timestamp = Date.now();\n var callNow = immediate && !timeout;\n if (!timeout) timeout = setTimeout(later, wait);\n if (callNow) {\n result = func.apply(context, args);\n context = args = null;\n }\n\n return result;\n };\n}\n","export default () => {};\n","// packages\nimport { cloneElement, Component, h } from 'preact';\nimport scrollIntoView from 'dom-scroll-into-view';\n\n// internal\nimport debounce from '../utils/debounce';\nimport noop from '../utils/noop';\n\nclass Typeahead extends Component {\n constructor(props) {\n super(props);\n\n this.state = {\n highlightedIndex: null,\n isOpen: false,\n };\n\n this.handleOnBlur = this.handleOnBlur.bind(this);\n this.handleOnClear = this.handleOnClear.bind(this);\n this.handleOnFocus = this.handleOnFocus.bind(this);\n this.handleOnInput = this.handleOnInput.bind(this);\n this.debouncedHandleOnInput = debounce(\n this.handleOnInput,\n this.props.debounceDuration\n );\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.setInputRef = this.setInputRef.bind(this);\n this.setMenuRef = this.setMenuRef.bind(this);\n this.setItemRef = this.setItemRef.bind(this);\n\n this.listRefs = {};\n }\n\n static getDerivedStateFromProps(_, prevState) {\n if (prevState.highlightedIndex == null) {\n return { highlightedIndex: 0 };\n }\n }\n\n componentDidUpdate() {\n const { highlightedIndex } = this.state;\n const count = this.getFilteredItems(this.props).length;\n\n if (Boolean(highlightedIndex) && highlightedIndex >= count) {\n this.setState({ highlightedIndex: 0 });\n }\n\n this.maybeScrollItemIntoView();\n }\n\n setInputRef(element) {\n this.inputRef = element;\n }\n\n setMenuRef(element) {\n this.menuRef = element;\n }\n\n setItemRef(element, idx) {\n this.listRefs[`item-${idx}`] = element;\n }\n\n maybeScrollItemIntoView() {\n const { highlightedIndex, isOpen } = this.state;\n\n if (isOpen && highlightedIndex != null) {\n const itemNode = this.listRefs[`item-${this.state.highlightedIndex}`];\n const menuNode = this.menuRef;\n\n if (itemNode && menuNode) {\n scrollIntoView(itemNode, menuNode, {\n onlyScrollIfNeeded: true,\n });\n }\n }\n }\n\n getFilteredItems(props) {\n let { items } = props;\n\n const { shouldItemRender, sortItems } = props;\n\n if (shouldItemRender) {\n items = items.filter(item => shouldItemRender(item, props.value));\n }\n\n if (sortItems) {\n items = items.sort((a, b) => sortItems(a, b, props.value));\n }\n\n return items;\n }\n\n highlightItemOnMouseEnter(highlightedIndex) {\n this.setState({ highlightedIndex });\n }\n\n selectItemOnClick(item) {\n const { getItemValue, onSelect } = this.props;\n\n const value = getItemValue(item);\n\n this.setState(\n {\n highlightedIndex: null,\n isOpen: false,\n },\n () => {\n this.inputRef.blur();\n onSelect(value, item);\n }\n );\n }\n\n renderList() {\n const { highlightedIndex } = this.state;\n const props = this.props;\n\n if (!props.value) return null;\n\n const items = this.getFilteredItems(props);\n\n return (\n \n \n
\n )}\n\n {partyName}
\n \n{converter.convert(notes[0].value)}
\n )}\n\n
\n );\n }\n}\n\nTypeahead.defaultProps = {\n debounceDuration: 150,\n inputProps: {},\n onChange: noop,\n onClear: noop,\n onSelect: noop,\n renderInput: props => ,\n value: '',\n};\n\nTypeahead.keyEvents = {\n ArrowDown(event) {\n event.preventDefault();\n\n const items = this.getFilteredItems(this.props);\n const itemsCount = items.length;\n if (itemsCount < 1) return;\n\n const { highlightedIndex } = this.state;\n\n const newIndex =\n highlightedIndex < itemsCount - 1\n ? highlightedIndex + 1\n : highlightedIndex;\n\n this.setState({ highlightedIndex: newIndex });\n },\n\n ArrowUp(event) {\n event.preventDefault();\n\n const items = this.getFilteredItems(this.props);\n const itemsCount = items.length;\n if (itemsCount < 1) return;\n\n const { highlightedIndex } = this.state;\n\n const newIndex =\n highlightedIndex > 0 ? highlightedIndex - 1 : highlightedIndex;\n\n this.setState({ highlightedIndex: newIndex });\n },\n\n Enter(event) {\n // not the right kind of Enter, abort\n if (event.keyCode !== 13) return;\n\n const { highlightedIndex, isOpen } = this.state;\n\n if (!isOpen) {\n // the menu is not open\n return;\n } else if (highlightedIndex == null) {\n // input has control, but there's nothing selected\n this.setState({ isOpen: false }, () => this.inputRef.select());\n } else {\n // the input has control and we have an item\n event.preventDefault();\n\n const item = this.getFilteredItems(this.props)[highlightedIndex];\n const value = this.props.getItemValue(item);\n\n this.setState(\n {\n highlightedIndex: null,\n isOpen: false,\n },\n () => {\n this.inputRef.setSelectionRange(value.length, value.length);\n this.props.onSelect(value, item);\n }\n );\n }\n },\n\n Escape() {\n this.setState({\n highlightedIndex: null,\n isOpen: false,\n });\n },\n};\n\nexport default Typeahead;\n","import { h } from 'preact';\nimport getJSON from '../utils/get-json';\nimport PureComponent from './PureComponent';\n\nimport { PreactHTMLConverter } from 'preact-html-converter';\n\nconst converter = PreactHTMLConverter();\n\nclass CountyInfo extends PureComponent {\n constructor() {\n super();\n\n this.state = { data: null, isLoaded: false };\n }\n\n componentDidMount() {\n this.fetchAddress();\n }\n\n componentDidUpdate(prevProps) {\n if (this.props.fips !== prevProps.fips) {\n this.fetchAddress();\n }\n }\n\n fetchAddress() {\n const { county } = this.props;\n const slug = county.toLowerCase().replace(/\\s+/g, '');\n\n getJSON(`${process.env.PUBLIC_PATH}api/counties/${slug}.json`).then(\n data => {\n this.setState({ data, isLoaded: true });\n }\n );\n }\n\n render() {\n const { county } = this.props;\n const { data, isLoaded } = this.state;\n\n if (!isLoaded) return null;\n\n document.getElementsByClassName('intro-prose')[0].style.display = 'none';\n\n return (\n \n {renderInput({\n ...inputProps,\n role: 'combobox',\n 'aria-autocomplete': 'list',\n 'aria-expanded': String(isOpen),\n autocomplete: 'off',\n onBlur: this.handleOnBlur,\n onFocus: this.handleOnFocus,\n onInput: this.handleOnInput,\n onKeyDown: this.handleKeyDown,\n value,\n ref: this.setInputRef,\n })}\n {onClear && value && (\n \n ×\n \n )}\n
\n {isOpen && this.renderList()}\n \n
\n );\n }\n}\n\nexport default CountyInfo;\n","import getJSON from './get-json';\nimport {\n BRANCH_API_BASE,\n BRANCH_ORG_ID,\n BRANCH_ELECTION_KEY,\n} from '../endpoints';\n\nconst COVERED_DISTRICT_TYPES = [\n 'state',\n 'congressional',\n 'state-senate',\n 'state-house',\n 'state-board-of-education',\n];\n\nexport function createBallot(location) {\n return getJSON(`${BRANCH_API_BASE}/ballots`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'X-Organization-Id': BRANCH_ORG_ID,\n },\n body: JSON.stringify({\n location,\n election: BRANCH_ELECTION_KEY,\n }),\n });\n}\n\nconst COUNTY_DISTRICT_TYPES = ['county', 'county-district'];\n\nconst isCountyCourtRace = race => {\n const officeName = race.officeName || '';\n\n return (\n race.district.type === 'county' &&\n /court|judge/i.test(officeName) &&\n !/^county judge$/i.test(officeName.trim())\n );\n};\n\nconst isCountyEducationRace = race =>\n race.district.type === 'county' && /education/i.test(race.officeName || '');\n\nconst isCountyRace = race =>\n COUNTY_DISTRICT_TYPES.includes(race.district.type) &&\n !isCountyCourtRace(race) &&\n !isCountyEducationRace(race);\n\nconst CITY_DISTRICT_TYPES = ['city', 'city-council'];\n\nconst isCityRace = race => CITY_DISTRICT_TYPES.includes(race.district.type);\n\nconst EDUCATION_DISTRICT_TYPES = ['state-school', 'state-school-subdistrict'];\n\nconst isEducationRace = race =>\n EDUCATION_DISTRICT_TYPES.includes(race.district.type) ||\n isCountyEducationRace(race);\n\nconst isJudicialRace = race =>\n isCountyCourtRace(race) ||\n (!COUNTY_DISTRICT_TYPES.includes(race.district.type) &&\n !isCityRace(race) &&\n !isEducationRace(race));\n\nexport const getLocalRaceTitle = race => race.longName || race.officeName;\n\nexport const LOCAL_RACE_GROUPS = [\n { key: 'local-county', label: 'Local: County', matches: isCountyRace },\n { key: 'local-city', label: 'Local: City', matches: isCityRace },\n {\n key: 'local-education',\n label: 'Local: Education',\n matches: isEducationRace,\n },\n { key: 'local-judicial', label: 'Local: Judicial', matches: isJudicialRace },\n];\n\nexport function filterDownBallotRaces(races) {\n if (!races) return [];\n\n const localRaces = races.filter(race => {\n if (!race.district) return false;\n return !COVERED_DISTRICT_TYPES.includes(race.district.type);\n });\n\n return [].concat(\n ...LOCAL_RACE_GROUPS.map(group => localRaces.filter(group.matches))\n );\n}\n\nexport function filterLocalMeasures(measures) {\n if (!measures) return [];\n\n return measures\n .filter(\n measure =>\n measure.title &&\n measure.district &&\n !COVERED_DISTRICT_TYPES.includes(measure.district.type)\n )\n .sort((a, b) =>\n a.title.localeCompare(b.title, 'en', {\n numeric: true,\n sensitivity: 'base',\n })\n );\n}\n","// JSON updated by Republic\nconst FLAT_BALLOT_URL =\n 'https://s3.us-east-1.amazonaws.com/sos-test-2.texastribune.org/2026_general/ballot_page/results_FLAT_for_ballot_test.json';\n\n// Branch API (VoterGuideOS) local races and elections\nconst BRANCH_API_BASE = 'https://www.branch.vote/api/v1';\nconst BRANCH_ORG_ID = '6a91a5e29f7c4de2d9e86f8a';\nconst BRANCH_ELECTION_KEY = '2026-texas-general-election';\n\nexport { FLAT_BALLOT_URL, BRANCH_API_BASE, BRANCH_ORG_ID, BRANCH_ELECTION_KEY };\n","import { h } from 'preact';\nimport PureComponent from './PureComponent';\nimport PartyPill from './PartyPill';\nimport { getLocalRaceTitle } from '../utils/branch-ballot';\n\nconst PARTY_NAMES = {\n D: 'Democrat',\n R: 'Republican',\n L: 'Libertarian',\n G: 'Green',\n I: 'Independent',\n N: 'Nonpartisan',\n};\n\nconst partyName = party => PARTY_NAMES[party] || party;\n\n// How many local races and measures show before the \"See more\" button is clicked.\nconst INITIAL_VISIBLE_RACES = 4;\n\nclass LocalCandidate extends PureComponent {\n render() {\n const { candidate } = this.props;\n\n return (\n \n Because you shared your location with us, we were able to determine\n you are in {county} County. Your\n general election contact is{' '}\n \n {data.admin_title} {converter.convert(data.name)}\n \n . To learn more about your local and county races and see a sample\n ballot,{' '}\n \n you can visit the county's website\n \n , or call the election office at{' '}\n {data.phone_number}.\n
\n\n \n \n
\n ) : (\n
\n );\n }\n}\n\nclass LocalMeasure extends PureComponent {\n render() {\n const { measure } = this.props;\n\n return (\n \n {getLocalRaceTitle(race)}\n
\n {candidates.length > 0 ? (\n| \n Candidates\n | \n
|---|
No candidates listed yet.
\n )}\n \n
\n );\n }\n}\n\nclass LocalRaces extends PureComponent {\n constructor() {\n super();\n\n this.state = { expanded: false };\n this.toggleExpanded = this.toggleExpanded.bind(this);\n }\n\n // Collapse again when a new lookup replaces the races (resetKey changes),\n // so the next address doesn't inherit the previous one's expanded state.\n componentWillReceiveProps(nextProps) {\n if (nextProps.resetKey !== this.props.resetKey) {\n this.setState({ expanded: false });\n }\n }\n\n toggleExpanded() {\n const { expanded } = this.state;\n\n if (!expanded) {\n this.setState({ expanded: true });\n return;\n }\n\n this.setState({ expanded: false }, () => {\n if (!this.section) return;\n\n // The button floats, so the reader can click it from anywhere in the\n // long list — and most of what they were looking at disappears. If the\n // top of the section is now above the screen, land on it right away\n // rather than scrolling back up past rows that no longer exist.\n if (this.section.getBoundingClientRect().top < 0) {\n this.section.scrollIntoView({ behavior: 'instant', block: 'start' });\n }\n });\n }\n\n render() {\n const { races = [], measures = [] } = this.props;\n const { expanded } = this.state;\n\n if (races.length === 0 && measures.length === 0) {\n return (\n \n {measure.title}\n
\n {measure.ballotText && (\n{measure.ballotText}
\n )}\n\n
\n );\n }\n\n // Measures go in the same grid (and behind the same \"See all\") as the\n // races, so the local section reads as one list.\n const items = [\n ...races.map(race => \n Local race information isn't fully available for your address yet.\n
\n (this.section = el)}>\n \n {expanded\n ? 'See less'\n : `See all (+${items.length - INITIAL_VISIBLE_RACES})`}\n \n )}\n
\n );\n }\n}\n\nexport default LocalRaces;\n","import { Component as PreactComponent, h } from 'preact';\n\nfunction resolve(m) {\n return m && m.default ? m.default : m;\n}\n\nfunction asyncComponent(importComponent) {\n return class extends PreactComponent {\n constructor() {\n super();\n\n this.state = { component: null };\n }\n\n componentDidMount() {\n importComponent().then(component =>\n this.setState({ component: resolve(component) })\n );\n }\n\n render() {\n const { component: Component } = this.state;\n\n return Component ? \n {expanded ? items : items.slice(0, INITIAL_VISIBLE_RACES)}\n
\n {items.length > INITIAL_VISIBLE_RACES && (\n \n Finding your details...{' '}\n \n
\n );\n }\n\n if (lookupError) {\n addressFeedback = (\n\n Hmm... we were unable to find you in Texas. Please check your address\n and try again!\n
\n );\n }\n\n if (coordinates && !lookupPending && !lookupError) {\n addressFeedback = (\n\n We found your information! These races have been personalized for you.{' '}\n
\n
\n \n Scroll down to the all races{' '}\n section to see the federal and statewide candidates on every Texan's\n ballot.\n \n
We never sell your information.
\n\n\n el && el.setAttribute('form', 'address-form')}\n class=\"button button--yellow address-input__submit\"\n >\n See my ballot\n \n \n Or, jump to all races\n \n
\n \n \n this.toggleRaceFilter('all')}\n >\n All ({raceCounts.all})\n \n this.toggleRaceFilter('us-house')}\n >\n U.S. House ({raceCounts['us-house']})\n \n this.toggleRaceFilter('state-legislature')}\n >\n State Legislature ({raceCounts['state-legislature']})\n \n {/* Only some SBOE districts are on the ballot each cycle */}\n {raceCounts.education > 0 && (\n this.toggleRaceFilter('education')}\n >\n SBOE ({raceCounts.education})\n \n )}\n {/* Faded placeholder while Branch is still responding; swapped\n for the real local buttons below once it has. */}\n {branchPending && (\n \n )}\n {/* Only offered once Branch has responded, and only for groups\n that have races at this address. */}\n {!branchPending &&\n LOCAL_RACE_GROUPS.filter(\n group => raceCounts[group.key] > 0\n ).map(group => (\n this.toggleRaceFilter(group.key)}\n >\n {group.label} ({raceCounts[group.key]})\n \n ))}\n {!branchPending && raceCounts['local-measures'] > 0 && (\n this.toggleRaceFilter('local-measures')}\n >\n Local: Measures ({raceCounts['local-measures']})\n \n )}\n
\n \n {data && (\n \n Showing {visibleRaceSlots} of{' '}\n {totalRaceSlots} races.\n
\n )}\n\n {shouldShowRace('us-house') &&\n matchesRaceSearch(raceSearchTitles['us-house']) && (\n item.type === matches['us-house'][0].office_slug\n )}\n redistrictingNote\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n renderParty={party => (\n \n contest.type ===\n party.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n \n \n \n )}\n {shouldShowRace('state-legislature') &&\n matchesRaceSearch(raceSearchTitles['tx-senate']) &&\n matches['tx-senate'].length > 0 && (\n \n item.type === matches['tx-senate'][0].office_slug\n )}\n contestTitle={determineContestTitleYourRaces(\n matches['tx-senate'][0]\n )}\n renderParty={party => (\n \n contest.type ===\n party.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n \n \n \n )}\n {shouldShowRace('state-legislature') &&\n matchesRaceSearch(raceSearchTitles['tx-house']) && (\n item.type === matches['tx-house'][0].office_slug\n )}\n contestTitle={determineContestTitleYourRaces(\n matches['tx-house'][0]\n )}\n renderParty={party => (\n \n contest.type ===\n party.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n \n \n \n )}\n {shouldShowRace('education') &&\n matchesRaceSearch(raceSearchTitles['sboe']) &&\n matches['sboe'].length > 0 && (\n item.type === matches['sboe'][0].office_slug\n )}\n contestTitle={determineContestTitleYourRaces(\n matches['sboe'][0]\n )}\n renderParty={party => (\n \n contest.type ===\n party.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n \n \n \n )}\n
\n \n \n )}\n\n {/* Local races (Branch/VoterGuideOS).\n Own Portal, own DOM node (still inside the gray\n .container-gray-two/.results-container-map box, alongside\n your-races-results) — kept structurally separate from the top-race\n Contest blocks above so a rendering failure here can never affect\n them, same isolation principle as loadBranchBallot. */}\n {branchBallot &&\n (LOCAL_RACE_GROUPS.some(group => shouldShowRace(group.key)) ||\n shouldShowRace('local-measures')) &&\n // A search that matches no local race shouldn't leave the \"isn't\n // fully available\" message behind\n (!raceSearchTerm ||\n shownLocalRaces.length + shownLocalMeasures.length > 0) && (\n \n
\n About the data
\n\n Demographic data and the 2024 general presidential results are\n from the{' '}\n
\n
\n );\n}\n\nexport default Ad;\n","// packages\nimport cx from 'classnames';\nimport { Component, h } from 'preact';\n\n// components\nimport CandidateRow from './components/CandidateRow';\nimport Contest from './components/Contest';\nimport YourRaces from './components/YourRaces';\nimport Portal from './components/Portal';\nimport SeatPartyDivider from './components/SeatPartyDivider';\nimport Ad from './components/Ad';\n\nimport {\n determineContestTitle,\n chunk,\n dropDuplicateSpecials,\n} from './election-utils';\nimport { FLAT_BALLOT_URL } from './endpoints';\nimport getJSON from './utils/get-json';\n\ntype State = {\n data: { [key: string]: any };\n};\n\nclass App extends Component<{}, State> {\n constructor() {\n super();\n\n this.state = {\n data: [],\n };\n\n this.fetchData = this.fetchData.bind(this);\n }\n\n fetchData() {\n getJSON(FLAT_BALLOT_URL).then(data =>\n this.setState({ data: dropDuplicateSpecials(data) })\n );\n }\n\n componentDidMount() {\n this.fetchData();\n }\n\n componentWillUnmount() {}\n\n componentDidUpdate() {}\n\n render() {\n const { notes } = this.props;\n const { data } = this.state;\n\n const seats_mapped = data.map(number => ({\n office: number.office,\n office_slug: number.office_slug,\n }));\n\n function unique(array, propertyName) {\n return array.filter(\n (e, i) =>\n array.findIndex(a => a[propertyName] === e[propertyName]) === i\n );\n }\n\n let unique_seats = unique(seats_mapped, 'office_slug');\n\n const texasHouse = unique_seats.filter(\n contest => contest.office === 'Texas House'\n );\n\n const usHouse = unique_seats.filter(\n contest => contest.office === 'U.S. House'\n );\n\n let texasHouseGroups, usHouseGroups;\n\n if (texasHouse.length) {\n texasHouseGroups = chunk(texasHouse, 30);\n usHouseGroups = chunk(usHouse, 24);\n }\n\n return (\n \n \n
\n \n (this._yourPortal = ref)}\n >\n (this._usPortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._sboePortal = ref)}\n >\n (this._supremePortal = ref)}\n >\n (this._crimPortal = ref)}\n >\n (this._fifteenthPortal = ref)}\n >\n (this._senatePortal = ref)}\n >\n (this._housePortal = ref)}\n >\n
\n );\n }\n}\n\nexport default App;\n","// import JS files\nimport '../kickstart';\nimport './ballot-filter';\n\nimport { h, render } from 'preact';\n\n// Components\nimport App from '../BallotApp';\nimport loadJsonScript from '../utils/load-json-script';\n\nconst notes = loadJsonScript('notes_data');\n\nrender(\n {usHouse.length > 0 &&\n usHouseGroups.map(contestGroup => (\n
\n \n\n \n
\n ))}\n \n {contestGroup.map(contest => (\n item.office_slug === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type ===\n contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n {unique_seats\n .filter(contest => contest.office === 'Governor')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Lieutenant Governor')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Attorney General')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Land Commissioner')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Comptroller')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Agriculture Commissioner')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'U.S. Senate')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n isShowcaseRace\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Texas Railroad Commission')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'State Board of Education')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Texas Supreme Court')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(\n contest => contest.office === 'Texas Court of Criminal Appeals'\n )\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(\n contest => contest.office === 'Texas Fifteenth Court of Appeals'\n )\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n \n {unique_seats\n .filter(contest => contest.office === 'Texas Senate')\n .map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type === contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n \n\n \n {texasHouse.length > 0 &&\n texasHouseGroups.map(contestGroup => (\n
\n \n \n
\n ))}\n \n {contestGroup.map(contest => (\n item.office_slug === contest.office_slug\n )}\n notes={notes.filter(\n item => item.type === contest.office_slug\n )}\n tableHeader={CandidateRow.Header}\n columnCount={CandidateRow.columnCount}\n contestTitle={determineContestTitle(\n data.filter(\n item => item.office_slug === contest.office_slug\n )[0]\n )}\n renderParty={party => (\n \n item.type ===\n contest.office_slug + '-' + party.party\n )}\n columnCount={CandidateRow.columnCount}\n renderCandidate={(candidate, idx) => (\n
\n extends Component