@reltio/components 1.4.1434 → 1.4.1436

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

@@ -90,10 +90,11 @@ var getTableRowsData = function (rowValues, columnsData, renderRowCell, getRowCe
 exports.getTableRowsData = getTableRowsData;
 var getTableHeadData = function (columnsData, filters, onFilter) {
     return columnsData.map(function (_a) {
-        var id = _a.id, label = _a.label, sortable = _a.sortable, _b = _a.filterable, filterable = _b === void 0 ? true : _b, resizable = _a.resizable, draggable = _a.draggable, _c = _a.autoResize, autoResize = _c === void 0 ? true : _c, initialWidth = _a.initialWidth, minWidth = _a.minWidth, dataTypeDefinition = _a.dataTypeDefinition, filterOptions = _a.filterOptions, _d = _a.headCellRenderer, headCellRenderer = _d === void 0 ? (0, withFilterAtBottom_1.default)(DefaultHeadCellRenderer_1.default) : _d;
+        var id = _a.id, label = _a.label, description = _a.description, sortable = _a.sortable, _b = _a.filterable, filterable = _b === void 0 ? true : _b, resizable = _a.resizable, draggable = _a.draggable, _c = _a.autoResize, autoResize = _c === void 0 ? true : _c, initialWidth = _a.initialWidth, minWidth = _a.minWidth, dataTypeDefinition = _a.dataTypeDefinition, filterOptions = _a.filterOptions, _d = _a.headCellRenderer, headCellRenderer = _d === void 0 ? (0, withFilterAtBottom_1.default)(DefaultHeadCellRenderer_1.default) : _d;
         return ({
             id: id,
             label: label,
+            description: description,
             sortable: sortable,
             resizable: resizable,
             draggable: draggable,

package/cjs/components/attributes/DescriptionIcon/DescriptionIcon.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, never>> & Partial<import("prop-types").InferPropsInner<Pick<{
+    tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
+    tooltipPlacement: import("prop-types").Requireable<string>;
+    showForDisabled: import("prop-types").Requireable<boolean>;
+}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
+    avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    children?: null;
+    clickable?: boolean;
+    color?: "default" | "primary" | "secondary";
+    deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    disabled?: boolean;
+    icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    label?: React.ReactNode;
+    onDelete?: (event: any) => void;
+    size?: "medium" | "small";
+    variant?: "default" | "outlined";
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+declare type Props = {
+    className?: string;
+    description?: string;
+    showDescription?: boolean;
+};
+declare const DescriptionIcon: ({ className, description }: Props) => JSX.Element;
+export default DescriptionIcon;

package/cjs/components/attributes/DescriptionIcon/DescriptionIcon.js

@@ -0,0 +1,51 @@
+"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.ChipWithTooltip = void 0;
+var react_1 = __importStar(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var contexts_1 = require("../../../contexts");
+var HOCs_1 = require("../../../HOCs");
+var Description_1 = __importDefault(require("../../../icons/Description"));
+var styles_1 = require("./styles");
+exports.ChipWithTooltip = (0, HOCs_1.withTooltip)(Chip_1.default);
+var DescriptionIcon = function (_a) {
+    var className = _a.className, description = _a.description;
+    var showDescription = (0, react_1.useContext)(contexts_1.FeaturesContext).showDescription;
+    var styles = (0, styles_1.useStyles)();
+    if (!description || !showDescription) {
+        return null;
+    }
+    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: description, tooltipPlacement: "bottom", icon: react_1.default.createElement(Description_1.default, null), classes: {
+            root: (0, classnames_1.default)(styles.container, className),
+            label: styles.label,
+            icon: styles.icon
+        } }));
+};
+exports.default = DescriptionIcon;

package/cjs/components/attributes/DescriptionIcon/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DescriptionIcon";

package/cjs/components/attributes/DescriptionIcon/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var DescriptionIcon_1 = require("./DescriptionIcon");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(DescriptionIcon_1).default; } });

package/cjs/components/attributes/DescriptionIcon/styles.d.ts

@@ -0,0 +1 @@
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "label" | "container">;

package/cjs/components/attributes/DescriptionIcon/styles.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
+    container: {
+        height: '15px',
+        backgroundColor: 'transparent',
+        '&:hover': {
+            backgroundColor: 'transparent'
+        }
+    },
+    label: {
+        paddingLeft: '4px',
+        paddingRight: '4px',
+        fontSize: '10px',
+        lineHeight: '11px'
+    },
+    icon: {
+        width: '12px',
+        height: '12px',
+        marginRight: 0
+    }
+}); });

package/cjs/components/attributes/OvIcon/OvIcon.js

@@ -53,7 +53,7 @@ var OvIcon = function (_a) {
     var tooltipTitle = nonOvValues.length
         ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
         : null;
-    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
+    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "bottom", label: "+ ".concat(nonOvTotal), variant: "outlined", onClick: onClick, classes: {
             root: (0, classnames_1.default)(styles.container, className),
             label: styles.label
         } }));

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -43,13 +43,14 @@ var HOCs_1 = require("../../../../HOCs");
 var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
 var hooks_1 = require("../../../../hooks");
 var contexts_1 = require("../../../../contexts");
+var DescriptionIcon_1 = __importDefault(require("../../DescriptionIcon/DescriptionIcon"));
 var styles_1 = require("./styles");
 var AttributeRenderer = function (_a) {
     var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, highlightedError = _a.highlightedError, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
     var styles = (0, styles_1.useStyles)();
     var _b = (0, react_1.useState)(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
     var _c = (0, react_1.useState)(false), hadDeletions = _c[0], setHadDeletions = _c[1];
-    var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri;
+    var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri, description = attributeType.description;
     var isEditableMode = (0, mdm_sdk_1.isEditableMode)(mode);
     var _d = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError }), ref = _d.ref, errorClassName = _d.errorClassName;
     var pinnedAttributes = (0, react_1.useContext)(PinnedAttributesContext_1.PinnedAttributesContext);
@@ -110,6 +111,7 @@ var AttributeRenderer = function (_a) {
         react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.wrapper, errorClassName) },
             react_1.default.createElement("div", { className: styles.titleWrapper },
                 react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
+                react_1.default.createElement(DescriptionIcon_1.default, { description: description, className: styles.description }),
                 react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
             isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage, className: styles.typeError }),

package/cjs/components/attributes/editMode/AttributesPager/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "description" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/cjs/components/attributes/editMode/AttributesPager/styles.js

@@ -13,6 +13,9 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         alignItems: 'flex-start',
         position: 'relative'
     },
+    description: {
+        marginRight: '-9px'
+    },
     attributesWrapper: {
         width: '100%',
         marginBottom: '10px'

package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.js

@@ -35,6 +35,7 @@ var Title_1 = __importDefault(require("../../../Title/Title"));
 var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
 var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var OvIcon_1 = __importDefault(require("../../OvIcon"));
+var DescriptionIcon_1 = __importDefault(require("../../DescriptionIcon"));
 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 styles = (0, styles_1.useMultiLineStyles)();
@@ -42,7 +43,7 @@ var MultiLineRenderer = function (_a) {
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
-    var label = attributeType.label;
+    var label = attributeType.label, description = attributeType.description;
     var onShowMore = function () {
         if (values.length < totalVisibleValues) {
             requestNextPageOfAttributeValues({
@@ -63,6 +64,7 @@ var MultiLineRenderer = function (_a) {
     return (react_1.default.createElement("div", { className: styles.wrapper },
         react_1.default.createElement("div", { className: styles.titleRow },
             react_1.default.createElement(Title_1.default, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(DescriptionIcon_1.default, { description: description }),
             react_1.default.createElement(OvIcon_1.default, { 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(Attribute_1.default, { key: value.uri, className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
         showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: (0, ramda_1.min)(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),

package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js

@@ -10,18 +10,20 @@ var constants_1 = require("../../../../constants");
 var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/CommentsContainer"));
 var Title_1 = __importDefault(require("../../../Title/Title"));
 var OvIcon_1 = __importDefault(require("../../OvIcon"));
+var DescriptionIcon_1 = __importDefault(require("../../DescriptionIcon/DescriptionIcon"));
 var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
 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 styles = (0, styles_1.useOneLineStyles)();
-    var label = attributeType.label;
+    var label = attributeType.label, description = attributeType.description;
     var objectType = (0, mdm_sdk_1.isRelationAttrType)(attributeType)
         ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
         : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
     return (react_1.default.createElement("div", { 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(Title_1.default, { label: label, className: (0, classnames_1.default)(styles.title, titleClassName), "data-reltio-id": "reltio-attribute-label" }),
+            react_1.default.createElement(DescriptionIcon_1.default, { description: description, className: styles.descriptionIcon }),
             react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
             react_1.default.createElement(Attribute_1.default, { className: (0, classnames_1.default)(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
         react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: (0, mdm_sdk_1.createRelatedObjectUris)(objectType, {

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

@@ -1,3 +1,3 @@
 export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
-export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon">;
-export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon">;
+export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

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

@@ -30,6 +30,11 @@ var commonStyles = {
         marginRight: '-3px',
         marginTop: '-1px',
         textIndent: 0
+    },
+    descriptionIcon: {
+        marginTop: '-1px',
+        textIndent: 0,
+        marginRight: '-10px'
     }
 };
 exports.useStyles = (0, styles_1.makeStyles)({

package/cjs/components/index.d.ts

@@ -1,6 +1,7 @@
 export * from './activityLog';
 export { default as AttributeListItem } from './AttributeListItem/AttributeListItem';
 export { default as AttributesView } from './attributes/AttributesView';
+export { default as DescriptionIcon } from './attributes/DescriptionIcon';
 export { default as BranchDecorator } from './attributes/BranchDecorator/BranchDecorator';
 export { default as AttributesList } from './attributes/editMode/AttributesList';
 export { default as EntityCreator } from './attributes/editMode/EntityCreator';

package/cjs/components/index.js

@@ -17,14 +17,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
-exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = void 0;
-exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = void 0;
+exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
+exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
+exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
 var AttributesView_1 = require("./attributes/AttributesView");
 Object.defineProperty(exports, "AttributesView", { enumerable: true, get: function () { return __importDefault(AttributesView_1).default; } });
+var DescriptionIcon_1 = require("./attributes/DescriptionIcon");
+Object.defineProperty(exports, "DescriptionIcon", { enumerable: true, get: function () { return __importDefault(DescriptionIcon_1).default; } });
 var BranchDecorator_1 = require("./attributes/BranchDecorator/BranchDecorator");
 Object.defineProperty(exports, "BranchDecorator", { enumerable: true, get: function () { return __importDefault(BranchDecorator_1).default; } });
 var AttributesList_1 = require("./attributes/editMode/AttributesList");

package/cjs/components/workflow/hooks/useWorkflowTasks.js

@@ -20,6 +20,7 @@ var useWorkflowTasks = function (config) {
     var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
     var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
     var isEditableMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsEditableMode);
+    var entityLastLoadedTime = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getProfileLastLoadedTime);
     var checkWorkflowPermission = (0, useWorkflowCheckPermission_1.useWorkflowCheckPermission)();
     var canViewTasks = checkWorkflowPermission('VIEW_TASKS');
     var enabled = !!(workflowPath && environment) && isWorkflowEnabled && canViewTasks;
@@ -51,7 +52,18 @@ var useWorkflowTasks = function (config) {
             .finally(function () {
             setLoading(false);
         });
-    }, [entityUri, environment, safePromise, tenant, workflowPath, assignee, showClosedTasks, processTypes]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        entityUri,
+        environment,
+        safePromise,
+        tenant,
+        workflowPath,
+        assignee,
+        showClosedTasks,
+        processTypes,
+        entityLastLoadedTime
+    ]);
     (0, react_1.useEffect)(function () {
         if (entityUri && enabled && !(0, mdm_sdk_1.isTempUri)(entityUri)) {
             loadTasks();

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

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type Features = {
+    showDescription?: boolean;
+};
+export declare const FeaturesContext: React.Context<Features>;
+export {};

package/cjs/contexts/FeaturesContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeaturesContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.FeaturesContext = react_1.default.createContext({});
+exports.FeaturesContext.displayName = 'FeaturesContext';

package/cjs/contexts/index.d.ts

@@ -25,3 +25,4 @@ export { SearchValueContext } from './SearchValueContext';
 export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
+export { FeaturesContext } from './FeaturesContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = 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.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = 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.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -64,3 +64,5 @@ var UrlGeneratorsContext_1 = require("./UrlGeneratorsContext");
 Object.defineProperty(exports, "UrlGeneratorsContext", { enumerable: true, get: function () { return UrlGeneratorsContext_1.UrlGeneratorsContext; } });
 var LabelsContext_1 = require("./LabelsContext");
 Object.defineProperty(exports, "LabelsContext", { enumerable: true, get: function () { return LabelsContext_1.LabelsContext; } });
+var FeaturesContext_1 = require("./FeaturesContext");
+Object.defineProperty(exports, "FeaturesContext", { enumerable: true, get: function () { return FeaturesContext_1.FeaturesContext; } });

package/cjs/hooks/useAPI/API.js

@@ -60,7 +60,7 @@ var processFromQuery = function (params, permissions, workflowPath, tenant, envi
     if (!workflowPath) {
         return new Promise(function (resolve) { return resolve({ errorMessage: 'Workflow path is not defined' }); });
     }
-    var errors = validateParams(__assign({ url: '/processInstances/_generateFromQuery' }, params), permissions);
+    var errors = validateParams(__assign({ validationUrl: '/processInstances/_generateFromQuery' }, params), permissions);
     if (errors) {
         return new Promise(function (resolve) { return resolve(errors); });
     }
@@ -120,7 +120,7 @@ var sendApiRequest = function (params, permissions, signHandler) { return __awai
             case 0:
                 errors = validateParams(params, permissions);
                 if (errors) {
-                    return [2 /*return*/, errors];
+                    return [2 /*return*/, Promise.reject(errors)];
                 }
                 return [4 /*yield*/, getHeaders(params, signHandler)];
             case 1:
@@ -137,18 +137,18 @@ var sendApiRequest = function (params, permissions, signHandler) { return __awai
     });
 }); };
 var validateParams = function (params, permissions) {
-    var url = params.url;
-    if (!url)
+    var validationUrl = params.validationUrl;
+    if (!validationUrl)
         return { errorMessage: 'URL is empty' };
     var allowed = permissions === null || permissions === void 0 ? void 0 : permissions.some(function (permission) {
         var _a;
-        var urlOrigin = (_a = url.match(/^(https?:\/\/[^:/?#]*).*$/)) === null || _a === void 0 ? void 0 : _a[1];
+        var urlOrigin = (_a = validationUrl.match(/^(https?:\/\/[^:/?#]*).*$/)) === null || _a === void 0 ? void 0 : _a[1];
         var permRegex = new RegExp('^' + permission + '$');
         var decodedPerm = permission.replace(/\/*$/, '');
-        return (decodedPerm === url ||
+        return (decodedPerm === validationUrl ||
             (urlOrigin && urlOrigin === decodedPerm) ||
-            ((decodedPerm === null || decodedPerm === void 0 ? void 0 : decodedPerm.startsWith('/')) && (url === null || url === void 0 ? void 0 : url.startsWith(decodedPerm))) ||
-            (permission && permRegex.test(url)));
+            ((decodedPerm === null || decodedPerm === void 0 ? void 0 : decodedPerm.startsWith('/')) && (validationUrl === null || validationUrl === void 0 ? void 0 : validationUrl.startsWith(decodedPerm))) ||
+            (permission && permRegex.test(validationUrl)));
     });
     if (!allowed || ((permissions === null || permissions === void 0 ? void 0 : permissions.length) || 0) === 0) {
         return { errorMessage: 'Not enough permissions' };
@@ -159,8 +159,13 @@ var processRequest = function (_a) {
     var name = _a.name, paramObject = _a.paramObject, permissions = _a.permissions, worker = _a.worker, metadata = _a.metadata, config = _a.config, apiPath = _a.apiPath, servicesPath = _a.servicesPath, user = _a.user, workflowPath = _a.workflowPath, entity = _a.entity, tenant = _a.tenant, entityUri = _a.entityUri, query = _a.query, openSearch = _a.openSearch, environment = _a.environment, getCurrentPerspectiveId = _a.getCurrentPerspectiveId, showPerspective = _a.showPerspective, workflowCheckPermission = _a.workflowCheckPermission, setEntityUri = _a.setEntityUri;
     var handleRequest = function (request) {
         request
+            .then(function (response) { return (response.json ? response.json() : response); })
             .then(function (data) {
-            worker.postMessage(__assign({ action: 'response', result: { data: data, headers: paramObject.params.headers, status: 200 } }, paramObject.params));
+            worker.postMessage(__assign({ action: 'response', result: {
+                    data: JSON.parse(JSON.stringify(data)),
+                    headers: paramObject.params.headers,
+                    status: 200
+                } }, paramObject.params));
         })
             .catch(function (error) {
             worker.postMessage(__assign({ action: 'response', result: { data: error, headers: paramObject.params.headers, status: 0 } }, paramObject.params));

package/cjs/hooks/useAPI/helpers.d.ts

@@ -29,9 +29,10 @@ export declare const setUpRequestInterceptor: ({ apiPath, reltioPath, tenant, pr
     processApiRequest: any;
     workerRef: any;
     setRequestListeners: any;
-}) => ({ options, url, next }: {
+}) => ({ options, url, next, resolve }: {
     next: (url: string, options: RequestInit) => void;
     abort?: (error: Error) => void;
+    resolve: (data: unknown) => void;
     url: string;
     options: RequestInit;
 }) => void;

package/cjs/hooks/useAPI/helpers.js

@@ -143,14 +143,14 @@ exports.setUpQooxdooResponseInterceptor = setUpQooxdooResponseInterceptor;
 var setUpRequestInterceptor = function (_a) {
     var apiPath = _a.apiPath, reltioPath = _a.reltioPath, tenant = _a.tenant, processApiRequest = _a.processApiRequest, workerRef = _a.workerRef, setRequestListeners = _a.setRequestListeners;
     return function (_a) {
-        var _b = _a.options, options = _b === void 0 ? {} : _b, url = _a.url, next = _a.next;
+        var _b = _a.options, options = _b === void 0 ? {} : _b, url = _a.url, next = _a.next, resolve = _a.resolve;
         var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
             ? "".concat(reltioPath, "/api/").concat(tenant).concat(url)
             : "".concat(reltioPath).concat(url.replace(apiPath, ''));
         var isProcessableUrl = isURLtoProcess(processApiRequest, fakeURL);
         if (isProcessableUrl) {
             var requestId = (0, nanoid_1.default)();
-            setRequestListeners(options, next, requestId);
+            setRequestListeners(options, next, requestId, resolve);
             workerRef.current.postMessage({
                 action: 'apiRequest',
                 id: requestId,

package/cjs/hooks/useAPI/useAPI.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react';
-import { CustomActionViewConfig, CustomActionExtension } from '@reltio/mdm-sdk';
+import { CustomActionExtension, CustomActionViewConfig } from '@reltio/mdm-sdk';
 declare type Config = CustomActionViewConfig | CustomActionExtension;
 export declare const useAPI: (config?: Config) => {
     html: HTMLElement;