@linkurious/ogma-linkurious-parser 4.1.7 → 4.1.8

package/dist/ogma/features/captions.js

@@ -1,117 +0,0 @@
-'use strict';
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CaptionsViz = void 0;
-const __1 = require("../..");
-const tools_1 = require("../../tools/tools");
-class CaptionsViz {
-    constructor(ogma, _nodeMaxTextLength, _edgeMaxTextLength) {
-        this._nodeMaxTextLength = _nodeMaxTextLength;
-        this._edgeMaxTextLength = _edgeMaxTextLength;
-        this._captionSchema = { node: {}, edge: {} };
-        this._graphSchema = { node: [], edge: [] };
-        this._ogma = ogma;
-    }
-    set graphSchema(graphSchema) {
-        this._graphSchema = graphSchema;
-    }
-    /**
-     * Refresh the schema
-     */
-    refreshSchema(schema) {
-        this._captionSchema = schema;
-    }
-    /**
-     * Refresh visualization captions rules
-     */
-    initVizCaptions(schema) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this._ogma.LKCaptions.nodesCaptionsRule) {
-                this._ogma.LKCaptions.refreshSchema(schema);
-                yield this._ogma.LKCaptions.updateNodeCaptions();
-            }
-            else {
-                this._ogma.LKCaptions.updateNodeCaptions(schema.node);
-            }
-            if (this._ogma.LKCaptions.edgesCaptionsRule) {
-                this._ogma.LKCaptions.refreshSchema(schema);
-                yield this._ogma.LKCaptions.updateEdgeCaptions();
-            }
-            else {
-                this._ogma.LKCaptions.updateEdgeCaptions(schema.edge);
-            }
-        });
-    }
-    /**
-     * Create or update nodeCaptionRule
-     */
-    updateNodeCaptions(schema) {
-        if (schema) {
-            this._captionSchema.node = schema;
-        }
-        if (!tools_1.Tools.isDefined(this.nodesCaptionsRule)) {
-            this.nodesCaptionsRule = this._ogma.styles.addRule({
-                nodeAttributes: {
-                    text: {
-                        content: (node) => {
-                            if (node === undefined) {
-                                return ``;
-                            }
-                            const value = __1.Captions.getText(node.getData(), this._captionSchema.node, this._graphSchema.node);
-                            return tools_1.Tools.isDefined(this._nodeMaxTextLength)
-                                ? tools_1.Tools.truncate(value, 'middle', this._nodeMaxTextLength)
-                                : value;
-                        }
-                    }
-                },
-                // We ignore virtual nodes as they have their proper caption
-                nodeSelector: (node) => !node.isVirtual(),
-                nodeDependencies: { self: { data: true } }
-            });
-        }
-        else {
-            return this.nodesCaptionsRule.refresh();
-        }
-    }
-    /**
-     * Create or update edgeCaptionRule
-     */
-    updateEdgeCaptions(schema) {
-        if (schema) {
-            this._captionSchema.edge = schema;
-        }
-        if (!tools_1.Tools.isDefined(this.edgesCaptionsRule)) {
-            this.edgesCaptionsRule = this._ogma.styles.addRule({
-                edgeAttributes: {
-                    text: {
-                        content: (edge) => {
-                            if (edge === undefined || edge.getData() === undefined) {
-                                return ``;
-                            }
-                            const value = __1.Captions.getText(edge.getData(), this._captionSchema.edge, this._graphSchema.edge);
-                            return tools_1.Tools.isDefined(this._edgeMaxTextLength)
-                                ? tools_1.Tools.truncate(value, 'middle', this._edgeMaxTextLength)
-                                : value;
-                        }
-                    }
-                },
-                edgeSelector: (edge) => !edge.isVirtual(),
-                // ogma will trigger the rendering if data change or the shape change (to trigger the rendering when edges are grouped)
-                edgeDependencies: { self: { data: true, attributes: ['shape.style'] } }
-            });
-        }
-        else {
-            return this.edgesCaptionsRule.refresh();
-        }
-    }
-}
-exports.CaptionsViz = CaptionsViz;
-//# sourceMappingURL=captions.js.map

package/dist/ogma/features/captions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"captions.js","sourceRoot":"","sources":["../../../src/ogma/features/captions.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\nimport * as Ogma from '@linkurious/ogma';\nimport {GraphSchemaTypeWithAccess, ItemFieldsCaptions} from '@linkurious/rest-client';\n\nimport {Captions, LKOgma} from '../..';\nimport {Tools} from '../../tools/tools';\n\nexport interface CaptionState {\n  node: ItemFieldsCaptions;\n  edge: ItemFieldsCaptions;\n}\n\nexport class CaptionsViz {\n  public nodesCaptionsRule!: Ogma.StyleRule;\n  public edgesCaptionsRule!: Ogma.StyleRule;\n  private _ogma: LKOgma;\n  private _captionSchema: CaptionState = {node: {}, edge: {}};\n  private _graphSchema: {\n    node: Array<GraphSchemaTypeWithAccess>;\n    edge: Array<GraphSchemaTypeWithAccess>;\n  } = {node: [], edge: []};\n\n  constructor(\n    ogma: LKOgma,\n    private _nodeMaxTextLength: number | undefined,\n    private _edgeMaxTextLength: number | undefined\n  ) {\n    this._ogma = ogma;\n  }\n\n  public set graphSchema(graphSchema: {\n    node: Array<GraphSchemaTypeWithAccess>;\n    edge: Array<GraphSchemaTypeWithAccess>;\n  }) {\n    this._graphSchema = graphSchema;\n  }\n\n  /**\n   * Refresh the schema\n   */\n  public refreshSchema(schema: CaptionState): void {\n    this._captionSchema = schema;\n  }\n\n  /**\n   * Refresh visualization captions rules\n   */\n  public async initVizCaptions(schema: CaptionState): Promise<void> {\n    if (this._ogma.LKCaptions.nodesCaptionsRule) {\n      this._ogma.LKCaptions.refreshSchema(schema);\n      await this._ogma.LKCaptions.updateNodeCaptions();\n    } else {\n      this._ogma.LKCaptions.updateNodeCaptions(schema.node);\n    }\n    if (this._ogma.LKCaptions.edgesCaptionsRule) {\n      this._ogma.LKCaptions.refreshSchema(schema);\n      await this._ogma.LKCaptions.updateEdgeCaptions();\n    } else {\n      this._ogma.LKCaptions.updateEdgeCaptions(schema.edge);\n    }\n  }\n\n  /**\n   * Create or update nodeCaptionRule\n   */\n  public updateNodeCaptions(schema?: ItemFieldsCaptions): Promise<void> | void {\n    if (schema) {\n      this._captionSchema.node = schema;\n    }\n    if (!Tools.isDefined(this.nodesCaptionsRule)) {\n      this.nodesCaptionsRule = this._ogma.styles.addRule({\n        nodeAttributes: {\n          text: {\n            content: (node: Ogma.Node | undefined) => {\n              if (node === undefined) {\n                return ``;\n              }\n              const value = Captions.getText(\n                node.getData(),\n                this._captionSchema.node,\n                this._graphSchema.node\n              );\n              return Tools.isDefined(this._nodeMaxTextLength)\n                ? Tools.truncate(value, 'middle', this._nodeMaxTextLength)\n                : value;\n            }\n          }\n        },\n        // We ignore virtual nodes as they have their proper caption\n        nodeSelector: (node) => !node.isVirtual(),\n        nodeDependencies: {self: {data: true}}\n      });\n    } else {\n      return this.nodesCaptionsRule.refresh();\n    }\n  }\n\n  /**\n   * Create or update edgeCaptionRule\n   */\n  public updateEdgeCaptions(schema?: ItemFieldsCaptions): Promise<void> | void {\n    if (schema) {\n      this._captionSchema.edge = schema;\n    }\n    if (!Tools.isDefined(this.edgesCaptionsRule)) {\n      this.edgesCaptionsRule = this._ogma.styles.addRule({\n        edgeAttributes: {\n          text: {\n            content: (edge: Ogma.Edge | undefined) => {\n              if (edge === undefined || edge.getData() === undefined) {\n                return ``;\n              }\n              const value = Captions.getText(\n                edge.getData(),\n                this._captionSchema.edge,\n                this._graphSchema.edge\n              );\n              return Tools.isDefined(this._edgeMaxTextLength)\n                ? Tools.truncate(value, 'middle', this._edgeMaxTextLength)\n                : value;\n            }\n          }\n        },\n        edgeSelector: (edge) => !edge.isVirtual(),\n        // ogma will trigger the rendering if data change or the shape change (to trigger the rendering when edges are grouped)\n        edgeDependencies: {self: {data: true, attributes: ['shape.style']}}\n      });\n    } else {\n      return this.edgesCaptionsRule.refresh();\n    }\n  }\n}\n"]}

package/dist/ogma/features/nodeGrouping.js

@@ -1,283 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NodeGroupingTransformation = exports.LKE_NODE_GROUPING_NODE = exports.LKE_NODE_GROUPING_EDGE = void 0;
-const sha1_1 = __importDefault(require("sha1"));
-const index_1 = require("../index");
-const tools_1 = require("../../tools/tools");
-exports.LKE_NODE_GROUPING_EDGE = 'LKE_NODE_GROUPING_EDGE';
-exports.LKE_NODE_GROUPING_NODE = 'LKE_NODE_GROUPING_NODE';
-class NodeGroupingTransformation {
-    constructor(ogma) {
-        this._ogma = ogma;
-    }
-    /**
-     * Set the grouping rule
-     * @param rule of grouping
-     */
-    setGroupingRule(rule) {
-        this.groupRule = rule;
-    }
-    /**
-     * create a node grouping transformation
-     * It uses groupRule to define the rule
-     * Group the nodes based on a category type and a property value
-     */
-    initTransformation() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.transformation === undefined) {
-                this.transformation = this._ogma.transformations.addNodeGrouping({
-                    groupIdFunction: (node) => {
-                        var _a;
-                        if (this._isRuleNotApplicableToNode(node)) {
-                            return undefined;
-                        }
-                        else {
-                            const propertyValue = this._findGroupingPropertyValue(node);
-                            // groupRule is defined if not we returned undefined
-                            // node with same value will be part of the same group
-                            return `${(_a = this.groupRule) === null || _a === void 0 ? void 0 : _a.groupingOptions.itemTypes.join('-')}-${propertyValue}`
-                                .toLowerCase()
-                                .trim();
-                        }
-                    },
-                    nodeGenerator: (nodes) => {
-                        return {
-                            data: {
-                                categories: [exports.LKE_NODE_GROUPING_NODE],
-                                properties: {},
-                                nodeGroupId: this._findNodeGroupId(nodes)
-                            }
-                        };
-                    },
-                    edgeGenerator: () => {
-                        return {
-                            data: {
-                                type: exports.LKE_NODE_GROUPING_EDGE
-                            }
-                        };
-                    },
-                    showContents: true,
-                    padding: 10
-                });
-            }
-            else {
-                yield this.refreshTransformation();
-            }
-        });
-    }
-    /**
-     * refresh the transformation
-     * Called when there is a change in the rule
-     */
-    refreshTransformation() {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.transformation !== undefined) {
-                yield this.transformation.refresh();
-                yield this._unpinNodes(this._getAllTransformationRawNodes());
-            }
-            else {
-                yield this.initTransformation();
-            }
-        });
-    }
-    /**
-     * init node grouping style
-     */
-    initNodeGroupingStyle() {
-        this.nodeGroupingStyleRule = this._ogma.styles.addRule({
-            nodeAttributes: {
-                // Any default style will go here
-                text: {
-                    content: (node) => {
-                        return this._getNodeGroupingCaption(node);
-                    },
-                    style: 'bold'
-                },
-                layer: -1,
-                color: 'rgba(240, 240, 240)',
-                innerStroke: {
-                    color: '#7f7f7f',
-                    width: 2
-                }
-            },
-            nodeSelector: (node) => {
-                // TODO: Tools.isDefined(node.getSubNodes()) is a work around for an ogma issue visible when using image export plugin with Node grouping
-                // remove when updating to Ogma v5.1.x
-                return node.isVirtual() && tools_1.Tools.isDefined(node.getSubNodes());
-            },
-            // the style will be updated when data object is updated
-            nodeDependencies: { self: { data: true } }
-        });
-    }
-    refreshNodeGroupingStyle() {
-        return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            yield ((_a = this.nodeGroupingStyleRule) === null || _a === void 0 ? void 0 : _a.refresh());
-        });
-    }
-    /**
-     * run layout on all subnodes of virtual nodes
-     */
-    runLayoutOnAllSubNodes() {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._ogma.transformations.afterNextUpdate();
-            const rawNodesList = this._getAllTransformationRawNodes();
-            const promisesList = [];
-            for (let i = 0; i < rawNodesList.length; i++) {
-                // rawNodesList[i] is not null because each group has at least one node
-                const subNodes = rawNodesList[i];
-                promisesList.push(this.runSubNodesLayout(subNodes));
-            }
-            yield Promise.all(promisesList);
-        });
-    }
-    /**
-     * Run the layout on the subnodes of the virtual node
-     * @param subNodes nodes part of a virtual node
-     */
-    runSubNodesLayout(subNodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (subNodes.size === 0 || subNodes.size === 1) {
-                return;
-            }
-            const noEdges = subNodes.getAdjacentEdges({ bothExtremities: true }).size === 0;
-            if (noEdges) {
-                yield this._runCirclePack(subNodes);
-            }
-            else {
-                yield this._runForceLayout(subNodes);
-            }
-        });
-    }
-    /**
-     * Get the virtual nodes of the transformation
-     * @private
-     */
-    getVirtualNodesOfTransformation() {
-        // @ts-ignore getContext exists on the transformation but hidden by the types
-        return this.transformation.getContext().metaNodes;
-    }
-    /**
-     * Set the node group pin
-     * @param nodeGroups object containing the node group id and the layoutable attribute
-     */
-    setNodeGroupPin(nodeGroups) {
-        return __awaiter(this, void 0, void 0, function* () {
-            this._ogma
-                .getNodes()
-                .filter((node) => node.isVirtual())
-                .forEach((node) => {
-                var _a;
-                const nodeGroupInfo = nodeGroups.find((nodeGroup) => nodeGroup.id === node.getData('nodeGroupId'));
-                if (nodeGroupInfo !== undefined) {
-                    void node.setAttribute('layoutable', (_a = nodeGroupInfo.attributes.layoutable) !== null && _a !== void 0 ? _a : false);
-                }
-            });
-        });
-    }
-    /**
-     * Return the caption of a virtual node
-     * @param node reference to the virtual node
-     */
-    _getNodeGroupingCaption(node) {
-        var _a;
-        // TODO: Normally there is no need to check if getSubNodes return a value, Ogma issue
-        //https://github.com/Linkurious/ogma/issues/3876
-        if (node !== undefined && node.isVirtual() && ((_a = node.getSubNodes()) === null || _a === void 0 ? void 0 : _a.get(0)) !== undefined) {
-            // get the property value of the first node of the group (all nodes share the same property value)
-            const lkPropertyValue = node
-                .getSubNodes()
-                .get(0)
-                .getData(['properties', this.groupRule.groupingOptions.propertyKey]);
-            const propertyValue = tools_1.Tools.getValueFromLkProperty(lkPropertyValue);
-            const size = node.getSubNodes().filter((e) => !e.hasClass('filtered')).size;
-            return `${propertyValue} (${size})`;
-        }
-    }
-    /**
-     * Run the circle pack layout on the subnodes
-     * @param subNodes
-     */
-    _runCirclePack(subNodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._ogma.algorithms.circlePack({
-                nodes: subNodes,
-                margin: 10,
-                sort: 'asc'
-            });
-        });
-    }
-    _runForceLayout(subNodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield this._ogma.layouts.force(Object.assign({ nodes: subNodes }, index_1.FORCE_LAYOUT_CONFIG));
-        });
-    }
-    _isRuleNotApplicableToNode(node) {
-        var _a, _b;
-        const propertyValue = node.getData([
-            'properties',
-            (_b = (_a = this.groupRule) === null || _a === void 0 ? void 0 : _a.groupingOptions.propertyKey) !== null && _b !== void 0 ? _b : ''
-        ]);
-        return (
-        // if the group rule is not defined
-        this.groupRule === undefined ||
-            // if rule is applied to a different category
-            this.groupRule.groupingOptions.itemTypes.every((itemType) => !node.getData('categories').includes(itemType)) ||
-            // if the property value is not defined
-            !tools_1.Tools.isDefined(propertyValue) ||
-            // if the property value is missing
-            (typeof propertyValue === 'object' && propertyValue.status === 'missing'));
-    }
-    /**
-     * Unpin list of nodes
-     * @param nodes
-     * @private
-     */
-    _unpinNodes(nodes) {
-        return __awaiter(this, void 0, void 0, function* () {
-            yield Promise.all(nodes.map((nodeList) => {
-                if (nodeList !== null) {
-                    return nodeList.setAttribute('layoutable', true);
-                }
-            }));
-        });
-    }
-    /**
-     * Get all the raw nodes part of the transformation
-     * @private
-     */
-    _getAllTransformationRawNodes() {
-        const virtualNodes = this.getVirtualNodesOfTransformation();
-        return virtualNodes.getSubNodes();
-    }
-    _findGroupingPropertyValue(node) {
-        var _a, _b;
-        const propertyValue = node.getData([
-            'properties',
-            (_b = (_a = this.groupRule) === null || _a === void 0 ? void 0 : _a.groupingOptions.propertyKey) !== null && _b !== void 0 ? _b : ''
-        ]);
-        return `${tools_1.Tools.getValueFromLkProperty(propertyValue)}`;
-    }
-    /**
-     * Return a hashed string that represents the group id
-     */
-    _findNodeGroupId(nodes) {
-        var _a, _b;
-        const propertyValue = this._findGroupingPropertyValue(nodes.get(0));
-        return (0, sha1_1.default)(`${(_a = this.groupRule) === null || _a === void 0 ? void 0 : _a.name}-${(_b = this.groupRule) === null || _b === void 0 ? void 0 : _b.groupingOptions.itemTypes.join('-')}-${propertyValue}`);
-    }
-}
-exports.NodeGroupingTransformation = NodeGroupingTransformation;
-//# sourceMappingURL=nodeGrouping.js.map

package/dist/ogma/features/nodeGrouping.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nodeGrouping.js","sourceRoot":"","sources":["../../../src/ogma/features/nodeGrouping.ts"],"names":[],"mappings":"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","sourcesContent":["import {Transformation, Node, NodeList, StyleRule} from '@linkurious/ogma';\nimport {\n  IVizNodeGroupInfo,\n  LkEdgeData,\n  LkNodeData,\n  MissingValue,\n  NodeGroupingRule\n} from '@linkurious/rest-client';\nimport sha1 from 'sha1';\n\nimport {FORCE_LAYOUT_CONFIG, LKOgma} from '../index';\nimport {Tools} from '../../tools/tools';\n\nexport const LKE_NODE_GROUPING_EDGE = 'LKE_NODE_GROUPING_EDGE';\nexport const LKE_NODE_GROUPING_NODE = 'LKE_NODE_GROUPING_NODE';\n\nexport class NodeGroupingTransformation {\n  public transformation?: Transformation<LkNodeData, LkEdgeData>;\n  public groupRule?: NodeGroupingRule;\n  public nodeGroupingStyleRule?: StyleRule<LkNodeData, LkEdgeData>;\n  private _ogma: LKOgma;\n\n  constructor(ogma: LKOgma) {\n    this._ogma = ogma;\n  }\n\n  /**\n   * Set the grouping rule\n   * @param rule of grouping\n   */\n  public setGroupingRule(rule: NodeGroupingRule | undefined): void {\n    this.groupRule = rule;\n  }\n\n  /**\n   * create a node grouping transformation\n   * It uses groupRule to define the rule\n   * Group the nodes based on a category type and a property value\n   */\n  public async initTransformation(): Promise<void> {\n    if (this.transformation === undefined) {\n      this.transformation = this._ogma.transformations.addNodeGrouping({\n        groupIdFunction: (node) => {\n          if (this._isRuleNotApplicableToNode(node)) {\n            return undefined;\n          } else {\n            const propertyValue = this._findGroupingPropertyValue(node);\n            // groupRule is defined if not we returned undefined\n            // node with same value will be part of the same group\n            return `${this.groupRule?.groupingOptions.itemTypes.join('-')}-${propertyValue}`\n              .toLowerCase()\n              .trim();\n          }\n        },\n        nodeGenerator: (nodes) => {\n          return {\n            data: {\n              categories: [LKE_NODE_GROUPING_NODE],\n              properties: {},\n              nodeGroupId: this._findNodeGroupId(nodes)\n            }\n          };\n        },\n        edgeGenerator: () => {\n          return {\n            data: {\n              type: LKE_NODE_GROUPING_EDGE\n            }\n          };\n        },\n        showContents: true,\n        padding: 10\n      });\n    } else {\n      await this.refreshTransformation();\n    }\n  }\n\n  /**\n   * refresh the transformation\n   * Called when there is a change in the rule\n   */\n  public async refreshTransformation(): Promise<void> {\n    if (this.transformation !== undefined) {\n      await this.transformation.refresh();\n      await this._unpinNodes(this._getAllTransformationRawNodes());\n    } else {\n      await this.initTransformation();\n    }\n  }\n\n  /**\n   * init node grouping style\n   */\n  public initNodeGroupingStyle(): void {\n    this.nodeGroupingStyleRule = this._ogma.styles.addRule({\n      nodeAttributes: {\n        // Any default style will go here\n        text: {\n          content: (node: Node<LkNodeData> | undefined): string | undefined => {\n            return this._getNodeGroupingCaption(node);\n          },\n          style: 'bold'\n        },\n        layer: -1,\n        color: 'rgba(240, 240, 240)',\n        innerStroke: {\n          color: '#7f7f7f',\n          width: 2\n        }\n      },\n      nodeSelector: (node) => {\n        // TODO: Tools.isDefined(node.getSubNodes()) is a work around for an ogma issue visible when using image export plugin with Node grouping\n        // remove when updating to Ogma v5.1.x\n        return node.isVirtual() && Tools.isDefined(node.getSubNodes());\n      },\n      // the style will be updated when data object is updated\n      nodeDependencies: {self: {data: true}}\n    });\n  }\n\n  public async refreshNodeGroupingStyle(): Promise<void> {\n    await this.nodeGroupingStyleRule?.refresh();\n  }\n\n  /**\n   * run layout on all subnodes of virtual nodes\n   */\n  public async runLayoutOnAllSubNodes(): Promise<void> {\n    await this._ogma.transformations.afterNextUpdate();\n    const rawNodesList = this._getAllTransformationRawNodes();\n    const promisesList: Promise<void>[] = [];\n    for (let i = 0; i < rawNodesList.length; i++) {\n      // rawNodesList[i] is not null because each group has at least one node\n      const subNodes = rawNodesList[i]!;\n      promisesList.push(this.runSubNodesLayout(subNodes));\n    }\n    await Promise.all(promisesList);\n  }\n\n  /**\n   * Run the layout on the subnodes of the virtual node\n   * @param subNodes nodes part of a virtual node\n   */\n  public async runSubNodesLayout(subNodes: NodeList<LkNodeData, LkEdgeData>): Promise<void> {\n    if (subNodes.size === 0 || subNodes.size === 1) {\n      return;\n    }\n\n    const noEdges = subNodes.getAdjacentEdges({bothExtremities: true}).size === 0;\n    if (noEdges) {\n      await this._runCirclePack(subNodes);\n    } else {\n      await this._runForceLayout(subNodes);\n    }\n  }\n\n  /**\n   * Get the virtual nodes of the transformation\n   * @private\n   */\n  public getVirtualNodesOfTransformation(): NodeList<LkNodeData, LkEdgeData> {\n    // @ts-ignore getContext exists on the transformation but hidden by the types\n    return this.transformation.getContext().metaNodes;\n  }\n\n  /**\n   * Set the node group pin\n   * @param nodeGroups object containing the node group id and the layoutable attribute\n   */\n  public async setNodeGroupPin(nodeGroups: IVizNodeGroupInfo[]): Promise<void> {\n    this._ogma\n      .getNodes()\n      .filter((node) => node.isVirtual())\n      .forEach((node) => {\n        const nodeGroupInfo = nodeGroups.find(\n          (nodeGroup) => nodeGroup.id === node.getData('nodeGroupId')\n        );\n        if (nodeGroupInfo !== undefined) {\n          void node.setAttribute('layoutable', nodeGroupInfo.attributes.layoutable ?? false);\n        }\n      });\n  }\n\n  /**\n   * Return the caption of a virtual node\n   * @param node reference to the virtual node\n   */\n  private _getNodeGroupingCaption(node: Node<LkNodeData> | undefined): string | undefined {\n    // TODO: Normally there is no need to check if getSubNodes return a value, Ogma issue\n    //https://github.com/Linkurious/ogma/issues/3876\n    if (node !== undefined && node.isVirtual() && node.getSubNodes()?.get(0) !== undefined) {\n      // get the property value of the first node of the group (all nodes share the same property value)\n      const lkPropertyValue = node\n        .getSubNodes()!\n        .get(0)\n        .getData(['properties', this.groupRule!.groupingOptions.propertyKey]);\n      const propertyValue = Tools.getValueFromLkProperty(lkPropertyValue);\n      const size = node.getSubNodes()!.filter((e) => !e.hasClass('filtered')).size;\n      return `${propertyValue} (${size})`;\n    }\n  }\n\n  /**\n   * Run the circle pack layout on the subnodes\n   * @param subNodes\n   */\n  private async _runCirclePack(subNodes: NodeList<LkNodeData, LkEdgeData>): Promise<void> {\n    await this._ogma.algorithms.circlePack({\n      nodes: subNodes,\n      margin: 10,\n      sort: 'asc'\n    });\n  }\n\n  private async _runForceLayout(subNodes: NodeList<LkNodeData, LkEdgeData>): Promise<void> {\n    await this._ogma.layouts.force({\n      nodes: subNodes,\n      ...FORCE_LAYOUT_CONFIG\n    });\n  }\n\n  private _isRuleNotApplicableToNode(node: Node<LkNodeData>): boolean {\n    const propertyValue = node.getData([\n      'properties',\n      this.groupRule?.groupingOptions.propertyKey ?? ''\n    ]);\n    return (\n      // if the group rule is not defined\n      this.groupRule === undefined ||\n      // if rule is applied to a different category\n      this.groupRule.groupingOptions.itemTypes.every(\n        (itemType) => !node.getData('categories').includes(itemType)\n      ) ||\n      // if the property value is not defined\n      !Tools.isDefined(propertyValue) ||\n      // if the property value is missing\n      (typeof propertyValue === 'object' && (propertyValue as MissingValue).status === 'missing')\n    );\n  }\n\n  /**\n   * Unpin list of nodes\n   * @param nodes\n   * @private\n   */\n  private async _unpinNodes(nodes: Array<NodeList | null>): Promise<void> {\n    await Promise.all(\n      nodes.map((nodeList) => {\n        if (nodeList !== null) {\n          return nodeList.setAttribute('layoutable', true);\n        }\n      })\n    );\n  }\n\n  /**\n   * Get all the raw nodes part of the transformation\n   * @private\n   */\n  private _getAllTransformationRawNodes(): Array<NodeList | null> {\n    const virtualNodes = this.getVirtualNodesOfTransformation();\n    return virtualNodes.getSubNodes();\n  }\n\n  private _findGroupingPropertyValue(node: Node<LkNodeData>): string {\n    const propertyValue = node.getData([\n      'properties',\n      this.groupRule?.groupingOptions.propertyKey ?? ''\n    ]);\n    return `${Tools.getValueFromLkProperty(propertyValue)}`;\n  }\n\n  /**\n   * Return a hashed string that represents the group id\n   */\n  private _findNodeGroupId(nodes: NodeList<LkNodeData, LkEdgeData>): string {\n    const propertyValue = this._findGroupingPropertyValue(nodes.get(0));\n    return sha1(\n      `${this.groupRule?.name}-${this.groupRule?.groupingOptions.itemTypes.join(\n        '-'\n      )}-${propertyValue}`\n    );\n  }\n}\n"]}

package/dist/ogma/features/reactive.js

@@ -1,132 +0,0 @@
-'use strict';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DummyNodeList = exports.RxViz = void 0;
-const OgmaStore_1 = require("./OgmaStore");
-class RxViz {
-    constructor(ogma) {
-        this._store = new OgmaStore_1.OgmaStore({
-            selection: new DummyNodeList(),
-            items: { node: [], edge: [] },
-            changes: undefined,
-            animation: false
-        });
-        this._ogma = ogma;
-        this.listenToSelectionEvents();
-    }
-    get store() {
-        return this._store;
-    }
-    /**
-     * Listen to ogma events and update the state
-     */
-    listenToSelectionEvents() {
-        let currentAnimationEnd = Date.now();
-        let isCurrentlyAnimating = false;
-        this._ogma.events.on('animate', (e) => {
-            if (e.updatesPositions === false) {
-                // ignore animations that don't change the node/edge positions, e.g: Hover
-                return;
-            }
-            if (!isCurrentlyAnimating) {
-                isCurrentlyAnimating = true;
-                this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { animation: true })));
-            }
-            const nextAnimationEnd = Math.max(currentAnimationEnd, Date.now() + e.duration);
-            if (nextAnimationEnd === currentAnimationEnd) {
-                // Say animation 2 fires after animation 1 but has a much shorter duration
-                // In such a way that animation 1 will still complete after animation 2
-                // In that case we can safely ignore animation 2
-                return;
-            }
-            currentAnimationEnd = nextAnimationEnd;
-            const safeAnimationTimeoutMs = currentAnimationEnd - Date.now() + 16; // animation duration + duration of a single frame at 60 fps = 16ms
-            clearTimeout(this._animationThrottle);
-            this._animationThrottle = setTimeout(() => {
-                isCurrentlyAnimating = false;
-                this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { animation: false })));
-            }, safeAnimationTimeoutMs);
-        });
-        this._ogma.events.on('dragStart', () => {
-            this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { animation: true })));
-        });
-        this._ogma.events.on('dragEnd', () => {
-            this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { animation: false })));
-        });
-        this._ogma.events.on('addNodes', () => {
-            this._store.dispatch(this.storeItems.bind(this));
-        });
-        this._ogma.events.on('removeNodes', () => {
-            this._store.dispatch(this.storeItems.bind(this));
-        });
-        this._ogma.events.on('addEdges', () => {
-            this._store.dispatch(this.storeItems.bind(this));
-        });
-        this._ogma.events.on('removeEdges', () => {
-            this._store.dispatch(this.storeItems.bind(this));
-        });
-        this._ogma.events.on('nodesSelected', () => {
-            this._store.dispatch(this.storeNodeSelection.bind(this));
-        });
-        this._ogma.events.on('edgesSelected', () => {
-            this._store.dispatch(this.storeEdgeSelection.bind(this));
-        });
-        this._ogma.events.on('nodesUnselected', () => {
-            this._store.dispatch(this.storeNodeSelection.bind(this));
-        });
-        this._ogma.events.on('edgesUnselected', () => {
-            this._store.dispatch(this.storeEdgeSelection.bind(this));
-        });
-        this._ogma.events.on('updateNodeData', (evt) => {
-            if (evt !== undefined) {
-                evt.changes.forEach((change) => {
-                    this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { changes: {
-                            entityType: 'node',
-                            input: change.property,
-                            value: change.newValues[0]
-                        } })));
-                });
-            }
-        });
-        this._ogma.events.on('updateEdgeData', (evt) => {
-            if (evt !== undefined) {
-                evt.changes.forEach((change) => {
-                    this._store.dispatch((state) => (Object.assign(Object.assign({}, state), { changes: {
-                            entityType: 'edge',
-                            input: change.property,
-                            value: change.newValues[0]
-                        } })));
-                });
-            }
-        });
-    }
-    /**
-     * Store new items in state
-     */
-    storeItems(state) {
-        return Object.assign(Object.assign({}, state), { items: {
-                node: this._ogma.getNodes().getId(),
-                edge: this._ogma.getEdges().getId()
-            } });
-    }
-    /**
-     * Store new node selection in state
-     */
-    storeNodeSelection(state) {
-        return Object.assign(Object.assign({}, state), { selection: this._ogma.getSelectedNodes() });
-    }
-    /**
-     * store new edge selection in state
-     */
-    storeEdgeSelection(state) {
-        return Object.assign(Object.assign({}, state), { selection: this._ogma.getSelectedEdges() });
-    }
-}
-exports.RxViz = RxViz;
-class DummyNodeList {
-    constructor() {
-        this.size = 0;
-        this.isNode = true;
-    }
-}
-exports.DummyNodeList = DummyNodeList;
-//# sourceMappingURL=reactive.js.map

package/dist/ogma/features/reactive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"reactive.js","sourceRoot":"","sources":["../../../src/ogma/features/reactive.ts"],"names":[],"mappings":"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","sourcesContent":["'use strict';\n\nimport Ogma, {NodeList, EdgeList} from '@linkurious/ogma';\nimport {LkEdgeData, LkNodeData} from '@linkurious/rest-client';\n\nimport {LKOgma} from '../index';\n\nimport {OgmaStore} from './OgmaStore';\n\nexport interface OgmaState {\n  selection: NodeList<LkNodeData, LkEdgeData> | EdgeList<LkEdgeData, LkNodeData>;\n  items: {node: Array<string | number>; edge: Array<string | number>};\n  changes: {entityType: 'node' | 'edge'; input: string | string[] | null; value: any} | undefined;\n  /**\n   * Indicates whether the positions of nodes or edges are currently transitioning.\n   */\n  animation: boolean;\n}\n\nexport class RxViz {\n  private _ogma: Ogma;\n  private _store: OgmaStore = new OgmaStore({\n    selection: new DummyNodeList() as any,\n    items: {node: [], edge: []},\n    changes: undefined,\n    animation: false\n  });\n  private _animationThrottle: any;\n\n  constructor(ogma: LKOgma) {\n    this._ogma = ogma;\n    this.listenToSelectionEvents();\n  }\n\n  public get store(): OgmaStore {\n    return this._store;\n  }\n\n  /**\n   * Listen to ogma events and update the state\n   */\n  public listenToSelectionEvents(): void {\n    let currentAnimationEnd = Date.now();\n    let isCurrentlyAnimating = false;\n    this._ogma.events.on('animate', (e: {duration: number; updatesPositions: boolean}) => {\n      if (e.updatesPositions === false) {\n        // ignore animations that don't change the node/edge positions, e.g: Hover\n        return;\n      }\n      if (!isCurrentlyAnimating) {\n        isCurrentlyAnimating = true;\n        this._store.dispatch((state) => ({...state, animation: true}));\n      }\n      const nextAnimationEnd = Math.max(currentAnimationEnd, Date.now() + e.duration);\n      if (nextAnimationEnd === currentAnimationEnd) {\n        // Say animation 2 fires after animation 1 but has a much shorter duration\n        // In such a way that animation 1 will still complete after animation 2\n        // In that case we can safely ignore animation 2\n        return;\n      }\n      currentAnimationEnd = nextAnimationEnd;\n      const safeAnimationTimeoutMs = currentAnimationEnd - Date.now() + 16; // animation duration + duration of a single frame at 60 fps = 16ms\n      clearTimeout(this._animationThrottle);\n      this._animationThrottle = setTimeout(() => {\n        isCurrentlyAnimating = false;\n        this._store.dispatch((state) => ({...state, animation: false}));\n      }, safeAnimationTimeoutMs);\n    });\n\n    this._ogma.events.on('dragStart', () => {\n      this._store.dispatch((state) => ({...state, animation: true}));\n    });\n\n    this._ogma.events.on('dragEnd', () => {\n      this._store.dispatch((state) => ({...state, animation: false}));\n    });\n\n    this._ogma.events.on('addNodes', () => {\n      this._store.dispatch(this.storeItems.bind(this));\n    });\n    this._ogma.events.on('removeNodes', () => {\n      this._store.dispatch(this.storeItems.bind(this));\n    });\n    this._ogma.events.on('addEdges', () => {\n      this._store.dispatch(this.storeItems.bind(this));\n    });\n    this._ogma.events.on('removeEdges', () => {\n      this._store.dispatch(this.storeItems.bind(this));\n    });\n\n    this._ogma.events.on('nodesSelected', () => {\n      this._store.dispatch(this.storeNodeSelection.bind(this));\n    });\n\n    this._ogma.events.on('edgesSelected', () => {\n      this._store.dispatch(this.storeEdgeSelection.bind(this));\n    });\n\n    this._ogma.events.on('nodesUnselected', () => {\n      this._store.dispatch(this.storeNodeSelection.bind(this));\n    });\n\n    this._ogma.events.on('edgesUnselected', () => {\n      this._store.dispatch(this.storeEdgeSelection.bind(this));\n    });\n\n    this._ogma.events.on('updateNodeData', (evt) => {\n      if (evt !== undefined) {\n        evt.changes.forEach((change) => {\n          this._store.dispatch((state) => ({\n            ...state,\n            changes: {\n              entityType: 'node',\n              input: change.property,\n              value: change.newValues[0]\n            }\n          }));\n        });\n      }\n    });\n\n    this._ogma.events.on('updateEdgeData', (evt) => {\n      if (evt !== undefined) {\n        evt.changes.forEach((change) => {\n          this._store.dispatch((state) => ({\n            ...state,\n            changes: {\n              entityType: 'edge',\n              input: change.property,\n              value: change.newValues[0]\n            }\n          }));\n        });\n      }\n    });\n  }\n\n  /**\n   * Store new items in state\n   */\n  private storeItems(state: OgmaState): OgmaState {\n    return {\n      ...state,\n      items: {\n        node: this._ogma.getNodes().getId(),\n        edge: this._ogma.getEdges().getId()\n      }\n    };\n  }\n\n  /**\n   * Store new node selection in state\n   */\n  private storeNodeSelection(state: OgmaState): OgmaState {\n    return {\n      ...state,\n      selection: this._ogma.getSelectedNodes()\n    };\n  }\n\n  /**\n   * store new edge selection in state\n   */\n  private storeEdgeSelection(state: OgmaState): OgmaState {\n    return {\n      ...state,\n      selection: this._ogma.getSelectedEdges()\n    };\n  }\n}\n\nexport class DummyNodeList {\n  public size = 0;\n  public isNode = true;\n}\n"]}