@reltio/components 1.4.845 → 1.4.849

package/components/history/HistoryActivitySelector/HistoryActivitySelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { HistoryActivityType } from '../types/HistoryFilter';
+declare type Props = {
+    selectedHistoryActivityTypes: HistoryActivityType[];
+    onChange: (activities: HistoryActivityType[]) => void;
+    className?: string;
+};
+declare const HistoryActivitySelector: ({ selectedHistoryActivityTypes, onChange, className }: Props) => JSX.Element;
+export default HistoryActivitySelector;

package/components/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var classnames_1 = __importDefault(require("classnames"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
+var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var utils_1 = require("./utils");
+var styles_1 = require("./styles");
+var HistoryActivitySelector = function (_a) {
+    var selectedHistoryActivityTypes = _a.selectedHistoryActivityTypes, onChange = _a.onChange, className = _a.className;
+    var styles = styles_1.useStyles();
+    var valueToOption = function (value) { return ({ value: value, label: utils_1.getHistoryActivityLabel(value) }); };
+    var prepareValues = function (values) { return values.map(valueToOption); };
+    var options = prepareValues(utils_1.historyActivityOptions);
+    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+        react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
+        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedHistoryActivityTypes), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), options: options, TextFieldProps: { classes: { root: styles.dropDownInput } }, components: {
+                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom" })));
+};
+exports.default = HistoryActivitySelector;

package/components/history/HistoryActivitySelector/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const customStyles: {
+    input: (currentStyles: any) => any;
+};
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "title" | "root" | "dropDownInput" | "valueContainer">;

package/components/history/HistoryActivitySelector/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = exports.customStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.customStyles = {
+    input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
+};
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        flex: 1
+    },
+    title: {
+        paddingBottom: '10px',
+        paddingLeft: '5px',
+        fontSize: '14px'
+    },
+    dropDownInput: {
+        width: '100%',
+        justifyContent: 'center',
+        backgroundColor: 'rgba(0, 0, 0, 0.03)',
+        borderTop: '4px'
+    },
+    valueContainer: {
+        overflowY: 'auto',
+        height: 44
+    },
+    option: {
+        fontSize: '14px',
+        height: '32px'
+    }
+});

package/components/history/HistoryActivitySelector/utils.d.ts

@@ -0,0 +1,3 @@
+import { HistoryActivityType } from '../types/HistoryFilter';
+export declare const historyActivityOptions: HistoryActivityType[];
+export declare const getHistoryActivityLabel: (type: HistoryActivityType) => string;

package/components/history/HistoryActivitySelector/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getHistoryActivityLabel = exports.historyActivityOptions = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var HistoryFilter_1 = require("../types/HistoryFilter");
+exports.historyActivityOptions = [
+    HistoryFilter_1.HistoryActivityType.UPDATE,
+    HistoryFilter_1.HistoryActivityType.MERGE,
+    HistoryFilter_1.HistoryActivityType.UNMERGE
+];
+var getHistoryActivityLabel = function (type) {
+    var _a;
+    var labels = (_a = {},
+        _a[HistoryFilter_1.HistoryActivityType.UPDATE] = ui_i18n_1.default.text('Update'),
+        _a[HistoryFilter_1.HistoryActivityType.MERGE] = ui_i18n_1.default.text('Merge'),
+        _a[HistoryFilter_1.HistoryActivityType.UNMERGE] = ui_i18n_1.default.text('Unmerge'),
+        _a);
+    return labels[type] || '';
+};
+exports.getHistoryActivityLabel = getHistoryActivityLabel;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { HistoryFilter } from '../types';
+declare type Props = {
+    filter: HistoryFilter;
+    onApplyFilter: (filter: HistoryFilter) => void;
+    entityType: TEntityType;
+};
+declare const HistoryFilterButton: ({ filter, onApplyFilter, entityType }: Props) => JSX.Element;
+export default HistoryFilterButton;

package/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var FilterList_1 = __importDefault(require("@material-ui/icons/FilterList"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var SmallIconButton_1 = require("../../SmallIconButton");
+var UserSelector_1 = __importDefault(require("../../UserSelector/UserSelector"));
+var AttributeSelector_1 = __importDefault(require("../../AttributeSelector/AttributeSelector"));
+var DateRangeSelector_1 = __importDefault(require("../DateRangeSelector/DateRangeSelector"));
+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 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); };
+    var handlePropChange = ramda_1.curry(function (propName, value) {
+        setCurrentValue(function (filterValue) {
+            var _a;
+            return (__assign(__assign({}, filterValue), (_a = {}, _a[propName] = value, _a)));
+        });
+    });
+    var _d = currentValue || {}, _e = _d.activities, activities = _e === void 0 ? [] : _e, _f = _d.attributes, attributes = _f === void 0 ? [] : _f, _g = _d.dateRange, dateRange = _g === void 0 ? null : _g, _h = _d.users, users = _h === void 0 ? [] : _h;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: FilterList_1.default, size: "XS", onClick: openPopup, className: styles.icon }),
+        react_1.default.createElement(Popover_1.default, { classes: { paper: styles.popup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right'
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right'
+            } },
+            react_1.default.createElement("div", { className: styles.filterContainer },
+                react_1.default.createElement(Typography_1.default, { variant: "h6" }, ui_i18n_1.default.text('Filter')),
+                react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
+                react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
+                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'), menuPlacement: "top" })),
+            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: closePopup }, ui_i18n_1.default.text('Cancel')),
+                react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () {
+                        onApplyFilter(currentValue);
+                        closePopup();
+                    } }, ui_i18n_1.default.text('Apply'))))));
+};
+exports.default = HistoryFilterButton;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterItem">;

package/components/history/HistoryFilterButton/styles.js

@@ -5,5 +5,31 @@ var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
     icon: {
         margin: 5
+    },
+    popup: {
+        width: 500,
+        height: 500,
+        overflowY: 'hidden'
+    },
+    filterContainer: {
+        padding: 20,
+        height: 410,
+        overflowY: 'auto'
+    },
+    filterItem: {
+        marginTop: 15
+    },
+    filterControls: {
+        display: 'flex',
+        padding: '10px 12px 0',
+        borderTop: 'solid 1px rgba(0, 0, 0, 0.12)'
+    },
+    clearButton: {
+        marginRight: 'auto'
+    },
+    input: {
+        height: '100%',
+        paddingLeft: '12px',
+        paddingRight: '8px'
     }
 });

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

@@ -1,6 +1,11 @@
 /// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { HistoryFilter } from '../types';
 declare type Props = {
     total: number;
+    entityType: TEntityType;
+    filter: HistoryFilter;
+    onApplyFilter: (value: HistoryFilter) => void;
 };
-declare const HistoryHeader: ({ total }: Props) => JSX.Element;
+declare const HistoryHeader: ({ total, entityType, filter, onApplyFilter }: Props) => JSX.Element;
 export default HistoryHeader;

package/components/history/HistoryHeader/HistoryHeader.js

@@ -9,11 +9,11 @@ var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var ramda_1 = require("ramda");
 var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
-var HistoryFilterBitton_1 = __importDefault(require("../HistoryFilterButton/HistoryFilterBitton"));
+var HistoryFilterButton_1 = __importDefault(require("../HistoryFilterButton/HistoryFilterButton"));
 var HistoryMenuButton_1 = __importDefault(require("../HistoryMenuButton/HistoryMenuButton"));
 var styles_1 = require("./styles");
 var HistoryHeader = function (_a) {
-    var total = _a.total;
+    var total = _a.total, entityType = _a.entityType, filter = _a.filter, onApplyFilter = _a.onApplyFilter;
     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(HistoryFilterBitton_1.default, null),
+        react_1.default.createElement(HistoryFilterButton_1.default, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter }),
         react_1.default.createElement(HistoryMenuButton_1.default, null)));
 };
 exports.default = HistoryHeader;

package/components/history/ProfileBandHistory/ProfileBandHistory.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ProfileBandHistory: () => JSX.Element;
+export default ProfileBandHistory;

package/components/history/ProfileBandHistory/ProfileBandHistory.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var styles_1 = require("./styles");
+var ProfileBandHistory = function () {
+    var styles = styles_1.useStyles();
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var dispatch = react_redux_1.useDispatch();
+    var onCancel = ramda_1.pipe(mdm_module_1.profile.history.actions.clearHistoryEvent, dispatch);
+    return historyEvent ? (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(Typography_1.default, { component: 'div' },
+            ui_i18n_1.default.text('You are viewing a historic slice:'),
+            ' ',
+            react_1.default.createElement("span", { className: styles.slice }, ui_i18n_1.default.date(historyEvent.aStamp, 'llll'))),
+        react_1.default.createElement(Button_1.default, { className: styles.cancelButton, variant: "contained", color: "primary", onClick: onCancel }, ui_i18n_1.default.text('Cancel')))) : null;
+};
+exports.default = ProfileBandHistory;

package/components/history/ProfileBandHistory/styles.d.ts

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

package/components/history/ProfileBandHistory/styles.js

@@ -0,0 +1,18 @@
+"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({
+    root: {
+        display: 'flex',
+        alignItems: 'flex-start'
+    },
+    slice: {
+        fontWeight: 500
+    },
+    cancelButton: {
+        width: '88px',
+        flexShrink: 0,
+        marginLeft: '15px'
+    }
+});

package/components/history/hooks/useHistorySlice.d.ts

@@ -0,0 +1,4 @@
+export declare const useHistorySlice: () => {
+    isLoading: boolean;
+    historySlice: import("@reltio/mdm-module").HistorySlice;
+};

package/components/history/hooks/useHistorySlice.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHistorySlice = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var hooks_1 = require("../../../hooks");
+var useHistorySlice = function () {
+    var _a = react_1.useState(false), isLoading = _a[0], setIsLoading = _a[1];
+    var historyEvent = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryEvent);
+    var historySlice = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistorySlice);
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var dispatch = react_redux_1.useDispatch();
+    var safePromise = hooks_1.useSafePromise();
+    var _b = historyEvent || {}, aStamp = _b.aStamp, bStamp = _b.bStamp, overrideUri = _b.overrideUri;
+    var entityUri = overrideUri || (entity === null || entity === void 0 ? void 0 : entity.uri);
+    react_1.useEffect(function () {
+        if (!historySlice && historyEvent && entityUri) {
+            setIsLoading(true);
+            safePromise(Promise.all([
+                mdm_sdk_1.getEntityTimeSlice(entityUri, aStamp),
+                bStamp && bStamp !== 1 ? mdm_sdk_1.getEntityTimeSlice(entityUri, bStamp) : Promise.resolve(null)
+            ]))
+                .then(function (_a) {
+                var aEntity = _a[0], bEntity = _a[1];
+                dispatch(mdm_module_1.profile.history.actions.setHistorySlice({ aEntity: aEntity, bEntity: bEntity }));
+            })
+                .catch(function (e) {
+                console.warn('Failed to load entity slice', e);
+            })
+                .finally(function () {
+                setIsLoading(false);
+            });
+        }
+    }, [aStamp, bStamp, entityUri]);
+    return { isLoading: isLoading, historySlice: historySlice };
+};
+exports.useHistorySlice = useHistorySlice;

package/components/history/index.d.ts

@@ -1,6 +1,7 @@
 export { useHistoricUris } from './hooks/useHistoricUris';
 export { useHistoryWithTotal } from './hooks/useHistoryWithTotal';
+export { useHistorySlice } from './hooks/useHistorySlice';
 export { default as HistoryView } from './HistoryView/HistoryView';
 export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
-export { default as HistoryFilterButton } from './HistoryFilterButton/HistoryFilterBitton';
-export { default as HistoryMenuButton } from './HistoryMenuButton/HistoryMenuButton';
+export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
+export * from './types';

package/components/history/index.js

@@ -1,18 +1,29 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HistoryMenuButton = exports.HistoryFilterButton = exports.HistoryHeader = exports.HistoryView = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
+exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistorySlice = exports.useHistoryWithTotal = exports.useHistoricUris = void 0;
 var useHistoricUris_1 = require("./hooks/useHistoricUris");
 Object.defineProperty(exports, "useHistoricUris", { enumerable: true, get: function () { return useHistoricUris_1.useHistoricUris; } });
 var useHistoryWithTotal_1 = require("./hooks/useHistoryWithTotal");
 Object.defineProperty(exports, "useHistoryWithTotal", { enumerable: true, get: function () { return useHistoryWithTotal_1.useHistoryWithTotal; } });
+var useHistorySlice_1 = require("./hooks/useHistorySlice");
+Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
 var HistoryView_1 = require("./HistoryView/HistoryView");
 Object.defineProperty(exports, "HistoryView", { enumerable: true, get: function () { return __importDefault(HistoryView_1).default; } });
 var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");
 Object.defineProperty(exports, "HistoryHeader", { enumerable: true, get: function () { return __importDefault(HistoryHeader_1).default; } });
-var HistoryFilterBitton_1 = require("./HistoryFilterButton/HistoryFilterBitton");
-Object.defineProperty(exports, "HistoryFilterButton", { enumerable: true, get: function () { return __importDefault(HistoryFilterBitton_1).default; } });
-var HistoryMenuButton_1 = require("./HistoryMenuButton/HistoryMenuButton");
-Object.defineProperty(exports, "HistoryMenuButton", { enumerable: true, get: function () { return __importDefault(HistoryMenuButton_1).default; } });
+var ProfileBandHistory_1 = require("./ProfileBandHistory/ProfileBandHistory");
+Object.defineProperty(exports, "ProfileBandHistory", { enumerable: true, get: function () { return __importDefault(ProfileBandHistory_1).default; } });
+__exportStar(require("./types"), exports);

package/components/history/types/HistoryFilter.d.ts

@@ -0,0 +1,12 @@
+import { AttributeOption, DateRangeFilter } from '../../../types';
+export declare enum HistoryActivityType {
+    UPDATE = "UPDATE",
+    MERGE = "MERGE",
+    UNMERGE = "UNMERGE"
+}
+export declare type HistoryFilter = {
+    dateRange?: DateRangeFilter;
+    users?: string[];
+    activities?: HistoryActivityType[];
+    attributes?: AttributeOption[];
+};

package/components/history/types/HistoryFilter.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryActivityType = void 0;
+var HistoryActivityType;
+(function (HistoryActivityType) {
+    HistoryActivityType["UPDATE"] = "UPDATE";
+    HistoryActivityType["MERGE"] = "MERGE";
+    HistoryActivityType["UNMERGE"] = "UNMERGE";
+})(HistoryActivityType = exports.HistoryActivityType || (exports.HistoryActivityType = {}));

package/components/history/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { HistoryFilter } from './HistoryFilter';
+export { HistoryActivityType } from './HistoryFilter';

package/components/history/types/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HistoryActivityType = void 0;
+var HistoryFilter_1 = require("./HistoryFilter");
+Object.defineProperty(exports, "HistoryActivityType", { enumerable: true, get: function () { return HistoryFilter_1.HistoryActivityType; } });

package/components/index.d.ts

@@ -118,3 +118,4 @@ export * from './crosswalks';
 export { ReltioMap } from './ReltioMap';
 export { default as ErrorMessage } from './ErrorWrapper/ErrorMessage';
 export * from './history';
+export { default as OvIcon } from './attributes/OvIcon';

package/components/index.js

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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.845",
+  "version": "1.4.849",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.845",
-    "@reltio/mdm-sdk": "^1.4.845",
+    "@reltio/mdm-module": "^1.4.849",
+    "@reltio/mdm-sdk": "^1.4.849",
     "classnames": "^2.2.5",
     "frontend-collective-react-dnd-scrollzone": "^1.0.2",
     "nanoid": "^2.0.0",

package/types/index.d.ts

@@ -1,3 +1,4 @@
+import { AttributeType } from '@reltio/mdm-sdk';
 export declare type ReactGridLayoutItem = {
     i: string;
     x: number;
@@ -23,3 +24,19 @@ export declare type ReltioGridLayoutItem = {
     isStatic?: boolean;
     autosizing?: boolean;
 };
+export declare type AttributeOption = {
+    label: string;
+    value: string;
+    attrType: AttributeType;
+    chipLabel: string;
+    level: number;
+};
+export declare enum DateRangeTypes {
+    WITHIN = "within",
+    AGO = "ago",
+    BETWEEN = "between"
+}
+export declare type DateRangeFilter = {
+    type: DateRangeTypes;
+    period: [number, string] | [Date, Date];
+};

package/types/index.js

@@ -1,2 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangeTypes = void 0;
+var DateRangeTypes;
+(function (DateRangeTypes) {
+    DateRangeTypes["WITHIN"] = "within";
+    DateRangeTypes["AGO"] = "ago";
+    DateRangeTypes["BETWEEN"] = "between";
+})(DateRangeTypes = exports.DateRangeTypes || (exports.DateRangeTypes = {}));

package/components/activityLog/ActivityFilterEditor/AttributeSelector.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { AttributeOption } from '../types';
-import { TEntityType } from '@reltio/mdm-sdk';
-declare type Props = {
-    entityType: TEntityType;
-    selectedAttributes: AttributeOption[];
-    onChange?: (attributes: AttributeOption[]) => void;
-};
-declare const AttributeSelector: ({ selectedAttributes, entityType, onChange }: Props) => JSX.Element;
-export default AttributeSelector;

package/components/activityLog/ActivityFilterEditor/IntervalSelector.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    interval: [number, string];
-    onChange: ([number, string]: [any, any]) => void;
-    onFocus: () => void;
-};
-declare const IntervalSelector: ({ interval: [value, unit], onChange, onFocus }: Props) => JSX.Element;
-export default IntervalSelector;

package/components/activityLog/ActivityFilterEditor/UserSelector.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-declare type Props = {
-    selectedUsers: string[];
-    onChange: (activities: string[]) => void;
-};
-declare const UserSelector: ({ selectedUsers, onChange }: Props) => JSX.Element;
-export default UserSelector;