refactoring for map editor

[pm5]

• 把 deleteXXX 全部改成 removeXXX，因為 delete 是 JavaScript 的 keyword 所以 TypeScript 會不開心。cc Add edge, close #63 #76
• 把 Map/Card 和 Map/Box 裡處理拖拉的邏輯（包含 newlySelected state）抽出來變成獨立的 component，讓這些 object component 恢復為 pure function。
• React 昇級到 16.4.0。不必然會用到新的修正，但是測試過昇上去會連環爆，有空的時候昇總比沒空的時候昇要好。

[pm5]

為了 #65 的拖拉功能，需要透過 ref 對 Konva 實作 dragenter 與 dragleave events，於是需要昇級 types。結果有點複雜，接近人類一般狀況下記憶力的極限。以下筆記：

• @types/react 某個版本之後才有 createRef

• 沒有 createRef 看起來 Konva 的一些功能就不能用

• @typees/react 跟 @types/react-dom 要一起昇。昇完可能要砍掉 node_modules 和 yarn.lock 重裝才能得到好的 yarn lock

• [email protected] 只能搭 redux@4，要留在 redux@3 就要定在 [email protected]

• semantic-ui-react 會爆炸，要昇到 0.81.1 以上才有 fix

• 以上都做完以後會跑出

  /Users/pm5/src/sensetw/sensetw/sensemap/src/components/Inbox/Card/index.tsx
  (40,23): Property 'card' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<{}, ComponentState, any>> & Readonly<{ children?: ReactNode; }> & Readonly<{}>'.
  

• f27121b 修掉以上問題以後才成功。

• 但結果是 Konva 的拖拉相關 event 不明原因爛掉... 可能有什麼東西沒修到吧

先丟在 https://github.com/SenseTW/sensetw/tree/upgrade

[caasi]

好奇是否可以用 callback ref ？之前我是這樣拿到 Konva node 的：

sensetw/sensemap/src/components/Map/Tag/index.tsx

Line 2 in 89d0ea5

import { Text as TextNode } from 'konva';

sensetw/sensemap/src/components/Map/Tag/index.tsx

Line 30 in 89d0ea5

textNode: TextNode | null = null;

sensetw/sensemap/src/components/Map/Tag/index.tsx

Lines 61 to 63 in 89d0ea5

	// force the reference node to be a Konva Text
	// tslint:disable-next-line:no-any
	ref={(node: any) => this.textNode = node}

[caasi]

在 action-type branch 中，為了 ThunkDispatch ，我升過 redux-thunk 和 redux ，看來無大礙。