@reltio/components 1.4.1069 → 1.4.1074

package/cjs/components/ConnectionEditor/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    item: {
+        marginBottom: '16px'
+    },
+    dense: {
+        marginBottom: 0
+    }
+});

package/cjs/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

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

package/cjs/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/cjs/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/cjs/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -50,7 +50,7 @@ var ramda_1 = require("ramda");
 var QueryBuilderRow_1 = __importDefault(require("../QueryBuilderRow/QueryBuilderRow"));
 var constants_1 = require("../../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 ? ramda_1.path([index - 1], rowsData) : null;
         var lastRowProps = index === rowsData.length

package/cjs/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/cjs/components/SelectAttributesList/SelectAttributesList.js

@@ -0,0 +1,75 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var AttributeListItem_1 = __importDefault(require("../AttributeListItem/AttributeListItem"));
+var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));
+var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
+var AttributeGroupIcon_1 = __importDefault(require("../AttributeGroupIcon/AttributeGroupIcon"));
+var helpers_1 = require("../BasicAttributeSelector/helpers");
+var styles_1 = require("./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 = styles_1.useStyles();
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var getItemSize = function (i, item) { return (item.items ? ITEM_GROUP_TITLE_HEIGHT : ITEM_HEIGHT); };
+    var renderGroupTitle = function (style, item) { return (react_1.default.createElement(ListItem_1.default, { component: 'div', className: styles.subHeader, style: style, key: "group-" + item.item.id },
+        item.item.needGroupIcon && react_1.default.createElement(AttributeGroupIcon_1.default, { 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 = helpers_1.checkAttributeIncludes(item, selectedAttributes);
+        var isFocused = index === focusIndex;
+        return (react_1.default.createElement(AttributeListItem_1.default, { key: "item-" + groupId + "-" + item.fieldName, onClick: onItemClick, checked: checked, data: __assign(__assign({}, item), { groupName: groupName }), notSelectable: item.notSelectable, hideCheckBox: hideCheckBox, label: react_1.default.createElement(Highlighter_1.default, { text: item.title, highlight: item.filterText }), labelInText: item.title, level: level, style: style, isFocused: isFocused, groupId: groupId, LogoIcon: item.LogoIcon }));
+    };
+    return (react_1.default.createElement(VirtualGroupedList_1.default, __assign({ getItemSize: getItemSize, renderItem: renderItem, renderGroupTitle: renderGroupTitle, focusIndex: focusIndex }, otherProps)));
+};
+exports.default = react_1.memo(SelectAttributesList);

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

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

package/cjs/components/SelectAttributesList/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.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/cjs/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/cjs/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/cjs/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/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js

@@ -57,7 +57,7 @@ var EntityCreator_1 = __importDefault(require("../EntityCreator"));
 var core_1 = require("../../../../core");
 var Group_1 = __importDefault(require("./components/Group"));
 var styles_1 = require("./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: mdm_sdk_1.getLabel(entity.label), entityType: entityTypes.find(function (_a) {
             var uri = _a.uri;
             return uri === entity.type;
@@ -73,8 +73,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,
@@ -84,9 +89,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 = styles_1.useStyles();
-    var _d = react_1.useState(''), inputValue = _d[0], setInputValue = _d[1];
+    var _e = react_1.useState(''), inputValue = _e[0], setInputValue = _e[1];
     var entityTypes = react_1.useMemo(function () { return entityTypesUris.map(function (type) { return mdm_sdk_1.getEntityType(metadata, type); }); }, [
         entityTypesUris,
         metadata
@@ -118,7 +123,9 @@ var EntitySelector = function (_a) {
         handleChange({});
     };
     var groupMode = react_1.useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
-    var getOptions = function (value) { return mdm_sdk_1.getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes)); };
+    var getOptions = function (value) {
+        return mdm_sdk_1.getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes, onCreate));
+    };
     var currentEntityType = (ramda_1.isEmpty(entity) ? entityTypes[0] : mdm_sdk_1.getEntityType(metadata, entity.entityType)) || {};
     var createLabel = onCreate && ui_i18n_1.default.text("Create " + (inputValue ? "\"" + inputValue + "\" as " : '') + "new " + currentEntityType.label);
     var label = ui_i18n_1.default.text("Select " + (entityTypes.length === 1 ? entityTypes[0].label + " " : '') + "profile");

package/cjs/components/index.d.ts

@@ -126,4 +126,8 @@ export { MergeButton } from './MergeButton/MergeButton';
 export { NotMatchButton } from './NotMatchButton/NotMatchButton';
 export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';
 export { default as ProfilesList } from './ProfilesList';
+export { default as BasicAttributeSelector } from './BasicAttributeSelector/BasicAttributeSelector';
+export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGroupIcon';
+export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';
+export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder/AttributesFiltersBuilder';
 export { ConnectionEditor } from './ConnectionEditor';

package/cjs/components/index.js

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

package/cjs/components/workflow/hooks/useWorkflowAssignee.d.ts

@@ -3,7 +3,7 @@ declare type AssigneeOption = {
     label: string;
     value: string;
 };
-export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>) => {
+export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>>) => {
     assignee: AssigneeOption;
     getAssignees: (text: any) => Promise<void | unknown[]>;
     updateAssignee: (newValue: AssigneeOption) => void;

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

@@ -10,7 +10,7 @@ var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var hooks_1 = require("../../../hooks");
-var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
+var contexts_1 = require("../../../contexts");
 var errors_1 = require("../helpers/errors");
 var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
 var helpers_1 = require("../helpers");
@@ -20,7 +20,7 @@ var assigneeToValue = function (assignee) { return ({
 }); };
 var useWorkflowAssignee = function (_a) {
     var assignee = _a.assignee, taskId = _a.taskId, isOpen = _a.isOpen;
-    var updateTaskState = (react_1.useContext(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
+    var updateTaskState = (react_1.useContext(contexts_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
     var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);

package/cjs/constants/prop-types.d.ts

@@ -90,7 +90,7 @@ export const QueryBuilderAttributeDataType: PropTypes.Requireable<PropTypes.Infe
     groupName: PropTypes.Requireable<string>;
 }>>;
 export const QueryBuilderAttributeType: 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/cjs/constants/prop-types.js

@@ -71,7 +71,7 @@ var QueryBuilderAttributeDataType = prop_types_1.default.shape({
 });
 exports.QueryBuilderAttributeDataType = QueryBuilderAttributeDataType;
 var QueryBuilderAttributeType = prop_types_1.default.shape({
-    id: prop_types_1.default.string,
+    id: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
     values: prop_types_1.default.array,
     data: QueryBuilderAttributeDataType,
     filter: prop_types_1.default.string,

package/cjs/hooks/useEditableConnection.d.ts

@@ -1,12 +1,18 @@
-import { EditingConnection, AttributeItem } from '@reltio/mdm-sdk';
+import { EditingConnection, AttributeItem, Entity } from '@reltio/mdm-sdk';
 declare type EditRelationActions = {
     onChangeAttribute: (attribute: AttributeItem) => void;
     onAddAttributes: (attributes: AttributeItem[]) => void;
-    onRemoveAttribute: (attrbutes: AttributeItem) => void;
+    onRemoveAttribute: (attributes: AttributeItem) => void;
+    onChangeEntity: (entity: Entity) => void;
+    onChangeRelationType: (value: {
+        type: string;
+        direction: string;
+    }) => void;
 };
 declare type Props = {
     connection: EditingConnection;
-    onConnectionChange: (newConnection: EditingConnection) => void;
+    onConnectionChange: (connection: EditingConnection) => void;
+    relatedEntity?: Entity;
 };
-export declare const useEditableConnection: ({ connection, onConnectionChange }: Props) => EditRelationActions;
+export declare const useEditableConnection: ({ connection, onConnectionChange, relatedEntity }: Props) => EditRelationActions;
 export {};

package/cjs/hooks/useEditableConnection.js

@@ -10,13 +10,19 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEditableConnection = void 0;
 var react_1 = require("react");
-var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var useEditableConnection = function (_a) {
-    var connection = _a.connection, onConnectionChange = _a.onConnectionChange;
+    var connection = _a.connection, onConnectionChange = _a.onConnectionChange, relatedEntity = _a.relatedEntity;
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var onRelationChange = react_1.useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [
         connection,
         onConnectionChange
@@ -33,10 +39,28 @@ var useEditableConnection = function (_a) {
         connection.relation,
         onRelationChange
     ]);
+    var handleChangeRelationType = react_1.useCallback(function (_a) {
+        var type = _a.type, direction = _a.direction;
+        var newConnection = {
+            entity: connection.entity &&
+                mdm_sdk_1.isAvailableRelationBetweenEntities(direction === mdm_sdk_1.Directions.OUT, connection.entity, relatedEntity, metadata, mdm_sdk_1.getRelationType(metadata, type))
+                ? connection.entity
+                : null,
+            relation: __assign(__assign({}, connection.relation), { attributes: {}, type: type,
+                direction: direction })
+        };
+        onConnectionChange(newConnection);
+    }, [connection, onConnectionChange, relatedEntity, metadata]);
+    var handleChangeEntity = react_1.useCallback(function (entity) { return onConnectionChange(__assign(__assign({}, connection), { entity: entity })); }, [
+        connection,
+        onConnectionChange
+    ]);
     return {
         onAddAttributes: handleAddAttributes,
         onChangeAttribute: handleChangeAttribute,
-        onRemoveAttribute: handleRemoveAttribute
+        onRemoveAttribute: handleRemoveAttribute,
+        onChangeEntity: handleChangeEntity,
+        onChangeRelationType: handleChangeRelationType
     };
 };
 exports.useEditableConnection = useEditableConnection;

package/cjs/icons/Duplicate.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgDuplicate: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgDuplicate;

package/cjs/icons/Duplicate.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var SvgDuplicate = function (props) {
+    return (react_1.default.createElement("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink", focusable: "false" }, props),
+        react_1.default.createElement("defs", null,
+            react_1.default.createElement("path", { d: "M20.222 6C21.21 6 22 6.8 22 7.778v12.444C22 21.2 21.209 22 20.222 22H7.778C6.79 22 6 21.2 6 20.222V7.778C6 6.8 6.791 6 7.778 6h12.444zM8 8v12h12V8H8zM4 18H2V4c0-1.1.9-2 2-2h14v2H4v14z", id: "Duplicate_svg__a" })),
+        react_1.default.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            react_1.default.createElement("mask", { id: "Duplicate_svg__b", fill: "#fff" },
+                react_1.default.createElement("use", { xlinkHref: "#Duplicate_svg__a" })),
+            react_1.default.createElement("g", { mask: "url(#Duplicate_svg__b)", fill: "#000", fillOpacity: 0.54 },
+                react_1.default.createElement("path", { d: "M0 0h24v24H0z" })))));
+};
+exports.default = SvgDuplicate;

package/cjs/icons/index.d.ts

@@ -14,6 +14,7 @@ export { default as DeleteRequestTaskIcon } from './DeleteRequestTaskIcon';
 export { default as Details } from './Details';
 export { default as Download } from './Download';
 export { default as Draw } from './Draw';
+export { default as Duplicate } from './Duplicate';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Error } from './Error';
 export { default as Filter } from './Filter';
@@ -21,17 +22,19 @@ export { default as Ignored } from './Ignored';
 export { default as IgnoredOutlined } from './IgnoredOutlined';
 export { default as LogIn } from './LogIn';
 export { default as LogOut } from './LogOut';
-export { default as Merge } from './Merge';
 export { default as MlMatch } from './MlMatch';
+export { default as Merge } from './Merge';
+export { default as MergeDark } from './MergeDark';
 export { default as NestedAttribute } from './NestedAttribute';
 export { default as NoData } from './NoData';
 export { default as NoDataSearch } from './NoDataSearch';
 export { default as NoMatches } from './NoMatches';
+export { default as NotMatchDark } from './NotMatchDark';
+export { default as PmIcon } from './PmIcon';
+export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Pin } from './Pin';
 export { default as PinOutlined } from './PinOutlined';
 export { default as PivotingIcon } from './PivotingIcon';
-export { default as PmIcon } from './PmIcon';
-export { default as PmTaskIcon } from './PmTaskIcon';
 export { default as Polygon } from './Polygon';
 export { default as PotentialMatch } from './PotentialMatch';
 export { default as Profile } from './Profile';

package/cjs/icons/index.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UploadIcon = exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MlMatch = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.PmTaskIcon = exports.PmIcon = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MergeDark = exports.Merge = exports.MlMatch = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
+exports.UploadIcon = void 0;
 var Add_1 = require("./Add");
 Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
 var AddComment_1 = require("./AddComment");
@@ -36,6 +37,8 @@ var Download_1 = require("./Download");
 Object.defineProperty(exports, "Download", { enumerable: true, get: function () { return __importDefault(Download_1).default; } });
 var Draw_1 = require("./Draw");
 Object.defineProperty(exports, "Draw", { enumerable: true, get: function () { return __importDefault(Draw_1).default; } });
+var Duplicate_1 = require("./Duplicate");
+Object.defineProperty(exports, "Duplicate", { enumerable: true, get: function () { return __importDefault(Duplicate_1).default; } });
 var EmptySearchResults_1 = require("./EmptySearchResults");
 Object.defineProperty(exports, "EmptySearchResults", { enumerable: true, get: function () { return __importDefault(EmptySearchResults_1).default; } });
 var Error_1 = require("./Error");
@@ -50,10 +53,12 @@ var LogIn_1 = require("./LogIn");
 Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
 var LogOut_1 = require("./LogOut");
 Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
-var Merge_1 = require("./Merge");
-Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
 var MlMatch_1 = require("./MlMatch");
 Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
+var Merge_1 = require("./Merge");
+Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
+var MergeDark_1 = require("./MergeDark");
+Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
 var NestedAttribute_1 = require("./NestedAttribute");
 Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
 var NoData_1 = require("./NoData");
@@ -62,16 +67,18 @@ var NoDataSearch_1 = require("./NoDataSearch");
 Object.defineProperty(exports, "NoDataSearch", { enumerable: true, get: function () { return __importDefault(NoDataSearch_1).default; } });
 var NoMatches_1 = require("./NoMatches");
 Object.defineProperty(exports, "NoMatches", { enumerable: true, get: function () { return __importDefault(NoMatches_1).default; } });
+var NotMatchDark_1 = require("./NotMatchDark");
+Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
+var PmIcon_1 = require("./PmIcon");
+Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
+var PmTaskIcon_1 = require("./PmTaskIcon");
+Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Pin_1 = require("./Pin");
 Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
 var PinOutlined_1 = require("./PinOutlined");
 Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
 var PivotingIcon_1 = require("./PivotingIcon");
 Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
-var PmIcon_1 = require("./PmIcon");
-Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
-var PmTaskIcon_1 = require("./PmTaskIcon");
-Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
 var Polygon_1 = require("./Polygon");
 Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
 var PotentialMatch_1 = require("./PotentialMatch");

package/cjs/types/index.d.ts

@@ -57,6 +57,46 @@ export declare type QueryBuilderAttribute = {
     filter: string;
     operator: string;
 };
+export declare type AttributeSelectorItem = {
+    attrType: AttributeType;
+    entityTypeUri: string;
+    fieldName: string;
+    groupName: string;
+    title: string;
+    uri: string;
+    children?: AttributeSelectorItem[];
+    pathToTitle?: string[];
+};
+export declare type AttributeSelectorItemsGroup = {
+    id?: string;
+    title: string;
+    attributes: AttributeSelectorItem[];
+};
+export declare type AttributeSelectionInfo = {
+    index: number;
+    checked: boolean;
+    attribute: AttributeSelectorItem;
+    selectedAttributes: AttributeSelectorItem[];
+};
+export declare type BasicAttributeSelectorProps = {
+    className?: string;
+    itemsGroups: AttributeSelectorItemsGroup[];
+    value: AttributeSelectorItem;
+    onSelect: (selectInfo: AttributeSelectionInfo) => void;
+    onRestoreFocus?: () => void;
+    onOpenPopup?: () => void;
+    getLabel?: (value: {
+        fieldName?: string;
+        pathToTitle?: string[];
+        title: string;
+    }) => string;
+    disableRestoreFocus?: boolean;
+    disableEnforceFocus?: boolean;
+    single?: boolean;
+    ungroup?: boolean;
+    disabled?: boolean;
+    hideCheckBox?: boolean;
+};
 export declare enum RequestStates {
     INIT = "init",
     LOADING = "loading",

package/esm/components/AttributeGroupIcon/AttributeGroupIcon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Metadata } from '@reltio/mdm-sdk';
+declare type Props = {
+    group: {
+        id: string;
+        title: string;
+    };
+    metadata: Metadata;
+};
+declare const AttributeGroupIcon: ({ group, metadata }: Props) => JSX.Element;
+export default AttributeGroupIcon;