@reltio/components 1.4.1403 → 1.4.1405

package/cjs/components/BasicTableView/BasicTable/helpers/nestedHelpers.d.ts

@@ -1,4 +1,5 @@
 export const calcRowSpansForNestedKeys: any;
+export function validateRowSpanData(rowSpanData: any): any;
 export const TOTAL_ROW_SPAN_KEY: "total";
 export function flattenNestedColumnValues(values: any, indexPath?: any[]): any;
 export const getSiblingSubRowsKeyBySubRowKey: any;

package/cjs/components/BasicTableView/BasicTable/helpers/nestedHelpers.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getNestedKeyForNestedColumnCell = exports.getParentRowKeyBySiblingsSubRowsKey = exports.getSiblingSubRowsKeyBySubRowKey = exports.flattenNestedColumnValues = exports.TOTAL_ROW_SPAN_KEY = exports.calcRowSpansForNestedKeys = void 0;
+exports.getNestedKeyForNestedColumnCell = exports.getParentRowKeyBySiblingsSubRowsKey = exports.getSiblingSubRowsKeyBySubRowKey = exports.flattenNestedColumnValues = exports.TOTAL_ROW_SPAN_KEY = exports.validateRowSpanData = exports.calcRowSpansForNestedKeys = void 0;
 var ramda_1 = require("ramda");
 var TOTAL_ROW_SPAN_KEY = 'total';
 exports.TOTAL_ROW_SPAN_KEY = TOTAL_ROW_SPAN_KEY;
@@ -65,8 +65,9 @@ var validateParentRowSpan = function (rowSpanData, _a) {
     }
 };
 var validateRowSpanData = function (rowSpanData) {
-    return (0, ramda_1.pipe)((0, ramda_1.omit)([TOTAL_ROW_SPAN_KEY]), ramda_1.keys, (0, ramda_1.groupBy)(getSiblingSubRowsKeyBySubRowKey), ramda_1.toPairs, (0, ramda_1.reduce)(validateParentRowSpan, rowSpanData))(rowSpanData);
+    return (0, ramda_1.pipe)((0, ramda_1.omit)([TOTAL_ROW_SPAN_KEY]), ramda_1.keys, (0, ramda_1.sortBy)(ramda_1.identity), (0, ramda_1.groupBy)(getSiblingSubRowsKeyBySubRowKey), ramda_1.toPairs, (0, ramda_1.reduce)(validateParentRowSpan, rowSpanData))(rowSpanData);
 };
+exports.validateRowSpanData = validateRowSpanData;
 var calcRowSpansForNestedKeys = (0, ramda_1.pipe)((0, ramda_1.reduce)(addNestedKey, {}), validateRowSpanData);
 exports.calcRowSpansForNestedKeys = calcRowSpansForNestedKeys;
 var chainWithIndex = (0, ramda_1.addIndex)(ramda_1.chain);

package/cjs/components/attributes/readMode/ImageAttributesLine/ImageAttributesLine.js

@@ -33,7 +33,6 @@ var contexts_1 = require("../../../../contexts");
 var Image_1 = __importDefault(require("../../../Image/Image"));
 var ImageAttributesLine_1 = __importDefault(require("../../ImageAttributesLine"));
 var constants_1 = require("../../ImageAttributesLine/constants");
-var historyAppearance_1 = require("../helpers/historyAppearance");
 var styles_1 = require("./styles");
 var ImageAttributesLine = function (_a) {
     var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, paging = _a.paging, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, showNonOv = _a.showNonOv, _c = _a.imageSize, imageSize = _c === void 0 ? constants_1.DEFAULT_IMAGE_SIZE : _c;
@@ -45,8 +44,8 @@ var ImageAttributesLine = function (_a) {
             var _a;
             var src = (0, mdm_sdk_1.getImageAttributeOvThumbnailUrl)(attribute);
             var uri = attribute.uri;
-            var imageAppearance = (0, historyAppearance_1.getHistoryAppearanceByUri)(uri, appearance);
-            var historyAttributesClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(imageAppearance);
+            var imageAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(uri, appearance);
+            var historyAttributesClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(imageAppearance);
             return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.image, (_a = {},
                     _a[styles[historyAttributesClassName + 'Image']] = historyAttributesClassName,
                     _a)), key: uri, "data-reltio-id": "reltio-attribute-value" },

package/cjs/components/attributes/readMode/ImageAttributesLine/styles.js

@@ -4,7 +4,6 @@ exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var cross_inline_svg_1 = require("./cross.inline.svg");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var historyAppearance_1 = require("../helpers/historyAppearance");
 var BORDER_WIDTH = '3px';
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     image: function (_a) {
@@ -29,7 +28,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             right: 0,
             bottom: 0,
             background: "url('".concat((0, mdm_sdk_1.svg2Url)(cross_inline_svg_1.CROSS_ICON), "') no-repeat"),
-            backgroundColor: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute].backgroundColor,
+            backgroundColor: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].backgroundColor,
             pointerEvents: 'none'
         }
     },
@@ -42,7 +41,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             top: 0,
             right: 0,
             bottom: 0,
-            backgroundColor: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute].backgroundColor,
+            backgroundColor: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].backgroundColor,
             pointerEvents: 'none'
         }
     },
@@ -52,7 +51,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             width: imageWidth,
             height: imageHeight,
             boxSizing: 'border-box',
-            outline: "".concat(BORDER_WIDTH, " solid ").concat(historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute].color),
+            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].color),
             outlineOffset: "-".concat(BORDER_WIDTH)
         };
     },
@@ -62,7 +61,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             width: imageWidth,
             height: imageHeight,
             boxSizing: 'border-box',
-            outline: "".concat(BORDER_WIDTH, " solid ").concat(historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute].color),
+            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute].color),
             outlineOffset: "-".concat(BORDER_WIDTH)
         };
     },
@@ -72,7 +71,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             width: imageWidth,
             height: imageHeight,
             boxSizing: 'border-box',
-            outline: "".concat(BORDER_WIDTH, " solid ").concat(historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute].color),
+            outline: "".concat(BORDER_WIDTH, " solid ").concat(mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color),
             outlineOffset: "-".concat(BORDER_WIDTH)
         };
     },

package/cjs/components/attributes/readMode/NestedAttribute/NestedAttribute.js

@@ -53,7 +53,6 @@ var Box_1 = __importDefault(require("@material-ui/core/Box"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../contexts");
-var historyAppearance_1 = require("../helpers/historyAppearance");
 var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
 var PivotingTooltip_1 = require("../../PivotingAttributes/PivotingTooltip");
 var SearchHighlighter_1 = __importDefault(require("../../../SearchHighlighter/SearchHighlighter"));
@@ -63,8 +62,8 @@ var NestedAttribute = function (_a) {
     var styles = (0, styles_1.default)();
     var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
     var attributeLabel = (0, react_1.useMemo)(function () {
-        var attributeAppearance = (0, historyAppearance_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
-        var historyAttributesClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(attributeAppearance);
+        var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
+        var historyAttributesClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
         var label = attributeValue.label
             ? attributeValue.label
             : (0, mdm_sdk_1.evaluateDeepEntityLabel)(attributeValue, attributeType.dataLabelPattern);

package/cjs/components/attributes/readMode/NestedAttribute/styles.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var historyAppearance_1 = require("../helpers/historyAppearance");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles = (0, styles_1.makeStyles)({
     label: {
         textDecoration: 'none'
     },
-    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
-    insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
-    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
+    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]),
+    insertAttribute: __assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]),
+    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute]),
     pivotingTooltip: {
         marginLeft: '4px'
     }

package/cjs/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js

@@ -53,7 +53,6 @@ var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../contexts");
 var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var historyAppearance_1 = require("../helpers/historyAppearance");
 var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink"));
 var SearchHighlighter_1 = __importDefault(require("../../../SearchHighlighter/SearchHighlighter"));
 var commonStyles_1 = require("../helpers/commonStyles");
@@ -63,15 +62,12 @@ var ReferenceAttribute = function (_a) {
     var styles = (0, styles_1.default)();
     var ovValueStyles = (0, commonStyles_1.useOvValueStyles)();
     var refEntityURI = (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue);
-    var attributeTypeList = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributeTypeSubAttributes)(metadata, attributeType); }, [
-        attributeType,
-        metadata
-    ]);
+    var attributeTypeList = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributeTypeSubAttributes)(metadata, attributeType); }, [attributeType, metadata]);
     var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
     var entityLabel = (0, react_1.useMemo)(function () {
         var _a;
-        var attributeAppearance = (0, historyAppearance_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
-        var historyAttributesClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(attributeAppearance);
+        var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
+        var historyAttributesClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
         return (react_1.default.createElement(InternalLink_1.default, { href: (0, mdm_sdk_1.isEmptyValue)(appearance) ? (0, mdm_sdk_1.getEntityLink)({ uiPath: uiPath, uri: refEntityURI }) : undefined, className: (0, classnames_1.default)(styles[historyAttributesClassName], (_a = {},
                 _a[ovValueStyles.ovFalse] = !(0, mdm_sdk_1.isOv)(attributeValue),
                 _a)) },

package/cjs/components/attributes/readMode/ReferenceAttribute/styles.js

@@ -12,14 +12,14 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var historyAppearance_1 = require("../helpers/historyAppearance");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     relationshipLabel: {
         marginLeft: '4px',
         color: theme.palette.text.primary
     },
-    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
-    insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
-    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute])
+    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]),
+    insertAttribute: __assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]),
+    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute])
 }); });
 exports.default = styles;

package/cjs/components/attributes/readMode/SimpleAttribute/SimpleAttribute.js

@@ -34,7 +34,6 @@ var HistoryAppearanceContext_1 = require("../../../../contexts/HistoryAppearance
 var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/CommentsContainer"));
 var DataTypeValue_1 = __importDefault(require("../../../DataTypeValue/DataTypeValue"));
 var PivotingTooltip_1 = require("../../PivotingAttributes/PivotingTooltip");
-var historyAppearance_1 = require("../helpers/historyAppearance");
 var styles_1 = require("./styles");
 var contexts_1 = require("../../../../contexts");
 var commonStyles_1 = require("../helpers/commonStyles");
@@ -45,8 +44,8 @@ var SimpleAttribute = function (_a) {
     var ovValueStyles = (0, commonStyles_1.useOvValueStyles)();
     var _h = (0, react_1.useContext)(contexts_1.HighlightedValuesContext), _j = _h.highlightedValuesUris, highlightedValuesUris = _j === void 0 ? [] : _j, highlightedClassName = _h.highlightedClassName;
     var appearance = (0, react_1.useContext)(HistoryAppearanceContext_1.HistoryDiffContext).appearance;
-    var attributeAppearance = (0, historyAppearance_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
-    var historyClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(attributeAppearance);
+    var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
+    var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
     var dataTypeValue = (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) }));
     var objectType = (0, mdm_sdk_1.isRelationAttrType)(attributeType)
         ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE

package/cjs/components/attributes/readMode/SimpleAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "commentsContainer" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "multilineAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute">;

package/cjs/components/attributes/readMode/SimpleAttribute/styles.js

@@ -13,7 +13,7 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-var historyAppearance_1 = require("../helpers/historyAppearance");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         display: 'flex',
@@ -28,14 +28,14 @@ exports.useStyles = (0, styles_1.makeStyles)({
         flex: 1,
         wordBreak: 'break-all'
     },
-    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]), { '& > a': {
-            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute].color
+    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute]), { '& > a': {
+            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.updateAttribute].color
         } }),
-    insertAttribute: __assign(__assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]), { '& > a': {
-            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute].color
+    insertAttribute: __assign(__assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]), { '& > a': {
+            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute].color
         } }),
-    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]), { '& > a': {
-            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute].color
+    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute]), { '& > a': {
+            color: mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute].color
         } }),
     multilineAttribute: {
         width: 'fit-content'

package/cjs/components/attributes/readMode/SpecialAttributes/Roles/Role.js

@@ -31,15 +31,14 @@ var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var HistoryAppearanceContext_1 = require("../../../../../contexts/HistoryAppearanceContext");
-var historyAppearance_1 = require("../../helpers/historyAppearance");
 var styles_1 = require("../styles");
 var Role = function (_a) {
     var value = _a.value;
     var styles = (0, styles_1.useCommonStyles)();
     var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var appearance = (0, react_1.useContext)(HistoryAppearanceContext_1.HistoryDiffContext).appearance;
-    var attributeAppearance = (0, historyAppearance_1.getHistoryAppearanceBySpecialAttributeValue)('roles', value, appearance);
-    var historyClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(attributeAppearance);
+    var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceBySpecialAttributeValue)('roles', value, appearance);
+    var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
     return react_1.default.createElement("span", { className: styles[historyClassName] }, (0, mdm_sdk_1.getRoleLabel)(metadata, value));
 };
 exports.default = Role;

package/cjs/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -32,7 +32,6 @@ var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../../contexts");
-var historyAppearance_1 = require("../../helpers/historyAppearance");
 var styles_1 = require("../styles");
 var Tag = function (_a) {
     var value = _a.value;
@@ -41,8 +40,8 @@ var Tag = function (_a) {
     var ownEntity = (0, react_1.useContext)(contexts_1.EntityContext);
     var currentEntity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
     var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
-    var attributeAppearance = (0, historyAppearance_1.getHistoryAppearanceBySpecialAttributeValue)('tags', value, appearance);
-    var historyClassName = (0, historyAppearance_1.getHistoryAttributeClassName)(attributeAppearance);
+    var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceBySpecialAttributeValue)('tags', value, appearance);
+    var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
     var entity = ownEntity || currentEntity;
     return (react_1.default.createElement(InternalLink_1.default, { className: styles[historyClassName], href: (0, mdm_sdk_1.getTagLink)({
             uiPath: uiPath,

package/cjs/components/attributes/readMode/SpecialAttributes/styles.js

@@ -13,8 +13,8 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCommonStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-var historyAppearance_1 = require("../helpers/historyAppearance");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 exports.useCommonStyles = (0, styles_1.makeStyles)({
-    insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
-    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute])
+    insertAttribute: __assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]),
+    deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.deleteAttribute])
 });

package/esm/components/BasicTableView/BasicTable/helpers/nestedHelpers.d.ts

@@ -1,4 +1,5 @@
 export const calcRowSpansForNestedKeys: any;
+export function validateRowSpanData(rowSpanData: any): any;
 export const TOTAL_ROW_SPAN_KEY: "total";
 export function flattenNestedColumnValues(values: any, indexPath?: any[]): any;
 export const getSiblingSubRowsKeyBySubRowKey: any;

package/esm/components/BasicTableView/BasicTable/helpers/nestedHelpers.js

@@ -18,7 +18,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { __, addIndex, always, assoc, chain, curry, dropLast, groupBy, join, keys, length, omit, pickBy, pipe, propOr, reduce, split, sum, toPairs, unless, unnest, values, zip } from 'ramda';
+import { __, addIndex, always, assoc, chain, curry, dropLast, groupBy, join, keys, length, omit, pickBy, pipe, propOr, reduce, split, sortBy, identity, sum, toPairs, unless, unnest, values, zip } from 'ramda';
 var TOTAL_ROW_SPAN_KEY = 'total';
 var NESTED_KEY_DELIMITER = '.';
 var getSiblingSubRowsKeyBySubRowKey = pipe(split(NESTED_KEY_DELIMITER), dropLast(1), join(NESTED_KEY_DELIMITER));
@@ -59,7 +59,7 @@ var validateParentRowSpan = function (rowSpanData, _a) {
     }
 };
 var validateRowSpanData = function (rowSpanData) {
-    return pipe(omit([TOTAL_ROW_SPAN_KEY]), keys, groupBy(getSiblingSubRowsKeyBySubRowKey), toPairs, reduce(validateParentRowSpan, rowSpanData))(rowSpanData);
+    return pipe(omit([TOTAL_ROW_SPAN_KEY]), keys, sortBy(identity), groupBy(getSiblingSubRowsKeyBySubRowKey), toPairs, reduce(validateParentRowSpan, rowSpanData))(rowSpanData);
 };
 var calcRowSpansForNestedKeys = pipe(reduce(addNestedKey, {}), validateRowSpanData);
 var chainWithIndex = addIndex(chain);
@@ -73,4 +73,4 @@ var flattenNestedColumnValues = function (values, indexPath) {
 var getNestedKeyForNestedColumnCell = curry(function (columnNestedPath, cell) {
     return pipe(zip(__, cell.indexPath), unnest, join(NESTED_KEY_DELIMITER))(columnNestedPath);
 });
-export { calcRowSpansForNestedKeys, TOTAL_ROW_SPAN_KEY, flattenNestedColumnValues, getSiblingSubRowsKeyBySubRowKey, getParentRowKeyBySiblingsSubRowsKey, getNestedKeyForNestedColumnCell };
+export { calcRowSpansForNestedKeys, validateRowSpanData, TOTAL_ROW_SPAN_KEY, flattenNestedColumnValues, getSiblingSubRowsKeyBySubRowKey, getParentRowKeyBySiblingsSubRowsKey, getNestedKeyForNestedColumnCell };

package/esm/components/attributes/readMode/ImageAttributesLine/ImageAttributesLine.js

@@ -1,11 +1,10 @@
 import React, { useContext } from 'react';
-import { getImageAttributeOvThumbnailUrl } from '@reltio/mdm-sdk';
+import { getHistoryAppearanceByUri, getHistoryAttributeClassName, getImageAttributeOvThumbnailUrl } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { HistoryDiffContext } from '../../../../contexts';
 import Image from '../../../Image/Image';
 import ImageAttributesLineCommon from '../../ImageAttributesLine';
 import { DEFAULT_IMAGE_SIZE } from '../../ImageAttributesLine/constants';
-import { getHistoryAppearanceByUri, getHistoryAttributeClassName } from '../helpers/historyAppearance';
 import { useStyles } from './styles';
 var ImageAttributesLine = function (_a) {
     var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, paging = _a.paging, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, showNonOv = _a.showNonOv, _c = _a.imageSize, imageSize = _c === void 0 ? DEFAULT_IMAGE_SIZE : _c;

package/esm/components/attributes/readMode/ImageAttributesLine/styles.js

@@ -1,7 +1,6 @@
 import { makeStyles } from '@material-ui/core/styles';
 import { CROSS_ICON } from './cross.inline.svg';
-import { svg2Url } from '@reltio/mdm-sdk';
-import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
+import { HistoryOperations, historyPalettes, svg2Url } from '@reltio/mdm-sdk';
 var BORDER_WIDTH = '3px';
 export var useStyles = makeStyles(function (theme) { return ({
     image: function (_a) {

package/esm/components/attributes/readMode/NestedAttribute/NestedAttribute.js

@@ -23,9 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { memo, useContext, useMemo } from 'react';
 import Box from '@material-ui/core/Box';
 import classnames from 'classnames';
-import { evaluateDeepEntityLabel, getAttributeTypeSubAttributes, getLabel, NestedAttributeType } from '@reltio/mdm-sdk';
+import { evaluateDeepEntityLabel, getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName, getLabel, NestedAttributeType } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../contexts';
-import { getHistoryAppearanceByUri, getHistoryAttributeClassName } from '../helpers/historyAppearance';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
 import { PivotingTooltip } from '../../PivotingAttributes/PivotingTooltip';
 import SearchHighlighter from '../../../SearchHighlighter/SearchHighlighter';

package/esm/components/attributes/readMode/NestedAttribute/styles.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@material-ui/core/styles';
-import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
+import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 var styles = makeStyles({
     label: {
         textDecoration: 'none'

package/esm/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js

@@ -22,10 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { memo, useContext, useMemo } from 'react';
 import classnames from 'classnames';
-import { getAttributeTypeSubAttributes, getEntityLink, getLabel, getReferencedEntityUriFromAttrValue, isEmptyValue, isOv, ReferenceAttributeType } from '@reltio/mdm-sdk';
+import { getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName, getEntityLink, getLabel, getReferencedEntityUriFromAttrValue, isEmptyValue, isOv, ReferenceAttributeType } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../contexts';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
-import { getHistoryAppearanceByUri, getHistoryAttributeClassName } from '../helpers/historyAppearance';
 import InternalLink from '../../../InternalLink/InternalLink';
 import SearchHighlighter from '../../../SearchHighlighter/SearchHighlighter';
 import { useOvValueStyles } from '../helpers/commonStyles';
@@ -35,10 +34,7 @@ var ReferenceAttribute = function (_a) {
     var styles = useStyles();
     var ovValueStyles = useOvValueStyles();
     var refEntityURI = getReferencedEntityUriFromAttrValue(attributeValue);
-    var attributeTypeList = useMemo(function () { return getAttributeTypeSubAttributes(metadata, attributeType); }, [
-        attributeType,
-        metadata
-    ]);
+    var attributeTypeList = useMemo(function () { return getAttributeTypeSubAttributes(metadata, attributeType); }, [attributeType, metadata]);
     var appearance = useContext(HistoryDiffContext).appearance;
     var entityLabel = useMemo(function () {
         var _a;

package/esm/components/attributes/readMode/ReferenceAttribute/styles.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@material-ui/core/styles';
-import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
+import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 var styles = makeStyles(function (theme) { return ({
     relationshipLabel: {
         marginLeft: '4px',

package/esm/components/attributes/readMode/SimpleAttribute/SimpleAttribute.js

@@ -1,12 +1,11 @@
 import React, { useContext } from 'react';
-import { getAttrDataTypeDefinition, getAttributeValue, CollaborationObjectTypes, createRelatedObjectUris, isOv, isRelationAttrType } from '@reltio/mdm-sdk';
+import { getAttrDataTypeDefinition, getHistoryAppearanceByUri, getAttributeValue, CollaborationObjectTypes, createRelatedObjectUris, isOv, isRelationAttrType, getHistoryAttributeClassName } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../../constants/classnames';
 import { HistoryDiffContext } from '../../../../contexts/HistoryAppearanceContext';
 import CommentsContainer from '../../../CommentsContainer/CommentsContainer';
 import DataTypeValue from '../../../DataTypeValue/DataTypeValue';
 import { PivotingTooltip } from '../../PivotingAttributes/PivotingTooltip';
-import { getHistoryAppearanceByUri, getHistoryAttributeClassName } from '../helpers/historyAppearance';
 import { useStyles } from './styles';
 import { HighlightedValuesContext } from '../../../../contexts';
 import { useOvValueStyles } from '../helpers/commonStyles';

package/esm/components/attributes/readMode/SimpleAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "commentsContainer" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "multilineAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute">;

package/esm/components/attributes/readMode/SimpleAttribute/styles.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@material-ui/core/styles';
-import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
+import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 export var useStyles = makeStyles({
     root: {
         display: 'flex',

package/esm/components/attributes/readMode/SpecialAttributes/Roles/Role.js

@@ -1,9 +1,8 @@
 import React, { useContext } from 'react';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import { getRoleLabel } from '@reltio/mdm-sdk';
+import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName, getRoleLabel } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../../contexts/HistoryAppearanceContext';
-import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '../../helpers/historyAppearance';
 import { useCommonStyles } from '../styles';
 var Role = function (_a) {
     var value = _a.value;

package/esm/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -2,9 +2,8 @@ import React, { useContext } from 'react';
 import InternalLink from '../../../../InternalLink/InternalLink';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import { getDataTenantEntityUri, getTagLink } from '@reltio/mdm-sdk';
+import { getDataTenantEntityUri, getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName, getTagLink } from '@reltio/mdm-sdk';
 import { EntityContext, HistoryDiffContext } from '../../../../../contexts';
-import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '../../helpers/historyAppearance';
 import { useCommonStyles } from '../styles';
 var Tag = function (_a) {
     var value = _a.value;

package/esm/components/attributes/readMode/SpecialAttributes/styles.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { makeStyles } from '@material-ui/core/styles';
-import { HistoryOperations, historyPalettes } from '../helpers/historyAppearance';
+import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 export var useCommonStyles = makeStyles({
     insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
     deleteAttribute: __assign({ width: 'fit-content', textDecoration: 'line-through', padding: '0 4px' }, historyPalettes[HistoryOperations.deleteAttribute])

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1403",
+  "version": "1.4.1405",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1403",
-    "@reltio/mdm-sdk": "^1.4.1403",
+    "@reltio/mdm-module": "^1.4.1405",
+    "@reltio/mdm-sdk": "^1.4.1405",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/components/attributes/readMode/helpers/historyAppearance.d.ts

@@ -1,17 +0,0 @@
-import { HistoryAppearanceActions, HistoryDiff } from '@reltio/mdm-sdk';
-declare type historyColors = {
-    backgroundColor?: string;
-    color: string;
-};
-export declare enum HistoryOperations {
-    insertAttribute = "insertAttribute",
-    updateAttribute = "updateAttribute",
-    deleteAttribute = "deleteAttribute"
-}
-export declare const historyPalettes: {
-    [key: string]: historyColors;
-};
-export declare const getHistoryAttributeClassName: (type: HistoryAppearanceActions) => "" | HistoryOperations;
-export declare const getHistoryAppearanceByUri: (uri?: string, history?: HistoryDiff['appearance']) => any;
-export declare const getHistoryAppearanceBySpecialAttributeValue: (name: string, value: string, history?: HistoryDiff['appearance']) => any;
-export {};

package/cjs/components/attributes/readMode/helpers/historyAppearance.js

@@ -1,65 +0,0 @@
-"use strict";
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getHistoryAppearanceBySpecialAttributeValue = exports.getHistoryAppearanceByUri = exports.getHistoryAttributeClassName = exports.historyPalettes = exports.HistoryOperations = void 0;
-var ramda_1 = require("ramda");
-var HistoryOperations;
-(function (HistoryOperations) {
-    HistoryOperations["insertAttribute"] = "insertAttribute";
-    HistoryOperations["updateAttribute"] = "updateAttribute";
-    HistoryOperations["deleteAttribute"] = "deleteAttribute";
-})(HistoryOperations = exports.HistoryOperations || (exports.HistoryOperations = {}));
-exports.historyPalettes = (_a = {},
-    _a[HistoryOperations.insertAttribute] = {
-        color: '#599E0E'
-    },
-    _a[HistoryOperations.updateAttribute] = {
-        backgroundColor: 'rgba(255, 187, 0, 0.12)',
-        color: '#CC7500'
-    },
-    _a[HistoryOperations.deleteAttribute] = {
-        backgroundColor: 'rgba(255, 50, 0, 0.2)',
-        color: '#CF0E26'
-    },
-    _a);
-var getHistoryAttributeClassName = function (type) {
-    switch (type) {
-        case 'UPDATE_ATTRIBUTE':
-            return HistoryOperations.updateAttribute;
-        case 'UNDO_IGNORE_ATTRIBUTE':
-        case 'INSERT_ATTRIBUTE':
-            return HistoryOperations.insertAttribute;
-        case 'IGNORE_ATTRIBUTE':
-        case 'DELETE_ATTRIBUTE':
-            return HistoryOperations.deleteAttribute;
-        default:
-            return '';
-    }
-};
-exports.getHistoryAttributeClassName = getHistoryAttributeClassName;
-var ATTRIBUTE_DELIMITER = '/';
-var hasParent = (0, ramda_1.pipe)((0, ramda_1.split)(ATTRIBUTE_DELIMITER), (0, ramda_1.propSatisfies)((0, ramda_1.lte)(2), 'length'));
-var getParentUri = (0, ramda_1.pipe)((0, ramda_1.split)(ATTRIBUTE_DELIMITER), (0, ramda_1.slice)(0, -2), (0, ramda_1.join)(ATTRIBUTE_DELIMITER));
-var getParentHistoryAppearanceByUri = (0, ramda_1.curry)(function (uri, history) {
-    return (0, ramda_1.cond)([
-        [(0, ramda_1.has)(uri), (0, ramda_1.prop)(uri)],
-        [function () { return hasParent(uri); }, getParentHistoryAppearanceByUri(getParentUri(uri))]
-    ])(history);
-});
-var hasModifiedChildren = function (uri) { return (0, ramda_1.pipe)(ramda_1.keys, (0, ramda_1.any)((0, ramda_1.startsWith)(uri + ATTRIBUTE_DELIMITER))); };
-var getHistoryAppearanceByUri = function (uri, history) {
-    if (uri === void 0) { uri = ''; }
-    if (history === void 0) { history = {}; }
-    var state = getParentHistoryAppearanceByUri(uri, history);
-    if ((0, ramda_1.isNil)(state)) {
-        return hasModifiedChildren(uri)(history) ? 'UPDATE_ATTRIBUTE' : '';
-    }
-    return state;
-};
-exports.getHistoryAppearanceByUri = getHistoryAppearanceByUri;
-var getHistoryAppearanceBySpecialAttributeValue = function (name, value, history) {
-    var _a;
-    if (history === void 0) { history = {}; }
-    return (_a = history === null || history === void 0 ? void 0 : history[name]) === null || _a === void 0 ? void 0 : _a[value];
-};
-exports.getHistoryAppearanceBySpecialAttributeValue = getHistoryAppearanceBySpecialAttributeValue;

package/esm/components/attributes/readMode/helpers/historyAppearance.d.ts

@@ -1,17 +0,0 @@
-import { HistoryAppearanceActions, HistoryDiff } from '@reltio/mdm-sdk';
-declare type historyColors = {
-    backgroundColor?: string;
-    color: string;
-};
-export declare enum HistoryOperations {
-    insertAttribute = "insertAttribute",
-    updateAttribute = "updateAttribute",
-    deleteAttribute = "deleteAttribute"
-}
-export declare const historyPalettes: {
-    [key: string]: historyColors;
-};
-export declare const getHistoryAttributeClassName: (type: HistoryAppearanceActions) => "" | HistoryOperations;
-export declare const getHistoryAppearanceByUri: (uri?: string, history?: HistoryDiff['appearance']) => any;
-export declare const getHistoryAppearanceBySpecialAttributeValue: (name: string, value: string, history?: HistoryDiff['appearance']) => any;
-export {};

package/esm/components/attributes/readMode/helpers/historyAppearance.js

@@ -1,59 +0,0 @@
-var _a;
-import { any, cond, curry, has, isNil, join, keys, lte, pipe, prop, propSatisfies, split, slice, startsWith } from 'ramda';
-export var HistoryOperations;
-(function (HistoryOperations) {
-    HistoryOperations["insertAttribute"] = "insertAttribute";
-    HistoryOperations["updateAttribute"] = "updateAttribute";
-    HistoryOperations["deleteAttribute"] = "deleteAttribute";
-})(HistoryOperations || (HistoryOperations = {}));
-export var historyPalettes = (_a = {},
-    _a[HistoryOperations.insertAttribute] = {
-        color: '#599E0E'
-    },
-    _a[HistoryOperations.updateAttribute] = {
-        backgroundColor: 'rgba(255, 187, 0, 0.12)',
-        color: '#CC7500'
-    },
-    _a[HistoryOperations.deleteAttribute] = {
-        backgroundColor: 'rgba(255, 50, 0, 0.2)',
-        color: '#CF0E26'
-    },
-    _a);
-export var getHistoryAttributeClassName = function (type) {
-    switch (type) {
-        case 'UPDATE_ATTRIBUTE':
-            return HistoryOperations.updateAttribute;
-        case 'UNDO_IGNORE_ATTRIBUTE':
-        case 'INSERT_ATTRIBUTE':
-            return HistoryOperations.insertAttribute;
-        case 'IGNORE_ATTRIBUTE':
-        case 'DELETE_ATTRIBUTE':
-            return HistoryOperations.deleteAttribute;
-        default:
-            return '';
-    }
-};
-var ATTRIBUTE_DELIMITER = '/';
-var hasParent = pipe(split(ATTRIBUTE_DELIMITER), propSatisfies(lte(2), 'length'));
-var getParentUri = pipe(split(ATTRIBUTE_DELIMITER), slice(0, -2), join(ATTRIBUTE_DELIMITER));
-var getParentHistoryAppearanceByUri = curry(function (uri, history) {
-    return cond([
-        [has(uri), prop(uri)],
-        [function () { return hasParent(uri); }, getParentHistoryAppearanceByUri(getParentUri(uri))]
-    ])(history);
-});
-var hasModifiedChildren = function (uri) { return pipe(keys, any(startsWith(uri + ATTRIBUTE_DELIMITER))); };
-export var getHistoryAppearanceByUri = function (uri, history) {
-    if (uri === void 0) { uri = ''; }
-    if (history === void 0) { history = {}; }
-    var state = getParentHistoryAppearanceByUri(uri, history);
-    if (isNil(state)) {
-        return hasModifiedChildren(uri)(history) ? 'UPDATE_ATTRIBUTE' : '';
-    }
-    return state;
-};
-export var getHistoryAppearanceBySpecialAttributeValue = function (name, value, history) {
-    var _a;
-    if (history === void 0) { history = {}; }
-    return (_a = history === null || history === void 0 ? void 0 : history[name]) === null || _a === void 0 ? void 0 : _a[value];
-};