X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/23962688961f81c0fbdb20870096024ded86a0b5..38c87aec8a898f4d1c180be6a7554523aeadcb83:/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 d195a98a..349240ea 100644 --- a/src/store/tree-picker/tree-picker-reducer.ts +++ b/src/store/tree-picker/tree-picker-reducer.ts @@ -2,52 +2,71 @@ // // SPDX-License-Identifier: AGPL-3.0 -import { createTree, setNodeValueWith, TreeNode, setNode, mapTree, mapTreeValues } 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 = createTree(), action: TreePickerAction) => +export const treePickerReducer = (state: TreePicker = {}, action: TreePickerAction) => treePickerActions.match(action, { - LOAD_TREE_PICKER_NODE: ({ id }) => - setNodeValueWith(setPending)(id)(state), - LOAD_TREE_PICKER_NODE_SUCCESS: ({ id, nodes }) => { - const [newState] = [state] - .map(receiveNodes(nodes)(id)) - .map(setNodeValueWith(setLoaded)(id)); - return newState; - }, - TOGGLE_TREE_PICKER_NODE_COLLAPSE: ({ id }) => - setNodeValueWith(toggleCollapse)(id)(state), - TOGGLE_TREE_PICKER_NODE_SELECT: ({ id }) => - mapTreeValues(toggleSelect(id))(state), - default: () => state - }); + 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)), -const setPending = (value: TreePickerNode): TreePickerNode => - ({ ...value, status: TreeItemStatus.PENDING }); + ACTIVATE_TREE_PICKER_NODE: ({ id, pickerId, relatedTreePickers = [] }) => + pipe( + () => relatedTreePickers.reduce( + (state, relatedPickerId) => updateOrCreatePicker(state, relatedPickerId, deactivateNode), + state + ), + state => updateOrCreatePicker(state, pickerId, activateNode(id)) + )(), -const setLoaded = (value: TreePickerNode): TreePickerNode => - ({ ...value, status: TreeItemStatus.LOADED }); + DEACTIVATE_TREE_PICKER_NODE: ({ pickerId }) => + updateOrCreatePicker(state, pickerId, deactivateNode), -const toggleCollapse = (value: TreePickerNode): TreePickerNode => - ({ ...value, collapsed: !value.collapsed }); + TOGGLE_TREE_PICKER_NODE_SELECTION: ({ id, pickerId }) => + updateOrCreatePicker(state, pickerId, toggleNodeSelection(id)), -const toggleSelect = (id: string) => (value: TreePickerNode): TreePickerNode => - value.id === id - ? ({ ...value, selected: !value.selected }) - : ({ ...value, selected: false }); + 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 receiveNodes = (nodes: Array) => (parent: string) => (state: TreePicker) => - nodes.reduce((tree, node) => - setNode( - createTreeNode(parent)(node) - )(tree), state); +const updateOrCreatePicker = (state: TreePicker, pickerId: string, func: (value: Tree) => Tree) => { + const picker = state[pickerId] || createTree(); + const updatedPicker = func(picker); + return { ...state, [pickerId]: updatedPicker }; +}; -const createTreeNode = (parent: string) => (node: TreePickerNode): TreeNode => ({ - children: [], - id: node.id, - parent, - value: node -}); \ No newline at end of file +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); +};