src/store/tree-picker/tree-picker-reducer.ts

   1 // Copyright (C) The Arvados Authors. All rights reserved.
   2 //
   3 // SPDX-License-Identifier: AGPL-3.0
   4
   5 import {
   6     createTree, TreeNode, setNode, Tree, TreeNodeStatus, setNodeStatus,
   7     expandNode, deactivateNode, selectNodes, deselectNodes,
   8     activateNode, getNode, toggleNodeCollapse, toggleNodeSelection, appendSubtree
   9 } from 'models/tree';
  10 import { TreePicker } from "./tree-picker";
  11 import { treePickerActions, treePickerSearchActions, TreePickerAction, TreePickerSearchAction, LoadProjectParams } from "./tree-picker-actions";
  12 import { compose } from "redux";
  13 import { pipe } from 'lodash/fp';
  14
  15 export const treePickerReducer = (state: TreePicker = {}, action: TreePickerAction) =>
  16     treePickerActions.match(action, {
  17         LOAD_TREE_PICKER_NODE: ({ id, pickerId }) =>
  18             updateOrCreatePicker(state, pickerId, setNodeStatus(id)(TreeNodeStatus.PENDING)),
  19
  20         LOAD_TREE_PICKER_NODE_SUCCESS: ({ id, nodes, pickerId }) =>
  21             updateOrCreatePicker(state, pickerId, compose(receiveNodes(nodes)(id), setNodeStatus(id)(TreeNodeStatus.LOADED))),
  22
  23         APPEND_TREE_PICKER_NODE_SUBTREE: ({ id, subtree, pickerId }) =>
  24             updateOrCreatePicker(state, pickerId, compose(appendSubtree(id, subtree), setNodeStatus(id)(TreeNodeStatus.LOADED))),
  25
  26         TOGGLE_TREE_PICKER_NODE_COLLAPSE: ({ id, pickerId }) =>
  27             updateOrCreatePicker(state, pickerId, toggleNodeCollapse(id)),
  28
  29         EXPAND_TREE_PICKER_NODE: ({ id, pickerId }) =>
  30             updateOrCreatePicker(state, pickerId, expandNode(id)),
  31
  32         ACTIVATE_TREE_PICKER_NODE: ({ id, pickerId, relatedTreePickers = [] }) =>
  33             pipe(
  34                 () => relatedTreePickers.reduce(
  35                     (state, relatedPickerId) => updateOrCreatePicker(state, relatedPickerId, deactivateNode),
  36                     state
  37                 ),
  38                 state => updateOrCreatePicker(state, pickerId, activateNode(id))
  39             )(),
  40
  41         DEACTIVATE_TREE_PICKER_NODE: ({ pickerId }) =>
  42             updateOrCreatePicker(state, pickerId, deactivateNode),
  43
  44         TOGGLE_TREE_PICKER_NODE_SELECTION: ({ id, pickerId }) =>
  45             updateOrCreatePicker(state, pickerId, toggleNodeSelection(id)),
  46
  47         SELECT_TREE_PICKER_NODE: ({ id, pickerId }) =>
  48             updateOrCreatePicker(state, pickerId, selectNodes(id)),
  49
  50         DESELECT_TREE_PICKER_NODE: ({ id, pickerId }) =>
  51             updateOrCreatePicker(state, pickerId, deselectNodes(id)),
  52
  53         RESET_TREE_PICKER: ({ pickerId }) =>
  54             updateOrCreatePicker(state, pickerId, createTree),
  55
  56         EXPAND_TREE_PICKER_NODES: ({ pickerId, ids }) =>
  57             updateOrCreatePicker(state, pickerId, expandNode(...ids)),
  58
  59         default: () => state
  60     });
  61
  62 const updateOrCreatePicker = <V>(state: TreePicker, pickerId: string, func: (value: Tree<V>) => Tree<V>) => {
  63     const picker = state[pickerId] || createTree();
  64     const updatedPicker = func(picker);
  65     return { ...state, [pickerId]: updatedPicker };
  66 };
  67
  68 const receiveNodes = <V>(nodes: Array<TreeNode<V>>) => (parent: string) => (state: Tree<V>) => {
  69     const parentNode = getNode(parent)(state);
  70     let newState = state;
  71     if (parentNode) {
  72         newState = setNode({ ...parentNode, children: [] })(state);
  73     }
  74     return nodes.reduce((tree, node) => {
  75         const preexistingNode = getNode(node.id)(state);
  76         if (preexistingNode) {
  77             node = { ...preexistingNode, value: node.value };
  78         }
  79         return setNode({ ...node, parent })(tree);
  80     }, newState);
  81 };
  82
  83 interface TreePickerSearch {
  84     projectSearchValues: { [pickerId: string]: string };
  85     collectionFilterValues: { [pickerId: string]: string };
  86     loadProjectParams: { [pickerId: string]: LoadProjectParams };
  87 }
  88
  89 export const treePickerSearchReducer = (state: TreePickerSearch = { projectSearchValues: {}, collectionFilterValues: {}, loadProjectParams: {} }, action: TreePickerSearchAction) =>
  90     treePickerSearchActions.match(action, {
  91         SET_TREE_PICKER_PROJECT_SEARCH: ({ pickerId, projectSearchValue }) => ({
  92             ...state, projectSearchValues: { ...state.projectSearchValues, [pickerId]: projectSearchValue }
  93         }),
  94
  95         SET_TREE_PICKER_COLLECTION_FILTER: ({ pickerId, collectionFilterValue }) => ({
  96             ...state, collectionFilterValues: { ...state.collectionFilterValues, [pickerId]: collectionFilterValue }
  97         }),
  98
  99         SET_TREE_PICKER_LOAD_PARAMS: ({ pickerId, params }) => ({
 100             ...state, loadProjectParams: { ...state.loadProjectParams, [pickerId]: params }
 101         }),
 102
 103         default: () => state
 104     });