@reltio/components 1.4.874 → 1.4.878

package/components/crosswalks/AttributesTable/AttributesTable.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,79 +9,56 @@ 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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var BasicTableView_1 = require("../../BasicTableView");
-var BasicViewHeader_1 = __importDefault(require("../../BasicViewHeader/BasicViewHeader"));
-var helpers_1 = require("./helpers");
-var ramda_1 = require("ramda");
-var RowCellRenderer_1 = __importDefault(require("./cell-renderers/RowCellRenderer"));
-var LinearLoadIndicator_1 = __importDefault(require("../../LinearLoadIndicator/LinearLoadIndicator"));
-var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var ConfirmEditIgnoredDialog_1 = __importDefault(require("./ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog"));
-var core_1 = require("../../../core");
-var styles_1 = require("./styles");
+import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import mdmModule from '@reltio/mdm-module';
+import { findAttributeTypeByUri, isReadableAttribute, makeAttrTypeUri } from '@reltio/mdm-sdk';
+import { BasicTable, ColumnsSettings, RowCellAutoSizer, useDynamicRowCellHeight } from '../../BasicTableView';
+import BasicViewHeader from '../../BasicViewHeader/BasicViewHeader';
+import { COLUMNS_DATA, DEFAULT_VISIBLE_COLUMNS, getBasicTableColumnsData, getBasicTableRowsData } from './helpers';
+import { always, either, filter, isNil, keys, map, pipe, without } from 'ramda';
+import RowCellRenderer from './cell-renderers/RowCellRenderer';
+import LinearLoadIndicator from '../../LinearLoadIndicator/LinearLoadIndicator';
+import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
+import ConfirmEditIgnoredDialog from './ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog';
+import { noop } from '../../../core';
+import { useStyles } from './styles';
 var DEFAULT_ROW_HEIGHT = 68;
 var AttributesTable = function (_a) {
-    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? core_1.noop : _c, _d = _a.onPin, onPin = _d === void 0 ? core_1.noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? core_1.noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? core_1.noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? core_1.noop : _g, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? core_1.noop : _h;
-    var styles = styles_1.useStyles();
-    var visibleColumnsData = react_1.useMemo(function () {
-        return ramda_1.pipe(ramda_1.filter(function (_a) {
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? noop : _c, _d = _a.onPin, onPin = _d === void 0 ? noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? noop : _g, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? noop : _h;
+    var styles = useStyles();
+    var visibleColumnsData = useMemo(function () {
+        return pipe(filter(function (_a) {
             var id = _a.id;
             return visibleColumns.includes(id);
-        }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
+        }), getBasicTableColumnsData)(COLUMNS_DATA);
     }, [visibleColumns]);
     var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    react_1.useEffect(function () {
-        if (entity && ramda_1.isNil(selectedAttributeTypes)) {
-            var initialAttrTypes = ramda_1.pipe(ramda_1.keys, ramda_1.without(['paging']), ramda_1.map(mdm_sdk_1.makeAttrTypeUri(parentTypeUri)), ramda_1.map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), ramda_1.filter(mdm_sdk_1.isReadableAttribute))(attributes);
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    useEffect(function () {
+        if (entity && isNil(selectedAttributeTypes)) {
+            var initialAttrTypes = pipe(keys, without(['paging']), map(makeAttrTypeUri(parentTypeUri)), map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), filter(isReadableAttribute))(attributes);
             onSelectAttributeTypes(initialAttrTypes);
         }
     }, [entity, selectedAttributeTypes]);
-    var rowsData = react_1.useMemo(function () {
+    var rowsData = useMemo(function () {
         return parentTypeUri
-            ? helpers_1.getBasicTableRowsData(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes)
+            ? getBasicTableRowsData(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes)
             : [];
     }, [metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, attributes, crosswalksMap]);
-    var _l = BasicTableView_1.useDynamicRowCellHeight(), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
-    var renderRowCell = react_1.useCallback(function (props) { return (react_1.default.createElement(BasicTableView_1.RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, props),
-        react_1.default.createElement(RowCellRenderer_1.default, __assign({}, props)))); }, [changeRowCellHeight]);
-    var getRowCellHeight = react_1.useCallback(ramda_1.either(getDynamicRowCellHeight, ramda_1.always(DEFAULT_ROW_HEIGHT)), [
+    var _l = useDynamicRowCellHeight(), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
+    var renderRowCell = useCallback(function (props) { return (React.createElement(RowCellAutoSizer, __assign({ onChangeHeight: changeRowCellHeight }, props),
+        React.createElement(RowCellRenderer, __assign({}, props)))); }, [changeRowCellHeight]);
+    var getRowCellHeight = useCallback(either(getDynamicRowCellHeight, always(DEFAULT_ROW_HEIGHT)), [
         getDynamicRowCellHeight
     ]);
-    var _m = react_1.useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
-    var _o = react_1.useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
-    var handleEdit = react_1.useCallback(function (event) {
+    var _m = useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
+    var handleEdit = useCallback(function (event) {
         event.attributeValue.ignored ? setPendingIgnoredEditing(event) : onEdit(event);
     }, [onEdit, setPendingIgnoredEditing]);
-    var tableContext = react_1.useMemo(function () { return ({
+    var tableContext = useMemo(function () { return ({
         onDelete: setPendingDeletion,
         onPin: onPin,
         onIgnore: onIgnore,
@@ -105,16 +81,16 @@ var AttributesTable = function (_a) {
         onSelectAttributeTypes,
         readOnly
     ]);
-    return (react_1.default.createElement("div", { className: styles.tableContainer },
-        react_1.default.createElement(BasicViewHeader_1.default, { classes: { root: styles.tableHeader }, title: ui_i18n_1.default.text('Sources') },
-            react_1.default.createElement(BasicTableView_1.ColumnsSettings, { columnsData: helpers_1.COLUMNS_DATA, selectedColumns: visibleColumns, onChangeColumns: onChangeVisibleColumns })),
-        react_1.default.createElement("div", { className: styles.tableContent },
-            isLoading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
-            react_1.default.createElement(BasicTableView_1.BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
-        react_1.default.createElement(ConfirmDeleteDialog_1.default, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: function () { return onDelete(pendingDeletion); } }),
-        react_1.default.createElement(ConfirmEditIgnoredDialog_1.default, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
+    return (React.createElement("div", { className: styles.tableContainer },
+        React.createElement(BasicViewHeader, { classes: { root: styles.tableHeader }, title: i18n.text('Sources') },
+            React.createElement(ColumnsSettings, { columnsData: COLUMNS_DATA, selectedColumns: visibleColumns, onChangeColumns: onChangeVisibleColumns })),
+        React.createElement("div", { className: styles.tableContent },
+            isLoading && React.createElement(LinearLoadIndicator, null),
+            React.createElement(BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
+        React.createElement(ConfirmDeleteDialog, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: function () { return onDelete(pendingDeletion); } }),
+        React.createElement(ConfirmEditIgnoredDialog, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
                 onIgnore({ attributeValue: pendingIgnoredEditing.attributeValue });
                 onEdit(pendingIgnoredEditing);
             } })));
 };
-exports.default = react_1.memo(AttributesTable);
+export default memo(AttributesTable);

package/components/crosswalks/AttributesTable/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.js

@@ -1,57 +1,33 @@
-"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 Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var DialogActions_1 = __importDefault(require("@material-ui/core/DialogActions"));
-var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@material-ui/core/DialogContentText"));
-var Radio_1 = __importDefault(require("@material-ui/core/Radio"));
-var RadioGroup_1 = __importDefault(require("@material-ui/core/RadioGroup"));
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
-var FormControl_1 = __importDefault(require("@material-ui/core/FormControl"));
-var FormLabel_1 = __importDefault(require("@material-ui/core/FormLabel"));
-var core_1 = require("../../../../core");
-var ramda_1 = require("ramda");
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import FormControl from '@material-ui/core/FormControl';
+import FormLabel from '@material-ui/core/FormLabel';
+import { getValue } from '../../../../core';
+import { pipe } from 'ramda';
 var ConfirmEditIgnoredDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onConfirmEditWithoutIgnore = _a.onConfirmEditWithoutIgnore, onConfirmEditWithIgnore = _a.onConfirmEditWithIgnore;
-    var _b = react_1.useState('without'), option = _b[0], setOption = _b[1];
-    return (react_1.default.createElement(Dialog_1.default, { open: open, onEnter: function () { return setOption('without'); } },
-        react_1.default.createElement(DialogContent_1.default, null,
-            react_1.default.createElement(DialogContentText_1.default, null, ui_i18n_1.default.text('You are attempting to change a value that is presently ignored.')),
-            react_1.default.createElement(FormControl_1.default, { component: "fieldset" },
-                react_1.default.createElement(FormLabel_1.default, { component: "legend" }, ui_i18n_1.default.text('Please choose an option:')),
-                react_1.default.createElement(RadioGroup_1.default, { value: option, onChange: ramda_1.pipe(core_1.getValue, setOption) },
-                    react_1.default.createElement(FormControlLabel_1.default, { value: "without", control: react_1.default.createElement(Radio_1.default, null), label: ui_i18n_1.default.text('Save without Ignore') }),
-                    react_1.default.createElement(FormControlLabel_1.default, { value: "with", control: react_1.default.createElement(Radio_1.default, null), label: ui_i18n_1.default.text('Save and apply Ignore to new value') })))),
-        react_1.default.createElement(DialogActions_1.default, null,
-            react_1.default.createElement(Button_1.default, { onClick: onClose, color: "primary" }, ui_i18n_1.default.text('Cancel')),
-            react_1.default.createElement(Button_1.default, { onClick: function () {
+    var _b = useState('without'), option = _b[0], setOption = _b[1];
+    return (React.createElement(Dialog, { open: open, onEnter: function () { return setOption('without'); } },
+        React.createElement(DialogContent, null,
+            React.createElement(DialogContentText, null, i18n.text('You are attempting to change a value that is presently ignored.')),
+            React.createElement(FormControl, { component: "fieldset" },
+                React.createElement(FormLabel, { component: "legend" }, i18n.text('Please choose an option:')),
+                React.createElement(RadioGroup, { value: option, onChange: pipe(getValue, setOption) },
+                    React.createElement(FormControlLabel, { value: "without", control: React.createElement(Radio, null), label: i18n.text('Save without Ignore') }),
+                    React.createElement(FormControlLabel, { value: "with", control: React.createElement(Radio, null), label: i18n.text('Save and apply Ignore to new value') })))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: onClose, color: "primary" }, i18n.text('Cancel')),
+            React.createElement(Button, { onClick: function () {
                     option === 'with' ? onConfirmEditWithIgnore() : onConfirmEditWithoutIgnore();
                     onClose();
-                }, color: "primary" }, ui_i18n_1.default.text('Ok')))));
+                }, color: "primary" }, i18n.text('Ok')))));
 };
-exports.default = ConfirmEditIgnoredDialog;
+export default ConfirmEditIgnoredDialog;

package/components/crosswalks/AttributesTable/cell-renderers/AttributeValuesRenderer.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,22 +9,16 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributeValuesRenderer = void 0;
-var AttributesFactory_1 = __importDefault(require("./attribute-renderers/AttributesFactory"));
-var BasicTableView_1 = require("../../../BasicTableView");
-var ramda_1 = require("ramda");
-var AttributeValuesRenderer = function (_a) {
+import AttributesFactory from './attribute-renderers/AttributesFactory';
+import { withTableContext } from '../../../BasicTableView';
+import { pick } from 'ramda';
+export var AttributeValuesRenderer = function (_a) {
     var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, parentUri = _a.parentUri, readOnly = _a.readOnly;
-    return AttributesFactory_1.default.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri,
+    return AttributesFactory.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri,
         onDelete: onDelete,
         onEdit: onEdit,
         onPin: onPin,
         onIgnore: onIgnore,
         onAdd: onAdd, disableEdit: readOnly, disableDelete: readOnly }));
 };
-exports.AttributeValuesRenderer = AttributeValuesRenderer;
-exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly']))(exports.AttributeValuesRenderer);
+export default withTableContext(pick(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly']))(AttributeValuesRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/AttributesHeadCellRenderer.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++) {
@@ -21,22 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributesHeadCellRenderer = void 0;
-var react_1 = __importDefault(require("react"));
-var HeadCellRenderer_1 = __importDefault(require("./HeadCellRenderer"));
-var AddAttributesButton_1 = __importDefault(require("../AddAttributesButton/AddAttributesButton"));
-var Spacer_1 = __importDefault(require("../../../Spacer/Spacer"));
-var BasicTableView_1 = require("../../../BasicTableView");
-var ramda_1 = require("ramda");
-var AttributesHeadCellRenderer = function (_a) {
+import React from 'react';
+import HeadCellRenderer from './HeadCellRenderer';
+import AddAttributesButton from '../AddAttributesButton/AddAttributesButton';
+import Spacer from '../../../Spacer/Spacer';
+import { withTableContext } from '../../../BasicTableView';
+import { pick } from 'ramda';
+export var AttributesHeadCellRenderer = function (_a) {
     var readOnly = _a.readOnly, props = __rest(_a, ["readOnly"]);
-    return readOnly ? (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props))) : (react_1.default.createElement(HeadCellRenderer_1.default, __assign({}, props),
-        react_1.default.createElement(Spacer_1.default, null),
-        react_1.default.createElement(AddAttributesButton_1.default, null)));
+    return readOnly ? (React.createElement(HeadCellRenderer, __assign({}, props))) : (React.createElement(HeadCellRenderer, __assign({}, props),
+        React.createElement(Spacer, null),
+        React.createElement(AddAttributesButton, null)));
 };
-exports.AttributesHeadCellRenderer = AttributesHeadCellRenderer;
-exports.default = BasicTableView_1.withTableContext(ramda_1.pick(['readOnly']))(exports.AttributesHeadCellRenderer);
+export default withTableContext(pick(['readOnly']))(AttributesHeadCellRenderer);

package/components/crosswalks/AttributesTable/cell-renderers/CountRenderer.js

@@ -1,14 +1,9 @@
-"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 styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var CountRenderer = function (_a) {
     var value = _a.value;
-    var styles = styles_1.useStyles();
-    return react_1.default.createElement("div", { className: classnames_1.default(styles.cellValueWrapper, styles.count) }, value);
+    var styles = useStyles();
+    return React.createElement("div", { className: classnames(styles.cellValueWrapper, styles.count) }, value);
 };
-exports.default = CountRenderer;
+export default CountRenderer;

package/components/crosswalks/AttributesTable/cell-renderers/DefaultCellValueRenderer.js

@@ -1,13 +1,8 @@
-"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 styles_1 = require("./styles");
+import React from 'react';
+import { useStyles } from './styles';
 var DefaultCellValueRenderer = function (_a) {
     var value = _a.value;
-    var styles = styles_1.useStyles();
-    return react_1.default.createElement("div", { className: styles.cellValueWrapper }, value);
+    var styles = useStyles();
+    return React.createElement("div", { className: styles.cellValueWrapper }, value);
 };
-exports.default = DefaultCellValueRenderer;
+export default DefaultCellValueRenderer;

package/components/crosswalks/AttributesTable/cell-renderers/HeadCellRenderer.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,18 +9,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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 DefaultHeadCellRenderer_1 = __importDefault(require("react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
+import React from 'react';
+import DefaultHeadCellRenderer from 'react-components/dist/Table/DefaultHeadCellRenderer/DefaultHeadCellRenderer';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var HeadCellRenderer = function (props) {
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.headCell, styles.coloredCell) },
-        react_1.default.createElement(DefaultHeadCellRenderer_1.default, __assign({}, props)),
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.headCell, styles.coloredCell) },
+        React.createElement(DefaultHeadCellRenderer, __assign({}, props)),
         props.children));
 };
-exports.default = HeadCellRenderer;
+export default HeadCellRenderer;

package/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.js

@@ -1,17 +1,12 @@
-"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 Title_1 = __importDefault(require("../../../Title/Title"));
-var AttributeValuesBlock_1 = __importDefault(require("../../../attributes/readMode/AttributeValuesBlock/AttributeValuesBlock"));
-var styles_1 = require("./styles");
+import React from 'react';
+import AttributeTitle from '../../../Title/Title';
+import ReadOnlyAttributeValuesBlock from '../../../attributes/readMode/AttributeValuesBlock/AttributeValuesBlock';
+import { useStyles } from './styles';
 var OvValuesRenderer = function (_a) {
     var _b = _a.value, values = _b.values, attributeType = _b.attributeType;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: styles.cellValueWrapper },
-        react_1.default.createElement(Title_1.default, { className: styles.attributeTitle, label: attributeType.label, attributeType: attributeType }),
-        react_1.default.createElement(AttributeValuesBlock_1.default, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })));
+    var styles = useStyles();
+    return (React.createElement("div", { className: styles.cellValueWrapper },
+        React.createElement(AttributeTitle, { className: styles.attributeTitle, label: attributeType.label, attributeType: attributeType }),
+        React.createElement(ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })));
 };
-exports.default = OvValuesRenderer;
+export default OvValuesRenderer;

package/components/crosswalks/AttributesTable/cell-renderers/RowCellRenderer.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++) {
@@ -21,17 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
 var RowCellRenderer = function (_a) {
     var cell = _a.cell, CellValueRenderer = _a.CellValueRenderer, columnIndex = _a.columnIndex, columnData = _a.columnData, otherProps = __rest(_a, ["cell", "CellValueRenderer", "columnIndex", "columnData"]);
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var isFirstColumn = columnIndex === 0;
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.rowCell, isFirstColumn && styles.coloredCell), "data-reltio-id": "column-name-" + columnData.id }, cell.values.map(function (value, index) { return (react_1.default.createElement(CellValueRenderer, __assign({ key: index, value: value }, otherProps))); })));
+    return (React.createElement("div", { className: classnames(styles.rowCell, isFirstColumn && styles.coloredCell), "data-reltio-id": "column-name-" + columnData.id }, cell.values.map(function (value, index) { return (React.createElement(CellValueRenderer, __assign({ key: index, value: value }, otherProps))); })));
 };
-exports.default = RowCellRenderer;
+export default RowCellRenderer;

package/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -1,104 +1,80 @@
-"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 ramda_1 = require("ramda");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var List_1 = __importDefault(require("@material-ui/core/List"));
-var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
-var ListItemText_1 = __importDefault(require("@material-ui/core/ListItemText"));
-var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var Info_1 = __importDefault(require("@material-ui/icons/Info"));
-var SmallIconButton_1 = require("../../../SmallIconButton");
-var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import { useSelector } from 'react-redux';
+import { cond, prop } from 'ramda';
+import i18n from 'ui-i18n';
+import IconButton from '@material-ui/core/IconButton';
+import List from '@material-ui/core/List';
+import ListItem from '@material-ui/core/ListItem';
+import ListItemText from '@material-ui/core/ListItemText';
+import Popover from '@material-ui/core/Popover';
+import Typography from '@material-ui/core/Typography';
+import CloseIcon from '@material-ui/icons/Close';
+import InfoIcon from '@material-ui/icons/Info';
+import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
+import SourceIcon from '../../../SourceIcon/SourceIcon';
+import mdmModule from '@reltio/mdm-module';
+import { findAttributeTypeByUri, getLabel, getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
 var SourcesRenderer = function (_a) {
     var sourcesUriOrder = _a.sourcesUriOrder;
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    return (react_1.default.createElement(react_1.default.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (react_1.default.createElement(ListItem_1.default, { key: sourceUri, className: styles.popupItem },
-        react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: sourceUri }),
-        react_1.default.createElement(ListItemText_1.default, { primary: mdm_sdk_1.getSourceSystemLabel(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    return (React.createElement(React.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (React.createElement(ListItem, { key: sourceUri, className: styles.popupItem },
+        React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: sourceUri }),
+        React.createElement(ListItemText, { primary: getSourceSystemLabel(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
 };
 var AttributeRenderer = function (_a) {
     var attributeUri = _a.attributeUri;
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var attributeType = mdm_sdk_1.findAttributeTypeByUri(metadata, attributeUri);
-    return (react_1.default.createElement(ListItem_1.default, { key: attributeType.uri, className: styles.popupItem },
-        react_1.default.createElement(ListItemText_1.default, { primary: mdm_sdk_1.getLabel(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var attributeType = findAttributeTypeByUri(metadata, attributeUri);
+    return (React.createElement(ListItem, { key: attributeType.uri, className: styles.popupItem },
+        React.createElement(ListItemText, { primary: getLabel(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
 };
-var getInfoTitle = ramda_1.cond([
-    [ramda_1.prop('sourcesUriOrder'), function () { return ui_i18n_1.default.text('Source sequence'); }],
-    [ramda_1.prop('primaryAttributeUri'), function () { return ui_i18n_1.default.text('Attribute winner'); }],
-    [ramda_1.prop('comparisonAttributeUri'), function () { return ui_i18n_1.default.text('Comparison attribute'); }]
+var getInfoTitle = cond([
+    [prop('sourcesUriOrder'), function () { return i18n.text('Source sequence'); }],
+    [prop('primaryAttributeUri'), function () { return i18n.text('Attribute winner'); }],
+    [prop('comparisonAttributeUri'), function () { return i18n.text('Comparison attribute'); }]
 ]);
-var getInfoContent = ramda_1.cond([
+var getInfoContent = cond([
     // eslint-disable-next-line react/display-name
-    [ramda_1.prop('sourcesUriOrder'), function (_a) {
+    [prop('sourcesUriOrder'), function (_a) {
             var sourcesUriOrder = _a.sourcesUriOrder;
-            return react_1.default.createElement(SourcesRenderer, { sourcesUriOrder: sourcesUriOrder });
+            return React.createElement(SourcesRenderer, { sourcesUriOrder: sourcesUriOrder });
         }],
     // eslint-disable-next-line react/display-name
-    [ramda_1.prop('primaryAttributeUri'), function (_a) {
+    [prop('primaryAttributeUri'), function (_a) {
             var primaryAttributeUri = _a.primaryAttributeUri;
-            return react_1.default.createElement(AttributeRenderer, { attributeUri: primaryAttributeUri });
+            return React.createElement(AttributeRenderer, { attributeUri: primaryAttributeUri });
         }],
     [
-        ramda_1.prop('comparisonAttributeUri'),
+        prop('comparisonAttributeUri'),
         // eslint-disable-next-line react/display-name
         function (_a) {
             var comparisonAttributeUri = _a.comparisonAttributeUri;
-            return react_1.default.createElement(AttributeRenderer, { attributeUri: comparisonAttributeUri });
+            return React.createElement(AttributeRenderer, { attributeUri: comparisonAttributeUri });
         }
     ]
 ]);
 var RuleTypeInfoButton = function (_a) {
     var info = _a.info;
-    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); };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Info_1.default, tooltipTitle: ui_i18n_1.default.text('View details'), size: 'XS', onClick: openPopup }),
-        react_1.default.createElement(Popover_1.default, { classes: { paper: styles.rulePopup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SmallIconButtonWithTooltip, { icon: InfoIcon, tooltipTitle: i18n.text('View details'), size: 'XS', onClick: openPopup }),
+        React.createElement(Popover, { classes: { paper: styles.rulePopup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right'
             }, transformOrigin: {
                 vertical: 'top',
                 horizontal: 'right'
             } },
-            react_1.default.createElement("div", { className: styles.popupTitleWrapper },
-                react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup },
-                    react_1.default.createElement(Close_1.default, null)),
-                react_1.default.createElement(Typography_1.default, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
-            react_1.default.createElement(List_1.default, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));
+            React.createElement("div", { className: styles.popupTitleWrapper },
+                React.createElement(IconButton, { className: styles.closeButton, onClick: closePopup },
+                    React.createElement(CloseIcon, null)),
+                React.createElement(Typography, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
+            React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));
 };
-exports.default = RuleTypeInfoButton;
+export default RuleTypeInfoButton;