@reltio/components 1.4.876 → 1.4.877

package/components/attributes/inline/common/__test__/CrosswalkIcon.spec.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,34 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var enzyme_1 = require("enzyme");
-var CrosswalkIcon_1 = __importDefault(require("../CrosswalkIcon"));
-var crosswalksDisplay = __importStar(require("../../../../../contexts/CrosswalksDisplayContext"));
-var LightArrowTooltip_1 = __importDefault(require("../../../../LightArrowTooltip/LightArrowTooltip"));
+import React from 'react';
+import { shallow } from 'enzyme';
+import CrosswalkIcon from '../CrosswalkIcon';
+import * as crosswalksDisplay from '../../../../../contexts/CrosswalksDisplayContext';
+import LightArrowTooltip from '../../../../LightArrowTooltip/LightArrowTooltip';
 describe('CrosswalkIcon tests', function () {
     var highlightCrosswalk = jest.fn();
     var removeHighlight = jest.fn();
@@ -56,15 +32,15 @@ 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 tooltip = wrapper.find(LightArrowTooltip_1.default);
+        var wrapper = shallow(React.createElement(CrosswalkIcon, __assign({}, props)));
+        var tooltip = wrapper.find(LightArrowTooltip);
         var title = tooltip.prop('title');
         expect(title.props.crosswalk).toEqual(props.crosswalk);
         expect(title.props.color).toEqual(color);
         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 = shallow(React.createElement(CrosswalkIcon, __assign({}, props)));
         var div = wrapper.find('div');
         expect(div.prop('className')).toBe('crosswalkIcon testClassName');
         div.simulate('mouseenter');

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

@@ -1,25 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var enzyme_1 = require("enzyme");
-var react_1 = __importDefault(require("react"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var DeleteButton_1 = __importDefault(require("../DeleteButton"));
+import { shallow } from 'enzyme';
+import React from 'react';
+import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
+import DeleteIcon from '@material-ui/icons/Delete';
+import DeleteButton from '../DeleteButton';
 describe('Delete button test', function () {
     var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
+    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.shallow(react_1.default.createElement(DeleteButton_1.default, { onClick: onClickFn }));
+        component = shallow(React.createElement(DeleteButton, { onClick: onClickFn }));
     });
     it('should render correctly', function () {
         expect(getButton(component).props()).toMatchObject({
             tooltipTitle: 'Delete',
             onClick: onClickFn,
-            icon: Delete_1.default
+            icon: DeleteIcon
         });
     });
 });

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

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var enzyme_1 = require("enzyme");
-var react_1 = __importDefault(require("react"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var Ignored_1 = __importDefault(require("../../../../../icons/Ignored"));
-var IgnoredOutlined_1 = __importDefault(require("../../../../../icons/IgnoredOutlined"));
-var IgnoreButton_1 = __importDefault(require("../IgnoreButton"));
+import { mount } from 'enzyme';
+import React from 'react';
+import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
+import IgnoredIcon from '../../../../../icons/Ignored';
+import IgnoredOutlinedIcon from '../../../../../icons/IgnoredOutlined';
+import IgnoreButton from '../IgnoreButton';
 describe('Ignore button test', function () {
     var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
+    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.mount(react_1.default.createElement(IgnoreButton_1.default, { isIgnored: false, onClick: onClickFn }));
+        component = mount(React.createElement(IgnoreButton, { isIgnored: false, onClick: onClickFn }));
     });
     it('should pass button props correctly', function () {
         expect(getButton(component).prop('onClick')).toBe(onClickFn);
@@ -22,9 +17,9 @@ describe('Ignore button test', function () {
         expect(getButton(component).prop('disabled')).toBe(true);
     });
     it('should show correct icon', function () {
-        expect(getButton(component).prop('icon')).toBe(IgnoredOutlined_1.default);
+        expect(getButton(component).prop('icon')).toBe(IgnoredOutlinedIcon);
         component.setProps({ isIgnored: true });
-        expect(getButton(component).prop('icon')).toBe(Ignored_1.default);
+        expect(getButton(component).prop('icon')).toBe(IgnoredIcon);
     });
     it('should show correct tooltip', function () {
         expect(getButton(component).prop('tooltipTitle')).toBe('Ignore');

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

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var enzyme_1 = require("enzyme");
-var react_1 = __importDefault(require("react"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var Pin_1 = __importDefault(require("../../../../../icons/Pin"));
-var PinOutlined_1 = __importDefault(require("../../../../../icons/PinOutlined"));
-var PinButton_1 = __importDefault(require("../PinButton"));
+import { mount } from 'enzyme';
+import React from 'react';
+import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
+import PinIcon from '../../../../../icons/Pin';
+import PinOutlinedIcon from '../../../../../icons/PinOutlined';
+import PinButton from '../PinButton';
 describe('Pin button test', function () {
     var component, onClickFn;
-    var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
+    var getButton = function (component) { return component.find(SmallIconButtonWithTooltip); };
     beforeEach(function () {
         onClickFn = jest.fn();
-        component = enzyme_1.mount(react_1.default.createElement(PinButton_1.default, { isPinned: false, onClick: onClickFn }));
+        component = mount(React.createElement(PinButton, { isPinned: false, onClick: onClickFn }));
     });
     it('should pass button props correctly', function () {
         expect(getButton(component).prop('onClick')).toBe(onClickFn);
@@ -22,9 +17,9 @@ describe('Pin button test', function () {
         expect(getButton(component).prop('disabled')).toBe(true);
     });
     it('should show correct icon', function () {
-        expect(getButton(component).prop('icon')).toBe(PinOutlined_1.default);
+        expect(getButton(component).prop('icon')).toBe(PinOutlinedIcon);
         component.setProps({ isPinned: true });
-        expect(getButton(component).prop('icon')).toBe(Pin_1.default);
+        expect(getButton(component).prop('icon')).toBe(PinIcon);
     });
     it('should show correct tooltip', function () {
         expect(getButton(component).prop('tooltipTitle')).toBe('Pin');

package/components/attributes/inline/common/__test__/SourceItem.spec.js

@@ -1,35 +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]; } });
-}) : (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 enzyme_1 = require("enzyme");
-var react_1 = __importDefault(require("react"));
-var reactRedux = __importStar(require("react-redux"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
-var crosswalksDisplay = __importStar(require("../../../../../contexts/CrosswalksDisplayContext"));
-var SmallIconButton_1 = require("../../../../SmallIconButton");
-var SourceIcon_1 = __importDefault(require("../../../../SourceIcon/SourceIcon"));
-var SourceItem_1 = __importDefault(require("../SourceItem"));
+import { shallow } from 'enzyme';
+import React from 'react';
+import * as reactRedux from 'react-redux';
+import VisibilityIcon from '@material-ui/icons/Visibility';
+import * as crosswalksDisplay from '../../../../../contexts/CrosswalksDisplayContext';
+import { SmallIconButtonWithTooltip } from '../../../../SmallIconButton';
+import SourceIcon from '../../../../SourceIcon/SourceIcon';
+import SourceItem from '../SourceItem';
 var createStore = function () {
     return {
         tenant: { id: 't1' },
@@ -72,17 +48,17 @@ 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 }));
-        expect(wrapper.find(SourceIcon_1.default).prop('sourceType')).toBe('configuration/sources/Reltio');
+        var wrapper = shallow(React.createElement(SourceItem, { color: "color", crosswalk: crosswalk }));
+        expect(wrapper.find(SourceIcon).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);
+        expect(wrapper.find(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 button = wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip);
+        var wrapper = shallow(React.createElement(SourceItem, { color: "color", crosswalk: crosswalk, focusable: true }));
+        var button = wrapper.find(SmallIconButtonWithTooltip);
         expect(button.props()).toMatchObject({
-            icon: Visibility_1.default,
+            icon: VisibilityIcon,
             tooltipTitle: 'Focus'
         });
         button.simulate('click');

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

@@ -1,8 +1,5 @@
-"use strict";
-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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     sourceItem: {
         display: 'flex',
         overflow: 'hidden'
@@ -52,7 +49,7 @@ exports.useStyles = styles_1.makeStyles({
         });
     }
 });
-exports.useComplexAttributeLabelStyles = styles_1.makeStyles(function () { return ({
+export var useComplexAttributeLabelStyles = makeStyles(function () { return ({
     label: {
         fontSize: '13px',
         lineHeight: '15px',

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAttributeState = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_1 = require("react");
+import { debounce } from '@reltio/mdm-sdk';
+import { useCallback, useEffect, useState } from 'react';
 var AttributeStates;
 (function (AttributeStates) {
     AttributeStates["READING"] = "READING";
@@ -10,26 +7,26 @@ var AttributeStates;
     AttributeStates["EDITING"] = "EDITING";
 })(AttributeStates || (AttributeStates = {}));
 var HIDE_INTERVAL = 50;
-var useAttributeState = function () {
-    var _a = react_1.useState(null), attributeState = _a[0], setAttributeState = _a[1];
+export var useAttributeState = function () {
+    var _a = 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 () {
+    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 = useCallback(debounce(setAttributeState, HIDE_INTERVAL), []);
+    var onMouseEnter = useCallback(function () {
         if (!isEditingMode)
             setAttributeStateDebounced(AttributeStates.HOVERED);
     }, [setAttributeStateDebounced, isEditingMode]);
-    var onMouseLeave = react_1.useCallback(function () {
+    var onMouseLeave = 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 = useCallback(function () { return setAttributeState(AttributeStates.READING); }, [setAttributeState]);
+    var setEditingMode = useCallback(function () { return setAttributeState(AttributeStates.EDITING); }, [setAttributeState]);
     return {
         setReadingMode: setReadingMode,
         setEditingMode: setEditingMode,
@@ -40,4 +37,3 @@ var useAttributeState = function () {
         isHovered: isHovered
     };
 };
-exports.useAttributeState = useAttributeState;

package/components/attributes/inline/index.js

@@ -1,25 +1,5 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InlineImageAttribute = exports.InlineReferenceAttribute = exports.InlineAttributesPager = exports.InlineNestedAttribute = void 0;
-__exportStar(require("./types"), exports);
-var NestedAttribute_1 = require("./NestedAttribute/NestedAttribute");
-Object.defineProperty(exports, "InlineNestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
-var AttributesPager_1 = require("./AttributesPager/AttributesPager");
-Object.defineProperty(exports, "InlineAttributesPager", { enumerable: true, get: function () { return __importDefault(AttributesPager_1).default; } });
-var ReferenceAttribute_1 = require("./ReferenceAttribute/ReferenceAttribute");
-Object.defineProperty(exports, "InlineReferenceAttribute", { enumerable: true, get: function () { return __importDefault(ReferenceAttribute_1).default; } });
-var ImageAttribute_1 = require("./ImageAttribute/ImageAttribute");
-Object.defineProperty(exports, "InlineImageAttribute", { enumerable: true, get: function () { return __importDefault(ImageAttribute_1).default; } });
+export * from './types';
+export { default as InlineNestedAttribute } from './NestedAttribute/NestedAttribute';
+export { default as InlineAttributesPager } from './AttributesPager/AttributesPager';
+export { default as InlineReferenceAttribute } from './ReferenceAttribute/ReferenceAttribute';
+export { default as InlineImageAttribute } from './ImageAttribute/ImageAttribute';

package/components/attributes/inline/types/AddAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/CrosswalksMap.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/DeleteAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/EditAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/IgnoreAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/PinAttributeEvent.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/inline/types/index.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/components/attributes/pagersCommon/ShowLess.js

@@ -1,18 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var KeyboardArrowUp_1 = __importDefault(require("@material-ui/icons/KeyboardArrowUp"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
+import KeyboardArrowUp from '@material-ui/icons/KeyboardArrowUp';
+import Link from '@material-ui/core/Link';
+import React from 'react';
+import i18n from 'ui-i18n';
+import { useStyles } from './styles';
 var ShowLess = function (_a) {
     var onClick = _a.onClick;
-    var styles = 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')));
+    var styles = useStyles();
+    return (React.createElement(Link, { component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
+        React.createElement(KeyboardArrowUp, { className: styles['svg-icon__root'] }),
+        i18n.text('Show less')));
 };
-exports.default = ShowLess;
+export default ShowLess;

package/components/attributes/pagersCommon/ShowMore.js

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var KeyboardArrowDown_1 = __importDefault(require("@material-ui/icons/KeyboardArrowDown"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
+import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
+import Link from '@material-ui/core/Link';
+import React from 'react';
+import i18n from 'ui-i18n';
+import { useStyles } from './styles';
 var ShowMore = function (_a) {
     var moreNumber = _a.moreNumber, valueNumber = _a.valueNumber, onClick = _a.onClick;
-    var styles = 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'] }),
+    var styles = useStyles();
+    return (React.createElement(Link, { component: "button", variant: "caption", className: styles.link, onClick: onClick, underline: "none" },
+        React.createElement(KeyboardArrowDownIcon, { className: styles['svg-icon__root'] }),
         moreNumber && valueNumber
-            ? ui_i18n_1.default.text('Show ${moreNumber} more of remaining ${valueNumber} value', { moreNumber: moreNumber, valueNumber: valueNumber })
-            : ui_i18n_1.default.text('Show more')));
+            ? i18n.text('Show ${moreNumber} more of remaining ${valueNumber} value', { moreNumber: moreNumber, valueNumber: valueNumber })
+            : i18n.text('Show more')));
 };
-exports.default = ShowMore;
+export default ShowMore;

package/components/attributes/pagersCommon/styles.js

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

package/components/attributes/readMode/AttributeValuesBlock/AttributeValuesBlock.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,34 +20,30 @@ 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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_1 = __importStar(require("react"));
-var __1 = require("../../..");
-var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
+import { DataTypes } from '@reltio/mdm-sdk';
+import React, { memo } from 'react';
+import { ReadOnlyAttribute } from '../../..';
+import ImageAttributesLine from '../ImageAttributesLine';
 var renderAttributesList = function (_a) {
     var values = _a.values, valueContainerClassName = _a.valueContainerClassName, props = __rest(_a, ["values", "valueContainerClassName"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, (values || []).map(function (attributeValue) { return (react_1.default.createElement("div", { key: attributeValue.uri, className: valueContainerClassName },
-        react_1.default.createElement(__1.ReadOnlyAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
+    return (React.createElement(React.Fragment, null, (values || []).map(function (attributeValue) { return (React.createElement("div", { key: attributeValue.uri, className: valueContainerClassName },
+        React.createElement(ReadOnlyAttribute, __assign({ attributeValue: attributeValue }, props)))); })));
 };
 var AttributeValuesBlock = function (_a) {
     var expanded = _a.expanded, props = __rest(_a, ["expanded"]);
     var attributeType = props.attributeType, values = props.values, valueContainerClassName = props.valueContainerClassName;
     switch (attributeType.type) {
-        case mdm_sdk_1.DataTypes.TYPE_NESTED:
-        case mdm_sdk_1.DataTypes.TYPE_REFERENCE: {
+        case DataTypes.TYPE_NESTED:
+        case DataTypes.TYPE_REFERENCE: {
             return renderAttributesList(__assign({ expanded: expanded }, props));
         }
-        case mdm_sdk_1.DataTypes.TYPE_IMAGE: {
-            return (react_1.default.createElement("div", { className: valueContainerClassName },
-                react_1.default.createElement(ImageAttributesLine_1.default, { attributeType: attributeType, attributeValues: values, imageSize: { imageHeight: 40, imageWidth: 40, imageMargin: 2 } })));
+        case DataTypes.TYPE_IMAGE: {
+            return (React.createElement("div", { className: valueContainerClassName },
+                React.createElement(ImageAttributesLine, { attributeType: attributeType, attributeValues: values, imageSize: { imageHeight: 40, imageWidth: 40, imageMargin: 2 } })));
         }
         default: {
             return renderAttributesList(__assign({}, props));
         }
     }
 };
-exports.default = react_1.memo(AttributeValuesBlock);
+export default memo(AttributeValuesBlock);

package/components/attributes/readMode/AttributesFactory/Attribute.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var AttributesFactory_1 = __importDefault(require("./AttributesFactory"));
+import ReadModeAttributesFactory from './AttributesFactory';
 var Attribute = function (props) {
     var attributeType = props.attributeType;
-    return AttributesFactory_1.default.build(attributeType, props);
+    return ReadModeAttributesFactory.build(attributeType, props);
 };
-exports.default = Attribute;
+export default Attribute;

package/components/attributes/readMode/AttributesFactory/AttributesFactory.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,29 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SimpleAttribute_1 = __importDefault(require("../SimpleAttribute"));
-var NestedAttribute_1 = __importDefault(require("../NestedAttribute"));
-var ReferenceAttribute_1 = __importDefault(require("../ReferenceAttribute"));
+import React from 'react';
+import { DataTypes } from '@reltio/mdm-sdk';
+import SimpleAttribute from '../SimpleAttribute';
+import NestedAttribute from '../NestedAttribute';
+import ReferenceAttribute from '../ReferenceAttribute';
 var ReadModeAttributesFactory = /** @class */ (function () {
     function ReadModeAttributesFactory() {
     }
     ReadModeAttributesFactory.build = function (attributeType, props) {
         if (props === void 0) { props = {}; }
         switch (attributeType.type) {
-            case mdm_sdk_1.DataTypes.TYPE_NESTED:
-                return react_1.default.createElement(NestedAttribute_1.default, __assign({}, props));
-            case mdm_sdk_1.DataTypes.TYPE_REFERENCE:
-                return react_1.default.createElement(ReferenceAttribute_1.default, __assign({}, props));
+            case DataTypes.TYPE_NESTED:
+                return React.createElement(NestedAttribute, __assign({}, props));
+            case DataTypes.TYPE_REFERENCE:
+                return React.createElement(ReferenceAttribute, __assign({}, props));
             default:
-                return react_1.default.createElement(SimpleAttribute_1.default, __assign({}, props));
+                return React.createElement(SimpleAttribute, __assign({}, props));
         }
     };
     return ReadModeAttributesFactory;
 }());
-exports.default = ReadModeAttributesFactory;
+export default ReadModeAttributesFactory;