@reltio/components 1.4.876 → 1.4.877

package/components/attributes/editMode/ComplexAttribute/ComplexAttribute.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,96 +9,73 @@ 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 prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
-var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper"));
-var AttributesList_1 = __importDefault(require("../AttributesList/AttributesList"));
-var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
+import React, { useMemo, useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import Button from '@material-ui/core/Button';
+import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
+import DeleteIcon from '@material-ui/icons/Delete';
+import Typography from '@material-ui/core/Typography';
+import i18n from 'ui-i18n';
+import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, ComplexAttributeType, ReferenceAttributeValueType, NestedAttributeValueType, AttributeTypeType, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
+import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
+import AttributesList from '../AttributesList/AttributesList';
+import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
 var ComplexAttribute = function (_a) {
     var _b;
     var label = _a.label, attributeTypesList = _a.attributeTypesList, attributeType = _a.attributeType, attributeValue = _a.attributeValue, children = _a.children, errors = _a.errors, ownError = _a.ownError, mode = _a.mode, metadata = _a.metadata, crosswalks = _a.crosswalks, lazy = _a.lazy, showEmptyEditors = _a.showEmptyEditors, onAddOneMore = _a.onAddOneMore, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, hideDeleteButton = _a.hideDeleteButton, state = _a.state, showNonOv = _a.showNonOv;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
     var uri = attributeValue.uri;
-    var isNew = mdm_sdk_1.isTempUri(uri);
-    var _c = react_1.useState(isNew), expanded = _c[0], setExpanded = _c[1];
-    var canDelete = react_1.useMemo(function () {
-        return mdm_sdk_1.checkCanDeleteAttribute({
+    var isNew = isTempUri(uri);
+    var _c = useState(isNew), expanded = _c[0], setExpanded = _c[1];
+    var canDelete = useMemo(function () {
+        return checkCanDeleteAttribute({
             attributeType: attributeType,
             attributeValue: attributeValue,
             mode: mode,
             metadata: metadata,
-            isReltioCrosswalk: mdm_sdk_1.isReltioCrosswalk(crosswalks, attributeValue)
+            isReltioCrosswalk: isReltioCrosswalk(crosswalks, attributeValue)
         });
     }, [attributeType, attributeValue, mode, metadata, crosswalks]);
     var showDeleteButton = !deleted && !hideDeleteButton && !!onDeleteAttribute && canDelete;
     var onDeleteThis = function () { return onDeleteAttribute({ uri: uri, attributeType: attributeType, attributeValue: attributeValue }); };
-    var hasDescendantsWithErrors = react_1.useMemo(function () { return mdm_sdk_1.hasAttributeDescendantsWithErrors(attributeValue, errors); }, [
+    var hasDescendantsWithErrors = useMemo(function () { return hasAttributeDescendantsWithErrors(attributeValue, errors); }, [
         errors,
         attributeValue
     ]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (hasDescendantsWithErrors) {
             setExpanded(true);
         }
     }, [errors, hasDescendantsWithErrors]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (deleted) {
             setExpanded(false);
         }
     }, [deleted]);
-    var hasAnalyticValue = (attributeTypesList || []).some(function (attributeType) { return mdm_sdk_1.isAnalyticAttribute(attributeType); });
-    var attributeListEntity = react_1.useMemo(function () { return ({
+    var hasAnalyticValue = (attributeTypesList || []).some(function (attributeType) { return isAnalyticAttribute(attributeType); });
+    var attributeListEntity = useMemo(function () { return ({
         attributes: hasAnalyticValue ? null : attributeValue.value,
         analyticsAttributes: hasAnalyticValue ? attributeValue.value : null
     }); }, [attributeValue, hasAnalyticValue]);
-    var errorMessage = mdm_sdk_1.getErrorMessage(ownError) || (hasDescendantsWithErrors && ui_i18n_1.default.text('Has an incorrect value')) || '';
-    return lazy ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: styles.editor },
-            react_1.default.createElement("div", { className: styles.titleContainer },
-                react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
-                react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
-                    react_1.default.createElement("div", { className: classnames_1.default(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)) }, label))),
-            react_1.default.createElement("div", { className: styles.actions },
-                edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
+    var errorMessage = getErrorMessage(ownError) || (hasDescendantsWithErrors && i18n.text('Has an incorrect value')) || '';
+    return lazy ? (React.createElement(Button, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.editor },
+            React.createElement("div", { className: styles.titleContainer },
+                React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),
+                React.createElement(ErrorWrapper, { errorMessage: errorMessage, classes: { helperText: styles.errorWrapperHelperText } },
+                    React.createElement("div", { className: classnames(styles.label, (_b = {}, _b[styles.deleted] = deleted, _b)) }, label))),
+            React.createElement("div", { className: styles.actions },
+                edited && (React.createElement(Typography, { variant: "caption", className: styles.editedLabel },
                     "(",
-                    ui_i18n_1.default.text('edited'),
+                    i18n.text('edited'),
                     ")")),
                 additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
-                showDeleteButton && react_1.default.createElement(SmallIconButton_1.default, { icon: Delete_1.default, onClick: onDeleteThis, size: "L" }))),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }, children))));
+                showDeleteButton && React.createElement(SmallIconButton, { icon: DeleteIcon, onClick: onDeleteThis, size: "L" }))),
+        expanded && (React.createElement(AttributesList, { attrTypes: attributeTypesList, entity: attributeListEntity, showEmptyEditors: showEmptyEditors || isNew, drawLines: true, parentUri: uri, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }, children))));
 };
-ComplexAttribute.propTypes = __assign({ label: prop_types_1.default.string, children: prop_types_1.default.node, attributeTypesList: prop_types_1.default.arrayOf(mdm_sdk_1.AttributeTypeType), attributeValue: prop_types_1.default.oneOfType([mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]) }, mdm_sdk_1.ComplexAttributeType);
-exports.default = ComplexAttribute;
+ComplexAttribute.propTypes = __assign({ label: PropTypes.string, children: PropTypes.node, attributeTypesList: PropTypes.arrayOf(AttributeTypeType), attributeValue: PropTypes.oneOfType([NestedAttributeValueType, ReferenceAttributeValueType]) }, ComplexAttributeType);
+export default ComplexAttribute;

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     editor: {
         display: 'flex',
         flex: 1,

package/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -1,49 +1,25 @@
-"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 prop_types_1 = __importDefault(require("prop-types"));
-var AttributesList_1 = __importDefault(require("../AttributesList"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import React, { useMemo } from 'react';
+import PropTypes from 'prop-types';
+import AttributesList from '../AttributesList';
+import { ModeType } from '@reltio/mdm-sdk';
 var defaultAttributeTypesSelectionStrategy = function (entityType) { return entityType && entityType.attributes; };
 var EntityCreator = function (_a) {
     var entity = _a.entity, entityType = _a.entityType, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b, mode = _a.mode, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute;
-    var attributeTypes = react_1.useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [
+    var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [
         attributeTypesSelectionStrategy,
         entityType
     ]);
-    return entity ? (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
+    return entity ? (React.createElement(AttributesList, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
 };
 EntityCreator.propTypes = {
-    entityUri: prop_types_1.default.string,
-    parentUri: prop_types_1.default.string,
-    entity: prop_types_1.default.object,
-    entityType: prop_types_1.default.object,
-    attributeTypesSelectionStrategy: prop_types_1.default.func,
-    mode: mdm_sdk_1.ModeType,
-    onAddAttributes: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func
+    entityUri: PropTypes.string,
+    parentUri: PropTypes.string,
+    entity: PropTypes.object,
+    entityType: PropTypes.object,
+    attributeTypesSelectionStrategy: PropTypes.func,
+    mode: ModeType,
+    onAddAttributes: PropTypes.func,
+    onDeleteAttribute: PropTypes.func,
+    onChangeAttribute: PropTypes.func
 };
-exports.default = EntityCreator;
+export default EntityCreator;

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

@@ -1,38 +1,13 @@
-"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.EntityCreator = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var EntityCreator_1 = __importDefault(require("./EntityCreator"));
-exports.EntityCreator = EntityCreator_1.default;
+import { connect } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import EntityCreator from './EntityCreator';
 var mapStateToProps = function (state, ownProps) { return ({
-    entity: ownProps.entityUri && mdm_module_1.default.selectors.getModifiedEntity(state, ownProps.entityUri)
+    entity: ownProps.entityUri && mdmModule.selectors.getModifiedEntity(state, ownProps.entityUri)
 }); };
 var mapDispatchToProps = {
-    onAddAttributes: mdm_module_1.profile.actions.addAttributes,
-    onDeleteAttribute: mdm_module_1.profile.actions.removeAttribute,
-    onChangeAttribute: mdm_module_1.profile.actions.modifyAttribute
+    onAddAttributes: profile.actions.addAttributes,
+    onDeleteAttribute: profile.actions.removeAttribute,
+    onChangeAttribute: profile.actions.modifyAttribute
 };
-exports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(EntityCreator_1.default);
+export { EntityCreator };
+export default connect(mapStateToProps, mapDispatchToProps)(EntityCreator);

package/components/attributes/editMode/EntitySelector/EntitySelector.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,30 +20,26 @@ 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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/DropDownSelector"));
-var EntityOption_1 = __importDefault(require("./components/EntityOption"));
-var SingleValue_1 = __importDefault(require("./components/SingleValue"));
-var ClearIndicator_1 = __importDefault(require("./components/ClearIndicator"));
-var EntityCreator_1 = __importDefault(require("../EntityCreator"));
-var core_1 = require("../../../../core");
-var Group_1 = __importDefault(require("./components/Group"));
-var styles_1 = require("./styles");
+import React, { useState, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import { isEmpty, prop } from 'ramda';
+import { getFilteredEntities, getEntityType, MetadataType, ConnectionEntityType, ModeType, isTempUri, getLastUriPart, getLabel } from '@reltio/mdm-sdk';
+import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
+import EntityOption from './components/EntityOption';
+import SingleValue from './components/SingleValue';
+import ClearIndicator from './components/ClearIndicator';
+import EntityCreator from '../EntityCreator';
+import { EmptyStub } from '../../../../core';
+import Group from './components/Group';
+import { useStyles } from './styles';
 var buildEntityOptions = function (entityTypes) { return function (entities) {
-    var newOptions = entities.map(function (entity) { return (__assign(__assign({}, entity), { label: mdm_sdk_1.getLabel(entity.label), entityType: entityTypes.find(function (_a) {
+    var newOptions = entities.map(function (entity) { return (__assign(__assign({}, entity), { label: getLabel(entity.label), entityType: entityTypes.find(function (_a) {
             var uri = _a.uri;
             return uri === entity.type;
         }) })); });
     var addDummyOptionToEmptyOptionList = function (options) {
-        return ramda_1.isEmpty(options)
+        return isEmpty(options)
             ? [
                 {
                     label: '',
@@ -85,9 +61,9 @@ var buildEntityOptions = function (entityTypes) { return function (entities) {
 }; };
 var EntitySelector = function (_a) {
     var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, disableLinkClick = _a.disableLinkClick, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
-    var styles = styles_1.useStyles();
-    var _d = react_1.useState(''), inputValue = _d[0], setInputValue = _d[1];
-    var entityTypes = react_1.useMemo(function () { return entityTypesUris.map(function (type) { return mdm_sdk_1.getEntityType(metadata, type); }); }, [
+    var styles = useStyles();
+    var _d = useState(''), inputValue = _d[0], setInputValue = _d[1];
+    var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }); }, [
         entityTypesUris,
         metadata
     ]);
@@ -95,7 +71,7 @@ var EntitySelector = function (_a) {
         {
             filter: 'equals',
             fieldName: 'type',
-            values: entityTypesUris.map(mdm_sdk_1.getLastUriPart)
+            values: entityTypesUris.map(getLastUriPart)
         }
     ];
     var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
@@ -117,30 +93,30 @@ var EntitySelector = function (_a) {
     var handleClear = function () {
         handleChange({});
     };
-    var groupMode = react_1.useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
-    var getOptions = function (value) { return mdm_sdk_1.getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes)); };
-    var currentEntityType = (ramda_1.isEmpty(entity) ? entityTypes[0] : mdm_sdk_1.getEntityType(metadata, entity.entityType)) || {};
-    var createLabel = onCreate && ui_i18n_1.default.text("Create " + (inputValue ? "\"" + inputValue + "\" as " : '') + "new " + currentEntityType.label);
-    var label = ui_i18n_1.default.text("Select " + (entityTypes.length === 1 ? entityTypes[0].label + " " : '') + "profile");
-    var isTempEntity = !ramda_1.isEmpty(entity) && mdm_sdk_1.isTempUri(entity.entityUri);
-    var groupComponent = groupMode ? { Group: Group_1.default, GroupHeading: core_1.EmptyStub } : {};
-    var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator_1.default } : {};
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(DropDownSelector_1.default, __assign({ value: !ramda_1.isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: ramda_1.prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption_1.default, SingleValue: SingleValue_1.default }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick }, otherProps)),
-        isTempEntity && (react_1.default.createElement("div", { className: styles.creatorWrapper },
-            react_1.default.createElement(EntityCreator_1.default, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
+    var groupMode = useMemo(function () { return entityTypes.length !== 1; }, [entityTypes]);
+    var getOptions = function (value) { return getFilteredEntities(filters, options, value).then(buildEntityOptions(entityTypes)); };
+    var currentEntityType = (isEmpty(entity) ? entityTypes[0] : getEntityType(metadata, entity.entityType)) || {};
+    var createLabel = onCreate && i18n.text("Create " + (inputValue ? "\"" + inputValue + "\" as " : '') + "new " + currentEntityType.label);
+    var label = i18n.text("Select " + (entityTypes.length === 1 ? entityTypes[0].label + " " : '') + "profile");
+    var isTempEntity = !isEmpty(entity) && isTempUri(entity.entityUri);
+    var groupComponent = groupMode ? { Group: Group, GroupHeading: EmptyStub } : {};
+    var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator } : {};
+    return (React.createElement(React.Fragment, null,
+        React.createElement(DropDownSelector, __assign({ value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick }, otherProps)),
+        isTempEntity && (React.createElement("div", { className: styles.creatorWrapper },
+            React.createElement(EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
 };
 EntitySelector.propTypes = {
-    entity: mdm_sdk_1.ConnectionEntityType,
-    entityTypesUris: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    max: prop_types_1.default.number,
-    mode: mdm_sdk_1.ModeType,
-    dispatch: prop_types_1.default.func,
-    metadata: mdm_sdk_1.MetadataType,
-    onChange: prop_types_1.default.func.isRequired,
-    onCreate: prop_types_1.default.func,
-    attributeTypesSelectionStrategy: prop_types_1.default.func,
-    globalSearchRequestOptions: prop_types_1.default.object,
-    disableLinkClick: prop_types_1.default.bool
+    entity: ConnectionEntityType,
+    entityTypesUris: PropTypes.arrayOf(PropTypes.string),
+    max: PropTypes.number,
+    mode: ModeType,
+    dispatch: PropTypes.func,
+    metadata: MetadataType,
+    onChange: PropTypes.func.isRequired,
+    onCreate: PropTypes.func,
+    attributeTypesSelectionStrategy: PropTypes.func,
+    globalSearchRequestOptions: PropTypes.object,
+    disableLinkClick: PropTypes.bool
 };
-exports.default = EntitySelector;
+export default EntitySelector;

package/components/attributes/editMode/EntitySelector/components/ClearIndicator.js

@@ -1,20 +1,15 @@
-"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 prop_types_1 = __importDefault(require("prop-types"));
-var Clear_1 = __importDefault(require("@material-ui/icons/Clear"));
-var styles_1 = require("./styles");
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import ClearIcon from '@material-ui/icons/Clear';
+import { useClearIconStyles } from './styles';
+import IconButton from '@material-ui/core/IconButton';
 var ClearIndicator = function (props) {
     var onClear = props.selectProps.onClear;
-    var styles = styles_1.useClearIconStyles();
-    return (react_1.default.createElement(IconButton_1.default, { onClick: onClear },
-        react_1.default.createElement(Clear_1.default, { className: styles.clearIcon })));
+    var styles = useClearIconStyles();
+    return (React.createElement(IconButton, { onClick: onClear },
+        React.createElement(ClearIcon, { className: styles.clearIcon })));
 };
 ClearIndicator.propTypes = {
-    selectProps: prop_types_1.default.object.isRequired
+    selectProps: PropTypes.object.isRequired
 };
-exports.default = ClearIndicator;
+export default ClearIndicator;

package/components/attributes/editMode/EntitySelector/components/EntityOption.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,49 +9,45 @@ 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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
-var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+import React from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
+import MenuItem from '@material-ui/core/MenuItem';
+import { EntityType } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
 var EntityOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var uri = data.uri, entityType = data.entityType, label = data.label, secondaryLabel = data.secondaryLabel;
     if (uri !== '') {
-        return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.entityContainer, ref: innerRef, key: uri, onClick: function () { return selectOption({ label: label, uri: uri, entityType: entityType }); } }, innerProps),
-            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.entityAvatar, entityType: entityType }),
-            react_1.default.createElement("span", { className: styles.entityLabel },
+        return (React.createElement(MenuItem, __assign({ className: styles.entityContainer, ref: innerRef, key: uri, onClick: function () { return selectOption({ label: label, uri: uri, entityType: entityType }); } }, innerProps),
+            React.createElement(EntityTypeIcon, { className: styles.entityAvatar, entityType: entityType }),
+            React.createElement("span", { className: styles.entityLabel },
                 label,
-                secondaryLabel && react_1.default.createElement("span", { className: styles.entitySecondaryLabel },
+                secondaryLabel && React.createElement("span", { className: styles.entitySecondaryLabel },
                     ", ",
                     secondaryLabel))));
     }
     else {
-        return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.entityContainer, ref: innerRef, key: uri }, innerProps, { disabled: true }),
-            react_1.default.createElement("span", { className: styles.emptyEntityLabel }, ui_i18n_1.default.text('No results found'))));
+        return (React.createElement(MenuItem, __assign({ className: styles.entityContainer, ref: innerRef, key: uri }, innerProps, { disabled: true }),
+            React.createElement("span", { className: styles.emptyEntityLabel }, i18n.text('No results found'))));
     }
 };
 EntityOption.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({
-        uri: prop_types_1.default.string.isRequired,
-        label: prop_types_1.default.string.isRequired,
-        entityType: mdm_sdk_1.EntityType.isRequired
+    innerProps: PropTypes.object.isRequired,
+    selectOption: PropTypes.func.isRequired,
+    data: PropTypes.shape({
+        uri: PropTypes.string.isRequired,
+        label: PropTypes.string.isRequired,
+        entityType: EntityType.isRequired
     })
 };
-exports.default = EntityOption;
+export default EntityOption;

package/components/attributes/editMode/EntitySelector/components/EntityTypeOption.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,36 +9,32 @@ 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 EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
-var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
-var styles_1 = require("./styles");
+import React from 'react';
+import PropTypes from 'prop-types';
+import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
+import MenuItem from '@material-ui/core/MenuItem';
+import { useStyles } from './styles';
 var EntityTypeOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var label = data.label, uri = data.uri;
-    return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.entityContainer, ref: innerRef, key: uri, onClick: function () { return selectOption({ label: label, uri: uri }); } }, innerProps),
-        react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.entityAvatar, entityType: data }),
-        react_1.default.createElement("span", { className: styles.entityLabel }, label)));
+    return (React.createElement(MenuItem, __assign({ className: styles.entityContainer, ref: innerRef, key: uri, onClick: function () { return selectOption({ label: label, uri: uri }); } }, innerProps),
+        React.createElement(EntityTypeIcon, { className: styles.entityAvatar, entityType: data }),
+        React.createElement("span", { className: styles.entityLabel }, label)));
 };
 EntityTypeOption.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({
-        uri: prop_types_1.default.string.isRequired,
-        label: prop_types_1.default.string.isRequired
+    innerProps: PropTypes.object.isRequired,
+    selectOption: PropTypes.func.isRequired,
+    data: PropTypes.shape({
+        uri: PropTypes.string.isRequired,
+        label: PropTypes.string.isRequired
     })
 };
-exports.default = EntityTypeOption;
+export default EntityTypeOption;