@reltio/components 1.4.1067 → 1.4.1072

package/esm/components/BasicAttributeSelector/helpers.js

@@ -0,0 +1,72 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { eqBy, pick, curry } from 'ramda';
+import { getMaxItemWidth } from '@reltio/mdm-sdk';
+export var isEqualAttributes = eqBy(pick(['fieldName', 'uri', 'entityTypeUri']));
+export var checkAttributeIncludes = function (attribute, selectedAttributes) {
+    return selectedAttributes && !!selectedAttributes.find(isEqualAttributes(attribute));
+};
+var filterItem = function (item, filterText) {
+    return item.title.toLowerCase().includes(filterText.toLowerCase());
+};
+export var filterItemsTree = function (item, filterText) {
+    return filterItem(item, filterText) || (item.children || []).some(function (item) { return filterItemsTree(item, filterText); });
+};
+export var filterSelectedAttributes = function (_a) {
+    var attribute = _a.attribute, selectedAttributes = _a.selectedAttributes, checked = _a.checked;
+    return checked
+        ? selectedAttributes.concat(attribute)
+        : selectedAttributes.filter(function (selectedAttribute) { return !isEqualAttributes(attribute, selectedAttribute); });
+};
+export var getAttributeIndex = function (selectedAttributes, attribute) {
+    return selectedAttributes.findIndex(isEqualAttributes(attribute));
+};
+export var getContainerWidth = getMaxItemWidth('title');
+export var getOnEnterHandler = function (_a) {
+    var onListItemClick = _a.onListItemClick, selectedAttributes = _a.selectedAttributes;
+    return function (_a) {
+        var item = _a.item, groupData = _a.groupData;
+        var checked = checkAttributeIncludes(item, selectedAttributes);
+        onListItemClick(__assign(__assign({}, item), { groupName: groupData.groupName }), !checked);
+    };
+};
+var getAttributeGroupData = function (item, groupId, groupName, filterText, level, noFilter) {
+    if (level === void 0) { level = 0; }
+    if (noFilter === void 0) { noFilter = false; }
+    var isItemFiltered = filterItem(item, filterText);
+    return [
+        {
+            item: filterText ? __assign(__assign({}, item), { filterText: filterText }) : item,
+            level: level,
+            groupId: groupId,
+            groupName: groupName
+        }
+    ]
+        .concat(item.children
+        ? item.children
+            .filter(function (subItem) { return noFilter || isItemFiltered || filterItemsTree(subItem, filterText); })
+            .flatMap(function (subItem) {
+            return getAttributeGroupData(subItem, groupId, groupName, filterText, level + 1, noFilter || isItemFiltered);
+        })
+        : [])
+        .flat();
+};
+export var prepareGroupsForSelectAttributeList = curry(function (filterText, groups) {
+    return groups
+        .map(function (group) { return ({
+        item: group,
+        items: group.attributes
+            .filter(function (attribute) { return filterItemsTree(attribute, filterText); })
+            .map(function (item) { return getAttributeGroupData(item, group.id, group.title, filterText); })
+    }); })
+        .filter(function (group) { return group.items.length; });
+});

package/esm/components/BasicAttributeSelector/styles.d.ts

@@ -0,0 +1,2 @@
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"selector">;
+export default useStyles;

package/esm/components/BasicAttributeSelector/styles.js

@@ -0,0 +1,12 @@
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles({
+    selector: {
+        minWidth: '200px',
+        alignItems: 'stretch',
+        background: 'rgba(0,0,0, 0.0267)',
+        boxSizing: 'border-box',
+        borderRadius: '4px',
+        display: 'flex'
+    }
+});
+export default useStyles;

package/esm/components/ConnectionEditor/ConnectionEditor.d.ts

@@ -1,11 +1,20 @@
 /// <reference types="react" />
-import { EditingConnection, AttributeItem } from '@reltio/mdm-sdk';
+import { AttributeItem, EditingConnection, Entity, TRelationType } from '@reltio/mdm-sdk';
 declare type Props = {
     connection: EditingConnection;
     showEmptyEditors?: boolean;
     onChangeAttribute: (attribute: AttributeItem) => void;
     onAddAttributes: (attributes: AttributeItem[]) => void;
-    onRemoveAttribute: (attrbutes: AttributeItem) => void;
+    onRemoveAttribute: (attributes: AttributeItem) => void;
+    onChangeRelationType?: (value: {
+        type: string;
+        direction: string;
+    }) => void;
+    onChangeEntity?: (entity: Entity) => void;
+    relatedEntity?: Entity;
+    inRelationTypes?: TRelationType[];
+    outRelationTypes?: TRelationType[];
+    entityErrorMessage?: string;
 };
-export declare const ConnectionEditor: ({ connection, onChangeAttribute, onRemoveAttribute, onAddAttributes, showEmptyEditors }: Props) => JSX.Element;
+export declare const ConnectionEditor: ({ connection, relatedEntity, inRelationTypes, outRelationTypes, showEmptyEditors, entityErrorMessage, onChangeAttribute, onRemoveAttribute, onAddAttributes, onChangeRelationType, onChangeEntity }: Props) => JSX.Element;
 export {};

package/esm/components/ConnectionEditor/ConnectionEditor.js

@@ -9,20 +9,87 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useMemo } from 'react';
+import { useStyles } from './styles';
+import { useDidUpdateEffect } from '../../hooks';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import { getActivenessAttributes, getRelationAttributesList, ModeTypes } from '@reltio/mdm-sdk';
+import { Directions, getActivenessAttributes, getSuitableEntityTypeUrisForRelationTypes, getDefaultRelationTypeObject, getLabel, getRelationAttributesList, getRelationType, isAvailableRelationBetweenEntities, ModeTypes } from '@reltio/mdm-sdk';
 import AttributesList from '../attributes/editMode/AttributesList';
+import classnames from 'classnames';
+import { uniq } from 'ramda';
+import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
+import ErrorWrapper from '../ErrorWrapper/ErrorWrapper';
+import EntitySelector from '../attributes/editMode/EntitySelector/EntitySelector';
 export var ConnectionEditor = function (_a) {
-    var connection = _a.connection, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, showEmptyEditors = _a.showEmptyEditors;
-    var relation = connection.relation;
-    var attributes = relation.attributes, relationUri = relation.uri, _b = relation.type, relationTypeUri = _b === void 0 ? '' : _b;
+    var _b;
+    var connection = _a.connection, relatedEntity = _a.relatedEntity, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, showEmptyEditors = _a.showEmptyEditors, entityErrorMessage = _a.entityErrorMessage, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, onChangeRelationType = _a.onChangeRelationType, onChangeEntity = _a.onChangeEntity;
+    var styles = useStyles();
+    var relation = connection.relation, entity = connection.entity;
+    var _e = relation || {}, attributes = _e.attributes, relationUri = _e.uri, _f = _e.type, relationTypeUri = _f === void 0 ? '' : _f, direction = _e.direction;
+    var isRelationTypeSelected = Boolean(relationTypeUri);
     var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var attributeListEntity = useMemo(function () { return (__assign({ attributes: attributes }, getActivenessAttributes(relation))); }, [relation, attributes]);
+    var attributeListEntity = useMemo(function () {
+        return relation && __assign({ attributes: attributes }, getActivenessAttributes(relation));
+    }, [relation, attributes]);
     var relationAttrTypes = useMemo(function () { return getRelationAttributesList(metadata, relationTypeUri); }, [
         relationTypeUri,
         metadata
     ]);
-    return (React.createElement(AttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: ModeTypes.EDITING, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }));
+    var availableEntityTypeUris = useMemo(function () {
+        return isRelationTypeSelected
+            ? getSuitableEntityTypeUrisForRelationTypes(direction === Directions.OUT, metadata, [
+                getRelationType(metadata, relationTypeUri)
+            ])
+            : uniq(getSuitableEntityTypeUrisForRelationTypes(true, metadata, outRelationTypes).concat(getSuitableEntityTypeUrisForRelationTypes(false, metadata, inRelationTypes)));
+    }, [isRelationTypeSelected, relationTypeUri, metadata, inRelationTypes, outRelationTypes]);
+    var globalSearchRequestOptions = useSelector(function (state) {
+        return mdmModule.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
+    });
+    var selectorCompatibleRelation = useMemo(function () {
+        return relation && {
+            relationType: relation.type,
+            direction: relation.direction
+        };
+    }, [relation]);
+    var selectorCompatibleEntity = useMemo(function () {
+        return entity && {
+            entityUri: entity.uri,
+            entityType: entity.type,
+            entityLabel: getLabel(entity.label)
+        };
+    }, [entity]);
+    var availableInRelationTypes = useMemo(function () {
+        return entity && entity.uri
+            ? inRelationTypes.filter(isAvailableRelationBetweenEntities(false, entity, relatedEntity, metadata))
+            : inRelationTypes;
+    }, [entity, inRelationTypes, relatedEntity, metadata]);
+    var availableOutRelationTypes = useMemo(function () {
+        return entity && entity.uri
+            ? outRelationTypes.filter(isAvailableRelationBetweenEntities(true, entity, relatedEntity, metadata))
+            : outRelationTypes;
+    }, [entity, outRelationTypes, relatedEntity, metadata]);
+    useEffect(function () {
+        // autoselecting relation type on mount
+        var _a = getDefaultRelationTypeObject(inRelationTypes, outRelationTypes) || {}, type = _a.type, direction = _a.direction;
+        if (!relationTypeUri && type && onChangeRelationType) {
+            onChangeRelationType({ type: type.uri, direction: direction });
+        }
+    }, [relationTypeUri, inRelationTypes, outRelationTypes, onChangeRelationType]);
+    useDidUpdateEffect(function () {
+        // autoselecting relation type on entity change
+        var _a = getDefaultRelationTypeObject(availableInRelationTypes, availableOutRelationTypes) || {}, type = _a.type, direction = _a.direction;
+        if (!relationTypeUri && type) {
+            onChangeRelationType({ type: type.uri, direction: direction });
+        }
+    }, [relationTypeUri, entity, availableInRelationTypes, availableOutRelationTypes, onChangeEntity]);
+    var handleChangeRelationType = useCallback(function (_a) {
+        var type = _a.type, direction = _a.direction;
+        onChangeRelationType({ type: type.uri, direction: direction });
+    }, [onChangeRelationType]);
+    return (React.createElement(React.Fragment, null,
+        onChangeRelationType && (React.createElement(ConnectionRelationTypeSelector, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
+        onChangeEntity && (React.createElement(ErrorWrapper, { errorMessage: entityErrorMessage, className: styles.item },
+            React.createElement(EntitySelector, { key: relationTypeUri, className: classnames((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: ModeTypes.EDITING, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
+        relationTypeUri && (React.createElement(AttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: ModeTypes.EDITING, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
 };

package/esm/components/ConnectionEditor/styles.d.ts

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

package/esm/components/ConnectionEditor/styles.js

@@ -0,0 +1,9 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    item: {
+        marginBottom: '16px'
+    },
+    dense: {
+        marginBottom: 0
+    }
+});

package/esm/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -40,11 +40,12 @@ var ConnectionRelationTypeSelector = function (_a) {
         outRelationTypes,
         onChange
     ]);
+    var hasValue = !!relation.relationType;
     useEffect(function () {
-        if (applyFirstByDefault && relationsTypesOptions.length) {
+        if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
             handleChange(relationsTypesOptions[0]);
         }
-    }, [relationsTypesOptions, applyFirstByDefault, handleChange]);
+    }, [relationsTypesOptions, applyFirstByDefault, handleChange, hasValue]);
     return (React.createElement(RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
 };
 ConnectionRelationTypeSelector.propTypes = {

package/esm/components/Image/ImageActionsOverlay/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "overlay" | "selected" | "checkedIcon" | "actions" | "selectionMode" | "actionButton" | "dropDownMenuButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "overlay" | "selected" | "actions" | "checkedIcon" | "selectionMode" | "actionButton" | "dropDownMenuButton">;

package/esm/components/ImageDetailsView/MetaInfoForm/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"form" | "root" | "divider" | "actions" | "cancelButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"form" | "root" | "actions" | "divider" | "cancelButton">;

package/esm/components/QueryBuilderRow/QueryBuilderRow.d.ts

@@ -40,7 +40,7 @@ declare var _default: React.MemoExoticComponent<{
             actionsContainer: PropTypes.Requireable<string>;
         }>>;
         rowData: PropTypes.Requireable<PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string | number>;
             values: PropTypes.Requireable<any[]>;
             data: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;
@@ -69,7 +69,7 @@ declare var _default: React.MemoExoticComponent<{
             operator: PropTypes.Requireable<string>;
         }>>;
         previousRowData: PropTypes.Requireable<PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string | number>;
             values: PropTypes.Requireable<any[]>;
             data: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;

package/esm/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.d.ts

@@ -1,7 +1,7 @@
 declare var _default: React.MemoExoticComponent<{
     ({ className, rowClasses, rowsData, lastRowAttributeSelectorProps, filterSelectorRef, filterSelectorRefIndex, ...rowProps }: {
         [x: string]: any;
-        className: any;
+        className?: any;
         rowClasses: any;
         rowsData: any;
         lastRowAttributeSelectorProps: any;
@@ -19,7 +19,7 @@ declare var _default: React.MemoExoticComponent<{
             actionsContainer: PropTypes.Requireable<string>;
         }>>;
         rowsData: PropTypes.Requireable<PropTypes.InferProps<{
-            id: PropTypes.Requireable<string>;
+            id: PropTypes.Requireable<string | number>;
             values: PropTypes.Requireable<any[]>;
             data: PropTypes.Requireable<PropTypes.InferProps<{
                 title: PropTypes.Requireable<string>;

package/esm/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -26,7 +26,7 @@ import { path } from 'ramda';
 import QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';
 import { QueryBuilderAttributeType } from '../../constants';
 var QueryBuilderRowsGroup = function (_a) {
-    var className = _a.className, rowClasses = _a.rowClasses, rowsData = _a.rowsData, lastRowAttributeSelectorProps = _a.lastRowAttributeSelectorProps, filterSelectorRef = _a.filterSelectorRef, filterSelectorRefIndex = _a.filterSelectorRefIndex, rowProps = __rest(_a, ["className", "rowClasses", "rowsData", "lastRowAttributeSelectorProps", "filterSelectorRef", "filterSelectorRefIndex"]);
+    var _b = _a.className, className = _b === void 0 ? undefined : _b, rowClasses = _a.rowClasses, rowsData = _a.rowsData, lastRowAttributeSelectorProps = _a.lastRowAttributeSelectorProps, filterSelectorRef = _a.filterSelectorRef, filterSelectorRefIndex = _a.filterSelectorRefIndex, rowProps = __rest(_a, ["className", "rowClasses", "rowsData", "lastRowAttributeSelectorProps", "filterSelectorRef", "filterSelectorRefIndex"]);
     var renderRow = function (rowData, index, rowsData) {
         var previousRow = index > 0 ? path([index - 1], rowsData) : null;
         var lastRowProps = index === rowsData.length

package/esm/components/SelectAttributesList/SelectAttributesList.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { AttributeType } from '@reltio/mdm-sdk';
+import { AttributeSelectorItem } from '../../types';
+declare type Data = {
+    attrType?: AttributeType;
+};
+declare type Props = {
+    selectedAttributes: AttributeSelectorItem[];
+    focusIndex: number;
+    hideCheckBox: boolean;
+    onItemClick: (data: Data, checked: boolean, groupId: string) => void;
+} & Record<string, unknown>;
+declare const _default: React.MemoExoticComponent<({ selectedAttributes, onItemClick, focusIndex, hideCheckBox, ...otherProps }: Props) => JSX.Element>;
+export default _default;

package/esm/components/SelectAttributesList/SelectAttributesList.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { memo } from 'react';
+import { useSelector } from 'react-redux';
+import ListItem from '@material-ui/core/ListItem';
+import mdmModule from '@reltio/mdm-module';
+import AttributeListItem from '../AttributeListItem/AttributeListItem';
+import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
+import Highlighter from '../Highlighter/Highlighter';
+import AttributeGroupIcon from '../AttributeGroupIcon/AttributeGroupIcon';
+import { checkAttributeIncludes } from '../BasicAttributeSelector/helpers';
+import { useStyles } from './styles';
+var ITEM_HEIGHT = 28;
+var ITEM_GROUP_TITLE_HEIGHT = 40;
+var SelectAttributesList = function (_a) {
+    var selectedAttributes = _a.selectedAttributes, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, hideCheckBox = _a.hideCheckBox, otherProps = __rest(_a, ["selectedAttributes", "onItemClick", "focusIndex", "hideCheckBox"]);
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var getItemSize = function (i, item) { return (item.items ? ITEM_GROUP_TITLE_HEIGHT : ITEM_HEIGHT); };
+    var renderGroupTitle = function (style, item) { return (React.createElement(ListItem, { component: 'div', className: styles.subHeader, style: style, key: "group-" + item.item.id },
+        item.item.needGroupIcon && React.createElement(AttributeGroupIcon, { group: item.item, metadata: metadata }),
+        item.item.title)); };
+    var renderItem = function (style, _a, index) {
+        var item = _a.item, level = _a.level, groupId = _a.groupId, groupName = _a.groupName;
+        var checked = checkAttributeIncludes(item, selectedAttributes);
+        var isFocused = index === focusIndex;
+        return (React.createElement(AttributeListItem, { key: "item-" + groupId + "-" + item.fieldName, onClick: onItemClick, checked: checked, data: __assign(__assign({}, item), { groupName: groupName }), notSelectable: item.notSelectable, hideCheckBox: hideCheckBox, label: React.createElement(Highlighter, { text: item.title, highlight: item.filterText }), labelInText: item.title, level: level, style: style, isFocused: isFocused, groupId: groupId, LogoIcon: item.LogoIcon }));
+    };
+    return (React.createElement(VirtualGroupedList, __assign({ getItemSize: getItemSize, renderItem: renderItem, renderGroupTitle: renderGroupTitle, focusIndex: focusIndex }, otherProps)));
+};
+export default memo(SelectAttributesList);

package/esm/components/SelectAttributesList/styles.d.ts

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

package/esm/components/SelectAttributesList/styles.js

@@ -0,0 +1,13 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    subHeader: {
+        backgroundColor: '#f5f5f5',
+        padding: '0 16px',
+        margin: 0,
+        display: 'flex',
+        alignItems: 'center',
+        color: 'rgba(0,0,0,0.84)',
+        fontSize: '14px',
+        fontWeight: 500
+    }
+});

package/esm/components/SelectionPopup/SelectionPopup.d.ts

@@ -5,7 +5,7 @@ declare type Props = {
     containerWidth: number;
     containerHeight: number;
     children: React.ReactNode;
-    PaperProps: Record<string, unknown>;
+    PaperProps?: Record<string, unknown>;
     searchInputOnKeyDown: (event: React.KeyboardEvent) => void;
     onSearch: (value?: string) => void;
     className?: string;

package/esm/components/SidePanel/SidePanelContentHeader/SidePanelContentHeader.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, VFC } from 'react';
+import { ReactNode } from 'react';
 declare type HeaderProps = {
     mainTitle?: string;
     secondTitle?: string;
@@ -8,5 +8,5 @@ declare type HeaderProps = {
 declare type Props = HeaderProps & {
     onClose: () => void;
 };
-export declare const SidePanelContentHeader: VFC<Props>;
+export declare const SidePanelContentHeader: ({ onClose, mainTitle, secondTitle, content, rightContent }: Props) => JSX.Element;
 export {};

package/esm/components/Title/Title.d.ts

@@ -1,14 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    label: string;
+    isRequired?: boolean;
+    className?: string;
+};
+declare const Title: ({ label, isRequired, className, ...otherProps }: Props) => JSX.Element;
 export default Title;
-declare function Title({ label, isRequired, className }: {
-    label: any;
-    isRequired: any;
-    className: any;
-}): JSX.Element;
-declare namespace Title {
-    namespace propTypes {
-        const label: PropTypes.Requireable<string>;
-        const isRequired: PropTypes.Requireable<boolean>;
-        const className: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/esm/components/Title/Title.js

@@ -1,19 +1,35 @@
-import PropTypes from 'prop-types';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import React from 'react';
 import classnames from 'classnames';
 import RequiredMark from '../RequiredMark/RequiredMark';
 import Typography from '@material-ui/core/Typography';
 import { useStyles } from './styles';
 var Title = function (_a) {
-    var label = _a.label, isRequired = _a.isRequired, className = _a.className;
+    var label = _a.label, isRequired = _a.isRequired, className = _a.className, otherProps = __rest(_a, ["label", "isRequired", "className"]);
     var styles = useStyles();
-    return (React.createElement(Typography, { className: classnames(styles.label, className), component: "span" },
+    return (React.createElement(Typography, __assign({ className: classnames(styles.label, className), component: "span" }, otherProps),
         label,
         isRequired && React.createElement(RequiredMark, null)));
 };
-Title.propTypes = {
-    label: PropTypes.string,
-    isRequired: PropTypes.bool,
-    className: PropTypes.string
-};
 export default Title;

package/esm/components/Title/styles.d.ts

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

package/esm/components/activityLog/activities/SearchActivity.js

@@ -4,7 +4,7 @@ import { ui } from '@reltio/mdm-module';
 import ActivityTitle from './ActivityTitle/ActivityTitle';
 import { always, pipe } from 'ramda';
 import { parseJSON } from '../../../core';
-import { useReadableSearchState } from '../hooks/useReadableSearchState';
+import { useReadableSearchState } from '../../../hooks';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';
 var SearchActivity = function (_a) {

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

@@ -76,7 +76,7 @@ var AttributeRenderer = function (_a) {
     return (React.createElement(BranchDecorator, { enabled: drawLines },
         React.createElement("div", { className: styles.wrapper },
             React.createElement("div", { className: styles.titleWrapper },
-                React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title }),
+                React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
                 React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
             isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
             isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),

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

@@ -57,7 +57,7 @@ var AttributesPager = function (_a) {
             case RENDERER_TYPES.imageLine:
                 return (React.createElement(BranchDecorator, { enabled: drawLines },
                     React.createElement("div", { className: styles.wrapper },
-                        React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label }),
+                        React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, "data-reltio-id": "reltio-attribute-label" }),
                         React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
             default:
                 return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.js

@@ -62,7 +62,7 @@ var SpecialRenderer = function (_a) {
         return null;
     }
     return (React.createElement(Box, { className: styles.wrapper },
-        React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title }),
+        React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, "data-reltio-id": "reltio-attribute-label" }),
         isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
         isEditableMode && React.createElement(ErrorMessage, { message: errorMessage }),
         React.createElement(Box, { className: styles.attributesWrapper }, renderValue())));

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

@@ -67,7 +67,7 @@ var ComplexAttribute = function (_a) {
             React.createElement("div", { className: styles.titleContainer },
                 React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
                 React.createElement(ErrorWrapper, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
-                    React.createElement("div", { className: classnames(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)) }, label))),
+                    React.createElement("div", { className: classnames(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)), "data-reltio-id": "reltio-attribute-complex-label" }, label))),
             React.createElement("div", { className: styles.actions },
                 edited && (React.createElement(Typography, { variant: "caption", className: styles.editedLabel },
                     "(",

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

@@ -10,7 +10,7 @@ declare function EntitySelector({ entity, entityTypesUris, mode, max, onChange,
     metadata: any;
     globalSearchRequestOptions: any;
     attributeTypesSelectionStrategy: any;
-    disableLinkClick: any;
+    disableLinkClick?: boolean;
 }): JSX.Element;
 declare namespace EntitySelector {
     namespace propTypes {

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

@@ -33,7 +33,7 @@ import EntityCreator from '../EntityCreator';
 import { EmptyStub } from '../../../../core';
 import Group from './components/Group';
 import { useStyles } from './styles';
-var buildEntityOptions = function (entityTypes) { return function (entities) {
+var buildEntityOptions = function (entityTypes, onCreate) { return function (entities) {
     var newOptions = entities.map(function (entity) { return (__assign(__assign({}, entity), { label: getLabel(entity.label), entityType: entityTypes.find(function (_a) {
             var uri = _a.uri;
             return uri === entity.type;
@@ -49,8 +49,13 @@ var buildEntityOptions = function (entityTypes) { return function (entities) {
             ]
             : options;
     };
-    return entityTypes.length > 1
-        ? entityTypes.map(function (type) {
+    var filteredEntityTypes = onCreate
+        ? entityTypes
+        : entityTypes.filter(function (type) {
+            return newOptions.some(function (option) { return option.type === type.uri; });
+        });
+    return filteredEntityTypes.length > 1
+        ? filteredEntityTypes.map(function (type) {
             return {
                 label: type.label,
                 entityType: type.uri,
@@ -60,9 +65,9 @@ var buildEntityOptions = function (entityTypes) { return function (entities) {
         : addDummyOptionToEmptyOptionList(newOptions);
 }; };
 var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, disableLinkClick = _a.disableLinkClick, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _d = _a.disableLinkClick, disableLinkClick = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
     var styles = useStyles();
-    var _d = useState(''), inputValue = _d[0], setInputValue = _d[1];
+    var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }); }, [
         entityTypesUris,
         metadata
@@ -94,7 +99,9 @@ var EntitySelector = function (_a) {
         handleChange({});
     };
     var groupMode = useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
-    var getOptions = function (value) { return getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes)); };
+    var getOptions = function (value) {
+        return getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes, onCreate));
+    };
     var currentEntityType = (isEmpty(entity) ? entityTypes[0] : getEntityType(metadata, entity.entityType)) || {};
     var createLabel = onCreate && i18n.text("Create " + (inputValue ? "\"" + inputValue + "\" as " : '') + "new " + currentEntityType.label);
     var label = i18n.text("Select " + (entityTypes.length === 1 ? entityTypes[0].label + " " : '') + "profile");

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

@@ -70,7 +70,7 @@ var ImageAttributesLine = function (_a) {
             var uri = attribute.uri;
             var onOpenImageGalleryDialog = methods.onOpenImageGalleryDialog;
             return (React.createElement("div", { className: styles.image, key: uri },
-                React.createElement(Image, { src: src, overlay: renderImageActionsOverlay(methods, attribute), onClick: function () { return onOpenImageGalleryDialog(uri); }, size: { imageWidth: imageSize.imageWidth, imageHeight: imageSize.imageHeight } })));
+                React.createElement(Image, { src: src, overlay: renderImageActionsOverlay(methods, attribute), onClick: function () { return onOpenImageGalleryDialog(uri); }, size: { imageWidth: imageSize.imageWidth, imageHeight: imageSize.imageHeight }, "data-reltio-id": "reltio-attribute-value" })));
         };
         return renderImage;
     };

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

@@ -38,7 +38,7 @@ export var Roles = function (_a) {
     var handleDelete = useCallback(function () {
         onDelete({ uri: entityUri, attributeType: EntityAttrTypes.roles });
     }, [entityUri, onDelete]);
-    return (React.createElement("div", { className: styles.container },
+    return (React.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
         !!onDelete && (React.createElement(SmallIconButton, { className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
 };