\n \n {({ height, width }) => {\n updateColumns(width);\n return (\n \n
\n );\n};\n\nexport default LocationSearchResults;\n","import React from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { RootState } from '../../store/store';\nimport { setModalContent } from '../../store/app/modalSlice';\n\nimport './FilterPlantsByCharacteristicsButton.scss';\n\nexport default function FilterPlantsByCharacteristicsButton() {\n const dispatch = useDispatch();\n\n const filterDefinitionExpression = useSelector((state: RootState) => state.filterReducer.filterDefinitionExpression);\n\n return (\n <>\n \n {phenologyFloweringResults ? (\n <>\n
\n );\n};\n\nexport default PhenologySearchResults;\n","import React, { useState } from 'react';\nimport { useSelector } from 'react-redux';\nimport dayjs from 'dayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { PickersDay } from '@mui/x-date-pickers/PickersDay';\nimport { MobileDatePicker } from '@mui/x-date-pickers/MobileDatePicker';\nimport { Button } from '@mui/material';\nimport EventIcon from '@material-ui/icons/Event';\nimport { $phenologyFloweringDayEnd, $phenologyFloweringDayStart } from '../../../../store/app/phenologySlice';\nimport './PhenologyDatePicker.scss';\n\ninterface IProps {\n date: Date;\n onChange: (value: Date | null) => void;\n minDate?: Date;\n maxDate?: Date;\n label?: string;\n type?: 'start-date' | 'end-date';\n buttonRef?: any;\n}\n\nconst PhenologyDatePicker = ({ date, onChange, minDate, maxDate, label, type, buttonRef }: IProps) => {\n const [open, setOpen] = useState(false);\n const handleOpen = () => setOpen(true);\n const handleClose = () => setOpen(false);\n const [currentHoverDate, setCurrentHoverDate] = useState\n
\n\n \n {'Selected Bloom Range'}\n {`${formatDayOfTheYear(phenologyFloweringDayStart!.dayOfYear)} - ${formatDayOfTheYear(\n phenologyFloweringDayEnd!.dayOfYear\n )}`}\n
\n \n\n {values && (\n <>\n
\n );\n};\n\nexport default PhenologySearchDateRangeSelection;\n","import React, { useState } from 'react';\nimport { IconButton } from '@mui/material';\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\nimport Modal from '../../../modal/Modal';\nimport './PhenologyInfoButtonModal.scss';\n\nconst ModalContent = () => (\n \n
\n\n \n \n handleUpdateDates(values)}\n value={[values.start, values.end]}\n marks={sliderMarks}\n />\n \n
\n \n )}\n \n
\n);\n\nconst PhenologyInfoButtonModal = () => {\n const [open, setOpen] = useState(false);\n const closeModal = () => setOpen(false);\n const openModal = () => setOpen(true);\n\n return (\n \n What's blooming today uses historical data to return a list of species that have flowered or fruited in the range\n of one week before to one week after today's date.\n
\n\n \n \n\n
\n );\n};\n\nexport default PhenologyInfoButtonModal;\n","import React, { useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport _uniqBy from 'lodash/uniqBy';\nimport _sortBy from 'lodash/sortBy';\nimport dayjs from 'dayjs';\n\n// Store\nimport {\n $phenologyDisplayFloweringResults,\n $phenologyFlowering,\n $phenologyFloweringDayEnd,\n $phenologyFloweringDayStart,\n setPhenologyDisplayFloweringResults,\n setPhenologyFlowering,\n} from '../../../store/app/phenologySlice';\n\n// Components\nimport PhenologySearchResults from './PhenologySearchResults/PhenologySearchResults';\nimport PhenologySearchDateRangeSelection from './PhenologySearchDateRangeSelection/PhenologySearchDateRangeSelection';\nimport PhenologyInfoButtonModal from './PhenologyInfoButtonModal/PhenologyInfoButtonModal';\n\n// Services\nimport { getPlantsPhenologyData } from '../../../services/getPlantsPhenologyData';\n\n// Utils\nimport { getInitialDateRange, setInitialDateRange } from '../../../utils/phenologySearch';\n\n// Style\nimport './PhenologySearch.scss';\n\nexport const PhenologySearch = () => {\n const dispatch = useDispatch();\n const phenologyFlowering = useSelector($phenologyFlowering);\n const phenologyFloweringDayStart = useSelector($phenologyFloweringDayStart);\n const phenologyFloweringDayEnd = useSelector($phenologyFloweringDayEnd);\n const phenologyDisplayFloweringResults = useSelector($phenologyDisplayFloweringResults);\n\n useEffect(() => {\n if (!phenologyFlowering) {\n getPlantsPhenologyData().then((response) => {\n dispatch(setPhenologyFlowering(response));\n });\n }\n }, [dispatch, phenologyFlowering]);\n\n const handleSearchPlants = () => {\n if (phenologyFlowering && phenologyFloweringDayStart && phenologyFloweringDayEnd) {\n dispatch(setPhenologyDisplayFloweringResults(true));\n }\n };\n\n const handleTodaySearch = () => {\n setInitialDateRange();\n handleSearchPlants();\n };\n\n const initialDateRange = getInitialDateRange();\n\n const disableSearchButton = () => {\n const { startDate, endDate } = initialDateRange;\n\n const isSameStartDay = Boolean(\n phenologyFloweringDayStart?.date && dayjs(phenologyFloweringDayStart.date).isSame(startDate)\n );\n\n const isSameEndDay = Boolean(\n phenologyFloweringDayEnd?.date && dayjs(phenologyFloweringDayEnd.date).isSame(endDate)\n );\n\n return isSameStartDay && isSameEndDay;\n };\n\n return (\n \n {phenologyDisplayFloweringResults ? (\n
\n );\n};\n","/*\n\nhttps://nybg-gispt.nybg.org/server/rest/services/PlantTracker/Plant_Center_Production_PublicView/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&distance=&units=esriSRUnit_Foot&relationParam=&outFields=NAME%2CCHECK_DT%2CREPRODUCTIVE_STATUS&returnGeometry=false&returnTrueCurves=false&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&historicMoment=&returnDistinctValues=false&resultOffset=&resultRecordCount=100&returnExtentOnly=false&datumTransformation=¶meterValues=&rangeValues=&quantizationParameters=&featureEncoding=esriDefault&f=html\n\n*/\n\nimport { loadModules } from 'esri-loader';\n\nimport { PLANT_DATA_LAYER_URL } from '../config/config';\nimport { getPhenologyFloweringData } from '../components/plants/SpecificPlant/PhenologyChart.util';\n\nexport const getPlantsPhenologyData = async () => {\n const [QueryTask, Query, SpatialReference] = await loadModules([\n 'esri/tasks/QueryTask',\n 'esri/tasks/support/Query',\n 'esri/geometry/SpatialReference',\n ]);\n\n var queryTask = new QueryTask({\n url: `${PLANT_DATA_LAYER_URL}/0`,\n });\n\n const query = new Query();\n query.returnGeometry = true;\n query.outSpatialReference = SpatialReference.WebMercator;\n query.outFields = ['NAME', 'COMMON_NAME_PRIMARY', 'CHECK_DT', 'REPRODUCTIVE_STATUS', 'ALIVE'];\n query.where = \"REPRODUCTIVE_STATUS LIKE '%F%'\";\n\n try {\n const queryResult = await queryTask.execute(query);\n const phenologyFloweringData = getPhenologyFloweringData(queryResult.features);\n return phenologyFloweringData;\n } catch (err) {\n console.log(err);\n debugger;\n }\n};\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useHistory, useLocation } from 'react-router-dom';\n\n// import InfiniteScroll from './InfiniteScroll';\n// import SearchResults from './searchResults/SearchResults';\nimport Loader from '../Loader';\nimport LocationSearchResults from './searchResults/LocationSearchResults/LocationSearchResults';\nimport PlantSearchResults from './searchResults/PlantSearchResults';\nimport FilterPlantsByCharacteristicsButton from '../filter/FilterPlantsByCharacteristicsButton';\nimport SearchPlantRecordsFilter from './SearchPlantRecordsFilter/SearchPlantRecordsFilter';\nimport IconSearch from '../icons/IconSearch';\nimport IconChevronUp from '../icons/IconChevronUp';\nimport SearchPlantsAlphabet from './SearchPlantsAlphabet/SearchPlantsAlphabet';\nimport SearchPlantsAdvancedFilters from '../modal/SearchPlantsAdvancedFilters/SearchPlantsAdvancedFilters';\nimport SearchPlantsAdvancedResults from './SearchPlantsAdvancedResults/SearchPlantsAdvancedResults';\nimport bloomIcon from '../../images/bloom-icon.png';\nimport mapController from '../../controllers/MapController';\nimport {\n generatePlantQueryWhereClause,\n handleSearchResults,\n queryLocations,\n queryPlants,\n setURLPath,\n} from '../../utils/query.utils';\nimport { getResultKey } from '../../utils/plant.util';\n\nimport { RootState } from '../../store/store';\nimport {\n $searchTerms,\n $searchType,\n $searchTypeAdvanced,\n $selectedAccession,\n selectedAccessionDefault,\n setGardenCodeSelected,\n setMinimized,\n setSearchTerms,\n setSearchType,\n setSearchTypeAdvanced,\n setSelectedAccession,\n} from '../../store/app/appSlice';\nimport { setSearchDefinitionExpression, setTourDefinitionExpressionByAccession } from '../../store/app/filterSlice';\nimport { setStopsByAccession, setTourStep, setTourStopIndex, setTourStops } from '../../store/app/tourSlice';\n\nimport {\n LOCATIONS_SEARCH_LABEL,\n SEARCH_OPTIONS,\n SEARCH_OPTIONS_ADVANCED,\n SEARCH_OPTIONS_FIELD_PHENOLOGY,\n SEARCH_PLANT_ALPHABET_SECTIONS,\n SEARCH_PLANT_ALPHABET_SECTIONS_DISABLE_SEARCH_PLACEHOLDER,\n SEARCH_PLANT_DISABLE_LOCATION_PLACEHOLDER,\n URL__SEARCH_TYPE,\n URL__SEARCH_TYPE_ADVANCED,\n URL__SEARCH_VALUE,\n} from '../../config/plant.config';\nimport { isMobileDevice } from '../../config/config';\n\nimport '../../styles/css/plants.scss';\nimport { PhenologySearch } from './PhenologySearch/PhenologySearch';\nimport IconFlower from '../icons/IconFlower';\n\ntype searchTypes = 'Location' | 'Plants' | 'Advanced';\ntype advancedSearchTypes = 'FAMILY_AND_FAMILY_COMMON' | 'GENUS_AND_GENUS_COMMON' | 'NAME' | 'COMMON_NAME_PRIMARY';\n\nconst SEARCH_INPUT_MIN_CHARACTERS: number = 1;\n\nfunction SearchPlants() {\n const { search } = useLocation();\n const history = useHistory();\n const dispatch = useDispatch();\n\n const query = new URLSearchParams(search);\n const paramSearchField: string = query.get(URL__SEARCH_TYPE) || '';\n const paramSearchValue: string = query.get(URL__SEARCH_VALUE) || '';\n const paramSearchFieldAdvanced: string = query.get(URL__SEARCH_TYPE_ADVANCED) || '';\n\n const cardMinimized = useSelector((state: RootState) => state.appReducer.cardMinimized);\n const mapLoaded = useSelector((state: RootState) => state.appReducer.mapLoaded);\n const filterDefinitionExpression = useSelector((state: RootState) => state.filterReducer.filterDefinitionExpression);\n const selectedAccession = useSelector($selectedAccession);\n const searchTerms = useSelector($searchTerms);\n const searchType = useSelector($searchType);\n const searchTypeAdvanced = useSelector($searchTypeAdvanced);\n\n const [allResults, setAllResults] = useState\n
\n )}\n \n
\n\n What's in Bloom?
\n\n Adjust the date range below to discover plants that have flowered or fruited at New York Botanical Garden\n based on historical data.\n
\n\n
\n \n \n Search Plants\n \n\n \n What's Blooming Today\n \n\n
\n \n
\n );\n}\n\nexport default SearchPlants;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAk5JREFUOE+NlElME1EYx/+vLdNNWgRa1C6CDQUbt+CScjRKYkQ4cPXIwcS7kZNnl7OeDGdjInGJxgNojAm4RUwMUIQaBouRKbTQ0m060+fr0Om0DorvMJn5lt973//73hD8x6JffniQK11GXupDtngcLbYREvaPqqnkXwz6efkUkoW7SOTO1MW12ifI2cB5HURJyJauoFA8hmKpDQ2GaaznLoKA021k4+Kkv9tdhdDxxQ/Iit0oSI11wUsCkM4Dhz2Ayag/cOdeLznhWyk7CH0Z4ZEW/bqo2RiQygGBNsDl0EN8TcOqLoS+XbqPX6lhXVRsHYglAIcVCHl3gbznL2F585kuKpHG/AaPbwdk9Fo70SpIQHILkEpA8x7gtL+fhNtfKOWUH/TJTBqizDyVlS9i2iLgXkdUMVhFgmuvWuBLNmwHHGIlBlw8udDVrkHeRB9ByAwhw4Tk1xQtRsMbmOpgmlTWwEwjBn/uB9xMH4dt2+p1jpDeg7eqc0LHvq7i3YIbMlX8D06mMBHMVCE3VnrgE7XDKo4myxzpC4Y0yOvoOL7Hz7FWA2aTsttT6yLmyRq6BA6DpqOApVKOijYaRDJ0xKxB/tbqj0wXmYkZYvOillHbBb9zQIOoutQGlN+jq0A8BQT3sa7Uz6MS6raPaZAp/jpimzf/ZECSgVk2mEEmam05TA9YuElw5LEGKd/UhSQb0x2Wx3kHBhIBpS4QEq+9wdUWq2n0eURg98ilfHPGLdjNc2jmrpIe/6cd4RVj3a+ATvK3FbuFPNwtsRb6Gxy+0kaX1NakAAAAAElFTkSuQmCC\"","import React from 'react';\n\nimport './ExternalLink.scss';\n\nexport interface ExternalLinkParams {\n href: string;\n title?: string;\n color?: string;\n fontSize?: number;\n}\n\nexport function ExternalLink({ href, title = 'LINK', fontSize = 14, color }: ExternalLinkParams) {\n return (\n \n
\n \n
\n\n {searchField === 'Advanced' && !isMobileDevice && (\n \n dispatch(setMinimized(!cardMinimized))}\n >\n
\n\n \n {\n const searchTerm = evt.target.value;\n setSearchValue(searchTerm);\n }}\n onKeyUp={(evt) => _handleSearchPlantInputKeyDown(evt)}\n placeholder={\n isAdvancedSearchField\n ? searchField === LOCATIONS_SEARCH_LABEL\n ? SEARCH_PLANT_DISABLE_LOCATION_PLACEHOLDER\n : SEARCH_PLANT_ALPHABET_SECTIONS_DISABLE_SEARCH_PLACEHOLDER\n : 'Search Plants'\n }\n disabled={isAdvancedSearchField}\n />\n clearResults()}\n disabled={isAdvancedSearchField}\n />\n handleSearch()}\n disabled={isAdvancedSearchField}\n data-search-disabled={isAdvancedSearchField}\n >\n
\n )}\n\n \n
\n \n {SEARCH_OPTIONS.map((searchType) => {\n return (\n
\n \n handleSearchType(searchType, searchFieldAdvanced)}\n >\n {searchType === SEARCH_OPTIONS_FIELD_PHENOLOGY && (\n 
\n )}\n\n {searchType}\n \n
\n );\n })}\n \n {SEARCH_OPTIONS_ADVANCED.map(({ label, esriField }) => {\n return (\n {\n handleAdvancedSearchField(searchField, esriField);\n dispatch(setSearchTypeAdvanced(esriField));\n }}\n >\n {label}\n \n );\n })}\n
\n )}\n\n {searchField === SEARCH_OPTIONS_FIELD_PHENOLOGY && \n
\n );\n};\n","//@ts-nocheck\nimport React, { useEffect, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport AutoSizer from 'react-virtualized/dist/commonjs/AutoSizer';\nimport List from 'react-virtualized/dist/commonjs/List';\nimport { alphabet, AUTOSIZER__ROW_HEIGHT } from '../../../config/plant.config';\nimport './SearchPlantsPreviewResults.scss';\nimport { getPath } from '../../../utils/path.util';\nimport { getNumberOfResultColumns } from '../../../utils/results.util';\n\nexport const SearchPlantsPreviewResults = ({ list, taxonomy }: { list: []; taxonomy: string }) => {\n const [numberOfColumns, setNumberOfColumns] = useState(1);\n const [rows, setRows] = useState([]);\n\n useEffect(() => {\n const bins: any = {};\n list.forEach((value: any) => {\n const firstLetter = value.charAt(0).toUpperCase();\n if (!bins.hasOwnProperty(firstLetter)) {\n bins[firstLetter] = [];\n }\n bins[firstLetter].push(value);\n });\n const rows = [];\n\n alphabet.forEach((letter: string) => {\n const resultsByLetter = bins[letter];\n\n if (resultsByLetter) {\n for (let i = 0; i < Math.ceil(resultsByLetter.length / numberOfColumns); i++) {\n const start = i * numberOfColumns;\n rows.push(resultsByLetter.slice(start, start + numberOfColumns));\n }\n }\n });\n\n setRows(rows);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [list, numberOfColumns]);\n\n const rowRenderer = ({ index, isScrolling, key, style }) => {\n const width = parseInt(100 / numberOfColumns);\n const currentLetter = rows[index][0].charAt(0).toUpperCase();\n const previousLetter = rows[index - 1] ? rows[index - 1][0].charAt(0).toUpperCase() : '';\n\n return (\n \n
\n \n dispatch(setMinimized(!cardMinimized))}\n >\n
\n\n \n {\n mapController.resetMapGraphics();\n\n if (!_isEmpty(gardenCodeSelected)) {\n // Handle back to main Garden Search view\n goBack();\n } else if (searchWidgetLocation.length > 0) {\n push(searchWidgetLocation);\n } else {\n push('/map');\n }\n\n // TODO: Clean this part before final deployment\n // if (!backToSearch) {\n // // * NOTE: if backToSearch is not true\n // goBack();\n // return;\n // }\n //\n // if (!searchWidgetLocation.length) {\n // // * NOTE: if the user is loading this component w/o using the search widget\n // return;\n // }\n //\n // if (searchLocationMatch) {\n // // * NOTE: if component loaded via search widget workflow\n // // * and they're searching by scientific name or common name\n // push(searchWidgetLocation);\n // } else {\n // goBack();\n // }\n // return;\n }}\n >\n
\n\n \n {section} {scientificName ?
\n\n {link && \n {section === LOCATIONS_SEARCH_LABEL && {\n mapController.resetMapGraphics();\n dispatch(setMinimized(true));\n dispatch(setSearchType(DEFAULT_SEARCH_TYPE));\n dispatch(setSearchDefinitionExpression(''));\n dispatch(setGardenCodeSelected(''));\n }}\n >\n
\n \n
\n \n {decodePathValue(title)}\n
\n \n
\n );\n };\n\n const noRowsRenderer = () => {\n return \n {currentLetter !== previousLetter && (\n {currentLetter}\n )}\n
\n {rows[index].map((value) => {\n return (\n \n {value}\n
\n );\n })}\n No Results Found
;\n };\n\n const updateColumns = (width) => {\n const columns = getNumberOfResultColumns(width);\n if (numberOfColumns !== columns) setNumberOfColumns(columns);\n };\n\n return (\n \n \n {({ height, width }) => {\n updateColumns(width);\n return (\n \n
\n );\n};\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nimport { setMinimized } from '../../../store/app/appSlice';\nimport { setSearchDefinitionExpression } from '../../../store/app/filterSlice';\n\nimport mapController from '../../../controllers/MapController';\n\nimport { SearchPlantsCardHeader } from './SearchPlantsCardHeader';\nimport { SearchPlantsPreviewResults } from './SearchPlantsPreviewResults';\nimport ResultsError from '../../error/ResultsError';\nimport Loader from '../../Loader';\n\nimport { splitByCharacter } from '../../../utils/plantSyntax.util';\nimport { RootState } from '../../../store/store';\n\nimport '../../../styles/css/plant.scss';\n\nconst FamilyPreview = () => {\n const mapLoaded = useSelector((state: RootState) => state.appReducer.mapLoaded);\n const dispatch = useDispatch();\n const { value: family } = useParams();\n\n const [error, setError] = useState(false);\n const [genera, setGenera] = useState\n {loading ? (\n
\n );\n};\n\nexport default FamilyPreview;\n","import React from 'react';\n\nimport { PlantPreviewData } from '../../../../interfaces/plantData';\nimport WidgetImage from '../../WidgetImage/WidgetImage';\nimport ScientificNameFormatted from '../../searchResults/PlantResultScientificName/ScientificNameFormatted';\n\nimport './PlantPreviewDetailsHeader.scss';\n\nexport function PlantPreviewDetailsHeader({\n livingPlant,\n plant: { FAMILY, HABIT_FULL, NAME, RANGE, NAME_NUM },\n}: {\n livingPlant: boolean;\n plant: PlantPreviewData;\n}) {\n return (\n \n
\n )}\n \n \n \n {!livingPlant && (\n
\n\n
\n );\n}\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { Link, useLocation, useParams } from 'react-router-dom';\n\nimport mapController from '../../../controllers/MapController';\n\nimport { RootState } from '../../../store/store';\nimport { selectedPlanInitialState, setMinimized, setSelectedPlant } from '../../../store/app/appSlice';\nimport { setSearchDefinitionExpression } from '../../../store/app/filterSlice';\n\nimport { PlantPreviewData } from '../../../interfaces/plantData';\nimport { BASE_URL } from '../../../config/config';\n\nimport { PlantPreviewDetailsHeader } from './PlantPreviewDetailsHeader/PlantPreviewDetailsHeader';\nimport { SearchPlantsCardHeader } from './SearchPlantsCardHeader';\nimport ResultsError from '../../error/ResultsError';\nimport Loader from '../../Loader';\n\nimport ScientificNameFormatted from '../searchResults/PlantResultScientificName/ScientificNameFormatted';\nimport { decodePathValue, encodePathValue } from '../../../utils/path.util';\nimport { getClean__CATALOG_DESC } from '../../../utils/plant.util';\nimport { splitByComma } from '../../../utils/plantSyntax.util';\n\nimport '../../../styles/css/plant.scss';\n\nconst PlantPreview = () => {\n const mapLoaded = useSelector((state: RootState) => state.appReducer.mapLoaded);\n const dispatch = useDispatch();\n const { value } = useParams();\n const { pathname, state: locationState } = useLocation();\n const fieldType = pathname.includes('commonname') ? 'commonname' : 'species';\n const plantValue = decodePathValue(value);\n\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n\n const [plant, setPlant] = useState| \n Name:\n | \n\n | \n
| \n Family:\n | \n{FAMILY ? FAMILY : 'Data coming soon'} | \n
| \n Range:\n | \n{RANGE} | \n
| \n Habit:\n | \n{HABIT_FULL ? HABIT_FULL : 'Data coming soon'} | \n
| \n | \n |
\n {loading ? (\n
\n );\n};\n\nexport default PlantPreview;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nimport mapController from '../../../controllers/MapController';\n\nimport { setMinimized } from '../../../store/app/appSlice';\nimport { setSearchDefinitionExpression } from '../../../store/app/filterSlice';\n\nimport '../../../styles/css/plant.scss';\n\nimport { SearchPlantsCardHeader } from './SearchPlantsCardHeader';\nimport { SearchPlantsPreviewResults } from './SearchPlantsPreviewResults';\nimport ResultsError from '../../error/ResultsError';\nimport Loader from '../../Loader';\n\nimport { splitByCharacter } from '../../../utils/plantSyntax.util';\nimport { RootState } from '../../../store/store';\n\nconst GenusPreview = () => {\n const mapLoaded = useSelector((state: RootState) => state.appReducer.mapLoaded);\n const dispatch = useDispatch();\n const { value: genus } = useParams();\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(false);\n const [species, setSpecies] = useState\n
\n \n )}\n \n {\n dispatch(setMinimized(false));\n }}\n >\n Go To Plant Page\n \n
\n \n ) : (\n \n
\n {loading ? (\n
\n );\n};\n\nexport default GenusPreview;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\nimport _uniqBy from 'lodash/uniqBy';\nimport _sortBy from 'lodash/sortBy';\n\nimport PlantSearchResults from '../searchResults/PlantSearchResults';\nimport { SearchPlantsCardHeader } from './SearchPlantsCardHeader';\nimport ResultsError from '../../error/ResultsError';\nimport Loader from '../../Loader';\n\nimport mapController from '../../../controllers/MapController';\n\nimport { RootState } from '../../../store/store';\nimport { $cardMinimized, $gardenLocations, setMinimized } from '../../../store/app/appSlice';\n\nimport {\n LOCATIONS_ESRI_FIELD,\n LOCATIONS_GROUP_FIELD,\n LOCATIONS_SEARCH_LABEL,\n LOCATIONS_GARDEN_WEBSITE,\n LOCATIONS_GARDEN_LOCATION,\n LOCATIONS_GARDEN_CODE,\n} from '../../../config/plant.config';\nimport { decodePathValue } from '../../../utils/path.util';\n// import { BASE_URL } from '../../config/config';\n\nimport '../../../styles/css/plants.scss';\nimport '../../../styles/css/plant.scss';\n\nconst LocationPreview = () => {\n const dispatch = useDispatch();\n const { value: gardenLocationFromUrlPathParams } = useParams();\n\n const [location, setLocation] = useState({ [LOCATIONS_ESRI_FIELD]: '' });\n const [gardenLocationFromUrlPath, setGardenLocationFromUrlPath] = useState\n {loading ? (\n
\n );\n};\n\nexport default LocationPreview;\n","import React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\nimport _sortBy from 'lodash/sortBy';\nimport _uniqBy from 'lodash/uniqBy';\n\nimport Loader from '../../../Loader';\nimport PlantSearchResults from '../../searchResults/PlantSearchResults';\nimport { SearchPlantsCardHeader } from '../SearchPlantsCardHeader';\n\nimport mapController from '../../../../controllers/MapController';\n\nimport { $cardMinimized, setMinimized } from '../../../../store/app/appSlice';\nimport { decodePathValue } from '../../../../utils/path.util';\n\nexport default function CommonNamePreferredResults(props: any) {\n const dispatch = useDispatch();\n const cardMinimized = useSelector($cardMinimized);\n const { value: commonNamePreferred } = useParams();\n\n const [plantNames, setPlantNames] = useState\n
\n );\n}\n","import React, { useEffect } from 'react';\nimport { Route, Switch, useHistory } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\n\nimport SearchPlants from '../plants/SearchPlants';\nimport FamilyPreview from './previews/FamilyPreview';\nimport PlantPreview from './previews/PlantPreview';\nimport GenusPreview from './previews/GenusPreview';\nimport LocationPreview from './previews/LocationPreview';\nimport CommonNamePreferredResults from './previews/CommonNamePreferredResults/CommonNamePreferredResults';\n\nimport { RootState } from '../../store/store';\n\nimport {\n getPath,\n MAP_LINK__COMMON_NAME,\n MAP_LINK__GENUS,\n MAP_LINK__LOCATION,\n MAP_LINK__SPECIES,\n} from '../../utils/path.util';\nimport { BASE_URL } from '../../config/config';\n\nimport '../../styles/css/card.scss';\n\nconst Card = (): JSX.Element | null => {\n const history = useHistory();\n const cardMinimized = useSelector((state: RootState) => state.appReducer.cardMinimized);\n // const cardContent = useSelector((state: RootState) => state.appReducer.cardContent);\n const species = useSelector((state: RootState) => state.appReducer.species);\n\n useEffect(() => {\n if (species.length) {\n history.push(`${BASE_URL}${getPath('species', species)}`);\n }\n }, [history, species]);\n\n return (\n \n
\n \n \n \n
\n );\n};\n\nexport default Card;\n","import React, { useEffect, useRef, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useLocation } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport Card from '../plants/Card';\n// import Snackbar from '../error/Snackbar';\n\n// REDUX Store\nimport { RootState } from '../../store/store';\nimport { setModalContent } from '../../store/app/modalSlice';\nimport { setGardenLocations } from '../../store/app/appSlice';\nimport { $filterSelectedOptions, setFilterSelectedOptions } from '../../store/app/filterSlice';\n\n// CONTEXT Store\nimport { PlantsResultsContextProvider } from '../../store/PlantsResultsContextProvider';\n\n// Utils\nimport { getGardenLocation, getUpdateFilterOptions } from '../../utils/query.utils';\nimport { getGardenLocationsWithImages } from '../../utils/map/images.util';\nimport { getGardenImages } from '../../utils/garden.util';\nimport mapController from '../../controllers/MapController';\n\nimport '../../styles/css/filterPlants.scss';\nimport '../../styles/css/favorites.scss';\nimport '../../styles/css/map.scss';\nimport './map.scss';\n\ninterface MapContainerProps {\n readonly visible: boolean;\n}\n\nconst StyledMapContainer = styled.div