1 line
No EOL
40 KiB
Text
1 line
No EOL
40 KiB
Text
{"version":3,"sources":["webpack:///features/list_editor.js","webpack:///./app/javascript/mastodon/features/list_editor/components/account.js","webpack:///./app/javascript/mastodon/features/list_editor/components/search.js","webpack:///./app/javascript/mastodon/features/list_editor/index.js"],"names":["webpackJsonp","1010","module","__webpack_exports__","__webpack_require__","d","Account","_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_redux__","__WEBPACK_IMPORTED_MODULE_7__selectors__","__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component__","__WEBPACK_IMPORTED_MODULE_8_react_immutable_pure_component___default","__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","Object","remove","id","defaultMessage","add","makeMapStateToProps","getAccount","state","_ref","accountId","added","account","getIn","includes","mapDispatchToProps","dispatch","_ref2","onRemove","onAdd","_ImmutablePureCompone","this","apply","arguments","prototype","render","_props","props","intl","button","icon","title","formatMessage","onClick","className","size","a","propTypes","map","isRequired","object","func","bool","defaultProps","1011","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","mapStateToProps","value","onSubmit","onClear","onChange","_React$PureComponent","_this","_ret","_len","length","args","Array","_key","call","concat","handleChange","e","target","handleKeyUp","keyCode","handleClear","hasValue","style","display","type","onKeyUp","placeholder","role","tabIndex","active","aria-label","PureComponent","838","defineProperty","ListEditor","__WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes__","__WEBPACK_IMPORTED_MODULE_6_react_immutable_proptypes___default","__WEBPACK_IMPORTED_MODULE_7_react_redux__","__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","accountIds","searchAccountIds","onInitialize","listId","onReset","componentDidMount","componentWillUnmount","_props2","showSearch","defaultStyle","x","stiffness","damping","transform","visibility","string","onClose","list"],"mappings":"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","file":"features/list_editor.js","sourcesContent":["webpackJsonp([31],{\n\n/***/ 1010:\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__(67);\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__(14);\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__(54);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_display_name__ = __webpack_require__(53);\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__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__actions_lists__ = __webpack_require__(96);\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__[\"D\" /* removeFromListEditor */])(accountId));\n },\n onAdd: function onAdd() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_14__actions_lists__[\"v\" /* 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/***/ 1011:\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__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__actions_lists__ = __webpack_require__(96);\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__[\"B\" /* fetchListSuggestions */])(value));\n },\n onClear: function onClear() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_7__actions_lists__[\"y\" /* clearListSuggestions */])());\n },\n onChange: function onChange(value) {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_7__actions_lists__[\"x\" /* 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/***/ 838:\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__(14);\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__(7);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__actions_lists__ = __webpack_require__(96);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_account__ = __webpack_require__(1010);\n/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_search__ = __webpack_require__(1011);\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__[\"F\" /* setupListEditor */])(listId));\n },\n onClear: function onClear() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_10__actions_lists__[\"y\" /* clearListSuggestions */])());\n },\n onReset: function onReset() {\n return dispatch(Object(__WEBPACK_IMPORTED_MODULE_10__actions_lists__[\"E\" /* 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});\n\n\n// WEBPACK FOOTER //\n// features/list_editor.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","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"],"sourceRoot":""} |