@reltio/components 1.4.1790 → 1.4.1824-hf

package/cjs/components/SourceIcon/SourceIcon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type Props = {
+    sourceType: string;
+    className?: string;
+    classes?: {
+        iconRoot?: string;
+        textRoot?: string;
+    };
+};
+declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
+export default SourceIcon;

package/cjs/components/SourceIcon/SourceIcon.js

@@ -0,0 +1,19 @@
+"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
+var contexts_1 = require("../../contexts");
+var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
+var SourceIcon = function (_a) {
+    var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var _b = (0, mdm_sdk_1.findSourceSystemByUri)(metadata, sourceType) || {}, uri = _b.uri, icon = _b.icon;
+    var avatarText = uri ? (0, mdm_sdk_1.getSourceSystemLabel)(metadata, uri)[0] : '';
+    var sourceIcon = icon ? (0, mdm_sdk_1.getAbsoluteImageUrl)(SOURCE_URL, icon) : null;
+    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: avatarText, icon: sourceIcon, variant: "square", rootClasses: classes }));
+};
+exports.default = SourceIcon;

package/cjs/components/SourceSystemsSelector/SourceSystemsSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextFieldProps as TextFieldPropsType } from '@mui/material/TextField';
 type Props = {
     values?: string[];

package/cjs/components/StepNavigation/StepNavigation.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import Step from '@mui/material/Step';
 type Step = {
     label: string;

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "progress" | "placeholder" | "buttons" | "stepper" | "stepButton" | "backButton" | "progressButtonWrapper" | "errorLabel" | "warningLabel">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"progress" | "container" | "placeholder" | "buttons" | "stepper" | "stepButton" | "backButton" | "progressButtonWrapper" | "errorLabel" | "warningLabel">;
 export { useStyles };

package/cjs/components/TableSkeleton/TableSkeleton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BasicTable } from '../../BasicTable';
-import { ColumnData, RenderRowCellProps } from '../../types/basicTable';
+import { BasicTable } from '../BasicTableView';
+import { ColumnData, RenderRowCellProps } from '../BasicTableView/types';
 type Props = Omit<React.ComponentProps<typeof BasicTable>, 'rowsData' | 'renderRowCell'> & {
     tableColumnsData: ColumnData[];
     RowCellRenderer?: (props: RenderRowCellProps) => JSX.Element;

package/cjs/components/TableSkeleton/TableSkeleton.js

@@ -51,7 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableSkeleton = void 0;
 var react_1 = __importStar(require("react"));
 var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
-var BasicTable_1 = require("../../BasicTable");
+var BasicTableView_1 = require("../BasicTableView");
 var styles_1 = require("./styles");
 var MAX_HEIGHT = 477;
 var DefaultRowCellRenderer = function () {
@@ -69,6 +69,6 @@ var TableSkeleton = function (_a) {
     var renderRowCell = function (props) {
         return RowCellRenderer ? react_1.default.createElement(RowCellRenderer, __assign({}, props)) : react_1.default.createElement(DefaultRowCellRenderer, null);
     };
-    return (react_1.default.createElement(BasicTable_1.BasicTable, __assign({ autosizing: true, containerClassName: styles.container, columnsData: tableColumnsData, rowsData: tableRowsData, defaultColumnMinWidth: 200, defaultColumnWidth: 250, headRowHeight: 48, renderRowCell: renderRowCell, maxHeight: MAX_HEIGHT }, props)));
+    return (react_1.default.createElement(BasicTableView_1.BasicTable, __assign({ autosizing: true, containerClassName: styles.container, columnsData: tableColumnsData, rowsData: tableRowsData, defaultColumnMinWidth: 200, defaultColumnWidth: 250, headRowHeight: 48, renderRowCell: renderRowCell, maxHeight: MAX_HEIGHT }, props)));
 };
 exports.TableSkeleton = TableSkeleton;

package/cjs/components/TenantIcon/TenantIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataTenant } from '@reltio/mdm-sdk';
 type Props = {
     tenant: DataTenant;

package/cjs/components/TenantLabel/TenantLabel.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     className?: string;
 };

package/cjs/components/TenantsDropDownSelector/TenantsDropDownSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DataTenant } from '@reltio/mdm-sdk';
 type Props = {
     selectedTenant: DataTenant;

package/cjs/components/TenantsDropDownSelector/TenantsDropDownSelector.js

@@ -31,8 +31,7 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DropDownMenuButton_1 = require("../../DropDownMenuButton");
-var TenantIcon_1 = require("../TenantIcon/TenantIcon");
+var index_1 = require("../index");
 var TenantMenuItem_1 = __importDefault(require("./TenantMenuItem/TenantMenuItem"));
 var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
@@ -53,7 +52,7 @@ var TenantsDropDownSelector = function (_a) {
     if ((0, mdm_sdk_1.isEmptyValue)(dataTenants) || !onChangeTenant) {
         return null;
     }
-    return (react_1.default.createElement(DropDownMenuButton_1.DropDownMenuButton, { menuId: 'tenantSelector', MenuItemRenderer: TenantMenuItem_1.default, buttonContent: react_1.default.createElement(TenantIcon_1.TenantIcon, { tenant: selectedTenant }), menuItems: menuItems, buttonProps: {
+    return (react_1.default.createElement(index_1.DropDownMenuButton, { menuId: 'tenantSelector', MenuItemRenderer: TenantMenuItem_1.default, buttonContent: react_1.default.createElement(index_1.TenantIcon, { tenant: selectedTenant }), menuItems: menuItems, buttonProps: {
             variant: 'outlined',
             endIcon: react_1.default.createElement(ArrowDropDown_1.default, null),
             classes: {

package/cjs/components/Title/Title.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     label: string;
     isRequired?: boolean;

package/cjs/components/UploadFileButton/UploadFileButton.js

@@ -35,7 +35,7 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ExpandedValueTooltip_1 = require("../../ExpandedValueTooltip");
+var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
 var errors_1 = require("../../core/errors");
 var styles_js_1 = require("./styles.js");
 var MODES = { INIT: 1, UPLOADING: 2, UPLOADED: 3 };
@@ -106,7 +106,7 @@ var UploadFileButton = function (_a) {
         case MODES.UPLOADED: {
             var label = (0, mdm_sdk_1.getLabel)(name);
             return (react_1.default.createElement("div", { className: styles.uploaded },
-                react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label }, isValidLink ? (react_1.default.createElement(Link_1.default, { href: link, className: styles.label, underline: "hover" }, label)) : (react_1.default.createElement(Typography_1.default, { variant: "inherit", className: styles.label }, label))),
+                react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label }, isValidLink ? (react_1.default.createElement(Link_1.default, { href: link, className: styles.label, underline: "hover" }, label)) : (react_1.default.createElement(Typography_1.default, { variant: "inherit", className: styles.label }, label))),
                 react_1.default.createElement(Cancel_1.default, { onClick: switchToInitMode, onMouseDown: switchToInitMode, onTouchEnd: switchToInitMode, className: styles.cancelIcon })));
         }
         case MODES.UPLOADING:

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

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "label" | "fileUploaderInput" | "uploaded" | "cancelIcon">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "button" | "fileUploaderInput" | "uploaded" | "cancelIcon">;

package/cjs/components/UploadImageDialog/DividerWithText/DividerWithText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     children: string;
     className?: string;

package/cjs/components/UploadImageDialog/DividerWithText/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"border" | "text" | "root">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "border" | "root">;

package/cjs/components/UploadImageDialog/ErrorSnackbar/ErrorSnackbar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     error: string | null;
     onClose?: () => void;

package/cjs/components/UploadImageDialog/ErrorSnackbar/ErrorSnackbar.js

@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Close_1 = __importDefault(require("@mui/icons-material/Close"));
 var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
+var SmallIconButton_1 = require("../../SmallIconButton");
 var styles_1 = require("./styles");
 var ErrorSnackbar = function (_a) {
     var error = _a.error, onClose = _a.onClose;

package/cjs/components/UploadImageDialog/ImageByUrlField/ImageByUrlField.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     onSend: (url: string) => void;
 };

package/cjs/components/UploadImageDialog/ImageByUrlField/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"input" | "errorMessage" | "root" | "inputRoot" | "paper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"errorMessage" | "input" | "root" | "inputRoot" | "paper">;

package/cjs/components/UploadImageDialog/SelectImageButton/SelectImageButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     className?: string;
     onAppendFile?: (file: File) => void;

package/cjs/components/UploadImageDialog/TargetBox/TargetBox.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     onAppendFile: (file: File) => void;
     className?: string;

package/cjs/components/UploadImageDialog/TargetBox/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "title" | "description" | "root" | "isActive">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"description" | "icon" | "title" | "root" | "isActive">;

package/cjs/components/UploadImageDialog/UploadImageDialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ImageHostingItem } from '@reltio/mdm-sdk';
 type Props = {
     open: boolean;

package/cjs/components/UserSelector/UserSelector.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     selectedUsers: string[];
     onChange: (activities: string[]) => void;

package/cjs/components/ValueChip/ValueChip.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChipProps } from '@mui/material/Chip';
 type Props = Omit<ChipProps, 'label'> & {
     label: string;

package/cjs/components/ValueChip/ValueChip.js

@@ -28,14 +28,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var utils_1 = require("../../core/utils");
-var ExpandedValueTooltip_1 = require("../../ExpandedValueTooltip");
+var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
 var styles_1 = require("./styles");
 var ValueChip = function (_a) {
     var _b = _a.classes, classesProp = _b === void 0 ? {} : _b, label = _a.label, count = _a.count, otherProp = __rest(_a, ["classes", "label", "count"]);
     var classes = (0, styles_1.useChipStyles)();
     var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Chip_1.default, __assign({ classes: (0, utils_1.mergeClasses)(classesProp, classes), label: react_1.default.createElement("div", { className: styles.container },
-            react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: label },
+            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
                 react_1.default.createElement("div", { className: styles.label }, label)),
             count && react_1.default.createElement("div", { className: styles.count }, count)) }, otherProp)));
 };

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

@@ -1,2 +1,2 @@
 export declare const useChipStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "root" | "deleteIcon">;
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "label" | "count">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "count" | "container">;

package/cjs/components/VerticalHeadingsTable/TableCell/TableCell.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnData, RowData } from '../types';
 type Props = {
     columnValue: ColumnData;

package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowData, ColumnData } from '../types';
 type Props = {
     columnValue: ColumnData;

package/cjs/components/VerticalHeadingsTable/TableColumnDragLayer/TableColumnDragLayer.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 type Props = {
     columnHeight: number;
 };

package/cjs/components/VerticalHeadingsTable/TableColumnDragLayer/TableColumnDragPreview.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColumnData, RowData } from '../types';
 type Props = {
     columnWidth: number;

package/cjs/components/VerticalHeadingsTable/TableRow/TableRow.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowData, ColumnData } from '../types';
 type Props = {
     rowData: RowData;

package/cjs/components/VerticalHeadingsTable/TableRowWithDnd/TableRowWithDnd.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { RowData, ColumnData } from '../types';
 type Props = {
     rowData: RowData;

package/cjs/components/VerticalHeadingsTable/types.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare enum DndItemTypes {
     Column = "Column",
     Row = "Row"

package/cjs/components/activityLog/ActivityExportButton/ActivityExportButton.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ActivitiesFilter } from '../types';
+type Props = {
+    filters: ActivitiesFilter;
+    exportTypes?: string[];
+};
+declare const ActivityExportButton: ({ filters, exportTypes }: Props) => JSX.Element;
+export default ActivityExportButton;

package/cjs/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -0,0 +1,80 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 Button_1 = __importDefault(require("@mui/material/Button"));
+var Portal_1 = __importDefault(require("@mui/material/Portal"));
+var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
+var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
+var SmallIconButton_1 = require("../../SmallIconButton");
+var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var filters_1 = require("../utils/filters");
+var contexts_1 = require("../../../contexts");
+var errors_1 = require("../../../core/errors");
+var styles_1 = require("./styles");
+var ActivityExportButton = function (_a) {
+    var filters = _a.filters, _b = _a.exportTypes, exportTypes = _b === void 0 ? [] : _b;
+    var styles = (0, styles_1.useStyles)();
+    var openConsoleApp = (0, contexts_1.useMdmAction)('openConsoleApp');
+    var exportPath = (0, contexts_1.useMdmExportPath)();
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var _c = (0, react_1.useState)(false), showSnackbar = _c[0], setShowSnackbar = _c[1];
+    var handleClickExport = (0, react_1.useCallback)(function (type) {
+        var options = {
+            filter: (0, filters_1.buildActivitiesFilterString)(filters),
+            fileFormat: type
+        };
+        (0, mdm_sdk_1.exportActivities)({ exportPath: exportPath, tenant: tenant, options: options })
+            .then(function () { return setShowSnackbar(true); })
+            .catch(onError);
+    }, [filters, tenant, exportPath]);
+    var onError = function (error) {
+        (0, errors_1.showErrorMessage)(error, { title: ui_i18n_1.default.text('Error'), defaultMessage: ui_i18n_1.default.text("Can't export activities") });
+    };
+    var handleOpenAppClick = (0, react_1.useCallback)(function () {
+        openConsoleApp('Export');
+    }, [openConsoleApp]);
+    var menuItems = (0, react_1.useMemo)(function () {
+        return exportTypes.map(function (type) { return ({
+            text: type.toUpperCase(),
+            onClick: function () { return handleClickExport(type); }
+        }); });
+    }, [exportTypes, handleClickExport]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        menuItems.length ? (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
+                icon: GetApp_1.default,
+                tooltipTitle: ui_i18n_1.default.text('Export'),
+                size: 'L',
+                className: styles.icon
+            }, menuItems: menuItems, menuId: "export-menu" })) : (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: GetApp_1.default, size: "L", onClick: function () { return handleClickExport(); }, tooltipTitle: ui_i18n_1.default.text('Export'), className: styles.icon })),
+        react_1.default.createElement(Portal_1.default, { container: document.body },
+            react_1.default.createElement(Snackbar_1.default, { open: showSnackbar, autoHideDuration: 5000, className: styles.snackbar, onClose: function () { return setShowSnackbar(false); }, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, message: ui_i18n_1.default.text('Export operation is currently in progress. You will receive an email notification once completed. Go to Export Application to view the status.'), action: react_1.default.createElement(Button_1.default, { className: styles.exportButton, onClick: handleOpenAppClick }, ui_i18n_1.default.text('Export application')) }))));
+};
+exports.default = ActivityExportButton;

package/cjs/components/activityLog/ActivityFilterButton/ActivityFilterButton.d.ts

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

package/cjs/components/activityLog/ActivityFilterButton/ActivityFilterButton.js

@@ -0,0 +1,67 @@
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 classnames_1 = __importDefault(require("classnames"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
+var ActivityFilterEditor_1 = __importDefault(require("../ActivityFilterEditor/ActivityFilterEditor"));
+var SmallIconButton_1 = require("../../SmallIconButton");
+var styles_1 = require("./styles");
+var ActivityFilterButton = function (_a) {
+    var filter = _a.filter, entityType = _a.entityType, onChange = _a.onChange;
+    var styles = (0, styles_1.useStyles)();
+    var buttonRef = (0, react_1.useRef)();
+    var initialValue = (0, react_1.useRef)(filter);
+    var _b = (0, react_1.useState)(false), isEditorOpen = _b[0], setIsEditorOpen = _b[1];
+    var isApplied = !(0, ramda_1.equals)(filter, initialValue.current);
+    var handleChange = function (value) {
+        var newValue = (0, ramda_1.pipe)((0, ramda_1.mergeRight)(initialValue.current), (0, ramda_1.evolve)({
+            dateRange: (0, ramda_1.unless)(mdm_sdk_1.isDateRangeValid, (0, ramda_1.always)(initialValue.current.dateRange))
+        }))(value);
+        onChange(newValue);
+        setIsEditorOpen(false);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { ref: buttonRef, icon: FilterList_1.default, size: "L", onClick: function () { return setIsEditorOpen(true); }, tooltipTitle: ui_i18n_1.default.text('Filter'), className: (0, classnames_1.default)(styles.icon, { activeIcon: isApplied }) }),
+        react_1.default.createElement(ActivityFilterEditor_1.default, { value: filter, open: isEditorOpen, entityType: entityType, anchorEl: buttonRef.current, onApply: handleChange, onCancel: function () { return setIsEditorOpen(false); }, onClear: function () { return onChange(__assign({}, initialValue.current)); } })));
+};
+exports.default = ActivityFilterButton;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { TEntityType } from '@reltio/mdm-sdk';
+import { ActivitiesFilter } from '../types';
+type Props = {
+    value: ActivitiesFilter;
+    open: boolean;
+    entityType?: TEntityType;
+    anchorEl?: HTMLElement;
+    onApply: (value: ActivitiesFilter) => void;
+    onCancel: () => void;
+    onClear: () => void;
+};
+declare const ActivityFilterEditor: ({ value, open, entityType, anchorEl, onApply, onCancel, onClear }: Props) => JSX.Element;
+export default ActivityFilterEditor;

package/cjs/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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 ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var DialogTitle_1 = __importDefault(require("@mui/material/DialogTitle"));
+var types_1 = require("../types");
+var getSelectorActivityTypes_1 = require("./utils/getSelectorActivityTypes");
+var ActivitySelector_1 = __importDefault(require("./ActivitySelector"));
+var UserSelector_1 = __importDefault(require("../../UserSelector/UserSelector"));
+var DateRangeSelector_1 = __importDefault(require("./DateRangeSelector"));
+var EntityChangedSelectors_1 = __importDefault(require("./EntityChangedSelectors"));
+var hooks_1 = require("../../../hooks");
+var contexts_1 = require("../../../contexts");
+var styles_1 = require("./styles");
+var ActivityFilterEditor = function (_a) {
+    var value = _a.value, open = _a.open, entityType = _a.entityType, anchorEl = _a.anchorEl, onApply = _a.onApply, onCancel = _a.onCancel, onClear = _a.onClear;
+    var styles = (0, styles_1.useStyles)();
+    var _b = (0, react_1.useState)(value), currentFilter = _b[0], setCurrentFilter = _b[1];
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var clearCurrentFilter = function () { return setCurrentFilter(null); };
+    var handlePropChange = (0, ramda_1.curry)(function (propName, value) {
+        setCurrentFilter((0, ramda_1.pipe)((0, ramda_1.when)((0, ramda_1.always)(propName === 'entityTypes'), (0, ramda_1.assoc)('attributes', [])), (0, ramda_1.when)((0, ramda_1.always)(propName === 'activities'), (0, ramda_1.mergeLeft)({ attributes: [], entityTypes: [], sources: [] })), (0, ramda_1.assoc)(propName, value)));
+    });
+    (0, hooks_1.useDidUpdateEffect)(function () {
+        setCurrentFilter(value);
+    }, [open, value]);
+    var _c = currentFilter || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.dateRange, dateRange = _e === void 0 ? null : _e, _f = _c.users, users = _f === void 0 ? [] : _f;
+    var isEntityChangedActivity = activities.length === 1 && activities.includes(types_1.ActivityTypes.ENTITY_CHANGED);
+    return (react_1.default.createElement(Popover_1.default, { open: open, anchorEl: anchorEl, onClose: onCancel, classes: { paper: styles.container }, anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, transformOrigin: { vertical: 'top', horizontal: 'right' } },
+        react_1.default.createElement(DialogTitle_1.default, null, ui_i18n_1.default.text('Filter')),
+        react_1.default.createElement(DialogContent_1.default, { dividers: true, className: styles.editorFields },
+            react_1.default.createElement(ActivitySelector_1.default, { activityTypes: (0, getSelectorActivityTypes_1.getSelectorActivityTypes)(metadata, entityType), selectedActivityTypes: activities, onChange: handlePropChange('activities') }),
+            isEntityChangedActivity && (react_1.default.createElement(EntityChangedSelectors_1.default, { filter: currentFilter, entityType: entityType, onPropChange: handlePropChange })),
+            react_1.default.createElement(Divider_1.default, { light: true, className: styles.divider }),
+            react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange') }),
+            react_1.default.createElement(Divider_1.default, { light: true, className: styles.divider }),
+            react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), disableUnderline: true })),
+        react_1.default.createElement(DialogActions_1.default, null,
+            react_1.default.createElement(Button_1.default, { onClick: (0, ramda_1.pipe)(clearCurrentFilter, onClear), className: styles.clearButton }, ui_i18n_1.default.text('Clear all')),
+            react_1.default.createElement(Button_1.default, { onClick: onCancel }, ui_i18n_1.default.text('Cancel')),
+            react_1.default.createElement(Button_1.default, { color: "primary", onClick: function () { return onApply(currentFilter); } }, ui_i18n_1.default.text('Apply')))));
+};
+exports.default = ActivityFilterEditor;

package/cjs/components/activityLog/ActivityFilterEditor/ActivitySelector.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ActivityTypes } from '../types/ActivityTypes';
+type Props = {
+    activityTypes: ActivityTypes[];
+    selectedActivityTypes: ActivityTypes[];
+    onChange: (activities: ActivityTypes[]) => void;
+};
+declare const ActivitySelector: ({ activityTypes, selectedActivityTypes, onChange }: Props) => JSX.Element;
+export default ActivitySelector;

package/cjs/components/activityLog/ActivityFilterEditor/ActivitySelector.js

@@ -0,0 +1,33 @@
+"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("@mui/material/Typography"));
+var ActivityTypes_1 = require("../types/ActivityTypes");
+var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
+var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
+var activities_1 = require("../utils/activities");
+var styles_1 = require("./styles");
+var ActivitySelector = function (_a) {
+    var activityTypes = _a.activityTypes, selectedActivityTypes = _a.selectedActivityTypes, onChange = _a.onChange;
+    var styles = (0, styles_1.useStyles)();
+    var valueToOption = function (value) { return ({ value: value, label: (0, activities_1.getActivityLabel)(value) }); };
+    var prepareValues = function (values) { return values.map(valueToOption); };
+    var showHint = selectedActivityTypes.length > 1 && selectedActivityTypes.includes(ActivityTypes_1.ActivityTypes.ENTITY_CHANGED);
+    var options = (0, ramda_1.pipe)((0, ramda_1.sortBy)(function (option) { return (0, activities_1.getActivityLabel)(option); }), prepareValues)(activityTypes);
+    return (react_1.default.createElement("div", { className: styles.selectorWrapper, "data-reltio-id": "activity-selector" },
+        react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, ui_i18n_1.default.text('Activity')),
+        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedActivityTypes), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), options: options, TextFieldProps: {
+                InputProps: { disableUnderline: true },
+                classes: { root: styles.dropDownInput }
+            }, components: {
+                DropdownIndicator: DropdownIndicatorWithIconButton_1.default
+            }, styles: styles_1.customStyles, classes: styles, menuPlacement: "bottom", menuPortalTarget: document.body, menuShouldBlockScroll: true, captureMenuScroll: false }),
+        showHint && (react_1.default.createElement("span", { className: styles.selectorHint }, ui_i18n_1.default.text('One at a time! Select a single Activity and any of its filters -OR- multiple Activities with no filters.')))));
+};
+exports.default = ActivitySelector;

package/cjs/components/activityLog/ActivityFilterEditor/DateRangeSelector.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { DateRangeFilter } from '@reltio/mdm-sdk';
+type Props = {
+    value: DateRangeFilter;
+    onChange: (range: DateRangeFilter) => void;
+};
+declare const DateRangeSelector: ({ value, onChange }: Props) => JSX.Element;
+export default DateRangeSelector;