akkoma/priv/static/packs/flavours/glitch/async/blocks.js.map

{"version":3,"sources":["webpack:///app/javascript/builds/pleroma/mastofe/app/javascript/flavours/glitch/features/blocks/index.js"],"names":["messages","defineMessages","heading","id","defaultMessage","Blocks","connect","state","accountIds","getIn","injectIntl","e","_e$target","target","scrollTop","scrollHeight","clientHeight","_this","props","dispatch","expandBlocks","prevRouterProps","_ref","location","mastodonModalOpen","componentWillMount","this","fetchBlocks","render","_this$props","intl","Object","_babel_runtime_helpers_esm_jsx__WEBPACK_IMPORTED_MODULE_0__","flavours_glitch_features_ui_components_column__WEBPACK_IMPORTED_MODULE_10__","name","icon","formatMessage","flavours_glitch_components_column_back_button_slim__WEBPACK_IMPORTED_MODULE_11__","react_router_scroll_4__WEBPACK_IMPORTED_MODULE_9__","scrollKey","shouldUpdateScroll","className","onScroll","handleScroll","map","flavours_glitch_containers_account_container__WEBPACK_IMPORTED_MODULE_12__","flavours_glitch_components_loading_indicator__WEBPACK_IMPORTED_MODULE_8__","ImmutablePureComponent","params","PropTypes","object","isRequired","func","ImmutablePropTypes","list"],"mappings":"mSAaMA,EAAWC,YAAe,CAC9BC,QAAO,CAAAC,GAAA,gBAAAC,eAAA,mBASYC,EAFpBC,kBAJuB,SAAAC,GAAK,MAAK,CAChCC,WAAYD,EAAME,MAAM,CAAC,aAAc,SAAU,eAIlDC,2NAcgB,SAACC,GAAM,IAAAC,EAC8BD,EAAEE,OADhCD,EACZE,YADYF,EACDG,aADCH,EACaI,cAG/BC,EAAKC,MAAMC,SAASC,8EAIH,SAACC,EAADC,GAAmC,IAAfC,EAAeD,EAAfC,SACvC,UAAOF,GAAmB,IAAIE,UAAY,IAAIhB,OAAS,IAAIiB,qBAClDD,EAAShB,OAASgB,EAAShB,MAAMiB,mEAd5CC,mBAAA,WACEC,KAAKR,MAAMC,SAASQ,kBAgBtBC,OAAA,WAAU,IAAAC,EACqBH,KAAKR,MAA1BY,EADAD,EACAC,KAAMtB,EADNqB,EACMrB,WAEd,OAAKA,EASHuB,OAAAC,EAAA,EAAAD,CAACE,EAAA,EAAD,CAAQC,KAAK,SAASC,KAAK,MAAMjC,QAAS4B,EAAKM,cAAcpC,EAASE,eAAtE,EACE6B,OAAAC,EAAA,EAAAD,CAACM,EAAA,EAAD,IACAN,OAAAC,EAAA,EAAAD,CAACO,EAAA,EAAD,CAAiBC,UAAU,SAASC,mBAAoBd,KAAKc,yBAA7D,EACET,OAAAC,EAAA,EAAAD,CAAA,OAAKU,UAAU,aAAaC,SAAUhB,KAAKiB,mBAA3C,EACGnC,EAAWoC,IAAI,SAAAzC,GAAE,OAChB4B,OAAAC,EAAA,EAAAD,CAACc,EAAA,EAAD,CAA2B1C,GAAIA,GAARA,QAZ7B4B,OAAAC,EAAA,EAAAD,CAACE,EAAA,EAAD,UACEF,OAAAC,EAAA,EAAAD,CAACe,EAAA,EAAD,SAhC0BC,+BAEf,CACjBC,OAAQC,IAAUC,OAAOC,WACzBhC,SAAU8B,IAAUG,KAAKD,WACzB3C,WAAY6C,IAAmBC,KAC/BxB,KAAMmB,IAAUC,OAAOC","file":"flavours/glitch/async/blocks.js","sourcesContent":["import React from 'react';\nimport { connect } from 'react-redux';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport PropTypes from 'prop-types';\nimport LoadingIndicator from 'flavours/glitch/components/loading_indicator';\nimport { ScrollContainer } from 'react-router-scroll-4';\nimport Column from 'flavours/glitch/features/ui/components/column';\nimport ColumnBackButtonSlim from 'flavours/glitch/components/column_back_button_slim';\nimport AccountContainer from 'flavours/glitch/containers/account_container';\nimport { fetchBlocks, expandBlocks } from 'flavours/glitch/actions/blocks';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\n\nconst messages = defineMessages({\n  heading: { id: 'column.blocks', defaultMessage: 'Blocked users' },\n});\n\nconst mapStateToProps = state => ({\n  accountIds: state.getIn(['user_lists', 'blocks', 'items']),\n});\n\n@connect(mapStateToProps)\n@injectIntl\nexport default class Blocks extends ImmutablePureComponent {\n\n  static propTypes = {\n    params: PropTypes.object.isRequired,\n    dispatch: PropTypes.func.isRequired,\n    accountIds: ImmutablePropTypes.list,\n    intl: PropTypes.object.isRequired,\n  };\n\n  componentWillMount () {\n    this.props.dispatch(fetchBlocks());\n  }\n\n  handleScroll = (e) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.target;\n\n    if (scrollTop === scrollHeight - clientHeight) {\n      this.props.dispatch(expandBlocks());\n    }\n  }\n\n  shouldUpdateScroll = (prevRouterProps, { location }) => {\n    if ((((prevRouterProps || {}).location || {}).state || {}).mastodonModalOpen) return false;\n    return !(location.state && location.state.mastodonModalOpen);\n  }\n\n  render () {\n    const { intl, accountIds } = this.props;\n\n    if (!accountIds) {\n      return (\n        <Column>\n          <LoadingIndicator />\n        </Column>\n      );\n    }\n\n    return (\n      <Column name='blocks' icon='ban' heading={intl.formatMessage(messages.heading)}>\n        <ColumnBackButtonSlim />\n        <ScrollContainer scrollKey='blocks' shouldUpdateScroll={this.shouldUpdateScroll}>\n          <div className='scrollable' onScroll={this.handleScroll}>\n            {accountIds.map(id =>\n              <AccountContainer key={id} id={id} />\n            )}\n          </div>\n        </ScrollContainer>\n      </Column>\n    );\n  }\n\n}\n"],"sourceRoot":""}