@reltio/components 1.4.953 → 1.4.957

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

@@ -1,2 +1,2 @@
-declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "singleValue" | "menu" | "placeholder" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "option--selected" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
+declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "menu" | "singleValue" | "placeholder" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "option--selected" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
 export default _default;

package/cjs/components/attributes/editMode/AttributesView/index.d.ts

@@ -3,11 +3,11 @@ import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: {
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
-    mode?: import("@reltio/mdm-sdk").Mode;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    mode?: import("@reltio/mdm-sdk").Mode;
     className?: string;
     pinnedAttributes?: {
         attributes: string[];
@@ -15,11 +15,11 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
-    mode?: import("@reltio/mdm-sdk").Mode;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    mode?: import("@reltio/mdm-sdk").Mode;
     className?: string;
     pinnedAttributes?: {
         attributes: string[];

package/cjs/components/attributes/readMode/AttributesView/index.d.ts

@@ -3,10 +3,10 @@ import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: {
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
     className?: string;
     attributesCount?: number;
     pinnedAttributes?: {
@@ -15,10 +15,10 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
     className?: string;
     attributesCount?: number;
     pinnedAttributes?: {

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/esm/components/ReactSelect/styles.d.ts

@@ -1,2 +1,2 @@
-declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "singleValue" | "menu" | "placeholder" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "option--selected" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
+declare var _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "menu" | "singleValue" | "placeholder" | "control" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator" | "option--selected" | "groupHeading" | "multiValue__label" | "option--item" | "valueContainer--multi">;
 export default _default;

package/esm/components/attributes/editMode/AttributesView/index.d.ts

@@ -3,11 +3,11 @@ import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: {
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
-    mode?: import("@reltio/mdm-sdk").Mode;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    mode?: import("@reltio/mdm-sdk").Mode;
     className?: string;
     pinnedAttributes?: {
         attributes: string[];
@@ -15,11 +15,11 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
-    mode?: import("@reltio/mdm-sdk").Mode;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
+    mode?: import("@reltio/mdm-sdk").Mode;
     className?: string;
     pinnedAttributes?: {
         attributes: string[];

package/esm/components/attributes/readMode/AttributesView/index.d.ts

@@ -3,10 +3,10 @@ import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: {
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
     className?: string;
     attributesCount?: number;
     pinnedAttributes?: {
@@ -15,10 +15,10 @@ declare const _default: import("react-redux").ConnectedComponent<({ className, e
     }[];
 }) => JSX.Element, import("react-redux").Omit<{
     entity?: import("@reltio/mdm-sdk").Entity | Record<string, never>;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     caption?: string;
     includeUris?: string[];
     excludeUris?: string[];
+    metadata: import("@reltio/mdm-sdk").Metadata;
     className?: string;
     attributesCount?: number;
     pinnedAttributes?: {

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

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