poi-plugin-leveling-plan 0.0.3 → 0.0.5

package/views/components/map-selector.js

@@ -7,14 +7,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _core = require("@blueprintjs/core");
 
-var _select = require("@blueprintjs/select");
-
 var _reactRedux = require("react-redux");
 
 var _reselect = require("reselect");
 
-var _lodash = _interopRequireDefault(require("lodash"));
-
 var _constants = require("../../utils/constants");
 
 var _selectors = require("../../utils/selectors");
@@ -23,17 +19,12 @@ var _expCalculator = require("../../utils/exp-calculator");
 
 var _planHelpers = require("../../utils/plan-helpers");
 
-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; } }
 
 const {
   __
 } = window.i18n['poi-plugin-leveling-plan'];
 
-const MapMultiSelect = _select.MultiSelect.ofType(); // 按世界分组
-
-
 const getWorldGroups = () => {
   const groups = {};
   Object.keys(_constants.EXP_BY_POI_DB).sort((a, b) => Number(a) - Number(b)).forEach(id => {
@@ -52,6 +43,7 @@ class MapSelector extends _react.Component {
 
     this.state = {
       isOpen: false,
+      searchQuery: '',
       activeWorld: null
     };
     this.worldGroups = getWorldGroups();
@@ -63,39 +55,70 @@ class MapSelector extends _react.Component {
     const {
       value = []
     } = this.props;
-    const allMapIds = Object.keys(_constants.EXP_BY_POI_DB);
+    const valueStrings = value.map(String);
+    const selectedMaps = valueStrings.filter(id => _constants.EXP_BY_POI_DB[id] !== undefined);
     return _react.default.createElement("div", {
       className: "map-selector"
     }, _react.default.createElement("div", {
-      className: "quick-select-buttons"
-    }, _react.default.createElement(MapMultiSelect, {
-      items: allMapIds,
-      selectedItems: value.filter(id => allMapIds.includes(id)),
-      onItemSelect: this.handleItemSelect,
-      itemRenderer: () => null,
-      itemListRenderer: () => this.renderPopoverContent(),
-      tagRenderer: this.renderTag,
-      tagInputProps: {
-        onRemove: this.handleTagRemove,
-        placeholder: __('More maps'),
-        rightElement: _react.default.createElement(_core.Button, {
-          minimal: true,
-          icon: "caret-down",
-          onClick: () => this.setState({
-            isOpen: !this.state.isOpen
-          })
-        })
+      className: "quick-select-buttons",
+      style: {
+        display: 'flex',
+        flexWrap: 'wrap',
+        gap: 4,
+        marginBottom: 6
+      }
+    }, _constants.frequentMaps.map(mapId => {
+      const idStr = String(mapId);
+      const isSelected = valueStrings.includes(idStr);
+      return _react.default.createElement("button", {
+        key: mapId,
+        type: "button",
+        onClick: () => this.toggleMap(mapId),
+        style: {
+          padding: '2px 8px',
+          fontSize: 12,
+          cursor: 'pointer',
+          background: isSelected ? '#137cbd' : '#f5f5f5',
+          color: isSelected ? '#fff' : '#333',
+          border: '1px solid',
+          borderColor: isSelected ? '#137cbd' : '#ccc',
+          borderRadius: 3
+        }
+      }, (0, _planHelpers.formatMapName)(idStr));
+    })), _react.default.createElement(_core.Popover, {
+      isOpen: this.state.isOpen,
+      onClose: () => this.setState({
+        isOpen: false,
+        searchQuery: ''
+      }),
+      popoverClassName: "map-selector-popover",
+      usePortal: false,
+      minimal: true,
+      content: this.renderPopoverContent()
+    }, _react.default.createElement("div", {
+      className: "map-selector-trigger",
+      onClick: () => this.setState({
+        isOpen: !this.state.isOpen
+      })
+    }, selectedMaps.length > 0 ? _react.default.createElement("div", {
+      className: "map-selector-trigger-tags"
+    }, selectedMaps.map(mapId => _react.default.createElement(_core.Tag, {
+      key: mapId,
+      onRemove: e => {
+        e.stopPropagation();
+        this.handleTagRemove(mapId);
       },
-      popoverProps: {
-        minimal: true,
-        usePortal: false,
-        isOpen: this.state.isOpen,
-        onClose: () => this.setState({
-          isOpen: false
-        }),
-        popoverClassName: 'map-selector-popover'
+      minimal: true
+    }, (0, _planHelpers.formatMapName)(mapId)))) : _react.default.createElement("span", {
+      className: "map-selector-trigger-placeholder"
+    }, __('Click to select maps')), _react.default.createElement(_core.Button, {
+      minimal: true,
+      icon: "double-caret-vertical",
+      style: {
+        minHeight: 24,
+        flexShrink: 0
       }
-    })));
+    }))));
   }
 
 }
@@ -110,22 +133,15 @@ var _initialiseProps = function () {
         value = [],
         onChange
       } = this.props;
+      const mapIdStr = String(mapId);
 
-      if (value.includes(mapId)) {
-        onChange(value.filter(id => id !== mapId));
+      if (value.map(String).includes(mapIdStr)) {
+        onChange(value.filter(id => String(id) !== mapIdStr));
       } else {
-        onChange([...value, mapId]);
+        onChange([...value, mapIdStr]);
       }
     }
   });
-  Object.defineProperty(this, "handleItemSelect", {
-    configurable: true,
-    enumerable: true,
-    writable: true,
-    value: mapId => {
-      this.toggleMap(mapId);
-    }
-  });
   Object.defineProperty(this, "handleTagRemove", {
     configurable: true,
     enumerable: true,
@@ -135,15 +151,18 @@ var _initialiseProps = function () {
         value = [],
         onChange
       } = this.props;
-      onChange(value.filter(id => id !== mapId));
+      onChange(value.filter(id => String(id) !== String(mapId)));
     }
   });
-  Object.defineProperty(this, "renderTag", {
+  Object.defineProperty(this, "closePopover", {
     configurable: true,
     enumerable: true,
     writable: true,
-    value: mapId => {
-      return (0, _planHelpers.formatMapName)(mapId);
+    value: () => {
+      this.setState({
+        isOpen: false,
+        searchQuery: ''
+      });
     }
   });
   Object.defineProperty(this, "renderPopoverContent", {
@@ -155,12 +174,45 @@ var _initialiseProps = function () {
         value = []
       } = this.props;
       const {
-        activeWorld
+        activeWorld,
+        searchQuery
       } = this.state;
       const worlds = Object.keys(this.worldGroups).sort((a, b) => Number(a) - Number(b));
+      const valueStrings = value.map(String);
+      const filteredMaps = searchQuery ? Object.keys(_constants.EXP_BY_POI_DB).filter(id => (0, _planHelpers.formatMapName)(id).includes(searchQuery)) : null;
       return _react.default.createElement("div", {
         className: "map-selector-tabs"
-      }, _react.default.createElement(_core.Tabs, {
+      }, _react.default.createElement("div", {
+        className: "map-selector-popover-header"
+      }, _react.default.createElement("span", {
+        className: "map-selector-popover-title"
+      }, __('Select maps')), _react.default.createElement("button", {
+        type: "button",
+        className: "bp5-button bp5-minimal bp5-small bp5-icon-cross",
+        onClick: this.closePopover
+      })), _react.default.createElement("div", {
+        className: "map-selector-popover-search"
+      }, _react.default.createElement(_core.InputGroup, {
+        leftIcon: "search",
+        placeholder: __('Search map'),
+        value: searchQuery,
+        onChange: e => this.setState({
+          searchQuery: e.target.value
+        })
+      })), filteredMaps ? _react.default.createElement("div", {
+        className: "map-selector-tab-panel"
+      }, filteredMaps.map(mapId => _react.default.createElement(_core.MenuItem, {
+        key: mapId,
+        text: (0, _planHelpers.formatMapName)(mapId),
+        icon: valueStrings.includes(mapId) ? 'tick' : 'blank',
+        onClick: () => this.toggleMap(mapId),
+        shouldDismissPopover: false
+      })), filteredMaps.length === 0 && _react.default.createElement("div", {
+        style: {
+          padding: 8,
+          color: '#888'
+        }
+      }, __('No results'))) : _react.default.createElement(_core.Tabs, {
         id: "map-world-tabs",
         selectedTabId: activeWorld,
         onChange: id => this.setState({
@@ -171,19 +223,16 @@ var _initialiseProps = function () {
       }, worlds.map(world => _react.default.createElement(_core.Tab, {
         key: world,
         id: world,
-        title: `${world}`,
+        title: `${world} · ${_constants.WORLD_NAMES[world] || ''}`,
         panel: _react.default.createElement("div", {
           className: "map-selector-tab-panel"
-        }, this.worldGroups[world].map(mapId => {
-          const isSelected = value.includes(mapId);
-          return _react.default.createElement(_core.MenuItem, {
-            key: mapId,
-            text: (0, _planHelpers.formatMapName)(mapId),
-            icon: isSelected ? 'tick' : 'blank',
-            onClick: () => this.toggleMap(mapId),
-            shouldDismissPopover: false
-          });
-        }))
+        }, this.worldGroups[world].map(mapId => _react.default.createElement(_core.MenuItem, {
+          key: mapId,
+          text: (0, _planHelpers.formatMapName)(mapId),
+          icon: valueStrings.includes(mapId) ? 'tick' : 'blank',
+          onClick: () => this.toggleMap(mapId),
+          shouldDismissPopover: false
+        })))
       }))));
     }
   });

package/views/components/plan-form.js

@@ -13,7 +13,7 @@ var _reselect = require("reselect");
 
 var _lodash = _interopRequireDefault(require("lodash"));
 
-var _shipSelector = _interopRequireDefault(require("./ship-selector"));
+var _shipSelector = _interopRequireWildcard(require("./ship-selector"));
 
 var _mapSelector = _interopRequireDefault(require("./map-selector"));
 
@@ -29,7 +29,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 const {
   __
-} = window.i18n['poi-plugin-leveling-plan']; // 计划表单组件
+} = window.i18n['poi-plugin-leveling-plan'];
 
 class PlanForm extends _react.Component {
   constructor(props) {
@@ -40,8 +40,9 @@ class PlanForm extends _react.Component {
     const {
       editingPlan
     } = props;
+    const isFarming = props.planType === 'farming' || editingPlan && editingPlan.type === 'farming';
     this.state = {
-      shipId: editingPlan ? editingPlan.shipId : '',
+      shipId: editingPlan ? isFarming ? editingPlan.shipMasterId : editingPlan.shipId : '',
       startLevel: editingPlan ? editingPlan.startLevel : "1",
       targetLevel: editingPlan ? editingPlan.targetLevel : '',
       maps: editingPlan ? editingPlan.maps : [],
@@ -55,7 +56,8 @@ class PlanForm extends _react.Component {
       show,
       onHide,
       editingPlan,
-      ships
+      ships,
+      planType
     } = this.props;
     const {
       shipId,
@@ -64,27 +66,30 @@ class PlanForm extends _react.Component {
       maps,
       notes,
       errors
-    } = this.state; // 获取当前选中的舰娘
-
+    } = this.state;
+    const isFarming = planType === 'farming' || editingPlan && editingPlan.type === 'farming';
     const selectedShip = shipId ? _lodash.default.find(ships, s => s.api_id === parseInt(shipId)) : null;
     const currentLevel = selectedShip ? selectedShip.api_lv : 0;
+    const title = isFarming ? editingPlan ? __('Edit Farming Plan') : __('Add Farming Plan') : editingPlan ? __('Edit Plan') : __('Add Plan');
     return _react.default.createElement(_reactBootstrap.Modal, {
       show: show,
       onHide: onHide,
       bsSize: "large"
     }, _react.default.createElement(_reactBootstrap.Modal.Header, {
       closeButton: true
-    }, _react.default.createElement(_reactBootstrap.Modal.Title, null, editingPlan ? __('Edit Plan') : __('Add Plan'))), _react.default.createElement(_reactBootstrap.Modal.Body, null, errors.length > 0 && _react.default.createElement("div", {
+    }, _react.default.createElement(_reactBootstrap.Modal.Title, null, title)), _react.default.createElement(_reactBootstrap.Modal.Body, null, errors.length > 0 && _react.default.createElement("div", {
       className: "alert alert-danger"
     }, _react.default.createElement("ul", null, errors.map((error, index) => _react.default.createElement("li", {
       key: index
-    }, error)))), _react.default.createElement(_reactBootstrap.FormGroup, null, _react.default.createElement(_reactBootstrap.ControlLabel, null, __('Ship')), _react.default.createElement(_shipSelector.default, {
+    }, error)))), _react.default.createElement(_reactBootstrap.FormGroup, null, _react.default.createElement(_reactBootstrap.ControlLabel, null, isFarming ? __('Ship Type') : __('Ship')), isFarming ? _react.default.createElement(_shipSelector.MasterShipSelector, {
       value: shipId,
-      onChange: this.handleShipChange //disabled={!!editingPlan}
-
-    }), editingPlan && _react.default.createElement("p", {
+      onChange: this.handleShipChange
+    }) : _react.default.createElement(_shipSelector.default, {
+      value: shipId,
+      onChange: this.handleShipChange
+    }), editingPlan && !isFarming && _react.default.createElement("p", {
       className: "help-block"
-    }, __('Cannot change ship in existing plan'))), _react.default.createElement(_reactBootstrap.FormGroup, null, _react.default.createElement(_reactBootstrap.ControlLabel, null, __('Start Level')), _react.default.createElement(_reactBootstrap.FormControl, {
+    }, __('Cannot change ship in existing plan'))), !isFarming && _react.default.createElement(_reactBootstrap.FormGroup, null, _react.default.createElement(_reactBootstrap.ControlLabel, null, __('Start Level')), _react.default.createElement(_reactBootstrap.FormControl, {
       type: "number",
       value: startLevel,
       onChange: this.handleStarttLevelChange,
@@ -98,10 +103,11 @@ class PlanForm extends _react.Component {
       min: currentLevel + 1,
       max: 185,
       placeholder: __('Enter target level')
-    }), selectedShip && $ships && (() => {
-      const shipMasterId = selectedShip.api_ship_id;
+    }), (() => {
+      const shipMasterId = isFarming ? parseInt(shipId) : selectedShip ? selectedShip.api_ship_id : null;
+      if (!shipMasterId || !$ships) return null;
       const remodelLevels = (0, _kaisouCost.getRemodelLevelsForShip)(shipMasterId, $ships);
-      const startLv = parseInt(startLevel) || 0;
+      const startLv = isFarming ? 0 : parseInt(startLevel) || 0;
       const filteredLevels = remodelLevels.filter(lv => lv > startLv);
       if (filteredLevels.length === 0) return null;
       return _react.default.createElement("div", {
@@ -126,7 +132,7 @@ class PlanForm extends _react.Component {
           fontSize: 12
         }
       }, "lv", lv)));
-    })(), selectedShip && _react.default.createElement("p", {
+    })(), selectedShip && !isFarming && _react.default.createElement("p", {
       className: "help-block"
     }, __('Current level'), ": ", currentLevel)), _react.default.createElement(_reactBootstrap.FormGroup, null, _react.default.createElement(_reactBootstrap.ControlLabel, null, __('Maps')), _react.default.createElement(_mapSelector.default, {
       value: maps,
@@ -145,8 +151,7 @@ class PlanForm extends _react.Component {
     }, __('Save'))));
   }
 
-} // Redux 连接
-
+}
 
 var _initialiseProps = function () {
   Object.defineProperty(this, "handleShipChange", {
@@ -158,11 +163,19 @@ var _initialiseProps = function () {
         shipId
       });
       const {
+        planType,
+        editingPlan,
         ships
       } = this.props;
-      this.setState({
-        startLevel: shipId ? _lodash.default.find(ships, s => s.api_id === parseInt(shipId)).api_lv : "1"
-      });
+      const isFarming = planType === 'farming' || editingPlan && editingPlan.type === 'farming';
+
+      if (!isFarming && shipId) {
+        const found = _lodash.default.find(ships, s => s.api_id === parseInt(shipId));
+
+        this.setState({
+          startLevel: found ? found.api_lv : "1"
+        });
+      }
     }
   });
   Object.defineProperty(this, "handleTargetLevelChange", {
@@ -223,8 +236,46 @@ var _initialiseProps = function () {
         editingPlan,
         ships,
         $ships,
-        onSave
-      } = this.props; // 查找舰娘数据
+        onSave,
+        planType
+      } = this.props;
+      const isFarming = planType === 'farming' || editingPlan && editingPlan.type === 'farming';
+
+      if (isFarming) {
+        const masterShipId = parseInt(shipId);
+        const $ship = $ships[masterShipId];
+
+        if (!$ship) {
+          this.setState({
+            errors: ['Ship master data not found']
+          });
+          return;
+        }
+
+        let plan;
+
+        if (editingPlan) {
+          plan = (0, _planHelpers.updatePlan)(editingPlan, {
+            targetLevel: parseInt(targetLevel),
+            maps,
+            notes
+          });
+        } else {
+          plan = (0, _planHelpers.createPlan)(null, masterShipId, null, parseInt(targetLevel), maps, notes, 'farming');
+        }
+
+        const validation = (0, _planHelpers.validatePlan)(plan);
+
+        if (!validation.valid) {
+          this.setState({
+            errors: validation.errors
+          });
+          return;
+        }
+
+        onSave(plan);
+        return;
+      }
 
       const ship = _lodash.default.find(ships, s => s.api_id === parseInt(shipId));
 
@@ -242,13 +293,11 @@ var _initialiseProps = function () {
           errors: ['Ship master data not found']
         });
         return;
-      } // 构建计划对象
-
+      }
 
       let plan;
 
       if (editingPlan) {
-        // 更新现有计划
         plan = (0, _planHelpers.updatePlan)(editingPlan, {
           targetLevel: parseInt(targetLevel),
           startLevel: parseInt(startLevel),
@@ -256,10 +305,8 @@ var _initialiseProps = function () {
           notes
         });
       } else {
-        // 创建新计划
-        plan = (0, _planHelpers.createPlan)(ship.api_id, ship.api_ship_id, parseInt(startLevel), parseInt(targetLevel), maps, notes);
-      } // 验证计划
-
+        plan = (0, _planHelpers.createPlan)(ship.api_id, ship.api_ship_id, parseInt(startLevel), parseInt(targetLevel), maps, notes, 'normal');
+      }
 
       const validation = (0, _planHelpers.validatePlan)(plan, ship);
       console.log(plan);
@@ -269,8 +316,7 @@ var _initialiseProps = function () {
           errors: validation.errors
         });
         return;
-      } // 保存计划
-
+      }
 
       onSave(plan);
     }

package/views/components/plan-item.js

@@ -1,12 +1,14 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.PlanItem = void 0;
+exports.default = exports.FarmingPlanItem = exports.PlanItem = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 var _reactBootstrap = require("react-bootstrap");
 
+var _core = require("@blueprintjs/core");
+
 var _icon = require("views/components/etc/icon");
 
 var _useitemIcon = require("./useitem-icon");
@@ -197,5 +199,162 @@ const PlanItem = ({
 };
 
 exports.PlanItem = PlanItem;
+const FARMING_COL_STYLE = {
+  lv: {
+    width: 40,
+    textAlign: 'right',
+    paddingRight: 8,
+    flexShrink: 0
+  },
+  progress: {
+    flex: 1,
+    minWidth: 80,
+    paddingRight: 8
+  },
+  pct: {
+    width: 56,
+    textAlign: 'right',
+    paddingRight: 12,
+    flexShrink: 0,
+    fontSize: '0.85em'
+  },
+  exp: {
+    width: 64,
+    textAlign: 'right',
+    paddingRight: 12,
+    flexShrink: 0,
+    fontSize: '0.85em'
+  },
+  maps: {
+    width: 200,
+    flexShrink: 0
+  }
+};
+
+const FarmingInstanceRow = ({
+  inst
+}) => _react.default.createElement("div", {
+  className: "farming-instance-row",
+  style: {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '4px 0',
+    fontSize: '0.9em'
+  }
+}, _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.lv
+}, "Lv.", inst.currentLv), _react.default.createElement("div", {
+  style: FARMING_COL_STYLE.progress
+}, _react.default.createElement(_reactBootstrap.ProgressBar, {
+  now: inst.progress,
+  style: {
+    marginBottom: 0,
+    height: 12
+  }
+})), _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.pct
+}, inst.progress.toFixed(1), "%"), _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.exp
+}, inst.requiredExp.toLocaleString()), _react.default.createElement("div", {
+  style: FARMING_COL_STYLE.maps
+}, (inst.mapDetails || []).map(map => _react.default.createElement(_core.Tag, {
+  key: map.mapId,
+  minimal: true,
+  style: {
+    marginRight: 4,
+    marginBottom: 2
+  }
+}, map.mapName, " \xD7", map.sortiesNeeded.toLocaleString()))));
+
+const FarmingHeaderRow = () => _react.default.createElement("div", {
+  className: "farming-instance-row farming-header-row",
+  style: {
+    display: 'flex',
+    alignItems: 'center',
+    padding: '2px 0 6px',
+    fontSize: '0.8em',
+    opacity: 0.55,
+    borderBottom: '1px solid rgba(128,128,128,0.2)',
+    marginBottom: 2
+  }
+}, _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.lv
+}, "Lv"), _react.default.createElement("div", {
+  style: FARMING_COL_STYLE.progress
+}), _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.pct
+}, "%"), _react.default.createElement("span", {
+  style: FARMING_COL_STYLE.exp
+}, __('EXP')), _react.default.createElement("div", {
+  style: FARMING_COL_STYLE.maps
+}, __('Maps')));
+
+const FarmingDivider = () => _react.default.createElement("div", {
+  className: "farming-divider"
+}); // 养殖计划卡片组件
+
+
+const FarmingPlanItem = ({
+  planDetail,
+  onEdit,
+  onDelete
+}) => {
+  if (!planDetail || planDetail.type !== 'farming') return null;
+  const {
+    shipName,
+    targetLv,
+    instances,
+    totalInstancesBelowTarget,
+    notes
+  } = planDetail;
+  return _react.default.createElement(_reactBootstrap.Panel, {
+    className: "plan-item farming-plan-item"
+  }, _react.default.createElement(_reactBootstrap.Panel.Heading, null, _react.default.createElement("div", {
+    className: "plan-item-header"
+  }, _react.default.createElement("div", {
+    className: "plan-item-title"
+  }, _react.default.createElement("span", {
+    className: "ship-name"
+  }, shipName), _react.default.createElement("span", {
+    className: "level-info"
+  }, " \u2192 Lv.", targetLv), _react.default.createElement("span", {
+    style: {
+      marginLeft: 12,
+      fontSize: '0.9em',
+      opacity: 0.7
+    }
+  }, __('Below target'), ": ", totalInstancesBelowTarget, " ", __('ships'))), _react.default.createElement("div", {
+    className: "plan-item-actions"
+  }, _react.default.createElement(_reactBootstrap.Button, {
+    bsSize: "xsmall",
+    onClick: onEdit
+  }, __('Edit')), _react.default.createElement(_reactBootstrap.Button, {
+    bsSize: "xsmall",
+    bsStyle: "danger",
+    onClick: onDelete
+  }, __('Delete'))))), _react.default.createElement(_reactBootstrap.Panel.Body, null, instances.length === 0 ? _react.default.createElement("div", {
+    className: "empty-message",
+    style: {
+      fontStyle: 'italic',
+      opacity: 0.7
+    }
+  }, __('All ships have reached the target level')) : _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(FarmingHeaderRow, null), instances.map((inst, i) => _react.default.createElement(_react.default.Fragment, {
+    key: inst.shipId
+  }, i > 0 && _react.default.createElement(FarmingDivider, null), _react.default.createElement(FarmingInstanceRow, {
+    inst: inst
+  })))), notes && _react.default.createElement("div", {
+    className: "notes-section",
+    style: {
+      marginTop: 8,
+      fontSize: '0.9em'
+    }
+  }, _react.default.createElement("span", {
+    style: {
+      opacity: 0.6
+    }
+  }, __('Notes'), ": "), notes)));
+};
+
+exports.FarmingPlanItem = FarmingPlanItem;
 var _default = PlanItem;
 exports.default = _default;