@reltio/components 1.4.872 → 1.4.876

package/components/history/HistoryGraph/HistoryCircle.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare type Props = {
+    x: number;
+    y: number;
+    color: string;
+    isDashed?: boolean;
+    isCollapsed?: boolean;
+    showCollapseIcon?: boolean;
+    showLine?: boolean;
+};
+export declare const BUMP_RADIUS = 3;
+export declare const LINE_MARGIN = 4;
+declare const HistoryCircle: ({ x, y, color, isDashed, isCollapsed, showCollapseIcon, showLine }: Props) => JSX.Element;
+export default HistoryCircle;

package/components/history/HistoryGraph/HistoryCircle.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LINE_MARGIN = exports.BUMP_RADIUS = void 0;
+var react_1 = __importDefault(require("react"));
+exports.BUMP_RADIUS = 3;
+exports.LINE_MARGIN = 4;
+var HistoryCircle = function (_a) {
+    var x = _a.x, y = _a.y, color = _a.color, isDashed = _a.isDashed, isCollapsed = _a.isCollapsed, showCollapseIcon = _a.showCollapseIcon, showLine = _a.showLine;
+    var radius = showCollapseIcon ? exports.BUMP_RADIUS * 2 : exports.BUMP_RADIUS;
+    return (react_1.default.createElement("g", null,
+        showLine && (react_1.default.createElement("rect", { id: "line", x: x - radius - exports.LINE_MARGIN, y: y - radius - exports.LINE_MARGIN, width: radius * 2 + exports.LINE_MARGIN * 2, height: 2, fill: color })),
+        react_1.default.createElement("circle", { cx: x, cy: y, r: radius, fill: isDashed ? '#fff' : color, stroke: color, strokeDasharray: isDashed ? '1,1' : undefined, strokeWidth: 2 }),
+        showCollapseIcon && (react_1.default.createElement("g", { id: "icon" },
+            react_1.default.createElement("rect", { x: x - 4, y: y - 1, width: 8, height: 2, fill: "#fff" }),
+            isCollapsed && react_1.default.createElement("rect", { x: x - 1, y: y - 4, width: 2, height: 8, fill: "#fff" })))));
+};
+exports.default = HistoryCircle;

package/components/history/HistoryGraph/HistoryGraph.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { HistoryData } from '../types';
+declare type Props = {
+    graphData: HistoryData;
+};
+declare const _default: React.MemoExoticComponent<({ graphData }: Props) => JSX.Element>;
+export default _default;

package/components/history/HistoryGraph/HistoryGraph.js

@@ -0,0 +1,86 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var HistoryLink_1 = __importDefault(require("./HistoryLink"));
+var HistoryCircle_1 = __importDefault(require("./HistoryCircle"));
+var types_1 = require("../types");
+var helpers_1 = require("./helpers");
+var COL_WIDTH = 16;
+var COL_MARGIN = 24;
+var ROW_MARGIN = 16;
+var ROW_HEIGHT = 16;
+var HistoryGraph = function (_a) {
+    var graphData = _a.graphData;
+    var historyLanes = graphData.historyLanes, rows = graphData.rows;
+    var rowPositions = [ROW_MARGIN];
+    var _b = rows.reduce(function (acc, _a, i) {
+        var uri = _a.uri, height = _a.height, uris = _a.uris, type = _a.type, index = _a.index;
+        var x = historyLanes[uri].index * COL_WIDTH + COL_MARGIN;
+        var y = rowPositions[i];
+        rowPositions.push(y + height);
+        var isFakeType = helpers_1.isFakeHistoryType(type);
+        var circleUri = isFakeType ? uris[0] : uri;
+        var isCollapsed = !(uris === null || uris === void 0 ? void 0 : uris.some(function (uri) { return historyLanes[uri]; }));
+        acc.circles.push(react_1.default.createElement(HistoryCircle_1.default, { key: "circle-" + circleUri + "-" + i, x: x, y: y, color: mdm_sdk_1.getContributorColor(circleUri), isDashed: isFakeType, isCollapsed: isCollapsed, showCollapseIcon: !!uris, showLine: type === types_1.HistoryChangeTypes.FAKE_NAVIGATE_PROFILE }));
+        acc.rowLines.push(react_1.default.createElement("rect", { key: circleUri + "-" + index, x: x, y: y - ROW_HEIGHT / 2, width: '100%', height: ROW_HEIGHT, fill: mdm_sdk_1.getContributorColor(circleUri), opacity: 0.06 }));
+        var isUpRight = type === types_1.HistoryChangeTypes.ENTITIES_SPLITTED;
+        uris === null || uris === void 0 ? void 0 : uris.forEach(function (contributorUri) {
+            var contributorLane = historyLanes[contributorUri];
+            if (!contributorLane)
+                return;
+            var rowHeight = rows[i].height;
+            var toX = contributorLane.index * COL_WIDTH + COL_MARGIN;
+            var toY = isUpRight ? y - rowHeight : y + rowHeight;
+            if (x !== toX)
+                acc.links.push(react_1.default.createElement(HistoryLink_1.default, { key: "link-" + contributorUri + "-" + index, x: x, y: y, toX: toX, toY: toY, isDashed: helpers_1.isFakeHistoryType(type), color: mdm_sdk_1.getContributorColor(contributorUri) }));
+        });
+        return acc;
+    }, { links: [], circles: [], rowLines: [] }), links = _b.links, rowLines = _b.rowLines, circles = _b.circles;
+    var width = Object.keys(historyLanes).length * COL_WIDTH + COL_MARGIN;
+    var height = rowPositions[rowPositions.length - 1] - ROW_MARGIN;
+    Object.entries(historyLanes).forEach(function (_a) {
+        var contributorUri = _a[0], contributorLane = _a[1];
+        var x = contributorLane.index * COL_WIDTH + COL_MARGIN;
+        contributorLane.lifeTime.forEach(function (_a, i) {
+            var _b;
+            var start = _a.start, end = _a.end;
+            if (((_b = rows[end === null || end === void 0 ? void 0 : end.index]) === null || _b === void 0 ? void 0 : _b.type) === types_1.HistoryChangeTypes.ENTITIES_SPLITTED)
+                return;
+            var startY = rowPositions[start === null || start === void 0 ? void 0 : start.index] || height;
+            var endY = rowPositions[(end === null || end === void 0 ? void 0 : end.index) + 1] || ROW_MARGIN;
+            var color = mdm_sdk_1.getContributorColor(contributorUri);
+            if (!end && contributorLane.index > 0) {
+                circles.push(react_1.default.createElement(HistoryCircle_1.default, { key: "initCircle-" + contributorUri + "-" + i, x: x, y: endY, color: color, showLine: true }));
+            }
+            links.push(react_1.default.createElement("path", { key: "line-" + contributorUri + "-" + i, d: "M" + x + " " + startY + " L" + x + " " + endY, stroke: color, strokeWidth: 2 }));
+        });
+    });
+    return (react_1.default.createElement("svg", { className: "chart", width: width, height: height },
+        react_1.default.createElement("g", { id: "rowLines" }, rowLines),
+        react_1.default.createElement("g", { id: "links" }, links),
+        react_1.default.createElement("g", { id: "circles" }, circles)));
+};
+exports.default = react_1.memo(HistoryGraph);

package/components/history/HistoryGraph/HistoryLink.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Props = {
+    x: number;
+    y: number;
+    toX: number;
+    toY: number;
+    color: string;
+    isDashed?: boolean;
+};
+declare const HistoryLink: ({ x, y, toX, toY, color, isDashed }: Props) => JSX.Element;
+export default HistoryLink;

package/components/history/HistoryGraph/HistoryLink.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var helpers_1 = require("./helpers");
+var HistoryLink = function (_a) {
+    var x = _a.x, y = _a.y, toX = _a.toX, toY = _a.toY, color = _a.color, isDashed = _a.isDashed;
+    var lineData = helpers_1.getHistoryLinkCurve(x, y, toX, toY);
+    return (react_1.default.createElement("path", { d: lineData, stroke: color, strokeWidth: 2, fill: 'none', strokeDasharray: isDashed ? '3,3' : undefined }));
+};
+exports.default = HistoryLink;

package/components/history/HistoryGraph/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const getHistoryLinkCurve: (x: number, y: number, toX: number, toY: number) => string;
+export declare const isFakeHistoryType: (type: string) => boolean;

package/components/history/HistoryGraph/helpers.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFakeHistoryType = exports.getHistoryLinkCurve = void 0;
+var HistoryChangeTypes_1 = require("../types/HistoryChangeTypes");
+var getHistoryLinkCurve = function (x, y, toX, toY) {
+    var isUp = y > toY;
+    var isLeft = x < toX;
+    var curveStartX = isLeft ? toX - 12 : toX + 12;
+    var curveCenterY = isUp ? -6 : 6;
+    var curveEndY = isUp ? -12 : 12;
+    var curve = isLeft ? "c 6 0 12 " + curveCenterY + " 12" : "c -6 0 -12 " + curveCenterY + " -12";
+    return "M" + x + " " + y + " L" + curveStartX + " " + y + " " + curve + " " + curveEndY + " L" + toX + " " + toY;
+};
+exports.getHistoryLinkCurve = getHistoryLinkCurve;
+var isFakeHistoryType = function (type) {
+    return type === HistoryChangeTypes_1.HistoryChangeTypes.FAKE_FILTERED_INCOMING || type === HistoryChangeTypes_1.HistoryChangeTypes.FAKE_FILTERED_OUTGOING;
+};
+exports.isFakeHistoryType = isFakeHistoryType;

package/components/history/HistoryRow/HistoryRow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HistoryChange } from '@reltio/mdm-sdk';
+declare type Props = {
+    change: HistoryChange;
+    isCurrent?: boolean;
+};
+declare const _default: React.MemoExoticComponent<({ change, isCurrent }: Props) => JSX.Element>;
+export default _default;

package/components/history/HistoryRow/HistoryRow.js

@@ -0,0 +1,48 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var activities_1 = require("../../activityLog/utils/activities");
+var styles_1 = require("./styles");
+var HistoryRow = function (_a) {
+    var change = _a.change, isCurrent = _a.isCurrent;
+    var uri = change.uri, type = change.type, matchGroups = change.matchGroups, user = change.user, timestamp = change.timestamp;
+    var color = mdm_sdk_1.getContributorColor(uri);
+    var styles = styles_1.useStyles({ color: color });
+    return (react_1.default.createElement("div", { className: styles.historyRow },
+        react_1.default.createElement("div", { className: styles.rowHeader },
+            react_1.default.createElement("div", { className: styles.badge }),
+            react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.title, { bold: isCurrent }) }, isCurrent ? ui_i18n_1.default.text('Current view') : activities_1.getActivityLabel(type)),
+            !isCurrent && react_1.default.createElement(Typography_1.default, { className: styles.date }, ui_i18n_1.default.date(timestamp, 'L LT'))),
+        matchGroups && (react_1.default.createElement(Typography_1.default, { className: styles.title },
+            ui_i18n_1.default.text('Match rule:'),
+            " ",
+            matchGroups.join(', '))),
+        react_1.default.createElement(Typography_1.default, { className: styles.user }, user)));
+};
+exports.default = react_1.memo(HistoryRow);

package/components/history/HistoryRow/styles.d.ts

@@ -0,0 +1,5 @@
+declare type Type = {
+    color?: string;
+};
+export declare const useStyles: (props: Type) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "date" | "user" | "badge" | "historyRow" | "rowHeader">;
+export {};

package/components/history/HistoryRow/styles.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles(function () { return ({
+    historyRow: {
+        padding: '8px 12px 16px'
+    },
+    rowHeader: {
+        display: 'flex',
+        position: 'relative'
+    },
+    badge: function (_a) {
+        var color = _a.color;
+        return ({
+            position: 'absolute',
+            width: '2px',
+            height: '100%',
+            left: '-9px',
+            pointerEvents: 'none',
+            background: color,
+            '&:before': {
+                height: '100%',
+                width: '3px',
+                content: '""',
+                left: '-3px',
+                background: color,
+                position: 'absolute',
+                opacity: 0.06
+            }
+        });
+    },
+    title: {
+        color: 'rgba(0,0,0,0.87)',
+        fontSize: '13px',
+        letterSpacing: 0,
+        lineHeight: '16px',
+        fontWeight: 400,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+        '&.bold': {
+            fontWeight: 500
+        }
+    },
+    date: {
+        marginLeft: 'auto',
+        color: 'rgba(0,0,0,0.54)',
+        fontSize: '11px',
+        letterSpacing: 0,
+        lineHeight: '16px'
+    },
+    user: {
+        color: 'rgba(0,0,0,0.38)',
+        fontSize: '12px',
+        letterSpacing: 0,
+        lineHeight: '14px'
+    }
+}); });

package/components/history/HistoryTree/HistoryTree.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { HistoryData } from '../types';
+declare type Props = {
+    historyData: HistoryData;
+    canLoadMore: boolean;
+    onLoadMore: () => void;
+    isLoading: boolean;
+};
+declare const HistoryTree: ({ historyData, isLoading, canLoadMore, onLoadMore }: Props) => JSX.Element;
+export default HistoryTree;

package/components/history/HistoryTree/HistoryTree.js

@@ -0,0 +1,74 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var HistoryRow_1 = __importDefault(require("../HistoryRow/HistoryRow"));
+var HistoryGraph_1 = __importDefault(require("../HistoryGraph/HistoryGraph"));
+var LinearLoadIndicator_1 = __importDefault(require("../../LinearLoadIndicator/LinearLoadIndicator"));
+var styles_1 = require("./styles");
+var HistoryTree = function (_a) {
+    var _b;
+    var _c;
+    var historyData = _a.historyData, isLoading = _a.isLoading, canLoadMore = _a.canLoadMore, onLoadMore = _a.onLoadMore;
+    var styles = styles_1.useStyles();
+    var _d = react_1.useState({ historyLanes: {}, rows: [] }), graphData = _d[0], setGraphData = _d[1];
+    var _e = react_1.useState(false), isScrollable = _e[0], setIsScrollable = _e[1];
+    var graphRef = react_1.useRef(null);
+    var rowsRef = react_1.useCallback(function (node) {
+        var _a;
+        if (!ramda_1.isNil(node)) {
+            var rows = (_a = historyData.rows) === null || _a === void 0 ? void 0 : _a.map(function (item, i) { var _a; return (__assign(__assign({}, item), { height: (_a = node.childNodes[i]) === null || _a === void 0 ? void 0 : _a.clientHeight })); });
+            setGraphData({ historyLanes: historyData.historyLanes, rows: rows });
+        }
+    }, [historyData]);
+    var handleGraphScroll = function () {
+        var _a = (graphRef === null || graphRef === void 0 ? void 0 : graphRef.current) || {}, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth, scrollLeft = _a.scrollLeft;
+        setIsScrollable(scrollLeft < scrollWidth - clientWidth);
+    };
+    return (react_1.default.createElement("div", { className: styles.historyTree },
+        isLoading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
+        react_1.default.createElement("div", { className: classnames_1.default(styles.graph, (_b = {}, _b[styles.shadow] = isScrollable, _b)), onScroll: handleGraphScroll, ref: graphRef },
+            react_1.default.createElement(HistoryGraph_1.default, { graphData: graphData }),
+            react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, onResize: handleGraphScroll })),
+        react_1.default.createElement("div", { ref: rowsRef, className: styles.history }, (_c = historyData.rows) === null || _c === void 0 ? void 0 : _c.map(function (change, i) { return (react_1.default.createElement(HistoryRow_1.default, { key: "row-" + i, change: change, isCurrent: i === 0 })); })),
+        canLoadMore && (react_1.default.createElement("div", { className: styles.buttonContainer },
+            react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return onLoadMore(); } }, ui_i18n_1.default.text('Show more'))))));
+};
+exports.default = HistoryTree;

package/components/history/HistoryTree/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"history" | "historyTree" | "graph" | "buttonContainer" | "shadow">;

package/components/history/HistoryTree/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    historyTree: {
+        display: 'grid',
+        gridTemplateColumns: 'auto 1fr',
+        overflowY: 'auto'
+    },
+    graph: {
+        overflowX: 'scroll',
+        overflowY: 'hidden'
+    },
+    history: {
+        minWidth: 344
+    },
+    buttonContainer: {
+        gridColumnStart: 1,
+        gridColumnEnd: 3,
+        padding: '8px 16px'
+    },
+    shadow: {
+        boxShadow: 'inset -8px 0px 5px -5px rgba(0,0,0,0.1)'
+    }
+});

package/components/history/HistoryView/HistoryView.d.ts

@@ -1,10 +1,12 @@
-import { HistoryWithTotal } from '@reltio/mdm-sdk';
 import React from 'react';
+import { HistoryWithTotal } from '@reltio/mdm-sdk';
 declare type Props = {
     isLoading: boolean;
     historyWithTotal: HistoryWithTotal;
     contributorsUris: string[];
     entityUri: string;
+    canLoadMore: boolean;
+    onLoadMore: () => void;
 };
-declare const _default: React.MemoExoticComponent<({ isLoading, historyWithTotal, contributorsUris, entityUri }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isLoading, historyWithTotal, contributorsUris, entityUri, canLoadMore, onLoadMore }: Props) => JSX.Element>;
 export default _default;

package/components/history/HistoryView/HistoryView.js

@@ -23,17 +23,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
+var HistoryTree_1 = __importDefault(require("../HistoryTree/HistoryTree"));
 var ContributorsPanel_1 = __importDefault(require("../ContributorsPanel/ContributorsPanel"));
+var useHistoryTree_1 = require("../hooks/useHistoryTree");
 var styles_1 = require("./styles");
 var HistoryView = function (_a) {
-    var isLoading = _a.isLoading, historyWithTotal = _a.historyWithTotal, contributorsUris = _a.contributorsUris, entityUri = _a.entityUri;
+    var isLoading = _a.isLoading, historyWithTotal = _a.historyWithTotal, contributorsUris = _a.contributorsUris, entityUri = _a.entityUri, canLoadMore = _a.canLoadMore, onLoadMore = _a.onLoadMore;
     var styles = styles_1.useStyles();
     var _b = react_1.useState(null), selectedUris = _b[0], setSelectedUris = _b[1];
     react_1.useEffect(function () {
         setSelectedUris(contributorsUris);
     }, [contributorsUris]);
+    var historyData = useHistoryTree_1.useHistoryTree({ entityUri: entityUri, historyChanges: historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.changes, selectedUris: selectedUris });
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(ContributorsPanel_1.default, { values: contributorsUris, selectedValues: selectedUris, onSelectValues: setSelectedUris, entityUri: entityUri, className: styles.borderBottom }),
-        !isLoading && react_1.default.createElement("div", null, "total: " + (historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.total))));
+        react_1.default.createElement(HistoryTree_1.default, { historyData: historyData, isLoading: isLoading, onLoadMore: onLoadMore, canLoadMore: canLoadMore })));
 };
 exports.default = react_1.memo(HistoryView);

package/components/history/HistoryView/styles.js

@@ -4,7 +4,10 @@ exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
     root: {
-        flex: 1
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+        position: 'relative'
     },
     borderBottom: {
         borderBottom: '1px solid rgba(0, 0, 0, 0.12)'

package/components/history/hooks/useHistory.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { HistoryFilter } from '../types';
+declare type Props = {
+    entityUri: string;
+    enabled: boolean;
+};
+export declare const useHistory: ({ entityUri, enabled }: Props) => {
+    isLoading: boolean;
+    canLoadMore: boolean;
+    onLoadMore: () => void;
+    historicUris: string[];
+    historyWithTotal: import("@reltio/mdm-sdk").HistoryWithTotal;
+    historyFilter: HistoryFilter;
+    setHistoryFilter: import("react").Dispatch<import("react").SetStateAction<HistoryFilter>>;
+};
+export {};

package/components/history/hooks/useHistory.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistory = void 0;
+var react_1 = require("react");
+var useHistoricUris_1 = require("./useHistoricUris");
+var useHistoryWithTotal_1 = require("./useHistoryWithTotal");
+var MAX_HISTORY_ROWS = 32;
+var useHistory = function (_a) {
+    var entityUri = _a.entityUri, enabled = _a.enabled;
+    var _b = react_1.useState(null), historyFilter = _b[0], setHistoryFilter = _b[1];
+    var _c = react_1.useState(0), historyPage = _c[0], setHistoryPage = _c[1];
+    var _d = useHistoricUris_1.useHistoricUris({
+        entityUri: entityUri,
+        enabled: enabled
+    }), isHistoricUrisLoading = _d.isLoading, historicUris = _d.historicUris;
+    var _e = useHistoryWithTotal_1.useHistoryWithTotal({
+        entityUri: entityUri,
+        enabled: enabled && !!historicUris,
+        historicUris: historicUris,
+        max: MAX_HISTORY_ROWS,
+        offset: historyPage * MAX_HISTORY_ROWS,
+        order: 'desc',
+        showAll: true
+    }), isHistoryLoading = _e.isLoading, historyWithTotal = _e.historyWithTotal, loadMore = _e.loadMore;
+    var canLoadMore = react_1.useMemo(function () { return (historyPage + 1) * MAX_HISTORY_ROWS <= (historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.total); }, [
+        historyWithTotal,
+        historyPage
+    ]);
+    var onLoadMore = react_1.useCallback(function () {
+        if (!canLoadMore)
+            return;
+        loadMore((historyPage + 1) * MAX_HISTORY_ROWS);
+        setHistoryPage(historyPage + 1);
+    }, [loadMore, historyPage, canLoadMore]);
+    return {
+        isLoading: isHistoryLoading || isHistoricUrisLoading,
+        canLoadMore: canLoadMore,
+        onLoadMore: onLoadMore,
+        historicUris: historicUris,
+        historyWithTotal: historyWithTotal,
+        historyFilter: historyFilter,
+        setHistoryFilter: setHistoryFilter
+    };
+};
+exports.useHistory = useHistory;

package/components/history/hooks/useHistoryTree.d.ts

@@ -0,0 +1,9 @@
+import { HistoryChange } from '@reltio/mdm-sdk';
+import { HistoryData } from './../types';
+declare type Props = {
+    entityUri: string;
+    historyChanges: HistoryChange[];
+    selectedUris: string[];
+};
+export declare const useHistoryTree: ({ entityUri, historyChanges, selectedUris }: Props) => HistoryData;
+export {};

package/components/history/hooks/useHistoryTree.js

@@ -0,0 +1,243 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistoryTree = void 0;
+var react_1 = require("react");
+var ramda_1 = require("ramda");
+var types_1 = require("./../types");
+var useHistoryTree = function (_a) {
+    var entityUri = _a.entityUri, historyChanges = _a.historyChanges, selectedUris = _a.selectedUris;
+    return react_1.useMemo(function () {
+        var _a;
+        var historyLanes = (_a = {}, _a[entityUri] = { index: 0, lifeTime: [] }, _a);
+        var rows = [
+            { type: types_1.HistoryChangeTypes.FAKE_UPDATE, user: '', timestamp: 0, uri: entityUri }
+        ];
+        var checkChange = ramda_1.curry(function (involvedUris, change) {
+            var _a;
+            var uri = change.uri || entityUri;
+            if (Array.isArray(involvedUris)) {
+                if (change.type !== types_1.HistoryChangeTypes.ENTITY_LOST_MERGE)
+                    return null;
+                if (involvedUris.includes(uri)) {
+                    return change;
+                }
+                else if (change.uris) {
+                    return involvedUris.some(function (involvedUri) { return change.uris.includes(involvedUri); }) ? change : null;
+                }
+            }
+            else {
+                if (uri === involvedUris || ((_a = change.uris) === null || _a === void 0 ? void 0 : _a.includes(involvedUris)))
+                    return change;
+            }
+            return null;
+        });
+        var findPreviousChange = function (index, involvedUris) {
+            return ramda_1.pipe(ramda_1.slice(0, index - 1), ramda_1.reverse, ramda_1.find(checkChange(involvedUris)))(historyChanges);
+        };
+        var checkLaneUri = function (uri) {
+            var contributorLane = historyLanes[uri];
+            if (!contributorLane && (!selectedUris || selectedUris.includes(uri))) {
+                historyLanes[uri] = {
+                    index: Object.keys(historyLanes).length,
+                    lifeTime: []
+                };
+            }
+            return contributorLane;
+        };
+        var startNewLife = function (lifeTime, change) {
+            var currentLife = lifeTime[lifeTime.length - 1];
+            if (currentLife &&
+                (!currentLife.start ||
+                    (currentLife.start.type === types_1.HistoryChangeTypes.ENTITY_CREATED &&
+                        change.type === types_1.HistoryChangeTypes.ENTITIES_SPLITTED))) {
+                currentLife.start = change;
+                return;
+            }
+            lifeTime.push({ start: change, end: null });
+        };
+        var updateLife = function (lifeTime, change) {
+            var shouldAddNewLife = true;
+            if (lifeTime.length) {
+                var currentLife = lifeTime[lifeTime.length - 1];
+                shouldAddNewLife = !((!currentLife.start || currentLife.start.timestamp < change.timestamp) &&
+                    (!currentLife.end || currentLife.end.timestamp > change.timestamp));
+            }
+            if (shouldAddNewLife) {
+                lifeTime.push({ start: null, end: null });
+            }
+        };
+        var endLife = function (lifeTime, change) {
+            if (lifeTime.length) {
+                var currentLife = lifeTime[lifeTime.length - 1];
+                if (!currentLife.start)
+                    currentLife.start = change;
+            }
+            lifeTime.push({ start: null, end: change });
+        };
+        var checkLifeTime = function (lifeTime, change) {
+            var _a, _b;
+            switch (change.type) {
+                case types_1.HistoryChangeTypes.ENTITY_CREATED:
+                    startNewLife(lifeTime, change);
+                    break;
+                case types_1.HistoryChangeTypes.ENTITIES_MERGED_ON_THE_FLY:
+                case types_1.HistoryChangeTypes.ENTITY_CHANGED:
+                    updateLife(lifeTime, change);
+                    break;
+                case types_1.HistoryChangeTypes.ENTITY_LOST_MERGE:
+                case types_1.HistoryChangeTypes.ENTITY_REMOVED:
+                    endLife(lifeTime, change);
+                    break;
+                case types_1.HistoryChangeTypes.ENTITIES_SPLITTED:
+                    updateLife(lifeTime, change);
+                    (_a = change.uris) === null || _a === void 0 ? void 0 : _a.forEach(function (uri) {
+                        var relatedLane = historyLanes[uri];
+                        if (!relatedLane)
+                            return;
+                        var lifeTimeLength = relatedLane.lifeTime.length;
+                        lifeTimeLength
+                            ? startNewLife(relatedLane.lifeTime, change)
+                            : endLife(relatedLane.lifeTime, change);
+                        rows.push({
+                            type: lifeTimeLength
+                                ? types_1.HistoryChangeTypes.FAKE_UPDATE
+                                : types_1.HistoryChangeTypes.FAKE_NAVIGATE_PROFILE,
+                            uri: uri,
+                            user: change.user,
+                            timestamp: change.timestamp
+                        });
+                    });
+                    break;
+                case types_1.HistoryChangeTypes.ENTITIES_MERGED:
+                case types_1.HistoryChangeTypes.ENTITIES_MERGED_MANUALLY:
+                    updateLife(lifeTime, change);
+                    (_b = change.uris) === null || _b === void 0 ? void 0 : _b.forEach(function (uri) {
+                        var relatedLane = historyLanes[uri];
+                        if (relatedLane)
+                            endLife(relatedLane.lifeTime, change);
+                    });
+                    break;
+            }
+        };
+        var postProcessChanges = [];
+        historyChanges === null || historyChanges === void 0 ? void 0 : historyChanges.forEach(function (change, index) {
+            var _a;
+            switch (change.type) {
+                case types_1.HistoryChangeTypes.ENTITIES_SPLITTED:
+                    if (!findPreviousChange(index, change.uri || entityUri)) {
+                        return;
+                    }
+                    else {
+                        var uri = change.uri;
+                        var involvedUris = change.uris ? [change.uris, uri] : [uri];
+                        var lostMergeChange = findPreviousChange(index, involvedUris);
+                        if (lostMergeChange && (!uri || uri === lostMergeChange.uri))
+                            return;
+                    }
+                    break;
+                case types_1.HistoryChangeTypes.ENTITY_LOST_MERGE:
+                case types_1.HistoryChangeTypes.RELATIONSHIP_CREATED:
+                case types_1.HistoryChangeTypes.RELATIONSHIP_REMOVED:
+                case types_1.HistoryChangeTypes.RELATIONSHIP_CHANGED:
+                    return;
+            }
+            var addPostProcess = false;
+            (_a = change.uris) === null || _a === void 0 ? void 0 : _a.forEach(function (uri) {
+                if (!checkLaneUri(uri))
+                    addPostProcess = true;
+            });
+            var contributorLane = checkLaneUri(change.uri || entityUri);
+            if (!contributorLane)
+                return;
+            var rowChange = __assign({}, change);
+            checkLifeTime(contributorLane.lifeTime, rowChange);
+            if (addPostProcess)
+                postProcessChanges.push(rowChange);
+            rows.push(rowChange);
+        });
+        postProcessChanges.forEach(function (postChange) {
+            postChange.uris.forEach(function (postUri) {
+                if (historyLanes[postUri])
+                    return;
+                historyChanges.forEach(function (_a) {
+                    var uri = _a.uri, uris = _a.uris, timestamp = _a.timestamp, user = _a.user, type = _a.type;
+                    if (uri !== postUri)
+                        return;
+                    uris === null || uris === void 0 ? void 0 : uris.forEach(function (contributorUri) {
+                        var contributorLane = historyLanes[contributorUri];
+                        if (!contributorLane)
+                            return;
+                        var fakeType = null;
+                        switch (type) {
+                            case types_1.HistoryChangeTypes.ENTITIES_MERGED:
+                            case types_1.HistoryChangeTypes.ENTITIES_MERGED_MANUALLY:
+                                fakeType = types_1.HistoryChangeTypes.FAKE_FILTERED_INCOMING;
+                                break;
+                            case types_1.HistoryChangeTypes.ENTITIES_SPLITTED:
+                                fakeType = types_1.HistoryChangeTypes.FAKE_FILTERED_OUTGOING;
+                                break;
+                            default:
+                                return;
+                        }
+                        var fakeChange = {
+                            type: fakeType,
+                            uri: postChange.uri,
+                            uris: [contributorUri],
+                            user: user,
+                            timestamp: timestamp
+                        };
+                        var extendLife = findClosestLife(contributorLane.lifeTime, postChange.timestamp);
+                        if (fakeType === types_1.HistoryChangeTypes.FAKE_FILTERED_INCOMING) {
+                            if (!ramda_1.isNil(extendLife.endIndex)) {
+                                contributorLane.lifeTime[extendLife.endIndex].end = fakeChange;
+                            }
+                        }
+                        else {
+                            if (!ramda_1.isNil(extendLife.startIndex)) {
+                                contributorLane.lifeTime[extendLife.startIndex].start = fakeChange;
+                            }
+                        }
+                        rows.splice(rows.indexOf(postChange), 0, fakeChange);
+                    });
+                });
+            });
+        });
+        rows.forEach(function (row, i) {
+            row.index = i;
+            row.uri = row.uri || entityUri;
+        });
+        return { historyLanes: historyLanes, rows: rows };
+    }, [entityUri, historyChanges, selectedUris]);
+};
+exports.useHistoryTree = useHistoryTree;
+var findClosestLife = function (lifeTime, timestamp) {
+    return lifeTime.reduce(function (acc, _a, i) {
+        var start = _a.start, end = _a.end;
+        if (start) {
+            var d = timestamp - start.timestamp;
+            if (ramda_1.isNil(acc.startDistance) || (Math.abs(acc.startDistance) > Math.abs(d) && d > 0)) {
+                acc.startIndex = i;
+                acc.startDistance = d;
+            }
+        }
+        if (end) {
+            var d = timestamp - end.timestamp;
+            if (ramda_1.isNil(acc.endDistance) || (Math.abs(acc.endDistance) > Math.abs(d) && d < 0)) {
+                acc.endIndex = i;
+                acc.endDistance = d;
+            }
+        }
+        return acc;
+    }, { startIndex: null, endIndex: null, startDistance: null, endDistance: null });
+};

package/components/history/hooks/useHistoryWithTotal.d.ts

@@ -3,6 +3,7 @@ declare type Props = {
     entityUri: string;
     enabled?: boolean;
     historicUris: string[];
+    showAll?: boolean;
     max?: number;
     offset?: number;
     order?: string;
@@ -11,5 +12,6 @@ declare type Props = {
 export declare const useHistoryWithTotal: ({ entityUri, enabled, historicUris, ...options }: Props) => {
     isLoading: boolean;
     historyWithTotal: HistoryWithTotal;
+    loadMore: (offset: number) => void;
 };
 export {};

package/components/history/hooks/useHistoryWithTotal.js

@@ -21,6 +21,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useHistoryWithTotal = void 0;
 var react_1 = require("react");
@@ -51,11 +56,24 @@ var useHistoryWithTotal = function (_a) {
             setHistoryWithTotal(null);
         }
     }, [entityUri, historicUris]);
+    var loadMore = react_1.useCallback(function (offset) {
+        if (entityUri && historicUris) {
+            setIsLoading(true);
+            safePromise(mdm_sdk_1.getHistoryWithTotal(__assign(__assign({ entityUri: entityUri, historicUris: historicUris }, options), { offset: offset })))
+                .then(function (results) {
+                setHistoryWithTotal(function (prev) { return (__assign(__assign({}, prev), { changes: __spreadArray(__spreadArray([], prev === null || prev === void 0 ? void 0 : prev.changes), results.changes) })); });
+            })
+                .catch(onError)
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+    }, [entityUri, historicUris]);
     react_1.useEffect(function () {
         if (enabled) {
             loadData();
         }
     }, [loadData, enabled]);
-    return { isLoading: isLoading, historyWithTotal: historyWithTotal };
+    return { isLoading: isLoading, historyWithTotal: historyWithTotal, loadMore: loadMore };
 };
 exports.useHistoryWithTotal = useHistoryWithTotal;

package/components/history/index.d.ts

@@ -1,6 +1,7 @@
 export { useHistoricUris } from './hooks/useHistoricUris';
 export { useHistoryWithTotal } from './hooks/useHistoryWithTotal';
 export { useHistorySlice } from './hooks/useHistorySlice';
+export { useHistory } from './hooks/useHistory';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
 export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';

package/components/history/index.js

@@ -13,13 +13,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistorySlice = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
+exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistory = exports.useHistorySlice = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
 var useHistoricUris_1 = require("./hooks/useHistoricUris");
 Object.defineProperty(exports, "useHistoricUris", { enumerable: true, get: function () { return useHistoricUris_1.useHistoricUris; } });
 var useHistoryWithTotal_1 = require("./hooks/useHistoryWithTotal");
 Object.defineProperty(exports, "useHistoryWithTotal", { enumerable: true, get: function () { return useHistoryWithTotal_1.useHistoryWithTotal; } });
 var useHistorySlice_1 = require("./hooks/useHistorySlice");
 Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
+var useHistory_1 = require("./hooks/useHistory");
+Object.defineProperty(exports, "useHistory", { enumerable: true, get: function () { return useHistory_1.useHistory; } });
 var HistoryView_1 = require("./HistoryView/HistoryView");
 Object.defineProperty(exports, "HistoryView", { enumerable: true, get: function () { return __importDefault(HistoryView_1).default; } });
 var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");

package/components/history/types/HistoryChangeTypes.d.ts

@@ -0,0 +1,42 @@
+import { ActivityTypes } from '../../activityLog/types/ActivityTypes';
+declare enum FakeTypes {
+    FAKE_NAVIGATE_PROFILE = "FAKE_NAVIGATE_PROFILE",
+    FAKE_FILTERED_INCOMING = "FAKE_FILTERED_INCOMING",
+    FAKE_FILTERED_OUTGOING = "FAKE_FILTERED_OUTGOING",
+    FAKE_UPDATE = "FAKE_UPDATE"
+}
+export declare const HistoryChangeTypes: {
+    FAKE_NAVIGATE_PROFILE: FakeTypes.FAKE_NAVIGATE_PROFILE;
+    FAKE_FILTERED_INCOMING: FakeTypes.FAKE_FILTERED_INCOMING;
+    FAKE_FILTERED_OUTGOING: FakeTypes.FAKE_FILTERED_OUTGOING;
+    FAKE_UPDATE: FakeTypes.FAKE_UPDATE;
+    MODEL_UPDATED: ActivityTypes.MODEL_UPDATED;
+    ENTITY_REMOVED: ActivityTypes.ENTITY_REMOVED;
+    ENTITY_CREATED: ActivityTypes.ENTITY_CREATED;
+    ENTITY_CHANGED: ActivityTypes.ENTITY_CHANGED;
+    ENTITIES_MERGED: ActivityTypes.ENTITIES_MERGED;
+    ENTITIES_SPLITTED: ActivityTypes.ENTITIES_SPLITTED;
+    ENTITY_LOST_MERGE: ActivityTypes.ENTITY_LOST_MERGE;
+    RELATIONSHIP_CREATED: ActivityTypes.RELATIONSHIP_CREATED;
+    RELATIONSHIP_REMOVED: ActivityTypes.RELATIONSHIP_REMOVED;
+    RELATIONSHIP_CHANGED: ActivityTypes.RELATIONSHIP_CHANGED;
+    POTENTIAL_MATCHES_FOUND: ActivityTypes.POTENTIAL_MATCHES_FOUND;
+    NOT_MATCHES_SET: ActivityTypes.NOT_MATCHES_SET;
+    NOT_MATCHES_RESET: ActivityTypes.NOT_MATCHES_RESET;
+    PERIODIC_TASK_SCHEDULED: ActivityTypes.PERIODIC_TASK_SCHEDULED;
+    ENTITIES_MERGED_MANUALLY: ActivityTypes.ENTITIES_MERGED_MANUALLY;
+    POTENTIAL_MATCHES_REMOVED: ActivityTypes.POTENTIAL_MATCHES_REMOVED;
+    ENTITIES_MERGED_ON_THE_FLY: ActivityTypes.ENTITIES_MERGED_ON_THE_FLY;
+    USER_LOGIN: ActivityTypes.USER_LOGIN;
+    USER_LOGOUT: ActivityTypes.USER_LOGOUT;
+    USER_SEARCH: ActivityTypes.USER_SEARCH;
+    USER_PROFILE_VIEW: ActivityTypes.USER_PROFILE_VIEW;
+    COMMENT_ADDED: ActivityTypes.COMMENT_ADDED;
+    COMMENT_UPDATED: ActivityTypes.COMMENT_UPDATED;
+    COMMENT_DELETED: ActivityTypes.COMMENT_DELETED;
+    GROUP_CREATED: ActivityTypes.GROUP_CREATED;
+    GROUP_REMOVED: ActivityTypes.GROUP_REMOVED;
+    GROUP_CHANGED: ActivityTypes.GROUP_CHANGED;
+};
+export declare type HistoryChangeTypes = typeof HistoryChangeTypes;
+export {};

package/components/history/types/HistoryChangeTypes.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryChangeTypes = void 0;
+var ActivityTypes_1 = require("../../activityLog/types/ActivityTypes");
+var FakeTypes;
+(function (FakeTypes) {
+    FakeTypes["FAKE_NAVIGATE_PROFILE"] = "FAKE_NAVIGATE_PROFILE";
+    FakeTypes["FAKE_FILTERED_INCOMING"] = "FAKE_FILTERED_INCOMING";
+    FakeTypes["FAKE_FILTERED_OUTGOING"] = "FAKE_FILTERED_OUTGOING";
+    FakeTypes["FAKE_UPDATE"] = "FAKE_UPDATE";
+})(FakeTypes || (FakeTypes = {}));
+exports.HistoryChangeTypes = __assign(__assign({}, ActivityTypes_1.ActivityTypes), FakeTypes);

package/components/history/types/HistoryData.d.ts

@@ -0,0 +1,6 @@
+import { HistoryLane } from './HistoryLane';
+import { HistoryRowData } from './HistoryRowData';
+export declare type HistoryData = {
+    rows: HistoryRowData[];
+    historyLanes: Record<string, HistoryLane>;
+};

package/components/history/types/HistoryData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/history/types/HistoryLane.d.ts

@@ -0,0 +1,5 @@
+import { HistoryLife } from './HistoryLife';
+export declare type HistoryLane = {
+    index: number;
+    lifeTime: HistoryLife[];
+};

package/components/history/types/HistoryLane.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/history/types/HistoryLife.d.ts

@@ -0,0 +1,5 @@
+import { HistoryRowData } from './HistoryRowData';
+export declare type HistoryLife = {
+    start?: HistoryRowData;
+    end?: HistoryRowData;
+};

package/components/history/types/HistoryLife.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/history/types/HistoryRowData.d.ts

@@ -0,0 +1,5 @@
+import { HistoryChange } from '@reltio/mdm-sdk';
+export declare type HistoryRowData = HistoryChange & {
+    index?: number;
+    height?: number;
+};

package/components/history/types/HistoryRowData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/components/history/types/index.d.ts

@@ -1,2 +1,7 @@
+export type { HistoryRowData } from './HistoryRowData';
 export type { HistoryFilter } from './HistoryFilter';
+export type { HistoryLane } from './HistoryLane';
+export type { HistoryLife } from './HistoryLife';
+export type { HistoryData } from './HistoryData';
 export { HistoryActivityType } from './HistoryFilter';
+export { HistoryChangeTypes } from './HistoryChangeTypes';

package/components/history/types/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryActivityType = void 0;
+exports.HistoryChangeTypes = exports.HistoryActivityType = void 0;
 var HistoryFilter_1 = require("./HistoryFilter");
 Object.defineProperty(exports, "HistoryActivityType", { enumerable: true, get: function () { return HistoryFilter_1.HistoryActivityType; } });
+var HistoryChangeTypes_1 = require("./HistoryChangeTypes");
+Object.defineProperty(exports, "HistoryChangeTypes", { enumerable: true, get: function () { return HistoryChangeTypes_1.HistoryChangeTypes; } });

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.872",
+  "version": "1.4.876",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.872",
-    "@reltio/mdm-sdk": "^1.4.872",
+    "@reltio/mdm-module": "^1.4.876",
+    "@reltio/mdm-sdk": "^1.4.876",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",