@reltio/components 1.4.874 → 1.4.878

package/components/VirtualGroupedList/VirtualGroupedList.js

@@ -1,39 +1,14 @@
-"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 __spreadArray = (this && this.__spreadArray) || function (to, from) {
     for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
         to[j] = from[i];
     return to;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTitleItem = void 0;
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_window_1 = require("react-window");
-var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var styles_1 = require("./styles");
-var helpers_1 = require("./helpers");
+import React, { useCallback, useEffect, useRef, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { VariableSizeList as List } from 'react-window';
+import ReactResizeDetector from 'react-resize-detector';
+import { useStyles } from './styles';
+import { useScrollToFocusItem } from './helpers';
 /*
 items = [
     {
@@ -51,22 +26,21 @@ items = [
 */
 var OVERSCAN_COUNT = 5;
 var isTitleItem = function (listItem) { return listItem.titleItemIndex === listItem.index; };
-exports.isTitleItem = isTitleItem;
 var VirtualGroupedList = function (_a) {
     var items = _a.items, getItemSize = _a.getItemSize, renderItem = _a.renderItem, renderGroupTitle = _a.renderGroupTitle, _b = _a.width, width = _b === void 0 ? '100%' : _b, height = _a.height, _c = _a.fixedTitle, fixedTitle = _c === void 0 ? true : _c, _d = _a.itemKey, itemKey = _d === void 0 ? function (i) { return i; } : _d, disableHorizontalScrollbar = _a.disableHorizontalScrollbar, hideSubtitles = _a.hideSubtitles, _e = _a.focusIndex, focusIndex = _e === void 0 ? null : _e, onInnerContainerResize = _a.onInnerContainerResize;
-    var styles = styles_1.useStyles();
-    var listRef = react_1.useRef(null);
-    var itemsRef = react_1.useRef(null);
-    var titlesRef = react_1.useRef(null);
-    var itemOffsets = react_1.useRef([0]);
+    var styles = useStyles();
+    var listRef = useRef(null);
+    var itemsRef = useRef(null);
+    var titlesRef = useRef(null);
+    var itemOffsets = useRef([0]);
     var stepCalcOffset = 10;
     var stickyItemClass = 'stickyTitleItem';
     var currentTitleParams = {
         topMargin: 0
     };
     var isGroupHasSubTitles = function (groupedItems) { return (groupedItems || []).some(function (item) { return item.titleItemIndex !== null; }); };
-    var hasSubTitles = react_1.useMemo(function () { return !hideSubtitles || isGroupHasSubTitles(items); }, [items, hideSubtitles]);
-    var calcOffsetsToIndex = react_1.useCallback(function (index) {
+    var hasSubTitles = useMemo(function () { return !hideSubtitles || isGroupHasSubTitles(items); }, [items, hideSubtitles]);
+    var calcOffsetsToIndex = useCallback(function (index) {
         var curItemsLength = itemOffsets.current.length;
         var prevItemSize = 0;
         items.slice(curItemsLength - 1, index + 1).forEach(function (listItem, i) {
@@ -76,14 +50,14 @@ var VirtualGroupedList = function (_a) {
             prevItemSize = getItemSize(realIndex, listItem.item);
         });
     }, [getItemSize, items]);
-    var getTitleByIndex = react_1.useCallback(function (index) { return items[index].titleItemIndex; }, [items]);
-    var getItemByIndex = react_1.useCallback(function (index) { return items[index]; }, [items]);
-    react_1.useEffect(function () {
+    var getTitleByIndex = useCallback(function (index) { return items[index].titleItemIndex; }, [items]);
+    var getItemByIndex = useCallback(function (index) { return items[index]; }, [items]);
+    useEffect(function () {
         requestAnimationFrame(function () {
             listRef.current && listRef.current.scrollTo(0);
         });
     }, [items.length]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         var calcMoveToOffset = function (items) {
             var indexItem = items.findIndex(function (listItem) { return listItem.item.moveTo; });
             if (indexItem > -1) {
@@ -116,7 +90,7 @@ var VirtualGroupedList = function (_a) {
     var getNextTitleIndex = function (fromIndex) {
         return items.findIndex(function (listItem, index) { return isTitleItem(listItem) && fromIndex < index; });
     };
-    var getItemByOffset = react_1.useCallback(function (scrollOffset) {
+    var getItemByOffset = useCallback(function (scrollOffset) {
         var result = null;
         var offset = 0;
         items.some(function (listItem, index) {
@@ -185,39 +159,40 @@ var VirtualGroupedList = function (_a) {
             setTitleTopMargin(topMargin);
         }
     };
-    var _getItemSize = react_1.useCallback(function (index) { return getItemSize(index, getItemByIndex(index).item); }, [
+    var _getItemSize = useCallback(function (index) { return getItemSize(index, getItemByIndex(index).item); }, [
         getItemByIndex,
         getItemSize
     ]);
-    var render = react_1.useCallback(function (_a) {
+    var render = useCallback(function (_a) {
         var index = _a.index, style = _a.style, data = _a.data;
         var listItem = getItemByIndex(index);
         return (listItem.item &&
             ((isTitleItem(listItem) && renderGroupTitle(style, listItem.item)) ||
                 renderItem(style, listItem.item, index, data)));
     }, [getItemByIndex, renderGroupTitle, renderItem]);
-    var handleOnItemsRendered = helpers_1.useScrollToFocusItem({ items: items, focusIndex: focusIndex, listRef: listRef }).handleOnItemsRendered;
-    var renderTitles = react_1.useCallback(function () {
-        var renderTitle = function (listItem) { return (react_1.default.createElement("div", { className: stickyItemClass, style: { visibility: 'hidden' }, "data-index": listItem.index, key: listItem.index }, renderGroupTitle({ height: getItemSize(listItem.index, listItem.item) }, listItem.item))); };
+    var handleOnItemsRendered = useScrollToFocusItem({ items: items, focusIndex: focusIndex, listRef: listRef }).handleOnItemsRendered;
+    var renderTitles = useCallback(function () {
+        var renderTitle = function (listItem) { return (React.createElement("div", { className: stickyItemClass, style: { visibility: 'hidden' }, "data-index": listItem.index, key: listItem.index }, renderGroupTitle({ height: getItemSize(listItem.index, listItem.item) }, listItem.item))); };
         return items.filter(function (listItem) { return isTitleItem(listItem); }).map(function (listItem) { return renderTitle(listItem); });
     }, [getItemSize, items, renderGroupTitle]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
-        onInnerContainerResize && itemsRef.current && (react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
-        react_1.default.createElement(react_window_1.VariableSizeList, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { ref: titlesRef, className: styles.stickyTitlesWrapper }, fixedTitle && renderTitles()),
+        onInnerContainerResize && itemsRef.current && (React.createElement(ReactResizeDetector, { handleHeight: true, onResize: onInnerContainerResize, targetDomEl: itemsRef.current })),
+        React.createElement(List, { ref: listRef, itemCount: items.length, itemSize: _getItemSize, width: width, height: height, itemKey: itemKey, innerRef: itemsRef, onScroll: onScroll, style: disableHorizontalScrollbar ? { overflowX: 'hidden' } : undefined, overscanCount: OVERSCAN_COUNT, onItemsRendered: handleOnItemsRendered }, render)));
 };
 VirtualGroupedList.propTypes = {
-    items: prop_types_1.default.arrayOf(prop_types_1.default.object).isRequired,
-    getItemSize: prop_types_1.default.func.isRequired,
-    renderItem: prop_types_1.default.func.isRequired,
-    width: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]),
-    height: prop_types_1.default.number.isRequired,
-    renderGroupTitle: prop_types_1.default.func,
-    fixedTitle: prop_types_1.default.bool,
-    hideSubtitles: prop_types_1.default.bool,
-    itemKey: prop_types_1.default.func,
-    disableHorizontalScrollbar: prop_types_1.default.bool,
-    focusIndex: prop_types_1.default.number,
-    onInnerContainerResize: prop_types_1.default.func
+    items: PropTypes.arrayOf(PropTypes.object).isRequired,
+    getItemSize: PropTypes.func.isRequired,
+    renderItem: PropTypes.func.isRequired,
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    height: PropTypes.number.isRequired,
+    renderGroupTitle: PropTypes.func,
+    fixedTitle: PropTypes.bool,
+    hideSubtitles: PropTypes.bool,
+    itemKey: PropTypes.func,
+    disableHorizontalScrollbar: PropTypes.bool,
+    focusIndex: PropTypes.number,
+    onInnerContainerResize: PropTypes.func
 };
-exports.default = VirtualGroupedList;
+export default VirtualGroupedList;
+export { isTitleItem };

package/components/VirtualGroupedList/helpers.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScrollToFocusItem = exports.flattenGroupedItemsData = exports.SCROLL_COUNT = void 0;
-var ramda_1 = require("ramda");
-var react_1 = require("react");
-exports.SCROLL_COUNT = 3;
+import { flatten } from 'ramda';
+import { useCallback, useEffect, useRef } from 'react';
+export var SCROLL_COUNT = 3;
 var flattenGroupedItemsData = function (groupedItems) {
     var getFlattenedItems = function (items) {
-        return ramda_1.flatten(items.map(function (item) { return [item].concat(item.items ? getFlattenedItems(item.items) : []); }));
+        return flatten(items.map(function (item) { return [item].concat(item.items ? getFlattenedItems(item.items) : []); }));
     };
     var titleItemIndex = null;
     var items = getFlattenedItems(groupedItems).map(function (item, index) {
@@ -17,27 +14,26 @@ var flattenGroupedItemsData = function (groupedItems) {
     });
     return items;
 };
-exports.flattenGroupedItemsData = flattenGroupedItemsData;
 var useScrollToFocusItem = function (_a) {
     var focusIndex = _a.focusIndex, listRef = _a.listRef, items = _a.items;
-    var visibleStartIndexRef = react_1.useRef(null);
-    var visibleStopIndexRef = react_1.useRef(null);
-    var handleOnItemsRendered = react_1.useCallback(function (_a) {
+    var visibleStartIndexRef = useRef(null);
+    var visibleStopIndexRef = useRef(null);
+    var handleOnItemsRendered = useCallback(function (_a) {
         var visibleStartIndex = _a.visibleStartIndex, visibleStopIndex = _a.visibleStopIndex;
         visibleStartIndexRef.current = visibleStartIndex;
         visibleStopIndexRef.current = visibleStopIndex;
     }, []);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (!listRef.current || focusIndex === null || items.length === 0) {
             return;
         }
-        if (focusIndex < Math.max(visibleStartIndexRef.current + exports.SCROLL_COUNT, 0)) {
-            listRef.current.scrollToItem(Math.max(focusIndex - exports.SCROLL_COUNT, 0), 'start');
+        if (focusIndex < Math.max(visibleStartIndexRef.current + SCROLL_COUNT, 0)) {
+            listRef.current.scrollToItem(Math.max(focusIndex - SCROLL_COUNT, 0), 'start');
         }
-        else if (focusIndex > Math.min(visibleStopIndexRef.current - exports.SCROLL_COUNT, items.length - 1)) {
-            listRef.current.scrollToItem(Math.min(focusIndex + exports.SCROLL_COUNT, items.length - 1), 'end');
+        else if (focusIndex > Math.min(visibleStopIndexRef.current - SCROLL_COUNT, items.length - 1)) {
+            listRef.current.scrollToItem(Math.min(focusIndex + SCROLL_COUNT, items.length - 1), 'end');
         }
     }, [focusIndex, items.length, listRef]);
     return { handleOnItemsRendered: handleOnItemsRendered };
 };
-exports.useScrollToFocusItem = useScrollToFocusItem;
+export { flattenGroupedItemsData, useScrollToFocusItem };

package/components/VirtualGroupedList/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     stickyTitlesWrapper: {
         position: 'absolute',
         top: 0,

package/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -1,80 +1,56 @@
-"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 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
-var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
-var GetApp_1 = __importDefault(require("@material-ui/icons/GetApp"));
-var SmallIconButton_1 = require("../../SmallIconButton");
-var ErrorPopup_1 = __importDefault(require("../../ErrorPopup/ErrorPopup"));
-var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var filters_1 = require("../utils/filters");
-var styles_1 = require("./styles");
+import React, { useMemo, useState, useCallback } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import Button from '@material-ui/core/Button';
+import Portal from '@material-ui/core/Portal';
+import Snackbar from '@material-ui/core/Snackbar';
+import GetAppIcon from '@material-ui/icons/GetApp';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import ErrorPopup from '../../ErrorPopup/ErrorPopup';
+import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
+import mdmModule, { ui } from '@reltio/mdm-module';
+import { exportActivities, getRequestErrorMessage } from '@reltio/mdm-sdk';
+import { buildActivitiesFilterString } from '../utils/filters';
+import { useStyles } from './styles';
 var ActivityExportButton = function (_a) {
     var filters = _a.filters, _b = _a.exportTypes, exportTypes = _b === void 0 ? [] : _b;
-    var styles = styles_1.useStyles();
-    var dispatch = react_redux_1.useDispatch();
-    var _c = react_1.useState(false), showSnackbar = _c[0], setShowSnackbar = _c[1];
-    var exportPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getExportPath);
-    var handleClickExport = react_1.useCallback(function (type) {
+    var styles = useStyles();
+    var dispatch = useDispatch();
+    var _c = useState(false), showSnackbar = _c[0], setShowSnackbar = _c[1];
+    var exportPath = useSelector(mdmModule.selectors.getExportPath);
+    var handleClickExport = useCallback(function (type) {
         var options = {
-            filter: filters_1.buildActivitiesFilterString(filters),
+            filter: buildActivitiesFilterString(filters),
             fileFormat: type
         };
-        mdm_sdk_1.exportActivities({ exportPath: exportPath, options: options })
+        exportActivities({ exportPath: exportPath, options: options })
             .then(function () { return setShowSnackbar(true); })
             .catch(onError);
     }, [filters, exportPath]);
     var onError = function (error) {
         console.error(error);
-        ErrorPopup_1.default.addError({
-            title: ui_i18n_1.default.text('Error'),
-            message: mdm_sdk_1.getRequestErrorMessage(error, ui_i18n_1.default.text("Can't export activities"))
+        ErrorPopup.addError({
+            title: i18n.text('Error'),
+            message: getRequestErrorMessage(error, i18n.text("Can't export activities"))
         });
     };
-    var handleOpenAppClick = react_1.useCallback(function () {
-        dispatch(mdm_module_1.ui.actions.openConsoleApp('Export'));
+    var handleOpenAppClick = useCallback(function () {
+        dispatch(ui.actions.openConsoleApp('Export'));
     }, [dispatch]);
-    var menuItems = react_1.useMemo(function () {
+    var menuItems = 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'),
+    return (React.createElement(React.Fragment, null,
+        menuItems.length ? (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
+                icon: GetAppIcon,
+                tooltipTitle: i18n.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); }, 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')) }))));
+            }, menuItems: menuItems, menuId: "export-menu" })) : (React.createElement(SmallIconButtonWithTooltip, { icon: GetAppIcon, size: "L", onClick: function () { return handleClickExport(); }, tooltipTitle: i18n.text('Export'), className: styles.icon })),
+        React.createElement(Portal, { container: document.body },
+            React.createElement(Snackbar, { open: showSnackbar, autoHideDuration: 5000, className: styles.snackbar, onClose: function () { return setShowSnackbar(false); }, message: i18n.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.createElement(Button, { className: styles.exportButton, onClick: handleOpenAppClick }, i18n.text('Export application')) }))));
 };
-exports.default = ActivityExportButton;
+export default ActivityExportButton;

package/components/activityLog/ActivityExportButton/styles.js

@@ -1,8 +1,5 @@
-"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(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     snackbar: {
         maxWidth: 500
     },

package/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,73 +9,50 @@ var __assign = (this && this.__assign) || function () {
     };
     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 react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var types_1 = require("../types");
-var getSelectorActivityTypes_1 = require("./utils/getSelectorActivityTypes");
-var ActivitySelector_1 = __importDefault(require("./ActivitySelector"));
-var AttributeSelector_1 = __importDefault(require("../../AttributeSelector/AttributeSelector"));
-var SourceSelector_1 = __importDefault(require("./SourceSelector"));
-var UserSelector_1 = __importDefault(require("../../UserSelector/UserSelector"));
-var DateRangeSelector_1 = __importDefault(require("./DateRangeSelector"));
-var hooks_1 = require("../../../hooks");
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import Button from '@material-ui/core/Button';
+import { ActivityTypes } from '../types';
+import { getSelectorActivityTypes } from './utils/getSelectorActivityTypes';
+import ActivitySelector from './ActivitySelector';
+import AttributeSelector from '../../AttributeSelector/AttributeSelector';
+import SourceSelector from './SourceSelector';
+import UserSelector from '../../UserSelector/UserSelector';
+import DateRangeSelector from './DateRangeSelector';
+import { useDidUpdateEffect } from '../../../hooks';
+import { curry, pipe } from 'ramda';
+import { useStyles } from './styles';
 var ActivityFilterEditor = function (_a) {
     var value = _a.value, open = _a.open, entityType = _a.entityType, onApply = _a.onApply, onCancel = _a.onCancel, onClear = _a.onClear;
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var _b = react_1.useState(value), currentValue = _b[0], setCurrentValue = _b[1];
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var _b = useState(value), currentValue = _b[0], setCurrentValue = _b[1];
     var clearCurrentValue = function () { return setCurrentValue(null); };
-    var handlePropChange = ramda_1.curry(function (propName, value) {
+    var handlePropChange = curry(function (propName, value) {
         setCurrentValue(function (filterValue) {
             var _a;
             return (__assign(__assign({}, filterValue), (_a = {}, _a[propName] = value, _a)));
         });
     });
-    hooks_1.useDidUpdateEffect(function () {
+    useDidUpdateEffect(function () {
         setCurrentValue(value);
     }, [value]);
     var _c = currentValue || {}, _d = _c.activities, activities = _d === void 0 ? [] : _d, _e = _c.attributes, attributes = _e === void 0 ? [] : _e, _f = _c.sources, sources = _f === void 0 ? [] : _f, _g = _c.dateRange, dateRange = _g === void 0 ? null : _g, _h = _c.users, users = _h === void 0 ? [] : _h;
-    var hasEntityChanged = activities.includes(types_1.ActivityTypes.ENTITY_CHANGED);
-    var ActivityFilterRenderer = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ActivitySelector_1.default, { activityTypes: getSelectorActivityTypes_1.getSelectorActivityTypes(metadata, entityType), selectedActivityTypes: activities, onChange: handlePropChange('activities') }),
-        hasEntityChanged && entityType && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(AttributeSelector_1.default, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.borderBottom, disableUnderline: true }),
-            react_1.default.createElement(SourceSelector_1.default, { selectedSources: sources, onChange: handlePropChange('sources') }))),
-        react_1.default.createElement(DateRangeSelector_1.default, { value: dateRange, onChange: handlePropChange('dateRange') }),
-        react_1.default.createElement(UserSelector_1.default, { selectedUsers: users, onChange: handlePropChange('users'), disableUnderline: true }),
-        react_1.default.createElement("div", { className: classnames_1.default(styles.borderBottom, styles.filterControls) },
-            react_1.default.createElement(Button_1.default, { onClick: ramda_1.pipe(clearCurrentValue, 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(currentValue); } }, ui_i18n_1.default.text('Apply')))));
-    return open && react_1.default.createElement("div", { className: styles.container }, ActivityFilterRenderer);
+    var hasEntityChanged = activities.includes(ActivityTypes.ENTITY_CHANGED);
+    var ActivityFilterRenderer = (React.createElement(React.Fragment, null,
+        React.createElement(ActivitySelector, { activityTypes: getSelectorActivityTypes(metadata, entityType), selectedActivityTypes: activities, onChange: handlePropChange('activities') }),
+        hasEntityChanged && entityType && (React.createElement(React.Fragment, null,
+            React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.borderBottom, disableUnderline: true }),
+            React.createElement(SourceSelector, { selectedSources: sources, onChange: handlePropChange('sources') }))),
+        React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange') }),
+        React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), disableUnderline: true }),
+        React.createElement("div", { className: classnames(styles.borderBottom, styles.filterControls) },
+            React.createElement(Button, { onClick: pipe(clearCurrentValue, onClear), className: styles.clearButton }, i18n.text('Clear all')),
+            React.createElement(Button, { onClick: onCancel }, i18n.text('Cancel')),
+            React.createElement(Button, { color: "primary", onClick: function () { return onApply(currentValue); } }, i18n.text('Apply')))));
+    return open && React.createElement("div", { className: styles.container }, ActivityFilterRenderer);
 };
-exports.default = ActivityFilterEditor;
+export default ActivityFilterEditor;

package/components/activityLog/ActivityFilterEditor/ActivitySelector.js

@@ -1,30 +1,25 @@
-"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 activities_1 = require("../utils/activities");
-var styles_1 = require("./styles");
+import React from 'react';
+import i18n from 'ui-i18n';
+import { defaultTo, pipe, pluck, sortBy } from 'ramda';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import MultiSelect from '../../ReactSelect/MultiSelect';
+import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import { getActivityLabel } from '../utils/activities';
+import { customStyles, useStyles } from './styles';
 var ActivitySelector = function (_a) {
     var activityTypes = _a.activityTypes, selectedActivityTypes = _a.selectedActivityTypes, onChange = _a.onChange;
-    var styles = styles_1.useStyles();
-    var valueToOption = function (value) { return ({ value: value, label: activities_1.getActivityLabel(value) }); };
+    var styles = useStyles();
+    var valueToOption = function (value) { return ({ value: value, label: getActivityLabel(value) }); };
     var prepareValues = function (values) { return values.map(valueToOption); };
-    var options = ramda_1.pipe(ramda_1.sortBy(function (option) { return activities_1.getActivityLabel(option); }), prepareValues)(activityTypes);
-    return (react_1.default.createElement("div", { className: styles.borderBottom },
-        react_1.default.createElement(Typography_1.default, { className: 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: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), options: options, TextFieldProps: {
+    var options = pipe(sortBy(function (option) { return getActivityLabel(option); }), prepareValues)(activityTypes);
+    return (React.createElement("div", { className: styles.borderBottom },
+        React.createElement(Typography, { className: classnames(styles.filterSubtitle, styles.labels), variant: 'subtitle1' }, i18n.text('Activity')),
+        React.createElement(MultiSelect, { value: prepareValues(selectedActivityTypes), onChange: pipe(defaultTo([]), 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" })));
+                DropdownIndicator: DropdownIndicatorWithIconButton
+            }, styles: customStyles, classes: styles, menuPlacement: "bottom" })));
 };
-exports.default = ActivitySelector;
+export default ActivitySelector;