poi-plugin-item-improvement2 0.0.1

package/views/mat-row.js

@@ -0,0 +1,153 @@
+"use strict";
+
+exports.__esModule = true;
+exports.MatRow = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactFontawesome = _interopRequireDefault(require("react-fontawesome"));
+
+var _icon = require("views/components/etc/icon");
+
+var _useitemIcon = require("./useitem-icon");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+const {
+  __: __r
+} = window.i18n.resources;
+const WEEKDAY = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+
+const ItemIcon = (_ref) => {
+  let {
+    item
+  } = _ref,
+      props = _objectWithoutProperties(_ref, ["item"]);
+
+  return item.type === 'useitem' ? _react.default.createElement(_useitemIcon.UseitemIcon, _extends({
+    useitemId: item.icon,
+    className: 'useitem'
+  }, props)) : _react.default.createElement(_icon.SlotitemIcon, _extends({
+    slotitemId: item.icon,
+    className: "equip-icon"
+  }, props));
+};
+
+ItemIcon.propTypes = {
+  item: _propTypes.default.shape({
+    type: _propTypes.default.string.isRequired,
+    icon: _propTypes.default.number.isRequired
+  }).isRequired // React Elements
+
+};
+
+const MatRow = ({
+  stage,
+  day,
+  assistants,
+  upgrade,
+  items,
+  development,
+  improvement
+}) => {
+  const rowCnt = upgrade.icon ? 3 : 2;
+  let hishoCol = '';
+
+  if (day === -1) {
+    hishoCol = assistants.map(hisho => {
+      let days = [];
+      hisho.day.forEach((v, i) => {
+        if (v) days.push(__(WEEKDAY[i]));
+      });
+
+      if (days.length === 7) {
+        days = '';
+      } else {
+        days = `(${days.join(' / ')})`;
+      }
+
+      return _react.default.createElement("div", {
+        className: "hisho-col",
+        key: hisho.name
+      }, hisho.name, _react.default.createElement("br", null), _react.default.createElement("span", {
+        className: "available-days"
+      }, days));
+    });
+  } else {
+    hishoCol = assistants.map(hisho => _react.default.createElement("div", {
+      key: hisho.name
+    }, hisho.name));
+  }
+
+  let stageRow = '';
+  let star = '';
+
+  switch (stage) {
+    case 0:
+      stageRow = _react.default.createElement("span", null, _react.default.createElement(_reactFontawesome.default, {
+        name: "star"
+      }), " 1 ~ ", _react.default.createElement(_reactFontawesome.default, {
+        name: "star"
+      }), " 6 ");
+      break;
+
+    case 1:
+      stageRow = _react.default.createElement("span", null, _react.default.createElement(_reactFontawesome.default, {
+        name: "star"
+      }), " 6 ~ ", _react.default.createElement(_reactFontawesome.default, {
+        name: "star"
+      }), " MAX ");
+      break;
+
+    case 2:
+      if (upgrade.level) {
+        star = _react.default.createElement("span", null, " ", _react.default.createElement(_reactFontawesome.default, {
+          name: "star"
+        }), ` ${upgrade.level}`);
+      }
+
+      stageRow = _react.default.createElement("div", null, _react.default.createElement(_icon.SlotitemIcon, {
+        slotitemId: upgrade.icon,
+        className: "equip-icon"
+      }), window.i18n.resources.__(upgrade.name), star);
+      break;
+
+    default:
+      console.error('unreachable code: stage is out of range');
+  }
+
+  return _react.default.createElement("tr", null, stage === 0 && _react.default.createElement("td", {
+    rowSpan: rowCnt
+  }, hishoCol), _react.default.createElement("td", null, stageRow), _react.default.createElement("td", null, development[0], "(", development[1], ")"), _react.default.createElement("td", null, improvement[0], "(", improvement[1], ")"), _react.default.createElement("td", null, _react.default.createElement("div", null, items.map(item => !!item.icon && _react.default.createElement("div", {
+    key: item.icon
+  }, item.count, " \xD7", _react.default.createElement(ItemIcon, {
+    item: item
+  }), __r(item.name), typeof item.available === 'number' && __('Available', item.available))))));
+};
+
+exports.MatRow = MatRow;
+MatRow.propTypes = {
+  day: _propTypes.default.number.isRequired,
+  development: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+  improvement: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+  stage: _propTypes.default.number.isRequired,
+  items: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  upgrade: _propTypes.default.shape({
+    level: _propTypes.default.number.isRequired,
+    icon: _propTypes.default.number.isRequired,
+    name: _propTypes.default.string.isRequired
+  }).isRequired,
+  assistants: _propTypes.default.arrayOf(_propTypes.default.shape({
+    day: _propTypes.default.arrayOf(_propTypes.default.bool).isRequired,
+    name: _propTypes.default.string.isRequired
+  })).isRequired
+};

package/views/selectors.js

@@ -0,0 +1,127 @@
+"use strict";
+
+exports.__esModule = true;
+exports.$shipsSelector = exports.itemLevelStatFactory = exports.improveItemIdsByDaySelector = exports.improvementDataSelector = exports.equipLevelStatSelector = exports.equipAvailableSelector = exports.starCraftPlanSelector = exports.adjustedRemodelChainsSelector = exports.shipUniqueMapSelector = exports.uniqueShipIdsSelector = void 0;
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _reselect = require("reselect");
+
+var _selectors = require("views/utils/selectors");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function loadNedbAsMap(nedbPath, key = 'id') {
+  try {
+    if (!_fs.default.existsSync(nedbPath)) {
+      console.warn('[nedb] file not found:', nedbPath);
+      return {};
+    }
+
+    const content = _fs.default.readFileSync(nedbPath, 'utf-8');
+
+    return (0, _lodash.default)(content.split('\n')).filter(Boolean).map(line => {
+      try {
+        return JSON.parse(line);
+      } catch (e) {
+        return null;
+      }
+    }).filter(Boolean).keyBy(key).value();
+  } catch (e) {
+    console.error('[nedb] load failed:', e);
+    return {};
+  }
+}
+
+const ourShipsSelector = (0, _reselect.createSelector)([_selectors.constSelector], ({
+  $ships = {}
+} = {}) => (0, _lodash.default)($ships).pickBy(({
+  api_sortno
+}) => Boolean(api_sortno)).value()); // the chain starts from each ship, thus incomplete if the ship is not the starting one
+// the adjustedRemodelChainsSelector will return complete chains for all ships
+
+const remodelChainsSelector = (0, _reselect.createSelector)([ourShipsSelector], $ships => (0, _lodash.default)($ships).mapValues(({
+  api_id: shipId
+}) => {
+  let current = $ships[shipId];
+  let next = +(current.api_aftershipid || 0);
+  let same = [shipId];
+
+  while (!same.includes(next) && next > 0) {
+    same = [...same, next];
+    current = $ships[next] || {};
+    next = +(current.api_aftershipid || 0);
+  }
+
+  return same;
+}).value());
+const beforeShipMapSelector = (0, _reselect.createSelector)([ourShipsSelector], $ships => (0, _lodash.default)($ships).filter(ship => +(ship.api_aftershipid || 0) > 0).map(ship => [ship.api_aftershipid, ship.api_id]).fromPairs().value());
+const uniqueShipIdsSelector = (0, _reselect.createSelector)([ourShipsSelector, beforeShipMapSelector], ($ships, beforeShipMap) => (0, _lodash.default)($ships).filter(({
+  api_id
+}) => !(api_id in beforeShipMap)) // eslint-disable-line camelcase
+.map(({
+  api_id
+}) => api_id) // eslint-disable-line camelcase
+.value());
+exports.uniqueShipIdsSelector = uniqueShipIdsSelector;
+const shipUniqueMapSelector = (0, _reselect.createSelector)([uniqueShipIdsSelector, remodelChainsSelector], (shipIds, chains) => (0, _lodash.default)(shipIds).flatMap(shipId => (0, _lodash.default)(chains[shipId]).map(id => [id, shipId]).value()).fromPairs().value());
+exports.shipUniqueMapSelector = shipUniqueMapSelector;
+const adjustedRemodelChainsSelector = (0, _reselect.createSelector)([remodelChainsSelector, shipUniqueMapSelector], (remodelChains, uniqueMap) => (0, _lodash.default)(uniqueMap).mapValues(uniqueId => remodelChains[uniqueId]).value());
+exports.adjustedRemodelChainsSelector = adjustedRemodelChainsSelector;
+const starCraftPlanSelector = (0, _reselect.createSelector)([_selectors.configSelector], config => _lodash.default.get(config, 'plugin.poi-plugin-starcraft.plans', {}));
+exports.starCraftPlanSelector = starCraftPlanSelector;
+const equipAvailableSelector = (0, _reselect.createSelector)([_selectors.equipsSelector], equips => (0, _lodash.default)(equips).filter({
+  'api_level': 0
+}).groupBy('api_slotitem_id').value());
+exports.equipAvailableSelector = equipAvailableSelector;
+const equipLevelStatSelector = (0, _reselect.createSelector)([_selectors.equipsSelector], equips => (0, _lodash.default)(equips).groupBy('api_slotitem_id').mapValues(items => (0, _lodash.default)(items).map(item => item.api_level || 0).value()).value()); // base data is dependent on wctf-db and const
+
+exports.equipLevelStatSelector = equipLevelStatSelector;
+const baseImprovementDataSelector = (0, _reselect.createSelector)([_selectors.wctfSelector, _selectors.constSelector, adjustedRemodelChainsSelector, shipUniqueMapSelector], (db, $const, chains, uniqMap) => {
+  // ✅ 仅此 selector 使用本地 nedb
+  const ARSENAL_NEDB_PATH = _path.default.join(__dirname, '../assets/arsenal.nedb');
+
+  const ITEMS_NEDB_PATH = _path.default.join(__dirname, '../assets/items.nedb');
+
+  const arsenalAll = loadNedbAsMap(ARSENAL_NEDB_PATH, 'id');
+  const itemsDb = loadNedbAsMap(ITEMS_NEDB_PATH, 'id');
+  return (0, _lodash.default)(arsenalAll).keys().map(itemId => {
+    const item = itemsDb[itemId] || {};
+    const assistants = (0, _lodash.default)(_lodash.default.range(7).concat(-1)).map(day => [day, (0, _lodash.default)(item.improvement).flatMap(entry => (0, _lodash.default)(entry.req).flatMap(([days, ships]) => day === -1 || days[day] ? ships : []).groupBy(id => uniqMap[id]).mapValues(ids => (0, _lodash.default)(ids).sortBy(id => (chains[id] || []).indexOf(id)).take(1).value()).values().flatten().map(id => window.i18n['poi-plugin-item-improvement'].__(window.i18n.resources.__(_lodash.default.get($const, ['$ships', id, 'api_name'], 'None')))).value()).join('/')]).fromPairs().value();
+    return _extends({}, _lodash.default.get($const, ['$equips', item.id], {}), item, {
+      priority: 0,
+      assistants
+    });
+  }).value();
+});
+const improvementDataSelector = (0, _reselect.createSelector)([baseImprovementDataSelector, starCraftPlanSelector, equipLevelStatSelector], (data, plans, levels) => (0, _lodash.default)(data).map(item => {
+  const {
+    id
+  } = item;
+
+  if (!plans[id] || _lodash.default.keys(plans[id]).length === 0) {
+    return item;
+  }
+
+  const isNotFull = (0, _lodash.default)(plans[id]).entries().some(([star, count]) => count > (0, _lodash.default)(levels[id]).countBy(lv => lv >= parseInt(star, 10)));
+  return _extends({}, item, {
+    priority: isNotFull ? 2 : 1
+  });
+}).value());
+exports.improvementDataSelector = improvementDataSelector;
+const improveItemIdsByDaySelector = (0, _reselect.createSelector)([_selectors.wctfSelector], db => (0, _lodash.default)(_lodash.default.get(db, 'arsenal_weekday')).mapValues(day => (0, _lodash.default)(day.improvements).map(([id]) => id).value()).value());
+exports.improveItemIdsByDaySelector = improveItemIdsByDaySelector;
+
+const arrayResultWrapper = selector => (0, _selectors.createDeepCompareArraySelector)(selector, result => result);
+
+const itemLevelStatFactory = _lodash.default.memoize(id => arrayResultWrapper((0, _reselect.createSelector)([equipLevelStatSelector], equipLevels => equipLevels[id] || [])));
+
+exports.itemLevelStatFactory = itemLevelStatFactory;
+const $shipsSelector = (0, _reselect.createSelector)([_selectors.constSelector], $const => _lodash.default.get($const, '$ships', {}));
+exports.$shipsSelector = $shipsSelector;

package/views/starcraft/add-new-equip-view.js

@@ -0,0 +1,110 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AddNewEquipView = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactFontawesome = _interopRequireDefault(require("react-fontawesome"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+
+class AddNewEquipView extends _react.Component {
+  constructor() {
+    super();
+    Object.defineProperty(this, "handleChange", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: e => {
+        this.setState({
+          selected: e.target.value
+        });
+      }
+    });
+    Object.defineProperty(this, "handleAddItem", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: () => {
+        const {
+          selected
+        } = this.state;
+
+        if (selected !== 'none') {
+          (0, _utils.modifyPlans)(plans => _extends({}, plans, {
+            [selected]: {}
+          }));
+        } else {
+          console.error('trying adding an invaid equipment');
+        }
+      }
+    });
+    this.state = {
+      selected: 'none'
+    };
+  }
+
+  render() {
+    return _react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        margin: '5px',
+        fontSize: '12px',
+        alignItems: 'center'
+      }
+    }, _react.default.createElement(_reactFontawesome.default, {
+      style: {
+        marginRight: '10px'
+      },
+      name: "plus"
+    }), _react.default.createElement(_reactBootstrap.FormControl, {
+      style: {
+        marginRight: '10px',
+        fontSize: '14px'
+      },
+      onChange: this.handleChange,
+      value: this.state.selected,
+      componentClass: "select"
+    }, _react.default.createElement("option", {
+      key: "none",
+      value: "none"
+    }, __('New equipment plan')), this.props.equips.map(equip => _react.default.createElement("option", {
+      key: equip.mstId,
+      value: equip.mstId
+    }, `${equip.mstId}: ${equip.name}`))), _react.default.createElement(_reactBootstrap.Button, {
+      disabled: this.state.selected === 'none',
+      onClick: this.handleAddItem,
+      bsStyle: "primary"
+    }, __('Add')));
+  }
+
+}
+
+exports.AddNewEquipView = AddNewEquipView;
+Object.defineProperty(AddNewEquipView, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    equips: _propTypes.default.arrayOf(_propTypes.default.shape({
+      iconId: _propTypes.default.number.isRequired,
+      mstId: _propTypes.default.number.isRequired,
+      name: _propTypes.default.string.isRequired
+    })).isRequired
+  }
+});

package/views/starcraft/control-panel.js

@@ -0,0 +1,104 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ControlPanel = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const {
+  __
+} = window.i18n['poi-plugin-item-improvement'];
+
+class ControlPanel extends _react.Component {
+  constructor(...args) {
+    var _temp;
+
+    return _temp = super(...args), Object.defineProperty(this, "handleAction", {
+      configurable: true,
+      enumerable: true,
+      writable: true,
+      value: action => () => {
+        this.props.onControlAction(action);
+      }
+    }), _temp;
+  }
+
+  render() {
+    const {
+      viewMode
+    } = this.props;
+    const btnStyle = {
+      marginRight: '5px'
+    };
+    const labelStyle = {
+      marginRight: '5px',
+      marginLeft: '5px',
+      paddingTop: '5px',
+      width: '60px'
+    };
+    return _react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        marginBottom: '10px',
+        flexDirection: 'column'
+      }
+    }, _react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        marginBottom: '2px',
+        alignItems: 'center'
+      }
+    }, _react.default.createElement("div", {
+      style: _extends({}, labelStyle)
+    }, __('Content')), _react.default.createElement(_reactBootstrap.Button, {
+      style: _extends({}, btnStyle),
+      onClick: this.handleAction('Auto'),
+      title: __('Expand only non-empty categories')
+    }, __('Default')), _react.default.createElement(_reactBootstrap.Button, {
+      onClick: this.handleAction('ExpandAll'),
+      style: _extends({}, btnStyle)
+    }, __('Expand All')), _react.default.createElement(_reactBootstrap.Button, {
+      onClick: this.handleAction('CollapseAll'),
+      style: _extends({}, btnStyle)
+    }, __('Collapse All'))), _react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        marginBottom: '2px',
+        alignItems: 'center'
+      }
+    }, _react.default.createElement("div", {
+      style: _extends({}, labelStyle)
+    }, __('View')), _react.default.createElement(_reactBootstrap.Button, {
+      style: _extends({}, btnStyle),
+      onClick: this.props.onToggleViewMode,
+      active: this.props.viewMode
+    }, __('View Mode')), viewMode && _react.default.createElement(_reactBootstrap.Button, {
+      onClick: this.props.onExportAsImage,
+      style: _extends({}, btnStyle)
+    }, __('Export as Image'))));
+  }
+
+}
+
+exports.ControlPanel = ControlPanel;
+Object.defineProperty(ControlPanel, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    viewMode: _propTypes.default.bool.isRequired,
+    onControlAction: _propTypes.default.func.isRequired,
+    onToggleViewMode: _propTypes.default.func.isRequired,
+    onExportAsImage: _propTypes.default.func.isRequired
+  }
+});

package/views/starcraft/equip-category-view.js

@@ -0,0 +1,115 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EquipCategoryView = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _icon = require("views/components/etc/icon");
+
+var _reactFontawesome = _interopRequireDefault(require("react-fontawesome"));
+
+var _reactBootstrap = require("react-bootstrap");
+
+var _lodash = _interopRequireDefault(require("lodash"));
+
+var _equipListView = require("./equip-list-view");
+
+var _utils = require("./utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
+// props:
+// - $equips
+// - catInfo
+// - collapsed
+// - equipLevels
+// - equipType
+// - onToggle
+// - plans
+// - viewMode
+class EquipCategoryView extends _react.Component {
+  shouldComponentUpdate(nextProps) {
+    // skipping "catInfo" as it's generated from $equips
+    return this.props.collapsed !== nextProps.collapsed || this.props.viewMode !== nextProps.viewMode || !_lodash.default.isEqual(this.props.equipType, nextProps.equipType) || !_lodash.default.isEqual(this.props.plans, nextProps.plans) || !(0, _utils.isEquipMasterEqual)(this.props.$equips, nextProps.$equips);
+  }
+
+  render() {
+    const et = this.props.equipType;
+    const ci = this.props.catInfo;
+    const {
+      $equips,
+      collapsed
+    } = this.props;
+    const hasPlan = ci.group.some(mstId => this.props.plans[mstId]); // for view mode, no need of showing anything .. if there's nothing to show...
+
+    if (this.props.viewMode && (collapsed || !hasPlan)) {
+      return null;
+    }
+
+    return _react.default.createElement("div", null, _react.default.createElement(_reactBootstrap.Button, {
+      onClick: this.props.onToggle,
+      style: {
+        width: '100%',
+        margin: '2px',
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, !this.props.viewMode && _react.default.createElement(_reactFontawesome.default, {
+      className: "eqcat-collapse-toggle",
+      style: {
+        marginRight: '10px'
+      },
+      name: collapsed ? 'chevron-right' : 'chevron-down'
+    }), _react.default.createElement("div", {
+      style: {
+        flex: '1',
+        textAlign: 'left'
+      },
+      key: "name"
+    }, et.api_name), _react.default.createElement("div", null, ci.icons.map(iconId => _react.default.createElement(_icon.SlotitemIcon, {
+      key: iconId,
+      slotitemId: iconId,
+      className: "equip-icon"
+    })))), _react.default.createElement(_reactBootstrap.Collapse, {
+      timeout: 100,
+      "in": !collapsed
+    }, _react.default.createElement("div", {
+      style: {
+        paddingLeft: '20px'
+      }
+    }, _react.default.createElement(_equipListView.EquipListView, {
+      viewMode: this.props.viewMode,
+      plans: this.props.plans,
+      equipMstIds: this.props.catInfo.group,
+      $equips: $equips
+    }))));
+  }
+
+}
+
+exports.EquipCategoryView = EquipCategoryView;
+Object.defineProperty(EquipCategoryView, "propTypes", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: {
+    $equips: _propTypes.default.object.isRequired,
+    collapsed: _propTypes.default.bool.isRequired,
+    viewMode: _propTypes.default.bool.isRequired,
+    catInfo: _propTypes.default.shape({
+      group: _propTypes.default.arrayOf(_propTypes.default.number).isRequired,
+      icons: _propTypes.default.arrayOf(_propTypes.default.number).isRequired
+    }).isRequired,
+    plans: _propTypes.default.object.isRequired,
+    equipType: _propTypes.default.shape({
+      api_id: _propTypes.default.number.isRequired,
+      api_name: _propTypes.default.string.isRequired
+    }).isRequired,
+    onToggle: _propTypes.default.func.isRequired
+  }
+});