-{"version":3,"sources":["webpack:///features/list_editor.js","webpack:///./app/javascript/mastodon/features/list_editor/index.js","webpack:///./app/javascript/mastodon/features/list_editor/components/account.js","webpack:///./app/javascript/mastodon/features/list_editor/components/search.js"],"names":["webpackJsonp","824","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","d","ListEditor","_dec","_class","_class2","_temp","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__","__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default","n","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__","__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default","__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__","__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default","__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__","__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default","__WEBPACK_IMPORTED_MODULE_4_react__","__WEBPACK_IMPORTED_MODULE_5_prop_types__","__WEBPACK_IMPORTED_MODULE_5_prop_types___default","__WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes__","__WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes___default","__WEBPACK_IMPORTED_MODULE_7_react_redux__","__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__","__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default","__WEBPACK_IMPORTED_MODULE_9_react_intl__","__WEBPACK_IMPORTED_MODULE_10__actions_lists__","__WEBPACK_IMPORTED_MODULE_11__components_account__","__WEBPACK_IMPORTED_MODULE_12__components_search__","__WEBPACK_IMPORTED_MODULE_13__ui_util_optional_motion__","__WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring__","__WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring___default","mapStateToProps","state","title","getIn","accountIds","searchAccountIds","mapDispatchToProps","dispatch","onInitialize","listId","onClear","onReset","_ImmutablePureCompone","this","apply","arguments","prototype","componentDidMount","_props","props","componentWillUnmount","render","_props2","showSearch","size","className","map","accountId","added","role","tabIndex","onClick","defaultStyle","x","style","stiffness","damping","_ref","transform","visibility","a","propTypes","string","isRequired","onClose","func","intl","object","list","970","Account","__WEBPACK_IMPORTED_MODULE_6_react_redux__","__WEBPACK_IMPORTED_MODULE_7__selectors__","__WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes__","__WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes___default","__WEBPACK_IMPORTED_MODULE_10__components_avatar__","__WEBPACK_IMPORTED_MODULE_11__components_display_name__","__WEBPACK_IMPORTED_MODULE_12__components_icon_button__","__WEBPACK_IMPORTED_MODULE_13_react_intl__","__WEBPACK_IMPORTED_MODULE_14__actions_lists__","messages","remove","id","defaultMessage","add","makeMapStateToProps","getAccount","account","includes","_ref2","onRemove","onAdd","button","icon","formatMessage","bool","defaultProps","971","Search","__WEBPACK_IMPORTED_MODULE_4_react___default","__WEBPACK_IMPORTED_MODULE_5_react_redux__","__WEBPACK_IMPORTED_MODULE_6_react_intl__","__WEBPACK_IMPORTED_MODULE_7__actions_lists__","__WEBPACK_IMPORTED_MODULE_8_classnames__","__WEBPACK_IMPORTED_MODULE_8_classnames___default","search","onSubmit","onChange","_React$PureComponent","_this","_ret","_len","length","args","Array","_key","call","concat","handleChange","e","target","handleKeyUp","keyCode","handleClear","hasValue","display","type","onKeyUp","placeholder","active","aria-label","PureComponent"],"mappings":"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","file":"features/list_editor.js","sourcesContent":["webpackJsonp([24],{\n\n/***/ 824:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ListEditor; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7_react_redux__ = __webpack_require__(9);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_intl__ = __webpack_require__(6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__actions_lists__ = __webpack_require__(300);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_account__ = __webpack_require__(970);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_search__ = __webpack_require__(971);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__ui_util_optional_motion__ = __webpack_require__(28);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring__ = __webpack_require__(27);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring__);\n\n\n\n\n\nvar _dec, _class, _class2, _temp;\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n title: state.getIn(['listEditor', 'title']),\n accountIds: state.getIn(['listEditor', 'accounts', 'items']),\n searchAccountIds: state.getIn(['listEditor', 'suggestions', 'items'])\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onInitialize: function onInitialize(listId) {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_10__actions_lists__[\"z\" /* setupListEditor */])(listId));\n },\n onClear: function onClear() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_10__actions_lists__[\"t\" /* clearListSuggestions */])());\n },\n onReset: function onReset() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_10__actions_lists__[\"y\" /* resetListEditor */])());\n }\n };\n};\n\nvar ListEditor = (_dec = Object(__WEBPACK_IMPORTED_MODULE_7_react_redux__[\"connect\"])(mapStateToProps, mapDispatchToProps), _dec(_class = Object(__WEBPACK_IMPORTED_MODULE_9_react_intl__[\"g\" /* injectIntl */])(_class = (_temp = _class2 = function (_ImmutablePureCompone) {\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(ListEditor, _ImmutablePureCompone);\n\n function ListEditor() {\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, ListEditor);\n\n return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _ImmutablePureCompone.apply(this, arguments));\n }\n\n ListEditor.prototype.componentDidMount = function componentDidMount() {\n var _props = this.props,\n onInitialize = _props.onInitialize,\n listId = _props.listId;\n\n onInitialize(listId);\n };\n\n ListEditor.prototype.componentWillUnmount = function componentWillUnmount() {\n var onReset = this.props.onReset;\n\n onReset();\n };\n\n ListEditor.prototype.render = function render() {\n var _props2 = this.props,\n title = _props2.title,\n accountIds = _props2.accountIds,\n searchAccountIds = _props2.searchAccountIds,\n onClear = _props2.onClear;\n\n var showSearch = searchAccountIds.size > 0;\n\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'modal-root__modal list-editor'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('h4', {}, void 0, title), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_12__components_search__[\"a\" /* default */], {}), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'drawer__pager'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'drawer__inner list-editor__accounts'\n }, void 0, accountIds.map(function (accountId) {\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_11__components_account__[\"a\" /* default */], {\n accountId: accountId,\n added: true\n }, accountId);\n })), showSearch && __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n role: 'button',\n tabIndex: '-1',\n className: 'drawer__backdrop',\n onClick: onClear\n }), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_13__ui_util_optional_motion__[\"a\" /* default */], {\n defaultStyle: { x: -100 },\n style: { x: __WEBPACK_IMPORTED_MODULE_14_react_motion_lib_spring___default()(showSearch ? 0 : -100, { stiffness: 210, damping: 20 }) }\n }, void 0, function (_ref) {\n var x = _ref.x;\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'drawer__inner backdrop',\n style: { transform: x === 0 ? null : 'translateX(' + x + '%)', visibility: x === -100 ? 'hidden' : 'visible' }\n }, void 0, searchAccountIds.map(function (accountId) {\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_11__components_account__[\"a\" /* default */], {\n accountId: accountId\n }, accountId);\n }));\n })));\n };\n\n return ListEditor;\n}(__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default.a), _class2.propTypes = {\n listId: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string.isRequired,\n onClose: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n intl: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object.isRequired,\n onInitialize: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n onClear: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n onReset: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n title: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.string.isRequired,\n accountIds: __WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes___default.a.list.isRequired,\n searchAccountIds: __WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes___default.a.list.isRequired\n}, _temp)) || _class) || _class);\n\n\n/***/ }),\n\n/***/ 970:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return Account; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types__ = __webpack_require__(5);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5_prop_types__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_redux__ = __webpack_require__(9);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__selectors__ = __webpack_require__(66);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__ = __webpack_require__(12);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes__ = __webpack_require__(13);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_avatar__ = __webpack_require__(56);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_display_name__ = __webpack_require__(55);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_icon_button__ = __webpack_require__(23);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13_react_intl__ = __webpack_require__(6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__actions_lists__ = __webpack_require__(300);\n\n\n\n\n\nvar _dec, _class, _class2, _temp;\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar messages = Object(__WEBPACK_IMPORTED_MODULE_13_react_intl__[\"f\" /* defineMessages */])({\n remove: {\n 'id': 'lists.account.remove',\n 'defaultMessage': 'Remove from list'\n },\n add: {\n 'id': 'lists.account.add',\n 'defaultMessage': 'Add to list'\n }\n});\n\nvar makeMapStateToProps = function makeMapStateToProps() {\n var getAccount = Object(__WEBPACK_IMPORTED_MODULE_7__selectors__[\"c\" /* makeGetAccount */])();\n\n var mapStateToProps = function mapStateToProps(state, _ref) {\n var accountId = _ref.accountId,\n added = _ref.added;\n return {\n account: getAccount(state, accountId),\n added: typeof added === 'undefined' ? state.getIn(['listEditor', 'accounts', 'items']).includes(accountId) : added\n };\n };\n\n return mapStateToProps;\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch, _ref2) {\n var accountId = _ref2.accountId;\n return {\n onRemove: function onRemove() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_14__actions_lists__[\"x\" /* removeFromListEditor */])(accountId));\n },\n onAdd: function onAdd() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_14__actions_lists__[\"r\" /* addToListEditor */])(accountId));\n }\n };\n};\n\nvar Account = (_dec = Object(__WEBPACK_IMPORTED_MODULE_6_react_redux__[\"connect\"])(makeMapStateToProps, mapDispatchToProps), _dec(_class = Object(__WEBPACK_IMPORTED_MODULE_13_react_intl__[\"g\" /* injectIntl */])(_class = (_temp = _class2 = function (_ImmutablePureCompone) {\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Account, _ImmutablePureCompone);\n\n function Account() {\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Account);\n\n return __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _ImmutablePureCompone.apply(this, arguments));\n }\n\n Account.prototype.render = function render() {\n var _props = this.props,\n account = _props.account,\n intl = _props.intl,\n onRemove = _props.onRemove,\n onAdd = _props.onAdd,\n added = _props.added;\n\n\n var button = void 0;\n\n if (added) {\n button = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_12__components_icon_button__[\"a\" /* default */], {\n icon: 'times',\n title: intl.formatMessage(messages.remove),\n onClick: onRemove\n });\n } else {\n button = __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_12__components_icon_button__[\"a\" /* default */], {\n icon: 'plus',\n title: intl.formatMessage(messages.add),\n onClick: onAdd\n });\n }\n\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'account'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'account__wrapper'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'account__display-name'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'account__avatar-wrapper'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_10__components_avatar__[\"a\" /* default */], {\n account: account,\n size: 36\n })), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()(__WEBPACK_IMPORTED_MODULE_11__components_display_name__[\"a\" /* default */], {\n account: account\n })), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'account__relationship'\n }, void 0, button)));\n };\n\n return Account;\n}(__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default.a), _class2.propTypes = {\n account: __WEBPACK_IMPORTED_MODULE_9_react_immutable_proptypes___default.a.map.isRequired,\n intl: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.object.isRequired,\n onRemove: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n onAdd: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.func.isRequired,\n added: __WEBPACK_IMPORTED_MODULE_5_prop_types___default.a.bool\n}, _class2.defaultProps = {\n added: false\n}, _temp)) || _class) || _class);\n\n\n/***/ }),\n\n/***/ 971:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"a\", function() { return Search; });\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__ = __webpack_require__(2);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__ = __webpack_require__(1);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__ = __webpack_require__(3);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__ = __webpack_require__(4);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react__ = __webpack_require__(0);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react__);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_react_redux__ = __webpack_require__(9);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react_intl__ = __webpack_require__(6);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__actions_lists__ = __webpack_require__(300);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames__ = __webpack_require__(10);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_classnames___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_classnames__);\n\n\n\n\n\nvar _dec, _class;\n\n\n\n\n\n\n\n\nvar messages = Object(__WEBPACK_IMPORTED_MODULE_6_react_intl__[\"f\" /* defineMessages */])({\n search: {\n 'id': 'lists.search',\n 'defaultMessage': 'Search among people you follow'\n }\n});\n\nvar mapStateToProps = function mapStateToProps(state) {\n return {\n value: state.getIn(['listEditor', 'suggestions', 'value'])\n };\n};\n\nvar mapDispatchToProps = function mapDispatchToProps(dispatch) {\n return {\n onSubmit: function onSubmit(value) {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_7__actions_lists__[\"w\" /* fetchListSuggestions */])(value));\n },\n onClear: function onClear() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_7__actions_lists__[\"t\" /* clearListSuggestions */])());\n },\n onChange: function onChange(value) {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_7__actions_lists__[\"s\" /* changeListSuggestions */])(value));\n }\n };\n};\n\nvar Search = (_dec = Object(__WEBPACK_IMPORTED_MODULE_5_react_redux__[\"connect\"])(mapStateToProps, mapDispatchToProps), _dec(_class = Object(__WEBPACK_IMPORTED_MODULE_6_react_intl__[\"g\" /* injectIntl */])(_class = function (_React$PureComponent) {\n __WEBPACK_IMPORTED_MODULE_3_babel_runtime_helpers_inherits___default()(Search, _React$PureComponent);\n\n function Search() {\n var _temp, _this, _ret;\n\n __WEBPACK_IMPORTED_MODULE_1_babel_runtime_helpers_classCallCheck___default()(this, Search);\n\n for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return _ret = (_temp = (_this = __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(this, _React$PureComponent.call.apply(_React$PureComponent, [this].concat(args))), _this), _this.handleChange = function (e) {\n _this.props.onChange(e.target.value);\n }, _this.handleKeyUp = function (e) {\n if (e.keyCode === 13) {\n _this.props.onSubmit(_this.props.value);\n }\n }, _this.handleClear = function () {\n _this.props.onClear();\n }, _temp), __WEBPACK_IMPORTED_MODULE_2_babel_runtime_helpers_possibleConstructorReturn___default()(_this, _ret);\n }\n\n Search.prototype.render = function render() {\n var _props = this.props,\n value = _props.value,\n intl = _props.intl;\n\n var hasValue = value.length > 0;\n\n return __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n className: 'list-editor__search search'\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('label', {}, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('span', {\n style: { display: 'none' }\n }, void 0, intl.formatMessage(messages.search)), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('input', {\n className: 'search__input',\n type: 'text',\n value: value,\n onChange: this.handleChange,\n onKeyUp: this.handleKeyUp,\n placeholder: intl.formatMessage(messages.search)\n })), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('div', {\n role: 'button',\n tabIndex: '0',\n className: 'search__icon',\n onClick: this.handleClear\n }, void 0, __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('i', {\n className: __WEBPACK_IMPORTED_MODULE_8_classnames___default()('fa fa-search', { active: !hasValue })\n }), __WEBPACK_IMPORTED_MODULE_0_babel_runtime_helpers_jsx___default()('i', {\n 'aria-label': intl.formatMessage(messages.search),\n className: __WEBPACK_IMPORTED_MODULE_8_classnames___default()('fa fa-times-circle', { active: hasValue })\n })));\n };\n\n return Search;\n}(__WEBPACK_IMPORTED_MODULE_4_react___default.a.PureComponent)) || _class) || _class);\n\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// features/list_editor.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { connect } from 'react-redux';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { injectIntl } from 'react-intl';\nimport { setupListEditor, clearListSuggestions, resetListEditor } from '../../actions/lists';\nimport Account from './components/account';\nimport Search from './components/search';\nimport Motion from '../ui/util/optional_motion';\nimport spring from 'react-motion/lib/spring';\n\nconst mapStateToProps = state => ({\n title: state.getIn(['listEditor', 'title']),\n accountIds: state.getIn(['listEditor', 'accounts', 'items']),\n searchAccountIds: state.getIn(['listEditor', 'suggestions', 'items']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onInitialize: listId => dispatch(setupListEditor(listId)),\n onClear: () => dispatch(clearListSuggestions()),\n onReset: () => dispatch(resetListEditor()),\n});\n\n@connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nexport default class ListEditor extends ImmutablePureComponent {\n\n static propTypes = {\n listId: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n onInitialize: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n onReset: PropTypes.func.isRequired,\n title: PropTypes.string.isRequired,\n accountIds: ImmutablePropTypes.list.isRequired,\n searchAccountIds: ImmutablePropTypes.list.isRequired,\n };\n\n componentDidMount () {\n const { onInitialize, listId } = this.props;\n onInitialize(listId);\n }\n\n componentWillUnmount () {\n const { onReset } = this.props;\n onReset();\n }\n\n render () {\n const { title, accountIds, searchAccountIds, onClear } = this.props;\n const showSearch = searchAccountIds.size > 0;\n\n return (\n <div className='modal-root__modal list-editor'>\n <h4>{title}</h4>\n\n <Search />\n\n <div className='drawer__pager'>\n <div className='drawer__inner list-editor__accounts'>\n {accountIds.map(accountId => <Account key={accountId} accountId={accountId} added />)}\n </div>\n\n {showSearch && <div role='button' tabIndex='-1' className='drawer__backdrop' onClick={onClear} />}\n\n <Motion defaultStyle={{ x: -100 }} style={{ x: spring(showSearch ? 0 : -100, { stiffness: 210, damping: 20 }) }}>\n {({ x }) => (\n <div className='drawer__inner backdrop' style={{ transform: x === 0 ? null : `translateX(${x}%)`, visibility: x === -100 ? 'hidden' : 'visible' }}>\n {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} />)}\n </div>\n )}\n </Motion>\n </div>\n </div>\n );\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./app/javascript/mastodon/features/list_editor/index.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { makeGetAccount } from '../../../selectors';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Avatar from '../../../components/avatar';\nimport DisplayName from '../../../components/display_name';\nimport IconButton from '../../../components/icon_button';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport { removeFromListEditor, addToListEditor } from '../../../actions/lists';\n\nconst messages = defineMessages({\n remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },\n add: { id: 'lists.account.add', defaultMessage: 'Add to list' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = (state, { accountId, added }) => ({\n account: getAccount(state, accountId),\n added: typeof added === 'undefined' ? state.getIn(['listEditor', 'accounts', 'items']).includes(accountId) : added,\n });\n\n return mapStateToProps;\n};\n\nconst mapDispatchToProps = (dispatch, { accountId }) => ({\n onRemove: () => dispatch(removeFromListEditor(accountId)),\n onAdd: () => dispatch(addToListEditor(accountId)),\n});\n\n@connect(makeMapStateToProps, mapDispatchToProps)\n@injectIntl\nexport default class Account extends ImmutablePureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n intl: PropTypes.object.isRequired,\n onRemove: PropTypes.func.isRequired,\n onAdd: PropTypes.func.isRequired,\n added: PropTypes.bool,\n };\n\n static defaultProps = {\n added: false,\n };\n\n render () {\n const { account, intl, onRemove, onAdd, added } = this.props;\n\n let button;\n\n if (added) {\n button = <IconButton icon='times' title={intl.formatMessage(messages.remove)} onClick={onRemove} />;\n } else {\n button = <IconButton icon='plus' title={intl.formatMessage(messages.add)} onClick={onAdd} />;\n }\n\n return (\n <div className='account'>\n <div className='account__wrapper'>\n <div className='account__display-name'>\n <div className='account__avatar-wrapper'><Avatar account={account} size={36} /></div>\n <DisplayName account={account} />\n </div>\n\n <div className='account__relationship'>\n {button}\n </div>\n </div>\n </div>\n );\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./app/javascript/mastodon/features/list_editor/components/account.js","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport { fetchListSuggestions, clearListSuggestions, changeListSuggestions } from '../../../actions/lists';\nimport classNames from 'classnames';\n\nconst messages = defineMessages({\n search: { id: 'lists.search', defaultMessage: 'Search among people you follow' },\n});\n\nconst mapStateToProps = state => ({\n value: state.getIn(['listEditor', 'suggestions', 'value']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onSubmit: value => dispatch(fetchListSuggestions(value)),\n onClear: () => dispatch(clearListSuggestions()),\n onChange: value => dispatch(changeListSuggestions(value)),\n});\n\n@connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nexport default class Search extends React.PureComponent {\n\n static propTypes = {\n intl: PropTypes.object.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n };\n\n handleChange = e => {\n this.props.onChange(e.target.value);\n }\n\n handleKeyUp = e => {\n if (e.keyCode === 13) {\n this.props.onSubmit(this.props.value);\n }\n }\n\n handleClear = () => {\n this.props.onClear();\n }\n\n render () {\n const { value, intl } = this.props;\n const hasValue = value.length > 0;\n\n return (\n <div className='list-editor__search search'>\n <label>\n <span style={{ display: 'none' }}>{intl.formatMessage(messages.search)}</span>\n\n <input\n className='search__input'\n type='text'\n value={value}\n onChange={this.handleChange}\n onKeyUp={this.handleKeyUp}\n placeholder={intl.formatMessage(messages.search)}\n />\n </label>\n\n <div role='button' tabIndex='0' className='search__icon' onClick={this.handleClear}>\n <i className={classNames('fa fa-search', { active: !hasValue })} />\n <i aria-label={intl.formatMessage(messages.search)} className={classNames('fa fa-times-circle', { active: hasValue })} />\n </div>\n </div>\n );\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// ./app/javascript/mastodon/features/list_editor/components/search.js"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"sources":["webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/list_editor/components/account.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/list_editor/components/search.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/list_editor/components/edit_list_form.js","webpack:///app/javascript/tank/sources/git/git.pleroma.social/pleroma/mastofe/app/javascript/mastodon/features/list_editor/index.js"],"names":["messages","defineMessages","remove","add","Account","connect","getAccount","makeGetAccount","state","accountId","added","account","getIn","includes","dispatch","onRemove","removeFromListEditor","onAdd","addToListEditor","injectIntl","render","button","this","props","intl","icon","title","formatMessage","onClick","className","size","ImmutablePureComponent","ImmutablePropTypes","map","isRequired","PropTypes","object","func","bool","search","Search","value","onSubmit","fetchListSuggestions","onClear","clearListSuggestions","onChange","changeListSuggestions","e","target","keyCode","hasValue","length","style","display","type","handleChange","onKeyUp","handleKeyUp","placeholder","role","tabIndex","handleClear","id","classNames","active","aria-label","React","PureComponent","ListForm","disabled","changeListEditorTitle","submitListEditor","preventDefault","handleSubmit","handleClick","ListEditor","accountIds","searchAccountIds","onInitialize","listId","setupListEditor","onReset","resetListEditor","componentDidMount","componentWillUnmount","showSearch","defaultStyle","x","spring","stiffness","damping","transform","visibility","string","onClose","list"],"mappings":"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","file":"features/list_editor.js","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { makeGetAccount } from '../../../selectors';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport Avatar from '../../../components/avatar';\nimport DisplayName from '../../../components/display_name';\nimport IconButton from '../../../components/icon_button';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport { removeFromListEditor, addToListEditor } from '../../../actions/lists';\n\nconst messages = defineMessages({\n remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },\n add: { id: 'lists.account.add', defaultMessage: 'Add to list' },\n});\n\nconst makeMapStateToProps = () => {\n const getAccount = makeGetAccount();\n\n const mapStateToProps = (state, { accountId, added }) => ({\n account: getAccount(state, accountId),\n added: typeof added === 'undefined' ? state.getIn(['listEditor', 'accounts', 'items']).includes(accountId) : added,\n });\n\n return mapStateToProps;\n};\n\nconst mapDispatchToProps = (dispatch, { accountId }) => ({\n onRemove: () => dispatch(removeFromListEditor(accountId)),\n onAdd: () => dispatch(addToListEditor(accountId)),\n});\n\nexport default @connect(makeMapStateToProps, mapDispatchToProps)\n@injectIntl\nclass Account extends ImmutablePureComponent {\n\n static propTypes = {\n account: ImmutablePropTypes.map.isRequired,\n intl: PropTypes.object.isRequired,\n onRemove: PropTypes.func.isRequired,\n onAdd: PropTypes.func.isRequired,\n added: PropTypes.bool,\n };\n\n static defaultProps = {\n added: false,\n };\n\n render () {\n const { account, intl, onRemove, onAdd, added } = this.props;\n\n let button;\n\n if (added) {\n button = <IconButton icon='times' title={intl.formatMessage(messages.remove)} onClick={onRemove} />;\n } else {\n button = <IconButton icon='plus' title={intl.formatMessage(messages.add)} onClick={onAdd} />;\n }\n\n return (\n <div className='account'>\n <div className='account__wrapper'>\n <div className='account__display-name'>\n <div className='account__avatar-wrapper'><Avatar account={account} size={36} /></div>\n <DisplayName account={account} />\n </div>\n\n <div className='account__relationship'>\n {button}\n </div>\n </div>\n </div>\n );\n }\n\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { defineMessages, injectIntl } from 'react-intl';\nimport { fetchListSuggestions, clearListSuggestions, changeListSuggestions } from '../../../actions/lists';\nimport classNames from 'classnames';\nimport Icon from 'mastodon/components/icon';\n\nconst messages = defineMessages({\n search: { id: 'lists.search', defaultMessage: 'Search among people you follow' },\n});\n\nconst mapStateToProps = state => ({\n value: state.getIn(['listEditor', 'suggestions', 'value']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onSubmit: value => dispatch(fetchListSuggestions(value)),\n onClear: () => dispatch(clearListSuggestions()),\n onChange: value => dispatch(changeListSuggestions(value)),\n});\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass Search extends React.PureComponent {\n\n static propTypes = {\n intl: PropTypes.object.isRequired,\n value: PropTypes.string.isRequired,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n };\n\n handleChange = e => {\n this.props.onChange(e.target.value);\n }\n\n handleKeyUp = e => {\n if (e.keyCode === 13) {\n this.props.onSubmit(this.props.value);\n }\n }\n\n handleClear = () => {\n this.props.onClear();\n }\n\n render () {\n const { value, intl } = this.props;\n const hasValue = value.length > 0;\n\n return (\n <div className='list-editor__search search'>\n <label>\n <span style={{ display: 'none' }}>{intl.formatMessage(messages.search)}</span>\n\n <input\n className='search__input'\n type='text'\n value={value}\n onChange={this.handleChange}\n onKeyUp={this.handleKeyUp}\n placeholder={intl.formatMessage(messages.search)}\n />\n </label>\n\n <div role='button' tabIndex='0' className='search__icon' onClick={this.handleClear}>\n <Icon id='search' className={classNames({ active: !hasValue })} />\n <Icon id='times-circle' aria-label={intl.formatMessage(messages.search)} className={classNames({ active: hasValue })} />\n </div>\n </div>\n );\n }\n\n}\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PropTypes from 'prop-types';\nimport { changeListEditorTitle, submitListEditor } from '../../../actions/lists';\nimport IconButton from '../../../components/icon_button';\nimport { defineMessages, injectIntl } from 'react-intl';\n\nconst messages = defineMessages({\n title: { id: 'lists.edit.submit', defaultMessage: 'Change title' },\n});\n\nconst mapStateToProps = state => ({\n value: state.getIn(['listEditor', 'title']),\n disabled: !state.getIn(['listEditor', 'isChanged']) || !state.getIn(['listEditor', 'title']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onChange: value => dispatch(changeListEditorTitle(value)),\n onSubmit: () => dispatch(submitListEditor(false)),\n});\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass ListForm extends React.PureComponent {\n\n static propTypes = {\n value: PropTypes.string.isRequired,\n disabled: PropTypes.bool,\n intl: PropTypes.object.isRequired,\n onChange: PropTypes.func.isRequired,\n onSubmit: PropTypes.func.isRequired,\n };\n\n handleChange = e => {\n this.props.onChange(e.target.value);\n }\n\n handleSubmit = e => {\n e.preventDefault();\n this.props.onSubmit();\n }\n\n handleClick = () => {\n this.props.onSubmit();\n }\n\n render () {\n const { value, disabled, intl } = this.props;\n\n const title = intl.formatMessage(messages.title);\n\n return (\n <form className='column-inline-form' onSubmit={this.handleSubmit}>\n <input\n className='setting-text'\n value={value}\n onChange={this.handleChange}\n />\n\n <IconButton\n disabled={disabled}\n icon='check'\n title={title}\n onClick={this.handleClick}\n />\n </form>\n );\n }\n\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport ImmutablePropTypes from 'react-immutable-proptypes';\nimport { connect } from 'react-redux';\nimport ImmutablePureComponent from 'react-immutable-pure-component';\nimport { injectIntl } from 'react-intl';\nimport { setupListEditor, clearListSuggestions, resetListEditor } from '../../actions/lists';\nimport Account from './components/account';\nimport Search from './components/search';\nimport EditListForm from './components/edit_list_form';\nimport Motion from '../ui/util/optional_motion';\nimport spring from 'react-motion/lib/spring';\n\nconst mapStateToProps = state => ({\n accountIds: state.getIn(['listEditor', 'accounts', 'items']),\n searchAccountIds: state.getIn(['listEditor', 'suggestions', 'items']),\n});\n\nconst mapDispatchToProps = dispatch => ({\n onInitialize: listId => dispatch(setupListEditor(listId)),\n onClear: () => dispatch(clearListSuggestions()),\n onReset: () => dispatch(resetListEditor()),\n});\n\nexport default @connect(mapStateToProps, mapDispatchToProps)\n@injectIntl\nclass ListEditor extends ImmutablePureComponent {\n\n static propTypes = {\n listId: PropTypes.string.isRequired,\n onClose: PropTypes.func.isRequired,\n intl: PropTypes.object.isRequired,\n onInitialize: PropTypes.func.isRequired,\n onClear: PropTypes.func.isRequired,\n onReset: PropTypes.func.isRequired,\n accountIds: ImmutablePropTypes.list.isRequired,\n searchAccountIds: ImmutablePropTypes.list.isRequired,\n };\n\n componentDidMount () {\n const { onInitialize, listId } = this.props;\n onInitialize(listId);\n }\n\n componentWillUnmount () {\n const { onReset } = this.props;\n onReset();\n }\n\n render () {\n const { accountIds, searchAccountIds, onClear } = this.props;\n const showSearch = searchAccountIds.size > 0;\n\n return (\n <div className='modal-root__modal list-editor'>\n <EditListForm />\n\n <Search />\n\n <div className='drawer__pager'>\n <div className='drawer__inner list-editor__accounts'>\n {accountIds.map(accountId => <Account key={accountId} accountId={accountId} added />)}\n </div>\n\n {showSearch && <div role='button' tabIndex='-1' className='drawer__backdrop' onClick={onClear} />}\n\n <Motion defaultStyle={{ x: -100 }} style={{ x: spring(showSearch ? 0 : -100, { stiffness: 210, damping: 20 }) }}>\n {({ x }) => (\n <div className='drawer__inner backdrop' style={{ transform: x === 0 ? null : `translateX(${x}%)`, visibility: x === -100 ? 'hidden' : 'visible' }}>\n {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} />)}\n </div>\n )}\n </Motion>\n </div>\n </div>\n );\n }\n\n}\n"],"sourceRoot":""}
\ No newline at end of file
projects / akkoma / blobdiff