@reltio/components 1.4.1069 → 1.4.1074

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/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/esm/components/index.js

@@ -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/esm/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/esm/components/workflow/hooks/useWorkflowAssignee.js

@@ -4,7 +4,7 @@ import { useSelector } from 'react-redux';
 import { getAssigneeForTask, updateAssigneeForTask, utils } from '@reltio/mdm-sdk';
 import mdmModule from '@reltio/mdm-module';
 import { useSafePromise } from '../../../hooks';
-import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
+import { WorkflowTasksContext } from '../../../contexts';
 import { showWorkflowError } from '../helpers/errors';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
 import { isOpenTask } from '../helpers';

package/esm/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/esm/constants/prop-types.js

@@ -55,7 +55,7 @@ var QueryBuilderAttributeDataType = PropTypes.shape({
     groupName: PropTypes.string
 });
 var QueryBuilderAttributeType = PropTypes.shape({
-    id: PropTypes.string,
+    id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
     values: PropTypes.array,
     data: QueryBuilderAttributeDataType,
     filter: PropTypes.string,

package/esm/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/esm/hooks/useEditableConnection.js

@@ -10,10 +10,13 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { useCallback } from 'react';
+import { isAvailableRelationBetweenEntities, Directions, getRelationType, removeEntityAttribute, addEntityAttributes, changeEntityAttribute } from '@reltio/mdm-sdk';
 import { pipe } from 'ramda';
-import { removeEntityAttribute, addEntityAttributes, changeEntityAttribute } from '@reltio/mdm-sdk';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
 export var useEditableConnection = function (_a) {
-    var connection = _a.connection, onConnectionChange = _a.onConnectionChange;
+    var connection = _a.connection, onConnectionChange = _a.onConnectionChange, relatedEntity = _a.relatedEntity;
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var onRelationChange = useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [
         connection,
         onConnectionChange
@@ -30,9 +33,27 @@ export var useEditableConnection = function (_a) {
         connection.relation,
         onRelationChange
     ]);
+    var handleChangeRelationType = useCallback(function (_a) {
+        var type = _a.type, direction = _a.direction;
+        var newConnection = {
+            entity: connection.entity &&
+                isAvailableRelationBetweenEntities(direction === Directions.OUT, connection.entity, relatedEntity, metadata, getRelationType(metadata, type))
+                ? connection.entity
+                : null,
+            relation: __assign(__assign({}, connection.relation), { attributes: {}, type: type,
+                direction: direction })
+        };
+        onConnectionChange(newConnection);
+    }, [connection, onConnectionChange, relatedEntity, metadata]);
+    var handleChangeEntity = 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
     };
 };

package/esm/icons/Duplicate.d.ts

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

package/esm/icons/Duplicate.js

@@ -0,0 +1,23 @@
+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 React from 'react';
+var SvgDuplicate = function (props) {
+    return (React.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.createElement("defs", null,
+            React.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.createElement("g", { transform: "translate(-2 -2)", stroke: "none", strokeWidth: 1, fill: "none", fillRule: "evenodd" },
+            React.createElement("mask", { id: "Duplicate_svg__b", fill: "#fff" },
+                React.createElement("use", { xlinkHref: "#Duplicate_svg__a" })),
+            React.createElement("g", { mask: "url(#Duplicate_svg__b)", fill: "#000", fillOpacity: 0.54 },
+                React.createElement("path", { d: "M0 0h24v24H0z" })))));
+};
+export default SvgDuplicate;

package/esm/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/esm/icons/index.js

@@ -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/esm/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/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1069",
+  "version": "1.4.1074",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1069",
-    "@reltio/mdm-sdk": "^1.4.1069",
+    "@reltio/mdm-module": "^1.4.1074",
+    "@reltio/mdm-sdk": "^1.4.1074",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",