Introduce React-Trello in place of React-Kanban

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/trello-board/helpers/LaneHelper.js

@@ -0,0 +1,135 @@
+import update from "immutability-helper";
+
+const LaneHelper = {
+  initialiseLanes: (state, { lanes }) => {
+    const newLanes = lanes.map((lane) => {
+      lane.currentPage = 1;
+      lane.cards && lane.cards.forEach((c) => (c.laneId = lane.id));
+      return lane;
+    });
+    return update(state, { lanes: { $set: newLanes } });
+  },
+
+  paginateLane: (state, { laneId, newCards, nextPage }) => {
+    const updatedLanes = LaneHelper.appendCardsToLane(state, { laneId: laneId, newCards: newCards });
+    updatedLanes.find((lane) => lane.id === laneId).currentPage = nextPage;
+    return update(state, { lanes: { $set: updatedLanes } });
+  },
+
+  appendCardsToLane: (state, { laneId, newCards, index }) => {
+    const lane = state.lanes.find((lane) => lane.id === laneId);
+    newCards = newCards
+      .map((c) => update(c, { laneId: { $set: laneId } }))
+      .filter((c) => lane.cards.find((card) => card.id === c.id) == null);
+    return state.lanes.map((lane) => {
+      if (lane.id === laneId) {
+        if (index !== undefined) {
+          return update(lane, { cards: { $splice: [[index, 0, ...newCards]] } });
+        } else {
+          const cardsToUpdate = [...lane.cards, ...newCards];
+          return update(lane, { cards: { $set: cardsToUpdate } });
+        }
+      } else {
+        return lane;
+      }
+    });
+  },
+
+  appendCardToLane: (state, { laneId, card, index }) => {
+    const newLanes = LaneHelper.appendCardsToLane(state, { laneId: laneId, newCards: [card], index });
+    return update(state, { lanes: { $set: newLanes } });
+  },
+
+  addLane: (state, lane) => {
+    const newLane = { cards: [], ...lane };
+    return update(state, { lanes: { $push: [newLane] } });
+  },
+
+  updateLane: (state, updatedLane) => {
+    const newLanes = state.lanes.map((lane) => {
+      if (updatedLane.id === lane.id) {
+        return { ...lane, ...updatedLane };
+      } else {
+        return lane;
+      }
+    });
+    return update(state, { lanes: { $set: newLanes } });
+  },
+
+  removeCardFromLane: (state, { laneId, cardId }) => {
+    const lanes = state.lanes.map((lane) => {
+      if (lane.id === laneId) {
+        let newCards = lane.cards.filter((card) => card.id !== cardId);
+        return update(lane, { cards: { $set: newCards } });
+      } else {
+        return lane;
+      }
+    });
+    return update(state, { lanes: { $set: lanes } });
+  },
+
+  moveCardAcrossLanes: (state, { fromLaneId, toLaneId, cardId, index }) => {
+    let cardToMove = null;
+    const interimLanes = state.lanes.map((lane) => {
+      if (lane.id === fromLaneId) {
+        cardToMove = lane.cards.find((card) => card.id === cardId);
+        const newCards = lane.cards.filter((card) => card.id !== cardId);
+        return update(lane, { cards: { $set: newCards } });
+      } else {
+        return lane;
+      }
+    });
+    const updatedState = update(state, { lanes: { $set: interimLanes } });
+    return LaneHelper.appendCardToLane(updatedState, {
+      laneId: toLaneId,
+      card: cardToMove,
+      index: index
+    });
+  },
+
+  updateCardsForLane: (state, { laneId, cards }) => {
+    const lanes = state.lanes.map((lane) => {
+      if (lane.id === laneId) {
+        return update(lane, { cards: { $set: cards } });
+      } else {
+        return lane;
+      }
+    });
+    return update(state, { lanes: { $set: lanes } });
+  },
+
+  updateCardForLane: (state, { laneId, card: updatedCard }) => {
+    const lanes = state.lanes.map((lane) => {
+      if (lane.id === laneId) {
+        const cards = lane.cards.map((card) => {
+          if (card.id === updatedCard.id) {
+            return { ...card, ...updatedCard };
+          } else {
+            return card;
+          }
+        });
+        return update(lane, { cards: { $set: cards } });
+      } else {
+        return lane;
+      }
+    });
+    return update(state, { lanes: { $set: lanes } });
+  },
+
+  updateLanes: (state, lanes) => {
+    return { ...state, ...{ lanes: lanes } };
+  },
+
+  moveLane: (state, { oldIndex, newIndex }) => {
+    const laneToMove = state.lanes[oldIndex];
+    const tempState = update(state, { lanes: { $splice: [[oldIndex, 1]] } });
+    return update(tempState, { lanes: { $splice: [[newIndex, 0, laneToMove]] } });
+  },
+
+  removeLane: (state, { laneId }) => {
+    const updatedLanes = state.lanes.filter((lane) => lane.id !== laneId);
+    return update(state, { lanes: { $set: updatedLanes } });
+  }
+};
+
+export default LaneHelper;