@reltio/components 1.4.1314 → 1.4.1316

package/cjs/components/attributes/inline/SimpleAttribute/SimpleAttribute.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];
@@ -41,19 +45,19 @@ var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var SimpleAttribute = function (_a) {
     var className = _a.className, dataReltioId = _a.dataReltioId, _b = _a.attributeType, attributeType = _b === void 0 ? null : _b, attributeValue = _a.attributeValue, crosswalk = _a.crosswalk, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onIgnore = _a.onIgnore, onEdit = _a.onEdit, onPin = _a.onPin, onDelete = _a.onDelete;
-    var _c = useAttributeState_1.useAttributeState(), isReadingMode = _c.isReadingMode, isEditingMode = _c.isEditingMode, isHovered = _c.isHovered, onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, setReadingMode = _c.setReadingMode, setEditingMode = _c.setEditingMode;
-    var containerRef = react_1.useRef();
-    var id = mdm_sdk_1.getLastUriPart(attributeValue.uri);
-    var crosswalkDisabled = mdm_sdk_1.isCrosswalkDisabled(crosswalk);
+    var _c = (0, useAttributeState_1.useAttributeState)(), isReadingMode = _c.isReadingMode, isEditingMode = _c.isEditingMode, isHovered = _c.isHovered, onMouseEnter = _c.onMouseEnter, onMouseLeave = _c.onMouseLeave, setReadingMode = _c.setReadingMode, setEditingMode = _c.setEditingMode;
+    var containerRef = (0, react_1.useRef)();
+    var id = (0, mdm_sdk_1.getLastUriPart)(attributeValue.uri);
+    var crosswalkDisabled = (0, mdm_sdk_1.isCrosswalkDisabled)(crosswalk);
     var canModifyAttribute = !attributeType.system && !crosswalkDisabled;
-    var canEdit = canModifyAttribute && !disableEdit && mdm_sdk_1.checkMetadataForUpdate(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var canDelete = canModifyAttribute && !disableDelete && mdm_sdk_1.checkMetadataForDelete(mdm_sdk_1.ModeTypes.EDITING, attributeType);
-    var isTemporary = mdm_sdk_1.isTempUri(attributeValue.uri);
+    var canEdit = canModifyAttribute && !disableEdit && (0, mdm_sdk_1.checkMetadataForUpdate)(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var canDelete = canModifyAttribute && !disableDelete && (0, mdm_sdk_1.checkMetadataForDelete)(mdm_sdk_1.ModeTypes.EDITING, attributeType);
+    var isTemporary = (0, mdm_sdk_1.isTempUri)(attributeValue.uri);
     var showPin = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.pin);
     var showIgnore = !isTemporary && ((!isReadingMode && canEdit) || attributeValue.ignored);
-    var color = contexts_1.useCrosswalkColor(crosswalk);
-    var _d = contexts_1.useCrosswalkHighlight(crosswalk), isHighlighted = _d.isHighlighted, isDimmed = _d.isDimmed, highlightCrosswalk = _d.highlightCrosswalk, removeHighlight = _d.removeHighlight;
-    var styles = styles_1.useStyles({
+    var color = (0, contexts_1.useCrosswalkColor)(crosswalk);
+    var _d = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isHighlighted = _d.isHighlighted, isDimmed = _d.isDimmed, highlightCrosswalk = _d.highlightCrosswalk, removeHighlight = _d.removeHighlight;
+    var styles = (0, styles_1.useStyles)({
         variant: crosswalkDisabled ? 'outlined' : 'filled',
         opaque: !isDimmed,
         fullyColored: isHighlighted,
@@ -91,7 +95,7 @@ var SimpleAttribute = function (_a) {
         removeHighlight();
         setReadingMode();
     };
-    return (react_1.default.createElement("div", { ref: containerRef, className: classnames_1.default(className, styles.root), onMouseEnter: function () {
+    return (react_1.default.createElement("div", { ref: containerRef, className: (0, classnames_1.default)(className, styles.root), onMouseEnter: function () {
             highlightCrosswalk();
             onMouseEnter();
         }, onMouseLeave: function () {
@@ -99,11 +103,11 @@ var SimpleAttribute = function (_a) {
             onMouseLeave();
         }, "data-reltio-id": dataReltioId },
         react_1.default.createElement("div", { className: styles.attributeValue },
-            react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: mdm_sdk_1.getAttrDataTypeDefinition(attributeType) })),
+            react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) })),
         react_1.default.createElement("div", { className: styles.actions },
             showPin && (react_1.default.createElement(PinButton_1.default, { isPinned: attributeValue.pin, onClick: function () { return onPin({ attributeValue: attributeValue }); }, disabled: !canEdit })),
             showIgnore && (react_1.default.createElement(IgnoreButton_1.default, { isIgnored: attributeValue.ignored, onClick: function () { return onIgnore({ attributeValue: attributeValue }); }, disabled: !canEdit })),
-            isHovered && (react_1.default.createElement(DropDownMenuButton_1.default, { MenuItemRenderer: CrosswalkMenuItem_1.default, menuId: "simple-attribute-additional-actions-" + id, buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
+            isHovered && (react_1.default.createElement(DropDownMenuButton_1.default, { MenuItemRenderer: CrosswalkMenuItem_1.default, menuId: "simple-attribute-additional-actions-".concat(id), buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
                     icon: MoreVert_1.default,
                     size: 'XS',
                     tooltipTitle: ui_i18n_1.default.text('More actions')

package/cjs/components/attributes/inline/SimpleAttribute/styles.d.ts

@@ -4,5 +4,5 @@ declare type StylesProps = {
     opaque: boolean;
     color: string;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"attributeValue" | "root" | "actions">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "root" | "attributeValue">;
 export {};

package/cjs/components/attributes/inline/SimpleAttribute/styles.js

@@ -13,12 +13,12 @@ var __assign = (this && this.__assign) || function () {
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: function (_a) {
         var fullyColored = _a.fullyColored, opaque = _a.opaque, color = _a.color, variant = _a.variant;
         return (__assign(__assign(__assign({ minHeight: '28px', wordBreak: 'break-word' }, (variant === 'filled' && {
             borderRadius: '4px',
-            background: fullyColored ? color : "linear-gradient(to right, " + color + " 8px, rgba(0,0,0,0.05) 8px)"
+            background: fullyColored ? color : "linear-gradient(to right, ".concat(color, " 8px, rgba(0,0,0,0.05) 8px)")
         })), (variant === 'outlined' && {
             '&::after': {
                 content: '""',
@@ -34,7 +34,7 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
                 position: 'absolute',
                 boxSizing: 'border-box',
                 borderRadius: '4px',
-                border: fullyColored ? color + " solid 2px" : 'rgba(0,0,0,0.12) solid 1px',
+                border: fullyColored ? "".concat(color, " solid 2px") : 'rgba(0,0,0,0.12) solid 1px',
                 width: '100%',
                 height: '100%',
                 pointerEvents: 'none'

package/cjs/components/attributes/inline/SimpleAttributeEditor/SimpleAttributeEditor.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];
@@ -46,13 +50,13 @@ var DATA_TYPES_WITH_MULTILINE_EDITOR = [mdm_sdk_1.DataTypes.TYPE_TEXT, mdm_sdk_1
 var SimpleAttributeEditor = function (_a) {
     var _b;
     var attributeType = _a.attributeType, attributeValue = _a.attributeValue, color = _a.color, containerRef = _a.containerRef, onClose = _a.onClose, onEdit = _a.onEdit;
-    var styles = styles_1.useStyles({
+    var styles = (0, styles_1.useStyles)({
         color: color,
         containerWidth: containerRef.current ? containerRef.current.getBoundingClientRect().width : 0
     });
-    var dataTypeDefinition = mdm_sdk_1.getAttrDataTypeDefinition(attributeType);
-    var initEditorValue = utils_1.attributeValueToEditorValue(attributeValue, dataTypeDefinition);
-    var _c = react_1.useState(initEditorValue), editorValue = _c[0], changeEditorValue = _c[1];
+    var dataTypeDefinition = (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType);
+    var initEditorValue = (0, utils_1.attributeValueToEditorValue)(attributeValue, dataTypeDefinition);
+    var _c = (0, react_1.useState)(initEditorValue), editorValue = _c[0], changeEditorValue = _c[1];
     var TextFieldProps = {
         className: styles.textField,
         InputProps: {
@@ -64,15 +68,15 @@ var SimpleAttributeEditor = function (_a) {
         }
     };
     var applyChangesAndClose = function () {
-        var editedValue = utils_1.editorValueToAttributeValue(attributeType, editorValue);
-        if (!ramda_1.isNil(editorValue) && !ramda_1.equals(editorValue, initEditorValue)) {
-            var editedAttributeValue = mdm_sdk_1.isLookupAttrType(attributeType)
+        var editedValue = (0, utils_1.editorValueToAttributeValue)(attributeType, editorValue);
+        if (!(0, ramda_1.isNil)(editorValue) && !(0, ramda_1.equals)(editorValue, initEditorValue)) {
+            var editedAttributeValue = (0, mdm_sdk_1.isLookupAttrType)(attributeType)
                 ? {
                     value: editedValue.value,
                     lookupCode: editedValue.lookupCode
                 }
                 : {
-                    value: editorValue === '' && mdm_sdk_1.isNumericType(dataTypeDefinition.type) ? null : editedValue
+                    value: editorValue === '' && (0, mdm_sdk_1.isNumericType)(dataTypeDefinition.type) ? null : editedValue
                 };
             onEdit(__assign(__assign({}, attributeValue), editedAttributeValue));
         }
@@ -86,12 +90,12 @@ var SimpleAttributeEditor = function (_a) {
             onClose();
     };
     return (react_1.default.createElement(Popover_1.default, { open: !!containerRef, anchorEl: containerRef.current, anchorOrigin: { vertical: 'top', horizontal: 'left' }, transformOrigin: { vertical: 'top', horizontal: 'left' }, classes: {
-            paper: classnames_1.default(styles.paper, (_b = {},
-                _b[styles.booleanEditor] = mdm_sdk_1.isBooleanType(dataTypeDefinition.type),
-                _b[styles.timestampEditor] = mdm_sdk_1.isTimestampBasedType(dataTypeDefinition.type),
+            paper: (0, classnames_1.default)(styles.paper, (_b = {},
+                _b[styles.booleanEditor] = (0, mdm_sdk_1.isBooleanType)(dataTypeDefinition.type),
+                _b[styles.timestampEditor] = (0, mdm_sdk_1.isTimestampBasedType)(dataTypeDefinition.type),
                 _b)),
             root: styles.popoverRoot
         }, onKeyUp: onKeyUp, onBackdropClick: applyChangesAndClose },
-        react_1.default.createElement(editors_1.DataTypeValueEditor, { autoFocus: true, dataTypeDefinition: dataTypeDefinition, fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), onChange: changeEditorValue, TextFieldProps: TextFieldProps, value: editorValue, fullWidth: true })));
+        react_1.default.createElement(editors_1.DataTypeValueEditor, { autoFocus: true, dataTypeDefinition: dataTypeDefinition, fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), onChange: changeEditorValue, TextFieldProps: TextFieldProps, value: editorValue, fullWidth: true })));
 };
 exports.SimpleAttributeEditor = SimpleAttributeEditor;

package/cjs/components/attributes/inline/SimpleAttributeEditor/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(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     textField: {
         margin: 0
     },
@@ -26,7 +26,7 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
     paper: function (_a) {
         var color = _a.color, containerWidth = _a.containerWidth;
         return ({
-            border: "3px solid " + color,
+            border: "3px solid ".concat(color),
             borderRadius: '4px',
             width: containerWidth,
             minWidth: '160px'

package/cjs/components/attributes/inline/SimpleAttributesBlock/SimpleAttributesBlock.js

@@ -33,17 +33,17 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var SimpleAttributesBlock = function (_a) {
     var attributeValues = _a.attributeValues, attributeType = _a.attributeType, parentUri = _a.parentUri, disableEdit = _a.disableEdit, crosswalksMap = _a.crosswalksMap, onAdd = _a.onAdd, props = __rest(_a, ["attributeValues", "attributeType", "parentUri", "disableEdit", "crosswalksMap", "onAdd"]);
-    var styles = styles_1.useStyles();
-    var _b = react_dnd_1.useDrop({
+    var styles = (0, styles_1.useStyles)();
+    var _b = (0, react_dnd_1.useDrop)({
         accept: 'Crosswalk',
         canDrop: function (_a) {
             var crosswalk = _a.crosswalk;
-            var isRelationCrosswalk = mdm_sdk_1.isRelationUri(crosswalk.uri) || crosswalk.ownerType === 'relation';
-            var isEntityCrosswalk = mdm_sdk_1.isEntityUri(crosswalk.uri) && crosswalk.ownerType === 'entity';
-            return (mdm_sdk_1.checkMetadataForCreate(mdm_sdk_1.ModeTypes.EDITING, attributeType) &&
+            var isRelationCrosswalk = (0, mdm_sdk_1.isRelationUri)(crosswalk.uri) || crosswalk.ownerType === 'relation';
+            var isEntityCrosswalk = (0, mdm_sdk_1.isEntityUri)(crosswalk.uri) && crosswalk.ownerType === 'entity';
+            return ((0, mdm_sdk_1.checkMetadataForCreate)(mdm_sdk_1.ModeTypes.EDITING, attributeType) &&
                 !disableEdit &&
-                ((isRelationCrosswalk && mdm_sdk_1.isRelationTypeUri(attributeType.uri)) ||
-                    (isEntityCrosswalk && mdm_sdk_1.isEntityTypeUri(attributeType.uri))));
+                ((isRelationCrosswalk && (0, mdm_sdk_1.isRelationTypeUri)(attributeType.uri)) ||
+                    (isEntityCrosswalk && (0, mdm_sdk_1.isEntityTypeUri)(attributeType.uri))));
         },
         collect: function (monitor) { return ({
             isDragItemOver: monitor.isOver() && monitor.canDrop()
@@ -58,7 +58,7 @@ var SimpleAttributesBlock = function (_a) {
     return (react_1.default.createElement("div", { ref: drop, className: styles.simpleAttributesWrapper },
         attributeValues.map(function (value) {
             var _a;
-            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, disableEdit: disableEdit, dataReltioId: "value-index-" + attributeIndex++ }, props))); });
+            return (_a = crosswalksMap[value.uri]) === null || _a === void 0 ? void 0 : _a.map(function (crosswalk) { return (react_1.default.createElement(SimpleAttribute_1.default, __assign({ key: value.uri + crosswalk.uri, attributeType: attributeType, attributeValue: value, crosswalk: crosswalk, disableEdit: disableEdit, dataReltioId: "value-index-".concat(attributeIndex++) }, props))); });
         }),
         isDragItemOver && react_1.default.createElement("div", { className: styles.dropIndicator }, ui_i18n_1.default.text('Drop here'))));
 };

package/cjs/components/attributes/inline/SimpleAttributesBlock/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(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     simpleAttributesWrapper: {
         display: 'flex',
         flexWrap: 'wrap',

package/cjs/components/attributes/inline/common/ComplexAttributeLabel.js

@@ -9,7 +9,7 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var ComplexAttributeLabel = function (_a) {
     var children = _a.children;
-    var styles = styles_1.useComplexAttributeLabelStyles();
+    var styles = (0, styles_1.useComplexAttributeLabelStyles)();
     return (react_1.default.createElement(Typography_1.default, { component: "span", variant: "body2", classes: { body2: styles.label } }, children));
 };
 exports.ComplexAttributeLabel = ComplexAttributeLabel;

package/cjs/components/attributes/inline/common/CrosswalkIcon.js

@@ -11,10 +11,10 @@ var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var CrosswalkIcon = function (_a) {
     var crosswalk = _a.crosswalk, className = _a.className;
-    var color = contexts_1.useCrosswalkColor(crosswalk);
-    var _b = contexts_1.useCrosswalkHighlight(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
-    var styles = styles_1.useStyles({ isOpaque: !isDimmed, color: color });
+    var color = (0, contexts_1.useCrosswalkColor)(crosswalk);
+    var _b = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
+    var styles = (0, styles_1.useStyles)({ isOpaque: !isDimmed, color: color });
     return (react_1.default.createElement(LightArrowTooltip_1.default, { title: react_1.default.createElement(SourceItem_1.default, { crosswalk: crosswalk, color: color }), placement: 'top' },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.crosswalkIcon, className), onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } })));
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.crosswalkIcon, className), onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } })));
 };
 exports.default = CrosswalkIcon;

package/cjs/components/attributes/inline/common/SourceItem.js

@@ -16,11 +16,11 @@ var SmallIconButton_1 = require("../../../SmallIconButton");
 var styles_1 = require("./styles");
 var SourceItem = function (_a) {
     var crosswalk = _a.crosswalk, color = _a.color, className = _a.className, _b = _a.focusable, focusable = _b === void 0 ? false : _b;
-    var _c = contexts_1.useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _c.toggleCrosswalkFocus, isFocused = _c.isFocused;
-    var styles = styles_1.useStyles({ color: color, isFocused: isFocused });
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var label = mdm_sdk_1.findSourceSystemByUri(metadata, crosswalk.type).label;
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.sourceItem, className) },
+    var _c = (0, contexts_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _c.toggleCrosswalkFocus, isFocused = _c.isFocused;
+    var styles = (0, styles_1.useStyles)({ color: color, isFocused: isFocused });
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var label = (0, mdm_sdk_1.findSourceSystemByUri)(metadata, crosswalk.type).label;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.sourceItem, className) },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
         react_1.default.createElement("div", { className: styles.sourceInfo },
             react_1.default.createElement("div", null,

package/cjs/components/attributes/inline/common/__test__/CrosswalkIcon.spec.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,7 +60,7 @@ describe('CrosswalkIcon tests', function () {
         className: 'testClassName'
     };
     it('should render CrosswalkIcon correctly', function () {
-        var wrapper = enzyme_1.shallow(react_1.default.createElement(CrosswalkIcon_1.default, __assign({}, props)));
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkIcon_1.default, __assign({}, props)));
         var tooltip = wrapper.find(LightArrowTooltip_1.default);
         var title = tooltip.prop('title');
         expect(title.props.crosswalk).toEqual(props.crosswalk);
@@ -64,7 +68,7 @@ describe('CrosswalkIcon tests', function () {
         expect(wrapper.find('div').length).toBe(1);
     });
     it('should support highlighting', function () {
-        var wrapper = enzyme_1.shallow(react_1.default.createElement(CrosswalkIcon_1.default, __assign({}, props)));
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(CrosswalkIcon_1.default, __assign({}, props)));
         var div = wrapper.find('div');
         expect(div.prop('className')).toBe('crosswalkIcon testClassName');
         div.simulate('mouseenter');

package/cjs/components/attributes/inline/common/__test__/DeleteButton.spec.js

@@ -13,7 +13,7 @@ describe('Delete button test', function () {
     var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.shallow(react_1.default.createElement(DeleteButton_1.default, { onClick: onClickFn }));
+        component = (0, enzyme_1.shallow)(react_1.default.createElement(DeleteButton_1.default, { onClick: onClickFn }));
     });
     it('should render correctly', function () {
         expect(getButton(component).props()).toMatchObject({

package/cjs/components/attributes/inline/common/__test__/IgnoreButton.spec.js

@@ -14,7 +14,7 @@ describe('Ignore button test', function () {
     var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.mount(react_1.default.createElement(IgnoreButton_1.default, { isIgnored: false, onClick: onClickFn }));
+        component = (0, enzyme_1.mount)(react_1.default.createElement(IgnoreButton_1.default, { isIgnored: false, onClick: onClickFn }));
     });
     it('should pass button props correctly', function () {
         expect(getButton(component).prop('onClick')).toBe(onClickFn);

package/cjs/components/attributes/inline/common/__test__/PinButton.spec.js

@@ -14,7 +14,7 @@ describe('Pin button test', function () {
     var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.mount(react_1.default.createElement(PinButton_1.default, { isPinned: false, onClick: onClickFn }));
+        component = (0, enzyme_1.mount)(react_1.default.createElement(PinButton_1.default, { isPinned: false, onClick: onClickFn }));
     });
     it('should pass button props correctly', function () {
         expect(getButton(component).prop('onClick')).toBe(onClickFn);

package/cjs/components/attributes/inline/common/__test__/SourceItem.spec.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];
@@ -72,14 +76,14 @@ describe('Source item tests', function () {
     });
     it('should show source icon and label and crosswalk value', function () {
         mockUseSelector(createStore());
-        var wrapper = enzyme_1.shallow(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk }));
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk }));
         expect(wrapper.find(SourceIcon_1.default).prop('sourceType')).toBe('configuration/sources/Reltio');
         expect(wrapper.find('.label').text()).toBe('Reltio');
         expect(wrapper.find('.crosswalkValue').text()).toBe('1PPwRPuk');
         expect(wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip).length).toBe(0);
     });
     it('should show focus button when focusable === true', function () {
-        var wrapper = enzyme_1.shallow(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk, focusable: true }));
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk, focusable: true }));
         var button = wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip);
         expect(button.props()).toMatchObject({
             icon: Visibility_1.default,

package/cjs/components/attributes/inline/common/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useComplexAttributeLabelStyles = exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     sourceItem: {
         display: 'flex',
         overflow: 'hidden'
@@ -52,7 +52,7 @@ exports.useStyles = styles_1.makeStyles({
         });
     }
 });
-exports.useComplexAttributeLabelStyles = styles_1.makeStyles(function () { return ({
+exports.useComplexAttributeLabelStyles = (0, styles_1.makeStyles)(function () { return ({
     label: {
         fontSize: '13px',
         lineHeight: '15px',

package/cjs/components/attributes/inline/hooks/useAttributeState.js

@@ -11,25 +11,25 @@ var AttributeStates;
 })(AttributeStates || (AttributeStates = {}));
 var HIDE_INTERVAL = 50;
 var useAttributeState = function () {
-    var _a = react_1.useState(null), attributeState = _a[0], setAttributeState = _a[1];
+    var _a = (0, react_1.useState)(null), attributeState = _a[0], setAttributeState = _a[1];
     var isReadingMode = attributeState === AttributeStates.READING;
     var isEditingMode = attributeState === AttributeStates.EDITING;
     var isHovered = attributeState === AttributeStates.HOVERED;
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setAttributeState(AttributeStates.READING);
     }, []);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var setAttributeStateDebounced = react_1.useCallback(mdm_sdk_1.debounce(setAttributeState, HIDE_INTERVAL), []);
-    var onMouseEnter = react_1.useCallback(function () {
+    var setAttributeStateDebounced = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(setAttributeState, HIDE_INTERVAL), []);
+    var onMouseEnter = (0, react_1.useCallback)(function () {
         if (!isEditingMode)
             setAttributeStateDebounced(AttributeStates.HOVERED);
     }, [setAttributeStateDebounced, isEditingMode]);
-    var onMouseLeave = react_1.useCallback(function () {
+    var onMouseLeave = (0, react_1.useCallback)(function () {
         if (!isEditingMode)
             setAttributeStateDebounced(AttributeStates.READING);
     }, [setAttributeStateDebounced, isEditingMode]);
-    var setReadingMode = react_1.useCallback(function () { return setAttributeState(AttributeStates.READING); }, [setAttributeState]);
-    var setEditingMode = react_1.useCallback(function () { return setAttributeState(AttributeStates.EDITING); }, [setAttributeState]);
+    var setReadingMode = (0, react_1.useCallback)(function () { return setAttributeState(AttributeStates.READING); }, [setAttributeState]);
+    var setEditingMode = (0, react_1.useCallback)(function () { return setAttributeState(AttributeStates.EDITING); }, [setAttributeState]);
     return {
         setReadingMode: setReadingMode,
         setEditingMode: setEditingMode,

package/cjs/components/attributes/inline/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];

package/cjs/components/attributes/pagersCommon/ShowLess.js

@@ -10,7 +10,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var ShowLess = function (_a) {
     var onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Link_1.default, { component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
         react_1.default.createElement(KeyboardArrowUp_1.default, { className: styles['svg-icon__root'] }),
         ui_i18n_1.default.text('Show less')));

package/cjs/components/attributes/pagersCommon/ShowMore.js

@@ -10,7 +10,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var ShowMore = function (_a) {
     var moreNumber = _a.moreNumber, valueNumber = _a.valueNumber, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Link_1.default, { component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
         react_1.default.createElement(KeyboardArrowDown_1.default, { className: styles['svg-icon__root'] }),
         moreNumber && valueNumber

package/cjs/components/attributes/pagersCommon/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)({
     link: {
         display: 'flex',
         marginTop: 4

package/cjs/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.d.ts

@@ -1,18 +1,16 @@
 import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
 import React from 'react';
+declare type SlotParams<T> = {
+    attributeType?: AttributeType;
+    attributeValue: T;
+};
 declare type Props = {
     values: AttributeValue[];
     attributeType: AttributeType;
     expanded?: boolean;
     valueContainerClassName?: string;
-    LabelRenderer?: ({ attributeType: AttributeType, attributeValue: AttributeValue }: {
-        attributeType: any;
-        attributeValue: any;
-    }) => JSX.Element;
-    RightSlot?: ({ attributeType: AttributeType, attributeValue: AttributeValue }: {
-        attributeType: any;
-        attributeValue: any;
-    }) => JSX.Element;
+    LabelRenderer?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => JSX.Element;
+    RightSlot?: ({ attributeType, attributeValue }: SlotParams<AttributeValue>) => JSX.Element;
     showNonOv?: boolean;
 };
 declare const _default: React.MemoExoticComponent<({ expanded, LabelRenderer, RightSlot, ...props }: Props) => JSX.Element>;

package/cjs/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.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];
@@ -70,4 +74,4 @@ var AttributeValuesBlock = function (_a) {
         }
     }
 };
-exports.default = react_1.memo(AttributeValuesBlock);
+exports.default = (0, react_1.memo)(AttributeValuesBlock);

package/cjs/components/attributes/readMode/AttributesList/AttributesList.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,13 +48,13 @@ var constants_1 = require("../../../../constants");
 var attributesView_1 = require("../../helpers/attributesView");
 var AttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
-    var _c = react_1.useState(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForReadMode(attrTypes, entity, showNonOv); }, [
+    var _c = (0, react_1.useState)(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
+    var pagersData = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributesListForReadMode)(attrTypes, entity, showNonOv); }, [
         attrTypes,
         entity,
         showNonOv
     ]);
-    var _d = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
+    var _d = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;
     var showLess = max && visibleAttributePagersData.length >= regularPagersData.length && max < visibleAttributePagersData.length;
@@ -67,9 +71,9 @@ var AttributesList = function (_a) {
         children && react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps), children),
         visibleAttributePagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv }));
+            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: (0, ramda_1.path)(['paging', attrType.uri], entity.attributes), parentUri: parentUri, showNonOv: showNonOv }));
         }),
         showMore && react_1.default.createElement(ShowMore_1.default, { onClick: onShowMore }),
         showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));
 };
-exports.default = react_1.memo(AttributesList);
+exports.default = (0, react_1.memo)(AttributesList);