@reltio/components 1.4.1901 → 1.4.1902

package/cjs/ImageDetailsView/components/MetaInfoList/MetaInfoList.js

@@ -1,10 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 });
 exports.MetaInfoList = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var ReadOnlyAttributesPager_1 = require("../../../ReadOnlyAttributesPager");
 var MetaInfoItem_1 = require("../MetaInfoItem");
@@ -17,6 +40,10 @@ var MetaInfoList = function (_a) {
     var isViewMode = (0, MdmModuleContext_1.useMdmIsViewMode)();
     var systemAttributesList = (0, helpers_1.getSystemAttributesList)(attributeValue, imageAttributeFieldsOrder);
     var notSystemAttributesList = (0, helpers_1.getNotSystemAttributesList)(attributeValue, attributeType, imageAttributeFieldsOrder);
+    var attributesClasses = (0, react_1.useMemo)(function () { return ({
+        title: styles.title,
+        content: styles.content
+    }); }, [styles]);
     return (react_1.default.createElement(Box_1.default, { className: styles.root },
         systemAttributesList.map(function (_a) {
             var title = _a.title, value = _a.value, isLink = _a.isLink;
@@ -25,7 +52,7 @@ var MetaInfoList = function (_a) {
         isViewMode &&
             notSystemAttributesList.map(function (_a) {
                 var attrType = _a.attrType, values = _a.values;
-                return (react_1.default.createElement(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: false, values: values, titleClassName: styles.title, contentClassName: styles.content, parentUri: attributeValue.uri }));
+                return (react_1.default.createElement(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: false, values: values, classes: attributesClasses, parentUri: attributeValue.uri }));
             })));
 };
 exports.MetaInfoList = MetaInfoList;

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AttributeType, Entity, Relation } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../types';
 type Props = {
     entity: Partial<Entity> | Partial<Relation>;
     attrTypes?: AttributeType[];
@@ -10,9 +11,10 @@ type Props = {
     max?: number;
     alwaysVisibleTypeUris?: string[];
     showNonOv?: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv }: Props): JSX.Element;
+    ({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv, classes }: Props): JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/cjs/ReadOnlyAttributesList/ReadOnlyAttributesList.js

@@ -45,7 +45,7 @@ var constants_1 = require("../constants");
 var attributesView_1 = require("../helpers/attributesView");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
 var ReadOnlyAttributesList = function (_a) {
-    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _c === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _c, showNonOv = _a.showNonOv;
+    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _c === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _c, showNonOv = _a.showNonOv, classes = _a.classes;
     var hiddenAttributes = (0, react_1.useContext)(HiddenAttributesContext_1.HiddenAttributesContext);
     var entityUri = parentUri && (0, mdm_sdk_1.getBaseUri)(parentUri);
     var currentEntityHiddenAttributes = (0, react_1.useMemo)(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
@@ -69,7 +69,7 @@ var ReadOnlyAttributesList = function (_a) {
         children && react_1.default.createElement(BranchDecorator_1.BranchDecorator, __assign({}, decoratorProps), children),
         visibleAttributePagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (react_1.default.createElement(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv }));
+            return (react_1.default.createElement(ReadOnlyAttributesPager_1.ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv, classes: classes }));
         }),
         showMore && react_1.default.createElement(ShowMore_1.ShowMore, { onClick: onShowMore }),
         showLess && react_1.default.createElement(ShowLess_1.ShowLess, { onClick: onShowLess })));

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AttributeType, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, ImageAttributeValue, AttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../types';
 type Props = {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | string | number | ImageAttributeValue | AttributeValue)[];
     attributeType: AttributeType;
@@ -7,9 +8,8 @@ type Props = {
     parentUri?: string;
     drawLines?: boolean;
     max?: number;
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv?: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, showNonOv, classes }: Props) => JSX.Element>;
 export default _default;

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.js

@@ -1,4 +1,15 @@
 "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;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -44,18 +55,18 @@ var RENDERER_TYPES = {
     special: 'special'
 };
 var ReadOnlyAttributesPager = function (_a) {
-    var _b, _c;
-    var _d;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _e = _a.paging, paging = _e === void 0 ? {} : _e, parentUri = _a.parentUri, maxProp = _a.max, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
+    var _b, _c, _d, _e;
+    var _f;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _g = _a.paging, paging = _g === void 0 ? {} : _g, parentUri = _a.parentUri, maxProp = _a.max, showNonOv = _a.showNonOv, classes = _a.classes;
     var styles = (0, styles_1.useStyles)();
     var requestNextPageOfAttributeValues = (0, MdmModuleContext_1.useMdmAction)('requestNextPageOfAttributeValues');
     var maxValuesInResponse = (0, MdmModuleContext_1.useMdmMaxValuesInResponse)();
-    var max = (_d = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _d !== void 0 ? _d : Infinity;
+    var max = (_f = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _f !== void 0 ? _f : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     if (!values || !values.length) {
         return null;
     }
-    var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
+    var _h = partitionByOv(values), ovValues = _h[0], nonOvValues = _h[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -73,16 +84,16 @@ var ReadOnlyAttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.oneLine:
-                return (react_1.default.createElement(OneLineRenderer_1.OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
+                return (react_1.default.createElement(OneLineRenderer_1.OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, showNonOv: showNonOv, classes: classes }));
             case RENDERER_TYPES.multiLine:
-                return (react_1.default.createElement(MultiLineRenderer_1.MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
+                return (react_1.default.createElement(MultiLineRenderer_1.MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, classes: classes }));
             case RENDERER_TYPES.imageLine:
                 return (react_1.default.createElement(ImageLineRenderer_1.ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }));
             case RENDERER_TYPES.special:
-                return react_1.default.createElement(SpecialRenderer_1.SpecialRenderer, { values: visibleValues, attributeType: attributeType });
+                return react_1.default.createElement(SpecialRenderer_1.SpecialRenderer, { values: visibleValues, attributeType: attributeType, classes: classes });
         }
     };
-    return (react_1.default.createElement(BranchDecorator_1.BranchDecorator, { enabled: drawLines, className: (0, classnames_1.default)((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },
-        react_1.default.createElement("div", { className: (0, classnames_1.default)((_c = {}, _c[styles.paddingWrapper] = !drawLines, _c)) }, render())));
+    return (react_1.default.createElement(BranchDecorator_1.BranchDecorator, { enabled: drawLines, className: (0, classnames_1.default)(__assign((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b), ((classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines) ? (_c = {}, _c[classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines] = drawLines, _c) : {}))) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(__assign((_d = {}, _d[styles.paddingWrapper] = !drawLines, _d), ((classes === null || classes === void 0 ? void 0 : classes.wrapper) ? (_e = {}, _e[classes === null || classes === void 0 ? void 0 : classes.wrapper] = !drawLines, _e) : {}))) }, render())));
 };
 exports.default = (0, react_1.memo)(ReadOnlyAttributesPager);

package/cjs/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.d.ts

@@ -1,4 +1,5 @@
 import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../../types';
 type Props = {
     max: number;
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
@@ -8,9 +9,8 @@ type Props = {
     nonVisibleValues: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     parentUri: string;
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, showNonOv, totalNonVisibleValues, classes }: Props) => JSX.Element;
 export {};

package/cjs/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -40,7 +40,7 @@ var ControlAttributeIcon_1 = require("../../../ControlAttributeIcon");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var styles_1 = require("../../styles");
 var MultiLineRenderer = function (_a) {
-    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues, classes = _a.classes;
     var styles = (0, styles_1.useMultiLineStyles)();
     var _b = (0, react_1.useState)(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var controlAttributes = (0, MdmModuleContext_1.useMdmControlAttributes)();
@@ -68,11 +68,11 @@ var MultiLineRenderer = function (_a) {
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (react_1.default.createElement("div", { "data-reltio-id": "multi-line-renderer", className: styles.wrapper },
         react_1.default.createElement("div", { className: styles.titleRow },
-            react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
             react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description }),
             isControlAttribute && react_1.default.createElement(ControlAttributeIcon_1.ControlAttributeIcon, null),
             react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
-        react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { key: value.uri, className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
+        react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { key: value.uri, className: (0, classnames_1.default)(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, classes: classes })); })),
         showMore && (react_1.default.createElement(ShowMore_1.ShowMore, { moreNumber: (0, ramda_1.min)(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
         showLess && react_1.default.createElement(ShowLess_1.ShowLess, { onClick: onShowLess })));
 };

package/cjs/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.d.ts

@@ -1,12 +1,12 @@
 import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../..';
 type Props = {
     value: AttributeValue;
     attributeType: AttributeType;
     nonVisibleValues: AttributeValue[];
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv?: boolean;
     totalNonVisibleValues: number;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, showNonOv, totalNonVisibleValues, classes }: Props) => JSX.Element;
 export {};

package/cjs/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js

@@ -40,7 +40,7 @@ var ControlAttributeIcon_1 = require("../../../ControlAttributeIcon");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var styles_1 = require("../../styles");
 var OneLineRenderer = function (_a) {
-    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues, classes = _a.classes;
     var styles = (0, styles_1.useOneLineStyles)();
     var label = attributeType.label, description = attributeType.description;
     var controlAttributes = (0, MdmModuleContext_1.useMdmControlAttributes)();
@@ -50,11 +50,11 @@ var OneLineRenderer = function (_a) {
         : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (react_1.default.createElement("div", { "data-reltio-id": "one-line-renderer", className: (0, classnames_1.default)(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
         react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.titleRow, styles.wrapper) },
-            react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
             react_1.default.createElement(DescriptionIcon_1.DescriptionIcon, { description: description, className: styles.descriptionIcon }),
             isControlAttribute && react_1.default.createElement(ControlAttributeIcon_1.ControlAttributeIcon, null),
             react_1.default.createElement(OvIcon_1.OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
-            react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
+            react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { className: (0, classnames_1.default)(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true, classes: classes })),
         react_1.default.createElement(CommentsContainer_1.CommentsContainer, { uri: value.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {
                 uri: value.uri
             }), objectType: objectType })));

package/cjs/ReadOnlyAttributesPager/components/SpecialRenderer/SpecialRenderer.d.ts

@@ -1,7 +1,9 @@
 import { AttributeType } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../../types';
 type Props = {
     values: string[] | number[];
     attributeType: AttributeType;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
+export declare const SpecialRenderer: ({ values, attributeType, classes }: Props) => JSX.Element;
 export {};

package/cjs/ReadOnlyAttributesPager/components/SpecialRenderer/SpecialRenderer.js

@@ -14,7 +14,7 @@ var Roles_1 = require("../../../Roles");
 var Tags_1 = require("../../../Tags");
 var styles_1 = require("../../styles");
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType;
+    var values = _a.values, attributeType = _a.attributeType, classes = _a.classes;
     var styles = (0, styles_1.useOneLineStyles)();
     var label = attributeType.label;
     var renderIcon = function (className) {
@@ -29,13 +29,13 @@ var SpecialRenderer = function (_a) {
             }
             default: {
                 //startDate, endDate, "crosswalk" fake nested subattibutes
-                return (react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { className: className, attributeValue: { value: values[0], uri: '' }, attributeType: attributeType, inlined: true }));
+                return (react_1.default.createElement(ReadOnlyAttributesFactory_1.ReadOnlyAttribute, { className: className, attributeValue: { value: values[0], uri: '' }, attributeType: attributeType, inlined: true, classes: classes }));
             }
         }
     };
     return (react_1.default.createElement("div", { "data-reltio-id": "special-renderer", className: (0, classnames_1.default)(styles.titleRow, styles.wrapper) },
         renderIcon(styles.titleIcon),
-        react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
-        renderValue(styles.attribute)));
+        react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
+        renderValue((0, classnames_1.default)(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content))));
 };
 exports.SpecialRenderer = SpecialRenderer;

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { AttributeType, ComplexAttributeValue } from '@reltio/mdm-sdk';
-import { AdditionalControlsRenderer } from '../types';
+import { AdditionalControlsRenderer, ReadOnlyAttributeClasses } from '../types';
 export type ReadOnlyComplexAttributeProps<T> = {
     attributeTypesList?: AttributeType[];
     attributeValue: T;
@@ -9,7 +9,8 @@ export type ReadOnlyComplexAttributeProps<T> = {
     children?: ReactNode;
     showNonOv?: boolean;
     attributeType?: AttributeType;
+    classes?: ReadOnlyAttributeClasses;
     LabelRenderer?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
     RightSlot?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
 };
-export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;
+export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, classes, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;

package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js

@@ -50,7 +50,7 @@ var classnames_2 = require("../constants/classnames");
 var styles_1 = require("./styles");
 var ReadOnlyComplexAttribute = function (_a) {
     var _b;
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, classes = _a.classes, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
     var styles = (0, styles_1.useStyles)();
     var uri = attributeValue.uri;
     var _d = (0, react_1.useState)(false), expanded = _d[0], setExpanded = _d[1];
@@ -76,6 +76,6 @@ var ReadOnlyComplexAttribute = function (_a) {
                 react_1.default.createElement(CommentsContainer_1.CommentsContainer, { uri: attributeValue.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {
                         uri: attributeValue.uri
                     }), objectType: objectType })))),
-        expanded && (react_1.default.createElement(ReadOnlyAttributesList_1.ReadOnlyAttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
+        expanded && (react_1.default.createElement(ReadOnlyAttributesList_1.ReadOnlyAttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv, classes: classes }, children))));
 };
 exports.ReadOnlyComplexAttribute = ReadOnlyComplexAttribute;

package/cjs/contexts/CollaborationContext/index.d.ts

@@ -1,5 +1,28 @@
 import React from 'react';
 import { CollaborationObjectTypes, Comment, CommentsMap, CommentState, Reply } from '@reltio/mdm-sdk';
+export declare const InitialCollaborationContextValue: {
+    comments: any[];
+    commentsMap: any;
+    currentComment: any;
+    updateCommentState: any;
+    clearCommentState: any;
+    getCommentState: () => {};
+    getComment: any;
+    getComments: () => Promise<void>;
+    getCommentsCount: any;
+    createComment: () => Promise<void>;
+    editComment: () => Promise<void>;
+    createReply: () => Promise<void>;
+    resolveThread: any;
+    reOpenThread: any;
+    clearCurrentComment: any;
+    deleteComment: any;
+    sending: boolean;
+    loading: boolean;
+    pageToken: any;
+    deleteReply: any;
+    editReply: () => Promise<void>;
+};
 export declare const CollaborationContext: React.Context<{
     objectTypes?: CollaborationObjectTypes[];
     commentsMap: CommentsMap;

package/cjs/contexts/CollaborationContext/index.js

@@ -3,12 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CollaborationContextProvider = exports.CollaborationContext = void 0;
+exports.CollaborationContextProvider = exports.CollaborationContext = exports.InitialCollaborationContextValue = void 0;
 var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
 var useUsers_1 = require("../../hooks/useUsers");
 var UsersContext_1 = require("../UsersContext");
-exports.CollaborationContext = react_1.default.createContext({
+exports.InitialCollaborationContextValue = {
     comments: [],
     commentsMap: null,
     currentComment: null,
@@ -30,7 +30,8 @@ exports.CollaborationContext = react_1.default.createContext({
     pageToken: null,
     deleteReply: ramda_1.identity,
     editReply: function () { return new Promise(ramda_1.identity); }
-});
+};
+exports.CollaborationContext = react_1.default.createContext(exports.InitialCollaborationContextValue);
 exports.CollaborationContext.displayName = 'CollaborationContext';
 var CollaborationContextProvider = function (_a) {
     var collaboration = _a.collaboration, children = _a.children;

package/cjs/index.d.ts

@@ -185,7 +185,7 @@ export { AsyncMountContext } from './contexts/AsyncMountContext';
 export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
 export { PopupBoundariesContext } from './contexts/PopupBoundariesContext';
 export { BlockImageGalleryDialogContext } from './contexts/BlockImageGalleryDialogContext';
-export { CollaborationContext, CollaborationContextProvider } from './contexts/CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider, InitialCollaborationContextValue } from './contexts/CollaborationContext';
 export { UsersContext } from './contexts/UsersContext';
 export { PivotingAttributeContext } from './contexts/PivotingAttributeContext';
 export { PerspectivesSettingsContext, usePerspectivesSettings } from './contexts/PerspectivesSettingsContext';

package/cjs/index.js

@@ -17,10 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ControlAttributeIcon = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = void 0;
 exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQuery = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.SaveSegmentDialog = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = void 0;
-exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
-exports.useScrollToAttributeError = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = void 0;
-exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = void 0;
-exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = void 0;
+exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.reactSortableTreeHelpers = exports.ReactSortableTree = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = void 0;
+exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.SegmentationContext = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = void 0;
+exports.TestPerspectivesSettingsProvider = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = void 0;
+exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -407,6 +407,7 @@ Object.defineProperty(exports, "BlockImageGalleryDialogContext", { enumerable: t
 var CollaborationContext_1 = require("./contexts/CollaborationContext");
 Object.defineProperty(exports, "CollaborationContext", { enumerable: true, get: function () { return CollaborationContext_1.CollaborationContext; } });
 Object.defineProperty(exports, "CollaborationContextProvider", { enumerable: true, get: function () { return CollaborationContext_1.CollaborationContextProvider; } });
+Object.defineProperty(exports, "InitialCollaborationContextValue", { enumerable: true, get: function () { return CollaborationContext_1.InitialCollaborationContextValue; } });
 var UsersContext_1 = require("./contexts/UsersContext");
 Object.defineProperty(exports, "UsersContext", { enumerable: true, get: function () { return UsersContext_1.UsersContext; } });
 var PivotingAttributeContext_1 = require("./contexts/PivotingAttributeContext");

package/cjs/types/index.d.ts

@@ -185,3 +185,9 @@ export declare enum MatchRuleVariant {
     simple = "simple",
     excludeNotMatch = "excludeNotMatch"
 }
+export type ReadOnlyAttributeClasses = {
+    title?: string;
+    content?: string;
+    wrapper?: string;
+    wrapperWithLines?: string;
+};

package/esm/ImageDetailsView/components/MetaInfoList/MetaInfoList.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 import Box from '@mui/material/Box';
 import { ReadOnlyAttributesPager } from '../../../ReadOnlyAttributesPager';
 import { MetaInfoItem } from '../MetaInfoItem';
@@ -11,6 +11,10 @@ export var MetaInfoList = function (_a) {
     var isViewMode = useMdmIsViewMode();
     var systemAttributesList = getSystemAttributesList(attributeValue, imageAttributeFieldsOrder);
     var notSystemAttributesList = getNotSystemAttributesList(attributeValue, attributeType, imageAttributeFieldsOrder);
+    var attributesClasses = useMemo(function () { return ({
+        title: styles.title,
+        content: styles.content
+    }); }, [styles]);
     return (React.createElement(Box, { className: styles.root },
         systemAttributesList.map(function (_a) {
             var title = _a.title, value = _a.value, isLink = _a.isLink;
@@ -19,6 +23,6 @@ export var MetaInfoList = function (_a) {
         isViewMode &&
             notSystemAttributesList.map(function (_a) {
                 var attrType = _a.attrType, values = _a.values;
-                return (React.createElement(ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: false, values: values, titleClassName: styles.title, contentClassName: styles.content, parentUri: attributeValue.uri }));
+                return (React.createElement(ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: false, values: values, classes: attributesClasses, parentUri: attributeValue.uri }));
             })));
 };

package/esm/ReadOnlyAttributesList/ReadOnlyAttributesList.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AttributeType, Entity, Relation } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../types';
 type Props = {
     entity: Partial<Entity> | Partial<Relation>;
     attrTypes?: AttributeType[];
@@ -10,9 +11,10 @@ type Props = {
     max?: number;
     alwaysVisibleTypeUris?: string[];
     showNonOv?: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
 declare const _default: React.MemoExoticComponent<{
-    ({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv }: Props): JSX.Element;
+    ({ attrTypes, entity, parentUri, drawLines, children, className, max, alwaysVisibleTypeUris, showNonOv, classes }: Props): JSX.Element;
     displayName: string;
 }>;
 export default _default;

package/esm/ReadOnlyAttributesList/ReadOnlyAttributesList.js

@@ -20,7 +20,7 @@ import { ALWAYS_VISIBLE_TYPE_URIS } from '../constants';
 import { splitPagersData } from '../helpers/attributesView';
 import { HiddenAttributesContext } from '../contexts/HiddenAttributesContext';
 var ReadOnlyAttributesList = function (_a) {
-    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _c === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _c, showNonOv = _a.showNonOv;
+    var _b = _a.attrTypes, attrTypes = _b === void 0 ? [] : _b, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _c = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _c === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _c, showNonOv = _a.showNonOv, classes = _a.classes;
     var hiddenAttributes = useContext(HiddenAttributesContext);
     var entityUri = parentUri && getBaseUri(parentUri);
     var currentEntityHiddenAttributes = useMemo(function () { return hiddenAttributes[entityUri] || []; }, [hiddenAttributes, entityUri]);
@@ -44,7 +44,7 @@ var ReadOnlyAttributesList = function (_a) {
         children && React.createElement(BranchDecorator, __assign({}, decoratorProps), children),
         visibleAttributePagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (React.createElement(ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv }));
+            return (React.createElement(ReadOnlyAttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv, classes: classes }));
         }),
         showMore && React.createElement(ShowMore, { onClick: onShowMore }),
         showLess && React.createElement(ShowLess, { onClick: onShowLess })));

package/esm/ReadOnlyAttributesPager/ReadOnlyAttributesPager.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { AttributeType, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, ImageAttributeValue, AttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../types';
 type Props = {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | string | number | ImageAttributeValue | AttributeValue)[];
     attributeType: AttributeType;
@@ -7,9 +8,8 @@ type Props = {
     parentUri?: string;
     drawLines?: boolean;
     max?: number;
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv?: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, showNonOv, classes }: Props) => JSX.Element>;
 export default _default;

package/esm/ReadOnlyAttributesPager/ReadOnlyAttributesPager.js

@@ -1,3 +1,14 @@
+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);
+};
 import classnames from 'classnames';
 import React, { memo } from 'react';
 import { always, cond, has, ifElse, partition, prop, T } from 'ramda';
@@ -16,18 +27,18 @@ var RENDERER_TYPES = {
     special: 'special'
 };
 var ReadOnlyAttributesPager = function (_a) {
-    var _b, _c;
-    var _d;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _e = _a.paging, paging = _e === void 0 ? {} : _e, parentUri = _a.parentUri, maxProp = _a.max, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
+    var _b, _c, _d, _e;
+    var _f;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _g = _a.paging, paging = _g === void 0 ? {} : _g, parentUri = _a.parentUri, maxProp = _a.max, showNonOv = _a.showNonOv, classes = _a.classes;
     var styles = useStyles();
     var requestNextPageOfAttributeValues = useMdmAction('requestNextPageOfAttributeValues');
     var maxValuesInResponse = useMdmMaxValuesInResponse();
-    var max = (_d = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _d !== void 0 ? _d : Infinity;
+    var max = (_f = maxProp !== null && maxProp !== void 0 ? maxProp : maxValuesInResponse) !== null && _f !== void 0 ? _f : Infinity;
     var partitionByOv = partition(isOv);
     if (!values || !values.length) {
         return null;
     }
-    var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
+    var _h = partitionByOv(values), ovValues = _h[0], nonOvValues = _h[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -45,16 +56,16 @@ var ReadOnlyAttributesPager = function (_a) {
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.oneLine:
-                return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
+                return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, showNonOv: showNonOv, classes: classes }));
             case RENDERER_TYPES.multiLine:
-                return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
+                return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, classes: classes }));
             case RENDERER_TYPES.imageLine:
                 return (React.createElement(ImageLineRenderer, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }));
             case RENDERER_TYPES.special:
-                return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType });
+                return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType, classes: classes });
         }
     };
-    return (React.createElement(BranchDecorator, { enabled: drawLines, className: classnames((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },
-        React.createElement("div", { className: classnames((_c = {}, _c[styles.paddingWrapper] = !drawLines, _c)) }, render())));
+    return (React.createElement(BranchDecorator, { enabled: drawLines, className: classnames(__assign((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b), ((classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines) ? (_c = {}, _c[classes === null || classes === void 0 ? void 0 : classes.wrapperWithLines] = drawLines, _c) : {}))) },
+        React.createElement("div", { className: classnames(__assign((_d = {}, _d[styles.paddingWrapper] = !drawLines, _d), ((classes === null || classes === void 0 ? void 0 : classes.wrapper) ? (_e = {}, _e[classes === null || classes === void 0 ? void 0 : classes.wrapper] = !drawLines, _e) : {}))) }, render())));
 };
 export default memo(ReadOnlyAttributesPager);

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.d.ts

@@ -1,4 +1,5 @@
 import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../../types';
 type Props = {
     max: number;
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
@@ -8,9 +9,8 @@ type Props = {
     nonVisibleValues: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
     parentUri: string;
     requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv: boolean;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, showNonOv, totalNonVisibleValues, classes }: Props) => JSX.Element;
 export {};

package/esm/ReadOnlyAttributesPager/components/MultiLineRenderer/MultiLineRenderer.js

@@ -11,7 +11,7 @@ import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
 import { useMdmControlAttributes } from '../../../contexts/MdmModuleContext';
 import { useMultiLineStyles } from '../../styles';
 export var MultiLineRenderer = function (_a) {
-    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues, classes = _a.classes;
     var styles = useMultiLineStyles();
     var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var controlAttributes = useMdmControlAttributes();
@@ -39,11 +39,11 @@ export var MultiLineRenderer = function (_a) {
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
     return (React.createElement("div", { "data-reltio-id": "multi-line-renderer", className: styles.wrapper },
         React.createElement("div", { className: styles.titleRow },
-            React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
             React.createElement(DescriptionIcon, { description: description }),
             isControlAttribute && React.createElement(ControlAttributeIcon, null),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
-        React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(ReadOnlyAttribute, { key: value.uri, className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
+        React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(ReadOnlyAttribute, { key: value.uri, className: classnames(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, classes: classes })); })),
         showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
         showLess && React.createElement(ShowLess, { onClick: onShowLess })));
 };

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.d.ts

@@ -1,12 +1,12 @@
 import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../..';
 type Props = {
     value: AttributeValue;
     attributeType: AttributeType;
     nonVisibleValues: AttributeValue[];
-    titleClassName?: string;
-    contentClassName?: string;
     showNonOv?: boolean;
     totalNonVisibleValues: number;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
+export declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, showNonOv, totalNonVisibleValues, classes }: Props) => JSX.Element;
 export {};

package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js

@@ -11,7 +11,7 @@ import { ControlAttributeIcon } from '../../../ControlAttributeIcon';
 import { useMdmControlAttributes } from '../../../contexts/MdmModuleContext';
 import { useOneLineStyles } from '../../styles';
 export var OneLineRenderer = function (_a) {
-    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
+    var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues, classes = _a.classes;
     var styles = useOneLineStyles();
     var label = attributeType.label, description = attributeType.description;
     var controlAttributes = useMdmControlAttributes();
@@ -21,11 +21,11 @@ export var OneLineRenderer = function (_a) {
         : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (React.createElement("div", { "data-reltio-id": "one-line-renderer", className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
         React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
-            React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
             React.createElement(DescriptionIcon, { description: description, className: styles.descriptionIcon }),
             isControlAttribute && React.createElement(ControlAttributeIcon, null),
             React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
-            React.createElement(ReadOnlyAttribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
+            React.createElement(ReadOnlyAttribute, { className: classnames(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true, classes: classes })),
         React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                 uri: value.uri
             }), objectType: objectType })));

package/esm/ReadOnlyAttributesPager/components/SpecialRenderer/SpecialRenderer.d.ts

@@ -1,7 +1,9 @@
 import { AttributeType } from '@reltio/mdm-sdk';
+import { ReadOnlyAttributeClasses } from '../../../types';
 type Props = {
     values: string[] | number[];
     attributeType: AttributeType;
+    classes?: ReadOnlyAttributeClasses;
 };
-export declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
+export declare const SpecialRenderer: ({ values, attributeType, classes }: Props) => JSX.Element;
 export {};

package/esm/ReadOnlyAttributesPager/components/SpecialRenderer/SpecialRenderer.js

@@ -8,7 +8,7 @@ import { Roles } from '../../../Roles';
 import { Tags } from '../../../Tags';
 import { useOneLineStyles } from '../../styles';
 export var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType;
+    var values = _a.values, attributeType = _a.attributeType, classes = _a.classes;
     var styles = useOneLineStyles();
     var label = attributeType.label;
     var renderIcon = function (className) {
@@ -23,12 +23,12 @@ export var SpecialRenderer = function (_a) {
             }
             default: {
                 //startDate, endDate, "crosswalk" fake nested subattibutes
-                return (React.createElement(ReadOnlyAttribute, { className: className, attributeValue: { value: values[0], uri: '' }, attributeType: attributeType, inlined: true }));
+                return (React.createElement(ReadOnlyAttribute, { className: className, attributeValue: { value: values[0], uri: '' }, attributeType: attributeType, inlined: true, classes: classes }));
             }
         }
     };
     return (React.createElement("div", { "data-reltio-id": "special-renderer", className: classnames(styles.titleRow, styles.wrapper) },
         renderIcon(styles.titleIcon),
-        React.createElement(AttributeTitle, { label: label, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
-        renderValue(styles.attribute)));
+        React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
+        renderValue(classnames(styles.attribute, classes === null || classes === void 0 ? void 0 : classes.content))));
 };

package/esm/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode } from 'react';
 import { AttributeType, ComplexAttributeValue } from '@reltio/mdm-sdk';
-import { AdditionalControlsRenderer } from '../types';
+import { AdditionalControlsRenderer, ReadOnlyAttributeClasses } from '../types';
 export type ReadOnlyComplexAttributeProps<T> = {
     attributeTypesList?: AttributeType[];
     attributeValue: T;
@@ -9,7 +9,8 @@ export type ReadOnlyComplexAttributeProps<T> = {
     children?: ReactNode;
     showNonOv?: boolean;
     attributeType?: AttributeType;
+    classes?: ReadOnlyAttributeClasses;
     LabelRenderer?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
     RightSlot?: (props: AdditionalControlsRenderer<ComplexAttributeValue>) => ReactElement;
 };
-export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;
+export declare const ReadOnlyComplexAttribute: <T extends ComplexAttributeValue>({ attributeTypesList, attributeValue, label, expanded: expandedProp, children, showNonOv, attributeType, classes, LabelRenderer, RightSlot }: ReadOnlyComplexAttributeProps<T>) => JSX.Element;

package/esm/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js

@@ -21,7 +21,7 @@ import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../constants/classnames';
 import { useStyles } from './styles';
 export var ReadOnlyComplexAttribute = function (_a) {
     var _b;
-    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
+    var attributeTypesList = _a.attributeTypesList, attributeValue = _a.attributeValue, label = _a.label, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c, children = _a.children, showNonOv = _a.showNonOv, attributeType = _a.attributeType, classes = _a.classes, LabelRenderer = _a.LabelRenderer, RightSlot = _a.RightSlot;
     var styles = useStyles();
     var uri = attributeValue.uri;
     var _d = useState(false), expanded = _d[0], setExpanded = _d[1];
@@ -47,5 +47,5 @@ export var ReadOnlyComplexAttribute = function (_a) {
                 React.createElement(CommentsContainer, { uri: attributeValue.uri, relatedObjectUris: createRelatedObjectUris(objectType, {
                         uri: attributeValue.uri
                     }), objectType: objectType })))),
-        expanded && (React.createElement(ReadOnlyAttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv }, children))));
+        expanded && (React.createElement(ReadOnlyAttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, drawLines: true, parentUri: uri, showNonOv: showNonOv, classes: classes }, children))));
 };

package/esm/contexts/CollaborationContext/index.d.ts

@@ -1,5 +1,28 @@
 import React from 'react';
 import { CollaborationObjectTypes, Comment, CommentsMap, CommentState, Reply } from '@reltio/mdm-sdk';
+export declare const InitialCollaborationContextValue: {
+    comments: any[];
+    commentsMap: any;
+    currentComment: any;
+    updateCommentState: any;
+    clearCommentState: any;
+    getCommentState: () => {};
+    getComment: any;
+    getComments: () => Promise<void>;
+    getCommentsCount: any;
+    createComment: () => Promise<void>;
+    editComment: () => Promise<void>;
+    createReply: () => Promise<void>;
+    resolveThread: any;
+    reOpenThread: any;
+    clearCurrentComment: any;
+    deleteComment: any;
+    sending: boolean;
+    loading: boolean;
+    pageToken: any;
+    deleteReply: any;
+    editReply: () => Promise<void>;
+};
 export declare const CollaborationContext: React.Context<{
     objectTypes?: CollaborationObjectTypes[];
     commentsMap: CommentsMap;

package/esm/contexts/CollaborationContext/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { identity } from 'ramda';
 import { useUsers } from '../../hooks/useUsers';
 import { UsersContext } from '../UsersContext';
-export var CollaborationContext = React.createContext({
+export var InitialCollaborationContextValue = {
     comments: [],
     commentsMap: null,
     currentComment: null,
@@ -24,7 +24,8 @@ export var CollaborationContext = React.createContext({
     pageToken: null,
     deleteReply: identity,
     editReply: function () { return new Promise(identity); }
-});
+};
+export var CollaborationContext = React.createContext(InitialCollaborationContextValue);
 CollaborationContext.displayName = 'CollaborationContext';
 export var CollaborationContextProvider = function (_a) {
     var collaboration = _a.collaboration, children = _a.children;

package/esm/index.d.ts

@@ -185,7 +185,7 @@ export { AsyncMountContext } from './contexts/AsyncMountContext';
 export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
 export { PopupBoundariesContext } from './contexts/PopupBoundariesContext';
 export { BlockImageGalleryDialogContext } from './contexts/BlockImageGalleryDialogContext';
-export { CollaborationContext, CollaborationContextProvider } from './contexts/CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider, InitialCollaborationContextValue } from './contexts/CollaborationContext';
 export { UsersContext } from './contexts/UsersContext';
 export { PivotingAttributeContext } from './contexts/PivotingAttributeContext';
 export { PerspectivesSettingsContext, usePerspectivesSettings } from './contexts/PerspectivesSettingsContext';

package/esm/index.js

@@ -188,7 +188,7 @@ export { AsyncMountContext } from './contexts/AsyncMountContext';
 export { HistoryDiffContext } from './contexts/HistoryAppearanceContext';
 export { PopupBoundariesContext } from './contexts/PopupBoundariesContext';
 export { BlockImageGalleryDialogContext } from './contexts/BlockImageGalleryDialogContext';
-export { CollaborationContext, CollaborationContextProvider } from './contexts/CollaborationContext';
+export { CollaborationContext, CollaborationContextProvider, InitialCollaborationContextValue } from './contexts/CollaborationContext';
 export { UsersContext } from './contexts/UsersContext';
 export { PivotingAttributeContext } from './contexts/PivotingAttributeContext';
 export { PerspectivesSettingsContext, usePerspectivesSettings } from './contexts/PerspectivesSettingsContext';

package/esm/types/index.d.ts

@@ -185,3 +185,9 @@ export declare enum MatchRuleVariant {
     simple = "simple",
     excludeNotMatch = "excludeNotMatch"
 }
+export type ReadOnlyAttributeClasses = {
+    title?: string;
+    content?: string;
+    wrapper?: string;
+    wrapperWithLines?: string;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1901",
+  "version": "1.4.1902",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1832",
+    "@reltio/mdm-sdk": "^1.4.1833",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",