@reltio/components 1.4.876 → 1.4.877

package/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.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,25 +9,6 @@ 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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,66 +20,62 @@ 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 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var EntitySelector_1 = __importDefault(require("../EntitySelector/EntitySelector"));
-var index_1 = require("../../../index");
-var styles_1 = require("./styles");
+import React, { memo, useMemo, useCallback, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { identity, pipe, isEmpty } from 'ramda';
+import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel } from '@reltio/mdm-sdk';
+import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
+import EntitySelector from '../EntitySelector/EntitySelector';
+import { ErrorWrapper } from '../../../index';
+import { useStyles } from './styles';
 var ReferenceAttribute = function (props) {
     var _a;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var modifiedEntity = props.modifiedEntity, metadata = props.metadata, globalSearchRequestOptions = props.globalSearchRequestOptions, onDeleteModifiedEntity = props.onDeleteModifiedEntity, onUpdateModifiedEntity = props.onUpdateModifiedEntity, onDeactivateError = props.onDeactivateError, ownProps = __rest(props, ["modifiedEntity", "metadata", "globalSearchRequestOptions", "onDeleteModifiedEntity", "onUpdateModifiedEntity", "onDeactivateError"]);
     var attributeValue = ownProps.attributeValue, attributeType = ownProps.attributeType, mode = ownProps.mode, crosswalks = ownProps.crosswalks, errors = ownProps.errors, onChangeAttribute = ownProps.onChangeAttribute;
-    var initialAttributeValue = react_1.useRef(attributeValue);
-    var referencedEntity = mdm_sdk_1.getReferencedEntityFromAttrValue(attributeValue);
-    var referencedRelation = mdm_sdk_1.getReferencedRelationFromAttrValue(attributeValue);
-    var referencedEntityTypeUri = mdm_sdk_1.getReferencedEntityTypeUriFromAttrType(attributeType);
-    var referencedEntityType = mdm_sdk_1.getEntityType(metadata, referencedEntityTypeUri);
+    var initialAttributeValue = useRef(attributeValue);
+    var referencedEntity = getReferencedEntityFromAttrValue(attributeValue);
+    var referencedRelation = getReferencedRelationFromAttrValue(attributeValue);
+    var referencedEntityTypeUri = getReferencedEntityTypeUriFromAttrType(attributeType);
+    var referencedEntityType = getEntityType(metadata, referencedEntityTypeUri);
     var label = modifiedEntity
-        ? mdm_sdk_1.evaluateDeepEntityLabel(modifiedEntity, referencedEntityType.dataLabelPattern)
+        ? evaluateDeepEntityLabel(modifiedEntity, referencedEntityType.dataLabelPattern)
         : attributeValue.label;
-    var entityTypesUris = react_1.useMemo(function () { return [referencedEntityTypeUri]; }, [referencedEntityTypeUri]);
-    var allCrosswalks = react_1.useMemo(function () { return mdm_sdk_1.addReferencedRelationCrosswalks(crosswalks, referencedRelation); }, [
+    var entityTypesUris = useMemo(function () { return [referencedEntityTypeUri]; }, [referencedEntityTypeUri]);
+    var allCrosswalks = useMemo(function () { return addReferencedRelationCrosswalks(crosswalks, referencedRelation); }, [
         crosswalks,
         referencedRelation
     ]);
-    var referencedEntityMissedError = react_1.useMemo(function () { return mdm_sdk_1.getReferencedEntityActiveError(attributeValue, errors); }, [
+    var referencedEntityMissedError = useMemo(function () { return getReferencedEntityActiveError(attributeValue, errors); }, [
         attributeValue,
         errors
     ]);
-    var selectedEntity = react_1.useMemo(function () {
+    var selectedEntity = useMemo(function () {
         return referencedEntity && {
-            entityUri: mdm_sdk_1.getReferencedEntityUri(referencedEntity),
-            entityType: mdm_sdk_1.getReferencedEntityTypeUri(referencedEntity),
+            entityUri: getReferencedEntityUri(referencedEntity),
+            entityType: getReferencedEntityTypeUri(referencedEntity),
             entityLabel: attributeValue.label
         };
     }, [referencedEntity, attributeValue.label]);
-    var editableAttrTypes = react_1.useMemo(function () {
-        return mdm_sdk_1.getReferencedRelationAttrTypesUris(attributeType)
-            .map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri); })
-            .filter(ramda_1.identity);
+    var editableAttrTypes = useMemo(function () {
+        return getReferencedRelationAttrTypesUris(attributeType)
+            .map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri); })
+            .filter(identity);
     }, [attributeType, metadata]);
-    var newEntityAttrTypesSelectionStrategy = react_1.useCallback(function (entityType) { return mdm_sdk_1.referencedEntityAttributeTypesSelectionStrategy(attributeType, entityType); }, [attributeType]);
-    var onChangeEntity = react_1.useCallback(function (entity) {
+    var newEntityAttrTypesSelectionStrategy = useCallback(function (entityType) { return referencedEntityAttributeTypesSelectionStrategy(attributeType, entityType); }, [attributeType]);
+    var onChangeEntity = useCallback(function (entity) {
         if (modifiedEntity) {
             onDeleteModifiedEntity(modifiedEntity.uri);
         }
         var initialAttrValue = initialAttributeValue.current;
-        var isInitialEntity = !ramda_1.isEmpty(entity) && entity.uri === mdm_sdk_1.getReferencedEntityUriFromAttrValue(initialAttrValue);
-        var modifiedValue = __assign(__assign({}, attributeValue), { label: entity.label, refEntity: isInitialEntity ? initialAttrValue.refEntity : mdm_sdk_1.convertReferencedEntityForAttrValue(entity), refRelation: isInitialEntity
+        var isInitialEntity = !isEmpty(entity) && entity.uri === getReferencedEntityUriFromAttrValue(initialAttrValue);
+        var modifiedValue = __assign(__assign({}, attributeValue), { label: entity.label, refEntity: isInitialEntity ? initialAttrValue.refEntity : convertReferencedEntityForAttrValue(entity), refRelation: isInitialEntity
                 ? initialAttrValue.refRelation
-                : mdm_sdk_1.createReferencedRelationForAttrValue(attributeValue) });
+                : createReferencedRelationForAttrValue(attributeValue) });
         onChangeAttribute({ value: modifiedValue, attributeType: attributeType, uri: attributeValue.uri });
         if (referencedEntityMissedError) {
-            onDeactivateError(mdm_sdk_1.getErrorId(referencedEntityMissedError));
+            onDeactivateError(getErrorId(referencedEntityMissedError));
         }
     }, [
         attributeValue,
@@ -110,9 +86,9 @@ var ReferenceAttribute = function (props) {
         onDeactivateError,
         referencedEntityMissedError
     ]);
-    var onCreateEntity = react_1.useCallback(function (entityTypeUri, initValue) {
-        var newEntityAttrTypes = ramda_1.pipe(newEntityAttrTypesSelectionStrategy, mdm_sdk_1.getCreatableAttributeTypes(mode))(referencedEntityType);
-        var newEntity = mdm_sdk_1.createTemporaryEntity({
+    var onCreateEntity = useCallback(function (entityTypeUri, initValue) {
+        var newEntityAttrTypes = pipe(newEntityAttrTypesSelectionStrategy, getCreatableAttributeTypes(mode))(referencedEntityType);
+        var newEntity = createTemporaryEntity({
             entityTypeUri: entityTypeUri,
             initValue: initValue,
             attributeTypes: newEntityAttrTypes,
@@ -129,24 +105,24 @@ var ReferenceAttribute = function (props) {
         onChangeEntity,
         onUpdateModifiedEntity
     ]);
-    var canChangeReferencedEntity = react_1.useMemo(function () {
-        return mdm_sdk_1.checkCanEditAttribute({
+    var canChangeReferencedEntity = useMemo(function () {
+        return checkCanEditAttribute({
             attributeType: attributeType,
             attributeValue: attributeValue,
             mode: mode,
-            isReltioCrosswalk: mdm_sdk_1.isReltioCrosswalk(crosswalks, attributeValue)
+            isReltioCrosswalk: isReltioCrosswalk(crosswalks, attributeValue)
         });
     }, [attributeType, attributeValue, mode, crosswalks]);
-    var canCreateReferencedEntity = react_1.useMemo(function () { return mdm_sdk_1.checkMetadataForCreate(mode, referencedEntityType); }, [
+    var canCreateReferencedEntity = useMemo(function () { return checkMetadataForCreate(mode, referencedEntityType); }, [
         mode,
         referencedEntityType
     ]);
-    var errorMessage = mdm_sdk_1.getErrorMessage(referencedEntityMissedError);
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({}, ownProps, { label: mdm_sdk_1.getLabel(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
-        react_1.default.createElement(index_1.ErrorWrapper, { errorMessage: errorMessage },
-            react_1.default.createElement(EntitySelector_1.default, { className: classnames_1.default(styles.item, (_a = {},
-                    _a[styles.dense] = errorMessage || (selectedEntity && mdm_sdk_1.isTempUri(selectedEntity.entityUri)),
+    var errorMessage = getErrorMessage(referencedEntityMissedError);
+    return (React.createElement(ComplexAttribute, __assign({}, ownProps, { label: getLabel(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
+        React.createElement(ErrorWrapper, { errorMessage: errorMessage },
+            React.createElement(EntitySelector, { className: classnames(styles.item, (_a = {},
+                    _a[styles.dense] = errorMessage || (selectedEntity && isTempUri(selectedEntity.entityUri)),
                     _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: canChangeReferencedEntity ? onChangeEntity : undefined, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy }))));
 };
-ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { modifiedEntity: mdm_sdk_1.EntityType, metadata: mdm_sdk_1.MetadataType, globalSearchRequestOptions: prop_types_1.default.object, onDeleteModifiedEntity: prop_types_1.default.func, onUpdateModifiedEntity: prop_types_1.default.func, onDeactivateError: prop_types_1.default.func });
-exports.default = react_1.memo(ReferenceAttribute);
+ReferenceAttribute.propTypes = __assign(__assign({}, ReferenceAttributeType), { modifiedEntity: EntityType, metadata: MetadataType, globalSearchRequestOptions: PropTypes.object, onDeleteModifiedEntity: PropTypes.func, onUpdateModifiedEntity: PropTypes.func, onDeactivateError: PropTypes.func });
+export default memo(ReferenceAttribute);

package/components/attributes/editMode/ReferenceAttribute/index.js

@@ -1,44 +1,19 @@
-"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 });
-exports.ReferenceAttribute = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var ReferenceAttribute_1 = __importDefault(require("./ReferenceAttribute"));
-exports.ReferenceAttribute = ReferenceAttribute_1.default;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { connect } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import ReferenceAttribute from './ReferenceAttribute';
+import { isTempUri, getReferencedEntityUriFromAttrValue } from '@reltio/mdm-sdk';
 var mapStateToProps = function (state, ownProps) {
-    var entityUri = mdm_sdk_1.getReferencedEntityUriFromAttrValue(ownProps.attributeValue);
+    var entityUri = getReferencedEntityUriFromAttrValue(ownProps.attributeValue);
     return {
-        modifiedEntity: mdm_sdk_1.isTempUri(entityUri) ? mdm_module_1.default.selectors.getModifiedEntity(state, entityUri) : null,
-        metadata: mdm_module_1.default.selectors.getMetadata(state),
-        globalSearchRequestOptions: mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly'])
+        modifiedEntity: isTempUri(entityUri) ? mdmModule.selectors.getModifiedEntity(state, entityUri) : null,
+        metadata: mdmModule.selectors.getMetadata(state),
+        globalSearchRequestOptions: mdmModule.selectors.getGlobalSearchRequestOptions(state, ['ovOnly'])
     };
 };
 var mapDispatchToProps = {
-    onDeleteModifiedEntity: mdm_module_1.profile.modifiedEntities.actions.entityDeleted,
-    onUpdateModifiedEntity: mdm_module_1.profile.modifiedEntities.actions.entityCreated,
-    onDeactivateError: mdm_module_1.profile.errors.actions.errorDeactivated
+    onDeleteModifiedEntity: profile.modifiedEntities.actions.entityDeleted,
+    onUpdateModifiedEntity: profile.modifiedEntities.actions.entityCreated,
+    onDeactivateError: profile.errors.actions.errorDeactivated
 };
-exports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(ReferenceAttribute_1.default);
+export { ReferenceAttribute };
+export default connect(mapStateToProps, mapDispatchToProps)(ReferenceAttribute);

package/components/attributes/editMode/ReferenceAttribute/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({
     item: {
         marginBottom: '20px'
     },

package/components/attributes/editMode/RelationTypeSelector/RelationTypeSelector.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,25 +9,6 @@ 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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,33 +20,29 @@ 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 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var ramda_1 = require("ramda");
-var RelationOption_1 = __importDefault(require("./components/RelationOption"));
-var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/DropDownSelector"));
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import { identity, defaultTo } from 'ramda';
+import RelationOption from './components/RelationOption';
+import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 var RelationTypeSelector = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? {} : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "options", "onChange", "TextFieldProps"]);
-    var textFieldProps = react_1.useMemo(function () {
+    var _b = _a.value, value = _b === void 0 ? {} : _b, _c = _a.options, options = _c === void 0 ? [] : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "options", "onChange", "TextFieldProps"]);
+    var textFieldProps = useMemo(function () {
         var _a;
-        return (__assign(__assign({}, ramda_1.defaultTo({}, TextFieldProps)), (_a = {}, _a['data-reltio-id'] = 'relation-type-selector', _a)));
+        return (__assign(__assign({}, defaultTo({}, TextFieldProps)), (_a = {}, _a['data-reltio-id'] = 'relation-type-selector', _a)));
     }, [TextFieldProps]);
-    return (react_1.default.createElement(DropDownSelector_1.default, __assign({ value: value, options: options, onChange: onChange, label: ui_i18n_1.default.text('Select relationship type '), components: { Option: RelationOption_1.default }, TextFieldProps: textFieldProps }, otherProps)));
+    return (React.createElement(DropDownSelector, __assign({ value: value, options: options, onChange: onChange, label: i18n.text('Select relationship type '), components: { Option: RelationOption }, TextFieldProps: textFieldProps }, otherProps)));
 };
-var ValueType = prop_types_1.default.shape({
-    label: prop_types_1.default.string.isRequired,
-    value: prop_types_1.default.string.isRequired,
-    startObject: prop_types_1.default.object,
-    endObject: prop_types_1.default.object
+var ValueType = PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.string.isRequired,
+    startObject: PropTypes.object,
+    endObject: PropTypes.object
 });
 RelationTypeSelector.propTypes = {
     value: ValueType,
-    options: prop_types_1.default.arrayOf(ValueType),
-    onChange: prop_types_1.default.func
+    options: PropTypes.arrayOf(ValueType),
+    onChange: PropTypes.func
 };
-exports.default = RelationTypeSelector;
+export default RelationTypeSelector;

package/components/attributes/editMode/RelationTypeSelector/components/RelationOption.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,48 +9,44 @@ 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 prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
-var EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
-var ExpandedValueTooltip_1 = __importDefault(require("../../../../ExpandedValueTooltip/ExpandedValueTooltip"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import { useOptionStyles } from './styles';
+import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
+import ExpandedValueTooltip from '../../../../ExpandedValueTooltip/ExpandedValueTooltip';
 var RelationOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;
-    var styles = styles_1.useOptionStyles();
+    var styles = useOptionStyles();
     var value = data.value, label = data.label, startObject = data.startObject, endObject = data.endObject;
     var secondaryLabel = startObject.objectType.label + ' \u2194 ' + endObject.objectType.label;
-    return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.container, ref: innerRef, key: value, onClick: function () { return selectOption({ label: label, value: value, startObject: startObject, endObject: endObject }); } }, innerProps),
-        react_1.default.createElement("div", { className: styles.icons },
-            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconTop, entityType: startObject.objectType }),
-            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconBottom, entityType: endObject.objectType })),
-        react_1.default.createElement("div", { className: styles.text },
-            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
-                react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.textItem, styles.primaryTextItem) }, label)),
-            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel },
-                react_1.default.createElement(Typography_1.default, { color: "textSecondary", className: classnames_1.default(styles.textItem, styles.secondaryTextItem) }, secondaryLabel)))));
+    return (React.createElement(MenuItem, __assign({ className: styles.container, ref: innerRef, key: value, onClick: function () { return selectOption({ label: label, value: value, startObject: startObject, endObject: endObject }); } }, innerProps),
+        React.createElement("div", { className: styles.icons },
+            React.createElement(EntityTypeIcon, { className: styles.iconTop, entityType: startObject.objectType }),
+            React.createElement(EntityTypeIcon, { className: styles.iconBottom, entityType: endObject.objectType })),
+        React.createElement("div", { className: styles.text },
+            React.createElement(ExpandedValueTooltip, { value: label },
+                React.createElement(Typography, { className: classnames(styles.textItem, styles.primaryTextItem) }, label)),
+            React.createElement(ExpandedValueTooltip, { value: secondaryLabel },
+                React.createElement(Typography, { color: "textSecondary", className: classnames(styles.textItem, styles.secondaryTextItem) }, secondaryLabel)))));
 };
 RelationOption.propTypes = {
-    innerRef: prop_types_1.default.oneOfType([
-        prop_types_1.default.oneOf([null]),
-        prop_types_1.default.func,
-        prop_types_1.default.shape({
-            current: prop_types_1.default.any.isRequired
+    innerRef: PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.func,
+        PropTypes.shape({
+            current: PropTypes.any.isRequired
         })
     ]),
-    innerProps: prop_types_1.default.object.isRequired,
-    selectOption: prop_types_1.default.func.isRequired,
-    data: prop_types_1.default.shape({
-        value: prop_types_1.default.string.isRequired,
-        label: prop_types_1.default.string.isRequired,
-        startObject: prop_types_1.default.object,
-        endObject: prop_types_1.default.object
+    innerProps: PropTypes.object.isRequired,
+    selectOption: PropTypes.func.isRequired,
+    data: PropTypes.shape({
+        value: PropTypes.string.isRequired,
+        label: PropTypes.string.isRequired,
+        startObject: PropTypes.object,
+        endObject: PropTypes.object
     })
 };
-exports.default = RelationOption;
+export default RelationOption;

package/components/attributes/editMode/RelationTypeSelector/components/styles.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useOptionStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var iconsWidth = '68px';
-exports.useOptionStyles = styles_1.makeStyles({
+export var useOptionStyles = makeStyles({
     container: {
         display: 'flex',
         alignItems: 'center',