\n
\n \n
\n \n
\n \n
\n {sale.title}
\n\n {sale.cover !== '' && (\n
\n \n 
\n
\n )}\n \n
\n {sale.dt}
\n \n {sale.city}\n {sale.country && sale.city && ', '}\n {sale.country}\n
\n \n {pushCount > 0 && {i18next.t('auctioneers.sale.header.m1').replace('%pushCount%', intl.formatNumber(pushCount))}
}\n {showCount > 0 && {i18next.t('auctioneers.sale.header.m2').replace('%showCount%', intl.formatNumber(showCount))}
}\n \n
\n \n aapiBeacon('click', { from, op: ANALYTICS_OPERATION_AUCTIONEERS_TO_CONTACT, idsale: sale.id })}>\n \n {i18next.t('auctioneers.sale.header.m3')}\n \n
\n {!datas && (\n \n aapiBeacon('click', { from, op: ANALYTICS_OPERATION_AUCTIONEERS_TO_SEND_DATA, idsale: sale.id })}>\n \n {i18next.t('auctioneers.futuresales.sale.m4')}\n \n
\n )}\n {sale.isPast && !sale.resultsProcessed && (\n \n aapiBeacon('click', { from, op: ANALYTICS_OPERATION_AUCTIONEERS_TO_SEND_DATA, idsale: sale.id })}>\n \n {i18next.t('auctioneers.sale.header.m4')}\n \n
\n )}\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
;\n }\n\n if (current < previous) {\n return 
;\n};\n\nexport default Evolution;\n","module.exports = ['indexes.rank_artist.m1', 'indexes.rank_artist.m2', 'indexes.rank_artist.m3', 'indexes.rank_artist.m5'];\n","import i18next from 'i18next';\nimport React, { useEffect, useState } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { getRankingData, isRankingDataLoading } from '../../../redux/selectors/indexes/ranking';\nimport { fetchRankingData } from '../../../redux/actions/indexes/ranking';\nimport { getIdartist } from '../../../redux/selectors/indexes/artist';\nimport { getCurrency } from '../../../redux/selectors/preferences';\nimport Spinner from '../../common/spinners/Spinner';\nimport './stylesheet.scss';\nimport Evolution from './Evolution';\nimport A18n from '../../common/A18n';\nimport Copyright from '../common/Copyright';\n\nconst Ranking = () => {\n const [sortedData, setSortedData] = useState();\n const dispatch = useDispatch();\n const loading = useSelector(isRankingDataLoading);\n const data = useSelector(getRankingData);\n const idartist = useSelector(getIdartist);\n const currency = useSelector(getCurrency);\n\n useEffect(() => {\n if (data) {\n setSortedData(data.sort(([a], [b]) => a - b));\n }\n }, [data]);\n\n useEffect(() => {\n if (idartist && currency) {\n dispatch(fetchRankingData());\n }\n }, [idartist, currency]);\n\n useEffect(() => {\n if (!loading && sortedData) {\n const element = document.querySelector('.rank-values');\n element.scrollLeft = element.scrollWidth;\n }\n }, [sortedData, loading]);\n\n return (\n <>\n 
\n 
}\n \n )}\n 
\n 
\n 
\n 
\n 
\n {cart?.main_products?.[0]?.product?.duration !== 1 && 
}\n 
\n 
\n 
\n 
\n })
\n \n })
\n \n })
\n \n })
\n \n })
\n \n 
\n 
\n 
\n 
\n 
\n ![\"adagp\"](\"https://www.adagp.fr/themes/adagp/logo-en.svg\"){kind=logo}
\n 
\n 
\n 
\n 
\n 
}\n {direction === 'horizontal' && 
}\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
;\n\nexport default Arrow;\n","import React from 'react';\nimport classNames from 'classnames';\n\nconst Option = ({ active = false }) => ;\n\nexport default Option;\n","import React from 'react';\nimport { FOLD_ICON_CHEVRON } from '../constants';\nimport Option from './Option';\nimport Arrow from './Arrow';\nimport './stylesheet.scss';\n\nconst Icon = ({ active, foldIcon, className }) => (\n 
\n 
\n 
\n 
\n 
\n 
\n {children}\n 
\n 
\n 
\n 
{i18next.t('lot.show.access.m5')}\n 
\n 
\n 
\n 
\n 
\n 
}\n 
\n {i18next.t('subscriptions.purchase.free-services.others.m1')}\n \n 
\n 
{i18next.t('subscriptions.purchase.header.m1')}\n