X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/b12a180cf035192be3e22dfa5a2200d4969ce51a..f0a64666816383d2641d5fa7ea22019441ac4464:/src/store/tree-picker/tree-picker-reducer.ts diff --git a/src/store/tree-picker/tree-picker-reducer.ts b/src/store/tree-picker/tree-picker-reducer.ts index e7173d22..a2f23976 100644 --- a/src/store/tree-picker/tree-picker-reducer.ts +++ b/src/store/tree-picker/tree-picker-reducer.ts @@ -2,56 +2,71 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createTree, setNodeValueWith, TreeNode, setNode, mapTreeValues, Tree } from "~/models/tree"; -import { TreePicker, TreePickerNode } from "./tree-picker"; +import { createTree, TreeNode, setNode, Tree, TreeNodeStatus, setNodeStatus, expandNode, deactivateNode, selectNodes, deselectNodes } from '~/models/tree'; +import { TreePicker } from "./tree-picker"; import { treePickerActions, TreePickerAction } from "./tree-picker-actions"; -import { TreeItemStatus } from "~/components/tree/tree"; import { compose } from "redux"; +import { activateNode, getNode, toggleNodeCollapse, toggleNodeSelection } from '~/models/tree'; +import { pipe } from 'lodash/fp'; +import { appendSubtree } from '~/models/tree'; export const treePickerReducer = (state: TreePicker = {}, action: TreePickerAction) => treePickerActions.match(action, { - LOAD_TREE_PICKER_NODE: ({ nodeId, pickerId }) => - updateOrCreatePicker(state, pickerId, setNodeValueWith(setPending)(nodeId)), - LOAD_TREE_PICKER_NODE_SUCCESS: ({ nodeId, nodes, pickerId }) => - updateOrCreatePicker(state, pickerId, compose(receiveNodes(nodes)(nodeId), setNodeValueWith(setLoaded)(nodeId))), - TOGGLE_TREE_PICKER_NODE_COLLAPSE: ({ nodeId, pickerId }) => - updateOrCreatePicker(state, pickerId, setNodeValueWith(toggleCollapse)(nodeId)), - TOGGLE_TREE_PICKER_NODE_SELECT: ({ nodeId, pickerId }) => - updateOrCreatePicker(state, pickerId, mapTreeValues(toggleSelect(nodeId))), - RESET_TREE_PICKER: ({ pickerId }) => + LOAD_TREE_PICKER_NODE: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, setNodeStatus(id)(TreeNodeStatus.PENDING)), + + LOAD_TREE_PICKER_NODE_SUCCESS: ({ id, nodes, pickerId }) => + updateOrCreatePicker(state, pickerId, compose(receiveNodes(nodes)(id), setNodeStatus(id)(TreeNodeStatus.LOADED))), + + APPEND_TREE_PICKER_NODE_SUBTREE: ({ id, subtree, pickerId}) => + updateOrCreatePicker(state, pickerId, compose(appendSubtree(id, subtree), setNodeStatus(id)(TreeNodeStatus.LOADED))), + + TOGGLE_TREE_PICKER_NODE_COLLAPSE: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, toggleNodeCollapse(id)), + + ACTIVATE_TREE_PICKER_NODE: ({ id, pickerId, relatedTreePickers = [] }) => + pipe( + () => relatedTreePickers.reduce( + (state, relatedPickerId) => updateOrCreatePicker(state, relatedPickerId, deactivateNode), + state + ), + state => updateOrCreatePicker(state, pickerId, activateNode(id)) + )(), + + DEACTIVATE_TREE_PICKER_NODE: ({ pickerId }) => + updateOrCreatePicker(state, pickerId, deactivateNode), + + TOGGLE_TREE_PICKER_NODE_SELECTION: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, toggleNodeSelection(id)), + + SELECT_TREE_PICKER_NODE: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, selectNodes(id)), + + DESELECT_TREE_PICKER_NODE: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, deselectNodes(id)), + + RESET_TREE_PICKER: ({ pickerId }) => updateOrCreatePicker(state, pickerId, createTree), + + EXPAND_TREE_PICKER_NODES: ({ pickerId, ids }) => + updateOrCreatePicker(state, pickerId, expandNode(...ids)), + default: () => state }); -const updateOrCreatePicker = (state: TreePicker, pickerId: string, func: (value: Tree) => Tree) => { +const updateOrCreatePicker = (state: TreePicker, pickerId: string, func: (value: Tree) => Tree) => { const picker = state[pickerId] || createTree(); const updatedPicker = func(picker); return { ...state, [pickerId]: updatedPicker }; }; -const setPending = (value: TreePickerNode): TreePickerNode => - ({ ...value, status: TreeItemStatus.PENDING }); - -const setLoaded = (value: TreePickerNode): TreePickerNode => - ({ ...value, status: TreeItemStatus.LOADED }); - -const toggleCollapse = (value: TreePickerNode): TreePickerNode => - ({ ...value, collapsed: !value.collapsed }); - -const toggleSelect = (nodeId: string) => (value: TreePickerNode): TreePickerNode => - value.nodeId === nodeId - ? ({ ...value, selected: !value.selected }) - : ({ ...value, selected: false }); - -const receiveNodes = (nodes: Array) => (parent: string) => (state: Tree) => - nodes.reduce((tree, node) => - setNode( - createTreeNode(parent)(node) - )(tree), state); - -const createTreeNode = (parent: string) => (node: TreePickerNode): TreeNode => ({ - children: [], - id: node.nodeId, - parent, - value: node -}); +const receiveNodes = (nodes: Array>) => (parent: string) => (state: Tree) => { + const parentNode = getNode(parent)(state); + let newState = state; + if (parentNode) { + newState = setNode({ ...parentNode, children: [] })(state); + } + return nodes.reduce((tree, node) => { + return setNode({ ...node, parent })(tree); + }, newState); +};