@reltio/components 1.4.950 → 1.4.954

package/cjs/components/ImageAttributesGallery/HeaderRight/styles.d.ts

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

package/cjs/components/RelationEditor/index.d.ts

@@ -55,10 +55,22 @@ declare var _default: import("react-redux").ConnectedComponent<{
             max: import("prop-types").Requireable<number>;
             icon: import("prop-types").Requireable<string>;
             caption: import("prop-types").Requireable<string>;
-            canCreate: import("prop-types").Requireable<boolean>;
-            canRead: import("prop-types").Requireable<boolean>;
-            canUpdate: import("prop-types").Requireable<boolean>;
-            canDelete: import("prop-types").Requireable<boolean>;
+            canCreate: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canRead: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canUpdate: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canDelete: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
             editingEnabled: import("prop-types").Requireable<boolean>;
         }>>;
         mode: import("prop-types").Requireable<string>;

package/cjs/components/attributes/editMode/AttributesList/helpers.js

@@ -18,7 +18,7 @@ var getMoreAttrTypes = function (attrTypes, entity) {
     return attrTypes.filter(function (attrType) {
         var source = getSource(attrType, entity);
         var nameProp = getNameProp(attrType);
-        return !(attrType.singleValue && ramda_1.has(attrType[nameProp])(source));
+        return !((attrType.singleValue || mdm_sdk_1.isRoleAttrType(attrType) || mdm_sdk_1.isTagAttrType(attrType)) && ramda_1.has(attrType[nameProp])(source));
     });
 };
 exports.getMoreAttrTypes = getMoreAttrTypes;

package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -8,7 +8,8 @@ declare type Props = {
     mode: Mode;
     errorMessage?: string;
     onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
     showEmptyEditors?: boolean;
 };
-declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
+declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
 export default SpecialRenderer;

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

@@ -56,11 +56,12 @@ var Roles_1 = require("../Roles/Roles");
 var Tags_1 = __importDefault(require("../Tags"));
 var styles_1 = require("./styles");
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "showEmptyEditors"]);
+    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors"]);
     var styles = styles_1.useStyles();
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
     var isEditableMode = mdm_sdk_1.isEditableMode(mode);
     var _b = react_1.useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     var onDelete = react_1.useCallback(ramda_1.pipe(onDeleteAttribute, ramda_1.T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
     var isEmptyValues = mdm_sdk_1.isEmptyValue(values);
     var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
@@ -71,14 +72,13 @@ var SpecialRenderer = function (_a) {
     var renderValue = function () {
         switch (attributeType.uri) {
             case mdm_sdk_1.EntityAttrTypes.tags.uri:
-                return react_1.default.createElement(Tags_1.default, { values: values });
-            case mdm_sdk_1.EntityAttrTypes.roles.uri: {
-                return react_1.default.createElement(Roles_1.Roles, { values: values });
-            }
+                return react_1.default.createElement(Tags_1.default, { values: values, onDelete: onDelete, onChange: onChangeAttribute });
+            case mdm_sdk_1.EntityAttrTypes.roles.uri:
+                return react_1.default.createElement(Roles_1.Roles, { values: values, onDelete: onDelete, onChange: onChangeAttribute });
             default: {
                 //startDate, endDate
                 var value = __assign(__assign({}, emptyEditorValue.current), { value: values[0] || '' });
-                return (react_1.default.createElement(Attribute_1.default, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete }, otherProps)));
+                return (react_1.default.createElement(Attribute_1.default, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute }, otherProps)));
             }
         }
     };

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -33,7 +33,7 @@ var EntityCreator = function (_a) {
         attributeTypesSelectionStrategy,
         entityType
     ]);
-    return entity ? (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
+    return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
 };
 EntityCreator.propTypes = {
     entityUri: prop_types_1.default.string,

package/cjs/components/attributes/editMode/Roles/Roles.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import { AttributeItem } from '../../..';
 declare type Props = {
     values: string[];
+    onChange: (param: AttributeItem) => void;
+    onDelete?: (param: AttributeItem) => void;
 };
-export declare const Roles: ({ values }: Props) => JSX.Element;
+export declare const Roles: ({ values, onChange, onDelete }: Props) => JSX.Element;
 export {};

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

@@ -23,19 +23,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Roles = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../../SimpleDropDownSelector/SimpleDropDownSelector"));
 var __1 = require("../../..");
 var styles_1 = require("./styles");
+var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
 var components = { MultiValue: __1.MultiValueChip };
 var Roles = function (_a) {
-    var values = _a.values;
+    var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = styles_1.useStyles();
-    var dispatch = react_redux_1.useDispatch();
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
     var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
     var entityUri = entity.uri;
@@ -43,7 +44,7 @@ var Roles = function (_a) {
         value: role.uri,
         label: role.label
     }); });
-    var formattedValues = values.map(function (value) {
+    var formattedValues = (values || []).map(function (value) {
         var _a;
         var label = (_a = options.find(ramda_1.propEq('value', value))) === null || _a === void 0 ? void 0 : _a.label;
         return {
@@ -51,14 +52,19 @@ var Roles = function (_a) {
             label: label || mdm_sdk_1.getLastUriPart(value)
         };
     });
-    var handleChange = function (values) {
+    var handleChange = react_1.useCallback(function (values) {
         var roles = (values === null || values === void 0 ? void 0 : values.map(ramda_1.prop('value'))) || [];
-        dispatch(mdm_module_1.profile.actions.modifyAttribute({
+        onChange({
             value: roles,
             attributeType: mdm_sdk_1.EntityAttrTypes.roles,
             uri: entityUri
-        }));
-    };
-    return (react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles }));
+        });
+    }, [entityUri, onChange]);
+    var handleDelete = react_1.useCallback(function () {
+        onDelete({ uri: entityUri, attributeType: mdm_sdk_1.EntityAttrTypes.roles });
+    }, [entityUri, onDelete]);
+    return (react_1.default.createElement("div", { className: styles.container },
+        react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.Roles = Roles;

package/cjs/components/attributes/editMode/Roles/styles.d.ts

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

package/cjs/components/attributes/editMode/Roles/styles.js

@@ -3,8 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
+    container: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'flex-start',
+        marginBottom: '10px'
+    },
+    roleContainer: {
+        width: '100%'
+    },
     valueContainer: {
         marginLeft: '8px',
         width: 0
+    },
+    deleteButton: {
+        marginLeft: '8px'
     }
 });

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -53,15 +53,15 @@ var Add_1 = __importDefault(require("@material-ui/icons/Add"));
 var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
 var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var DataTypeValue_1 = __importDefault(require("../../../DataTypeValue/DataTypeValue"));
 var DataTypeValueEditor_1 = __importDefault(require("../../../editors/DataTypeValueEditor/DataTypeValueEditor"));
 var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper"));
-var SmallIconButton_1 = __importDefault(require("../../../../components/SmallIconButton/SmallIconButton"));
+var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var utils_1 = require("./utils");
 var withAsyncMount_1 = __importDefault(require("../../../../HOCs/withAsyncMount/withAsyncMount"));
 var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupEditorContext");
+var styles_1 = require("./styles");
 var AsyncMountPlaceholder = function () {
     var styles = styles_1.useStyles();
     return react_1.default.createElement("div", { className: styles.placeholder });

package/cjs/components/attributes/editMode/Tags/Tags.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-declare type Props = {
+import { AttributeItem } from '../AttributesPager';
+export declare type Props = {
     className?: string;
     values: string[];
+    onChange: (param: AttributeItem) => void;
+    onDelete?: (param: AttributeItem) => void;
 };
-declare const Tags: ({ className, values }: Props) => JSX.Element;
+declare const Tags: ({ className, values, onChange, onDelete }: Props) => JSX.Element;
 export default Tags;

package/cjs/components/attributes/editMode/Tags/Tags.js

@@ -24,9 +24,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
 var TypeaheadEditor_1 = __importDefault(require("../../../editors/TypeaheadEditor/TypeaheadEditor"));
+var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
+var styles_1 = require("./styles");
 var filtersWithSearch = function (searchQuery) { return [
     {
         filter: 'containsWordStartingWith',
@@ -47,16 +50,21 @@ var getSuggestions = function (searchQuery) {
     return mdm_sdk_1.getFacets({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
 };
 var Tags = function (_a) {
-    var className = _a.className, values = _a.values;
-    var dispatch = react_redux_1.useDispatch();
+    var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
+    var styles = styles_1.useStyles();
     var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
-    var onChange = react_1.useCallback(function (tags) {
-        return dispatch(mdm_module_1.profile.actions.modifyAttribute({
+    var handleChange = react_1.useCallback(function (tags) {
+        onChange({
             value: tags,
             attributeType: mdm_sdk_1.EntityAttrTypes.tags,
             uri: entityUri
-        }));
-    }, [dispatch, entityUri]);
-    return (react_1.default.createElement(TypeaheadEditor_1.default, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values, onChange: onChange, getSuggestions: getSuggestions }));
+        });
+    }, [onChange, entityUri]);
+    var handleDelete = react_1.useCallback(function () {
+        onDelete({ uri: entityUri, attributeType: mdm_sdk_1.EntityAttrTypes.tags });
+    }, [entityUri, onDelete]);
+    return (react_1.default.createElement("div", { className: styles.container },
+        react_1.default.createElement(TypeaheadEditor_1.default, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values || [], onChange: handleChange, getSuggestions: getSuggestions }),
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.default = Tags;

package/cjs/components/attributes/editMode/Tags/styles.d.ts

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

package/cjs/components/attributes/editMode/Tags/styles.js

@@ -0,0 +1,15 @@
+"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({
+    container: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'flex-start',
+        marginBottom: '10px'
+    },
+    deleteButton: {
+        marginLeft: '8px'
+    }
+});

package/cjs/components/history/HistoryFilterButton/HistoryFilterButton.d.ts

@@ -4,7 +4,8 @@ import { HistoryFilter } from '../types';
 declare type Props = {
     filter: HistoryFilter;
     onApplyFilter: (filter: HistoryFilter) => void;
+    onClearFilter: () => void;
     entityType: TEntityType;
 };
-declare const HistoryFilterButton: ({ filter, onApplyFilter, entityType }: Props) => JSX.Element;
+declare const HistoryFilterButton: ({ filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
 export default HistoryFilterButton;

package/cjs/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -48,13 +48,15 @@ var DateRangeSelector_1 = __importDefault(require("../DateRangeSelector/DateRang
 var HistoryActivitySelector_1 = __importDefault(require("../HistoryActivitySelector/HistoryActivitySelector"));
 var styles_1 = require("./styles");
 var HistoryFilterButton = function (_a) {
-    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, entityType = _a.entityType;
+    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
     var styles = styles_1.useStyles();
     var _b = react_1.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     var _c = react_1.useState(filter), currentValue = _c[0], setCurrentValue = _c[1];
-    var clearCurrentValue = function () { return setCurrentValue(null); };
+    react_1.useEffect(function () {
+        setCurrentValue(filter);
+    }, [filter]);
     var handlePropChange = ramda_1.curry(function (propName, value) {
         setCurrentValue(function (filterValue) {
             var _a;
@@ -79,7 +81,7 @@ var HistoryFilterButton = function (_a) {
                     react_1.default.createElement(HistoryActivitySelector_1.default, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
                     react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: ui_i18n_1.default.text('Attribute updated') }))),
             react_1.default.createElement("div", { className: styles.filterControls },
-                react_1.default.createElement(Button_1.default, { onClick: clearCurrentValue, className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
+                react_1.default.createElement(Button_1.default, { onClick: onClearFilter, className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
                 react_1.default.createElement(Button_1.default, { onClick: closePopup }, ui_i18n_1.default.text('Cancel')),
                 react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () {
                         if (dateRange && filters_1.isDateRangeValid(dateRange)) {

package/cjs/components/history/HistoryHeader/HistoryHeader.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entityType: TEntityType;
     filter: HistoryFilter;
     onApplyFilter: (value: HistoryFilter) => void;
+    onClearFilter: () => void;
 };
-declare const HistoryHeader: ({ total, entityType, filter, onApplyFilter }: Props) => JSX.Element;
+declare const HistoryHeader: ({ total, entityType, filter, onApplyFilter, onClearFilter }: Props) => JSX.Element;
 export default HistoryHeader;

package/cjs/components/history/HistoryHeader/HistoryHeader.js

@@ -13,7 +13,7 @@ var HistoryFilterButton_1 = __importDefault(require("../HistoryFilterButton/Hist
 var HistoryMenuButton_1 = __importDefault(require("../HistoryMenuButton/HistoryMenuButton"));
 var styles_1 = require("./styles");
 var HistoryHeader = function (_a) {
-    var total = _a.total, entityType = _a.entityType, filter = _a.filter, onApplyFilter = _a.onApplyFilter;
+    var total = _a.total, entityType = _a.entityType, filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter;
     var styles = styles_1.useStyles();
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(Typography_1.default, { variant: "h6" }, ui_i18n_1.default.text('History')),
@@ -22,7 +22,7 @@ var HistoryHeader = function (_a) {
             ? ui_i18n_1.default.text('${count} contributing profile', { count: total })
             : ui_i18n_1.default.text('${count} contributing profiles', { count: total }))),
         react_1.default.createElement(Spacer_1.default, null),
-        react_1.default.createElement(HistoryFilterButton_1.default, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter }),
+        react_1.default.createElement(HistoryFilterButton_1.default, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
         react_1.default.createElement(HistoryMenuButton_1.default, null)));
 };
 exports.default = HistoryHeader;

package/cjs/components/history/hooks/useHistory.d.ts

@@ -9,6 +9,7 @@ export declare const useHistory: ({ entity, enabled }: Props) => {
     canLoadMore: boolean;
     onLoadMore: () => void;
     onApplyFilter: (filter: HistoryFilter) => void;
+    onClearFilter: () => void;
     historicUris: string[];
     historyWithTotal: HistoryWithTotal;
     historyFilter: HistoryFilter;

package/cjs/components/history/hooks/useHistory.js

@@ -23,11 +23,12 @@ var types_1 = require("../types");
 var filters_1 = require("../utils/filters");
 var hooks_1 = require("../../../hooks");
 var MAX_HISTORY_ROWS = 32;
+var DEFAULT_HISTORY_FILTER = {
+    activities: [types_1.HistoryActivityType.MERGE, types_1.HistoryActivityType.UNMERGE, types_1.HistoryActivityType.UPDATE]
+};
 var useHistory = function (_a) {
     var entity = _a.entity, enabled = _a.enabled;
-    var _b = react_1.useState({
-        activities: [types_1.HistoryActivityType.MERGE, types_1.HistoryActivityType.UNMERGE, types_1.HistoryActivityType.UPDATE]
-    }), historyFilter = _b[0], setHistoryFilter = _b[1];
+    var _b = react_1.useState(DEFAULT_HISTORY_FILTER), historyFilter = _b[0], setHistoryFilter = _b[1];
     var _c = react_1.useState(0), historyPage = _c[0], setHistoryPage = _c[1];
     var historyFilterString = react_1.useMemo(function () { return filters_1.buildHistoryFilterString(historyFilter); }, [historyFilter]);
     var _d = react_1.useState(null), historicUris = _d[0], setHistoricUris = _d[1];
@@ -100,6 +101,9 @@ var useHistory = function (_a) {
         setHistoryPage(0);
         setHistoryFilter(filter);
     }, []);
+    var onClearFilter = react_1.useCallback(function () {
+        onApplyFilter(__assign({}, DEFAULT_HISTORY_FILTER));
+    }, []);
     var onLoadMore = react_1.useCallback(function () {
         if (!canLoadMore)
             return;
@@ -111,6 +115,7 @@ var useHistory = function (_a) {
         canLoadMore: canLoadMore,
         onLoadMore: onLoadMore,
         onApplyFilter: onApplyFilter,
+        onClearFilter: onClearFilter,
         historicUris: historicUris,
         historyWithTotal: historyWithTotal,
         historyFilter: historyFilter

package/cjs/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -27,7 +27,7 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
     var parseValue = function (value) { return (isNaN(value) || mdm_sdk_1.isEmptyValue(value) ? value : parseInt(value)); };
-    var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !mdm_sdk_1.isEmptyValue(value); };
+    var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !mdm_sdk_1.isEmptyValue(value) && !mdm_sdk_1.isEmptyValue(value[0]); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
     if (isExistNewValue && isExistOldValue) {

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

@@ -48,7 +48,11 @@ var useWorkflowAssignee = function (_a) {
             }))
                 .then(function (result) {
                 var data = result.data;
-                var assignees = data.map(assigneeToValue);
+                var assignees = data
+                    .sort(function (a, b) {
+                    return mdm_sdk_1.utils.strings.sort('asc', a, b);
+                })
+                    .map(assigneeToValue);
                 setAssignees(assignees);
                 return filterOutRest_1(assignees);
             })

package/esm/components/ImageAttributesGallery/HeaderRight/styles.d.ts

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

package/esm/components/RelationEditor/index.d.ts

@@ -55,10 +55,22 @@ declare var _default: import("react-redux").ConnectedComponent<{
             max: import("prop-types").Requireable<number>;
             icon: import("prop-types").Requireable<string>;
             caption: import("prop-types").Requireable<string>;
-            canCreate: import("prop-types").Requireable<boolean>;
-            canRead: import("prop-types").Requireable<boolean>;
-            canUpdate: import("prop-types").Requireable<boolean>;
-            canDelete: import("prop-types").Requireable<boolean>;
+            canCreate: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canRead: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canUpdate: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
+            canDelete: import("prop-types").Requireable<import("prop-types").InferProps<{
+                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                roles: import("prop-types").Requireable<string[]>;
+            }>>;
             editingEnabled: import("prop-types").Requireable<boolean>;
         }>>;
         mode: import("prop-types").Requireable<string>;

package/esm/components/attributes/editMode/AttributesList/helpers.js

@@ -1,5 +1,5 @@
 import { always, both, cond, has, T } from 'ramda';
-import { isAnalyticAttribute, isSpecialAttribute } from '@reltio/mdm-sdk';
+import { isAnalyticAttribute, isRoleAttrType, isSpecialAttribute, isTagAttrType } from '@reltio/mdm-sdk';
 var getSource = function (attrType, entity) {
     var _a = entity.attributes, attributes = _a === void 0 ? {} : _a, _b = entity.analyticsAttributes, analyticsAttributes = _b === void 0 ? {} : _b;
     return cond([
@@ -15,6 +15,6 @@ export var getMoreAttrTypes = function (attrTypes, entity) {
     return attrTypes.filter(function (attrType) {
         var source = getSource(attrType, entity);
         var nameProp = getNameProp(attrType);
-        return !(attrType.singleValue && has(attrType[nameProp])(source));
+        return !((attrType.singleValue || isRoleAttrType(attrType) || isTagAttrType(attrType)) && has(attrType[nameProp])(source));
     });
 };

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -8,7 +8,8 @@ declare type Props = {
     mode: Mode;
     errorMessage?: string;
     onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
     showEmptyEditors?: boolean;
 };
-declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
+declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
 export default SpecialRenderer;

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

@@ -32,11 +32,12 @@ import { Roles } from '../Roles/Roles';
 import Tags from '../Tags';
 import { useStyles } from './styles';
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "showEmptyEditors"]);
+    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors"]);
     var styles = useStyles();
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
     var isEditableMode = checkIsEditableMode(mode);
     var _b = useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     var onDelete = useCallback(pipe(onDeleteAttribute, T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
     var isEmptyValues = isEmptyValue(values);
     var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
@@ -47,14 +48,13 @@ var SpecialRenderer = function (_a) {
     var renderValue = function () {
         switch (attributeType.uri) {
             case EntityAttrTypes.tags.uri:
-                return React.createElement(Tags, { values: values });
-            case EntityAttrTypes.roles.uri: {
-                return React.createElement(Roles, { values: values });
-            }
+                return React.createElement(Tags, { values: values, onDelete: onDelete, onChange: onChangeAttribute });
+            case EntityAttrTypes.roles.uri:
+                return React.createElement(Roles, { values: values, onDelete: onDelete, onChange: onChangeAttribute });
             default: {
                 //startDate, endDate
                 var value = __assign(__assign({}, emptyEditorValue.current), { value: values[0] || '' });
-                return (React.createElement(Attribute, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete }, otherProps)));
+                return (React.createElement(Attribute, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute }, otherProps)));
             }
         }
     };

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

@@ -9,7 +9,7 @@ var EntityCreator = function (_a) {
         attributeTypesSelectionStrategy,
         entityType
     ]);
-    return entity ? (React.createElement(AttributesList, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
+    return entity ? (React.createElement(AttributesList, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
 };
 EntityCreator.propTypes = {
     entityUri: PropTypes.string,

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

@@ -1,6 +1,9 @@
 /// <reference types="react" />
+import { AttributeItem } from '../../..';
 declare type Props = {
     values: string[];
+    onChange: (param: AttributeItem) => void;
+    onDelete?: (param: AttributeItem) => void;
 };
-export declare const Roles: ({ values }: Props) => JSX.Element;
+export declare const Roles: ({ values, onChange, onDelete }: Props) => JSX.Element;
 export {};

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

@@ -1,16 +1,17 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { prop, propEq } from 'ramda';
-import { useSelector, useDispatch } from 'react-redux';
+import { useSelector } from 'react-redux';
 import { EntityAttrTypes, getRolesForEntityType, getLastUriPart } from '@reltio/mdm-sdk';
-import mdmModule, { profile } from '@reltio/mdm-module';
+import mdmModule from '@reltio/mdm-module';
 import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
 import { MultiValueChip } from '../../..';
 import { useStyles } from './styles';
+import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
+import DeleteIcon from '@material-ui/icons/Delete';
 var components = { MultiValue: MultiValueChip };
 export var Roles = function (_a) {
-    var values = _a.values;
+    var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = useStyles();
-    var dispatch = useDispatch();
     var metadata = useSelector(mdmModule.selectors.getMetadata);
     var entity = useSelector(mdmModule.selectors.getEntity);
     var entityUri = entity.uri;
@@ -18,7 +19,7 @@ export var Roles = function (_a) {
         value: role.uri,
         label: role.label
     }); });
-    var formattedValues = values.map(function (value) {
+    var formattedValues = (values || []).map(function (value) {
         var _a;
         var label = (_a = options.find(propEq('value', value))) === null || _a === void 0 ? void 0 : _a.label;
         return {
@@ -26,13 +27,18 @@ export var Roles = function (_a) {
             label: label || getLastUriPart(value)
         };
     });
-    var handleChange = function (values) {
+    var handleChange = useCallback(function (values) {
         var roles = (values === null || values === void 0 ? void 0 : values.map(prop('value'))) || [];
-        dispatch(profile.actions.modifyAttribute({
+        onChange({
             value: roles,
             attributeType: EntityAttrTypes.roles,
             uri: entityUri
-        }));
-    };
-    return (React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles }));
+        });
+    }, [entityUri, onChange]);
+    var handleDelete = useCallback(function () {
+        onDelete({ uri: entityUri, attributeType: EntityAttrTypes.roles });
+    }, [entityUri, onDelete]);
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
+        !!onDelete && (React.createElement(SmallIconButton, { className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
 };

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

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

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

@@ -1,7 +1,19 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
+    container: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'flex-start',
+        marginBottom: '10px'
+    },
+    roleContainer: {
+        width: '100%'
+    },
     valueContainer: {
         marginLeft: '8px',
         width: 0
+    },
+    deleteButton: {
+        marginLeft: '8px'
     }
 });

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

@@ -29,15 +29,15 @@ import AddIcon from '@material-ui/icons/Add';
 import DeleteIcon from '@material-ui/icons/Delete';
 import Typography from '@material-ui/core/Typography';
 import i18n from 'ui-i18n';
-import { useStyles } from './styles';
 import { AttributeErrorType, AttributeTypeType, attributeUriToSearchUri, checkCanCreateAttribute, checkCanDeleteAttribute, checkCanEditAttribute, ErrorType, getAttributeValue, getAttrDataTypeDefinition, getErrorId, getErrorMessage, getErrorType, isDependentLookupAttrType, isEditableMode as checkIsEditableMode, ModeType, SimpleAttributeValueType } from '@reltio/mdm-sdk';
 import DataTypeValue from '../../../DataTypeValue/DataTypeValue';
 import DataTypeValueEditor from '../../../editors/DataTypeValueEditor/DataTypeValueEditor';
 import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
-import SmallIconButton from '../../../../components/SmallIconButton/SmallIconButton';
+import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import { attributeValueToEditorValue, prepareChangeData } from './utils';
 import withAsyncMount from '../../../../HOCs/withAsyncMount/withAsyncMount';
 import { getDependentLookupEditorContext } from './selectors/getDependentLookupEditorContext';
+import { useStyles } from './styles';
 var AsyncMountPlaceholder = function () {
     var styles = useStyles();
     return React.createElement("div", { className: styles.placeholder });

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

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-declare type Props = {
+import { AttributeItem } from '../AttributesPager';
+export declare type Props = {
     className?: string;
     values: string[];
+    onChange: (param: AttributeItem) => void;
+    onDelete?: (param: AttributeItem) => void;
 };
-declare const Tags: ({ className, values }: Props) => JSX.Element;
+declare const Tags: ({ className, values, onChange, onDelete }: Props) => JSX.Element;
 export default Tags;

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

@@ -1,8 +1,11 @@
 import React, { useCallback } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
 import { getFacets, EntityAttrTypes, buildFilterQueryString } from '@reltio/mdm-sdk';
+import DeleteIcon from '@material-ui/icons/Delete';
 import TypeaheadEditor from '../../../editors/TypeaheadEditor/TypeaheadEditor';
+import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
+import { useStyles } from './styles';
 var filtersWithSearch = function (searchQuery) { return [
     {
         filter: 'containsWordStartingWith',
@@ -23,16 +26,21 @@ var getSuggestions = function (searchQuery) {
     return getFacets({ query: getQuery(searchQuery), body: body }).then(function (response) { return Object.keys(response.tags); });
 };
 var Tags = function (_a) {
-    var className = _a.className, values = _a.values;
-    var dispatch = useDispatch();
+    var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
+    var styles = useStyles();
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
-    var onChange = useCallback(function (tags) {
-        return dispatch(profile.actions.modifyAttribute({
+    var handleChange = useCallback(function (tags) {
+        onChange({
             value: tags,
             attributeType: EntityAttrTypes.tags,
             uri: entityUri
-        }));
-    }, [dispatch, entityUri]);
-    return (React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values, onChange: onChange, getSuggestions: getSuggestions }));
+        });
+    }, [onChange, entityUri]);
+    var handleDelete = useCallback(function () {
+        onDelete({ uri: entityUri, attributeType: EntityAttrTypes.tags });
+    }, [entityUri, onDelete]);
+    return (React.createElement("div", { className: styles.container },
+        React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values || [], onChange: handleChange, getSuggestions: getSuggestions }),
+        !!onDelete && (React.createElement(SmallIconButton, { className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
 };
 export default Tags;

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

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

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

@@ -0,0 +1,12 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    container: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'flex-start',
+        marginBottom: '10px'
+    },
+    deleteButton: {
+        marginLeft: '8px'
+    }
+});

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.d.ts

@@ -4,7 +4,8 @@ import { HistoryFilter } from '../types';
 declare type Props = {
     filter: HistoryFilter;
     onApplyFilter: (filter: HistoryFilter) => void;
+    onClearFilter: () => void;
     entityType: TEntityType;
 };
-declare const HistoryFilterButton: ({ filter, onApplyFilter, entityType }: Props) => JSX.Element;
+declare const HistoryFilterButton: ({ filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
 export default HistoryFilterButton;

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import i18n from 'ui-i18n';
 import { curry, dissoc } from 'ramda';
 import FilterListIcon from '@material-ui/icons/FilterList';
@@ -24,13 +24,15 @@ import DateRangeSelector from '../DateRangeSelector/DateRangeSelector';
 import HistoryActivitySelector from '../HistoryActivitySelector/HistoryActivitySelector';
 import { useStyles } from './styles';
 var HistoryFilterButton = function (_a) {
-    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, entityType = _a.entityType;
+    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
     var styles = useStyles();
     var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     var _c = useState(filter), currentValue = _c[0], setCurrentValue = _c[1];
-    var clearCurrentValue = function () { return setCurrentValue(null); };
+    useEffect(function () {
+        setCurrentValue(filter);
+    }, [filter]);
     var handlePropChange = curry(function (propName, value) {
         setCurrentValue(function (filterValue) {
             var _a;
@@ -55,7 +57,7 @@ var HistoryFilterButton = function (_a) {
                     React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
                     React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated') }))),
             React.createElement("div", { className: styles.filterControls },
-                React.createElement(Button, { onClick: clearCurrentValue, className: styles.clearButton }, i18n.text('Clear all')),
+                React.createElement(Button, { onClick: onClearFilter, className: styles.clearButton }, i18n.text('Clear all')),
                 React.createElement(Button, { onClick: closePopup }, i18n.text('Cancel')),
                 React.createElement(Button, { color: "primary", onClick: function () {
                         if (dateRange && isDateRangeValid(dateRange)) {

package/esm/components/history/HistoryHeader/HistoryHeader.d.ts

@@ -6,6 +6,7 @@ declare type Props = {
     entityType: TEntityType;
     filter: HistoryFilter;
     onApplyFilter: (value: HistoryFilter) => void;
+    onClearFilter: () => void;
 };
-declare const HistoryHeader: ({ total, entityType, filter, onApplyFilter }: Props) => JSX.Element;
+declare const HistoryHeader: ({ total, entityType, filter, onApplyFilter, onClearFilter }: Props) => JSX.Element;
 export default HistoryHeader;

package/esm/components/history/HistoryHeader/HistoryHeader.js

@@ -8,7 +8,7 @@ import HistoryFilterButton from '../HistoryFilterButton/HistoryFilterButton';
 import HistoryMenuButton from '../HistoryMenuButton/HistoryMenuButton';
 import { useStyles } from './styles';
 var HistoryHeader = function (_a) {
-    var total = _a.total, entityType = _a.entityType, filter = _a.filter, onApplyFilter = _a.onApplyFilter;
+    var total = _a.total, entityType = _a.entityType, filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter;
     var styles = useStyles();
     return (React.createElement("div", { className: styles.root },
         React.createElement(Typography, { variant: "h6" }, i18n.text('History')),
@@ -17,7 +17,7 @@ var HistoryHeader = function (_a) {
             ? i18n.text('${count} contributing profile', { count: total })
             : i18n.text('${count} contributing profiles', { count: total }))),
         React.createElement(Spacer, null),
-        React.createElement(HistoryFilterButton, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter }),
+        React.createElement(HistoryFilterButton, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
         React.createElement(HistoryMenuButton, null)));
 };
 export default HistoryHeader;

package/esm/components/history/hooks/useHistory.d.ts

@@ -9,6 +9,7 @@ export declare const useHistory: ({ entity, enabled }: Props) => {
     canLoadMore: boolean;
     onLoadMore: () => void;
     onApplyFilter: (filter: HistoryFilter) => void;
+    onClearFilter: () => void;
     historicUris: string[];
     historyWithTotal: HistoryWithTotal;
     historyFilter: HistoryFilter;

package/esm/components/history/hooks/useHistory.js

@@ -20,11 +20,12 @@ import { HistoryActivityType } from '../types';
 import { buildHistoryFilterString } from '../utils/filters';
 import { useSafePromise } from '../../../hooks';
 var MAX_HISTORY_ROWS = 32;
+var DEFAULT_HISTORY_FILTER = {
+    activities: [HistoryActivityType.MERGE, HistoryActivityType.UNMERGE, HistoryActivityType.UPDATE]
+};
 export var useHistory = function (_a) {
     var entity = _a.entity, enabled = _a.enabled;
-    var _b = useState({
-        activities: [HistoryActivityType.MERGE, HistoryActivityType.UNMERGE, HistoryActivityType.UPDATE]
-    }), historyFilter = _b[0], setHistoryFilter = _b[1];
+    var _b = useState(DEFAULT_HISTORY_FILTER), historyFilter = _b[0], setHistoryFilter = _b[1];
     var _c = useState(0), historyPage = _c[0], setHistoryPage = _c[1];
     var historyFilterString = useMemo(function () { return buildHistoryFilterString(historyFilter); }, [historyFilter]);
     var _d = useState(null), historicUris = _d[0], setHistoricUris = _d[1];
@@ -97,6 +98,9 @@ export var useHistory = function (_a) {
         setHistoryPage(0);
         setHistoryFilter(filter);
     }, []);
+    var onClearFilter = useCallback(function () {
+        onApplyFilter(__assign({}, DEFAULT_HISTORY_FILTER));
+    }, []);
     var onLoadMore = useCallback(function () {
         if (!canLoadMore)
             return;
@@ -108,6 +112,7 @@ export var useHistory = function (_a) {
         canLoadMore: canLoadMore,
         onLoadMore: onLoadMore,
         onApplyFilter: onApplyFilter,
+        onClearFilter: onClearFilter,
         historicUris: historicUris,
         historyWithTotal: historyWithTotal,
         historyFilter: historyFilter

package/esm/components/workflow/components/AttributesChanges/helpers/mergeHelpers.js

@@ -24,7 +24,7 @@ var SPECIAL_ATTRIBUTES_NAMES = [
 var prepareStartOrEndDate = function (_a) {
     var newValue = _a.newValue, oldValue = _a.oldValue;
     var parseValue = function (value) { return (isNaN(value) || isEmptyValue(value) ? value : parseInt(value)); };
-    var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !isEmptyValue(value); };
+    var isExistedValue = function (value) { return (value === null || value === void 0 ? void 0 : value.length) && !isEmptyValue(value) && !isEmptyValue(value[0]); };
     var isExistNewValue = isExistedValue(newValue);
     var isExistOldValue = isExistedValue(oldValue);
     if (isExistNewValue && isExistOldValue) {

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

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback, useContext } from 'react';
 import { filter } from 'ramda';
 import { useSelector } from 'react-redux';
-import { getAssigneeForTask, updateAssigneeForTask } from '@reltio/mdm-sdk';
+import { getAssigneeForTask, updateAssigneeForTask, utils } from '@reltio/mdm-sdk';
 import mdmModule from '@reltio/mdm-module';
 import { useSafePromise } from '../../../hooks';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
@@ -42,7 +42,11 @@ export var useWorkflowAssignee = function (_a) {
             }))
                 .then(function (result) {
                 var data = result.data;
-                var assignees = data.map(assigneeToValue);
+                var assignees = data
+                    .sort(function (a, b) {
+                    return utils.strings.sort('asc', a, b);
+                })
+                    .map(assigneeToValue);
                 setAssignees(assignees);
                 return filterOutRest_1(assignees);
             })

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.950",
+  "version": "1.4.954",
   "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.950",
-    "@reltio/mdm-sdk": "^1.4.950",
+    "@reltio/mdm-module": "^1.4.954",
+    "@reltio/mdm-sdk": "^1.4.954",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",