\n {!this.state.isLoginIframeMounted &&
\n );\n }\n}\n","import LoginPopin from './login-popin.component';\n\nexport default LoginPopin;\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport { ILoginPopupProps } from 'modules/login/login.types';\n\nimport Button from 'components/button';\nimport Spinner from 'components/spinner/spinner.component';\n\nimport { STYLES, TEXT_KEYS } from '../login.constants';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\nimport ubisoftOverlayService from 'modules/ubisoft-overlay-service/service';\nimport { getModeClass } from 'utils/css';\nimport { LOGIN_FLOW_STEP, LOGIN_FLOW_ACTIONS } from '../login.constants';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\nexport class LoginPopup extends React.Component\n {this.renderLoginButton()}\n
\n );\n }\n}\n\nexport default translate()(LoginPopup);\n","import LoginPopup from './login-popup.component';\n\nexport default LoginPopup;\n","import { connect } from 'react-redux';\nimport { get } from 'lodash';\n\nimport Login from './login.component';\nimport {\n setUpLoginSessionCallback,\n requestLoginSession,\n openLoginPopup,\n getThirdPartyStatus\n} from './login.actions';\nimport { ILoginDispatchProps, ILoginStoreProps } from './login.types';\n\nconst mapStateToProps = (state: object): ILoginStoreProps => ({\n fetching: get(state, 'login.fetching'),\n loginSession: get(state, 'login.loginSession'),\n hasTPCEnabled: get(state, 'login.hasTPCEnabled'),\n activeLanguageCode: get(state, 'language.activeLanguageCode'),\n shouldInheritStyles: get(state, 'config.shouldInheritStyles')\n});\n\nconst mapDispatchToProps: ILoginDispatchProps = {\n setUpLoginSessionCallback,\n requestLoginSession,\n openLoginPopup,\n getThirdPartyStatus\n};\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(Login);\n","import * as React from 'react';\nimport { isNull } from 'lodash';\n// constants\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\nimport { LOGIN_FLOW_STEP, LOGIN_FLOW_ACTIONS } from './login.constants';\n// service\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\n// components\nimport Spinner from 'components/spinner/spinner.component';\nimport LoginPopin from 'modules/login/login-popin/login-popin.component';\nimport LoginPopup from 'modules/login/login-popup';\nimport { ILoginProps } from 'modules/login/login.types';\n\nexport default class Login extends React.Component\n {this.props.children}\n
\n );\n }\n}\n","import * as React from 'react';\nimport { Component } from 'react';\nimport { translate } from 'components/translate-hoc';\n\nimport { ITranslationProps } from 'types/translation';\nimport { IPageSupportBlockStoreProps } from './page-support-block.container';\nimport { SupportLinkEventTracker } from 'components/support-link-event-tracker';\nimport { getModeClass } from 'utils/css';\nimport { SUPPORT_TEXT_KEYS } from 'constants/app.constants';\nimport './page-support-block.styles.less';\nimport { IFlowEventData } from 'types/analytics';\nimport { getTrackingFlowSubType } from 'utils/analytics';\n\n/**\n * Support links are uses on error and error-like pages (like \"Already Registered\")\n */\nexport class PageSupportBlock extends Component\n
\n );\n};\n\nDefaultFallback.displayName = 'DefaultFallback';\n\nexport default translate()(DefaultFallback);\n","import DefaultFallback from './default-fallback.component';\n\nexport default DefaultFallback;\n","import * as React from 'react';\n\nimport DefaultFallback from './default-fallback';\n\ninterface IErrorBoundaryState {\n error: boolean;\n}\n\ninterface IErrorBoundary {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n fallbackComponent?: React.ReactElement{title}
\n {content}
\n \n
\n);\n\nexport default ContentView;\n","export default (): URLSearchParams => new URLSearchParams(window.location.search);\n","import { get } from 'lodash';\n\n// Constants\nimport {\n RESET_EMAIL_VERIFICATION,\n SET_EMAIL_VERIFICATION,\n SET_EMAIL_VERIFICATION_STATUS,\n EMAIL_VERIFICATION\n} from './email-verification.constants';\n\n// types\nimport { Dispatch } from 'types/dispatch';\nimport { IUserDetailInfo } from 'types/profiles';\n\n// services\nimport { UbisoftAPIService } from 'modules/ubisoft-api';\nimport emailVerificationService from './email-verification.service';\n\nexport const setEmailVerificationStatus = (payload: EMAIL_VERIFICATION) => ({\n type: SET_EMAIL_VERIFICATION_STATUS,\n payload\n});\n\nconst setEmailVerification = (payload: string) => ({\n type: SET_EMAIL_VERIFICATION,\n payload\n});\n\nexport const resetEmailVerification = () => ({\n type: RESET_EMAIL_VERIFICATION\n});\n\nexport const checkEmailVerification = () => async (dispatch: Dispatch, getState: Function) => {\n const loginSession = get(getState(), 'login.loginSession');\n\n if (!loginSession) {\n return Promise.reject();\n }\n\n try {\n const isEmailVerified = await emailVerificationService.isEmailVerified();\n\n return isEmailVerified\n ? dispatch(setCompletedVerificationStatus())\n : dispatch(setNotCompletedVerificationStatus());\n } catch (err) {\n return Promise.reject(err);\n }\n};\n\nexport const checkIsEmailVerified = () => async (_: Dispatch, getState: Function): Promise\n {shouldInheritStyles ? null : \n {children}\n \n
\n \n
\n);\n\nFooterLogo.defaultProps = {\n className: '',\n href: '#'\n};\n\nexport default FooterLogo;\n","import FooterLogo from './footer-logo.component';\n\nexport default FooterLogo;\n","import * as React from 'react';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\nimport FooterLogo from 'components/footer-logo';\nimport { IFooterLogoItem } from '../footer.types';\nimport '../footer.styles.less';\n\nconst LogosWrapper: React.FC\n
\n);\n\nexport interface ILogosWrapperProps {\n items: IFooterLogoItem[];\n}\n\nexport default LogosWrapper;\n","import * as React from 'react';\n\nconst LegalsLinks: React.FC\n {items.map((item, index) => (\n {\n AnalyticsService.sendFlowEvent({\n location: 'footer',\n category: CATEGORY.ACTION,\n action: `go to ${item.analyticsAction.toLowerCase()}`\n });\n }}\n />\n ))}\n
\n \n \n {this.getLanguageTagOptions()}\n \n
\n );\n }\n}\n\nexport interface IFooterLanguageSelectProps {\n readonly activeLanguageTag: string;\n readonly availableLanguageTags?: IAvailableLanguages;\n onChange(e: React.ChangeEvent\n {row.map((link: IFooterLink, linkIndex) => (\n \n \n {translateKey(link.key)}\n \n
\n ))}\n \n ));\n };\n\n public isLastElement = ({ rowAmount, linkAmount, rowIndex, linkIndex }: {\n [_key: string]: number\n }) => rowAmount === (rowIndex + 1) && linkAmount === (linkIndex + 1);\n\n public getLogos = () => {\n const { availablePlatforms } = this.props;\n const platformLogos = platformLogosList.filter(\n platform => availablePlatforms.includes(platform.platformId)\n );\n\n // should render epic before connect\n // https://mdc-tomcat-jira35.ubisoft.org/jira/browse/GEN-2206\n const epicLogoPosition = platformLogos.findIndex(\n (platform) => platform.platformId === PLATFORM_TYPES.EPIC\n );\n const connectLogoPosition = logosList.findIndex(\n (logo) => logo.className === FOOTER_LOGO_CLASSNAMES.CONNECT\n );\n\n return epicLogoPosition === -1\n ? [...logosList, ...platformLogos]\n : [\n ...insert(logosList, connectLogoPosition, platformLogos[epicLogoPosition]),\n ...remove(platformLogos, epicLogoPosition)\n ];\n };\n\n public render() {\n const { dangerouslyTranslateWithHTML: translateKey, ratingsConfig } = this.props;\n const logos = this.getLogos();\n const legalsLinks = this.getLegalsLinks();\n const copyrightText: string = translateKey(\n TEXT_KEYS.FOOTER_COPYRIGHT, { footerCopyrightYear: this.currentYear }\n );\n\n return (\n \n
\n );\n }\n}\n\nexport default translate()(Footer);\n","import { connect } from 'react-redux';\n\nimport Footer from './footer.component';\nimport { IFooterStoreProps } from './footer.types';\nimport { State } from 'widgets/free-content/root/root.reducers';\n\nconst mapStateToProps = (state: State): IFooterStoreProps => ({\n ratingsConfig: state.config.ageRatings,\n countryCode: state.IPLocation?.data?.countryCode ?? ''\n});\n\nexport default connect(mapStateToProps)(Footer);\n","import FooterContainer from './footer.container';\nimport structure from './footer.structure';\n\nexport default FooterContainer;\nexport {\n structure\n};\n","import { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\nexport const AGE_RATINGS_COUNTRY_RULES = {\n PEGI: [],\n USK: ['DE'],\n ESRB: [\n 'US',\n 'CA',\n 'MX',\n 'AI',\n 'AR',\n 'AW',\n 'BS',\n 'BB',\n 'BZ',\n 'BM',\n 'BO',\n 'CL',\n 'CO',\n 'CR',\n 'CU',\n 'CW',\n 'DM',\n 'DO',\n 'EC',\n 'SV',\n 'GT',\n 'GY',\n 'HT',\n 'HN',\n 'JM',\n 'NI',\n 'PA',\n 'PY',\n 'PE',\n 'PR',\n 'KN',\n 'LC',\n 'VC',\n 'SR',\n 'TT',\n 'UY',\n 'VE'\n ],\n DJCTQ: ['BR'],\n ACB: ['AU'],\n OFLC: ['NZ'],\n RARS: ['RU'],\n CERO: ['JP'],\n GRAC: ['KR'],\n GSRR: ['TW']\n};\nexport const ESRB_PRIVACY_RULES = ['ESRB', 'DJCTQ'];\nexport const DEFAULT_FALLBACK_RATING = 'PEGI';\nexport const ESRB_PRIVACY_LINK = 'http://www.esrb.org/confirm/ubisoft-confirmation.aspx';\nexport const AGE_RATINGS_LINKS = {\n PEGI: 'https://pegi.info',\n USK: 'http://www.usk.de',\n ESRB: 'http://www.esrb.org/ratings/ratings_guide.aspx',\n DJCTQ: 'http://culturadigital.br/classind/ ',\n ACB: 'http://www.classification.gov.au',\n OFLC: 'https://www.classificationoffice.govt.nz/',\n RARS: null,\n CERO: 'http://www.cero.gr.jp/',\n GRAC: 'http://www.grac.or.kr',\n GSRR: 'http://www.gamerating.org.tw/'\n};\n\nexport const AGE_RAITING_FLOW_ACTION = {\n location: 'footer',\n category: CATEGORY.ACTION,\n action: 'age rating'\n};\n","import * as React from 'react';\nimport classnames from 'classnames';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\n\n// constants\nimport {\n AGE_RATINGS_COUNTRY_RULES,\n AGE_RATINGS_LINKS,\n ESRB_PRIVACY_RULES,\n ESRB_PRIVACY_LINK,\n DEFAULT_FALLBACK_RATING,\n AGE_RAITING_FLOW_ACTION\n} from './age-ratings.constants';\n\n// types\nimport { IModule } from '@sitegen/common/types';\nimport {\n IAgeRatingProps,\n IAgeRatingState,\n IRating\n} from './age-ratings.types';\n\nimport './age-ratings.styles.less';\n\nexport class AgeRatings extends React.Component\n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n \n {copyrightText}\n
\n \n {this.state.loading ? null : this.props.children}\n
\n );\n }\n\n private applyStyles(): Promise\n \n
\n );\n }\n}\n\nexport interface IHeaderLoginProps {\n readonly config: IConfig;\n readonly activeLanguageCode: string;\n}\n\nexport default HeaderLogin;\n","import { connect } from 'react-redux';\nimport { get } from 'lodash';\nimport HeaderLogin from './header-login.component';\n\nconst mapStateToProps = (state: Object) => ({\n config: get(state, 'config'),\n activeLanguageCode: get(state, 'language.activeLanguageCode'),\n});\n\nexport default connect(mapStateToProps)(HeaderLogin);\n","import LoginContainer from './header-login.container';\n\nexport default LoginContainer;\n","import { IFlowEventData } from 'types/analytics';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\nexport const HEADER_ANALYTICS_ATTRIBUTES: Omit\n \n {hasOverlayLoaded &&
\n );\n};\n\nexport default Header;\n","import { connect } from 'react-redux';\nimport { get } from 'lodash';\n\nimport Header from './header.component';\n\nconst mapStateToProps = (state: Object) => ({\n hasOverlayLoaded: get(state, 'login.hasOverlayLoaded'),\n});\n\nexport default connect(mapStateToProps)(Header);\n","// constants\nimport {\n INITIALIZE_UBISOFT_CONNECT_DONE,\n INITIALIZE_UBISOFT_CONNECT_ERROR\n} from './ubisoft-connect-provider.constants';\n\n// services\nimport ubisoftConnectService from '../ubisoft-connect-service/service';\n\n// constants\nimport { UBICONNECT_LOGGED_IN } from '../ubisoft-connect-service/constants';\n\n// utils\nimport { SUCCESS_NEXT_URL } from '../ubisoft-connect-service/utils';\nimport { ENV } from '@sitegen/common/constants/environments';\n\n// types\nimport { Dispatch } from 'types/dispatch';\n\nexport const loadUbisoftConnect = () => async (dispatch: Dispatch, getState: Function) => {\n const {\n config: { envName, genomeId, applicationId },\n language: { activeLanguageCode }\n } = getState();\n const ubisoftConnectEnvName = [ENV.PROD, ENV.PREPROD].includes(envName) ? ENV.PROD : ENV.UAT;\n const options = {\n envName: ubisoftConnectEnvName,\n applicationId,\n genomeId,\n lang: activeLanguageCode,\n topicOfPostMessage: UBICONNECT_LOGGED_IN,\n nextUrl: encodeURIComponent(SUCCESS_NEXT_URL(applicationId, genomeId))\n };\n\n try {\n ubisoftConnectService.init(options);\n\n dispatch({ type: INITIALIZE_UBISOFT_CONNECT_DONE });\n } catch {\n dispatch({ type: INITIALIZE_UBISOFT_CONNECT_ERROR });\n }\n};\n","import * as React from 'react';\n\nimport Spinner from 'components/spinner/spinner.component';\nimport { IDispatchProps, IStateProps } from './check-authentication.container';\n\nclass CheckAuthentication extends React.Component\n
\n );\n };\n\n public getLinkStatus = (): JSX.Element | null => {\n if (this.props.hideLink) {\n return null;\n }\n\n const { dangerouslyTranslateWithHTML: translateKey } = this.props;\n const caption: string = this.props.userName || translateKey(this.platformDisplayProps.linkAppText || '');\n const additionalClass: string = this.isUserLinked\n ? 'sitegen-platform-button__link-status--linked'\n : 'sitegen-platform-button__link-status--unlinked';\n\n const className: string = `sitegen-platform-button__link-status ${additionalClass}`;\n return \n \n
\n \n
\n \n {this.platformDisplayProps.name}\n
\n {this.renderDisabledMessage()}\n {this.getLinkStatus()}\n {caption}
;\n };\n\n public getButtonClass(): string {\n const { shouldInheritStyles = false, disabled, selected } = this.props;\n const { iconClass } = this.platformDisplayProps;\n const classList = shouldInheritStyles\n ? [\n 'btn',\n 'btn-primary',\n 'sitegen-platform-button-embedded',\n 'betaRegister__platforms__groups__btn'\n ]\n : ['sitegen-platform-button'];\n\n if (selected) {\n classList.push(shouldInheritStyles ? 'is-active' : 'sitegen-platform-button--active');\n }\n\n if (disabled) {\n classList.push(shouldInheritStyles ? 'is-disabled' : 'sitegen-platform-button--disabled');\n }\n\n if (iconClass) {\n classList.push(`sitegen-icon-${iconClass}`);\n }\n\n return classList.join(' ');\n }\n\n public renderDisabledMessage = (): JSX.Element | null => {\n const { disabled, disabledMessage } = this.props;\n if (disabled) {\n return (\n \n
);\n }\n return null;\n };\n}\n\ninterface IPlatformButtonProps extends ITranslationProps {\n readonly platformId: PLATFORM_TYPES;\n readonly userName?: string;\n readonly disabled?: boolean;\n readonly selected?: boolean;\n readonly hideLink?: boolean;\n readonly onClick: (platform: PLATFORM_TYPES) => void;\n readonly disabledMessage?: string;\n readonly shouldInheritStyles?: boolean;\n readonly multiplePlatform?: boolean;\n}\n\nexport default translate()(PlatformButton);\n","import Component from './platform-button.component';\n\nexport { Component };\n\nexport default Component;\n","import * as React from 'react';\n\nimport { IContentTypes } from '../content.types';\n\nconst StandaloneContent: React.FC- {disabledMessage} -
\n{title}
\n {message}
\n \n );\n};\n\nexport default StandaloneContent;\n","import * as React from 'react';\n\nimport { IContentTypes } from '../content.types';\n\nconst EmbeddedContent: React.FC{title}
\n{message}
\n \n );\n};\n\nexport default EmbeddedContent;\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\n\n// types\nimport { IEndOperationContentProps } from './end-operation-content.types';\n\n// components\nimport PageSupportBlockContainer from 'modules/page-support-block';\nimport { TEXT_KEYS } from 'modules/end-operation/end-operation.constants';\nimport MarkupSwitcher from 'modules/markup-switcher';\nimport { StandaloneContent, EmbeddedContent } from './content';\n\nimport './end-operation-content.styles.less';\n\nconst EndOperationContent: React.FC\n
\n );\n};\n\nexport default translate()(EndOperationContent);\nexport {\n EndOperationContent\n};\n","import EndOperationContent from './end-operation-content.component';\n\nexport default EndOperationContent;\n","import * as React from 'react';\nimport * as moment from 'moment';\n\n// types\nimport { IEndOperationDispatchProps, IEndOperationStoreProps } from 'modules/end-operation/end-operation.types';\n\n// component\nimport EndOperationContent from './end-operation-content';\n\nexport class EndOperation extends React.PureComponent\n \n
\n );\n }\n}\n\nconst StyledCheckbox: React.FC\n ,\n * cellRenderer: Function\n * }): Array\n */\n cellGroupRenderer: PropTypes.func.isRequired,\n\n /**\n * Responsible for rendering a cell given an row and column index.\n * Should implement the following interface: ({ index: number, key: string, style: object }): PropTypes.element\n */\n cellRenderer: PropTypes.func.isRequired,\n\n /**\n * Callback responsible for returning size and offset/position information for a given cell (index).\n * ({ index: number }): { height: number, width: number, x: number, y: number }\n */\n cellSizeAndPositionGetter: PropTypes.func.isRequired,\n\n /**\n * Optionally override the size of the sections a Collection's cells are split into.\n */\n sectionSize: PropTypes.number\n} : {};\n\n\nfunction defaultCellGroupRenderer(_ref4) {\n var cellCache = _ref4.cellCache,\n cellRenderer = _ref4.cellRenderer,\n cellSizeAndPositionGetter = _ref4.cellSizeAndPositionGetter,\n indices = _ref4.indices,\n isScrolling = _ref4.isScrolling;\n\n return indices.map(function (index) {\n var cellMetadata = cellSizeAndPositionGetter({ index: index });\n\n var cellRendererProps = {\n index: index,\n isScrolling: isScrolling,\n key: index,\n style: {\n height: cellMetadata.height,\n left: cellMetadata.x,\n position: 'absolute',\n top: cellMetadata.y,\n width: cellMetadata.width\n }\n };\n\n // Avoid re-creating cells while scrolling.\n // This can lead to the same cell being created many times and can cause performance issues for \"heavy\" cells.\n // If a scroll is in progress- cache and reuse cells.\n // This cache will be thrown away once scrolling complets.\n if (isScrolling) {\n if (!(index in cellCache)) {\n cellCache[index] = cellRenderer(cellRendererProps);\n }\n\n return cellCache[index];\n } else {\n return cellRenderer(cellRendererProps);\n }\n }).filter(function (renderedCell) {\n return !!renderedCell;\n });\n}\nimport { bpfrpt_proptype_ScrollPosition } from './types';\nimport { bpfrpt_proptype_SizeInfo } from './types';","import SectionManager from '../SectionManager';\n\nexport default function calculateSizeAndPositionData(_ref) {\n var cellCount = _ref.cellCount,\n cellSizeAndPositionGetter = _ref.cellSizeAndPositionGetter,\n sectionSize = _ref.sectionSize;\n\n var cellMetadata = [];\n var sectionManager = new SectionManager(sectionSize);\n var height = 0;\n var width = 0;\n\n for (var index = 0; index < cellCount; index++) {\n var cellMetadatum = cellSizeAndPositionGetter({ index: index });\n\n if (cellMetadatum.height == null || isNaN(cellMetadatum.height) || cellMetadatum.width == null || isNaN(cellMetadatum.width) || cellMetadatum.x == null || isNaN(cellMetadatum.x) || cellMetadatum.y == null || isNaN(cellMetadatum.y)) {\n throw Error('Invalid metadata returned for cell ' + index + ':\\n x:' + cellMetadatum.x + ', y:' + cellMetadatum.y + ', width:' + cellMetadatum.width + ', height:' + cellMetadatum.height);\n }\n\n height = Math.max(height, cellMetadatum.y + cellMetadatum.height);\n width = Math.max(width, cellMetadatum.x + cellMetadatum.width);\n\n cellMetadata[index] = cellMetadatum;\n sectionManager.registerCell({\n cellMetadatum: cellMetadatum,\n index: index\n });\n }\n\n return {\n cellMetadata: cellMetadata,\n height: height,\n sectionManager: sectionManager,\n width: width\n };\n}","import Collection from './Collection';\n\nexport default Collection;\nexport { Collection };","import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n\n/**\n * High-order component that auto-calculates column-widths for `Grid` cells.\n */\n\nvar ColumnSizer = function (_React$PureComponent) {\n _inherits(ColumnSizer, _React$PureComponent);\n\n function ColumnSizer(props, context) {\n _classCallCheck(this, ColumnSizer);\n\n var _this = _possibleConstructorReturn(this, (ColumnSizer.__proto__ || _Object$getPrototypeOf(ColumnSizer)).call(this, props, context));\n\n _this._registerChild = _this._registerChild.bind(_this);\n return _this;\n }\n\n _createClass(ColumnSizer, [{\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps) {\n var _props = this.props,\n columnMaxWidth = _props.columnMaxWidth,\n columnMinWidth = _props.columnMinWidth,\n columnCount = _props.columnCount,\n width = _props.width;\n\n\n if (columnMaxWidth !== prevProps.columnMaxWidth || columnMinWidth !== prevProps.columnMinWidth || columnCount !== prevProps.columnCount || width !== prevProps.width) {\n if (this._registeredChild) {\n this._registeredChild.recomputeGridSize();\n }\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props2 = this.props,\n children = _props2.children,\n columnMaxWidth = _props2.columnMaxWidth,\n columnMinWidth = _props2.columnMinWidth,\n columnCount = _props2.columnCount,\n width = _props2.width;\n\n\n var safeColumnMinWidth = columnMinWidth || 1;\n\n var safeColumnMaxWidth = columnMaxWidth ? Math.min(columnMaxWidth, width) : width;\n\n var columnWidth = width / columnCount;\n columnWidth = Math.max(safeColumnMinWidth, columnWidth);\n columnWidth = Math.min(safeColumnMaxWidth, columnWidth);\n columnWidth = Math.floor(columnWidth);\n\n var adjustedWidth = Math.min(width, columnWidth * columnCount);\n\n return children({\n adjustedWidth: adjustedWidth,\n columnWidth: columnWidth,\n getColumnWidth: function getColumnWidth() {\n return columnWidth;\n },\n registerChild: this._registerChild\n });\n }\n }, {\n key: '_registerChild',\n value: function _registerChild(child) {\n if (child && typeof child.recomputeGridSize !== 'function') {\n throw Error('Unexpected child type registered; only Grid/MultiGrid children are supported.');\n }\n\n this._registeredChild = child;\n\n if (this._registeredChild) {\n this._registeredChild.recomputeGridSize();\n }\n }\n }]);\n\n return ColumnSizer;\n}(React.PureComponent);\n\nexport default ColumnSizer;\nColumnSizer.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * Function responsible for rendering a virtualized Grid.\n * This function should implement the following signature:\n * ({ adjustedWidth, getColumnWidth, registerChild }) => PropTypes.element\n *\n * The specified :getColumnWidth function should be passed to the Grid's :columnWidth property.\n * The :registerChild should be passed to the Grid's :ref property.\n * The :adjustedWidth property is optional; it reflects the lesser of the overall width or the width of all columns.\n */\n children: PropTypes.func.isRequired,\n\n /** Optional maximum allowed column width */\n columnMaxWidth: PropTypes.number,\n\n /** Optional minimum allowed column width */\n columnMinWidth: PropTypes.number,\n\n /** Number of columns in Grid or Table child */\n columnCount: PropTypes.number.isRequired,\n\n /** Width of Grid or Table child */\n width: PropTypes.number.isRequired\n} : {};","import ColumnSizer from './ColumnSizer';\n\nexport default ColumnSizer;\nexport { ColumnSizer };","import _toConsumableArray from 'babel-runtime/helpers/toConsumableArray';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport createCallbackMemoizer from '../utils/createCallbackMemoizer';\n\n/**\n * Higher-order component that manages lazy-loading for \"infinite\" data.\n * This component decorates a virtual component and just-in-time prefetches rows as a user scrolls.\n * It is intended as a convenience component; fork it if you'd like finer-grained control over data-loading.\n */\n\nvar InfiniteLoader = function (_React$PureComponent) {\n _inherits(InfiniteLoader, _React$PureComponent);\n\n function InfiniteLoader(props, context) {\n _classCallCheck(this, InfiniteLoader);\n\n var _this = _possibleConstructorReturn(this, (InfiniteLoader.__proto__ || _Object$getPrototypeOf(InfiniteLoader)).call(this, props, context));\n\n _this._loadMoreRowsMemoizer = createCallbackMemoizer();\n\n _this._onRowsRendered = _this._onRowsRendered.bind(_this);\n _this._registerChild = _this._registerChild.bind(_this);\n return _this;\n }\n\n _createClass(InfiniteLoader, [{\n key: 'resetLoadMoreRowsCache',\n value: function resetLoadMoreRowsCache(autoReload) {\n this._loadMoreRowsMemoizer = createCallbackMemoizer();\n\n if (autoReload) {\n this._doStuff(this._lastRenderedStartIndex, this._lastRenderedStopIndex);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var children = this.props.children;\n\n\n return children({\n onRowsRendered: this._onRowsRendered,\n registerChild: this._registerChild\n });\n }\n }, {\n key: '_loadUnloadedRanges',\n value: function _loadUnloadedRanges(unloadedRanges) {\n var _this2 = this;\n\n var loadMoreRows = this.props.loadMoreRows;\n\n\n unloadedRanges.forEach(function (unloadedRange) {\n var promise = loadMoreRows(unloadedRange);\n if (promise) {\n promise.then(function () {\n // Refresh the visible rows if any of them have just been loaded.\n // Otherwise they will remain in their unloaded visual state.\n if (isRangeVisible({\n lastRenderedStartIndex: _this2._lastRenderedStartIndex,\n lastRenderedStopIndex: _this2._lastRenderedStopIndex,\n startIndex: unloadedRange.startIndex,\n stopIndex: unloadedRange.stopIndex\n })) {\n if (_this2._registeredChild) {\n forceUpdateReactVirtualizedComponent(_this2._registeredChild, _this2._lastRenderedStartIndex);\n }\n }\n });\n }\n });\n }\n }, {\n key: '_onRowsRendered',\n value: function _onRowsRendered(_ref) {\n var startIndex = _ref.startIndex,\n stopIndex = _ref.stopIndex;\n\n this._lastRenderedStartIndex = startIndex;\n this._lastRenderedStopIndex = stopIndex;\n\n this._doStuff(startIndex, stopIndex);\n }\n }, {\n key: '_doStuff',\n value: function _doStuff(startIndex, stopIndex) {\n var _ref2,\n _this3 = this;\n\n var _props = this.props,\n isRowLoaded = _props.isRowLoaded,\n minimumBatchSize = _props.minimumBatchSize,\n rowCount = _props.rowCount,\n threshold = _props.threshold;\n\n\n var unloadedRanges = scanForUnloadedRanges({\n isRowLoaded: isRowLoaded,\n minimumBatchSize: minimumBatchSize,\n rowCount: rowCount,\n startIndex: Math.max(0, startIndex - threshold),\n stopIndex: Math.min(rowCount - 1, stopIndex + threshold)\n });\n\n // For memoize comparison\n var squashedUnloadedRanges = (_ref2 = []).concat.apply(_ref2, _toConsumableArray(unloadedRanges.map(function (_ref3) {\n var startIndex = _ref3.startIndex,\n stopIndex = _ref3.stopIndex;\n return [startIndex, stopIndex];\n })));\n\n this._loadMoreRowsMemoizer({\n callback: function callback() {\n _this3._loadUnloadedRanges(unloadedRanges);\n },\n indices: { squashedUnloadedRanges: squashedUnloadedRanges }\n });\n }\n }, {\n key: '_registerChild',\n value: function _registerChild(registeredChild) {\n this._registeredChild = registeredChild;\n }\n }]);\n\n return InfiniteLoader;\n}(React.PureComponent);\n\n/**\n * Determines if the specified start/stop range is visible based on the most recently rendered range.\n */\n\n\nInfiniteLoader.defaultProps = {\n minimumBatchSize: 10,\n rowCount: 0,\n threshold: 15\n};\nexport default InfiniteLoader;\nInfiniteLoader.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * Function responsible for rendering a virtualized component.\n * This function should implement the following signature:\n * ({ onRowsRendered, registerChild }) => PropTypes.element\n *\n * The specified :onRowsRendered function should be passed through to the child's :onRowsRendered property.\n * The :registerChild callback should be set as the virtualized component's :ref.\n */\n children: PropTypes.func.isRequired,\n\n /**\n * Function responsible for tracking the loaded state of each row.\n * It should implement the following signature: ({ index: number }): boolean\n */\n isRowLoaded: PropTypes.func.isRequired,\n\n /**\n * Callback to be invoked when more rows must be loaded.\n * It should implement the following signature: ({ startIndex, stopIndex }): Promise\n * The returned Promise should be resolved once row data has finished loading.\n * It will be used to determine when to refresh the list with the newly-loaded data.\n * This callback may be called multiple times in reaction to a single scroll event.\n */\n loadMoreRows: PropTypes.func.isRequired,\n\n /**\n * Minimum number of rows to be loaded at a time.\n * This property can be used to batch requests to reduce HTTP requests.\n */\n minimumBatchSize: PropTypes.number.isRequired,\n\n /**\n * Number of rows in list; can be arbitrary high number if actual number is unknown.\n */\n rowCount: PropTypes.number.isRequired,\n\n /**\n * Threshold at which to pre-fetch data.\n * A threshold X means that data will start loading when a user scrolls within X rows.\n * This value defaults to 15.\n */\n threshold: PropTypes.number.isRequired\n} : {};\nexport function isRangeVisible(_ref4) {\n var lastRenderedStartIndex = _ref4.lastRenderedStartIndex,\n lastRenderedStopIndex = _ref4.lastRenderedStopIndex,\n startIndex = _ref4.startIndex,\n stopIndex = _ref4.stopIndex;\n\n return !(startIndex > lastRenderedStopIndex || stopIndex < lastRenderedStartIndex);\n}\n\n/**\n * Returns all of the ranges within a larger range that contain unloaded rows.\n */\nexport function scanForUnloadedRanges(_ref5) {\n var isRowLoaded = _ref5.isRowLoaded,\n minimumBatchSize = _ref5.minimumBatchSize,\n rowCount = _ref5.rowCount,\n startIndex = _ref5.startIndex,\n stopIndex = _ref5.stopIndex;\n\n var unloadedRanges = [];\n\n var rangeStartIndex = null;\n var rangeStopIndex = null;\n\n for (var index = startIndex; index <= stopIndex; index++) {\n var loaded = isRowLoaded({ index: index });\n\n if (!loaded) {\n rangeStopIndex = index;\n if (rangeStartIndex === null) {\n rangeStartIndex = index;\n }\n } else if (rangeStopIndex !== null) {\n unloadedRanges.push({\n startIndex: rangeStartIndex,\n stopIndex: rangeStopIndex\n });\n\n rangeStartIndex = rangeStopIndex = null;\n }\n }\n\n // If :rangeStopIndex is not null it means we haven't ran out of unloaded rows.\n // Scan forward to try filling our :minimumBatchSize.\n if (rangeStopIndex !== null) {\n var potentialStopIndex = Math.min(Math.max(rangeStopIndex, rangeStartIndex + minimumBatchSize - 1), rowCount - 1);\n\n for (var _index = rangeStopIndex + 1; _index <= potentialStopIndex; _index++) {\n if (!isRowLoaded({ index: _index })) {\n rangeStopIndex = _index;\n } else {\n break;\n }\n }\n\n unloadedRanges.push({\n startIndex: rangeStartIndex,\n stopIndex: rangeStopIndex\n });\n }\n\n // Check to see if our first range ended prematurely.\n // In this case we should scan backwards to try filling our :minimumBatchSize.\n if (unloadedRanges.length) {\n var firstUnloadedRange = unloadedRanges[0];\n\n while (firstUnloadedRange.stopIndex - firstUnloadedRange.startIndex + 1 < minimumBatchSize && firstUnloadedRange.startIndex > 0) {\n var _index2 = firstUnloadedRange.startIndex - 1;\n\n if (!isRowLoaded({ index: _index2 })) {\n firstUnloadedRange.startIndex = _index2;\n } else {\n break;\n }\n }\n }\n\n return unloadedRanges;\n}\n\n/**\n * Since RV components use shallowCompare we need to force a render (even though props haven't changed).\n * However InfiniteLoader may wrap a Grid or it may wrap a Table or List.\n * In the first case the built-in React forceUpdate() method is sufficient to force a re-render,\n * But in the latter cases we need to use the RV-specific forceUpdateGrid() method.\n * Else the inner Grid will not be re-rendered and visuals may be stale.\n *\n * Additionally, while a Grid is scrolling the cells can be cached,\n * So it's important to invalidate that cache by recalculating sizes\n * before forcing a rerender.\n */\nexport function forceUpdateReactVirtualizedComponent(component) {\n var currentIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var recomputeSize = typeof component.recomputeGridSize === 'function' ? component.recomputeGridSize : component.recomputeRowHeights;\n\n if (recomputeSize) {\n recomputeSize.call(component, currentIndex);\n } else {\n component.forceUpdate();\n }\n}","import InfiniteLoader from './InfiniteLoader';\n\nexport default InfiniteLoader;\nexport { InfiniteLoader };","import _extends from 'babel-runtime/helpers/extends';\nimport _Object$getOwnPropertyDescriptor from 'babel-runtime/core-js/object/get-own-property-descriptor';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport Grid, { accessibilityOverscanIndicesGetter } from '../Grid';\nimport * as React from 'react';\nimport clsx from 'clsx';\n\n/**\n * It is inefficient to create and manage a large list of DOM elements within a scrolling container\n * if only a few of those elements are visible. The primary purpose of this component is to improve\n * performance by only rendering the DOM nodes that a user is able to see based on their current\n * scroll position.\n *\n * This component renders a virtualized list of elements with either fixed or dynamic heights.\n */\n\nvar List = function (_React$PureComponent) {\n _inherits(List, _React$PureComponent);\n\n function List() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, List);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = List.__proto__ || _Object$getPrototypeOf(List)).call.apply(_ref, [this].concat(args))), _this), _this._cellRenderer = function (_ref2) {\n var parent = _ref2.parent,\n rowIndex = _ref2.rowIndex,\n style = _ref2.style,\n isScrolling = _ref2.isScrolling,\n isVisible = _ref2.isVisible,\n key = _ref2.key;\n var rowRenderer = _this.props.rowRenderer;\n\n // TRICKY The style object is sometimes cached by Grid.\n // This prevents new style objects from bypassing shallowCompare().\n // However as of React 16, style props are auto-frozen (at least in dev mode)\n // Check to make sure we can still modify the style before proceeding.\n // https://github.com/facebook/react/commit/977357765b44af8ff0cfea327866861073095c12#commitcomment-20648713\n\n var _Object$getOwnPropert = _Object$getOwnPropertyDescriptor(style, 'width'),\n writable = _Object$getOwnPropert.writable;\n\n if (writable) {\n // By default, List cells should be 100% width.\n // This prevents them from flowing under a scrollbar (if present).\n style.width = '100%';\n }\n\n return rowRenderer({\n index: rowIndex,\n style: style,\n isScrolling: isScrolling,\n isVisible: isVisible,\n key: key,\n parent: parent\n });\n }, _this._setRef = function (ref) {\n _this.Grid = ref;\n }, _this._onScroll = function (_ref3) {\n var clientHeight = _ref3.clientHeight,\n scrollHeight = _ref3.scrollHeight,\n scrollTop = _ref3.scrollTop;\n var onScroll = _this.props.onScroll;\n\n\n onScroll({ clientHeight: clientHeight, scrollHeight: scrollHeight, scrollTop: scrollTop });\n }, _this._onSectionRendered = function (_ref4) {\n var rowOverscanStartIndex = _ref4.rowOverscanStartIndex,\n rowOverscanStopIndex = _ref4.rowOverscanStopIndex,\n rowStartIndex = _ref4.rowStartIndex,\n rowStopIndex = _ref4.rowStopIndex;\n var onRowsRendered = _this.props.onRowsRendered;\n\n\n onRowsRendered({\n overscanStartIndex: rowOverscanStartIndex,\n overscanStopIndex: rowOverscanStopIndex,\n startIndex: rowStartIndex,\n stopIndex: rowStopIndex\n });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(List, [{\n key: 'forceUpdateGrid',\n value: function forceUpdateGrid() {\n if (this.Grid) {\n this.Grid.forceUpdate();\n }\n }\n\n /** See Grid#getOffsetForCell */\n\n }, {\n key: 'getOffsetForRow',\n value: function getOffsetForRow(_ref5) {\n var alignment = _ref5.alignment,\n index = _ref5.index;\n\n if (this.Grid) {\n var _Grid$getOffsetForCel = this.Grid.getOffsetForCell({\n alignment: alignment,\n rowIndex: index,\n columnIndex: 0\n }),\n _scrollTop = _Grid$getOffsetForCel.scrollTop;\n\n return _scrollTop;\n }\n return 0;\n }\n\n /** CellMeasurer compatibility */\n\n }, {\n key: 'invalidateCellSizeAfterRender',\n value: function invalidateCellSizeAfterRender(_ref6) {\n var columnIndex = _ref6.columnIndex,\n rowIndex = _ref6.rowIndex;\n\n if (this.Grid) {\n this.Grid.invalidateCellSizeAfterRender({\n rowIndex: rowIndex,\n columnIndex: columnIndex\n });\n }\n }\n\n /** See Grid#measureAllCells */\n\n }, {\n key: 'measureAllRows',\n value: function measureAllRows() {\n if (this.Grid) {\n this.Grid.measureAllCells();\n }\n }\n\n /** CellMeasurer compatibility */\n\n }, {\n key: 'recomputeGridSize',\n value: function recomputeGridSize() {\n var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref7$columnIndex = _ref7.columnIndex,\n columnIndex = _ref7$columnIndex === undefined ? 0 : _ref7$columnIndex,\n _ref7$rowIndex = _ref7.rowIndex,\n rowIndex = _ref7$rowIndex === undefined ? 0 : _ref7$rowIndex;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: rowIndex,\n columnIndex: columnIndex\n });\n }\n }\n\n /** See Grid#recomputeGridSize */\n\n }, {\n key: 'recomputeRowHeights',\n value: function recomputeRowHeights() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: index,\n columnIndex: 0\n });\n }\n }\n\n /** See Grid#scrollToPosition */\n\n }, {\n key: 'scrollToPosition',\n value: function scrollToPosition() {\n var scrollTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.scrollToPosition({ scrollTop: scrollTop });\n }\n }\n\n /** See Grid#scrollToCell */\n\n }, {\n key: 'scrollToRow',\n value: function scrollToRow() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.scrollToCell({\n columnIndex: 0,\n rowIndex: index\n });\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n className = _props.className,\n noRowsRenderer = _props.noRowsRenderer,\n scrollToIndex = _props.scrollToIndex,\n width = _props.width;\n\n\n var classNames = clsx('ReactVirtualized__List', className);\n\n return React.createElement(Grid, _extends({}, this.props, {\n autoContainerWidth: true,\n cellRenderer: this._cellRenderer,\n className: classNames,\n columnWidth: width,\n columnCount: 1,\n noContentRenderer: noRowsRenderer,\n onScroll: this._onScroll,\n onSectionRendered: this._onSectionRendered,\n ref: this._setRef,\n scrollToRow: scrollToIndex\n }));\n }\n }]);\n\n return List;\n}(React.PureComponent);\n\nList.defaultProps = {\n autoHeight: false,\n estimatedRowSize: 30,\n onScroll: function onScroll() {},\n noRowsRenderer: function noRowsRenderer() {\n return null;\n },\n onRowsRendered: function onRowsRendered() {},\n overscanIndicesGetter: accessibilityOverscanIndicesGetter,\n overscanRowCount: 10,\n scrollToAlignment: 'auto',\n scrollToIndex: -1,\n style: {}\n};\nList.propTypes = process.env.NODE_ENV === 'production' ? null : {\n \"aria-label\": PropTypes.string,\n\n\n /**\n * Removes fixed height from the scrollingContainer so that the total height\n * of rows can stretch the window. Intended for use with WindowScroller\n */\n autoHeight: PropTypes.bool.isRequired,\n\n\n /** Optional CSS class name */\n className: PropTypes.string,\n\n\n /**\n * Used to estimate the total height of a List before all of its rows have actually been measured.\n * The estimated total height is adjusted as rows are rendered.\n */\n estimatedRowSize: PropTypes.number.isRequired,\n\n\n /** Height constraint for list (determines how many actual rows are rendered) */\n height: PropTypes.number.isRequired,\n\n\n /** Optional renderer to be used in place of rows when rowCount is 0 */\n noRowsRenderer: function noRowsRenderer() {\n return (typeof bpfrpt_proptype_NoContentRenderer === 'function' ? bpfrpt_proptype_NoContentRenderer.isRequired ? bpfrpt_proptype_NoContentRenderer.isRequired : bpfrpt_proptype_NoContentRenderer : PropTypes.shape(bpfrpt_proptype_NoContentRenderer).isRequired).apply(this, arguments);\n },\n\n\n /** Callback invoked with information about the slice of rows that were just rendered. */\n\n onRowsRendered: PropTypes.func.isRequired,\n\n\n /**\n * Callback invoked whenever the scroll offset changes within the inner scrollable region.\n * This callback can be used to sync scrolling between lists, tables, or grids.\n */\n onScroll: PropTypes.func.isRequired,\n\n\n /** See Grid#overscanIndicesGetter */\n overscanIndicesGetter: function overscanIndicesGetter() {\n return (typeof bpfrpt_proptype_OverscanIndicesGetter === 'function' ? bpfrpt_proptype_OverscanIndicesGetter.isRequired ? bpfrpt_proptype_OverscanIndicesGetter.isRequired : bpfrpt_proptype_OverscanIndicesGetter : PropTypes.shape(bpfrpt_proptype_OverscanIndicesGetter).isRequired).apply(this, arguments);\n },\n\n\n /**\n * Number of rows to render above/below the visible bounds of the list.\n * These rows can help for smoother scrolling on touch devices.\n */\n overscanRowCount: PropTypes.number.isRequired,\n\n\n /** Either a fixed row height (number) or a function that returns the height of a row given its index. */\n rowHeight: function rowHeight() {\n return (typeof bpfrpt_proptype_CellSize === 'function' ? bpfrpt_proptype_CellSize.isRequired ? bpfrpt_proptype_CellSize.isRequired : bpfrpt_proptype_CellSize : PropTypes.shape(bpfrpt_proptype_CellSize).isRequired).apply(this, arguments);\n },\n\n\n /** Responsible for rendering a row given an index; ({ index: number }): node */\n rowRenderer: function rowRenderer() {\n return (typeof bpfrpt_proptype_RowRenderer === 'function' ? bpfrpt_proptype_RowRenderer.isRequired ? bpfrpt_proptype_RowRenderer.isRequired : bpfrpt_proptype_RowRenderer : PropTypes.shape(bpfrpt_proptype_RowRenderer).isRequired).apply(this, arguments);\n },\n\n\n /** Number of rows in list. */\n rowCount: PropTypes.number.isRequired,\n\n\n /** See Grid#scrollToAlignment */\n scrollToAlignment: function scrollToAlignment() {\n return (typeof bpfrpt_proptype_Alignment === 'function' ? bpfrpt_proptype_Alignment.isRequired ? bpfrpt_proptype_Alignment.isRequired : bpfrpt_proptype_Alignment : PropTypes.shape(bpfrpt_proptype_Alignment).isRequired).apply(this, arguments);\n },\n\n\n /** Row index to ensure visible (by forcefully scrolling if necessary) */\n scrollToIndex: PropTypes.number.isRequired,\n\n\n /** Vertical offset. */\n scrollTop: PropTypes.number,\n\n\n /** Optional inline style */\n style: PropTypes.object.isRequired,\n\n\n /** Tab index for focus */\n tabIndex: PropTypes.number,\n\n\n /** Width of list */\n width: PropTypes.number.isRequired\n};\nexport default List;\nimport { bpfrpt_proptype_NoContentRenderer } from '../Grid';\nimport { bpfrpt_proptype_Alignment } from '../Grid';\nimport { bpfrpt_proptype_CellSize } from '../Grid';\nimport { bpfrpt_proptype_CellPosition } from '../Grid';\nimport { bpfrpt_proptype_OverscanIndicesGetter } from '../Grid';\nimport { bpfrpt_proptype_RenderedSection } from '../Grid';\nimport { bpfrpt_proptype_CellRendererParams } from '../Grid';\nimport { bpfrpt_proptype_Scroll as bpfrpt_proptype_GridScroll } from '../Grid';\nimport { bpfrpt_proptype_RowRenderer } from './types';\nimport { bpfrpt_proptype_RenderedRows } from './types';\nimport { bpfrpt_proptype_Scroll } from './types';\nimport PropTypes from 'prop-types';","/**\n * Binary Search Bounds\n * https://github.com/mikolalysenko/binary-search-bounds\n * Mikola Lysenko\n *\n * Inlined because of Content Security Policy issue caused by the use of `new Function(...)` syntax.\n * Issue reported here: https://github.com/mikolalysenko/binary-search-bounds/issues/5\n **/\n\nfunction _GEA(a, l, h, y) {\n var i = h + 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (x >= y) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n return i;\n}\nfunction _GEP(a, l, h, y, c) {\n var i = h + 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (c(x, y) >= 0) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n return i;\n}\nfunction dispatchBsearchGE(a, y, c, l, h) {\n if (typeof c === 'function') {\n return _GEP(a, l === void 0 ? 0 : l | 0, h === void 0 ? a.length - 1 : h | 0, y, c);\n } else {\n return _GEA(a, c === void 0 ? 0 : c | 0, l === void 0 ? a.length - 1 : l | 0, y);\n }\n}\n\nfunction _GTA(a, l, h, y) {\n var i = h + 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (x > y) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n return i;\n}\nfunction _GTP(a, l, h, y, c) {\n var i = h + 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (c(x, y) > 0) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n return i;\n}\nfunction dispatchBsearchGT(a, y, c, l, h) {\n if (typeof c === 'function') {\n return _GTP(a, l === void 0 ? 0 : l | 0, h === void 0 ? a.length - 1 : h | 0, y, c);\n } else {\n return _GTA(a, c === void 0 ? 0 : c | 0, l === void 0 ? a.length - 1 : l | 0, y);\n }\n}\n\nfunction _LTA(a, l, h, y) {\n var i = l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (x < y) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return i;\n}\nfunction _LTP(a, l, h, y, c) {\n var i = l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (c(x, y) < 0) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return i;\n}\nfunction dispatchBsearchLT(a, y, c, l, h) {\n if (typeof c === 'function') {\n return _LTP(a, l === void 0 ? 0 : l | 0, h === void 0 ? a.length - 1 : h | 0, y, c);\n } else {\n return _LTA(a, c === void 0 ? 0 : c | 0, l === void 0 ? a.length - 1 : l | 0, y);\n }\n}\n\nfunction _LEA(a, l, h, y) {\n var i = l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (x <= y) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return i;\n}\nfunction _LEP(a, l, h, y, c) {\n var i = l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (c(x, y) <= 0) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return i;\n}\nfunction dispatchBsearchLE(a, y, c, l, h) {\n if (typeof c === 'function') {\n return _LEP(a, l === void 0 ? 0 : l | 0, h === void 0 ? a.length - 1 : h | 0, y, c);\n } else {\n return _LEA(a, c === void 0 ? 0 : c | 0, l === void 0 ? a.length - 1 : l | 0, y);\n }\n}\n\nfunction _EQA(a, l, h, y) {\n l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n if (x === y) {\n return m;\n } else if (x <= y) {\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return -1;\n}\nfunction _EQP(a, l, h, y, c) {\n l - 1;\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n var p = c(x, y);\n if (p === 0) {\n return m;\n } else if (p <= 0) {\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n return -1;\n}\nfunction dispatchBsearchEQ(a, y, c, l, h) {\n if (typeof c === 'function') {\n return _EQP(a, l === void 0 ? 0 : l | 0, h === void 0 ? a.length - 1 : h | 0, y, c);\n } else {\n return _EQA(a, c === void 0 ? 0 : c | 0, l === void 0 ? a.length - 1 : l | 0, y);\n }\n}\n\nexport default {\n ge: dispatchBsearchGE,\n gt: dispatchBsearchGT,\n lt: dispatchBsearchLT,\n le: dispatchBsearchLE,\n eq: dispatchBsearchEQ\n};","/**\n * Binary Search Bounds\n * https://github.com/mikolalysenko/interval-tree-1d\n * Mikola Lysenko\n *\n * Inlined because of Content Security Policy issue caused by the use of `new Function(...)` syntax in an upstream dependency.\n * Issue reported here: https://github.com/mikolalysenko/binary-search-bounds/issues/5\n **/\n\nimport bounds from './binarySearchBounds';\n\nvar NOT_FOUND = 0;\nvar SUCCESS = 1;\nvar EMPTY = 2;\n\nfunction IntervalTreeNode(mid, left, right, leftPoints, rightPoints) {\n this.mid = mid;\n this.left = left;\n this.right = right;\n this.leftPoints = leftPoints;\n this.rightPoints = rightPoints;\n this.count = (left ? left.count : 0) + (right ? right.count : 0) + leftPoints.length;\n}\n\nvar proto = IntervalTreeNode.prototype;\n\nfunction copy(a, b) {\n a.mid = b.mid;\n a.left = b.left;\n a.right = b.right;\n a.leftPoints = b.leftPoints;\n a.rightPoints = b.rightPoints;\n a.count = b.count;\n}\n\nfunction rebuild(node, intervals) {\n var ntree = createIntervalTree(intervals);\n node.mid = ntree.mid;\n node.left = ntree.left;\n node.right = ntree.right;\n node.leftPoints = ntree.leftPoints;\n node.rightPoints = ntree.rightPoints;\n node.count = ntree.count;\n}\n\nfunction rebuildWithInterval(node, interval) {\n var intervals = node.intervals([]);\n intervals.push(interval);\n rebuild(node, intervals);\n}\n\nfunction rebuildWithoutInterval(node, interval) {\n var intervals = node.intervals([]);\n var idx = intervals.indexOf(interval);\n if (idx < 0) {\n return NOT_FOUND;\n }\n intervals.splice(idx, 1);\n rebuild(node, intervals);\n return SUCCESS;\n}\n\nproto.intervals = function (result) {\n result.push.apply(result, this.leftPoints);\n if (this.left) {\n this.left.intervals(result);\n }\n if (this.right) {\n this.right.intervals(result);\n }\n return result;\n};\n\nproto.insert = function (interval) {\n var weight = this.count - this.leftPoints.length;\n this.count += 1;\n if (interval[1] < this.mid) {\n if (this.left) {\n if (4 * (this.left.count + 1) > 3 * (weight + 1)) {\n rebuildWithInterval(this, interval);\n } else {\n this.left.insert(interval);\n }\n } else {\n this.left = createIntervalTree([interval]);\n }\n } else if (interval[0] > this.mid) {\n if (this.right) {\n if (4 * (this.right.count + 1) > 3 * (weight + 1)) {\n rebuildWithInterval(this, interval);\n } else {\n this.right.insert(interval);\n }\n } else {\n this.right = createIntervalTree([interval]);\n }\n } else {\n var l = bounds.ge(this.leftPoints, interval, compareBegin);\n var r = bounds.ge(this.rightPoints, interval, compareEnd);\n this.leftPoints.splice(l, 0, interval);\n this.rightPoints.splice(r, 0, interval);\n }\n};\n\nproto.remove = function (interval) {\n var weight = this.count - this.leftPoints;\n if (interval[1] < this.mid) {\n if (!this.left) {\n return NOT_FOUND;\n }\n var rw = this.right ? this.right.count : 0;\n if (4 * rw > 3 * (weight - 1)) {\n return rebuildWithoutInterval(this, interval);\n }\n var r = this.left.remove(interval);\n if (r === EMPTY) {\n this.left = null;\n this.count -= 1;\n return SUCCESS;\n } else if (r === SUCCESS) {\n this.count -= 1;\n }\n return r;\n } else if (interval[0] > this.mid) {\n if (!this.right) {\n return NOT_FOUND;\n }\n var lw = this.left ? this.left.count : 0;\n if (4 * lw > 3 * (weight - 1)) {\n return rebuildWithoutInterval(this, interval);\n }\n var r = this.right.remove(interval);\n if (r === EMPTY) {\n this.right = null;\n this.count -= 1;\n return SUCCESS;\n } else if (r === SUCCESS) {\n this.count -= 1;\n }\n return r;\n } else {\n if (this.count === 1) {\n if (this.leftPoints[0] === interval) {\n return EMPTY;\n } else {\n return NOT_FOUND;\n }\n }\n if (this.leftPoints.length === 1 && this.leftPoints[0] === interval) {\n if (this.left && this.right) {\n var p = this;\n var n = this.left;\n while (n.right) {\n p = n;\n n = n.right;\n }\n if (p === this) {\n n.right = this.right;\n } else {\n var l = this.left;\n var r = this.right;\n p.count -= n.count;\n p.right = n.left;\n n.left = l;\n n.right = r;\n }\n copy(this, n);\n this.count = (this.left ? this.left.count : 0) + (this.right ? this.right.count : 0) + this.leftPoints.length;\n } else if (this.left) {\n copy(this, this.left);\n } else {\n copy(this, this.right);\n }\n return SUCCESS;\n }\n for (var l = bounds.ge(this.leftPoints, interval, compareBegin); l < this.leftPoints.length; ++l) {\n if (this.leftPoints[l][0] !== interval[0]) {\n break;\n }\n if (this.leftPoints[l] === interval) {\n this.count -= 1;\n this.leftPoints.splice(l, 1);\n for (var r = bounds.ge(this.rightPoints, interval, compareEnd); r < this.rightPoints.length; ++r) {\n if (this.rightPoints[r][1] !== interval[1]) {\n break;\n } else if (this.rightPoints[r] === interval) {\n this.rightPoints.splice(r, 1);\n return SUCCESS;\n }\n }\n }\n }\n return NOT_FOUND;\n }\n};\n\nfunction reportLeftRange(arr, hi, cb) {\n for (var i = 0; i < arr.length && arr[i][0] <= hi; ++i) {\n var r = cb(arr[i]);\n if (r) {\n return r;\n }\n }\n}\n\nfunction reportRightRange(arr, lo, cb) {\n for (var i = arr.length - 1; i >= 0 && arr[i][1] >= lo; --i) {\n var r = cb(arr[i]);\n if (r) {\n return r;\n }\n }\n}\n\nfunction reportRange(arr, cb) {\n for (var i = 0; i < arr.length; ++i) {\n var r = cb(arr[i]);\n if (r) {\n return r;\n }\n }\n}\n\nproto.queryPoint = function (x, cb) {\n if (x < this.mid) {\n if (this.left) {\n var r = this.left.queryPoint(x, cb);\n if (r) {\n return r;\n }\n }\n return reportLeftRange(this.leftPoints, x, cb);\n } else if (x > this.mid) {\n if (this.right) {\n var r = this.right.queryPoint(x, cb);\n if (r) {\n return r;\n }\n }\n return reportRightRange(this.rightPoints, x, cb);\n } else {\n return reportRange(this.leftPoints, cb);\n }\n};\n\nproto.queryInterval = function (lo, hi, cb) {\n if (lo < this.mid && this.left) {\n var r = this.left.queryInterval(lo, hi, cb);\n if (r) {\n return r;\n }\n }\n if (hi > this.mid && this.right) {\n var r = this.right.queryInterval(lo, hi, cb);\n if (r) {\n return r;\n }\n }\n if (hi < this.mid) {\n return reportLeftRange(this.leftPoints, hi, cb);\n } else if (lo > this.mid) {\n return reportRightRange(this.rightPoints, lo, cb);\n } else {\n return reportRange(this.leftPoints, cb);\n }\n};\n\nfunction compareNumbers(a, b) {\n return a - b;\n}\n\nfunction compareBegin(a, b) {\n var d = a[0] - b[0];\n if (d) {\n return d;\n }\n return a[1] - b[1];\n}\n\nfunction compareEnd(a, b) {\n var d = a[1] - b[1];\n if (d) {\n return d;\n }\n return a[0] - b[0];\n}\n\nfunction createIntervalTree(intervals) {\n if (intervals.length === 0) {\n return null;\n }\n var pts = [];\n for (var i = 0; i < intervals.length; ++i) {\n pts.push(intervals[i][0], intervals[i][1]);\n }\n pts.sort(compareNumbers);\n\n var mid = pts[pts.length >> 1];\n\n var leftIntervals = [];\n var rightIntervals = [];\n var centerIntervals = [];\n for (var i = 0; i < intervals.length; ++i) {\n var s = intervals[i];\n if (s[1] < mid) {\n leftIntervals.push(s);\n } else if (mid < s[0]) {\n rightIntervals.push(s);\n } else {\n centerIntervals.push(s);\n }\n }\n\n //Split center intervals\n var leftPoints = centerIntervals;\n var rightPoints = centerIntervals.slice();\n leftPoints.sort(compareBegin);\n rightPoints.sort(compareEnd);\n\n return new IntervalTreeNode(mid, createIntervalTree(leftIntervals), createIntervalTree(rightIntervals), leftPoints, rightPoints);\n}\n\n//User friendly wrapper that makes it possible to support empty trees\nfunction IntervalTree(root) {\n this.root = root;\n}\n\nvar tproto = IntervalTree.prototype;\n\ntproto.insert = function (interval) {\n if (this.root) {\n this.root.insert(interval);\n } else {\n this.root = new IntervalTreeNode(interval[0], null, null, [interval], [interval]);\n }\n};\n\ntproto.remove = function (interval) {\n if (this.root) {\n var r = this.root.remove(interval);\n if (r === EMPTY) {\n this.root = null;\n }\n return r !== NOT_FOUND;\n }\n return false;\n};\n\ntproto.queryPoint = function (p, cb) {\n if (this.root) {\n return this.root.queryPoint(p, cb);\n }\n};\n\ntproto.queryInterval = function (lo, hi, cb) {\n if (lo <= hi && this.root) {\n return this.root.queryInterval(lo, hi, cb);\n }\n};\n\nObject.defineProperty(tproto, 'count', {\n get: function get() {\n if (this.root) {\n return this.root.count;\n }\n return 0;\n }\n});\n\nObject.defineProperty(tproto, 'intervals', {\n get: function get() {\n if (this.root) {\n return this.root.intervals([]);\n }\n return [];\n }\n});\n\nexport default function createWrapper(intervals) {\n if (!intervals || intervals.length === 0) {\n return new IntervalTree(null);\n }\n return new IntervalTree(createIntervalTree(intervals));\n}","import _slicedToArray from 'babel-runtime/helpers/slicedToArray';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport createIntervalTree from '../vendor/intervalTree';\n\n// Position cache requirements:\n// O(log(n)) lookup of cells to render for a given viewport size\n// O(1) lookup of shortest measured column (so we know when to enter phase 1)\nvar PositionCache = function () {\n function PositionCache() {\n _classCallCheck(this, PositionCache);\n\n this._columnSizeMap = {};\n this._intervalTree = createIntervalTree();\n this._leftMap = {};\n }\n // Tracks the height of each column\n\n\n // Store tops and bottoms of each cell for fast intersection lookup.\n\n\n // Maps cell index to x coordinates for quick lookup.\n\n\n _createClass(PositionCache, [{\n key: 'estimateTotalHeight',\n value: function estimateTotalHeight(cellCount, columnCount, defaultCellHeight) {\n var unmeasuredCellCount = cellCount - this.count;\n return this.tallestColumnSize + Math.ceil(unmeasuredCellCount / columnCount) * defaultCellHeight;\n }\n\n // Render all cells visible within the viewport range defined.\n\n }, {\n key: 'range',\n value: function range(scrollTop, clientHeight, renderCallback) {\n var _this = this;\n\n this._intervalTree.queryInterval(scrollTop, scrollTop + clientHeight, function (_ref) {\n var _ref2 = _slicedToArray(_ref, 3),\n top = _ref2[0],\n _ = _ref2[1],\n index = _ref2[2];\n\n return renderCallback(index, _this._leftMap[index], top);\n });\n }\n }, {\n key: 'setPosition',\n value: function setPosition(index, left, top, height) {\n this._intervalTree.insert([top, top + height, index]);\n this._leftMap[index] = left;\n\n var columnSizeMap = this._columnSizeMap;\n var columnHeight = columnSizeMap[left];\n if (columnHeight === undefined) {\n columnSizeMap[left] = top + height;\n } else {\n columnSizeMap[left] = Math.max(columnHeight, top + height);\n }\n }\n }, {\n key: 'count',\n get: function get() {\n return this._intervalTree.count;\n }\n }, {\n key: 'shortestColumnSize',\n get: function get() {\n var columnSizeMap = this._columnSizeMap;\n\n var size = 0;\n\n for (var i in columnSizeMap) {\n var height = columnSizeMap[i];\n size = size === 0 ? height : Math.min(size, height);\n }\n\n return size;\n }\n }, {\n key: 'tallestColumnSize',\n get: function get() {\n var columnSizeMap = this._columnSizeMap;\n\n var size = 0;\n\n for (var i in columnSizeMap) {\n var height = columnSizeMap[i];\n size = Math.max(size, height);\n }\n\n return size;\n }\n }]);\n\n return PositionCache;\n}();\n\nexport default PositionCache;","import _extends from 'babel-runtime/helpers/extends';\nimport _defineProperty from 'babel-runtime/helpers/defineProperty';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport clsx from 'clsx';\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\nimport PositionCache from './PositionCache';\nimport { requestAnimationTimeout, cancelAnimationTimeout } from '../utils/requestAnimationTimeout';\n\nvar emptyObject = {};\n\n/**\n * Specifies the number of miliseconds during which to disable pointer events while a scroll is in progress.\n * This improves performance and makes scrolling smoother.\n */\nexport var DEFAULT_SCROLLING_RESET_TIME_INTERVAL = 150;\n\n/**\n * This component efficiently displays arbitrarily positioned cells using windowing techniques.\n * Cell position is determined by an injected `cellPositioner` property.\n * Windowing is vertical; this component does not support horizontal scrolling.\n *\n * Rendering occurs in two phases:\n * 1) First pass uses estimated cell sizes (provided by the cache) to determine how many cells to measure in a batch.\n * Batch size is chosen using a fast, naive layout algorithm that stacks images in order until the viewport has been filled.\n * After measurement is complete (componentDidMount or componentDidUpdate) this component evaluates positioned cells\n * in order to determine if another measurement pass is required (eg if actual cell sizes were less than estimated sizes).\n * All measurements are permanently cached (keyed by `keyMapper`) for performance purposes.\n * 2) Second pass uses the external `cellPositioner` to layout cells.\n * At this time the positioner has access to cached size measurements for all cells.\n * The positions it returns are cached by Masonry for fast access later.\n * Phase one is repeated if the user scrolls beyond the current layout's bounds.\n * If the layout is invalidated due to eg a resize, cached positions can be cleared using `recomputeCellPositions()`.\n *\n * Animation constraints:\n * Simple animations are supported (eg translate/slide into place on initial reveal).\n * More complex animations are not (eg flying from one position to another on resize).\n *\n * Layout constraints:\n * This component supports multi-column layout.\n * The height of each item may vary.\n * The width of each item must not exceed the width of the column it is \"in\".\n * The left position of all items within a column must align.\n * (Items may not span multiple columns.)\n */\n\nvar Masonry = function (_React$PureComponent) {\n _inherits(Masonry, _React$PureComponent);\n\n function Masonry() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, Masonry);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Masonry.__proto__ || _Object$getPrototypeOf(Masonry)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n isScrolling: false,\n scrollTop: 0\n }, _this._invalidateOnUpdateStartIndex = null, _this._invalidateOnUpdateStopIndex = null, _this._positionCache = new PositionCache(), _this._startIndex = null, _this._startIndexMemoized = null, _this._stopIndex = null, _this._stopIndexMemoized = null, _this._debounceResetIsScrollingCallback = function () {\n _this.setState({\n isScrolling: false\n });\n }, _this._setScrollingContainerRef = function (ref) {\n _this._scrollingContainer = ref;\n }, _this._onScroll = function (event) {\n var height = _this.props.height;\n\n\n var eventScrollTop = event.currentTarget.scrollTop;\n\n // When this component is shrunk drastically, React dispatches a series of back-to-back scroll events,\n // Gradually converging on a scrollTop that is within the bounds of the new, smaller height.\n // This causes a series of rapid renders that is slow for long lists.\n // We can avoid that by doing some simple bounds checking to ensure that scroll offsets never exceed their bounds.\n var scrollTop = Math.min(Math.max(0, _this._getEstimatedTotalHeight() - height), eventScrollTop);\n\n // On iOS, we can arrive at negative offsets by swiping past the start or end.\n // Avoid re-rendering in this case as it can cause problems; see #532 for more.\n if (eventScrollTop !== scrollTop) {\n return;\n }\n\n // Prevent pointer events from interrupting a smooth scroll\n _this._debounceResetIsScrolling();\n\n // Certain devices (like Apple touchpad) rapid-fire duplicate events.\n // Don't force a re-render if this is the case.\n // The mouse may move faster then the animation frame does.\n // Use requestAnimationFrame to avoid over-updating.\n if (_this.state.scrollTop !== scrollTop) {\n _this.setState({\n isScrolling: true,\n scrollTop: scrollTop\n });\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(Masonry, [{\n key: 'clearCellPositions',\n value: function clearCellPositions() {\n this._positionCache = new PositionCache();\n this.forceUpdate();\n }\n\n // HACK This method signature was intended for Grid\n\n }, {\n key: 'invalidateCellSizeAfterRender',\n value: function invalidateCellSizeAfterRender(_ref2) {\n var index = _ref2.rowIndex;\n\n if (this._invalidateOnUpdateStartIndex === null) {\n this._invalidateOnUpdateStartIndex = index;\n this._invalidateOnUpdateStopIndex = index;\n } else {\n this._invalidateOnUpdateStartIndex = Math.min(this._invalidateOnUpdateStartIndex, index);\n this._invalidateOnUpdateStopIndex = Math.max(this._invalidateOnUpdateStopIndex, index);\n }\n }\n }, {\n key: 'recomputeCellPositions',\n value: function recomputeCellPositions() {\n var stopIndex = this._positionCache.count - 1;\n\n this._positionCache = new PositionCache();\n this._populatePositionCache(0, stopIndex);\n\n this.forceUpdate();\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this._checkInvalidateOnUpdate();\n this._invokeOnScrollCallback();\n this._invokeOnCellsRenderedCallback();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n this._checkInvalidateOnUpdate();\n this._invokeOnScrollCallback();\n this._invokeOnCellsRenderedCallback();\n\n if (this.props.scrollTop !== prevProps.scrollTop) {\n this._debounceResetIsScrolling();\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this._debounceResetIsScrollingId) {\n cancelAnimationTimeout(this._debounceResetIsScrollingId);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n autoHeight = _props.autoHeight,\n cellCount = _props.cellCount,\n cellMeasurerCache = _props.cellMeasurerCache,\n cellRenderer = _props.cellRenderer,\n className = _props.className,\n height = _props.height,\n id = _props.id,\n keyMapper = _props.keyMapper,\n overscanByPixels = _props.overscanByPixels,\n role = _props.role,\n style = _props.style,\n tabIndex = _props.tabIndex,\n width = _props.width,\n rowDirection = _props.rowDirection;\n var _state = this.state,\n isScrolling = _state.isScrolling,\n scrollTop = _state.scrollTop;\n\n\n var children = [];\n\n var estimateTotalHeight = this._getEstimatedTotalHeight();\n\n var shortestColumnSize = this._positionCache.shortestColumnSize;\n var measuredCellCount = this._positionCache.count;\n\n var startIndex = 0;\n var stopIndex = void 0;\n\n this._positionCache.range(Math.max(0, scrollTop - overscanByPixels), height + overscanByPixels * 2, function (index, left, top) {\n var _style;\n\n if (typeof stopIndex === 'undefined') {\n startIndex = index;\n stopIndex = index;\n } else {\n startIndex = Math.min(startIndex, index);\n stopIndex = Math.max(stopIndex, index);\n }\n\n children.push(cellRenderer({\n index: index,\n isScrolling: isScrolling,\n key: keyMapper(index),\n parent: _this2,\n style: (_style = {\n height: cellMeasurerCache.getHeight(index)\n }, _defineProperty(_style, rowDirection === 'ltr' ? 'left' : 'right', left), _defineProperty(_style, 'position', 'absolute'), _defineProperty(_style, 'top', top), _defineProperty(_style, 'width', cellMeasurerCache.getWidth(index)), _style)\n }));\n });\n\n // We need to measure additional cells for this layout\n if (shortestColumnSize < scrollTop + height + overscanByPixels && measuredCellCount < cellCount) {\n var batchSize = Math.min(cellCount - measuredCellCount, Math.ceil((scrollTop + height + overscanByPixels - shortestColumnSize) / cellMeasurerCache.defaultHeight * width / cellMeasurerCache.defaultWidth));\n\n for (var _index = measuredCellCount; _index < measuredCellCount + batchSize; _index++) {\n stopIndex = _index;\n\n children.push(cellRenderer({\n index: _index,\n isScrolling: isScrolling,\n key: keyMapper(_index),\n parent: this,\n style: {\n width: cellMeasurerCache.getWidth(_index)\n }\n }));\n }\n }\n\n this._startIndex = startIndex;\n this._stopIndex = stopIndex;\n\n return React.createElement(\n 'div',\n {\n ref: this._setScrollingContainerRef,\n 'aria-label': this.props['aria-label'],\n className: clsx('ReactVirtualized__Masonry', className),\n id: id,\n onScroll: this._onScroll,\n role: role,\n style: _extends({\n boxSizing: 'border-box',\n direction: 'ltr',\n height: autoHeight ? 'auto' : height,\n overflowX: 'hidden',\n overflowY: estimateTotalHeight < height ? 'hidden' : 'auto',\n position: 'relative',\n width: width,\n WebkitOverflowScrolling: 'touch',\n willChange: 'transform'\n }, style),\n tabIndex: tabIndex },\n React.createElement(\n 'div',\n {\n className: 'ReactVirtualized__Masonry__innerScrollContainer',\n style: {\n width: '100%',\n height: estimateTotalHeight,\n maxWidth: '100%',\n maxHeight: estimateTotalHeight,\n overflow: 'hidden',\n pointerEvents: isScrolling ? 'none' : '',\n position: 'relative'\n } },\n children\n )\n );\n }\n }, {\n key: '_checkInvalidateOnUpdate',\n value: function _checkInvalidateOnUpdate() {\n if (typeof this._invalidateOnUpdateStartIndex === 'number') {\n var _startIndex = this._invalidateOnUpdateStartIndex;\n var _stopIndex = this._invalidateOnUpdateStopIndex;\n\n this._invalidateOnUpdateStartIndex = null;\n this._invalidateOnUpdateStopIndex = null;\n\n // Query external layout logic for position of newly-measured cells\n this._populatePositionCache(_startIndex, _stopIndex);\n\n this.forceUpdate();\n }\n }\n }, {\n key: '_debounceResetIsScrolling',\n value: function _debounceResetIsScrolling() {\n var scrollingResetTimeInterval = this.props.scrollingResetTimeInterval;\n\n\n if (this._debounceResetIsScrollingId) {\n cancelAnimationTimeout(this._debounceResetIsScrollingId);\n }\n\n this._debounceResetIsScrollingId = requestAnimationTimeout(this._debounceResetIsScrollingCallback, scrollingResetTimeInterval);\n }\n }, {\n key: '_getEstimatedTotalHeight',\n value: function _getEstimatedTotalHeight() {\n var _props2 = this.props,\n cellCount = _props2.cellCount,\n cellMeasurerCache = _props2.cellMeasurerCache,\n width = _props2.width;\n\n\n var estimatedColumnCount = Math.max(1, Math.floor(width / cellMeasurerCache.defaultWidth));\n\n return this._positionCache.estimateTotalHeight(cellCount, estimatedColumnCount, cellMeasurerCache.defaultHeight);\n }\n }, {\n key: '_invokeOnScrollCallback',\n value: function _invokeOnScrollCallback() {\n var _props3 = this.props,\n height = _props3.height,\n onScroll = _props3.onScroll;\n var scrollTop = this.state.scrollTop;\n\n\n if (this._onScrollMemoized !== scrollTop) {\n onScroll({\n clientHeight: height,\n scrollHeight: this._getEstimatedTotalHeight(),\n scrollTop: scrollTop\n });\n\n this._onScrollMemoized = scrollTop;\n }\n }\n }, {\n key: '_invokeOnCellsRenderedCallback',\n value: function _invokeOnCellsRenderedCallback() {\n if (this._startIndexMemoized !== this._startIndex || this._stopIndexMemoized !== this._stopIndex) {\n var _onCellsRendered = this.props.onCellsRendered;\n\n\n _onCellsRendered({\n startIndex: this._startIndex,\n stopIndex: this._stopIndex\n });\n\n this._startIndexMemoized = this._startIndex;\n this._stopIndexMemoized = this._stopIndex;\n }\n }\n }, {\n key: '_populatePositionCache',\n value: function _populatePositionCache(startIndex, stopIndex) {\n var _props4 = this.props,\n cellMeasurerCache = _props4.cellMeasurerCache,\n cellPositioner = _props4.cellPositioner;\n\n\n for (var _index2 = startIndex; _index2 <= stopIndex; _index2++) {\n var _cellPositioner = cellPositioner(_index2),\n _left = _cellPositioner.left,\n _top = _cellPositioner.top;\n\n this._positionCache.setPosition(_index2, _left, _top, cellMeasurerCache.getHeight(_index2));\n }\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.scrollTop !== undefined && prevState.scrollTop !== nextProps.scrollTop) {\n return {\n isScrolling: true,\n scrollTop: nextProps.scrollTop\n };\n }\n\n return null;\n }\n }]);\n\n return Masonry;\n}(React.PureComponent);\n\nMasonry.defaultProps = {\n autoHeight: false,\n keyMapper: identity,\n onCellsRendered: noop,\n onScroll: noop,\n overscanByPixels: 20,\n role: 'grid',\n scrollingResetTimeInterval: DEFAULT_SCROLLING_RESET_TIME_INTERVAL,\n style: emptyObject,\n tabIndex: 0,\n rowDirection: 'ltr'\n};\nMasonry.propTypes = process.env.NODE_ENV === 'production' ? null : {\n autoHeight: PropTypes.bool.isRequired,\n cellCount: PropTypes.number.isRequired,\n cellMeasurerCache: function cellMeasurerCache() {\n return (typeof CellMeasurerCache === 'function' ? PropTypes.instanceOf(CellMeasurerCache).isRequired : PropTypes.any.isRequired).apply(this, arguments);\n },\n cellPositioner: function cellPositioner() {\n return (typeof Positioner === 'function' ? PropTypes.instanceOf(Positioner).isRequired : PropTypes.any.isRequired).apply(this, arguments);\n },\n cellRenderer: function cellRenderer() {\n return (typeof CellRenderer === 'function' ? PropTypes.instanceOf(CellRenderer).isRequired : PropTypes.any.isRequired).apply(this, arguments);\n },\n className: PropTypes.string,\n height: PropTypes.number.isRequired,\n id: PropTypes.string,\n keyMapper: function keyMapper() {\n return (typeof KeyMapper === 'function' ? PropTypes.instanceOf(KeyMapper).isRequired : PropTypes.any.isRequired).apply(this, arguments);\n },\n onCellsRendered: function onCellsRendered() {\n return (typeof OnCellsRenderedCallback === 'function' ? PropTypes.instanceOf(OnCellsRenderedCallback) : PropTypes.any).apply(this, arguments);\n },\n onScroll: function onScroll() {\n return (typeof OnScrollCallback === 'function' ? PropTypes.instanceOf(OnScrollCallback) : PropTypes.any).apply(this, arguments);\n },\n overscanByPixels: PropTypes.number.isRequired,\n role: PropTypes.string.isRequired,\n scrollingResetTimeInterval: PropTypes.number.isRequired,\n style: function style(props, propName, componentName) {\n if (!Object.prototype.hasOwnProperty.call(props, propName)) {\n throw new Error('Prop `' + propName + '` has type \\'any\\' or \\'mixed\\', but was not provided to `' + componentName + '`. Pass undefined or any other value.');\n }\n },\n tabIndex: PropTypes.number.isRequired,\n width: PropTypes.number.isRequired,\n rowDirection: PropTypes.string.isRequired\n};\n\n\nfunction identity(value) {\n return value;\n}\n\nfunction noop() {}\n\nvar bpfrpt_proptype_CellMeasurerCache = process.env.NODE_ENV === 'production' ? null : {\n defaultHeight: PropTypes.number.isRequired,\n defaultWidth: PropTypes.number.isRequired,\n getHeight: PropTypes.func.isRequired,\n getWidth: PropTypes.func.isRequired\n};\n\n\npolyfill(Masonry);\n\nexport default Masonry;\n\nvar bpfrpt_proptype_Positioner = process.env.NODE_ENV === 'production' ? null : PropTypes.func;\nimport { bpfrpt_proptype_AnimationTimeoutId } from '../utils/requestAnimationTimeout';\nimport PropTypes from 'prop-types';\nexport { bpfrpt_proptype_CellMeasurerCache };\nexport { bpfrpt_proptype_Positioner };","import createCellPositioner from './createCellPositioner';\nimport Masonry from './Masonry';\n\nexport default Masonry;\nexport { createCellPositioner, Masonry };","import _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport { CellMeasurerCache } from '../CellMeasurer';\n\n/**\n * Caches measurements for a given cell.\n */\nvar CellMeasurerCacheDecorator = function () {\n function CellMeasurerCacheDecorator() {\n var _this = this;\n\n var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, CellMeasurerCacheDecorator);\n\n this.columnWidth = function (_ref) {\n var index = _ref.index;\n\n _this._cellMeasurerCache.columnWidth({\n index: index + _this._columnIndexOffset\n });\n };\n\n this.rowHeight = function (_ref2) {\n var index = _ref2.index;\n\n _this._cellMeasurerCache.rowHeight({\n index: index + _this._rowIndexOffset\n });\n };\n\n var cellMeasurerCache = params.cellMeasurerCache,\n _params$columnIndexOf = params.columnIndexOffset,\n columnIndexOffset = _params$columnIndexOf === undefined ? 0 : _params$columnIndexOf,\n _params$rowIndexOffse = params.rowIndexOffset,\n rowIndexOffset = _params$rowIndexOffse === undefined ? 0 : _params$rowIndexOffse;\n\n\n this._cellMeasurerCache = cellMeasurerCache;\n this._columnIndexOffset = columnIndexOffset;\n this._rowIndexOffset = rowIndexOffset;\n }\n\n _createClass(CellMeasurerCacheDecorator, [{\n key: 'clear',\n value: function clear(rowIndex, columnIndex) {\n this._cellMeasurerCache.clear(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);\n }\n }, {\n key: 'clearAll',\n value: function clearAll() {\n this._cellMeasurerCache.clearAll();\n }\n }, {\n key: 'hasFixedHeight',\n value: function hasFixedHeight() {\n return this._cellMeasurerCache.hasFixedHeight();\n }\n }, {\n key: 'hasFixedWidth',\n value: function hasFixedWidth() {\n return this._cellMeasurerCache.hasFixedWidth();\n }\n }, {\n key: 'getHeight',\n value: function getHeight(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n return this._cellMeasurerCache.getHeight(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);\n }\n }, {\n key: 'getWidth',\n value: function getWidth(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n return this._cellMeasurerCache.getWidth(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);\n }\n }, {\n key: 'has',\n value: function has(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n return this._cellMeasurerCache.has(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset);\n }\n }, {\n key: 'set',\n value: function set(rowIndex, columnIndex, width, height) {\n this._cellMeasurerCache.set(rowIndex + this._rowIndexOffset, columnIndex + this._columnIndexOffset, width, height);\n }\n }, {\n key: 'defaultHeight',\n get: function get() {\n return this._cellMeasurerCache.defaultHeight;\n }\n }, {\n key: 'defaultWidth',\n get: function get() {\n return this._cellMeasurerCache.defaultWidth;\n }\n }]);\n\n return CellMeasurerCacheDecorator;\n}();\n\nexport default CellMeasurerCacheDecorator;","import _extends from 'babel-runtime/helpers/extends';\nimport _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\nimport CellMeasurerCacheDecorator from './CellMeasurerCacheDecorator';\nimport Grid from '../Grid';\n\nvar SCROLLBAR_SIZE_BUFFER = 20;\n\n/**\n * Renders 1, 2, or 4 Grids depending on configuration.\n * A main (body) Grid will always be rendered.\n * Optionally, 1-2 Grids for sticky header rows will also be rendered.\n * If no sticky columns, only 1 sticky header Grid will be rendered.\n * If sticky columns, 2 sticky header Grids will be rendered.\n */\n\nvar MultiGrid = function (_React$PureComponent) {\n _inherits(MultiGrid, _React$PureComponent);\n\n function MultiGrid(props, context) {\n _classCallCheck(this, MultiGrid);\n\n var _this = _possibleConstructorReturn(this, (MultiGrid.__proto__ || _Object$getPrototypeOf(MultiGrid)).call(this, props, context));\n\n _initialiseProps.call(_this);\n\n var deferredMeasurementCache = props.deferredMeasurementCache,\n fixedColumnCount = props.fixedColumnCount,\n fixedRowCount = props.fixedRowCount;\n\n\n _this._maybeCalculateCachedStyles(true);\n\n if (deferredMeasurementCache) {\n _this._deferredMeasurementCacheBottomLeftGrid = fixedRowCount > 0 ? new CellMeasurerCacheDecorator({\n cellMeasurerCache: deferredMeasurementCache,\n columnIndexOffset: 0,\n rowIndexOffset: fixedRowCount\n }) : deferredMeasurementCache;\n\n _this._deferredMeasurementCacheBottomRightGrid = fixedColumnCount > 0 || fixedRowCount > 0 ? new CellMeasurerCacheDecorator({\n cellMeasurerCache: deferredMeasurementCache,\n columnIndexOffset: fixedColumnCount,\n rowIndexOffset: fixedRowCount\n }) : deferredMeasurementCache;\n\n _this._deferredMeasurementCacheTopRightGrid = fixedColumnCount > 0 ? new CellMeasurerCacheDecorator({\n cellMeasurerCache: deferredMeasurementCache,\n columnIndexOffset: fixedColumnCount,\n rowIndexOffset: 0\n }) : deferredMeasurementCache;\n }\n return _this;\n }\n\n _createClass(MultiGrid, [{\n key: 'forceUpdateGrids',\n value: function forceUpdateGrids() {\n this._bottomLeftGrid && this._bottomLeftGrid.forceUpdate();\n this._bottomRightGrid && this._bottomRightGrid.forceUpdate();\n this._topLeftGrid && this._topLeftGrid.forceUpdate();\n this._topRightGrid && this._topRightGrid.forceUpdate();\n }\n\n /** See Grid#invalidateCellSizeAfterRender */\n\n }, {\n key: 'invalidateCellSizeAfterRender',\n value: function invalidateCellSizeAfterRender() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$columnIndex = _ref.columnIndex,\n columnIndex = _ref$columnIndex === undefined ? 0 : _ref$columnIndex,\n _ref$rowIndex = _ref.rowIndex,\n rowIndex = _ref$rowIndex === undefined ? 0 : _ref$rowIndex;\n\n this._deferredInvalidateColumnIndex = typeof this._deferredInvalidateColumnIndex === 'number' ? Math.min(this._deferredInvalidateColumnIndex, columnIndex) : columnIndex;\n this._deferredInvalidateRowIndex = typeof this._deferredInvalidateRowIndex === 'number' ? Math.min(this._deferredInvalidateRowIndex, rowIndex) : rowIndex;\n }\n\n /** See Grid#measureAllCells */\n\n }, {\n key: 'measureAllCells',\n value: function measureAllCells() {\n this._bottomLeftGrid && this._bottomLeftGrid.measureAllCells();\n this._bottomRightGrid && this._bottomRightGrid.measureAllCells();\n this._topLeftGrid && this._topLeftGrid.measureAllCells();\n this._topRightGrid && this._topRightGrid.measureAllCells();\n }\n\n /** See Grid#recomputeGridSize */\n\n }, {\n key: 'recomputeGridSize',\n value: function recomputeGridSize() {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref2$columnIndex = _ref2.columnIndex,\n columnIndex = _ref2$columnIndex === undefined ? 0 : _ref2$columnIndex,\n _ref2$rowIndex = _ref2.rowIndex,\n rowIndex = _ref2$rowIndex === undefined ? 0 : _ref2$rowIndex;\n\n var _props = this.props,\n fixedColumnCount = _props.fixedColumnCount,\n fixedRowCount = _props.fixedRowCount;\n\n\n var adjustedColumnIndex = Math.max(0, columnIndex - fixedColumnCount);\n var adjustedRowIndex = Math.max(0, rowIndex - fixedRowCount);\n\n this._bottomLeftGrid && this._bottomLeftGrid.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: adjustedRowIndex\n });\n this._bottomRightGrid && this._bottomRightGrid.recomputeGridSize({\n columnIndex: adjustedColumnIndex,\n rowIndex: adjustedRowIndex\n });\n this._topLeftGrid && this._topLeftGrid.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\n this._topRightGrid && this._topRightGrid.recomputeGridSize({\n columnIndex: adjustedColumnIndex,\n rowIndex: rowIndex\n });\n\n this._leftGridWidth = null;\n this._topGridHeight = null;\n this._maybeCalculateCachedStyles(true);\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _props2 = this.props,\n scrollLeft = _props2.scrollLeft,\n scrollTop = _props2.scrollTop;\n\n\n if (scrollLeft > 0 || scrollTop > 0) {\n var newState = {};\n\n if (scrollLeft > 0) {\n newState.scrollLeft = scrollLeft;\n }\n\n if (scrollTop > 0) {\n newState.scrollTop = scrollTop;\n }\n\n this.setState(newState);\n }\n this._handleInvalidatedGridSize();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this._handleInvalidatedGridSize();\n }\n }, {\n key: 'render',\n value: function render() {\n var _props3 = this.props,\n onScroll = _props3.onScroll,\n onSectionRendered = _props3.onSectionRendered,\n onScrollbarPresenceChange = _props3.onScrollbarPresenceChange,\n scrollLeftProp = _props3.scrollLeft,\n scrollToColumn = _props3.scrollToColumn,\n scrollTopProp = _props3.scrollTop,\n scrollToRow = _props3.scrollToRow,\n rest = _objectWithoutProperties(_props3, ['onScroll', 'onSectionRendered', 'onScrollbarPresenceChange', 'scrollLeft', 'scrollToColumn', 'scrollTop', 'scrollToRow']);\n\n this._prepareForRender();\n\n // Don't render any of our Grids if there are no cells.\n // This mirrors what Grid does,\n // And prevents us from recording inaccurage measurements when used with CellMeasurer.\n if (this.props.width === 0 || this.props.height === 0) {\n return null;\n }\n\n // scrollTop and scrollLeft props are explicitly filtered out and ignored\n\n var _state = this.state,\n scrollLeft = _state.scrollLeft,\n scrollTop = _state.scrollTop;\n\n\n return React.createElement(\n 'div',\n { style: this._containerOuterStyle },\n React.createElement(\n 'div',\n { style: this._containerTopStyle },\n this._renderTopLeftGrid(rest),\n this._renderTopRightGrid(_extends({}, rest, {\n onScroll: onScroll,\n scrollLeft: scrollLeft\n }))\n ),\n React.createElement(\n 'div',\n { style: this._containerBottomStyle },\n this._renderBottomLeftGrid(_extends({}, rest, {\n onScroll: onScroll,\n scrollTop: scrollTop\n })),\n this._renderBottomRightGrid(_extends({}, rest, {\n onScroll: onScroll,\n onSectionRendered: onSectionRendered,\n scrollLeft: scrollLeft,\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow,\n scrollTop: scrollTop\n }))\n )\n );\n }\n }, {\n key: '_getBottomGridHeight',\n value: function _getBottomGridHeight(props) {\n var height = props.height;\n\n\n var topGridHeight = this._getTopGridHeight(props);\n\n return height - topGridHeight;\n }\n }, {\n key: '_getLeftGridWidth',\n value: function _getLeftGridWidth(props) {\n var fixedColumnCount = props.fixedColumnCount,\n columnWidth = props.columnWidth;\n\n\n if (this._leftGridWidth == null) {\n if (typeof columnWidth === 'function') {\n var leftGridWidth = 0;\n\n for (var index = 0; index < fixedColumnCount; index++) {\n leftGridWidth += columnWidth({ index: index });\n }\n\n this._leftGridWidth = leftGridWidth;\n } else {\n this._leftGridWidth = columnWidth * fixedColumnCount;\n }\n }\n\n return this._leftGridWidth;\n }\n }, {\n key: '_getRightGridWidth',\n value: function _getRightGridWidth(props) {\n var width = props.width;\n\n\n var leftGridWidth = this._getLeftGridWidth(props);\n\n return width - leftGridWidth;\n }\n }, {\n key: '_getTopGridHeight',\n value: function _getTopGridHeight(props) {\n var fixedRowCount = props.fixedRowCount,\n rowHeight = props.rowHeight;\n\n\n if (this._topGridHeight == null) {\n if (typeof rowHeight === 'function') {\n var topGridHeight = 0;\n\n for (var index = 0; index < fixedRowCount; index++) {\n topGridHeight += rowHeight({ index: index });\n }\n\n this._topGridHeight = topGridHeight;\n } else {\n this._topGridHeight = rowHeight * fixedRowCount;\n }\n }\n\n return this._topGridHeight;\n }\n }, {\n key: '_handleInvalidatedGridSize',\n value: function _handleInvalidatedGridSize() {\n if (typeof this._deferredInvalidateColumnIndex === 'number') {\n var columnIndex = this._deferredInvalidateColumnIndex;\n var rowIndex = this._deferredInvalidateRowIndex;\n\n this._deferredInvalidateColumnIndex = null;\n this._deferredInvalidateRowIndex = null;\n\n this.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\n this.forceUpdate();\n }\n }\n\n /**\n * Avoid recreating inline styles each render; this bypasses Grid's shallowCompare.\n * This method recalculates styles only when specific props change.\n */\n\n }, {\n key: '_maybeCalculateCachedStyles',\n value: function _maybeCalculateCachedStyles(resetAll) {\n var _props4 = this.props,\n columnWidth = _props4.columnWidth,\n enableFixedColumnScroll = _props4.enableFixedColumnScroll,\n enableFixedRowScroll = _props4.enableFixedRowScroll,\n height = _props4.height,\n fixedColumnCount = _props4.fixedColumnCount,\n fixedRowCount = _props4.fixedRowCount,\n rowHeight = _props4.rowHeight,\n style = _props4.style,\n styleBottomLeftGrid = _props4.styleBottomLeftGrid,\n styleBottomRightGrid = _props4.styleBottomRightGrid,\n styleTopLeftGrid = _props4.styleTopLeftGrid,\n styleTopRightGrid = _props4.styleTopRightGrid,\n width = _props4.width;\n\n\n var sizeChange = resetAll || height !== this._lastRenderedHeight || width !== this._lastRenderedWidth;\n var leftSizeChange = resetAll || columnWidth !== this._lastRenderedColumnWidth || fixedColumnCount !== this._lastRenderedFixedColumnCount;\n var topSizeChange = resetAll || fixedRowCount !== this._lastRenderedFixedRowCount || rowHeight !== this._lastRenderedRowHeight;\n\n if (resetAll || sizeChange || style !== this._lastRenderedStyle) {\n this._containerOuterStyle = _extends({\n height: height,\n overflow: 'visible', // Let :focus outline show through\n width: width\n }, style);\n }\n\n if (resetAll || sizeChange || topSizeChange) {\n this._containerTopStyle = {\n height: this._getTopGridHeight(this.props),\n position: 'relative',\n width: width\n };\n\n this._containerBottomStyle = {\n height: height - this._getTopGridHeight(this.props),\n overflow: 'visible', // Let :focus outline show through\n position: 'relative',\n width: width\n };\n }\n\n if (resetAll || styleBottomLeftGrid !== this._lastRenderedStyleBottomLeftGrid) {\n this._bottomLeftGridStyle = _extends({\n left: 0,\n overflowX: 'hidden',\n overflowY: enableFixedColumnScroll ? 'auto' : 'hidden',\n position: 'absolute'\n }, styleBottomLeftGrid);\n }\n\n if (resetAll || leftSizeChange || styleBottomRightGrid !== this._lastRenderedStyleBottomRightGrid) {\n this._bottomRightGridStyle = _extends({\n left: this._getLeftGridWidth(this.props),\n position: 'absolute'\n }, styleBottomRightGrid);\n }\n\n if (resetAll || styleTopLeftGrid !== this._lastRenderedStyleTopLeftGrid) {\n this._topLeftGridStyle = _extends({\n left: 0,\n overflowX: 'hidden',\n overflowY: 'hidden',\n position: 'absolute',\n top: 0\n }, styleTopLeftGrid);\n }\n\n if (resetAll || leftSizeChange || styleTopRightGrid !== this._lastRenderedStyleTopRightGrid) {\n this._topRightGridStyle = _extends({\n left: this._getLeftGridWidth(this.props),\n overflowX: enableFixedRowScroll ? 'auto' : 'hidden',\n overflowY: 'hidden',\n position: 'absolute',\n top: 0\n }, styleTopRightGrid);\n }\n\n this._lastRenderedColumnWidth = columnWidth;\n this._lastRenderedFixedColumnCount = fixedColumnCount;\n this._lastRenderedFixedRowCount = fixedRowCount;\n this._lastRenderedHeight = height;\n this._lastRenderedRowHeight = rowHeight;\n this._lastRenderedStyle = style;\n this._lastRenderedStyleBottomLeftGrid = styleBottomLeftGrid;\n this._lastRenderedStyleBottomRightGrid = styleBottomRightGrid;\n this._lastRenderedStyleTopLeftGrid = styleTopLeftGrid;\n this._lastRenderedStyleTopRightGrid = styleTopRightGrid;\n this._lastRenderedWidth = width;\n }\n }, {\n key: '_prepareForRender',\n value: function _prepareForRender() {\n if (this._lastRenderedColumnWidth !== this.props.columnWidth || this._lastRenderedFixedColumnCount !== this.props.fixedColumnCount) {\n this._leftGridWidth = null;\n }\n\n if (this._lastRenderedFixedRowCount !== this.props.fixedRowCount || this._lastRenderedRowHeight !== this.props.rowHeight) {\n this._topGridHeight = null;\n }\n\n this._maybeCalculateCachedStyles();\n\n this._lastRenderedColumnWidth = this.props.columnWidth;\n this._lastRenderedFixedColumnCount = this.props.fixedColumnCount;\n this._lastRenderedFixedRowCount = this.props.fixedRowCount;\n this._lastRenderedRowHeight = this.props.rowHeight;\n }\n }, {\n key: '_renderBottomLeftGrid',\n value: function _renderBottomLeftGrid(props) {\n var enableFixedColumnScroll = props.enableFixedColumnScroll,\n fixedColumnCount = props.fixedColumnCount,\n fixedRowCount = props.fixedRowCount,\n rowCount = props.rowCount,\n hideBottomLeftGridScrollbar = props.hideBottomLeftGridScrollbar;\n var showVerticalScrollbar = this.state.showVerticalScrollbar;\n\n\n if (!fixedColumnCount) {\n return null;\n }\n\n var additionalRowCount = showVerticalScrollbar ? 1 : 0,\n height = this._getBottomGridHeight(props),\n width = this._getLeftGridWidth(props),\n scrollbarSize = this.state.showVerticalScrollbar ? this.state.scrollbarSize : 0,\n gridWidth = hideBottomLeftGridScrollbar ? width + scrollbarSize : width;\n\n var bottomLeftGrid = React.createElement(Grid, _extends({}, props, {\n cellRenderer: this._cellRendererBottomLeftGrid,\n className: this.props.classNameBottomLeftGrid,\n columnCount: fixedColumnCount,\n deferredMeasurementCache: this._deferredMeasurementCacheBottomLeftGrid,\n height: height,\n onScroll: enableFixedColumnScroll ? this._onScrollTop : undefined,\n ref: this._bottomLeftGridRef,\n rowCount: Math.max(0, rowCount - fixedRowCount) + additionalRowCount,\n rowHeight: this._rowHeightBottomGrid,\n style: this._bottomLeftGridStyle,\n tabIndex: null,\n width: gridWidth\n }));\n\n if (hideBottomLeftGridScrollbar) {\n return React.createElement(\n 'div',\n {\n className: 'BottomLeftGrid_ScrollWrapper',\n style: _extends({}, this._bottomLeftGridStyle, {\n height: height,\n width: width,\n overflowY: 'hidden'\n }) },\n bottomLeftGrid\n );\n }\n return bottomLeftGrid;\n }\n }, {\n key: '_renderBottomRightGrid',\n value: function _renderBottomRightGrid(props) {\n var columnCount = props.columnCount,\n fixedColumnCount = props.fixedColumnCount,\n fixedRowCount = props.fixedRowCount,\n rowCount = props.rowCount,\n scrollToColumn = props.scrollToColumn,\n scrollToRow = props.scrollToRow;\n\n\n return React.createElement(Grid, _extends({}, props, {\n cellRenderer: this._cellRendererBottomRightGrid,\n className: this.props.classNameBottomRightGrid,\n columnCount: Math.max(0, columnCount - fixedColumnCount),\n columnWidth: this._columnWidthRightGrid,\n deferredMeasurementCache: this._deferredMeasurementCacheBottomRightGrid,\n height: this._getBottomGridHeight(props),\n onScroll: this._onScroll,\n onScrollbarPresenceChange: this._onScrollbarPresenceChange,\n ref: this._bottomRightGridRef,\n rowCount: Math.max(0, rowCount - fixedRowCount),\n rowHeight: this._rowHeightBottomGrid,\n scrollToColumn: scrollToColumn - fixedColumnCount,\n scrollToRow: scrollToRow - fixedRowCount,\n style: this._bottomRightGridStyle,\n width: this._getRightGridWidth(props)\n }));\n }\n }, {\n key: '_renderTopLeftGrid',\n value: function _renderTopLeftGrid(props) {\n var fixedColumnCount = props.fixedColumnCount,\n fixedRowCount = props.fixedRowCount;\n\n\n if (!fixedColumnCount || !fixedRowCount) {\n return null;\n }\n\n return React.createElement(Grid, _extends({}, props, {\n className: this.props.classNameTopLeftGrid,\n columnCount: fixedColumnCount,\n height: this._getTopGridHeight(props),\n ref: this._topLeftGridRef,\n rowCount: fixedRowCount,\n style: this._topLeftGridStyle,\n tabIndex: null,\n width: this._getLeftGridWidth(props)\n }));\n }\n }, {\n key: '_renderTopRightGrid',\n value: function _renderTopRightGrid(props) {\n var columnCount = props.columnCount,\n enableFixedRowScroll = props.enableFixedRowScroll,\n fixedColumnCount = props.fixedColumnCount,\n fixedRowCount = props.fixedRowCount,\n scrollLeft = props.scrollLeft,\n hideTopRightGridScrollbar = props.hideTopRightGridScrollbar;\n var _state2 = this.state,\n showHorizontalScrollbar = _state2.showHorizontalScrollbar,\n scrollbarSize = _state2.scrollbarSize;\n\n\n if (!fixedRowCount) {\n return null;\n }\n\n var additionalColumnCount = showHorizontalScrollbar ? 1 : 0,\n height = this._getTopGridHeight(props),\n width = this._getRightGridWidth(props),\n additionalHeight = showHorizontalScrollbar ? scrollbarSize : 0;\n\n var gridHeight = height,\n style = this._topRightGridStyle;\n\n if (hideTopRightGridScrollbar) {\n gridHeight = height + additionalHeight;\n style = _extends({}, this._topRightGridStyle, {\n left: 0\n });\n }\n\n var topRightGrid = React.createElement(Grid, _extends({}, props, {\n cellRenderer: this._cellRendererTopRightGrid,\n className: this.props.classNameTopRightGrid,\n columnCount: Math.max(0, columnCount - fixedColumnCount) + additionalColumnCount,\n columnWidth: this._columnWidthRightGrid,\n deferredMeasurementCache: this._deferredMeasurementCacheTopRightGrid,\n height: gridHeight,\n onScroll: enableFixedRowScroll ? this._onScrollLeft : undefined,\n ref: this._topRightGridRef,\n rowCount: fixedRowCount,\n scrollLeft: scrollLeft,\n style: style,\n tabIndex: null,\n width: width\n }));\n\n if (hideTopRightGridScrollbar) {\n return React.createElement(\n 'div',\n {\n className: 'TopRightGrid_ScrollWrapper',\n style: _extends({}, this._topRightGridStyle, {\n height: height,\n width: width,\n overflowX: 'hidden'\n }) },\n topRightGrid\n );\n }\n return topRightGrid;\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.scrollLeft !== prevState.scrollLeft || nextProps.scrollTop !== prevState.scrollTop) {\n return {\n scrollLeft: nextProps.scrollLeft != null && nextProps.scrollLeft >= 0 ? nextProps.scrollLeft : prevState.scrollLeft,\n scrollTop: nextProps.scrollTop != null && nextProps.scrollTop >= 0 ? nextProps.scrollTop : prevState.scrollTop\n };\n }\n\n return null;\n }\n }]);\n\n return MultiGrid;\n}(React.PureComponent);\n\nMultiGrid.defaultProps = {\n classNameBottomLeftGrid: '',\n classNameBottomRightGrid: '',\n classNameTopLeftGrid: '',\n classNameTopRightGrid: '',\n enableFixedColumnScroll: false,\n enableFixedRowScroll: false,\n fixedColumnCount: 0,\n fixedRowCount: 0,\n scrollToColumn: -1,\n scrollToRow: -1,\n style: {},\n styleBottomLeftGrid: {},\n styleBottomRightGrid: {},\n styleTopLeftGrid: {},\n styleTopRightGrid: {},\n hideTopRightGridScrollbar: false,\n hideBottomLeftGridScrollbar: false\n};\n\nvar _initialiseProps = function _initialiseProps() {\n var _this2 = this;\n\n this.state = {\n scrollLeft: 0,\n scrollTop: 0,\n scrollbarSize: 0,\n showHorizontalScrollbar: false,\n showVerticalScrollbar: false\n };\n this._deferredInvalidateColumnIndex = null;\n this._deferredInvalidateRowIndex = null;\n\n this._bottomLeftGridRef = function (ref) {\n _this2._bottomLeftGrid = ref;\n };\n\n this._bottomRightGridRef = function (ref) {\n _this2._bottomRightGrid = ref;\n };\n\n this._cellRendererBottomLeftGrid = function (_ref3) {\n var rowIndex = _ref3.rowIndex,\n rest = _objectWithoutProperties(_ref3, ['rowIndex']);\n\n var _props5 = _this2.props,\n cellRenderer = _props5.cellRenderer,\n fixedRowCount = _props5.fixedRowCount,\n rowCount = _props5.rowCount;\n\n\n if (rowIndex === rowCount - fixedRowCount) {\n return React.createElement('div', {\n key: rest.key,\n style: _extends({}, rest.style, {\n height: SCROLLBAR_SIZE_BUFFER\n })\n });\n } else {\n return cellRenderer(_extends({}, rest, {\n parent: _this2,\n rowIndex: rowIndex + fixedRowCount\n }));\n }\n };\n\n this._cellRendererBottomRightGrid = function (_ref4) {\n var columnIndex = _ref4.columnIndex,\n rowIndex = _ref4.rowIndex,\n rest = _objectWithoutProperties(_ref4, ['columnIndex', 'rowIndex']);\n\n var _props6 = _this2.props,\n cellRenderer = _props6.cellRenderer,\n fixedColumnCount = _props6.fixedColumnCount,\n fixedRowCount = _props6.fixedRowCount;\n\n\n return cellRenderer(_extends({}, rest, {\n columnIndex: columnIndex + fixedColumnCount,\n parent: _this2,\n rowIndex: rowIndex + fixedRowCount\n }));\n };\n\n this._cellRendererTopRightGrid = function (_ref5) {\n var columnIndex = _ref5.columnIndex,\n rest = _objectWithoutProperties(_ref5, ['columnIndex']);\n\n var _props7 = _this2.props,\n cellRenderer = _props7.cellRenderer,\n columnCount = _props7.columnCount,\n fixedColumnCount = _props7.fixedColumnCount;\n\n\n if (columnIndex === columnCount - fixedColumnCount) {\n return React.createElement('div', {\n key: rest.key,\n style: _extends({}, rest.style, {\n width: SCROLLBAR_SIZE_BUFFER\n })\n });\n } else {\n return cellRenderer(_extends({}, rest, {\n columnIndex: columnIndex + fixedColumnCount,\n parent: _this2\n }));\n }\n };\n\n this._columnWidthRightGrid = function (_ref6) {\n var index = _ref6.index;\n var _props8 = _this2.props,\n columnCount = _props8.columnCount,\n fixedColumnCount = _props8.fixedColumnCount,\n columnWidth = _props8.columnWidth;\n var _state3 = _this2.state,\n scrollbarSize = _state3.scrollbarSize,\n showHorizontalScrollbar = _state3.showHorizontalScrollbar;\n\n // An extra cell is added to the count\n // This gives the smaller Grid extra room for offset,\n // In case the main (bottom right) Grid has a scrollbar\n // If no scrollbar, the extra space is overflow:hidden anyway\n\n if (showHorizontalScrollbar && index === columnCount - fixedColumnCount) {\n return scrollbarSize;\n }\n\n return typeof columnWidth === 'function' ? columnWidth({ index: index + fixedColumnCount }) : columnWidth;\n };\n\n this._onScroll = function (scrollInfo) {\n var scrollLeft = scrollInfo.scrollLeft,\n scrollTop = scrollInfo.scrollTop;\n\n _this2.setState({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n });\n var onScroll = _this2.props.onScroll;\n if (onScroll) {\n onScroll(scrollInfo);\n }\n };\n\n this._onScrollbarPresenceChange = function (_ref7) {\n var horizontal = _ref7.horizontal,\n size = _ref7.size,\n vertical = _ref7.vertical;\n var _state4 = _this2.state,\n showHorizontalScrollbar = _state4.showHorizontalScrollbar,\n showVerticalScrollbar = _state4.showVerticalScrollbar;\n\n\n if (horizontal !== showHorizontalScrollbar || vertical !== showVerticalScrollbar) {\n _this2.setState({\n scrollbarSize: size,\n showHorizontalScrollbar: horizontal,\n showVerticalScrollbar: vertical\n });\n\n var onScrollbarPresenceChange = _this2.props.onScrollbarPresenceChange;\n\n if (typeof onScrollbarPresenceChange === 'function') {\n onScrollbarPresenceChange({\n horizontal: horizontal,\n size: size,\n vertical: vertical\n });\n }\n }\n };\n\n this._onScrollLeft = function (scrollInfo) {\n var scrollLeft = scrollInfo.scrollLeft;\n\n _this2._onScroll({\n scrollLeft: scrollLeft,\n scrollTop: _this2.state.scrollTop\n });\n };\n\n this._onScrollTop = function (scrollInfo) {\n var scrollTop = scrollInfo.scrollTop;\n\n _this2._onScroll({\n scrollTop: scrollTop,\n scrollLeft: _this2.state.scrollLeft\n });\n };\n\n this._rowHeightBottomGrid = function (_ref8) {\n var index = _ref8.index;\n var _props9 = _this2.props,\n fixedRowCount = _props9.fixedRowCount,\n rowCount = _props9.rowCount,\n rowHeight = _props9.rowHeight;\n var _state5 = _this2.state,\n scrollbarSize = _state5.scrollbarSize,\n showVerticalScrollbar = _state5.showVerticalScrollbar;\n\n // An extra cell is added to the count\n // This gives the smaller Grid extra room for offset,\n // In case the main (bottom right) Grid has a scrollbar\n // If no scrollbar, the extra space is overflow:hidden anyway\n\n if (showVerticalScrollbar && index === rowCount - fixedRowCount) {\n return scrollbarSize;\n }\n\n return typeof rowHeight === 'function' ? rowHeight({ index: index + fixedRowCount }) : rowHeight;\n };\n\n this._topLeftGridRef = function (ref) {\n _this2._topLeftGrid = ref;\n };\n\n this._topRightGridRef = function (ref) {\n _this2._topRightGrid = ref;\n };\n};\n\nMultiGrid.propTypes = process.env.NODE_ENV !== \"production\" ? {\n classNameBottomLeftGrid: PropTypes.string.isRequired,\n classNameBottomRightGrid: PropTypes.string.isRequired,\n classNameTopLeftGrid: PropTypes.string.isRequired,\n classNameTopRightGrid: PropTypes.string.isRequired,\n enableFixedColumnScroll: PropTypes.bool.isRequired,\n enableFixedRowScroll: PropTypes.bool.isRequired,\n fixedColumnCount: PropTypes.number.isRequired,\n fixedRowCount: PropTypes.number.isRequired,\n onScrollbarPresenceChange: PropTypes.func,\n style: PropTypes.object.isRequired,\n styleBottomLeftGrid: PropTypes.object.isRequired,\n styleBottomRightGrid: PropTypes.object.isRequired,\n styleTopLeftGrid: PropTypes.object.isRequired,\n styleTopRightGrid: PropTypes.object.isRequired,\n hideTopRightGridScrollbar: PropTypes.bool,\n hideBottomLeftGridScrollbar: PropTypes.bool\n} : {};\n\n\npolyfill(MultiGrid);\n\nexport default MultiGrid;","import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n\n/**\n * HOC that simplifies the process of synchronizing scrolling between two or more virtualized components.\n */\n\nvar ScrollSync = function (_React$PureComponent) {\n _inherits(ScrollSync, _React$PureComponent);\n\n function ScrollSync(props, context) {\n _classCallCheck(this, ScrollSync);\n\n var _this = _possibleConstructorReturn(this, (ScrollSync.__proto__ || _Object$getPrototypeOf(ScrollSync)).call(this, props, context));\n\n _this.state = {\n clientHeight: 0,\n clientWidth: 0,\n scrollHeight: 0,\n scrollLeft: 0,\n scrollTop: 0,\n scrollWidth: 0\n };\n\n _this._onScroll = _this._onScroll.bind(_this);\n return _this;\n }\n\n _createClass(ScrollSync, [{\n key: 'render',\n value: function render() {\n var children = this.props.children;\n var _state = this.state,\n clientHeight = _state.clientHeight,\n clientWidth = _state.clientWidth,\n scrollHeight = _state.scrollHeight,\n scrollLeft = _state.scrollLeft,\n scrollTop = _state.scrollTop,\n scrollWidth = _state.scrollWidth;\n\n\n return children({\n clientHeight: clientHeight,\n clientWidth: clientWidth,\n onScroll: this._onScroll,\n scrollHeight: scrollHeight,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n scrollWidth: scrollWidth\n });\n }\n }, {\n key: '_onScroll',\n value: function _onScroll(_ref) {\n var clientHeight = _ref.clientHeight,\n clientWidth = _ref.clientWidth,\n scrollHeight = _ref.scrollHeight,\n scrollLeft = _ref.scrollLeft,\n scrollTop = _ref.scrollTop,\n scrollWidth = _ref.scrollWidth;\n\n this.setState({\n clientHeight: clientHeight,\n clientWidth: clientWidth,\n scrollHeight: scrollHeight,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n scrollWidth: scrollWidth\n });\n }\n }]);\n\n return ScrollSync;\n}(React.PureComponent);\n\nexport default ScrollSync;\nScrollSync.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * Function responsible for rendering 2 or more virtualized components.\n * This function should implement the following signature:\n * ({ onScroll, scrollLeft, scrollTop }) => PropTypes.element\n */\n children: PropTypes.func.isRequired\n} : {};","import * as React from 'react';\n\n\nexport default function defaultHeaderRowRenderer(_ref) {\n var className = _ref.className,\n columns = _ref.columns,\n style = _ref.style;\n\n return React.createElement(\n 'div',\n { className: className, role: 'row', style: style },\n columns\n );\n}\ndefaultHeaderRowRenderer.propTypes = process.env.NODE_ENV === 'production' ? null : bpfrpt_proptype_HeaderRowRendererParams === PropTypes.any ? {} : bpfrpt_proptype_HeaderRowRendererParams;\nimport { bpfrpt_proptype_HeaderRowRendererParams } from './types';\nimport PropTypes from 'prop-types';","var SortDirection = {\n /**\n * Sort items in ascending order.\n * This means arranging from the lowest value to the highest (e.g. a-z, 0-9).\n */\n ASC: 'ASC',\n\n /**\n * Sort items in descending order.\n * This means arranging from the highest value to the lowest (e.g. z-a, 9-0).\n */\n DESC: 'DESC'\n};\n\nexport default SortDirection;","import clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport SortDirection from './SortDirection';\n\n/**\n * Displayed beside a header to indicate that a Table is currently sorted by this column.\n */\nexport default function SortIndicator(_ref) {\n var sortDirection = _ref.sortDirection;\n\n var classNames = clsx('ReactVirtualized__Table__sortableHeaderIcon', {\n 'ReactVirtualized__Table__sortableHeaderIcon--ASC': sortDirection === SortDirection.ASC,\n 'ReactVirtualized__Table__sortableHeaderIcon--DESC': sortDirection === SortDirection.DESC\n });\n\n return React.createElement(\n 'svg',\n { className: classNames, width: 18, height: 18, viewBox: '0 0 24 24' },\n sortDirection === SortDirection.ASC ? React.createElement('path', { d: 'M7 14l5-5 5 5z' }) : React.createElement('path', { d: 'M7 10l5 5 5-5z' }),\n React.createElement('path', { d: 'M0 0h24v24H0z', fill: 'none' })\n );\n}\n\nSortIndicator.propTypes = process.env.NODE_ENV !== \"production\" ? {\n sortDirection: PropTypes.oneOf([SortDirection.ASC, SortDirection.DESC])\n} : {};","import * as React from 'react';\nimport SortIndicator from './SortIndicator';\n\n\n/**\n * Default table header renderer.\n */\nexport default function defaultHeaderRenderer(_ref) {\n var dataKey = _ref.dataKey,\n label = _ref.label,\n sortBy = _ref.sortBy,\n sortDirection = _ref.sortDirection;\n\n var showSortIndicator = sortBy === dataKey;\n var children = [React.createElement(\n 'span',\n {\n className: 'ReactVirtualized__Table__headerTruncatedText',\n key: 'label',\n title: typeof label === 'string' ? label : null },\n label\n )];\n\n if (showSortIndicator) {\n children.push(React.createElement(SortIndicator, { key: 'SortIndicator', sortDirection: sortDirection }));\n }\n\n return children;\n}\ndefaultHeaderRenderer.propTypes = process.env.NODE_ENV === 'production' ? null : bpfrpt_proptype_HeaderRendererParams === PropTypes.any ? {} : bpfrpt_proptype_HeaderRendererParams;\nimport { bpfrpt_proptype_HeaderRendererParams } from './types';\nimport PropTypes from 'prop-types';","import _extends from 'babel-runtime/helpers/extends';\nimport * as React from 'react';\n\n\n/**\n * Default row renderer for Table.\n */\nexport default function defaultRowRenderer(_ref) {\n var className = _ref.className,\n columns = _ref.columns,\n index = _ref.index,\n key = _ref.key,\n onRowClick = _ref.onRowClick,\n onRowDoubleClick = _ref.onRowDoubleClick,\n onRowMouseOut = _ref.onRowMouseOut,\n onRowMouseOver = _ref.onRowMouseOver,\n onRowRightClick = _ref.onRowRightClick,\n rowData = _ref.rowData,\n style = _ref.style;\n\n var a11yProps = { 'aria-rowindex': index + 1 };\n\n if (onRowClick || onRowDoubleClick || onRowMouseOut || onRowMouseOver || onRowRightClick) {\n a11yProps['aria-label'] = 'row';\n a11yProps.tabIndex = 0;\n\n if (onRowClick) {\n a11yProps.onClick = function (event) {\n return onRowClick({ event: event, index: index, rowData: rowData });\n };\n }\n if (onRowDoubleClick) {\n a11yProps.onDoubleClick = function (event) {\n return onRowDoubleClick({ event: event, index: index, rowData: rowData });\n };\n }\n if (onRowMouseOut) {\n a11yProps.onMouseOut = function (event) {\n return onRowMouseOut({ event: event, index: index, rowData: rowData });\n };\n }\n if (onRowMouseOver) {\n a11yProps.onMouseOver = function (event) {\n return onRowMouseOver({ event: event, index: index, rowData: rowData });\n };\n }\n if (onRowRightClick) {\n a11yProps.onContextMenu = function (event) {\n return onRowRightClick({ event: event, index: index, rowData: rowData });\n };\n }\n }\n\n return React.createElement(\n 'div',\n _extends({}, a11yProps, {\n className: className,\n key: key,\n role: 'row',\n style: style }),\n columns\n );\n}\ndefaultRowRenderer.propTypes = process.env.NODE_ENV === 'production' ? null : bpfrpt_proptype_RowRendererParams === PropTypes.any ? {} : bpfrpt_proptype_RowRendererParams;\nimport { bpfrpt_proptype_RowRendererParams } from './types';\nimport PropTypes from 'prop-types';","import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport defaultHeaderRenderer from './defaultHeaderRenderer';\nimport defaultCellRenderer from './defaultCellRenderer';\nimport defaultCellDataGetter from './defaultCellDataGetter';\nimport SortDirection from './SortDirection';\n\n/**\n * Describes the header and cell contents of a table column.\n */\n\nvar Column = function (_React$Component) {\n _inherits(Column, _React$Component);\n\n function Column() {\n _classCallCheck(this, Column);\n\n return _possibleConstructorReturn(this, (Column.__proto__ || _Object$getPrototypeOf(Column)).apply(this, arguments));\n }\n\n return Column;\n}(React.Component);\n\nColumn.defaultProps = {\n cellDataGetter: defaultCellDataGetter,\n cellRenderer: defaultCellRenderer,\n defaultSortDirection: SortDirection.ASC,\n flexGrow: 0,\n flexShrink: 1,\n headerRenderer: defaultHeaderRenderer,\n style: {}\n};\nexport default Column;\nColumn.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** Optional aria-label value to set on the column header */\n 'aria-label': PropTypes.string,\n\n /**\n * Callback responsible for returning a cell's data, given its :dataKey\n * ({ columnData: any, dataKey: string, rowData: any }): any\n */\n cellDataGetter: PropTypes.func,\n\n /**\n * Callback responsible for rendering a cell's contents.\n * ({ cellData: any, columnData: any, dataKey: string, rowData: any, rowIndex: number }): node\n */\n cellRenderer: PropTypes.func,\n\n /** Optional CSS class to apply to cell */\n className: PropTypes.string,\n\n /** Optional additional data passed to this column's :cellDataGetter */\n columnData: PropTypes.object,\n\n /** Uniquely identifies the row-data attribute corresponding to this cell */\n dataKey: PropTypes.any.isRequired,\n\n /** Optional direction to be used when clicked the first time */\n defaultSortDirection: PropTypes.oneOf([SortDirection.ASC, SortDirection.DESC]),\n\n /** If sort is enabled for the table at large, disable it for this column */\n disableSort: PropTypes.bool,\n\n /** Flex grow style; defaults to 0 */\n flexGrow: PropTypes.number,\n\n /** Flex shrink style; defaults to 1 */\n flexShrink: PropTypes.number,\n\n /** Optional CSS class to apply to this column's header */\n headerClassName: PropTypes.string,\n\n /**\n * Optional callback responsible for rendering a column header contents.\n * ({ columnData: object, dataKey: string, disableSort: boolean, label: node, sortBy: string, sortDirection: string }): PropTypes.node\n */\n headerRenderer: PropTypes.func.isRequired,\n\n /** Optional inline style to apply to this column's header */\n headerStyle: PropTypes.object,\n\n /** Optional id to set on the column header */\n id: PropTypes.string,\n\n /** Header label for this column */\n label: PropTypes.node,\n\n /** Maximum width of column; this property will only be used if :flexGrow is > 0. */\n maxWidth: PropTypes.number,\n\n /** Minimum width of column. */\n minWidth: PropTypes.number,\n\n /** Optional inline style to apply to cell */\n style: PropTypes.object,\n\n /** Flex basis (width) for this column; This value can grow or shrink based on :flexGrow and :flexShrink properties. */\n width: PropTypes.number.isRequired\n} : {};","\n\n/**\n * Default accessor for returning a cell value for a given attribute.\n * This function expects to operate on either a vanilla Object or an Immutable Map.\n * You should override the column's cellDataGetter if your data is some other type of object.\n */\nexport default function defaultCellDataGetter(_ref) {\n var dataKey = _ref.dataKey,\n rowData = _ref.rowData;\n\n if (typeof rowData.get === 'function') {\n return rowData.get(dataKey);\n } else {\n return rowData[dataKey];\n }\n}\nimport { bpfrpt_proptype_CellDataGetterParams } from './types';","\n\n/**\n * Default cell renderer that displays an attribute as a simple string\n * You should override the column's cellRenderer if your data is some other type of object.\n */\nexport default function defaultCellRenderer(_ref) {\n var cellData = _ref.cellData;\n\n if (cellData == null) {\n return '';\n } else {\n return String(cellData);\n }\n}\nimport { bpfrpt_proptype_CellRendererParams } from './types';","import _extends from 'babel-runtime/helpers/extends';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\n\n\nimport clsx from 'clsx';\n\nimport Column from './Column';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport Grid, { accessibilityOverscanIndicesGetter } from '../Grid';\n\nimport defaultRowRenderer from './defaultRowRenderer';\nimport defaultHeaderRowRenderer from './defaultHeaderRowRenderer';\nimport SortDirection from './SortDirection';\n\n/**\n * Table component with fixed headers and virtualized rows for improved performance with large data sets.\n * This component expects explicit width, height, and padding parameters.\n */\n\nvar Table = function (_React$PureComponent) {\n _inherits(Table, _React$PureComponent);\n\n function Table(props) {\n _classCallCheck(this, Table);\n\n var _this = _possibleConstructorReturn(this, (Table.__proto__ || _Object$getPrototypeOf(Table)).call(this, props));\n\n _this.state = {\n scrollbarWidth: 0\n };\n\n _this._createColumn = _this._createColumn.bind(_this);\n _this._createRow = _this._createRow.bind(_this);\n _this._onScroll = _this._onScroll.bind(_this);\n _this._onSectionRendered = _this._onSectionRendered.bind(_this);\n _this._setRef = _this._setRef.bind(_this);\n return _this;\n }\n\n _createClass(Table, [{\n key: 'forceUpdateGrid',\n value: function forceUpdateGrid() {\n if (this.Grid) {\n this.Grid.forceUpdate();\n }\n }\n\n /** See Grid#getOffsetForCell */\n\n }, {\n key: 'getOffsetForRow',\n value: function getOffsetForRow(_ref) {\n var alignment = _ref.alignment,\n index = _ref.index;\n\n if (this.Grid) {\n var _Grid$getOffsetForCel = this.Grid.getOffsetForCell({\n alignment: alignment,\n rowIndex: index\n }),\n scrollTop = _Grid$getOffsetForCel.scrollTop;\n\n return scrollTop;\n }\n return 0;\n }\n\n /** CellMeasurer compatibility */\n\n }, {\n key: 'invalidateCellSizeAfterRender',\n value: function invalidateCellSizeAfterRender(_ref2) {\n var columnIndex = _ref2.columnIndex,\n rowIndex = _ref2.rowIndex;\n\n if (this.Grid) {\n this.Grid.invalidateCellSizeAfterRender({\n rowIndex: rowIndex,\n columnIndex: columnIndex\n });\n }\n }\n\n /** See Grid#measureAllCells */\n\n }, {\n key: 'measureAllRows',\n value: function measureAllRows() {\n if (this.Grid) {\n this.Grid.measureAllCells();\n }\n }\n\n /** CellMeasurer compatibility */\n\n }, {\n key: 'recomputeGridSize',\n value: function recomputeGridSize() {\n var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref3$columnIndex = _ref3.columnIndex,\n columnIndex = _ref3$columnIndex === undefined ? 0 : _ref3$columnIndex,\n _ref3$rowIndex = _ref3.rowIndex,\n rowIndex = _ref3$rowIndex === undefined ? 0 : _ref3$rowIndex;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: rowIndex,\n columnIndex: columnIndex\n });\n }\n }\n\n /** See Grid#recomputeGridSize */\n\n }, {\n key: 'recomputeRowHeights',\n value: function recomputeRowHeights() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: index\n });\n }\n }\n\n /** See Grid#scrollToPosition */\n\n }, {\n key: 'scrollToPosition',\n value: function scrollToPosition() {\n var scrollTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.scrollToPosition({ scrollTop: scrollTop });\n }\n }\n\n /** See Grid#scrollToCell */\n\n }, {\n key: 'scrollToRow',\n value: function scrollToRow() {\n var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n\n if (this.Grid) {\n this.Grid.scrollToCell({\n columnIndex: 0,\n rowIndex: index\n });\n }\n }\n }, {\n key: 'getScrollbarWidth',\n value: function getScrollbarWidth() {\n if (this.Grid) {\n var _Grid = findDOMNode(this.Grid);\n var clientWidth = _Grid.clientWidth || 0;\n var offsetWidth = _Grid.offsetWidth || 0;\n return offsetWidth - clientWidth;\n }\n\n return 0;\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n this._setScrollbarWidth();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this._setScrollbarWidth();\n }\n }, {\n key: 'render',\n value: function render() {\n var _this2 = this;\n\n var _props = this.props,\n children = _props.children,\n className = _props.className,\n disableHeader = _props.disableHeader,\n gridClassName = _props.gridClassName,\n gridStyle = _props.gridStyle,\n headerHeight = _props.headerHeight,\n headerRowRenderer = _props.headerRowRenderer,\n height = _props.height,\n id = _props.id,\n noRowsRenderer = _props.noRowsRenderer,\n rowClassName = _props.rowClassName,\n rowStyle = _props.rowStyle,\n scrollToIndex = _props.scrollToIndex,\n style = _props.style,\n width = _props.width;\n var scrollbarWidth = this.state.scrollbarWidth;\n\n\n var availableRowsHeight = disableHeader ? height : height - headerHeight;\n\n var rowClass = typeof rowClassName === 'function' ? rowClassName({ index: -1 }) : rowClassName;\n var rowStyleObject = typeof rowStyle === 'function' ? rowStyle({ index: -1 }) : rowStyle;\n\n // Precompute and cache column styles before rendering rows and columns to speed things up\n this._cachedColumnStyles = [];\n React.Children.toArray(children).forEach(function (column, index) {\n var flexStyles = _this2._getFlexStyleForColumn(column, column.props.style);\n\n _this2._cachedColumnStyles[index] = _extends({\n overflow: 'hidden'\n }, flexStyles);\n });\n\n // Note that we specify :rowCount, :scrollbarWidth, :sortBy, and :sortDirection as properties on Grid even though these have nothing to do with Grid.\n // This is done because Grid is a pure component and won't update unless its properties or state has changed.\n // Any property that should trigger a re-render of Grid then is specified here to avoid a stale display.\n return React.createElement(\n 'div',\n {\n 'aria-label': this.props['aria-label'],\n 'aria-labelledby': this.props['aria-labelledby'],\n 'aria-colcount': React.Children.toArray(children).length,\n 'aria-rowcount': this.props.rowCount,\n className: clsx('ReactVirtualized__Table', className),\n id: id,\n role: 'grid',\n style: style },\n !disableHeader && headerRowRenderer({\n className: clsx('ReactVirtualized__Table__headerRow', rowClass),\n columns: this._getHeaderColumns(),\n style: _extends({\n height: headerHeight,\n overflow: 'hidden',\n paddingRight: scrollbarWidth,\n width: width\n }, rowStyleObject)\n }),\n React.createElement(Grid, _extends({}, this.props, {\n 'aria-readonly': null,\n autoContainerWidth: true,\n className: clsx('ReactVirtualized__Table__Grid', gridClassName),\n cellRenderer: this._createRow,\n columnWidth: width,\n columnCount: 1,\n height: availableRowsHeight,\n id: undefined,\n noContentRenderer: noRowsRenderer,\n onScroll: this._onScroll,\n onSectionRendered: this._onSectionRendered,\n ref: this._setRef,\n role: 'rowgroup',\n scrollbarWidth: scrollbarWidth,\n scrollToRow: scrollToIndex,\n style: _extends({}, gridStyle, {\n overflowX: 'hidden'\n })\n }))\n );\n }\n }, {\n key: '_createColumn',\n value: function _createColumn(_ref4) {\n var column = _ref4.column,\n columnIndex = _ref4.columnIndex,\n isScrolling = _ref4.isScrolling,\n parent = _ref4.parent,\n rowData = _ref4.rowData,\n rowIndex = _ref4.rowIndex;\n var onColumnClick = this.props.onColumnClick;\n var _column$props = column.props,\n cellDataGetter = _column$props.cellDataGetter,\n cellRenderer = _column$props.cellRenderer,\n className = _column$props.className,\n columnData = _column$props.columnData,\n dataKey = _column$props.dataKey,\n id = _column$props.id;\n\n\n var cellData = cellDataGetter({ columnData: columnData, dataKey: dataKey, rowData: rowData });\n var renderedCell = cellRenderer({\n cellData: cellData,\n columnData: columnData,\n columnIndex: columnIndex,\n dataKey: dataKey,\n isScrolling: isScrolling,\n parent: parent,\n rowData: rowData,\n rowIndex: rowIndex\n });\n\n var onClick = function onClick(event) {\n onColumnClick && onColumnClick({ columnData: columnData, dataKey: dataKey, event: event });\n };\n\n var style = this._cachedColumnStyles[columnIndex];\n\n var title = typeof renderedCell === 'string' ? renderedCell : null;\n\n // Avoid using object-spread syntax with multiple objects here,\n // Since it results in an extra method call to 'babel-runtime/helpers/extends'\n // See PR https://github.com/bvaughn/react-virtualized/pull/942\n return React.createElement(\n 'div',\n {\n 'aria-colindex': columnIndex + 1,\n 'aria-describedby': id,\n className: clsx('ReactVirtualized__Table__rowColumn', className),\n key: 'Row' + rowIndex + '-' + 'Col' + columnIndex,\n onClick: onClick,\n role: 'gridcell',\n style: style,\n title: title },\n renderedCell\n );\n }\n }, {\n key: '_createHeader',\n value: function _createHeader(_ref5) {\n var column = _ref5.column,\n index = _ref5.index;\n var _props2 = this.props,\n headerClassName = _props2.headerClassName,\n headerStyle = _props2.headerStyle,\n onHeaderClick = _props2.onHeaderClick,\n sort = _props2.sort,\n sortBy = _props2.sortBy,\n sortDirection = _props2.sortDirection;\n var _column$props2 = column.props,\n columnData = _column$props2.columnData,\n dataKey = _column$props2.dataKey,\n defaultSortDirection = _column$props2.defaultSortDirection,\n disableSort = _column$props2.disableSort,\n headerRenderer = _column$props2.headerRenderer,\n id = _column$props2.id,\n label = _column$props2.label;\n\n var sortEnabled = !disableSort && sort;\n\n var classNames = clsx('ReactVirtualized__Table__headerColumn', headerClassName, column.props.headerClassName, {\n ReactVirtualized__Table__sortableHeaderColumn: sortEnabled\n });\n var style = this._getFlexStyleForColumn(column, _extends({}, headerStyle, column.props.headerStyle));\n\n var renderedHeader = headerRenderer({\n columnData: columnData,\n dataKey: dataKey,\n disableSort: disableSort,\n label: label,\n sortBy: sortBy,\n sortDirection: sortDirection\n });\n\n var headerOnClick = void 0,\n headerOnKeyDown = void 0,\n headerTabIndex = void 0,\n headerAriaSort = void 0,\n headerAriaLabel = void 0;\n\n if (sortEnabled || onHeaderClick) {\n // If this is a sortable header, clicking it should update the table data's sorting.\n var isFirstTimeSort = sortBy !== dataKey;\n\n // If this is the firstTime sort of this column, use the column default sort order.\n // Otherwise, invert the direction of the sort.\n var newSortDirection = isFirstTimeSort ? defaultSortDirection : sortDirection === SortDirection.DESC ? SortDirection.ASC : SortDirection.DESC;\n\n var onClick = function onClick(event) {\n sortEnabled && sort({\n defaultSortDirection: defaultSortDirection,\n event: event,\n sortBy: dataKey,\n sortDirection: newSortDirection\n });\n onHeaderClick && onHeaderClick({ columnData: columnData, dataKey: dataKey, event: event });\n };\n\n var onKeyDown = function onKeyDown(event) {\n if (event.key === 'Enter' || event.key === ' ') {\n onClick(event);\n }\n };\n\n headerAriaLabel = column.props['aria-label'] || label || dataKey;\n headerAriaSort = 'none';\n headerTabIndex = 0;\n headerOnClick = onClick;\n headerOnKeyDown = onKeyDown;\n }\n\n if (sortBy === dataKey) {\n headerAriaSort = sortDirection === SortDirection.ASC ? 'ascending' : 'descending';\n }\n\n // Avoid using object-spread syntax with multiple objects here,\n // Since it results in an extra method call to 'babel-runtime/helpers/extends'\n // See PR https://github.com/bvaughn/react-virtualized/pull/942\n return React.createElement(\n 'div',\n {\n 'aria-label': headerAriaLabel,\n 'aria-sort': headerAriaSort,\n className: classNames,\n id: id,\n key: 'Header-Col' + index,\n onClick: headerOnClick,\n onKeyDown: headerOnKeyDown,\n role: 'columnheader',\n style: style,\n tabIndex: headerTabIndex },\n renderedHeader\n );\n }\n }, {\n key: '_createRow',\n value: function _createRow(_ref6) {\n var _this3 = this;\n\n var index = _ref6.rowIndex,\n isScrolling = _ref6.isScrolling,\n key = _ref6.key,\n parent = _ref6.parent,\n style = _ref6.style;\n var _props3 = this.props,\n children = _props3.children,\n onRowClick = _props3.onRowClick,\n onRowDoubleClick = _props3.onRowDoubleClick,\n onRowRightClick = _props3.onRowRightClick,\n onRowMouseOver = _props3.onRowMouseOver,\n onRowMouseOut = _props3.onRowMouseOut,\n rowClassName = _props3.rowClassName,\n rowGetter = _props3.rowGetter,\n rowRenderer = _props3.rowRenderer,\n rowStyle = _props3.rowStyle;\n var scrollbarWidth = this.state.scrollbarWidth;\n\n\n var rowClass = typeof rowClassName === 'function' ? rowClassName({ index: index }) : rowClassName;\n var rowStyleObject = typeof rowStyle === 'function' ? rowStyle({ index: index }) : rowStyle;\n var rowData = rowGetter({ index: index });\n\n var columns = React.Children.toArray(children).map(function (column, columnIndex) {\n return _this3._createColumn({\n column: column,\n columnIndex: columnIndex,\n isScrolling: isScrolling,\n parent: parent,\n rowData: rowData,\n rowIndex: index,\n scrollbarWidth: scrollbarWidth\n });\n });\n\n var className = clsx('ReactVirtualized__Table__row', rowClass);\n var flattenedStyle = _extends({}, style, {\n height: this._getRowHeight(index),\n overflow: 'hidden',\n paddingRight: scrollbarWidth\n }, rowStyleObject);\n\n return rowRenderer({\n className: className,\n columns: columns,\n index: index,\n isScrolling: isScrolling,\n key: key,\n onRowClick: onRowClick,\n onRowDoubleClick: onRowDoubleClick,\n onRowRightClick: onRowRightClick,\n onRowMouseOver: onRowMouseOver,\n onRowMouseOut: onRowMouseOut,\n rowData: rowData,\n style: flattenedStyle\n });\n }\n\n /**\n * Determines the flex-shrink, flex-grow, and width values for a cell (header or column).\n */\n\n }, {\n key: '_getFlexStyleForColumn',\n value: function _getFlexStyleForColumn(column) {\n var customStyle = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n var flexValue = column.props.flexGrow + ' ' + column.props.flexShrink + ' ' + column.props.width + 'px';\n\n var style = _extends({}, customStyle, {\n flex: flexValue,\n msFlex: flexValue,\n WebkitFlex: flexValue\n });\n\n if (column.props.maxWidth) {\n style.maxWidth = column.props.maxWidth;\n }\n\n if (column.props.minWidth) {\n style.minWidth = column.props.minWidth;\n }\n\n return style;\n }\n }, {\n key: '_getHeaderColumns',\n value: function _getHeaderColumns() {\n var _this4 = this;\n\n var _props4 = this.props,\n children = _props4.children,\n disableHeader = _props4.disableHeader;\n\n var items = disableHeader ? [] : React.Children.toArray(children);\n\n return items.map(function (column, index) {\n return _this4._createHeader({ column: column, index: index });\n });\n }\n }, {\n key: '_getRowHeight',\n value: function _getRowHeight(rowIndex) {\n var rowHeight = this.props.rowHeight;\n\n\n return typeof rowHeight === 'function' ? rowHeight({ index: rowIndex }) : rowHeight;\n }\n }, {\n key: '_onScroll',\n value: function _onScroll(_ref7) {\n var clientHeight = _ref7.clientHeight,\n scrollHeight = _ref7.scrollHeight,\n scrollTop = _ref7.scrollTop;\n var onScroll = this.props.onScroll;\n\n\n onScroll({ clientHeight: clientHeight, scrollHeight: scrollHeight, scrollTop: scrollTop });\n }\n }, {\n key: '_onSectionRendered',\n value: function _onSectionRendered(_ref8) {\n var rowOverscanStartIndex = _ref8.rowOverscanStartIndex,\n rowOverscanStopIndex = _ref8.rowOverscanStopIndex,\n rowStartIndex = _ref8.rowStartIndex,\n rowStopIndex = _ref8.rowStopIndex;\n var onRowsRendered = this.props.onRowsRendered;\n\n\n onRowsRendered({\n overscanStartIndex: rowOverscanStartIndex,\n overscanStopIndex: rowOverscanStopIndex,\n startIndex: rowStartIndex,\n stopIndex: rowStopIndex\n });\n }\n }, {\n key: '_setRef',\n value: function _setRef(ref) {\n this.Grid = ref;\n }\n }, {\n key: '_setScrollbarWidth',\n value: function _setScrollbarWidth() {\n var scrollbarWidth = this.getScrollbarWidth();\n\n this.setState({ scrollbarWidth: scrollbarWidth });\n }\n }]);\n\n return Table;\n}(React.PureComponent);\n\nTable.defaultProps = {\n disableHeader: false,\n estimatedRowSize: 30,\n headerHeight: 0,\n headerStyle: {},\n noRowsRenderer: function noRowsRenderer() {\n return null;\n },\n onRowsRendered: function onRowsRendered() {\n return null;\n },\n onScroll: function onScroll() {\n return null;\n },\n overscanIndicesGetter: accessibilityOverscanIndicesGetter,\n overscanRowCount: 10,\n rowRenderer: defaultRowRenderer,\n headerRowRenderer: defaultHeaderRowRenderer,\n rowStyle: {},\n scrollToAlignment: 'auto',\n scrollToIndex: -1,\n style: {}\n};\nexport default Table;\nTable.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /** This is just set on the grid top element. */\n 'aria-label': PropTypes.string,\n\n /** This is just set on the grid top element. */\n 'aria-labelledby': PropTypes.string,\n\n /**\n * Removes fixed height from the scrollingContainer so that the total height\n * of rows can stretch the window. Intended for use with WindowScroller\n */\n autoHeight: PropTypes.bool,\n\n /** One or more Columns describing the data displayed in this row */\n children: function children(props) {\n var children = React.Children.toArray(props.children);\n for (var i = 0; i < children.length; i++) {\n var childType = children[i].type;\n if (childType !== Column && !(childType.prototype instanceof Column)) {\n return new Error('Table only accepts children of type Column');\n }\n }\n },\n\n /** Optional CSS class name */\n className: PropTypes.string,\n\n /** Disable rendering the header at all */\n disableHeader: PropTypes.bool,\n\n /**\n * Used to estimate the total height of a Table before all of its rows have actually been measured.\n * The estimated total height is adjusted as rows are rendered.\n */\n estimatedRowSize: PropTypes.number.isRequired,\n\n /** Optional custom CSS class name to attach to inner Grid element. */\n gridClassName: PropTypes.string,\n\n /** Optional inline style to attach to inner Grid element. */\n gridStyle: PropTypes.object,\n\n /** Optional CSS class to apply to all column headers */\n headerClassName: PropTypes.string,\n\n /** Fixed height of header row */\n headerHeight: PropTypes.number.isRequired,\n\n /**\n * Responsible for rendering a table row given an array of columns:\n * Should implement the following interface: ({\n * className: string,\n * columns: any[],\n * style: any\n * }): PropTypes.node\n */\n headerRowRenderer: PropTypes.func,\n\n /** Optional custom inline style to attach to table header columns. */\n headerStyle: PropTypes.object,\n\n /** Fixed/available height for out DOM element */\n height: PropTypes.number.isRequired,\n\n /** Optional id */\n id: PropTypes.string,\n\n /** Optional renderer to be used in place of table body rows when rowCount is 0 */\n noRowsRenderer: PropTypes.func,\n\n /**\n * Optional callback when a column is clicked.\n * ({ columnData: any, dataKey: string }): void\n */\n onColumnClick: PropTypes.func,\n\n /**\n * Optional callback when a column's header is clicked.\n * ({ columnData: any, dataKey: string }): void\n */\n onHeaderClick: PropTypes.func,\n\n /**\n * Callback invoked when a user clicks on a table row.\n * ({ index: number }): void\n */\n onRowClick: PropTypes.func,\n\n /**\n * Callback invoked when a user double-clicks on a table row.\n * ({ index: number }): void\n */\n onRowDoubleClick: PropTypes.func,\n\n /**\n * Callback invoked when the mouse leaves a table row.\n * ({ index: number }): void\n */\n onRowMouseOut: PropTypes.func,\n\n /**\n * Callback invoked when a user moves the mouse over a table row.\n * ({ index: number }): void\n */\n onRowMouseOver: PropTypes.func,\n\n /**\n * Callback invoked when a user right-clicks on a table row.\n * ({ index: number }): void\n */\n onRowRightClick: PropTypes.func,\n\n /**\n * Callback invoked with information about the slice of rows that were just rendered.\n * ({ startIndex, stopIndex }): void\n */\n onRowsRendered: PropTypes.func,\n\n /**\n * Callback invoked whenever the scroll offset changes within the inner scrollable region.\n * This callback can be used to sync scrolling between lists, tables, or grids.\n * ({ clientHeight, scrollHeight, scrollTop }): void\n */\n onScroll: PropTypes.func.isRequired,\n\n /** See Grid#overscanIndicesGetter */\n overscanIndicesGetter: PropTypes.func.isRequired,\n\n /**\n * Number of rows to render above/below the visible bounds of the list.\n * These rows can help for smoother scrolling on touch devices.\n */\n overscanRowCount: PropTypes.number.isRequired,\n\n /**\n * Optional CSS class to apply to all table rows (including the header row).\n * This property can be a CSS class name (string) or a function that returns a class name.\n * If a function is provided its signature should be: ({ index: number }): string\n */\n rowClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n /**\n * Callback responsible for returning a data row given an index.\n * ({ index: number }): any\n */\n rowGetter: PropTypes.func.isRequired,\n\n /**\n * Either a fixed row height (number) or a function that returns the height of a row given its index.\n * ({ index: number }): number\n */\n rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]).isRequired,\n\n /** Number of rows in table. */\n rowCount: PropTypes.number.isRequired,\n\n /**\n * Responsible for rendering a table row given an array of columns:\n * Should implement the following interface: ({\n * className: string,\n * columns: Array,\n * index: number,\n * isScrolling: boolean,\n * onRowClick: ?Function,\n * onRowDoubleClick: ?Function,\n * onRowMouseOver: ?Function,\n * onRowMouseOut: ?Function,\n * rowData: any,\n * style: any\n * }): PropTypes.node\n */\n rowRenderer: PropTypes.func,\n\n /** Optional custom inline style to attach to table rows. */\n rowStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).isRequired,\n\n /** See Grid#scrollToAlignment */\n scrollToAlignment: PropTypes.oneOf(['auto', 'end', 'start', 'center']).isRequired,\n\n /** Row index to ensure visible (by forcefully scrolling if necessary) */\n scrollToIndex: PropTypes.number.isRequired,\n\n /** Vertical offset. */\n scrollTop: PropTypes.number,\n\n /**\n * Sort function to be called if a sortable header is clicked.\n * Should implement the following interface: ({\n * defaultSortDirection: 'ASC' | 'DESC',\n * event: MouseEvent,\n * sortBy: string,\n * sortDirection: SortDirection\n * }): void\n */\n sort: PropTypes.func,\n\n /** Table data is currently sorted by this :dataKey (if it is sorted at all) */\n sortBy: PropTypes.string,\n\n /** Table data is currently sorted in this direction (if it is sorted at all) */\n sortDirection: PropTypes.oneOf([SortDirection.ASC, SortDirection.DESC]),\n\n /** Optional inline style */\n style: PropTypes.object,\n\n /** Tab index for focus */\n tabIndex: PropTypes.number,\n\n /** Width of list */\n width: PropTypes.number.isRequired\n} : {};\nimport { bpfrpt_proptype_CellPosition } from '../Grid';","import createMultiSort from './createMultiSort';\nimport defaultCellDataGetter from './defaultCellDataGetter';\nimport defaultCellRenderer from './defaultCellRenderer';\nimport defaultHeaderRowRenderer from './defaultHeaderRowRenderer.js';\nimport defaultHeaderRenderer from './defaultHeaderRenderer';\nimport defaultRowRenderer from './defaultRowRenderer';\nimport Column from './Column';\nimport SortDirection from './SortDirection';\nimport SortIndicator from './SortIndicator';\nimport Table from './Table';\n\nexport default Table;\nexport { createMultiSort, defaultCellDataGetter, defaultCellRenderer, defaultHeaderRowRenderer, defaultHeaderRenderer, defaultRowRenderer, Column, SortDirection, SortIndicator, Table };","import { requestAnimationTimeout, cancelAnimationTimeout } from '../../utils/requestAnimationTimeout';\n\n\nvar mountedInstances = [];\nvar originalBodyPointerEvents = null;\nvar disablePointerEventsTimeoutId = null;\n\nfunction enablePointerEventsIfDisabled() {\n if (disablePointerEventsTimeoutId) {\n disablePointerEventsTimeoutId = null;\n\n if (document.body && originalBodyPointerEvents != null) {\n document.body.style.pointerEvents = originalBodyPointerEvents;\n }\n\n originalBodyPointerEvents = null;\n }\n}\n\nfunction enablePointerEventsAfterDelayCallback() {\n enablePointerEventsIfDisabled();\n mountedInstances.forEach(function (instance) {\n return instance.__resetIsScrolling();\n });\n}\n\nfunction enablePointerEventsAfterDelay() {\n if (disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(disablePointerEventsTimeoutId);\n }\n\n var maximumTimeout = 0;\n mountedInstances.forEach(function (instance) {\n maximumTimeout = Math.max(maximumTimeout, instance.props.scrollingResetTimeInterval);\n });\n\n disablePointerEventsTimeoutId = requestAnimationTimeout(enablePointerEventsAfterDelayCallback, maximumTimeout);\n}\n\nfunction onScrollWindow(event) {\n if (event.currentTarget === window && originalBodyPointerEvents == null && document.body) {\n originalBodyPointerEvents = document.body.style.pointerEvents;\n\n document.body.style.pointerEvents = 'none';\n }\n enablePointerEventsAfterDelay();\n mountedInstances.forEach(function (instance) {\n if (instance.props.scrollElement === event.currentTarget) {\n instance.__handleWindowScrollEvent();\n }\n });\n}\n\nexport function registerScrollListener(component, element) {\n if (!mountedInstances.some(function (instance) {\n return instance.props.scrollElement === element;\n })) {\n element.addEventListener('scroll', onScrollWindow);\n }\n mountedInstances.push(component);\n}\n\nexport function unregisterScrollListener(component, element) {\n mountedInstances = mountedInstances.filter(function (instance) {\n return instance !== component;\n });\n if (!mountedInstances.length) {\n element.removeEventListener('scroll', onScrollWindow);\n if (disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(disablePointerEventsTimeoutId);\n enablePointerEventsIfDisabled();\n }\n }\n}\nimport { bpfrpt_proptype_WindowScroller } from '../WindowScroller.js';","\n\n/**\n * Gets the dimensions of the element, accounting for API differences between\n * `window` and other DOM elements.\n */\n\nvar isWindow = function isWindow(element) {\n return element === window;\n};\n\n// TODO Move this into WindowScroller and import from there\n\n\nvar getBoundingBox = function getBoundingBox(element) {\n return element.getBoundingClientRect();\n};\n\nexport function getDimensions(scrollElement, props) {\n if (!scrollElement) {\n return {\n height: props.serverHeight,\n width: props.serverWidth\n };\n } else if (isWindow(scrollElement)) {\n var _window = window,\n innerHeight = _window.innerHeight,\n innerWidth = _window.innerWidth;\n\n return {\n height: typeof innerHeight === 'number' ? innerHeight : 0,\n width: typeof innerWidth === 'number' ? innerWidth : 0\n };\n } else {\n return getBoundingBox(scrollElement);\n }\n}\n\n/**\n * Gets the vertical and horizontal position of an element within its scroll container.\n * Elements that have been “scrolled past” return negative values.\n * Handles edge-case where a user is navigating back (history) from an already-scrolled page.\n * In this case the body’s top or left position will be a negative number and this element’s top or left will be increased (by that amount).\n */\nexport function getPositionOffset(element, container) {\n if (isWindow(container) && document.documentElement) {\n var containerElement = document.documentElement;\n var elementRect = getBoundingBox(element);\n var containerRect = getBoundingBox(containerElement);\n return {\n top: elementRect.top - containerRect.top,\n left: elementRect.left - containerRect.left\n };\n } else {\n var scrollOffset = getScrollOffset(container);\n var _elementRect = getBoundingBox(element);\n var _containerRect = getBoundingBox(container);\n return {\n top: _elementRect.top + scrollOffset.top - _containerRect.top,\n left: _elementRect.left + scrollOffset.left - _containerRect.left\n };\n }\n}\n\n/**\n * Gets the vertical and horizontal scroll amount of the element, accounting for IE compatibility\n * and API differences between `window` and other DOM elements.\n */\nexport function getScrollOffset(element) {\n if (isWindow(element) && document.documentElement) {\n return {\n top: 'scrollY' in window ? window.scrollY : document.documentElement.scrollTop,\n left: 'scrollX' in window ? window.scrollX : document.documentElement.scrollLeft\n };\n } else {\n return {\n top: element.scrollTop,\n left: element.scrollLeft\n };\n }\n}","import _extends from 'babel-runtime/helpers/extends';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { registerScrollListener, unregisterScrollListener } from './utils/onScroll';\nimport { getDimensions, getPositionOffset, getScrollOffset } from './utils/dimensions';\nimport createDetectElementResize from '../vendor/detectElementResize';\n\n/**\n * Specifies the number of miliseconds during which to disable pointer events while a scroll is in progress.\n * This improves performance and makes scrolling smoother.\n */\nexport var IS_SCROLLING_TIMEOUT = 150;\n\nvar getWindow = function getWindow() {\n return typeof window !== 'undefined' ? window : undefined;\n};\n\nvar WindowScroller = function (_React$PureComponent) {\n _inherits(WindowScroller, _React$PureComponent);\n\n function WindowScroller() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, WindowScroller);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = WindowScroller.__proto__ || _Object$getPrototypeOf(WindowScroller)).call.apply(_ref, [this].concat(args))), _this), _this._window = getWindow(), _this._isMounted = false, _this._positionFromTop = 0, _this._positionFromLeft = 0, _this.state = _extends({}, getDimensions(_this.props.scrollElement, _this.props), {\n isScrolling: false,\n scrollLeft: 0,\n scrollTop: 0\n }), _this._registerChild = function (element) {\n if (element && !(element instanceof Element)) {\n console.warn('WindowScroller registerChild expects to be passed Element or null');\n }\n _this._child = element;\n _this.updatePosition();\n }, _this._onChildScroll = function (_ref2) {\n var scrollTop = _ref2.scrollTop;\n\n if (_this.state.scrollTop === scrollTop) {\n return;\n }\n\n var scrollElement = _this.props.scrollElement;\n if (scrollElement) {\n if (typeof scrollElement.scrollTo === 'function') {\n scrollElement.scrollTo(0, scrollTop + _this._positionFromTop);\n } else {\n scrollElement.scrollTop = scrollTop + _this._positionFromTop;\n }\n }\n }, _this._registerResizeListener = function (element) {\n if (element === window) {\n window.addEventListener('resize', _this._onResize, false);\n } else {\n _this._detectElementResize.addResizeListener(element, _this._onResize);\n }\n }, _this._unregisterResizeListener = function (element) {\n if (element === window) {\n window.removeEventListener('resize', _this._onResize, false);\n } else if (element) {\n _this._detectElementResize.removeResizeListener(element, _this._onResize);\n }\n }, _this._onResize = function () {\n _this.updatePosition();\n }, _this.__handleWindowScrollEvent = function () {\n if (!_this._isMounted) {\n return;\n }\n\n var onScroll = _this.props.onScroll;\n\n\n var scrollElement = _this.props.scrollElement;\n if (scrollElement) {\n var scrollOffset = getScrollOffset(scrollElement);\n var _scrollLeft = Math.max(0, scrollOffset.left - _this._positionFromLeft);\n var _scrollTop = Math.max(0, scrollOffset.top - _this._positionFromTop);\n\n _this.setState({\n isScrolling: true,\n scrollLeft: _scrollLeft,\n scrollTop: _scrollTop\n });\n\n onScroll({\n scrollLeft: _scrollLeft,\n scrollTop: _scrollTop\n });\n }\n }, _this.__resetIsScrolling = function () {\n _this.setState({\n isScrolling: false\n });\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(WindowScroller, [{\n key: 'updatePosition',\n value: function updatePosition() {\n var scrollElement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props.scrollElement;\n var onResize = this.props.onResize;\n var _state = this.state,\n height = _state.height,\n width = _state.width;\n\n\n var thisNode = this._child || ReactDOM.findDOMNode(this);\n if (thisNode instanceof Element && scrollElement) {\n var offset = getPositionOffset(thisNode, scrollElement);\n this._positionFromTop = offset.top;\n this._positionFromLeft = offset.left;\n }\n\n var dimensions = getDimensions(scrollElement, this.props);\n if (height !== dimensions.height || width !== dimensions.width) {\n this.setState({\n height: dimensions.height,\n width: dimensions.width\n });\n onResize({\n height: dimensions.height,\n width: dimensions.width\n });\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var scrollElement = this.props.scrollElement;\n\n this._detectElementResize = createDetectElementResize();\n\n this.updatePosition(scrollElement);\n\n if (scrollElement) {\n registerScrollListener(this, scrollElement);\n this._registerResizeListener(scrollElement);\n }\n\n this._isMounted = true;\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n var scrollElement = this.props.scrollElement;\n var prevScrollElement = prevProps.scrollElement;\n\n\n if (prevScrollElement !== scrollElement && prevScrollElement != null && scrollElement != null) {\n this.updatePosition(scrollElement);\n\n unregisterScrollListener(this, prevScrollElement);\n registerScrollListener(this, scrollElement);\n\n this._unregisterResizeListener(prevScrollElement);\n this._registerResizeListener(scrollElement);\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n var scrollElement = this.props.scrollElement;\n if (scrollElement) {\n unregisterScrollListener(this, scrollElement);\n this._unregisterResizeListener(scrollElement);\n }\n\n this._isMounted = false;\n }\n }, {\n key: 'render',\n value: function render() {\n var children = this.props.children;\n var _state2 = this.state,\n isScrolling = _state2.isScrolling,\n scrollTop = _state2.scrollTop,\n scrollLeft = _state2.scrollLeft,\n height = _state2.height,\n width = _state2.width;\n\n\n return children({\n onChildScroll: this._onChildScroll,\n registerChild: this._registerChild,\n height: height,\n isScrolling: isScrolling,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n width: width\n });\n }\n\n // Referenced by utils/onScroll\n\n\n // Referenced by utils/onScroll\n\n }]);\n\n return WindowScroller;\n}(React.PureComponent);\n\nWindowScroller.defaultProps = {\n onResize: function onResize() {},\n onScroll: function onScroll() {},\n scrollingResetTimeInterval: IS_SCROLLING_TIMEOUT,\n scrollElement: getWindow(),\n serverHeight: 0,\n serverWidth: 0\n};\nWindowScroller.propTypes = process.env.NODE_ENV === 'production' ? null : {\n /**\n * Function responsible for rendering children.\n * This function should implement the following signature:\n * ({ height, isScrolling, scrollLeft, scrollTop, width }) => PropTypes.element\n */\n children: PropTypes.func.isRequired,\n\n\n /** Callback to be invoked on-resize: ({ height, width }) */\n onResize: PropTypes.func.isRequired,\n\n\n /** Callback to be invoked on-scroll: ({ scrollLeft, scrollTop }) */\n onScroll: PropTypes.func.isRequired,\n\n\n /** Element to attach scroll event listeners. Defaults to window. */\n scrollElement: PropTypes.oneOfType([PropTypes.any, function () {\n return (typeof Element === 'function' ? PropTypes.instanceOf(Element) : PropTypes.any).apply(this, arguments);\n }]),\n\n /**\n * Wait this amount of time after the last scroll event before resetting child `pointer-events`.\n */\n scrollingResetTimeInterval: PropTypes.number.isRequired,\n\n\n /** Height used for server-side rendering */\n serverHeight: PropTypes.number.isRequired,\n\n\n /** Width used for server-side rendering */\n serverWidth: PropTypes.number.isRequired\n};\nexport default WindowScroller;\nimport PropTypes from 'prop-types';","import { IRules } from './rules-manager.types';\n\nexport enum USER_STATUS {\n IS_UNREGISTERED = 'USER_IS_UNREGISTERED',\n IS_REGISTERED = 'USER_IS_REGISTERED',\n IS_REGISTERED_GROUP_ID_NULL = 'USER_IS_REGISTERED_GROUP_ID_NULL',\n IS_REGISTERED_GROUP_ID_NOT_NULL = 'USER_IS_REGISTERED_GROUP_ID_NOT_NULL',\n IS_APPROVED = 'USER_IS_APPROVED',\n IS_NOT_APPROVED = 'USER_IS_NOT_APPROVED',\n ANY = 'ANY'\n}\n\nexport enum RULE_ACTIONS {\n POST_PLATFORM = 'POST_PLATFORM',\n PUT_PLATFORM = 'PUT_PLATFORM',\n PUT_NEW_PLATFORM = 'PUT_NEW_PLATFORM',\n POST_GROUP = 'POST_GROUP',\n PUT_GROUP = 'PUT_GROUP',\n DISPLAY_SUCCESS_PAGE = 'DISPLAY_SUCCESS_PAGE'\n}\n\nexport const MULTIPLE_PLATFORM_RULES: IRules = [\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_NOT_APPROVED,\n statusOnAnotherPlatform: USER_STATUS.ANY,\n autoPush: RULE_ACTIONS.POST_PLATFORM,\n manualPush: RULE_ACTIONS.POST_PLATFORM\n },\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_NOT_APPROVED,\n statusOnAnotherPlatform: USER_STATUS.ANY,\n autoPush: RULE_ACTIONS.POST_PLATFORM,\n manualPush: RULE_ACTIONS.POST_PLATFORM\n },\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_APPROVED,\n statusOnAnotherPlatform: USER_STATUS.ANY,\n autoPush: RULE_ACTIONS.DISPLAY_SUCCESS_PAGE,\n manualPush: RULE_ACTIONS.DISPLAY_SUCCESS_PAGE\n },\n];\n\nexport const SINGLE_PLATFORM_RULES: IRules = [\n // 41\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_UNREGISTERED,\n autoPush: RULE_ACTIONS.POST_PLATFORM,\n manualPush: RULE_ACTIONS.POST_PLATFORM\n },\n // 42\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED,\n autoPush: RULE_ACTIONS.PUT_NEW_PLATFORM,\n manualPush: RULE_ACTIONS.PUT_NEW_PLATFORM\n },\n // 43\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_APPROVED,\n autoPush: RULE_ACTIONS.PUT_PLATFORM,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 44\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_UNREGISTERED,\n autoPush: RULE_ACTIONS.PUT_PLATFORM,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 45\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED,\n autoPush: RULE_ACTIONS.PUT_PLATFORM,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 46\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_APPROVED,\n autoPush: RULE_ACTIONS.PUT_PLATFORM,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 47\n {\n eligibleGroup: false,\n statusOnSelectedPlatform: USER_STATUS.IS_APPROVED,\n statusOnAnotherPlatform: USER_STATUS.ANY,\n autoPush: RULE_ACTIONS.DISPLAY_SUCCESS_PAGE,\n manualPush: RULE_ACTIONS.DISPLAY_SUCCESS_PAGE\n },\n // 49\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_UNREGISTERED,\n autoPush: RULE_ACTIONS.POST_GROUP,\n manualPush: RULE_ACTIONS.POST_PLATFORM\n },\n // 50\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n autoPush: [RULE_ACTIONS.PUT_NEW_PLATFORM, RULE_ACTIONS.PUT_GROUP],\n manualPush: RULE_ACTIONS.PUT_NEW_PLATFORM\n },\n // 51\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n autoPush: [RULE_ACTIONS.PUT_NEW_PLATFORM, RULE_ACTIONS.PUT_GROUP],\n manualPush: RULE_ACTIONS.PUT_NEW_PLATFORM\n },\n // 52\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_UNREGISTERED,\n statusOnAnotherPlatform: USER_STATUS.IS_APPROVED,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 53\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_UNREGISTERED,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 54\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 55\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 56\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_APPROVED,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 57\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_UNREGISTERED,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 58\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NULL,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 59\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 60\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL,\n statusOnAnotherPlatform: USER_STATUS.IS_APPROVED,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n },\n // 61\n {\n eligibleGroup: true,\n statusOnSelectedPlatform: USER_STATUS.IS_APPROVED,\n statusOnAnotherPlatform: USER_STATUS.ANY,\n autoPush: RULE_ACTIONS.PUT_GROUP,\n manualPush: RULE_ACTIONS.PUT_PLATFORM\n }\n];\n","import { MULTIPLE_PLATFORM_RULES, RULE_ACTIONS, SINGLE_PLATFORM_RULES, USER_STATUS } from './rules-manager.constants';\n\nimport { IPlayerDataFromState, IPlayerGroupStatus, IRule, IRuleConditions } from './rules-manager.types';\nimport { IPlayerGroup } from '../../beta-manager/beta-manager-api';\n\nexport class RulesManager {\n public static getActions(state: IPlayerDataFromState, multiplePlatformMode?: boolean): RULE_ACTIONS[] | undefined {\n const ruleConditionsFromState: IRuleConditions = RulesManager\n .getStateConditionsFromState(state, multiplePlatformMode);\n const rules = multiplePlatformMode ? MULTIPLE_PLATFORM_RULES : SINGLE_PLATFORM_RULES;\n\n for (let rule of rules) {\n if (RulesManager.testRule(rule, ruleConditionsFromState, multiplePlatformMode)) {\n return RulesManager.getRuleActions(rule, state, multiplePlatformMode);\n }\n }\n\n return;\n }\n\n private static testRule(rule: IRule, stateConditions: IRuleConditions, multiplePlatformMode?: boolean, ): boolean {\n return multiplePlatformMode\n ? RulesManager.checkMultiplePlatformRules(rule, stateConditions)\n : RulesManager.checkSinglePlatformRules(rule, stateConditions);\n }\n\n private static checkMultiplePlatformRules(rule: IRule, stateConditions: IRuleConditions): boolean {\n const checkEligible = rule.eligibleGroup === stateConditions.eligibleGroup;\n const checkSelectedPlatformStatus = stateConditions.statusOnSelectedPlatform.includes(rule.statusOnSelectedPlatform);\n\n return checkEligible && checkSelectedPlatformStatus;\n }\n\n private static checkSinglePlatformRules(rule: IRule, stateConditions: IRuleConditions): boolean {\n const checkEligible = rule.eligibleGroup === stateConditions.eligibleGroup;\n const isAnyUserOnSelectedPlatform = rule.statusOnSelectedPlatform === USER_STATUS.ANY;\n const isAnyUserOnAnotherPlatform = rule.statusOnAnotherPlatform === USER_STATUS.ANY;\n const checkSelectedPlatformStatus = stateConditions.statusOnSelectedPlatform.includes(rule.statusOnSelectedPlatform);\n const checkAnotherPlatformStatus = stateConditions.statusOnAnotherPlatform.includes(rule.statusOnAnotherPlatform);\n\n return checkEligible\n && (isAnyUserOnSelectedPlatform || checkSelectedPlatformStatus)\n && (isAnyUserOnAnotherPlatform || checkAnotherPlatformStatus);\n }\n\n private static getRuleActions(rule: IRule, state: IPlayerDataFromState, multiplePlatformMode?: boolean): RULE_ACTIONS[] {\n const action = state.autoPush && !multiplePlatformMode ? rule.autoPush : rule.manualPush;\n return typeof action === 'string' ? [action] : action;\n }\n\n private static getStateConditionsFromState(\n { selectedPlatform, platformGroups, playerGroups }: IPlayerDataFromState,\n multiplePlatformMode?: boolean\n ): IRuleConditions {\n const eligibleGroupId: number | null = platformGroups\n ? platformGroups[selectedPlatform]\n : null;\n const selectedPlayerGroup: IPlayerGroup | undefined = playerGroups.find(\n playerGroup => playerGroup.platform === selectedPlatform\n );\n const otherPlayerGroups: IPlayerGroup[] = playerGroups.filter(\n playerGroup => playerGroup.platform !== selectedPlatform\n );\n\n return {\n multiplePlatformMode,\n eligibleGroup: !!eligibleGroupId,\n statusOnSelectedPlatform: RulesManager.getStatusOnSelectedPlatform(selectedPlayerGroup),\n statusOnAnotherPlatform: RulesManager.getStatusOnAnotherPlatform(otherPlayerGroups)\n };\n }\n\n private static getStatusOnSelectedPlatform(selectedPlayerGroup: IPlayerGroup | undefined): USER_STATUS[] {\n if (!selectedPlayerGroup) {\n return [USER_STATUS.IS_UNREGISTERED, USER_STATUS.IS_NOT_APPROVED];\n }\n\n const approved: boolean = RulesManager.isApproved(selectedPlayerGroup);\n const registeredGroupIdNull: boolean = RulesManager.isRegisteredGroupIdNull(selectedPlayerGroup);\n const registeredGroupIdNotNull: boolean = RulesManager.isRegisteredGroupIdNotNull(selectedPlayerGroup);\n\n return RulesManager.getPlayerGroupStatus({\n approved,\n registeredGroupIdNull,\n registeredGroupIdNotNull\n });\n }\n\n private static getStatusOnAnotherPlatform(otherPlayerGroups: IPlayerGroup[]): USER_STATUS[] {\n if (!otherPlayerGroups.length) {\n return [USER_STATUS.IS_UNREGISTERED];\n }\n\n const approved: boolean = otherPlayerGroups.some(RulesManager.isApproved);\n const registeredGroupIdNull: boolean = otherPlayerGroups.some(RulesManager.isRegisteredGroupIdNull);\n const registeredGroupIdNotNull: boolean = otherPlayerGroups.some(RulesManager.isRegisteredGroupIdNotNull);\n\n return RulesManager.getPlayerGroupStatus({\n approved,\n registeredGroupIdNull,\n registeredGroupIdNotNull\n });\n }\n\n private static getPlayerGroupStatus(playerGroupStatus: IPlayerGroupStatus): USER_STATUS[] {\n let result: USER_STATUS[] = [];\n\n if (playerGroupStatus.approved) {\n result.push(USER_STATUS.IS_APPROVED);\n } else if (!(playerGroupStatus.registeredGroupIdNull || playerGroupStatus.registeredGroupIdNotNull)) {\n result.push(USER_STATUS.IS_UNREGISTERED);\n result.push(USER_STATUS.IS_NOT_APPROVED);\n } else if (playerGroupStatus.registeredGroupIdNull || playerGroupStatus.registeredGroupIdNotNull) {\n result.push(USER_STATUS.IS_REGISTERED);\n result.push(USER_STATUS.IS_NOT_APPROVED);\n\n if (playerGroupStatus.registeredGroupIdNull) {\n result.push(USER_STATUS.IS_REGISTERED_GROUP_ID_NULL);\n } else if (playerGroupStatus.registeredGroupIdNotNull) {\n result.push(USER_STATUS.IS_REGISTERED_GROUP_ID_NOT_NULL);\n }\n }\n\n return result;\n }\n\n public static isApproved(group: IPlayerGroup): boolean {\n return group.id !== null && group.approved;\n }\n\n private static isRegisteredGroupIdNull(group: IPlayerGroup): boolean {\n return group.id === null;\n }\n\n private static isRegisteredGroupIdNotNull(group: IPlayerGroup): boolean {\n return group.id !== null && !group.approved;\n }\n}\n","import { get, isEmpty } from 'lodash';\n\nimport { IPlayerDataFromState } from '../rules-manager';\nimport {\n IPlatformPlayerGroups,\n IPlayerGroup,\n IRegisterPlayerForBetaOptions,\n IRegisterPlayerInBetaGroupOptions\n} from '../beta-manager-api';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\nimport { IProfileFlags } from 'widgets/beta-registration/modules/beta-manager/beta-manager-store/beta-manager-store.types';\n\nexport const getFirstRegisteredPlatform = (playerGroups: IPlayerGroup[]): PLATFORM_TYPES | undefined => (playerGroups[0]?.platform);\n\nexport const getUserPlatformsForApproving = (\n groups: IPlayerGroup[],\n platformGroups: IPlatformPlayerGroups | null\n): PLATFORM_TYPES[] | null => {\n if (!isEmpty(groups) && platformGroups) {\n const userPlatforms = groups.map(group => group.platform);\n const shouldMatched = userPlatforms.some(platform => platformGroups[platform]);\n return shouldMatched ? userPlatforms : null;\n }\n return null;\n};\n\nexport const getPlayerProfileOptionsFromState = (\n state: State,\n platform: PLATFORM_TYPES\n): Partial => {\n return {\n // IGetPlayerProfileOptions\n code: state.config.betaRegistration?.code,\n phaseId: state.config.betaRegistration?.phaseId,\n userId: state.login.loginSession?.UbisoftConnectProfile.user.userId,\n env: state.config.envName,\n // IRegisterPlayerInBetaGroupOptions\n playerGroupId: get(state, `beta.platformGroups[${platform}]`),\n // IRegisterPlayerForBetaOptions\n platform,\n isNDASignedByUser: state.beta.isNDASignedByUser,\n ubiMail: state.adminLogin?.loginSession?.username,\n customFieldValues: state.beta.customFieldValues ?? undefined,\n cta: state.beta.profile?.cta\n };\n};\n\nexport const getRulesManageDataFromState = (state: State, platform: PLATFORM_TYPES): IPlayerDataFromState => ({\n autoPush: state.config.betaRegistration?.autoPush.enabled ?? false,\n selectedPlatform: platform,\n playerGroups: state.beta.profile?.groups ?? [],\n platformGroups: state.beta.platformGroups\n});\n\nexport const shouldThrowIneligibleError = (widgetName: WIDGET_NAME, flags: IProfileFlags): boolean =>\n (widgetName === WIDGET_NAME.BETA_APPROVAL) && (!flags.registered && !flags.platforms.length);\n","import { uniq, flatten, without, isEmpty } from 'lodash';\n\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { PLAYER_SOURCE_TYPE } from '@sitegen/common/constants/player-sources';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport {\n BetaManagerAPIService,\n IGetBetaInfoOptions,\n IPlatformPlayerGroups,\n IPlayerProfile,\n NDA_STATUS,\n IRegisterPlayerInBetaGroupOptions,\n IRegisterPlayerForBetaOptions,\n IBetaFriend,\n BETA_PLATFORM_ID_TO_PLATFORM\n} from '../beta-manager-api';\nimport { setPlatforms } from '../../platform-selection/platform-selection.actions';\nimport {\n RulesManager,\n RULE_ACTIONS\n} from '../rules-manager';\n\nimport {\n BETA_EMIT_PROFILE_FLAGS,\n BETA_SET_CUSTOM_FIELD_INPUTS,\n BETA_SET_CUSTOM_FIELD_VALUES,\n BETA_SET_ERROR,\n BETA_SET_FRIEND_REFERER_PLATFORM,\n BETA_SET_LOADING,\n BETA_SET_NDA_SIGNING_STATUS,\n BETA_SET_PLATFORM_GROUPS,\n BETA_SET_PLAYER_PROFILE,\n BETA_UPDATE_PLAYER_PROFILE,\n REGISTER_PLAYER_FOR_BETA_COMPLETED,\n INELIGIBLE_COUNTRY_ERROR,\n INELIGIBLE_OPERATION_ERROR\n} from './beta-manager-store.constants';\n\nimport {\n getFirstRegisteredPlatform,\n getRulesManageDataFromState,\n getPlayerProfileOptionsFromState,\n getUserPlatformsForApproving,\n shouldThrowIneligibleError\n} from './beta-manager-store.utils';\n\nimport { Dispatch } from 'types/dispatch';\nimport {\n IBetaPhaseSystemFieldValue,\n IProfileFlags,\n IRulesManagerData\n} from './beta-manager-store.types';\nimport { IFieldRenderParams } from 'modules/additional-info-common/fields/fields.types';\nimport { Actions as CountryCheck } from '../../country-check/';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\nimport { clearBetaInfo } from '../../landing/subcomponents/approval/approval.actions';\n\nexport const setLoading = (payload: boolean) => {\n return { type: BETA_SET_LOADING, payload };\n};\nexport const setProfile = (payload: IPlayerProfile) => {\n return { type: BETA_SET_PLAYER_PROFILE, payload };\n};\n\nexport const setPlatformGroups = (payload: IPlatformPlayerGroups) => {\n return { type: BETA_SET_PLATFORM_GROUPS, payload };\n};\n\nexport const setError = (error: Error) => {\n return { type: BETA_SET_ERROR, error };\n};\nexport const setProfileFlags = (flags: IProfileFlags) => {\n return { type: BETA_EMIT_PROFILE_FLAGS, ...flags };\n};\n\nexport const setBetaCustomFieldInputs = (payload: IFieldRenderParams[]) => {\n return { type: BETA_SET_CUSTOM_FIELD_INPUTS, payload };\n};\n\nexport const setBetaCustomFieldsValues = (payload: IBetaPhaseSystemFieldValue[]) => {\n return { type: BETA_SET_CUSTOM_FIELD_VALUES, payload };\n};\n\nexport const updateProfile = (payload: IPlayerProfile) => {\n return { type: BETA_UPDATE_PLAYER_PROFILE, payload };\n};\nexport const setBetaNdaSigningStatus = (isNDASignedByUser: boolean) => {\n return { type: BETA_SET_NDA_SIGNING_STATUS, isNDASignedByUser };\n};\n\nconst registerPlayerForBetaCompleted = () => {\n return { type: REGISTER_PLAYER_FOR_BETA_COMPLETED };\n};\n\nconst setFriendReferrerPlatform = (platform: PLATFORM_TYPES) => {\n return { type: BETA_SET_FRIEND_REFERER_PLATFORM, platform };\n};\n\nconst createGetPlatformPlayersGroupRequest = (options: IGetBetaInfoOptions, widgetName: WIDGET_NAME) => {\n if (!options.shouldFetchPlatformGroups) {\n return Promise.resolve(null);\n }\n\n let { code, phaseId, env, tag } = options;\n return BetaManagerAPIService.getPlatformPlayerGroups({\n code,\n phaseId,\n env,\n tag,\n widgetName\n });\n};\n\n/* If there is at least one eligible source then the user is eligible */\nconst hasEligibleSources = (profile: IPlayerProfile, restrictedSources: PLAYER_SOURCE_TYPE[], isInvitee?: boolean): boolean => {\n /* If no restrictions set in admin, then it always eligible */\n if (isEmpty(restrictedSources)) {\n return true;\n }\n /* Unregistered users can be only restricted by source \"0\" - Unregistered, since they dont have any groups yet.\n In all other cases user is eligible. */\n if (isEmpty(profile.groups) && !restrictedSources.includes(PLAYER_SOURCE_TYPE.UNREGISTERED)) {\n return true;\n }\n /* If user is invited by friend, he can be only restricted by source \"100\" - Invitee */\n if (isInvitee && !restrictedSources.includes(PLAYER_SOURCE_TYPE.INVITEE) ) {\n return true;\n }\n const playerSources = uniq(flatten(profile.groups.map(group => group.sourceIdList))) as unknown as PLAYER_SOURCE_TYPE[];\n return !isEmpty(without(playerSources, ...restrictedSources));\n};\n\nconst isInvitedByFriend = (selfBetaProfile: IBetaFriend | null): boolean => {\n /* If user was invited by friend but not approved yet, we should let him register on the same platform and in the same group.\n We check this case by criteria: IsApproved = false && InvitationDate != null. (refer to GEN-2160 for more details) */\n return Boolean(\n selfBetaProfile\n /* Check if user is not yet IsApproved and has all necessary attributes */\n && (!selfBetaProfile.IsApproved && selfBetaProfile.FriendId && selfBetaProfile.InvitationDate && selfBetaProfile.UserPlatformId)\n );\n};\n\nconst getSelfBetaProfile = async (options: IGetBetaInfoOptions): Promise => {\n const betaFriends: IBetaFriend[] = await BetaManagerAPIService.getFriendListForBeta({\n env: options.env,\n code: options.code,\n phaseId: options.phaseId,\n friendIdList: [options.userId]\n });\n /* Refers onto [0] index as requested only single profile info (user self) */\n return betaFriends?.[0] ?? null;\n};\n\nconst getProfilePlatformId = (selfBetaProfile: IBetaFriend | null): PLATFORM_TYPES | null => {\n if (!selfBetaProfile || !selfBetaProfile.UserPlatformId) {\n return null;\n }\n return BETA_PLATFORM_ID_TO_PLATFORM[selfBetaProfile.UserPlatformId];\n};\n\nexport const getBetaInfo = (options: IGetBetaInfoOptions): (dispatch: Dispatch, getState: Function) => Promise => {\n return async (dispatch: Dispatch, getState: Function): Promise => {\n dispatch(setLoading(true));\n\n const { platforms, config: { betaRegistration, widgetName } } = getState();\n\n const requestsArray: [\n Promise,\n Promise,\n Promise,\n Promise\n ] = [\n BetaManagerAPIService.getPlayerProfile(options),\n BetaManagerAPIService.getCustomFields(options),\n createGetPlatformPlayersGroupRequest(options, widgetName),\n getSelfBetaProfile(options)\n ];\n\n try {\n const [\n profile,\n customFields,\n platformGroups,\n selfBetaProfile\n ] = await Promise.all(requestsArray);\n\n const isInvitee = isInvitedByFriend(selfBetaProfile);\n const friendReferrerPlatform = getProfilePlatformId(selfBetaProfile);\n\n if (isInvitee && friendReferrerPlatform) {\n dispatch(setPlatforms([friendReferrerPlatform]));\n dispatch(setFriendReferrerPlatform(friendReferrerPlatform));\n }\n\n if (options.shouldFetchPlatformGroups && platformGroups !== null) {\n dispatch(setPlatformGroups(platformGroups));\n }\n\n const restrictedSources = betaRegistration?.restrictedPlayerSources || [];\n\n const flags: IProfileFlags = {\n approved: profile.groups.some(RulesManager.isApproved),\n registered: profile.groups.length > 0,\n platforms: friendReferrerPlatform ? [friendReferrerPlatform] : platforms,\n shouldSignNDA: (profile.nda !== NDA_STATUS.SIGNED) && ( betaRegistration?.nda ?? false ),\n isNDASignedByUser: (profile.nda === NDA_STATUS.SIGNED),\n banned: profile.banned,\n hasEligibleSources: hasEligibleSources(profile, restrictedSources, isInvitee),\n };\n\n dispatch(setProfile(profile));\n dispatch(setProfileFlags(flags));\n dispatch(setBetaCustomFieldInputs(customFields));\n if (shouldThrowIneligibleError(widgetName, flags)) {\n dispatch(setError(INELIGIBLE_OPERATION_ERROR));\n }\n } catch (e) {\n dispatch(setError(e));\n }\n };\n};\n\nconst mapRulesManagerActionsToBetaManagerMethods =\n({ data, playerOptions }: IRulesManagerData) =>\n (rulesManagerAction: RULE_ACTIONS): () => Promise | undefined => {\n switch (rulesManagerAction) {\n case RULE_ACTIONS.POST_PLATFORM:\n return () => BetaManagerAPIService.setPlayerBetaProfile({\n ...playerOptions,\n alreadyRegisteredForBeta: false\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions);\n case RULE_ACTIONS.PUT_PLATFORM:\n return () => BetaManagerAPIService.setPlayerBetaProfile({\n ...playerOptions,\n alreadyRegisteredForBeta: true\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions);\n case RULE_ACTIONS.PUT_NEW_PLATFORM:\n return () => BetaManagerAPIService.setPlayerBetaProfile({\n ...playerOptions,\n platform: getFirstRegisteredPlatform(data.playerGroups),\n newPlatform: playerOptions.platform,\n alreadyRegisteredForBeta: true\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions);\n case RULE_ACTIONS.POST_GROUP:\n return () => BetaManagerAPIService.setPlayerActiveBetaGroup({\n ...playerOptions,\n alreadyRegisteredForBeta: false\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions);\n case RULE_ACTIONS.PUT_GROUP:\n return () => BetaManagerAPIService.setPlayerActiveBetaGroup({\n ...playerOptions,\n alreadyRegisteredForBeta: true\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions);\n default:\n return () => undefined;\n }\n };\n\nconst isDisplaySuccessPageAction = (rulesManagerActions: Array): boolean =>\n Boolean(rulesManagerActions.length) &&\n rulesManagerActions.every((actions = []) => actions.includes(RULE_ACTIONS.DISPLAY_SUCCESS_PAGE));\n\nexport const approvePlatformList = async (state: State, platforms: PLATFORM_TYPES[]): Promise => {\n const requests = platforms.map((platform) => {\n const multiplePlatformMode = state.config.betaRegistration?.multiplePlatform;\n const playerProfileOptions: Partial =\n getPlayerProfileOptionsFromState(state, platform);\n return BetaManagerAPIService.setPlayerActiveBetaGroup({\n ...playerProfileOptions,\n alreadyRegisteredForBeta: state.beta.registered,\n multiplePlatformMode\n } as IRegisterPlayerInBetaGroupOptions & IRegisterPlayerForBetaOptions)\n .then((profile) => profile);\n });\n return Promise.all(requests);\n};\n\nexport const approvePlayerForBeta = () => {\n return async (dispatch: Dispatch, getState: () => {}): Promise => {\n const state: State = getState() as State;\n const groups = state.beta.profile?.groups ?? [];\n const { platformGroups, registered, friendReferrerPlatform } = state.beta;\n const platformsForApproving: PLATFORM_TYPES[] | null = (friendReferrerPlatform && !registered) ?\n [friendReferrerPlatform] :\n getUserPlatformsForApproving(groups, platformGroups);\n\n if (!platformsForApproving) {\n dispatch(setError(INELIGIBLE_OPERATION_ERROR));\n return;\n }\n\n approvePlatformList(state, platformsForApproving)\n .then(response => {\n const lastProfileUpdate = response[response.length - 1];\n dispatch(updateProfile(lastProfileUpdate));\n });\n };\n};\n\nexport const registerPlayerForBeta = () => {\n return async (dispatch: Dispatch, getState: () => {}): Promise => {\n const state: State = getState() as State;\n const multiplePlatformMode = state.config.betaRegistration?.multiplePlatform;\n const rulesManagerData: IRulesManagerData[] = state.platforms.map((platform: PLATFORM_TYPES) => {\n const data = getRulesManageDataFromState(state, platform);\n const actions = RulesManager.getActions(data, multiplePlatformMode);\n const playerOptions = getPlayerProfileOptionsFromState(state, platform);\n\n return {\n data,\n actions,\n playerOptions\n };\n });\n const rulesManagerActions: Array = rulesManagerData.map(data => data.actions);\n const isAllActionsExist = rulesManagerActions.every(action => action);\n\n // we perform check of rules manager returned actions.\n // In some cases it may return undefined which means no actions for this particular case and\n // we shouldn't complete registration / approval,\n // so we throw the error in this case\n\n if (!isAllActionsExist ) {\n throw Error('push action is not defined');\n }\n\n if (isDisplaySuccessPageAction(rulesManagerActions)) {\n dispatch(registerPlayerForBetaCompleted());\n } else {\n dispatch(setLoading(true));\n\n let profiles: IPlayerProfile | undefined;\n for (const data of rulesManagerData) {\n try {\n const requests: Array<() => Promise | undefined> =\n (data.actions as string[]).map(\n mapRulesManagerActionsToBetaManagerMethods(data)\n );\n /* The requests must be performed sequentially for the case when a user is registered on at least\n one platform but wants to change it. The platform must be changed before a request to register\n in a group is dispatched. Otherwise, there is an API error when registering in a group in this case. */\n profiles = await requests[0]();\n\n if (requests[1]) {\n /* Second request, if present, can also return new profile information! */\n profiles = await requests[1]();\n }\n } catch (e) {\n dispatch(setError(e));\n }\n }\n if (profiles) {\n dispatch(updateProfile(profiles as IPlayerProfile));\n }\n }\n };\n};\n\nexport const checkCountry = () => (dispatch: Dispatch, getState: () => State) => {\n const state: State = getState();\n const userCountry: string = state.IPLocation.data!.countryCode;\n const excludedCountries: string[] = state.config.betaRegistration?.excludedCountries || [];\n if (excludedCountries.includes(userCountry)) {\n dispatch(setError(INELIGIBLE_COUNTRY_ERROR));\n dispatch(CountryCheck.setCountryIneligible());\n } else {\n dispatch(CountryCheck.setCountryEligible());\n }\n};\n\nexport type BetaManagerStoreActions = ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType\n| ReturnType;\n","export const TEXT_KEYS = {\n EVENT_TITLE: 'content__event-title',\n GAME_NAME: 'gameName'\n};\n\nexport const STYLES = {\n CONTENT: 'sitegen-content-banner',\n DESCRIPTION: 'sitegen-content-banner__description'\n};\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport MarkupSwitcher from 'modules/markup-switcher';\nimport { getModeClass } from 'utils/css';\nimport { IContentBannerProps } from './content-banner.types';\n\nimport { STYLES, TEXT_KEYS } from './content-banner.constants';\nimport './content-banner.styles.less';\n\ninterface ITitleProps {\n readonly title: JSX.Element;\n readonly extraTitle: JSX.Element | null;\n}\n\nexport class ContentBanner extends React.Component {\n public render(): JSX.Element {\n return (\n = (props: ITitleProps) => (\n <>\n {props.title}\n {props.extraTitle}\n \n );\n\n public createTitle(): JSX.Element {\n const {\n dangerouslyTranslateWithHTML: translateKey,\n originalTranslateKey,\n extraTitle = null,\n } = this.props;\n const gameName: string = originalTranslateKey(TEXT_KEYS.GAME_NAME);\n const localizedTitle: JSX.Element = translateKey(TEXT_KEYS.EVENT_TITLE, { gameName });\n return (\n \n {this.renderTitleContent({ title: localizedTitle, extraTitle })}\n \n }\n inheritBlock={\n = (value = '') => {\n const [year, month, day] = value.split('-');\n\n if (value && date().isValidSync(new Date(`${month}/${day}/${year}`))) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.IS_NOT_DATE_ERROR\n };\n};\n\nexport const required: IValidator = value => {\n if (value) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.REQUIRED_ERROR\n };\n};\n\nexport const composeValidators = (...validators: Array>): IValidator => value =>\n validators.reduce((error: NoErrorType | IValidationError, validator) => error || validator(value), NO_ERROR);\n\nexport const getFieldValidators = (field: IFieldRenderParams): IValidator => {\n let validators: IValidator[] = [];\n\n if (field.type === FIELD_VIEW_TYPES.DATE) {\n validators.push(validateDate);\n }\n\n if (field.isRequired) {\n validators.push(required);\n }\n\n if (field.type === FIELD_VIEW_TYPES.INT) {\n validators.push(intValidator);\n }\n\n if (field.minNumber) {\n validators.push(minValidatorFactory(field.minNumber));\n }\n\n if (field.maxNumber) {\n validators.push(maxValidatorFactory(field.maxNumber));\n }\n\n if (field.minStringLength) {\n validators.push(minLengthValidatorFactory(field.minStringLength));\n }\n\n if (field.maxStringLength) {\n validators.push(maxLengthValidatorFactory(field.maxStringLength));\n }\n\n return composeValidators(...validators);\n};\n\nexport const minValidatorFactory: IValidatorFactory = min => value => {\n const isFilledString = string()\n .min(1)\n .isValidSync(value);\n\n const isInLimit = number()\n .min(min)\n .isValidSync(+value);\n\n if (isFilledString && isInLimit) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.NUMBER_MIN_ERROR,\n data: { min }\n };\n};\n\nexport const maxValidatorFactory: IValidatorFactory = max => value => {\n const isFilledString = string()\n .min(1)\n .isValidSync(value);\n\n const isInLimit = number()\n .max(max)\n .isValidSync(+value);\n\n if (isFilledString && isInLimit) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.NUMBER_MAX_ERROR,\n data: { max }\n };\n};\n\nexport const intValidator: IValidator = value => {\n const isFilledString = string()\n .min(1)\n .isValidSync(value);\n\n const isIntegerValue = Number.isInteger(+value);\n\n if (isFilledString && isIntegerValue) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.IS_NOT_NUMBER_ERROR\n };\n};\n\nexport const minLengthValidatorFactory: IValidatorFactory = min => value => {\n const isLengthInLimit = string()\n .min(min)\n .isValidSync(value);\n\n if (isLengthInLimit) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.LENGTH_MIN_ERROR,\n data: { min }\n };\n};\n\nexport const maxLengthValidatorFactory: IValidatorFactory = max => value => {\n const isLengthInLimit = string()\n .max(max)\n .isValidSync(value);\n\n if (isLengthInLimit) {\n return NO_ERROR;\n }\n return {\n message: TEXT_SUB_KEYS.LENGTH_MAX_ERROR,\n data: { max }\n };\n};\n","import { DateField, DropdownField, IntField, StringField } from './fields';\n\nexport type NoErrorType = false;\nexport const NO_ERROR: NoErrorType = false;\nexport interface IValidationErrorData {\n limit?: number;\n max?: number;\n min?: number;\n}\nexport interface IValidationError {\n message: string;\n data?: IValidationErrorData;\n}\n\nexport interface IValidator {\n (value: T): NoErrorType | IValidationError;\n}\n\nexport interface IValidatorFactory {\n (rule: T): IValidator;\n}\n\nexport type IFieldTypes = typeof IntField | typeof DateField | typeof StringField | typeof DropdownField;\n","import { IState } from './beta-manager-store.types';\nimport {\n BETA_CLEAR_INFO,\n BETA_EMIT_PROFILE_FLAGS,\n BETA_SET_CUSTOM_FIELD_INPUTS,\n BETA_SET_CUSTOM_FIELD_VALUES,\n BETA_SET_ERROR,\n BETA_SET_FRIEND_REFERER_PLATFORM,\n BETA_SET_LOADING,\n BETA_SET_NDA_SIGNING_STATUS,\n BETA_SET_PLATFORM_GROUPS,\n BETA_SET_PLAYER_PROFILE,\n BETA_UPDATE_PLAYER_PROFILE\n} from './beta-manager-store.constants';\nimport { BetaManagerStoreActions } from './beta-manager-store.actions';\n\nexport const initial: IState = {\n loading: false,\n error: null,\n registered: false,\n isNDASignedByUser: false,\n shouldSignNDA: false,\n platformGroups: null,\n hasEligibleSources: true,\n customFieldInputs: [],\n customFieldValues: null,\n};\n\n/** Reducer for storing player profile and related request information (loading, error, etc.) */\nconst beta = (state: IState = initial, action: BetaManagerStoreActions): IState => {\n switch (action.type) {\n case BETA_SET_LOADING:\n return { ...state, loading: action.payload, error: null };\n case BETA_SET_ERROR:\n return { ...state, error: action.error, loading: false, profile: undefined };\n case BETA_SET_PLAYER_PROFILE:\n case BETA_UPDATE_PLAYER_PROFILE:\n return { ...state, loading: false, error: null, profile: action.payload };\n case BETA_SET_PLATFORM_GROUPS:\n return { ...state, platformGroups: action.payload };\n case BETA_SET_CUSTOM_FIELD_INPUTS:\n return { ...state, customFieldInputs: action.payload };\n case BETA_SET_CUSTOM_FIELD_VALUES:\n return { ...state, customFieldValues: action.payload };\n case BETA_EMIT_PROFILE_FLAGS:\n return {\n ...state,\n registered: action.registered,\n shouldSignNDA: action.shouldSignNDA,\n hasEligibleSources: action.hasEligibleSources,\n isNDASignedByUser: action.isNDASignedByUser\n };\n case BETA_SET_NDA_SIGNING_STATUS:\n return { ...state, isNDASignedByUser: action.isNDASignedByUser };\n case BETA_SET_FRIEND_REFERER_PLATFORM:\n return { ...state, friendReferrerPlatform: action.platform };\n case BETA_CLEAR_INFO: {\n return initial;\n }\n default:\n return state;\n }\n};\n\nexport const reducerKey = 'beta' as const;\nexport default beta;\n","/**\n * These values correspond to the ids that are returned from the Beta API (PlayerGroups.PlayerSourceIds)\n */\nexport enum BETA_PLAYER_SOURCE_TYPE {\n UNREGISTERED = 0,\n REGISTERED = 1,\n TARGETED = 2,\n REFERRAL = 3,\n PREORDER = 4,\n EVENT = 5,\n COMMUNITY = 6,\n CANCELLED = 7\n}\n\n/**\n * These values are introduced by Sitegen admin for additional flexibility.\n * Should begin from 100 and iterate further to avoid intersect with API ids.\n */\nexport enum ADDITIONAL_PLAYER_SOURCE_TYPE {\n INVITEE = 100,\n}\n\nexport enum PLAYER_SOURCE_TYPE {\n UNREGISTERED = BETA_PLAYER_SOURCE_TYPE.UNREGISTERED,\n REGISTERED = BETA_PLAYER_SOURCE_TYPE.REGISTERED,\n TARGETED = BETA_PLAYER_SOURCE_TYPE.TARGETED,\n REFERRAL = BETA_PLAYER_SOURCE_TYPE.REFERRAL,\n PREORDER = BETA_PLAYER_SOURCE_TYPE.PREORDER,\n EVENT = BETA_PLAYER_SOURCE_TYPE.EVENT,\n COMMUNITY = BETA_PLAYER_SOURCE_TYPE.COMMUNITY,\n CANCELLED = BETA_PLAYER_SOURCE_TYPE.CANCELLED,\n INVITEE = ADDITIONAL_PLAYER_SOURCE_TYPE.INVITEE\n}\n","export const SET_COUNTRY_ELIGIBLE = 'SET_COUNTRY_ELIGIBLE' as const;\nexport const SET_COUNTRY_INELIGIBLE = 'SET_COUNTRY_INELIGIBLE' as const;\n","import { combineEpics } from 'redux-observable';\nimport { get } from 'lodash';\n\n// services\nimport {\n Service as AnalyticsService,\n Constants as AnalyticsConstants\n} from 'modules/analytics-provider';\n\n// epics\nimport {\n analyticsEpicCreator,\n setLanguage,\n cleanLoginAnalyticsData,\n} from 'modules/analytics-provider/analytics-provider.epic';\n\n// constants\nimport { REPORT_ANALYTICS_LANGUAGE_AND_COUNTRY } from 'modules/language-provider/language-provider.constants';\nimport { REMOVE_LOGIN_SESSION, SET_LOGIN_SESSION, LOG_OUT_DONE } from 'modules/login/login.constants';\nimport { WEBSITE_MODE } from '@sitegen/common/constants';\n// types\nimport { IAction } from 'types/action';\nimport { IEpic } from 'types/epic';\n\nexport const setLanguageEpic = setLanguage([REPORT_ANALYTICS_LANGUAGE_AND_COUNTRY]);\nconst cleanLoginAnalyticsDataEpic = cleanLoginAnalyticsData([REMOVE_LOGIN_SESSION]);\n\nexport const analyticLoginEpic = analyticsEpicCreator(\n [SET_LOGIN_SESSION],\n (action: IAction, store): void => {\n if (AnalyticsService.isAuthenticatedUser || store.value.config.mode === WEBSITE_MODE.EMBEDDED) {\n return;\n }\n\n const userId = get(action, 'payload.UbisoftConnectProfile.user.userId');\n AnalyticsService.updateAnalyticalData({ ubisoftId: userId, errorType: '' });\n\n AnalyticsService.sendAccountEvent({\n action: AnalyticsConstants.ANALYTICS_ATTRIBUTES.action.signedIn,\n loggedIn: 'true',\n loggedOut: 'false'\n });\n\n AnalyticsService.isAuthenticatedUser = true;\n }\n);\n\nexport const analyticLogoutEpic = analyticsEpicCreator(\n [LOG_OUT_DONE],\n (_action: IAction, store): void => {\n AnalyticsService.platformSelection = '';\n if (store.value.config.mode === WEBSITE_MODE.EMBEDDED) {\n return;\n }\n AnalyticsService.sendAccountEvent({\n action: AnalyticsConstants.ANALYTICS_ATTRIBUTES.action.signedOut,\n loggedIn: 'false',\n loggedOut: 'true'\n });\n AnalyticsService.isAuthenticatedUser = false;\n }\n);\n\nexport const analyticsEpics: IEpic = combineEpics(\n analyticLoginEpic,\n analyticLogoutEpic,\n setLanguageEpic,\n cleanLoginAnalyticsDataEpic,\n);\n\nexport default analyticsEpics;\n","import * as React from 'react';\n\nimport Spinner from 'components/spinner/spinner.component';\nimport { ICountryCheckDispatchProps } from './country-check.types';\n\nclass CountryCheck extends React.Component {\n public componentDidMount() {\n const { checkCountry } = this.props;\n checkCountry();\n }\n\n public render() {\n return (\n = ({ title, message }) => {\n return (\n <>\n = ({ title, message }) => {\n return (\n <>\n {\n public componentDidMount() {\n const { profile, error } = this.props;\n const errorMessageKey = getErrorMessageKey(profile, error);\n const flowStepDetails = getErrorTrackingDetails(errorMessageKey);\n AnalyticsService.sendFlowEvent({\n flowStep: 'error',\n flowStepDetails,\n action: `error : ${flowStepDetails}`,\n category: CATEGORY.DISPLAY\n });\n }\n\n public render(): JSX.Element {\n const {\n dangerouslyTranslateWithHTML: translateKey,\n profile,\n shouldInheritStyles,\n error\n } = this.props;\n const errorTitle = translateKey(ERROR_KEYS.WIDGET_ERROR_TITLE);\n const className = shouldInheritStyles ? 'betaError' : '';\n const errorMessageKey = getErrorMessageKey(profile, error);\n const errorMessage = translateKey(errorMessageKey);\n const flowStepDetails = getErrorTrackingDetails(errorMessageKey);\n return (\n = props => {\n return (\n <>\n = () => {\n return (\n \n \n \n );\n};\n\nexport default LoginScreen;\n","import LoginScreen from './login-screen.component';\n\nexport default LoginScreen;\n","import { IFlowEventData } from 'types/analytics';\n\nexport const TEXT_KEYS = {\n GAME_NAME: 'gameName',\n TITLE: 'success-page__congrats-message',\n NDA_SIGNED: 'success-page__nda-signed',\n REGISTER_RESULT_WAITING: 'success-page__register-result-waiting',\n REGISTER_RESULT_APPROVED: 'success-page__register-result-approved',\n EMAIL_NOTIFICATION: 'success-page__email-notification',\n ALREADY_REGISTERED: 'success_page__already-registered',\n ALREADY_REGISTERED_ON_PLATFORMS: 'success-page__already-registered-on-platforms',\n};\n\nexport const KEY_ART_CSS_VARIABLE: string = '--key-art-image';\nexport const gameName: string = TEXT_KEYS.GAME_NAME;\n\n\nexport const SUCCESS_PAGE_FLOW_STEP: Pick = {\n flowStep: 'registration successful'\n};\n\nexport const ALREADY_REGISTERED_FLOW_STEP: Pick = {\n flowStep: 'already registered'\n};\n\nexport enum SUCCESS_PAGE_FLOW_DETAILS {\n REGISTERED = 'registered',\n APPROVED_FRIENDLIST = 'approved : friend list',\n APPROVED_CHANGE_PLATFORM = 'approved : change platform'\n}\n\nexport enum SUCCESS_PAGE_ACTIONS {\n DISPLAY_REGISTERED = 'registration successful : registered',\n DISPLAY_APPROVED_FRIENDLIST = 'registration successful : approved : friend list',\n DISPLAY_CHANGE_PLATFORM = 'registration successful : approved : change platform',\n DISPLAY_ALREADY_REGISTERED = 'already registered',\n INVITE_FRIEND = 'registration successful : approved : friend list : invite friend'\n}\n","import { WIDGET_NAME } from '@sitegen/common/constants';\nimport { BETA_PLAYER_SOURCE_TYPE } from '@sitegen/common/constants/player-sources';\nimport { TranslationFunction } from 'i18next';\nimport { gameName, TEXT_KEYS } from './success-page.constants';\nimport { BETA_PLATFORMS, IPlatform, PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { IPlayerGroup } from '../beta-manager/beta-manager-api';\nimport { DELIMITER } from 'constants/platform';\n\nexport const isBetaKeysBlockVisible = (groups: IPlayerGroup[]): boolean => {\n return !!getPlayerApprovedGroup(groups);\n};\n\nexport const isPlatformSelectionVisible = (widgetName: WIDGET_NAME): boolean => (\n [WIDGET_NAME.BETA_REGISTRATION].includes(widgetName)\n);\n\nexport const isFriendListVisible = (groups: IPlayerGroup[], friendInviteEnabled: boolean): boolean => {\n const group: IPlayerGroup | null = getPlayerApprovedGroup(groups);\n if (!group) {\n return false;\n }\n\n const hasReferralType: boolean = group.sourceIdList.includes(BETA_PLAYER_SOURCE_TYPE.REFERRAL);\n return !hasReferralType && friendInviteEnabled;\n};\n\nexport const getPlayerApprovedGroup = (groups: IPlayerGroup[]): IPlayerGroup | null => {\n for (let group of groups) {\n if (group.approved) {\n return group;\n }\n }\n\n return null;\n};\n\nconst getPlatformDisplayName = (platformType: PLATFORM_TYPES): string => {\n const platform: IPlatform | undefined = BETA_PLATFORMS.find((p: IPlatform): boolean => p.id === platformType);\n return platform ? platform.displayName : '';\n};\n\nconst getPlatformsNamesList = (groups: IPlayerGroup[]): string[] => groups.map((g: IPlayerGroup): string => {\n return getPlatformDisplayName(g.platform);\n});\n\nexport const concatPlatformsNames = (groups: IPlayerGroup[]) => getPlatformsNamesList(groups).join(DELIMITER);\n\nexport const getAlreadyRegisteredText = (groups: IPlayerGroup[], translateKey: TranslationFunction): string => {\n return translateKey(TEXT_KEYS.ALREADY_REGISTERED_ON_PLATFORMS, {\n gameName, platform: concatPlatformsNames(groups) });\n};\n\nexport const getRegisteredText = (groups: IPlayerGroup[], translateKey: TranslationFunction): string => {\n return translateKey(TEXT_KEYS.REGISTER_RESULT_WAITING, {\n gameName, platform: concatPlatformsNames(groups) });\n};\n\nexport const getAlreadyApprovedText = (groups: IPlayerGroup[], translateKey: TranslationFunction): string => {\n return translateKey(TEXT_KEYS.REGISTER_RESULT_APPROVED, {\n gameName, platform: concatPlatformsNames(groups) });\n};\n\nexport const getApprovedGroups = (groups: IPlayerGroup[]): IPlayerGroup[] => groups.filter(group => group.approved);\nexport const getRegisteredGroups = (groups: IPlayerGroup[]): IPlayerGroup[] => groups.filter(group => !group.approved);\nexport const getSelectedGroups = (groups: IPlayerGroup[], platforms: PLATFORM_TYPES[]): IPlayerGroup[] => (\n groups.filter(group => platforms.includes(group.platform))\n);\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\n\nimport { IPlayerProfile } from '../../beta-manager/beta-manager-api';\nimport { ITranslationProps } from 'types/translation';\n\nimport { getModeClass } from 'utils/css';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport {\n getAlreadyApprovedText,\n getApprovedGroups,\n getRegisteredGroups,\n getRegisteredText,\n getSelectedGroups\n} from '../success-page.utils';\n\nexport class SuccessPageContent extends React.Component {\n public render(): JSX.Element {\n const {\n dangerouslyTranslateWithHTML: translateKey,\n shouldInheritStyles,\n platforms,\n profile: { groups },\n widgetName } = this.props;\n const selectedGroups = getSelectedGroups(groups, platforms);\n const approvedGroups = getApprovedGroups(selectedGroups);\n const registeredGroups = getRegisteredGroups(selectedGroups);\n\n return (\n <>\n {approvedGroups.length ?\n = {\n flowStepDetails: 'approved : keys'\n};\n\nexport enum SUCCESS_BETA_KEYS_ACTIONS {\n DISPLAY = 'registration successful : approved : keys',\n COPY = 'registration successful : approved : keys : copy key'\n}\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport { ITranslationProps } from 'types/translation';\n\nimport Spinner from 'components/spinner/spinner.component';\nimport { BetaManagerAPIService, IBetaKey, IGetPlayerProfileOptions } from '../beta-manager/beta-manager-api';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\n\nimport { TEXT_KEYS, SUCCESS_BETA_KEYS_DETAILS, SUCCESS_BETA_KEYS_ACTIONS } from './success-beta-keys.constants';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\nimport { SUCCESS_PAGE_FLOW_STEP } from '../success-page/success-page.constants';\nimport { PLATFORM_DISPLAY_PROPS } from 'constants/platforms-display-props';\n\nimport './success-beta-keys.styles.less';\nimport { getModeClass } from 'utils/css';\n\nexport class SuccessBetaKeys extends React.Component {\n constructor(props: ISuccessBetaKeysProps & ITranslationProps) {\n super(props);\n this.state = { keys: [], loading: true };\n\n /* Empty keys list (no keys available or request has failed) results in component being hidden */\n BetaManagerAPIService.getPlayerBetaKeys(this.props)\n .then((keys: IBetaKey[]): void => {\n this.setState({ keys, loading: false }, (): void => {\n /* Notify parent after calculations are done */\n if (this.props.onReady) {\n this.props.onReady();\n }\n });\n })\n .catch((): void => {\n this.setState({ keys: [], loading: false });\n });\n }\n\n public render(): JSX.Element | null {\n if (!this.props.visible || !this.state.keys.length) {\n return null;\n }\n\n if (this.props.visible && this.state.loading) {\n return = React.createRef();\n /* This should be calculated only once, so inline callback is OK */\n const callback = (): void => {\n ref.current!.select();\n document.execCommand('copy');\n AnalyticsService.sendFlowEvent({\n ...SUCCESS_PAGE_FLOW_STEP,\n ...SUCCESS_BETA_KEYS_DETAILS,\n action: SUCCESS_BETA_KEYS_ACTIONS.COPY,\n category: CATEGORY.INTERACTION\n });\n };\n\n return (\n {\n public handleInvite = (): void => {\n this.props.onInvite(this.props.friend.pid);\n };\n\n /** Required by React Virtualized, since element height is dynamic */\n public componentDidMount(): void {\n this.props.measure();\n }\n\n public render(): JSX.Element {\n const style: React.CSSProperties = { backgroundImage: `url(${buildUserImageSrc(this.props.env, this.props.friend.pid)})` };\n const friendListItemClassName = getModeClass('sitegen-friend-list-item', this.props.shouldInheritStyles);\n return (\n {\n public render(): JSX.Element {\n return {\n public readonly SEARCH_FRIEND_DEBOUNCE_INTERVAL: number = 150;\n public readonly ITEM_HEIGHTS_CACHE: CellMeasurerCache = new CellMeasurerCache({ defaultHeight: 150, fixedWidth: true });\n private isSearchFieldTouched: boolean = false;\n\n constructor(props: IFriendListUIProps & ITranslationProps) {\n super(props);\n this.state = {\n search: '',\n friends: Object.values(this.props.friends)\n };\n }\n\n public componentDidMount(): void {\n window.addEventListener('resize', this.handleResize);\n }\n\n public componentWillUnmount(): void {\n window.removeEventListener('resize', this.handleResize);\n }\n\n public componentDidUpdate(prev: IFriendListUIProps): void {\n if (this.props.friends !== prev.friends) {\n /* Updates to friend status (invited, error, loading) will cause changes in element height */\n this.ITEM_HEIGHTS_CACHE.clearAll();\n this.applyFilter();\n }\n }\n\n /** Apply current search value when user updates input or changes user status (none, loading, invited) */\n public applyFilter = lodash.debounce((): void => {\n const friends: IFriend[] = Object.values(this.props.friends);\n const filtered: IFriend[] = friends.filter((f: IFriend): boolean => {\n return f.nameOnPlatform.toLowerCase().includes(this.state.search.toLowerCase());\n });\n this.setState({ friends: filtered });\n }, this.SEARCH_FRIEND_DEBOUNCE_INTERVAL, { leading: true, trailing: true });\n\n /**\n * Update items heights when container width changes.\n * This action is actually well optimized, so calling it as is shouldn't be an issue\n */\n public handleResize = (): void => {\n this.ITEM_HEIGHTS_CACHE.clearAll();\n };\n\n public handleSearchChange = (e: React.ChangeEvent): void => {\n if (!this.isSearchFieldTouched) {\n this.isSearchFieldTouched = true;\n }\n this.setState({ search: e.target.value }, this.applyFilter);\n };\n\n public render(): JSX.Element {\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles } = this.props;\n let content: JSX.Element | null = null;\n\n /* Disable friend list interactions on server error or empty friend list */\n if (this.props.error) {\n content = \n {({ measure }): JSX.Element => (\n \n );\n };\n\n public getContent(): JSX.Element {\n const friendListClassName = getModeClass('sitegen-friend-list', this.props.shouldInheritStyles);\n const error: JSX.Element = {\n public state: IFriendListLoaderState = {\n ready: false,\n friends: {},\n availableInvites: this.props.maxAvailableInvites,\n error: null\n };\n\n public async componentDidMount(): Promise {\n if (!this.props.visible) {\n return;\n }\n\n return this.getFriendList();\n }\n\n public handleRetry = (): void => {\n this.setState({ ready: false, error: null }, (): void => {\n this.getFriendList().then();\n });\n };\n\n /** Merge data received from API and add extra properties */\n public getFriendList = async (): Promise => {\n try {\n const allFriends: IUserFriend[] = await UbisoftAPIService.getFriendList();\n const inBetaFriends: IBetaFriend[] = await this.getInBetaFriends(allFriends);\n const invitedFriends: IBetaFriend[] = await BetaManagerAPIService.getInvitedFriends({\n env: this.props.env,\n code: this.props.code,\n phaseId: this.props.phaseId,\n userId: this.props.userId\n });\n\n const friends: { [id: string]: IFriend } = {};\n\n for (const friend of allFriends) {\n /* Display only true friends */\n if (friend.state !== USER_FRIEND_STATUS.FRIEND) {\n continue;\n }\n\n let alreadyInvited = false;\n let alreadyRegistered = false;\n const betaFriends: IBetaFriend[] = inBetaFriends.filter((f: IBetaFriend): boolean => f.FriendId === friend.pid);\n\n /* Check all entries for given friend (can be invited by other user, on different platform, etc.) */\n for (const betaFriend of betaFriends) {\n alreadyRegistered = betaFriend.IsApproved || betaFriend.IsRegistered || betaFriend.IsBanned || false;\n\n if (alreadyRegistered) {\n break;\n }\n\n alreadyInvited = !isNil(betaFriend.InvitationDate) || !isNil(betaFriend.UserId);\n\n /* If friend is invited in any way on current beta, consider him invited */\n if (alreadyInvited) {\n break;\n }\n }\n\n friends[friend.pid] = { ...friend, alreadyInvited, alreadyRegistered, invited: false, loading: false, error: undefined };\n }\n\n const availableInvites: number = Math.max(this.state.availableInvites - invitedFriends.length, 0);\n\n this.setState({ friends, availableInvites, ready: true });\n } catch (e) {\n this.setState({ ready: true, error: e });\n }\n };\n\n /** We have to requests beta status list in chunks due to API limitations */\n public async getInBetaFriends(allFriends: IUserFriend[]): Promise {\n const requests: Promise[] = [];\n\n for (let i: number = 0; i < allFriends.length; i += IN_BETA_FRIENDS_REQUEST_LIMIT) {\n const friendIdList: string[] = allFriends.slice(i, i + IN_BETA_FRIENDS_REQUEST_LIMIT)\n .map((f: IUserFriend): string => f.pid);\n\n const request: Promise = BetaManagerAPIService.getFriendListForBeta({\n env: this.props.env,\n code: this.props.code,\n phaseId: this.props.phaseId,\n friendIdList\n });\n\n requests.push(request);\n }\n\n const result: IBetaFriend[][] = await Promise.all(requests);\n return flatten(result);\n }\n\n /** Send invite request and update local data on success */\n public inviteFriendToBeta = (id: string): void => {\n if (this.state.availableInvites <= 0) {\n return;\n }\n\n const friend: IFriend = { ...this.state.friends[id], loading: true };\n const friends: { [id: string]: IFriend } = { ...this.state.friends, [id]: friend };\n\n AnalyticsService.sendFlowEvent({\n ...SUCCESS_PAGE_FLOW_STEP,\n flowStepDetails: SUCCESS_PAGE_FLOW_DETAILS.APPROVED_FRIENDLIST,\n action: SUCCESS_PAGE_ACTIONS.INVITE_FRIEND,\n category: CATEGORY.INTERACTION\n });\n\n /* Reduce allowed invites count event before request is sent */\n this.setState({ friends, availableInvites: this.state.availableInvites - 1 }, (): void => {\n BetaManagerAPIService.inviteFriendToBeta({ ...this.props, friends: [id] })\n .then((): void => this.onInviteSuccess(id))\n .catch((e: Error): void => this.onInviteError(id, e));\n });\n };\n\n /** Update user invite and loading statuses, (invite count was updated before) */\n public onInviteSuccess = (id: string): void => {\n const friend: IFriend = { ...this.state.friends[id], invited: true, loading: false };\n const friends: { [id: string]: IFriend } = { ...this.state.friends, [id]: friend };\n this.setState({ friends });\n };\n\n /** Update user loading status and revert changes to number of available invites */\n public onInviteError = (id: string, error: Error): void => {\n const friend: IFriend = { ...this.state.friends[id], error, invited: false, loading: false };\n const friends: { [id: string]: IFriend } = { ...this.state.friends, [id]: friend };\n this.setState({ friends, availableInvites: this.state.availableInvites + 1 });\n };\n\n public render(): JSX.Element | null {\n if (!this.props.visible) {\n return null;\n }\n\n if (!this.state.ready) {\n return {\n public renderPlatformButtons() {\n const {\n disabledMessage,\n selectedPlatforms,\n shouldInheritStyles,\n platforms,\n multiplePlatform\n } = this.props;\n return (\n platforms.map((platform: PLATFORM_TYPES) => (\n \n \n {this.renderPlatformButtons()}\n
\n \n }\n inheritBlock={\n \n
\n );\n};\n\nexport interface ICheckboxProps {\n readonly disabled?: boolean;\n readonly checked?: boolean;\n readonly name?: string;\n readonly label?: string;\n readonly onChange?: () => void;\n}\n","import Checkbox from './checkbox.component';\n\nexport default Checkbox;\n","export const BETA_SET_LOADING = 'BETA_SET_LOADING' as const;\nexport const BETA_SET_ERROR = 'BETA_SET_ERROR' as const;\nexport const BETA_CLEAR_INFO = 'BETA_CLEAR_INFO' as const;\nexport const CHECK_USER_SESSION = 'CHECK_USER_SESSION' as const;\nexport const BETA_SET_PLAYER_PROFILE = 'BETA_SET_PLAYER_PROFILE' as const;\nexport const BETA_SET_PLATFORM_GROUPS = 'BETA_SET_PLATFORM_GROUPS' as const;\nexport const BETA_SET_CUSTOM_FIELD_INPUTS = 'BETA_SET_CUSTOM_FIELD_INPUTS' as const;\nexport const BETA_SET_CUSTOM_FIELD_VALUES = 'BETA_SET_CUSTOM_FIELD_VALUES' as const;\nexport const BETA_EMIT_PROFILE_FLAGS = 'BETA_EMIT_PROFILE_FLAGS' as const;\nexport const BETA_UPDATE_PLAYER_PROFILE = 'BETA_UPDATE_PLAYER_PROFILE' as const;\nexport const BETA_SET_NDA_SIGNING_STATUS = 'BETA_SET_NDA_SIGNING_STATUS' as const;\nexport const REGISTER_PLAYER_FOR_BETA_COMPLETED = 'REGISTER_PLAYER_FOR_BETA_COMPLETED' as const;\nexport const BETA_SET_FRIEND_REFERER_PLATFORM = 'BETA_SET_FRIEND_REFERER_PLATFORM' as const;\nexport const BETA_INELIGIBLE_COUNTRY = 'BETA_INELIGIBLE_COUNTRY' as const;\nexport const BETA_INELIGIBLE_OPERATION = 'BETA_INELIGIBLE_OPERATION' as const;\n\nexport const INELIGIBLE_COUNTRY_ERROR: Error = {\n name: BETA_INELIGIBLE_COUNTRY,\n message: 'Ineligible country'\n} as const;\n\nexport const INELIGIBLE_OPERATION_ERROR: Error = {\n name: BETA_INELIGIBLE_OPERATION,\n message: 'You are not eligible to this operation'\n} as const;\n","import { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { ILoginSession } from 'types/session';\nimport { SET_PLATFORMS } from './platform-selection.constants';\n\nexport const setPlatforms = (platformIds: PLATFORM_TYPES[], session?: ILoginSession) => ({\n type: SET_PLATFORMS,\n payload: {\n platformIds,\n session\n }\n});\n","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","export default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n subClass.__proto__ = superClass;\n}","export default function _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\n\n// \nvar keysCache = {};\nvar keysRegex = /[.[\\]]+/;\n\nvar toPath = function toPath(key) {\n if (key === null || key === undefined || !key.length) {\n return [];\n }\n\n if (typeof key !== 'string') {\n throw new Error('toPath() expects a string');\n }\n\n if (keysCache[key] == null) {\n keysCache[key] = key.split(keysRegex).filter(Boolean);\n }\n\n return keysCache[key];\n};\n\n// \n\nvar getIn = function getIn(state, complexKey) {\n // Intentionally using iteration rather than recursion\n var path = toPath(complexKey);\n var current = state;\n\n for (var i = 0; i < path.length; i++) {\n var key = path[i];\n\n if (current === undefined || current === null || typeof current !== 'object' || Array.isArray(current) && isNaN(key)) {\n return undefined;\n }\n\n current = current[key];\n }\n\n return current;\n};\n\nfunction _toPropertyKey(arg) { var key = _toPrimitive(arg, \"string\"); return typeof key === \"symbol\" ? key : String(key); }\n\nfunction _toPrimitive(input, hint) { if (typeof input !== \"object\" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || \"default\"); if (typeof res !== \"object\") return res; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (hint === \"string\" ? String : Number)(input); }\n\nvar setInRecursor = function setInRecursor(current, index, path, value, destroyArrays) {\n if (index >= path.length) {\n // end of recursion\n return value;\n }\n\n var key = path[index]; // determine type of key\n\n if (isNaN(key)) {\n var _extends2;\n\n // object set\n if (current === undefined || current === null) {\n var _ref;\n\n // recurse\n var _result2 = setInRecursor(undefined, index + 1, path, value, destroyArrays); // delete or create an object\n\n\n return _result2 === undefined ? undefined : (_ref = {}, _ref[key] = _result2, _ref);\n }\n\n if (Array.isArray(current)) {\n throw new Error('Cannot set a non-numeric property on an array');\n } // current exists, so make a copy of all its values, and add/update the new one\n\n\n var _result = setInRecursor(current[key], index + 1, path, value, destroyArrays);\n\n if (_result === undefined) {\n var numKeys = Object.keys(current).length;\n\n if (current[key] === undefined && numKeys === 0) {\n // object was already empty\n return undefined;\n }\n\n if (current[key] !== undefined && numKeys <= 1) {\n // only key we had was the one we are deleting\n if (!isNaN(path[index - 1]) && !destroyArrays) {\n // we are in an array, so return an empty object\n return {};\n } else {\n return undefined;\n }\n }\n\n var _removed = current[key],\n _final = _objectWithoutPropertiesLoose(current, [key].map(_toPropertyKey));\n\n return _final;\n } // set result in key\n\n\n return _extends({}, current, (_extends2 = {}, _extends2[key] = _result, _extends2));\n } // array set\n\n\n var numericKey = Number(key);\n\n if (current === undefined || current === null) {\n // recurse\n var _result3 = setInRecursor(undefined, index + 1, path, value, destroyArrays); // if nothing returned, delete it\n\n\n if (_result3 === undefined) {\n return undefined;\n } // create an array\n\n\n var _array = [];\n _array[numericKey] = _result3;\n return _array;\n }\n\n if (!Array.isArray(current)) {\n throw new Error('Cannot set a numeric property on an object');\n } // recurse\n\n\n var existingValue = current[numericKey];\n var result = setInRecursor(existingValue, index + 1, path, value, destroyArrays); // current exists, so make a copy of all its values, and add/update the new one\n\n var array = [].concat(current);\n\n if (destroyArrays && result === undefined) {\n array.splice(numericKey, 1);\n\n if (array.length === 0) {\n return undefined;\n }\n } else {\n array[numericKey] = result;\n }\n\n return array;\n};\n\nvar setIn = function setIn(state, key, value, destroyArrays) {\n if (destroyArrays === void 0) {\n destroyArrays = false;\n }\n\n if (state === undefined || state === null) {\n throw new Error(\"Cannot call setIn() with \" + String(state) + \" state\");\n }\n\n if (key === undefined || key === null) {\n throw new Error(\"Cannot call setIn() with \" + String(key) + \" key\");\n } // Recursive function needs to accept and return State, but public API should\n // only deal with Objects\n\n\n return setInRecursor(state, 0, toPath(key), value, destroyArrays);\n};\n\nvar FORM_ERROR = 'FINAL_FORM/form-error';\nvar ARRAY_ERROR = 'FINAL_FORM/array-error';\n\n// \n/**\n * Converts internal field state to published field state\n */\n\nfunction publishFieldState(formState, field) {\n var errors = formState.errors,\n initialValues = formState.initialValues,\n lastSubmittedValues = formState.lastSubmittedValues,\n submitErrors = formState.submitErrors,\n submitFailed = formState.submitFailed,\n submitSucceeded = formState.submitSucceeded,\n submitting = formState.submitting,\n values = formState.values;\n var active = field.active,\n blur = field.blur,\n change = field.change,\n data = field.data,\n focus = field.focus,\n modified = field.modified,\n modifiedSinceLastSubmit = field.modifiedSinceLastSubmit,\n name = field.name,\n touched = field.touched,\n validating = field.validating,\n visited = field.visited;\n var value = getIn(values, name);\n var error = getIn(errors, name);\n\n if (error && error[ARRAY_ERROR]) {\n error = error[ARRAY_ERROR];\n }\n\n var submitError = submitErrors && getIn(submitErrors, name);\n var initial = initialValues && getIn(initialValues, name);\n var pristine = field.isEqual(initial, value);\n var dirtySinceLastSubmit = !!(lastSubmittedValues && !field.isEqual(getIn(lastSubmittedValues, name), value));\n var valid = !error && !submitError;\n return {\n active: active,\n blur: blur,\n change: change,\n data: data,\n dirty: !pristine,\n dirtySinceLastSubmit: dirtySinceLastSubmit,\n error: error,\n focus: focus,\n initial: initial,\n invalid: !valid,\n length: Array.isArray(value) ? value.length : undefined,\n modified: modified,\n modifiedSinceLastSubmit: modifiedSinceLastSubmit,\n name: name,\n pristine: pristine,\n submitError: submitError,\n submitFailed: submitFailed,\n submitSucceeded: submitSucceeded,\n submitting: submitting,\n touched: touched,\n valid: valid,\n value: value,\n visited: visited,\n validating: validating\n };\n}\n\n// \nvar fieldSubscriptionItems = ['active', 'data', 'dirty', 'dirtySinceLastSubmit', 'error', 'initial', 'invalid', 'length', 'modified', 'modifiedSinceLastSubmit', 'pristine', 'submitError', 'submitFailed', 'submitSucceeded', 'submitting', 'touched', 'valid', 'value', 'visited', 'validating'];\n\n// \nvar shallowEqual = function shallowEqual(a, b) {\n if (a === b) {\n return true;\n }\n\n if (typeof a !== 'object' || !a || typeof b !== 'object' || !b) {\n return false;\n }\n\n var keysA = Object.keys(a);\n var keysB = Object.keys(b);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(b);\n\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key) || a[key] !== b[key]) {\n return false;\n }\n }\n\n return true;\n};\n\n// \nfunction subscriptionFilter (dest, src, previous, subscription, keys, shallowEqualKeys) {\n var different = false;\n keys.forEach(function (key) {\n if (subscription[key]) {\n dest[key] = src[key];\n\n if (!previous || (~shallowEqualKeys.indexOf(key) ? !shallowEqual(src[key], previous[key]) : src[key] !== previous[key])) {\n different = true;\n }\n }\n });\n return different;\n}\n\n// \nvar shallowEqualKeys = ['data'];\n/**\n * Filters items in a FieldState based on a FieldSubscription\n */\n\nvar filterFieldState = function filterFieldState(state, previousState, subscription, force) {\n var result = {\n blur: state.blur,\n change: state.change,\n focus: state.focus,\n name: state.name\n };\n var different = subscriptionFilter(result, state, previousState, subscription, fieldSubscriptionItems, shallowEqualKeys) || !previousState;\n return different || force ? result : undefined;\n};\n\n// \nvar formSubscriptionItems = ['active', 'dirty', 'dirtyFields', 'dirtyFieldsSinceLastSubmit', 'dirtySinceLastSubmit', 'error', 'errors', 'hasSubmitErrors', 'hasValidationErrors', 'initialValues', 'invalid', 'modified', 'modifiedSinceLastSubmit', 'pristine', 'submitting', 'submitError', 'submitErrors', 'submitFailed', 'submitSucceeded', 'touched', 'valid', 'validating', 'values', 'visited'];\n\n// \nvar shallowEqualKeys$1 = ['touched', 'visited'];\n/**\n * Filters items in a FormState based on a FormSubscription\n */\n\nfunction filterFormState(state, previousState, subscription, force) {\n var result = {};\n var different = subscriptionFilter(result, state, previousState, subscription, formSubscriptionItems, shallowEqualKeys$1) || !previousState;\n return different || force ? result : undefined;\n}\n\n// \n\nvar memoize = function memoize(fn) {\n var lastArgs;\n var lastResult;\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n if (!lastArgs || args.length !== lastArgs.length || args.some(function (arg, index) {\n return !shallowEqual(lastArgs[index], arg);\n })) {\n lastArgs = args;\n lastResult = fn.apply(void 0, args);\n }\n\n return lastResult;\n };\n};\n\nvar isPromise = (function (obj) {\n return !!obj && (typeof obj === 'object' || typeof obj === 'function') && typeof obj.then === 'function';\n});\n\nvar version = \"4.20.1\";\n\nvar configOptions = ['debug', 'initialValues', 'keepDirtyOnReinitialize', 'mutators', 'onSubmit', 'validate', 'validateOnBlur'];\n\nvar tripleEquals = function tripleEquals(a, b) {\n return a === b;\n};\n\nvar hasAnyError = function hasAnyError(errors) {\n return Object.keys(errors).some(function (key) {\n var value = errors[key];\n\n if (value && typeof value === 'object' && !(value instanceof Error)) {\n return hasAnyError(value);\n }\n\n return typeof value !== 'undefined';\n });\n};\n\nfunction convertToExternalFormState(_ref) {\n var active = _ref.active,\n dirtySinceLastSubmit = _ref.dirtySinceLastSubmit,\n modifiedSinceLastSubmit = _ref.modifiedSinceLastSubmit,\n error = _ref.error,\n errors = _ref.errors,\n initialValues = _ref.initialValues,\n pristine = _ref.pristine,\n submitting = _ref.submitting,\n submitFailed = _ref.submitFailed,\n submitSucceeded = _ref.submitSucceeded,\n submitError = _ref.submitError,\n submitErrors = _ref.submitErrors,\n valid = _ref.valid,\n validating = _ref.validating,\n values = _ref.values;\n return {\n active: active,\n dirty: !pristine,\n dirtySinceLastSubmit: dirtySinceLastSubmit,\n modifiedSinceLastSubmit: modifiedSinceLastSubmit,\n error: error,\n errors: errors,\n hasSubmitErrors: !!(submitError || submitErrors && hasAnyError(submitErrors)),\n hasValidationErrors: !!(error || hasAnyError(errors)),\n invalid: !valid,\n initialValues: initialValues,\n pristine: pristine,\n submitting: submitting,\n submitFailed: submitFailed,\n submitSucceeded: submitSucceeded,\n submitError: submitError,\n submitErrors: submitErrors,\n valid: valid,\n validating: validating > 0,\n values: values\n };\n}\n\nfunction notifySubscriber(subscriber, subscription, state, lastState, filter, force) {\n var notification = filter(state, lastState, subscription, force);\n\n if (notification) {\n subscriber(notification);\n return true;\n }\n\n return false;\n}\n\nfunction notify(_ref2, state, lastState, filter, force) {\n var entries = _ref2.entries;\n Object.keys(entries).forEach(function (key) {\n var entry = entries[Number(key)]; // istanbul ignore next\n\n if (entry) {\n var subscription = entry.subscription,\n subscriber = entry.subscriber,\n notified = entry.notified;\n\n if (notifySubscriber(subscriber, subscription, state, lastState, filter, force || !notified)) {\n entry.notified = true;\n }\n }\n });\n}\n\nfunction createForm(config) {\n if (!config) {\n throw new Error('No config specified');\n }\n\n var debug = config.debug,\n destroyOnUnregister = config.destroyOnUnregister,\n keepDirtyOnReinitialize = config.keepDirtyOnReinitialize,\n initialValues = config.initialValues,\n mutators = config.mutators,\n onSubmit = config.onSubmit,\n validate = config.validate,\n validateOnBlur = config.validateOnBlur;\n\n if (!onSubmit) {\n throw new Error('No onSubmit function specified');\n }\n\n var state = {\n subscribers: {\n index: 0,\n entries: {}\n },\n fieldSubscribers: {},\n fields: {},\n formState: {\n dirtySinceLastSubmit: false,\n modifiedSinceLastSubmit: false,\n errors: {},\n initialValues: initialValues && _extends({}, initialValues),\n invalid: false,\n pristine: true,\n submitting: false,\n submitFailed: false,\n submitSucceeded: false,\n valid: true,\n validating: 0,\n values: initialValues ? _extends({}, initialValues) : {}\n },\n lastFormState: undefined\n };\n var inBatch = 0;\n var validationPaused = false;\n var validationBlocked = false;\n var nextAsyncValidationKey = 0;\n var asyncValidationPromises = {};\n\n var clearAsyncValidationPromise = function clearAsyncValidationPromise(key) {\n return function (result) {\n delete asyncValidationPromises[key];\n return result;\n };\n };\n\n var changeValue = function changeValue(state, name, mutate) {\n var before = getIn(state.formState.values, name);\n var after = mutate(before);\n state.formState.values = setIn(state.formState.values, name, after) || {};\n };\n\n var renameField = function renameField(state, from, to) {\n if (state.fields[from]) {\n var _extends2, _extends3;\n\n state.fields = _extends({}, state.fields, (_extends2 = {}, _extends2[to] = _extends({}, state.fields[from], {\n name: to,\n // rebind event handlers\n blur: function blur() {\n return api.blur(to);\n },\n change: function change(value) {\n return api.change(to, value);\n },\n focus: function focus() {\n return api.focus(to);\n },\n lastFieldState: undefined\n }), _extends2));\n delete state.fields[from];\n state.fieldSubscribers = _extends({}, state.fieldSubscribers, (_extends3 = {}, _extends3[to] = state.fieldSubscribers[from], _extends3));\n delete state.fieldSubscribers[from];\n var value = getIn(state.formState.values, from);\n state.formState.values = setIn(state.formState.values, from, undefined) || {};\n state.formState.values = setIn(state.formState.values, to, value);\n delete state.lastFormState;\n }\n }; // bind state to mutators\n\n\n var getMutatorApi = function getMutatorApi(key) {\n return function () {\n // istanbul ignore next\n if (mutators) {\n // ^^ causes branch coverage warning, but needed to appease the Flow gods\n var mutatableState = {\n formState: state.formState,\n fields: state.fields,\n fieldSubscribers: state.fieldSubscribers,\n lastFormState: state.lastFormState\n };\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var returnValue = mutators[key](args, mutatableState, {\n changeValue: changeValue,\n getIn: getIn,\n renameField: renameField,\n resetFieldState: api.resetFieldState,\n setIn: setIn,\n shallowEqual: shallowEqual\n });\n state.formState = mutatableState.formState;\n state.fields = mutatableState.fields;\n state.fieldSubscribers = mutatableState.fieldSubscribers;\n state.lastFormState = mutatableState.lastFormState;\n runValidation(undefined, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n return returnValue;\n }\n };\n };\n\n var mutatorsApi = mutators ? Object.keys(mutators).reduce(function (result, key) {\n result[key] = getMutatorApi(key);\n return result;\n }, {}) : {};\n\n var runRecordLevelValidation = function runRecordLevelValidation(setErrors) {\n var promises = [];\n\n if (validate) {\n var errorsOrPromise = validate(_extends({}, state.formState.values)); // clone to avoid writing\n\n if (isPromise(errorsOrPromise)) {\n promises.push(errorsOrPromise.then(setErrors));\n } else {\n setErrors(errorsOrPromise);\n }\n }\n\n return promises;\n };\n\n var getValidators = function getValidators(field) {\n return Object.keys(field.validators).reduce(function (result, index) {\n var validator = field.validators[Number(index)]();\n\n if (validator) {\n result.push(validator);\n }\n\n return result;\n }, []);\n };\n\n var runFieldLevelValidation = function runFieldLevelValidation(field, setError) {\n var promises = [];\n var validators = getValidators(field);\n\n if (validators.length) {\n var error;\n validators.forEach(function (validator) {\n var errorOrPromise = validator(getIn(state.formState.values, field.name), state.formState.values, validator.length === 0 || validator.length === 3 ? publishFieldState(state.formState, state.fields[field.name]) : undefined);\n\n if (errorOrPromise && isPromise(errorOrPromise)) {\n field.validating = true;\n var promise = errorOrPromise.then(function (error) {\n field.validating = false;\n setError(error);\n }); // errors must be resolved, not rejected\n\n promises.push(promise);\n } else if (!error) {\n // first registered validator wins\n error = errorOrPromise;\n }\n });\n setError(error);\n }\n\n return promises;\n };\n\n var runValidation = function runValidation(fieldChanged, callback) {\n if (validationPaused) {\n validationBlocked = true;\n callback();\n return;\n }\n\n var fields = state.fields,\n formState = state.formState;\n\n var safeFields = _extends({}, fields);\n\n var fieldKeys = Object.keys(safeFields);\n\n if (!validate && !fieldKeys.some(function (key) {\n return getValidators(safeFields[key]).length;\n })) {\n callback();\n return; // no validation rules\n } // pare down field keys to actually validate\n\n\n var limitedFieldLevelValidation = false;\n\n if (fieldChanged) {\n var changedField = safeFields[fieldChanged];\n\n if (changedField) {\n var validateFields = changedField.validateFields;\n\n if (validateFields) {\n limitedFieldLevelValidation = true;\n fieldKeys = validateFields.length ? validateFields.concat(fieldChanged) : [fieldChanged];\n }\n }\n }\n\n var recordLevelErrors = {};\n var fieldLevelErrors = {};\n var promises = [].concat(runRecordLevelValidation(function (errors) {\n recordLevelErrors = errors || {};\n }), fieldKeys.reduce(function (result, name) {\n return result.concat(runFieldLevelValidation(fields[name], function (error) {\n fieldLevelErrors[name] = error;\n }));\n }, []));\n var hasAsyncValidations = promises.length > 0;\n var asyncValidationPromiseKey = ++nextAsyncValidationKey;\n var promise = Promise.all(promises).then(clearAsyncValidationPromise(asyncValidationPromiseKey)); // backwards-compat: add promise to submit-blocking promises iff there are any promises to await\n\n if (hasAsyncValidations) {\n asyncValidationPromises[asyncValidationPromiseKey] = promise;\n }\n\n var processErrors = function processErrors() {\n var merged = _extends({}, limitedFieldLevelValidation ? formState.errors : {}, recordLevelErrors);\n\n var forEachError = function forEachError(fn) {\n fieldKeys.forEach(function (name) {\n if (fields[name]) {\n // make sure field is still registered\n // field-level errors take precedent over record-level errors\n var recordLevelError = getIn(recordLevelErrors, name);\n var errorFromParent = getIn(merged, name);\n var hasFieldLevelValidation = getValidators(safeFields[name]).length;\n var fieldLevelError = fieldLevelErrors[name];\n fn(name, hasFieldLevelValidation && fieldLevelError || validate && recordLevelError || (!recordLevelError && !limitedFieldLevelValidation ? errorFromParent : undefined));\n }\n });\n };\n\n forEachError(function (name, error) {\n merged = setIn(merged, name, error) || {};\n });\n forEachError(function (name, error) {\n if (error && error[ARRAY_ERROR]) {\n var existing = getIn(merged, name);\n var copy = [].concat(existing);\n copy[ARRAY_ERROR] = error[ARRAY_ERROR];\n merged = setIn(merged, name, copy);\n }\n });\n\n if (!shallowEqual(formState.errors, merged)) {\n formState.errors = merged;\n }\n\n formState.error = recordLevelErrors[FORM_ERROR];\n }; // process sync errors\n\n\n processErrors(); // sync errors have been set. notify listeners while we wait for others\n\n callback();\n\n if (hasAsyncValidations) {\n state.formState.validating++;\n callback();\n\n var afterPromise = function afterPromise() {\n state.formState.validating--;\n callback();\n };\n\n promise.then(function () {\n if (nextAsyncValidationKey > asyncValidationPromiseKey) {\n // if this async validator has been superseded by another, ignore its results\n return;\n }\n\n processErrors();\n }).then(afterPromise, afterPromise);\n }\n };\n\n var notifyFieldListeners = function notifyFieldListeners(name) {\n if (inBatch) {\n return;\n }\n\n var fields = state.fields,\n fieldSubscribers = state.fieldSubscribers,\n formState = state.formState;\n\n var safeFields = _extends({}, fields);\n\n var notifyField = function notifyField(name) {\n var field = safeFields[name];\n var fieldState = publishFieldState(formState, field);\n var lastFieldState = field.lastFieldState;\n field.lastFieldState = fieldState;\n var fieldSubscriber = fieldSubscribers[name];\n\n if (fieldSubscriber) {\n notify(fieldSubscriber, fieldState, lastFieldState, filterFieldState, lastFieldState === undefined);\n }\n };\n\n if (name) {\n notifyField(name);\n } else {\n Object.keys(safeFields).forEach(notifyField);\n }\n };\n\n var markAllFieldsTouched = function markAllFieldsTouched() {\n Object.keys(state.fields).forEach(function (key) {\n state.fields[key].touched = true;\n });\n };\n\n var hasSyncErrors = function hasSyncErrors() {\n return !!(state.formState.error || hasAnyError(state.formState.errors));\n };\n\n var calculateNextFormState = function calculateNextFormState() {\n var fields = state.fields,\n formState = state.formState,\n lastFormState = state.lastFormState;\n\n var safeFields = _extends({}, fields);\n\n var safeFieldKeys = Object.keys(safeFields); // calculate dirty/pristine\n\n var foundDirty = false;\n var dirtyFields = safeFieldKeys.reduce(function (result, key) {\n var dirty = !safeFields[key].isEqual(getIn(formState.values, key), getIn(formState.initialValues || {}, key));\n\n if (dirty) {\n foundDirty = true;\n result[key] = true;\n }\n\n return result;\n }, {});\n var dirtyFieldsSinceLastSubmit = safeFieldKeys.reduce(function (result, key) {\n // istanbul ignore next\n var nonNullLastSubmittedValues = formState.lastSubmittedValues || {}; // || {} is for flow, but causes branch coverage complaint\n\n if (!safeFields[key].isEqual(getIn(formState.values, key), getIn(nonNullLastSubmittedValues, key))) {\n result[key] = true;\n }\n\n return result;\n }, {});\n formState.pristine = !foundDirty;\n formState.dirtySinceLastSubmit = !!(formState.lastSubmittedValues && Object.values(dirtyFieldsSinceLastSubmit).some(function (value) {\n return value;\n }));\n formState.modifiedSinceLastSubmit = !!(formState.lastSubmittedValues && // Object.values would treat values as mixed (facebook/flow#2221)\n Object.keys(safeFields).some(function (value) {\n return safeFields[value].modifiedSinceLastSubmit;\n }));\n formState.valid = !formState.error && !formState.submitError && !hasAnyError(formState.errors) && !(formState.submitErrors && hasAnyError(formState.submitErrors));\n var nextFormState = convertToExternalFormState(formState);\n\n var _safeFieldKeys$reduce = safeFieldKeys.reduce(function (result, key) {\n result.modified[key] = safeFields[key].modified;\n result.touched[key] = safeFields[key].touched;\n result.visited[key] = safeFields[key].visited;\n return result;\n }, {\n modified: {},\n touched: {},\n visited: {}\n }),\n modified = _safeFieldKeys$reduce.modified,\n touched = _safeFieldKeys$reduce.touched,\n visited = _safeFieldKeys$reduce.visited;\n\n nextFormState.dirtyFields = lastFormState && shallowEqual(lastFormState.dirtyFields, dirtyFields) ? lastFormState.dirtyFields : dirtyFields;\n nextFormState.dirtyFieldsSinceLastSubmit = lastFormState && shallowEqual(lastFormState.dirtyFieldsSinceLastSubmit, dirtyFieldsSinceLastSubmit) ? lastFormState.dirtyFieldsSinceLastSubmit : dirtyFieldsSinceLastSubmit;\n nextFormState.modified = lastFormState && shallowEqual(lastFormState.modified, modified) ? lastFormState.modified : modified;\n nextFormState.touched = lastFormState && shallowEqual(lastFormState.touched, touched) ? lastFormState.touched : touched;\n nextFormState.visited = lastFormState && shallowEqual(lastFormState.visited, visited) ? lastFormState.visited : visited;\n return lastFormState && shallowEqual(lastFormState, nextFormState) ? lastFormState : nextFormState;\n };\n\n var callDebug = function callDebug() {\n return debug && \"development\" !== 'production' && debug(calculateNextFormState(), Object.keys(state.fields).reduce(function (result, key) {\n result[key] = state.fields[key];\n return result;\n }, {}));\n };\n\n var notifying = false;\n var scheduleNotification = false;\n\n var notifyFormListeners = function notifyFormListeners() {\n if (notifying) {\n scheduleNotification = true;\n } else {\n notifying = true;\n callDebug();\n\n if (!inBatch && !validationPaused) {\n var lastFormState = state.lastFormState;\n var nextFormState = calculateNextFormState();\n\n if (nextFormState !== lastFormState) {\n state.lastFormState = nextFormState;\n notify(state.subscribers, nextFormState, lastFormState, filterFormState);\n }\n }\n\n notifying = false;\n\n if (scheduleNotification) {\n scheduleNotification = false;\n notifyFormListeners();\n }\n }\n };\n\n var beforeSubmit = function beforeSubmit() {\n return Object.keys(state.fields).some(function (name) {\n return state.fields[name].beforeSubmit && state.fields[name].beforeSubmit() === false;\n });\n };\n\n var afterSubmit = function afterSubmit() {\n return Object.keys(state.fields).forEach(function (name) {\n return state.fields[name].afterSubmit && state.fields[name].afterSubmit();\n });\n };\n\n var resetModifiedAfterSubmit = function resetModifiedAfterSubmit() {\n return Object.keys(state.fields).forEach(function (key) {\n return state.fields[key].modifiedSinceLastSubmit = false;\n });\n }; // generate initial errors\n\n\n runValidation(undefined, function () {\n notifyFormListeners();\n });\n var api = {\n batch: function batch(fn) {\n inBatch++;\n fn();\n inBatch--;\n notifyFieldListeners();\n notifyFormListeners();\n },\n blur: function blur(name) {\n var fields = state.fields,\n formState = state.formState;\n var previous = fields[name];\n\n if (previous) {\n // can only blur registered fields\n delete formState.active;\n fields[name] = _extends({}, previous, {\n active: false,\n touched: true\n });\n\n if (validateOnBlur) {\n runValidation(name, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n } else {\n notifyFieldListeners();\n notifyFormListeners();\n }\n }\n },\n change: function change(name, value) {\n var fields = state.fields,\n formState = state.formState;\n\n if (getIn(formState.values, name) !== value) {\n changeValue(state, name, function () {\n return value;\n });\n var previous = fields[name];\n\n if (previous) {\n // only track modified for registered fields\n fields[name] = _extends({}, previous, {\n modified: true,\n modifiedSinceLastSubmit: !!formState.lastSubmittedValues\n });\n }\n\n if (validateOnBlur) {\n notifyFieldListeners();\n notifyFormListeners();\n } else {\n runValidation(name, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n }\n }\n },\n\n get destroyOnUnregister() {\n return !!destroyOnUnregister;\n },\n\n set destroyOnUnregister(value) {\n destroyOnUnregister = value;\n },\n\n focus: function focus(name) {\n var field = state.fields[name];\n\n if (field && !field.active) {\n state.formState.active = name;\n field.active = true;\n field.visited = true;\n notifyFieldListeners();\n notifyFormListeners();\n }\n },\n mutators: mutatorsApi,\n getFieldState: function getFieldState(name) {\n var field = state.fields[name];\n return field && field.lastFieldState;\n },\n getRegisteredFields: function getRegisteredFields() {\n return Object.keys(state.fields);\n },\n getState: function getState() {\n return calculateNextFormState();\n },\n initialize: function initialize(data) {\n var fields = state.fields,\n formState = state.formState;\n\n var safeFields = _extends({}, fields);\n\n var values = typeof data === 'function' ? data(formState.values) : data;\n\n if (!keepDirtyOnReinitialize) {\n formState.values = values;\n }\n /**\n * Hello, inquisitive code reader! Thanks for taking the time to dig in!\n *\n * The following code is the way it is to allow for non-registered deep\n * field values to be set via initialize()\n */\n // save dirty values\n\n\n var savedDirtyValues = keepDirtyOnReinitialize ? Object.keys(safeFields).reduce(function (result, key) {\n var field = safeFields[key];\n var pristine = field.isEqual(getIn(formState.values, key), getIn(formState.initialValues || {}, key));\n\n if (!pristine) {\n result[key] = getIn(formState.values, key);\n }\n\n return result;\n }, {}) : {}; // update initalValues and values\n\n formState.initialValues = values;\n formState.values = values; // restore the dirty values\n\n Object.keys(savedDirtyValues).forEach(function (key) {\n formState.values = setIn(formState.values, key, savedDirtyValues[key]);\n });\n runValidation(undefined, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n },\n isValidationPaused: function isValidationPaused() {\n return validationPaused;\n },\n pauseValidation: function pauseValidation() {\n validationPaused = true;\n },\n registerField: function registerField(name, subscriber, subscription, fieldConfig) {\n if (subscription === void 0) {\n subscription = {};\n }\n\n if (!state.fieldSubscribers[name]) {\n state.fieldSubscribers[name] = {\n index: 0,\n entries: {}\n };\n }\n\n var index = state.fieldSubscribers[name].index++; // save field subscriber callback\n\n state.fieldSubscribers[name].entries[index] = {\n subscriber: memoize(subscriber),\n subscription: subscription,\n notified: false\n };\n\n if (!state.fields[name]) {\n // create initial field state\n state.fields[name] = {\n active: false,\n afterSubmit: fieldConfig && fieldConfig.afterSubmit,\n beforeSubmit: fieldConfig && fieldConfig.beforeSubmit,\n blur: function blur() {\n return api.blur(name);\n },\n change: function change(value) {\n return api.change(name, value);\n },\n data: fieldConfig && fieldConfig.data || {},\n focus: function focus() {\n return api.focus(name);\n },\n isEqual: fieldConfig && fieldConfig.isEqual || tripleEquals,\n lastFieldState: undefined,\n modified: false,\n modifiedSinceLastSubmit: false,\n name: name,\n touched: false,\n valid: true,\n validateFields: fieldConfig && fieldConfig.validateFields,\n validators: {},\n validating: false,\n visited: false\n };\n }\n\n var haveValidator = false;\n var silent = fieldConfig && fieldConfig.silent;\n\n var notify = function notify() {\n if (silent) {\n notifyFieldListeners(name);\n } else {\n notifyFormListeners();\n notifyFieldListeners();\n }\n };\n\n if (fieldConfig) {\n haveValidator = !!(fieldConfig.getValidator && fieldConfig.getValidator());\n\n if (fieldConfig.getValidator) {\n state.fields[name].validators[index] = fieldConfig.getValidator;\n }\n\n if (fieldConfig.initialValue !== undefined && getIn(state.formState.values, name) === undefined // only initialize if we don't yet have any value for this field\n ) {\n state.formState.initialValues = setIn(state.formState.initialValues || {}, name, fieldConfig.initialValue);\n state.formState.values = setIn(state.formState.values, name, fieldConfig.initialValue);\n runValidation(undefined, notify);\n }\n\n if (fieldConfig.defaultValue !== undefined && fieldConfig.initialValue === undefined && getIn(state.formState.initialValues, name) === undefined) {\n state.formState.values = setIn(state.formState.values, name, fieldConfig.defaultValue);\n }\n }\n\n if (haveValidator) {\n runValidation(undefined, notify);\n } else {\n notify();\n }\n\n return function () {\n var validatorRemoved = false; // istanbul ignore next\n\n if (state.fields[name]) {\n // state.fields[name] may have been removed by a mutator\n validatorRemoved = !!(state.fields[name].validators[index] && state.fields[name].validators[index]());\n delete state.fields[name].validators[index];\n }\n\n delete state.fieldSubscribers[name].entries[index];\n var lastOne = !Object.keys(state.fieldSubscribers[name].entries).length;\n\n if (lastOne) {\n delete state.fieldSubscribers[name];\n delete state.fields[name];\n\n if (validatorRemoved) {\n state.formState.errors = setIn(state.formState.errors, name, undefined) || {};\n }\n\n if (destroyOnUnregister) {\n state.formState.values = setIn(state.formState.values, name, undefined, true) || {};\n }\n }\n\n if (!silent) {\n if (validatorRemoved) {\n runValidation(undefined, function () {\n notifyFormListeners();\n notifyFieldListeners();\n });\n } else if (lastOne) {\n // values or errors may have changed\n notifyFormListeners();\n }\n }\n };\n },\n reset: function reset(initialValues) {\n if (initialValues === void 0) {\n initialValues = state.formState.initialValues;\n }\n\n if (state.formState.submitting) {\n throw Error('Cannot reset() in onSubmit(), use setTimeout(form.reset)');\n }\n\n state.formState.submitFailed = false;\n state.formState.submitSucceeded = false;\n delete state.formState.submitError;\n delete state.formState.submitErrors;\n delete state.formState.lastSubmittedValues;\n api.initialize(initialValues || {});\n },\n\n /**\n * Resets all field flags (e.g. touched, visited, etc.) to their initial state\n */\n resetFieldState: function resetFieldState(name) {\n state.fields[name] = _extends({}, state.fields[name], {\n active: false,\n lastFieldState: undefined,\n modified: false,\n touched: false,\n valid: true,\n validating: false,\n visited: false\n });\n runValidation(undefined, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n },\n\n /**\n * Returns the form to a clean slate; that is:\n * - Clear all values\n * - Resets all fields to their initial state\n */\n restart: function restart(initialValues) {\n if (initialValues === void 0) {\n initialValues = state.formState.initialValues;\n }\n\n api.batch(function () {\n for (var name in state.fields) {\n api.resetFieldState(name);\n state.fields[name] = _extends({}, state.fields[name], {\n active: false,\n lastFieldState: undefined,\n modified: false,\n modifiedSinceLastSubmit: false,\n touched: false,\n valid: true,\n validating: false,\n visited: false\n });\n }\n\n api.reset(initialValues);\n });\n },\n resumeValidation: function resumeValidation() {\n validationPaused = false;\n\n if (validationBlocked) {\n // validation was attempted while it was paused, so run it now\n runValidation(undefined, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n }\n\n validationBlocked = false;\n },\n setConfig: function setConfig(name, value) {\n switch (name) {\n case 'debug':\n debug = value;\n break;\n\n case 'destroyOnUnregister':\n destroyOnUnregister = value;\n break;\n\n case 'initialValues':\n api.initialize(value);\n break;\n\n case 'keepDirtyOnReinitialize':\n keepDirtyOnReinitialize = value;\n break;\n\n case 'mutators':\n mutators = value;\n\n if (value) {\n Object.keys(mutatorsApi).forEach(function (key) {\n if (!(key in value)) {\n delete mutatorsApi[key];\n }\n });\n Object.keys(value).forEach(function (key) {\n mutatorsApi[key] = getMutatorApi(key);\n });\n } else {\n Object.keys(mutatorsApi).forEach(function (key) {\n delete mutatorsApi[key];\n });\n }\n\n break;\n\n case 'onSubmit':\n onSubmit = value;\n break;\n\n case 'validate':\n validate = value;\n runValidation(undefined, function () {\n notifyFieldListeners();\n notifyFormListeners();\n });\n break;\n\n case 'validateOnBlur':\n validateOnBlur = value;\n break;\n\n default:\n throw new Error('Unrecognised option ' + name);\n }\n },\n submit: function submit() {\n var formState = state.formState;\n\n if (formState.submitting) {\n return;\n }\n\n delete formState.submitErrors;\n delete formState.submitError;\n formState.lastSubmittedValues = _extends({}, formState.values);\n\n if (hasSyncErrors()) {\n markAllFieldsTouched();\n state.formState.submitFailed = true;\n notifyFormListeners();\n notifyFieldListeners();\n return; // no submit for you!!\n }\n\n var asyncValidationPromisesKeys = Object.keys(asyncValidationPromises);\n\n if (asyncValidationPromisesKeys.length) {\n // still waiting on async validation to complete...\n Promise.all(asyncValidationPromisesKeys.map(function (key) {\n return asyncValidationPromises[Number(key)];\n })).then(api.submit, console.error);\n return;\n }\n\n var submitIsBlocked = beforeSubmit();\n\n if (submitIsBlocked) {\n return;\n }\n\n var resolvePromise;\n var completeCalled = false;\n\n var complete = function complete(errors) {\n formState.submitting = false;\n\n if (errors && hasAnyError(errors)) {\n formState.submitFailed = true;\n formState.submitSucceeded = false;\n formState.submitErrors = errors;\n formState.submitError = errors[FORM_ERROR];\n markAllFieldsTouched();\n } else {\n formState.submitFailed = false;\n formState.submitSucceeded = true;\n afterSubmit();\n }\n\n notifyFormListeners();\n notifyFieldListeners();\n completeCalled = true;\n\n if (resolvePromise) {\n resolvePromise(errors);\n }\n\n return errors;\n };\n\n formState.submitting = true;\n formState.submitFailed = false;\n formState.submitSucceeded = false;\n formState.lastSubmittedValues = _extends({}, formState.values);\n resetModifiedAfterSubmit(); // onSubmit is either sync, callback or async with a Promise\n\n var result = onSubmit(formState.values, api, complete);\n\n if (!completeCalled) {\n if (result && isPromise(result)) {\n // onSubmit is async with a Promise\n notifyFormListeners(); // let everyone know we are submitting\n\n notifyFieldListeners(); // notify fields also\n\n return result.then(complete, function (error) {\n complete();\n throw error;\n });\n } else if (onSubmit.length >= 3) {\n // must be async, so we should return a Promise\n notifyFormListeners(); // let everyone know we are submitting\n\n notifyFieldListeners(); // notify fields also\n\n return new Promise(function (resolve) {\n resolvePromise = resolve;\n });\n } else {\n // onSubmit is sync\n complete(result);\n }\n }\n },\n subscribe: function subscribe(subscriber, subscription) {\n if (!subscriber) {\n throw new Error('No callback given.');\n }\n\n if (!subscription) {\n throw new Error('No subscription provided. What values do you want to listen to?');\n }\n\n var memoized = memoize(subscriber);\n var subscribers = state.subscribers;\n var index = subscribers.index++;\n subscribers.entries[index] = {\n subscriber: memoized,\n subscription: subscription,\n notified: false\n };\n var nextFormState = calculateNextFormState();\n notifySubscriber(memoized, subscription, nextFormState, nextFormState, filterFormState, true);\n return function () {\n delete subscribers.entries[index];\n };\n }\n };\n return api;\n}\n\nexport { ARRAY_ERROR, FORM_ERROR, configOptions, createForm, fieldSubscriptionItems, formSubscriptionItems, getIn, setIn, version };\n","export default function _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport { createElement, createContext, Component } from 'react';\nimport { fieldSubscriptionItems, formSubscriptionItems, createForm, configOptions, version as version$1 } from 'final-form';\n\n// \nfunction diffSubscription (a, b, keys) {\n if (a) {\n if (b) {\n // $FlowFixMe\n return keys.some(function (key) {\n return a[key] !== b[key];\n });\n } else {\n return true;\n }\n } else {\n return !!b;\n }\n}\n\n// children render function, or component prop\n\nfunction renderComponent(props, name) {\n var render = props.render,\n children = props.children,\n component = props.component,\n rest = _objectWithoutPropertiesLoose(props, [\"render\", \"children\", \"component\"]);\n\n if (component) {\n return createElement(component, _extends({}, rest, {\n children: children,\n render: render\n }));\n }\n\n if (render) {\n return render(_extends({}, rest, {\n children: children\n })); // inject children back in\n }\n\n if (typeof children !== 'function') {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: Must specify either a render prop, a render function as children, or a component prop to \" + name);\n }\n\n return null; // warning will alert developer to their mistake\n }\n\n return children(rest);\n}\n\n// \nvar isReactNative = typeof window !== 'undefined' && window.navigator && window.navigator.product && window.navigator.product === 'ReactNative';\n\n// \nvar getSelectedValues = function getSelectedValues(options) {\n var result = [];\n\n if (options) {\n for (var index = 0; index < options.length; index++) {\n var option = options[index];\n\n if (option.selected) {\n result.push(option.value);\n }\n }\n }\n\n return result;\n};\n\nvar getValue = function getValue(event, currentValue, valueProp, isReactNative) {\n if (!isReactNative && event.nativeEvent && event.nativeEvent.text !== undefined) {\n return event.nativeEvent.text;\n }\n\n if (isReactNative && event.nativeEvent) {\n return event.nativeEvent.text;\n }\n\n var detypedEvent = event;\n var _detypedEvent$target = detypedEvent.target,\n type = _detypedEvent$target.type,\n value = _detypedEvent$target.value,\n checked = _detypedEvent$target.checked;\n\n switch (type) {\n case 'checkbox':\n if (valueProp !== undefined) {\n // we are maintaining an array, not just a boolean\n if (checked) {\n // add value to current array value\n return Array.isArray(currentValue) ? currentValue.concat(valueProp) : [valueProp];\n } else {\n // remove value from current array value\n if (!Array.isArray(currentValue)) {\n return currentValue;\n }\n\n var index = currentValue.indexOf(valueProp);\n\n if (index < 0) {\n return currentValue;\n } else {\n return currentValue.slice(0, index).concat(currentValue.slice(index + 1));\n }\n }\n } else {\n // it's just a boolean\n return !!checked;\n }\n\n case 'select-multiple':\n return getSelectedValues(event.target.options);\n\n default:\n return value;\n }\n};\n\nvar ReactFinalFormContext = createContext(null);\nvar getDisplayName = function getDisplayName(Component) {\n var displayName = Component.displayName || Component.name || 'Component';\n return \"ReactFinalForm(\" + displayName + \")\";\n};\nvar withReactFinalForm = function withReactFinalForm(Component$1) {\n var _class, _temp;\n\n return _temp = _class =\n /*#__PURE__*/\n function (_React$Component) {\n _inheritsLoose(_class, _React$Component);\n\n function _class() {\n return _React$Component.apply(this, arguments) || this;\n }\n\n var _proto = _class.prototype;\n\n _proto.render = function render() {\n var _this = this;\n\n return createElement(ReactFinalFormContext.Consumer, {\n children: function children(reactFinalForm) {\n return createElement(Component$1, _extends({\n reactFinalForm: reactFinalForm\n }, _this.props));\n }\n });\n };\n\n return _class;\n }(Component), _class.displayName = getDisplayName(Component$1), _temp;\n};\n\nvar all = fieldSubscriptionItems.reduce(function (result, key) {\n result[key] = true;\n return result;\n}, {});\n\nvar Field =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(Field, _React$Component);\n\n function Field(_props) {\n var _this;\n\n _this = _React$Component.call(this, _props) || this;\n\n _this.subscribe = function (_ref, listener) {\n var defaultValue = _ref.defaultValue,\n initialValue = _ref.initialValue,\n isEqual = _ref.isEqual,\n name = _ref.name,\n subscription = _ref.subscription,\n validateFields = _ref.validateFields;\n _this.unsubscribe = _this.props.reactFinalForm.registerField(name, listener, subscription || all, {\n defaultValue: defaultValue,\n getValidator: function getValidator() {\n return _this.props.validate;\n },\n initialValue: initialValue,\n isEqual: isEqual,\n validateFields: validateFields\n });\n };\n\n _this.notify = function (state) {\n return _this.setState({\n state: state\n });\n };\n\n _this.handlers = {\n onBlur: function onBlur(event) {\n var state = _this.state.state; // this is to appease the Flow gods\n // istanbul ignore next\n\n if (state) {\n var _this$props = _this.props,\n format = _this$props.format,\n formatOnBlur = _this$props.formatOnBlur;\n state.blur();\n\n if (format && formatOnBlur) {\n state.change(format(state.value, state.name));\n }\n }\n },\n onChange: function onChange(event) {\n var _this$props2 = _this.props,\n parse = _this$props2.parse,\n _value = _this$props2.value; // istanbul ignore next\n\n if (process.env.NODE_ENV !== 'production' && event && event.target) {\n var targetType = event.target.type;\n var props = _this.props;\n var unknown = ~['checkbox', 'radio', 'select-multiple'].indexOf(targetType) && !props.type;\n var type = targetType === 'select-multiple' ? 'select' : targetType;\n\n var _ref2 = targetType === 'select-multiple' ? _this.state.state || {} : props,\n _value2 = _ref2.value;\n\n if (unknown) {\n console.error(\"Warning: You must pass `type=\\\"\" + type + \"\\\"` prop to your Field(\" + props.name + \") component.\\n\" + (\"Without it we don't know how to unpack your `value` prop - \" + (Array.isArray(_value2) ? \"[\" + _value2 + \"]\" : \"\\\"\" + _value2 + \"\\\"\") + \".\"));\n }\n }\n\n var value = event && event.target ? getValue(event, _this.state.state && _this.state.state.value, _value, isReactNative) : event;\n _this.state.state && _this.state.state.change(parse ? parse(value, _this.props.name) : value);\n },\n onFocus: function onFocus(event) {\n _this.state.state && _this.state.state.focus();\n }\n };\n var initialState; // istanbul ignore next\n\n if (process.env.NODE_ENV !== 'production' && !_this.props.reactFinalForm) {\n console.error('Warning: Field must be used inside of a ReactFinalForm component');\n }\n\n if (_this.props.reactFinalForm) {\n // avoid error, warning will alert developer to their mistake\n _this.subscribe(_props, function (state) {\n if (initialState) {\n _this.notify(state);\n } else {\n initialState = state;\n }\n });\n }\n\n _this.state = {\n state: initialState\n };\n return _this;\n }\n\n var _proto = Field.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var _this$props3 = this.props,\n name = _this$props3.name,\n subscription = _this$props3.subscription;\n\n if (prevProps.name !== name || diffSubscription(prevProps.subscription, subscription, fieldSubscriptionItems)) {\n if (this.props.reactFinalForm) {\n // avoid error, warning will alert developer to their mistake\n this.unsubscribe();\n this.subscribe(this.props, this.notify);\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unsubscribe();\n };\n\n _proto.render = function render() {\n var _this$props4 = this.props,\n allowNull = _this$props4.allowNull,\n component = _this$props4.component,\n children = _this$props4.children,\n format = _this$props4.format,\n formatOnBlur = _this$props4.formatOnBlur,\n parse = _this$props4.parse,\n isEqual = _this$props4.isEqual,\n name = _this$props4.name,\n subscription = _this$props4.subscription,\n validate = _this$props4.validate,\n validateFields = _this$props4.validateFields,\n reactFinalForm = _this$props4.reactFinalForm,\n _value = _this$props4.value,\n rest = _objectWithoutPropertiesLoose(_this$props4, [\"allowNull\", \"component\", \"children\", \"format\", \"formatOnBlur\", \"parse\", \"isEqual\", \"name\", \"subscription\", \"validate\", \"validateFields\", \"reactFinalForm\", \"value\"]);\n\n var _ref3 = this.state.state || {},\n blur = _ref3.blur,\n change = _ref3.change,\n focus = _ref3.focus,\n value = _ref3.value,\n ignoreName = _ref3.name,\n otherState = _objectWithoutPropertiesLoose(_ref3, [\"blur\", \"change\", \"focus\", \"value\", \"name\"]);\n\n var meta = {\n // this is to appease the Flow gods\n active: otherState.active,\n data: otherState.data,\n dirty: otherState.dirty,\n dirtySinceLastSubmit: otherState.dirtySinceLastSubmit,\n error: otherState.error,\n initial: otherState.initial,\n invalid: otherState.invalid,\n modified: otherState.modified,\n pristine: otherState.pristine,\n submitError: otherState.submitError,\n submitFailed: otherState.submitFailed,\n submitSucceeded: otherState.submitSucceeded,\n submitting: otherState.submitting,\n touched: otherState.touched,\n valid: otherState.valid,\n visited: otherState.visited\n };\n\n if (formatOnBlur) {\n value = Field.defaultProps.format(value, name);\n } else if (format) {\n value = format(value, name);\n }\n\n if (value === null && !allowNull) {\n value = '';\n }\n\n var input = _extends({\n name: name,\n value: value\n }, this.handlers);\n\n if (rest.type === 'checkbox') {\n if (_value === undefined) {\n input.checked = !!value;\n } else {\n input.checked = !!(Array.isArray(value) && ~value.indexOf(_value));\n input.value = _value;\n }\n } else if (rest.type === 'radio') {\n input.checked = value === _value;\n input.value = _value;\n } else if (component === 'select' && rest.multiple) {\n input.value = input.value || [];\n }\n\n if (typeof children === 'function') {\n return children(_extends({\n input: input,\n meta: meta\n }, rest));\n }\n\n if (typeof component === 'string') {\n // ignore meta, combine input with any other props\n return createElement(component, _extends({}, input, {\n children: children\n }, rest));\n }\n\n var renderProps = {\n input: input,\n meta: meta // assign to force Flow check\n\n };\n return renderComponent(_extends({}, renderProps, {\n children: children,\n component: component\n }, rest), \"Field(\" + name + \")\");\n };\n\n return Field;\n}(Component);\n\nField.defaultProps = {\n format: function format(value, name) {\n return value === undefined ? '' : value;\n },\n parse: function parse(value, name) {\n return value === '' ? undefined : value;\n }\n};\nvar Field$1 = withReactFinalForm(Field);\n\n// \nvar shallowEqual = function shallowEqual(a, b) {\n if (a === b) {\n return true;\n }\n\n if (typeof a !== 'object' || !a || typeof b !== 'object' || !b) {\n return false;\n }\n\n var keysA = Object.keys(a);\n var keysB = Object.keys(b);\n\n if (keysA.length !== keysB.length) {\n return false;\n }\n\n var bHasOwnProperty = Object.prototype.hasOwnProperty.bind(b);\n\n for (var idx = 0; idx < keysA.length; idx++) {\n var key = keysA[idx];\n\n if (!bHasOwnProperty(key) || a[key] !== b[key]) {\n return false;\n }\n }\n\n return true;\n};\n\n// \nvar isSyntheticEvent = function isSyntheticEvent(candidate) {\n return !!(candidate && typeof candidate.stopPropagation === 'function');\n};\n\nvar version = '4.1.0';\nvar versions = {\n 'final-form': version$1,\n 'react-final-form': version\n};\nvar all$1 = formSubscriptionItems.reduce(function (result, key) {\n result[key] = true;\n return result;\n}, {});\n\nvar ReactFinalForm =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(ReactFinalForm, _React$Component);\n\n function ReactFinalForm(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n\n _this.notify = function (state) {\n if (_this.mounted) {\n _this.setState({\n state: state\n });\n }\n\n _this.mounted = true;\n };\n\n _this.handleSubmit = function (event) {\n if (event) {\n // sometimes not true, e.g. React Native\n if (typeof event.preventDefault === 'function') {\n event.preventDefault();\n }\n\n if (typeof event.stopPropagation === 'function') {\n // prevent any outer forms from receiving the event too\n event.stopPropagation();\n }\n }\n\n return _this.form.submit();\n };\n\n var children = props.children,\n component = props.component,\n render = props.render,\n subscription = props.subscription,\n decorators = props.decorators,\n rest = _objectWithoutPropertiesLoose(props, [\"children\", \"component\", \"render\", \"subscription\", \"decorators\"]);\n\n var config = rest;\n _this.mounted = false;\n\n try {\n _this.form = createForm(config);\n } catch (e) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: \" + e.message);\n }\n }\n\n _this.unsubscriptions = [];\n\n if (_this.form) {\n // set initial state\n var initialState = {};\n\n _this.form.subscribe(function (state) {\n initialState = state;\n }, subscription || all$1)();\n\n _this.state = {\n state: initialState\n };\n }\n\n if (decorators) {\n decorators.forEach(function (decorator) {\n _this.unsubscriptions.push(decorator(_this.form));\n });\n }\n\n return _this;\n }\n\n var _proto = ReactFinalForm.prototype;\n\n _proto.componentWillMount = function componentWillMount() {\n if (this.form) {\n this.form.pauseValidation();\n }\n };\n\n _proto.componentDidMount = function componentDidMount() {\n if (this.form) {\n this.unsubscriptions.push(this.form.subscribe(this.notify, this.props.subscription || all$1));\n this.form.resumeValidation();\n }\n };\n\n _proto.componentWillUpdate = function componentWillUpdate() {\n // istanbul ignore next\n if (this.form) {\n this.resumeValidation = this.resumeValidation || !this.form.isValidationPaused();\n this.form.pauseValidation();\n }\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var _this2 = this;\n\n // istanbul ignore next\n if (this.form && this.resumeValidation) {\n this.form.resumeValidation();\n }\n\n if (this.props.initialValues && !(this.props.initialValuesEqual || shallowEqual)(prevProps.initialValues, this.props.initialValues)) {\n this.form.initialize(this.props.initialValues);\n }\n\n configOptions.forEach(function (key) {\n if (key === 'initialValues' || prevProps[key] === _this2.props[key]) {\n return;\n }\n\n _this2.form.setConfig(key, _this2.props[key]);\n }); // istanbul ignore next\n\n if (process.env.NODE_ENV !== 'production') {\n if (!shallowEqual(prevProps.decorators, this.props.decorators)) {\n console.error('Warning: Form decorators should not change from one render to the next as new values will be ignored');\n }\n\n if (!shallowEqual(prevProps.subscription, this.props.subscription)) {\n console.error('Warning: Form subscription should not change from one render to the next as new values will be ignored');\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unsubscriptions.forEach(function (unsubscribe) {\n return unsubscribe();\n });\n };\n\n _proto.render = function render() {\n var _this3 = this;\n\n // remove config props\n var _this$props = this.props,\n debug = _this$props.debug,\n initialValues = _this$props.initialValues,\n mutators = _this$props.mutators,\n onSubmit = _this$props.onSubmit,\n subscription = _this$props.subscription,\n validate = _this$props.validate,\n validateOnBlur = _this$props.validateOnBlur,\n props = _objectWithoutPropertiesLoose(_this$props, [\"debug\", \"initialValues\", \"mutators\", \"onSubmit\", \"subscription\", \"validate\", \"validateOnBlur\"]);\n\n var renderProps = _extends({}, this.state ? this.state.state : {}, {\n batch: this.form && function (fn) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.batch() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.batch() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.batch(fn);\n },\n blur: this.form && function (name) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.blur() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.blur() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.blur(name);\n },\n change: this.form && function (name, value) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.change() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.change() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.change(name, value);\n },\n focus: this.form && function (name) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.focus() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.focus() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.focus(name);\n },\n form: _extends({}, this.form, {\n reset: function reset(eventOrValues) {\n if (isSyntheticEvent(eventOrValues)) {\n // it's a React SyntheticEvent, call reset with no arguments\n _this3.form.reset();\n } else {\n _this3.form.reset(eventOrValues);\n }\n }\n }),\n handleSubmit: this.handleSubmit,\n initialize: this.form && function (values) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.initialize() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.initialize() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.initialize(values);\n },\n mutators: this.form && Object.keys(this.form.mutators).reduce(function (result, key) {\n result[key] = function () {\n var _this3$form$mutators;\n\n (_this3$form$mutators = _this3.form.mutators)[key].apply(_this3$form$mutators, arguments); // istanbul ignore next\n\n\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.mutators is deprecated and will be removed in the next major version of React Final Form. Use: props.form.mutators instead. Check your ReactFinalForm render prop.\");\n }\n };\n\n return result;\n }, {}),\n reset: this.form && function (values) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.reset() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.reset() instead. Check your ReactFinalForm render prop.\");\n }\n\n return _this3.form.reset(values);\n }\n });\n\n return createElement(ReactFinalFormContext.Provider, {\n value: this.form\n }, renderComponent(_extends({}, props, renderProps, {\n __versions: versions\n }), 'ReactFinalForm'));\n };\n\n return ReactFinalForm;\n}(Component);\n\nvar FormSpy =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inheritsLoose(FormSpy, _React$Component);\n\n function FormSpy(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this;\n\n _this.subscribe = function (_ref, listener) {\n var subscription = _ref.subscription;\n _this.unsubscribe = _this.props.reactFinalForm.subscribe(listener, subscription || all$1);\n };\n\n _this.notify = function (state) {\n _this.setState({\n state: state\n });\n\n if (_this.props.onChange) {\n _this.props.onChange(state);\n }\n };\n\n var initialState; // istanbul ignore next\n\n if (process.env.NODE_ENV !== 'production' && !_this.props.reactFinalForm) {\n console.error('Warning: FormSpy must be used inside of a ReactFinalForm component');\n }\n\n if (_this.props.reactFinalForm) {\n // avoid error, warning will alert developer to their mistake\n _this.subscribe(props, function (state) {\n if (initialState) {\n _this.notify(state);\n } else {\n initialState = state;\n\n if (props.onChange) {\n props.onChange(state);\n }\n }\n });\n }\n\n if (initialState) {\n _this.state = {\n state: initialState\n };\n }\n\n return _this;\n }\n\n var _proto = FormSpy.prototype;\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var subscription = this.props.subscription;\n\n if (diffSubscription(prevProps.subscription, subscription, formSubscriptionItems)) {\n if (this.props.reactFinalForm) {\n // avoid error, warning will alert developer to their mistake\n this.unsubscribe();\n this.subscribe(this.props, this.notify);\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.unsubscribe();\n };\n\n _proto.render = function render() {\n var _this$props = this.props,\n onChange = _this$props.onChange,\n reactFinalForm = _this$props.reactFinalForm,\n rest = _objectWithoutPropertiesLoose(_this$props, [\"onChange\", \"reactFinalForm\"]);\n\n var renderProps = {\n batch: reactFinalForm && function (fn) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.batch() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.batch() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.batch(fn);\n },\n blur: reactFinalForm && function (name) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.blur() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.blur() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.blur(name);\n },\n change: reactFinalForm && function (name, value) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.change() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.change() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.change(name, value);\n },\n focus: reactFinalForm && function (name) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.focus() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.focus() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.focus(name);\n },\n form: _extends({}, reactFinalForm, {\n reset: function reset(eventOrValues) {\n if (isSyntheticEvent(eventOrValues)) {\n // it's a React SyntheticEvent, call reset with no arguments\n reactFinalForm.reset();\n } else {\n reactFinalForm.reset(eventOrValues);\n }\n }\n }),\n initialize: reactFinalForm && function (values) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.initialize() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.initialize() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.initialize(values);\n },\n mutators: reactFinalForm && Object.keys(reactFinalForm.mutators).reduce(function (result, key) {\n result[key] = function () {\n var _reactFinalForm$mutat;\n\n (_reactFinalForm$mutat = reactFinalForm.mutators)[key].apply(_reactFinalForm$mutat, arguments); // istanbul ignore next\n\n\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.mutators is deprecated and will be removed in the next major version of React Final Form. Use: props.form.mutators instead. Check your FormSpy render prop.\");\n }\n };\n\n return result;\n }, {}),\n reset: reactFinalForm && function (values) {\n // istanbul ignore next\n if (process.env.NODE_ENV !== 'production') {\n console.error(\"Warning: As of React Final Form v3.3.0, props.reset() is deprecated and will be removed in the next major version of React Final Form. Use: props.form.reset() instead. Check your FormSpy render prop.\");\n }\n\n return reactFinalForm.reset(values);\n }\n };\n return onChange ? null : renderComponent(_extends({}, rest, this.state ? this.state.state : {}, renderProps), 'FormSpy');\n };\n\n return FormSpy;\n}(Component);\n\nvar FormSpy$1 = withReactFinalForm(FormSpy);\n\n//\n\nexport { Field$1 as Field, ReactFinalForm as Form, version, FormSpy$1 as FormSpy, withReactFinalForm, ReactFinalFormContext };\n","export const SET_PLATFORMS = 'SET_PLATFORMS' as const;\n","require('../../modules/es6.object.get-prototype-of');\nmodule.exports = require('../../modules/_core').Object.getPrototypeOf;\n","// 19.1.2.9 Object.getPrototypeOf(O)\nvar toObject = require('./_to-object');\nvar $getPrototypeOf = require('./_object-gpo');\n\nrequire('./_object-sap')('getPrototypeOf', function () {\n return function getPrototypeOf(it) {\n return $getPrototypeOf(toObject(it));\n };\n});\n","require('../../modules/es6.object.define-property');\nvar $Object = require('../../modules/_core').Object;\nmodule.exports = function defineProperty(it, key, desc) {\n return $Object.defineProperty(it, key, desc);\n};\n","var $export = require('./_export');\n// 19.1.2.4 / 15.2.3.6 Object.defineProperty(O, P, Attributes)\n$export($export.S + $export.F * !require('./_descriptors'), 'Object', { defineProperty: require('./_object-dp').f });\n","module.exports = { \"default\": require(\"core-js/library/fn/symbol/iterator\"), __esModule: true };","require('../../modules/es6.string.iterator');\nrequire('../../modules/web.dom.iterable');\nmodule.exports = require('../../modules/_wks-ext').f('iterator');\n","var toInteger = require('./_to-integer');\nvar defined = require('./_defined');\n// true -> String#at\n// false -> String#codePointAt\nmodule.exports = function (TO_STRING) {\n return function (that, pos) {\n var s = String(defined(that));\n var i = toInteger(pos);\n var l = s.length;\n var a, b;\n if (i < 0 || i >= l) return TO_STRING ? '' : undefined;\n a = s.charCodeAt(i);\n return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff\n ? TO_STRING ? s.charAt(i) : a\n : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000;\n };\n};\n","'use strict';\nvar create = require('./_object-create');\nvar descriptor = require('./_property-desc');\nvar setToStringTag = require('./_set-to-string-tag');\nvar IteratorPrototype = {};\n\n// 25.1.2.1.1 %IteratorPrototype%[@@iterator]()\nrequire('./_hide')(IteratorPrototype, require('./_wks')('iterator'), function () { return this; });\n\nmodule.exports = function (Constructor, NAME, next) {\n Constructor.prototype = create(IteratorPrototype, { next: descriptor(1, next) });\n setToStringTag(Constructor, NAME + ' Iterator');\n};\n","var dP = require('./_object-dp');\nvar anObject = require('./_an-object');\nvar getKeys = require('./_object-keys');\n\nmodule.exports = require('./_descriptors') ? Object.defineProperties : function defineProperties(O, Properties) {\n anObject(O);\n var keys = getKeys(Properties);\n var length = keys.length;\n var i = 0;\n var P;\n while (length > i) dP.f(O, P = keys[i++], Properties[P]);\n return O;\n};\n","// false -> Array#indexOf\n// true -> Array#includes\nvar toIObject = require('./_to-iobject');\nvar toLength = require('./_to-length');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nmodule.exports = function (IS_INCLUDES) {\n return function ($this, el, fromIndex) {\n var O = toIObject($this);\n var length = toLength(O.length);\n var index = toAbsoluteIndex(fromIndex, length);\n var value;\n // Array#includes uses SameValueZero equality algorithm\n // eslint-disable-next-line no-self-compare\n if (IS_INCLUDES && el != el) while (length > index) {\n value = O[index++];\n // eslint-disable-next-line no-self-compare\n if (value != value) return true;\n // Array#indexOf ignores holes, Array#includes - not\n } else for (;length > index; index++) if (IS_INCLUDES || index in O) {\n if (O[index] === el) return IS_INCLUDES || index || 0;\n } return !IS_INCLUDES && -1;\n };\n};\n","var toInteger = require('./_to-integer');\nvar max = Math.max;\nvar min = Math.min;\nmodule.exports = function (index, length) {\n index = toInteger(index);\n return index < 0 ? max(index + length, 0) : min(index, length);\n};\n","'use strict';\nvar addToUnscopables = require('./_add-to-unscopables');\nvar step = require('./_iter-step');\nvar Iterators = require('./_iterators');\nvar toIObject = require('./_to-iobject');\n\n// 22.1.3.4 Array.prototype.entries()\n// 22.1.3.13 Array.prototype.keys()\n// 22.1.3.29 Array.prototype.values()\n// 22.1.3.30 Array.prototype[@@iterator]()\nmodule.exports = require('./_iter-define')(Array, 'Array', function (iterated, kind) {\n this._t = toIObject(iterated); // target\n this._i = 0; // next index\n this._k = kind; // kind\n// 22.1.5.2.1 %ArrayIteratorPrototype%.next()\n}, function () {\n var O = this._t;\n var kind = this._k;\n var index = this._i++;\n if (!O || index >= O.length) {\n this._t = undefined;\n return step(1);\n }\n if (kind == 'keys') return step(0, index);\n if (kind == 'values') return step(0, O[index]);\n return step(0, [index, O[index]]);\n}, 'values');\n\n// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7)\nIterators.Arguments = Iterators.Array;\n\naddToUnscopables('keys');\naddToUnscopables('values');\naddToUnscopables('entries');\n","module.exports = function () { /* empty */ };\n","module.exports = function (done, value) {\n return { value: value, done: !!done };\n};\n","module.exports = { \"default\": require(\"core-js/library/fn/symbol\"), __esModule: true };","require('../../modules/es6.symbol');\nrequire('../../modules/es6.object.to-string');\nrequire('../../modules/es7.symbol.async-iterator');\nrequire('../../modules/es7.symbol.observable');\nmodule.exports = require('../../modules/_core').Symbol;\n","'use strict';\n// ECMAScript 6 symbols shim\nvar global = require('./_global');\nvar has = require('./_has');\nvar DESCRIPTORS = require('./_descriptors');\nvar $export = require('./_export');\nvar redefine = require('./_redefine');\nvar META = require('./_meta').KEY;\nvar $fails = require('./_fails');\nvar shared = require('./_shared');\nvar setToStringTag = require('./_set-to-string-tag');\nvar uid = require('./_uid');\nvar wks = require('./_wks');\nvar wksExt = require('./_wks-ext');\nvar wksDefine = require('./_wks-define');\nvar enumKeys = require('./_enum-keys');\nvar isArray = require('./_is-array');\nvar anObject = require('./_an-object');\nvar isObject = require('./_is-object');\nvar toIObject = require('./_to-iobject');\nvar toPrimitive = require('./_to-primitive');\nvar createDesc = require('./_property-desc');\nvar _create = require('./_object-create');\nvar gOPNExt = require('./_object-gopn-ext');\nvar $GOPD = require('./_object-gopd');\nvar $DP = require('./_object-dp');\nvar $keys = require('./_object-keys');\nvar gOPD = $GOPD.f;\nvar dP = $DP.f;\nvar gOPN = gOPNExt.f;\nvar $Symbol = global.Symbol;\nvar $JSON = global.JSON;\nvar _stringify = $JSON && $JSON.stringify;\nvar PROTOTYPE = 'prototype';\nvar HIDDEN = wks('_hidden');\nvar TO_PRIMITIVE = wks('toPrimitive');\nvar isEnum = {}.propertyIsEnumerable;\nvar SymbolRegistry = shared('symbol-registry');\nvar AllSymbols = shared('symbols');\nvar OPSymbols = shared('op-symbols');\nvar ObjectProto = Object[PROTOTYPE];\nvar USE_NATIVE = typeof $Symbol == 'function';\nvar QObject = global.QObject;\n// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173\nvar setter = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;\n\n// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687\nvar setSymbolDesc = DESCRIPTORS && $fails(function () {\n return _create(dP({}, 'a', {\n get: function () { return dP(this, 'a', { value: 7 }).a; }\n })).a != 7;\n}) ? function (it, key, D) {\n var protoDesc = gOPD(ObjectProto, key);\n if (protoDesc) delete ObjectProto[key];\n dP(it, key, D);\n if (protoDesc && it !== ObjectProto) dP(ObjectProto, key, protoDesc);\n} : dP;\n\nvar wrap = function (tag) {\n var sym = AllSymbols[tag] = _create($Symbol[PROTOTYPE]);\n sym._k = tag;\n return sym;\n};\n\nvar isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function (it) {\n return typeof it == 'symbol';\n} : function (it) {\n return it instanceof $Symbol;\n};\n\nvar $defineProperty = function defineProperty(it, key, D) {\n if (it === ObjectProto) $defineProperty(OPSymbols, key, D);\n anObject(it);\n key = toPrimitive(key, true);\n anObject(D);\n if (has(AllSymbols, key)) {\n if (!D.enumerable) {\n if (!has(it, HIDDEN)) dP(it, HIDDEN, createDesc(1, {}));\n it[HIDDEN][key] = true;\n } else {\n if (has(it, HIDDEN) && it[HIDDEN][key]) it[HIDDEN][key] = false;\n D = _create(D, { enumerable: createDesc(0, false) });\n } return setSymbolDesc(it, key, D);\n } return dP(it, key, D);\n};\nvar $defineProperties = function defineProperties(it, P) {\n anObject(it);\n var keys = enumKeys(P = toIObject(P));\n var i = 0;\n var l = keys.length;\n var key;\n while (l > i) $defineProperty(it, key = keys[i++], P[key]);\n return it;\n};\nvar $create = function create(it, P) {\n return P === undefined ? _create(it) : $defineProperties(_create(it), P);\n};\nvar $propertyIsEnumerable = function propertyIsEnumerable(key) {\n var E = isEnum.call(this, key = toPrimitive(key, true));\n if (this === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key)) return false;\n return E || !has(this, key) || !has(AllSymbols, key) || has(this, HIDDEN) && this[HIDDEN][key] ? E : true;\n};\nvar $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key) {\n it = toIObject(it);\n key = toPrimitive(key, true);\n if (it === ObjectProto && has(AllSymbols, key) && !has(OPSymbols, key)) return;\n var D = gOPD(it, key);\n if (D && has(AllSymbols, key) && !(has(it, HIDDEN) && it[HIDDEN][key])) D.enumerable = true;\n return D;\n};\nvar $getOwnPropertyNames = function getOwnPropertyNames(it) {\n var names = gOPN(toIObject(it));\n var result = [];\n var i = 0;\n var key;\n while (names.length > i) {\n if (!has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META) result.push(key);\n } return result;\n};\nvar $getOwnPropertySymbols = function getOwnPropertySymbols(it) {\n var IS_OP = it === ObjectProto;\n var names = gOPN(IS_OP ? OPSymbols : toIObject(it));\n var result = [];\n var i = 0;\n var key;\n while (names.length > i) {\n if (has(AllSymbols, key = names[i++]) && (IS_OP ? has(ObjectProto, key) : true)) result.push(AllSymbols[key]);\n } return result;\n};\n\n// 19.4.1.1 Symbol([description])\nif (!USE_NATIVE) {\n $Symbol = function Symbol() {\n if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor!');\n var tag = uid(arguments.length > 0 ? arguments[0] : undefined);\n var $set = function (value) {\n if (this === ObjectProto) $set.call(OPSymbols, value);\n if (has(this, HIDDEN) && has(this[HIDDEN], tag)) this[HIDDEN][tag] = false;\n setSymbolDesc(this, tag, createDesc(1, value));\n };\n if (DESCRIPTORS && setter) setSymbolDesc(ObjectProto, tag, { configurable: true, set: $set });\n return wrap(tag);\n };\n redefine($Symbol[PROTOTYPE], 'toString', function toString() {\n return this._k;\n });\n\n $GOPD.f = $getOwnPropertyDescriptor;\n $DP.f = $defineProperty;\n require('./_object-gopn').f = gOPNExt.f = $getOwnPropertyNames;\n require('./_object-pie').f = $propertyIsEnumerable;\n require('./_object-gops').f = $getOwnPropertySymbols;\n\n if (DESCRIPTORS && !require('./_library')) {\n redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true);\n }\n\n wksExt.f = function (name) {\n return wrap(wks(name));\n };\n}\n\n$export($export.G + $export.W + $export.F * !USE_NATIVE, { Symbol: $Symbol });\n\nfor (var es6Symbols = (\n // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14\n 'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables'\n).split(','), j = 0; es6Symbols.length > j;)wks(es6Symbols[j++]);\n\nfor (var wellKnownSymbols = $keys(wks.store), k = 0; wellKnownSymbols.length > k;) wksDefine(wellKnownSymbols[k++]);\n\n$export($export.S + $export.F * !USE_NATIVE, 'Symbol', {\n // 19.4.2.1 Symbol.for(key)\n 'for': function (key) {\n return has(SymbolRegistry, key += '')\n ? SymbolRegistry[key]\n : SymbolRegistry[key] = $Symbol(key);\n },\n // 19.4.2.5 Symbol.keyFor(sym)\n keyFor: function keyFor(sym) {\n if (!isSymbol(sym)) throw TypeError(sym + ' is not a symbol!');\n for (var key in SymbolRegistry) if (SymbolRegistry[key] === sym) return key;\n },\n useSetter: function () { setter = true; },\n useSimple: function () { setter = false; }\n});\n\n$export($export.S + $export.F * !USE_NATIVE, 'Object', {\n // 19.1.2.2 Object.create(O [, Properties])\n create: $create,\n // 19.1.2.4 Object.defineProperty(O, P, Attributes)\n defineProperty: $defineProperty,\n // 19.1.2.3 Object.defineProperties(O, Properties)\n defineProperties: $defineProperties,\n // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)\n getOwnPropertyDescriptor: $getOwnPropertyDescriptor,\n // 19.1.2.7 Object.getOwnPropertyNames(O)\n getOwnPropertyNames: $getOwnPropertyNames,\n // 19.1.2.8 Object.getOwnPropertySymbols(O)\n getOwnPropertySymbols: $getOwnPropertySymbols\n});\n\n// 24.3.2 JSON.stringify(value [, replacer [, space]])\n$JSON && $export($export.S + $export.F * (!USE_NATIVE || $fails(function () {\n var S = $Symbol();\n // MS Edge converts symbol values to JSON as {}\n // WebKit converts symbol values to JSON as null\n // V8 throws on boxed symbols\n return _stringify([S]) != '[null]' || _stringify({ a: S }) != '{}' || _stringify(Object(S)) != '{}';\n})), 'JSON', {\n stringify: function stringify(it) {\n var args = [it];\n var i = 1;\n var replacer, $replacer;\n while (arguments.length > i) args.push(arguments[i++]);\n $replacer = replacer = args[1];\n if (!isObject(replacer) && it === undefined || isSymbol(it)) return; // IE8 returns string on undefined\n if (!isArray(replacer)) replacer = function (key, value) {\n if (typeof $replacer == 'function') value = $replacer.call(this, key, value);\n if (!isSymbol(value)) return value;\n };\n args[1] = replacer;\n return _stringify.apply($JSON, args);\n }\n});\n\n// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint)\n$Symbol[PROTOTYPE][TO_PRIMITIVE] || require('./_hide')($Symbol[PROTOTYPE], TO_PRIMITIVE, $Symbol[PROTOTYPE].valueOf);\n// 19.4.3.5 Symbol.prototype[@@toStringTag]\nsetToStringTag($Symbol, 'Symbol');\n// 20.2.1.9 Math[@@toStringTag]\nsetToStringTag(Math, 'Math', true);\n// 24.3.3 JSON[@@toStringTag]\nsetToStringTag(global.JSON, 'JSON', true);\n","var META = require('./_uid')('meta');\nvar isObject = require('./_is-object');\nvar has = require('./_has');\nvar setDesc = require('./_object-dp').f;\nvar id = 0;\nvar isExtensible = Object.isExtensible || function () {\n return true;\n};\nvar FREEZE = !require('./_fails')(function () {\n return isExtensible(Object.preventExtensions({}));\n});\nvar setMeta = function (it) {\n setDesc(it, META, { value: {\n i: 'O' + ++id, // object ID\n w: {} // weak collections IDs\n } });\n};\nvar fastKey = function (it, create) {\n // return primitive with prefix\n if (!isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it;\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return 'F';\n // not necessary to add metadata\n if (!create) return 'E';\n // add missing metadata\n setMeta(it);\n // return object ID\n } return it[META].i;\n};\nvar getWeak = function (it, create) {\n if (!has(it, META)) {\n // can't set metadata to uncaught frozen object\n if (!isExtensible(it)) return true;\n // not necessary to add metadata\n if (!create) return false;\n // add missing metadata\n setMeta(it);\n // return hash weak collections IDs\n } return it[META].w;\n};\n// add metadata on freeze-family methods calling\nvar onFreeze = function (it) {\n if (FREEZE && meta.NEED && isExtensible(it) && !has(it, META)) setMeta(it);\n return it;\n};\nvar meta = module.exports = {\n KEY: META,\n NEED: false,\n fastKey: fastKey,\n getWeak: getWeak,\n onFreeze: onFreeze\n};\n","// all enumerable object keys, includes symbols\nvar getKeys = require('./_object-keys');\nvar gOPS = require('./_object-gops');\nvar pIE = require('./_object-pie');\nmodule.exports = function (it) {\n var result = getKeys(it);\n var getSymbols = gOPS.f;\n if (getSymbols) {\n var symbols = getSymbols(it);\n var isEnum = pIE.f;\n var i = 0;\n var key;\n while (symbols.length > i) if (isEnum.call(it, key = symbols[i++])) result.push(key);\n } return result;\n};\n","// 7.2.2 IsArray(argument)\nvar cof = require('./_cof');\nmodule.exports = Array.isArray || function isArray(arg) {\n return cof(arg) == 'Array';\n};\n","// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window\nvar toIObject = require('./_to-iobject');\nvar gOPN = require('./_object-gopn').f;\nvar toString = {}.toString;\n\nvar windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames\n ? Object.getOwnPropertyNames(window) : [];\n\nvar getWindowNames = function (it) {\n try {\n return gOPN(it);\n } catch (e) {\n return windowNames.slice();\n }\n};\n\nmodule.exports.f = function getOwnPropertyNames(it) {\n return windowNames && toString.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(toIObject(it));\n};\n","require('./_wks-define')('asyncIterator');\n","require('./_wks-define')('observable');\n","module.exports = { \"default\": require(\"core-js/library/fn/object/set-prototype-of\"), __esModule: true };","require('../../modules/es6.object.set-prototype-of');\nmodule.exports = require('../../modules/_core').Object.setPrototypeOf;\n","// 19.1.3.19 Object.setPrototypeOf(O, proto)\nvar $export = require('./_export');\n$export($export.S, 'Object', { setPrototypeOf: require('./_set-proto').set });\n","// Works with __proto__ only. Old v8 can't work with null proto objects.\n/* eslint-disable no-proto */\nvar isObject = require('./_is-object');\nvar anObject = require('./_an-object');\nvar check = function (O, proto) {\n anObject(O);\n if (!isObject(proto) && proto !== null) throw TypeError(proto + \": can't set as prototype!\");\n};\nmodule.exports = {\n set: Object.setPrototypeOf || ('__proto__' in {} ? // eslint-disable-line\n function (test, buggy, set) {\n try {\n set = require('./_ctx')(Function.call, require('./_object-gopd').f(Object.prototype, '__proto__').set, 2);\n set(test, []);\n buggy = !(test instanceof Array);\n } catch (e) { buggy = true; }\n return function setPrototypeOf(O, proto) {\n check(O, proto);\n if (buggy) O.__proto__ = proto;\n else set(O, proto);\n return O;\n };\n }({}, false) : undefined),\n check: check\n};\n","module.exports = { \"default\": require(\"core-js/library/fn/object/create\"), __esModule: true };","require('../../modules/es6.object.create');\nvar $Object = require('../../modules/_core').Object;\nmodule.exports = function create(P, D) {\n return $Object.create(P, D);\n};\n","var $export = require('./_export');\n// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties])\n$export($export.S, 'Object', { create: require('./_object-create') });\n","require('../../modules/es6.object.assign');\nmodule.exports = require('../../modules/_core').Object.assign;\n","// 19.1.3.1 Object.assign(target, source)\nvar $export = require('./_export');\n\n$export($export.S + $export.F, 'Object', { assign: require('./_object-assign') });\n","'use strict';\n// 19.1.2.1 Object.assign(target, source, ...)\nvar getKeys = require('./_object-keys');\nvar gOPS = require('./_object-gops');\nvar pIE = require('./_object-pie');\nvar toObject = require('./_to-object');\nvar IObject = require('./_iobject');\nvar $assign = Object.assign;\n\n// should work with symbols and should have deterministic property order (V8 bug)\nmodule.exports = !$assign || require('./_fails')(function () {\n var A = {};\n var B = {};\n // eslint-disable-next-line no-undef\n var S = Symbol();\n var K = 'abcdefghijklmnopqrst';\n A[S] = 7;\n K.split('').forEach(function (k) { B[k] = k; });\n return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K;\n}) ? function assign(target, source) { // eslint-disable-line no-unused-vars\n var T = toObject(target);\n var aLen = arguments.length;\n var index = 1;\n var getSymbols = gOPS.f;\n var isEnum = pIE.f;\n while (aLen > index) {\n var S = IObject(arguments[index++]);\n var keys = getSymbols ? getKeys(S).concat(getSymbols(S)) : getKeys(S);\n var length = keys.length;\n var j = 0;\n var key;\n while (length > j) if (isEnum.call(S, key = keys[j++])) T[key] = S[key];\n } return T;\n} : $assign;\n","require('../../modules/es6.object.keys');\nmodule.exports = require('../../modules/_core').Object.keys;\n","// 19.1.2.14 Object.keys(O)\nvar toObject = require('./_to-object');\nvar $keys = require('./_object-keys');\n\nrequire('./_object-sap')('keys', function () {\n return function keys(it) {\n return $keys(toObject(it));\n };\n});\n","module.exports = { \"default\": require(\"core-js/library/fn/promise\"), __esModule: true };","require('../modules/es6.object.to-string');\nrequire('../modules/es6.string.iterator');\nrequire('../modules/web.dom.iterable');\nrequire('../modules/es6.promise');\nrequire('../modules/es7.promise.finally');\nrequire('../modules/es7.promise.try');\nmodule.exports = require('../modules/_core').Promise;\n","'use strict';\nvar LIBRARY = require('./_library');\nvar global = require('./_global');\nvar ctx = require('./_ctx');\nvar classof = require('./_classof');\nvar $export = require('./_export');\nvar isObject = require('./_is-object');\nvar aFunction = require('./_a-function');\nvar anInstance = require('./_an-instance');\nvar forOf = require('./_for-of');\nvar speciesConstructor = require('./_species-constructor');\nvar task = require('./_task').set;\nvar microtask = require('./_microtask')();\nvar newPromiseCapabilityModule = require('./_new-promise-capability');\nvar perform = require('./_perform');\nvar userAgent = require('./_user-agent');\nvar promiseResolve = require('./_promise-resolve');\nvar PROMISE = 'Promise';\nvar TypeError = global.TypeError;\nvar process = global.process;\nvar versions = process && process.versions;\nvar v8 = versions && versions.v8 || '';\nvar $Promise = global[PROMISE];\nvar isNode = classof(process) == 'process';\nvar empty = function () { /* empty */ };\nvar Internal, newGenericPromiseCapability, OwnPromiseCapability, Wrapper;\nvar newPromiseCapability = newGenericPromiseCapability = newPromiseCapabilityModule.f;\n\nvar USE_NATIVE = !!function () {\n try {\n // correct subclassing with @@species support\n var promise = $Promise.resolve(1);\n var FakePromise = (promise.constructor = {})[require('./_wks')('species')] = function (exec) {\n exec(empty, empty);\n };\n // unhandled rejections tracking support, NodeJS Promise without it fails @@species test\n return (isNode || typeof PromiseRejectionEvent == 'function')\n && promise.then(empty) instanceof FakePromise\n // v8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables\n // https://bugs.chromium.org/p/chromium/issues/detail?id=830565\n // we can't detect it synchronously, so just check versions\n && v8.indexOf('6.6') !== 0\n && userAgent.indexOf('Chrome/66') === -1;\n } catch (e) { /* empty */ }\n}();\n\n// helpers\nvar isThenable = function (it) {\n var then;\n return isObject(it) && typeof (then = it.then) == 'function' ? then : false;\n};\nvar notify = function (promise, isReject) {\n if (promise._n) return;\n promise._n = true;\n var chain = promise._c;\n microtask(function () {\n var value = promise._v;\n var ok = promise._s == 1;\n var i = 0;\n var run = function (reaction) {\n var handler = ok ? reaction.ok : reaction.fail;\n var resolve = reaction.resolve;\n var reject = reaction.reject;\n var domain = reaction.domain;\n var result, then, exited;\n try {\n if (handler) {\n if (!ok) {\n if (promise._h == 2) onHandleUnhandled(promise);\n promise._h = 1;\n }\n if (handler === true) result = value;\n else {\n if (domain) domain.enter();\n result = handler(value); // may throw\n if (domain) {\n domain.exit();\n exited = true;\n }\n }\n if (result === reaction.promise) {\n reject(TypeError('Promise-chain cycle'));\n } else if (then = isThenable(result)) {\n then.call(result, resolve, reject);\n } else resolve(result);\n } else reject(value);\n } catch (e) {\n if (domain && !exited) domain.exit();\n reject(e);\n }\n };\n while (chain.length > i) run(chain[i++]); // variable length - can't use forEach\n promise._c = [];\n promise._n = false;\n if (isReject && !promise._h) onUnhandled(promise);\n });\n};\nvar onUnhandled = function (promise) {\n task.call(global, function () {\n var value = promise._v;\n var unhandled = isUnhandled(promise);\n var result, handler, console;\n if (unhandled) {\n result = perform(function () {\n if (isNode) {\n process.emit('unhandledRejection', value, promise);\n } else if (handler = global.onunhandledrejection) {\n handler({ promise: promise, reason: value });\n } else if ((console = global.console) && console.error) {\n console.error('Unhandled promise rejection', value);\n }\n });\n // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should\n promise._h = isNode || isUnhandled(promise) ? 2 : 1;\n } promise._a = undefined;\n if (unhandled && result.e) throw result.v;\n });\n};\nvar isUnhandled = function (promise) {\n return promise._h !== 1 && (promise._a || promise._c).length === 0;\n};\nvar onHandleUnhandled = function (promise) {\n task.call(global, function () {\n var handler;\n if (isNode) {\n process.emit('rejectionHandled', promise);\n } else if (handler = global.onrejectionhandled) {\n handler({ promise: promise, reason: promise._v });\n }\n });\n};\nvar $reject = function (value) {\n var promise = this;\n if (promise._d) return;\n promise._d = true;\n promise = promise._w || promise; // unwrap\n promise._v = value;\n promise._s = 2;\n if (!promise._a) promise._a = promise._c.slice();\n notify(promise, true);\n};\nvar $resolve = function (value) {\n var promise = this;\n var then;\n if (promise._d) return;\n promise._d = true;\n promise = promise._w || promise; // unwrap\n try {\n if (promise === value) throw TypeError(\"Promise can't be resolved itself\");\n if (then = isThenable(value)) {\n microtask(function () {\n var wrapper = { _w: promise, _d: false }; // wrap\n try {\n then.call(value, ctx($resolve, wrapper, 1), ctx($reject, wrapper, 1));\n } catch (e) {\n $reject.call(wrapper, e);\n }\n });\n } else {\n promise._v = value;\n promise._s = 1;\n notify(promise, false);\n }\n } catch (e) {\n $reject.call({ _w: promise, _d: false }, e); // wrap\n }\n};\n\n// constructor polyfill\nif (!USE_NATIVE) {\n // 25.4.3.1 Promise(executor)\n $Promise = function Promise(executor) {\n anInstance(this, $Promise, PROMISE, '_h');\n aFunction(executor);\n Internal.call(this);\n try {\n executor(ctx($resolve, this, 1), ctx($reject, this, 1));\n } catch (err) {\n $reject.call(this, err);\n }\n };\n // eslint-disable-next-line no-unused-vars\n Internal = function Promise(executor) {\n this._c = []; // <- awaiting reactions\n this._a = undefined; // <- checked in isUnhandled reactions\n this._s = 0; // <- state\n this._d = false; // <- done\n this._v = undefined; // <- value\n this._h = 0; // <- rejection state, 0 - default, 1 - handled, 2 - unhandled\n this._n = false; // <- notify\n };\n Internal.prototype = require('./_redefine-all')($Promise.prototype, {\n // 25.4.5.3 Promise.prototype.then(onFulfilled, onRejected)\n then: function then(onFulfilled, onRejected) {\n var reaction = newPromiseCapability(speciesConstructor(this, $Promise));\n reaction.ok = typeof onFulfilled == 'function' ? onFulfilled : true;\n reaction.fail = typeof onRejected == 'function' && onRejected;\n reaction.domain = isNode ? process.domain : undefined;\n this._c.push(reaction);\n if (this._a) this._a.push(reaction);\n if (this._s) notify(this, false);\n return reaction.promise;\n },\n // 25.4.5.1 Promise.prototype.catch(onRejected)\n 'catch': function (onRejected) {\n return this.then(undefined, onRejected);\n }\n });\n OwnPromiseCapability = function () {\n var promise = new Internal();\n this.promise = promise;\n this.resolve = ctx($resolve, promise, 1);\n this.reject = ctx($reject, promise, 1);\n };\n newPromiseCapabilityModule.f = newPromiseCapability = function (C) {\n return C === $Promise || C === Wrapper\n ? new OwnPromiseCapability(C)\n : newGenericPromiseCapability(C);\n };\n}\n\n$export($export.G + $export.W + $export.F * !USE_NATIVE, { Promise: $Promise });\nrequire('./_set-to-string-tag')($Promise, PROMISE);\nrequire('./_set-species')(PROMISE);\nWrapper = require('./_core')[PROMISE];\n\n// statics\n$export($export.S + $export.F * !USE_NATIVE, PROMISE, {\n // 25.4.4.5 Promise.reject(r)\n reject: function reject(r) {\n var capability = newPromiseCapability(this);\n var $$reject = capability.reject;\n $$reject(r);\n return capability.promise;\n }\n});\n$export($export.S + $export.F * (LIBRARY || !USE_NATIVE), PROMISE, {\n // 25.4.4.6 Promise.resolve(x)\n resolve: function resolve(x) {\n return promiseResolve(LIBRARY && this === Wrapper ? $Promise : this, x);\n }\n});\n$export($export.S + $export.F * !(USE_NATIVE && require('./_iter-detect')(function (iter) {\n $Promise.all(iter)['catch'](empty);\n})), PROMISE, {\n // 25.4.4.1 Promise.all(iterable)\n all: function all(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var resolve = capability.resolve;\n var reject = capability.reject;\n var result = perform(function () {\n var values = [];\n var index = 0;\n var remaining = 1;\n forOf(iterable, false, function (promise) {\n var $index = index++;\n var alreadyCalled = false;\n values.push(undefined);\n remaining++;\n C.resolve(promise).then(function (value) {\n if (alreadyCalled) return;\n alreadyCalled = true;\n values[$index] = value;\n --remaining || resolve(values);\n }, reject);\n });\n --remaining || resolve(values);\n });\n if (result.e) reject(result.v);\n return capability.promise;\n },\n // 25.4.4.4 Promise.race(iterable)\n race: function race(iterable) {\n var C = this;\n var capability = newPromiseCapability(C);\n var reject = capability.reject;\n var result = perform(function () {\n forOf(iterable, false, function (promise) {\n C.resolve(promise).then(capability.resolve, reject);\n });\n });\n if (result.e) reject(result.v);\n return capability.promise;\n }\n});\n","module.exports = function (it, Constructor, name, forbiddenField) {\n if (!(it instanceof Constructor) || (forbiddenField !== undefined && forbiddenField in it)) {\n throw TypeError(name + ': incorrect invocation!');\n } return it;\n};\n","var ctx = require('./_ctx');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar anObject = require('./_an-object');\nvar toLength = require('./_to-length');\nvar getIterFn = require('./core.get-iterator-method');\nvar BREAK = {};\nvar RETURN = {};\nvar exports = module.exports = function (iterable, entries, fn, that, ITERATOR) {\n var iterFn = ITERATOR ? function () { return iterable; } : getIterFn(iterable);\n var f = ctx(fn, that, entries ? 2 : 1);\n var index = 0;\n var length, step, iterator, result;\n if (typeof iterFn != 'function') throw TypeError(iterable + ' is not iterable!');\n // fast case for arrays with default iterator\n if (isArrayIter(iterFn)) for (length = toLength(iterable.length); length > index; index++) {\n result = entries ? f(anObject(step = iterable[index])[0], step[1]) : f(iterable[index]);\n if (result === BREAK || result === RETURN) return result;\n } else for (iterator = iterFn.call(iterable); !(step = iterator.next()).done;) {\n result = call(iterator, f, step.value, entries);\n if (result === BREAK || result === RETURN) return result;\n }\n};\nexports.BREAK = BREAK;\nexports.RETURN = RETURN;\n","// fast apply, http://jsperf.lnkit.com/fast-apply/5\nmodule.exports = function (fn, args, that) {\n var un = that === undefined;\n switch (args.length) {\n case 0: return un ? fn()\n : fn.call(that);\n case 1: return un ? fn(args[0])\n : fn.call(that, args[0]);\n case 2: return un ? fn(args[0], args[1])\n : fn.call(that, args[0], args[1]);\n case 3: return un ? fn(args[0], args[1], args[2])\n : fn.call(that, args[0], args[1], args[2]);\n case 4: return un ? fn(args[0], args[1], args[2], args[3])\n : fn.call(that, args[0], args[1], args[2], args[3]);\n } return fn.apply(that, args);\n};\n","var global = require('./_global');\nvar macrotask = require('./_task').set;\nvar Observer = global.MutationObserver || global.WebKitMutationObserver;\nvar process = global.process;\nvar Promise = global.Promise;\nvar isNode = require('./_cof')(process) == 'process';\n\nmodule.exports = function () {\n var head, last, notify;\n\n var flush = function () {\n var parent, fn;\n if (isNode && (parent = process.domain)) parent.exit();\n while (head) {\n fn = head.fn;\n head = head.next;\n try {\n fn();\n } catch (e) {\n if (head) notify();\n else last = undefined;\n throw e;\n }\n } last = undefined;\n if (parent) parent.enter();\n };\n\n // Node.js\n if (isNode) {\n notify = function () {\n process.nextTick(flush);\n };\n // browsers with MutationObserver, except iOS Safari - https://github.com/zloirock/core-js/issues/339\n } else if (Observer && !(global.navigator && global.navigator.standalone)) {\n var toggle = true;\n var node = document.createTextNode('');\n new Observer(flush).observe(node, { characterData: true }); // eslint-disable-line no-new\n notify = function () {\n node.data = toggle = !toggle;\n };\n // environments with maybe non-completely correct, but existent Promise\n } else if (Promise && Promise.resolve) {\n // Promise.resolve without an argument throws an error in LG WebOS 2\n var promise = Promise.resolve(undefined);\n notify = function () {\n promise.then(flush);\n };\n // for other environments - macrotask based on:\n // - setImmediate\n // - MessageChannel\n // - window.postMessag\n // - onreadystatechange\n // - setTimeout\n } else {\n notify = function () {\n // strange IE + webpack dev server bug - use .call(global)\n macrotask.call(global, flush);\n };\n }\n\n return function (fn) {\n var task = { fn: fn, next: undefined };\n if (last) last.next = task;\n if (!head) {\n head = task;\n notify();\n } last = task;\n };\n};\n","var global = require('./_global');\nvar navigator = global.navigator;\n\nmodule.exports = navigator && navigator.userAgent || '';\n","var hide = require('./_hide');\nmodule.exports = function (target, src, safe) {\n for (var key in src) {\n if (safe && target[key]) target[key] = src[key];\n else hide(target, key, src[key]);\n } return target;\n};\n","'use strict';\nvar global = require('./_global');\nvar core = require('./_core');\nvar dP = require('./_object-dp');\nvar DESCRIPTORS = require('./_descriptors');\nvar SPECIES = require('./_wks')('species');\n\nmodule.exports = function (KEY) {\n var C = typeof core[KEY] == 'function' ? core[KEY] : global[KEY];\n if (DESCRIPTORS && C && !C[SPECIES]) dP.f(C, SPECIES, {\n configurable: true,\n get: function () { return this; }\n });\n};\n","// https://github.com/tc39/proposal-promise-finally\n'use strict';\nvar $export = require('./_export');\nvar core = require('./_core');\nvar global = require('./_global');\nvar speciesConstructor = require('./_species-constructor');\nvar promiseResolve = require('./_promise-resolve');\n\n$export($export.P + $export.R, 'Promise', { 'finally': function (onFinally) {\n var C = speciesConstructor(this, core.Promise || global.Promise);\n var isFunction = typeof onFinally == 'function';\n return this.then(\n isFunction ? function (x) {\n return promiseResolve(C, onFinally()).then(function () { return x; });\n } : onFinally,\n isFunction ? function (e) {\n return promiseResolve(C, onFinally()).then(function () { throw e; });\n } : onFinally\n );\n} });\n","'use strict';\n// https://github.com/tc39/proposal-promise-try\nvar $export = require('./_export');\nvar newPromiseCapability = require('./_new-promise-capability');\nvar perform = require('./_perform');\n\n$export($export.S, 'Promise', { 'try': function (callbackfn) {\n var promiseCapability = newPromiseCapability.f(this);\n var result = perform(callbackfn);\n (result.e ? promiseCapability.reject : promiseCapability.resolve)(result.v);\n return promiseCapability.promise;\n} });\n","\"use strict\";\n\nexports.__esModule = true;\n\nvar _from = require(\"../core-js/array/from\");\n\nvar _from2 = _interopRequireDefault(_from);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = function (arr) {\n if (Array.isArray(arr)) {\n for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) {\n arr2[i] = arr[i];\n }\n\n return arr2;\n } else {\n return (0, _from2.default)(arr);\n }\n};","module.exports = { \"default\": require(\"core-js/library/fn/array/from\"), __esModule: true };","require('../../modules/es6.string.iterator');\nrequire('../../modules/es6.array.from');\nmodule.exports = require('../../modules/_core').Array.from;\n","'use strict';\nvar ctx = require('./_ctx');\nvar $export = require('./_export');\nvar toObject = require('./_to-object');\nvar call = require('./_iter-call');\nvar isArrayIter = require('./_is-array-iter');\nvar toLength = require('./_to-length');\nvar createProperty = require('./_create-property');\nvar getIterFn = require('./core.get-iterator-method');\n\n$export($export.S + $export.F * !require('./_iter-detect')(function (iter) { Array.from(iter); }), 'Array', {\n // 22.1.2.1 Array.from(arrayLike, mapfn = undefined, thisArg = undefined)\n from: function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {\n var O = toObject(arrayLike);\n var C = typeof this == 'function' ? this : Array;\n var aLen = arguments.length;\n var mapfn = aLen > 1 ? arguments[1] : undefined;\n var mapping = mapfn !== undefined;\n var index = 0;\n var iterFn = getIterFn(O);\n var length, result, step, iterator;\n if (mapping) mapfn = ctx(mapfn, aLen > 2 ? arguments[2] : undefined, 2);\n // if object isn't iterable or it's array with default iterator - use simple case\n if (iterFn != undefined && !(C == Array && isArrayIter(iterFn))) {\n for (iterator = iterFn.call(O), result = new C(); !(step = iterator.next()).done; index++) {\n createProperty(result, index, mapping ? call(iterator, mapfn, [step.value, index], true) : step.value);\n }\n } else {\n length = toLength(O.length);\n for (result = new C(length); length > index; index++) {\n createProperty(result, index, mapping ? mapfn(O[index], index) : O[index]);\n }\n }\n result.length = index;\n return result;\n }\n});\n","'use strict';\nvar $defineProperty = require('./_object-dp');\nvar createDesc = require('./_property-desc');\n\nmodule.exports = function (object, index, value) {\n if (index in object) $defineProperty.f(object, index, createDesc(0, value));\n else object[index] = value;\n};\n","module.exports = { \"default\": require(\"core-js/library/fn/object/get-own-property-descriptor\"), __esModule: true };","require('../../modules/es6.object.get-own-property-descriptor');\nvar $Object = require('../../modules/_core').Object;\nmodule.exports = function getOwnPropertyDescriptor(it, key) {\n return $Object.getOwnPropertyDescriptor(it, key);\n};\n","// 19.1.2.6 Object.getOwnPropertyDescriptor(O, P)\nvar toIObject = require('./_to-iobject');\nvar $getOwnPropertyDescriptor = require('./_object-gopd').f;\n\nrequire('./_object-sap')('getOwnPropertyDescriptor', function () {\n return function getOwnPropertyDescriptor(it, key) {\n return $getOwnPropertyDescriptor(toIObject(it), key);\n };\n});\n","\"use strict\";\n\nexports.__esModule = true;\n\nvar _defineProperty = require(\"../core-js/object/define-property\");\n\nvar _defineProperty2 = _interopRequireDefault(_defineProperty);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = function (obj, key, value) {\n if (key in obj) {\n (0, _defineProperty2.default)(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n};","\"use strict\";\n\nexports.__esModule = true;\n\nvar _isIterable2 = require(\"../core-js/is-iterable\");\n\nvar _isIterable3 = _interopRequireDefault(_isIterable2);\n\nvar _getIterator2 = require(\"../core-js/get-iterator\");\n\nvar _getIterator3 = _interopRequireDefault(_getIterator2);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nexports.default = function () {\n function sliceIterator(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = (0, _getIterator3.default)(arr), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"]) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n }\n\n return function (arr, i) {\n if (Array.isArray(arr)) {\n return arr;\n } else if ((0, _isIterable3.default)(Object(arr))) {\n return sliceIterator(arr, i);\n } else {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n }\n };\n}();","module.exports = { \"default\": require(\"core-js/library/fn/is-iterable\"), __esModule: true };","require('../modules/web.dom.iterable');\nrequire('../modules/es6.string.iterator');\nmodule.exports = require('../modules/core.is-iterable');\n","var classof = require('./_classof');\nvar ITERATOR = require('./_wks')('iterator');\nvar Iterators = require('./_iterators');\nmodule.exports = require('./_core').isIterable = function (it) {\n var O = Object(it);\n return O[ITERATOR] !== undefined\n || '@@iterator' in O\n // eslint-disable-next-line no-prototype-builtins\n || Iterators.hasOwnProperty(classof(O));\n};\n","module.exports = { \"default\": require(\"core-js/library/fn/get-iterator\"), __esModule: true };","require('../modules/web.dom.iterable');\nrequire('../modules/es6.string.iterator');\nmodule.exports = require('../modules/core.get-iterator');\n","var anObject = require('./_an-object');\nvar get = require('./core.get-iterator-method');\nmodule.exports = require('./_core').getIterator = function (it) {\n var iterFn = get(it);\n if (typeof iterFn != 'function') throw TypeError(it + ' is not iterable!');\n return anObject(iterFn.call(it));\n};\n","import * as URI from 'urijs';\nimport { ENV } from '@sitegen/common/constants/environments';\n\nexport const USER_IMAGE_SRC_CONSTANTS = {\n IMAGE: '/default_146_146.png',\n SRC_ROOT: 'ubisoft-avatars.akamaized.net/',\n ENV_PREFIX: {\n [ENV.QC]: 'uat-',\n [ENV.DEV]: 'uat-',\n [ENV.UAT]: 'uat-',\n [ENV.PREPROD]: '',\n [ENV.PROD]: ''\n }\n};\nexport const buildUserImageSrc = (env: ENV | string, userID: string): string => {\n const host: string = `${USER_IMAGE_SRC_CONSTANTS.ENV_PREFIX[env]}${USER_IMAGE_SRC_CONSTANTS.SRC_ROOT}`;\n const url: URI = new URI().protocol('https').hostname(host).segment([userID || '', USER_IMAGE_SRC_CONSTANTS.IMAGE]);\n return url.href();\n};\n","function toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\nexport default function () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\n}\n","\n\nexport default function calculateSizeAndPositionDataAndUpdateScrollOffset(_ref) {\n var cellCount = _ref.cellCount,\n cellSize = _ref.cellSize,\n computeMetadataCallback = _ref.computeMetadataCallback,\n computeMetadataCallbackProps = _ref.computeMetadataCallbackProps,\n nextCellsCount = _ref.nextCellsCount,\n nextCellSize = _ref.nextCellSize,\n nextScrollToIndex = _ref.nextScrollToIndex,\n scrollToIndex = _ref.scrollToIndex,\n updateScrollOffsetForScrollToIndex = _ref.updateScrollOffsetForScrollToIndex;\n\n // Don't compare cell sizes if they are functions because inline functions would cause infinite loops.\n // In that event users should use the manual recompute methods to inform of changes.\n if (cellCount !== nextCellsCount || (typeof cellSize === 'number' || typeof nextCellSize === 'number') && cellSize !== nextCellSize) {\n computeMetadataCallback(computeMetadataCallbackProps);\n\n // Updated cell metadata may have hidden the previous scrolled-to item.\n // In this case we should also update the scrollTop to ensure it stays visible.\n if (scrollToIndex >= 0 && scrollToIndex === nextScrollToIndex) {\n updateScrollOffsetForScrollToIndex();\n }\n }\n}\n\n/**\n * Helper method that determines when to recalculate row or column metadata.\n */","import _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\n\n/**\n * Just-in-time calculates and caches size and position information for a collection of cells.\n */\n\nvar CellSizeAndPositionManager = function () {\n\n // Used in deferred mode to track which cells have been queued for measurement.\n\n // Cache of size and position data for cells, mapped by cell index.\n // Note that invalid values may exist in this map so only rely on cells up to this._lastMeasuredIndex\n function CellSizeAndPositionManager(_ref) {\n var cellCount = _ref.cellCount,\n cellSizeGetter = _ref.cellSizeGetter,\n estimatedCellSize = _ref.estimatedCellSize;\n\n _classCallCheck(this, CellSizeAndPositionManager);\n\n this._cellSizeAndPositionData = {};\n this._lastMeasuredIndex = -1;\n this._lastBatchedIndex = -1;\n\n this._cellSizeGetter = cellSizeGetter;\n this._cellCount = cellCount;\n this._estimatedCellSize = estimatedCellSize;\n }\n\n // Measurements for cells up to this index can be trusted; cells afterward should be estimated.\n\n\n _createClass(CellSizeAndPositionManager, [{\n key: 'areOffsetsAdjusted',\n value: function areOffsetsAdjusted() {\n return false;\n }\n }, {\n key: 'configure',\n value: function configure(_ref2) {\n var cellCount = _ref2.cellCount,\n estimatedCellSize = _ref2.estimatedCellSize,\n cellSizeGetter = _ref2.cellSizeGetter;\n\n this._cellCount = cellCount;\n this._estimatedCellSize = estimatedCellSize;\n this._cellSizeGetter = cellSizeGetter;\n }\n }, {\n key: 'getCellCount',\n value: function getCellCount() {\n return this._cellCount;\n }\n }, {\n key: 'getEstimatedCellSize',\n value: function getEstimatedCellSize() {\n return this._estimatedCellSize;\n }\n }, {\n key: 'getLastMeasuredIndex',\n value: function getLastMeasuredIndex() {\n return this._lastMeasuredIndex;\n }\n }, {\n key: 'getOffsetAdjustment',\n value: function getOffsetAdjustment() {\n return 0;\n }\n\n /**\n * This method returns the size and position for the cell at the specified index.\n * It just-in-time calculates (or used cached values) for cells leading up to the index.\n */\n\n }, {\n key: 'getSizeAndPositionOfCell',\n value: function getSizeAndPositionOfCell(index) {\n if (index < 0 || index >= this._cellCount) {\n throw Error('Requested index ' + index + ' is outside of range 0..' + this._cellCount);\n }\n\n if (index > this._lastMeasuredIndex) {\n var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell();\n var _offset = lastMeasuredCellSizeAndPosition.offset + lastMeasuredCellSizeAndPosition.size;\n\n for (var i = this._lastMeasuredIndex + 1; i <= index; i++) {\n var _size = this._cellSizeGetter({ index: i });\n\n // undefined or NaN probably means a logic error in the size getter.\n // null means we're using CellMeasurer and haven't yet measured a given index.\n if (_size === undefined || isNaN(_size)) {\n throw Error('Invalid size returned for cell ' + i + ' of value ' + _size);\n } else if (_size === null) {\n this._cellSizeAndPositionData[i] = {\n offset: _offset,\n size: 0\n };\n\n this._lastBatchedIndex = index;\n } else {\n this._cellSizeAndPositionData[i] = {\n offset: _offset,\n size: _size\n };\n\n _offset += _size;\n\n this._lastMeasuredIndex = index;\n }\n }\n }\n\n return this._cellSizeAndPositionData[index];\n }\n }, {\n key: 'getSizeAndPositionOfLastMeasuredCell',\n value: function getSizeAndPositionOfLastMeasuredCell() {\n return this._lastMeasuredIndex >= 0 ? this._cellSizeAndPositionData[this._lastMeasuredIndex] : {\n offset: 0,\n size: 0\n };\n }\n\n /**\n * Total size of all cells being measured.\n * This value will be completely estimated initially.\n * As cells are measured, the estimate will be updated.\n */\n\n }, {\n key: 'getTotalSize',\n value: function getTotalSize() {\n var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell();\n var totalSizeOfMeasuredCells = lastMeasuredCellSizeAndPosition.offset + lastMeasuredCellSizeAndPosition.size;\n var numUnmeasuredCells = this._cellCount - this._lastMeasuredIndex - 1;\n var totalSizeOfUnmeasuredCells = numUnmeasuredCells * this._estimatedCellSize;\n return totalSizeOfMeasuredCells + totalSizeOfUnmeasuredCells;\n }\n\n /**\n * Determines a new offset that ensures a certain cell is visible, given the current offset.\n * If the cell is already visible then the current offset will be returned.\n * If the current offset is too great or small, it will be adjusted just enough to ensure the specified index is visible.\n *\n * @param align Desired alignment within container; one of \"auto\" (default), \"start\", or \"end\"\n * @param containerSize Size (width or height) of the container viewport\n * @param currentOffset Container's current (x or y) offset\n * @param totalSize Total size (width or height) of all cells\n * @return Offset to use to ensure the specified cell is visible\n */\n\n }, {\n key: 'getUpdatedOffsetForIndex',\n value: function getUpdatedOffsetForIndex(_ref3) {\n var _ref3$align = _ref3.align,\n align = _ref3$align === undefined ? 'auto' : _ref3$align,\n containerSize = _ref3.containerSize,\n currentOffset = _ref3.currentOffset,\n targetIndex = _ref3.targetIndex;\n\n if (containerSize <= 0) {\n return 0;\n }\n\n var datum = this.getSizeAndPositionOfCell(targetIndex);\n var maxOffset = datum.offset;\n var minOffset = maxOffset - containerSize + datum.size;\n\n var idealOffset = void 0;\n\n switch (align) {\n case 'start':\n idealOffset = maxOffset;\n break;\n case 'end':\n idealOffset = minOffset;\n break;\n case 'center':\n idealOffset = maxOffset - (containerSize - datum.size) / 2;\n break;\n default:\n idealOffset = Math.max(minOffset, Math.min(maxOffset, currentOffset));\n break;\n }\n\n var totalSize = this.getTotalSize();\n\n return Math.max(0, Math.min(totalSize - containerSize, idealOffset));\n }\n }, {\n key: 'getVisibleCellRange',\n value: function getVisibleCellRange(params) {\n var containerSize = params.containerSize,\n offset = params.offset;\n\n\n var totalSize = this.getTotalSize();\n\n if (totalSize === 0) {\n return {};\n }\n\n var maxOffset = offset + containerSize;\n var start = this._findNearestCell(offset);\n\n var datum = this.getSizeAndPositionOfCell(start);\n offset = datum.offset + datum.size;\n\n var stop = start;\n\n while (offset < maxOffset && stop < this._cellCount - 1) {\n stop++;\n\n offset += this.getSizeAndPositionOfCell(stop).size;\n }\n\n return {\n start: start,\n stop: stop\n };\n }\n\n /**\n * Clear all cached values for cells after the specified index.\n * This method should be called for any cell that has changed its size.\n * It will not immediately perform any calculations; they'll be performed the next time getSizeAndPositionOfCell() is called.\n */\n\n }, {\n key: 'resetCell',\n value: function resetCell(index) {\n this._lastMeasuredIndex = Math.min(this._lastMeasuredIndex, index - 1);\n }\n }, {\n key: '_binarySearch',\n value: function _binarySearch(high, low, offset) {\n while (low <= high) {\n var middle = low + Math.floor((high - low) / 2);\n var _currentOffset = this.getSizeAndPositionOfCell(middle).offset;\n\n if (_currentOffset === offset) {\n return middle;\n } else if (_currentOffset < offset) {\n low = middle + 1;\n } else if (_currentOffset > offset) {\n high = middle - 1;\n }\n }\n\n if (low > 0) {\n return low - 1;\n } else {\n return 0;\n }\n }\n }, {\n key: '_exponentialSearch',\n value: function _exponentialSearch(index, offset) {\n var interval = 1;\n\n while (index < this._cellCount && this.getSizeAndPositionOfCell(index).offset < offset) {\n index += interval;\n interval *= 2;\n }\n\n return this._binarySearch(Math.min(index, this._cellCount - 1), Math.floor(index / 2), offset);\n }\n\n /**\n * Searches for the cell (index) nearest the specified offset.\n *\n * If no exact match is found the next lowest cell index will be returned.\n * This allows partially visible cells (with offsets just before/above the fold) to be visible.\n */\n\n }, {\n key: '_findNearestCell',\n value: function _findNearestCell(offset) {\n if (isNaN(offset)) {\n throw Error('Invalid offset ' + offset + ' specified');\n }\n\n // Our search algorithms find the nearest match at or below the specified offset.\n // So make sure the offset is at least 0 or no match will be found.\n offset = Math.max(0, offset);\n\n var lastMeasuredCellSizeAndPosition = this.getSizeAndPositionOfLastMeasuredCell();\n var lastMeasuredIndex = Math.max(0, this._lastMeasuredIndex);\n\n if (lastMeasuredCellSizeAndPosition.offset >= offset) {\n // If we've already measured cells within this range just use a binary search as it's faster.\n return this._binarySearch(lastMeasuredIndex, 0, offset);\n } else {\n // If we haven't yet measured this high, fallback to an exponential search with an inner binary search.\n // The exponential search avoids pre-computing sizes for the full set of cells as a binary search would.\n // The overall complexity for this approach is O(log n).\n return this._exponentialSearch(lastMeasuredIndex, offset);\n }\n }\n }]);\n\n return CellSizeAndPositionManager;\n}();\n\nexport default CellSizeAndPositionManager;\nimport { bpfrpt_proptype_Alignment } from '../types';\nimport { bpfrpt_proptype_CellSizeGetter } from '../types';\nimport { bpfrpt_proptype_VisibleCellRange } from '../types';","var DEFAULT_MAX_ELEMENT_SIZE = 1500000;\nvar CHROME_MAX_ELEMENT_SIZE = 1.67771e7;\n\nvar isBrowser = function isBrowser() {\n return typeof window !== 'undefined';\n};\n\nvar isChrome = function isChrome() {\n return !!window.chrome;\n};\n\nexport var getMaxElementSize = function getMaxElementSize() {\n if (isBrowser()) {\n if (isChrome()) {\n return CHROME_MAX_ELEMENT_SIZE;\n }\n }\n return DEFAULT_MAX_ELEMENT_SIZE;\n};","import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\n\n\nimport CellSizeAndPositionManager from './CellSizeAndPositionManager';\n\nimport { getMaxElementSize } from './maxElementSize.js';\n\n/**\n * Browsers have scroll offset limitations (eg Chrome stops scrolling at ~33.5M pixels where as Edge tops out at ~1.5M pixels).\n * After a certain position, the browser won't allow the user to scroll further (even via JavaScript scroll offset adjustments).\n * This util picks a lower ceiling for max size and artificially adjusts positions within to make it transparent for users.\n */\n\n/**\n * Extends CellSizeAndPositionManager and adds scaling behavior for lists that are too large to fit within a browser's native limits.\n */\nvar ScalingCellSizeAndPositionManager = function () {\n function ScalingCellSizeAndPositionManager(_ref) {\n var _ref$maxScrollSize = _ref.maxScrollSize,\n maxScrollSize = _ref$maxScrollSize === undefined ? getMaxElementSize() : _ref$maxScrollSize,\n params = _objectWithoutProperties(_ref, ['maxScrollSize']);\n\n _classCallCheck(this, ScalingCellSizeAndPositionManager);\n\n // Favor composition over inheritance to simplify IE10 support\n this._cellSizeAndPositionManager = new CellSizeAndPositionManager(params);\n this._maxScrollSize = maxScrollSize;\n }\n\n _createClass(ScalingCellSizeAndPositionManager, [{\n key: 'areOffsetsAdjusted',\n value: function areOffsetsAdjusted() {\n return this._cellSizeAndPositionManager.getTotalSize() > this._maxScrollSize;\n }\n }, {\n key: 'configure',\n value: function configure(params) {\n this._cellSizeAndPositionManager.configure(params);\n }\n }, {\n key: 'getCellCount',\n value: function getCellCount() {\n return this._cellSizeAndPositionManager.getCellCount();\n }\n }, {\n key: 'getEstimatedCellSize',\n value: function getEstimatedCellSize() {\n return this._cellSizeAndPositionManager.getEstimatedCellSize();\n }\n }, {\n key: 'getLastMeasuredIndex',\n value: function getLastMeasuredIndex() {\n return this._cellSizeAndPositionManager.getLastMeasuredIndex();\n }\n\n /**\n * Number of pixels a cell at the given position (offset) should be shifted in order to fit within the scaled container.\n * The offset passed to this function is scaled (safe) as well.\n */\n\n }, {\n key: 'getOffsetAdjustment',\n value: function getOffsetAdjustment(_ref2) {\n var containerSize = _ref2.containerSize,\n offset = _ref2.offset;\n\n var totalSize = this._cellSizeAndPositionManager.getTotalSize();\n var safeTotalSize = this.getTotalSize();\n var offsetPercentage = this._getOffsetPercentage({\n containerSize: containerSize,\n offset: offset,\n totalSize: safeTotalSize\n });\n\n return Math.round(offsetPercentage * (safeTotalSize - totalSize));\n }\n }, {\n key: 'getSizeAndPositionOfCell',\n value: function getSizeAndPositionOfCell(index) {\n return this._cellSizeAndPositionManager.getSizeAndPositionOfCell(index);\n }\n }, {\n key: 'getSizeAndPositionOfLastMeasuredCell',\n value: function getSizeAndPositionOfLastMeasuredCell() {\n return this._cellSizeAndPositionManager.getSizeAndPositionOfLastMeasuredCell();\n }\n\n /** See CellSizeAndPositionManager#getTotalSize */\n\n }, {\n key: 'getTotalSize',\n value: function getTotalSize() {\n return Math.min(this._maxScrollSize, this._cellSizeAndPositionManager.getTotalSize());\n }\n\n /** See CellSizeAndPositionManager#getUpdatedOffsetForIndex */\n\n }, {\n key: 'getUpdatedOffsetForIndex',\n value: function getUpdatedOffsetForIndex(_ref3) {\n var _ref3$align = _ref3.align,\n align = _ref3$align === undefined ? 'auto' : _ref3$align,\n containerSize = _ref3.containerSize,\n currentOffset = _ref3.currentOffset,\n targetIndex = _ref3.targetIndex;\n\n currentOffset = this._safeOffsetToOffset({\n containerSize: containerSize,\n offset: currentOffset\n });\n\n var offset = this._cellSizeAndPositionManager.getUpdatedOffsetForIndex({\n align: align,\n containerSize: containerSize,\n currentOffset: currentOffset,\n targetIndex: targetIndex\n });\n\n return this._offsetToSafeOffset({\n containerSize: containerSize,\n offset: offset\n });\n }\n\n /** See CellSizeAndPositionManager#getVisibleCellRange */\n\n }, {\n key: 'getVisibleCellRange',\n value: function getVisibleCellRange(_ref4) {\n var containerSize = _ref4.containerSize,\n offset = _ref4.offset;\n\n offset = this._safeOffsetToOffset({\n containerSize: containerSize,\n offset: offset\n });\n\n return this._cellSizeAndPositionManager.getVisibleCellRange({\n containerSize: containerSize,\n offset: offset\n });\n }\n }, {\n key: 'resetCell',\n value: function resetCell(index) {\n this._cellSizeAndPositionManager.resetCell(index);\n }\n }, {\n key: '_getOffsetPercentage',\n value: function _getOffsetPercentage(_ref5) {\n var containerSize = _ref5.containerSize,\n offset = _ref5.offset,\n totalSize = _ref5.totalSize;\n\n return totalSize <= containerSize ? 0 : offset / (totalSize - containerSize);\n }\n }, {\n key: '_offsetToSafeOffset',\n value: function _offsetToSafeOffset(_ref6) {\n var containerSize = _ref6.containerSize,\n offset = _ref6.offset;\n\n var totalSize = this._cellSizeAndPositionManager.getTotalSize();\n var safeTotalSize = this.getTotalSize();\n\n if (totalSize === safeTotalSize) {\n return offset;\n } else {\n var offsetPercentage = this._getOffsetPercentage({\n containerSize: containerSize,\n offset: offset,\n totalSize: totalSize\n });\n\n return Math.round(offsetPercentage * (safeTotalSize - containerSize));\n }\n }\n }, {\n key: '_safeOffsetToOffset',\n value: function _safeOffsetToOffset(_ref7) {\n var containerSize = _ref7.containerSize,\n offset = _ref7.offset;\n\n var totalSize = this._cellSizeAndPositionManager.getTotalSize();\n var safeTotalSize = this.getTotalSize();\n\n if (totalSize === safeTotalSize) {\n return offset;\n } else {\n var offsetPercentage = this._getOffsetPercentage({\n containerSize: containerSize,\n offset: offset,\n totalSize: safeTotalSize\n });\n\n return Math.round(offsetPercentage * (totalSize - containerSize));\n }\n }\n }]);\n\n return ScalingCellSizeAndPositionManager;\n}();\n\nexport default ScalingCellSizeAndPositionManager;\nimport { bpfrpt_proptype_Alignment } from '../types';\nimport { bpfrpt_proptype_CellSizeGetter } from '../types';\nimport { bpfrpt_proptype_VisibleCellRange } from '../types';","import _Object$keys from 'babel-runtime/core-js/object/keys';\n/**\n * Helper utility that updates the specified callback whenever any of the specified indices have changed.\n */\nexport default function createCallbackMemoizer() {\n var requireAllKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n\n var cachedIndices = {};\n\n return function (_ref) {\n var callback = _ref.callback,\n indices = _ref.indices;\n\n var keys = _Object$keys(indices);\n var allInitialized = !requireAllKeys || keys.every(function (key) {\n var value = indices[key];\n return Array.isArray(value) ? value.length > 0 : value >= 0;\n });\n var indexChanged = keys.length !== _Object$keys(cachedIndices).length || keys.some(function (key) {\n var cachedValue = cachedIndices[key];\n var value = indices[key];\n\n return Array.isArray(value) ? cachedValue.join(',') !== value.join(',') : cachedValue !== value;\n });\n\n cachedIndices = indices;\n\n if (allInitialized && indexChanged) {\n callback(indices);\n }\n };\n}","\n\nexport var SCROLL_DIRECTION_BACKWARD = -1;\n\nexport var SCROLL_DIRECTION_FORWARD = 1;\n\nexport var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';\nexport var SCROLL_DIRECTION_VERTICAL = 'vertical';\n\n/**\n * Calculates the number of cells to overscan before and after a specified range.\n * This function ensures that overscanning doesn't exceed the available cells.\n */\n\nexport default function defaultOverscanIndicesGetter(_ref) {\n var cellCount = _ref.cellCount,\n overscanCellsCount = _ref.overscanCellsCount,\n scrollDirection = _ref.scrollDirection,\n startIndex = _ref.startIndex,\n stopIndex = _ref.stopIndex;\n\n if (scrollDirection === SCROLL_DIRECTION_FORWARD) {\n return {\n overscanStartIndex: Math.max(0, startIndex),\n overscanStopIndex: Math.min(cellCount - 1, stopIndex + overscanCellsCount)\n };\n } else {\n return {\n overscanStartIndex: Math.max(0, startIndex - overscanCellsCount),\n overscanStopIndex: Math.min(cellCount - 1, stopIndex)\n };\n }\n}\nimport { bpfrpt_proptype_OverscanIndicesGetterParams } from './types';\nimport { bpfrpt_proptype_OverscanIndices } from './types';","\n\nimport ScalingCellSizeAndPositionManager from './ScalingCellSizeAndPositionManager.js';\n\n/**\n * Helper function that determines when to update scroll offsets to ensure that a scroll-to-index remains visible.\n * This function also ensures that the scroll ofset isn't past the last column/row of cells.\n */\n\nexport default function updateScrollIndexHelper(_ref) {\n var cellSize = _ref.cellSize,\n cellSizeAndPositionManager = _ref.cellSizeAndPositionManager,\n previousCellsCount = _ref.previousCellsCount,\n previousCellSize = _ref.previousCellSize,\n previousScrollToAlignment = _ref.previousScrollToAlignment,\n previousScrollToIndex = _ref.previousScrollToIndex,\n previousSize = _ref.previousSize,\n scrollOffset = _ref.scrollOffset,\n scrollToAlignment = _ref.scrollToAlignment,\n scrollToIndex = _ref.scrollToIndex,\n size = _ref.size,\n sizeJustIncreasedFromZero = _ref.sizeJustIncreasedFromZero,\n updateScrollIndexCallback = _ref.updateScrollIndexCallback;\n\n var cellCount = cellSizeAndPositionManager.getCellCount();\n var hasScrollToIndex = scrollToIndex >= 0 && scrollToIndex < cellCount;\n var sizeHasChanged = size !== previousSize || sizeJustIncreasedFromZero || !previousCellSize || typeof cellSize === 'number' && cellSize !== previousCellSize;\n\n // If we have a new scroll target OR if height/row-height has changed,\n // We should ensure that the scroll target is visible.\n if (hasScrollToIndex && (sizeHasChanged || scrollToAlignment !== previousScrollToAlignment || scrollToIndex !== previousScrollToIndex)) {\n updateScrollIndexCallback(scrollToIndex);\n\n // If we don't have a selected item but list size or number of children have decreased,\n // Make sure we aren't scrolled too far past the current content.\n } else if (!hasScrollToIndex && cellCount > 0 && (size < previousSize || cellCount < previousCellsCount)) {\n // We need to ensure that the current scroll offset is still within the collection's range.\n // To do this, we don't need to measure everything; CellMeasurer would perform poorly.\n // Just check to make sure we're still okay.\n // Only adjust the scroll position if we've scrolled below the last set of rows.\n if (scrollOffset > cellSizeAndPositionManager.getTotalSize() - size) {\n updateScrollIndexCallback(cellCount - 1);\n }\n }\n}\nimport { bpfrpt_proptype_Alignment } from '../types';\nimport { bpfrpt_proptype_CellSize } from '../types';","export default !!(typeof window !== 'undefined' && window.document && window.document.createElement);","import canUseDOM from './canUseDOM';\nvar size;\nexport default function scrollbarSize(recalc) {\n if (!size && size !== 0 || recalc) {\n if (canUseDOM) {\n var scrollDiv = document.createElement('div');\n scrollDiv.style.position = 'absolute';\n scrollDiv.style.top = '-9999px';\n scrollDiv.style.width = '50px';\n scrollDiv.style.height = '50px';\n scrollDiv.style.overflow = 'scroll';\n document.body.appendChild(scrollDiv);\n size = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n }\n }\n\n return size;\n}","\n\n// Properly handle server-side rendering.\nvar win = void 0;\n\nif (typeof window !== 'undefined') {\n win = window;\n} else if (typeof self !== 'undefined') {\n win = self;\n} else {\n win = {};\n}\n\n// requestAnimationFrame() shim by Paul Irish\n// http://paulirish.com/2011/requestanimationframe-for-smart-animating/\nvar request = win.requestAnimationFrame || win.webkitRequestAnimationFrame || win.mozRequestAnimationFrame || win.oRequestAnimationFrame || win.msRequestAnimationFrame || function (callback) {\n return win.setTimeout(callback, 1000 / 60);\n};\n\nvar cancel = win.cancelAnimationFrame || win.webkitCancelAnimationFrame || win.mozCancelAnimationFrame || win.oCancelAnimationFrame || win.msCancelAnimationFrame || function (id) {\n win.clearTimeout(id);\n};\n\nexport var raf = request;\nexport var caf = cancel;","import _Promise from 'babel-runtime/core-js/promise';\nimport { caf, raf } from './animationFrame';\n\nvar bpfrpt_proptype_AnimationTimeoutId = process.env.NODE_ENV === 'production' ? null : {\n id: PropTypes.number.isRequired\n};\n\n\nexport var cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n return caf(frame.id);\n};\n\n/**\n * Recursively calls requestAnimationFrame until a specified delay has been met or exceeded.\n * When the delay time has been reached the function you're timing out will be called.\n *\n * Credit: Joe Lambert (https://gist.github.com/joelambert/1002116#file-requesttimeout-js)\n */\nexport var requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n var start = void 0;\n // wait for end of processing current event handler, because event handler may be long\n _Promise.resolve().then(function () {\n start = Date.now();\n });\n\n var timeout = function timeout() {\n if (Date.now() - start >= delay) {\n callback.call();\n } else {\n frame.id = raf(timeout);\n }\n };\n\n var frame = {\n id: raf(timeout)\n };\n\n return frame;\n};\nimport PropTypes from 'prop-types';\nexport { bpfrpt_proptype_AnimationTimeoutId };","import _Object$assign from 'babel-runtime/core-js/object/assign';\nimport _extends from 'babel-runtime/helpers/extends';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport calculateSizeAndPositionDataAndUpdateScrollOffset from './utils/calculateSizeAndPositionDataAndUpdateScrollOffset';\nimport ScalingCellSizeAndPositionManager from './utils/ScalingCellSizeAndPositionManager';\nimport createCallbackMemoizer from '../utils/createCallbackMemoizer';\nimport defaultOverscanIndicesGetter, { SCROLL_DIRECTION_BACKWARD, SCROLL_DIRECTION_FORWARD } from './defaultOverscanIndicesGetter';\nimport updateScrollIndexHelper from './utils/updateScrollIndexHelper';\nimport defaultCellRangeRenderer from './defaultCellRangeRenderer';\nimport scrollbarSize from 'dom-helpers/scrollbarSize';\nimport { polyfill } from 'react-lifecycles-compat';\nimport { requestAnimationTimeout, cancelAnimationTimeout } from '../utils/requestAnimationTimeout';\n\n/**\n * Specifies the number of milliseconds during which to disable pointer events while a scroll is in progress.\n * This improves performance and makes scrolling smoother.\n */\nexport var DEFAULT_SCROLLING_RESET_TIME_INTERVAL = 150;\n\n/**\n * Controls whether the Grid updates the DOM element's scrollLeft/scrollTop based on the current state or just observes it.\n * This prevents Grid from interrupting mouse-wheel animations (see issue #2).\n */\nvar SCROLL_POSITION_CHANGE_REASONS = {\n OBSERVED: 'observed',\n REQUESTED: 'requested'\n};\n\nvar renderNull = function renderNull() {\n return null;\n};\n\n/**\n * Renders tabular data with virtualization along the vertical and horizontal axes.\n * Row heights and column widths must be known ahead of time and specified as properties.\n */\nvar Grid = function (_React$PureComponent) {\n _inherits(Grid, _React$PureComponent);\n\n // Invokes onSectionRendered callback only when start/stop row or column indices change\n function Grid(props) {\n _classCallCheck(this, Grid);\n\n var _this = _possibleConstructorReturn(this, (Grid.__proto__ || _Object$getPrototypeOf(Grid)).call(this, props));\n\n _this._onGridRenderedMemoizer = createCallbackMemoizer();\n _this._onScrollMemoizer = createCallbackMemoizer(false);\n _this._deferredInvalidateColumnIndex = null;\n _this._deferredInvalidateRowIndex = null;\n _this._recomputeScrollLeftFlag = false;\n _this._recomputeScrollTopFlag = false;\n _this._horizontalScrollBarSize = 0;\n _this._verticalScrollBarSize = 0;\n _this._scrollbarPresenceChanged = false;\n _this._renderedColumnStartIndex = 0;\n _this._renderedColumnStopIndex = 0;\n _this._renderedRowStartIndex = 0;\n _this._renderedRowStopIndex = 0;\n _this._styleCache = {};\n _this._cellCache = {};\n\n _this._debounceScrollEndedCallback = function () {\n _this._disablePointerEventsTimeoutId = null;\n // isScrolling is used to determine if we reset styleCache\n _this.setState({\n isScrolling: false,\n needToResetStyleCache: false\n });\n };\n\n _this._invokeOnGridRenderedHelper = function () {\n var onSectionRendered = _this.props.onSectionRendered;\n\n\n _this._onGridRenderedMemoizer({\n callback: onSectionRendered,\n indices: {\n columnOverscanStartIndex: _this._columnStartIndex,\n columnOverscanStopIndex: _this._columnStopIndex,\n columnStartIndex: _this._renderedColumnStartIndex,\n columnStopIndex: _this._renderedColumnStopIndex,\n rowOverscanStartIndex: _this._rowStartIndex,\n rowOverscanStopIndex: _this._rowStopIndex,\n rowStartIndex: _this._renderedRowStartIndex,\n rowStopIndex: _this._renderedRowStopIndex\n }\n });\n };\n\n _this._setScrollingContainerRef = function (ref) {\n _this._scrollingContainer = ref;\n };\n\n _this._onScroll = function (event) {\n // In certain edge-cases React dispatches an onScroll event with an invalid target.scrollLeft / target.scrollTop.\n // This invalid event can be detected by comparing event.target to this component's scrollable DOM element.\n // See issue #404 for more information.\n if (event.target === _this._scrollingContainer) {\n _this.handleScrollEvent(event.target);\n }\n };\n\n var columnSizeAndPositionManager = new ScalingCellSizeAndPositionManager({\n cellCount: props.columnCount,\n cellSizeGetter: function cellSizeGetter(params) {\n return Grid._wrapSizeGetter(props.columnWidth)(params);\n },\n estimatedCellSize: Grid._getEstimatedColumnSize(props)\n });\n var rowSizeAndPositionManager = new ScalingCellSizeAndPositionManager({\n cellCount: props.rowCount,\n cellSizeGetter: function cellSizeGetter(params) {\n return Grid._wrapSizeGetter(props.rowHeight)(params);\n },\n estimatedCellSize: Grid._getEstimatedRowSize(props)\n });\n\n _this.state = {\n instanceProps: {\n columnSizeAndPositionManager: columnSizeAndPositionManager,\n rowSizeAndPositionManager: rowSizeAndPositionManager,\n\n prevColumnWidth: props.columnWidth,\n prevRowHeight: props.rowHeight,\n prevColumnCount: props.columnCount,\n prevRowCount: props.rowCount,\n prevIsScrolling: props.isScrolling === true,\n prevScrollToColumn: props.scrollToColumn,\n prevScrollToRow: props.scrollToRow,\n\n scrollbarSize: 0,\n scrollbarSizeMeasured: false\n },\n isScrolling: false,\n scrollDirectionHorizontal: SCROLL_DIRECTION_FORWARD,\n scrollDirectionVertical: SCROLL_DIRECTION_FORWARD,\n scrollLeft: 0,\n scrollTop: 0,\n scrollPositionChangeReason: null,\n\n needToResetStyleCache: false\n };\n\n if (props.scrollToRow > 0) {\n _this._initialScrollTop = _this._getCalculatedScrollTop(props, _this.state);\n }\n if (props.scrollToColumn > 0) {\n _this._initialScrollLeft = _this._getCalculatedScrollLeft(props, _this.state);\n }\n return _this;\n }\n\n /**\n * Gets offsets for a given cell and alignment.\n */\n\n\n _createClass(Grid, [{\n key: 'getOffsetForCell',\n value: function getOffsetForCell() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$alignment = _ref.alignment,\n alignment = _ref$alignment === undefined ? this.props.scrollToAlignment : _ref$alignment,\n _ref$columnIndex = _ref.columnIndex,\n columnIndex = _ref$columnIndex === undefined ? this.props.scrollToColumn : _ref$columnIndex,\n _ref$rowIndex = _ref.rowIndex,\n rowIndex = _ref$rowIndex === undefined ? this.props.scrollToRow : _ref$rowIndex;\n\n var offsetProps = _extends({}, this.props, {\n scrollToAlignment: alignment,\n scrollToColumn: columnIndex,\n scrollToRow: rowIndex\n });\n\n return {\n scrollLeft: this._getCalculatedScrollLeft(offsetProps),\n scrollTop: this._getCalculatedScrollTop(offsetProps)\n };\n }\n\n /**\n * Gets estimated total rows' height.\n */\n\n }, {\n key: 'getTotalRowsHeight',\n value: function getTotalRowsHeight() {\n return this.state.instanceProps.rowSizeAndPositionManager.getTotalSize();\n }\n\n /**\n * Gets estimated total columns' width.\n */\n\n }, {\n key: 'getTotalColumnsWidth',\n value: function getTotalColumnsWidth() {\n return this.state.instanceProps.columnSizeAndPositionManager.getTotalSize();\n }\n\n /**\n * This method handles a scroll event originating from an external scroll control.\n * It's an advanced method and should probably not be used unless you're implementing a custom scroll-bar solution.\n */\n\n }, {\n key: 'handleScrollEvent',\n value: function handleScrollEvent(_ref2) {\n var _ref2$scrollLeft = _ref2.scrollLeft,\n scrollLeftParam = _ref2$scrollLeft === undefined ? 0 : _ref2$scrollLeft,\n _ref2$scrollTop = _ref2.scrollTop,\n scrollTopParam = _ref2$scrollTop === undefined ? 0 : _ref2$scrollTop;\n\n // On iOS, we can arrive at negative offsets by swiping past the start.\n // To prevent flicker here, we make playing in the negative offset zone cause nothing to happen.\n if (scrollTopParam < 0) {\n return;\n }\n\n // Prevent pointer events from interrupting a smooth scroll\n this._debounceScrollEnded();\n\n var _props = this.props,\n autoHeight = _props.autoHeight,\n autoWidth = _props.autoWidth,\n height = _props.height,\n width = _props.width;\n var instanceProps = this.state.instanceProps;\n\n // When this component is shrunk drastically, React dispatches a series of back-to-back scroll events,\n // Gradually converging on a scrollTop that is within the bounds of the new, smaller height.\n // This causes a series of rapid renders that is slow for long lists.\n // We can avoid that by doing some simple bounds checking to ensure that scroll offsets never exceed their bounds.\n\n var scrollbarSize = instanceProps.scrollbarSize;\n var totalRowsHeight = instanceProps.rowSizeAndPositionManager.getTotalSize();\n var totalColumnsWidth = instanceProps.columnSizeAndPositionManager.getTotalSize();\n var scrollLeft = Math.min(Math.max(0, totalColumnsWidth - width + scrollbarSize), scrollLeftParam);\n var scrollTop = Math.min(Math.max(0, totalRowsHeight - height + scrollbarSize), scrollTopParam);\n\n // Certain devices (like Apple touchpad) rapid-fire duplicate events.\n // Don't force a re-render if this is the case.\n // The mouse may move faster then the animation frame does.\n // Use requestAnimationFrame to avoid over-updating.\n if (this.state.scrollLeft !== scrollLeft || this.state.scrollTop !== scrollTop) {\n // Track scrolling direction so we can more efficiently overscan rows to reduce empty space around the edges while scrolling.\n // Don't change direction for an axis unless scroll offset has changed.\n var _scrollDirectionHorizontal = scrollLeft !== this.state.scrollLeft ? scrollLeft > this.state.scrollLeft ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_BACKWARD : this.state.scrollDirectionHorizontal;\n var _scrollDirectionVertical = scrollTop !== this.state.scrollTop ? scrollTop > this.state.scrollTop ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_BACKWARD : this.state.scrollDirectionVertical;\n\n var newState = {\n isScrolling: true,\n scrollDirectionHorizontal: _scrollDirectionHorizontal,\n scrollDirectionVertical: _scrollDirectionVertical,\n scrollPositionChangeReason: SCROLL_POSITION_CHANGE_REASONS.OBSERVED\n };\n\n if (!autoHeight) {\n newState.scrollTop = scrollTop;\n }\n\n if (!autoWidth) {\n newState.scrollLeft = scrollLeft;\n }\n\n newState.needToResetStyleCache = false;\n this.setState(newState);\n }\n\n this._invokeOnScrollMemoizer({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n totalColumnsWidth: totalColumnsWidth,\n totalRowsHeight: totalRowsHeight\n });\n }\n\n /**\n * Invalidate Grid size and recompute visible cells.\n * This is a deferred wrapper for recomputeGridSize().\n * It sets a flag to be evaluated on cDM/cDU to avoid unnecessary renders.\n * This method is intended for advanced use-cases like CellMeasurer.\n */\n // @TODO (bvaughn) Add automated test coverage for this.\n\n }, {\n key: 'invalidateCellSizeAfterRender',\n value: function invalidateCellSizeAfterRender(_ref3) {\n var columnIndex = _ref3.columnIndex,\n rowIndex = _ref3.rowIndex;\n\n this._deferredInvalidateColumnIndex = typeof this._deferredInvalidateColumnIndex === 'number' ? Math.min(this._deferredInvalidateColumnIndex, columnIndex) : columnIndex;\n this._deferredInvalidateRowIndex = typeof this._deferredInvalidateRowIndex === 'number' ? Math.min(this._deferredInvalidateRowIndex, rowIndex) : rowIndex;\n }\n\n /**\n * Pre-measure all columns and rows in a Grid.\n * Typically cells are only measured as needed and estimated sizes are used for cells that have not yet been measured.\n * This method ensures that the next call to getTotalSize() returns an exact size (as opposed to just an estimated one).\n */\n\n }, {\n key: 'measureAllCells',\n value: function measureAllCells() {\n var _props2 = this.props,\n columnCount = _props2.columnCount,\n rowCount = _props2.rowCount;\n var instanceProps = this.state.instanceProps;\n\n instanceProps.columnSizeAndPositionManager.getSizeAndPositionOfCell(columnCount - 1);\n instanceProps.rowSizeAndPositionManager.getSizeAndPositionOfCell(rowCount - 1);\n }\n\n /**\n * Forced recompute of row heights and column widths.\n * This function should be called if dynamic column or row sizes have changed but nothing else has.\n * Since Grid only receives :columnCount and :rowCount it has no way of detecting when the underlying data changes.\n */\n\n }, {\n key: 'recomputeGridSize',\n value: function recomputeGridSize() {\n var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref4$columnIndex = _ref4.columnIndex,\n columnIndex = _ref4$columnIndex === undefined ? 0 : _ref4$columnIndex,\n _ref4$rowIndex = _ref4.rowIndex,\n rowIndex = _ref4$rowIndex === undefined ? 0 : _ref4$rowIndex;\n\n var _props3 = this.props,\n scrollToColumn = _props3.scrollToColumn,\n scrollToRow = _props3.scrollToRow;\n var instanceProps = this.state.instanceProps;\n\n\n instanceProps.columnSizeAndPositionManager.resetCell(columnIndex);\n instanceProps.rowSizeAndPositionManager.resetCell(rowIndex);\n\n // Cell sizes may be determined by a function property.\n // In this case the cDU handler can't know if they changed.\n // Store this flag to let the next cDU pass know it needs to recompute the scroll offset.\n this._recomputeScrollLeftFlag = scrollToColumn >= 0 && (this.state.scrollDirectionHorizontal === SCROLL_DIRECTION_FORWARD ? columnIndex <= scrollToColumn : columnIndex >= scrollToColumn);\n this._recomputeScrollTopFlag = scrollToRow >= 0 && (this.state.scrollDirectionVertical === SCROLL_DIRECTION_FORWARD ? rowIndex <= scrollToRow : rowIndex >= scrollToRow);\n\n // Clear cell cache in case we are scrolling;\n // Invalid row heights likely mean invalid cached content as well.\n this._styleCache = {};\n this._cellCache = {};\n\n this.forceUpdate();\n }\n\n /**\n * Ensure column and row are visible.\n */\n\n }, {\n key: 'scrollToCell',\n value: function scrollToCell(_ref5) {\n var columnIndex = _ref5.columnIndex,\n rowIndex = _ref5.rowIndex;\n var columnCount = this.props.columnCount;\n\n\n var props = this.props;\n\n // Don't adjust scroll offset for single-column grids (eg List, Table).\n // This can cause a funky scroll offset because of the vertical scrollbar width.\n if (columnCount > 1 && columnIndex !== undefined) {\n this._updateScrollLeftForScrollToColumn(_extends({}, props, {\n scrollToColumn: columnIndex\n }));\n }\n\n if (rowIndex !== undefined) {\n this._updateScrollTopForScrollToRow(_extends({}, props, {\n scrollToRow: rowIndex\n }));\n }\n }\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _props4 = this.props,\n getScrollbarSize = _props4.getScrollbarSize,\n height = _props4.height,\n scrollLeft = _props4.scrollLeft,\n scrollToColumn = _props4.scrollToColumn,\n scrollTop = _props4.scrollTop,\n scrollToRow = _props4.scrollToRow,\n width = _props4.width;\n var instanceProps = this.state.instanceProps;\n\n // Reset initial offsets to be ignored in browser\n\n this._initialScrollTop = 0;\n this._initialScrollLeft = 0;\n\n // If cell sizes have been invalidated (eg we are using CellMeasurer) then reset cached positions.\n // We must do this at the start of the method as we may calculate and update scroll position below.\n this._handleInvalidatedGridSize();\n\n // If this component was first rendered server-side, scrollbar size will be undefined.\n // In that event we need to remeasure.\n if (!instanceProps.scrollbarSizeMeasured) {\n this.setState(function (prevState) {\n var stateUpdate = _extends({}, prevState, { needToResetStyleCache: false });\n stateUpdate.instanceProps.scrollbarSize = getScrollbarSize();\n stateUpdate.instanceProps.scrollbarSizeMeasured = true;\n return stateUpdate;\n });\n }\n\n if (typeof scrollLeft === 'number' && scrollLeft >= 0 || typeof scrollTop === 'number' && scrollTop >= 0) {\n var stateUpdate = Grid._getScrollToPositionStateUpdate({\n prevState: this.state,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n });\n if (stateUpdate) {\n stateUpdate.needToResetStyleCache = false;\n this.setState(stateUpdate);\n }\n }\n\n // refs don't work in `react-test-renderer`\n if (this._scrollingContainer) {\n // setting the ref's scrollLeft and scrollTop.\n // Somehow in MultiGrid the main grid doesn't trigger a update on mount.\n if (this._scrollingContainer.scrollLeft !== this.state.scrollLeft) {\n this._scrollingContainer.scrollLeft = this.state.scrollLeft;\n }\n if (this._scrollingContainer.scrollTop !== this.state.scrollTop) {\n this._scrollingContainer.scrollTop = this.state.scrollTop;\n }\n }\n\n // Don't update scroll offset if the size is 0; we don't render any cells in this case.\n // Setting a state may cause us to later thing we've updated the offce when we haven't.\n var sizeIsBiggerThanZero = height > 0 && width > 0;\n if (scrollToColumn >= 0 && sizeIsBiggerThanZero) {\n this._updateScrollLeftForScrollToColumn();\n }\n if (scrollToRow >= 0 && sizeIsBiggerThanZero) {\n this._updateScrollTopForScrollToRow();\n }\n\n // Update onRowsRendered callback\n this._invokeOnGridRenderedHelper();\n\n // Initialize onScroll callback\n this._invokeOnScrollMemoizer({\n scrollLeft: scrollLeft || 0,\n scrollTop: scrollTop || 0,\n totalColumnsWidth: instanceProps.columnSizeAndPositionManager.getTotalSize(),\n totalRowsHeight: instanceProps.rowSizeAndPositionManager.getTotalSize()\n });\n\n this._maybeCallOnScrollbarPresenceChange();\n }\n\n /**\n * @private\n * This method updates scrollLeft/scrollTop in state for the following conditions:\n * 1) New scroll-to-cell props have been set\n */\n\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n var _this2 = this;\n\n var _props5 = this.props,\n autoHeight = _props5.autoHeight,\n autoWidth = _props5.autoWidth,\n columnCount = _props5.columnCount,\n height = _props5.height,\n rowCount = _props5.rowCount,\n scrollToAlignment = _props5.scrollToAlignment,\n scrollToColumn = _props5.scrollToColumn,\n scrollToRow = _props5.scrollToRow,\n width = _props5.width;\n var _state = this.state,\n scrollLeft = _state.scrollLeft,\n scrollPositionChangeReason = _state.scrollPositionChangeReason,\n scrollTop = _state.scrollTop,\n instanceProps = _state.instanceProps;\n // If cell sizes have been invalidated (eg we are using CellMeasurer) then reset cached positions.\n // We must do this at the start of the method as we may calculate and update scroll position below.\n\n this._handleInvalidatedGridSize();\n\n // Handle edge case where column or row count has only just increased over 0.\n // In this case we may have to restore a previously-specified scroll offset.\n // For more info see bvaughn/react-virtualized/issues/218\n var columnOrRowCountJustIncreasedFromZero = columnCount > 0 && prevProps.columnCount === 0 || rowCount > 0 && prevProps.rowCount === 0;\n\n // Make sure requested changes to :scrollLeft or :scrollTop get applied.\n // Assigning to scrollLeft/scrollTop tells the browser to interrupt any running scroll animations,\n // And to discard any pending async changes to the scroll position that may have happened in the meantime (e.g. on a separate scrolling thread).\n // So we only set these when we require an adjustment of the scroll position.\n // See issue #2 for more information.\n if (scrollPositionChangeReason === SCROLL_POSITION_CHANGE_REASONS.REQUESTED) {\n // @TRICKY :autoHeight and :autoWidth properties instructs Grid to leave :scrollTop and :scrollLeft management to an external HOC (eg WindowScroller).\n // In this case we should avoid checking scrollingContainer.scrollTop and scrollingContainer.scrollLeft since it forces layout/flow.\n if (!autoWidth && scrollLeft >= 0 && (scrollLeft !== this._scrollingContainer.scrollLeft || columnOrRowCountJustIncreasedFromZero)) {\n this._scrollingContainer.scrollLeft = scrollLeft;\n }\n if (!autoHeight && scrollTop >= 0 && (scrollTop !== this._scrollingContainer.scrollTop || columnOrRowCountJustIncreasedFromZero)) {\n this._scrollingContainer.scrollTop = scrollTop;\n }\n }\n\n // Special case where the previous size was 0:\n // In this case we don't show any windowed cells at all.\n // So we should always recalculate offset afterwards.\n var sizeJustIncreasedFromZero = (prevProps.width === 0 || prevProps.height === 0) && height > 0 && width > 0;\n\n // Update scroll offsets if the current :scrollToColumn or :scrollToRow values requires it\n // @TODO Do we also need this check or can the one in componentWillUpdate() suffice?\n if (this._recomputeScrollLeftFlag) {\n this._recomputeScrollLeftFlag = false;\n this._updateScrollLeftForScrollToColumn(this.props);\n } else {\n updateScrollIndexHelper({\n cellSizeAndPositionManager: instanceProps.columnSizeAndPositionManager,\n previousCellsCount: prevProps.columnCount,\n previousCellSize: prevProps.columnWidth,\n previousScrollToAlignment: prevProps.scrollToAlignment,\n previousScrollToIndex: prevProps.scrollToColumn,\n previousSize: prevProps.width,\n scrollOffset: scrollLeft,\n scrollToAlignment: scrollToAlignment,\n scrollToIndex: scrollToColumn,\n size: width,\n sizeJustIncreasedFromZero: sizeJustIncreasedFromZero,\n updateScrollIndexCallback: function updateScrollIndexCallback() {\n return _this2._updateScrollLeftForScrollToColumn(_this2.props);\n }\n });\n }\n\n if (this._recomputeScrollTopFlag) {\n this._recomputeScrollTopFlag = false;\n this._updateScrollTopForScrollToRow(this.props);\n } else {\n updateScrollIndexHelper({\n cellSizeAndPositionManager: instanceProps.rowSizeAndPositionManager,\n previousCellsCount: prevProps.rowCount,\n previousCellSize: prevProps.rowHeight,\n previousScrollToAlignment: prevProps.scrollToAlignment,\n previousScrollToIndex: prevProps.scrollToRow,\n previousSize: prevProps.height,\n scrollOffset: scrollTop,\n scrollToAlignment: scrollToAlignment,\n scrollToIndex: scrollToRow,\n size: height,\n sizeJustIncreasedFromZero: sizeJustIncreasedFromZero,\n updateScrollIndexCallback: function updateScrollIndexCallback() {\n return _this2._updateScrollTopForScrollToRow(_this2.props);\n }\n });\n }\n\n // Update onRowsRendered callback if start/stop indices have changed\n this._invokeOnGridRenderedHelper();\n\n // Changes to :scrollLeft or :scrollTop should also notify :onScroll listeners\n if (scrollLeft !== prevState.scrollLeft || scrollTop !== prevState.scrollTop) {\n var totalRowsHeight = instanceProps.rowSizeAndPositionManager.getTotalSize();\n var totalColumnsWidth = instanceProps.columnSizeAndPositionManager.getTotalSize();\n\n this._invokeOnScrollMemoizer({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n totalColumnsWidth: totalColumnsWidth,\n totalRowsHeight: totalRowsHeight\n });\n }\n\n this._maybeCallOnScrollbarPresenceChange();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this._disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(this._disablePointerEventsTimeoutId);\n }\n }\n\n /**\n * This method updates scrollLeft/scrollTop in state for the following conditions:\n * 1) Empty content (0 rows or columns)\n * 2) New scroll props overriding the current state\n * 3) Cells-count or cells-size has changed, making previous scroll offsets invalid\n */\n\n }, {\n key: 'render',\n value: function render() {\n var _props6 = this.props,\n autoContainerWidth = _props6.autoContainerWidth,\n autoHeight = _props6.autoHeight,\n autoWidth = _props6.autoWidth,\n className = _props6.className,\n containerProps = _props6.containerProps,\n containerRole = _props6.containerRole,\n containerStyle = _props6.containerStyle,\n height = _props6.height,\n id = _props6.id,\n noContentRenderer = _props6.noContentRenderer,\n role = _props6.role,\n style = _props6.style,\n tabIndex = _props6.tabIndex,\n width = _props6.width;\n var _state2 = this.state,\n instanceProps = _state2.instanceProps,\n needToResetStyleCache = _state2.needToResetStyleCache;\n\n\n var isScrolling = this._isScrolling();\n\n var gridStyle = {\n boxSizing: 'border-box',\n direction: 'ltr',\n height: autoHeight ? 'auto' : height,\n position: 'relative',\n width: autoWidth ? 'auto' : width,\n WebkitOverflowScrolling: 'touch',\n willChange: 'transform'\n };\n\n if (needToResetStyleCache) {\n this._styleCache = {};\n }\n\n // calculate _styleCache here\n // if state.isScrolling (not from _isScrolling) then reset\n if (!this.state.isScrolling) {\n this._resetStyleCache();\n }\n\n // calculate children to render here\n this._calculateChildrenToRender(this.props, this.state);\n\n var totalColumnsWidth = instanceProps.columnSizeAndPositionManager.getTotalSize();\n var totalRowsHeight = instanceProps.rowSizeAndPositionManager.getTotalSize();\n\n // Force browser to hide scrollbars when we know they aren't necessary.\n // Otherwise once scrollbars appear they may not disappear again.\n // For more info see issue #116\n var verticalScrollBarSize = totalRowsHeight > height ? instanceProps.scrollbarSize : 0;\n var horizontalScrollBarSize = totalColumnsWidth > width ? instanceProps.scrollbarSize : 0;\n\n if (horizontalScrollBarSize !== this._horizontalScrollBarSize || verticalScrollBarSize !== this._verticalScrollBarSize) {\n this._horizontalScrollBarSize = horizontalScrollBarSize;\n this._verticalScrollBarSize = verticalScrollBarSize;\n this._scrollbarPresenceChanged = true;\n }\n\n // Also explicitly init styles to 'auto' if scrollbars are required.\n // This works around an obscure edge case where external CSS styles have not yet been loaded,\n // But an initial scroll index of offset is set as an external prop.\n // Without this style, Grid would render the correct range of cells but would NOT update its internal offset.\n // This was originally reported via clauderic/react-infinite-calendar/issues/23\n gridStyle.overflowX = totalColumnsWidth + verticalScrollBarSize <= width ? 'hidden' : 'auto';\n gridStyle.overflowY = totalRowsHeight + horizontalScrollBarSize <= height ? 'hidden' : 'auto';\n\n var childrenToDisplay = this._childrenToDisplay;\n\n var showNoContentRenderer = childrenToDisplay.length === 0 && height > 0 && width > 0;\n\n return React.createElement(\n 'div',\n _extends({\n ref: this._setScrollingContainerRef\n }, containerProps, {\n 'aria-label': this.props['aria-label'],\n 'aria-readonly': this.props['aria-readonly'],\n className: clsx('ReactVirtualized__Grid', className),\n id: id,\n onScroll: this._onScroll,\n role: role,\n style: _extends({}, gridStyle, style),\n tabIndex: tabIndex }),\n childrenToDisplay.length > 0 && React.createElement(\n 'div',\n {\n className: 'ReactVirtualized__Grid__innerScrollContainer',\n role: containerRole,\n style: _extends({\n width: autoContainerWidth ? 'auto' : totalColumnsWidth,\n height: totalRowsHeight,\n maxWidth: totalColumnsWidth,\n maxHeight: totalRowsHeight,\n overflow: 'hidden',\n pointerEvents: isScrolling ? 'none' : '',\n position: 'relative'\n }, containerStyle) },\n childrenToDisplay\n ),\n showNoContentRenderer && noContentRenderer()\n );\n }\n\n /* ---------------------------- Helper methods ---------------------------- */\n\n }, {\n key: '_calculateChildrenToRender',\n value: function _calculateChildrenToRender() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n var cellRenderer = props.cellRenderer,\n cellRangeRenderer = props.cellRangeRenderer,\n columnCount = props.columnCount,\n deferredMeasurementCache = props.deferredMeasurementCache,\n height = props.height,\n overscanColumnCount = props.overscanColumnCount,\n overscanIndicesGetter = props.overscanIndicesGetter,\n overscanRowCount = props.overscanRowCount,\n rowCount = props.rowCount,\n width = props.width,\n isScrollingOptOut = props.isScrollingOptOut;\n var scrollDirectionHorizontal = state.scrollDirectionHorizontal,\n scrollDirectionVertical = state.scrollDirectionVertical,\n instanceProps = state.instanceProps;\n\n\n var scrollTop = this._initialScrollTop > 0 ? this._initialScrollTop : state.scrollTop;\n var scrollLeft = this._initialScrollLeft > 0 ? this._initialScrollLeft : state.scrollLeft;\n\n var isScrolling = this._isScrolling(props, state);\n\n this._childrenToDisplay = [];\n\n // Render only enough columns and rows to cover the visible area of the grid.\n if (height > 0 && width > 0) {\n var visibleColumnIndices = instanceProps.columnSizeAndPositionManager.getVisibleCellRange({\n containerSize: width,\n offset: scrollLeft\n });\n var visibleRowIndices = instanceProps.rowSizeAndPositionManager.getVisibleCellRange({\n containerSize: height,\n offset: scrollTop\n });\n\n var horizontalOffsetAdjustment = instanceProps.columnSizeAndPositionManager.getOffsetAdjustment({\n containerSize: width,\n offset: scrollLeft\n });\n var verticalOffsetAdjustment = instanceProps.rowSizeAndPositionManager.getOffsetAdjustment({\n containerSize: height,\n offset: scrollTop\n });\n\n // Store for _invokeOnGridRenderedHelper()\n this._renderedColumnStartIndex = visibleColumnIndices.start;\n this._renderedColumnStopIndex = visibleColumnIndices.stop;\n this._renderedRowStartIndex = visibleRowIndices.start;\n this._renderedRowStopIndex = visibleRowIndices.stop;\n\n var overscanColumnIndices = overscanIndicesGetter({\n direction: 'horizontal',\n cellCount: columnCount,\n overscanCellsCount: overscanColumnCount,\n scrollDirection: scrollDirectionHorizontal,\n startIndex: typeof visibleColumnIndices.start === 'number' ? visibleColumnIndices.start : 0,\n stopIndex: typeof visibleColumnIndices.stop === 'number' ? visibleColumnIndices.stop : -1\n });\n\n var overscanRowIndices = overscanIndicesGetter({\n direction: 'vertical',\n cellCount: rowCount,\n overscanCellsCount: overscanRowCount,\n scrollDirection: scrollDirectionVertical,\n startIndex: typeof visibleRowIndices.start === 'number' ? visibleRowIndices.start : 0,\n stopIndex: typeof visibleRowIndices.stop === 'number' ? visibleRowIndices.stop : -1\n });\n\n // Store for _invokeOnGridRenderedHelper()\n var columnStartIndex = overscanColumnIndices.overscanStartIndex;\n var columnStopIndex = overscanColumnIndices.overscanStopIndex;\n var rowStartIndex = overscanRowIndices.overscanStartIndex;\n var rowStopIndex = overscanRowIndices.overscanStopIndex;\n\n // Advanced use-cases (eg CellMeasurer) require batched measurements to determine accurate sizes.\n if (deferredMeasurementCache) {\n // If rows have a dynamic height, scan the rows we are about to render.\n // If any have not yet been measured, then we need to render all columns initially,\n // Because the height of the row is equal to the tallest cell within that row,\n // (And so we can't know the height without measuring all column-cells first).\n if (!deferredMeasurementCache.hasFixedHeight()) {\n for (var rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {\n if (!deferredMeasurementCache.has(rowIndex, 0)) {\n columnStartIndex = 0;\n columnStopIndex = columnCount - 1;\n break;\n }\n }\n }\n\n // If columns have a dynamic width, scan the columns we are about to render.\n // If any have not yet been measured, then we need to render all rows initially,\n // Because the width of the column is equal to the widest cell within that column,\n // (And so we can't know the width without measuring all row-cells first).\n if (!deferredMeasurementCache.hasFixedWidth()) {\n for (var columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) {\n if (!deferredMeasurementCache.has(0, columnIndex)) {\n rowStartIndex = 0;\n rowStopIndex = rowCount - 1;\n break;\n }\n }\n }\n }\n\n this._childrenToDisplay = cellRangeRenderer({\n cellCache: this._cellCache,\n cellRenderer: cellRenderer,\n columnSizeAndPositionManager: instanceProps.columnSizeAndPositionManager,\n columnStartIndex: columnStartIndex,\n columnStopIndex: columnStopIndex,\n deferredMeasurementCache: deferredMeasurementCache,\n horizontalOffsetAdjustment: horizontalOffsetAdjustment,\n isScrolling: isScrolling,\n isScrollingOptOut: isScrollingOptOut,\n parent: this,\n rowSizeAndPositionManager: instanceProps.rowSizeAndPositionManager,\n rowStartIndex: rowStartIndex,\n rowStopIndex: rowStopIndex,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n styleCache: this._styleCache,\n verticalOffsetAdjustment: verticalOffsetAdjustment,\n visibleColumnIndices: visibleColumnIndices,\n visibleRowIndices: visibleRowIndices\n });\n\n // update the indices\n this._columnStartIndex = columnStartIndex;\n this._columnStopIndex = columnStopIndex;\n this._rowStartIndex = rowStartIndex;\n this._rowStopIndex = rowStopIndex;\n }\n }\n\n /**\n * Sets an :isScrolling flag for a small window of time.\n * This flag is used to disable pointer events on the scrollable portion of the Grid.\n * This prevents jerky/stuttery mouse-wheel scrolling.\n */\n\n }, {\n key: '_debounceScrollEnded',\n value: function _debounceScrollEnded() {\n var scrollingResetTimeInterval = this.props.scrollingResetTimeInterval;\n\n\n if (this._disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(this._disablePointerEventsTimeoutId);\n }\n\n this._disablePointerEventsTimeoutId = requestAnimationTimeout(this._debounceScrollEndedCallback, scrollingResetTimeInterval);\n }\n }, {\n key: '_handleInvalidatedGridSize',\n\n\n /**\n * Check for batched CellMeasurer size invalidations.\n * This will occur the first time one or more previously unmeasured cells are rendered.\n */\n value: function _handleInvalidatedGridSize() {\n if (typeof this._deferredInvalidateColumnIndex === 'number' && typeof this._deferredInvalidateRowIndex === 'number') {\n var columnIndex = this._deferredInvalidateColumnIndex;\n var rowIndex = this._deferredInvalidateRowIndex;\n\n this._deferredInvalidateColumnIndex = null;\n this._deferredInvalidateRowIndex = null;\n\n this.recomputeGridSize({ columnIndex: columnIndex, rowIndex: rowIndex });\n }\n }\n }, {\n key: '_invokeOnScrollMemoizer',\n value: function _invokeOnScrollMemoizer(_ref6) {\n var _this3 = this;\n\n var scrollLeft = _ref6.scrollLeft,\n scrollTop = _ref6.scrollTop,\n totalColumnsWidth = _ref6.totalColumnsWidth,\n totalRowsHeight = _ref6.totalRowsHeight;\n\n this._onScrollMemoizer({\n callback: function callback(_ref7) {\n var scrollLeft = _ref7.scrollLeft,\n scrollTop = _ref7.scrollTop;\n var _props7 = _this3.props,\n height = _props7.height,\n onScroll = _props7.onScroll,\n width = _props7.width;\n\n\n onScroll({\n clientHeight: height,\n clientWidth: width,\n scrollHeight: totalRowsHeight,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n scrollWidth: totalColumnsWidth\n });\n },\n indices: {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n }\n });\n }\n }, {\n key: '_isScrolling',\n value: function _isScrolling() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n\n // If isScrolling is defined in props, use it to override the value in state\n // This is a performance optimization for WindowScroller + Grid\n return Object.hasOwnProperty.call(props, 'isScrolling') ? Boolean(props.isScrolling) : Boolean(state.isScrolling);\n }\n }, {\n key: '_maybeCallOnScrollbarPresenceChange',\n value: function _maybeCallOnScrollbarPresenceChange() {\n if (this._scrollbarPresenceChanged) {\n var _onScrollbarPresenceChange = this.props.onScrollbarPresenceChange;\n\n\n this._scrollbarPresenceChanged = false;\n\n _onScrollbarPresenceChange({\n horizontal: this._horizontalScrollBarSize > 0,\n size: this.state.instanceProps.scrollbarSize,\n vertical: this._verticalScrollBarSize > 0\n });\n }\n }\n }, {\n key: 'scrollToPosition',\n\n\n /**\n * Scroll to the specified offset(s).\n * Useful for animating position changes.\n */\n value: function scrollToPosition(_ref8) {\n var scrollLeft = _ref8.scrollLeft,\n scrollTop = _ref8.scrollTop;\n\n var stateUpdate = Grid._getScrollToPositionStateUpdate({\n prevState: this.state,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n });\n\n if (stateUpdate) {\n stateUpdate.needToResetStyleCache = false;\n this.setState(stateUpdate);\n }\n }\n }, {\n key: '_getCalculatedScrollLeft',\n value: function _getCalculatedScrollLeft() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n\n return Grid._getCalculatedScrollLeft(props, state);\n }\n }, {\n key: '_updateScrollLeftForScrollToColumn',\n value: function _updateScrollLeftForScrollToColumn() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n\n var stateUpdate = Grid._getScrollLeftForScrollToColumnStateUpdate(props, state);\n if (stateUpdate) {\n stateUpdate.needToResetStyleCache = false;\n this.setState(stateUpdate);\n }\n }\n }, {\n key: '_getCalculatedScrollTop',\n value: function _getCalculatedScrollTop() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n\n return Grid._getCalculatedScrollTop(props, state);\n }\n }, {\n key: '_resetStyleCache',\n value: function _resetStyleCache() {\n var styleCache = this._styleCache;\n var cellCache = this._cellCache;\n var isScrollingOptOut = this.props.isScrollingOptOut;\n\n // Reset cell and style caches once scrolling stops.\n // This makes Grid simpler to use (since cells commonly change).\n // And it keeps the caches from growing too large.\n // Performance is most sensitive when a user is scrolling.\n // Don't clear visible cells from cellCache if isScrollingOptOut is specified.\n // This keeps the cellCache to a resonable size.\n\n this._cellCache = {};\n this._styleCache = {};\n\n // Copy over the visible cell styles so avoid unnecessary re-render.\n for (var rowIndex = this._rowStartIndex; rowIndex <= this._rowStopIndex; rowIndex++) {\n for (var columnIndex = this._columnStartIndex; columnIndex <= this._columnStopIndex; columnIndex++) {\n var key = rowIndex + '-' + columnIndex;\n this._styleCache[key] = styleCache[key];\n\n if (isScrollingOptOut) {\n this._cellCache[key] = cellCache[key];\n }\n }\n }\n }\n }, {\n key: '_updateScrollTopForScrollToRow',\n value: function _updateScrollTopForScrollToRow() {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.props;\n var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.state;\n\n var stateUpdate = Grid._getScrollTopForScrollToRowStateUpdate(props, state);\n if (stateUpdate) {\n stateUpdate.needToResetStyleCache = false;\n this.setState(stateUpdate);\n }\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(nextProps, prevState) {\n var newState = {};\n\n if (nextProps.columnCount === 0 && prevState.scrollLeft !== 0 || nextProps.rowCount === 0 && prevState.scrollTop !== 0) {\n newState.scrollLeft = 0;\n newState.scrollTop = 0;\n\n // only use scroll{Left,Top} from props if scrollTo{Column,Row} isn't specified\n // scrollTo{Column,Row} should override scroll{Left,Top}\n } else if (nextProps.scrollLeft !== prevState.scrollLeft && nextProps.scrollToColumn < 0 || nextProps.scrollTop !== prevState.scrollTop && nextProps.scrollToRow < 0) {\n _Object$assign(newState, Grid._getScrollToPositionStateUpdate({\n prevState: prevState,\n scrollLeft: nextProps.scrollLeft,\n scrollTop: nextProps.scrollTop\n }));\n }\n\n var instanceProps = prevState.instanceProps;\n\n // Initially we should not clearStyleCache\n\n newState.needToResetStyleCache = false;\n if (nextProps.columnWidth !== instanceProps.prevColumnWidth || nextProps.rowHeight !== instanceProps.prevRowHeight) {\n // Reset cache. set it to {} in render\n newState.needToResetStyleCache = true;\n }\n\n instanceProps.columnSizeAndPositionManager.configure({\n cellCount: nextProps.columnCount,\n estimatedCellSize: Grid._getEstimatedColumnSize(nextProps),\n cellSizeGetter: Grid._wrapSizeGetter(nextProps.columnWidth)\n });\n\n instanceProps.rowSizeAndPositionManager.configure({\n cellCount: nextProps.rowCount,\n estimatedCellSize: Grid._getEstimatedRowSize(nextProps),\n cellSizeGetter: Grid._wrapSizeGetter(nextProps.rowHeight)\n });\n\n if (instanceProps.prevColumnCount === 0 || instanceProps.prevRowCount === 0) {\n instanceProps.prevColumnCount = 0;\n instanceProps.prevRowCount = 0;\n }\n\n // If scrolling is controlled outside this component, clear cache when scrolling stops\n if (nextProps.autoHeight && nextProps.isScrolling === false && instanceProps.prevIsScrolling === true) {\n _Object$assign(newState, {\n isScrolling: false\n });\n }\n\n var maybeStateA = void 0;\n var maybeStateB = void 0;\n\n calculateSizeAndPositionDataAndUpdateScrollOffset({\n cellCount: instanceProps.prevColumnCount,\n cellSize: typeof instanceProps.prevColumnWidth === 'number' ? instanceProps.prevColumnWidth : null,\n computeMetadataCallback: function computeMetadataCallback() {\n return instanceProps.columnSizeAndPositionManager.resetCell(0);\n },\n computeMetadataCallbackProps: nextProps,\n nextCellsCount: nextProps.columnCount,\n nextCellSize: typeof nextProps.columnWidth === 'number' ? nextProps.columnWidth : null,\n nextScrollToIndex: nextProps.scrollToColumn,\n scrollToIndex: instanceProps.prevScrollToColumn,\n updateScrollOffsetForScrollToIndex: function updateScrollOffsetForScrollToIndex() {\n maybeStateA = Grid._getScrollLeftForScrollToColumnStateUpdate(nextProps, prevState);\n }\n });\n calculateSizeAndPositionDataAndUpdateScrollOffset({\n cellCount: instanceProps.prevRowCount,\n cellSize: typeof instanceProps.prevRowHeight === 'number' ? instanceProps.prevRowHeight : null,\n computeMetadataCallback: function computeMetadataCallback() {\n return instanceProps.rowSizeAndPositionManager.resetCell(0);\n },\n computeMetadataCallbackProps: nextProps,\n nextCellsCount: nextProps.rowCount,\n nextCellSize: typeof nextProps.rowHeight === 'number' ? nextProps.rowHeight : null,\n nextScrollToIndex: nextProps.scrollToRow,\n scrollToIndex: instanceProps.prevScrollToRow,\n updateScrollOffsetForScrollToIndex: function updateScrollOffsetForScrollToIndex() {\n maybeStateB = Grid._getScrollTopForScrollToRowStateUpdate(nextProps, prevState);\n }\n });\n\n instanceProps.prevColumnCount = nextProps.columnCount;\n instanceProps.prevColumnWidth = nextProps.columnWidth;\n instanceProps.prevIsScrolling = nextProps.isScrolling === true;\n instanceProps.prevRowCount = nextProps.rowCount;\n instanceProps.prevRowHeight = nextProps.rowHeight;\n instanceProps.prevScrollToColumn = nextProps.scrollToColumn;\n instanceProps.prevScrollToRow = nextProps.scrollToRow;\n\n // getting scrollBarSize (moved from componentWillMount)\n instanceProps.scrollbarSize = nextProps.getScrollbarSize();\n if (instanceProps.scrollbarSize === undefined) {\n instanceProps.scrollbarSizeMeasured = false;\n instanceProps.scrollbarSize = 0;\n } else {\n instanceProps.scrollbarSizeMeasured = true;\n }\n\n newState.instanceProps = instanceProps;\n\n return _extends({}, newState, maybeStateA, maybeStateB);\n }\n }, {\n key: '_getEstimatedColumnSize',\n value: function _getEstimatedColumnSize(props) {\n return typeof props.columnWidth === 'number' ? props.columnWidth : props.estimatedColumnSize;\n }\n }, {\n key: '_getEstimatedRowSize',\n value: function _getEstimatedRowSize(props) {\n return typeof props.rowHeight === 'number' ? props.rowHeight : props.estimatedRowSize;\n }\n }, {\n key: '_getScrollToPositionStateUpdate',\n\n\n /**\n * Get the updated state after scrolling to\n * scrollLeft and scrollTop\n */\n value: function _getScrollToPositionStateUpdate(_ref9) {\n var prevState = _ref9.prevState,\n scrollLeft = _ref9.scrollLeft,\n scrollTop = _ref9.scrollTop;\n\n var newState = {\n scrollPositionChangeReason: SCROLL_POSITION_CHANGE_REASONS.REQUESTED\n };\n\n if (typeof scrollLeft === 'number' && scrollLeft >= 0) {\n newState.scrollDirectionHorizontal = scrollLeft > prevState.scrollLeft ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_BACKWARD;\n newState.scrollLeft = scrollLeft;\n }\n\n if (typeof scrollTop === 'number' && scrollTop >= 0) {\n newState.scrollDirectionVertical = scrollTop > prevState.scrollTop ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_BACKWARD;\n newState.scrollTop = scrollTop;\n }\n\n if (typeof scrollLeft === 'number' && scrollLeft >= 0 && scrollLeft !== prevState.scrollLeft || typeof scrollTop === 'number' && scrollTop >= 0 && scrollTop !== prevState.scrollTop) {\n return newState;\n }\n return null;\n }\n }, {\n key: '_wrapSizeGetter',\n value: function _wrapSizeGetter(value) {\n return typeof value === 'function' ? value : function () {\n return value;\n };\n }\n }, {\n key: '_getCalculatedScrollLeft',\n value: function _getCalculatedScrollLeft(nextProps, prevState) {\n var columnCount = nextProps.columnCount,\n height = nextProps.height,\n scrollToAlignment = nextProps.scrollToAlignment,\n scrollToColumn = nextProps.scrollToColumn,\n width = nextProps.width;\n var scrollLeft = prevState.scrollLeft,\n instanceProps = prevState.instanceProps;\n\n\n if (columnCount > 0) {\n var finalColumn = columnCount - 1;\n var targetIndex = scrollToColumn < 0 ? finalColumn : Math.min(finalColumn, scrollToColumn);\n var totalRowsHeight = instanceProps.rowSizeAndPositionManager.getTotalSize();\n var scrollBarSize = instanceProps.scrollbarSizeMeasured && totalRowsHeight > height ? instanceProps.scrollbarSize : 0;\n\n return instanceProps.columnSizeAndPositionManager.getUpdatedOffsetForIndex({\n align: scrollToAlignment,\n containerSize: width - scrollBarSize,\n currentOffset: scrollLeft,\n targetIndex: targetIndex\n });\n }\n return 0;\n }\n }, {\n key: '_getScrollLeftForScrollToColumnStateUpdate',\n value: function _getScrollLeftForScrollToColumnStateUpdate(nextProps, prevState) {\n var scrollLeft = prevState.scrollLeft;\n\n var calculatedScrollLeft = Grid._getCalculatedScrollLeft(nextProps, prevState);\n\n if (typeof calculatedScrollLeft === 'number' && calculatedScrollLeft >= 0 && scrollLeft !== calculatedScrollLeft) {\n return Grid._getScrollToPositionStateUpdate({\n prevState: prevState,\n scrollLeft: calculatedScrollLeft,\n scrollTop: -1\n });\n }\n return null;\n }\n }, {\n key: '_getCalculatedScrollTop',\n value: function _getCalculatedScrollTop(nextProps, prevState) {\n var height = nextProps.height,\n rowCount = nextProps.rowCount,\n scrollToAlignment = nextProps.scrollToAlignment,\n scrollToRow = nextProps.scrollToRow,\n width = nextProps.width;\n var scrollTop = prevState.scrollTop,\n instanceProps = prevState.instanceProps;\n\n\n if (rowCount > 0) {\n var finalRow = rowCount - 1;\n var targetIndex = scrollToRow < 0 ? finalRow : Math.min(finalRow, scrollToRow);\n var totalColumnsWidth = instanceProps.columnSizeAndPositionManager.getTotalSize();\n var scrollBarSize = instanceProps.scrollbarSizeMeasured && totalColumnsWidth > width ? instanceProps.scrollbarSize : 0;\n\n return instanceProps.rowSizeAndPositionManager.getUpdatedOffsetForIndex({\n align: scrollToAlignment,\n containerSize: height - scrollBarSize,\n currentOffset: scrollTop,\n targetIndex: targetIndex\n });\n }\n return 0;\n }\n }, {\n key: '_getScrollTopForScrollToRowStateUpdate',\n value: function _getScrollTopForScrollToRowStateUpdate(nextProps, prevState) {\n var scrollTop = prevState.scrollTop;\n\n var calculatedScrollTop = Grid._getCalculatedScrollTop(nextProps, prevState);\n\n if (typeof calculatedScrollTop === 'number' && calculatedScrollTop >= 0 && scrollTop !== calculatedScrollTop) {\n return Grid._getScrollToPositionStateUpdate({\n prevState: prevState,\n scrollLeft: -1,\n scrollTop: calculatedScrollTop\n });\n }\n return null;\n }\n }]);\n\n return Grid;\n}(React.PureComponent);\n\nGrid.defaultProps = {\n 'aria-label': 'grid',\n 'aria-readonly': true,\n autoContainerWidth: false,\n autoHeight: false,\n autoWidth: false,\n cellRangeRenderer: defaultCellRangeRenderer,\n containerRole: 'rowgroup',\n containerStyle: {},\n estimatedColumnSize: 100,\n estimatedRowSize: 30,\n getScrollbarSize: scrollbarSize,\n noContentRenderer: renderNull,\n onScroll: function onScroll() {},\n onScrollbarPresenceChange: function onScrollbarPresenceChange() {},\n onSectionRendered: function onSectionRendered() {},\n overscanColumnCount: 0,\n overscanIndicesGetter: defaultOverscanIndicesGetter,\n overscanRowCount: 10,\n role: 'grid',\n scrollingResetTimeInterval: DEFAULT_SCROLLING_RESET_TIME_INTERVAL,\n scrollToAlignment: 'auto',\n scrollToColumn: -1,\n scrollToRow: -1,\n style: {},\n tabIndex: 0,\n isScrollingOptOut: false\n};\nGrid.propTypes = process.env.NODE_ENV === 'production' ? null : {\n \"aria-label\": PropTypes.string.isRequired,\n \"aria-readonly\": PropTypes.bool,\n\n\n /**\n * Set the width of the inner scrollable container to 'auto'.\n * This is useful for single-column Grids to ensure that the column doesn't extend below a vertical scrollbar.\n */\n autoContainerWidth: PropTypes.bool.isRequired,\n\n\n /**\n * Removes fixed height from the scrollingContainer so that the total height of rows can stretch the window.\n * Intended for use with WindowScroller\n */\n autoHeight: PropTypes.bool.isRequired,\n\n\n /**\n * Removes fixed width from the scrollingContainer so that the total width of rows can stretch the window.\n * Intended for use with WindowScroller\n */\n autoWidth: PropTypes.bool.isRequired,\n\n\n /** Responsible for rendering a cell given an row and column index. */\n cellRenderer: function cellRenderer() {\n return (typeof bpfrpt_proptype_CellRenderer === 'function' ? bpfrpt_proptype_CellRenderer.isRequired ? bpfrpt_proptype_CellRenderer.isRequired : bpfrpt_proptype_CellRenderer : PropTypes.shape(bpfrpt_proptype_CellRenderer).isRequired).apply(this, arguments);\n },\n\n\n /** Responsible for rendering a group of cells given their index ranges. */\n cellRangeRenderer: function cellRangeRenderer() {\n return (typeof bpfrpt_proptype_CellRangeRenderer === 'function' ? bpfrpt_proptype_CellRangeRenderer.isRequired ? bpfrpt_proptype_CellRangeRenderer.isRequired : bpfrpt_proptype_CellRangeRenderer : PropTypes.shape(bpfrpt_proptype_CellRangeRenderer).isRequired).apply(this, arguments);\n },\n\n\n /** Optional custom CSS class name to attach to root Grid element. */\n className: PropTypes.string,\n\n\n /** Number of columns in grid. */\n columnCount: PropTypes.number.isRequired,\n\n\n /** Either a fixed column width (number) or a function that returns the width of a column given its index. */\n columnWidth: function columnWidth() {\n return (typeof bpfrpt_proptype_CellSize === 'function' ? bpfrpt_proptype_CellSize.isRequired ? bpfrpt_proptype_CellSize.isRequired : bpfrpt_proptype_CellSize : PropTypes.shape(bpfrpt_proptype_CellSize).isRequired).apply(this, arguments);\n },\n\n\n /** Unfiltered props for the Grid container. */\n containerProps: PropTypes.object,\n\n\n /** ARIA role for the cell-container. */\n containerRole: PropTypes.string.isRequired,\n\n\n /** Optional inline style applied to inner cell-container */\n containerStyle: PropTypes.object.isRequired,\n\n\n /**\n * If CellMeasurer is used to measure this Grid's children, this should be a pointer to its CellMeasurerCache.\n * A shared CellMeasurerCache reference enables Grid and CellMeasurer to share measurement data.\n */\n deferredMeasurementCache: PropTypes.object,\n\n\n /**\n * Used to estimate the total width of a Grid before all of its columns have actually been measured.\n * The estimated total width is adjusted as columns are rendered.\n */\n estimatedColumnSize: PropTypes.number.isRequired,\n\n\n /**\n * Used to estimate the total height of a Grid before all of its rows have actually been measured.\n * The estimated total height is adjusted as rows are rendered.\n */\n estimatedRowSize: PropTypes.number.isRequired,\n\n\n /** Exposed for testing purposes only. */\n getScrollbarSize: PropTypes.func.isRequired,\n\n\n /** Height of Grid; this property determines the number of visible (vs virtualized) rows. */\n height: PropTypes.number.isRequired,\n\n\n /** Optional custom id to attach to root Grid element. */\n id: PropTypes.string,\n\n\n /**\n * Override internal is-scrolling state tracking.\n * This property is primarily intended for use with the WindowScroller component.\n */\n isScrolling: PropTypes.bool,\n\n\n /**\n * Opt-out of isScrolling param passed to cellRangeRenderer.\n * To avoid the extra render when scroll stops.\n */\n isScrollingOptOut: PropTypes.bool.isRequired,\n\n\n /** Optional renderer to be used in place of rows when either :rowCount or :columnCount is 0. */\n noContentRenderer: function noContentRenderer() {\n return (typeof bpfrpt_proptype_NoContentRenderer === 'function' ? bpfrpt_proptype_NoContentRenderer.isRequired ? bpfrpt_proptype_NoContentRenderer.isRequired : bpfrpt_proptype_NoContentRenderer : PropTypes.shape(bpfrpt_proptype_NoContentRenderer).isRequired).apply(this, arguments);\n },\n\n\n /**\n * Callback invoked whenever the scroll offset changes within the inner scrollable region.\n * This callback can be used to sync scrolling between lists, tables, or grids.\n */\n onScroll: PropTypes.func.isRequired,\n\n\n /**\n * Called whenever a horizontal or vertical scrollbar is added or removed.\n * This prop is not intended for end-user use;\n * It is used by MultiGrid to support fixed-row/fixed-column scroll syncing.\n */\n onScrollbarPresenceChange: PropTypes.func.isRequired,\n\n\n /** Callback invoked with information about the section of the Grid that was just rendered. */\n onSectionRendered: PropTypes.func.isRequired,\n\n\n /**\n * Number of columns to render before/after the visible section of the grid.\n * These columns can help for smoother scrolling on touch devices or browsers that send scroll events infrequently.\n */\n overscanColumnCount: PropTypes.number.isRequired,\n\n\n /**\n * Calculates the number of cells to overscan before and after a specified range.\n * This function ensures that overscanning doesn't exceed the available cells.\n */\n overscanIndicesGetter: function overscanIndicesGetter() {\n return (typeof bpfrpt_proptype_OverscanIndicesGetter === 'function' ? bpfrpt_proptype_OverscanIndicesGetter.isRequired ? bpfrpt_proptype_OverscanIndicesGetter.isRequired : bpfrpt_proptype_OverscanIndicesGetter : PropTypes.shape(bpfrpt_proptype_OverscanIndicesGetter).isRequired).apply(this, arguments);\n },\n\n\n /**\n * Number of rows to render above/below the visible section of the grid.\n * These rows can help for smoother scrolling on touch devices or browsers that send scroll events infrequently.\n */\n overscanRowCount: PropTypes.number.isRequired,\n\n\n /** ARIA role for the grid element. */\n role: PropTypes.string.isRequired,\n\n\n /**\n * Either a fixed row height (number) or a function that returns the height of a row given its index.\n * Should implement the following interface: ({ index: number }): number\n */\n rowHeight: function rowHeight() {\n return (typeof bpfrpt_proptype_CellSize === 'function' ? bpfrpt_proptype_CellSize.isRequired ? bpfrpt_proptype_CellSize.isRequired : bpfrpt_proptype_CellSize : PropTypes.shape(bpfrpt_proptype_CellSize).isRequired).apply(this, arguments);\n },\n\n\n /** Number of rows in grid. */\n rowCount: PropTypes.number.isRequired,\n\n\n /** Wait this amount of time after the last scroll event before resetting Grid `pointer-events`. */\n scrollingResetTimeInterval: PropTypes.number.isRequired,\n\n\n /** Horizontal offset. */\n scrollLeft: PropTypes.number,\n\n\n /**\n * Controls scroll-to-cell behavior of the Grid.\n * The default (\"auto\") scrolls the least amount possible to ensure that the specified cell is fully visible.\n * Use \"start\" to align cells to the top/left of the Grid and \"end\" to align bottom/right.\n */\n scrollToAlignment: function scrollToAlignment() {\n return (typeof bpfrpt_proptype_Alignment === 'function' ? bpfrpt_proptype_Alignment.isRequired ? bpfrpt_proptype_Alignment.isRequired : bpfrpt_proptype_Alignment : PropTypes.shape(bpfrpt_proptype_Alignment).isRequired).apply(this, arguments);\n },\n\n\n /** Column index to ensure visible (by forcefully scrolling if necessary) */\n scrollToColumn: PropTypes.number.isRequired,\n\n\n /** Vertical offset. */\n scrollTop: PropTypes.number,\n\n\n /** Row index to ensure visible (by forcefully scrolling if necessary) */\n scrollToRow: PropTypes.number.isRequired,\n\n\n /** Optional inline style */\n style: PropTypes.object.isRequired,\n\n\n /** Tab index for focus */\n tabIndex: PropTypes.number,\n\n\n /** Width of Grid; this property determines the number of visible (vs virtualized) columns. */\n width: PropTypes.number.isRequired\n};\n\n\npolyfill(Grid);\nexport default Grid;\nimport { bpfrpt_proptype_CellRenderer } from './types';\nimport { bpfrpt_proptype_CellRangeRenderer } from './types';\nimport { bpfrpt_proptype_CellPosition } from './types';\nimport { bpfrpt_proptype_CellSize } from './types';\nimport { bpfrpt_proptype_CellSizeGetter } from './types';\nimport { bpfrpt_proptype_NoContentRenderer } from './types';\nimport { bpfrpt_proptype_Scroll } from './types';\nimport { bpfrpt_proptype_ScrollbarPresenceChange } from './types';\nimport { bpfrpt_proptype_RenderedSection } from './types';\nimport { bpfrpt_proptype_OverscanIndicesGetter } from './types';\nimport { bpfrpt_proptype_Alignment } from './types';\nimport { bpfrpt_proptype_CellCache } from './types';\nimport { bpfrpt_proptype_StyleCache } from './types';\nimport { bpfrpt_proptype_AnimationTimeoutId } from '../utils/requestAnimationTimeout';\nimport PropTypes from 'prop-types';","\n\n/**\n * Default implementation of cellRangeRenderer used by Grid.\n * This renderer supports cell-caching while the user is scrolling.\n */\n\nexport default function defaultCellRangeRenderer(_ref) {\n var cellCache = _ref.cellCache,\n cellRenderer = _ref.cellRenderer,\n columnSizeAndPositionManager = _ref.columnSizeAndPositionManager,\n columnStartIndex = _ref.columnStartIndex,\n columnStopIndex = _ref.columnStopIndex,\n deferredMeasurementCache = _ref.deferredMeasurementCache,\n horizontalOffsetAdjustment = _ref.horizontalOffsetAdjustment,\n isScrolling = _ref.isScrolling,\n isScrollingOptOut = _ref.isScrollingOptOut,\n parent = _ref.parent,\n rowSizeAndPositionManager = _ref.rowSizeAndPositionManager,\n rowStartIndex = _ref.rowStartIndex,\n rowStopIndex = _ref.rowStopIndex,\n styleCache = _ref.styleCache,\n verticalOffsetAdjustment = _ref.verticalOffsetAdjustment,\n visibleColumnIndices = _ref.visibleColumnIndices,\n visibleRowIndices = _ref.visibleRowIndices;\n\n var renderedCells = [];\n\n // Browsers have native size limits for elements (eg Chrome 33M pixels, IE 1.5M pixes).\n // User cannot scroll beyond these size limitations.\n // In order to work around this, ScalingCellSizeAndPositionManager compresses offsets.\n // We should never cache styles for compressed offsets though as this can lead to bugs.\n // See issue #576 for more.\n var areOffsetsAdjusted = columnSizeAndPositionManager.areOffsetsAdjusted() || rowSizeAndPositionManager.areOffsetsAdjusted();\n\n var canCacheStyle = !isScrolling && !areOffsetsAdjusted;\n\n for (var rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {\n var rowDatum = rowSizeAndPositionManager.getSizeAndPositionOfCell(rowIndex);\n\n for (var columnIndex = columnStartIndex; columnIndex <= columnStopIndex; columnIndex++) {\n var columnDatum = columnSizeAndPositionManager.getSizeAndPositionOfCell(columnIndex);\n var isVisible = columnIndex >= visibleColumnIndices.start && columnIndex <= visibleColumnIndices.stop && rowIndex >= visibleRowIndices.start && rowIndex <= visibleRowIndices.stop;\n var key = rowIndex + '-' + columnIndex;\n var style = void 0;\n\n // Cache style objects so shallow-compare doesn't re-render unnecessarily.\n if (canCacheStyle && styleCache[key]) {\n style = styleCache[key];\n } else {\n // In deferred mode, cells will be initially rendered before we know their size.\n // Don't interfere with CellMeasurer's measurements by setting an invalid size.\n if (deferredMeasurementCache && !deferredMeasurementCache.has(rowIndex, columnIndex)) {\n // Position not-yet-measured cells at top/left 0,0,\n // And give them width/height of 'auto' so they can grow larger than the parent Grid if necessary.\n // Positioning them further to the right/bottom influences their measured size.\n style = {\n height: 'auto',\n left: 0,\n position: 'absolute',\n top: 0,\n width: 'auto'\n };\n } else {\n style = {\n height: rowDatum.size,\n left: columnDatum.offset + horizontalOffsetAdjustment,\n position: 'absolute',\n top: rowDatum.offset + verticalOffsetAdjustment,\n width: columnDatum.size\n };\n\n styleCache[key] = style;\n }\n }\n\n var cellRendererParams = {\n columnIndex: columnIndex,\n isScrolling: isScrolling,\n isVisible: isVisible,\n key: key,\n parent: parent,\n rowIndex: rowIndex,\n style: style\n };\n\n var renderedCell = void 0;\n\n // Avoid re-creating cells while scrolling.\n // This can lead to the same cell being created many times and can cause performance issues for \"heavy\" cells.\n // If a scroll is in progress- cache and reuse cells.\n // This cache will be thrown away once scrolling completes.\n // However if we are scaling scroll positions and sizes, we should also avoid caching.\n // This is because the offset changes slightly as scroll position changes and caching leads to stale values.\n // For more info refer to issue #395\n //\n // If isScrollingOptOut is specified, we always cache cells.\n // For more info refer to issue #1028\n if ((isScrollingOptOut || isScrolling) && !horizontalOffsetAdjustment && !verticalOffsetAdjustment) {\n if (!cellCache[key]) {\n cellCache[key] = cellRenderer(cellRendererParams);\n }\n\n renderedCell = cellCache[key];\n\n // If the user is no longer scrolling, don't cache cells.\n // This makes dynamic cell content difficult for users and would also lead to a heavier memory footprint.\n } else {\n renderedCell = cellRenderer(cellRendererParams);\n }\n\n if (renderedCell == null || renderedCell === false) {\n continue;\n }\n\n if (process.env.NODE_ENV !== 'production') {\n warnAboutMissingStyle(parent, renderedCell);\n }\n\n renderedCells.push(renderedCell);\n }\n }\n\n return renderedCells;\n}\n\nfunction warnAboutMissingStyle(parent, renderedCell) {\n if (process.env.NODE_ENV !== 'production') {\n if (renderedCell) {\n // If the direct child is a CellMeasurer, then we should check its child\n // See issue #611\n if (renderedCell.type && renderedCell.type.__internalCellMeasurerFlag) {\n renderedCell = renderedCell.props.children;\n }\n\n if (renderedCell && renderedCell.props && renderedCell.props.style === undefined && parent.__warnedAboutMissingStyle !== true) {\n parent.__warnedAboutMissingStyle = true;\n\n console.warn('Rendered cell should include style property for positioning.');\n }\n }\n }\n}\nimport { bpfrpt_proptype_CellRangeRendererParams } from './types';","\n\nexport var SCROLL_DIRECTION_BACKWARD = -1;\n\nexport var SCROLL_DIRECTION_FORWARD = 1;\n\nexport var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';\nexport var SCROLL_DIRECTION_VERTICAL = 'vertical';\n\n/**\n * Calculates the number of cells to overscan before and after a specified range.\n * This function ensures that overscanning doesn't exceed the available cells.\n */\n\nexport default function defaultOverscanIndicesGetter(_ref) {\n var cellCount = _ref.cellCount,\n overscanCellsCount = _ref.overscanCellsCount,\n scrollDirection = _ref.scrollDirection,\n startIndex = _ref.startIndex,\n stopIndex = _ref.stopIndex;\n\n // Make sure we render at least 1 cell extra before and after (except near boundaries)\n // This is necessary in order to support keyboard navigation (TAB/SHIFT+TAB) in some cases\n // For more info see issues #625\n overscanCellsCount = Math.max(1, overscanCellsCount);\n\n if (scrollDirection === SCROLL_DIRECTION_FORWARD) {\n return {\n overscanStartIndex: Math.max(0, startIndex - 1),\n overscanStopIndex: Math.min(cellCount - 1, stopIndex + overscanCellsCount)\n };\n } else {\n return {\n overscanStartIndex: Math.max(0, startIndex - overscanCellsCount),\n overscanStopIndex: Math.min(cellCount - 1, stopIndex + 1)\n };\n }\n}\nimport { bpfrpt_proptype_OverscanIndicesGetterParams } from './types';\nimport { bpfrpt_proptype_OverscanIndices } from './types';","var bpfrpt_proptype_ScrollIndices = process.env.NODE_ENV === 'production' ? null : {\n scrollToColumn: PropTypes.number.isRequired,\n scrollToRow: PropTypes.number.isRequired\n};\nimport PropTypes from \"prop-types\";\nexport { bpfrpt_proptype_ScrollIndices };","import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\n\n/**\n * This HOC decorates a virtualized component and responds to arrow-key events by scrolling one row or column at a time.\n */\n\nvar ArrowKeyStepper = function (_React$PureComponent) {\n _inherits(ArrowKeyStepper, _React$PureComponent);\n\n function ArrowKeyStepper() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, ArrowKeyStepper);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ArrowKeyStepper.__proto__ || _Object$getPrototypeOf(ArrowKeyStepper)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n scrollToColumn: 0,\n scrollToRow: 0\n }, _this._columnStartIndex = 0, _this._columnStopIndex = 0, _this._rowStartIndex = 0, _this._rowStopIndex = 0, _this._onKeyDown = function (event) {\n var _this$props = _this.props,\n columnCount = _this$props.columnCount,\n disabled = _this$props.disabled,\n mode = _this$props.mode,\n rowCount = _this$props.rowCount;\n\n\n if (disabled) {\n return;\n }\n\n var _this$_getScrollState = _this._getScrollState(),\n scrollToColumnPrevious = _this$_getScrollState.scrollToColumn,\n scrollToRowPrevious = _this$_getScrollState.scrollToRow;\n\n var _this$_getScrollState2 = _this._getScrollState(),\n scrollToColumn = _this$_getScrollState2.scrollToColumn,\n scrollToRow = _this$_getScrollState2.scrollToRow;\n\n // The above cases all prevent default event event behavior.\n // This is to keep the grid from scrolling after the snap-to update.\n\n\n switch (event.key) {\n case 'ArrowDown':\n scrollToRow = mode === 'cells' ? Math.min(scrollToRow + 1, rowCount - 1) : Math.min(_this._rowStopIndex + 1, rowCount - 1);\n break;\n case 'ArrowLeft':\n scrollToColumn = mode === 'cells' ? Math.max(scrollToColumn - 1, 0) : Math.max(_this._columnStartIndex - 1, 0);\n break;\n case 'ArrowRight':\n scrollToColumn = mode === 'cells' ? Math.min(scrollToColumn + 1, columnCount - 1) : Math.min(_this._columnStopIndex + 1, columnCount - 1);\n break;\n case 'ArrowUp':\n scrollToRow = mode === 'cells' ? Math.max(scrollToRow - 1, 0) : Math.max(_this._rowStartIndex - 1, 0);\n break;\n }\n\n if (scrollToColumn !== scrollToColumnPrevious || scrollToRow !== scrollToRowPrevious) {\n event.preventDefault();\n\n _this._updateScrollState({ scrollToColumn: scrollToColumn, scrollToRow: scrollToRow });\n }\n }, _this._onSectionRendered = function (_ref2) {\n var columnStartIndex = _ref2.columnStartIndex,\n columnStopIndex = _ref2.columnStopIndex,\n rowStartIndex = _ref2.rowStartIndex,\n rowStopIndex = _ref2.rowStopIndex;\n\n _this._columnStartIndex = columnStartIndex;\n _this._columnStopIndex = columnStopIndex;\n _this._rowStartIndex = rowStartIndex;\n _this._rowStopIndex = rowStopIndex;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(ArrowKeyStepper, [{\n key: 'setScrollIndexes',\n value: function setScrollIndexes(_ref3) {\n var scrollToColumn = _ref3.scrollToColumn,\n scrollToRow = _ref3.scrollToRow;\n\n this.setState({\n scrollToRow: scrollToRow,\n scrollToColumn: scrollToColumn\n });\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n className = _props.className,\n children = _props.children;\n\n var _getScrollState2 = this._getScrollState(),\n scrollToColumn = _getScrollState2.scrollToColumn,\n scrollToRow = _getScrollState2.scrollToRow;\n\n return React.createElement(\n 'div',\n { className: className, onKeyDown: this._onKeyDown },\n children({\n onSectionRendered: this._onSectionRendered,\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow\n })\n );\n }\n }, {\n key: '_getScrollState',\n value: function _getScrollState() {\n return this.props.isControlled ? this.props : this.state;\n }\n }, {\n key: '_updateScrollState',\n value: function _updateScrollState(_ref4) {\n var scrollToColumn = _ref4.scrollToColumn,\n scrollToRow = _ref4.scrollToRow;\n var _props2 = this.props,\n isControlled = _props2.isControlled,\n onScrollToChange = _props2.onScrollToChange;\n\n\n if (typeof onScrollToChange === 'function') {\n onScrollToChange({ scrollToColumn: scrollToColumn, scrollToRow: scrollToRow });\n }\n\n if (!isControlled) {\n this.setState({ scrollToColumn: scrollToColumn, scrollToRow: scrollToRow });\n }\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.isControlled) {\n return null;\n }\n\n if (nextProps.scrollToColumn !== prevState.scrollToColumn || nextProps.scrollToRow !== prevState.scrollToRow) {\n return {\n scrollToColumn: nextProps.scrollToColumn,\n scrollToRow: nextProps.scrollToRow\n };\n }\n\n return null;\n }\n }]);\n\n return ArrowKeyStepper;\n}(React.PureComponent);\n\nArrowKeyStepper.defaultProps = {\n disabled: false,\n isControlled: false,\n mode: 'edges',\n scrollToColumn: 0,\n scrollToRow: 0\n};\nArrowKeyStepper.propTypes = process.env.NODE_ENV === 'production' ? null : {\n children: PropTypes.func.isRequired,\n className: PropTypes.string,\n columnCount: PropTypes.number.isRequired,\n disabled: PropTypes.bool.isRequired,\n isControlled: PropTypes.bool.isRequired,\n mode: PropTypes.oneOf(['cells', 'edges']).isRequired,\n onScrollToChange: PropTypes.func,\n rowCount: PropTypes.number.isRequired,\n scrollToColumn: PropTypes.number.isRequired,\n scrollToRow: PropTypes.number.isRequired\n};\n\n\npolyfill(ArrowKeyStepper);\n\nexport default ArrowKeyStepper;\nimport { bpfrpt_proptype_RenderedSection } from '../Grid';\nimport { bpfrpt_proptype_ScrollIndices } from './types';\nimport PropTypes from 'prop-types';","import _extends from 'babel-runtime/helpers/extends';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport createDetectElementResize from '../vendor/detectElementResize';\n\nvar AutoSizer = function (_React$PureComponent) {\n _inherits(AutoSizer, _React$PureComponent);\n\n function AutoSizer() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, AutoSizer);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = AutoSizer.__proto__ || _Object$getPrototypeOf(AutoSizer)).call.apply(_ref, [this].concat(args))), _this), _this.state = {\n height: _this.props.defaultHeight || 0,\n width: _this.props.defaultWidth || 0\n }, _this._onResize = function () {\n var _this$props = _this.props,\n disableHeight = _this$props.disableHeight,\n disableWidth = _this$props.disableWidth,\n onResize = _this$props.onResize;\n\n\n if (_this._parentNode) {\n // Guard against AutoSizer component being removed from the DOM immediately after being added.\n // This can result in invalid style values which can result in NaN values if we don't handle them.\n // See issue #150 for more context.\n\n var _height = _this._parentNode.offsetHeight || 0;\n var _width = _this._parentNode.offsetWidth || 0;\n\n var win = _this._window || window;\n var _style = win.getComputedStyle(_this._parentNode) || {};\n var paddingLeft = parseInt(_style.paddingLeft, 10) || 0;\n var paddingRight = parseInt(_style.paddingRight, 10) || 0;\n var paddingTop = parseInt(_style.paddingTop, 10) || 0;\n var paddingBottom = parseInt(_style.paddingBottom, 10) || 0;\n\n var newHeight = _height - paddingTop - paddingBottom;\n var newWidth = _width - paddingLeft - paddingRight;\n\n if (!disableHeight && _this.state.height !== newHeight || !disableWidth && _this.state.width !== newWidth) {\n _this.setState({\n height: _height - paddingTop - paddingBottom,\n width: _width - paddingLeft - paddingRight\n });\n\n onResize({ height: _height, width: _width });\n }\n }\n }, _this._setRef = function (autoSizer) {\n _this._autoSizer = autoSizer;\n }, _temp), _possibleConstructorReturn(_this, _ret);\n } // uses any instead of Window because Flow doesn't have window type\n\n\n _createClass(AutoSizer, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n var nonce = this.props.nonce;\n\n if (this._autoSizer && this._autoSizer.parentNode && this._autoSizer.parentNode.ownerDocument && this._autoSizer.parentNode.ownerDocument.defaultView && this._autoSizer.parentNode instanceof this._autoSizer.parentNode.ownerDocument.defaultView.HTMLElement) {\n // Delay access of parentNode until mount.\n // This handles edge-cases where the component has already been unmounted before its ref has been set,\n // As well as libraries like react-lite which have a slightly different lifecycle.\n this._parentNode = this._autoSizer.parentNode;\n this._window = this._autoSizer.parentNode.ownerDocument.defaultView;\n\n // Defer requiring resize handler in order to support server-side rendering.\n // See issue #41\n this._detectElementResize = createDetectElementResize(nonce, this._window);\n this._detectElementResize.addResizeListener(this._parentNode, this._onResize);\n\n this._onResize();\n }\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this._detectElementResize && this._parentNode) {\n this._detectElementResize.removeResizeListener(this._parentNode, this._onResize);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props = this.props,\n children = _props.children,\n className = _props.className,\n disableHeight = _props.disableHeight,\n disableWidth = _props.disableWidth,\n style = _props.style;\n var _state = this.state,\n height = _state.height,\n width = _state.width;\n\n // Outer div should not force width/height since that may prevent containers from shrinking.\n // Inner component should overflow and use calculated width/height.\n // See issue #68 for more information.\n\n var outerStyle = { overflow: 'visible' };\n var childParams = {};\n\n if (!disableHeight) {\n outerStyle.height = 0;\n childParams.height = height;\n }\n\n if (!disableWidth) {\n outerStyle.width = 0;\n childParams.width = width;\n }\n\n /**\n * TODO: Avoid rendering children before the initial measurements have been collected.\n * At best this would just be wasting cycles.\n * Add this check into version 10 though as it could break too many ref callbacks in version 9.\n * Note that if default width/height props were provided this would still work with SSR.\n if (\n height !== 0 &&\n width !== 0\n ) {\n child = children({ height, width })\n }\n */\n\n return React.createElement(\n 'div',\n {\n className: className,\n ref: this._setRef,\n style: _extends({}, outerStyle, style) },\n children(childParams)\n );\n }\n }]);\n\n return AutoSizer;\n}(React.PureComponent);\n\nAutoSizer.defaultProps = {\n onResize: function onResize() {},\n disableHeight: false,\n disableWidth: false,\n style: {}\n};\nAutoSizer.propTypes = process.env.NODE_ENV === 'production' ? null : {\n /** Function responsible for rendering children.*/\n children: PropTypes.func.isRequired,\n\n\n /** Optional custom CSS class name to attach to root AutoSizer element. */\n className: PropTypes.string,\n\n\n /** Default height to use for initial render; useful for SSR */\n defaultHeight: PropTypes.number,\n\n\n /** Default width to use for initial render; useful for SSR */\n defaultWidth: PropTypes.number,\n\n\n /** Disable dynamic :height property */\n disableHeight: PropTypes.bool.isRequired,\n\n\n /** Disable dynamic :width property */\n disableWidth: PropTypes.bool.isRequired,\n\n\n /** Nonce of the inlined stylesheet for Content Security Policy */\n nonce: PropTypes.string,\n\n\n /** Callback to be invoked on-resize */\n onResize: PropTypes.func.isRequired,\n\n\n /** Optional inline style */\n style: PropTypes.object\n};\nexport default AutoSizer;\nimport PropTypes from 'prop-types';","import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport * as React from 'react';\nimport { findDOMNode } from 'react-dom';\n\n/**\n * Wraps a cell and measures its rendered content.\n * Measurements are stored in a per-cell cache.\n * Cached-content is not be re-measured.\n */\nvar CellMeasurer = function (_React$PureComponent) {\n _inherits(CellMeasurer, _React$PureComponent);\n\n function CellMeasurer() {\n var _ref;\n\n var _temp, _this, _ret;\n\n _classCallCheck(this, CellMeasurer);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = CellMeasurer.__proto__ || _Object$getPrototypeOf(CellMeasurer)).call.apply(_ref, [this].concat(args))), _this), _this._measure = function () {\n var _this$props = _this.props,\n cache = _this$props.cache,\n _this$props$columnInd = _this$props.columnIndex,\n columnIndex = _this$props$columnInd === undefined ? 0 : _this$props$columnInd,\n parent = _this$props.parent,\n _this$props$rowIndex = _this$props.rowIndex,\n rowIndex = _this$props$rowIndex === undefined ? _this.props.index || 0 : _this$props$rowIndex;\n\n var _this$_getCellMeasure = _this._getCellMeasurements(),\n height = _this$_getCellMeasure.height,\n width = _this$_getCellMeasure.width;\n\n if (height !== cache.getHeight(rowIndex, columnIndex) || width !== cache.getWidth(rowIndex, columnIndex)) {\n cache.set(rowIndex, columnIndex, width, height);\n\n if (parent && typeof parent.recomputeGridSize === 'function') {\n parent.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\n }\n }\n }, _temp), _possibleConstructorReturn(_this, _ret);\n }\n\n _createClass(CellMeasurer, [{\n key: 'componentDidMount',\n value: function componentDidMount() {\n this._maybeMeasureCell();\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate() {\n this._maybeMeasureCell();\n }\n }, {\n key: 'render',\n value: function render() {\n var children = this.props.children;\n\n\n return typeof children === 'function' ? children({ measure: this._measure }) : children;\n }\n }, {\n key: '_getCellMeasurements',\n value: function _getCellMeasurements() {\n var cache = this.props.cache;\n\n\n var node = findDOMNode(this);\n\n // TODO Check for a bad combination of fixedWidth and missing numeric width or vice versa with height\n\n if (node && node.ownerDocument && node.ownerDocument.defaultView && node instanceof node.ownerDocument.defaultView.HTMLElement) {\n var styleWidth = node.style.width;\n var styleHeight = node.style.height;\n\n // If we are re-measuring a cell that has already been measured,\n // It will have a hard-coded width/height from the previous measurement.\n // The fact that we are measuring indicates this measurement is probably stale,\n // So explicitly clear it out (eg set to \"auto\") so we can recalculate.\n // See issue #593 for more info.\n // Even if we are measuring initially- if we're inside of a MultiGrid component,\n // Explicitly clear width/height before measuring to avoid being tainted by another Grid.\n // eg top/left Grid renders before bottom/right Grid\n // Since the CellMeasurerCache is shared between them this taints derived cell size values.\n if (!cache.hasFixedWidth()) {\n node.style.width = 'auto';\n }\n if (!cache.hasFixedHeight()) {\n node.style.height = 'auto';\n }\n\n var height = Math.ceil(node.offsetHeight);\n var width = Math.ceil(node.offsetWidth);\n\n // Reset after measuring to avoid breaking styles; see #660\n if (styleWidth) {\n node.style.width = styleWidth;\n }\n if (styleHeight) {\n node.style.height = styleHeight;\n }\n\n return { height: height, width: width };\n } else {\n return { height: 0, width: 0 };\n }\n }\n }, {\n key: '_maybeMeasureCell',\n value: function _maybeMeasureCell() {\n var _props = this.props,\n cache = _props.cache,\n _props$columnIndex = _props.columnIndex,\n columnIndex = _props$columnIndex === undefined ? 0 : _props$columnIndex,\n parent = _props.parent,\n _props$rowIndex = _props.rowIndex,\n rowIndex = _props$rowIndex === undefined ? this.props.index || 0 : _props$rowIndex;\n\n\n if (!cache.has(rowIndex, columnIndex)) {\n var _getCellMeasurements2 = this._getCellMeasurements(),\n height = _getCellMeasurements2.height,\n width = _getCellMeasurements2.width;\n\n cache.set(rowIndex, columnIndex, width, height);\n\n // If size has changed, let Grid know to re-render.\n if (parent && typeof parent.invalidateCellSizeAfterRender === 'function') {\n parent.invalidateCellSizeAfterRender({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\n }\n }\n }\n }]);\n\n return CellMeasurer;\n}(React.PureComponent);\n\n// Used for DEV mode warning check\n\n\nCellMeasurer.__internalCellMeasurerFlag = false;\nCellMeasurer.propTypes = process.env.NODE_ENV === 'production' ? null : {\n cache: function cache() {\n return (typeof bpfrpt_proptype_CellMeasureCache === 'function' ? bpfrpt_proptype_CellMeasureCache.isRequired ? bpfrpt_proptype_CellMeasureCache.isRequired : bpfrpt_proptype_CellMeasureCache : PropTypes.shape(bpfrpt_proptype_CellMeasureCache).isRequired).apply(this, arguments);\n },\n children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,\n columnIndex: PropTypes.number,\n index: PropTypes.number,\n parent: PropTypes.shape({\n invalidateCellSizeAfterRender: PropTypes.func,\n recomputeGridSize: PropTypes.func\n }).isRequired,\n rowIndex: PropTypes.number\n};\nexport default CellMeasurer;\nif (process.env.NODE_ENV !== 'production') {\n CellMeasurer.__internalCellMeasurerFlag = true;\n}\nimport { bpfrpt_proptype_CellMeasureCache } from './types';\nimport PropTypes from 'prop-types';","import _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\n\n\nexport var DEFAULT_HEIGHT = 30;\n\nexport var DEFAULT_WIDTH = 100;\n\n// Enables more intelligent mapping of a given column and row index to an item ID.\n// This prevents a cell cache from being invalidated when its parent collection is modified.\n\n/**\n * Caches measurements for a given cell.\n */\nvar CellMeasurerCache = function () {\n function CellMeasurerCache() {\n var _this = this;\n\n var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n _classCallCheck(this, CellMeasurerCache);\n\n this._cellHeightCache = {};\n this._cellWidthCache = {};\n this._columnWidthCache = {};\n this._rowHeightCache = {};\n this._columnCount = 0;\n this._rowCount = 0;\n\n this.columnWidth = function (_ref) {\n var index = _ref.index;\n\n var key = _this._keyMapper(0, index);\n\n return _this._columnWidthCache.hasOwnProperty(key) ? _this._columnWidthCache[key] : _this._defaultWidth;\n };\n\n this.rowHeight = function (_ref2) {\n var index = _ref2.index;\n\n var key = _this._keyMapper(index, 0);\n\n return _this._rowHeightCache.hasOwnProperty(key) ? _this._rowHeightCache[key] : _this._defaultHeight;\n };\n\n var defaultHeight = params.defaultHeight,\n defaultWidth = params.defaultWidth,\n fixedHeight = params.fixedHeight,\n fixedWidth = params.fixedWidth,\n keyMapper = params.keyMapper,\n minHeight = params.minHeight,\n minWidth = params.minWidth;\n\n\n this._hasFixedHeight = fixedHeight === true;\n this._hasFixedWidth = fixedWidth === true;\n this._minHeight = minHeight || 0;\n this._minWidth = minWidth || 0;\n this._keyMapper = keyMapper || defaultKeyMapper;\n\n this._defaultHeight = Math.max(this._minHeight, typeof defaultHeight === 'number' ? defaultHeight : DEFAULT_HEIGHT);\n this._defaultWidth = Math.max(this._minWidth, typeof defaultWidth === 'number' ? defaultWidth : DEFAULT_WIDTH);\n\n if (process.env.NODE_ENV !== 'production') {\n if (this._hasFixedHeight === false && this._hasFixedWidth === false) {\n console.warn(\"CellMeasurerCache should only measure a cell's width or height. \" + 'You have configured CellMeasurerCache to measure both. ' + 'This will result in poor performance.');\n }\n\n if (this._hasFixedHeight === false && this._defaultHeight === 0) {\n console.warn('Fixed height CellMeasurerCache should specify a :defaultHeight greater than 0. ' + 'Failing to do so will lead to unnecessary layout and poor performance.');\n }\n\n if (this._hasFixedWidth === false && this._defaultWidth === 0) {\n console.warn('Fixed width CellMeasurerCache should specify a :defaultWidth greater than 0. ' + 'Failing to do so will lead to unnecessary layout and poor performance.');\n }\n }\n }\n\n _createClass(CellMeasurerCache, [{\n key: 'clear',\n value: function clear(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var key = this._keyMapper(rowIndex, columnIndex);\n\n delete this._cellHeightCache[key];\n delete this._cellWidthCache[key];\n\n this._updateCachedColumnAndRowSizes(rowIndex, columnIndex);\n }\n }, {\n key: 'clearAll',\n value: function clearAll() {\n this._cellHeightCache = {};\n this._cellWidthCache = {};\n this._columnWidthCache = {};\n this._rowHeightCache = {};\n this._rowCount = 0;\n this._columnCount = 0;\n }\n }, {\n key: 'hasFixedHeight',\n value: function hasFixedHeight() {\n return this._hasFixedHeight;\n }\n }, {\n key: 'hasFixedWidth',\n value: function hasFixedWidth() {\n return this._hasFixedWidth;\n }\n }, {\n key: 'getHeight',\n value: function getHeight(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n if (this._hasFixedHeight) {\n return this._defaultHeight;\n } else {\n var _key = this._keyMapper(rowIndex, columnIndex);\n\n return this._cellHeightCache.hasOwnProperty(_key) ? Math.max(this._minHeight, this._cellHeightCache[_key]) : this._defaultHeight;\n }\n }\n }, {\n key: 'getWidth',\n value: function getWidth(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n if (this._hasFixedWidth) {\n return this._defaultWidth;\n } else {\n var _key2 = this._keyMapper(rowIndex, columnIndex);\n\n return this._cellWidthCache.hasOwnProperty(_key2) ? Math.max(this._minWidth, this._cellWidthCache[_key2]) : this._defaultWidth;\n }\n }\n }, {\n key: 'has',\n value: function has(rowIndex) {\n var columnIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\n\n var key = this._keyMapper(rowIndex, columnIndex);\n\n return this._cellHeightCache.hasOwnProperty(key);\n }\n }, {\n key: 'set',\n value: function set(rowIndex, columnIndex, width, height) {\n var key = this._keyMapper(rowIndex, columnIndex);\n\n if (columnIndex >= this._columnCount) {\n this._columnCount = columnIndex + 1;\n }\n if (rowIndex >= this._rowCount) {\n this._rowCount = rowIndex + 1;\n }\n\n // Size is cached per cell so we don't have to re-measure if cells are re-ordered.\n this._cellHeightCache[key] = height;\n this._cellWidthCache[key] = width;\n\n this._updateCachedColumnAndRowSizes(rowIndex, columnIndex);\n }\n }, {\n key: '_updateCachedColumnAndRowSizes',\n value: function _updateCachedColumnAndRowSizes(rowIndex, columnIndex) {\n // :columnWidth and :rowHeight are derived based on all cells in a column/row.\n // Pre-cache these derived values for faster lookup later.\n // Reads are expected to occur more frequently than writes in this case.\n // Only update non-fixed dimensions though to avoid doing unnecessary work.\n if (!this._hasFixedWidth) {\n var columnWidth = 0;\n for (var i = 0; i < this._rowCount; i++) {\n columnWidth = Math.max(columnWidth, this.getWidth(i, columnIndex));\n }\n var columnKey = this._keyMapper(0, columnIndex);\n this._columnWidthCache[columnKey] = columnWidth;\n }\n if (!this._hasFixedHeight) {\n var rowHeight = 0;\n for (var _i = 0; _i < this._columnCount; _i++) {\n rowHeight = Math.max(rowHeight, this.getHeight(rowIndex, _i));\n }\n var rowKey = this._keyMapper(rowIndex, 0);\n this._rowHeightCache[rowKey] = rowHeight;\n }\n }\n }, {\n key: 'defaultHeight',\n get: function get() {\n return this._defaultHeight;\n }\n }, {\n key: 'defaultWidth',\n get: function get() {\n return this._defaultWidth;\n }\n }]);\n\n return CellMeasurerCache;\n}();\n\nexport default CellMeasurerCache;\n\n\nfunction defaultKeyMapper(rowIndex, columnIndex) {\n return rowIndex + '-' + columnIndex;\n}\nimport { bpfrpt_proptype_CellMeasureCache } from './types';","import CellMeasurer from './CellMeasurer';\nimport CellMeasurerCache from './CellMeasurerCache';\n\nexport default CellMeasurer;\nexport { CellMeasurer, CellMeasurerCache };","import _extends from 'babel-runtime/helpers/extends';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\nimport createCallbackMemoizer from '../utils/createCallbackMemoizer';\nimport getScrollbarSize from 'dom-helpers/scrollbarSize';\n\n// @TODO Merge Collection and CollectionView\n\n/**\n * Specifies the number of milliseconds during which to disable pointer events while a scroll is in progress.\n * This improves performance and makes scrolling smoother.\n */\nvar IS_SCROLLING_TIMEOUT = 150;\n\n/**\n * Controls whether the Grid updates the DOM element's scrollLeft/scrollTop based on the current state or just observes it.\n * This prevents Grid from interrupting mouse-wheel animations (see issue #2).\n */\nvar SCROLL_POSITION_CHANGE_REASONS = {\n OBSERVED: 'observed',\n REQUESTED: 'requested'\n};\n\n/**\n * Monitors changes in properties (eg. cellCount) and state (eg. scroll offsets) to determine when rendering needs to occur.\n * This component does not render any visible content itself; it defers to the specified :cellLayoutManager.\n */\n\nvar CollectionView = function (_React$PureComponent) {\n _inherits(CollectionView, _React$PureComponent);\n\n // Invokes callbacks only when their values have changed.\n function CollectionView() {\n var _ref;\n\n _classCallCheck(this, CollectionView);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n // If this component is being rendered server-side, getScrollbarSize() will return undefined.\n // We handle this case in componentDidMount()\n var _this = _possibleConstructorReturn(this, (_ref = CollectionView.__proto__ || _Object$getPrototypeOf(CollectionView)).call.apply(_ref, [this].concat(args)));\n\n _this.state = {\n isScrolling: false,\n scrollLeft: 0,\n scrollTop: 0\n };\n _this._calculateSizeAndPositionDataOnNextUpdate = false;\n _this._onSectionRenderedMemoizer = createCallbackMemoizer();\n _this._onScrollMemoizer = createCallbackMemoizer(false);\n\n _this._invokeOnSectionRenderedHelper = function () {\n var _this$props = _this.props,\n cellLayoutManager = _this$props.cellLayoutManager,\n onSectionRendered = _this$props.onSectionRendered;\n\n\n _this._onSectionRenderedMemoizer({\n callback: onSectionRendered,\n indices: {\n indices: cellLayoutManager.getLastRenderedIndices()\n }\n });\n };\n\n _this._setScrollingContainerRef = function (ref) {\n _this._scrollingContainer = ref;\n };\n\n _this._updateScrollPositionForScrollToCell = function () {\n var _this$props2 = _this.props,\n cellLayoutManager = _this$props2.cellLayoutManager,\n height = _this$props2.height,\n scrollToAlignment = _this$props2.scrollToAlignment,\n scrollToCell = _this$props2.scrollToCell,\n width = _this$props2.width;\n var _this$state = _this.state,\n scrollLeft = _this$state.scrollLeft,\n scrollTop = _this$state.scrollTop;\n\n\n if (scrollToCell >= 0) {\n var scrollPosition = cellLayoutManager.getScrollPositionForCell({\n align: scrollToAlignment,\n cellIndex: scrollToCell,\n height: height,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n width: width\n });\n\n if (scrollPosition.scrollLeft !== scrollLeft || scrollPosition.scrollTop !== scrollTop) {\n _this._setScrollPosition(scrollPosition);\n }\n }\n };\n\n _this._onScroll = function (event) {\n // In certain edge-cases React dispatches an onScroll event with an invalid target.scrollLeft / target.scrollTop.\n // This invalid event can be detected by comparing event.target to this component's scrollable DOM element.\n // See issue #404 for more information.\n if (event.target !== _this._scrollingContainer) {\n return;\n }\n\n // Prevent pointer events from interrupting a smooth scroll\n _this._enablePointerEventsAfterDelay();\n\n // When this component is shrunk drastically, React dispatches a series of back-to-back scroll events,\n // Gradually converging on a scrollTop that is within the bounds of the new, smaller height.\n // This causes a series of rapid renders that is slow for long lists.\n // We can avoid that by doing some simple bounds checking to ensure that scrollTop never exceeds the total height.\n var _this$props3 = _this.props,\n cellLayoutManager = _this$props3.cellLayoutManager,\n height = _this$props3.height,\n isScrollingChange = _this$props3.isScrollingChange,\n width = _this$props3.width;\n\n var scrollbarSize = _this._scrollbarSize;\n\n var _cellLayoutManager$ge = cellLayoutManager.getTotalSize(),\n totalHeight = _cellLayoutManager$ge.height,\n totalWidth = _cellLayoutManager$ge.width;\n\n var scrollLeft = Math.max(0, Math.min(totalWidth - width + scrollbarSize, event.target.scrollLeft));\n var scrollTop = Math.max(0, Math.min(totalHeight - height + scrollbarSize, event.target.scrollTop));\n\n // Certain devices (like Apple touchpad) rapid-fire duplicate events.\n // Don't force a re-render if this is the case.\n // The mouse may move faster then the animation frame does.\n // Use requestAnimationFrame to avoid over-updating.\n if (_this.state.scrollLeft !== scrollLeft || _this.state.scrollTop !== scrollTop) {\n // Browsers with cancelable scroll events (eg. Firefox) interrupt scrolling animations if scrollTop/scrollLeft is set.\n // Other browsers (eg. Safari) don't scroll as well without the help under certain conditions (DOM or style changes during scrolling).\n // All things considered, this seems to be the best current work around that I'm aware of.\n // For more information see https://github.com/bvaughn/react-virtualized/pull/124\n var scrollPositionChangeReason = event.cancelable ? SCROLL_POSITION_CHANGE_REASONS.OBSERVED : SCROLL_POSITION_CHANGE_REASONS.REQUESTED;\n\n // Synchronously set :isScrolling the first time (since _setNextState will reschedule its animation frame each time it's called)\n if (!_this.state.isScrolling) {\n isScrollingChange(true);\n }\n\n _this.setState({\n isScrolling: true,\n scrollLeft: scrollLeft,\n scrollPositionChangeReason: scrollPositionChangeReason,\n scrollTop: scrollTop\n });\n }\n\n _this._invokeOnScrollMemoizer({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n totalWidth: totalWidth,\n totalHeight: totalHeight\n });\n };\n\n _this._scrollbarSize = getScrollbarSize();\n if (_this._scrollbarSize === undefined) {\n _this._scrollbarSizeMeasured = false;\n _this._scrollbarSize = 0;\n } else {\n _this._scrollbarSizeMeasured = true;\n }\n return _this;\n }\n\n /**\n * Forced recompute of cell sizes and positions.\n * This function should be called if cell sizes have changed but nothing else has.\n * Since cell positions are calculated by callbacks, the collection view has no way of detecting when the underlying data has changed.\n */\n\n\n _createClass(CollectionView, [{\n key: 'recomputeCellSizesAndPositions',\n value: function recomputeCellSizesAndPositions() {\n this._calculateSizeAndPositionDataOnNextUpdate = true;\n this.forceUpdate();\n }\n\n /* ---------------------------- Component lifecycle methods ---------------------------- */\n\n /**\n * @private\n * This method updates scrollLeft/scrollTop in state for the following conditions:\n * 1) Empty content (0 rows or columns)\n * 2) New scroll props overriding the current state\n * 3) Cells-count or cells-size has changed, making previous scroll offsets invalid\n */\n\n }, {\n key: 'componentDidMount',\n value: function componentDidMount() {\n var _props = this.props,\n cellLayoutManager = _props.cellLayoutManager,\n scrollLeft = _props.scrollLeft,\n scrollToCell = _props.scrollToCell,\n scrollTop = _props.scrollTop;\n\n // If this component was first rendered server-side, scrollbar size will be undefined.\n // In that event we need to remeasure.\n\n if (!this._scrollbarSizeMeasured) {\n this._scrollbarSize = getScrollbarSize();\n this._scrollbarSizeMeasured = true;\n this.setState({});\n }\n\n if (scrollToCell >= 0) {\n this._updateScrollPositionForScrollToCell();\n } else if (scrollLeft >= 0 || scrollTop >= 0) {\n this._setScrollPosition({ scrollLeft: scrollLeft, scrollTop: scrollTop });\n }\n\n // Update onSectionRendered callback.\n this._invokeOnSectionRenderedHelper();\n\n var _cellLayoutManager$ge2 = cellLayoutManager.getTotalSize(),\n totalHeight = _cellLayoutManager$ge2.height,\n totalWidth = _cellLayoutManager$ge2.width;\n\n // Initialize onScroll callback.\n\n\n this._invokeOnScrollMemoizer({\n scrollLeft: scrollLeft || 0,\n scrollTop: scrollTop || 0,\n totalHeight: totalHeight,\n totalWidth: totalWidth\n });\n }\n }, {\n key: 'componentDidUpdate',\n value: function componentDidUpdate(prevProps, prevState) {\n var _props2 = this.props,\n height = _props2.height,\n scrollToAlignment = _props2.scrollToAlignment,\n scrollToCell = _props2.scrollToCell,\n width = _props2.width;\n var _state = this.state,\n scrollLeft = _state.scrollLeft,\n scrollPositionChangeReason = _state.scrollPositionChangeReason,\n scrollTop = _state.scrollTop;\n\n // Make sure requested changes to :scrollLeft or :scrollTop get applied.\n // Assigning to scrollLeft/scrollTop tells the browser to interrupt any running scroll animations,\n // And to discard any pending async changes to the scroll position that may have happened in the meantime (e.g. on a separate scrolling thread).\n // So we only set these when we require an adjustment of the scroll position.\n // See issue #2 for more information.\n\n if (scrollPositionChangeReason === SCROLL_POSITION_CHANGE_REASONS.REQUESTED) {\n if (scrollLeft >= 0 && scrollLeft !== prevState.scrollLeft && scrollLeft !== this._scrollingContainer.scrollLeft) {\n this._scrollingContainer.scrollLeft = scrollLeft;\n }\n if (scrollTop >= 0 && scrollTop !== prevState.scrollTop && scrollTop !== this._scrollingContainer.scrollTop) {\n this._scrollingContainer.scrollTop = scrollTop;\n }\n }\n\n // Update scroll offsets if the current :scrollToCell values requires it\n if (height !== prevProps.height || scrollToAlignment !== prevProps.scrollToAlignment || scrollToCell !== prevProps.scrollToCell || width !== prevProps.width) {\n this._updateScrollPositionForScrollToCell();\n }\n\n // Update onRowsRendered callback if start/stop indices have changed\n this._invokeOnSectionRenderedHelper();\n }\n }, {\n key: 'componentWillUnmount',\n value: function componentWillUnmount() {\n if (this._disablePointerEventsTimeoutId) {\n clearTimeout(this._disablePointerEventsTimeoutId);\n }\n }\n }, {\n key: 'render',\n value: function render() {\n var _props3 = this.props,\n autoHeight = _props3.autoHeight,\n cellCount = _props3.cellCount,\n cellLayoutManager = _props3.cellLayoutManager,\n className = _props3.className,\n height = _props3.height,\n horizontalOverscanSize = _props3.horizontalOverscanSize,\n id = _props3.id,\n noContentRenderer = _props3.noContentRenderer,\n style = _props3.style,\n verticalOverscanSize = _props3.verticalOverscanSize,\n width = _props3.width;\n var _state2 = this.state,\n isScrolling = _state2.isScrolling,\n scrollLeft = _state2.scrollLeft,\n scrollTop = _state2.scrollTop;\n\n // Memoization reset\n\n if (this._lastRenderedCellCount !== cellCount || this._lastRenderedCellLayoutManager !== cellLayoutManager || this._calculateSizeAndPositionDataOnNextUpdate) {\n this._lastRenderedCellCount = cellCount;\n this._lastRenderedCellLayoutManager = cellLayoutManager;\n this._calculateSizeAndPositionDataOnNextUpdate = false;\n\n cellLayoutManager.calculateSizeAndPositionData();\n }\n\n var _cellLayoutManager$ge3 = cellLayoutManager.getTotalSize(),\n totalHeight = _cellLayoutManager$ge3.height,\n totalWidth = _cellLayoutManager$ge3.width;\n\n // Safely expand the rendered area by the specified overscan amount\n\n\n var left = Math.max(0, scrollLeft - horizontalOverscanSize);\n var top = Math.max(0, scrollTop - verticalOverscanSize);\n var right = Math.min(totalWidth, scrollLeft + width + horizontalOverscanSize);\n var bottom = Math.min(totalHeight, scrollTop + height + verticalOverscanSize);\n\n var childrenToDisplay = height > 0 && width > 0 ? cellLayoutManager.cellRenderers({\n height: bottom - top,\n isScrolling: isScrolling,\n width: right - left,\n x: left,\n y: top\n }) : [];\n\n var collectionStyle = {\n boxSizing: 'border-box',\n direction: 'ltr',\n height: autoHeight ? 'auto' : height,\n position: 'relative',\n WebkitOverflowScrolling: 'touch',\n width: width,\n willChange: 'transform'\n };\n\n // Force browser to hide scrollbars when we know they aren't necessary.\n // Otherwise once scrollbars appear they may not disappear again.\n // For more info see issue #116\n var verticalScrollBarSize = totalHeight > height ? this._scrollbarSize : 0;\n var horizontalScrollBarSize = totalWidth > width ? this._scrollbarSize : 0;\n\n // Also explicitly init styles to 'auto' if scrollbars are required.\n // This works around an obscure edge case where external CSS styles have not yet been loaded,\n // But an initial scroll index of offset is set as an external prop.\n // Without this style, Grid would render the correct range of cells but would NOT update its internal offset.\n // This was originally reported via clauderic/react-infinite-calendar/issues/23\n collectionStyle.overflowX = totalWidth + verticalScrollBarSize <= width ? 'hidden' : 'auto';\n collectionStyle.overflowY = totalHeight + horizontalScrollBarSize <= height ? 'hidden' : 'auto';\n\n return React.createElement(\n 'div',\n {\n ref: this._setScrollingContainerRef,\n 'aria-label': this.props['aria-label'],\n className: clsx('ReactVirtualized__Collection', className),\n id: id,\n onScroll: this._onScroll,\n role: 'grid',\n style: _extends({}, collectionStyle, style),\n tabIndex: 0 },\n cellCount > 0 && React.createElement(\n 'div',\n {\n className: 'ReactVirtualized__Collection__innerScrollContainer',\n style: {\n height: totalHeight,\n maxHeight: totalHeight,\n maxWidth: totalWidth,\n overflow: 'hidden',\n pointerEvents: isScrolling ? 'none' : '',\n width: totalWidth\n } },\n childrenToDisplay\n ),\n cellCount === 0 && noContentRenderer()\n );\n }\n\n /* ---------------------------- Helper methods ---------------------------- */\n\n /**\n * Sets an :isScrolling flag for a small window of time.\n * This flag is used to disable pointer events on the scrollable portion of the Collection.\n * This prevents jerky/stuttery mouse-wheel scrolling.\n */\n\n }, {\n key: '_enablePointerEventsAfterDelay',\n value: function _enablePointerEventsAfterDelay() {\n var _this2 = this;\n\n if (this._disablePointerEventsTimeoutId) {\n clearTimeout(this._disablePointerEventsTimeoutId);\n }\n\n this._disablePointerEventsTimeoutId = setTimeout(function () {\n var isScrollingChange = _this2.props.isScrollingChange;\n\n\n isScrollingChange(false);\n\n _this2._disablePointerEventsTimeoutId = null;\n _this2.setState({\n isScrolling: false\n });\n }, IS_SCROLLING_TIMEOUT);\n }\n }, {\n key: '_invokeOnScrollMemoizer',\n value: function _invokeOnScrollMemoizer(_ref2) {\n var _this3 = this;\n\n var scrollLeft = _ref2.scrollLeft,\n scrollTop = _ref2.scrollTop,\n totalHeight = _ref2.totalHeight,\n totalWidth = _ref2.totalWidth;\n\n this._onScrollMemoizer({\n callback: function callback(_ref3) {\n var scrollLeft = _ref3.scrollLeft,\n scrollTop = _ref3.scrollTop;\n var _props4 = _this3.props,\n height = _props4.height,\n onScroll = _props4.onScroll,\n width = _props4.width;\n\n\n onScroll({\n clientHeight: height,\n clientWidth: width,\n scrollHeight: totalHeight,\n scrollLeft: scrollLeft,\n scrollTop: scrollTop,\n scrollWidth: totalWidth\n });\n },\n indices: {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n }\n });\n }\n }, {\n key: '_setScrollPosition',\n value: function _setScrollPosition(_ref4) {\n var scrollLeft = _ref4.scrollLeft,\n scrollTop = _ref4.scrollTop;\n\n var newState = {\n scrollPositionChangeReason: SCROLL_POSITION_CHANGE_REASONS.REQUESTED\n };\n\n if (scrollLeft >= 0) {\n newState.scrollLeft = scrollLeft;\n }\n\n if (scrollTop >= 0) {\n newState.scrollTop = scrollTop;\n }\n\n if (scrollLeft >= 0 && scrollLeft !== this.state.scrollLeft || scrollTop >= 0 && scrollTop !== this.state.scrollTop) {\n this.setState(newState);\n }\n }\n }], [{\n key: 'getDerivedStateFromProps',\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.cellCount === 0 && (prevState.scrollLeft !== 0 || prevState.scrollTop !== 0)) {\n return {\n scrollLeft: 0,\n scrollTop: 0\n };\n } else if (nextProps.scrollLeft !== prevState.scrollLeft || nextProps.scrollTop !== prevState.scrollTop) {\n return {\n scrollLeft: nextProps.scrollLeft != null ? nextProps.scrollLeft : prevState.scrollLeft,\n scrollTop: nextProps.scrollTop != null ? nextProps.scrollTop : prevState.scrollTop\n };\n }\n\n return null;\n }\n }]);\n\n return CollectionView;\n}(React.PureComponent);\n\nCollectionView.defaultProps = {\n 'aria-label': 'grid',\n horizontalOverscanSize: 0,\n noContentRenderer: function noContentRenderer() {\n return null;\n },\n onScroll: function onScroll() {\n return null;\n },\n onSectionRendered: function onSectionRendered() {\n return null;\n },\n scrollToAlignment: 'auto',\n scrollToCell: -1,\n style: {},\n verticalOverscanSize: 0\n};\nCollectionView.propTypes = process.env.NODE_ENV !== \"production\" ? {\n 'aria-label': PropTypes.string,\n\n /**\n * Removes fixed height from the scrollingContainer so that the total height\n * of rows can stretch the window. Intended for use with WindowScroller\n */\n autoHeight: PropTypes.bool,\n\n /**\n * Number of cells in collection.\n */\n cellCount: PropTypes.number.isRequired,\n\n /**\n * Calculates cell sizes and positions and manages rendering the appropriate cells given a specified window.\n */\n cellLayoutManager: PropTypes.object.isRequired,\n\n /**\n * Optional custom CSS class name to attach to root Collection element.\n */\n className: PropTypes.string,\n\n /**\n * Height of Collection; this property determines the number of visible (vs virtualized) rows.\n */\n height: PropTypes.number.isRequired,\n\n /**\n * Optional custom id to attach to root Collection element.\n */\n id: PropTypes.string,\n\n /**\n * Enables the `Collection` to horiontally \"overscan\" its content similar to how `Grid` does.\n * This can reduce flicker around the edges when a user scrolls quickly.\n */\n horizontalOverscanSize: PropTypes.number.isRequired,\n\n isScrollingChange: PropTypes.func,\n\n /**\n * Optional renderer to be used in place of rows when either :rowCount or :cellCount is 0.\n */\n noContentRenderer: PropTypes.func.isRequired,\n\n /**\n * Callback invoked whenever the scroll offset changes within the inner scrollable region.\n * This callback can be used to sync scrolling between lists, tables, or grids.\n * ({ clientHeight, clientWidth, scrollHeight, scrollLeft, scrollTop, scrollWidth }): void\n */\n onScroll: PropTypes.func.isRequired,\n\n /**\n * Callback invoked with information about the section of the Collection that was just rendered.\n * This callback is passed a named :indices parameter which is an Array of the most recently rendered section indices.\n */\n onSectionRendered: PropTypes.func.isRequired,\n\n /**\n * Horizontal offset.\n */\n scrollLeft: PropTypes.number,\n\n /**\n * Controls scroll-to-cell behavior of the Grid.\n * The default (\"auto\") scrolls the least amount possible to ensure that the specified cell is fully visible.\n * Use \"start\" to align cells to the top/left of the Grid and \"end\" to align bottom/right.\n */\n scrollToAlignment: PropTypes.oneOf(['auto', 'end', 'start', 'center']).isRequired,\n\n /**\n * Cell index to ensure visible (by forcefully scrolling if necessary).\n */\n scrollToCell: PropTypes.number.isRequired,\n\n /**\n * Vertical offset.\n */\n scrollTop: PropTypes.number,\n\n /**\n * Optional custom inline style to attach to root Collection element.\n */\n style: PropTypes.object,\n\n /**\n * Enables the `Collection` to vertically \"overscan\" its content similar to how `Grid` does.\n * This can reduce flicker around the edges when a user scrolls quickly.\n */\n verticalOverscanSize: PropTypes.number.isRequired,\n\n /**\n * Width of Collection; this property determines the number of visible (vs virtualized) columns.\n */\n width: PropTypes.number.isRequired\n} : {};\n\n\npolyfill(CollectionView);\n\nexport default CollectionView;","import _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\n\n/**\n * A section of the Window.\n * Window Sections are used to group nearby cells.\n * This enables us to more quickly determine which cells to display in a given region of the Window.\n * Sections have a fixed size and contain 0 to many cells (tracked by their indices).\n */\nvar Section = function () {\n function Section(_ref) {\n var height = _ref.height,\n width = _ref.width,\n x = _ref.x,\n y = _ref.y;\n\n _classCallCheck(this, Section);\n\n this.height = height;\n this.width = width;\n this.x = x;\n this.y = y;\n\n this._indexMap = {};\n this._indices = [];\n }\n\n /** Add a cell to this section. */\n\n\n _createClass(Section, [{\n key: 'addCellIndex',\n value: function addCellIndex(_ref2) {\n var index = _ref2.index;\n\n if (!this._indexMap[index]) {\n this._indexMap[index] = true;\n this._indices.push(index);\n }\n }\n\n /** Get all cell indices that have been added to this section. */\n\n }, {\n key: 'getCellIndices',\n value: function getCellIndices() {\n return this._indices;\n }\n\n /** Intended for debugger/test purposes only */\n\n }, {\n key: 'toString',\n value: function toString() {\n return this.x + ',' + this.y + ' ' + this.width + 'x' + this.height;\n }\n }]);\n\n return Section;\n}();\n\nexport default Section;\nimport { bpfrpt_proptype_Index } from './types';\nimport { bpfrpt_proptype_SizeAndPositionInfo } from './types';","import _Object$keys from 'babel-runtime/core-js/object/keys';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\n/**\n * Window Sections are used to group nearby cells.\n * This enables us to more quickly determine which cells to display in a given region of the Window.\n * \n */\nimport Section from './Section';\n\n\nvar SECTION_SIZE = 100;\n\n/**\n * Contains 0 to many Sections.\n * Grows (and adds Sections) dynamically as cells are registered.\n * Automatically adds cells to the appropriate Section(s).\n */\nvar SectionManager = function () {\n function SectionManager() {\n var sectionSize = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SECTION_SIZE;\n\n _classCallCheck(this, SectionManager);\n\n this._sectionSize = sectionSize;\n\n this._cellMetadata = [];\n this._sections = {};\n }\n\n /**\n * Gets all cell indices contained in the specified region.\n * A region may encompass 1 or more Sections.\n */\n\n\n _createClass(SectionManager, [{\n key: 'getCellIndices',\n value: function getCellIndices(_ref) {\n var height = _ref.height,\n width = _ref.width,\n x = _ref.x,\n y = _ref.y;\n\n var indices = {};\n\n this.getSections({ height: height, width: width, x: x, y: y }).forEach(function (section) {\n return section.getCellIndices().forEach(function (index) {\n indices[index] = index;\n });\n });\n\n // Object keys are strings; this function returns numbers\n return _Object$keys(indices).map(function (index) {\n return indices[index];\n });\n }\n\n /** Get size and position information for the cell specified. */\n\n }, {\n key: 'getCellMetadata',\n value: function getCellMetadata(_ref2) {\n var index = _ref2.index;\n\n return this._cellMetadata[index];\n }\n\n /** Get all Sections overlapping the specified region. */\n\n }, {\n key: 'getSections',\n value: function getSections(_ref3) {\n var height = _ref3.height,\n width = _ref3.width,\n x = _ref3.x,\n y = _ref3.y;\n\n var sectionXStart = Math.floor(x / this._sectionSize);\n var sectionXStop = Math.floor((x + width - 1) / this._sectionSize);\n var sectionYStart = Math.floor(y / this._sectionSize);\n var sectionYStop = Math.floor((y + height - 1) / this._sectionSize);\n\n var sections = [];\n\n for (var sectionX = sectionXStart; sectionX <= sectionXStop; sectionX++) {\n for (var sectionY = sectionYStart; sectionY <= sectionYStop; sectionY++) {\n var key = sectionX + '.' + sectionY;\n\n if (!this._sections[key]) {\n this._sections[key] = new Section({\n height: this._sectionSize,\n width: this._sectionSize,\n x: sectionX * this._sectionSize,\n y: sectionY * this._sectionSize\n });\n }\n\n sections.push(this._sections[key]);\n }\n }\n\n return sections;\n }\n\n /** Total number of Sections based on the currently registered cells. */\n\n }, {\n key: 'getTotalSectionCount',\n value: function getTotalSectionCount() {\n return _Object$keys(this._sections).length;\n }\n\n /** Intended for debugger/test purposes only */\n\n }, {\n key: 'toString',\n value: function toString() {\n var _this = this;\n\n return _Object$keys(this._sections).map(function (index) {\n return _this._sections[index].toString();\n });\n }\n\n /** Adds a cell to the appropriate Sections and registers it metadata for later retrievable. */\n\n }, {\n key: 'registerCell',\n value: function registerCell(_ref4) {\n var cellMetadatum = _ref4.cellMetadatum,\n index = _ref4.index;\n\n this._cellMetadata[index] = cellMetadatum;\n\n this.getSections(cellMetadatum).forEach(function (section) {\n return section.addCellIndex({ index: index });\n });\n }\n }]);\n\n return SectionManager;\n}();\n\nexport default SectionManager;\nimport { bpfrpt_proptype_Index } from './types';\nimport { bpfrpt_proptype_SizeAndPositionInfo } from './types';","/**\n * Determines a new offset that ensures a certain cell is visible, given the current offset.\n * If the cell is already visible then the current offset will be returned.\n * If the current offset is too great or small, it will be adjusted just enough to ensure the specified index is visible.\n *\n * @param align Desired alignment within container; one of \"auto\" (default), \"start\", or \"end\"\n * @param cellOffset Offset (x or y) position for cell\n * @param cellSize Size (width or height) of cell\n * @param containerSize Total size (width or height) of the container\n * @param currentOffset Container's current (x or y) offset\n * @return Offset to use to ensure the specified cell is visible\n */\nexport default function getUpdatedOffsetForIndex(_ref) {\n var _ref$align = _ref.align,\n align = _ref$align === undefined ? 'auto' : _ref$align,\n cellOffset = _ref.cellOffset,\n cellSize = _ref.cellSize,\n containerSize = _ref.containerSize,\n currentOffset = _ref.currentOffset;\n\n var maxOffset = cellOffset;\n var minOffset = maxOffset - containerSize + cellSize;\n\n switch (align) {\n case 'start':\n return maxOffset;\n case 'end':\n return minOffset;\n case 'center':\n return maxOffset - (containerSize - cellSize) / 2;\n default:\n return Math.max(minOffset, Math.min(maxOffset, currentOffset));\n }\n}","import _extends from 'babel-runtime/helpers/extends';\nimport _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';\nimport _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';\nimport _classCallCheck from 'babel-runtime/helpers/classCallCheck';\nimport _createClass from 'babel-runtime/helpers/createClass';\nimport _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';\nimport _inherits from 'babel-runtime/helpers/inherits';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport CollectionView from './CollectionView';\nimport _calculateSizeAndPositionData from './utils/calculateSizeAndPositionData';\nimport getUpdatedOffsetForIndex from '../utils/getUpdatedOffsetForIndex';\n\n/**\n * Renders scattered or non-linear data.\n * Unlike Grid, which renders checkerboard data, Collection can render arbitrarily positioned- even overlapping- data.\n */\nvar Collection = function (_React$PureComponent) {\n _inherits(Collection, _React$PureComponent);\n\n function Collection(props, context) {\n _classCallCheck(this, Collection);\n\n var _this = _possibleConstructorReturn(this, (Collection.__proto__ || _Object$getPrototypeOf(Collection)).call(this, props, context));\n\n _this._cellMetadata = [];\n _this._lastRenderedCellIndices = [];\n\n // Cell cache during scroll (for perforamnce)\n _this._cellCache = [];\n\n _this._isScrollingChange = _this._isScrollingChange.bind(_this);\n _this._setCollectionViewRef = _this._setCollectionViewRef.bind(_this);\n return _this;\n }\n\n _createClass(Collection, [{\n key: 'forceUpdate',\n value: function forceUpdate() {\n if (this._collectionView !== undefined) {\n this._collectionView.forceUpdate();\n }\n }\n\n /** See Collection#recomputeCellSizesAndPositions */\n\n }, {\n key: 'recomputeCellSizesAndPositions',\n value: function recomputeCellSizesAndPositions() {\n this._cellCache = [];\n this._collectionView.recomputeCellSizesAndPositions();\n }\n\n /** React lifecycle methods */\n\n }, {\n key: 'render',\n value: function render() {\n var props = _objectWithoutProperties(this.props, []);\n\n return React.createElement(CollectionView, _extends({\n cellLayoutManager: this,\n isScrollingChange: this._isScrollingChange,\n ref: this._setCollectionViewRef\n }, props));\n }\n\n /** CellLayoutManager interface */\n\n }, {\n key: 'calculateSizeAndPositionData',\n value: function calculateSizeAndPositionData() {\n var _props = this.props,\n cellCount = _props.cellCount,\n cellSizeAndPositionGetter = _props.cellSizeAndPositionGetter,\n sectionSize = _props.sectionSize;\n\n\n var data = _calculateSizeAndPositionData({\n cellCount: cellCount,\n cellSizeAndPositionGetter: cellSizeAndPositionGetter,\n sectionSize: sectionSize\n });\n\n this._cellMetadata = data.cellMetadata;\n this._sectionManager = data.sectionManager;\n this._height = data.height;\n this._width = data.width;\n }\n\n /**\n * Returns the most recently rendered set of cell indices.\n */\n\n }, {\n key: 'getLastRenderedIndices',\n value: function getLastRenderedIndices() {\n return this._lastRenderedCellIndices;\n }\n\n /**\n * Calculates the minimum amount of change from the current scroll position to ensure the specified cell is (fully) visible.\n */\n\n }, {\n key: 'getScrollPositionForCell',\n value: function getScrollPositionForCell(_ref) {\n var align = _ref.align,\n cellIndex = _ref.cellIndex,\n height = _ref.height,\n scrollLeft = _ref.scrollLeft,\n scrollTop = _ref.scrollTop,\n width = _ref.width;\n var cellCount = this.props.cellCount;\n\n\n if (cellIndex >= 0 && cellIndex < cellCount) {\n var cellMetadata = this._cellMetadata[cellIndex];\n\n scrollLeft = getUpdatedOffsetForIndex({\n align: align,\n cellOffset: cellMetadata.x,\n cellSize: cellMetadata.width,\n containerSize: width,\n currentOffset: scrollLeft,\n targetIndex: cellIndex\n });\n\n scrollTop = getUpdatedOffsetForIndex({\n align: align,\n cellOffset: cellMetadata.y,\n cellSize: cellMetadata.height,\n containerSize: height,\n currentOffset: scrollTop,\n targetIndex: cellIndex\n });\n }\n\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n }\n }, {\n key: 'getTotalSize',\n value: function getTotalSize() {\n return {\n height: this._height,\n width: this._width\n };\n }\n }, {\n key: 'cellRenderers',\n value: function cellRenderers(_ref2) {\n var _this2 = this;\n\n var height = _ref2.height,\n isScrolling = _ref2.isScrolling,\n width = _ref2.width,\n x = _ref2.x,\n y = _ref2.y;\n var _props2 = this.props,\n cellGroupRenderer = _props2.cellGroupRenderer,\n cellRenderer = _props2.cellRenderer;\n\n // Store for later calls to getLastRenderedIndices()\n\n this._lastRenderedCellIndices = this._sectionManager.getCellIndices({\n height: height,\n width: width,\n x: x,\n y: y\n });\n\n return cellGroupRenderer({\n cellCache: this._cellCache,\n cellRenderer: cellRenderer,\n cellSizeAndPositionGetter: function cellSizeAndPositionGetter(_ref3) {\n var index = _ref3.index;\n return _this2._sectionManager.getCellMetadata({ index: index });\n },\n indices: this._lastRenderedCellIndices,\n isScrolling: isScrolling\n });\n }\n }, {\n key: '_isScrollingChange',\n value: function _isScrollingChange(isScrolling) {\n if (!isScrolling) {\n this._cellCache = [];\n }\n }\n }, {\n key: '_setCollectionViewRef',\n value: function _setCollectionViewRef(ref) {\n this._collectionView = ref;\n }\n }]);\n\n return Collection;\n}(React.PureComponent);\n\nCollection.defaultProps = {\n 'aria-label': 'grid',\n cellGroupRenderer: defaultCellGroupRenderer\n};\nexport default Collection;\nCollection.propTypes = process.env.NODE_ENV !== \"production\" ? {\n 'aria-label': PropTypes.string,\n\n /**\n * Number of cells in Collection.\n */\n cellCount: PropTypes.number.isRequired,\n\n /**\n * Responsible for rendering a group of cells given their indices.\n * Should implement the following interface: ({\n * cellSizeAndPositionGetter:Function,\n * indices: Array\n {this.createTitle()}\n {this.createDescription()}\n
\n );\n }\n\n private renderTitleContent: React.FC\n {this.renderTitleContent({ title: localizedTitle, extraTitle })}\n
\n }\n />\n );\n }\n\n public createDescription(): JSX.Element | null {\n const { shouldInheritStyles, description } = this.props;\n if (!description) {\n return null;\n }\n return{description}
;\n }\n}\n\nexport default translate()(ContentBanner);\n","import { connect } from 'react-redux';\nimport { State } from 'widgets/free-content/root/root.reducers';\nimport ContentBanner from '../../modules/content-banner/content-banner.component';\nimport { IContentBannerStoreProps } from './content-banner.types';\n\nconst mapStateToProps = (state: State): IContentBannerStoreProps => ({\n shouldInheritStyles: state.config.shouldInheritStyles\n});\n\nconst ContentBannerContainer = connect(mapStateToProps)(ContentBanner);\n\nexport default ContentBannerContainer;\n","import ContentBannerContainer from './content-banner.container';\nimport ContentBanner from './content-banner.component';\nimport { IContentBannerProps } from './content-banner.types';\n\nexport { ContentBanner, IContentBannerProps };\n\nexport default ContentBannerContainer;\n","import { date, number, string } from 'yup'; // eslint-disable-line id-blacklist\n\nimport { IValidationError, IValidator, IValidatorFactory, NO_ERROR, NoErrorType } from './additional-info.types';\nimport { FIELD_VIEW_TYPES, TEXT_SUB_KEYS } from './additional-info.constants';\nimport { IFieldRenderParams } from './fields/fields.types';\n\nexport const validateDate: IValidator\n
\n );\n }\n}\n\nexport default CountryCheck;\n","import { connect } from 'react-redux';\nimport { Dispatch } from 'types/dispatch';\nimport { ICountryCheckDispatchProps } from './country-check.types';\n\nimport CountryCheck from './country-check.component';\nimport { checkCountry } from '../beta-manager/beta-manager-store';\n\nconst mapDispatchToProps = (dispatch: Dispatch): ICountryCheckDispatchProps => ({\n checkCountry: () => {\n dispatch(checkCountry());\n }\n});\n\nexport default connect(null, mapDispatchToProps)(CountryCheck);\n","import { IAction } from 'types/action';\nimport { SET_COUNTRY_ELIGIBLE, SET_COUNTRY_INELIGIBLE } from './country-check.constants';\n\nexport const setCountryEligible = (): IAction => {\n return { type: SET_COUNTRY_ELIGIBLE };\n};\n\nexport const setCountryIneligible = (): IAction => {\n return { type: SET_COUNTRY_INELIGIBLE };\n};\n","import { loadingManagerEpicFactory } from 'modules/loading-manager/loading-manager.epics';\n\n// constants\nimport { IP_LOCATION_SET_DATA } from 'modules/IP-location/IP-location.constants';\nimport { APPLY_LANGUAGE } from 'modules/language-provider/language-provider.constants';\nimport { INITIALIZE_UBISOFT_CONNECT_DONE } from 'modules/ubisoft-connect-provider/ubisoft-connect-provider.constants';\nimport {\n LOAD_UBISOFT_OVERLAY_DONE, INITIALIZE_UBISOFT_OVERLAY_DONE\n} from 'modules/ubisoft-connect-overlay-provider/ubisoft-connect-overlay-provider.constants';\n\nconst loadingEpic = loadingManagerEpicFactory({\n modeAgnostic: [\n IP_LOCATION_SET_DATA,\n APPLY_LANGUAGE,\n INITIALIZE_UBISOFT_CONNECT_DONE,\n LOAD_UBISOFT_OVERLAY_DONE,\n INITIALIZE_UBISOFT_OVERLAY_DONE\n ],\n standalone: [\n ]\n});\n\nexport default loadingEpic;\n","import { connect } from 'react-redux';\n\n// container\nimport LoadingManager from 'modules/loading-manager';\n\n// actions\nimport { Actions as IPLocationActions } from 'modules/IP-location/index';\nimport { Actions as LanguageProviderActions } from 'modules/language-provider';\nimport { Actions as UbisoftConnectActions } from 'modules/ubisoft-connect-provider';\nimport { Actions as UbisoftConnectOverlayActions } from 'modules/ubisoft-connect-overlay-provider';\n\n// types\nimport { Dispatch } from 'types/dispatch';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { ILoadingManagerHOCStoreProps } from 'modules/loading-manager/loading-manager.types';\n\nconst { fetchInitialLanguage } = LanguageProviderActions;\nconst { IPLocationFetchData } = IPLocationActions;\nconst { loadUbisoftConnect } = UbisoftConnectActions;\nconst { loadUbisoftConnectOverlay } = UbisoftConnectOverlayActions;\n\nconst mapStateToProps = (state: State): ILoadingManagerHOCStoreProps => ({\n mode: state.config.mode,\n shouldInheritStyles: state.config.shouldInheritStyles\n});\n\nconst mapDispatchToProps = (dispatch: Dispatch) => ({\n actions: {\n modeAgnostic: [\n () => dispatch(fetchInitialLanguage()),\n () => dispatch(IPLocationFetchData()),\n () => dispatch(loadUbisoftConnect()),\n () => dispatch(loadUbisoftConnectOverlay())\n ],\n standalone: [\n ]\n }\n});\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(LoadingManager);\n","import * as Epics from './loading-manager.epic';\nimport Container from './loading-manager.container';\n\nexport { Epics, Container };\n\nexport default Container;\n","import * as React from 'react';\n\nimport { IContentTypes } from '../content.types';\n\nconst StandaloneContent: React.FC{title}
\n {message}
\n \n );\n};\n\nexport default StandaloneContent;\n","import * as React from 'react';\nimport { IContentTypes } from '../content.types';\n\nconst EmbeddedContent: React.FC{title}
\n{message}
\n \n );\n};\n\nexport default EmbeddedContent;\n","import { IPlayerProfile } from '../beta-manager';\nimport {\n BETA_INELIGIBLE_COUNTRY,\n INELIGIBLE_COUNTRY_ERROR,\n BETA_INELIGIBLE_OPERATION\n} from '../beta-manager/beta-manager-store';\nimport { ERROR_KEYS } from 'constants/app.constants';\n\nexport const getErrorMessageKey = (profile: IPlayerProfile | null, error: Error | null): string => {\n const ineligibleErrorList = [\n BETA_INELIGIBLE_COUNTRY,\n INELIGIBLE_COUNTRY_ERROR,\n BETA_INELIGIBLE_OPERATION\n ] as string[];\n\n const isIneligibleProfile = profile && (profile.banned || !profile.hasEligibleSources);\n const isIneligibleError = error && ineligibleErrorList.includes(error.name);\n\n return isIneligibleProfile || isIneligibleError\n ? ERROR_KEYS.WIDGET_ERROR_NOT_ELIGIBLE\n : ERROR_KEYS.WIDGET_ERROR_MESSAGE;\n};\n\nexport const getErrorTrackingDetails = (errorKey: string) =>\n errorKey === ERROR_KEYS.WIDGET_ERROR_NOT_ELIGIBLE\n ? 'not eligible'\n : 'something went wrong';\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\n\nimport PageSupportBlockContainer from 'modules/page-support-block';\nimport MarkupSwitcher from 'modules/markup-switcher';\nimport { StandaloneContent, EmbeddedContent } from './content';\n\n// utils\nimport { getErrorMessageKey, getErrorTrackingDetails } from './error-page.utils';\n\n// services\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\n\n// types\nimport { ITranslationProps } from 'types/translation';\nimport { IStoreProps } from './error-page.container';\n\n// constants\nimport { ERROR_KEYS } from 'constants/app.constants.ts';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\n// styles\nimport './error-page.styles.less';\n\nexport class ErrorPage extends React.PureComponent\n }\n inheritBlock={}\n />\n \n
\n );\n }\n};\n\nexport interface IErrorPageProps extends ITranslationProps, IStoreProps {}\n\nexport default translate()(ErrorPage);\n","import { connect } from 'react-redux';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { IPlayerProfile } from '../beta-manager/beta-manager-api';\n// component\nimport ErrorPage from './error-page.component';\n\nexport interface IStoreProps {\n readonly profile: IPlayerProfile | null;\n readonly shouldInheritStyles: boolean;\n readonly error: Error | null;\n}\n\nconst mapStateToProps = (state: State): IStoreProps => ({\n profile: state.beta.profile ?? null,\n shouldInheritStyles: state.config.shouldInheritStyles,\n error: state.beta.error\n});\n\nexport default connect(mapStateToProps)(ErrorPage);\n","import ErrorPage from './error-page.container';\n\nexport default ErrorPage;\n","import * as React from 'react';\n\nimport ContentBanner from 'modules/content-banner/';\n\ninterface IBaseScreenProps {}\n\nconst BaseScreen: React.FC\n {getAlreadyApprovedText(approvedGroups, translateKey)}\n
\n : null}\n {registeredGroups.length && widgetName === WIDGET_NAME.BETA_REGISTRATION ?\n \n {getRegisteredText(registeredGroups, translateKey)}\n
\n : null}\n \n );\n }\n}\n\nexport default translate()(SuccessPageContent);\n\nexport interface ISuccessPageContentProps {\n readonly platforms: PLATFORM_TYPES[];\n readonly widgetName: WIDGET_NAME;\n readonly shouldInheritStyles: boolean;\n readonly profile: IPlayerProfile;\n}\n","import SuccessPageContent from './success-page-content.component';\nexport default SuccessPageContent;\n","import { IFlowEventData } from 'types/analytics';\n\nexport const TEXT_KEYS = {\n TITLE: 'success-beta-keys__title',\n RECEIVE_BY_EMAIL: 'success-beta-keys__receive-by-email'\n};\n\nexport const SUCCESS_BETA_KEYS_DETAILS: Pick{this.getBetaKeyBlocks(this.state.keys)}
;\n }\n\n /** Beta key blocks are calculated only once */\n public getBetaKeyBlocks(keys: IBetaKey[]): JSX.Element[] {\n const blocks: JSX.Element[] = [];\n for (const key of keys) {\n blocks.push(this.getBetaKeyBlock(key));\n }\n\n return blocks;\n }\n\n public getBetaKeyBlock(key: IBetaKey): JSX.Element {\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles } = this.props;\n const platform: string = PLATFORM_DISPLAY_PROPS[key.platformId].name;\n\n return (\n \n
\n );\n }\n\n public getBetaKeyInput(key: IBetaKey): JSX.Element {\n const { shouldInheritStyles } = this.props;\n const ref: React.RefObject\n {translateKey(TEXT_KEYS.TITLE, { platform })}\n
\n {this.getBetaKeyInput(key)}\n \n {translateKey(TEXT_KEYS.RECEIVE_BY_EMAIL)}\n
\n \n
\n );\n }\n}\n\nexport interface ISuccessBetaKeysState {\n readonly loading: boolean;\n readonly keys: IBetaKey[];\n}\n\nexport interface ISuccessBetaKeysProps extends IGetPlayerProfileOptions {\n readonly visible: boolean;\n readonly shouldInheritStyles: boolean;\n /** Notify parent that component can be displayed */\n readonly onReady?: () => void;\n}\n\nexport default translate()(SuccessBetaKeys);\n","import SuccessBetaKeys from './success-beta-keys.component';\n\nexport default SuccessBetaKeys;\n","export const TEXT_KEYS = {\n INVITED: 'friend-list-item__status-invited',\n ALREADY_INVITED: 'friend-list-item__status-already-invited',\n ALREADY_REGISTERED: 'friend-list-item__status-already-registered',\n INVITE_FRIEND: 'friend-list-item__invite-friend',\n INVITE_WAITING: 'friend-list-item__invite-waiting',\n INVITE_ERROR_DESCRIPTION: 'friend-list-item__error-description',\n INVITE_RETRY: 'friend-list-item__retry-invitation',\n NO_INVITATIONS_AVAILABLE: 'friend-list-item__no-invites-available'\n};\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport { ITranslationProps } from 'types/translation';\nimport { getModeClass } from 'utils/css';\n\nimport { IFriend } from '../friend-list-loader';\nimport { buildUserImageSrc } from 'utils/user-avatar';\nimport { TEXT_KEYS } from './friend-list-item.constants';\nimport './friend-list-item.styles.less';\n\nexport class FriendListItem extends React.Component\n
\n );\n }\n\n /** Show invite button or other possible statuses for a friend (error, no invites, etc.) */\n public getInviteButton(): JSX.Element {\n const { dangerouslyTranslateWithHTML: translateKey, friend, shouldInheritStyles } = this.props;\n const friendListItemClassName = getModeClass('sitegen-friend-list-item', shouldInheritStyles);\n if (friend.invited || friend.alreadyInvited || friend.alreadyRegistered) {\n let caption: string;\n if (friend.alreadyRegistered) {\n caption = TEXT_KEYS.ALREADY_REGISTERED;\n } else {\n caption = friend.invited\n ? TEXT_KEYS.INVITED\n : TEXT_KEYS.ALREADY_INVITED;\n }\n\n return (\n \n
\n \n \n {this.props.friend.nameOnPlatform}\n
\n\n {this.getInviteButton()}\n \n \n {translateKey(caption)}\n
\n );\n }\n\n if (friend.loading) {\n return {translateKey(TEXT_KEYS.INVITE_WAITING)}
;\n }\n\n /* User can have more invited friends than available by using other means than SiteGen */\n if (this.props.availableInvites <= 0) {\n return \n {translateKey(TEXT_KEYS.NO_INVITATIONS_AVAILABLE)}
;\n }\n\n if (friend.error) {\n return (\n \n
\n );\n }\n\n return (\n \n {translateKey(TEXT_KEYS.INVITE_ERROR_DESCRIPTION)}
\n \n {translateKey(TEXT_KEYS.INVITE_RETRY)}\n
\n \n {translateKey(TEXT_KEYS.INVITE_FRIEND)}\n
\n );\n }\n}\n\nexport interface IFriendListItemProps {\n readonly env: string;\n readonly shouldInheritStyles: boolean;\n readonly friend: IFriend;\n readonly availableInvites: number;\n readonly style: React.CSSProperties;\n readonly measure: Function;\n readonly onInvite: (id: string) => void;\n}\n\nexport default translate()(FriendListItem);\n","export enum FRIEND_LIST_ERROR_TYPE {\n REQUEST_ERROR = 'REQUEST_ERROR',\n NO_FRIENDS_AVAILABLE = 'NO_FRIENDS_AVAILABLE'\n}\n\nexport const TEXT_KEYS = {\n TITLE: 'friend-list-error__title',\n DESCRIPTION: 'friend-list-error__description',\n RETRY: 'friend-list-error__retry',\n TRY_AGAIN: 'friend-list-error__try-again',\n NO_FRIENDS_AVAILABLE: 'friend-list-error__no-friends-available'\n};\n","import FriendListItem from './friend-list-item.component';\n\nexport { IFriendListItemProps } from './friend-list-item.component';\nexport default FriendListItem;\n","import * as React from 'react';\n\nimport Button from 'components/button';\nimport { translate } from 'components/translate-hoc';\nimport { ITranslationProps } from 'types/translation';\n\nimport { FRIEND_LIST_ERROR_TYPE, TEXT_KEYS } from './friend-list-ui-error.constants';\nimport './friend-list-ui-error.styles.less';\n\nexport class FriendListUIError extends React.Component{this.getContent()}
;\n }\n\n public getContent(): JSX.Element | null {\n const { dangerouslyTranslateWithHTML: translateKey } = this.props;\n switch (this.props.type) {\n case 'REQUEST_ERROR':\n return (\n <>\n {translateKey(TEXT_KEYS.TITLE)}
\n {translateKey(TEXT_KEYS.DESCRIPTION)}
\n\n \n {translateKey(TEXT_KEYS.TRY_AGAIN)}
\n \n );\n case 'NO_FRIENDS_AVAILABLE':\n return (\n \n {translateKey(TEXT_KEYS.NO_FRIENDS_AVAILABLE)}\n
\n );\n default:\n return null;\n }\n }\n}\n\nexport interface IFriendListUIErrorProps {\n readonly type: FRIEND_LIST_ERROR_TYPE;\n readonly onRetry?: () => void;\n}\n\nexport default translate()(FriendListUIError);\n","import FriendListUIError from './friend-list-ui-error.component';\n\nexport { FRIEND_LIST_ERROR_TYPE } from './friend-list-ui-error.constants';\nexport default FriendListUIError;\n","export const TEXT_KEYS = {\n TITLE: 'friend-list__title',\n SUBTITLE: 'friend-list__subtitle',\n AVAILABLE_INVITES: 'friend-list__available-invites',\n EXPLANATION: 'friend-list__explanation',\n SEARCH_PLACEHOLDER: 'friend-list__search-placeholder'\n};\n","import * as React from 'react';\nimport * as lodash from 'lodash';\nimport { AutoSizer, CellMeasurer, CellMeasurerCache, List, ListRowProps, Size } from 'react-virtualized';\n\nimport { IFriend } from '../friend-list-loader';\nimport FriendListItem from '../friend-list-item';\nimport FriendListUIError, { FRIEND_LIST_ERROR_TYPE } from '../friend-list-ui-error';\n\nimport { translate } from 'components/translate-hoc';\nimport { ITranslationProps } from 'types/translation';\nimport { TEXT_KEYS } from './friend-list-ui.constants';\nimport { getModeClass } from 'utils/css';\n\nimport './friend-list-ui.styles.less';\n\n/**\n * Allows displaying and filtering friend list as well as sending invites\n */\nexport class FriendListUI extends React.Component\n
\n );\n }\n\n /** Show amount of remaining invites if they are limited */\n public getRemainingInviteCounter(): JSX.Element | null {\n if (lodash.isNil(this.props.maxAvailableInvites)) {\n return null;\n }\n\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles } = this.props;\n /* We can have negative \"available invites\" in code, but user shouldn't see it */\n const available: number = Math.max(0, this.props.availableInvites);\n const values: object = { available, total: this.props.maxAvailableInvites };\n return (\n {translateKey(TEXT_KEYS.TITLE)}
\n {translateKey(TEXT_KEYS.SUBTITLE)}
\n {content}\n\n {translateKey(TEXT_KEYS.EXPLANATION)}
\n \n {translateKey(TEXT_KEYS.AVAILABLE_INVITES, values)}\n
\n );\n }\n\n /** List also has to receive extra props to trigger nested render function, because it is pure by default */\n public getList = (props: Size): JSX.Element => {\n const friends: IFriend[] = Object.values(this.state.friends);\n return (\n \n {/* AutoSizer has to receive extra props to trigger nested render function, because it is pure by default */}\n \n {this.getList}\n \n
\n );\n\n return (\n \n
\n );\n }\n}\n\nexport interface IFriendListUIState {\n readonly search: string;\n readonly friends: IFriend[];\n}\n\nexport interface IFriendListUIProps {\n readonly env: string;\n readonly shouldInheritStyles: boolean;\n readonly friends: { [id: string]: IFriend };\n readonly availableInvites: number;\n readonly maxAvailableInvites: number;\n readonly error: object | number | null;\n readonly onInvite: (id: string) => void;\n readonly onRetry: () => void;\n}\n\nexport default translate()(FriendListUI);\n","import FriendListUI from './friend-list-ui.component';\n\nexport default FriendListUI;\n","export const IN_BETA_FRIENDS_REQUEST_LIMIT: number = 50;\n","import { FriendListLoader } from './friend-list-loader.component';\n\nexport { IFriend } from './friend-list-loader.types';\nexport default FriendListLoader;\n","import * as React from 'react';\nimport { flatten, isNil } from 'lodash';\n\nimport Spinner from 'components/spinner/spinner.component';\nimport FriendListUI from '../friend-list-ui';\nimport { IFriend } from './friend-list-loader.types';\n\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\nimport { IUserFriend, UbisoftAPIService, USER_FRIEND_STATUS } from 'modules/ubisoft-api';\nimport {\n BetaManagerAPIService,\n IBetaFriend,\n IPlayerBetaFriendsOptions\n} from '../../beta-manager/beta-manager-api';\nimport { IN_BETA_FRIENDS_REQUEST_LIMIT } from './friend-list-loader.constants';\nimport './friend-list-loader.styles.less';\nimport {\n SUCCESS_PAGE_ACTIONS,\n SUCCESS_PAGE_FLOW_DETAILS,\n SUCCESS_PAGE_FLOW_STEP\n} from '../../success-page/success-page.constants';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\n/** Component requests multiple APIs to create unified list of friends to display */\nexport class FriendListLoader extends React.Component\n
\n\n {this.state.friends.length > 0 ? friends : error}\n \n {errorText}\n
\n );\n };\n\n public renderPlatformChange(): JSX.Element | null {\n const {\n platforms,\n shouldInheritStyles,\n dangerouslyTranslateWithHTML: translateKey } = this.props;\n\n const title: string = translateKey(TEXT_KEYS.TITLE);\n const text: string = translateKey(TEXT_KEYS.TEXT);\n const disabledMessage: string = translateKey(TEXT_KEYS.DISABLED_PLATFORM_TEXT);\n return (\n \n \n
);\n }\n\n public render(): JSX.Element | null {\n if (!this.shouldRenderPlatformChange()) {\n return null;\n }\n return this.renderPlatformChange();\n }\n}\n\ninterface IPlatformChangeState {\n readonly selectedPlatforms: PLATFORM_TYPES[];\n readonly showError: boolean;\n}\n\nexport default translate()(PlatformChangeComponent);\n","import { connect } from 'react-redux';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { ITranslationProps } from 'types/translation';\nimport { setPlatforms } from '../platform-selection/platform-selection.actions';\nimport PlatformChange from './platform-change.component';\nimport { IPlatformSelectionDispatchProps } from '../platform-selection/platform-selection.types';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { IFlowEventData } from 'types/analytics';\nimport { IPlayerGroup } from '../beta-manager/beta-manager-api';\n\nexport interface IPlatformChangeStoreProps {\n readonly groups: IPlayerGroup[];\n readonly platforms: PLATFORM_TYPES[];\n readonly shouldInheritStyles: boolean;\n readonly isPlatformChangeAllowed: boolean;\n readonly multiplePlatform?: boolean;\n}\n\nexport type IPlatformChangeContainerProps = IPlatformChangeStoreProps\n& IPlatformSelectionDispatchProps\n& ITranslationProps\n& Pick{title}
\n\n {text}\n
\n \n {this.renderChangeButton()}\n {this.renderError()}\n
\n \n {playerSignedNDA}\n
\n );\n }\n\n public renderPlatformChange(): JSX.Element | null {\n const { widgetName } = this.props;\n return isPlatformSelectionVisible(widgetName)\n ? \n
\n );\n }\n}\n\nexport default translate()(SuccessPage);\n","import { connect } from 'react-redux';\n\nimport SuccessPage from './success-page.component';\nimport { ITranslationProps } from 'types/translation';\nimport { IPlayerProfile } from '../../modules/beta-manager';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\n\nexport interface ISuccessPageStoreProps {\n readonly profile: IPlayerProfile;\n readonly platforms: PLATFORM_TYPES[];\n readonly isNDASigned: boolean;\n readonly friendInvite?: {\n readonly enabled: boolean,\n readonly number: number\n };\n\n /** Beta code identifying the beta */\n readonly code: string;\n /** Phase ID for the beta */\n readonly phaseId: number;\n readonly userId: string;\n readonly env: string;\n readonly shouldInheritStyles: boolean;\n readonly widgetName: WIDGET_NAME;\n}\n\nexport type ISuccessPageContainerProps = ISuccessPageStoreProps & ITranslationProps;\n\nconst mapStateToProps = (state: State): ISuccessPageStoreProps => ({\n profile: state.beta.profile!,\n platforms: state.platforms,\n isNDASigned: state.beta.isNDASignedByUser,\n friendInvite: state.config.betaRegistration?.friendInvite,\n\n /* Data required by most \"Beta API\" requests */\n env: state.config.envName,\n widgetName: state.config.widgetName,\n code: state.config.betaRegistration!.code,\n phaseId: state.config.betaRegistration?.phaseId!,\n shouldInheritStyles: state.config.shouldInheritStyles,\n userId: state.login?.loginSession?.UbisoftConnectProfile.user.userId ?? ''\n});\n\nexport default connect\n {title}}\n inheritBlock={
\n\n {keyArtImage}\n {title}
}\n />\n {this.getNDAMessage()}\n\n
\n );\n }\n}\n\nexport default translate()(Approval);\n","import { connect } from 'react-redux';\n\nimport { GetBetaInfo } from './get-beta-info.component';\nimport { IGetBetaInfoStoreProps } from './get-beta-info.types';\nimport { getBetaInfo } from '../beta-manager-store/beta-manager-store.actions';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\n\nconst mapStateToProps = (state: State): IGetBetaInfoStoreProps => {\n return {\n /* Service configuration data */\n appId: state.config.applicationId,\n genomeId: state.config.genomeId,\n ticket: state.login.loginSession?.UbisoftConnectTicket!,\n sessionId: state.login.loginSession?.sessionId!,\n\n /* \"Get Beta\" request data */\n env: state.config.envName,\n tag: state.config.betaRegistration?.autoPush?.tag ?? '',\n code: state.config.betaRegistration?.code!,\n phaseId: state.config.betaRegistration?.phaseId!,\n userId: state.login.loginSession?.UbisoftConnectProfile.user.userId!\n };\n};\nconst mapDispatchToProps = { getBetaInfo };\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n)(GetBetaInfo);\n","import GetBetaInfoContainer from './get-beta-info.container';\n\nexport default GetBetaInfoContainer;\n","import * as React from 'react';\n\nimport Spinner from 'components/spinner/spinner.component';\n\nimport { UbisoftAPIService } from 'modules/ubisoft-api';\nimport { BetaManagerAPIService } from '../beta-manager-api';\nimport { IGetBetaInfoContainerProps } from './get-beta-info.types';\n\n/**\n * Dummy component that loads beta information and performs redirect based on response\n */\nexport class GetBetaInfo extends React.Component\n {translateKey(TEXT_KEYS.TITLE, { gameName })}\n
\n \n \n
\n \n
\n );\n }\n}\n\nexport default PreLandingView;\n","import { connect } from 'react-redux';\n\nimport { goToLanding } from './approval.actions';\nimport { setError } from '../../../beta-manager/beta-manager-store';\nimport { PreLandingView } from './pre-landing-view.component';\n\nexport interface IPreLandingViewProps {\n readonly setError: (errorType: Error) => void;\n readonly goToLanding: () => void;\n}\n\nconst mapDispatchToProps = {\n goToLanding,\n setError\n};\n\nexport default connect(null, mapDispatchToProps)(PreLandingView);\n","import Approval from './approval.container';\nimport PreLandingView from './pre-landing-view.container';\nimport { GO_TO_LANDING } from './approval.constants';\n\nexport default Approval;\nexport {\n PreLandingView,\n\n GO_TO_LANDING\n};\n","import { IFlowEventData } from 'types/analytics';\n\nexport const TEXT_KEYS = {\n GAME_NAME: 'gameName',\n TITLE: 'platform-selection__title',\n SINGLE_PLATFORM_TITLE: 'platform_selection__single-platform-title',\n BUTTON_REGISTER: 'platform-selection__register-button',\n MANDATORY_SELECTION_ERROR: 'platform-selection__mandatory-selection-error'\n};\n\nexport const PLATFORM_URL_PARAMETER = 'platform';\n\nexport enum LANDING_FLOW_ACTIONS {\n DISPLAY = 'main landing page',\n REGISTER = 'register'\n}\n\nexport const PLATFORM_BUTTON_FLOW_ACTION = (platform: string): Partial\n {errorText}\n
\n );\n };\n\n public componentDidMount() {\n AnalyticsService.sendFlowEvent({\n ...LANDING_FLOW_STEP,\n action: LANDING_FLOW_ACTIONS.DISPLAY,\n category: CATEGORY.DISPLAY\n });\n }\n\n public render() {\n const { shouldInheritStyles } = this.props;\n const titleClassName = shouldInheritStyles ? 'betaRegister__platform__title' : 'sitegen-landing__title';\n return (\n \n
\n );\n }\n}\n\nexport default translate()(Registration);\n","import { connect } from 'react-redux';\n\n// component\nimport Registration from './registration.component';\n\n// actions\nimport { setPlatforms } from '../../../platform-selection/platform-selection.actions';\n\n// types\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { IRegistrationStoreProps } from './registration.types';\n\nconst mapStateToProps = (state: State): IRegistrationStoreProps => {\n return {\n session: state.login?.loginSession,\n platforms: state.config.platformSelection,\n multiplePlatform: state.config.betaRegistration?.multiplePlatform,\n shouldInheritStyles: state.config.shouldInheritStyles\n };\n};\n\nconst mapDispatchToProps = { setPlatforms };\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Registration);\n","import Registration from './registration.component';\nimport RegistrationContainer from './registration.container';\n\nexport { Registration, RegistrationContainer };\n\nexport default RegistrationContainer;\n","import * as React from 'react';\nimport { ILandingProps } from './landing.types';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\n\nimport Approval from './subcomponents/approval';\nimport Registration from './subcomponents/registration';\n\nconst Landing: React.FC\n {this.getTitleText()}\n
\n {this.props.children}\n \n {this.renderRegisterButton()}\n {this.renderError()}\n
\n {warningText}
: null;\n };\n\n public renderPlatformSelection(): JSX.Element | null {\n const { widgetName } = this.props;\n return isPlatformSelectionVisible(widgetName)\n ? \n \n \n
\n }\n inheritBlock={\n {title}
\n\n
\n }\n />\n {this.renderPlatformSelection()}\n \n
\n \n \n
\n \n \n {this.renderWarningMessage(warningText)}\n
\n \n \n \n {changeEmailButtonText}\n \n \n {this.getButtonText()}\n \n
\n );\n }\n\n public getButtonText(): string | null {\n const { dangerouslyTranslateWithHTML: translateKey, emailVerificationStatus } = this.props;\n const options = {\n [EMAIL_VERIFICATION.NOT_COMPLETED]:\n translateKey(TEXT_KEYS.EMAIL_VERIFICATION_OK_BTN_VERIFY),\n [EMAIL_VERIFICATION.SENT]:\n translateKey(TEXT_KEYS.EMAIL_VERIFICATION_OK_BTN_CONTINUE),\n default: translateKey(TEXT_KEYS.EMAIL_VERIFICATION_OK_BTN_CONTINUE)\n };\n\n return options[String(emailVerificationStatus)] || options.default;\n }\n\n public renderError = () => {\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles } = this.props;\n const { showError } = this.state;\n const textContainerClass = getModeClass(\n 'sitegen-email-verification__error', shouldInheritStyles\n );\n\n return showError\n ? \n {translateKey(TEXT_KEYS.EMAIL_VERIFICATION_ERROR)}\n
\n : null;\n };\n\n public getTextContainer(): JSX.Element {\n const { showError } = this.state;\n const {\n dangerouslyTranslateWithHTML: translateKey,\n verifyEmail,\n emailVerificationStatus,\n emailForVerification,\n shouldInheritStyles\n } = this.props;\n\n const textWarning = translateKey(TEXT_KEYS.EMAIL_VERIFICATION_TEXTS.warning, {\n emailForVerification\n });\n const textLinking = translateKey(TEXT_KEYS.EMAIL_VERIFICATION_TEXTS.linking);\n const textPrompting = translateKey(TEXT_KEYS.EMAIL_VERIFICATION_TEXTS.prompting);\n const textSending = translateKey(TEXT_KEYS.EMAIL_VERIFICATION_TEXTS.sending);\n const textSent = translateKey(TEXT_KEYS.EMAIL_VERIFICATION_TEXTS.sent);\n\n // Handle click on resend verification link in translated string\n const handleStatusClick = (event: React.SyntheticEvent) => {\n event.preventDefault();\n event.stopPropagation();\n if ((event.target as HTMLAnchorElement).id === 'send-email') {\n verifyEmail();\n }\n };\n\n const emailVerificationTextStatus = (): string => {\n const options = {\n [EMAIL_VERIFICATION.NOT_COMPLETED]: textPrompting,\n [EMAIL_VERIFICATION.SENDING]: textSending,\n [EMAIL_VERIFICATION.SENT]: textSent,\n [EMAIL_VERIFICATION.NOT_VERIFIED]: textSent\n };\n\n if (showError) {\n return textSent;\n }\n\n return options[String(emailVerificationStatus)] || textPrompting;\n };\n\n const status = emailVerificationTextStatus();\n const textContainerClass = getModeClass(\n 'sitegen-email-verification__text-container', shouldInheritStyles\n );\n\n const content = <>\n {textLinking}
\n{textWarning}
\n {content}\n }\n inheritBlock={\n
}\n />\n );\n }\n\n public render(): JSX.Element {\n const { emailVerificationStatus, emailForVerification, shouldInheritStyles } = this.props;\n\n if (!emailVerificationStatus || !emailForVerification) {\n return (\n {textWarning}
\n {content}\n\n
\n );\n }\n\n return (\n \n
\n );\n }\n}\n\nexport default translate()(EmailVerification);\n","import { connect } from 'react-redux';\nimport { Dispatch } from 'types/dispatch';\nimport {\n setNotCompletedVerificationStatus,\n setSentVerificationStatus,\n checkIsEmailVerified,\n getVerificationEmail,\n verifyEmail, setCompletedVerificationStatus\n} from 'modules/email-verification/email-verification.actions';\nimport EmailVerificationComponent from './email-verification.component';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\n\nconst mapStateToProps = (state: State) => ({\n emailVerificationStatus: state.emailVerification.emailVerificationStatus,\n emailForVerification: state.emailVerification.emailForVerification,\n shouldInheritStyles: state.config.shouldInheritStyles\n});\n\nconst mapDispatchToProps = (dispatch: Dispatch) => ({\n checkIsEmailVerified: (): Promise\n {this.getTextContainer()}\n {this.getButtonContainer()}\n {this.renderError()}\n
\n \n {\n return new Promise(resolve => {\n const scriptId = 'admin-connect';\n\n $script(url, scriptId);\n $script.ready(scriptId, resolve);\n });\n }\n\n public componentDidUpdate() {\n if (this.state.AdminConnectApi && this.state.AdminConnectLoginIframeShouldLoad) {\n const AdminConnectLoginIframeResponse = this.state.AdminConnectApi.GetLoginFrame(\n this.props.applicationId,\n this.state.environment,\n (session: ISession) => {\n this.props.onSuccessAuthentication(session);\n }\n );\n this.adminConnectMountPointRef.current!.appendChild(AdminConnectLoginIframeResponse);\n this.setState({ AdminConnectLoginIframeShouldLoad: false });\n }\n }\n}\n\nexport interface IAdminConnectProps {\n readonly environment: string;\n readonly applicationId: string;\n readonly resourceUrl: string;\n readonly onSuccessAuthentication: (session: ISession) => void;\n}\n\nexport interface IState {\n readonly environment: string;\n readonly externalScriptsLoaded: boolean;\n readonly externalScriptsLoadError: boolean;\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n readonly AdminConnectApi: any;\n readonly AdminConnectLoginIframeShouldLoad: boolean;\n}\n\nexport type IUbiAdminConnectWindow = Window & typeof globalThis & {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n readonly AdminConnect: any\n};\n","export const SITEGEN_ADMIN_APPLICATION_ID = '73813027-eb3a-4906-8002-5e3e2ed202c0';\n","export const SET_ADMIN_LOGIN_NOT_REQUIRED = 'SET_ADMIN_LOGIN_NOT_REQUIRED' as const;\nexport const SET_ADMIN_LOGIN_SESSION = 'SET_ADMIN_LOGIN_SESSION' as const;\n\nexport const TEXT_KEYS = {\n INTERNAL_LOGIN_DESCRIPTION: 'login__internal-description-text'\n};\n","/**\n * @class Login\n * @description Login component which wrap spark-admin-connect component\n */\n\nimport * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport { ITranslationProps } from 'types/translation';\nimport { IDispatchProps } from './admin-login.container';\n\nimport AdminConnect from './admin-connect.component';\nimport BaseScreen from '../base-screen';\n\nimport { ENV } from '@sitegen/common/constants/environments';\nimport { SITEGEN_ADMIN_APPLICATION_ID } from '@sitegen/common/constants/application-id';\nimport { TEXT_KEYS } from './admin-login.constants';\n\nimport './admin-login.styles.less';\n\nexport interface ILoginProps extends IDispatchProps {\n readonly applicationId: string;\n readonly env: string;\n readonly isInternalBetaEnabled: boolean;\n readonly adminConnectURL: string;\n}\n\nclass AdminLogin extends React.Component {\n public readonly PROD_ADMIN_CONNECT_ENV_KEY: string = 'prod';\n public readonly UAT_ADMIN_CONNECT_ENV_KEY: string = 'uat';\n\n constructor(props: IAdminLoginProps) {\n super(props);\n if (!this.props.isInternalBetaEnabled) {\n this.props.notRequired();\n }\n }\n\n public renderLoginDescription = (): JSX.Element => {\n const { dangerouslyTranslateWithHTML: translateKey } = this.props;\n const loginDescriptionText: string = translateKey(TEXT_KEYS.INTERNAL_LOGIN_DESCRIPTION);\n\n return (\n \n \n );\n }\n}\n\ntype IAdminLoginProps = ILoginProps & ITranslationProps;\n\nexport default translate()(AdminLogin);\n","import { IAction } from 'types/action';\nimport { SET_ADMIN_LOGIN_NOT_REQUIRED, SET_ADMIN_LOGIN_SESSION } from './admin-login.constants';\nimport { ISession } from './admin-connect.types';\n\nexport const setAdminLoginSession = (payload: ISession) => {\n return { type: SET_ADMIN_LOGIN_SESSION, payload };\n};\n\nexport const setAdminLoginNotRequired = (): IAction => {\n return { type: SET_ADMIN_LOGIN_NOT_REQUIRED };\n};\n","import { connect } from 'react-redux';\nimport { get } from 'lodash';\nimport AdminLogin from './admin-login.component';\nimport { setAdminLoginNotRequired, setAdminLoginSession } from './admin-login.actions';\n\nexport interface IDispatchProps {\n readonly loggedIn: typeof setAdminLoginSession;\n readonly notRequired: typeof setAdminLoginNotRequired;\n}\n\nexport interface IStateProps {\n readonly applicationId: string;\n readonly env: string;\n readonly isInternalBetaEnabled: boolean;\n readonly adminConnectURL: string;\n}\n\nconst mapDispatchToProps: IDispatchProps = {\n loggedIn: setAdminLoginSession,\n notRequired: setAdminLoginNotRequired\n};\n\nconst mapStateToProps = (state: Object): IStateProps => ({\n applicationId: get(state, 'config.applicationId'),\n env: get(state, 'config.envName'),\n isInternalBetaEnabled: get(state, 'config.betaRegistration.internalBeta'),\n adminConnectURL: get(state, 'config.betaRegistration.adminConnectURL')\n});\n\nconst AdminLoginContainer = connect(\n mapStateToProps,\n mapDispatchToProps\n)(AdminLogin);\n\nexport default AdminLoginContainer;\n","import { ISession } from './admin-connect.types';\n\nimport { SET_ADMIN_LOGIN_SESSION } from './admin-login.constants';\nimport { REMOVE_LOGIN_SESSION } from 'modules/login/login.constants';\n\nimport { removeLoginSession } from 'modules/login/login.actions';\nimport { setAdminLoginSession } from './admin-login.actions';\n\nexport interface IState {\n loginSession: ISession | null;\n}\n\nexport const initialState: IState = {\n loginSession: null\n};\n\nexport const reducerKey = 'adminLogin';\n\nexport const adminLogin = (state = initialState, action: AdminLoginActions): IState => {\n switch (action.type) {\n case SET_ADMIN_LOGIN_SESSION:\n return {\n loginSession: action.payload\n };\n case REMOVE_LOGIN_SESSION:\n return {\n loginSession: null\n };\n default:\n return state;\n }\n};\n\ntype AdminLoginActions = ReturnType | ReturnType;\n\nexport default adminLogin;\n","import * as React from 'react';\nimport Route from 'modules/router';\n\nimport CheckAuthentication, { USER_OBTAINED_NO_SESSION } from 'modules/check-authentication';\nimport { USER_OBTAINED_SESSION } from 'modules/check-authentication';\nimport LoginScreen from '../screens/login';\nimport SuccessScreen from '../screens/success';\nimport ErrorScreen from '../screens/error';\nimport LandingScreen from '../screens/landing';\nimport EndOperationScreen from '../screens/end-operation';\nimport SignNda from '../modules/sign-nda';\nimport EmailVerificationScreen from '../screens/email-verification';\nimport { AdminLoginContainer as AdminLogin } from '../modules/admin-login';\nimport { CountryCheckContainer as CountryCheck } from '../modules/country-check';\nimport { PreLandingView, GO_TO_LANDING } from '../modules/landing/subcomponents/approval';\n\nimport {\n SET_LOGIN_SESSION,\n LOG_OUT_DONE,\n} from 'modules/login/login.constants';\n\nimport {\n STEP_COUNTRY_CHECK,\n STEP_CHECK_AUTHENTICATION,\n STEP_END_OF_OPERATION,\n STEP_ERROR,\n STEP_GET_BETA_INFO,\n STEP_LOGIN,\n STEP_SIGN_NDA,\n STEP_SUCCESS,\n STEP_EMAIL_VERIFICATION,\n STEP_ADMIN_LOGIN,\n STEP_APPROVAL_PLAYER_FOR_BETA,\n STEP_LANDING,\n STEP_PRE_LANDING_INELIGIBLE_ERROR\n} from './router.constants';\nimport {\n BETA_SET_ERROR,\n BETA_UPDATE_PLAYER_PROFILE,\n GetBetaInfo,\n ApprovalForBetaContainer\n} from '../modules/beta-manager';\n\nimport {\n BETA_EMIT_PROFILE_FLAGS,\n CHECK_USER_SESSION,\n setProfileFlags\n} from '../modules/beta-manager/beta-manager-store';\nimport { SET_NDA_SIGNING_COMPLETED } from '../modules/sign-nda/sign-nda.constants';\nimport { OPERATION_ENDING_STATUS } from 'modules/end-operation/end-operation.constants';\nimport {\n EMAIL_VERIFICATION,\n SET_EMAIL_VERIFICATION_STATUS\n} from 'modules/email-verification/email-verification.constants';\nimport { SET_ADMIN_LOGIN_SESSION, SET_ADMIN_LOGIN_NOT_REQUIRED } from '../modules/admin-login/admin-login.constants';\nimport { SET_COUNTRY_ELIGIBLE, SET_COUNTRY_INELIGIBLE } from '../modules/country-check/country-check.constants';\nimport { checkUserSession } from '../modules/landing/subcomponents/approval/approval.actions';\n\nconst commonTransitions = {\n [LOG_OUT_DONE]: { STEP_ADMIN_LOGIN }\n};\n\nexport const Router: React.FC = () => {\n return (\n <>\n }\n />\n action.payload.isValid\n }\n }}\n render={}\n />\n }\n />\n }\n />\n ) =>\n flags.banned ||\n !flags.hasEligibleSources ||\n (!flags.registered && !flags.platforms.length),\n [STEP_GET_BETA_INFO]: (flags: ReturnType) =>\n !(\n flags.banned ||\n !flags.hasEligibleSources ||\n (!flags.registered && !flags.platforms.length)\n ),\n },\n /* Fire when click on 'Check beta status' button */\n [CHECK_USER_SESSION]: {\n [STEP_GET_BETA_INFO]: (action: ReturnType) => Boolean(action.payload.session),\n [STEP_LOGIN]: (action: ReturnType) => !action.payload.session\n }\n }}\n render={) =>\n flags.banned ||\n !flags.hasEligibleSources ||\n (!flags.registered && !flags.platforms.length),\n [STEP_SUCCESS]: (flags: ReturnType) =>\n flags.approved && !flags.shouldSignNDA,\n [STEP_EMAIL_VERIFICATION]: (flags: ReturnType) =>\n !flags.approved ||\n flags.approved && flags.shouldSignNDA ||\n flags.registered ||\n !(flags.approved && flags.registered)\n },\n [BETA_SET_ERROR]: { STEP_ERROR }\n }}\n render={ action.payload === EMAIL_VERIFICATION.COMPLETED\n }\n }}\n render={}\n />\n }\n />\n }\n />\n }\n />\n \n );\n};\n\nRouter.displayName = 'Router';\n\nexport default Router;\n","export const STEP_COUNTRY_CHECK = 'STEP_COUNTRY_CHECK';\nexport const STEP_LANDING = 'STEP_LANDING';\nexport const STEP_PRE_LANDING_INELIGIBLE_ERROR = 'STEP_PRE_LANDING_INELIGIBLE_ERROR';\nexport const STEP_LOGIN = 'STEP_LOGIN';\nexport const STEP_ADMIN_LOGIN = 'STEP_ADMIN_LOGIN';\nexport const STEP_ERROR = 'STEP_ERROR';\nexport const STEP_SUCCESS = 'STEP_SUCCESS';\nexport const STEP_CHECK_AUTHENTICATION = 'STEP_CHECK_AUTHENTICATION';\nexport const STEP_GET_BETA_INFO = 'STEP_GET_BETA_INFO';\nexport const STEP_ALREADY_REGISTERED = 'STEP_ALREADY_REGISTERED';\nexport const STEP_SIGN_NDA = 'STEP_SIGN_NDA';\nexport const STEP_REGISTER_PLAYER_FOR_BETA = 'STEP_REGISTER_PLAYER_FOR_BETA';\nexport const STEP_APPROVAL_PLAYER_FOR_BETA = 'STEP_APPROVAL_PLAYER_FOR_BETA';\nexport const STEP_END_OF_OPERATION = 'STEP_END_OF_OPERATION';\nexport const STEP_EMAIL_VERIFICATION = 'STEP_EMAIL_VERIFICATION';\nexport const STEP_ADDITIONAL_INFO = 'STEP_ADDITIONAL_INFO';\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\n\nimport PageSupportBlockContainer from 'modules/page-support-block';\nimport SuccessBetaKeys from '../../success-beta-keys';\nimport FriendListLoader from '../../friend-list/friend-list-loader';\nimport PlatformChange from '../../platform-change';\n\nimport { IAlreadyRegisteredPageContainerProps } from './already-registered-page.container';\n\nimport {\n getAlreadyApprovedText,\n getAlreadyRegisteredText,\n getApprovedGroups,\n getPlayerApprovedGroup,\n getRegisteredGroups,\n isBetaKeysBlockVisible,\n isFriendListVisible,\n isPlatformSelectionVisible\n} from '../success-page.utils';\nimport { ALREADY_REGISTERED_FLOW_STEP, SUCCESS_PAGE_ACTIONS, TEXT_KEYS } from '../success-page.constants';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\nimport './already-registered-page.styles.less';\nimport { getModeClass } from 'utils/css';\nimport MarkupSwitcher from 'modules/markup-switcher';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\n\nexport class AlreadyRegisteredPage extends React.Component {\n public componentDidMount() {\n AnalyticsService.sendFlowEvent({\n ...ALREADY_REGISTERED_FLOW_STEP,\n category: CATEGORY.DISPLAY,\n action: SUCCESS_PAGE_ACTIONS.DISPLAY_ALREADY_REGISTERED\n });\n }\n\n public renderPlatformChange(): JSX.Element | null {\n const { widgetName } = this.props;\n return isPlatformSelectionVisible(widgetName)\n ? \n : null;\n }\n\n private getInvitationPlatform(): PLATFORM_TYPES | null {\n const { profile: { groups } } = this.props;\n return getPlayerApprovedGroup(groups)?.platform ?? null;\n }\n\n public render(): JSX.Element {\n const {\n dangerouslyTranslateWithHTML: translateKey,\n profile: { groups },\n friendInvite = {\n enabled: false,\n number: 0\n },\n shouldInheritStyles\n } = this.props;\n const title: string = translateKey(TEXT_KEYS.ALREADY_REGISTERED);\n const approvedGroups = getApprovedGroups(groups);\n const registeredGroups = getRegisteredGroups(groups);\n const titleClass: string = getModeClass('sitegen-already-registered-page__title', shouldInheritStyles);\n return (\n
\n );\n }\n}\n\nexport default translate()(AlreadyRegisteredPage);\n","import { connect } from 'react-redux';\n\nimport { ITranslationProps } from 'types/translation';\nimport { IPlayerProfile } from '../../../modules/beta-manager';\nimport AlreadyRegisteredPage from './already-registered-page.component';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { WIDGET_NAME } from '@sitegen/common/constants';\n\nexport interface IAlreadyRegisteredPageStoreProps {\n readonly profile: IPlayerProfile;\n readonly friendInvite?: {\n readonly enabled: boolean,\n readonly number: number\n };\n\n readonly code: string;\n readonly phaseId: number;\n readonly userId: string;\n readonly env: string;\n readonly shouldInheritStyles: boolean;\n readonly widgetName: WIDGET_NAME;\n}\n\nexport type IAlreadyRegisteredPageContainerProps = IAlreadyRegisteredPageStoreProps & ITranslationProps;\n\nconst mapStateToProps = (state: State): IAlreadyRegisteredPageStoreProps => ({\n profile: state.beta.profile!,\n friendInvite: state.config.betaRegistration?.friendInvite,\n\n /* Data required by most \"Beta API\" requests */\n env: state.config.envName,\n widgetName: state.config.widgetName,\n code: state.config.betaRegistration?.code!,\n phaseId: state.config.betaRegistration?.phaseId!,\n shouldInheritStyles: state.config.shouldInheritStyles,\n userId: state.login.loginSession?.UbisoftConnectProfile.user.userId!\n});\n\nexport default connect\n
\n );\n }\n\n private loadScript(url: string): Promise\n {loginDescriptionText}\n
\n );\n };\n\n public getAdminConnectAPIEnvironment(): string {\n return [ENV.PROD, ENV.PREPROD].includes(this.props.env as ENV)\n ? this.PROD_ADMIN_CONNECT_ENV_KEY\n : this.UAT_ADMIN_CONNECT_ENV_KEY;\n }\n\n public render() {\n if (!this.props.isInternalBetaEnabled) {\n return null;\n }\n\n const supportEmail = 'sitegen-support@ubisoft.com';\n return (\n \n {this.renderLoginDescription()}\n
\n \n \n \n
\n \n
\n \n Can't get access ? \n \n Contact Us\n \n
\n \n {title}
}\n inheritBlock={{title}
}/>\n\n {approvedGroups.length ?\n
\n \n {getAlreadyApprovedText(approvedGroups, translateKey)}\n
\n : null}\n {registeredGroups.length ?\n \n {getAlreadyRegisteredText(registeredGroups, translateKey)}\n
\n : null}\n \n {translateKey(TEXT_KEYS.EMAIL_NOTIFICATION)}\n
\n\n \n
\n );\n }\n\n public render(): JSX.Element | null {\n return this.props.customFields.length ? this.renderForm() : null;\n }\n}\n\nexport default translate()(AdditionalInfoComponent);\n","import { SET_CUSTOM_FIELDS_COMPLETED } from './additional-info.constants';\n\nexport const completeAdditionalInfoScreen = () => ({\n type: SET_CUSTOM_FIELDS_COMPLETED\n});\n","import { connect } from 'react-redux';\n\nimport AdditionalInfo from './additional-info.component';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { IAdditionalInfoDispatchProps, IAdditionalInfoStoreProps } from './additional-info.types';\nimport { setBetaCustomFieldsValues } from '../beta-manager/beta-manager-store';\nimport { completeAdditionalInfoScreen } from './additional-info.actions';\n\nconst mapStateToProps = (state: State): IAdditionalInfoStoreProps => ({\n customFields: state.beta.customFieldInputs,\n activeLanguageCode: state.language.activeLanguageCode,\n shouldInheritStyles: state.config.shouldInheritStyles,\n});\n\nconst mapDispatchToProps: IAdditionalInfoDispatchProps = {\n setBetaCustomFieldsValues,\n completeAdditionalInfoScreen\n};\n\nconst Container = connect(\n mapStateToProps,\n mapDispatchToProps\n)(AdditionalInfo);\n\nexport default Container;\n","import AdditionalInfoContainer from './additional-info.container';\n\nexport default AdditionalInfoContainer;\n","import * as React from 'react';\n\nimport CustomFields from '../../modules/additional-info';\nimport BaseScreen from '../../modules/base-screen';\n\nconst CustomFieldsScreen = (): JSX.Element => {\n return (\n \n \n
\n