@reltio/components 1.4.876 → 1.4.880

package/components/attributes/inline/AttributesPager/AttributesPager.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,25 +20,21 @@ 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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
-var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
-var SimpleAttributesBlock_1 = __importDefault(require("../SimpleAttributesBlock/SimpleAttributesBlock"));
-var NestedAttributesBlock_1 = __importDefault(require("../NestedAttributesBlock/NestedAttributesBlock"));
-var ReferenceAttributesBlock_1 = __importDefault(require("../ReferenceAttributesBlock/ReferenceAttributesBlock"));
-var ImageAttributesBlock_1 = __importDefault(require("../ImageAttributesBlock/ImageAttributesBlock"));
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import { DataTypes } from '@reltio/mdm-sdk';
+import ShowMore from '../../pagersCommon/ShowMore';
+import ShowLess from '../../pagersCommon/ShowLess';
+import SimpleAttributesBlock from '../SimpleAttributesBlock/SimpleAttributesBlock';
+import NestedAttributesBlock from '../NestedAttributesBlock/NestedAttributesBlock';
+import ReferenceAttributesBlock from '../ReferenceAttributesBlock/ReferenceAttributesBlock';
+import ImageAttributesBlock from '../ImageAttributesBlock/ImageAttributesBlock';
+import { propOr } from 'ramda';
+import { useStyles } from './styles';
 var AttributesPager = function (_a) {
     var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, _c = _a.paging, paging = _c === void 0 ? {} : _c, _d = _a.max, max = _d === void 0 ? Infinity : _d, requestNextPage = _a.requestNextPage, props = __rest(_a, ["attributeType", "attributeValues", "paging", "max", "requestNextPage"]);
-    var styles = styles_1.useStyles();
-    var _e = react_1.useState(max), visibleValuesCount = _e[0], setVisibleValuesCount = _e[1];
-    var totalValues = ramda_1.propOr(attributeValues.length, 'totalValues', paging);
+    var styles = useStyles();
+    var _e = useState(max), visibleValuesCount = _e[0], setVisibleValuesCount = _e[1];
+    var totalValues = propOr(attributeValues.length, 'totalValues', paging);
     var hasPaging = max < totalValues;
     var showMore = hasPaging && visibleValuesCount < totalValues;
     var showLess = hasPaging && visibleValuesCount >= totalValues;
@@ -75,22 +51,22 @@ var AttributesPager = function (_a) {
     var hiddenValuesCount = totalValues - visibleValuesCount;
     var renderValues = function (values) {
         switch (attributeType.type) {
-            case mdm_sdk_1.DataTypes.TYPE_NESTED:
-                return (react_1.default.createElement(NestedAttributesBlock_1.default, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType }, props)));
-            case mdm_sdk_1.DataTypes.TYPE_REFERENCE: {
+            case DataTypes.TYPE_NESTED:
+                return (React.createElement(NestedAttributesBlock, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType }, props)));
+            case DataTypes.TYPE_REFERENCE: {
                 var crosswalksMap = props.crosswalksMap, other = __rest(props, ["crosswalksMap"]);
-                return (react_1.default.createElement(ReferenceAttributesBlock_1.default, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType, crosswalksMap: crosswalksMap }, other)));
+                return (React.createElement(ReferenceAttributesBlock, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType, crosswalksMap: crosswalksMap }, other)));
             }
-            case mdm_sdk_1.DataTypes.TYPE_IMAGE: {
-                return (react_1.default.createElement(ImageAttributesBlock_1.default, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType }, props)));
+            case DataTypes.TYPE_IMAGE: {
+                return (React.createElement(ImageAttributesBlock, __assign({ className: styles.complexAttributesWrapper, attributeValues: values, attributeType: attributeType }, props)));
             }
             default:
-                return react_1.default.createElement(SimpleAttributesBlock_1.default, __assign({ attributeValues: values, attributeType: attributeType }, props));
+                return React.createElement(SimpleAttributesBlock, __assign({ attributeValues: values, attributeType: attributeType }, props));
         }
     };
-    return (react_1.default.createElement("div", { className: styles.wrapper },
+    return (React.createElement("div", { className: styles.wrapper },
         renderValues(shownValues),
-        showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: Math.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
-        showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));
+        showMore && (React.createElement(ShowMore, { moreNumber: Math.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
+        showLess && React.createElement(ShowLess, { onClick: onShowLess })));
 };
-exports.default = AttributesPager;
+export default AttributesPager;

package/components/attributes/inline/AttributesPager/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 () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     wrapper: {
         display: 'flex',
         flexDirection: 'column',

package/components/attributes/inline/ComplexAttribute/ComplexAttribute.js

@@ -1,75 +1,51 @@
-"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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var useAttributeState_1 = require("../hooks/useAttributeState");
-var index_1 = require("../../../index");
-var CrosswalkIcon_1 = __importDefault(require("../common/CrosswalkIcon"));
-var ramda_1 = require("ramda");
-var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
-var AttributesList_1 = __importDefault(require("../AttributesList/AttributesList"));
-var PinButton_1 = __importDefault(require("../common/PinButton"));
-var IgnoreButton_1 = __importDefault(require("../common/IgnoreButton"));
-var DeleteButton_1 = __importDefault(require("../common/DeleteButton"));
-var hooks_1 = require("../../../../hooks");
-var contexts_1 = require("../../../../contexts");
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import { areOneHierarchyUris, checkMetadataForDelete, checkMetadataForUpdate, isTempUri, getCrosswalkId, ModeTypes } from '@reltio/mdm-sdk';
+import { useAttributeState } from '../hooks/useAttributeState';
+import { Spacer } from '../../../index';
+import CrosswalkIcon from '../common/CrosswalkIcon';
+import { flatten, pickBy, pipe, prop, uniqBy, values } from 'ramda';
+import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
+import AttributesList from '../AttributesList/AttributesList';
+import PinButton from '../common/PinButton';
+import IgnoreButton from '../common/IgnoreButton';
+import DeleteButton from '../common/DeleteButton';
+import { useDidUpdateEffect } from '../../../../hooks';
+import { useAttributeExpanded } from '../../../../contexts';
+import { useStyles } from './styles';
 var ComplexAttribute = function (_a) {
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue, attributeTypesList = _a.attributeTypesList, label = _a.label, crosswalksMap = _a.crosswalksMap, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onPin = _a.onPin, onIgnore = _a.onIgnore, onDelete = _a.onDelete, onEdit = _a.onEdit, onAdd = _a.onAdd;
-    var styles = styles_1.useStyles();
-    var _b = useAttributeState_1.useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
-    var canEdit = !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
+    var styles = useStyles();
+    var _b = useAttributeState(), isReadingMode = _b.isReadingMode, onMouseEnter = _b.onMouseEnter, onMouseLeave = _b.onMouseLeave;
+    var canEdit = !disableEdit && checkMetadataForUpdate(ModeTypes.EDITING, attributeType);
+    var canDelete = !disableDelete && checkMetadataForDelete(ModeTypes.EDITING, attributeType);
+    var isTemporary = isTempUri(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
     var showDelete = !isReadingMode && canDelete;
-    var expandedFromContext = contexts_1.useAttributeExpanded(attributeValue.uri);
-    var _c = react_1.useState(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
-    hooks_1.useDidUpdateEffect(function () {
+    var expandedFromContext = useAttributeExpanded(attributeValue.uri);
+    var _c = useState(expandedFromContext || isTemporary), expanded = _c[0], setExpanded = _c[1];
+    useDidUpdateEffect(function () {
         if (expandedFromContext)
             setExpanded(expandedFromContext);
     }, [expandedFromContext]);
-    var crosswalks = ramda_1.pipe(ramda_1.pickBy(function (val, attrUri) { return mdm_sdk_1.areOneHierarchyUris(attrUri, attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri); }), ramda_1.values, ramda_1.flatten, ramda_1.uniqBy(ramda_1.prop('uri')))(crosswalksMap);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: styles.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
-            react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
-            react_1.default.createElement("span", null,
+    var crosswalks = pipe(pickBy(function (val, attrUri) { return areOneHierarchyUris(attrUri, attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri); }), values, flatten, uniqBy(prop('uri')))(crosswalksMap);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles.root, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+            React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
+            React.createElement("span", null,
                 label,
-                crosswalks.map(function (crosswalk) { return (react_1.default.createElement(CrosswalkIcon_1.default, { key: mdm_sdk_1.getCrosswalkId(crosswalk), crosswalk: crosswalk, className: styles.crosswalkIcon })); })),
-            react_1.default.createElement(index_1.Spacer, null),
-            react_1.default.createElement("div", { className: styles.actions },
-                showPin && (react_1.default.createElement(PinButton_1.default, { disabled: !canEdit, isPinned: attributeValue.pin, onClick: function () { return onPin({ attributeValue: attributeValue }); } })),
-                showIgnore && (react_1.default.createElement(IgnoreButton_1.default, { disabled: !canEdit, isIgnored: attributeValue.ignored, onClick: function () { return onIgnore({ attributeValue: attributeValue }); } })),
-                showDelete && (react_1.default.createElement(DeleteButton_1.default, { onClick: function () {
+                crosswalks.map(function (crosswalk) { return (React.createElement(CrosswalkIcon, { key: getCrosswalkId(crosswalk), crosswalk: crosswalk, className: styles.crosswalkIcon })); })),
+            React.createElement(Spacer, null),
+            React.createElement("div", { className: styles.actions },
+                showPin && (React.createElement(PinButton, { disabled: !canEdit, isPinned: attributeValue.pin, onClick: function () { return onPin({ attributeValue: attributeValue }); } })),
+                showIgnore && (React.createElement(IgnoreButton, { disabled: !canEdit, isIgnored: attributeValue.ignored, onClick: function () { return onIgnore({ attributeValue: attributeValue }); } })),
+                showDelete && (React.createElement(DeleteButton, { onClick: function () {
                         return onDelete({
                             attributeType: attributeType,
                             attributeValue: attributeValue,
                             crosswalks: crosswalksMap[attributeValue.uri]
                         });
                     } })))),
-        expanded && (react_1.default.createElement(AttributesList_1.default, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, disableEdit: !canEdit, disableDelete: !canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
+        expanded && (React.createElement(AttributesList, { attributeTypes: attributeTypesList, attributes: attributeValue.value, parentUri: attributeValue.uri, crosswalksMap: crosswalksMap, disableEdit: !canEdit, disableDelete: !canDelete, onPin: onPin, onIgnore: onIgnore, onDelete: onDelete, onEdit: onEdit, onAdd: onAdd }))));
 };
-exports.default = ComplexAttribute;
+export default ComplexAttribute;

package/components/attributes/inline/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 () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     root: {
         display: 'flex',
         minHeight: '20px'

package/components/attributes/inline/ImageAttribute/ImageAttribute.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,19 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Image_1 = __importDefault(require("../../../Image/Image"));
-var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var styles_1 = require("./styles");
+import React from 'react';
+import { getImageAttributeThumbnailUrl } from '@reltio/mdm-sdk';
+import Image from '../../../Image/Image';
+import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
+import { useStyles } from './styles';
 var IMAGE_SIZE = { imageWidth: 55, imageHeight: 45 };
 var ImageAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: react_1.default.createElement(Image_1.default, { containerClassName: styles.imageContainer, className: styles.image, src: mdm_sdk_1.getImageAttributeThumbnailUrl(attributeValue), size: IMAGE_SIZE }) }, other)));
+    var styles = useStyles();
+    return (React.createElement(ComplexAttribute, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: React.createElement(Image, { containerClassName: styles.imageContainer, className: styles.image, src: getImageAttributeThumbnailUrl(attributeValue), size: IMAGE_SIZE }) }, other)));
 };
-exports.default = ImageAttribute;
+export default ImageAttribute;

package/components/attributes/inline/ImageAttribute/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 () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     image: {
         borderRadius: '4px',
         background: 'white',

package/components/attributes/inline/ImageAttributesBlock/ImageAttributesBlock.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,14 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ImageAttribute_1 = __importDefault(require("../ImageAttribute/ImageAttribute"));
+import React from 'react';
+import ImageAttribute from '../ImageAttribute/ImageAttribute';
 var ImageAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, props = __rest(_a, ["className", "attributeValues"]);
-    return (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(ImageAttribute_1.default, __assign({ key: value.uri, attributeValue: value }, props))); })));
+    return (React.createElement("div", { className: className }, attributeValues.map(function (value) { return (React.createElement(ImageAttribute, __assign({ key: value.uri, attributeValue: value }, props))); })));
 };
-exports.default = ImageAttributesBlock;
+export default ImageAttributesBlock;

package/components/attributes/inline/NestedAttribute/NestedAttribute.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,17 +20,13 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
+import React from 'react';
+import { getLabel } from '@reltio/mdm-sdk';
+import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
+import { ComplexAttributeLabel } from '../common/ComplexAttributeLabel';
 var NestedAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var label = react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null, mdm_sdk_1.getLabel(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.label));
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: label }, other)));
+    var label = React.createElement(ComplexAttributeLabel, null, getLabel(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.label));
+    return (React.createElement(ComplexAttribute, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeType.attributes, label: label }, other)));
 };
-exports.default = NestedAttribute;
+export default NestedAttribute;

package/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,24 +20,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var NestedAttribute_1 = __importDefault(require("../NestedAttribute/NestedAttribute"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+import React from 'react';
+import { checkMetadataForCreate, ModeTypes } from '@reltio/mdm-sdk';
+import NestedAttribute from '../NestedAttribute/NestedAttribute';
+import Button from '@material-ui/core/Button';
+import i18n from 'ui-i18n';
 var NestedAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);
-    var canCreate = !disableEdit && mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    return attributeValues.length === 0 && canCreate ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: function () {
+    var canCreate = !disableEdit && checkMetadataForCreate(ModeTypes.EDITING, attributeType);
+    return attributeValues.length === 0 && canCreate ? (React.createElement(Button, { variant: "text", color: "primary", onClick: function () {
             return onAdd({
                 parentUri: parentUri,
                 attributeType: attributeType,
                 index: 0
             });
-        } }, ui_i18n_1.default.text('Create attribute'))) : (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(NestedAttribute_1.default, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd, disableEdit: disableEdit }, props))); })));
+        } }, i18n.text('Create attribute'))) : (React.createElement("div", { className: className }, attributeValues.map(function (value) { return (React.createElement(NestedAttribute, __assign({ key: value.uri, attributeValue: value, attributeType: attributeType, onAdd: onAdd, disableEdit: disableEdit }, props))); })));
 };
-exports.default = NestedAttributesBlock;
+export default NestedAttributesBlock;

package/components/attributes/inline/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++) {
@@ -21,28 +20,24 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var ramda_1 = require("ramda");
-var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
-var styles_1 = require("./styles");
+import React from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { findAttributeTypeByUri, getEntityLink, getLabel, getReferencedEntityUriFromAttrValue, getReferencedRelationAttrTypesUris } from '@reltio/mdm-sdk';
+import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
+import { isNil, map, pipe, reject } from 'ramda';
+import { ComplexAttributeLabel } from '../common/ComplexAttributeLabel';
+import { useStyles } from './styles';
 var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
-    var styles = styles_1.useStyles();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
-    var entityLabel = (react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null,
-        react_1.default.createElement("a", { href: mdm_sdk_1.getEntityLink({ uiPath: uiPath, uri: mdm_sdk_1.getReferencedEntityUriFromAttrValue(attributeValue) }), className: styles.label },
-            mdm_sdk_1.getLabel(attributeValue.label),
-            attributeValue.relationshipLabel && (react_1.default.createElement("span", { className: styles.relationshipLabel }, attributeValue.relationshipLabel)))));
-    var attributeTypesList = ramda_1.pipe(mdm_sdk_1.getReferencedRelationAttrTypesUris, ramda_1.map(function (attrTypeUri) { return mdm_sdk_1.findAttributeTypeByUri(metadata, attrTypeUri); }), ramda_1.reject(ramda_1.isNil))(attributeType);
-    return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeTypesList, label: entityLabel }, other)));
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var entityLabel = (React.createElement(ComplexAttributeLabel, null,
+        React.createElement("a", { href: getEntityLink({ uiPath: uiPath, uri: getReferencedEntityUriFromAttrValue(attributeValue) }), className: styles.label },
+            getLabel(attributeValue.label),
+            attributeValue.relationshipLabel && (React.createElement("span", { className: styles.relationshipLabel }, attributeValue.relationshipLabel)))));
+    var attributeTypesList = pipe(getReferencedRelationAttrTypesUris, map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri); }), reject(isNil))(attributeType);
+    return (React.createElement(ComplexAttribute, __assign({ attributeValue: attributeValue, attributeType: attributeType, attributeTypesList: attributeTypesList, label: entityLabel }, other)));
 };
-exports.default = ReferenceAttribute;
+export default ReferenceAttribute;

package/components/attributes/inline/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(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     label: {
         color: theme.palette.primary.main,
         textDecoration: 'none'

package/components/attributes/inline/ReferenceAttributesBlock/ReferenceAttributesBlock.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,14 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ReferenceAttribute_1 = __importDefault(require("../ReferenceAttribute/ReferenceAttribute"));
+import React from 'react';
+import ReferenceAttribute from '../ReferenceAttribute/ReferenceAttribute';
 var ReferenceAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, props = __rest(_a, ["className", "attributeValues"]);
-    return (react_1.default.createElement("div", { className: className }, attributeValues.map(function (value) { return (react_1.default.createElement(ReferenceAttribute_1.default, __assign({ key: value.uri, attributeValue: value }, props))); })));
+    return (React.createElement("div", { className: className }, attributeValues.map(function (value) { return (React.createElement(ReferenceAttribute, __assign({ key: value.uri, attributeValue: value }, props))); })));
 };
-exports.default = ReferenceAttributesBlock;
+export default ReferenceAttributesBlock;

package/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/CrosswalkMenuItem.js

@@ -1,50 +1,26 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var react_1 = __importStar(require("react"));
-var withTooltip_1 = __importDefault(require("../../../../../HOCs/withTooltip/withTooltip"));
-var SourceItem_1 = __importDefault(require("../../common/SourceItem"));
-var styles_1 = require("./styles");
-var MenuItemWithTooltip = withTooltip_1.default(MenuItem_1.default);
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import React, { forwardRef } from 'react';
+import withTooltip from '../../../../../HOCs/withTooltip/withTooltip';
+import SourceItem from '../../common/SourceItem';
+import { useStyles } from './styles';
+var MenuItemWithTooltip = withTooltip(MenuItem);
 var MenuItemContent = function (_a) {
     var styles = _a.styles, icon = _a.icon, text = _a.text;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
+    return (React.createElement(React.Fragment, null,
         icon,
-        react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, text)));
+        React.createElement(Typography, { classes: { root: styles.menuText } }, text)));
 };
-var CrosswalkMenuItem = react_1.forwardRef(function (_a, ref) {
+var CrosswalkMenuItem = forwardRef(function (_a, ref) {
     var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? function () { } : _b;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var disabled = item.disabled, text = item.text, tooltip = item.tooltip, onClick = item.onClick, _c = item.id, id = _c === void 0 ? '' : _c, icon = item.icon, crosswalk = item.crosswalk, color = item.color;
     var handleClick = function (e) {
         onMenuClose(e);
         onClick(e);
     };
-    return crosswalk ? (react_1.default.createElement(SourceItem_1.default, { className: styles.sourceItem, color: color, crosswalk: crosswalk, focusable: true })) : (react_1.default.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-reltio-id": "crosswalk-menu-item" + id },
-        react_1.default.createElement(MenuItemContent, { icon: icon, text: text, styles: styles })));
+    return crosswalk ? (React.createElement(SourceItem, { className: styles.sourceItem, color: color, crosswalk: crosswalk, focusable: true })) : (React.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-reltio-id": "crosswalk-menu-item" + id },
+        React.createElement(MenuItemContent, { icon: icon, text: text, styles: styles })));
 });
 CrosswalkMenuItem.displayName = 'CrosswalkMenuItem';
-exports.default = CrosswalkMenuItem;
+export default CrosswalkMenuItem;

package/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/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 ({
     menuItem: {
         minHeight: '32px',
         color: theme.palette.text.secondary