@reltio/components 1.4.1371 → 1.4.1373

package/esm/components/attributes/editMode/ComplexAttribute/ComplexAttribute.d.ts

@@ -1,160 +1,5 @@
-export default ComplexAttribute;
-declare function ComplexAttribute({ label, attributeTypesList, attributeType, attributeValue, children, errors, ownError, mode, metadata, crosswalks, lazy, showEmptyEditors, onAddOneMore, onAddAttributes, onDeleteAttribute, onChangeAttribute, additionalControlsRenderer, hideDeleteButton, state, showNonOv, expanded: expandedProp }: {
-    label: any;
-    attributeTypesList: any;
-    attributeType: any;
-    attributeValue: any;
-    children: any;
-    errors: any;
-    ownError: any;
-    mode: any;
-    metadata: any;
-    crosswalks: any;
-    lazy: any;
-    showEmptyEditors: any;
-    onAddOneMore: any;
-    onAddAttributes: any;
-    onDeleteAttribute: any;
-    onChangeAttribute: any;
-    additionalControlsRenderer: any;
-    hideDeleteButton: any;
-    state: any;
-    showNonOv: any;
-    expanded?: boolean;
-}): JSX.Element;
-declare namespace ComplexAttribute {
-    const propTypes: {
-        attributeType: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            hidden: PropTypes.Requireable<boolean>;
-            faceted: PropTypes.Requireable<boolean>;
-            searchable: PropTypes.Requireable<boolean>;
-            uri: PropTypes.Requireable<string>;
-            access: PropTypes.Requireable<string[]>;
-            cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                minValue: PropTypes.Requireable<number>;
-                maxValue: PropTypes.Requireable<number>;
-            }>>;
-        }>>;
-        showEmptyEditors: PropTypes.Requireable<boolean>;
-        lazy: PropTypes.Requireable<boolean>;
-        mode: PropTypes.Requireable<any>;
-        metadata: PropTypes.Requireable<PropTypes.InferProps<{
-            uri: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            schemaVersion: PropTypes.Requireable<string>;
-            entityTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                typeColor: PropTypes.Requireable<string>;
-                typeIcon: PropTypes.Requireable<string>;
-                typeImage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                uri: PropTypes.Requireable<string>;
-                attributes: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    description: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    hidden: PropTypes.Requireable<boolean>;
-                    faceted: PropTypes.Requireable<boolean>;
-                    searchable: PropTypes.Requireable<boolean>;
-                    uri: PropTypes.Requireable<string>;
-                    access: PropTypes.Requireable<string[]>;
-                    cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                        minValue: PropTypes.Requireable<number>;
-                        maxValue: PropTypes.Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            roles: PropTypes.Requireable<object[]>;
-            groupTypes: PropTypes.Requireable<object[]>;
-            relationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                uri: PropTypes.Requireable<string>;
-                typeColor: PropTypes.Requireable<string>;
-                direction: PropTypes.Requireable<string>;
-                startObject: PropTypes.Requireable<object>;
-                endObject: PropTypes.Requireable<object>;
-            }>[]>;
-            graphTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                uri: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                extendsTypeUri: PropTypes.Requireable<string>;
-                relationshipTypeURIs: PropTypes.Requireable<string[]>;
-            }>[]>;
-            interactionTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                uri: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                memberTypes: PropTypes.Requireable<any[]>;
-                extendsTypeUri: PropTypes.Requireable<string>;
-                attributes: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    description: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    hidden: PropTypes.Requireable<boolean>;
-                    faceted: PropTypes.Requireable<boolean>;
-                    searchable: PropTypes.Requireable<boolean>;
-                    uri: PropTypes.Requireable<string>;
-                    access: PropTypes.Requireable<string[]>;
-                    cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                        minValue: PropTypes.Requireable<number>;
-                        maxValue: PropTypes.Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            sources: PropTypes.Requireable<object[]>;
-        }>>;
-        ownError: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: PropTypes.Validator<string>;
-            parentUri: PropTypes.Validator<string>;
-            uri: PropTypes.Requireable<string>;
-            message: PropTypes.Requireable<string>;
-        }>>;
-        errors: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: PropTypes.Validator<string>;
-            parentUri: PropTypes.Validator<string>;
-            uri: PropTypes.Requireable<string>;
-            message: PropTypes.Requireable<string>;
-        }>[]>;
-        crosswalks: PropTypes.Requireable<any[]>;
-        onAddAttributes: PropTypes.Requireable<(...args: any[]) => any>;
-        onAddOneMore: PropTypes.Requireable<(...args: any[]) => any>;
-        onDeleteAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        additionalControlsRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-        hideDeleteButton: PropTypes.Requireable<boolean>;
-        showNonOv: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<boolean>;
-        label: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        attributeTypesList: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            hidden: PropTypes.Requireable<boolean>;
-            faceted: PropTypes.Requireable<boolean>;
-            searchable: PropTypes.Requireable<boolean>;
-            uri: PropTypes.Requireable<string>;
-            access: PropTypes.Requireable<string[]>;
-            cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                minValue: PropTypes.Requireable<number>;
-                maxValue: PropTypes.Requireable<number>;
-            }>>;
-        }>[]>;
-        attributeValue: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<object>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-        }>>>;
-    };
-}
-import PropTypes from "prop-types";
+declare const _default: React.ComponentType<{
+    [x: string]: unknown;
+}> | ((props: any) => JSX.Element);
+export default _default;
+import React from "react";

package/esm/components/attributes/editMode/ComplexAttribute/ComplexAttribute.js

@@ -10,21 +10,25 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useMemo, useState, useEffect } from 'react';
+import { pipe, propOr, pathEq, any } from 'ramda';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
+import i18n from 'ui-i18n';
+import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, ComplexAttributeType, ReferenceAttributeValueType, NestedAttributeValueType, AttributeTypeType, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute } from '@reltio/mdm-sdk';
 import Button from '@material-ui/core/Button';
-import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import DeleteIcon from '@material-ui/icons/Delete';
 import Typography from '@material-ui/core/Typography';
-import i18n from 'ui-i18n';
-import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, ComplexAttributeType, ReferenceAttributeValueType, NestedAttributeValueType, AttributeTypeType, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
+import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
+import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
 import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
 import AttributesList from '../AttributesList/AttributesList';
-import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
+import { withContext } from '../../../../HOCs';
+import { ScrollToErrorContext } from '../../../../contexts';
+import { useScrollToAttributeError } from '../../../../hooks';
+import { useStyles } from './styles';
 var ComplexAttribute = function (_a) {
     var _b;
-    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
+    var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv, isHighlightedPath = _a.isHighlightedPath, highlightedError = _a.highlightedError, _c = _a.expanded, expandedProp = _c === void 0 ? false : _c;
     var styles = useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
@@ -32,6 +36,12 @@ var ComplexAttribute = function (_a) {
     var isNew = isTempUri(uri);
     var defaultExpand = isNew || expandedProp;
     var _d = useState(defaultExpand), expanded = _d[0], setExpanded = _d[1];
+    var _e = useScrollToAttributeError({ highlightedError: highlightedError }), ref = _e.ref, errorClassName = _e.errorClassName;
+    useEffect(function () {
+        if (isHighlightedPath) {
+            setExpanded(true);
+        }
+    }, [isHighlightedPath]);
     useEffect(function () {
         setExpanded(defaultExpand);
     }, [defaultExpand]);
@@ -46,10 +56,7 @@ var ComplexAttribute = function (_a) {
     }, [attributeType, attributeValue, mode, metadata, crosswalks]);
     var showDeleteButton = !deleted && !hideDeleteButton && !!onDeleteAttribute && canDelete;
     var onDeleteThis = function () { return onDeleteAttribute({ uri: uri, attributeType: attributeType, attributeValue: attributeValue }); };
-    var hasDescendantsWithErrors = useMemo(function () { return hasAttributeDescendantsWithErrors(attributeValue, errors); }, [
-        errors,
-        attributeValue
-    ]);
+    var hasDescendantsWithErrors = useMemo(function () { return hasAttributeDescendantsWithErrors(attributeValue, errors); }, [errors, attributeValue]);
     useEffect(function () {
         if (hasDescendantsWithErrors) {
             setExpanded(true);
@@ -66,7 +73,7 @@ var ComplexAttribute = function (_a) {
         analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
     }); }, [attributeValue, hasAnalyticValue]);
     var errorMessage = getErrorMessage(ownError) || (hasDescendantsWithErrors && i18n.text('Has an incorrect value')) || '';
-    return lazy ? (React.createElement(Button, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (React.createElement(React.Fragment, null,
+    return lazy ? (React.createElement(Button, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (React.createElement("div", { ref: ref, className: classnames(styles.complexWrapper, errorClassName) },
         React.createElement("div", { className: styles.editor },
             React.createElement("div", { className: styles.titleContainer },
                 React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
@@ -81,5 +88,14 @@ var ComplexAttribute = function (_a) {
                 showDeleteButton && React.createElement(SmallIconButton, { icon: DeleteIcon, onClick: onDeleteThis, size: "L" }))),
         expanded && (React.createElement(AttributesList, { parentAttributeType: attributeType, attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }, children))));
 };
-ComplexAttribute.propTypes = __assign({ label: PropTypes.string, children: PropTypes.node, attributeTypesList: PropTypes.arrayOf(AttributeTypeType), attributeValue: PropTypes.oneOfType([NestedAttributeValueType, ReferenceAttributeValueType]) }, ComplexAttributeType);
-export default ComplexAttribute;
+ComplexAttribute.propTypes = __assign({ label: PropTypes.string, children: PropTypes.node, attributeTypesList: PropTypes.arrayOf(AttributeTypeType), attributeValue: PropTypes.oneOfType([NestedAttributeValueType, ReferenceAttributeValueType]), highlightedError: PropTypes.object, isHighlightedPath: PropTypes.bool }, ComplexAttributeType);
+export default withContext(ScrollToErrorContext, function (contextValue, _a) {
+    var attributeValue = _a.attributeValue;
+    var error = (contextValue || {}).error;
+    var isHighlighted = (error === null || error === void 0 ? void 0 : error.uri) === attributeValue.uri;
+    var isHighlightedPath = pipe(propOr([], 'path'), any(pathEq(['value', 'uri'], attributeValue.uri)))(error);
+    return {
+        highlightedError: isHighlighted ? contextValue : null,
+        isHighlightedPath: isHighlightedPath
+    };
+}, ComplexAttribute);

package/esm/components/attributes/editMode/ComplexAttribute/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "label" | "deleted" | "editor" | "expandButton" | "editedLabel" | "titleContainer" | "errorWrapperHelperText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "label" | "deleted" | "editor" | "expandButton" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;

package/esm/components/attributes/editMode/ComplexAttribute/styles.js

@@ -1,5 +1,8 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
+    complexWrapper: {
+        position: 'relative'
+    },
     editor: {
         display: 'flex',
         flex: 1,

package/esm/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.d.ts

@@ -1,132 +1,3 @@
-declare const _default: React.MemoExoticComponent<{
-    (props: any): JSX.Element;
-    propTypes: {
-        modifiedEntity: PropTypes.Requireable<PropTypes.InferProps<{
-            uri: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }>>;
-        metadata: PropTypes.Requireable<PropTypes.InferProps<{
-            uri: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-            schemaVersion: PropTypes.Requireable<string>;
-            entityTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                typeColor: PropTypes.Requireable<string>;
-                typeIcon: PropTypes.Requireable<string>;
-                typeImage: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                uri: PropTypes.Requireable<string>;
-                attributes: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    description: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    hidden: PropTypes.Requireable<boolean>;
-                    faceted: PropTypes.Requireable<boolean>;
-                    searchable: PropTypes.Requireable<boolean>;
-                    uri: PropTypes.Requireable<string>;
-                    access: PropTypes.Requireable<string[]>;
-                    cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                        minValue: PropTypes.Requireable<number>;
-                        maxValue: PropTypes.Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            roles: PropTypes.Requireable<object[]>;
-            groupTypes: PropTypes.Requireable<object[]>;
-            relationTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                label: PropTypes.Requireable<string>;
-                uri: PropTypes.Requireable<string>;
-                typeColor: PropTypes.Requireable<string>;
-                direction: PropTypes.Requireable<string>;
-                startObject: PropTypes.Requireable<object>;
-                endObject: PropTypes.Requireable<object>;
-            }>[]>;
-            graphTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                uri: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                extendsTypeUri: PropTypes.Requireable<string>;
-                relationshipTypeURIs: PropTypes.Requireable<string[]>;
-            }>[]>;
-            interactionTypes: PropTypes.Requireable<PropTypes.InferProps<{
-                uri: PropTypes.Requireable<string>;
-                label: PropTypes.Requireable<string>;
-                memberTypes: PropTypes.Requireable<any[]>;
-                extendsTypeUri: PropTypes.Requireable<string>;
-                attributes: PropTypes.Requireable<PropTypes.InferProps<{
-                    label: PropTypes.Requireable<string>;
-                    name: PropTypes.Requireable<string>;
-                    description: PropTypes.Requireable<string>;
-                    type: PropTypes.Requireable<string>;
-                    hidden: PropTypes.Requireable<boolean>;
-                    faceted: PropTypes.Requireable<boolean>;
-                    searchable: PropTypes.Requireable<boolean>;
-                    uri: PropTypes.Requireable<string>;
-                    access: PropTypes.Requireable<string[]>;
-                    cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                        minValue: PropTypes.Requireable<number>;
-                        maxValue: PropTypes.Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            sources: PropTypes.Requireable<object[]>;
-        }>>;
-        globalSearchRequestOptions: PropTypes.Requireable<object>;
-        onDeleteModifiedEntity: PropTypes.Requireable<(...args: any[]) => any>;
-        onUpdateModifiedEntity: PropTypes.Requireable<(...args: any[]) => any>;
-        onDeactivateError: PropTypes.Requireable<(...args: any[]) => any>;
-        attributeType: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            name: PropTypes.Requireable<string>;
-            description: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-            hidden: PropTypes.Requireable<boolean>;
-            faceted: PropTypes.Requireable<boolean>;
-            searchable: PropTypes.Requireable<boolean>;
-            uri: PropTypes.Requireable<string>;
-            access: PropTypes.Requireable<string[]>;
-            cardinality: PropTypes.Requireable<PropTypes.InferProps<{
-                minValue: PropTypes.Requireable<number>;
-                maxValue: PropTypes.Requireable<number>;
-            }>>;
-        }>>;
-        showEmptyEditors: PropTypes.Requireable<boolean>;
-        lazy: PropTypes.Requireable<boolean>;
-        mode: PropTypes.Requireable<any>;
-        ownError: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: PropTypes.Validator<string>;
-            parentUri: PropTypes.Validator<string>;
-            uri: PropTypes.Requireable<string>;
-            message: PropTypes.Requireable<string>;
-        }>>;
-        errors: PropTypes.Requireable<PropTypes.InferProps<{
-            type: PropTypes.Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: PropTypes.Validator<string>;
-            parentUri: PropTypes.Validator<string>;
-            uri: PropTypes.Requireable<string>;
-            message: PropTypes.Requireable<string>;
-        }>[]>;
-        crosswalks: PropTypes.Requireable<any[]>;
-        onAddAttributes: PropTypes.Requireable<(...args: any[]) => any>;
-        onAddOneMore: PropTypes.Requireable<(...args: any[]) => any>;
-        onDeleteAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        additionalControlsRenderer: PropTypes.Requireable<(...args: any[]) => any>;
-        hideDeleteButton: PropTypes.Requireable<boolean>;
-        showNonOv: PropTypes.Requireable<boolean>;
-        state: PropTypes.Requireable<string>;
-        expanded: PropTypes.Requireable<boolean>;
-        attributeValue: PropTypes.Requireable<PropTypes.InferProps<{
-            refEntity: PropTypes.Requireable<object>;
-            refRelation: PropTypes.Requireable<object>;
-            value: PropTypes.Requireable<object>;
-            ov: PropTypes.Requireable<boolean>;
-            type: PropTypes.Requireable<string>;
-            uri: PropTypes.Requireable<string>;
-        }>>;
-    };
-}>;
+declare const _default: React.ComponentType<any> | ((props: any) => JSX.Element);
 export default _default;
-import PropTypes from "prop-types";
 import React from "react";

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

@@ -20,21 +20,25 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo, useMemo, useCallback, useRef } from 'react';
+import React, { useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { identity, pipe, isEmpty } from 'ramda';
-import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel } from '@reltio/mdm-sdk';
+import { identity, pipe, isEmpty, allPass, prop, propEq } from 'ramda';
+import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isEmptyValue } from '@reltio/mdm-sdk';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
 import EntitySelector from '../EntitySelector/EntitySelector';
 import { ErrorWrapper } from '../../../index';
+import { withContext } from '../../../../HOCs';
+import { ScrollToErrorContext } from '../../../../contexts';
+import { useScrollToAttributeError } from '../../../../hooks';
 import { useStyles } from './styles';
 var ReferenceAttribute = function (props) {
     var _a;
     var styles = useStyles();
-    var modifiedEntity = props.modifiedEntity, metadata = props.metadata, globalSearchRequestOptions = props.globalSearchRequestOptions, onDeleteModifiedEntity = props.onDeleteModifiedEntity, onUpdateModifiedEntity = props.onUpdateModifiedEntity, onDeactivateError = props.onDeactivateError, ownProps = __rest(props, ["modifiedEntity", "metadata", "globalSearchRequestOptions", "onDeleteModifiedEntity", "onUpdateModifiedEntity", "onDeactivateError"]);
+    var modifiedEntity = props.modifiedEntity, metadata = props.metadata, globalSearchRequestOptions = props.globalSearchRequestOptions, onDeleteModifiedEntity = props.onDeleteModifiedEntity, onUpdateModifiedEntity = props.onUpdateModifiedEntity, onDeactivateError = props.onDeactivateError, highlightedError = props.highlightedError, ownProps = __rest(props, ["modifiedEntity", "metadata", "globalSearchRequestOptions", "onDeleteModifiedEntity", "onUpdateModifiedEntity", "onDeactivateError", "highlightedError"]);
     var attributeValue = ownProps.attributeValue, attributeType = ownProps.attributeType, mode = ownProps.mode, crosswalks = ownProps.crosswalks, errors = ownProps.errors, onChangeAttribute = ownProps.onChangeAttribute;
     var initialAttributeValue = useRef(attributeValue);
+    var _b = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _b.ref, errorClassName = _b.errorClassName;
     var referencedEntity = getReferencedEntityFromAttrValue(attributeValue);
     var referencedRelation = getReferencedRelationFromAttrValue(attributeValue);
     var referencedEntityTypeUri = getReferencedEntityTypeUriFromAttrType(attributeType);
@@ -43,14 +47,8 @@ var ReferenceAttribute = function (props) {
         ? evaluateDeepEntityLabel(modifiedEntity, referencedEntityType.dataLabelPattern)
         : attributeValue.label;
     var entityTypesUris = useMemo(function () { return [referencedEntityTypeUri]; }, [referencedEntityTypeUri]);
-    var allCrosswalks = useMemo(function () { return addReferencedRelationCrosswalks(crosswalks, referencedRelation); }, [
-        crosswalks,
-        referencedRelation
-    ]);
-    var referencedEntityMissedError = useMemo(function () { return getReferencedEntityActiveError(attributeValue, errors); }, [
-        attributeValue,
-        errors
-    ]);
+    var allCrosswalks = useMemo(function () { return addReferencedRelationCrosswalks(crosswalks, referencedRelation); }, [crosswalks, referencedRelation]);
+    var referencedEntityMissedError = useMemo(function () { return getReferencedEntityActiveError(attributeValue, errors); }, [attributeValue, errors]);
     var selectedEntity = useMemo(function () {
         return referencedEntity && {
             entityUri: getReferencedEntityUri(referencedEntity),
@@ -113,16 +111,23 @@ var ReferenceAttribute = function (props) {
             isReltioCrosswalk: isReltioCrosswalk(crosswalks, attributeValue)
         });
     }, [attributeType, attributeValue, mode, crosswalks]);
-    var canCreateReferencedEntity = useMemo(function () { return checkMetadataForCreate(mode, referencedEntityType); }, [
-        mode,
-        referencedEntityType
-    ]);
+    var canCreateReferencedEntity = useMemo(function () { return checkMetadataForCreate(mode, referencedEntityType); }, [mode, referencedEntityType]);
     var errorMessage = getErrorMessage(referencedEntityMissedError);
     return (React.createElement(ComplexAttribute, __assign({}, ownProps, { label: getLabel(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
-        React.createElement(ErrorWrapper, { errorMessage: errorMessage },
-            React.createElement(EntitySelector, { className: classnames(styles.item, (_a = {},
-                    _a[styles.dense] = errorMessage || (selectedEntity && isTempUri(selectedEntity.entityUri)),
-                    _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: canChangeReferencedEntity ? onChangeEntity : undefined, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy }))));
+        React.createElement("div", { ref: ref, className: errorClassName },
+            React.createElement(ErrorWrapper, { errorMessage: errorMessage },
+                React.createElement(EntitySelector, { className: classnames(styles.item, (_a = {},
+                        _a[styles.dense] = errorMessage || (selectedEntity && isTempUri(selectedEntity.entityUri)),
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: canChangeReferencedEntity ? onChangeEntity : undefined, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
-ReferenceAttribute.propTypes = __assign(__assign({}, ReferenceAttributeType), { modifiedEntity: EntityType, metadata: MetadataType, globalSearchRequestOptions: PropTypes.object, onDeleteModifiedEntity: PropTypes.func, onUpdateModifiedEntity: PropTypes.func, onDeactivateError: PropTypes.func });
-export default memo(ReferenceAttribute);
+ReferenceAttribute.propTypes = __assign(__assign({}, ReferenceAttributeType), { modifiedEntity: EntityType, metadata: MetadataType, globalSearchRequestOptions: PropTypes.object, onDeleteModifiedEntity: PropTypes.func, onUpdateModifiedEntity: PropTypes.func, onDeactivateError: PropTypes.func, highlightedError: PropTypes.object });
+export default withContext(ScrollToErrorContext, function (contextValue, _a) {
+    var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
+    var error = (contextValue || {}).error;
+    var isHighlighted = allPass([
+        pipe(prop('uri'), isEmptyValue),
+        propEq('parentUri', attributeValue.uri),
+        propEq('attributeTypeUri', attributeType.uri)
+    ])(error);
+    return { highlightedError: isHighlighted ? contextValue : null };
+}, ReferenceAttribute);

package/esm/components/attributes/editMode/ReferenceAttribute/index.d.ts

@@ -1,132 +1,4 @@
 export { ReferenceAttribute };
-declare const _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<{
-    (props: any): JSX.Element;
-    propTypes: {
-        modifiedEntity: import("prop-types").Requireable<import("prop-types").InferProps<{
-            uri: import("prop-types").Requireable<string>;
-            type: import("prop-types").Requireable<string>;
-        }>>;
-        metadata: import("prop-types").Requireable<import("prop-types").InferProps<{
-            uri: import("prop-types").Requireable<string>;
-            description: import("prop-types").Requireable<string>;
-            label: import("prop-types").Requireable<string>;
-            schemaVersion: import("prop-types").Requireable<string>;
-            entityTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                typeColor: import("prop-types").Requireable<string>;
-                typeIcon: import("prop-types").Requireable<string>;
-                typeImage: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                uri: import("prop-types").Requireable<string>;
-                attributes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    description: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Requireable<string>;
-                    hidden: import("prop-types").Requireable<boolean>;
-                    faceted: import("prop-types").Requireable<boolean>;
-                    searchable: import("prop-types").Requireable<boolean>;
-                    uri: import("prop-types").Requireable<string>;
-                    access: import("prop-types").Requireable<string[]>;
-                    cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        minValue: import("prop-types").Requireable<number>;
-                        maxValue: import("prop-types").Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            roles: import("prop-types").Requireable<object[]>;
-            groupTypes: import("prop-types").Requireable<object[]>;
-            relationTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                label: import("prop-types").Requireable<string>;
-                uri: import("prop-types").Requireable<string>;
-                typeColor: import("prop-types").Requireable<string>;
-                direction: import("prop-types").Requireable<string>;
-                startObject: import("prop-types").Requireable<object>;
-                endObject: import("prop-types").Requireable<object>;
-            }>[]>;
-            graphTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                uri: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                extendsTypeUri: import("prop-types").Requireable<string>;
-                relationshipTypeURIs: import("prop-types").Requireable<string[]>;
-            }>[]>;
-            interactionTypes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                uri: import("prop-types").Requireable<string>;
-                label: import("prop-types").Requireable<string>;
-                memberTypes: import("prop-types").Requireable<any[]>;
-                extendsTypeUri: import("prop-types").Requireable<string>;
-                attributes: import("prop-types").Requireable<import("prop-types").InferProps<{
-                    label: import("prop-types").Requireable<string>;
-                    name: import("prop-types").Requireable<string>;
-                    description: import("prop-types").Requireable<string>;
-                    type: import("prop-types").Requireable<string>;
-                    hidden: import("prop-types").Requireable<boolean>;
-                    faceted: import("prop-types").Requireable<boolean>;
-                    searchable: import("prop-types").Requireable<boolean>;
-                    uri: import("prop-types").Requireable<string>;
-                    access: import("prop-types").Requireable<string[]>;
-                    cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        minValue: import("prop-types").Requireable<number>;
-                        maxValue: import("prop-types").Requireable<number>;
-                    }>>;
-                }>[]>;
-            }>[]>;
-            sources: import("prop-types").Requireable<object[]>;
-        }>>;
-        globalSearchRequestOptions: import("prop-types").Requireable<object>;
-        onDeleteModifiedEntity: import("prop-types").Requireable<(...args: any[]) => any>;
-        onUpdateModifiedEntity: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDeactivateError: import("prop-types").Requireable<(...args: any[]) => any>;
-        attributeType: import("prop-types").Requireable<import("prop-types").InferProps<{
-            label: import("prop-types").Requireable<string>;
-            name: import("prop-types").Requireable<string>;
-            description: import("prop-types").Requireable<string>;
-            type: import("prop-types").Requireable<string>;
-            hidden: import("prop-types").Requireable<boolean>;
-            faceted: import("prop-types").Requireable<boolean>;
-            searchable: import("prop-types").Requireable<boolean>;
-            uri: import("prop-types").Requireable<string>;
-            access: import("prop-types").Requireable<string[]>;
-            cardinality: import("prop-types").Requireable<import("prop-types").InferProps<{
-                minValue: import("prop-types").Requireable<number>;
-                maxValue: import("prop-types").Requireable<number>;
-            }>>;
-        }>>;
-        showEmptyEditors: import("prop-types").Requireable<boolean>;
-        lazy: import("prop-types").Requireable<boolean>;
-        mode: import("prop-types").Requireable<any>;
-        ownError: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: import("prop-types").Validator<string>;
-            parentUri: import("prop-types").Validator<string>;
-            uri: import("prop-types").Requireable<string>;
-            message: import("prop-types").Requireable<string>;
-        }>>;
-        errors: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
-            attributeTypeUri: import("prop-types").Validator<string>;
-            parentUri: import("prop-types").Validator<string>;
-            uri: import("prop-types").Requireable<string>;
-            message: import("prop-types").Requireable<string>;
-        }>[]>;
-        crosswalks: import("prop-types").Requireable<any[]>;
-        onAddAttributes: import("prop-types").Requireable<(...args: any[]) => any>;
-        onAddOneMore: import("prop-types").Requireable<(...args: any[]) => any>;
-        onDeleteAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
-        onChangeAttribute: import("prop-types").Requireable<(...args: any[]) => any>;
-        additionalControlsRenderer: import("prop-types").Requireable<(...args: any[]) => any>;
-        hideDeleteButton: import("prop-types").Requireable<boolean>;
-        showNonOv: import("prop-types").Requireable<boolean>;
-        state: import("prop-types").Requireable<string>;
-        expanded: import("prop-types").Requireable<boolean>;
-        attributeValue: import("prop-types").Requireable<import("prop-types").InferProps<{
-            refEntity: import("prop-types").Requireable<object>;
-            refRelation: import("prop-types").Requireable<object>;
-            value: import("prop-types").Requireable<object>;
-            ov: import("prop-types").Requireable<boolean>;
-            type: import("prop-types").Requireable<string>;
-            uri: import("prop-types").Requireable<string>;
-        }>>;
-    };
-}>, any>;
+declare const _default: import("react-redux").ConnectedComponent<import("react").ComponentType<any> | ((props: any) => JSX.Element), any>;
 export default _default;
 import ReferenceAttribute from "./ReferenceAttribute";

package/esm/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.d.ts

@@ -1,3 +1,3 @@
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<React.RefAttributes<any>>>;
+declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
 export default _default;
 import React from "react";