@reltio/components 1.4.876 → 1.4.880

package/components/attributes/PivotingAttributes/PivotingTooltipContent.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,54 +9,30 @@ 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 });
-exports.PivotingTooltipContent = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
-var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
-var styles_1 = require("./styles");
-var helpers_1 = require("./helpers");
-var hooks_1 = require("../../../hooks");
+import React, { useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import mdm from '@reltio/mdm-module';
+import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals } from '@reltio/mdm-sdk';
+import EntityAvatar from '../../EntityAvatar/EntityAvatar';
+import EntityUriLink from '../../EntityUriLink/EntityUriLink';
+import { useStyles } from './styles';
+import { getParamsFilteringEntities } from './helpers';
+import { useSafePromise } from '../../../hooks';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
-var PivotingTooltipContent = function (_a) {
+export var PivotingTooltipContent = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b;
-    var _c = react_1.useState([]), entities = _c[0], setEntities = _c[1];
-    var _d = react_1.useState(0), total = _d[0], setTotal = _d[1];
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
-    var safePromise = hooks_1.useSafePromise();
-    var styles = styles_1.useStyles();
-    var globalSearchRequestOptions = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {};
+    var _c = useState([]), entities = _c[0], setEntities = _c[1];
+    var _d = useState(0), total = _d[0], setTotal = _d[1];
+    var entity = useSelector(mdm.selectors.getEntity) || {};
+    var safePromise = useSafePromise();
+    var styles = useStyles();
+    var globalSearchRequestOptions = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {};
     var entityType = config.entityType || entity.type;
-    react_1.useEffect(function () {
-        var filters = helpers_1.getParamsFilteringEntities(value, attributeType, entityType);
+    useEffect(function () {
+        var filters = getParamsFilteringEntities(value, attributeType, entityType);
         var options = __assign({ max: MAX_ENTITIES_PIVOTING_TOOLTIP }, globalSearchRequestOptions);
-        safePromise(Promise.all([mdm_sdk_1.getFilteredEntities(filters, options), mdm_sdk_1.getTotals(filters, options)]))
+        safePromise(Promise.all([getFilteredEntities(filters, options), getTotals(filters, options)]))
             .then(function (results) {
             var entities = results[0], total = results[1].total;
             setEntities(Array.isArray(entities) ? entities : []);
@@ -69,16 +44,15 @@ var PivotingTooltipContent = function (_a) {
         });
     }, []);
     var hasEntityTypeLabel = Boolean(config.label);
-    return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement("div", { className: styles.header },
-            react_1.default.createElement("div", { className: styles.title }, ui_i18n_1.default.text('Pivot profiles')),
-            react_1.default.createElement("div", { className: styles.divider }),
-            react_1.default.createElement("div", { className: styles.headerCount }, ui_i18n_1.default.number(total, '0,0') + ' ' + (total === 1 ? ui_i18n_1.default.text('item') : ui_i18n_1.default.text('items')))),
-        hasEntityTypeLabel && react_1.default.createElement("div", { className: styles.entityTypeLabel }, config.label),
-        react_1.default.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (react_1.default.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
-            react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
-            react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: mdm_sdk_1.getEntityUriForLink(visibleEntity) }, mdm_sdk_1.getLabel(visibleEntity.label)))); })),
-        react_1.default.createElement("div", { className: styles.footer },
-            react_1.default.createElement("a", null, ui_i18n_1.default.text('See all')))));
+    return (React.createElement("div", { className: styles.container },
+        React.createElement("div", { className: styles.header },
+            React.createElement("div", { className: styles.title }, i18n.text('Pivot profiles')),
+            React.createElement("div", { className: styles.divider }),
+            React.createElement("div", { className: styles.headerCount }, i18n.number(total, '0,0') + ' ' + (total === 1 ? i18n.text('item') : i18n.text('items')))),
+        hasEntityTypeLabel && React.createElement("div", { className: styles.entityTypeLabel }, config.label),
+        React.createElement("div", { className: styles.body }, entities.map(function (visibleEntity) { return (React.createElement("div", { key: visibleEntity.uri, className: styles.entityContainer },
+            React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
+            React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),
+        React.createElement("div", { className: styles.footer },
+            React.createElement("a", null, i18n.text('See all')))));
 };
-exports.PivotingTooltipContent = PivotingTooltipContent;

package/components/attributes/PivotingAttributes/helpers.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.preparePivotingAttributeValue = exports.generatePivotingValue = exports.getParamsFilteringEntities = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var getParamsFilteringEntities = function (values, attributeType, entityType) {
+import { attributeUriToSearchUri, DataTypes, findAttributeTypeByUri, getAttributeSource, isOv, FilterOptions } from '@reltio/mdm-sdk';
+import { isNil } from 'ramda';
+export var getParamsFilteringEntities = function (values, attributeType, entityType) {
     if (entityType === void 0) { entityType = ''; }
     var params = [
         {
@@ -20,9 +17,8 @@ var getParamsFilteringEntities = function (values, attributeType, entityType) {
     }
     return params;
 };
-exports.getParamsFilteringEntities = getParamsFilteringEntities;
 var getParamsFilteringNested = function (attributeType, values) {
-    var attributeSource = mdm_sdk_1.getAttributeSource(attributeType);
+    var attributeSource = getAttributeSource(attributeType);
     return values.reduce(function (acc, value) {
         var _loop_1 = function (uri) {
             var attrType = (attributeType[attributeSource] || []).find(function (attribute) { return attribute.uri === uri; });
@@ -41,16 +37,16 @@ var getParamsFilteringNested = function (attributeType, values) {
     }, []);
 };
 var createSearchParameter = function (value, attributeType) {
-    if (value && value.length && !ramda_1.isNil(value[0])) {
+    if (value && value.length && !isNil(value[0])) {
         return {
-            fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri),
-            filter: attributeType.type === mdm_sdk_1.DataTypes.TYPE_BLOB ? mdm_sdk_1.FilterOptions.FULL_TEXT : mdm_sdk_1.FilterOptions.EQUALS,
+            fieldName: attributeUriToSearchUri(attributeType.uri),
+            filter: attributeType.type === DataTypes.TYPE_BLOB ? FilterOptions.FULL_TEXT : FilterOptions.EQUALS,
             values: value
         };
     }
     else {
         return {
-            fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri),
+            fieldName: attributeUriToSearchUri(attributeType.uri),
             filter: 'missing'
         };
     }
@@ -61,7 +57,7 @@ var getPivotingChildrenUris = function (attributeType, pivotingAttributes) {
     });
     return pivotingAttribute && Array.isArray(pivotingAttribute.children) ? pivotingAttribute.children : [];
 };
-var generatePivotingValue = function (attributeType, value, pivotingAttributes, metadata) {
+export var generatePivotingValue = function (attributeType, value, pivotingAttributes, metadata) {
     var pivotingChildrenUris = getPivotingChildrenUris(attributeType, pivotingAttributes);
     var pivotingChildren = (attributeType === null || attributeType === void 0 ? void 0 : attributeType.attributes) || (attributeType === null || attributeType === void 0 ? void 0 : attributeType.analyticsAttributes) || [];
     if (pivotingChildrenUris.length) {
@@ -81,29 +77,28 @@ var generatePivotingValue = function (attributeType, value, pivotingAttributes,
         return acc;
     }, []);
 };
-exports.generatePivotingValue = generatePivotingValue;
 var valueToString = function (values, metadata, pivotingAttributes) {
     if (!values || values.length === 0)
         return;
     return values.reduce(function (acc, valueContainer) {
         if ('type' in valueContainer && valueContainer.type) {
             var value = 'lookupCode' in valueContainer ? valueContainer.lookupCode : valueContainer.value;
-            var attributeType = mdm_sdk_1.findAttributeTypeByUri(metadata, valueContainer.type);
-            if (value && typeof value !== 'object' && mdm_sdk_1.isOv(valueContainer)) {
-                acc.push(exports.preparePivotingAttributeValue(value, attributeType));
+            var attributeType = findAttributeTypeByUri(metadata, valueContainer.type);
+            if (value && typeof value !== 'object' && isOv(valueContainer)) {
+                acc.push(preparePivotingAttributeValue(value, attributeType));
             }
             else if (value && typeof value === 'object' && !Array.isArray(value)) {
-                acc.push(exports.generatePivotingValue(attributeType, value, pivotingAttributes, metadata));
+                acc.push(generatePivotingValue(attributeType, value, pivotingAttributes, metadata));
             }
         }
         return acc;
     }, []);
 };
-var preparePivotingAttributeValue = function (value, attributeType) {
+export var preparePivotingAttributeValue = function (value, attributeType) {
     switch (attributeType === null || attributeType === void 0 ? void 0 : attributeType.type) {
-        case mdm_sdk_1.DataTypes.TYPE_DATE:
+        case DataTypes.TYPE_DATE:
             return new Date(value).getTime();
-        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP: {
+        case DataTypes.TYPE_TIMESTAMP: {
             if (!isNaN(Number(value))) {
                 return new Date(Number(value)).getTime();
             }
@@ -115,4 +110,3 @@ var preparePivotingAttributeValue = function (value, attributeType) {
             return value;
     }
 };
-exports.preparePivotingAttributeValue = preparePivotingAttributeValue;

package/components/attributes/PivotingAttributes/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "entityTypeLabel" | "title" | "icon" | "body" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "body" | "entityTypeLabel" | "title" | "icon" | "footer" | "header" | "entityLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer">;
 export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;

package/components/attributes/PivotingAttributes/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePivotingTooltipStyles = 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 ({
     container: {
         backgroundColor: 'white',
         width: '360px',
@@ -79,7 +76,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         color: theme.palette.primary.main
     }
 }); });
-exports.usePivotingTooltipStyles = styles_1.makeStyles({
+export var usePivotingTooltipStyles = makeStyles({
     tooltip: {
         backgroundColor: 'white',
         boxShadow: '0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2)',

package/components/attributes/editMode/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 EditModeAttributesFactory from './AttributesFactory';
 var Attribute = function (props) {
     var attributeType = props.attributeType;
-    return AttributesFactory_1.default.build(attributeType, props);
+    return EditModeAttributesFactory.build(attributeType, props);
 };
-exports.default = Attribute;
+export default Attribute;

package/components/attributes/editMode/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++) {
@@ -21,15 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SimpleAttributeEditor_1 = __importDefault(require("../SimpleAttributeEditor/SimpleAttributeEditor"));
-var NestedAttribute_1 = __importDefault(require("../NestedAttribute/NestedAttribute"));
-var ReferenceAttribute_1 = __importDefault(require("../ReferenceAttribute"));
+import React from 'react';
+import { DataTypes, isReltioCrosswalk } from '@reltio/mdm-sdk';
+import SimpleAttributeEditor from '../SimpleAttributeEditor/SimpleAttributeEditor';
+import NestedAttribute from '../NestedAttribute/NestedAttribute';
+import ReferenceAttribute from '../ReferenceAttribute';
 var EditModeAttributesFactory = /** @class */ (function () {
     function EditModeAttributesFactory() {
     }
@@ -39,14 +34,14 @@ var EditModeAttributesFactory = /** @class */ (function () {
         var showEmptyEditors = props.showEmptyEditors, onAddAttributes = props.onAddAttributes, lazy = props.lazy, errors = props.errors, crosswalks = props.crosswalks, showNonOv = props.showNonOv, propsForSimpleAttribute = __rest(props, ["showEmptyEditors", "onAddAttributes", "lazy", "errors", "crosswalks", "showNonOv"]);
         /* eslint-enable @typescript-eslint/no-unused-vars */
         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(SimpleAttributeEditor_1.default, __assign({ isReltioCrosswalk: mdm_sdk_1.isReltioCrosswalk(crosswalks, props.attributeValue) }, propsForSimpleAttribute)));
+                return (React.createElement(SimpleAttributeEditor, __assign({ isReltioCrosswalk: isReltioCrosswalk(crosswalks, props.attributeValue) }, propsForSimpleAttribute)));
         }
     };
     return EditModeAttributesFactory;
 }());
-exports.default = EditModeAttributesFactory;
+export default EditModeAttributesFactory;

package/components/attributes/editMode/AttributesList/AttributesList.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,76 +9,53 @@ 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 prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var AttributesPager_1 = __importDefault(require("../AttributesPager"));
-var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var MoreAttributesButton_1 = __importDefault(require("../MoreAttributesButton"));
-var constants_1 = require("../../../../constants");
-var attributesView_1 = require("../../helpers/attributesView");
-var helpers_1 = require("./helpers");
+import React, { memo, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import { getCreatableAttributeTypes, getAttributesListForEditMode, ModeType } from '@reltio/mdm-sdk';
+import { path } from 'ramda';
+import AttributesPager from '../AttributesPager';
+import BranchDecorator from '../../BranchDecorator/BranchDecorator';
+import MoreAttributesButton from '../MoreAttributesButton';
+import { ALWAYS_VISIBLE_TYPE_URIS } from '../../../../constants';
+import { splitPagersData } from '../../helpers/attributesView';
+import { getMoreAttrTypes } from './helpers';
 var AttributesList = function (_a) {
-    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv;
+    var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv;
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
-    var creatableAttrTypes = react_1.useMemo(function () { return mdm_sdk_1.getCreatableAttributeTypes(mode, attrTypes); }, [attrTypes, mode]);
-    var moreAttrTypes = helpers_1.getMoreAttrTypes(creatableAttrTypes, entity);
-    var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv); }, [attrTypes, mode, entity, showEmptyEditors, showNonOv]);
-    var _d = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
-    var onAddMoreAttributes = react_1.useCallback(function (attributeTypes) {
+    var creatableAttrTypes = useMemo(function () { return getCreatableAttributeTypes(mode, attrTypes); }, [attrTypes, mode]);
+    var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity);
+    var pagersData = useMemo(function () { return getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv); }, [attrTypes, mode, entity, showEmptyEditors, showNonOv]);
+    var _d = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
+    var onAddMoreAttributes = useCallback(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({ attributeType: attributeType, parentUri: parentUri }); }));
     }, [onAddAttributes, parentUri]);
     var decoratorProps = {
         enabled: drawLines
     };
-    return (react_1.default.createElement("div", { className: className },
-        children && react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps), children),
-        react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps, { plain: true }), creatableAttrTypes.length > 0 && (react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
+    return (React.createElement("div", { className: className },
+        children && React.createElement(BranchDecorator, __assign({}, decoratorProps), children),
+        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), creatableAttrTypes.length > 0 && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
         regularPagersData.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], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
+            return (React.createElement(AttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
         })));
 };
 AttributesList.propTypes = {
-    attrTypes: prop_types_1.default.array,
-    entity: prop_types_1.default.object,
-    parentUri: prop_types_1.default.string,
-    children: prop_types_1.default.node,
-    showEmptyEditors: prop_types_1.default.bool,
-    mode: mdm_sdk_1.ModeType,
-    crosswalks: prop_types_1.default.array,
-    drawLines: prop_types_1.default.bool,
-    showNonOv: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    alwaysVisibleTypeUris: prop_types_1.default.array,
-    onAddAttributes: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    additionalControlsRenderer: prop_types_1.default.func
+    attrTypes: PropTypes.array,
+    entity: PropTypes.object,
+    parentUri: PropTypes.string,
+    children: PropTypes.node,
+    showEmptyEditors: PropTypes.bool,
+    mode: ModeType,
+    crosswalks: PropTypes.array,
+    drawLines: PropTypes.bool,
+    showNonOv: PropTypes.bool,
+    className: PropTypes.string,
+    alwaysVisibleTypeUris: PropTypes.array,
+    onAddAttributes: PropTypes.func,
+    onChangeAttribute: PropTypes.func,
+    onDeleteAttribute: PropTypes.func,
+    additionalControlsRenderer: PropTypes.func
 };
-exports.default = react_1.memo(AttributesList);
+export default memo(AttributesList);

package/components/attributes/editMode/AttributesList/helpers.js

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMoreAttrTypes = void 0;
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { always, both, cond, has, T } from 'ramda';
+import { isAnalyticAttribute, isSpecialAttribute } from '@reltio/mdm-sdk';
 var getSource = function (attrType, entity) {
     var _a = entity.attributes, attributes = _a === void 0 ? {} : _a, _b = entity.analyticsAttributes, analyticsAttributes = _b === void 0 ? {} : _b;
-    return ramda_1.cond([
-        [mdm_sdk_1.isSpecialAttribute, ramda_1.always(entity)],
-        [ramda_1.both(mdm_sdk_1.isAnalyticAttribute, ramda_1.always(analyticsAttributes)), ramda_1.always(analyticsAttributes)],
-        [ramda_1.T, ramda_1.always(attributes)]
+    return cond([
+        [isSpecialAttribute, always(entity)],
+        [both(isAnalyticAttribute, always(analyticsAttributes)), always(analyticsAttributes)],
+        [T, always(attributes)]
     ])(attrType);
 };
 var getNameProp = function (attrType) {
-    return mdm_sdk_1.isSpecialAttribute(attrType) ? 'uri' : 'name';
+    return isSpecialAttribute(attrType) ? 'uri' : 'name';
 };
-var getMoreAttrTypes = function (attrTypes, entity) {
+export var getMoreAttrTypes = function (attrTypes, entity) {
     return attrTypes.filter(function (attrType) {
         var source = getSource(attrType, entity);
         var nameProp = getNameProp(attrType);
-        return !(attrType.singleValue && ramda_1.has(attrType[nameProp])(source));
+        return !(attrType.singleValue && has(attrType[nameProp])(source));
     });
 };
-exports.getMoreAttrTypes = getMoreAttrTypes;

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

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var AttributesList_1 = require("./AttributesList");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AttributesList_1).default; } });
+export { default } from './AttributesList';

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

@@ -1,74 +1,50 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var ErrorMessage_1 = __importDefault(require("../../../ErrorWrapper/ErrorMessage"));
-var Title_1 = __importDefault(require("../../../Title/Title"));
-var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
-var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
-var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
-var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
-var styles_1 = require("./styles");
-var utils_1 = require("./utils");
+import React, { useCallback, useRef, useState } from 'react';
+import { createNewAttribute, getAttributeOwnError, isComplexAttribute, isEditableMode as checkIsEditableMode, isEmptyValue } from '@reltio/mdm-sdk';
+import { add, always, has, ifElse, min, pipe, prop, T } from 'ramda';
+import BranchDecorator from '../../BranchDecorator/BranchDecorator';
+import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';
+import Title from '../../../Title/Title';
+import ShowLess from '../../pagersCommon/ShowLess';
+import ShowMore from '../../pagersCommon/ShowMore';
+import Attribute from '../AttributesFactory/Attribute';
+import Cardinality from './CardinalityMessage';
+import { useStyles } from './styles';
+import { filterNewValues } from './utils';
 var AttributeRenderer = function (_a) {
     var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, 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 _b = react_1.useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
-    var _c = react_1.useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
+    var styles = useStyles();
+    var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
+    var _c = useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality, name = attributeType.name, attributeTypeUri = attributeType.uri;
-    var isEditableMode = mdm_sdk_1.isEditableMode(mode);
-    var isEmptyValues = mdm_sdk_1.isEmptyValue(values);
+    var isEditableMode = checkIsEditableMode(mode);
+    var isEmptyValues = isEmptyValue(values);
     var showEmpty = ((!hadDeletions && showEmptyEditors) || isRequired) && isEmptyValues;
-    var emptyEditorValue = react_1.useRef(mdm_sdk_1.createNewAttribute({
+    var emptyEditorValue = useRef(createNewAttribute({
         parentUri: parentUri,
         attributeType: attributeType
     }));
-    var onAddOneMore = react_1.useCallback(function () {
+    var onAddOneMore = useCallback(function () {
         setVisibleValuesCount(visibleValuesCount + 1);
         var attribute = {
             parentUri: parentUri,
             index: visibleValuesCount,
             attributeType: attributeType
         };
-        return onAddAttributes(showEmpty && !mdm_sdk_1.isComplexAttribute(attributeType.type) ? [attribute, attribute] : [attribute]);
+        return onAddAttributes(showEmpty && !isComplexAttribute(attributeType.type) ? [attribute, attribute] : [attribute]);
     }, [visibleValuesCount, onAddAttributes, parentUri, attributeType, showEmpty]);
-    var onDelete = react_1.useCallback(ramda_1.pipe(onDeleteAttribute, ramda_1.T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
+    var onDelete = useCallback(pipe(onDeleteAttribute, T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
     if (isEmptyValues && !showEmpty) {
         return null;
     }
     if (showEmpty && isEmptyValues) {
         values = [emptyEditorValue.current];
     }
-    if (mdm_sdk_1.isEmptyValue(values)) {
+    if (isEmptyValue(values)) {
         return null;
     }
-    var newValuesCount = (utils_1.filterNewValues(values) || []).length;
+    var newValuesCount = (filterNewValues(values) || []).length;
     var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
-    var totalVisibleValues = ramda_1.ifElse(ramda_1.has(totalProp), ramda_1.pipe(ramda_1.prop(totalProp), ramda_1.add(newValuesCount)), ramda_1.always(values.length))(paging);
+    var totalVisibleValues = ifElse(has(totalProp), pipe(prop(totalProp), add(newValuesCount)), always(values.length))(paging);
     var hasPaging = max < totalVisibleValues;
     var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
     var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -90,14 +66,14 @@ var AttributeRenderer = function (_a) {
     var shownValues = values.slice(0, visibleValuesCount);
     var lastIndex = shownValues ? shownValues.length - 1 : 0;
     var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
-    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: 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, className: styles.typeError }),
-            react_1.default.createElement("div", { className: styles.attributesWrapper },
-                shownValues.map(function (value, idx) { return (react_1.default.createElement(Attribute_1.default, { key: value.uri, attributeValue: value, attributeType: attributeType, lazy: showEmpty && !isRequired, showEmptyEditors: showEmptyEditors, errors: errors, ownError: mdm_sdk_1.getAttributeOwnError(value, idx, attributeType.uri, errors), mode: mode, crosswalks: crosswalks, onAddOneMore: lastIndex === idx ? onAddOneMore : null, onAddAttributes: onAddAttributes, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute, onDeactivateError: onDeactivateError, additionalControlsRenderer: additionalControlsRenderer })); }),
-                showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: ramda_1.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
-                showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })))));
+    return (React.createElement(BranchDecorator, { enabled: drawLines },
+        React.createElement("div", { 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, className: styles.typeError }),
+            React.createElement("div", { className: styles.attributesWrapper },
+                shownValues.map(function (value, idx) { return (React.createElement(Attribute, { key: value.uri, attributeValue: value, attributeType: attributeType, lazy: showEmpty && !isRequired, showEmptyEditors: showEmptyEditors, errors: errors, ownError: getAttributeOwnError(value, idx, attributeType.uri, errors), mode: mode, crosswalks: crosswalks, onAddOneMore: lastIndex === idx ? onAddOneMore : null, onAddAttributes: onAddAttributes, onDeleteAttribute: onDelete, onChangeAttribute: onChangeAttribute, onDeactivateError: onDeactivateError, additionalControlsRenderer: additionalControlsRenderer })); }),
+                showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
+                showLess && React.createElement(ShowLess, { onClick: onShowLess })))));
 };
-exports.default = AttributeRenderer;
+export default AttributeRenderer;