@reltio/components 1.4.874 → 1.4.878

package/components/attributes/editMode/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,38 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var ImageAttributesLine_1 = __importDefault(require("../ImageAttributesLine"));
-var AttributeRenderer_1 = __importDefault(require("./AttributeRenderer"));
-var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
-var styles_1 = require("./styles");
-var Title_1 = __importDefault(require("../../../Title/Title"));
+import React, { memo } from 'react';
+import { isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
+import { always, cond, T, partition } from 'ramda';
+import BranchDecorator from '../../BranchDecorator/BranchDecorator';
+import ImageAttributesLine from '../ImageAttributesLine';
+import AttributeRenderer from './AttributeRenderer';
+import SpecialRenderer from './SpecialRenderer';
+import { useStyles } from './styles';
+import Title from '../../../Title/Title';
 var RENDERER_TYPES;
 (function (RENDERER_TYPES) {
     RENDERER_TYPES["imageLine"] = "imageLine";
@@ -49,9 +25,9 @@ var RENDERER_TYPES;
     RENDERER_TYPES["default"] = "default";
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    var styles = styles_1.useStyles();
-    var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
+    var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var styles = useStyles();
+    var partitionByOv = partition(isOv);
     var ovValues = partitionByOv(values)[0];
     var visibleValues = showNonOv ? values : ovValues;
     var commonProps = {
@@ -66,25 +42,25 @@ var AttributesPager = function (_a) {
         additionalControlsRenderer: additionalControlsRenderer
     };
     var renderAttribute = function () {
-        var type = ramda_1.cond([
-            [mdm_sdk_1.isSpecialAttribute, ramda_1.always(RENDERER_TYPES.special)],
-            [mdm_sdk_1.isImage, ramda_1.always(RENDERER_TYPES.imageLine)],
-            [ramda_1.T, ramda_1.always(RENDERER_TYPES.default)]
+        var type = cond([
+            [isSpecialAttribute, always(RENDERER_TYPES.special)],
+            [isImage, always(RENDERER_TYPES.imageLine)],
+            [T, always(RENDERER_TYPES.default)]
         ])(attributeType);
         switch (type) {
             case RENDERER_TYPES.special: {
-                return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
-                    react_1.default.createElement(SpecialRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType }, commonProps))));
+                return (React.createElement(BranchDecorator, { enabled: drawLines },
+                    React.createElement(SpecialRenderer, __assign({ values: visibleValues, attributeType: attributeType }, commonProps))));
             }
             case RENDERER_TYPES.imageLine:
-                return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
-                    react_1.default.createElement("div", { className: styles.wrapper },
-                        react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
-                        react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute }))));
+                return (React.createElement(BranchDecorator, { enabled: drawLines },
+                    React.createElement("div", { className: styles.wrapper },
+                        React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
+                        React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute }))));
             default:
-                return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, showEmptyEditors: showEmptyEditors, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
+                return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, showEmptyEditors: showEmptyEditors, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
         }
     };
     return renderAttribute();
 };
-exports.default = react_1.memo(AttributesPager);
+export default memo(AttributesPager);

package/components/attributes/editMode/AttributesPager/CardinalityMessage.js

@@ -1,72 +1,67 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+import React from 'react';
+import { CardinalityType } from '@reltio/mdm-sdk';
+import Typography from '@material-ui/core/Typography';
+import { allPass, always, cond, isNil, has, not, pipe, propSatisfies, T } from 'ramda';
+import { useStyles } from './styles';
+import i18n from 'ui-i18n';
 var valueCaption = function (value) {
-    return ui_i18n_1.default.text('${value}', {
-        value: value === 1 ? ui_i18n_1.default.text('value') : ui_i18n_1.default.text('values')
+    return i18n.text('${value}', {
+        value: value === 1 ? i18n.text('value') : i18n.text('values')
     });
 };
-var hasMinValue = ramda_1.has('minValue');
-var hasMaxValue = ramda_1.has('maxValue');
-var noMaxValue = ramda_1.pipe(hasMaxValue, ramda_1.not);
-var minValueIsOne = ramda_1.propSatisfies(function (minValue) { return minValue === 1; }, 'minValue');
+var hasMinValue = has('minValue');
+var hasMaxValue = has('maxValue');
+var noMaxValue = pipe(hasMaxValue, not);
+var minValueIsOne = propSatisfies(function (minValue) { return minValue === 1; }, 'minValue');
 var exactCardinality = function (_a) {
     var minValue = _a.minValue, maxValue = _a.maxValue;
     return minValue && minValue === maxValue;
 };
 var generateMinCardinality = function (_a) {
     var minValue = _a.minValue;
-    return ui_i18n_1.default.text('This attribute can have minimum ${minValue} ${minValueCaption}', {
-        minValue: ui_i18n_1.default.number(minValue, '0'),
+    return i18n.text('This attribute can have minimum ${minValue} ${minValueCaption}', {
+        minValue: i18n.number(minValue, '0'),
         minValueCaption: valueCaption(minValue)
     });
 };
 var generateMaxCardinality = function (_a) {
     var maxValue = _a.maxValue;
-    return ui_i18n_1.default.text('This attribute can have maximum ${maxValue} ${maxValueCaption}', {
-        maxValue: ui_i18n_1.default.number(maxValue, '0'),
+    return i18n.text('This attribute can have maximum ${maxValue} ${maxValueCaption}', {
+        maxValue: i18n.number(maxValue, '0'),
         maxValueCaption: valueCaption(maxValue)
     });
 };
 var generateExactCardinality = function (_a) {
     var minValue = _a.minValue;
-    return ui_i18n_1.default.text('This attribute should have ${minValue} ${minValueCaption}', {
-        minValue: ui_i18n_1.default.number(minValue, '0'),
+    return i18n.text('This attribute should have ${minValue} ${minValueCaption}', {
+        minValue: i18n.number(minValue, '0'),
         minValueCaption: valueCaption(minValue)
     });
 };
 var generateMinMaxCardinality = function (_a) {
     var minValue = _a.minValue, maxValue = _a.maxValue;
-    return ui_i18n_1.default.text('${minCardinality} and maximum ${maxValue} ${maxValueCaption}', {
+    return i18n.text('${minCardinality} and maximum ${maxValue} ${maxValueCaption}', {
         minCardinality: generateMinCardinality({ minValue: minValue }),
-        maxValue: ui_i18n_1.default.number(maxValue, '0'),
+        maxValue: i18n.number(maxValue, '0'),
         maxValueCaption: valueCaption(maxValue)
     });
 };
-var getCardinalityMessage = ramda_1.cond([
-    [ramda_1.isNil, ramda_1.always('')],
+var getCardinalityMessage = cond([
+    [isNil, always('')],
     [exactCardinality, generateExactCardinality],
-    [ramda_1.allPass([minValueIsOne, hasMaxValue]), generateMaxCardinality],
-    [ramda_1.allPass([minValueIsOne, noMaxValue]), ramda_1.always('')],
-    [ramda_1.allPass([hasMinValue, hasMaxValue]), generateMinMaxCardinality],
+    [allPass([minValueIsOne, hasMaxValue]), generateMaxCardinality],
+    [allPass([minValueIsOne, noMaxValue]), always('')],
+    [allPass([hasMinValue, hasMaxValue]), generateMinMaxCardinality],
     [hasMaxValue, generateMaxCardinality],
     [hasMinValue, generateMinCardinality],
-    [ramda_1.T, ramda_1.always('')]
+    [T, always('')]
 ]);
 var CardinalityMessage = function (_a) {
     var cardinality = _a.cardinality;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.caption }, getCardinalityMessage(cardinality)));
+    var styles = useStyles();
+    return (React.createElement(Typography, { variant: "caption", className: styles.caption }, getCardinalityMessage(cardinality)));
 };
 CardinalityMessage.propTypes = {
-    cardinality: mdm_sdk_1.CardinalityType
+    cardinality: CardinalityType
 };
-exports.default = CardinalityMessage;
+export default CardinalityMessage;

package/components/attributes/editMode/AttributesPager/SpecialRenderer.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,47 +20,43 @@ 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 Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
-var ErrorMessage_1 = __importDefault(require("../../../ErrorWrapper/ErrorMessage"));
-var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
-var Tags_1 = __importDefault(require("../../readMode/SpecialAttributes/Tags")); //TODO: should be edit mode
-var Roles_1 = __importDefault(require("../../readMode/SpecialAttributes/Roles")); //TODO: should be edit mode
-var styles_1 = require("./styles");
+import React, { useRef } from 'react';
+import { createNewAttribute, EntityAttrTypes, isEditableMode as checkIsEditableMode } from '@reltio/mdm-sdk';
+import Box from '@material-ui/core/Box';
+import Title from '../../../Title/Title';
+import Cardinality from './CardinalityMessage';
+import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';
+import Attribute from '../AttributesFactory/Attribute';
+import Tags from '../../readMode/SpecialAttributes/Tags'; //TODO: should be edit mode
+import Roles from '../../readMode/SpecialAttributes/Roles'; //TODO: should be edit mode
+import { useStyles } from './styles';
 var SpecialRenderer = function (_a) {
     var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage"]);
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
-    var isEditableMode = mdm_sdk_1.isEditableMode(mode);
-    var emptyEditorValue = react_1.useRef(mdm_sdk_1.createNewAttribute({
+    var isEditableMode = checkIsEditableMode(mode);
+    var emptyEditorValue = useRef(createNewAttribute({
         parentUri: parentUri,
         attributeType: attributeType
     }));
     var renderValue = function () {
         switch (attributeType.uri) {
-            case mdm_sdk_1.EntityAttrTypes.tags.uri:
-                return react_1.default.createElement(Tags_1.default, { values: values });
-            case mdm_sdk_1.EntityAttrTypes.roles.uri: {
-                return react_1.default.createElement(Roles_1.default, { values: values });
+            case EntityAttrTypes.tags.uri:
+                return React.createElement(Tags, { values: values });
+            case EntityAttrTypes.roles.uri: {
+                return React.createElement(Roles, { values: values });
             }
             default: {
                 //startDate, endDate
                 var value = __assign(__assign({}, emptyEditorValue.current), { value: values[0] || '' });
-                return react_1.default.createElement(Attribute_1.default, __assign({ attributeValue: value, attributeType: attributeType, mode: mode }, otherProps));
+                return React.createElement(Attribute, __assign({ attributeValue: value, attributeType: attributeType, mode: mode }, otherProps));
             }
         }
     };
-    return (react_1.default.createElement(Box_1.default, { className: styles.wrapper },
-        react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
-        isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
-        isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage }),
-        react_1.default.createElement(Box_1.default, { className: styles.attributesWrapper }, renderValue())));
+    return (React.createElement(Box, { className: styles.wrapper },
+        React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
+        isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
+        isEditableMode && React.createElement(ErrorMessage, { message: errorMessage }),
+        React.createElement(Box, { className: styles.attributesWrapper }, renderValue())));
 };
-exports.default = SpecialRenderer;
+export default SpecialRenderer;

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

@@ -1,45 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardinalityMessage = exports.AttributesPager = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var AttributesPager_1 = __importDefault(require("./AttributesPager"));
-exports.AttributesPager = AttributesPager_1.default;
-var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
-exports.CardinalityMessage = CardinalityMessage_1.default;
+import { connect } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import { getAttributePagerActiveTypeErrorMessage } from '@reltio/mdm-sdk';
+import AttributesPager from './AttributesPager';
+import CardinalityMessage from './CardinalityMessage';
 var mapStateToProps = function (state, _a) {
     var parentUri = _a.parentUri, attributeType = _a.attributeType, max = _a.max;
     return ({
-        errors: mdm_module_1.default.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
-        errorMessage: mdm_sdk_1.getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, mdm_module_1.default.selectors.getProfileErrors(state)),
-        max: max || mdm_module_1.default.selectors.getDefaultMaxValues(state)
+        errors: mdmModule.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
+        errorMessage: getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, mdmModule.selectors.getProfileErrors(state)),
+        max: max || mdmModule.selectors.getDefaultMaxValues(state)
     });
 };
 var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: mdm_module_1.profile.actions.requestNextPageOfAttributeValues,
-    onDeactivateError: mdm_module_1.profile.errors.actions.errorDeactivated
+    requestNextPageOfAttributeValues: profile.actions.requestNextPageOfAttributeValues,
+    onDeactivateError: profile.errors.actions.errorDeactivated
 };
-exports.default = react_redux_1.connect(mapStateToProps, mapDispatchToProps)(AttributesPager_1.default);
+export { AttributesPager, CardinalityMessage };
+export default connect(mapStateToProps, mapDispatchToProps)(AttributesPager);

package/components/attributes/editMode/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 (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     caption: {
         fontSize: '0.7rem',
         opacity: 0.54

package/components/attributes/editMode/AttributesPager/utils.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterNewValues = void 0;
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var filterNewValues = ramda_1.filter(ramda_1.propSatisfies(mdm_sdk_1.isTempUri, 'uri'));
-exports.filterNewValues = filterNewValues;
+import { filter, propSatisfies } from 'ramda';
+import { isTempUri } from '@reltio/mdm-sdk';
+var filterNewValues = filter(propSatisfies(isTempUri, 'uri'));
+export { filterNewValues };

package/components/attributes/editMode/AttributesView/AttributesView.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,58 +9,35 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
-var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetViewHeader"));
-var AttributesList_1 = __importDefault(require("../AttributesList"));
-var contexts_1 = require("../../../../contexts");
-var attributesView_1 = require("../../helpers/attributesView");
-var styles_1 = require("./styles");
+import React, { useCallback, useContext, useMemo } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import classnames from 'classnames';
+import { pipe } from 'ramda';
+import mdmModule, { profile } from '@reltio/mdm-module';
+import { isTempUri } from '@reltio/mdm-sdk';
+import Box from '@material-ui/core/Box';
+import BasicView from '../../../BasicView/BasicView';
+import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
+import AttributesList from '../AttributesList';
+import { ViewIdContext } from '../../../../contexts';
+import { getFilteredAttrTypes } from '../../helpers/attributesView';
+import { useStyles } from './styles';
 var AttributesView = function (_a) {
     var _b;
     var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, mode = _a.mode, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f;
-    var styles = styles_1.useStyles();
-    var dispatch = react_redux_1.useDispatch();
-    var viewId = react_1.useContext(contexts_1.ViewIdContext);
-    var modifiedEntity = react_redux_1.useSelector(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity.uri) || {}; });
-    var filteredAttrTypes = react_1.useMemo(function () { return attributesView_1.getFilteredAttrTypes(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
-    var onAddAttributes = react_1.useCallback(function (params) {
-        return ramda_1.pipe(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
+    var styles = useStyles();
+    var dispatch = useDispatch();
+    var viewId = useContext(ViewIdContext);
+    var modifiedEntity = useSelector(function (state) { return mdmModule.selectors.getModifiedEntity(state, entity.uri) || {}; });
+    var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
+    var onAddAttributes = useCallback(function (params) {
+        return pipe(profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
     }, [viewId, dispatch]);
-    var onChangeAttribute = react_1.useCallback(function (params) { return ramda_1.pipe(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    var onDeleteAttribute = react_1.useCallback(function (params) { return ramda_1.pipe(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    return (react_1.default.createElement(BasicView_1.default, { className: className },
-        caption && react_1.default.createElement(FacetViewHeader_1.default, { className: styles.header, title: caption }),
-        react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },
-            react_1.default.createElement(AttributesList_1.default, { entity: modifiedEntity, attrTypes: filteredAttrTypes, parentUri: modifiedEntity.uri, drawLines: false, mode: mode, showEmptyEditors: mdm_sdk_1.isTempUri(modifiedEntity.uri), crosswalks: modifiedEntity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute }))));
+    var onChangeAttribute = useCallback(function (params) { return pipe(profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    var onDeleteAttribute = useCallback(function (params) { return pipe(profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    return (React.createElement(BasicView, { className: className },
+        caption && React.createElement(FacetViewHeader, { className: styles.header, title: caption }),
+        React.createElement(Box, { className: classnames(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },
+            React.createElement(AttributesList, { entity: modifiedEntity, attrTypes: filteredAttrTypes, parentUri: modifiedEntity.uri, drawLines: false, mode: mode, showEmptyEditors: isTempUri(modifiedEntity.uri), crosswalks: modifiedEntity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute }))));
 };
-exports.default = AttributesView;
+export default AttributesView;

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

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributesView = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var AttributesView_1 = __importDefault(require("./AttributesView"));
-exports.AttributesView = AttributesView_1.default;
+import { connect } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import AttributesView from './AttributesView';
 var mapStateToProps = function (state) { return ({
-    metadata: mdm_module_1.default.selectors.getMetadata(state)
+    metadata: mdmModule.selectors.getMetadata(state)
 }); };
-exports.default = react_redux_1.connect(mapStateToProps)(AttributesView_1.default);
+export { AttributesView };
+export default connect(mapStateToProps)(AttributesView);

package/components/attributes/editMode/AttributesView/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({
     attributesContainer: {
         padding: '0 16px 16px 16px'
     },