\n handleClick(dataForAnalytics)}\n className=\"result-item__link-absolute\"\n >\n {linkTitle}\n \n
\n \n {showTags && tags.length !== 0 && (\n \n {image && !isSearchResult ? (\n
\n \n {image && (\n 
\n )}\n
\n )}\n \n {!isSearchResult && body && (\n showBodyBlock(dataForAnalytics)}\n id={id}\n aria-controls={idBody}\n />\n )}\n {subtitle && (\n \n
\n )}\n \n
\n {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}\n \n Search through site\n \n {\n if (mobileView) {\n // eslint-disable-next-line no-param-reassign\n event.nativeEvent.preventDownshiftDefault = true;\n }\n },\n })}\n />\n {inputValue && (\n \n ×\n \n )}\n \n
\n );\n}\n\nSearchInput.defaultProps = {\n callbackRef: () => {},\n placeholderText: \"\",\n};\n\nSearchInput.propTypes = {\n getAutocomplete: PropTypes.func.isRequired,\n getButtonProps: PropTypes.func.isRequired,\n getInputProps: PropTypes.func.isRequired,\n getLabelProps: PropTypes.func.isRequired,\n clearSelection: PropTypes.func.isRequired,\n inputValue: PropTypes.string.isRequired,\n callbackRef: PropTypes.func,\n placeholderText: PropTypes.string,\n};\n\nexport default SearchInput;\n","/**\n * SearchBox is a forked Search-UI SearchBox view.\n */\n\nimport PropTypes from \"prop-types\";\nimport React from \"react\";\nimport Downshift from \"downshift\";\n\n/* eslint-disable react/require-default-props */\nimport classnames from \"classnames\";\n\nimport Autocomplete from \"../Autocomplete/Autocomplete\";\nimport SearchInput from \"../SearchInput/SearchInput\";\n\nfunction SearchBox(props) {\n const {\n className,\n allAutocompletedItemsCount,\n autocompleteView,\n isFocused,\n inputProps = {},\n inputView,\n onChange,\n onSelectAutocomplete,\n onSubmit,\n useAutocomplete,\n value,\n // NOTE: These are explicitly de-structured but not used so that they are\n // not passed through to the input with the 'rest' parameter\n // eslint-disable-next-line no-unused-vars\n autocompletedResults,\n // eslint-disable-next-line no-unused-vars\n autocompletedSuggestions,\n // eslint-disable-next-line no-unused-vars\n autocompletedSuggestionsCount,\n // eslint-disable-next-line no-unused-vars\n completeSuggestion,\n // eslint-disable-next-line no-unused-vars\n notifyAutocompleteSelected,\n ...rest\n } = props;\n const focusedClass = isFocused ? \"focus\" : \"\";\n const AutocompleteView = autocompleteView || Autocomplete;\n const InputView = inputView || SearchInput;\n return (\n \n {\n // eslint-disable-next-line no-shadow\n const { className, ...rest } = additionalProps || {};\n return getInputProps({\n ...inputProps,\n className: classnames([\n inputProps.className,\n className,\n focusedClass,\n ]),\n ...rest,\n });\n }}\n getButtonProps={(additionalProps) => {\n // eslint-disable-next-line no-shadow\n const { className, ...rest } = additionalProps || {};\n return {\n type: \"submit\",\n value: \"Search\",\n className: classnames(\"button\", className),\n ...rest,\n };\n }}\n getAutocomplete={() => {\n if (\n useAutocomplete &&\n isOpen &&\n allAutocompletedItemsCount > 0\n ) {\n return
\n \n );\n }}\n \n );\n}\n\nSearchBox.propTypes = {\n // Provided by container\n allAutocompletedItemsCount: PropTypes.number.isRequired,\n autocompletedResults: PropTypes.arrayOf(Object).isRequired,\n autocompletedSuggestions: PropTypes.objectOf(PropTypes.arrayOf(Object))\n .isRequired,\n autocompletedSuggestionsCount: PropTypes.number.isRequired,\n completeSuggestion: PropTypes.func.isRequired,\n notifyAutocompleteSelected: PropTypes.func.isRequired,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n value: PropTypes.string.isRequired,\n autocompleteResults: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.shape({\n titleField: PropTypes.string.isRequired,\n urlField: PropTypes.string.isRequired,\n linkTarget: PropTypes.string,\n sectionTitle: PropTypes.string,\n }),\n ]),\n autocompleteView: PropTypes.func,\n autocompleteSuggestions: PropTypes.oneOfType([\n PropTypes.bool,\n PropTypes.exact({\n sectionTitle: PropTypes.string,\n }),\n PropTypes.objectOf(\n PropTypes.exact({\n sectionTitle: PropTypes.string,\n })\n ),\n ]),\n className: PropTypes.string,\n inputProps: PropTypes.object,\n inputView: PropTypes.func,\n isFocused: PropTypes.bool,\n useAutocomplete: PropTypes.bool,\n\n // Specific configuration for this view only\n onSelectAutocomplete: PropTypes.func,\n};\n\nexport default SearchBox;\n","import React, {useCallback} from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport classes from \"classnames\";\nimport { SearchBox } from \"@elastic/react-search-ui\";\nimport Autocomplete from \"../Autocomplete/Autocomplete\";\nimport SearchBoxView from \"../SearchBox/SearchBox\";\nimport { searchPerformed } from \"../../lib/analytic/trackSearch\";\n\nconst SearchForm = ({ className, formConfig }) => {\n const {\n inputPlaceholder,\n inputId,\n formOnSubmit,\n typeOfSearch,\n resetSorting,\n showSuggestions,\n } = formConfig;\n const componentClasses = classes(\"search-form\", className);\n return (\n \n
\n );\n};\n\nSearchForm.defaultProps = {\n closeIcon: false,\n className: \"\",\n};\n\nSearchForm.propTypes = {\n closeIcon: PropTypes.bool,\n formConfig: PropTypes.object.isRequired,\n className: PropTypes.string,\n};\n\nexport default SearchForm;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classes from \"classnames\";\n\nimport SearchForm from \"../SearchForm/SearchForm\";\n\nconst ListingPageHero = ({\n theme,\n layoutClasses,\n className,\n title,\n searchForm,\n searchFormConfig,\n body,\n}) => {\n const containerClasses = classes(\n \"container--max\",\n \"listing-hero-page\",\n \"position-relative\",\n layoutClasses,\n `theme-${theme}`,\n className\n );\n return (\n \n
\n );\n};\n\nListingPageHero.defaultProps = {\n theme: \"default\",\n layoutClasses: [\"pb-40\", \"pt-20\", \"pt-lg-32\", \"pb-lg-32\"],\n className: \"\",\n searchForm: false,\n searchFormConfig: null,\n body: \"\",\n};\n\nListingPageHero.propTypes = {\n theme: PropTypes.string,\n layoutClasses: PropTypes.array,\n title: PropTypes.string.isRequired,\n className: PropTypes.string,\n searchForm: PropTypes.bool,\n searchFormConfig: PropTypes.object,\n body: PropTypes.string,\n};\n\nexport default ListingPageHero;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classNames from \"classnames\";\n\nconst PagingInfo = ({ pagingStart, pagingEnd, totalResults, className }) => {\n if (!totalResults) {\n return null;\n }\n\n const componentClassNames = classNames(\"paging-info\", className);\n\n return (\n \n
\n \n
\n\n {body && (\n \n {title}\n
\n\n {searchForm && (\n\n
\n )}\n \n
\n )}\n {body}
\n \n Results: {pagingStart} - {pagingEnd} out of {totalResults}\n
\n );\n};\n\nPagingInfo.defaultProps = {\n className: \"\",\n};\n\nPagingInfo.propTypes = {\n pagingStart: PropTypes.number.isRequired,\n pagingEnd: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n className: PropTypes.string,\n};\n\nexport default PagingInfo;\n","import React from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport classes from \"classnames\";\n\nconst Sorter = ({ className, label, onChange, options, value, direction }) => {\n const optionsList = options.map((option, index) => (\n \n ));\n const classNames = classes(className, \"sorter\");\n\n const onSelectChange = (e) => {\n const selectedValue = e.target[e.target.selectedIndex].getAttribute('data-value');\n const selecteDirection= e.target[e.target.selectedIndex].getAttribute('data-direction');\n onChange(options.find((option) => option.value === selectedValue && option.direction === selecteDirection));\n };\n\n return (\n \n
\n );\n};\n\nSorter.defaultProps = {\n className: \"\",\n label: \"\",\n value: \"\",\n};\n\nSorter.propTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({ value: PropTypes.string, name: PropTypes.string })\n ).isRequired,\n value: PropTypes.string,\n};\n\nexport default Sorter;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classes from \"classnames\";\n\nconst Link = ({ href, className, children, attributesLink }) => {\n const linkClasses = classes(className, \"link\");\n return (\n \n {children}\n \n );\n};\n\nLink.defaultProps = {\n className: \"\",\n attributesLink: {},\n};\n\nLink.propTypes = {\n href: PropTypes.string.isRequired,\n className: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.array]).isRequired,\n attributesLink: PropTypes.object,\n};\n\nexport default Link;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classes from \"classnames\";\n\nimport Link from \"../Link/Link\";\n\nconst Heading = ({ level, children, url, className, modifiers }) => {\n const headingBaseClass = classes(\n `h${level}`,\n className,\n modifiers,\n url ? \"link\" : \"\"\n );\n const Tag = `h${level}`;\n return (\n \n \n
\n \n {/* eslint-disable-next-line jsx-a11y/no-onchange */}\n onSelectChange(e)}\n value={value + direction}\n >\n {optionsList}\n \n
\n \n {label && {label}}\n
\n );\n};\n\nDateFacet.defaultProps = {\n label: \"\",\n fieldId: \"\",\n options: [\"\"], // Currently we don't need options for this facet, but let's keep it here.\n};\n\nDateFacet.propTypes = {\n options: PropTypes.array,\n label: PropTypes.string,\n fieldLabel: PropTypes.string.isRequired,\n fieldName: PropTypes.string.isRequired,\n fieldId: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n filters: PropTypes.array.isRequired,\n};\n\nexport default DateFacet;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nconst Radio = ({ checked, onChange, id, name, label, option }) => (\n \n {options.length < 1 && \n {fieldLabel}\n \n onFieldChange(val)}\n name={fieldName}\n format=\"MM.dd.y\"\n dayPlaceholder=\"dd\"\n monthPlaceholder=\"mm\"\n yearPlaceholder=\"yyyy\"\n className=\"form-item__input form-item__input--date\"\n calendarIcon={
\n No matching options
}\n \n {\n onChange(option.value);\n }}\n />\n \n
\n);\n\nRadio.propTypes = {\n checked: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n option: PropTypes.object.isRequired,\n};\n\nexport default Radio;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { searchResultsCategoryFiltered } from \"../../lib/analytic/trackSearch\";\n\nimport getFilterValueDisplay from \"../../lib/help/getFilterValueDisplay\";\nimport Radio from \"./Radio\";\n\nconst SingleRadioFacet = ({\n options,\n label,\n onChange,\n onRemove,\n showAll,\n clearFilters,\n alwaysShowingFacets,\n}) => {\n const [prevValue, setPrevValue] = useState(\"\");\n\n const optionAll = {\n count: 0,\n value: \"All\",\n selected: !options.find((option) => option.selected === true),\n };\n\n const defaultShowingFacets =\n alwaysShowingFacets.length > 0 && alwaysShowingFacets;\n\n const onOptionChange = (val) => {\n if (val === \"All\") {\n onRemove(prevValue);\n // On click all we need to show all results and clear hidden facets.\n if (defaultShowingFacets) {\n // This needed for dynamicHiddenFacets, after hidden this facets,\n // remove all facets from request except this. (global search).\n clearFilters(defaultShowingFacets);\n }\n } else {\n onChange(val);\n }\n setPrevValue(val);\n searchResultsCategoryFiltered(label, val);\n };\n\n const customOptions = [...options];\n\n if (showAll) {\n customOptions.unshift(optionAll);\n }\n\n const optionsList = customOptions.map((option) => {\n const optionProps = {\n key: `${getFilterValueDisplay(option.value)}`,\n checked: option.selected,\n onChange: onOptionChange,\n id: `radio_facet_${label}${getFilterValueDisplay(option.value)}`,\n name: \"radioFacet\",\n label: getFilterValueDisplay(option.value),\n option,\n };\n return \n {label}\n
\n );\n};\n\nSingleSelectFacet.defaultProps = {\n allLabel: null,\n};\n\nSingleSelectFacet.propTypes = {\n options: PropTypes.array.isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n onRemove: PropTypes.func.isRequired,\n allLabel: PropTypes.string,\n};\n\nexport default SingleSelectFacet;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// This component is useless without `withSearch` context.\nimport { withSearch } from \"@elastic/react-search-ui\";\n\nimport classnames from \"classnames\";\nimport { markSelectedFacetValuesFromFilters } from \"../../lib/help/markSelectedFacetValuesFromFilters\";\n\nimport MultiCheckboxFacet from \"../MultiCheckboxFacet/MultiCheckboxFacet\";\nimport DateFacet from \"../DateFacet/DateFacet\";\nimport SingleRadioFacet from \"../SingleRadioFacet/SingleRadioFacet\";\nimport SingleSelectFacet from \"../SingleSelectFacet/SingleSelectFacet\";\n\nconst FacetsList = ({\n facetsConfig,\n facetsToHide,\n className,\n alwaysShowingFacets,\n ...rest\n}) => {\n const {\n facets,\n addFilter,\n removeFilter,\n setFilter,\n filters,\n clearFilters,\n } = rest;\n\n const cssClasses = classnames(\"facets-list\", className);\n\n // Prepare sorted facets data.\n const sortedFacets = Object.entries(facets)\n .map(([key, value]) => {\n // Skip facet if no configs defined,\n // or its in facets to hide list.\n if (\n !facetsConfig[key] ||\n (facetsToHide && facetsToHide.indexOf(key) !== -1)\n )\n return null;\n return [key, value[0]];\n })\n .sort((a, b) => {\n return (a === null) - (b === null) || -(a > b) || +(a < b);\n })\n .sort((a, b) => {\n if (a && b && facetsConfig[a[0]].weight && facetsConfig[b[0]].weight) {\n return facetsConfig[a[0]].weight - facetsConfig[b[0]].weight;\n }\n return 0;\n });\n\n const facetsList = () =>\n sortedFacets.map((facetItem) => {\n if (!facetItem) return null;\n\n const facet = facetItem[1];\n const facetName = facetItem[0];\n const { field } = facet;\n const { filterType } = facetsConfig[facetName];\n const facetView = facetsConfig[facetName].view;\n\n let facetValues = markSelectedFacetValuesFromFilters(\n facet,\n filters,\n field,\n filterType\n ).data;\n\n if (facetsConfig[facetName].labelsWeight) {\n facetValues = facetValues\n .map((v) => ({\n weight: facetsConfig[facetName].labelsWeight?.[v.value] ?? 0,\n ...v,\n }))\n .sort((x, y) =>\n Number(x.weight) - Number(y.weight)\n ? Number(x.weight) - Number(y.weight)\n : x.value.localeCompare(y.value)\n );\n }\n\n const selectedValues = facetValues\n .filter((fv) => fv.selected)\n .map((fv) => fv.value);\n\n if (!facetValues.length && !selectedValues.length) return null;\n\n const facetProps = {\n key: `key-${facetName}`,\n clearFilters,\n alwaysShowingFacets,\n onRemove: (val) => removeFilter(field, val, filterType),\n onSelect: (val) => addFilter(field, val, filterType),\n options: facetValues,\n fieldId: field,\n ...(facetsConfig[facetName].label && {\n label: facetsConfig[facetName].label,\n }),\n ...(facetsConfig[facetName].allLabel && {\n allLabel: facetsConfig[facetName].allLabel,\n }),\n ...(facetsConfig[facetName].fieldLabel && {\n fieldLabel: facetsConfig[facetName].fieldLabel,\n }),\n ...(facetsConfig[facetName].fieldName && {\n fieldName: facetsConfig[facetName].fieldName,\n }),\n ...((facetView === \"DateFacet\" ||\n facetView === \"SingleRadioFacet\" ||\n facetView === \"SingleSelectFacet\") && {\n onChange: (val) => setFilter(field, val, filterType),\n }),\n ...((facetView === \"DateFacet\" ||\n facetView === \"SingleSelectFacet\") && {\n filters,\n }),\n ...(facetView === \"MultiCheckboxFacet\" && {\n showMore: facetsConfig[facetName].showMore,\n }),\n };\n\n switch (facetView) {\n case \"DateFacet\":\n return \n {options.length < 1 &&
\n No matching options
}\n \n {/* eslint-disable-next-line jsx-a11y/no-onchange */}\n onSelectChange(e.target.value)}\n value={value.length ? value[0].value : \"\"}\n >\n \n {options.map((option) => {\n return (\n \n {getFilterValueDisplay(option.value)}{\" \"}\n {`(${option.count.toLocaleString(\"en\")})`}\n \n );\n })}\n \n
\n {facetsList()}
;\n};\n\nFacetsList.defaultProps = {\n facetsToHide: [],\n className: \"\",\n alwaysShowingFacets: [],\n};\n\nFacetsList.propTypes = {\n facetsConfig: PropTypes.object.isRequired,\n facetsToHide: PropTypes.array,\n className: PropTypes.string,\n alwaysShowingFacets: PropTypes.array,\n};\n\nexport default withSearch(\n ({ facets, addFilter, removeFilter, setFilter, filters, clearFilters }) => ({\n facets,\n addFilter,\n removeFilter,\n setFilter,\n filters,\n clearFilters,\n })\n)(FacetsList);\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\n\n// This component is useless without `withSearch` context.\nimport { withSearch } from \"@elastic/react-search-ui\";\n\nimport classnames from \"classnames\";\nimport DateFacet from \"../DateFacet/DateFacet\";\n\nconst DateRangeFilter = ({\n config,\n className,\n removeFilter,\n setFilter,\n filters,\n}) => {\n const cssClasses = classnames(\"date-range-filter\", className);\n\n const filtersList = Object.keys(config).map((key) => {\n const { label, fieldName, fieldLabel, filterType } = config[key];\n const facetProps = {\n label,\n fieldName,\n fieldLabel,\n filterType,\n onRemove: (val) => removeFilter(key, val, filterType),\n onChange: (val) => setFilter(key, val, filterType),\n filters,\n fieldId: key,\n key: `fieldId-${fieldName}`,\n };\n return {filtersList}
;\n};\n\nDateRangeFilter.defaultProps = {\n className: \"\",\n};\n\nDateRangeFilter.propTypes = {\n className: PropTypes.string,\n config: PropTypes.object.isRequired,\n removeFilter: PropTypes.func.isRequired,\n setFilter: PropTypes.func.isRequired,\n filters: PropTypes.array.isRequired,\n};\n\nexport default withSearch(({ removeFilter, setFilter, filters }) => ({\n removeFilter,\n setFilter,\n filters,\n}))(DateRangeFilter);\n","import React, { useState, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classnames from \"classnames\";\n\n// This component is useless without `withSearch` context.\nimport { withSearch } from \"@elastic/react-search-ui\";\nimport { searchClearFilters } from \"../../lib/analytic/trackSearch\";\n\nimport Heading from \"../Heading/Heading\";\nimport FacetsList from \"./FacetsList\";\nimport DateRangeFilter from \"../DateRangeFilter/DateRangeFilter\";\n\nimport { BREAKPOINT_DESKTOP } from \"../../constants/Breakpoints\";\n\nconst Facets = ({\n facetsConfig,\n facetsToHide,\n dateRangeFilterConfig,\n nameOfSearch,\n dynamicHiddenFacets,\n alwaysShowingFacets,\n ...rest\n}) => {\n const { facets, clearFilters, filters, totalResults } = rest;\n // Works only with radio inputs.\n // Pick up the required facets by name of facet.\n const getHiddenFacets = (config, itemsFacets) => {\n const getNeededFacet =\n itemsFacets.length > 0 &&\n itemsFacets.filter((item) => item.field === config.facetName);\n if (getNeededFacet[0]?.values) {\n const currentFacet = getNeededFacet[0]?.values[0];\n const showFacets = config.items.filter(\n (item) => item.type === currentFacet\n );\n return showFacets[0]?.facets;\n }\n return [];\n };\n\n const removeFromHiddenFacets =\n dynamicHiddenFacets && getHiddenFacets(dynamicHiddenFacets, filters);\n\n let localFacetsToHide = facetsToHide;\n\n if (removeFromHiddenFacets && removeFromHiddenFacets.length > 0) {\n localFacetsToHide = localFacetsToHide.filter(\n (el) => !removeFromHiddenFacets.includes(el)\n );\n }\n\n // Currently we are using something like a modal inside facets list.\n // But that's not a best way. Further improvement gonna be creating\n // React modal component. But here we need it only on mobile,\n // so it's event not real modal so far.\n const [modalOpened, setModalOpened] = useState(false);\n\n const closeModalButton = useRef(null);\n const openModalButton = useRef(null);\n\n const modalAttributes =\n window.innerWidth < BREAKPOINT_DESKTOP\n ? {\n role: \"dialog\",\n \"aria-modal\": \"true\",\n \"aria-labelledby\": \"mobile-facets-name\",\n }\n : null;\n\n const modalClasses = classnames(\"facets__modal\", {\n \"facets__modal--is-opened\": modalOpened,\n });\n\n const openModalBtnIsDisabled = () => {\n const facetsKeys = Object.keys(facets);\n const facetsToHideCompare = facetsKeys\n .map((key) => localFacetsToHide.indexOf(key) !== -1)\n .filter((el) => el);\n if (facetsKeys.length === facetsToHideCompare.length) {\n return true;\n }\n return false;\n };\n\n const openModal = () => {\n setModalOpened(true);\n // Need small delay to draw container.\n setTimeout(() => {\n closeModalButton.current.focus();\n }, 300);\n // TODO: for better accessibility we should also trap focus inside modal.\n document.body.classList.add(\"modal-is-opened\");\n };\n\n const closeModal = () => {\n setModalOpened(false);\n openModalButton.current.focus();\n document.body.classList.remove(\"modal-is-opened\");\n };\n\n const handleClearFilter = () => {\n clearFilters();\n searchClearFilters(nameOfSearch);\n };\n\n return (\n \n \n \n Configure search\n \n
\n );\n};\n\nFacets.defaultProps = {\n facetsToHide: [],\n dateRangeFilterConfig: null,\n nameOfSearch: \"\",\n dynamicHiddenFacets: null,\n alwaysShowingFacets: [],\n};\n\nFacets.propTypes = {\n facetsConfig: PropTypes.object.isRequired,\n facetsToHide: PropTypes.array,\n dateRangeFilterConfig: PropTypes.object,\n nameOfSearch: PropTypes.string,\n dynamicHiddenFacets: PropTypes.object,\n alwaysShowingFacets: PropTypes.array,\n};\n\nexport default withSearch(\n ({ facets, filters, clearFilters, totalResults }) => ({\n facets,\n filters,\n clearFilters,\n totalResults,\n })\n)(Facets);\n","import React from \"react\";\n\nimport PropTypes from \"prop-types\";\nimport classes from \"classnames\";\n\nimport SearchForm from \"../SearchForm/SearchForm\";\nimport Link from \"../Link/Link\";\nimport FacetsList from \"../Facets/FacetsList\";\n\nconst SearchSubNav = ({\n className,\n title,\n formConfig,\n facetsConfig,\n facetsToHide,\n links,\n}) => {\n const componentClasses = classes(\"search-subnav\", className);\n const linksList = links?.map((link) => (\n \n \n \n Close filters\n \n \n Filters\n \n\n {dateRangeFilterConfig && (\n
\n No results found!
\n )}\n\n {filters.length !== 0 && (\n\n {!!totalResults && (\n \n Apply filters\n \n )}\n handleClearFilter()}\n >\n Clear filters\n \n
\n )}\n \n
\n );\n};\n\nSearchSubNav.defaultProps = {\n title: \"\",\n formConfig: null,\n links: [],\n className: \"\",\n facetsConfig: null,\n facetsToHide: [],\n};\n\nSearchSubNav.propTypes = {\n title: PropTypes.string,\n formConfig: PropTypes.object,\n links: PropTypes.array,\n className: PropTypes.string,\n facetsConfig: PropTypes.object,\n facetsToHide: PropTypes.array,\n};\n\nexport default SearchSubNav;\n","import React, { useEffect, useState } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport classnames from \"classnames\";\n\n// This component is useless without `withSearch` context.\nimport { withSearch } from \"@elastic/react-search-ui\";\nimport { searchArchivedEvents } from \"../../lib/analytic/trackSearch\";\n\n// This component lose its sense without set filter with corresponding field\n// value in the `initialState` object.\nconst ArchivedFilter = ({\n addFilter,\n removeFilter,\n filters,\n field,\n date,\n className,\n}) => {\n const componentClasses = classnames(\"archived-filter\", className);\n const [checked, setChecked] = useState(false);\n const isFilterData = filters.find(\n (filter) => filter.field === \"event_start_date\"\n );\n const fromDate = isFilterData && isFilterData?.values[0];\n const currentDate = fromDate !== date ? fromDate : date;\n const textOfLabel = \"Include Archived Events\";\n useEffect(() => {\n if (fromDate >= date) {\n setChecked(false);\n } else {\n setChecked(true);\n }\n }, [date, fromDate]);\n const handleChange = () => {\n setChecked(!checked);\n if (checked) {\n if (date !== currentDate) {\n removeFilter(field, currentDate, \"any\");\n }\n addFilter(field, date, \"any\");\n } else {\n removeFilter(field, currentDate, \"any\");\n searchArchivedEvents(textOfLabel);\n }\n };\n\n return (\n \n
\n \n {title &&
\n {title}
}\n\n {formConfig && (\n- {linksList}
\n
\n );\n};\n\nArchivedFilter.defaultProps = {\n className: \"\",\n};\n\nArchivedFilter.propTypes = {\n field: PropTypes.string.isRequired,\n date: PropTypes.string.isRequired,\n filters: PropTypes.array.isRequired,\n addFilter: PropTypes.func.isRequired,\n removeFilter: PropTypes.func.isRequired,\n className: PropTypes.string,\n};\n\nexport default withSearch(({ addFilter, removeFilter, filters }) => ({\n addFilter,\n removeFilter,\n filters,\n}))(ArchivedFilter);\n","/**\n * @type {function} prepareBodyWithHighlights\n *\n * @param {object} searchHighlights an object which contains a values\n * of the fields passed to highlight in query\n * in file ./search-connector/requestAdapter.js\n *\n * @returns {string|undefined} a string with text\n * which contains highlighted query or undefined.\n */\nconst prepareBodyWithHighlights = (searchHighlights) => {\n // In case we have summary field in highlights return first value of it.\n if (Object.prototype.hasOwnProperty.call(searchHighlights, \"summary\")) {\n return searchHighlights.summary[0];\n }\n // Otherwise let's try to return content field value.\n if (Object.prototype.hasOwnProperty.call(searchHighlights, \"content\")) {\n return searchHighlights.content.join(\" \");\n }\n return undefined;\n};\n\nexport default prepareBodyWithHighlights;\n","import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withSearch } from \"@elastic/react-search-ui\";\n\nimport classnames from \"classnames\";\nimport ListingPageHero from \"../ListingPageHero/ListingPageHero\";\nimport ResultItem from \"../ResultItem/ResultItem\";\nimport PagingInfo from \"../PagingInfo/PagingInfo\";\nimport Loading from \"../Loading/Loading\";\nimport Sorter from \"../Sorter/Sorter\";\nimport Pagination from \"../Pagination/Pagination\";\nimport Facets from \"../Facets/Facets\";\nimport SearchSubNav from \"../SearchSubNav/SearchSubNav\";\nimport ArchivedFilter from \"../ArchivedFilter/ArchivedFilter\";\nimport {\n searchResultsSorted,\n searchResultItem,\n searchPerformedByTag,\n} from \"../../lib/analytic/trackSearch\";\nimport nameOfSearch from \"../../constants/nameOfSearch\";\nimport { BREAKPOINT_DESKTOP } from \"../../constants/Breakpoints\";\nimport useMedia from \"../../lib/hooks/useMedia\";\nimport prepareBodyWithHighlights from \"../../lib/help/prepareBodyWithHighlights\";\n\nconst SearchResultsPage = ({\n searchTerm,\n setSearchTerm,\n results,\n isLoading,\n setSort,\n setCurrent,\n totalPages,\n current,\n totalResults,\n pagingStart,\n pagingEnd,\n sortField,\n wasSearched,\n dateRangeFilterConfig,\n resultsPerPage,\n alwaysShowingFacets,\n ...rest\n}) => {\n const {\n sortOptions,\n facetsConfig,\n listingPageHero,\n searchSubNav,\n subNavFacetsToHide,\n mainFacetsToHide,\n archivedFilterSettings,\n typeOfSearch,\n extraClass,\n resetSorting,\n showSuggestions,\n showTags,\n dynamicHiddenFacets,\n } = rest;\n const isMobile = useMedia(`(max-width: ${BREAKPOINT_DESKTOP - 1}px)`);\n // For some search need to set sorting on search use settings.\n const resetSortingHandler = () =>\n resetSorting !== null && setSort(resetSorting.initialSort);\n const formConfig = {\n inputValue: searchTerm,\n typeOfSearch,\n resetSorting: resetSortingHandler,\n showSuggestions,\n formOnSubmit: (val) => setSearchTerm(val),\n ...(listingPageHero && { ...listingPageHero }.formConfig),\n ...(searchSubNav && { ...searchSubNav }.formConfig),\n };\n const tagSearchText = \"tags:\";\n // On click on tag from result item set current tag to search.\n const handleClickOnTag = (e) => {\n resetSortingHandler();\n const tagText = `${tagSearchText}\"${e.currentTarget.innerText}\"`;\n setSearchTerm(tagText);\n searchPerformedByTag(typeOfSearch, tagText);\n };\n // On load, push analytic if search by tag.\n useEffect(() => {\n if (searchTerm.indexOf(tagSearchText) > -1) {\n searchPerformedByTag(typeOfSearch, searchTerm);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n const getCurrentItem = (items, idOfItem) =>\n items.find((item) => item.id.raw === idOfItem);\n\n const analyticDataForItem = (data) => {\n const currentItem = getCurrentItem(results, data.id);\n const globalPosition =\n current !== 1\n ? (current - 1) * resultsPerPage + currentItem.position\n : currentItem.position;\n const searchPageNumber = `${current} of ${totalPages}`;\n return {\n title: currentItem.title.raw.replace(/(<([^>]+)>)/gi, \"\"),\n position: `${globalPosition} of ${totalResults}`,\n searchPageNumber,\n type: currentItem.type.raw,\n };\n };\n const trackItem = (item, name, action) => {\n const analyticData = analyticDataForItem(item);\n searchResultItem(\n analyticData.title,\n analyticData.position,\n analyticData.searchPageNumber,\n analyticData.type,\n name,\n action\n );\n };\n const handleExpandItem = (item) => {\n trackItem(\n item,\n \"searchResultExpandedPreview\",\n \"Expanded Preview of Search Result\"\n );\n };\n const handClickItem = (item) => {\n trackItem(item, \"searchResultSelected\", \"Selected a Search Result\");\n };\n // Added text to subtitle if result from extra sorting.\n // It is only for product search.\n const updateSubTitle = (item) => {\n if (item?.top_position && item.top_position.raw > 0) {\n return `FEATURED | ${item.pretitle.raw}`;\n }\n return item.pretitle.raw;\n };\n const resultsList = results.map((result) => {\n const subTitle =\n typeOfSearch === nameOfSearch.product\n ? updateSubTitle(result)\n : result.pretitle.raw;\n const bodyFormatted = result[\"@search.highlights\"]\n ? prepareBodyWithHighlights(result[\"@search.highlights\"].raw)\n : result.summary.raw;\n const resultProps = {\n image: result.image.raw,\n linkUrl: result.url.raw,\n linkTitle: result.title.raw,\n subtitle: subTitle,\n body: bodyFormatted,\n tags: result.tags.raw,\n id: result.id.raw,\n isSearchResult: true,\n showTags,\n handleClickOnTag,\n handleExpand: handleExpandItem,\n handleClick: handClickItem,\n };\n return (\n \n
\n \n {listingPageHero && (\n
\n );\n};\n\nSearchResultsPage.defaultProps = {\n typeOfSearch: \"\",\n extraClass: \"\",\n dateRangeFilterConfig: null,\n resetSorting: null,\n showSuggestions: false,\n showTags: false,\n dynamicHiddenFacets: {},\n alwaysShowingFacets: [],\n};\n\nSearchResultsPage.propTypes = {\n searchTerm: PropTypes.string.isRequired,\n setSearchTerm: PropTypes.func.isRequired,\n results: PropTypes.array.isRequired,\n isLoading: PropTypes.bool.isRequired,\n wasSearched: PropTypes.bool.isRequired,\n setSort: PropTypes.func.isRequired,\n setCurrent: PropTypes.func.isRequired,\n current: PropTypes.number.isRequired,\n totalPages: PropTypes.number.isRequired,\n totalResults: PropTypes.number.isRequired,\n pagingStart: PropTypes.number.isRequired,\n pagingEnd: PropTypes.number.isRequired,\n sortField: PropTypes.oneOfType([PropTypes.string, PropTypes.object])\n .isRequired,\n typeOfSearch: PropTypes.string,\n extraClass: PropTypes.string,\n dateRangeFilterConfig: PropTypes.object,\n resetSorting: PropTypes.object,\n showSuggestions: PropTypes.bool,\n showTags: PropTypes.bool,\n resultsPerPage: PropTypes.number.isRequired,\n dynamicHiddenFacets: PropTypes.object,\n alwaysShowingFacets: PropTypes.array,\n};\n\n// Export component with `withSearch` context to have access\n// to the the need search context properties.\n// Context provider and settings defined in the SearchResultPAgeContainer.\nexport default withSearch(\n ({\n searchTerm,\n setSearchTerm,\n results,\n isLoading,\n setSort,\n setCurrent,\n current,\n totalPages,\n totalResults,\n pagingStart,\n pagingEnd,\n sortField,\n wasSearched,\n resultsPerPage,\n }) => ({\n searchTerm,\n setSearchTerm,\n results,\n isLoading,\n setSort,\n setCurrent,\n totalPages,\n current,\n totalResults,\n pagingStart,\n pagingEnd,\n sortField,\n wasSearched,\n resultsPerPage,\n })\n)(SearchResultsPage);\n","export const BREAKPOINT_MOBILE = 768;\nexport const BREAKPOINT_DESKTOP = 1110;\n","const nameOfSearch = {\n product: \"Product\",\n newsroom: \"Article\",\n global: \"Global\",\n event: \"Event\",\n};\n\nexport default nameOfSearch;\n","/**\n * Data layer template.\n * @param {string} label of data layer.\n * @param {object} vars of data what need to push.\n * @param {string} eventName.\n * @param {string} eventAction.\n * @param {string} eventCategory.\n */\nexport default function dataLayerPush(\n label,\n vars,\n eventName,\n eventAction,\n eventCategory = \"Content Interactions\"\n) {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n event: eventName,\n eventCategory,\n eventAction,\n eventLabel: label,\n eventValue: undefined,\n eventOrigin: \"front-end\",\n eventVars: vars,\n });\n}\n","/**\n * Analytics for search.\n */\n\nimport dataLayerPush from \"./dataLayerPush\";\n\nconst eventCategory = \"Search\";\n\n/**\n * Track input search on search pages.\n *\n * @param {string} searchType.\n * @param {string} query fo search.\n */\nexport function searchPerformed(searchType, query) {\n const eventLabel = `Search Type: ${searchType} | Query: ${query}`;\n const eventVars = { searchType, query };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchPerformed\",\n \"Performed Search\",\n eventCategory\n );\n}\n\n/**\n * Track facet on search pages.\n *\n * @param {string} searchFilterCategory filing category.\n * @param {string} searchFacetChoice facet name.\n */\nexport function searchResultsCategoryFiltered(\n searchFilterCategory,\n searchFacetChoice\n) {\n const eventLabel = `Search Filter: ${searchFilterCategory} | Choice: ${searchFacetChoice}`;\n const eventVars = {\n searchFilterCategory,\n searchFacetChoice,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchResultsCategoryFiltered\",\n \"Filtered Search Results By Category\",\n eventCategory\n );\n}\n\n/**\n * Track select on search pages.\n *\n * @param {string} searchLocationSelected value of select.\n */\nexport function searchLocationFiltered(searchLocationSelected) {\n const eventLabel = `Location: ${searchLocationSelected}`;\n const eventVars = {\n searchLocationSelected,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchLocationFiltered\",\n \"Filtered Search Location\",\n eventCategory\n );\n}\n\n/**\n * Track clear button on search pages.\n *\n * @param {string} searchType type of search.\n */\nexport function searchClearFilters(searchType) {\n const eventLabel = `Cleared Filter on: ${searchType} Search`;\n const eventVars = {\n searchType,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchClearFiltersButtonEngaged\",\n \"Cleared Search Filters\",\n eventCategory\n );\n}\n\n/**\n * Track date choose on search pages.\n *\n * @param {string} filterDateSelected type of search.\n */\nexport function searchDateFiltered(filterDateSelected) {\n const eventLabel = `Filter Date: ${filterDateSelected}`;\n const eventVars = {\n filterDateSelected,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchDateFiltered\",\n \"Filtered Date of Search Results\",\n eventCategory\n );\n}\n\n/**\n * Track show more btn on search pages.\n *\n * @param {string} showButtonText text of button.\n */\nexport function searchShowButton(showButtonText) {\n const eventLabel = `${showButtonText}`;\n const eventVars = {\n showButtonText,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchShowButtonEngaged\",\n \"Engaged Show All or Show Less Search Results Button\",\n eventCategory\n );\n}\n\n/**\n * Track sort select on search pages.\n *\n * @param {string} sortStyle text of select.\n */\nexport function searchResultsSorted(sortStyle) {\n const eventLabel = `Sorted by: ${sortStyle}`;\n const eventVars = {\n sortStyle,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchResultsSorted\",\n \"Sorted Search Results List\",\n eventCategory\n );\n}\n\n/**\n * Track click on result item or inside to expand button.\n *\n * @param {string} searchResultTitle text title of result item.\n * @param {string} searchResultPosition position of item.\n * @param {string} searchPageNumber.\n * @param {string} contentType.\n * @param {string} eventName.\n * @param {string} eventAction.\n */\nexport function searchResultItem(\n searchResultTitle,\n searchResultPosition,\n searchPageNumber,\n contentType,\n eventName,\n eventAction\n) {\n const eventLabel = `Result: ${searchResultTitle} | Position: ${searchResultPosition} | Page: ${searchPageNumber} | Content Type: ${contentType}`;\n const eventVars = {\n searchResultTitle,\n searchResultPosition,\n searchPageNumber,\n contentType,\n };\n dataLayerPush(eventLabel, eventVars, eventName, eventAction, eventCategory);\n}\n\n/**\n * Track option archived events on search.\n *\n * @param {string} extraSearchOption label of checkbox.\n */\nexport function searchArchivedEvents(extraSearchOption) {\n const eventLabel = `Option: ${extraSearchOption}`;\n const eventVars = {\n extraSearchOption,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchOptionIncludeArchivedEvents\",\n \"Selected Extra Search Option\",\n eventCategory\n );\n}\n\n/**\n * Track tag click on search.\n *\n * @param {string} searchType type of search.\n * @param {string} tagQuery text of tag.\n */\nexport function searchPerformedByTag(searchType, tagQuery) {\n const eventLabel = `Search Type: ${searchType} | Query: ${tagQuery}`;\n const eventVars = {\n searchType,\n tagQuery,\n };\n dataLayerPush(\n eventLabel,\n eventVars,\n \"searchPerformedByTag\",\n \"Performed Search by Tag\",\n eventCategory\n );\n}\n","const printAttributes = (arrayOfAttributes) => {\n const attributes = {};\n const arrayAttr =\n arrayOfAttributes.constructor === Array ? arrayOfAttributes : [];\n arrayAttr.forEach((attr) => {\n Object.assign(attributes, attr);\n });\n return attributes;\n};\n\nexport default printAttributes;\n","import { useState, useEffect } from \"react\";\n\nconst useMedia = (query) => {\n const [doesMatch, onSetDoesMatch] = useState(false);\n\n useEffect(() => {\n const onUpdateMatch = ({ matches }) => {\n onSetDoesMatch(matches);\n };\n\n const matcher = window.matchMedia(query);\n\n const isModern = \"addEventListener\" in matcher;\n if (isModern) {\n matcher.addEventListener(\"change\", onUpdateMatch);\n } else {\n matcher.addListener(onUpdateMatch);\n }\n\n onUpdateMatch(matcher);\n\n return () => {\n if (isModern) {\n matcher.removeEventListener(\"change\", onUpdateMatch);\n } else {\n matcher.removeListener(onUpdateMatch);\n }\n };\n }, [query, onSetDoesMatch]);\n\n return doesMatch;\n};\n\nexport default useMedia;\n","import { useEffect, useRef } from \"react\";\n\nfunction usePrevious(value) {\n const ref = useRef();\n useEffect(() => {\n ref.current = value;\n });\n return ref.current;\n}\n\nexport default usePrevious;\n"],"names":["_path","_path2","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgCalendar","props","xmlns","width","height","fill","d","PagerItem","_ref","page","onClick","current","text","totalPages","classes","ariaLabelText","concat","React","className","classnames","type","defaultProps","PropTypes","PagerBreak","Pagination","onChange","scrollToTop","scrollOffset","allowLoadMore","onLoadMore","prevCurrent","usePrevious","useEffect","setTimeout","target","document","querySelector","window","scrollTo","top","offsetTop","Math","abs","getBoundingClientRect","behavior","handlePageClick","p","getRange","start","end","Array","map","v","i","list","curr","delta","range","round","pages","min","withDots","value","pair","createPager","item","key","random","toString","role","disabled","rel","textBlock","count","origText","trim","slice","q","exec","zcount","p1","split","p2","dist1","dist2","v1","pop","v2","shift","nokia","delimiter","d1","Number","MAX_SAFE_INTEGER","d2","undefined","truncate","separator","Tags","dataTags","moreTags","tags","handleClick","buttonElement","useRef","_useState","useState","_useState2","_slicedToArray","showMoreTags","setShowMoreTags","renderTags","tagsItems","addRef","ref","tag","needShowMoreTags","ariaAttributes","focus","ResultItem","image","subtitle","linkUrl","linkTitle","linkAttributes","body","id","isSearchResult","showTags","handleClickOnTag","handleExpand","attributesLink","printAttributes","showBody","setShowBody","classBody","classBtn","classBlock","idBody","dataForAnalytics","href","dangerouslySetInnerHTML","__html","src","url","alt","data","cutText","SearchInput","getAutocomplete","getButtonProps","getInputProps","getLabelProps","clearSelection","inputValue","mobileView","innerWidth","BREAKPOINT_DESKTOP","formClasses","_objectSpread","onBlur","event","nativeEvent","preventDownshiftDefault","SearchSvg","callbackRef","placeholderText","allAutocompletedItemsCount","autocompleteView","isFocused","_props$inputProps","inputProps","inputView","onSelectAutocomplete","onSubmit","useAutocomplete","rest","autocompletedResults","autocompletedSuggestions","autocompletedSuggestionsCount","completeSuggestion","notifyAutocompleteSelected","_objectWithoutProperties","_excluded","focusedClass","AutocompleteView","Autocomplete","InputView","Downshift","onInputValueChange","newValue","itemToString","downshiftProps","closeMenu","isOpen","autocompleteClass","additionalProps","_excluded2","_ref2","_excluded3","SearchForm","formConfig","inputPlaceholder","inputId","formOnSubmit","typeOfSearch","resetSorting","showSuggestions","componentClasses","SearchBox","autocompleteMinimumCharacters","autocompleteSuggestions","view","useCallback","_objectDestructuringEmpty","SearchBoxView","placeholder","searchTerm","searchPerformed","selection","_ref3","defaultOnSelectAutocomplete","suggestion","closeIcon","ListingPageHero","theme","layoutClasses","title","searchForm","searchFormConfig","containerClasses","PagingInfo","pagingStart","pagingEnd","totalResults","componentClassNames","classNames","Sorter","label","options","direction","optionsList","option","index","name","onSelectChange","selectedValue","selectedIndex","getAttribute","selecteDirection","find","htmlFor","Link","children","linkClasses","Heading","level","modifiers","headingBaseClass","Tag","markSelectedFacetValuesFromFilters","facet","filters","fieldName","filterType","facetValues","filterValuesForField","filter","f","field","values","findFilterValues","facetValue","selected","some","filterValue","filterValue1","filterValue2","deepEqual","strict","getFilterValueDisplay","String","textOfButton","showTextLess","MultiCheckboxFacet","onSelect","onRemove","showMore","showMoreOptions","setShowMoreOptions","optionsToShow","cutNumber","initialShowings","sortedOptions","sort","x","y","lab","forEach","searchResultsCategoryFiltered","formItemsClasses","handleChange","isChecked","setOptions","checked","toLocaleString","ShowMore","searchShowButton","currentTarget","innerText","SvgX","stroke","strokeWidth","DateFacet","fieldLabel","fieldId","fieldValue","setFieldValue","currentDate","Date","today","UTC","getFullYear","getMonth","getDate","timezoneDate","getTime","getTimezoneOffset","onFieldChange","val","adjustedDate","toISOString","searchDateFiltered","substr","adjustedFieldValue","clearIcon","ClearIcon","DatePicker","format","dayPlaceholder","monthPlaceholder","yearPlaceholder","calendarIcon","CalendarIcon","SingleRadioFacet","showAll","clearFilters","alwaysShowingFacets","prevValue","setPrevValue","optionAll","defaultShowingFacets","onOptionChange","customOptions","_toConsumableArray","unshift","optionProps","Radio","SingleSelectFacet","allLabel","searchLocationFiltered","allLabelValue","FacetsList","facetsConfig","facetsToHide","facets","addFilter","removeFilter","setFilter","cssClasses","sortedFacets","entries","indexOf","a","b","weight","facetItem","facetName","facetView","labelsWeight","_facetsConfig$facetNa","_facetsConfig$facetNa2","localeCompare","selectedValues","fv","facetProps","withSearch","_ref4","DateRangeFilter","config","filtersList","keys","_config$key","Facets","dateRangeFilterConfig","nameOfSearch","dynamicHiddenFacets","removeFromHiddenFacets","itemsFacets","_getNeededFacet$","getNeededFacet","_getNeededFacet$2","_showFacets$","currentFacet","items","getHiddenFacets","localFacetsToHide","el","includes","modalOpened","setModalOpened","closeModalButton","openModalButton","modalAttributes","modalClasses","closeModal","classList","remove","add","facetsKeys","facetsToHideCompare","openModalBtnIsDisabled","searchClearFilters","SearchSubNav","links","linksList","link","replace","ArchivedFilter","date","setChecked","isFilterData","fromDate","textOfLabel","searchArchivedEvents","searchHighlights","prototype","summary","content","join","SearchResultsPage","setSearchTerm","results","isLoading","setSort","setCurrent","sortField","wasSearched","resultsPerPage","sortOptions","listingPageHero","searchSubNav","subNavFacetsToHide","mainFacetsToHide","archivedFilterSettings","extraClass","isMobile","useMedia","resetSortingHandler","initialSort","tagSearchText","tagText","searchPerformedByTag","trackItem","action","analyticData","idOfItem","currentItem","raw","globalPosition","position","searchPageNumber","analyticDataForItem","searchResultItem","handleExpandItem","handClickItem","resultsList","result","subTitle","product","top_position","pretitle","bodyFormatted","prepareBodyWithHighlights","resultProps","resultsClasses","searchResultsSorted","sortHandle","Loading","BREAKPOINT_MOBILE","newsroom","global","dataLayerPush","vars","eventName","eventAction","eventCategory","dataLayer","push","eventLabel","eventValue","eventOrigin","eventVars","searchType","query","searchFilterCategory","searchFacetChoice","searchLocationSelected","filterDateSelected","showButtonText","sortStyle","searchResultTitle","searchResultPosition","contentType","extraSearchOption","tagQuery","arrayOfAttributes","attributes","constructor","attr","doesMatch","onSetDoesMatch","onUpdateMatch","matches","matcher","matchMedia","isModern","addEventListener","addListener","removeEventListener","removeListener"],"sourceRoot":""}\n
\n \n {!isMobile && (\n sortHandle(val)}\n value={sortField && sortField.value}\n direction={sortField && sortField.direction}\n />\n )}\n\n {isMobile && (\n
\n \n
\n \n
\n \n {isLoading ? (\n setCurrent(p)}\n scrollToTop=\".search-results-page__main\"\n scrollOffset={scrollTopOffset}\n />\n )}\n \n )}\n
\n - \n {resultsList}\n