@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/RelationEditor/RelationEditor.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -56,9 +60,9 @@ var RelationEditor = function (_a) {
     var connection = _a.connection, modifiedEntity = _a.modifiedEntity, allModifiedEntities = _a.allModifiedEntities, dispatch = _a.dispatch, config = _a.config, mode = _a.mode, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, error = _a.error;
     var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType, direction = _c.direction;
     var isNew = connection.isNew;
-    var styles = styles_1.useStyles();
-    var _d = react_1.useMemo(function () {
-        return mdm_sdk_1.getInOutRelations({
+    var styles = (0, styles_1.useStyles)();
+    var _d = (0, react_1.useMemo)(function () {
+        return (0, mdm_sdk_1.getInOutRelations)({
             content: connection.parentEntityUri ? config.contentSecondLevel : config.content,
             direction: direction,
             relationType: relationType,
@@ -66,56 +70,56 @@ var RelationEditor = function (_a) {
             metadata: metadata
         });
     }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _e = _d.inRelations, inRelationTypes = _e === void 0 ? [] : _e, _f = _d.outRelations, outRelationTypes = _f === void 0 ? [] : _f;
-    var firstLevelRelationAttrTypes = react_1.useMemo(function () { return mdm_sdk_1.getRelationAttributesList(metadata, relationType); }, [
+    var firstLevelRelationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationType); }, [
         relationType,
         metadata
     ]);
-    var attributeListEntity = react_1.useMemo(function () { return (__assign({ attributes: __assign({}, mdm_module_1.profile.relations.selectors.getRelationAttributesFromConnection(connection)) }, mdm_sdk_1.getActivenessAttributes(connection.relation))); }, [connection]);
-    var initialConnection = react_1.useRef(connection);
-    var initialModifiedEntity = react_1.useRef(modifiedEntity);
-    var relatedTempEntities = react_1.useMemo(function () { return mdm_sdk_1.findRelatedTemporaryEntities(allModifiedEntities, modifiedEntity); }, [
+    var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: __assign({}, mdm_module_1.profile.relations.selectors.getRelationAttributesFromConnection(connection)) }, (0, mdm_sdk_1.getActivenessAttributes)(connection.relation))); }, [connection]);
+    var initialConnection = (0, react_1.useRef)(connection);
+    var initialModifiedEntity = (0, react_1.useRef)(modifiedEntity);
+    var relatedTempEntities = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.findRelatedTemporaryEntities)(allModifiedEntities, modifiedEntity); }, [
         allModifiedEntities,
         modifiedEntity
     ]);
-    var relatedTempEntitiesUrisHistory = react_1.useRef([]);
-    react_1.useEffect(function () {
-        relatedTempEntitiesUrisHistory.current = ramda_1.pipe(ramda_1.concat(relatedTempEntities.map(ramda_1.prop('uri'))), ramda_1.uniq)(relatedTempEntitiesUrisHistory.current);
+    var relatedTempEntitiesUrisHistory = (0, react_1.useRef)([]);
+    (0, react_1.useEffect)(function () {
+        relatedTempEntitiesUrisHistory.current = (0, ramda_1.pipe)((0, ramda_1.concat)(relatedTempEntities.map((0, ramda_1.prop)('uri'))), ramda_1.uniq)(relatedTempEntitiesUrisHistory.current);
     }, [relatedTempEntities]);
-    var initialRelatedTempEntities = react_1.useRef(relatedTempEntities);
-    var defaultRelationType = mdm_sdk_1.getDefaultRelationTypeObject(inRelationTypes, outRelationTypes);
+    var initialRelatedTempEntities = (0, react_1.useRef)(relatedTempEntities);
+    var defaultRelationType = (0, mdm_sdk_1.getDefaultRelationTypeObject)(inRelationTypes, outRelationTypes);
     var hasChanges = initialConnection.current !== connection ||
         initialModifiedEntity.current !== modifiedEntity ||
         areRelatedEntitiesChanged(initialRelatedTempEntities.current, relatedTempEntities) ||
-        (connection.isNew && !mdm_sdk_1.isEmptyValue(ramda_1.path(['relation', 'object', 'attributes'], connection)));
+        (connection.isNew && !(0, mdm_sdk_1.isEmptyValue)((0, ramda_1.path)(['relation', 'object', 'attributes'], connection)));
     var applyAction = isNew ? mdm_module_1.profile.relations.actions.addRelation : mdm_module_1.profile.relations.actions.editRelation;
-    var onRelationTypeChange = react_1.useCallback(ramda_1.pipe(mdm_module_1.profile.relations.actions.setRelationType(config.id, relationUri), dispatch), [config, relationUri, dispatch]);
-    var handleClose = react_1.useCallback(function () { return ramda_1.pipe(mdm_module_1.profile.relations.actions.closeRelationEditor, dispatch)(config.id, relationUri); }, [config, relationUri, dispatch]);
-    var updateModifiedEntityLabel = react_1.useCallback(function (connection) {
+    var onRelationTypeChange = (0, react_1.useCallback)((0, ramda_1.pipe)(mdm_module_1.profile.relations.actions.setRelationType(config.id, relationUri), dispatch), [config, relationUri, dispatch]);
+    var handleClose = (0, react_1.useCallback)(function () { return (0, ramda_1.pipe)(mdm_module_1.profile.relations.actions.closeRelationEditor, dispatch)(config.id, relationUri); }, [config, relationUri, dispatch]);
+    var updateModifiedEntityLabel = (0, react_1.useCallback)(function (connection) {
         if (modifiedEntity) {
-            var entityType = mdm_sdk_1.getEntityType(metadata, modifiedEntity.type);
-            return mdm_sdk_1.updateConnectionEntityLabel(entityType, modifiedEntity, connection);
+            var entityType = (0, mdm_sdk_1.getEntityType)(metadata, modifiedEntity.type);
+            return (0, mdm_sdk_1.updateConnectionEntityLabel)(entityType, modifiedEntity, connection);
         }
         return connection;
     }, [modifiedEntity, metadata]);
-    var setModifiedEntity = react_1.useCallback(function (entity) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityCreated(entity)); }, [dispatch]);
-    var deleteModifiedEntity = react_1.useCallback(function (entityUri) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityDeleted(entityUri)); }, [dispatch]);
-    var onChangeEntity = react_1.useCallback(function (entity) {
+    var setModifiedEntity = (0, react_1.useCallback)(function (entity) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityCreated(entity)); }, [dispatch]);
+    var deleteModifiedEntity = (0, react_1.useCallback)(function (entityUri) { return dispatch(mdm_module_1.profile.modifiedEntities.actions.entityDeleted(entityUri)); }, [dispatch]);
+    var onChangeEntity = (0, react_1.useCallback)(function (entity) {
         if (modifiedEntity) {
             deleteModifiedEntity(modifiedEntity.uri);
         }
         dispatch(mdm_module_1.profile.relations.actions.setRelationEntity(config.id, relationUri, entity));
         if (error) {
-            dispatch(mdm_module_1.profile.errors.actions.errorDeactivated(mdm_sdk_1.getErrorId(error)));
+            dispatch(mdm_module_1.profile.errors.actions.errorDeactivated((0, mdm_sdk_1.getErrorId)(error)));
         }
     }, [config.id, relationUri, dispatch, modifiedEntity, deleteModifiedEntity, error]);
-    var validate = react_1.useCallback(function () {
-        var errors = mdm_sdk_1.validateConnection(metadata, allModifiedEntities, connection);
+    var validate = (0, react_1.useCallback)(function () {
+        var errors = (0, mdm_sdk_1.validateConnection)(metadata, allModifiedEntities, connection);
         dispatch(mdm_module_1.profile.errors.actions.errorsSet(errors));
         return errors.length === 0;
     }, [connection, metadata, allModifiedEntities, dispatch]);
-    var resetErrors = react_1.useCallback(function () { return dispatch(mdm_module_1.profile.errors.actions.errorsSet([])); }, [dispatch]);
-    var onApply = react_1.useCallback(ramda_1.pipe(ramda_1.always(connection), ramda_1.when(validate, ramda_1.pipe(mdm_sdk_1.omitMarks, updateModifiedEntityLabel, applyAction(config.id), dispatch, ramda_1.always(ramda_1.differenceWith(ramda_1.equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(ramda_1.prop('uri')))), ramda_1.forEach(deleteModifiedEntity), handleClose))), [connection, config, dispatch, updateModifiedEntityLabel, validate, relatedTempEntities]);
-    var onCancel = react_1.useCallback(function () {
+    var resetErrors = (0, react_1.useCallback)(function () { return dispatch(mdm_module_1.profile.errors.actions.errorsSet([])); }, [dispatch]);
+    var onApply = (0, react_1.useCallback)((0, ramda_1.pipe)((0, ramda_1.always)(connection), (0, ramda_1.when)(validate, (0, ramda_1.pipe)(mdm_sdk_1.omitMarks, updateModifiedEntityLabel, applyAction(config.id), dispatch, (0, ramda_1.always)((0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map((0, ramda_1.prop)('uri')))), (0, ramda_1.forEach)(deleteModifiedEntity), handleClose))), [connection, config, dispatch, updateModifiedEntityLabel, validate, relatedTempEntities]);
+    var onCancel = (0, react_1.useCallback)(function () {
         var initialEntity = initialModifiedEntity.current;
         if (modifiedEntity !== initialEntity) {
             if (initialEntity) {
@@ -129,21 +133,21 @@ var RelationEditor = function (_a) {
             }
         }
         var initialTempEntities = initialRelatedTempEntities.current;
-        var entitiesUrisToDelete = ramda_1.differenceWith(ramda_1.equals, relatedTempEntitiesUrisHistory.current, initialTempEntities.map(ramda_1.prop('uri')));
+        var entitiesUrisToDelete = (0, ramda_1.differenceWith)(ramda_1.equals, relatedTempEntitiesUrisHistory.current, initialTempEntities.map((0, ramda_1.prop)('uri')));
         entitiesUrisToDelete.forEach(deleteModifiedEntity);
         initialTempEntities.forEach(setModifiedEntity);
         resetErrors();
         handleClose();
     }, [handleClose, setModifiedEntity, deleteModifiedEntity, resetErrors, modifiedEntity]);
-    var onAddAttributes = react_1.useCallback(function (params) {
-        return ramda_1.pipe(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: config.id })); }));
+    var onAddAttributes = (0, react_1.useCallback)(function (params) {
+        return (0, ramda_1.pipe)(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: config.id })); }));
     }, [config.id, dispatch]);
-    var onChangeAttribute = react_1.useCallback(function (params) { return ramda_1.pipe(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
-    var onDeleteAttribute = react_1.useCallback(function (params) { return ramda_1.pipe(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
-    var onCreateEntity = react_1.useCallback(function (entityTypeUri, initValue) {
-        var entityType = mdm_sdk_1.getEntityType(metadata, entityTypeUri);
-        var newEntityAttrTypes = ramda_1.pipe(mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, mdm_sdk_1.getCreatableAttributeTypes(mode))(entityType);
-        var newEntity = mdm_sdk_1.createTemporaryEntity({
+    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
+    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
+    var onCreateEntity = (0, react_1.useCallback)(function (entityTypeUri, initValue) {
+        var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entityTypeUri);
+        var newEntityAttrTypes = (0, ramda_1.pipe)(mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, (0, mdm_sdk_1.getCreatableAttributeTypes)(mode))(entityType);
+        var newEntity = (0, mdm_sdk_1.createTemporaryEntity)({
             entityTypeUri: entityTypeUri,
             initValue: initValue,
             attributeTypes: newEntityAttrTypes,
@@ -153,8 +157,8 @@ var RelationEditor = function (_a) {
         onChangeEntity(newEntity);
         setModifiedEntity(newEntity);
     }, [setModifiedEntity, onChangeEntity, mode, metadata]);
-    var errorMessage = mdm_sdk_1.getErrorMessage(error);
-    var getEntityTypesUris = react_1.useCallback(function () {
+    var errorMessage = (0, mdm_sdk_1.getErrorMessage)(error);
+    var getEntityTypesUris = (0, react_1.useCallback)(function () {
         var content = config.content, contentSecondLevel = config.contentSecondLevel;
         if (contentSecondLevel && connection.parentEntityUri) {
             return contentSecondLevel.entityTypes;
@@ -167,8 +171,8 @@ var RelationEditor = function (_a) {
             defaultRelationType === null && (react_1.default.createElement(ConnectionRelationTypeSelector_1.default, { className: styles.item, relation: connection.relation, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: onRelationTypeChange })),
             Boolean(relationType) && (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage },
-                    react_1.default.createElement(EntitySelector_1.default, { className: classnames_1.default(styles.item, (_b = {},
-                            _b[styles.dense] = errorMessage || (connection.entity && mdm_sdk_1.isTempUri(connection.entity.entityUri)),
+                    react_1.default.createElement(EntitySelector_1.default, { className: (0, classnames_1.default)(styles.item, (_b = {},
+                            _b[styles.dense] = errorMessage || (connection.entity && (0, mdm_sdk_1.isTempUri)(connection.entity.entityUri)),
                             _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], max: config.max || 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: onCreateEntity, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy })),
                 react_1.default.createElement(AttributesList_1.default, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, crosswalks: connection.crosswalks, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })))),
         react_1.default.createElement("div", { className: styles.actionButtons },

package/cjs/components/RelationEditor/index.d.ts

@@ -1,5 +1,5 @@
 export { RelationEditor };
-declare var _default: import("react-redux").ConnectedComponent<{
+declare const _default: import("react-redux").ConnectedComponent<{
     ({ connection, modifiedEntity, allModifiedEntities, dispatch, config, mode, metadata, globalSearchRequestOptions, error }: {
         connection: any;
         modifiedEntity: any;
@@ -42,8 +42,8 @@ declare var _default: import("react-redux").ConnectedComponent<{
         config: import("prop-types").Requireable<import("prop-types").InferProps<{
             id: import("prop-types").Requireable<string>;
             content: import("prop-types").Requireable<import("prop-types").InferProps<{
-                inRelations: import("prop-types").Requireable<(string | object)[]>;
-                outRelations: import("prop-types").Requireable<(string | object)[]>;
+                inRelations: import("prop-types").Requireable<NonNullable<string | object>[]>;
+                outRelations: import("prop-types").Requireable<NonNullable<string | object>[]>;
                 groups: import("prop-types").Requireable<string[]>;
                 entityTypes: import("prop-types").Requireable<string[]>;
                 nextEntry: import("prop-types").Requireable<object>;
@@ -56,19 +56,19 @@ declare var _default: import("react-redux").ConnectedComponent<{
             icon: import("prop-types").Requireable<string>;
             caption: import("prop-types").Requireable<string>;
             canCreate: import("prop-types").Requireable<import("prop-types").InferProps<{
-                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                deviceTypes: import("prop-types").Requireable<NonNullable<string | string[]>>;
                 roles: import("prop-types").Requireable<string[]>;
             }>>;
             canRead: import("prop-types").Requireable<import("prop-types").InferProps<{
-                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                deviceTypes: import("prop-types").Requireable<NonNullable<string | string[]>>;
                 roles: import("prop-types").Requireable<string[]>;
             }>>;
             canUpdate: import("prop-types").Requireable<import("prop-types").InferProps<{
-                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                deviceTypes: import("prop-types").Requireable<NonNullable<string | string[]>>;
                 roles: import("prop-types").Requireable<string[]>;
             }>>;
             canDelete: import("prop-types").Requireable<import("prop-types").InferProps<{
-                deviceTypes: import("prop-types").Requireable<string | string[]>;
+                deviceTypes: import("prop-types").Requireable<NonNullable<string | string[]>>;
                 roles: import("prop-types").Requireable<string[]>;
             }>>;
             editingEnabled: import("prop-types").Requireable<boolean>;
@@ -142,7 +142,7 @@ declare var _default: import("react-redux").ConnectedComponent<{
         }>>;
         globalSearchRequestOptions: import("prop-types").Requireable<object>;
         error: import("prop-types").Requireable<import("prop-types").InferProps<{
-            type: import("prop-types").Validator<import("@reltio/mdm-sdk").ErrorType>;
+            type: import("prop-types").Validator<NonNullable<import("@reltio/mdm-sdk").ErrorType>>;
             attributeTypeUri: import("prop-types").Validator<string>;
             parentUri: import("prop-types").Validator<string>;
             uri: import("prop-types").Requireable<string>;

package/cjs/components/RelationEditor/index.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -31,12 +35,12 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var getConnectionEntityUri = function (props) { return mdm_module_1.profile.relations.selectors.getEntityUriFromConnection(props.connection); };
 var mapStateToProps = function (state, ownProps) {
     var entityUri = getConnectionEntityUri(ownProps);
-    var isTempEntity = mdm_sdk_1.isTempUri(entityUri);
+    var isTempEntity = (0, mdm_sdk_1.isTempUri)(entityUri);
     return {
         modifiedEntity: isTempEntity ? mdm_module_1.default.selectors.getModifiedEntity(state, entityUri) : null,
         allModifiedEntities: isTempEntity ? mdm_module_1.default.selectors.getModifiedEntities(state) : null,
         globalSearchRequestOptions: mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']),
-        error: mdm_sdk_1.getRelationEditorActiveError(ownProps.connection, mdm_module_1.default.selectors.getProfileErrors(state))
+        error: (0, mdm_sdk_1.getRelationEditorActiveError)(ownProps.connection, mdm_module_1.default.selectors.getProfileErrors(state))
     };
 };
-exports.default = react_redux_1.connect(mapStateToProps)(RelationEditor_1.default);
+exports.default = (0, react_redux_1.connect)(mapStateToProps)(RelationEditor_1.default);

package/cjs/components/RelationEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "item" | "dense" | "editor" | "actionButtons">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "title" | "item" | "editor" | "actionButtons">;

package/cjs/components/RelationEditor/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     editor: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/RelationTypesSelector/RelationTypesSelector.js

@@ -1,7 +1,11 @@
 "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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,9 +31,9 @@ var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MetadataTypesSelector_1 = require("../MetadataTypesSelector/MetadataTypesSelector");
-exports.RelationTypesSelector = react_1.memo(function (_a) {
+exports.RelationTypesSelector = (0, react_1.memo)(function (_a) {
     var relationTypes = _a.relationTypes, selectedRelationTypes = _a.selectedRelationTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.ListLabelProps, ListLabelProps = _c === void 0 ? {} : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
-    var items = react_1.useMemo(function () { return relationTypes.filter(mdm_sdk_1.isAvailableRelationType); }, [relationTypes]);
+    var items = (0, react_1.useMemo)(function () { return relationTypes.filter(mdm_sdk_1.isAvailableRelationType); }, [relationTypes]);
     return (react_1.default.createElement(MetadataTypesSelector_1.MetadataTypesSelector, { items: items, selectedItemsUris: selectedRelationTypes, single: single, placeholder: placeholder, enableEmptyValueUnderline: enableEmptyValueUnderline, onChange: onChange, classes: classes, ListLabelProps: ListLabelProps, disabled: disabled, label: ui_i18n_1.default.text('Relation type'), dataReltioId: "relation-type-selector", selectionPopupTitle: ui_i18n_1.default.text('Select relation types') }));
 });
 exports.RelationTypesSelector.displayName = 'RelationTypesSelector';

package/cjs/components/ReltioGridLayout/ReltioGridLayout.d.ts

@@ -1,4 +1,4 @@
-declare var _default: React.MemoExoticComponent<{
+declare const _default: React.MemoExoticComponent<{
     ({ views, layout, layoutOptions, onLayoutChanged, draggableHandle, LayoutItem, onRemove, onDrop, droppingItem, isDroppable, classes }: {
         views: any;
         layout: any;

package/cjs/components/ReltioGridLayout/ReltioGridLayout.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,25 +48,25 @@ var styles_1 = require("./styles");
 var ReltioGridLayout = function (_a) {
     var _b;
     var views = _a.views, layout = _a.layout, layoutOptions = _a.layoutOptions, onLayoutChanged = _a.onLayoutChanged, draggableHandle = _a.draggableHandle, LayoutItem = _a.LayoutItem, onRemove = _a.onRemove, onDrop = _a.onDrop, droppingItem = _a.droppingItem, isDroppable = _a.isDroppable, classes = _a.classes;
-    var ref = react_1.useRef();
-    var styles = styles_1.useStyles();
-    var _c = react_1.useState(null), fullscreenItemId = _c[0], setFullscreenItemId = _c[1];
-    var _d = react_1.useState(0), width = _d[0], setWidth = _d[1];
+    var ref = (0, react_1.useRef)();
+    var styles = (0, styles_1.useStyles)();
+    var _c = (0, react_1.useState)(null), fullscreenItemId = _c[0], setFullscreenItemId = _c[1];
+    var _d = (0, react_1.useState)(0), width = _d[0], setWidth = _d[1];
     var cols = layoutOptions.cols, rowHeight = layoutOptions.rowHeight, margin = layoutOptions.margin;
-    var processedLayout = react_1.useMemo(function () { return helpers_1.reltioLayoutToReactGridLayout(layout); }, [layout]);
-    var onReltioLayoutChanged = ramda_1.pipe(helpers_1.reactGridLayoutToReltioLayout, helpers_1.copyPropsFromPreviousLayout(['autosizing'], layout), onLayoutChanged);
+    var processedLayout = (0, react_1.useMemo)(function () { return (0, helpers_1.reltioLayoutToReactGridLayout)(layout); }, [layout]);
+    var onReltioLayoutChanged = (0, ramda_1.pipe)(helpers_1.reactGridLayoutToReltioLayout, (0, helpers_1.copyPropsFromPreviousLayout)(['autosizing'], layout), onLayoutChanged);
     var handleDrop = function (layout, layoutItem, e) {
         if (onDrop) {
-            onDrop(helpers_1.reactGridLayoutToReltioLayout(layout), helpers_1.reactGridLayoutItemToReltioLayoutItem(layoutItem), e);
+            onDrop((0, helpers_1.reactGridLayoutToReltioLayout)(layout), (0, helpers_1.reactGridLayoutItemToReltioLayoutItem)(layoutItem), e);
         }
     };
-    var onToggleFullscreen = react_1.useCallback(function (id) { return setFullscreenItemId(function (prevId) { return (prevId ? null : id); }); }, []);
+    var onToggleFullscreen = (0, react_1.useCallback)(function (id) { return setFullscreenItemId(function (prevId) { return (prevId ? null : id); }); }, []);
     var isFullscreenEnabled = fullscreenItemId !== null;
-    var onItemHeightResize = react_1.useCallback(function (height, layoutId) {
+    var onItemHeightResize = (0, react_1.useCallback)(function (height, layoutId) {
         var isLayoutChanged = false;
         var newLayout = layout.map(function (layoutItem) {
             if (layoutItem.id === layoutId && height) {
-                var newHeight = helpers_1.calcHeight(height, layoutOptions);
+                var newHeight = (0, helpers_1.calcHeight)(height, layoutOptions);
                 if (layoutItem.height !== newHeight) {
                     isLayoutChanged = true;
                     return __assign(__assign({}, layoutItem), { minHeight: newHeight, maxHeight: newHeight, height: newHeight });
@@ -81,11 +85,11 @@ var ReltioGridLayout = function (_a) {
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_resize_detector_1.default, { refreshMode: "debounce", refreshRate: 50, handleWidth: true, onResize: function (width) { return setWidth(width); } }),
-        react_1.default.createElement(react_grid_layout_1.default, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: classnames_1.default(classes.root, styles.gridLayout, (_b = {}, _b[styles.gridFullscreen] = isFullscreenEnabled, _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
+        react_1.default.createElement(react_grid_layout_1.default, { innerRef: ref, layout: processedLayout, cols: cols, draggableHandle: draggableHandle, autoSize: true, rowHeight: rowHeight, width: width, margin: margin, onLayoutChange: onReltioLayoutChanged, isResizable: !isFullscreenEnabled, isDraggable: !isFullscreenEnabled, className: (0, classnames_1.default)(classes.root, styles.gridLayout, (_b = {}, _b[styles.gridFullscreen] = isFullscreenEnabled, _b)), onDrop: handleDrop, droppingItem: droppingItem, isDroppable: isDroppable }, processedLayout.map(function (layoutItem) {
             var isItemFullscreen = fullscreenItemId === layoutItem.i;
-            var isAutosize = (helpers_1.getReltioLayoutItemById(layout, layoutItem.i) || {}).autosizing;
+            var isAutosize = ((0, helpers_1.getReltioLayoutItemById)(layout, layoutItem.i) || {}).autosizing;
             var autosizeComponent = isAutosize ? { AutosizeComponent: getAutosizeComponent(layoutItem.i) } : {};
-            return (react_1.default.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: classnames_1.default({ fullscreen: isItemFullscreen }, classes.item), isFullscreen: isItemFullscreen }, autosizeComponent)));
+            return (react_1.default.createElement(LayoutItem, __assign({ key: layoutItem.i, layoutItemConfig: layoutItem, views: views, onToggleFullscreen: onToggleFullscreen, onRemove: onRemove, className: (0, classnames_1.default)({ fullscreen: isItemFullscreen }, classes.item), isFullscreen: isItemFullscreen }, autosizeComponent)));
         }))));
 };
 ReltioGridLayout.defaultProps = {
@@ -115,4 +119,4 @@ ReltioGridLayout.propTypes = {
         item: prop_types_1.default.string
     })
 };
-exports.default = react_1.memo(ReltioGridLayout);
+exports.default = (0, react_1.memo)(ReltioGridLayout);

package/cjs/components/ReltioGridLayout/helpers.js

@@ -51,11 +51,11 @@ var reltioLayoutToReactGridLayout = function (layout) { return (layout || []).ma
 exports.reltioLayoutToReactGridLayout = reltioLayoutToReactGridLayout;
 var reactGridLayoutToReltioLayout = function (layout) { return (layout || []).map(exports.reactGridLayoutItemToReltioLayoutItem); };
 exports.reactGridLayoutToReltioLayout = reactGridLayoutToReltioLayout;
-exports.getReltioLayoutItemById = ramda_1.curry(function (layout, id) { return (layout || []).find(ramda_1.propEq('id', id)); });
-var updateExtraPropsInLayoutItem = ramda_1.curry(function (props, from, to) { return ramda_1.mergeAll([to, ramda_1.pick(props, from)]); });
-exports.copyPropsFromPreviousLayout = ramda_1.curry(function (props, oldReltioLayout, reltioLayout) {
+exports.getReltioLayoutItemById = (0, ramda_1.curry)(function (layout, id) { return (layout || []).find((0, ramda_1.propEq)('id', id)); });
+var updateExtraPropsInLayoutItem = (0, ramda_1.curry)(function (props, from, to) { return (0, ramda_1.mergeAll)([to, (0, ramda_1.pick)(props, from)]); });
+exports.copyPropsFromPreviousLayout = (0, ramda_1.curry)(function (props, oldReltioLayout, reltioLayout) {
     return (reltioLayout || []).map(function (layoutItem) {
-        return ramda_1.pipe(ramda_1.prop('id'), exports.getReltioLayoutItemById(oldReltioLayout), ramda_1.defaultTo({}), updateExtraPropsInLayoutItem(props, ramda_1.__, layoutItem))(layoutItem);
+        return (0, ramda_1.pipe)((0, ramda_1.prop)('id'), (0, exports.getReltioLayoutItemById)(oldReltioLayout), (0, ramda_1.defaultTo)({}), updateExtraPropsInLayoutItem(props, ramda_1.__, layoutItem))(layoutItem);
     });
 });
 var calcHeight = function (height, options) {

package/cjs/components/ReltioGridLayout/styles.js

@@ -4,7 +4,7 @@ exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ResizeIcon_svg_1 = require("./icons/ResizeIcon.svg");
-exports.useStyles = styles_1.makeStyles(function (_) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (_) { return ({
     gridLayout: {
         position: 'relative',
         width: '100%',
@@ -46,7 +46,7 @@ exports.useStyles = styles_1.makeStyles(function (_) { return ({
                 bottom: 0,
                 right: 0,
                 zIndex: 20,
-                backgroundImage: "url('" + mdm_sdk_1.svg2Url(ResizeIcon_svg_1.RESIZE_ICON) + "')",
+                backgroundImage: "url('".concat((0, mdm_sdk_1.svg2Url)(ResizeIcon_svg_1.RESIZE_ICON), "')"),
                 backgroundRepeat: 'no-repeat',
                 backgroundOrigin: 'content-box',
                 boxSizing: 'border-box',

package/cjs/components/ReltioMap/EntityMarker/EntityMarker.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -58,20 +62,20 @@ var HIDE_DEBOUNCE_INTERVAL = 50;
 var MARKER_WIDTH = 22;
 var MARKER_HEIGHT = 32;
 var MARKER_CARD_MARGIN = 8;
-var hoveredMarkerIcon = mdm_sdk_1.svg2Url(marker_hover_inline_svg_1.HOVERED_MARKER);
-var markerIcon = mdm_sdk_1.svg2Url(marker_inline_svg_1.MARKER);
+var hoveredMarkerIcon = (0, mdm_sdk_1.svg2Url)(marker_hover_inline_svg_1.HOVERED_MARKER);
+var markerIcon = (0, mdm_sdk_1.svg2Url)(marker_inline_svg_1.MARKER);
 var EntityMarker = function (_a) {
     var marker = _a.marker, onClick = _a.onClick, otherProps = __rest(_a, ["marker", "onClick"]);
-    var styles = styles_1.useStyles();
-    var popperAnchor = react_1.useRef();
-    var _b = react_1.useState(false), hovered = _b[0], setHovered = _b[1];
-    var activeEntityUri = react_1.useContext(contexts_1.EntityMarkerContext).activeEntityUri;
-    var isActive = ramda_1.pathEq(['entity', 'uri'], activeEntityUri, marker);
+    var styles = (0, styles_1.useStyles)();
+    var popperAnchor = (0, react_1.useRef)();
+    var _b = (0, react_1.useState)(false), hovered = _b[0], setHovered = _b[1];
+    var activeEntityUri = (0, react_1.useContext)(contexts_1.EntityMarkerContext).activeEntityUri;
+    var isActive = (0, ramda_1.pathEq)(['entity', 'uri'], activeEntityUri, marker);
     var position = { lat: marker.point.lat, lng: marker.point.lng };
-    var setHoveredDebounced = react_1.useCallback(mdm_sdk_1.debounce(setHovered, HIDE_DEBOUNCE_INTERVAL), []);
-    var onMouseOver = react_1.useCallback(function () { return setHoveredDebounced(true); }, [setHoveredDebounced]);
-    var onMouseOut = react_1.useCallback(function () { return setHoveredDebounced(false); }, [setHoveredDebounced]);
-    var handleClick = react_1.useCallback(function () { return onClick(marker); }, [onClick, marker]);
+    var setHoveredDebounced = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(setHovered, HIDE_DEBOUNCE_INTERVAL), []);
+    var onMouseOver = (0, react_1.useCallback)(function () { return setHoveredDebounced(true); }, [setHoveredDebounced]);
+    var onMouseOut = (0, react_1.useCallback)(function () { return setHoveredDebounced(false); }, [setHoveredDebounced]);
+    var handleClick = (0, react_1.useCallback)(function () { return onClick(marker); }, [onClick, marker]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Popper_1.default, { anchorEl: popperAnchor.current, open: hovered, className: styles.popper, modal: false, placement: "top" },
             react_1.default.createElement(ProfileCard_1.default, { entity: marker.entity, onMouseOver: onMouseOver, onMouseOut: onMouseOut })),
@@ -90,4 +94,4 @@ var EntityMarker = function (_a) {
             }, position: position },
             react_1.default.createElement("span", { ref: popperAnchor }))));
 };
-exports.default = react_1.memo(EntityMarker);
+exports.default = (0, react_1.memo)(EntityMarker);

package/cjs/components/ReltioMap/EntityMarker/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     popper: {
         maxWidth: '263px',
         minWidth: '150px',

package/cjs/components/ReltioMap/MapControls/MapControlContainer/MapControlContrainer.js

@@ -5,8 +5,8 @@ var react_1 = require("react");
 var react_dom_1 = require("react-dom");
 var MapControlContainer = function (_a) {
     var children = _a.children, className = _a.className, position = _a.position, map = _a.map;
-    var _b = react_1.useState(null), controlElement = _b[0], setControlElement = _b[1];
-    react_1.useEffect(function () {
+    var _b = (0, react_1.useState)(null), controlElement = _b[0], setControlElement = _b[1];
+    (0, react_1.useEffect)(function () {
         var controlDiv = document.createElement('div');
         var divIndex = map.controls[position].length;
         map.controls[position].push(controlDiv);
@@ -15,13 +15,13 @@ var MapControlContainer = function (_a) {
             map.controls[position].removeAt(divIndex);
         };
     }, [map, position]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (controlElement && className) {
             controlElement.classList.add(className);
         }
     }, [className, controlElement]);
     if (controlElement) {
-        return react_dom_1.createPortal(children, controlElement);
+        return (0, react_dom_1.createPortal)(children, controlElement);
     }
     return null;
 };

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/TopCenterMapControls.js

@@ -11,7 +11,7 @@ var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
 var styles_1 = require("./styles");
 var TopCenterMapControls = function (_a) {
     var isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var onChange = function (event) {
         onChangeIsSearchOnMapMove(event.target.checked);
     };

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "checkbox" | "container">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"checkbox" | "label" | "container">;

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     container: {
         height: '28px',
         marginRight: '7px',

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts

@@ -35,7 +35,7 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
     TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
 } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/Button").ButtonTypeMap<{}, "button">>> & Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "value" | "type" | "title" | "id" | "prefix" | "key" | "name" | "hidden" | "defaultValue" | "translate" | "ref" | "onScroll" | "form" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "form" | "key" | "name" | "type" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
 declare type Props = {
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -13,7 +13,7 @@ var constants_1 = require("../../../../constants");
 var Radius_1 = __importDefault(require("../../../../icons/Radius"));
 var Draw_1 = __importDefault(require("../../../../icons/Draw"));
 var styles_1 = require("./styles");
-exports.ButtonWithTooltip = HOCs_1.withTooltip(Button_1.default);
+exports.ButtonWithTooltip = (0, HOCs_1.withTooltip)(Button_1.default);
 var getIcon = function (mode) {
     switch (mode) {
         case constants_1.MAP_DRAWING_MODES.CIRCLE:
@@ -26,7 +26,7 @@ var getIcon = function (mode) {
 };
 var TopRightMapControls = function (_a) {
     var drawingMode = _a.drawingMode, _b = _a.drawingModes, drawingModes = _b === void 0 ? [] : _b, hasActiveOverlay = _a.hasActiveOverlay, onDrawingModeChanged = _a.onDrawingModeChanged, onClearOverlay = _a.onClearOverlay;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var changeDrawingModeTo = function (drawingMode) { return function () {
         onDrawingModeChanged(drawingMode);
     }; };

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "button" | "container">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "icon" | "container">;

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     container: {
         margin: '2px',
         display: 'flex',