@reltio/components 1.4.1770 → 1.4.1772

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "margin" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "noWrap" | "gutterBottom" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/esm/components/RelationEditor/RelationEditor.js

@@ -12,16 +12,16 @@ var __assign = (this && this.__assign) || function () {
 import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import { always, concat, differenceWith, equals, forEach, path, pick, pipe, prop, when, uniq, curry } from 'ramda';
+import { always, assoc, concat, differenceWith, equals, forEach, map, path, pick, pipe, prop, propEq, when, uniq, curry } from 'ramda';
 import Button from '@mui/material/Button';
 import Typography from '@mui/material/Typography';
-import { createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, omitMarks, relationEditorAttributeTypesSelectionStrategy, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection } from '@reltio/mdm-sdk';
+import { createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, omitMarks, relationEditorAttributeTypesSelectionStrategy, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection, evaluateErrorPath, AttributeValuePathItemType } from '@reltio/mdm-sdk';
 import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
 import ErrorWrapper from '../ErrorWrapper/ErrorWrapper';
 import EntitySelector from '../attributes/editMode/EntitySelector/EntitySelector';
 import AttributesList from '../attributes/editMode/AttributesList';
 import { withContext } from '../../HOCs';
-import { ConfigPermissionsContextProvider, isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmAuthoringItemsByEntityType, useMdmEntity, useMdmGlobalSearchRequestOptions, useMdmInitialConnection, useMdmInitialConnectionTempEntity, useMdmModifiedEntities, useMdmModifiedEntity, useMdmProfileErrors } from '../../contexts';
+import { ConfigPermissionsContextProvider, isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmAuthoringItemsByEntityType, useMdmEntity, useMdmGlobalSearchRequestOptions, useMdmInitialConnection, useMdmInitialConnectionTempEntity, useMdmModifiedEntities, useMdmModifiedEntity, useMdmProfileErrors, useMdmEntityUri } from '../../contexts';
 import { useScrollToAttributeError } from '../../hooks';
 import { useStyles } from './styles';
 var areRelatedEntitiesChanged = function (initial, actual) {
@@ -57,13 +57,16 @@ var RelationEditor = function (_a) {
     var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions(['ovOnly']);
     var profileErrors = useMdmProfileErrors();
     var authoringItems = useMdmAuthoringItemsByEntityType(mainEntity === null || mainEntity === void 0 ? void 0 : mainEntity.type);
+    var mainEntityUri = useMdmEntityUri();
     var error = getRelationEditorActiveError(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
     var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
     var _d = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
     var _e = useMemo(function () {
         return getInOutRelations({
-            content: connection.parentEntityUri ? config.contentSecondLevel : config.content,
+            content: connection.parentEntityUri
+                ? config.contentSecondLevel
+                : config.content,
             direction: direction,
             relationType: relationType,
             mode: mode,
@@ -116,10 +119,15 @@ var RelationEditor = function (_a) {
         }
     }, [config.id, relationUri, setRelationEntity, errorDeactivated, modifiedEntity, deleteModifiedEntity, error]);
     var validate = useCallback(function () {
-        var errors = validateConnection(metadata, allModifiedEntities, connection);
+        var errors = validateConnection(metadata, allModifiedEntities, connection).map(function (error) { return (__assign(__assign({}, error), { path: pipe(evaluateErrorPath, map(when(propEq('type', AttributeValuePathItemType.relationConnection), assoc('viewId', config.id))))({
+                entityUri: mainEntityUri,
+                metadata: metadata,
+                connections: [connection],
+                entitiesMap: allModifiedEntities || {}
+            }, error.uri || error.parentUri) })); });
         errorsSet(errors);
         return errors.length === 0;
-    }, [connection, metadata, allModifiedEntities, errorsSet]);
+    }, [connection, metadata, allModifiedEntities, errorsSet, mainEntityUri, config]);
     var resetErrors = useCallback(function () { return errorsSet([]); }, [errorsSet]);
     var onApply = useCallback(pipe(always(connection), when(validate, pipe(omitMarks, updateModifiedEntityLabel, applyAction(config.id), always(differenceWith(equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(prop('uri')))), forEach(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
     var onCancel = useCallback(function () {

package/esm/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -30,6 +30,7 @@ export var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
+    var popupConfiguration = pivotingAttribute === null || pivotingAttribute === void 0 ? void 0 : pivotingAttribute.popup;
     var convertPivotingValue = function () {
         return Array.isArray(pivotingValue)
             ? convertNestedAttributePivotingValue(pivotingValue)
@@ -40,11 +41,11 @@ export var PivotingTooltip = function (_a) {
         openPivotingPerspective({ value: generatedValue, attributeType: attributeType });
     };
     var _b = usePivotingDataLoader({
-        value: pivotingValue,
         attributeType: attributeType,
-        config: pivotingAttribute === null || pivotingAttribute === void 0 ? void 0 : pivotingAttribute.popup
+        value: pivotingValue,
+        entityType: popupConfiguration === null || popupConfiguration === void 0 ? void 0 : popupConfiguration.entityType
     }), entities = _b.entities, total = _b.total, loadPivotingData = _b.loadPivotingData;
-    return isPivotingAttribute ? (React.createElement(Tooltip, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, onOpen: loadPivotingData, title: React.createElement(PivotingTooltipContent, { generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick, entities: entities, total: total }) },
+    return isPivotingAttribute ? (React.createElement(Tooltip, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, onOpen: loadPivotingData, title: React.createElement(PivotingTooltipContent, { generatedValue: generatedValue, attributeType: attributeType, label: popupConfiguration === null || popupConfiguration === void 0 ? void 0 : popupConfiguration.label, onSeeAllClick: handleSeeAllClick, entities: entities, total: total }) },
         React.createElement("span", { className: className },
             React.createElement(PivotingIcon, { className: contentStyles.icon }),
             React.createElement(PivotingUriLink, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (React.createElement(React.Fragment, null, children));

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -2,12 +2,10 @@
 import { AttributeType, Entity, PivotingValue } from '@reltio/mdm-sdk';
 export type Props = {
     attributeType: AttributeType;
-    config: {
-        label?: string;
-    };
+    label?: string;
     entities: Entity[];
     generatedValue: PivotingValue[];
     onSeeAllClick: () => void;
     total: number;
 };
-export declare const PivotingTooltipContent: ({ attributeType, config, entities, generatedValue, onSeeAllClick, total }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ attributeType, label, entities, generatedValue, onSeeAllClick, total }: Props) => JSX.Element;

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -7,16 +7,16 @@ import PivotingUriLink from '../../PivotingUriLink/PivotingUriLink';
 import { MAX_ENTITIES_PIVOTING_TOOLTIP } from '../../../hooks/usePivotingDataLoader/usePivotingDataLoader';
 import { useStyles } from './styles';
 export var PivotingTooltipContent = function (_a) {
-    var attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, entities = _a.entities, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick, total = _a.total;
+    var attributeType = _a.attributeType, label = _a.label, entities = _a.entities, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick, total = _a.total;
     var styles = useStyles();
     var shouldShowSeeAllButton = total > MAX_ENTITIES_PIVOTING_TOOLTIP;
-    var hasEntityTypeLabel = Boolean(config.label);
+    var hasEntityTypeLabel = Boolean(label);
     return (React.createElement("div", { className: styles.container },
         React.createElement("div", { className: styles.header },
             React.createElement("div", { className: styles.title }, i18n.text('Pivot profiles')),
             React.createElement("div", { className: styles.divider }),
             React.createElement("div", { className: styles.headerCount }, i18n.number(total, '0,0') + ' ' + (total === 1 ? i18n.text('item') : i18n.text('items')))),
-        hasEntityTypeLabel && React.createElement("div", { className: styles.entityTypeLabel }, config.label),
+        hasEntityTypeLabel && React.createElement("div", { className: styles.entityTypeLabel }, label),
         React.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (React.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
             React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),

package/esm/components/charts/BarChart/BarChart.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-import { BarChartOptions, ChartProps } from '../types';
-type BarChartProps = ChartProps & {
-    options?: BarChartOptions;
-};
+import { BarChartProps } from '../types';
 declare const BarChart: ({ width, height, data, options, onItemClick }: BarChartProps) => JSX.Element;
 export default BarChart;

package/esm/components/charts/BarChart/getBarChartSettings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BarChart, BarProps, CartesianGridProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
-import { BarChartOptions } from '../types';
+import { BarChartOptions } from '@reltio/mdm-sdk';
 type BarChartSettings = {
     barChart: React.ComponentProps<typeof BarChart>;
     bar: Omit<BarProps, 'ref'>;

package/esm/components/charts/BubbleChart/BubbleChart.d.ts

@@ -1,24 +1,10 @@
 /// <reference types="react" />
-import { LegendProps } from 'recharts';
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        showLegend?: boolean;
-        margin?: LegendProps['margin'];
-    };
-};
-export declare const BubbleChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+import { BubbleChartProps } from '../types';
+export declare const BubbleChart: ({ width, height, data, options, onItemClick }: BubbleChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            showLegend?: boolean;
-            margin?: {
-                top?: number;
-                left?: number;
-                bottom?: number;
-                right?: number;
-            };
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.BUBBLE;
+        options?: import("@reltio/mdm-sdk").BubbleChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/esm/components/charts/ChartsFactory.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="react" />
+import { ChartProps } from './types';
 export default class ChartsFactory {
-    static build(chartType: any, props?: {}): JSX.Element;
+    static build(props: ChartProps): JSX.Element;
 }

package/esm/components/charts/ChartsFactory.js

@@ -18,30 +18,29 @@ import BubbleChart from './BubbleChart/BubbleChart';
 import LineChart from './LineChart/LineChart';
 import MapChart from './MapChart/MapChart';
 import CloudChart from './CloudChart/CloudChart';
-import { ChartTypes } from '@reltio/mdm-sdk';
+import { ChartType } from '@reltio/mdm-sdk';
 var ChartsFactory = /** @class */ (function () {
     function ChartsFactory() {
     }
-    ChartsFactory.build = function (chartType, props) {
-        if (props === void 0) { props = {}; }
-        switch (chartType) {
-            case ChartTypes.BAR:
+    ChartsFactory.build = function (props) {
+        switch (props.chartType) {
+            case ChartType.BAR:
                 return React.createElement(BarChart, __assign({}, props));
-            case ChartTypes.DONUT:
-                return React.createElement(PieChart, __assign({}, props, { isDonut: true }));
-            case ChartTypes.PIE:
+            case ChartType.DONUT:
+                return React.createElement(PieChart, __assign({ isDonut: true }, props));
+            case ChartType.PIE:
                 return React.createElement(PieChart, __assign({}, props));
-            case ChartTypes.TREE:
+            case ChartType.TREE:
                 return React.createElement(TreeChart, __assign({}, props));
-            case ChartTypes.TABLE:
+            case ChartType.TABLE:
                 return React.createElement(TableWithBars, __assign({}, props));
-            case ChartTypes.BUBBLE:
+            case ChartType.BUBBLE:
                 return React.createElement(BubbleChart, __assign({}, props));
-            case ChartTypes.LINE:
+            case ChartType.LINE:
                 return React.createElement(LineChart, __assign({}, props));
-            case ChartTypes.MAP:
+            case ChartType.MAP:
                 return React.createElement(MapChart, __assign({}, props));
-            case ChartTypes.CLOUD:
+            case ChartType.CLOUD:
                 return React.createElement(CloudChart, __assign({}, props));
             default:
                 return React.createElement("div", null);

package/esm/components/charts/CloudChart/CloudChart.d.ts

@@ -1,16 +1,10 @@
 /// <reference types="react" />
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        maxFontSize?: number;
-    };
-};
-export declare const CloudChart: ({ width, height, data, options, onItemClick }: Props) => JSX.Element;
+import { CloudChartProps } from '../types';
+export declare const CloudChart: ({ width, height, data, options, onItemClick }: CloudChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            maxFontSize?: number;
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.CLOUD;
+        options?: import("@reltio/mdm-sdk").CloudChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/esm/components/charts/LineChart/LineChart.d.ts

@@ -1,7 +1,4 @@
 /// <reference types="react" />
-import { ChartProps, LineChartOptions } from '../types';
-type LineChartProps = ChartProps & {
-    options?: LineChartOptions;
-};
+import { LineChartProps } from '../types';
 declare const LineChart: ({ width, height, data, options, onItemClick }: LineChartProps) => JSX.Element;
 export default LineChart;

package/esm/components/charts/LineChart/getLineChartSettings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { LineChartOptions } from '@reltio/mdm-sdk';
 import { CartesianGridProps, LineChart, LineProps, TooltipProps, XAxisProps, YAxisProps } from 'recharts';
-import { LineChartOptions } from '../types/LineChartOptions';
 type LineChartSettings = {
     lineChart: React.ComponentProps<typeof LineChart>;
     xAxis: XAxisProps;

package/esm/components/charts/MapChart/MapChart.d.ts

@@ -1,23 +1,11 @@
 /// <reference types="react" />
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        geoUrl?: string;
-        projection?: string;
-        geoIdName?: string;
-        showLegend?: boolean;
-    };
-};
+import { MapChartProps } from '../types';
 export declare const LEGEND_WIDTH = 75;
-export declare const MapChart: ({ data, width, height, options, onItemClick }: Props) => JSX.Element;
+export declare const MapChart: ({ data, width, height, options, onItemClick }: MapChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            geoUrl?: string;
-            projection?: string;
-            geoIdName?: string;
-            showLegend?: boolean;
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.MAP;
+        options?: import("@reltio/mdm-sdk").MapChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/esm/components/charts/MapChart/MapChart.js

@@ -30,9 +30,9 @@ var USA_MAP = 'https://s3.amazonaws.com/reltio-ui-files/map_resources/us-albers.
 var MAP_COLORS = ['#CDE0FE', '#0160AD'];
 export var LEGEND_WIDTH = 75;
 export var MapChart = function (_a) {
-    var data = _a.data, width = _a.width, height = _a.height, options = _a.options, onItemClick = _a.onItemClick;
+    var data = _a.data, width = _a.width, height = _a.height, _b = _a.options, options = _b === void 0 ? {} : _b, onItemClick = _a.onItemClick;
     var styles = useStyles();
-    var _b = options || {}, geoUrl = _b.geoUrl, geoIdName = _b.geoIdName, _c = _b.showLegend, showLegend = _c === void 0 ? true : _c;
+    var geoUrl = options.geoUrl, geoIdName = options.geoIdName, _c = options.showLegend, showLegend = _c === void 0 ? true : _c;
     var values = pluck('value', data);
     var minValue = Math.min.apply(Math, values);
     var maxValue = Math.max.apply(Math, values);

package/esm/components/charts/PieChart/PieChart.d.ts

@@ -1,23 +1,11 @@
-import React from 'react';
-import { PieChart as PieChartWidget } from 'recharts';
-import { ChartProps } from '../types';
-type Props = ChartProps & {
-    options?: {
-        margin?: React.ComponentProps<typeof PieChartWidget>['margin'];
-        showLegend?: boolean;
-        showActiveShape?: boolean;
-    };
-    isDonut?: boolean;
-};
-export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: Props) => JSX.Element;
+/// <reference types="react" />
+import { PieChartProps } from '../types';
+export declare const PieChart: ({ width, height, data, options, isDonut, onItemClick }: PieChartProps) => JSX.Element;
 declare const _default: {
-    ({ data, ...otherProps }: ChartProps & {
-        options?: {
-            margin?: import("recharts/types/util/types").Margin;
-            showLegend?: boolean;
-            showActiveShape?: boolean;
-        };
+    ({ data, ...otherProps }: import("../types/charts").BaseChartProps & {
+        chartType?: import("@reltio/mdm-sdk").ChartType.DONUT | import("@reltio/mdm-sdk").ChartType.PIE;
         isDonut?: boolean;
+        options?: import("@reltio/mdm-sdk").PieChartOptions;
     }): JSX.Element;
     displayName: string;
 };

package/esm/components/charts/TableWithBars/TableWithBars.d.ts

@@ -1,8 +1,4 @@
-import React from 'react';
-import { ChartProps, TableWithBarsOptions } from '../types';
-type TableWithBarsProps = ChartProps & {
-    options?: TableWithBarsOptions;
-    basicTableRef?: React.MutableRefObject<any> | null;
-};
+/// <reference types="react" />
+import { TableWithBarsProps } from '../types';
 declare const TableWithBars: ({ width, height, data, options, basicTableRef, onItemClick }: TableWithBarsProps) => JSX.Element;
 export default TableWithBars;

package/esm/components/charts/TreeChart/TreeChart.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { ChartProps } from '../types';
-declare const TreeChart: ({ data, width, height, onItemClick }: ChartProps) => JSX.Element;
+import { TreeChartProps } from '../types';
+declare const TreeChart: ({ data, width, height, onItemClick }: TreeChartProps) => JSX.Element;
 export default TreeChart;

package/esm/components/charts/types/charts.d.ts

@@ -0,0 +1,51 @@
+import { RefObject } from 'react';
+import { ChartType, BarChartOptions, BubbleChartOptions, ChartOptions, CloudChartOptions, LineChartOptions, MapChartOptions, PieChartOptions, TableWithBarsOptions } from '@reltio/mdm-sdk';
+export type ChartData = {
+    value: number;
+    label: string;
+    group: string;
+    localizedValue?: string;
+    percent?: number;
+};
+export type BaseChartProps = {
+    data: ChartData[];
+    width: number;
+    height: number;
+    onItemClick?: (group: string) => void;
+    chartType?: ChartType;
+    options?: ChartOptions;
+};
+export type BarChartProps = BaseChartProps & {
+    chartType?: ChartType.BAR;
+    options?: BarChartOptions;
+};
+export type PieChartProps = BaseChartProps & {
+    chartType?: ChartType.PIE | ChartType.DONUT;
+    isDonut?: boolean;
+    options?: PieChartOptions;
+};
+export type TreeChartProps = BaseChartProps & {
+    chartType?: ChartType.TREE;
+};
+export type TableWithBarsProps = BaseChartProps & {
+    chartType?: ChartType.TABLE;
+    basicTableRef?: RefObject<HTMLDivElement>;
+    options?: TableWithBarsOptions;
+};
+export type BubbleChartProps = BaseChartProps & {
+    chartType?: ChartType.BUBBLE;
+    options?: BubbleChartOptions;
+};
+export type LineChartProps = BaseChartProps & {
+    chartType?: ChartType.LINE;
+    options?: LineChartOptions;
+};
+export type MapChartProps = BaseChartProps & {
+    chartType?: ChartType.MAP;
+    options?: MapChartOptions;
+};
+export type CloudChartProps = BaseChartProps & {
+    chartType?: ChartType.CLOUD;
+    options?: CloudChartOptions;
+};
+export type ChartProps = BarChartProps | PieChartProps | TreeChartProps | TableWithBarsProps | BubbleChartProps | LineChartProps | MapChartProps | CloudChartProps;

package/esm/components/charts/types/index.d.ts

@@ -1,5 +1 @@
-export type { ChartData } from './ChartData';
-export type { BarChartOptions } from './BarChartOptions';
-export type { ChartProps } from './ChartProps';
-export type { TableWithBarsOptions } from './TableWithBarsOptions';
-export type { LineChartOptions } from './LineChartOptions';
+export type { ChartData, ChartProps, BarChartProps, BubbleChartProps, PieChartProps, TableWithBarsProps, TreeChartProps, LineChartProps, MapChartProps, CloudChartProps } from './charts';

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ProfileViewConfig } from '@reltio/mdm-sdk';
+import { ProfileView } from '@reltio/mdm-sdk';
 type ConfigPermissionsContextValue = {
     canCreate: boolean;
     canUpdate: boolean;
@@ -8,7 +8,7 @@ type ConfigPermissionsContextValue = {
 declare const ConfigPermissionsContext: React.Context<ConfigPermissionsContextValue>;
 type Props = {
     children: React.ReactNode;
-    view?: ProfileViewConfig;
+    view?: ProfileView;
 };
 declare const ConfigPermissionsContextProvider: ({ children, view }: Props) => JSX.Element;
 declare const useAttributeValueConfigPermissions: (attributeValueUri: string) => {

package/esm/contexts/MdmModuleContext/context.d.ts

@@ -1,4 +1,4 @@
-import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, LayoutConfig, ProfileConfigItem } from '@reltio/mdm-sdk';
+import { Metadata, SearchState, AttributesPresentation, Entity, Mode, AttributeType, AttributeError, ImageAttributeValue, SortingStrategy, DependentLookupsConfig, PivotingValue, PivotingAttribute, DataTenant, HistoryDiff, ImageAttributeFieldsOrder, Connection, User, SearchNavigationData, SearchProviderData, Lookups, HistoryMode, HistorySlice, HistoryEvent, RequestNextPageOfAttributeValuesPayload, LookupsForTypeResolvedPayload, RelationsLoadedPayload, CompactRelationType, AddAttributesPayload, ModifyAttributePayload, RemoveAttributePayload, RelationsState, DependentLookupsState, ActivityFilter, SearchOptions, GlobalFilter, Layout, Profile } from '@reltio/mdm-sdk';
 import { AnyAction } from '../../types';
 export type MdmModuleValuesContextProps = Partial<{
     autoCloseInterval: number;
@@ -51,8 +51,8 @@ export type MdmModuleValuesContextProps = Partial<{
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>;
 export type MdmModuleActionsContextProps = Partial<{
     openSearch: (payload: SearchState) => void;
@@ -230,8 +230,8 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
     searchProviderData: SearchProviderData;
     isWorkflowEnabled: boolean;
     isCollaborationEnabled: boolean;
-    uiConfigLayout: LayoutConfig;
-    uiConfigProfile: ProfileConfigItem[];
+    uiConfigLayout: Layout;
+    uiConfigProfile: Profile;
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;

package/esm/hooks/usePivotingDataLoader/usePivotingDataLoader.d.ts

@@ -3,11 +3,9 @@ export declare const MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export type Props = {
     value: PivotingValue[] | PrimitiveValue;
     attributeType: AttributeType;
-    config: {
-        entityType?: string;
-    };
+    entityType?: string;
 };
-export declare const usePivotingDataLoader: ({ value, attributeType, config }: Props) => {
+export declare const usePivotingDataLoader: ({ value, attributeType, entityType: configEntityType }: Props) => {
     entities: Entity[];
     total: number;
     loadPivotingData: () => void;

package/esm/hooks/usePivotingDataLoader/usePivotingDataLoader.js

@@ -15,13 +15,13 @@ import { useMdmEntity, useMdmGlobalSearchRequestOptions } from '../../contexts';
 import { useSafePromise } from '../useSafePromise';
 export var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export var usePivotingDataLoader = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
-    var _c = useState([]), entities = _c[0], setEntities = _c[1];
-    var _d = useState(0), total = _d[0], setTotal = _d[1];
+    var value = _a.value, attributeType = _a.attributeType, configEntityType = _a.entityType;
+    var _b = useState([]), entities = _b[0], setEntities = _b[1];
+    var _c = useState(0), total = _c[0], setTotal = _c[1];
     var safePromise = useSafePromise();
-    var entity = useMdmEntity() || {};
+    var entity = useMdmEntity();
     var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions();
-    var entityType = config.entityType || entity.type;
+    var entityType = configEntityType || (entity === null || entity === void 0 ? void 0 : entity.type);
     var filters = useMemo(function () { return convertPivotingValueToSearchFilters({ value: value, attributeType: attributeType, entityType: entityType }); }, [attributeType, entityType, value]);
     var options = useMemo(function () { return (__assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP, sort: 'label' }, (globalSearchRequestOptions || {}))); }, [globalSearchRequestOptions]);
     var loadPivotingData = useCallback(function () {

package/esm/hooks/useRelationsLoader.d.ts

@@ -7,7 +7,7 @@ type Props = {
     filter?: string;
     page: number;
     rowsPerPage: number;
-    config: Pick<RelationsViewConfig | RelationsTableViewConfig, 'suggested' | 'content' | 'id'>;
+    config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'> | Pick<RelationsTableViewConfig, 'content' | 'id'>;
     entity: Entity;
     relationActivityFilter?: ActivityFilter;
     mode: Mode;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1770",
+  "version": "1.4.1772",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1746",
+    "@reltio/mdm-sdk": "^1.4.1747",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/cjs/components/charts/types/BarChartOptions.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { BarChart } from 'recharts';
-export type BarChartOptions = {
-    margin?: React.ComponentProps<typeof BarChart>['margin'];
-    isLabelRotated?: boolean;
-    isHorizontal?: boolean;
-};

package/cjs/components/charts/types/ChartData.d.ts

@@ -1,7 +0,0 @@
-export type ChartData = {
-    value: number;
-    label: string;
-    group: string;
-    localizedValue?: string;
-    percent?: number;
-};

package/cjs/components/charts/types/ChartData.js

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

package/cjs/components/charts/types/ChartProps.d.ts

@@ -1,7 +0,0 @@
-import { ChartData } from './ChartData';
-export type ChartProps = {
-    data: ChartData[];
-    width: number;
-    height: number;
-    onItemClick?: (group: string) => void;
-};