@reltio/components 1.4.1067 → 1.4.1072

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/index.d.ts

@@ -16,3 +16,4 @@ export { usePagingSimulator } from './usePagingSimulator';
 export { useMergeAllRequest } from './useMergeAllRequest';
 export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';
 export { useEditableConnection } from './useEditableConnection';
+export { useReadableSearchState } from './useReadableSearchState';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditableConnection = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
+exports.useReadableSearchState = exports.useEditableConnection = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAsyncMount_1 = require("./useAsyncMount");
@@ -37,3 +37,5 @@ var useMarkAsNotMatchRequest_1 = require("./useMarkAsNotMatchRequest");
 Object.defineProperty(exports, "useMarkAsNotMatchRequest", { enumerable: true, get: function () { return useMarkAsNotMatchRequest_1.useMarkAsNotMatchRequest; } });
 var useEditableConnection_1 = require("./useEditableConnection");
 Object.defineProperty(exports, "useEditableConnection", { enumerable: true, get: function () { return useEditableConnection_1.useEditableConnection; } });
+var useReadableSearchState_1 = require("./useReadableSearchState");
+Object.defineProperty(exports, "useReadableSearchState", { enumerable: true, get: function () { return useReadableSearchState_1.useReadableSearchState; } });

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/hooks/useReadableSearchState.d.ts

@@ -0,0 +1,2 @@
+import { SearchState } from '@reltio/mdm-sdk';
+export declare const useReadableSearchState: (searchState: SearchState) => string;

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;

package/esm/components/AttributeGroupIcon/AttributeGroupIcon.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import mdm from '@reltio/mdm-module';
+import { getAbsoluteImageUrl, getEntityTypeGraphIcon } from '@reltio/mdm-sdk';
+import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
+import { useStyles } from './styles';
+var AttributeGroupIcon = function (_a) {
+    var group = _a.group, metadata = _a.metadata;
+    var styles = useStyles();
+    var absoluteImagePath = useSelector(mdm.selectors.getAbsoluteImagePath);
+    var entityTypeGraphIcon = getEntityTypeGraphIcon(metadata, { type: group.id });
+    var absoluteImageUrl = getAbsoluteImageUrl(absoluteImagePath, entityTypeGraphIcon);
+    return React.createElement(AvatarWithFallback, { className: styles.icon, icon: absoluteImageUrl, avatarText: group.title[0] });
+};
+export default AttributeGroupIcon;

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

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

package/esm/components/AttributeGroupIcon/styles.js

@@ -0,0 +1,8 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    icon: {
+        maxHeight: '25px',
+        maxWidth: '25px',
+        marginRight: '16px'
+    }
+});

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SearchFilter, AttributeType } from '@reltio/mdm-sdk';
+declare type Props = {
+    filters: SearchFilter[];
+    onChange: (filtres: SearchFilter[]) => void;
+    attributeTypes: AttributeType[];
+};
+declare const _default: React.MemoExoticComponent<({ attributeTypes, filters, onChange }: Props) => JSX.Element>;
+export default _default;

package/esm/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -0,0 +1,88 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+import React, { useCallback, useRef, useMemo, memo, useEffect } from 'react';
+import { useSelector } from 'react-redux';
+import { always, evolve } from 'ramda';
+import mdmModule from '@reltio/mdm-module';
+import { getEntityType } from '@reltio/mdm-sdk';
+import { getAttributeSelectorItems, getRowsDataFromFilters, getEntityTypeFromAttrTypes } from './helpers';
+import FilterSelector from './components/FilterSelector/FilterSelector';
+import RowActions from './components/RowActions/RowActions';
+import QueryBuilderRowsGroup from '../QueryBuilderRowsGroup/QueryBuilderRowsGroup';
+import AttributeSelector from './components/AttributeSelector/AttributeSelector';
+import ValueEditor from './components/ValueEditor/ValueEditor';
+import { useStyles } from './styles';
+var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
+var Stub = function () { return null; };
+var AttributesFiltersBuilder = function (_a) {
+    var attributeTypes = _a.attributeTypes, filters = _a.filters, onChange = _a.onChange;
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var entityType = getEntityType(metadata, getEntityTypeFromAttrTypes(attributeTypes));
+    var _b = useStyles(), attrSelector = _b.attrSelector, filterSelector = _b.filterSelector, actionContainer = _b.actionContainer;
+    var actualFilters = useRef(filters);
+    actualFilters.current = filters;
+    var attributeFilterRef = useRef(null);
+    var lastAttributesCountRef = useRef(null);
+    var attributesCountRef = useRef(null);
+    var rowClasses = useMemo(function () { return ({
+        attributeSelectorContainer: attrSelector,
+        filterSelectorContainer: filterSelector,
+        actionsContainer: actionContainer
+    }); }, [attrSelector, filterSelector, actionContainer]);
+    var attributeSelectorItems = useMemo(function () { return getAttributeSelectorItems(attributeTypes, entityType, metadata); }, [
+        attributeTypes,
+        metadata,
+        entityType
+    ]);
+    var rowsData = useMemo(function () { return (filters.length ? getRowsDataFromFilters(filters, attributeSelectorItems) : []); }, [
+        attributeSelectorItems,
+        filters
+    ]);
+    attributesCountRef.current = rowsData.length;
+    useEffect(function () {
+        if (attributeFilterRef.current && lastAttributesCountRef.current !== attributesCountRef.current) {
+            attributeFilterRef.current.querySelector('input').focus();
+            lastAttributesCountRef.current = null;
+        }
+    }, [rowsData.length]);
+    var handleAttributeSelectorOnOpen = useCallback(function () {
+        lastAttributesCountRef.current = rowsData.length;
+    }, [rowsData.length]);
+    var lastRowAttributeSelectorProps = useMemo(function () { return ({
+        onOpen: handleAttributeSelectorOnOpen
+    }); }, [handleAttributeSelectorOnOpen]);
+    var addRowAfterIndex = useCallback(function (index) {
+        var newFilters = __spreadArray([], actualFilters.current);
+        newFilters.splice(index + 1, 0, EMPTY_FILTER);
+        onChange(newFilters);
+    }, [onChange]);
+    var removeRow = useCallback(function (index) {
+        var newFilters = __spreadArray([], actualFilters.current);
+        newFilters.splice(index, 1);
+        onChange(newFilters);
+    }, [onChange]);
+    var duplicateRow = useCallback(function (index) {
+        var newFilters = __spreadArray([], actualFilters.current);
+        newFilters.splice(index + 1, 0, {
+            fieldName: actualFilters.current[index].fieldName,
+            filter: actualFilters.current[index].filter,
+            values: actualFilters.current[index].values
+        });
+        onChange(newFilters);
+    }, [onChange]);
+    var changeFilter = useCallback(function (newFilter, id) {
+        var _a;
+        var newFilters = evolve((_a = {},
+            _a[id] = always(newFilter),
+            _a), actualFilters.current);
+        onChange(newFilters);
+    }, [onChange]);
+    var addNewFilter = useCallback(function (newFilter) {
+        onChange(__spreadArray(__spreadArray([], actualFilters.current), [newFilter]));
+    }, [onChange]);
+    return (React.createElement(QueryBuilderRowsGroup, { rowClasses: rowClasses, rowsData: rowsData, AttributeSelectorComponent: AttributeSelector, FilterSelectorComponent: FilterSelector, ValuesEditorComponent: ValueEditor, ActionsComponent: RowActions, LogicOperatorComponent: Stub, filterSelectorRefIndex: lastAttributesCountRef.current, filterSelectorRef: attributeFilterRef, lastRowAttributeSelectorProps: lastRowAttributeSelectorProps, attributesGroup: attributeSelectorItems, changeFilter: changeFilter, addNewFilter: addNewFilter, addRowAfterIndex: addRowAfterIndex, removeRow: removeRow, duplicateRow: duplicateRow }));
+};
+export default memo(AttributesFiltersBuilder);

package/esm/components/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AttributeFiltersComponentProps } from '../../types';
+declare type Props = AttributeFiltersComponentProps & {
+    attributeSelectorProps: {
+        onOpen: () => void;
+    };
+};
+declare const _default: React.MemoExoticComponent<({ rowData, rowContext, attributeSelectorProps }: Props) => JSX.Element>;
+export default _default;

package/esm/components/AttributesFiltersBuilder/components/AttributeSelector/AttributeSelector.js

@@ -0,0 +1,29 @@
+import React, { useCallback, useMemo, memo } from 'react';
+import { getSearchGroupAttributeLabel } from '@reltio/mdm-sdk';
+import BasicAttributeSelector from '../../../BasicAttributeSelector/BasicAttributeSelector';
+var AttributeSelector = function (_a) {
+    var rowData = _a.rowData, rowContext = _a.rowContext, attributeSelectorProps = _a.attributeSelectorProps;
+    var _b = rowData || {}, attribute = _b.attribute, id = _b.id, filter = _b.filter;
+    var changeFilter = rowContext.changeFilter, addNewFilter = rowContext.addNewFilter, attributesGroup = rowContext.attributesGroup;
+    var getSelectedAttributeLabel = useCallback(function (data) { return getSearchGroupAttributeLabel({ data: data }); }, []);
+    var itemsGroup = useMemo(function () { return [{ id: '', title: '', attributes: attributesGroup }]; }, [attributesGroup]);
+    var changeAttribute = useCallback(function (selectInfo) {
+        if (rowData) {
+            var newFilter = {
+                fieldName: selectInfo.attribute.fieldName,
+                filter: filter,
+                values: []
+            };
+            changeFilter(newFilter, id);
+        }
+        else {
+            addNewFilter({
+                fieldName: selectInfo.attribute.fieldName,
+                filter: null,
+                values: []
+            });
+        }
+    }, [addNewFilter, changeFilter, id, rowData, filter]);
+    return (React.createElement(BasicAttributeSelector, { itemsGroups: itemsGroup, ungroup: true, single: true, value: attribute, getLabel: getSelectedAttributeLabel, onSelect: changeAttribute, onOpenPopup: attributeSelectorProps.onOpen }));
+};
+export default memo(AttributeSelector);

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AttributeFiltersComponentProps } from '../../types';
+declare type Props = AttributeFiltersComponentProps & {
+    textFieldInputRef: React.MutableRefObject<HTMLInputElement>;
+};
+declare const _default: React.MemoExoticComponent<({ rowData, rowContext, textFieldInputRef }: Props) => JSX.Element>;
+export default _default;

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/FilterSelector.js

@@ -0,0 +1,32 @@
+import React, { useCallback, useEffect, memo } from 'react';
+import i18n from 'ui-i18n';
+import { pipe, map } from 'ramda';
+import capitalize from '@material-ui/core/utils/capitalize';
+import { getFilterOptionLabel, getFilterOptionsForQueryBuilder } from '@reltio/mdm-sdk';
+import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
+import { findValue } from '../../helpers';
+import useStyles from './styles';
+var FilterSelector = function (_a) {
+    var rowData = _a.rowData, rowContext = _a.rowContext, textFieldInputRef = _a.textFieldInputRef;
+    var styles = useStyles();
+    var _b = rowData || {}, _c = _b.attribute, _d = _c === void 0 ? {} : _c, _e = _d.attrType, attrType = _e === void 0 ? {} : _e, _f = _d.fieldName, fieldName = _f === void 0 ? null : _f, filter = _b.filter, id = _b.id;
+    var changeFilter = rowContext.changeFilter;
+    var options = attrType &&
+        fieldName &&
+        pipe(getFilterOptionsForQueryBuilder, map(function (value) { return ({ value: value, label: capitalize(getFilterOptionLabel(value)) }); }))(attrType, fieldName);
+    var onChangeFilter = useCallback(function (filterOption) {
+        var newFilter = {
+            fieldName: fieldName,
+            filter: filterOption.value,
+            values: []
+        };
+        changeFilter(newFilter, id);
+    }, [changeFilter, id, fieldName]);
+    useEffect(function () {
+        if ((fieldName && !filter) || (fieldName && !findValue(options, filter))) {
+            onChangeFilter(options[0]);
+        }
+    }, [fieldName, filter, onChangeFilter, options]);
+    return (React.createElement(SimpleDropDownSelector, { label: "", height: 40, isDisabled: !options, placeholder: i18n.text('Equals'), value: findValue(options, filter), options: options, onChange: onChangeFilter, className: styles.dropDownSelector, textFieldInputRef: textFieldInputRef }));
+};
+export default memo(FilterSelector);

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.d.ts

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

package/esm/components/AttributesFiltersBuilder/components/FilterSelector/styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles({
+    dropDownSelector: {
+        width: '100%'
+    }
+});
+export default useStyles;

package/esm/components/AttributesFiltersBuilder/components/RowActions/RowActions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AttributeFiltersComponentProps } from '../../types';
+declare const _default: React.MemoExoticComponent<({ rowData, rowContext }: AttributeFiltersComponentProps) => JSX.Element>;
+export default _default;