\n {!this.state.isLoginIframeMounted &&
\n );\n }\n}\n\nLoginPopin.contextType = ConfigContext;\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","\"use strict\";\nfunction __export(m) {\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\n}\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__export(require(\"rxjs-compat/operators/filter\"));\n//# sourceMappingURL=filter.js.map","import ubisoftOverlayService from 'modules/ubisoft-overlay-service/service';\nimport {\n LOAD_UBISOFT_OVERLAY_DONE,\n LOAD_UBISOFT_OVERLAY_ERROR,\n INITIALIZE_UBISOFT_OVERLAY_DONE\n} from './ubisoft-connect-overlay-provider.constants';\nimport { WEBSITE_MODE } from '@sitegen/common/constants/config';\nimport { Dispatch } from 'types/dispatch';\n\nexport const setInitOverlayDone = () => ({ type: INITIALIZE_UBISOFT_OVERLAY_DONE });\nexport const setLoadOverlayDone = () => ({ type: LOAD_UBISOFT_OVERLAY_DONE });\nexport const setLoadOverlayError = () => ({ type: LOAD_UBISOFT_OVERLAY_ERROR });\n\nexport const loadUbisoftConnectOverlay = () => async (dispatch: Dispatch, getState: Function) => {\n const state = getState();\n const envName = state.config.envName;\n const mode: WEBSITE_MODE = state.config.mode;\n\n const onError = () => dispatch(setLoadOverlayError());\n const onSuccess = () => dispatch(setLoadOverlayDone());\n const onInit = () => dispatch(setInitOverlayDone());\n\n try {\n return await ubisoftOverlayService.install({ mode, envName }, onSuccess, onInit);\n } catch (e) {\n return onError();\n }\n};\n","import { WIDGET_NAME } from '@sitegen/common/constants';\n\nexport const trackingFlowSubTypes = {\n [WIDGET_NAME.CF_REDEEM]: 'code-first',\n [WIDGET_NAME.ULC_REDEEM]: 'platform-first',\n [WIDGET_NAME.PYC_REDEEM]: 'pick your own content',\n};\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.addMethod = addMethod;\nexports.lazy = exports.ref = exports.boolean = void 0;\n\nvar _mixed = _interopRequireDefault(require(\"./mixed\"));\n\nexports.mixed = _mixed.default;\n\nvar _boolean = _interopRequireDefault(require(\"./boolean\"));\n\nexports.bool = _boolean.default;\n\nvar _string = _interopRequireDefault(require(\"./string\"));\n\nexports.string = _string.default;\n\nvar _number = _interopRequireDefault(require(\"./number\"));\n\nexports.number = _number.default;\n\nvar _date = _interopRequireDefault(require(\"./date\"));\n\nexports.date = _date.default;\n\nvar _object = _interopRequireDefault(require(\"./object\"));\n\nexports.object = _object.default;\n\nvar _array = _interopRequireDefault(require(\"./array\"));\n\nexports.array = _array.default;\n\nvar _Reference = _interopRequireDefault(require(\"./Reference\"));\n\nvar _Lazy = _interopRequireDefault(require(\"./Lazy\"));\n\nvar _ValidationError = _interopRequireDefault(require(\"./ValidationError\"));\n\nexports.ValidationError = _ValidationError.default;\n\nvar _reach = _interopRequireDefault(require(\"./util/reach\"));\n\nexports.reach = _reach.default;\n\nvar _isSchema = _interopRequireDefault(require(\"./util/isSchema\"));\n\nexports.isSchema = _isSchema.default;\n\nvar _setLocale = _interopRequireDefault(require(\"./setLocale\"));\n\nexports.setLocale = _setLocale.default;\nvar boolean = _boolean.default;\nexports.boolean = boolean;\n\nvar ref = function ref(key, options) {\n return new _Reference.default(key, options);\n};\n\nexports.ref = ref;\n\nvar lazy = function lazy(fn) {\n return new _Lazy.default(fn);\n};\n\nexports.lazy = lazy;\n\nfunction addMethod(schemaType, name, fn) {\n if (!schemaType || !(0, _isSchema.default)(schemaType.prototype)) throw new TypeError('You must provide a yup schema constructor function');\n if (typeof name !== 'string') throw new TypeError('A Method name must be provided');\n if (typeof fn !== 'function') throw new TypeError('Method function must be provided');\n schemaType.prototype[name] = fn;\n}","import * as React from 'react';\n\n// styles\nimport './footer-logo.styles.less';\n\nexport interface IFooterLogoProps {\n href: string;\n className: string;\n onClick?: () => void;\n}\n\nexport const FooterLogo: React.FC\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 GCAM: [\n 'DZ',\n 'BH',\n 'EG',\n 'IR',\n 'IQ',\n 'IL',\n 'JO',\n 'KW',\n 'LB',\n 'LY',\n 'MA',\n 'OM',\n 'QA',\n 'SA',\n 'PS',\n 'SY',\n 'TN',\n 'AE',\n 'YE',\n ],\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 GCAM: 'https://www.gcam.gov.sa/',\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';\nimport { ConfigContext } from 'modules/context';\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 { Actions } from './focus-observer.actions';\nimport { SET_FOCUS } from './focus-observer.constants';\n\nexport const initialState: boolean = false;\n\nexport const reducerKey = 'hasFocus' as const;\n\nexport const FocusObserver = (state: boolean = initialState, action: Actions): boolean => {\n switch (action.type) {\n case SET_FOCUS:\n return action.payload;\n default:\n return state;\n }\n};\n\nexport default FocusObserver;\n","export const REF_ID_URL_PARAM = 'refId';\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","// business logic requirements in soft closing mode - stay on end of operation page\n// if user dont registered and has invitationId\nexport const isValidBySoftClosingMode = (invitationId: string | null, softCloseMode?: boolean, isRegistered?: boolean) => {\n return !softCloseMode || isRegistered || !invitationId;\n};\n","import * as React from 'react';\n\n// types\nimport { IEndOperationDispatchProps, IEndOperationStoreProps } from 'modules/end-operation/end-operation.types';\n\n// component\nimport EndOperationContent from './end-operation-content';\n// utils\nimport { isBeforeExpiration } from '@sitegen/common/classes/friends-referral-api/friends-referral-api.utils';\nimport URLParams from 'utils/url-params';\nimport { REF_ID_URL_PARAM } from '../../widgets/friends-referral/modules/friends-referral-invitee/friends-referral-invitee.constants';\nimport { isValidBySoftClosingMode } from './end-operation.utils';\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\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 return indices.map(function (index) {\n var cellMetadata = cellSizeAndPositionGetter({\n 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 }; // 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\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}\n\nimport { bpfrpt_proptype_ScrollPosition } from \"./types\";\nimport { bpfrpt_proptype_SizeInfo } from \"./types\";","import SectionManager from '../SectionManager';\nexport default function calculateSizeAndPositionData(_ref) {\n var cellCount = _ref.cellCount,\n cellSizeAndPositionGetter = _ref.cellSizeAndPositionGetter,\n sectionSize = _ref.sectionSize;\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({\n index: index\n });\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 \".concat(index, \":\\n x:\").concat(cellMetadatum.x, \", y:\").concat(cellMetadatum.y, \", width:\").concat(cellMetadatum.width, \", height:\").concat(cellMetadatum.height));\n }\n\n height = Math.max(height, cellMetadatum.y + cellMetadatum.height);\n width = Math.max(width, cellMetadatum.x + cellMetadatum.width);\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';\nexport default Collection;\nexport { Collection };","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n/**\n * High-order component that auto-calculates column-widths for `Grid` cells.\n */\n\nvar ColumnSizer =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(ColumnSizer, _React$PureComponent);\n\n function ColumnSizer(props, context) {\n var _this;\n\n _classCallCheck(this, ColumnSizer);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ColumnSizer).call(this, props, context));\n _this._registerChild = _this._registerChild.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(ColumnSizer, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps) {\n var _this$props = this.props,\n columnMaxWidth = _this$props.columnMaxWidth,\n columnMinWidth = _this$props.columnMinWidth,\n columnCount = _this$props.columnCount,\n width = _this$props.width;\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 _this$props2 = this.props,\n children = _this$props2.children,\n columnMaxWidth = _this$props2.columnMaxWidth,\n columnMinWidth = _this$props2.columnMinWidth,\n columnCount = _this$props2.columnCount,\n width = _this$props2.width;\n var safeColumnMinWidth = columnMinWidth || 1;\n var safeColumnMaxWidth = columnMaxWidth ? Math.min(columnMaxWidth, width) : width;\n var columnWidth = width / columnCount;\n columnWidth = Math.max(safeColumnMinWidth, columnWidth);\n columnWidth = Math.min(safeColumnMaxWidth, columnWidth);\n columnWidth = Math.floor(columnWidth);\n var adjustedWidth = Math.min(width, columnWidth * columnCount);\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 { ColumnSizer as default };\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';\nexport default ColumnSizer;\nexport { ColumnSizer };","import _toConsumableArray from \"@babel/runtime/helpers/toConsumableArray\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport createCallbackMemoizer from '../utils/createCallbackMemoizer';\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 =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(InfiniteLoader, _React$PureComponent);\n\n function InfiniteLoader(props, context) {\n var _this;\n\n _classCallCheck(this, InfiniteLoader);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(InfiniteLoader).call(this, props, context));\n _this._loadMoreRowsMemoizer = createCallbackMemoizer();\n _this._onRowsRendered = _this._onRowsRendered.bind(_assertThisInitialized(_this));\n _this._registerChild = _this._registerChild.bind(_assertThisInitialized(_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 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 unloadedRanges.forEach(function (unloadedRange) {\n var promise = loadMoreRows(unloadedRange);\n\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 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 _this$props = this.props,\n isRowLoaded = _this$props.isRowLoaded,\n minimumBatchSize = _this$props.minimumBatchSize,\n rowCount = _this$props.rowCount,\n threshold = _this$props.threshold;\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 }); // For memoize comparison\n\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: {\n squashedUnloadedRanges: squashedUnloadedRanges\n }\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 * Determines if the specified start/stop range is visible based on the most recently rendered range.\n */\n\n\n_defineProperty(InfiniteLoader, \"defaultProps\", {\n minimumBatchSize: 10,\n rowCount: 0,\n threshold: 15\n});\n\nexport { InfiniteLoader as default };\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 return !(startIndex > lastRenderedStopIndex || stopIndex < lastRenderedStartIndex);\n}\n/**\n * Returns all of the ranges within a larger range that contain unloaded rows.\n */\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 var unloadedRanges = [];\n var rangeStartIndex = null;\n var rangeStopIndex = null;\n\n for (var index = startIndex; index <= stopIndex; index++) {\n var loaded = isRowLoaded({\n index: index\n });\n\n if (!loaded) {\n rangeStopIndex = index;\n\n if (rangeStartIndex === null) {\n rangeStartIndex = index;\n }\n } else if (rangeStopIndex !== null) {\n unloadedRanges.push({\n startIndex: rangeStartIndex,\n stopIndex: rangeStopIndex\n });\n rangeStartIndex = rangeStopIndex = null;\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\n\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({\n index: _index\n })) {\n rangeStopIndex = _index;\n } else {\n break;\n }\n }\n\n unloadedRanges.push({\n startIndex: rangeStartIndex,\n stopIndex: rangeStopIndex\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\n\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({\n index: _index2\n })) {\n firstUnloadedRange.startIndex = _index2;\n } else {\n break;\n }\n }\n }\n\n return unloadedRanges;\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 */\n\nexport function forceUpdateReactVirtualizedComponent(component) {\n var currentIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;\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';\nexport default InfiniteLoader;\nexport { InfiniteLoader };","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nimport Grid, { accessibilityOverscanIndicesGetter } from '../Grid';\nimport * as React from 'react';\nimport clsx from 'clsx';\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(List, _React$PureComponent);\n\n function List() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, List);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(List)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"Grid\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_cellRenderer\", function (_ref) {\n var parent = _ref.parent,\n rowIndex = _ref.rowIndex,\n style = _ref.style,\n isScrolling = _ref.isScrolling,\n isVisible = _ref.isVisible,\n key = _ref.key;\n var rowRenderer = _this.props.rowRenderer; // 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 widthDescriptor = Object.getOwnPropertyDescriptor(style, 'width');\n\n if (widthDescriptor && widthDescriptor.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 });\n\n _defineProperty(_assertThisInitialized(_this), \"_setRef\", function (ref) {\n _this.Grid = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onScroll\", function (_ref2) {\n var clientHeight = _ref2.clientHeight,\n scrollHeight = _ref2.scrollHeight,\n scrollTop = _ref2.scrollTop;\n var onScroll = _this.props.onScroll;\n onScroll({\n clientHeight: clientHeight,\n scrollHeight: scrollHeight,\n scrollTop: scrollTop\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onSectionRendered\", function (_ref3) {\n var rowOverscanStartIndex = _ref3.rowOverscanStartIndex,\n rowOverscanStopIndex = _ref3.rowOverscanStopIndex,\n rowStartIndex = _ref3.rowStartIndex,\n rowStopIndex = _ref3.rowStopIndex;\n var onRowsRendered = _this.props.onRowsRendered;\n onRowsRendered({\n overscanStartIndex: rowOverscanStartIndex,\n overscanStopIndex: rowOverscanStopIndex,\n startIndex: rowStartIndex,\n stopIndex: rowStopIndex\n });\n });\n\n return _this;\n }\n\n _createClass(List, [{\n key: \"forceUpdateGrid\",\n value: function forceUpdateGrid() {\n if (this.Grid) {\n this.Grid.forceUpdate();\n }\n }\n /** See Grid#getOffsetForCell */\n\n }, {\n key: \"getOffsetForRow\",\n value: function getOffsetForRow(_ref4) {\n var alignment = _ref4.alignment,\n index = _ref4.index;\n\n if (this.Grid) {\n var _this$Grid$getOffsetF = this.Grid.getOffsetForCell({\n alignment: alignment,\n rowIndex: index,\n columnIndex: 0\n }),\n scrollTop = _this$Grid$getOffsetF.scrollTop;\n\n return scrollTop;\n }\n\n return 0;\n }\n /** CellMeasurer compatibility */\n\n }, {\n key: \"invalidateCellSizeAfterRender\",\n value: function invalidateCellSizeAfterRender(_ref5) {\n var columnIndex = _ref5.columnIndex,\n rowIndex = _ref5.rowIndex;\n\n if (this.Grid) {\n this.Grid.invalidateCellSizeAfterRender({\n rowIndex: rowIndex,\n columnIndex: columnIndex\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 /** CellMeasurer compatibility */\n\n }, {\n key: \"recomputeGridSize\",\n value: function recomputeGridSize() {\n var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref6$columnIndex = _ref6.columnIndex,\n columnIndex = _ref6$columnIndex === void 0 ? 0 : _ref6$columnIndex,\n _ref6$rowIndex = _ref6.rowIndex,\n rowIndex = _ref6$rowIndex === void 0 ? 0 : _ref6$rowIndex;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: rowIndex,\n columnIndex: columnIndex\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 /** 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({\n 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 _this$props = this.props,\n className = _this$props.className,\n noRowsRenderer = _this$props.noRowsRenderer,\n scrollToIndex = _this$props.scrollToIndex,\n width = _this$props.width;\n var classNames = clsx('ReactVirtualized__List', className);\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), _defineProperty(_class, \"propTypes\", process.env.NODE_ENV === 'production' ? null : {\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.isRequired,\n\n /** Optional CSS class name */\n \"className\": PropTypes.string,\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 /** Height constraint for list (determines how many actual rows are rendered) */\n \"height\": PropTypes.number.isRequired,\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 /** Callback invoked with information about the slice of rows that were just rendered. */\n \"onRowsRendered\": 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 */\n \"onScroll\": PropTypes.func.isRequired,\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 * 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 /** 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 /** 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 /** Number of rows in list. */\n \"rowCount\": PropTypes.number.isRequired,\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 /** 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 /** Optional inline style */\n \"style\": PropTypes.object.isRequired,\n\n /** Tab index for focus */\n \"tabIndex\": PropTypes.number,\n\n /** Width of list */\n \"width\": PropTypes.number.isRequired\n}), _temp);\n\n_defineProperty(List, \"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});\n\nexport { List as default };\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 **/\nfunction _GEA(a, l, h, y) {\n var i = h + 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (x >= y) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n\n return i;\n}\n\nfunction _GEP(a, l, h, y, c) {\n var i = h + 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (c(x, y) >= 0) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n\n return i;\n}\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\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (x > y) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n\n return i;\n}\n\nfunction _GTP(a, l, h, y, c) {\n var i = h + 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (c(x, y) > 0) {\n i = m;\n h = m - 1;\n } else {\n l = m + 1;\n }\n }\n\n return i;\n}\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\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (x < y) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n\n return i;\n}\n\nfunction _LTP(a, l, h, y, c) {\n var i = l - 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (c(x, y) < 0) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n\n return i;\n}\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\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (x <= y) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n\n return i;\n}\n\nfunction _LEP(a, l, h, y, c) {\n var i = l - 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\n if (c(x, y) <= 0) {\n i = m;\n l = m + 1;\n } else {\n h = m - 1;\n }\n }\n\n return i;\n}\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\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n\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\n return -1;\n}\n\nfunction _EQP(a, l, h, y, c) {\n l - 1;\n\n while (l <= h) {\n var m = l + h >>> 1,\n x = a[m];\n var p = c(x, y);\n\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\n return -1;\n}\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 **/\nimport bounds from './binarySearchBounds';\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\n if (idx < 0) {\n return NOT_FOUND;\n }\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\n if (this.left) {\n this.left.intervals(result);\n }\n\n if (this.right) {\n this.right.intervals(result);\n }\n\n return result;\n};\n\nproto.insert = function (interval) {\n var weight = this.count - this.leftPoints.length;\n this.count += 1;\n\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\n if (interval[1] < this.mid) {\n if (!this.left) {\n return NOT_FOUND;\n }\n\n var rw = this.right ? this.right.count : 0;\n\n if (4 * rw > 3 * (weight - 1)) {\n return rebuildWithoutInterval(this, interval);\n }\n\n var r = this.left.remove(interval);\n\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\n return r;\n } else if (interval[0] > this.mid) {\n if (!this.right) {\n return NOT_FOUND;\n }\n\n var lw = this.left ? this.left.count : 0;\n\n if (4 * lw > 3 * (weight - 1)) {\n return rebuildWithoutInterval(this, interval);\n }\n\n var r = this.right.remove(interval);\n\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\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\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\n while (n.right) {\n p = n;\n n = n.right;\n }\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\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\n return SUCCESS;\n }\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\n if (this.leftPoints[l] === interval) {\n this.count -= 1;\n this.leftPoints.splice(l, 1);\n\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\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\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\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\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\n if (r) {\n return r;\n }\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\n if (r) {\n return r;\n }\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\n if (r) {\n return r;\n }\n }\n\n if (hi > this.mid && this.right) {\n var r = this.right.queryInterval(lo, hi, cb);\n\n if (r) {\n return r;\n }\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\n if (d) {\n return d;\n }\n\n return a[1] - b[1];\n}\n\nfunction compareEnd(a, b) {\n var d = a[1] - b[1];\n\n if (d) {\n return d;\n }\n\n return a[0] - b[0];\n}\n\nfunction createIntervalTree(intervals) {\n if (intervals.length === 0) {\n return null;\n }\n\n var pts = [];\n\n for (var i = 0; i < intervals.length; ++i) {\n pts.push(intervals[i][0], intervals[i][1]);\n }\n\n pts.sort(compareNumbers);\n var mid = pts[pts.length >> 1];\n var leftIntervals = [];\n var rightIntervals = [];\n var centerIntervals = [];\n\n for (var i = 0; i < intervals.length; ++i) {\n var s = intervals[i];\n\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 } //Split center intervals\n\n\n var leftPoints = centerIntervals;\n var rightPoints = centerIntervals.slice();\n leftPoints.sort(compareBegin);\n rightPoints.sort(compareEnd);\n return new IntervalTreeNode(mid, createIntervalTree(leftIntervals), createIntervalTree(rightIntervals), leftPoints, rightPoints);\n} //User friendly wrapper that makes it possible to support empty trees\n\n\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\n if (r === EMPTY) {\n this.root = null;\n }\n\n return r !== NOT_FOUND;\n }\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\n return 0;\n }\n});\nObject.defineProperty(tproto, 'intervals', {\n get: function get() {\n if (this.root) {\n return this.root.intervals([]);\n }\n\n return [];\n }\n});\nexport default function createWrapper(intervals) {\n if (!intervals || intervals.length === 0) {\n return new IntervalTree(null);\n }\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 _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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 =\n/*#__PURE__*/\nfunction () {\n function PositionCache() {\n _classCallCheck(this, PositionCache);\n\n _defineProperty(this, \"_columnSizeMap\", {});\n\n _defineProperty(this, \"_intervalTree\", createIntervalTree());\n\n _defineProperty(this, \"_leftMap\", {});\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 } // 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\n this._leftMap[index] = left;\n var columnSizeMap = this._columnSizeMap;\n var columnHeight = columnSizeMap[left];\n\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 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 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 { PositionCache as default };","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\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';\nvar emptyObject = {};\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 */\n\nexport var DEFAULT_SCROLLING_RESET_TIME_INTERVAL = 150;\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(Masonry, _React$PureComponent);\n\n function Masonry() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, Masonry);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Masonry)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n isScrolling: false,\n scrollTop: 0\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_debounceResetIsScrollingId\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_invalidateOnUpdateStartIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_invalidateOnUpdateStopIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_positionCache\", new PositionCache());\n\n _defineProperty(_assertThisInitialized(_this), \"_startIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_startIndexMemoized\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_stopIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_stopIndexMemoized\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_debounceResetIsScrollingCallback\", function () {\n _this.setState({\n isScrolling: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_setScrollingContainerRef\", function (ref) {\n _this._scrollingContainer = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onScroll\", function (event) {\n var height = _this.props.height;\n var eventScrollTop = event.currentTarget.scrollTop; // 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 scrollTop = Math.min(Math.max(0, _this._getEstimatedTotalHeight() - height), eventScrollTop); // 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\n if (eventScrollTop !== scrollTop) {\n return;\n } // Prevent pointer events from interrupting a smooth scroll\n\n\n _this._debounceResetIsScrolling(); // 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\n\n if (_this.state.scrollTop !== scrollTop) {\n _this.setState({\n isScrolling: true,\n scrollTop: scrollTop\n });\n }\n });\n\n return _this;\n }\n\n _createClass(Masonry, [{\n key: \"clearCellPositions\",\n value: function clearCellPositions() {\n this._positionCache = new PositionCache();\n this.forceUpdate();\n } // HACK This method signature was intended for Grid\n\n }, {\n key: \"invalidateCellSizeAfterRender\",\n value: function invalidateCellSizeAfterRender(_ref) {\n var index = _ref.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 this._positionCache = new PositionCache();\n\n this._populatePositionCache(0, stopIndex);\n\n this.forceUpdate();\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this._checkInvalidateOnUpdate();\n\n this._invokeOnScrollCallback();\n\n this._invokeOnCellsRenderedCallback();\n }\n }, {\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n this._checkInvalidateOnUpdate();\n\n this._invokeOnScrollCallback();\n\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 _this$props = this.props,\n autoHeight = _this$props.autoHeight,\n cellCount = _this$props.cellCount,\n cellMeasurerCache = _this$props.cellMeasurerCache,\n cellRenderer = _this$props.cellRenderer,\n className = _this$props.className,\n height = _this$props.height,\n id = _this$props.id,\n keyMapper = _this$props.keyMapper,\n overscanByPixels = _this$props.overscanByPixels,\n role = _this$props.role,\n style = _this$props.style,\n tabIndex = _this$props.tabIndex,\n width = _this$props.width,\n rowDirection = _this$props.rowDirection;\n var _this$state = this.state,\n isScrolling = _this$state.isScrolling,\n scrollTop = _this$state.scrollTop;\n var children = [];\n\n var estimateTotalHeight = this._getEstimatedTotalHeight();\n\n var shortestColumnSize = this._positionCache.shortestColumnSize;\n var measuredCellCount = this._positionCache.count;\n var startIndex = 0;\n var stopIndex;\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 }); // We need to measure additional cells for this layout\n\n\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 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 return React.createElement(\"div\", {\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: _objectSpread({\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(\"div\", {\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 key: \"_checkInvalidateOnUpdate\",\n value: function _checkInvalidateOnUpdate() {\n if (typeof this._invalidateOnUpdateStartIndex === 'number') {\n var startIndex = this._invalidateOnUpdateStartIndex;\n var stopIndex = this._invalidateOnUpdateStopIndex;\n this._invalidateOnUpdateStartIndex = null;\n this._invalidateOnUpdateStopIndex = null; // Query external layout logic for position of newly-measured cells\n\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 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 _this$props2 = this.props,\n cellCount = _this$props2.cellCount,\n cellMeasurerCache = _this$props2.cellMeasurerCache,\n width = _this$props2.width;\n var estimatedColumnCount = Math.max(1, Math.floor(width / cellMeasurerCache.defaultWidth));\n return this._positionCache.estimateTotalHeight(cellCount, estimatedColumnCount, cellMeasurerCache.defaultHeight);\n }\n }, {\n key: \"_invokeOnScrollCallback\",\n value: function _invokeOnScrollCallback() {\n var _this$props3 = this.props,\n height = _this$props3.height,\n onScroll = _this$props3.onScroll;\n var scrollTop = this.state.scrollTop;\n\n if (this._onScrollMemoized !== scrollTop) {\n onScroll({\n clientHeight: height,\n scrollHeight: this._getEstimatedTotalHeight(),\n scrollTop: scrollTop\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 onCellsRendered({\n startIndex: this._startIndex,\n stopIndex: this._stopIndex\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 _this$props4 = this.props,\n cellMeasurerCache = _this$props4.cellMeasurerCache,\n cellPositioner = _this$props4.cellPositioner;\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), _defineProperty(_class, \"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 `\".concat(propName, \"` has type 'any' or 'mixed', but was not provided to `\").concat(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 \"scrollTop\": PropTypes.number\n}), _temp);\n\n_defineProperty(Masonry, \"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});\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};\npolyfill(Masonry);\nexport default Masonry;\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';\nexport default Masonry;\nexport { createCellPositioner, Masonry };","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport { CellMeasurerCache } from '../CellMeasurer';\n\n/**\n * Caches measurements for a given cell.\n */\nvar CellMeasurerCacheDecorator =\n/*#__PURE__*/\nfunction () {\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 _defineProperty(this, \"_cellMeasurerCache\", void 0);\n\n _defineProperty(this, \"_columnIndexOffset\", void 0);\n\n _defineProperty(this, \"_rowIndexOffset\", void 0);\n\n _defineProperty(this, \"columnWidth\", function (_ref) {\n var index = _ref.index;\n\n _this._cellMeasurerCache.columnWidth({\n index: index + _this._columnIndexOffset\n });\n });\n\n _defineProperty(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 === void 0 ? 0 : _params$columnIndexOf,\n _params$rowIndexOffse = params.rowIndexOffset,\n rowIndexOffset = _params$rowIndexOffse === void 0 ? 0 : _params$rowIndexOffse;\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 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 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 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 { CellMeasurerCacheDecorator as default };","import _extends from \"@babel/runtime/helpers/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/objectWithoutProperties\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\nimport CellMeasurerCacheDecorator from './CellMeasurerCacheDecorator';\nimport Grid from '../Grid';\nvar SCROLLBAR_SIZE_BUFFER = 20;\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 =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(MultiGrid, _React$PureComponent);\n\n function MultiGrid(props, context) {\n var _this;\n\n _classCallCheck(this, MultiGrid);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(MultiGrid).call(this, props, context));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n scrollLeft: 0,\n scrollTop: 0,\n scrollbarSize: 0,\n showHorizontalScrollbar: false,\n showVerticalScrollbar: false\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_deferredInvalidateColumnIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_deferredInvalidateRowIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_bottomLeftGridRef\", function (ref) {\n _this._bottomLeftGrid = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_bottomRightGridRef\", function (ref) {\n _this._bottomRightGrid = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_cellRendererBottomLeftGrid\", function (_ref) {\n var rowIndex = _ref.rowIndex,\n rest = _objectWithoutProperties(_ref, [\"rowIndex\"]);\n\n var _this$props = _this.props,\n cellRenderer = _this$props.cellRenderer,\n fixedRowCount = _this$props.fixedRowCount,\n rowCount = _this$props.rowCount;\n\n if (rowIndex === rowCount - fixedRowCount) {\n return React.createElement(\"div\", {\n key: rest.key,\n style: _objectSpread({}, rest.style, {\n height: SCROLLBAR_SIZE_BUFFER\n })\n });\n } else {\n return cellRenderer(_objectSpread({}, rest, {\n parent: _assertThisInitialized(_this),\n rowIndex: rowIndex + fixedRowCount\n }));\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_cellRendererBottomRightGrid\", function (_ref2) {\n var columnIndex = _ref2.columnIndex,\n rowIndex = _ref2.rowIndex,\n rest = _objectWithoutProperties(_ref2, [\"columnIndex\", \"rowIndex\"]);\n\n var _this$props2 = _this.props,\n cellRenderer = _this$props2.cellRenderer,\n fixedColumnCount = _this$props2.fixedColumnCount,\n fixedRowCount = _this$props2.fixedRowCount;\n return cellRenderer(_objectSpread({}, rest, {\n columnIndex: columnIndex + fixedColumnCount,\n parent: _assertThisInitialized(_this),\n rowIndex: rowIndex + fixedRowCount\n }));\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_cellRendererTopRightGrid\", function (_ref3) {\n var columnIndex = _ref3.columnIndex,\n rest = _objectWithoutProperties(_ref3, [\"columnIndex\"]);\n\n var _this$props3 = _this.props,\n cellRenderer = _this$props3.cellRenderer,\n columnCount = _this$props3.columnCount,\n fixedColumnCount = _this$props3.fixedColumnCount;\n\n if (columnIndex === columnCount - fixedColumnCount) {\n return React.createElement(\"div\", {\n key: rest.key,\n style: _objectSpread({}, rest.style, {\n width: SCROLLBAR_SIZE_BUFFER\n })\n });\n } else {\n return cellRenderer(_objectSpread({}, rest, {\n columnIndex: columnIndex + fixedColumnCount,\n parent: _assertThisInitialized(_this)\n }));\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_columnWidthRightGrid\", function (_ref4) {\n var index = _ref4.index;\n var _this$props4 = _this.props,\n columnCount = _this$props4.columnCount,\n fixedColumnCount = _this$props4.fixedColumnCount,\n columnWidth = _this$props4.columnWidth;\n var _this$state = _this.state,\n scrollbarSize = _this$state.scrollbarSize,\n showHorizontalScrollbar = _this$state.showHorizontalScrollbar; // 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({\n index: index + fixedColumnCount\n }) : columnWidth;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onScroll\", function (scrollInfo) {\n var scrollLeft = scrollInfo.scrollLeft,\n scrollTop = scrollInfo.scrollTop;\n\n _this.setState({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n });\n\n var onScroll = _this.props.onScroll;\n\n if (onScroll) {\n onScroll(scrollInfo);\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onScrollbarPresenceChange\", function (_ref5) {\n var horizontal = _ref5.horizontal,\n size = _ref5.size,\n vertical = _ref5.vertical;\n var _this$state2 = _this.state,\n showHorizontalScrollbar = _this$state2.showHorizontalScrollbar,\n showVerticalScrollbar = _this$state2.showVerticalScrollbar;\n\n if (horizontal !== showHorizontalScrollbar || vertical !== showVerticalScrollbar) {\n _this.setState({\n scrollbarSize: size,\n showHorizontalScrollbar: horizontal,\n showVerticalScrollbar: vertical\n });\n\n var onScrollbarPresenceChange = _this.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 _defineProperty(_assertThisInitialized(_this), \"_onScrollLeft\", function (scrollInfo) {\n var scrollLeft = scrollInfo.scrollLeft;\n\n _this._onScroll({\n scrollLeft: scrollLeft,\n scrollTop: _this.state.scrollTop\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onScrollTop\", function (scrollInfo) {\n var scrollTop = scrollInfo.scrollTop;\n\n _this._onScroll({\n scrollTop: scrollTop,\n scrollLeft: _this.state.scrollLeft\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_rowHeightBottomGrid\", function (_ref6) {\n var index = _ref6.index;\n var _this$props5 = _this.props,\n fixedRowCount = _this$props5.fixedRowCount,\n rowCount = _this$props5.rowCount,\n rowHeight = _this$props5.rowHeight;\n var _this$state3 = _this.state,\n scrollbarSize = _this$state3.scrollbarSize,\n showVerticalScrollbar = _this$state3.showVerticalScrollbar; // 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({\n index: index + fixedRowCount\n }) : rowHeight;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_topLeftGridRef\", function (ref) {\n _this._topLeftGrid = ref;\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_topRightGridRef\", function (ref) {\n _this._topRightGrid = ref;\n });\n\n var deferredMeasurementCache = props.deferredMeasurementCache,\n _fixedColumnCount = props.fixedColumnCount,\n _fixedRowCount = props.fixedRowCount;\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 _this._deferredMeasurementCacheBottomRightGrid = _fixedColumnCount > 0 || _fixedRowCount > 0 ? new CellMeasurerCacheDecorator({\n cellMeasurerCache: deferredMeasurementCache,\n columnIndexOffset: _fixedColumnCount,\n rowIndexOffset: _fixedRowCount\n }) : deferredMeasurementCache;\n _this._deferredMeasurementCacheTopRightGrid = _fixedColumnCount > 0 ? new CellMeasurerCacheDecorator({\n cellMeasurerCache: deferredMeasurementCache,\n columnIndexOffset: _fixedColumnCount,\n rowIndexOffset: 0\n }) : deferredMeasurementCache;\n }\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 /** See Grid#invalidateCellSizeAfterRender */\n\n }, {\n key: \"invalidateCellSizeAfterRender\",\n value: function invalidateCellSizeAfterRender() {\n var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref7$columnIndex = _ref7.columnIndex,\n columnIndex = _ref7$columnIndex === void 0 ? 0 : _ref7$columnIndex,\n _ref7$rowIndex = _ref7.rowIndex,\n rowIndex = _ref7$rowIndex === void 0 ? 0 : _ref7$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 /** 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 /** See Grid#recomputeGridSize */\n\n }, {\n key: \"recomputeGridSize\",\n value: function recomputeGridSize() {\n var _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref8$columnIndex = _ref8.columnIndex,\n columnIndex = _ref8$columnIndex === void 0 ? 0 : _ref8$columnIndex,\n _ref8$rowIndex = _ref8.rowIndex,\n rowIndex = _ref8$rowIndex === void 0 ? 0 : _ref8$rowIndex;\n\n var _this$props6 = this.props,\n fixedColumnCount = _this$props6.fixedColumnCount,\n fixedRowCount = _this$props6.fixedRowCount;\n var adjustedColumnIndex = Math.max(0, columnIndex - fixedColumnCount);\n var adjustedRowIndex = Math.max(0, rowIndex - fixedRowCount);\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 this._leftGridWidth = null;\n this._topGridHeight = null;\n\n this._maybeCalculateCachedStyles(true);\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this$props7 = this.props,\n scrollLeft = _this$props7.scrollLeft,\n scrollTop = _this$props7.scrollTop;\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\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 _this$props8 = this.props,\n onScroll = _this$props8.onScroll,\n onSectionRendered = _this$props8.onSectionRendered,\n onScrollbarPresenceChange = _this$props8.onScrollbarPresenceChange,\n scrollLeftProp = _this$props8.scrollLeft,\n scrollToColumn = _this$props8.scrollToColumn,\n scrollTopProp = _this$props8.scrollTop,\n scrollToRow = _this$props8.scrollToRow,\n rest = _objectWithoutProperties(_this$props8, [\"onScroll\", \"onSectionRendered\", \"onScrollbarPresenceChange\", \"scrollLeft\", \"scrollToColumn\", \"scrollTop\", \"scrollToRow\"]);\n\n this._prepareForRender(); // 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\n\n if (this.props.width === 0 || this.props.height === 0) {\n return null;\n } // scrollTop and scrollLeft props are explicitly filtered out and ignored\n\n\n var _this$state4 = this.state,\n scrollLeft = _this$state4.scrollLeft,\n scrollTop = _this$state4.scrollTop;\n return React.createElement(\"div\", {\n style: this._containerOuterStyle\n }, React.createElement(\"div\", {\n style: this._containerTopStyle\n }, this._renderTopLeftGrid(rest), this._renderTopRightGrid(_objectSpread({}, rest, {\n onScroll: onScroll,\n scrollLeft: scrollLeft\n }))), React.createElement(\"div\", {\n style: this._containerBottomStyle\n }, this._renderBottomLeftGrid(_objectSpread({}, rest, {\n onScroll: onScroll,\n scrollTop: scrollTop\n })), this._renderBottomRightGrid(_objectSpread({}, rest, {\n onScroll: onScroll,\n onSectionRendered: onSectionRendered,\n scrollLeft: scrollLeft,\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow,\n scrollTop: scrollTop\n }))));\n }\n }, {\n key: \"_getBottomGridHeight\",\n value: function _getBottomGridHeight(props) {\n var height = props.height;\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 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({\n index: index\n });\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 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 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({\n index: index\n });\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 this._deferredInvalidateColumnIndex = null;\n this._deferredInvalidateRowIndex = null;\n this.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\n this.forceUpdate();\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 _this$props9 = this.props,\n columnWidth = _this$props9.columnWidth,\n enableFixedColumnScroll = _this$props9.enableFixedColumnScroll,\n enableFixedRowScroll = _this$props9.enableFixedRowScroll,\n height = _this$props9.height,\n fixedColumnCount = _this$props9.fixedColumnCount,\n fixedRowCount = _this$props9.fixedRowCount,\n rowHeight = _this$props9.rowHeight,\n style = _this$props9.style,\n styleBottomLeftGrid = _this$props9.styleBottomLeftGrid,\n styleBottomRightGrid = _this$props9.styleBottomRightGrid,\n styleTopLeftGrid = _this$props9.styleTopLeftGrid,\n styleTopRightGrid = _this$props9.styleTopRightGrid,\n width = _this$props9.width;\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 = _objectSpread({\n height: height,\n overflow: 'visible',\n // 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 this._containerBottomStyle = {\n height: height - this._getTopGridHeight(this.props),\n overflow: 'visible',\n // Let :focus outline show through\n position: 'relative',\n width: width\n };\n }\n\n if (resetAll || styleBottomLeftGrid !== this._lastRenderedStyleBottomLeftGrid) {\n this._bottomLeftGridStyle = _objectSpread({\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 = _objectSpread({\n left: this._getLeftGridWidth(this.props),\n position: 'absolute'\n }, styleBottomRightGrid);\n }\n\n if (resetAll || styleTopLeftGrid !== this._lastRenderedStyleTopLeftGrid) {\n this._topLeftGridStyle = _objectSpread({\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 = _objectSpread({\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 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(\"div\", {\n className: \"BottomLeftGrid_ScrollWrapper\",\n style: _objectSpread({}, 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 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 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 _this$state5 = this.state,\n showHorizontalScrollbar = _this$state5.showHorizontalScrollbar,\n scrollbarSize = _this$state5.scrollbarSize;\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 = _objectSpread({}, 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(\"div\", {\n className: \"TopRightGrid_ScrollWrapper\",\n style: _objectSpread({}, 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\n_defineProperty(MultiGrid, \"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\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} : {};\npolyfill(MultiGrid);\nexport default MultiGrid;","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\n/**\n * HOC that simplifies the process of synchronizing scrolling between two or more virtualized components.\n */\n\nvar ScrollSync =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(ScrollSync, _React$PureComponent);\n\n function ScrollSync(props, context) {\n var _this;\n\n _classCallCheck(this, ScrollSync);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ScrollSync).call(this, props, context));\n _this.state = {\n clientHeight: 0,\n clientWidth: 0,\n scrollHeight: 0,\n scrollLeft: 0,\n scrollTop: 0,\n scrollWidth: 0\n };\n _this._onScroll = _this._onScroll.bind(_assertThisInitialized(_this));\n return _this;\n }\n\n _createClass(ScrollSync, [{\n key: \"render\",\n value: function render() {\n var children = this.props.children;\n var _this$state = this.state,\n clientHeight = _this$state.clientHeight,\n clientWidth = _this$state.clientWidth,\n scrollHeight = _this$state.scrollHeight,\n scrollLeft = _this$state.scrollLeft,\n scrollTop = _this$state.scrollTop,\n scrollWidth = _this$state.scrollWidth;\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 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 { ScrollSync as default };\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';\nexport default function defaultHeaderRowRenderer(_ref) {\n var className = _ref.className,\n columns = _ref.columns,\n style = _ref.style;\n return React.createElement(\"div\", {\n className: className,\n role: \"row\",\n style: style\n }, columns);\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};\nexport default SortDirection;","import clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport SortDirection from './SortDirection';\n/**\n * Displayed beside a header to indicate that a Table is currently sorted by this column.\n */\n\nexport default function SortIndicator(_ref) {\n var sortDirection = _ref.sortDirection;\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 return React.createElement(\"svg\", {\n className: classNames,\n width: 18,\n height: 18,\n viewBox: \"0 0 24 24\"\n }, sortDirection === SortDirection.ASC ? React.createElement(\"path\", {\n d: \"M7 14l5-5 5 5z\"\n }) : React.createElement(\"path\", {\n d: \"M7 10l5 5 5-5z\"\n }), React.createElement(\"path\", {\n d: \"M0 0h24v24H0z\",\n fill: \"none\"\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 * 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 var showSortIndicator = sortBy === dataKey;\n var children = [React.createElement(\"span\", {\n className: \"ReactVirtualized__Table__headerTruncatedText\",\n key: \"label\",\n title: typeof label === 'string' ? label : null\n }, label)];\n\n if (showSortIndicator) {\n children.push(React.createElement(SortIndicator, {\n key: \"SortIndicator\",\n sortDirection: sortDirection\n }));\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 * 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 var a11yProps = {\n 'aria-rowindex': index + 1\n };\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({\n event: event,\n index: index,\n rowData: rowData\n });\n };\n }\n\n if (onRowDoubleClick) {\n a11yProps.onDoubleClick = function (event) {\n return onRowDoubleClick({\n event: event,\n index: index,\n rowData: rowData\n });\n };\n }\n\n if (onRowMouseOut) {\n a11yProps.onMouseOut = function (event) {\n return onRowMouseOut({\n event: event,\n index: index,\n rowData: rowData\n });\n };\n }\n\n if (onRowMouseOver) {\n a11yProps.onMouseOver = function (event) {\n return onRowMouseOver({\n event: event,\n index: index,\n rowData: rowData\n });\n };\n }\n\n if (onRowRightClick) {\n a11yProps.onContextMenu = function (event) {\n return onRowRightClick({\n event: event,\n index: index,\n rowData: rowData\n });\n };\n }\n }\n\n return React.createElement(\"div\", _extends({}, a11yProps, {\n className: className,\n key: key,\n role: \"row\",\n style: style\n }), columns);\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 _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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 * Describes the header and cell contents of a table column.\n */\n\nvar Column =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(Column, _React$Component);\n\n function Column() {\n _classCallCheck(this, Column);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(Column).apply(this, arguments));\n }\n\n return Column;\n}(React.Component);\n\n_defineProperty(Column, \"defaultProps\", {\n cellDataGetter: defaultCellDataGetter,\n cellRenderer: defaultCellRenderer,\n defaultSortDirection: SortDirection.ASC,\n flexGrow: 0,\n flexShrink: 1,\n headerRenderer: defaultHeaderRenderer,\n style: {}\n});\n\nexport { Column as default };\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} : {};","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport clsx from 'clsx';\nimport Column from './Column';\nimport PropTypes from 'prop-types';\nimport * as React from 'react';\nimport { findDOMNode } from 'react-dom';\nimport Grid, { accessibilityOverscanIndicesGetter } from '../Grid';\nimport defaultRowRenderer from './defaultRowRenderer';\nimport defaultHeaderRowRenderer from './defaultHeaderRowRenderer';\nimport SortDirection from './SortDirection';\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 =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(Table, _React$PureComponent);\n\n function Table(props) {\n var _this;\n\n _classCallCheck(this, Table);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Table).call(this, props));\n _this.state = {\n scrollbarWidth: 0\n };\n _this._createColumn = _this._createColumn.bind(_assertThisInitialized(_this));\n _this._createRow = _this._createRow.bind(_assertThisInitialized(_this));\n _this._onScroll = _this._onScroll.bind(_assertThisInitialized(_this));\n _this._onSectionRendered = _this._onSectionRendered.bind(_assertThisInitialized(_this));\n _this._setRef = _this._setRef.bind(_assertThisInitialized(_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 /** 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 _this$Grid$getOffsetF = this.Grid.getOffsetForCell({\n alignment: alignment,\n rowIndex: index\n }),\n scrollTop = _this$Grid$getOffsetF.scrollTop;\n\n return scrollTop;\n }\n\n return 0;\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 /** See Grid#measureAllCells */\n\n }, {\n key: \"measureAllRows\",\n value: function measureAllRows() {\n if (this.Grid) {\n this.Grid.measureAllCells();\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 === void 0 ? 0 : _ref3$columnIndex,\n _ref3$rowIndex = _ref3.rowIndex,\n rowIndex = _ref3$rowIndex === void 0 ? 0 : _ref3$rowIndex;\n\n if (this.Grid) {\n this.Grid.recomputeGridSize({\n rowIndex: rowIndex,\n columnIndex: columnIndex\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 /** 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({\n 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\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 _this$props = this.props,\n children = _this$props.children,\n className = _this$props.className,\n disableHeader = _this$props.disableHeader,\n gridClassName = _this$props.gridClassName,\n gridStyle = _this$props.gridStyle,\n headerHeight = _this$props.headerHeight,\n headerRowRenderer = _this$props.headerRowRenderer,\n height = _this$props.height,\n id = _this$props.id,\n noRowsRenderer = _this$props.noRowsRenderer,\n rowClassName = _this$props.rowClassName,\n rowStyle = _this$props.rowStyle,\n scrollToIndex = _this$props.scrollToIndex,\n style = _this$props.style,\n width = _this$props.width;\n var scrollbarWidth = this.state.scrollbarWidth;\n var availableRowsHeight = disableHeader ? height : height - headerHeight;\n var rowClass = typeof rowClassName === 'function' ? rowClassName({\n index: -1\n }) : rowClassName;\n var rowStyleObject = typeof rowStyle === 'function' ? rowStyle({\n index: -1\n }) : rowStyle; // Precompute and cache column styles before rendering rows and columns to speed things up\n\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] = _objectSpread({\n overflow: 'hidden'\n }, flexStyles);\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\n return React.createElement(\"div\", {\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: _objectSpread({\n height: headerHeight,\n overflow: 'hidden',\n paddingRight: scrollbarWidth,\n width: width\n }, rowStyleObject)\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: _objectSpread({}, gridStyle, {\n overflowX: 'hidden'\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 var cellData = cellDataGetter({\n columnData: columnData,\n dataKey: dataKey,\n rowData: rowData\n });\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({\n columnData: columnData,\n dataKey: dataKey,\n event: event\n });\n };\n\n var style = this._cachedColumnStyles[columnIndex];\n var title = typeof renderedCell === 'string' ? renderedCell : null; // 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\n return React.createElement(\"div\", {\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 key: \"_createHeader\",\n value: function _createHeader(_ref5) {\n var column = _ref5.column,\n index = _ref5.index;\n var _this$props2 = this.props,\n headerClassName = _this$props2.headerClassName,\n headerStyle = _this$props2.headerStyle,\n onHeaderClick = _this$props2.onHeaderClick,\n sort = _this$props2.sort,\n sortBy = _this$props2.sortBy,\n sortDirection = _this$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 var sortEnabled = !disableSort && sort;\n var classNames = clsx('ReactVirtualized__Table__headerColumn', headerClassName, column.props.headerClassName, {\n ReactVirtualized__Table__sortableHeaderColumn: sortEnabled\n });\n\n var style = this._getFlexStyleForColumn(column, _objectSpread({}, 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 var headerOnClick, headerOnKeyDown, headerTabIndex, headerAriaSort, headerAriaLabel;\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; // If this is the firstTime sort of this column, use the column default sort order.\n // Otherwise, invert the direction of the sort.\n\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({\n columnData: columnData,\n dataKey: dataKey,\n event: event\n });\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 } // 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\n\n return React.createElement(\"div\", {\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 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 _this$props3 = this.props,\n children = _this$props3.children,\n onRowClick = _this$props3.onRowClick,\n onRowDoubleClick = _this$props3.onRowDoubleClick,\n onRowRightClick = _this$props3.onRowRightClick,\n onRowMouseOver = _this$props3.onRowMouseOver,\n onRowMouseOut = _this$props3.onRowMouseOut,\n rowClassName = _this$props3.rowClassName,\n rowGetter = _this$props3.rowGetter,\n rowRenderer = _this$props3.rowRenderer,\n rowStyle = _this$props3.rowStyle;\n var scrollbarWidth = this.state.scrollbarWidth;\n var rowClass = typeof rowClassName === 'function' ? rowClassName({\n index: index\n }) : rowClassName;\n var rowStyleObject = typeof rowStyle === 'function' ? rowStyle({\n index: index\n }) : rowStyle;\n var rowData = rowGetter({\n 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 var className = clsx('ReactVirtualized__Table__row', rowClass);\n\n var flattenedStyle = _objectSpread({}, 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 * 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 var flexValue = \"\".concat(column.props.flexGrow, \" \").concat(column.props.flexShrink, \" \").concat(column.props.width, \"px\");\n\n var style = _objectSpread({}, 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 _this$props4 = this.props,\n children = _this$props4.children,\n disableHeader = _this$props4.disableHeader;\n var items = disableHeader ? [] : React.Children.toArray(children);\n return items.map(function (column, index) {\n return _this4._createHeader({\n column: column,\n index: index\n });\n });\n }\n }, {\n key: \"_getRowHeight\",\n value: function _getRowHeight(rowIndex) {\n var rowHeight = this.props.rowHeight;\n return typeof rowHeight === 'function' ? rowHeight({\n index: rowIndex\n }) : 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 onScroll({\n clientHeight: clientHeight,\n scrollHeight: scrollHeight,\n scrollTop: scrollTop\n });\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 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 this.setState({\n scrollbarWidth: scrollbarWidth\n });\n }\n }]);\n\n return Table;\n}(React.PureComponent);\n\n_defineProperty(Table, \"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});\n\nexport { Table as default };\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\n for (var i = 0; i < children.length; i++) {\n var childType = children[i].type;\n\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\";","/**\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 * 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 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';\nexport default Table;\nexport { createMultiSort, defaultCellDataGetter, defaultCellRenderer, defaultHeaderRowRenderer, defaultHeaderRenderer, defaultRowRenderer, Column, SortDirection, SortIndicator, Table };","import { requestAnimationTimeout, cancelAnimationTimeout } from '../../utils/requestAnimationTimeout';\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 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 document.body.style.pointerEvents = 'none';\n }\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\n mountedInstances.push(component);\n}\nexport function unregisterScrollListener(component, element) {\n mountedInstances = mountedInstances.filter(function (instance) {\n return instance !== component;\n });\n\n if (!mountedInstances.length) {\n element.removeEventListener('scroll', onScrollWindow);\n\n if (disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(disablePointerEventsTimeoutId);\n enablePointerEventsIfDisabled();\n }\n }\n}\nimport { bpfrpt_proptype_WindowScroller } from \"../WindowScroller.js\";","/**\n * Gets the dimensions of the element, accounting for API differences between\n * `window` and other DOM elements.\n */\n// TODO Move this into WindowScroller and import from there\nvar isWindow = function isWindow(element) {\n return element === window;\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 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 * 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 */\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\n var _elementRect = getBoundingBox(element);\n\n var _containerRect = getBoundingBox(container);\n\n return {\n top: _elementRect.top + scrollOffset.top - _containerRect.top,\n left: _elementRect.left + scrollOffset.left - _containerRect.left\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 */\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 _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(WindowScroller, _React$PureComponent);\n\n function WindowScroller() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, WindowScroller);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(WindowScroller)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"_window\", getWindow());\n\n _defineProperty(_assertThisInitialized(_this), \"_isMounted\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"_positionFromTop\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_positionFromLeft\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_detectElementResize\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_child\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"state\", _objectSpread({}, getDimensions(_this.props.scrollElement, _this.props), {\n isScrolling: false,\n scrollLeft: 0,\n scrollTop: 0\n }));\n\n _defineProperty(_assertThisInitialized(_this), \"_registerChild\", function (element) {\n if (element && !(element instanceof Element)) {\n console.warn('WindowScroller registerChild expects to be passed Element or null');\n }\n\n _this._child = element;\n\n _this.updatePosition();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onChildScroll\", function (_ref) {\n var scrollTop = _ref.scrollTop;\n\n if (_this.state.scrollTop === scrollTop) {\n return;\n }\n\n var scrollElement = _this.props.scrollElement;\n\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 });\n\n _defineProperty(_assertThisInitialized(_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 });\n\n _defineProperty(_assertThisInitialized(_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 });\n\n _defineProperty(_assertThisInitialized(_this), \"_onResize\", function () {\n _this.updatePosition();\n });\n\n _defineProperty(_assertThisInitialized(_this), \"__handleWindowScrollEvent\", function () {\n if (!_this._isMounted) {\n return;\n }\n\n var onScroll = _this.props.onScroll;\n var scrollElement = _this.props.scrollElement;\n\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 });\n\n _defineProperty(_assertThisInitialized(_this), \"__resetIsScrolling\", function () {\n _this.setState({\n isScrolling: false\n });\n });\n\n return _this;\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 _this$state = this.state,\n height = _this$state.height,\n width = _this$state.width;\n var thisNode = this._child || ReactDOM.findDOMNode(this);\n\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\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 this._detectElementResize = createDetectElementResize();\n this.updatePosition(scrollElement);\n\n if (scrollElement) {\n registerScrollListener(this, scrollElement);\n\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 if (prevScrollElement !== scrollElement && prevScrollElement != null && scrollElement != null) {\n this.updatePosition(scrollElement);\n unregisterScrollListener(this, prevScrollElement);\n registerScrollListener(this, scrollElement);\n\n this._unregisterResizeListener(prevScrollElement);\n\n this._registerResizeListener(scrollElement);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var scrollElement = this.props.scrollElement;\n\n if (scrollElement) {\n unregisterScrollListener(this, scrollElement);\n\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 _this$state2 = this.state,\n isScrolling = _this$state2.isScrolling,\n scrollTop = _this$state2.scrollTop,\n scrollLeft = _this$state2.scrollLeft,\n height = _this$state2.height,\n width = _this$state2.width;\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\n return WindowScroller;\n}(React.PureComponent), _defineProperty(_class, \"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 /** Callback to be invoked on-resize: ({ height, width }) */\n \"onResize\": PropTypes.func.isRequired,\n\n /** Callback to be invoked on-scroll: ({ scrollLeft, scrollTop }) */\n \"onScroll\": PropTypes.func.isRequired,\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 /** Height used for server-side rendering */\n \"serverHeight\": PropTypes.number.isRequired,\n\n /** Width used for server-side rendering */\n \"serverWidth\": PropTypes.number.isRequired\n}), _temp);\n\n_defineProperty(WindowScroller, \"defaultProps\", {\n onResize: function onResize() {},\n onScroll: function onScroll() {},\n scrollingResetTimeInterval: IS_SCROLLING_TIMEOUT,\n scrollElement: getWindow(),\n serverHeight: 0,\n serverWidth: 0\n});\n\nexport { WindowScroller as default };\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 { flatten, get, isEmpty, uniq, without } from 'lodash';\n\nimport { IPlayerDataFromState, RulesManager } from '../rules-manager';\nimport {\n IPlatformPlayerGroups,\n IPlayerGroup, IPlayerProfile,\n IRegisterPlayerForBetaOptions,\n IRegisterPlayerInBetaGroupOptions, NDA_STATUS\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, IProfileFlagsOptions } from './beta-manager-store.types';\nimport { PLAYER_SOURCE_TYPE } from '@sitegen/common/constants/player-sources';\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\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\nexport const getProfileFlags = (\n profile: IPlayerProfile,\n options: IProfileFlagsOptions\n): IProfileFlags => {\n const { platforms, isInvitee, hasInvitation, betaRegistration } = options;\n const restrictedSources = betaRegistration?.restrictedPlayerSources || [];\n return {\n approved: profile.groups.some(RulesManager.isApproved),\n registered: profile.groups.length > 0,\n 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 hasInvitation\n };\n};\n","import { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport {\n BETA_PLATFORM_ID_TO_PLATFORM,\n BetaManagerAPIService,\n IBetaFriend,\n IGetBetaInfoOptions,\n IInvitationInfo,\n IPlatformPlayerGroups,\n IPlayerProfile,\n IRegisterPlayerForBetaOptions,\n IRegisterPlayerInBetaGroupOptions\n} from '../beta-manager-api';\nimport { setPlatforms } from '../../platform-selection/platform-selection.actions';\nimport { RULE_ACTIONS, RulesManager } 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 INELIGIBLE_COUNTRY_ERROR,\n INELIGIBLE_OPERATION_ERROR,\n INVITED_LIMIT_REACHED_ERROR,\n REGISTER_PLAYER_FOR_BETA_COMPLETED\n} from './beta-manager-store.constants';\n\nimport {\n getFirstRegisteredPlatform,\n getPlayerProfileOptionsFromState,\n getProfileFlags,\n getRulesManageDataFromState,\n getUserPlatformsForApproving,\n shouldThrowIneligibleError\n} from './beta-manager-store.utils';\n\nimport { Dispatch } from 'types/dispatch';\nimport { IBetaPhaseSystemFieldValue, IProfileFlags, IRulesManagerData } 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 '../../check-beta-status/check-beta-status.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\nexport const 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\nconst createInvitationInfoRequest = (options: IGetBetaInfoOptions, widgetName: WIDGET_NAME): Promise => {\n if (!options.invitation || widgetName !== WIDGET_NAME.BETA_APPROVAL) {\n return Promise.resolve(null);\n }\n return BetaManagerAPIService.getInvitationInfo({ ...options, invitation: options.invitation! });\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 state = getState();\n const { config: { betaRegistration, widgetName } } = state;\n\n let requestsArray: [\n Promise,\n Promise,\n Promise,\n Promise,\n Promise | null\n ] = [\n BetaManagerAPIService.getPlayerProfile(options),\n BetaManagerAPIService.getCustomFields(options),\n createGetPlatformPlayersGroupRequest(options, widgetName),\n getSelfBetaProfile(options),\n createInvitationInfoRequest(options, widgetName)\n ];\n\n try {\n const [\n profile,\n customFields,\n platformGroups,\n selfBetaProfile,\n invitationInfo,\n ] = await Promise.all(requestsArray);\n\n const isInvitee = isInvitedByFriend(selfBetaProfile);\n let friendReferrerPlatform = getProfilePlatformId(selfBetaProfile);\n\n const hasInvitation: boolean = Boolean(invitationInfo);\n\n if (isInvitee && friendReferrerPlatform) {\n dispatch(setPlatforms([friendReferrerPlatform]));\n dispatch(setFriendReferrerPlatform(friendReferrerPlatform));\n } else if (hasInvitation && !invitationInfo?.MaxFriendsLimit) {\n await BetaManagerAPIService.acceptInvitation({ ...options, invitation: options.invitation! });\n friendReferrerPlatform = BETA_PLATFORM_ID_TO_PLATFORM[invitationInfo!.PlatformId];\n dispatch(setPlatforms([friendReferrerPlatform]));\n dispatch(setFriendReferrerPlatform(friendReferrerPlatform));\n }\n\n if (options.shouldFetchPlatformGroups && platformGroups !== null) {\n dispatch(setPlatformGroups(platformGroups));\n }\n\n const platforms = friendReferrerPlatform ? [friendReferrerPlatform] : state.platforms;\n const flags = getProfileFlags(profile, { isInvitee, hasInvitation, platforms, betaRegistration });\n\n dispatch(setProfile(profile));\n dispatch(setProfileFlags(flags));\n dispatch(setBetaCustomFieldInputs(customFields));\n\n if (invitationInfo?.MaxFriendsLimit) {\n dispatch(setError(INVITED_LIMIT_REACHED_ERROR));\n }\n\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\n try {\n const response = await approvePlatformList(state, platformsForApproving);\n const lastProfileUpdate = response[response.length - 1];\n\n // after approving player with platforms we need to get actual user profile info\n const { banned, invitation } = await BetaManagerAPIService.getPlayerProfile({\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 });\n\n dispatch(updateProfile({\n ...lastProfileUpdate,\n banned,\n invitation\n }));\n } catch (err) {\n dispatch(setError(err));\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 profile: 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 profile = await requests[0]();\n\n if (requests[1]) {\n /* Second request, if present, can also return new profile information! */\n profile = await requests[1]();\n }\n } catch (e) {\n dispatch(setError(e));\n }\n }\n if (profile) {\n const options: IGetBetaInfoOptions = {\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 };\n\n // need to get actual user profile info before showing success page\n const { banned, invitation } = await BetaManagerAPIService.getPlayerProfile(options);\n dispatch(updateProfile({ ...profile as IPlayerProfile, banned, invitation }));\n\n const selfBetaProfile = await getSelfBetaProfile(options);\n const isInvitee = isInvitedByFriend(selfBetaProfile);\n const hasInvitation = state.beta.hasInvitation ?? false;\n const flags = getProfileFlags(profile, {\n platforms: state.platforms,\n betaRegistration: state.config.betaRegistration,\n isInvitee,\n hasInvitation\n });\n\n dispatch(setProfileFlags(flags));\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};\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 extraTitle = null,\n } = this.props;\n const localizedTitle: JSX.Element = translateKey(TEXT_KEYS.EVENT_TITLE);\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 errorTitleKey = getErrorTitleKey(error);\n const errorTitle = translateKey(errorTitleKey);\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 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';\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 { 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 checkReferralType = (groups: IPlayerGroup[]): boolean => {\n const group = getPlayerApprovedGroup(groups);\n if (!group) {\n return false;\n }\n\n return group.sourceIdList.includes(BETA_PLAYER_SOURCE_TYPE.REFERRAL);\n};\n\nexport const checkAbilityFriendsInviteFriends = (hasReferralType: boolean, friendsInviteFriendsEnabled: boolean): boolean => {\n return hasReferralType && friendsInviteFriendsEnabled;\n};\n\nexport const isFriendListVisible = (hasAbilityInviteFriends: boolean, friendInviteEnabled: boolean = false): boolean => {\n return hasAbilityInviteFriends && 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, { platform: concatPlatformsNames(groups) });\n};\n\nexport const getRegisteredText = (groups: IPlayerGroup[], translateKey: TranslationFunction): string => {\n return translateKey(TEXT_KEYS.REGISTER_RESULT_WAITING, { platform: concatPlatformsNames(groups) });\n};\n\nexport const getAlreadyApprovedText = (groups: IPlayerGroup[], translateKey: TranslationFunction): string => {\n return translateKey(TEXT_KEYS.REGISTER_RESULT_APPROVED, { 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\n// types\nimport { IPlayerProfile } from '../../../beta-manager/beta-manager-api';\nimport { ITranslationProps } from 'types/translation';\n\n// utils\nimport { getModeClass } from 'utils/css';\nimport { getAlreadyApprovedText, getApprovedGroups } from '../../success-page.utils';\n\n// constants\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\n\nconst SuccessPageContentApproval = ({\n dangerouslyTranslateWithHTML: translateKey,\n shouldInheritStyles,\n profile: { groups }\n}: ISuccessPageContentApprovalProps & ITranslationProps): JSX.Element | null => {\n const approvedGroups = getApprovedGroups(groups);\n\n return 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","export const TEXT_KEYS = {\n COPIED: 'copy-button__copied',\n};","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\nimport { Icon, ICON_NAME } from 'components/icon';\n// types\nimport { ICopyButtonProps } from './copy-button.types';\n\nimport './copy-button.styles.less';\nimport { TEXT_KEYS } from './copy-button.constants';\nimport { getModeClass } from 'utils/css';\n\nexport const CopyButton: React.FC = ({\n onClick,\n copied,\n dangerouslyTranslateWithHTML: translateKey,\n shouldInheritStyles\n}) => {\n return (\n {\n constructor(props: ISuccessBetaKeysProps & ITranslationProps) {\n super(props);\n this.state = { keys: [], loading: true, keyCopied: false };\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 {\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 flowStepDetails: 'approved : sharing link',\n action: 'registration successful : approved : link : copy link',\n category: CATEGORY.INTERACTION\n};\n\nexport const SHARE_LINK_QUERY_PARAM = 'refId';","import * as React from 'react';\nimport { isEmpty } from 'lodash';\nimport { translate } from 'components/translate-hoc';\nimport AnalyticsService from 'modules/analytics-provider/analytics-provider.service';\nimport { IShareLinkProps, IShareLinkState } from './share-link.types';\n\nimport './share-link.styles.less';\nimport { TEXT_KEYS, SHARE_FLOW_LINK_DETAILS } from './share-link.constants';\nimport CopyButton from '../copy-button';\nimport { getModeClass } from 'utils/css'; \nexport class ShareLink extends React.PureComponent {\n public state = { linkCopied: false };\n\n private sendAnalyticsCopyEvent = () => AnalyticsService.sendFlowEvent(SHARE_FLOW_LINK_DETAILS);\n\n private onCopyClick = () => {\n const { link } = this.props;\n navigator.clipboard.writeText(link).then(() => {\n this.setState({ linkCopied: true });\n this.sendAnalyticsCopyEvent();\n },\n (err) => {\n // eslint-disable-next-line no-console\n console.error('Could not copy into clipboard: ', err);\n });\n };\n\n public render(): JSX.Element | null {\n const { link, visible, dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles } = this.props;\n if (!visible || isEmpty(link)) {\n return null;\n }\n \n return (\n
\n );\n }\n}\n\nexport default translate()(ShareLink);\n","import { connect } from 'react-redux';\n\nimport ShareLink from './share-link.component';\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { getShareLink } from './share-link.utils';\n\nexport interface IShareLinkStoreProps {\n readonly link: string;\n}\n\nconst mapStateToProps = (state: State): IShareLinkStoreProps => ({\n link: getShareLink(state.beta.profile!.invitation!),\n});\n\nexport default connect\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 readonly shouldInheritStyles?: boolean;\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;\nexport const BETA_INVITED_LIMIT_REACHED = 'BETA_INVITED_LIMIT_REACHED' 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\nexport const INVITED_LIMIT_REACHED_ERROR: Error = {\n name: BETA_INVITED_LIMIT_REACHED,\n message: 'Your friend has reached their maximum number of invites'\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 const SET_PLATFORMS = 'SET_PLATFORMS' as const;\n","import { memoize } from 'lodash';\nimport { sortByOrder } from 'utils/array';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\n\nconst memoizePlatforms = (order: PLATFORM_TYPES[], platforms: PLATFORM_TYPES[]): () => PLATFORM_TYPES[] =>\n memoize(() => sortByOrder(platforms, order));\n\nexport default memoizePlatforms;\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","function _typeof(obj) {\n \"@babel/helpers - typeof\";\n\n if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;","function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;","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}\n\nmodule.exports = _objectWithoutPropertiesLoose;","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n\nfunction emptyFunction() {}\nfunction emptyFunctionWithReset() {}\nemptyFunctionWithReset.resetWarningCache = emptyFunction;\n\nmodule.exports = function() {\n function shim(props, propName, componentName, location, propFullName, secret) {\n if (secret === ReactPropTypesSecret) {\n // It is still safe when called from React.\n return;\n }\n var err = new Error(\n 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +\n 'Use PropTypes.checkPropTypes() to call them. ' +\n 'Read more at http://fb.me/use-check-prop-types'\n );\n err.name = 'Invariant Violation';\n throw err;\n };\n shim.isRequired = shim;\n function getShim() {\n return shim;\n };\n // Important!\n // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.\n var ReactPropTypes = {\n array: shim,\n bool: shim,\n func: shim,\n number: shim,\n object: shim,\n string: shim,\n symbol: shim,\n\n any: shim,\n arrayOf: getShim,\n element: shim,\n elementType: shim,\n instanceOf: getShim,\n node: shim,\n objectOf: getShim,\n oneOf: getShim,\n oneOfType: getShim,\n shape: getShim,\n exact: getShim,\n\n checkPropTypes: emptyFunctionWithReset,\n resetWarningCache: emptyFunction\n };\n\n ReactPropTypes.PropTypes = ReactPropTypes;\n\n return ReactPropTypes;\n};\n","/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';\n\nmodule.exports = ReactPropTypesSecret;\n","var arrayWithoutHoles = require(\"./arrayWithoutHoles\");\n\nvar iterableToArray = require(\"./iterableToArray\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray\");\n\nvar nonIterableSpread = require(\"./nonIterableSpread\");\n\nfunction _toConsumableArray(arr) {\n return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();\n}\n\nmodule.exports = _toConsumableArray;","var arrayLikeToArray = require(\"./arrayLikeToArray\");\n\nfunction _arrayWithoutHoles(arr) {\n if (Array.isArray(arr)) return arrayLikeToArray(arr);\n}\n\nmodule.exports = _arrayWithoutHoles;","function _iterableToArray(iter) {\n if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter);\n}\n\nmodule.exports = _iterableToArray;","function _nonIterableSpread() {\n throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableSpread;","var arrayWithHoles = require(\"./arrayWithHoles\");\n\nvar iterableToArrayLimit = require(\"./iterableToArrayLimit\");\n\nvar unsupportedIterableToArray = require(\"./unsupportedIterableToArray\");\n\nvar nonIterableRest = require(\"./nonIterableRest\");\n\nfunction _slicedToArray(arr, i) {\n return arrayWithHoles(arr) || iterableToArrayLimit(arr, i) || unsupportedIterableToArray(arr, i) || nonIterableRest();\n}\n\nmodule.exports = _slicedToArray;","function _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nmodule.exports = _arrayWithHoles;","function _iterableToArrayLimit(arr, i) {\n if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _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\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nmodule.exports = _iterableToArrayLimit;","function _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\nmodule.exports = _nonIterableRest;","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 * Helper method that determines when to recalculate row or column metadata.\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); // 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\n if (scrollToIndex >= 0 && scrollToIndex === nextScrollToIndex) {\n updateScrollOffsetForScrollToIndex();\n }\n }\n}","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\n/**\n * Just-in-time calculates and caches size and position information for a collection of cells.\n */\nvar CellSizeAndPositionManager =\n/*#__PURE__*/\nfunction () {\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 // Measurements for cells up to this index can be trusted; cells afterward should be estimated.\n // Used in deferred mode to track which cells have been queued for measurement.\n function CellSizeAndPositionManager(_ref) {\n var cellCount = _ref.cellCount,\n cellSizeGetter = _ref.cellSizeGetter,\n estimatedCellSize = _ref.estimatedCellSize;\n\n _classCallCheck(this, CellSizeAndPositionManager);\n\n _defineProperty(this, \"_cellSizeAndPositionData\", {});\n\n _defineProperty(this, \"_lastMeasuredIndex\", -1);\n\n _defineProperty(this, \"_lastBatchedIndex\", -1);\n\n _defineProperty(this, \"_cellCount\", void 0);\n\n _defineProperty(this, \"_cellSizeGetter\", void 0);\n\n _defineProperty(this, \"_estimatedCellSize\", void 0);\n\n this._cellSizeGetter = cellSizeGetter;\n this._cellCount = cellCount;\n this._estimatedCellSize = estimatedCellSize;\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 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 * 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 \".concat(index, \" is outside of range 0..\").concat(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({\n index: i\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\n\n if (size === undefined || isNaN(size)) {\n throw Error(\"Invalid size returned for cell \".concat(i, \" of value \").concat(size));\n } else if (size === null) {\n this._cellSizeAndPositionData[i] = {\n offset: offset,\n size: 0\n };\n this._lastBatchedIndex = index;\n } else {\n this._cellSizeAndPositionData[i] = {\n offset: offset,\n size: size\n };\n offset += size;\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 * 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 * 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 === void 0 ? '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 var idealOffset;\n\n switch (align) {\n case 'start':\n idealOffset = maxOffset;\n break;\n\n case 'end':\n idealOffset = minOffset;\n break;\n\n case 'center':\n idealOffset = maxOffset - (containerSize - datum.size) / 2;\n break;\n\n default:\n idealOffset = Math.max(minOffset, Math.min(maxOffset, currentOffset));\n break;\n }\n\n var totalSize = this.getTotalSize();\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 var totalSize = this.getTotalSize();\n\n if (totalSize === 0) {\n return {};\n }\n\n var maxOffset = offset + containerSize;\n\n var start = this._findNearestCell(offset);\n\n var datum = this.getSizeAndPositionOfCell(start);\n offset = datum.offset + datum.size;\n var stop = start;\n\n while (offset < maxOffset && stop < this._cellCount - 1) {\n stop++;\n offset += this.getSizeAndPositionOfCell(stop).size;\n }\n\n return {\n start: start,\n stop: stop\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 * 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 \".concat(offset, \" specified\"));\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\n\n offset = Math.max(0, offset);\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 { CellSizeAndPositionManager as default };\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\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\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport CellSizeAndPositionManager from './CellSizeAndPositionManager';\nimport { getMaxElementSize } from './maxElementSize.js';\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 =\n/*#__PURE__*/\nfunction () {\n function ScalingCellSizeAndPositionManager(_ref) {\n var _ref$maxScrollSize = _ref.maxScrollSize,\n maxScrollSize = _ref$maxScrollSize === void 0 ? getMaxElementSize() : _ref$maxScrollSize,\n params = _objectWithoutProperties(_ref, [\"maxScrollSize\"]);\n\n _classCallCheck(this, ScalingCellSizeAndPositionManager);\n\n _defineProperty(this, \"_cellSizeAndPositionManager\", void 0);\n\n _defineProperty(this, \"_maxScrollSize\", void 0);\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 * 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\n var safeTotalSize = this.getTotalSize();\n\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 /** See CellSizeAndPositionManager#getTotalSize */\n\n }, {\n key: \"getTotalSize\",\n value: function getTotalSize() {\n return Math.min(this._maxScrollSize, this._cellSizeAndPositionManager.getTotalSize());\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 === void 0 ? 'auto' : _ref3$align,\n containerSize = _ref3.containerSize,\n currentOffset = _ref3.currentOffset,\n targetIndex = _ref3.targetIndex;\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 /** See CellSizeAndPositionManager#getVisibleCellRange */\n\n }, {\n key: \"getVisibleCellRange\",\n value: function getVisibleCellRange(_ref4) {\n var containerSize = _ref4.containerSize,\n offset = _ref4.offset;\n offset = this._safeOffsetToOffset({\n containerSize: containerSize,\n offset: offset\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 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\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\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 { ScalingCellSizeAndPositionManager as default };\nimport { bpfrpt_proptype_Alignment } from \"../types\";\nimport { bpfrpt_proptype_CellSizeGetter } from \"../types\";\nimport { bpfrpt_proptype_VisibleCellRange } from \"../types\";","/**\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 var cachedIndices = {};\n return function (_ref) {\n var callback = _ref.callback,\n indices = _ref.indices;\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 return Array.isArray(value) ? cachedValue.join(',') !== value.join(',') : cachedValue !== value;\n });\n cachedIndices = indices;\n\n if (allInitialized && indexChanged) {\n callback(indices);\n }\n };\n}","export var SCROLL_DIRECTION_BACKWARD = -1;\nexport var SCROLL_DIRECTION_FORWARD = 1;\nexport var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';\nexport var SCROLL_DIRECTION_VERTICAL = 'vertical';\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\";","import ScalingCellSizeAndPositionManager from './ScalingCellSizeAndPositionManager.js';\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 var cellCount = cellSizeAndPositionManager.getCellCount();\n var hasScrollToIndex = scrollToIndex >= 0 && scrollToIndex < cellCount;\n var sizeHasChanged = size !== previousSize || sizeJustIncreasedFromZero || !previousCellSize || typeof cellSize === 'number' && cellSize !== previousCellSize; // 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\n if (hasScrollToIndex && (sizeHasChanged || scrollToAlignment !== previousScrollToAlignment || scrollToIndex !== previousScrollToIndex)) {\n updateScrollIndexCallback(scrollToIndex); // 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}","// Properly handle server-side rendering.\nvar win;\n\nif (typeof window !== 'undefined') {\n win = window;\n} else if (typeof self !== 'undefined') {\n win = self;\n} else {\n win = {};\n} // requestAnimationFrame() shim by Paul Irish\n// http://paulirish.com/2011/requestanimationframe-for-smart-animating/\n\n\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 _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\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 * 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 */\n\nexport var DEFAULT_SCROLLING_RESET_TIME_INTERVAL = 150;\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 */\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_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 var _this;\n\n _classCallCheck(this, Grid);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Grid).call(this, props));\n\n _defineProperty(_assertThisInitialized(_this), \"_onGridRenderedMemoizer\", createCallbackMemoizer());\n\n _defineProperty(_assertThisInitialized(_this), \"_onScrollMemoizer\", createCallbackMemoizer(false));\n\n _defineProperty(_assertThisInitialized(_this), \"_deferredInvalidateColumnIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_deferredInvalidateRowIndex\", null);\n\n _defineProperty(_assertThisInitialized(_this), \"_recomputeScrollLeftFlag\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"_recomputeScrollTopFlag\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"_horizontalScrollBarSize\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_verticalScrollBarSize\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_scrollbarPresenceChanged\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"_scrollingContainer\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_childrenToDisplay\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_columnStartIndex\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_columnStopIndex\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_rowStartIndex\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_rowStopIndex\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_renderedColumnStartIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_renderedColumnStopIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_renderedRowStartIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_renderedRowStopIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_initialScrollTop\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_initialScrollLeft\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_disablePointerEventsTimeoutId\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_styleCache\", {});\n\n _defineProperty(_assertThisInitialized(_this), \"_cellCache\", {});\n\n _defineProperty(_assertThisInitialized(_this), \"_debounceScrollEndedCallback\", function () {\n _this._disablePointerEventsTimeoutId = null; // isScrolling is used to determine if we reset styleCache\n\n _this.setState({\n isScrolling: false,\n needToResetStyleCache: false\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_invokeOnGridRenderedHelper\", function () {\n var onSectionRendered = _this.props.onSectionRendered;\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 _defineProperty(_assertThisInitialized(_this), \"_setScrollingContainerRef\", function (ref) {\n _this._scrollingContainer = ref;\n });\n\n _defineProperty(_assertThisInitialized(_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 _this.state = {\n instanceProps: {\n columnSizeAndPositionManager: columnSizeAndPositionManager,\n rowSizeAndPositionManager: rowSizeAndPositionManager,\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 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 needToResetStyleCache: false\n };\n\n if (props.scrollToRow > 0) {\n _this._initialScrollTop = _this._getCalculatedScrollTop(props, _this.state);\n }\n\n if (props.scrollToColumn > 0) {\n _this._initialScrollLeft = _this._getCalculatedScrollLeft(props, _this.state);\n }\n\n return _this;\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 === void 0 ? this.props.scrollToAlignment : _ref$alignment,\n _ref$columnIndex = _ref.columnIndex,\n columnIndex = _ref$columnIndex === void 0 ? this.props.scrollToColumn : _ref$columnIndex,\n _ref$rowIndex = _ref.rowIndex,\n rowIndex = _ref$rowIndex === void 0 ? this.props.scrollToRow : _ref$rowIndex;\n\n var offsetProps = _objectSpread({}, 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 * 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 * 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 * 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 === void 0 ? 0 : _ref2$scrollLeft,\n _ref2$scrollTop = _ref2.scrollTop,\n scrollTopParam = _ref2$scrollTop === void 0 ? 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 } // Prevent pointer events from interrupting a smooth scroll\n\n\n this._debounceScrollEnded();\n\n var _this$props = this.props,\n autoHeight = _this$props.autoHeight,\n autoWidth = _this$props.autoWidth,\n height = _this$props.height,\n width = _this$props.width;\n var instanceProps = this.state.instanceProps; // 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); // 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\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 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 * 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 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 * 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 _this$props2 = this.props,\n columnCount = _this$props2.columnCount,\n rowCount = _this$props2.rowCount;\n var instanceProps = this.state.instanceProps;\n instanceProps.columnSizeAndPositionManager.getSizeAndPositionOfCell(columnCount - 1);\n instanceProps.rowSizeAndPositionManager.getSizeAndPositionOfCell(rowCount - 1);\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 === void 0 ? 0 : _ref4$columnIndex,\n _ref4$rowIndex = _ref4.rowIndex,\n rowIndex = _ref4$rowIndex === void 0 ? 0 : _ref4$rowIndex;\n\n var _this$props3 = this.props,\n scrollToColumn = _this$props3.scrollToColumn,\n scrollToRow = _this$props3.scrollToRow;\n var instanceProps = this.state.instanceProps;\n instanceProps.columnSizeAndPositionManager.resetCell(columnIndex);\n instanceProps.rowSizeAndPositionManager.resetCell(rowIndex); // 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\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); // Clear cell cache in case we are scrolling;\n // Invalid row heights likely mean invalid cached content as well.\n\n this._styleCache = {};\n this._cellCache = {};\n this.forceUpdate();\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 var props = this.props; // 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\n if (columnCount > 1 && columnIndex !== undefined) {\n this._updateScrollLeftForScrollToColumn(_objectSpread({}, props, {\n scrollToColumn: columnIndex\n }));\n }\n\n if (rowIndex !== undefined) {\n this._updateScrollTopForScrollToRow(_objectSpread({}, props, {\n scrollToRow: rowIndex\n }));\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this$props4 = this.props,\n getScrollbarSize = _this$props4.getScrollbarSize,\n height = _this$props4.height,\n scrollLeft = _this$props4.scrollLeft,\n scrollToColumn = _this$props4.scrollToColumn,\n scrollTop = _this$props4.scrollTop,\n scrollToRow = _this$props4.scrollToRow,\n width = _this$props4.width;\n var instanceProps = this.state.instanceProps; // Reset initial offsets to be ignored in browser\n\n this._initialScrollTop = 0;\n this._initialScrollLeft = 0; // 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(); // If this component was first rendered server-side, scrollbar size will be undefined.\n // In that event we need to remeasure.\n\n\n if (!instanceProps.scrollbarSizeMeasured) {\n this.setState(function (prevState) {\n var stateUpdate = _objectSpread({}, prevState, {\n needToResetStyleCache: false\n });\n\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\n if (stateUpdate) {\n stateUpdate.needToResetStyleCache = false;\n this.setState(stateUpdate);\n }\n } // refs don't work in `react-test-renderer`\n\n\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\n if (this._scrollingContainer.scrollTop !== this.state.scrollTop) {\n this._scrollingContainer.scrollTop = this.state.scrollTop;\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\n\n var sizeIsBiggerThanZero = height > 0 && width > 0;\n\n if (scrollToColumn >= 0 && sizeIsBiggerThanZero) {\n this._updateScrollLeftForScrollToColumn();\n }\n\n if (scrollToRow >= 0 && sizeIsBiggerThanZero) {\n this._updateScrollTopForScrollToRow();\n } // Update onRowsRendered callback\n\n\n this._invokeOnGridRenderedHelper(); // Initialize onScroll callback\n\n\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 * @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 _this$props5 = this.props,\n autoHeight = _this$props5.autoHeight,\n autoWidth = _this$props5.autoWidth,\n columnCount = _this$props5.columnCount,\n height = _this$props5.height,\n rowCount = _this$props5.rowCount,\n scrollToAlignment = _this$props5.scrollToAlignment,\n scrollToColumn = _this$props5.scrollToColumn,\n scrollToRow = _this$props5.scrollToRow,\n width = _this$props5.width;\n var _this$state = this.state,\n scrollLeft = _this$state.scrollLeft,\n scrollPositionChangeReason = _this$state.scrollPositionChangeReason,\n scrollTop = _this$state.scrollTop,\n instanceProps = _this$state.instanceProps; // 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(); // 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\n\n var columnOrRowCountJustIncreasedFromZero = columnCount > 0 && prevProps.columnCount === 0 || rowCount > 0 && prevProps.rowCount === 0; // 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 // @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\n if (!autoHeight && scrollTop >= 0 && (scrollTop !== this._scrollingContainer.scrollTop || columnOrRowCountJustIncreasedFromZero)) {\n this._scrollingContainer.scrollTop = scrollTop;\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\n\n var sizeJustIncreasedFromZero = (prevProps.width === 0 || prevProps.height === 0) && height > 0 && width > 0; // 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\n if (this._recomputeScrollLeftFlag) {\n this._recomputeScrollLeftFlag = false;\n\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\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 } // Update onRowsRendered callback if start/stop indices have changed\n\n\n this._invokeOnGridRenderedHelper(); // Changes to :scrollLeft or :scrollTop should also notify :onScroll listeners\n\n\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 * 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 _this$props6 = this.props,\n autoContainerWidth = _this$props6.autoContainerWidth,\n autoHeight = _this$props6.autoHeight,\n autoWidth = _this$props6.autoWidth,\n className = _this$props6.className,\n containerProps = _this$props6.containerProps,\n containerRole = _this$props6.containerRole,\n containerStyle = _this$props6.containerStyle,\n height = _this$props6.height,\n id = _this$props6.id,\n noContentRenderer = _this$props6.noContentRenderer,\n role = _this$props6.role,\n style = _this$props6.style,\n tabIndex = _this$props6.tabIndex,\n width = _this$props6.width;\n var _this$state2 = this.state,\n instanceProps = _this$state2.instanceProps,\n needToResetStyleCache = _this$state2.needToResetStyleCache;\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 } // calculate _styleCache here\n // if state.isScrolling (not from _isScrolling) then reset\n\n\n if (!this.state.isScrolling) {\n this._resetStyleCache();\n } // calculate children to render here\n\n\n this._calculateChildrenToRender(this.props, this.state);\n\n var totalColumnsWidth = instanceProps.columnSizeAndPositionManager.getTotalSize();\n var totalRowsHeight = instanceProps.rowSizeAndPositionManager.getTotalSize(); // 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\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 } // 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\n\n gridStyle.overflowX = totalColumnsWidth + verticalScrollBarSize <= width ? 'hidden' : 'auto';\n gridStyle.overflowY = totalRowsHeight + horizontalScrollBarSize <= height ? 'hidden' : 'auto';\n var childrenToDisplay = this._childrenToDisplay;\n var showNoContentRenderer = childrenToDisplay.length === 0 && height > 0 && width > 0;\n return React.createElement(\"div\", _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: _objectSpread({}, gridStyle, {}, style),\n tabIndex: tabIndex\n }), childrenToDisplay.length > 0 && React.createElement(\"div\", {\n className: \"ReactVirtualized__Grid__innerScrollContainer\",\n role: containerRole,\n style: _objectSpread({\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), showNoContentRenderer && noContentRenderer());\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 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 = []; // Render only enough columns and rows to cover the visible area of the grid.\n\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 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 }); // Store for _invokeOnGridRenderedHelper()\n\n this._renderedColumnStartIndex = visibleColumnIndices.start;\n this._renderedColumnStopIndex = visibleColumnIndices.stop;\n this._renderedRowStartIndex = visibleRowIndices.start;\n this._renderedRowStopIndex = visibleRowIndices.stop;\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 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 }); // Store for _invokeOnGridRenderedHelper()\n\n var columnStartIndex = overscanColumnIndices.overscanStartIndex;\n var columnStopIndex = overscanColumnIndices.overscanStopIndex;\n var rowStartIndex = overscanRowIndices.overscanStartIndex;\n var rowStopIndex = overscanRowIndices.overscanStopIndex; // Advanced use-cases (eg CellMeasurer) require batched measurements to determine accurate sizes.\n\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 } // 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\n\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 }); // update the indices\n\n this._columnStartIndex = columnStartIndex;\n this._columnStopIndex = columnStopIndex;\n this._rowStartIndex = rowStartIndex;\n this._rowStopIndex = rowStopIndex;\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 if (this._disablePointerEventsTimeoutId) {\n cancelAnimationTimeout(this._disablePointerEventsTimeoutId);\n }\n\n this._disablePointerEventsTimeoutId = requestAnimationTimeout(this._debounceScrollEndedCallback, scrollingResetTimeInterval);\n }\n }, {\n key: \"_handleInvalidatedGridSize\",\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 this._deferredInvalidateColumnIndex = null;\n this._deferredInvalidateRowIndex = null;\n this.recomputeGridSize({\n columnIndex: columnIndex,\n rowIndex: rowIndex\n });\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 _this3$props = _this3.props,\n height = _this3$props.height,\n onScroll = _this3$props.onScroll,\n width = _this3$props.width;\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 // 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 this._scrollbarPresenceChanged = false;\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 * 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 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\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 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; // 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 = {}; // Copy over the visible cell styles so avoid unnecessary re-render.\n\n for (var rowIndex = this._rowStartIndex; rowIndex <= this._rowStopIndex; rowIndex++) {\n for (var columnIndex = this._columnStartIndex; columnIndex <= this._columnStopIndex; columnIndex++) {\n var key = \"\".concat(rowIndex, \"-\").concat(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\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; // 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; // Initially we should not clearStyleCache\n\n newState.needToResetStyleCache = false;\n\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 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 } // If scrolling is controlled outside this component, clear cache when scrolling stops\n\n\n if (nextProps.autoHeight && nextProps.isScrolling === false && instanceProps.prevIsScrolling === true) {\n Object.assign(newState, {\n isScrolling: false\n });\n }\n\n var maybeStateA;\n var maybeStateB;\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 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; // getting scrollBarSize (moved from componentWillMount)\n\n instanceProps.scrollbarSize = nextProps.getScrollbarSize();\n\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 return _objectSpread({}, 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 * 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 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\n return {};\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 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 return instanceProps.columnSizeAndPositionManager.getUpdatedOffsetForIndex({\n align: scrollToAlignment,\n containerSize: width - scrollBarSize,\n currentOffset: scrollLeft,\n targetIndex: targetIndex\n });\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\n return {};\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 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 return instanceProps.rowSizeAndPositionManager.getUpdatedOffsetForIndex({\n align: scrollToAlignment,\n containerSize: height - scrollBarSize,\n currentOffset: scrollTop,\n targetIndex: targetIndex\n });\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\n return {};\n }\n }]);\n\n return Grid;\n}(React.PureComponent), _defineProperty(_class, \"propTypes\", process.env.NODE_ENV === 'production' ? null : {\n \"aria-label\": PropTypes.string.isRequired,\n \"aria-readonly\": PropTypes.bool,\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 * 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 * 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 /** 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 /** 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 /** Optional custom CSS class name to attach to root Grid element. */\n \"className\": PropTypes.string,\n\n /** Number of columns in grid. */\n \"columnCount\": PropTypes.number.isRequired,\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 /** Unfiltered props for the Grid container. */\n \"containerProps\": PropTypes.object,\n\n /** ARIA role for the cell-container. */\n \"containerRole\": PropTypes.string.isRequired,\n\n /** Optional inline style applied to inner cell-container */\n \"containerStyle\": PropTypes.object.isRequired,\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 * 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 * 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 /** Exposed for testing purposes only. */\n \"getScrollbarSize\": PropTypes.func.isRequired,\n\n /** Height of Grid; this property determines the number of visible (vs virtualized) rows. */\n \"height\": PropTypes.number.isRequired,\n\n /** Optional custom id to attach to root Grid element. */\n \"id\": PropTypes.string,\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 * 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 /** 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 * 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 * 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 /** Callback invoked with information about the section of the Grid that was just rendered. */\n \"onSectionRendered\": PropTypes.func.isRequired,\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 * 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 * 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 /** ARIA role for the grid element. */\n \"role\": PropTypes.string.isRequired,\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 /** Number of rows in grid. */\n \"rowCount\": PropTypes.number.isRequired,\n\n /** Wait this amount of time after the last scroll event before resetting Grid `pointer-events`. */\n \"scrollingResetTimeInterval\": PropTypes.number.isRequired,\n\n /** Horizontal offset. */\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\": 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 /** Column index to ensure visible (by forcefully scrolling if necessary) */\n \"scrollToColumn\": PropTypes.number.isRequired,\n\n /** Vertical offset. */\n \"scrollTop\": PropTypes.number,\n\n /** Row index to ensure visible (by forcefully scrolling if necessary) */\n \"scrollToRow\": PropTypes.number.isRequired,\n\n /** Optional inline style */\n \"style\": PropTypes.object.isRequired,\n\n /** Tab index for focus */\n \"tabIndex\": PropTypes.number,\n\n /** Width of Grid; this property determines the number of visible (vs virtualized) columns. */\n \"width\": PropTypes.number.isRequired\n}), _temp);\n\n_defineProperty(Grid, \"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});\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\";","import { caf, raf } from './animationFrame';\nvar bpfrpt_proptype_AnimationTimeoutId = process.env.NODE_ENV === 'production' ? null : {\n \"id\": PropTypes.number.isRequired\n};\nexport var cancelAnimationTimeout = function cancelAnimationTimeout(frame) {\n return caf(frame.id);\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 */\n\nexport var requestAnimationTimeout = function requestAnimationTimeout(callback, delay) {\n var start; // wait for end of processing current event handler, because event handler may be long\n\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 return frame;\n};\nimport PropTypes from \"prop-types\";\nexport { bpfrpt_proptype_AnimationTimeoutId };","/**\n * Default implementation of cellRangeRenderer used by Grid.\n * This renderer supports cell-caching while the user is scrolling.\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 var renderedCells = []; // 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\n var areOffsetsAdjusted = columnSizeAndPositionManager.areOffsetsAdjusted() || rowSizeAndPositionManager.areOffsetsAdjusted();\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 = \"\".concat(rowIndex, \"-\").concat(columnIndex);\n var style = void 0; // Cache style objects so shallow-compare doesn't re-render unnecessarily.\n\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 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 var renderedCell = void 0; // 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\n if ((isScrollingOptOut || isScrolling) && !horizontalOffsetAdjustment && !verticalOffsetAdjustment) {\n if (!cellCache[key]) {\n cellCache[key] = cellRenderer(cellRendererParams);\n }\n\n renderedCell = cellCache[key]; // 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 console.warn('Rendered cell should include style property for positioning.');\n }\n }\n }\n}\n\nimport { bpfrpt_proptype_CellRangeRendererParams } from \"./types\";","export var SCROLL_DIRECTION_BACKWARD = -1;\nexport var SCROLL_DIRECTION_FORWARD = 1;\nexport var SCROLL_DIRECTION_HORIZONTAL = 'horizontal';\nexport var SCROLL_DIRECTION_VERTICAL = 'vertical';\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 // 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 _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport * as React from 'react';\nimport { polyfill } from 'react-lifecycles-compat';\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(ArrowKeyStepper, _React$PureComponent);\n\n function ArrowKeyStepper() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, ArrowKeyStepper);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(ArrowKeyStepper)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n scrollToColumn: 0,\n scrollToRow: 0,\n instanceProps: {\n prevScrollToColumn: 0,\n prevScrollToRow: 0\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_columnStartIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_columnStopIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_rowStartIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_rowStopIndex\", 0);\n\n _defineProperty(_assertThisInitialized(_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 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; // 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\n case 'ArrowLeft':\n scrollToColumn = mode === 'cells' ? Math.max(scrollToColumn - 1, 0) : Math.max(_this._columnStartIndex - 1, 0);\n break;\n\n case 'ArrowRight':\n scrollToColumn = mode === 'cells' ? Math.min(scrollToColumn + 1, columnCount - 1) : Math.min(_this._columnStopIndex + 1, columnCount - 1);\n break;\n\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({\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow\n });\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_onSectionRendered\", function (_ref) {\n var columnStartIndex = _ref.columnStartIndex,\n columnStopIndex = _ref.columnStopIndex,\n rowStartIndex = _ref.rowStartIndex,\n rowStopIndex = _ref.rowStopIndex;\n _this._columnStartIndex = columnStartIndex;\n _this._columnStopIndex = columnStopIndex;\n _this._rowStartIndex = rowStartIndex;\n _this._rowStopIndex = rowStopIndex;\n });\n\n return _this;\n }\n\n _createClass(ArrowKeyStepper, [{\n key: \"setScrollIndexes\",\n value: function setScrollIndexes(_ref2) {\n var scrollToColumn = _ref2.scrollToColumn,\n scrollToRow = _ref2.scrollToRow;\n this.setState({\n scrollToRow: scrollToRow,\n scrollToColumn: scrollToColumn\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this$props2 = this.props,\n className = _this$props2.className,\n children = _this$props2.children;\n\n var _this$_getScrollState3 = this._getScrollState(),\n scrollToColumn = _this$_getScrollState3.scrollToColumn,\n scrollToRow = _this$_getScrollState3.scrollToRow;\n\n return React.createElement(\"div\", {\n className: className,\n onKeyDown: this._onKeyDown\n }, children({\n onSectionRendered: this._onSectionRendered,\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow\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(_ref3) {\n var scrollToColumn = _ref3.scrollToColumn,\n scrollToRow = _ref3.scrollToRow;\n var _this$props3 = this.props,\n isControlled = _this$props3.isControlled,\n onScrollToChange = _this$props3.onScrollToChange;\n\n if (typeof onScrollToChange === 'function') {\n onScrollToChange({\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow\n });\n }\n\n if (!isControlled) {\n this.setState({\n scrollToColumn: scrollToColumn,\n scrollToRow: scrollToRow\n });\n }\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (nextProps.isControlled) {\n return {};\n }\n\n if (nextProps.scrollToColumn !== prevState.instanceProps.prevScrollToColumn || nextProps.scrollToRow !== prevState.instanceProps.prevScrollToRow) {\n return _objectSpread({}, prevState, {\n scrollToColumn: nextProps.scrollToColumn,\n scrollToRow: nextProps.scrollToRow,\n instanceProps: {\n prevScrollToColumn: nextProps.scrollToColumn,\n prevScrollToRow: nextProps.scrollToRow\n }\n });\n }\n\n return {};\n }\n }]);\n\n return ArrowKeyStepper;\n}(React.PureComponent), _defineProperty(_class, \"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}), _temp);\n\n_defineProperty(ArrowKeyStepper, \"defaultProps\", {\n disabled: false,\n isControlled: false,\n mode: 'edges',\n scrollToColumn: 0,\n scrollToRow: 0\n});\n\npolyfill(ArrowKeyStepper);\nexport default ArrowKeyStepper;\nimport { bpfrpt_proptype_RenderedSection } from \"../Grid\";\nimport { bpfrpt_proptype_ScrollIndices } from \"./types\";\nimport PropTypes from \"prop-types\";","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport * as React from 'react';\nimport createDetectElementResize from '../vendor/detectElementResize';\nvar AutoSizer = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$Component) {\n _inherits(AutoSizer, _React$Component);\n\n function AutoSizer() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, AutoSizer);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(AutoSizer)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n height: _this.props.defaultHeight || 0,\n width: _this.props.defaultWidth || 0\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_parentNode\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_autoSizer\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_window\", void 0);\n\n _defineProperty(_assertThisInitialized(_this), \"_detectElementResize\", void 0);\n\n _defineProperty(_assertThisInitialized(_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 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 var height = _this._parentNode.offsetHeight || 0;\n var width = _this._parentNode.offsetWidth || 0;\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 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({\n height: height,\n width: width\n });\n }\n }\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_setRef\", function (autoSizer) {\n _this._autoSizer = autoSizer;\n });\n\n return _this;\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; // Defer requiring resize handler in order to support server-side rendering.\n // See issue #41\n\n this._detectElementResize = createDetectElementResize(nonce, this._window);\n\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 _this$props2 = this.props,\n children = _this$props2.children,\n className = _this$props2.className,\n disableHeight = _this$props2.disableHeight,\n disableWidth = _this$props2.disableWidth,\n style = _this$props2.style;\n var _this$state = this.state,\n height = _this$state.height,\n width = _this$state.width; // 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 = {\n overflow: 'visible'\n };\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 * 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\n return React.createElement(\"div\", {\n className: className,\n ref: this._setRef,\n style: _objectSpread({}, outerStyle, {}, style)\n }, children(childParams));\n }\n }]);\n\n return AutoSizer;\n}(React.Component), _defineProperty(_class, \"propTypes\", process.env.NODE_ENV === 'production' ? null : {\n /** Function responsible for rendering children.*/\n \"children\": PropTypes.func.isRequired,\n\n /** Optional custom CSS class name to attach to root AutoSizer element. */\n \"className\": PropTypes.string,\n\n /** Default height to use for initial render; useful for SSR */\n \"defaultHeight\": PropTypes.number,\n\n /** Default width to use for initial render; useful for SSR */\n \"defaultWidth\": PropTypes.number,\n\n /** Disable dynamic :height property */\n \"disableHeight\": PropTypes.bool.isRequired,\n\n /** Disable dynamic :width property */\n \"disableWidth\": PropTypes.bool.isRequired,\n\n /** Nonce of the inlined stylesheet for Content Security Policy */\n \"nonce\": PropTypes.string,\n\n /** Callback to be invoked on-resize */\n \"onResize\": PropTypes.func.isRequired,\n\n /** Optional inline style */\n \"style\": PropTypes.object\n}), _temp);\n\n_defineProperty(AutoSizer, \"defaultProps\", {\n onResize: function onResize() {},\n disableHeight: false,\n disableWidth: false,\n style: {}\n});\n\nexport { AutoSizer as default };\nimport PropTypes from \"prop-types\";","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nvar _class, _temp;\n\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 = (_temp = _class =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(CellMeasurer, _React$PureComponent);\n\n function CellMeasurer() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, CellMeasurer);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(CellMeasurer)).call.apply(_getPrototypeOf2, [this].concat(args)));\n\n _defineProperty(_assertThisInitialized(_this), \"_child\", void 0);\n\n _defineProperty(_assertThisInitialized(_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 === void 0 ? 0 : _this$props$columnInd,\n parent = _this$props.parent,\n _this$props$rowIndex = _this$props.rowIndex,\n rowIndex = _this$props$rowIndex === void 0 ? _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 });\n\n _defineProperty(_assertThisInitialized(_this), \"_registerChild\", function (element) {\n if (element && !(element instanceof Element)) {\n console.warn('CellMeasurer registerChild expects to be passed Element or null');\n }\n\n _this._child = element;\n\n if (element) {\n _this._maybeMeasureCell();\n }\n });\n\n return _this;\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 return typeof children === 'function' ? children({\n measure: this._measure,\n registerChild: this._registerChild\n }) : children;\n }\n }, {\n key: \"_getCellMeasurements\",\n value: function _getCellMeasurements() {\n var cache = this.props.cache;\n var node = this._child || findDOMNode(this); // 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; // 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\n if (!cache.hasFixedWidth()) {\n node.style.width = 'auto';\n }\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); // Reset after measuring to avoid breaking styles; see #660\n\n if (styleWidth) {\n node.style.width = styleWidth;\n }\n\n if (styleHeight) {\n node.style.height = styleHeight;\n }\n\n return {\n height: height,\n width: width\n };\n } else {\n return {\n height: 0,\n width: 0\n };\n }\n }\n }, {\n key: \"_maybeMeasureCell\",\n value: function _maybeMeasureCell() {\n var _this$props2 = this.props,\n cache = _this$props2.cache,\n _this$props2$columnIn = _this$props2.columnIndex,\n columnIndex = _this$props2$columnIn === void 0 ? 0 : _this$props2$columnIn,\n parent = _this$props2.parent,\n _this$props2$rowIndex = _this$props2.rowIndex,\n rowIndex = _this$props2$rowIndex === void 0 ? this.props.index || 0 : _this$props2$rowIndex;\n\n if (!cache.has(rowIndex, columnIndex)) {\n var _this$_getCellMeasure2 = this._getCellMeasurements(),\n height = _this$_getCellMeasure2.height,\n width = _this$_getCellMeasure2.width;\n\n cache.set(rowIndex, columnIndex, width, height); // If size has changed, let Grid know to re-render.\n\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), _defineProperty(_class, \"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}), _temp); // Used for DEV mode warning check\n\n_defineProperty(CellMeasurer, \"__internalCellMeasurerFlag\", false);\n\nexport { CellMeasurer as default };\n\nif (process.env.NODE_ENV !== 'production') {\n CellMeasurer.__internalCellMeasurerFlag = true;\n}\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\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nexport var DEFAULT_HEIGHT = 30;\nexport var DEFAULT_WIDTH = 100; // 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 =\n/*#__PURE__*/\nfunction () {\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 _defineProperty(this, \"_cellHeightCache\", {});\n\n _defineProperty(this, \"_cellWidthCache\", {});\n\n _defineProperty(this, \"_columnWidthCache\", {});\n\n _defineProperty(this, \"_rowHeightCache\", {});\n\n _defineProperty(this, \"_defaultHeight\", void 0);\n\n _defineProperty(this, \"_defaultWidth\", void 0);\n\n _defineProperty(this, \"_minHeight\", void 0);\n\n _defineProperty(this, \"_minWidth\", void 0);\n\n _defineProperty(this, \"_keyMapper\", void 0);\n\n _defineProperty(this, \"_hasFixedHeight\", void 0);\n\n _defineProperty(this, \"_hasFixedWidth\", void 0);\n\n _defineProperty(this, \"_columnCount\", 0);\n\n _defineProperty(this, \"_rowCount\", 0);\n\n _defineProperty(this, \"columnWidth\", function (_ref) {\n var index = _ref.index;\n\n var key = _this._keyMapper(0, index);\n\n return _this._columnWidthCache[key] !== undefined ? _this._columnWidthCache[key] : _this._defaultWidth;\n });\n\n _defineProperty(this, \"rowHeight\", function (_ref2) {\n var index = _ref2.index;\n\n var key = _this._keyMapper(index, 0);\n\n return _this._rowHeightCache[key] !== undefined ? _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 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 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[_key] !== undefined ? 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[_key2] !== undefined ? 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[key] !== undefined;\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\n if (rowIndex >= this._rowCount) {\n this._rowCount = rowIndex + 1;\n } // Size is cached per cell so we don't have to re-measure if cells are re-ordered.\n\n\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\n for (var i = 0; i < this._rowCount; i++) {\n columnWidth = Math.max(columnWidth, this.getWidth(i, columnIndex));\n }\n\n var columnKey = this._keyMapper(0, columnIndex);\n\n this._columnWidthCache[columnKey] = columnWidth;\n }\n\n if (!this._hasFixedHeight) {\n var rowHeight = 0;\n\n for (var _i = 0; _i < this._columnCount; _i++) {\n rowHeight = Math.max(rowHeight, this.getHeight(rowIndex, _i));\n }\n\n var rowKey = this._keyMapper(rowIndex, 0);\n\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 { CellMeasurerCache as default };\n\nfunction defaultKeyMapper(rowIndex, columnIndex) {\n return \"\".concat(rowIndex, \"-\").concat(columnIndex);\n}\n\nimport { bpfrpt_proptype_CellMeasureCache } from \"./types\";","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\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'; // @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 */\n\nvar IS_SCROLLING_TIMEOUT = 150;\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 */\n\nvar SCROLL_POSITION_CHANGE_REASONS = {\n OBSERVED: 'observed',\n REQUESTED: 'requested'\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 =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(CollectionView, _React$PureComponent);\n\n // Invokes callbacks only when their values have changed.\n function CollectionView() {\n var _getPrototypeOf2;\n\n var _this;\n\n _classCallCheck(this, CollectionView);\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(CollectionView)).call.apply(_getPrototypeOf2, [this].concat(args))); // If this component is being rendered server-side, getScrollbarSize() will return undefined.\n // We handle this case in componentDidMount()\n\n _defineProperty(_assertThisInitialized(_this), \"state\", {\n isScrolling: false,\n scrollLeft: 0,\n scrollTop: 0\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_calculateSizeAndPositionDataOnNextUpdate\", false);\n\n _defineProperty(_assertThisInitialized(_this), \"_onSectionRenderedMemoizer\", createCallbackMemoizer());\n\n _defineProperty(_assertThisInitialized(_this), \"_onScrollMemoizer\", createCallbackMemoizer(false));\n\n _defineProperty(_assertThisInitialized(_this), \"_invokeOnSectionRenderedHelper\", function () {\n var _this$props = _this.props,\n cellLayoutManager = _this$props.cellLayoutManager,\n onSectionRendered = _this$props.onSectionRendered;\n\n _this._onSectionRenderedMemoizer({\n callback: onSectionRendered,\n indices: {\n indices: cellLayoutManager.getLastRenderedIndices()\n }\n });\n });\n\n _defineProperty(_assertThisInitialized(_this), \"_setScrollingContainerRef\", function (ref) {\n _this._scrollingContainer = ref;\n });\n\n _defineProperty(_assertThisInitialized(_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 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 _defineProperty(_assertThisInitialized(_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 } // Prevent pointer events from interrupting a smooth scroll\n\n\n _this._enablePointerEventsAfterDelay(); // 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\n\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 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)); // 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\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; // Synchronously set :isScrolling the first time (since _setNextState will reschedule its animation frame each time it's called)\n\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\n if (_this._scrollbarSize === undefined) {\n _this._scrollbarSizeMeasured = false;\n _this._scrollbarSize = 0;\n } else {\n _this._scrollbarSizeMeasured = true;\n }\n\n return _this;\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 /* ---------------------------- 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 _this$props4 = this.props,\n cellLayoutManager = _this$props4.cellLayoutManager,\n scrollLeft = _this$props4.scrollLeft,\n scrollToCell = _this$props4.scrollToCell,\n scrollTop = _this$props4.scrollTop; // 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({\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n });\n } // Update onSectionRendered callback.\n\n\n this._invokeOnSectionRenderedHelper();\n\n var _cellLayoutManager$ge2 = cellLayoutManager.getTotalSize(),\n totalHeight = _cellLayoutManager$ge2.height,\n totalWidth = _cellLayoutManager$ge2.width; // 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 _this$props5 = this.props,\n height = _this$props5.height,\n scrollToAlignment = _this$props5.scrollToAlignment,\n scrollToCell = _this$props5.scrollToCell,\n width = _this$props5.width;\n var _this$state2 = this.state,\n scrollLeft = _this$state2.scrollLeft,\n scrollPositionChangeReason = _this$state2.scrollPositionChangeReason,\n scrollTop = _this$state2.scrollTop; // 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\n if (scrollTop >= 0 && scrollTop !== prevState.scrollTop && scrollTop !== this._scrollingContainer.scrollTop) {\n this._scrollingContainer.scrollTop = scrollTop;\n }\n } // Update scroll offsets if the current :scrollToCell values requires it\n\n\n if (height !== prevProps.height || scrollToAlignment !== prevProps.scrollToAlignment || scrollToCell !== prevProps.scrollToCell || width !== prevProps.width) {\n this._updateScrollPositionForScrollToCell();\n } // Update onRowsRendered callback if start/stop indices have changed\n\n\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 _this$props6 = this.props,\n autoHeight = _this$props6.autoHeight,\n cellCount = _this$props6.cellCount,\n cellLayoutManager = _this$props6.cellLayoutManager,\n className = _this$props6.className,\n height = _this$props6.height,\n horizontalOverscanSize = _this$props6.horizontalOverscanSize,\n id = _this$props6.id,\n noContentRenderer = _this$props6.noContentRenderer,\n style = _this$props6.style,\n verticalOverscanSize = _this$props6.verticalOverscanSize,\n width = _this$props6.width;\n var _this$state3 = this.state,\n isScrolling = _this$state3.isScrolling,\n scrollLeft = _this$state3.scrollLeft,\n scrollTop = _this$state3.scrollTop; // 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 cellLayoutManager.calculateSizeAndPositionData();\n }\n\n var _cellLayoutManager$ge3 = cellLayoutManager.getTotalSize(),\n totalHeight = _cellLayoutManager$ge3.height,\n totalWidth = _cellLayoutManager$ge3.width; // 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 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 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 }; // 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\n var verticalScrollBarSize = totalHeight > height ? this._scrollbarSize : 0;\n var horizontalScrollBarSize = totalWidth > width ? this._scrollbarSize : 0; // 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\n collectionStyle.overflowX = totalWidth + verticalScrollBarSize <= width ? 'hidden' : 'auto';\n collectionStyle.overflowY = totalHeight + horizontalScrollBarSize <= height ? 'hidden' : 'auto';\n return React.createElement(\"div\", {\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: _objectSpread({}, collectionStyle, {}, style),\n tabIndex: 0\n }, cellCount > 0 && React.createElement(\"div\", {\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), cellCount === 0 && noContentRenderer());\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 isScrollingChange(false);\n _this2._disablePointerEventsTimeoutId = null;\n\n _this2.setState({\n isScrolling: false\n });\n }, IS_SCROLLING_TIMEOUT);\n }\n }, {\n key: \"_invokeOnScrollMemoizer\",\n value: function _invokeOnScrollMemoizer(_ref) {\n var _this3 = this;\n\n var scrollLeft = _ref.scrollLeft,\n scrollTop = _ref.scrollTop,\n totalHeight = _ref.totalHeight,\n totalWidth = _ref.totalWidth;\n\n this._onScrollMemoizer({\n callback: function callback(_ref2) {\n var scrollLeft = _ref2.scrollLeft,\n scrollTop = _ref2.scrollTop;\n var _this3$props = _this3.props,\n height = _this3$props.height,\n onScroll = _this3$props.onScroll,\n width = _this3$props.width;\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(_ref3) {\n var scrollLeft = _ref3.scrollLeft,\n scrollTop = _ref3.scrollTop;\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 scrollPositionChangeReason: SCROLL_POSITION_CHANGE_REASONS.REQUESTED\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 scrollPositionChangeReason: SCROLL_POSITION_CHANGE_REASONS.REQUESTED\n };\n }\n\n return null;\n }\n }]);\n\n return CollectionView;\n}(React.PureComponent);\n\n_defineProperty(CollectionView, \"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});\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 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} : {};\npolyfill(CollectionView);\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 =\n/*#__PURE__*/\nfunction () {\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 this._indexMap = {};\n this._indices = [];\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\n this._indices.push(index);\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 /** Intended for debugger/test purposes only */\n\n }, {\n key: \"toString\",\n value: function toString() {\n return \"\".concat(this.x, \",\").concat(this.y, \" \").concat(this.width, \"x\").concat(this.height);\n }\n }]);\n\n return Section;\n}();\n\nexport { Section as default };\nimport { bpfrpt_proptype_Index } from \"./types\";\nimport { bpfrpt_proptype_SizeAndPositionInfo } from \"./types\";","import _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\n\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';\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 =\n/*#__PURE__*/\nfunction () {\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 this._cellMetadata = [];\n this._sections = {};\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 var indices = {};\n this.getSections({\n height: height,\n width: width,\n x: x,\n y: y\n }).forEach(function (section) {\n return section.getCellIndices().forEach(function (index) {\n indices[index] = index;\n });\n }); // Object keys are strings; this function returns numbers\n\n return Object.keys(indices).map(function (index) {\n return indices[index];\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 return this._cellMetadata[index];\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 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 var sections = [];\n\n for (var sectionX = sectionXStart; sectionX <= sectionXStop; sectionX++) {\n for (var sectionY = sectionYStart; sectionY <= sectionYStop; sectionY++) {\n var key = \"\".concat(sectionX, \".\").concat(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 /** 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 /** 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 /** 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 this._cellMetadata[index] = cellMetadatum;\n this.getSections(cellMetadatum).forEach(function (section) {\n return section.addCellIndex({\n index: index\n });\n });\n }\n }]);\n\n return SectionManager;\n}();\n\nexport { SectionManager as default };\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 === void 0 ? 'auto' : _ref$align,\n cellOffset = _ref.cellOffset,\n cellSize = _ref.cellSize,\n containerSize = _ref.containerSize,\n currentOffset = _ref.currentOffset;\n var maxOffset = cellOffset;\n var minOffset = maxOffset - containerSize + cellSize;\n\n switch (align) {\n case 'start':\n return maxOffset;\n\n case 'end':\n return minOffset;\n\n case 'center':\n return maxOffset - (containerSize - cellSize) / 2;\n\n default:\n return Math.max(minOffset, Math.min(maxOffset, currentOffset));\n }\n}","import _extends from \"@babel/runtime/helpers/extends\";\nimport _classCallCheck from \"@babel/runtime/helpers/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/createClass\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/getPrototypeOf\";\nimport _assertThisInitialized from \"@babel/runtime/helpers/assertThisInitialized\";\nimport _inherits from \"@babel/runtime/helpers/inherits\";\nimport _defineProperty from \"@babel/runtime/helpers/defineProperty\";\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 =\n/*#__PURE__*/\nfunction (_React$PureComponent) {\n _inherits(Collection, _React$PureComponent);\n\n function Collection(props, context) {\n var _this;\n\n _classCallCheck(this, Collection);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Collection).call(this, props, context));\n _this._cellMetadata = [];\n _this._lastRenderedCellIndices = []; // Cell cache during scroll (for performance)\n\n _this._cellCache = [];\n _this._isScrollingChange = _this._isScrollingChange.bind(_assertThisInitialized(_this));\n _this._setCollectionViewRef = _this._setCollectionViewRef.bind(_assertThisInitialized(_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 /** See Collection#recomputeCellSizesAndPositions */\n\n }, {\n key: \"recomputeCellSizesAndPositions\",\n value: function recomputeCellSizesAndPositions() {\n this._cellCache = [];\n\n this._collectionView.recomputeCellSizesAndPositions();\n }\n /** React lifecycle methods */\n\n }, {\n key: \"render\",\n value: function render() {\n var props = _extends({}, this.props);\n\n return React.createElement(CollectionView, _extends({\n cellLayoutManager: this,\n isScrollingChange: this._isScrollingChange,\n ref: this._setCollectionViewRef\n }, props));\n }\n /** CellLayoutManager interface */\n\n }, {\n key: \"calculateSizeAndPositionData\",\n value: function calculateSizeAndPositionData() {\n var _this$props = this.props,\n cellCount = _this$props.cellCount,\n cellSizeAndPositionGetter = _this$props.cellSizeAndPositionGetter,\n sectionSize = _this$props.sectionSize;\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 * 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 * 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 if (cellIndex >= 0 && cellIndex < cellCount) {\n var cellMetadata = this._cellMetadata[cellIndex];\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 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 _this$props2 = this.props,\n cellGroupRenderer = _this$props2.cellGroupRenderer,\n cellRenderer = _this$props2.cellRenderer; // 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 return cellGroupRenderer({\n cellCache: this._cellCache,\n cellRenderer: cellRenderer,\n cellSizeAndPositionGetter: function cellSizeAndPositionGetter(_ref3) {\n var index = _ref3.index;\n return _this2._sectionManager.getCellMetadata({\n index: index\n });\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\n_defineProperty(Collection, \"defaultProps\", {\n 'aria-label': 'grid',\n cellGroupRenderer: defaultCellGroupRenderer\n});\n\nexport { Collection as default };\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 BETA_INVITED_LIMIT_REACHED\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 if (isIneligibleProfile || isIneligibleError) {\n return ERROR_KEYS.WIDGET_ERROR_NOT_ELIGIBLE;\n } else if (error?.name === BETA_INVITED_LIMIT_REACHED) {\n return ERROR_KEYS.WIDGET_ERROR_INVITE_EXCEEDED_DESCRIPTION;\n } else {\n return ERROR_KEYS.WIDGET_ERROR_MESSAGE;\n }\n};\n\nexport const getErrorTitleKey = (error: Error | null): string => {\n if (error?.name === BETA_INVITED_LIMIT_REACHED) {\n return ERROR_KEYS.WIDGET_ERROR_INVITE_EXCEEDED_TITLE;\n }\n\n return ERROR_KEYS.WIDGET_ERROR_TITLE;\n};\n\nexport const getErrorTrackingDetails = (errorKey: string) => {\n if (errorKey === ERROR_KEYS.WIDGET_ERROR_NOT_ELIGIBLE) {\n return 'not eligible';\n } else if (errorKey === ERROR_KEYS.WIDGET_ERROR_INVITE_EXCEEDED_DESCRIPTION) {\n return 'invitation limit reached';\n } else {\n return 'something went wrong';\n }\n};\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, getErrorTitleKey, 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 { 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};\n\nexport default translate()(SuccessPageContentApproval);\n\nexport interface ISuccessPageContentApprovalProps {\n readonly platforms: PLATFORM_TYPES[];\n readonly shouldInheritStyles: boolean;\n readonly profile: IPlayerProfile;\n}\n","import SuccessPageContentApproval from './success-page-content-approval.component';\n\nexport default SuccessPageContentApproval;\n","import * as React from 'react';\nimport { translate } from 'components/translate-hoc';\n\n// types\nimport { IPlayerProfile } from '../../../beta-manager/beta-manager-api';\nimport { ITranslationProps } from 'types/translation';\n\n// utils\nimport { getModeClass } from 'utils/css';\nimport {\n getAlreadyApprovedText,\n getApprovedGroups,\n getRegisteredGroups,\n getRegisteredText,\n getSelectedGroups\n} from '../../success-page.utils';\n\n// constants\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\n\nconst SuccessPageContentRegistration = ({\n dangerouslyTranslateWithHTML: translateKey,\n shouldInheritStyles,\n platforms,\n profile: { groups }\n}: ISuccessPageContentRegistrationProps & ITranslationProps): JSX.Element => {\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 {getAlreadyApprovedText(approvedGroups, translateKey)}\n
\n : null}\n {registeredGroups.length ?\n \n {getRegisteredText(registeredGroups, translateKey)}\n
\n : null}\n \n );\n};\n\nexport default translate()(SuccessPageContentRegistration);\n\nexport interface ISuccessPageContentRegistrationProps {\n readonly platforms: PLATFORM_TYPES[];\n readonly shouldInheritStyles: boolean;\n readonly profile: IPlayerProfile;\n}\n","import SuccessPageContentRegistration from './success-page-content-registration.component';\n\nexport default SuccessPageContentRegistration;\n","import * as React from 'react';\n\n// components\nimport SuccessPageContentApproval from './success-page-content-approval';\nimport SuccessPageContentRegistration from './success-page-content-registration';\n// constants\nimport { WIDGET_NAME } from '@sitegen/common/constants';\nimport { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\n// types\nimport { IPlayerProfile } from 'widgets/beta-registration/modules/beta-manager';\n\nconst SuccessPageContent = ({ widgetName, ...props }: ISuccessPageContentProps): JSX.Element => {\n return widgetName === WIDGET_NAME.BETA_APPROVAL\n ? \n {copied\n ?
\n );\n};\n \nexport default translate()(CopyButton);","import CopyButton from './copy-button.component';\n\nexport { CopyButton };\n\nexport default CopyButton;\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';\nimport CopyButton from '../copy-button';\n\nexport class SuccessBetaKeys extends React.Component\n
\n : {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 /* This should be calculated only once, so inline callback is OK */\n const callback = (): void => {\n navigator.clipboard.writeText(key.key).then(() => {\n this.setState({ keyCopied: true });\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 (err) => {\n // eslint-disable-next-line no-console\n console.error('Could not copy into clipboard: ', err);\n });\n };\n\n return (\n \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 readonly keyCopied: boolean;\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","import { IFlowEventData } from 'types/analytics';\nimport { CATEGORY } from 'modules/analytics-provider/analytics-provider.constants';\n\nexport const TEXT_KEYS = {\n TITLE: 'share-link__title',\n};\n\nexport const SHARE_FLOW_LINK_DETAILS: Pick\n
\n \n \n {link}\n
\n { translateKey(TEXT_KEYS.TITLE) }
\n \n
\n );\n }\n\n public renderShareLink(): JSX.Element | null {\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles, shouldRenderShareLink } = this.props;\n const friendListClassName = getModeClass('sitegen-friend-list', shouldInheritStyles);\n if (!shouldRenderShareLink) {\n return null; \n }\n return (\n <>\n {translateKey(TEXT_KEYS.TITLE)}
\n\n {this.renderShareLink()}\n \n {translateKey(TEXT_KEYS.SUBTITLE)}
\n {content}\n\n {translateKey(TEXT_KEYS.EXPLANATION)}
\n {translateKey(TEXT_KEYS.SHARE_LINK_SUBTITLE)}
\n {translateKey(TEXT_KEYS.OR)}
\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 \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 shouldRenderShareLink: 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","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 { 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 './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 { shouldInheritStyles,\n dangerouslyTranslateWithHTML: translateKey } = this.props;\n\n const { platforms } = this.state;\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 readonly platforms: PLATFORM_TYPES[];\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 readonly friendsInviteFriends?: {\n readonly enabled: boolean\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 friendsInviteFriends: state.config.betaRegistration?.friendsInviteFriends,\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 {translateKey(textKey, { platform })}\n
\n );\n };\n\n public getTitleText = (): JSX.Element => {\n const { dangerouslyTranslateWithHTML: translateKey, widgetName, shouldInheritStyles } = this.props;\n if (widgetName === WIDGET_NAME.BETA_APPROVAL) {\n return translateKey(TEXT_KEYS.TITLE_CHANGE);\n }\n\n const textKey = this.shouldShowSinglePlatformTitle ? TEXT_KEYS.SINGLE_PLATFORM_TITLE : TEXT_KEYS.TITLE;\n const titleClassName = shouldInheritStyles ? 'betaRegister__platform__title' : 'sitegen-landing__title';\n return (\n \n {translateKey(textKey)}\n
\n );\n };\n\n public renderRegisterButton = (): JSX.Element => {\n const { dangerouslyTranslateWithHTML: translateKey, shouldInheritStyles, widgetName } = this.props;\n\n const buttonText = widgetName === WIDGET_NAME.BETA_APPROVAL\n ? TEXT_KEYS.BUTTON_CONTINUE\n : TEXT_KEYS.BUTTON_REGISTER;\n\n return (\n \n );\n };\n\n public renderError = (): JSX.Element | null => {\n if (!this.state.showError) {\n return null;\n }\n\n const { dangerouslyTranslateWithHTML: translateKey } = this.props;\n const errorText = translateKey(TEXT_KEYS.MANDATORY_SELECTION_ERROR);\n\n return (\n \n {errorText}\n
\n );\n };\n\n public render() {\n const { shouldInheritStyles, children } = this.props;\n return (\n \n {this.getDescriptionText()}\n {this.getTitleText()}\n {children}\n
\n );\n }\n}\n\nexport default translate()(Landing);\n","import { connect } from 'react-redux';\n\n// component\nimport Landing from './landing.component';\n// actions\nimport { setPlatforms } from '../platform-selection/platform-selection.actions';\n// types\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { ILandingStoreProps } from './landing.types';\n// actions\nimport { registerPlayerForBetaCompleted } from '../beta-manager/beta-manager-store';\n// utils\n// import { sortByOrder } from 'utils/array';\n// constants\n// import { PLATFORMS_ORDER } from 'constants/platform';\n\nconst mapStateToProps = (state: State): ILandingStoreProps => {\n return {\n groups: state.beta.profile?.groups || [],\n widgetName: state.config.widgetName,\n session: state.login?.loginSession,\n platformSelection: state.config.platformSelection,\n // already selected platform can be in case if you invited by friend\n selectedPlatforms: state.platforms,\n multiplePlatform: state.config.betaRegistration?.multiplePlatform,\n shouldInheritStyles: state.config.shouldInheritStyles\n };\n};\n\nconst mapDispatchToProps = { setPlatforms, registerPlayerForBetaCompleted };\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Landing);\n","import { Dispatch } from 'types/dispatch';\nimport { GO_TO_LANDING, GO_TO_NDA } from './landing.constants';\n\nexport const goToLanding = () => (dispatch: Dispatch): void => {\n dispatch({ type: GO_TO_LANDING });\n};\n\nexport const goToNDA = () => (dispatch: Dispatch): void => {\n dispatch({ type: GO_TO_NDA });\n};\n","import { PLATFORM_TYPES } from '@sitegen/common/constants/platforms';\nimport { IPlayerGroup } from '../../beta-manager/beta-manager-api';\n\nexport const isSinglePlatform = (platformSelection: PLATFORM_TYPES[], groups: IPlayerGroup[]): boolean => {\n return platformSelection.length <= 1 && groups.some(group => group.platform === platformSelection[0]);\n};\n","import * as React from 'react';\n// components\nimport Spinner from 'components/spinner/spinner.component';\n// types\nimport { IPrePreLandingViewProps } from './pre-landing-view.types';\n// utils\nimport { isUserApproved } from '../../platform-selection/platform-selection.utils';\nimport { isSinglePlatform } from './pre-landing-view.utils';\n\nexport class PreLandingView extends React.Component\n {this.renderRegisterButton()}\n {this.renderError()}\n
\n \n
\n );\n }\n}\n\nexport default PreLandingView;\n","import { connect } from 'react-redux';\n// actions\nimport { goToLanding, goToNDA } from '../landing.actions';\n// components\nimport { PreLandingView } from './pre-landing-view.component';\n// types\nimport { State } from 'widgets/beta-registration/root/root.reducers';\nimport { IPrePreLandingViewStoreProps } from './pre-landing-view.types';\n\nconst mapStateToProps = (state: State): IPrePreLandingViewStoreProps => {\n return {\n platformSelection: state.config.platformSelection,\n groups: state.beta.profile?.groups || [],\n isPlatformChangeAllowed: state.config.betaRegistration?.isPlatformChangeAllowed ?? false\n };\n};\n\nconst mapDispatchToProps = {\n goToLanding,\n goToNDA\n};\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PreLandingView);\n","import PreLandingView from './pre-landing-view.container';\n\nexport default PreLandingView;\n","import LandingContainer from './landing.container';\nimport PreLandingView from './pre-landing-view';\nimport { GO_TO_LANDING, GO_TO_NDA } from './landing.constants';\n\nexport default LandingContainer;\nexport {\n GO_TO_LANDING,\n GO_TO_NDA,\n PreLandingView\n};\n","import * as React from 'react';\n\n// components\nimport BaseScreen from '../../modules/base-screen';\nimport Landing from '../../modules/landing';\n\nconst LandingScreen: React.FC = () => (\n \n
\n );\n }\n}\n\nexport default translate()(CheckBetaStatus);\n","import { connect } from 'react-redux';\n// types\nimport { State } from '../../root/root.reducers';\nimport { ICheckBetaStatusDispatchProps, ICheckBetaStatusStoreProps } from './check-beta-status.types';\nimport { IGetBetaInfoOptions } from 'widgets/beta-registration/modules/beta-manager/beta-manager-api';\n// actions\nimport { getBetaStatus } from './check-beta-status.actions';\nimport { getBetaInfo } from '../beta-manager';\n// components\nimport Approval from './check-beta-status.component';\n\nconst mapStateToProps = (state: State): ICheckBetaStatusStoreProps => {\n return {\n session: state.login?.loginSession,\n shouldInheritStyles: state.config.shouldInheritStyles,\n\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 loading: state.beta.loading,\n\n error: state.beta.error\n };\n};\n\nconst mapDispatchToProps = (dispatch: Function): ICheckBetaStatusDispatchProps => ({\n getBetaStatus: () => {\n dispatch(getBetaStatus());\n },\n getBetaInfo: (options: IGetBetaInfoOptions) => {\n dispatch(getBetaInfo(options));\n }\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(Approval);\n","import * as React from 'react';\n\nimport Spinner from 'components/spinner/spinner.component';\nimport { INELIGIBLE_OPERATION_ERROR } from '../beta-manager/beta-manager-store';\nimport { IPrePreCheckBetaStatusViewProps } from './pre-check-beta-status-view.container';\n\nexport class PreCheckBetaStatusView extends React.Component\n {translateKey(TEXT_KEYS.TITLE, { gameName })}\n
\n \n \n
\n \n
\n );\n }\n}\n\nexport default PreCheckBetaStatusView;\n","import { connect } from 'react-redux';\n\nimport { goToCheckBetaStatus } from './check-beta-status.actions';\nimport { setError } from '../beta-manager/beta-manager-store';\nimport { PreCheckBetaStatusView } from './pre-check-beta-status-view.component';\n\nexport interface IPrePreCheckBetaStatusViewProps {\n readonly setError: (errorType: Error) => void;\n readonly goToCheckBetaStatus: () => void;\n}\n\nconst mapDispatchToProps = {\n goToCheckBetaStatus,\n setError\n};\n\nexport default connect(null, mapDispatchToProps)(PreCheckBetaStatusView);\n","import CheckBetaStatus from './check-beta-status.container';\nimport PreCheckBetaStatusView from './pre-check-beta-status-view.container';\nimport { GO_TO_CHECK_BETA_STATUS } from './check-beta-status.constants';\n\nexport default CheckBetaStatus;\nexport {\n PreCheckBetaStatusView,\n GO_TO_CHECK_BETA_STATUS\n};\n","import * as React from 'react';\n\n// components\nimport BaseScreen from '../../modules/base-screen';\nimport CheckBetaStatus from '../../modules/check-beta-status';\n\nconst CheckBetaStatusScreen: React.FC = () => (\n {warningText}
: null;\n };\n\n public render() {\n const {\n dangerouslyTranslateWithHTML: translateKey,\n isNDASigned,\n ndaContent,\n shouldInheritStyles\n } = this.props;\n const title = translateKey(TEXT_KEYS.TITLE);\n const acceptLabelText = translateKey(TEXT_KEYS.ACCEPT_LABEL);\n const buttonText = translateKey(TEXT_KEYS.BUTTON_CONTINUE);\n const warningText = translateKey(TEXT_KEYS.WARNING);\n const nda = ndaContent.replace(/\\\\n/g, '\\n').replace(/\\\\\"/g, '\"');\n const baseClassName = getModeClass('sitegen-sign-nda', shouldInheritStyles);\n const extendedClassName = shouldInheritStyles ? `nonDisclosureAgreement ${baseClassName}` : baseClassName;\n return (\n \n \n \n
\n }\n inheritBlock={\n {title}
\n\n
\n }\n />\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 CheckBetaStatusScreen from '../screens/check-beta-status';\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 { PreCheckBetaStatusView, GO_TO_CHECK_BETA_STATUS } from '../modules/check-beta-status';\nimport { PreLandingView, GO_TO_LANDING, GO_TO_NDA } from '../modules/landing';\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_CHECK_BETA_STATUS,\n STEP_PRE_LANDING,\n STEP_PRE_CHECK_STATUS_INELIGIBLE_ERROR,\n STEP_LANDING,\n STEP_REGISTER_PLAYER_FOR_BETA\n} from './router.constants';\nimport {\n BETA_SET_ERROR,\n BETA_UPDATE_PLAYER_PROFILE,\n GetBetaInfo,\n ApprovalForBetaContainer,\n REGISTER_PLAYER_FOR_BETA_COMPLETED,\n RegisterForBetaContainer\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/check-beta-status/check-beta-status.actions';\nimport { SET_PLATFORMS } from '../modules/platform-selection/platform-selection.constants';\nimport { setPlatforms } from '../modules/platform-selection/platform-selection.actions';\n\nconst commonTransitions = {\n [LOG_OUT_DONE]: { STEP_ADMIN_LOGIN },\n [BETA_SET_ERROR]: { STEP_ERROR }\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={) => Boolean(action.payload.session),\n [STEP_LOGIN]: (action: ReturnType) => !action.payload.session\n },\n [REGISTER_PLAYER_FOR_BETA_COMPLETED]: { STEP_SIGN_NDA }\n }}\n render={}\n />\n }\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_CHECK_BETA_STATUS = 'STEP_CHECK_BETA_STATUS';\nexport const STEP_PRE_CHECK_STATUS_INELIGIBLE_ERROR = 'STEP_PRE_CHECK_STATUS_INELIGIBLE_ERROR';\nexport const STEP_PRE_LANDING = 'STEP_PRE_LANDING';\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 checkReferralType,\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 private checkFriendListVisibility(): boolean {\n const { profile: { groups }, friendInvite } = this.props;\n const hasReferralType = checkReferralType(groups);\n const hasAbilityInviteFriends = !hasReferralType;\n\n return isFriendListVisible(hasAbilityInviteFriends, friendInvite?.enabled);\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