@reltio/components 1.4.876 → 1.4.880

package/components/editors/index.js

@@ -1,26 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FileTypeEditor = exports.TimestampEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.DateRangeEditor = exports.NumberEditor = exports.MultiValueChip = exports.FilterValueEditor = exports.TextEditor = exports.DropDownEditor = void 0;
-var DropDownEditor_1 = require("./DropDownEditor/DropDownEditor");
-Object.defineProperty(exports, "DropDownEditor", { enumerable: true, get: function () { return __importDefault(DropDownEditor_1).default; } });
-var TextEditor_1 = require("./TextEditor/TextEditor");
-Object.defineProperty(exports, "TextEditor", { enumerable: true, get: function () { return __importDefault(TextEditor_1).default; } });
-var FilterValueEditor_1 = require("./FilterEditor/FilterValueEditor");
-Object.defineProperty(exports, "FilterValueEditor", { enumerable: true, get: function () { return __importDefault(FilterValueEditor_1).default; } });
-var MultiValueChip_1 = require("./commonComponents/MultiValueChip/MultiValueChip");
-Object.defineProperty(exports, "MultiValueChip", { enumerable: true, get: function () { return __importDefault(MultiValueChip_1).default; } });
-var NumberEditor_1 = require("./NumberEditor/NumberEditor");
-Object.defineProperty(exports, "NumberEditor", { enumerable: true, get: function () { return __importDefault(NumberEditor_1).default; } });
-var DateRangeEditor_1 = require("./DateRangeEditor/DateRangeEditor");
-Object.defineProperty(exports, "DateRangeEditor", { enumerable: true, get: function () { return __importDefault(DateRangeEditor_1).default; } });
-var DateEditor_1 = require("./DateEditor/DateEditor");
-Object.defineProperty(exports, "DateEditor", { enumerable: true, get: function () { return __importDefault(DateEditor_1).default; } });
-var DataTypeValueEditor_1 = require("./DataTypeValueEditor/DataTypeValueEditor");
-Object.defineProperty(exports, "DataTypeValueEditor", { enumerable: true, get: function () { return __importDefault(DataTypeValueEditor_1).default; } });
-var TimestampEditor_1 = require("./TimestampEditor/TimestampEditor");
-Object.defineProperty(exports, "TimestampEditor", { enumerable: true, get: function () { return __importDefault(TimestampEditor_1).default; } });
-var FileTypeEditor_1 = require("./FileTypeEditor/FileTypeEditor");
-Object.defineProperty(exports, "FileTypeEditor", { enumerable: true, get: function () { return __importDefault(FileTypeEditor_1).default; } });
+export { default as DropDownEditor } from './DropDownEditor/DropDownEditor';
+export { default as TextEditor } from './TextEditor/TextEditor';
+export { default as FilterValueEditor } from './FilterEditor/FilterValueEditor';
+export { default as MultiValueChip } from './commonComponents/MultiValueChip/MultiValueChip';
+export { default as NumberEditor } from './NumberEditor/NumberEditor';
+export { default as DateRangeEditor } from './DateRangeEditor/DateRangeEditor';
+export { default as DateEditor } from './DateEditor/DateEditor';
+export { default as DataTypeValueEditor } from './DataTypeValueEditor/DataTypeValueEditor';
+export { default as TimestampEditor } from './TimestampEditor/TimestampEditor';
+export { default as FileTypeEditor } from './FileTypeEditor/FileTypeEditor';

package/components/history/ContributorsPanel/ContributorItem.js

@@ -1,21 +1,16 @@
-"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 classnames_1 = __importDefault(require("classnames"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import { getContributorColor } from '@reltio/mdm-sdk';
+import { useContributorStyles } from './styles';
 var ContributorItem = function (_a) {
     var _b;
     var value = _a.value, _c = _a.isSelected, isSelected = _c === void 0 ? true : _c, onClick = _a.onClick;
-    var color = mdm_sdk_1.getContributorColor(value);
-    var styles = styles_1.useContributorStyles({ color: color });
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.icon, (_b = {},
+    var color = getContributorColor(value);
+    var styles = useContributorStyles({ color: color });
+    return (React.createElement("div", { className: classnames(styles.icon, (_b = {},
             _b[styles.inactive] = !isSelected,
             _b[styles.active] = isSelected,
             _b[styles.clickable] = !!onClick,
             _b)), onClick: onClick }));
 };
-exports.default = ContributorItem;
+export default ContributorItem;

package/components/history/ContributorsPanel/ContributorsPanel.js

@@ -1,32 +1,27 @@
-"use strict";
 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 });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var ContributorItem_1 = __importDefault(require("./ContributorItem"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import { without } from 'ramda';
+import ContributorItem from './ContributorItem';
+import { useStyles } from './styles';
 var ContributorsPanel = function (_a) {
     var values = _a.values, selectedValues = _a.selectedValues, entityUri = _a.entityUri, onSelectValues = _a.onSelectValues, className = _a.className;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var handleClick = function (value) {
         if (selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value)) {
-            onSelectValues(ramda_1.without([value], selectedValues));
+            onSelectValues(without([value], selectedValues));
         }
         else {
             onSelectValues(__spreadArray(__spreadArray([], (selectedValues || [])), [value]));
         }
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
-        react_1.default.createElement(ContributorItem_1.default, { value: entityUri }),
+    return (React.createElement("div", { className: classnames(styles.root, className) },
+        React.createElement(ContributorItem, { value: entityUri }),
         (values === null || values === void 0 ? void 0 : values.length) > 0 &&
-            values.map(function (value) { return (react_1.default.createElement(ContributorItem_1.default, { key: value, value: value, isSelected: selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value), onClick: function () { return handleClick(value); } })); })));
+            values.map(function (value) { return (React.createElement(ContributorItem, { key: value, value: value, isSelected: selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues.includes(value), onClick: function () { return handleClick(value); } })); })));
 };
-exports.default = ContributorsPanel;
+export default ContributorsPanel;

package/components/history/ContributorsPanel/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useContributorStyles = 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({
     root: {
         flex: 1,
         display: 'flex',
@@ -10,7 +7,7 @@ exports.useStyles = styles_1.makeStyles({
         padding: '10px 15px'
     }
 });
-exports.useContributorStyles = styles_1.makeStyles({
+export var useContributorStyles = makeStyles({
     icon: function (_a) {
         var color = _a.color;
         return ({

package/components/history/DateRangeSelector/DateRangeSelector.js

@@ -1,50 +1,26 @@
-"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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSelector/SimpleDropDownSelector"));
-var utils_1 = require("./utils");
-var DateIntervalSelector_1 = __importDefault(require("../../DateIntervalSelector/DateIntervalSelector"));
-var hooks_1 = require("../../../hooks");
-var CustomDateRangeEditor_1 = __importDefault(require("../../editors/CustomDateRangeEditor/CustomDateRangeEditor"));
-var types_1 = require("../../../types");
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import SimpleDropDownSelector from '../../SimpleDropDownSelector/SimpleDropDownSelector';
+import { dateRangeTypeOptions, getDateRangeTypeLabel } from './utils';
+import DateIntervalSelector from '../../DateIntervalSelector/DateIntervalSelector';
+import { useDidUpdateEffect } from '../../../hooks';
+import CustomDateRangeEditor from '../../editors/CustomDateRangeEditor/CustomDateRangeEditor';
+import { DateRangeTypes } from '../../../types';
+import { useStyles } from './styles';
 var emptyDates = [null, null];
 var emptyInterval = [null, 'hours'];
 var DateRangeSelector = function (_a) {
     var value = _a.value, onChange = _a.onChange, className = _a.className;
-    var styles = styles_1.useStyles();
-    var isIntervalType = function (type) { return type === types_1.DateRangeTypes.WITHIN || type === types_1.DateRangeTypes.AGO; };
-    var isBetweenType = function (type) { return type === types_1.DateRangeTypes.BETWEEN; };
+    var styles = useStyles();
+    var isIntervalType = function (type) { return type === DateRangeTypes.WITHIN || type === DateRangeTypes.AGO; };
+    var isBetweenType = function (type) { return type === DateRangeTypes.BETWEEN; };
     var initDatesInterval = isBetweenType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyDates;
     var initInterval = isIntervalType(value === null || value === void 0 ? void 0 : value.type) ? value.period : emptyInterval;
-    var _b = react_1.useState(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
-    var _c = react_1.useState(initInterval), interval = _c[0], setInterval = _c[1];
-    var selectedType = (value === null || value === void 0 ? void 0 : value.type) || types_1.DateRangeTypes.WITHIN;
+    var _b = useState(initDatesInterval), datesInterval = _b[0], setDatesInterval = _b[1];
+    var _c = useState(initInterval), interval = _c[0], setInterval = _c[1];
+    var selectedType = (value === null || value === void 0 ? void 0 : value.type) || DateRangeTypes.WITHIN;
     var getCurrentPeriodByType = function (type) {
         if (isIntervalType(type)) {
             return interval;
@@ -62,7 +38,7 @@ var DateRangeSelector = function (_a) {
     var changePeriod = function (period) {
         onChange({ type: selectedType, period: period });
     };
-    hooks_1.useDidUpdateEffect(function () {
+    useDidUpdateEffect(function () {
         if (value) {
             if (isIntervalType(value.type)) {
                 setInterval(value.period);
@@ -76,16 +52,16 @@ var DateRangeSelector = function (_a) {
             setInterval(emptyInterval);
         }
     }, [value]);
-    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('Date')),
-        react_1.default.createElement("div", { className: styles.intervalContainer },
-            react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', className: styles.typeInput, value: {
+    return (React.createElement("div", { className: classnames(styles.root, className) },
+        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('Date')),
+        React.createElement("div", { className: styles.intervalContainer },
+            React.createElement(SimpleDropDownSelector, { label: '', className: styles.typeInput, value: {
                     value: selectedType,
-                    label: utils_1.getDateRangeTypeLabel(selectedType)
-                }, options: utils_1.dateRangeTypeOptions.map(function (option) { return ({
+                    label: getDateRangeTypeLabel(selectedType)
+                }, options: dateRangeTypeOptions.map(function (option) { return ({
                     value: option,
-                    label: utils_1.getDateRangeTypeLabel(option)
+                    label: getDateRangeTypeLabel(option)
                 }); }), onChange: changeType }),
-            isIntervalType(selectedType) ? (react_1.default.createElement(DateIntervalSelector_1.default, { interval: interval, onChange: changePeriod })) : (react_1.default.createElement(CustomDateRangeEditor_1.default, { values: datesInterval, onChange: changePeriod })))));
+            isIntervalType(selectedType) ? (React.createElement(DateIntervalSelector, { interval: interval, onChange: changePeriod })) : (React.createElement(CustomDateRangeEditor, { values: datesInterval, onChange: changePeriod })))));
 };
-exports.default = DateRangeSelector;
+export default DateRangeSelector;

package/components/history/DateRangeSelector/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({
     root: {
         flex: 1
     },

package/components/history/DateRangeSelector/utils.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDateRangeTypeLabel = exports.dateRangeTypeOptions = void 0;
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var types_1 = require("../../../types");
-exports.dateRangeTypeOptions = [types_1.DateRangeTypes.WITHIN, types_1.DateRangeTypes.AGO, types_1.DateRangeTypes.BETWEEN];
-var getDateRangeTypeLabel = function (type) {
+import i18n from 'ui-i18n';
+import { DateRangeTypes } from '../../../types';
+export var dateRangeTypeOptions = [DateRangeTypes.WITHIN, DateRangeTypes.AGO, DateRangeTypes.BETWEEN];
+export var getDateRangeTypeLabel = function (type) {
     var _a;
     var labels = (_a = {},
-        _a[types_1.DateRangeTypes.WITHIN] = ui_i18n_1.default.text('Within the last'),
-        _a[types_1.DateRangeTypes.AGO] = ui_i18n_1.default.text('More than'),
-        _a[types_1.DateRangeTypes.BETWEEN] = ui_i18n_1.default.text('Date range'),
+        _a[DateRangeTypes.WITHIN] = i18n.text('Within the last'),
+        _a[DateRangeTypes.AGO] = i18n.text('More than'),
+        _a[DateRangeTypes.BETWEEN] = i18n.text('Date range'),
         _a);
     return labels[type] || '';
 };
-exports.getDateRangeTypeLabel = getDateRangeTypeLabel;

package/components/history/HistoryActivitySelector/HistoryActivitySelector.js

@@ -1,27 +1,22 @@
-"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");
+import React from 'react';
+import i18n from 'ui-i18n';
+import { defaultTo, pipe, pluck } from 'ramda';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import MultiSelect from '../../ReactSelect/MultiSelect';
+import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
+import { getHistoryActivityLabel, historyActivityOptions } from './utils';
+import { customStyles, useStyles } from './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 styles = useStyles();
+    var valueToOption = function (value) { return ({ value: value, label: 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" })));
+    var options = prepareValues(historyActivityOptions);
+    return (React.createElement("div", { className: classnames(styles.root, className) },
+        React.createElement(Typography, { className: styles.title, variant: 'subtitle1' }, i18n.text('Activity')),
+        React.createElement(MultiSelect, { value: prepareValues(selectedHistoryActivityTypes), onChange: pipe(defaultTo([]), pluck('value'), onChange), options: options, TextFieldProps: { classes: { root: styles.dropDownInput } }, components: {
+                DropdownIndicator: DropdownIndicatorWithIconButton
+            }, styles: customStyles, classes: styles, menuPlacement: "bottom" })));
 };
-exports.default = HistoryActivitySelector;
+export default HistoryActivitySelector;

package/components/history/HistoryActivitySelector/styles.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,13 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     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 = {
+import { makeStyles } from '@material-ui/core/styles';
+export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
 };
-exports.useStyles = styles_1.makeStyles({
+export var useStyles = makeStyles({
     root: {
         flex: 1
     },

package/components/history/HistoryActivitySelector/utils.js

@@ -1,23 +1,16 @@
-"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
+import i18n from 'ui-i18n';
+import { HistoryActivityType } from '../types/HistoryFilter';
+export var historyActivityOptions = [
+    HistoryActivityType.UPDATE,
+    HistoryActivityType.MERGE,
+    HistoryActivityType.UNMERGE
 ];
-var getHistoryActivityLabel = function (type) {
+export 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[HistoryActivityType.UPDATE] = i18n.text('Update'),
+        _a[HistoryActivityType.MERGE] = i18n.text('Merge'),
+        _a[HistoryActivityType.UNMERGE] = i18n.text('Unmerge'),
         _a);
     return labels[type] || '';
 };
-exports.getHistoryActivityLabel = getHistoryActivityLabel;

package/components/history/HistoryFilterButton/HistoryFilterButton.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,78 +9,55 @@ 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 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");
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import { curry } from 'ramda';
+import FilterListIcon from '@material-ui/icons/FilterList';
+import Button from '@material-ui/core/Button';
+import Popover from '@material-ui/core/Popover';
+import Typography from '@material-ui/core/Typography';
+import { SmallIconButton } from '../../SmallIconButton';
+import UserSelector from '../../UserSelector/UserSelector';
+import AttributeSelector from '../../AttributeSelector/AttributeSelector';
+import DateRangeSelector from '../DateRangeSelector/DateRangeSelector';
+import HistoryActivitySelector from '../HistoryActivitySelector/HistoryActivitySelector';
+import { useStyles } from './styles';
 var HistoryFilterButton = function (_a) {
     var filter = _a.filter, onApplyFilter = _a.onApplyFilter, entityType = _a.entityType;
-    var styles = styles_1.useStyles();
-    var _b = react_1.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var styles = useStyles();
+    var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
-    var _c = react_1.useState(filter), currentValue = _c[0], setCurrentValue = _c[1];
+    var _c = useState(filter), currentValue = _c[0], setCurrentValue = _c[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)));
         });
     });
     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: {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SmallIconButton, { icon: FilterListIcon, size: "XS", onClick: openPopup, className: styles.icon }),
+        React.createElement(Popover, { 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 () {
+            React.createElement("div", { className: styles.filterContainer },
+                React.createElement(Typography, { variant: "h6" }, i18n.text('Filter')),
+                React.createElement(DateRangeSelector, { value: dateRange, onChange: handlePropChange('dateRange'), className: styles.filterItem }),
+                React.createElement(UserSelector, { selectedUsers: users, onChange: handlePropChange('users'), className: styles.filterItem }),
+                React.createElement(HistoryActivitySelector, { selectedHistoryActivityTypes: activities, onChange: handlePropChange('activities'), className: styles.filterItem }),
+                React.createElement(AttributeSelector, { selectedAttributes: attributes, entityType: entityType, onChange: handlePropChange('attributes'), className: styles.filterItem, title: i18n.text('Attribute updated'), menuPlacement: "top" })),
+            React.createElement("div", { className: styles.filterControls },
+                React.createElement(Button, { onClick: clearCurrentValue, className: styles.clearButton }, i18n.text('Clear all')),
+                React.createElement(Button, { onClick: closePopup }, i18n.text('Cancel')),
+                React.createElement(Button, { color: "primary", onClick: function () {
                         onApplyFilter(currentValue);
                         closePopup();
-                    } }, ui_i18n_1.default.text('Apply'))))));
+                    } }, i18n.text('Apply'))))));
 };
-exports.default = HistoryFilterButton;
+export default HistoryFilterButton;

package/components/history/HistoryFilterButton/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({
     icon: {
         margin: 5
     },

package/components/history/HistoryGraph/HistoryCircle.js

@@ -1,20 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LINE_MARGIN = exports.BUMP_RADIUS = void 0;
-var react_1 = __importDefault(require("react"));
-exports.BUMP_RADIUS = 3;
-exports.LINE_MARGIN = 4;
+import React from 'react';
+export var BUMP_RADIUS = 3;
+export var LINE_MARGIN = 4;
 var HistoryCircle = function (_a) {
     var x = _a.x, y = _a.y, color = _a.color, isDashed = _a.isDashed, isCollapsed = _a.isCollapsed, showCollapseIcon = _a.showCollapseIcon, showLine = _a.showLine;
-    var radius = showCollapseIcon ? exports.BUMP_RADIUS * 2 : exports.BUMP_RADIUS;
-    return (react_1.default.createElement("g", null,
-        showLine && (react_1.default.createElement("rect", { id: "line", x: x - radius - exports.LINE_MARGIN, y: y - radius - exports.LINE_MARGIN, width: radius * 2 + exports.LINE_MARGIN * 2, height: 2, fill: color })),
-        react_1.default.createElement("circle", { cx: x, cy: y, r: radius, fill: isDashed ? '#fff' : color, stroke: color, strokeDasharray: isDashed ? '1,1' : undefined, strokeWidth: 2 }),
-        showCollapseIcon && (react_1.default.createElement("g", { id: "icon" },
-            react_1.default.createElement("rect", { x: x - 4, y: y - 1, width: 8, height: 2, fill: "#fff" }),
-            isCollapsed && react_1.default.createElement("rect", { x: x - 1, y: y - 4, width: 2, height: 8, fill: "#fff" })))));
+    var radius = showCollapseIcon ? BUMP_RADIUS * 2 : BUMP_RADIUS;
+    return (React.createElement("g", null,
+        showLine && (React.createElement("rect", { id: "line", x: x - radius - LINE_MARGIN, y: y - radius - LINE_MARGIN, width: radius * 2 + LINE_MARGIN * 2, height: 2, fill: color })),
+        React.createElement("circle", { cx: x, cy: y, r: radius, fill: isDashed ? '#fff' : color, stroke: color, strokeDasharray: isDashed ? '1,1' : undefined, strokeWidth: 2 }),
+        showCollapseIcon && (React.createElement("g", { id: "icon" },
+            React.createElement("rect", { x: x - 4, y: y - 1, width: 8, height: 2, fill: "#fff" }),
+            isCollapsed && React.createElement("rect", { x: x - 1, y: y - 4, width: 2, height: 8, fill: "#fff" })))));
 };
-exports.default = HistoryCircle;
+export default HistoryCircle;