X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/772cf27f6c086cc59a71211ca9df74c33414a859..ceca6c57cc7d0357ab74abd47b80633a885ec575:/src/models/tree.ts diff --git a/src/models/tree.ts b/src/models/tree.ts index 1f1e308a..f0b53b46 100644 --- a/src/models/tree.ts +++ b/src/models/tree.ts @@ -1,18 +1,27 @@ -import { Children } from "../../node_modules/@types/react"; - // Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 +import { pipe } from 'lodash/fp'; export type Tree = Record>; export const TREE_ROOT_ID = ''; -export interface TreeNode { +export interface TreeNode { children: string[]; value: T; id: string; parent: string; + active: boolean; + selected: boolean; + expanded: boolean; + status: TreeNodeStatus; +} + +export enum TreeNodeStatus { + INITIAL = 'INITIAL', + PENDING = 'PENDING', + LOADED = 'LOADED', } export const createTree = (): Tree => ({}); @@ -20,39 +29,60 @@ export const createTree = (): Tree => ({}); export const getNode = (id: string) => (tree: Tree): TreeNode | undefined => tree[id]; export const setNode = (node: TreeNode) => (tree: Tree): Tree => { - const [newTree] = [tree] - .map(tree => getNode(node.id)(tree) === node + return pipe( + (tree: Tree) => getNode(node.id)(tree) === node ? tree - : Object.assign({}, tree, { [node.id]: node })) - .map(addChild(node.parent, node.id)); - return newTree; + : { ...tree, [node.id]: node }, + addChild(node.parent, node.id) + )(tree); }; -export const addChild = (parentId: string, childId: string) => (tree: Tree): Tree => { - const node = getNode(parentId)(tree); - if (node) { - const children = node.children.some(id => id === childId) - ? node.children - : [...node.children, childId]; +export const getNodeValue = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + return node ? node.value : undefined; +}; - const newNode = children === node.children - ? node - : { ...node, children }; +export const setNodeValue = (id: string) => (value: T) => (tree: Tree) => { + const node = getNode(id)(tree); + return node + ? setNode(mapNodeValue(() => value)(node))(tree) + : tree; +}; - return setNode(newNode)(tree); - } - return tree; +export const setNodeValueWith = (mapFn: (value: T) => T) => (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + return node + ? setNode(mapNodeValue(mapFn)(node))(tree) + : tree; }; +export const mapTreeValues = (mapFn: (value: T) => R) => (tree: Tree): Tree => + getNodeDescendantsIds('')(tree) + .map(id => getNode(id)(tree)) + .map(mapNodeValue(mapFn)) + .reduce((newTree, node) => setNode(node)(newTree), createTree()); -export const getNodeAncestors = (id: string) => (tree: Tree): string[] => { +export const mapTree = (mapFn: (node: TreeNode) => TreeNode) => (tree: Tree): Tree => + getNodeDescendantsIds('')(tree) + .map(id => getNode(id)(tree)) + .map(mapFn) + .reduce((newTree, node) => setNode(node)(newTree), createTree()); + +export const getNodeAncestors = (id: string) => (tree: Tree) => + mapIdsToNodes(getNodeAncestorsIds(id)(tree))(tree); + + +export const getNodeAncestorsIds = (id: string) => (tree: Tree): string[] => { const node = getNode(id)(tree); return node && node.parent - ? [...getNodeAncestors(node.parent)(tree), node.parent] + ? [...getNodeAncestorsIds(node.parent)(tree), node.parent] : []; }; -export const getNodeDescendants = (id: string, limit = Infinity) => (tree: Tree): string[] => { +export const getNodeDescendants = (id: string, limit = Infinity) => (tree: Tree) => + mapIdsToNodes(getNodeDescendantsIds(id, limit)(tree))(tree); + +export const getNodeDescendantsIds = (id: string, limit = Infinity) => (tree: Tree): string[] => { const node = getNode(id)(tree); const children = node ? node.children : id === TREE_ROOT_ID @@ -63,27 +93,118 @@ export const getNodeDescendants = (id: string, limit = Infinity) => (tree: Tr .concat(limit < 1 ? [] : children - .map(id => getNodeDescendants(id, limit - 1)(tree)) + .map(id => getNodeDescendantsIds(id, limit - 1)(tree)) .reduce((nodes, nodeChildren) => [...nodes, ...nodeChildren], [])); }; -export const getNodeChildren = (id: string) => (tree: Tree): string[] => - getNodeDescendants(id, 0)(tree); +export const getNodeChildren = (id: string) => (tree: Tree) => + mapIdsToNodes(getNodeChildrenIds(id)(tree))(tree); -export const mapNodes = (ids: string[]) => (mapFn: (node: TreeNode) => TreeNode) => (tree: Tree): Tree => - ids - .map(id => getNode(id)(tree)) - .map(mapFn) - .map(setNode) - .reduce((tree, update) => update(tree), tree); +export const getNodeChildrenIds = (id: string) => (tree: Tree): string[] => + getNodeDescendantsIds(id, 0)(tree); -export const mapTree = (mapFn: (node: TreeNode) => TreeNode) => (tree: Tree): Tree => - getNodeDescendants('')(tree) - .map(id => getNode(id)(tree)) - .map(mapFn) - .reduce((newTree, node) => setNode(node)(newTree), createTree()); +export const mapIdsToNodes = (ids: string[]) => (tree: Tree) => + ids.map(id => getNode(id)(tree)).filter((node): node is TreeNode => node !== undefined); + +export const activateNode = (id: string) => (tree: Tree) => + mapTree(node => node.id === id ? { ...node, active: true } : { ...node, active: false })(tree); + +export const deactivateNode = (tree: Tree) => + mapTree(node => node.active ? { ...node, active: false } : node)(tree); + +export const expandNode = (...ids: string[]) => (tree: Tree) => + mapTree(node => ids.some(id => id === node.id) ? { ...node, expanded: true } : node)(tree); + +export const collapseNode = (...ids: string[]) => (tree: Tree) => + mapTree(node => ids.some(id => id === node.id) ? { ...node, expanded: false } : node)(tree); + +export const toggleNodeCollapse = (...ids: string[]) => (tree: Tree) => + mapTree(node => ids.some(id => id === node.id) ? { ...node, expanded: !node.expanded } : node)(tree); + +export const setNodeStatus = (id: string) => (status: TreeNodeStatus) => (tree: Tree) => { + const node = getNode(id)(tree); + return node + ? setNode({ ...node, status })(tree) + : tree; +}; -export const mapNodeValue = (mapFn: (value: T) => T) => (node: TreeNode) => +export const toggleNodeSelection = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + return node + ? pipe( + setNode({ ...node, selected: !node.selected }), + toggleAncestorsSelection(id), + toggleDescendantsSelection(id))(tree) + : tree; + +}; + +export const selectNode = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + return node && node.selected + ? tree + : toggleNodeSelection(id)(tree); +}; + +export const selectNodes = (id: string | string[]) => (tree: Tree) => { + const ids = typeof id === 'string' ? [id] : id; + return ids.reduce((tree, id) => selectNode(id)(tree), tree); +}; +export const deselectNode = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + return node && node.selected + ? toggleNodeSelection(id)(tree) + : tree; +}; + +export const deselectNodes = (id: string | string[]) => (tree: Tree) => { + const ids = typeof id === 'string' ? [id] : id; + return ids.reduce((tree, id) => deselectNode(id)(tree), tree); +}; + +export const initTreeNode = (data: Pick, 'id' | 'value'> & { parent?: string }): TreeNode => ({ + children: [], + active: false, + selected: false, + expanded: false, + status: TreeNodeStatus.INITIAL, + parent: '', + ...data, +}); + +const toggleDescendantsSelection = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + if (node) { + return getNodeDescendants(id)(tree) + .reduce((newTree, subNode) => + setNode({ ...subNode, selected: node.selected })(newTree), + tree); + } + return tree; +}; + +const toggleAncestorsSelection = (id: string) => (tree: Tree) => { + const ancestors = getNodeAncestorsIds(id)(tree).reverse(); + return ancestors.reduce((newTree, parent) => parent ? toggleParentNodeSelection(parent)(newTree) : newTree, tree); +}; + +const toggleParentNodeSelection = (id: string) => (tree: Tree) => { + const node = getNode(id)(tree); + if (node) { + const parentNode = getNode(node.id)(tree); + if (parentNode) { + const selected = parentNode.children + .map(id => getNode(id)(tree)) + .every(node => node !== undefined && node.selected); + return setNode({ ...parentNode, selected })(tree); + } + return setNode(node)(tree); + } + return tree; +}; + + +const mapNodeValue = (mapFn: (value: T) => R) => (node: TreeNode): TreeNode => ({ ...node, value: mapFn(node.value) }); const getRootNodeChildren = (tree: Tree) => @@ -91,5 +212,18 @@ const getRootNodeChildren = (tree: Tree) => .keys(tree) .filter(id => getNode(id)(tree)!.parent === TREE_ROOT_ID); +const addChild = (parentId: string, childId: string) => (tree: Tree): Tree => { + const node = getNode(parentId)(tree); + if (node) { + const children = node.children.some(id => id === childId) + ? node.children + : [...node.children, childId]; + const newNode = children === node.children + ? node + : { ...node, children }; + return setNode(newNode)(tree); + } + return tree; +};