{"version":3,"file":"js/scripts_react_shared_components_ButtonGroup_index_js-scripts_react_shared_components_ErrorDis-2ec1cf.js?_t=378d6a87a14083a3d11c","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AAAA;AAEA;AAEA;AAEA;AACA;AAOA;AACA;AAAA;AAEA;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AACA;AACA;AAGA;AACA;AAMA;AACA;AAAA;AACA;AACA;AAEA;AAOA;AACA;AAAA;AACA;AACA;AAEA;AAaA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAcA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAiBA;AACA;AACA;AAcA;AACA;AACA;AAUA;AACA;AACA;AAUA;AACA;AACA;AAcA;AACA;AACA;AAaA;AACA;AACA;AASA;AACA;AACA;AAMA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AAEA;AASA;;;;;;;;;;;;;;;;;;;;;;AC5PA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAEA;AACA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;;;;;;;;;;;;;;;;;;;;ACrFA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAEA;AAAA;AAGA;AACA;AACA;AAAA;AAEA;AAEA;AAAA;AACA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAIA;AAMA;AACA;AACA;AAAA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AAOA;AAAA;AACA;AAGA;AAEA;AACA;AAAA;AAGA;AAAA;AACA;AACA;AAGA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAGA;AAEA;;;;;;;;;;;;;;;;AC7JA;;;;;;;;;;;;;;;;ACAA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAAA;AACA;AACA;AAIA;AACA;AACA;AAGA;AAEA;;;;;;;;;;;;;;;;ACtDA;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AAAA;AAAA;AACA;AAGA;AAMA;AAAA;AAEA;AACA;AAGA;AAcA;AAEA;;;;;;;;;;;;;;;;ACrGA;;;;;;;;;;;;;;;;ACAA;AAEA;AACA;AAAA;AAEA;AAOA;AAEA;;;;;;;;;;;;;;;;ACdA;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AAOA;AAAA;AAGA;AAAA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AAAA;AACA;AAGA;AACA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AAAA;AAIA;AACA;AAAA;AACA;AAGA;AACA;AAEA;AAEA;AAAA;AAGA;AACA;AAAA;AAGA;AAAA;AAGA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAIA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AACA;AAGA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAA;AACA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AAOA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAGA;AAYA;AAIA;AAIA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;AC1QA;;;;;;;;;;;;;;;;;ACAA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAMA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AACA;AACA;AACA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAIA;AAEA;AAEA;AAOA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAAA;AACA;AACA;AAGA;AAUA;AAGA;AAEA;;;;;;;;;;;;;;;;ACxGA;;;;;;;;;;;;;;;;;ACAA;AACA;AAEA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AACA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAKA;AAIA;AAEA;;;;;;;;;;;;;;;;ACjDA;;;;;;;;;;;;;;;;ACAA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAGA;AACA;AAEA;AACA;AAAA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;ACnBA;AAEA;AAEA;AACA;AAEA;AACA;AAAA;AAGA;AACA;;;;;;;;;;;;;;;;;;;;ACZA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AAIA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AACA;AAAA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AACA;AAAA;AAEA;AAAA;AAGA;AAAA;AACA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AAEA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AACA;AAGA;AAAA;AAGA;AAAA;AACA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;;;;;;;;AC9MA;AAEA;AAMA;AACA;AACA;AAAA;AAEA;AAAA;AACA;AAGA;AACA;AACA;AAAA;AAEA;AACA;AACA;AAAA;AACA;AAEA;;;;;;;;;;;;;;;;;;ACxBA;AACA;AAEA;AACA;AACA;AAEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AASA;AACA;AAEA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AAAA;AAGA;AACA;AASA;AACA;AACA;AAAA;AAEA;AACA;AASA;AACA;AACA;AAEA;AACA;AAKA;AACA;AAAA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AACA;AASA;AACA;AAKA;AAKA;AACA;AACA;AACA;AAAA;AAEA;AAEA;AACA;AAEA;AACA;AACA;AAAA;AACA;AAGA;AACA;;;;;;;;;;;;;;;;;;AC/IA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AACA;AAAA;AACA;AAEA;AAEA;;;;;;;;;;;;;;;;;;;;;;ACfA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AACA;AACA;AACA;AAEA;AAEA;AAAA;AAAA;AACA;AAEA;AAAA;AAGA;AAAA;AAAA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AACA;AAEA;AASA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAiBA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAKA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAEA;AAAA;AAAA;AACA;AAAA;AAKA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAAA;AAAA;AACA;AACA;AAAA;AAIA;AAEA;AAGA;AAEA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAYA;AAMA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAAA;AAIA;AAIA;AACA;AAAA;AAAA;AACA;AACA;AAAA;AAOA","sources":["webpack://@mlssoccer/netcore/./scripts/libraries/_modules/tracking/helpers.js","webpack://@mlssoccer/netcore/./scripts/react/mls-player-stats/utils.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ButtonBase/ButtonBase.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ButtonBase/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ButtonGroup/ButtonGroup.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ButtonGroup/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Dropdown/Dropdown.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Dropdown/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ErrorDisplay/ErrorDisplay.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ErrorDisplay/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/StatsSidebar/StatsSidebar.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/StatsSidebar/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Table/Table.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/Table/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ToggleButton/ToggleButton.js","webpack://@mlssoccer/netcore/./scripts/react/shared/components/ToggleButton/index.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useClickOutside.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useEventCallback.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useFilters.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useForkRef.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useIsFocusVisible.js","webpack://@mlssoccer/netcore/./scripts/react/shared/hooks/useResize.js","webpack://@mlssoccer/netcore/./scripts/react/shared/svg/Svg.js"],"sourcesContent":["/**\n * @private\n * Push somethig in dataLayer\n * @param obj object to push\n */\nconst dataLayerPush = (obj) => {\n if (!obj) return;\n\n window.dataLayer = window.dataLayer ?? [];\n\n obj = cleanupNull(obj);\n\n window.dataLayer.push(obj);\n};\n\n/**\n * @private\n * cleanup inner props\n * @param {object} obj\n */\nconst cleanupNull = (obj) => {\n if (obj === null) return undefined;\n\n if (typeof obj === 'string') return obj;\n\n for (const key in obj) {\n if (obj.hasOwnProperty(key)) {\n if (Array.isArray(obj[key])) {\n for (let index = 0; index < obj[key].length; index++) {\n obj[key][index] = cleanupNull(obj[key][index]);\n }\n } else {\n obj[key] = cleanupNull(obj[key]);\n }\n }\n }\n\n return obj;\n};\n\n/**\n * Push new Core dataLayer info\n * @param data the meta data\n */\nexport const addCoreDataLayer = (data) => {\n dataLayerPush({\n 'event': 'dataLayer-initialized',\n ...data,\n });\n};\n\n/**\n * Track generic event\n * @param {string} eventName event name\n * @param {any} data event data\n */\nexport const trackEvent = (eventName, data = {}) => {\n dataLayerPush({\n 'event': eventName,\n ...data\n });\n};\n\n/**\n * track block impression\n * @param {string} bucketName\n * @param {string} blockType\n * @param {{\n * id: string,\n * name: string,\n * creative: string,\n * position: string,\n * }[]} promotions\n */\nexport const trackBlockImpression = (bucketName, blockType, promotions) => {\n const impressionData = {\n bucketName,\n blockType,\n 'ecommerce': promotions?.length ? {\n 'promoView': {\n promotions,\n },\n } : undefined,\n };\n\n trackEvent('block-impression', impressionData);\n};\n\n/**\n * track block click\n * @param {string} bucketName\n * @param {string} blockType\n * @param {object} data\n * @param {{\n * id: string,\n * name: string,\n * creative: string,\n * position: string,\n * }} promotion\n */\nexport const trackBlockClick = (bucketName, blockType, layoutName, blockLayout, blockStyle, data, promotion) => {\n const clickData = {\n bucketName,\n blockType,\n layoutName,\n blockLayout,\n blockStyle,\n ...data,\n 'ecommerce': promotion ? {\n 'promoClick': {\n promotions: [promotion],\n },\n } : undefined,\n };\n\n trackEvent('block-click', clickData);\n};\n\n/**\n * Track MatchHub click event\n * @param {{\n * clickType: string,\n * clickItem: string,\n * match: string,\n * matchState: string,\n * clubName: string,\n * playerName: string,\n * competition: string,\n * cardType: string,\n * optaEventType: string,\n * toggle: string\n * }} clickData\n */\nexport const trackMatchHubClick = (clickData) => {\n trackEvent('match-hub-click', clickData);\n};\n\n/**\n * Track Match interaction event\n * @param {{\n * clickType: string,\n * clickItem: string,\n * clickPosition: string,\n * matchState: string,\n * match: string,\n * competition: string,\n * travelType: string\n * }} clickData\n */\nexport const trackMatchInteraction = (clickData) => {\n trackEvent('match-interaction', clickData);\n};\n\n/**\n * Track Week Selector event\n * @param {{\n * selectorLocation: 'top' | 'bottom',\n * direction: 'forward' | 'back',\n * selection: string\n * }} clickData\n */\nexport const trackWeekSelector = (clickData) => {\n trackEvent('week-selector-click', clickData);\n};\n\n/**\n * Track Filter interaction event\n * @param {{\n * statsCategory: string,\n * filterType: string,\n * clickItem: string\n * }} clickData\n */\nexport const trackFilterClick = (clickData) => {\n trackEvent('filter-click', clickData);\n};\n\n/**\n * Track FeaturedMatch click event\n * @param {{\n* clickType: string,\n* clickItem: string,\n* match: string,\n* matchState: string,\n* playerName: string,\n* competition: string,\n* toggle: string\n* }} clickData\n*/\nexport const trackFeaturedMatchClick = (clickData) => {\n trackEvent('featured-match-click', clickData);\n};\n\n/**\n * Track HorizontalScoreboardMatch click event\n * @param {{\n* clickType: string,\n* clickItem: string,\n* match: string,\n* matchState: string,\n* competition: string,\n* clickPosition: string,\n* }} clickData\n*/\nexport const trackHorizontalScoreboardMatch = (clickData) => {\n trackEvent('horizontal-scoreboard-match-click', clickData);\n};\n\n/**\n * Track user successful login event\n * @param {{\n* userId: string,\n* method: string,\n* }} eventData\n*/\nexport const trackUserLogin = (eventData) => {\n trackEvent('successful-login-freemium', eventData);\n};\n\n\n/**\n * Track user login freemium login wall event\n*/\nexport const trackUserFreemiumLoginWall = (eventData) => {\n trackEvent('freemium-login-wall', eventData);\n};\n\nexport const trackUserFreemiumLoginWallViewed = (eventData) => {\n trackEvent('freemium-login-wall_viewed', eventData);\n};\n\nexport const trackUserFreemiumLoginWallCtaClicked = (eventData) => {\n trackEvent('freemium-cta-click', eventData);\n};\n\nexport const trackUserFreemiumSuccessfulSignup = (eventData) => {\n trackEvent('successful-signup', eventData);\n};\n\nexport const trackUserFreemiumSuccessfulLogin = (eventData) => {\n trackEvent('successful-login-freemium', eventData);\n};\n\nexport const trackUserLogged = (userId) => {\n // const dataLayerInitialized = window.dataLayer.find((e) => e.event == 'dataLayer-initialized');\n\n // if (dataLayerInitialized) {\n // dataLayerPush({\n // ...dataLayerInitialized,\n // 'userId': userId,\n // });\n // }\n};\n","import { createContext, useContext, useState, useEffect, useCallback } from \"react\";\nimport { statTypes } from \"../shared/components/Table/utils\";\n\nexport const StatsContext = createContext();\nStatsContext.displayName = 'Stats';\n\nexport function useHash() {\n const [hash, setHash] = useState(() => window.location.hash);\n\n const hashChangeHandler = useCallback(() => {\n setHash(window.location.hash);\n }, []);\n\n useEffect(() => {\n window.addEventListener('hashchange', hashChangeHandler);\n return () => {\n window.removeEventListener('hashchange', hashChangeHandler);\n };\n }, []);\n\n const updateHash = useCallback(\n newHash => {\n if (newHash !== hash) window.location.hash = newHash;\n },\n [hash]\n );\n\n return [hash, updateHash];\n}\n\nexport const getStatTypeQuery = (statType) => {\n if (!statType) return null;\n\n switch (statType) {\n case statTypes.statsGeneral:\n return \"general\";\n case statTypes.statsPassing:\n return \"passing\";\n case statTypes.statsDefending:\n return \"defending\";\n case statTypes.statsAttacking:\n return \"attacking\";\n case statTypes.statsGoalKeeping:\n return \"goalkeeping\";\n default:\n return statType;\n }\n};\n\nexport const getStatTypeFromQuery = (statType) => {\n if (!statType) return null;\n\n switch (statType) {\n case \"general\":\n return statTypes.statsGeneral;\n case \"passing\":\n return statTypes.statsPassing;\n case \"defending\":\n return statTypes.statsDefending;\n case \"attacking\":\n return statTypes.statsAttacking;\n case \"goalkeeping\":\n return statTypes.statsGoalKeeping;\n default:\n return statType;\n }\n};\n\nexport const getHashQueryObject = (query) => {\n const pairs = query.slice(1).split(\"&\");\n const filters = {};\n pairs.forEach(function (pair) {\n pair = pair.split('=');\n filters[pair[0]] = decodeURIComponent(pair[1] || '');\n });\n\n return filters;\n};\n\nexport function useStatsData() {\n const context = useContext(StatsContext);\n if (context === undefined) {\n throw new Error('useStatsData must be used within a or ');\n }\n return context;\n}\n","import React, { forwardRef, useImperativeHandle } from 'react';\nimport ReactDOM from 'react-dom';\nimport useIsFocusVisible from \"../../hooks/useIsFocusVisible\";\nimport useEventCallback from \"../../hooks/useEventCallback\";\nimport useForkRef from \"../../hooks/useForkRef\";\n\nconst ButtonBase = forwardRef(function ButtonBase(props, ref) {\n const {\n action,\n buttonRef: buttonRefProp,\n children,\n className,\n component = 'button',\n disabled = false,\n onBlur,\n onClick,\n onFocus,\n onFocusVisible,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseLeave,\n onMouseUp,\n onTouchEnd,\n onTouchMove,\n onTouchStart,\n onDragLeave,\n tabIndex = 0,\n type = 'button',\n ...other\n } = props;\n\n const buttonRef = React.useRef(null);\n function getButtonNode() {\n // eslint-disable-next-line react/no-find-dom-node\n return ReactDOM.findDOMNode(buttonRef.current);\n }\n\n const [focusVisible, setFocusVisible] = React.useState(false);\n if (disabled && focusVisible) {\n setFocusVisible(false);\n }\n const { isFocusVisible, ref: focusVisibleRef } = useIsFocusVisible();\n\n useImperativeHandle(\n action,\n () => ({\n focusVisible: () => {\n setFocusVisible(true);\n buttonRef.current?.focus();\n },\n }),\n [],\n );\n\n const handleFocus = useEventCallback((event) => {\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n\n if (isFocusVisible(event)) {\n setFocusVisible(true);\n\n if (onFocusVisible) {\n onFocusVisible(event);\n }\n }\n\n if (onFocus) {\n onFocus(event);\n }\n });\n\n const isNonNativeButton = () => {\n const button = getButtonNode();\n return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n };\n\n const handleKeyDown = useEventCallback((event) => {\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n\n if (onKeyDown) {\n onKeyDown(event);\n }\n\n // Keyboard accessibility for non interactive elements\n if (\n event.target === event.currentTarget &&\n isNonNativeButton() &&\n event.key === 'Enter' &&\n !disabled\n ) {\n event.preventDefault();\n if (onClick) {\n onClick(event);\n }\n }\n });\n\n const handleKeyUp = useEventCallback((event) => {\n if (onKeyUp) {\n onKeyUp(event);\n }\n\n if (\n onClick &&\n event.target === event.currentTarget &&\n isNonNativeButton() &&\n event.key === ' ' &&\n !event.defaultPrevented\n ) {\n onClick(event);\n }\n });\n\n let ComponentProp = component;\n\n if (other?.href) {\n ComponentProp = 'a';\n }\n\n const buttonProps = {\n type,\n disabled\n };\n\n const handleUserRef = useForkRef(buttonRefProp, ref);\n const handleOwnRef = useForkRef(focusVisibleRef, buttonRef);\n const handleRef = useForkRef(handleUserRef, handleOwnRef);\n\n return (\n \n {children}\n \n );\n});\n\nexport default ButtonBase;\n","export { default } from './ButtonBase';\n","import React, { useState, forwardRef } from 'react';\n\nfunction isValueSelected(value, candidate) {\n if (candidate === undefined || value === undefined) {\n return false;\n }\n\n if (Array.isArray(candidate)) {\n return candidate.indexOf(value) >= 0;\n }\n\n return value === candidate;\n}\n\nconst ButtonGroup = forwardRef(function ToggleButton(props, ref) {\n const {\n children,\n className,\n onChange,\n value,\n } = props;\n\n const handleChange = (event, buttonValue) => {\n if (!onChange) {\n return;\n }\n\n onChange(event, value === buttonValue ? null : buttonValue);\n };\n\n return (\n \n {React.Children.map(children, (child) => {\n if (!React.isValidElement(child)) {\n return null;\n }\n\n return React.cloneElement(child, {\n className: child.props.className,\n onChange: handleChange,\n selected:\n child.props.selected === undefined\n ? isValueSelected(child.props.value, value)\n : child.props.selected,\n });\n })}\n \n );\n});\n\nexport default ButtonGroup;\n","export { default } from './ButtonGroup';\n","import React, { useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport { checkIfObject } from \"../../../../libraries/_helpers\";\nimport useResize from \"../../hooks/useResize\";\nimport { trackFilterClick } from '../../../../libraries/_modules/tracking/helpers';\nimport { translateTypes } from \"../../utils\";\nimport { useReactAppState } from \"../../containers/utils\";\n\nfunction findOption({ items, value, valueKey }) {\n if (!value || !items || items.length === 0) {\n return;\n }\n\n const matchedOption = (items || []).find((item) => {\n if ((valueKey && item[valueKey] && item[valueKey].toString() === value?.toString()) || item?.toString() === value?.toString()) {\n return item;\n }\n });\n\n return matchedOption ? matchedOption : items[0];\n}\n\nconst trackClick = (statsCategory, filterType, clickItem) => {\n trackFilterClick({ statsCategory, filterType, clickItem });\n};\n\nconst Dropdown = ({ extraClass, onChangeFn, items, type, currentValue, valueKey, displayKey, autoWidth = true, disabled = false, ariaLabel = \"\", title = \"\" }) => {\n const optionFound = useMemo(() => findOption({ items, value: currentValue, valueKey }), [items, currentValue, valueKey]);\n\n const ref = useRef(null);\n const { t } = useReactAppState() || {};\n\n function handleResize() {\n if (ref?.current && autoWidth) {\n setWidth(ref.current.offsetWidth + 48);\n }\n }\n\n const [width, setWidth] = useState(\"auto\");\n const [selectedOption, setSelectedOption] = useState(optionFound);\n\n useLayoutEffect(() => {\n setSelectedOption(optionFound);\n }, [items, currentValue]);\n\n useLayoutEffect(() => {\n handleResize();\n }, [items, selectedOption]);\n\n useResize(handleResize, 1000);\n\n const handleChange = React.useCallback((e) => {\n onChangeFn(e.target.value);\n trackClick('schedule', type, e.target.options[e.target.selectedIndex].innerText);\n }, [onChangeFn], []);\n\n return (\n <>\n \n {\n items\n ? items.map((item, index) => {\n const isObject = checkIfObject(item);\n return (\n \n {isObject ? translateTypes(t, item[displayKey]) : translateTypes(t, item)}\n \n );\n })\n : null\n }\n \n
\n \n {\n displayKey && selectedOption && selectedOption[displayKey]\n ? translateTypes(t, selectedOption[displayKey])\n : translateTypes(t, selectedOption)\n }\n \n
\n \n );\n};\n\nexport default Dropdown;\n","export { default } from './Dropdown';\n","import React from 'react';\n\nconst ErrorDisplay = ({ error }) => {\n if (!error || !error.message) return null;\n\n return (\n
\n

\n {error.message}\n

\n
\n );\n};\n\nexport default ErrorDisplay;\n","export { default } from './ErrorDisplay';\n","import React, { useState, useRef, useLayoutEffect, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\nimport { Transition } from \"@headlessui/react\";\nimport { disableBodyScroll, clearAllBodyScrollLocks } from 'body-scroll-lock';\nimport Dropdown from \"../../../shared/components/Dropdown\";\nimport ToggleButton from \"../../../shared/components/ToggleButton\";\nimport useClickOutside from '../../../shared/hooks/useClickOutside';\nimport { useStatsData } from \"../../../mls-player-stats/utils\";\nimport { actionTypes, useFilters } from \"../../hooks/useFilters\";\nimport { filterTypes, playerStatsPositionTypes } from \"../../utils\";\nimport { tableTypes } from \"../Table/utils\";\nimport { useReactAppState } from \"../../../shared/containers/utils\";\n\nconst StatsSidebar = (props) => {\n const { t } = useReactAppState();\n\n const {\n setIsOpen,\n isOpen,\n querySelector = 'body',\n title,\n tableType = tableTypes.players,\n initialState,\n enableAllYears = false\n } = props || {};\n\n const {\n updateFilter,\n resetFilters,\n clubOptaId: currentClubOptaId,\n competitionOptaId: currentCompetitionOptaId,\n season: currentSeason,\n position: currentPosition,\n appearances: currentAppearances,\n weather: currentWeather,\n versus: currentVersus,\n dateRange: currentDateRange,\n competitionSlug: currentCompetitionSlug,\n mlsPhaseType: currentMlsPhaseType,\n clubs,\n seasons,\n competitions,\n preSelectedClub,\n } = useStatsData();\n\n const { state, reset, updateFilter: updateSidebarFilters } = useFilters({\n initialState: {\n competitions,\n season: currentSeason,\n competitionSlug: currentCompetitionSlug,\n competitionOptaId: currentCompetitionOptaId,\n clubOptaId: currentClubOptaId,\n position: currentPosition,\n appearances: currentAppearances,\n versus: currentVersus,\n weather: currentWeather,\n dateRange: currentDateRange,\n mlsPhaseType: currentMlsPhaseType,\n }\n });\n\n const { mlsPhaseType, season, clubOptaId, position, appearances, weather, competitionSlug } = state || {};\n\n const node = useRef();\n const nodeSelect = useRef();\n const [isDisabled, setIsDisabled] = useState(true);\n\n useClickOutside(node, setIsOpen);\n\n useEffect(() => {\n updateSidebarFilters(actionTypes.apply)({\n versus: currentVersus,\n clubOptaId: currentClubOptaId,\n position: currentPosition,\n competitionOptaId: currentCompetitionOptaId,\n competitionSlug: currentCompetitionSlug,\n dateRange: currentDateRange,\n appearances: currentAppearances,\n weather: currentWeather,\n season: currentSeason,\n mlsPhaseType: currentMlsPhaseType,\n });\n }, [\n currentCompetitionOptaId,\n currentSeason,\n currentCompetitionSlug,\n currentClubOptaId,\n currentDateRange,\n currentVersus,\n currentPosition,\n currentAppearances,\n currentWeather,\n currentMlsPhaseType,\n ]);\n\n useEffect(() => {\n if (\n season !== currentSeason ||\n weather !== currentWeather ||\n competitionSlug !== currentCompetitionSlug ||\n clubOptaId !== currentClubOptaId ||\n position !== currentPosition ||\n appearances !== currentAppearances) {\n setIsDisabled(false);\n }\n else {\n setIsDisabled(true);\n }\n }, [season, competitionSlug, clubOptaId, position, appearances, weather, currentSeason, currentWeather, currentCompetitionSlug, currentClubOptaId, currentPosition, currentAppearances]);\n\n useLayoutEffect(() => {\n if (isOpen) {\n disableBodyScroll(node.current);\n setTimeout(() => {\n console.log(\"NODE CURRENT\", nodeSelect?.current);\n nodeSelect?.current?.querySelector(\"select\")?.focus();\n }, 750)\n }\n else {\n clearAllBodyScrollLocks();\n }\n }, [isOpen]);\n\n const clearState = React.useCallback((e) => {\n e.preventDefault();\n\n const { competitionSlug, season, mlsPhaseType } = initialState || {};\n\n const payload = {\n season,\n competitionSlug,\n mlsPhaseType,\n clubOptaId: filterTypes.allClubs,\n position: filterTypes.all,\n appearances: filterTypes.all,\n versus: filterTypes.all,\n weather: filterTypes.all,\n dateRange: filterTypes.all,\n };\n\n if (preSelectedClub) {\n const { clubOptaId, ...rest } = payload;\n reset(rest);\n resetFilters(rest);\n }\n\n else {\n reset(payload);\n resetFilters(payload);\n }\n }, [initialState, preSelectedClub]);\n\n const applyFilters = React.useCallback((e) => {\n e.preventDefault();\n\n setIsOpen(false);\n // clubOptaId: currentClubOptaId !== clubOptaId ? filterTypes.allClubs : clubOptaId\n updateFilter(actionTypes.apply)(state);\n }, [setIsOpen, updateFilter, state]);\n\n const mappedSeasons = seasons?.map((s) => {\n return { label: s, value: s };\n });\n\n return ReactDOM.createPortal(\n
\n
\n \n
\n \n\n
\n \n {\n title\n ?
{title}
\n : null\n }\n \n \n \n {\n tableType === tableTypes.players\n ? (\n <>\n {\n !preSelectedClub ? (\n \n ) : null\n }\n \n \n )\n : null\n }\n {/**/}\n {/**/}\n \n
\n clearState(e)}>{t(\"clear_filters\")}\n applyFilters(e)}>{t(\"apply_filters\")}\n
\n \n
\n
\n
,\n document.querySelector(querySelector)\n );\n};\n\nexport default StatsSidebar;\n","export { default } from './StatsSidebar';\n","import React from 'react';\nimport { getMinimumCount, getStandingsConfig, useHorizontalScrollSpy, getPlayoffCounter } from \"./utils\";\n\nfunction Table({\n baseClass,\n getTableProps,\n getTableBodyProps,\n headerGroups,\n rows,\n prepareRow,\n tableConfig,\n extraClasses,\n tableIsGrouped,\n tableReferences,\n headerPure,\n isGroupedByDivision\n}) {\n const [ref, isOriginalPosition] = useHorizontalScrollSpy(headerGroups);\n const emptyRows = !rows || rows.length < 1;\n const { homeAdvantage, topClubsLegend, playoffQualifiedEastConference, playoffQualifiedWestConference, playoffQualifiedCentralConference, homeAdvantageLegend, topClubs } = tableConfig || {};\n const header = headerGroups?.[0]?.headers?.[0]?.Header;\n\n let topClubsCounter = topClubsLegend ? getMinimumCount(topClubs, homeAdvantage, 1) : null;\n const playoffQualified = Math.max(Number.isInteger(playoffQualifiedEastConference) ? playoffQualifiedEastConference : 0, Number.isInteger(playoffQualifiedWestConference) ? playoffQualifiedWestConference : 0, Number.isInteger(playoffQualifiedCentralConference) ? playoffQualifiedCentralConference : 0);\n let homeAdvantageCounter = homeAdvantageLegend && header && !header.includes('none') ? getMinimumCount(homeAdvantage, playoffQualified, 4) : null;\n let playoffQualifiedCounter = !isGroupedByDivision ? getPlayoffCounter(headerPure, playoffQualifiedEastConference, playoffQualifiedWestConference, playoffQualifiedCentralConference) : null;\n\n return (\n <>\n
\n \n \n {headerGroups.map((headerGroup, headerGroupIndex) => (\n \n {headerGroup.headers.map((column, tableHeaderIndex) => (\n \n ))}\n \n ))}\n \n \n {!emptyRows\n ? rows.map((row, rowIndex) => {\n prepareRow(row);\n\n if (rowIndex !== 0 && topClubsCounter > 0) {\n topClubsCounter--;\n }\n\n if (rowIndex !== 0 && playoffQualifiedCounter > 0) {\n playoffQualifiedCounter--;\n }\n\n if (rowIndex !== 0 && homeAdvantageCounter > 0) {\n homeAdvantageCounter--;\n }\n\n return (\n \n {row.cells.map((cell, index) => {\n return (\n \n );\n })}\n \n );\n }) : null\n }\n \n
{\n if (e.key === \"Enter\") {\n column.toggleSortBy(!column.isSortedDesc);\n }\n }}\n {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))}>\n \n \n {column.render(\"Header\")}\n \n {\n column.canSort\n ?
\n : null\n }\n
\n
\n {cell.render(\"Cell\")}\n
\n
\n
\n \n );\n}\n\n// eslint-disable-next-line no-func-assign\nTable = React.memo(Table);\n\nexport default Table;\n","export { default } from './Table';\n","import React, { forwardRef } from 'react';\nimport ButtonBase from \"../ButtonBase\";\n\nconst ToggleButton = forwardRef(function ToggleButton(props, ref) {\n const {\n children,\n label,\n className,\n disabled = false,\n onChange,\n onClick,\n selected,\n value,\n ...other\n } = props;\n\n const handleClick = (event) => {\n if (onClick) {\n onClick(event, value);\n if (event.isDefaultPrevented()) {\n return;\n }\n }\n\n if (onChange) {\n onChange(event, value);\n }\n };\n\n return (\n \n {\n label\n ? {children}\n : children\n }\n \n );\n});\n\nexport default ToggleButton;\n","export { default } from './ToggleButton';\n","import { useEffect } from 'react';\n\nfunction useClickOutside(ref, toggleFunction) {\n const handleClick = e => {\n if (ref.current.contains(e.target)) {\n return;\n }\n toggleFunction(false);\n };\n\n useEffect(() => {\n document.addEventListener(\"mousedown\", handleClick);\n\n return () => {\n document.removeEventListener(\"mousedown\", handleClick);\n };\n }, []);\n}\n\nexport default useClickOutside;\n","import React, { useRef, useCallback } from 'react';\n\nconst useEnhancedEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\n\nexport default function useEventCallback(fn) {\n const ref = useRef(fn);\n\n useEnhancedEffect(() => {\n ref.current = fn;\n });\n\n return useCallback((...args) => (0, ref.current)(...args), []);\n}\n","import React, { useEffect, useState } from \"react\";\nimport { statTypes, tableTypes } from \"../components/Table/utils\";\nimport { filterTypes } from \"../utils\";\n\nexport const actionTypes = {\n season: 'season',\n competitionOptaId: 'competitionOptaId',\n competitionSlug: 'competitionSlug',\n badgeCount: 'badgeCount',\n club: 'club',\n clubOptaId: 'clubOptaId',\n clubs: 'clubs',\n position: 'position',\n appearances: 'appearances',\n route: \"route\",\n dateRange: \"dateRange\",\n versus: \"versus\",\n weather: \"weather\",\n phase: \"phase\",\n reset: \"reset\",\n apply: \"apply\",\n statType: \"statType\",\n currentQueryType: \"currentQueryType\",\n page: \"page\",\n desc: \"desc\",\n round: \"round\",\n clubSlug: \"clubSlug\"\n};\n\nexport function filterReducer(state, action) {\n switch (action.type) {\n case actionTypes.season: {\n if (state.season === action.payload) {\n return { ...state, season: action.payload };\n }\n return { ...state, page: 0, season: action.payload };\n }\n case actionTypes.desc: {\n const { desc, statType } = action.payload;\n if (state.desc !== desc || state.statType !== statType) {\n return { ...state, page: 0, statType, desc };\n }\n\n return { ...state, desc, statType };\n }\n case actionTypes.page: {\n return { ...state, page: action.payload };\n }\n case actionTypes.competitionOptaId: {\n if (state.competitionOptaId === action.payload) {\n return { ...state, competitionOptaId: action.payload };\n }\n return { ...state, page: 0, competitionOptaId: action.payload };\n }\n case actionTypes.competitionSlug: {\n if (state.competitionSlug === action.payload) {\n return { ...state, competitionSlug: action.payload };\n }\n\n const matchCompetition = state?.competitions.find(competition => competition.slug === action.payload);\n\n const { optaId, mlsPhaseType } = matchCompetition || {};\n const competitionOptaId = optaId + \"\";\n return { ...state, page: 0, competitionSlug: action.payload, competitionOptaId, mlsPhaseType };\n }\n case actionTypes.badgeCount: {\n return { ...state, badgeCount: action.payload };\n }\n case actionTypes.club: {\n if (state.club === action.payload) {\n return { ...state, club: action.payload };\n }\n return { ...state, page: 0, club: action.payload };\n }\n case actionTypes.clubOptaId: {\n const clubOptaId = action.payload + \"\";\n // if (state.clubOptaId === clubOptaId) {\n // return { ...state, clubOptaId };\n // }\n return { ...state, page: 0, clubOptaId };\n }\n case actionTypes.clubs: {\n return { ...state, clubs: action.payload };\n }\n case actionTypes.position: {\n if (state.position === action.payload) {\n return { ...state, position: action.payload };\n }\n return { ...state, page: 0, position: action.payload };\n }\n case actionTypes.appearances: {\n if (state.appearances === action.payload) {\n return { ...state, appearances: action.payload };\n }\n return { ...state, page: 0, appearances: action.appearances };\n }\n case actionTypes.route: {\n if (state.route === action.payload) {\n return { ...state, route: action.payload };\n }\n return { ...state, page: 0, route: action.payload };\n }\n case actionTypes.weather: {\n if (state.weather === action.payload) {\n return { ...state, weather: action.payload };\n }\n return { ...state, page: 0, weather: action.payload };\n }\n case actionTypes.dateRange: {\n if (state.dateRange === action.payload) {\n return { ...state, dateRange: action.payload };\n }\n return { ...state, page: 0, dateRange: action.payload };\n }\n case actionTypes.versus: {\n if (state.versus === action.payload) {\n return { ...state, versus: action.payload };\n }\n return { ...state, page: 0, versus: action.payload };\n }\n case actionTypes.apply: {\n return { ...state, ...action.payload };\n }\n case actionTypes.statType: {\n return { ...state, statType: action.payload };\n }\n case actionTypes.currentQueryType: {\n const currentQueryType = action.payload;\n if (state.currentQueryType !== currentQueryType) {\n if (currentQueryType === statTypes.statsDefending) {\n return { ...state, page: 0, statType: \"goals_conceded\", currentQueryType };\n }\n if (currentQueryType === statTypes.statsPassing) {\n return { ...state, page: 0, statType: \"accurate_pass\", currentQueryType };\n }\n if (currentQueryType === statTypes.clubStatsGoalKeeping) {\n return { ...state, page: 0, statType: \"saves\", currentQueryType };\n }\n return { ...state, page: 0, statType: \"goals\", currentQueryType };\n }\n else {\n return { ...state };\n }\n }\n case actionTypes.round: {\n return { ...state, round: action.payload };\n }\n case actionTypes.clubSlug: {\n return { ...state, clubSlug: action.payload };\n }\n case actionTypes.reset: {\n return { ...state, ...action.payload };\n }\n default: {\n throw new Error(`Unsupported type: ${action.type}`);\n }\n }\n}\n\nexport function useFilters({ initialState, reducer = filterReducer } = {}) {\n const { current: initialStateRef } = React.useRef(initialState);\n const [state, dispatch] = React.useReducer(reducer, initialStateRef);\n const [badgeCount, setBadgeCount] = useState(state.badgeCount);\n\n const updateFilter = (type) => (payload) => dispatch({ type, payload });\n const reset = (payload) => dispatch({ type: 'reset', payload });\n\n useEffect(() => {\n let counter = 0;\n\n if (state.tableType === tableTypes.players) {\n if (state.weather !== filterTypes.all) {\n counter++;\n }\n\n if (state.dateRange !== filterTypes.all) {\n counter++;\n }\n\n if (state.versus !== filterTypes.all) {\n counter++;\n }\n\n if (state.appearances !== filterTypes.all) {\n counter++;\n }\n\n if (state.position !== filterTypes.all) {\n counter++;\n }\n\n if (!state.preSelectedClub && state.clubOptaId !== filterTypes.allClubs) {\n counter++;\n }\n }\n\n setBadgeCount(counter);\n }, [state]);\n\n return {\n state,\n reset,\n badgeCount,\n updateFilter,\n initialStateRef,\n };\n}\n","import * as React from 'react';\n\nexport default function useForkRef(refA, refB) {\n /**\n * This will create a new function if the ref props change and are defined.\n * This means react will call the old forkRef with `null` and the new forkRef\n * with the ref. Cleanup naturally emerges from this behavior\n */\n function setRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n ref.current = value;\n }\n }\n\n return React.useMemo(() => {\n if (refA == null && refB == null) {\n return null;\n }\n return (refValue) => {\n setRef(refA, refValue);\n setRef(refB, refValue);\n };\n }, [refA, refB]);\n}\n","// based on https://github.com/WICG/focus-visible/blob/v4.1.5/src/focus-visible.js\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\n\nlet hadKeyboardEvent = true;\nlet hadFocusVisibleRecently = false;\nlet hadFocusVisibleRecentlyTimeout = null;\n\nconst inputTypesWhitelist = {\n text: true,\n search: true,\n url: true,\n tel: true,\n email: true,\n password: true,\n number: true,\n date: true,\n month: true,\n week: true,\n time: true,\n datetime: true,\n 'datetime-local': true,\n};\n\n/**\n * Computes whether the given element should automatically trigger the\n * `focus-visible` class being added, i.e. whether it should always match\n * `:focus-visible` when focused.\n * @param {Element} node\n * @return {boolean}\n */\nfunction focusTriggersKeyboardModality(node) {\n const { type, tagName } = node;\n\n if (tagName === 'INPUT' && inputTypesWhitelist[type] && !node.readOnly) {\n return true;\n }\n\n if (tagName === 'TEXTAREA' && !node.readOnly) {\n return true;\n }\n\n if (node.isContentEditable) {\n return true;\n }\n\n return false;\n}\n\n/**\n * Keep track of our keyboard modality state with `hadKeyboardEvent`.\n * If the most recent user interaction was via the keyboard;\n * and the key press did not include a meta, alt/option, or control key;\n * then the modality is keyboard. Otherwise, the modality is not keyboard.\n * @param {KeyboardEvent} event\n */\nfunction handleKeyDown(event) {\n if (event.metaKey || event.altKey || event.ctrlKey) {\n return;\n }\n hadKeyboardEvent = true;\n}\n\n/**\n * If at any point a user clicks with a pointing device, ensure that we change\n * the modality away from keyboard.\n * This avoids the situation where a user presses a key on an already focused\n * element, and then clicks on a different element, focusing it with a\n * pointing device, while we still think we're in keyboard modality.\n */\nfunction handlePointerDown() {\n hadKeyboardEvent = false;\n}\n\nfunction handleVisibilityChange() {\n if (this.visibilityState === 'hidden') {\n // If the tab becomes active again, the browser will handle calling focus\n // on the element (Safari actually calls it twice).\n // If this tab change caused a blur on an element with focus-visible,\n // re-apply the class when the user switches back to the tab.\n if (hadFocusVisibleRecently) {\n hadKeyboardEvent = true;\n }\n }\n}\n\nfunction prepare(doc) {\n doc.addEventListener('keydown', handleKeyDown, true);\n doc.addEventListener('mousedown', handlePointerDown, true);\n doc.addEventListener('pointerdown', handlePointerDown, true);\n doc.addEventListener('touchstart', handlePointerDown, true);\n doc.addEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nexport function teardown(doc) {\n doc.removeEventListener('keydown', handleKeyDown, true);\n doc.removeEventListener('mousedown', handlePointerDown, true);\n doc.removeEventListener('pointerdown', handlePointerDown, true);\n doc.removeEventListener('touchstart', handlePointerDown, true);\n doc.removeEventListener('visibilitychange', handleVisibilityChange, true);\n}\n\nfunction isFocusVisible(event) {\n const { target } = event;\n try {\n return target.matches(':focus-visible');\n } catch (error) {\n // browsers not implementing :focus-visible will throw a SyntaxError\n // we use our own heuristic for those browsers\n // rethrow might be better if it's not the expected error but do we really\n // want to crash if focus-visible malfunctioned?\n }\n\n // no need for validFocusTarget check. the user does that by attaching it to\n // focusable events only\n return hadKeyboardEvent || focusTriggersKeyboardModality(target);\n}\n\n/**\n * Should be called if a blur event is fired on a focus-visible element\n */\nfunction handleBlurVisible() {\n // To detect a tab/window switch, we look for a blur event followed\n // rapidly by a visibility change.\n // If we don't see a visibility change within 100ms, it's probably a\n // regular focus change.\n hadFocusVisibleRecently = true;\n window.clearTimeout(hadFocusVisibleRecentlyTimeout);\n hadFocusVisibleRecentlyTimeout = window.setTimeout(() => {\n hadFocusVisibleRecently = false;\n }, 100);\n}\n\nexport default function useIsFocusVisible() {\n const ref = React.useCallback((instance) => {\n // eslint-disable-next-line react/no-find-dom-node\n const node = ReactDOM.findDOMNode(instance);\n if (node != null) {\n prepare(node.ownerDocument);\n }\n }, []);\n\n return { isFocusVisible, onBlurVisible: handleBlurVisible, ref };\n}\n","import { useEffect } from 'react';\nimport { debounce } from \"lodash\";\n\nfunction useResize(fn, delay = 1000) {\n useEffect(() => {\n const debouncedHandleResize = debounce(fn, delay);\n\n window.addEventListener('resize', debouncedHandleResize);\n\n return () => {\n window.removeEventListener('resize', debouncedHandleResize);\n };\n });\n}\n\nexport default useResize;\n","import React from \"react\";\n\nexport const chevronDirection = {\n down: \"down\",\n up: \"up\",\n left: \"left\",\n right: \"right\",\n};\n\nexport const Chevron = ({\n useEmptyClasses = false,\n extraClasses,\n direction = chevronDirection.down,\n size = \"small\",\n}) =>\n !useEmptyClasses ? (\n \n \n \n \n \n \n
\n ) : (\n
\n \n \n \n
\n );\n\nexport const Filters = ({ extraClasses, size = \"small\" }) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n);\n\nexport const NoResults = ({ extraClasses, size = \"large\" }) => (\n \n \n \n \n \n \n \n \n \n \n);\n\nexport const MediaPlayingSVG = ({ extraClasses, size = \"large\" }) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n\nexport const CardBackground = ({ extraClasses }) => (\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n);\n\nexport const TriangleSVG = ({ extraClasses, size = \"small\" }) => (\n \n \n \n \n \n \n \n);\n"],"names":[],"sourceRoot":""}