@reltio/components 1.4.699 → 1.4.703

package/components/attributes/editMode/RelationTypeSelector/components/RelationOption.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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 prop_types_1 = __importDefault(require("prop-types"));
+var classnames_1 = __importDefault(require("classnames"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var styles_1 = require("./styles");
+var EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
+var ExpandedValueTooltip_1 = __importDefault(require("../../../../ExpandedValueTooltip/ExpandedValueTooltip"));
+var RelationOption = function (_a) {
+    var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;
+    var styles = styles_1.useOptionStyles();
+    var value = data.value, label = data.label, startObject = data.startObject, endObject = data.endObject;
+    var secondaryLabel = startObject.objectType.label + ' \u2194 ' + endObject.objectType.label;
+    return (react_1.default.createElement(MenuItem_1.default, __assign({ className: styles.container, ref: innerRef, key: value, onClick: function () { return selectOption({ label: label, value: value, startObject: startObject, endObject: endObject }); } }, innerProps),
+        react_1.default.createElement("div", { className: styles.icons },
+            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconTop, entityType: startObject.objectType }),
+            react_1.default.createElement(EntityTypeIcon_1.default, { className: styles.iconBottom, entityType: endObject.objectType })),
+        react_1.default.createElement("div", { className: styles.text },
+            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
+                react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.textItem, styles.primaryTextItem) }, label)),
+            react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel },
+                react_1.default.createElement(Typography_1.default, { color: "textSecondary", className: classnames_1.default(styles.textItem, styles.secondaryTextItem) }, secondaryLabel)))));
+};
+RelationOption.propTypes = {
+    innerRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf([null]),
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ]),
+    innerProps: prop_types_1.default.object.isRequired,
+    selectOption: prop_types_1.default.func.isRequired,
+    data: prop_types_1.default.shape({
+        value: prop_types_1.default.string.isRequired,
+        label: prop_types_1.default.string.isRequired,
+        startObject: prop_types_1.default.object,
+        endObject: prop_types_1.default.object
+    })
+};
+exports.default = RelationOption;

package/components/attributes/editMode/RelationTypeSelector/components/styles.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOptionStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+var iconsWidth = '68px';
+exports.useOptionStyles = styles_1.makeStyles({
+    container: {
+        display: 'flex',
+        alignItems: 'center',
+        height: '32px',
+        minHeight: '32px',
+        padding: 0
+    },
+    text: {
+        display: 'flex',
+        width: "calc(100% - " + iconsWidth + ")"
+    },
+    textItem: {
+        fontSize: '13px',
+        lineHeight: '15px',
+        marginRight: 10
+    },
+    primaryTextItem: {
+        flex: '1 0',
+        flexBasis: 0,
+        maxWidth: '50%',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+    },
+    secondaryTextItem: {
+        flex: '1 0',
+        flexBasis: 0,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis'
+    },
+    icons: {
+        transform: 'scale(0.5)',
+        position: 'relative',
+        flexShrink: 0,
+        width: iconsWidth,
+        bottom: '10px'
+    },
+    iconTop: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        zIndex: 1
+    },
+    iconBottom: {
+        position: 'absolute',
+        top: 0,
+        left: 26,
+        zIndex: 0
+    }
+});

package/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -0,0 +1,125 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 prop_types_1 = __importDefault(require("prop-types"));
+var react_redux_1 = require("react-redux");
+var classnames_1 = __importDefault(require("classnames"));
+var ramda_1 = require("ramda");
+var Add_1 = __importDefault(require("@material-ui/icons/Add"));
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
+var styles_1 = require("./styles");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var DataTypeValue_1 = __importDefault(require("../../../DataTypeValue/DataTypeValue"));
+var DataTypeValueEditor_1 = __importDefault(require("../../../editors/DataTypeValueEditor/DataTypeValueEditor"));
+var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper"));
+var SmallIconButton_1 = __importDefault(require("../../../../components/SmallIconButton/SmallIconButton"));
+var utils_1 = require("./utils");
+var withAsyncMount_1 = __importDefault(require("../../../../HOCs/withAsyncMount/withAsyncMount"));
+var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupEditorContext");
+var AsyncMountPlaceholder = function () {
+    var styles = styles_1.useStyles();
+    return react_1.default.createElement("div", { className: styles.placeholder });
+};
+var SimpleAttributeEditor = function (_a) {
+    var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer"]);
+    var styles = styles_1.useStyles();
+    var isEditableMode = mdm_sdk_1.isEditableMode(mode);
+    var dataTypeDefinition = mdm_sdk_1.getAttrDataTypeDefinition(attributeType);
+    var value = utils_1.attributeValueToEditorValue(attributeValue, dataTypeDefinition);
+    var canCreate = mdm_sdk_1.checkCanCreateAttribute({ attributeType: attributeType, mode: mode });
+    var canEdit = mdm_sdk_1.checkCanEditAttribute({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
+    var canDelete = mdm_sdk_1.checkCanDeleteAttribute({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
+    var showToEdit = canEdit && isEditableMode;
+    var errorMessage = mdm_sdk_1.getErrorMessage(ownError);
+    var dependentLookupEditorContext = react_redux_1.useSelector(function (state) {
+        return mdm_sdk_1.isDependentLookupAttrType(attributeType)
+            ? getDependentLookupEditorContext_1.getDependentLookupEditorContext(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
+            : null;
+    });
+    var onDelete = function () {
+        onDeleteAttribute({ uri: attributeValue.uri, attributeType: attributeType });
+        if (mdm_sdk_1.getErrorType(ownError) !== mdm_sdk_1.ErrorTypes.missed) {
+            deactivateError();
+        }
+    };
+    var deactivateError = function () {
+        if (ownError) {
+            onDeactivateError(mdm_sdk_1.getErrorId(ownError));
+        }
+    };
+    if (showToEdit) {
+        var showAddButton = !!onAddOneMore && canCreate && !attributeType.singleValue;
+        var showDeleteButton = !!onDeleteAttribute && canDelete;
+        var hasError = !!errorMessage;
+        return (react_1.default.createElement("div", { className: classnames_1.default(styles.editor, className) },
+            react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: errorMessage },
+                react_1.default.createElement("div", { className: styles['editor-value'] },
+                    react_1.default.createElement(DataTypeValueEditor_1.default, __assign({ fieldName: mdm_sdk_1.attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: ramda_1.pipe(utils_1.prepareChangeData(attributeValue, attributeType), onChangeAttribute, deactivateError), fullWidth: true }, dependentLookupEditorContext, otherProps)))),
+            react_1.default.createElement("div", { className: styles['editor-actions'] },
+                showAddButton && (react_1.default.createElement(SmallIconButton_1.default, { icon: Add_1.default, onClick: onAddOneMore, size: "L", className: classnames_1.default(styles.addButton, styles.button) })),
+                additionalControlsRenderer && additionalControlsRenderer({ attributeType: attributeType, attributeValue: attributeValue }),
+                showDeleteButton && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.button, icon: Delete_1.default, onClick: onDelete, size: "L" })))));
+    }
+    else {
+        return (react_1.default.createElement("div", { className: className },
+            react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })));
+    }
+};
+SimpleAttributeEditor.propTypes = {
+    className: prop_types_1.default.string,
+    attributeValue: mdm_sdk_1.SimpleAttributeValueType,
+    attributeType: mdm_sdk_1.AttributeTypeType,
+    ownError: mdm_sdk_1.AttributeErrorType,
+    isReltioCrosswalk: prop_types_1.default.bool,
+    mode: mdm_sdk_1.ModeType,
+    onAddOneMore: prop_types_1.default.func,
+    onDeleteAttribute: prop_types_1.default.func,
+    onChangeAttribute: prop_types_1.default.func,
+    onDeactivateError: prop_types_1.default.func,
+    additionalControlsRenderer: prop_types_1.default.func
+};
+exports.default = react_1.memo(withAsyncMount_1.default(SimpleAttributeEditor, AsyncMountPlaceholder));

package/components/attributes/editMode/SimpleAttributeEditor/selectors/getDependentLookupEditorContext.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDependentLookupEditorContext = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var parents_1 = require("./helpers/parents");
+var missedParentsMessage_1 = require("./helpers/missedParentsMessage");
+var cache_1 = require("./helpers/cache");
+var getDependentLookupEditorContext = function (state, attributeValue, attributeTypeUri) {
+    var node = mdm_module_1.default.selectors.getDependentLookupsStructureNode(state, attributeTypeUri);
+    if (node) {
+        var valueUri = attributeValue.uri;
+        var _a = parents_1.getParents(state, valueUri, node), parents = _a.parents, missedParentsAttributeTypes = _a.missedParentsAttributeTypes;
+        var _b = (mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri) || {}).isBlocked, isBlocked = _b === void 0 ? false : _b;
+        var missedParentsMessage = missedParentsMessage_1.buildMissedParentsMessage(missedParentsAttributeTypes);
+        var autocompleteConfig = mdm_module_1.default.selectors.getLookupAutocomplete(state);
+        var autopopulationEnabled = mdm_sdk_1.isAutopopulationEnabled(autocompleteConfig, attributeTypeUri);
+        var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
+        var placeholder = (isEmptyValue && isBlocked && ui_i18n_1.default.text('Populating values...')) || missedParentsMessage || '';
+        var context = {
+            parents: parents,
+            disabled: !!missedParentsMessage || isBlocked,
+            placeholder: placeholder,
+            autopopulationId: autopopulationEnabled ? valueUri : null
+        };
+        if (placeholder) {
+            context.value = null;
+        }
+        return cache_1.fromCache(valueUri, context);
+    }
+};
+exports.getDependentLookupEditorContext = getDependentLookupEditorContext;

package/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/cache.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fromCache = void 0;
+var ramda_1 = require("ramda");
+var DLEditorContextCache = {};
+var fromCache = function (valueUri, context) {
+    var cachedContext = DLEditorContextCache[valueUri];
+    if (ramda_1.equals(context, cachedContext)) {
+        return cachedContext;
+    }
+    else {
+        if (ramda_1.equals(cachedContext === null || cachedContext === void 0 ? void 0 : cachedContext.parents, context.parents)) {
+            context.parents = cachedContext.parents;
+        }
+        DLEditorContextCache[valueUri] = context;
+        return context;
+    }
+};
+exports.fromCache = fromCache;

package/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/missedParentsMessage.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildMissedParentsMessage = void 0;
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var joinWords = function (words) {
+    return words.reduce(function (result, word, i) { return [result, word].join(i === words.length - 1 ? " " + ui_i18n_1.default.text('and') + " " : ', '); });
+};
+var buildMissedParentsMessage = function (missedAttributeTypes) {
+    return missedAttributeTypes.length
+        ? ui_i18n_1.default.text('Please select value for ${labels} ${attributes}.', {
+            labels: joinWords(missedAttributeTypes.map(ramda_1.pipe(ramda_1.prop('label'), function (label) { return "'" + label + "'"; }))),
+            attributes: missedAttributeTypes.length === 1 ? ui_i18n_1.default.text('attribute') : ui_i18n_1.default.text('attributes')
+        })
+        : '';
+};
+exports.buildMissedParentsMessage = buildMissedParentsMessage;

package/components/attributes/editMode/SimpleAttributeEditor/selectors/helpers/parents.js

@@ -0,0 +1,59 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from) {
+    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
+        to[j] = from[i];
+    return to;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getParents = void 0;
+var ramda_1 = require("ramda");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var getParents = function (state, valueUri, node) {
+    var parentNodesValues = node.parents.flatMap(function (type) {
+        var parentNode = mdm_module_1.default.selectors.getDependentLookupsStructureNode(state, type);
+        return parentNode.values.map(function (value) { return (__assign(__assign({}, value), { type: type, dependentLookupCode: parentNode.attrType.dependentLookupCode })); });
+    });
+    var modifiedEntities = mdm_module_1.default.selectors.getModifiedEntities(state);
+    var entityUri = mdm_module_1.default.selectors.getEntityUri(state);
+    var ownParentNodesValues = mdm_sdk_1.filterRelatedParentValuesForDependentLookupValueUri({
+        parentValues: parentNodesValues,
+        valueUri: valueUri,
+        entityUri: entityUri,
+        modifiedEntities: modifiedEntities
+    });
+    var neededParentsAttributeTypes = node.parents.map(function (type) {
+        var parentNode = mdm_module_1.default.selectors.getDependentLookupsStructureNode(state, type);
+        return parentNode.attrType;
+    });
+    var missedParentsAttributeTypes = neededParentsAttributeTypes.filter(function (attrType) { return !ownParentNodesValues.some(function (_a) {
+        var type = _a.type, value = _a.value;
+        return value && type === attrType.uri;
+    }); });
+    var parents = Object.values(ownParentNodesValues.reduce(function (typesMap, parent) {
+        var _a;
+        var _b;
+        return (__assign(__assign({}, typesMap), (_a = {}, _a[parent.dependentLookupCode] = {
+            type: parent.dependentLookupCode,
+            codeValues: ramda_1.uniq(__spreadArray([parent.value], (((_b = typesMap[parent.dependentLookupCode]) === null || _b === void 0 ? void 0 : _b.codeValues) || [])))
+                .filter(Boolean)
+                .sort()
+        }, _a)));
+    }, {}));
+    return { parents: parents, missedParentsAttributeTypes: missedParentsAttributeTypes };
+};
+exports.getParents = getParents;

package/components/attributes/editMode/SimpleAttributeEditor/selectors/types.js

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

package/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+var marginBottom = 10;
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+    wrapper: {
+        width: '100%'
+    },
+    editor: {
+        display: 'flex',
+        flex: 1,
+        alignItems: 'flex-start',
+        marginBottom: marginBottom + "px"
+    },
+    'editor-value': {
+        flex: '1 1 auto'
+    },
+    'editor-actions': {
+        display: 'flex',
+        alignItems: 'center',
+        paddingLeft: '8px'
+    },
+    addButton: {
+        marginRight: '-8px'
+    },
+    button: {
+        color: theme.palette.text.secondary
+    },
+    placeholder: {
+        height: 40 + marginBottom + "px"
+    }
+}); });

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

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.prepareChangeData = exports.editorValueToAttributeValue = exports.attributeValueToEditorValue = void 0;
+var moment_1 = __importDefault(require("moment"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var mdm_sdk_2 = require("@reltio/mdm-sdk");
+var attributeValueToEditorValue = function (attributeValue, _a) {
+    if (attributeValue === void 0) { attributeValue = {}; }
+    var type = _a.type;
+    var value = attributeValue.value, lookupCode = attributeValue.lookupCode;
+    switch (type) {
+        case mdm_sdk_1.DataTypes.TYPE_BOOLEAN:
+        case mdm_sdk_1.DataTypes.TYPE_BOOLEAN_RADIO:
+        case mdm_sdk_1.DataTypes.TYPE_RDM_LOOKUPS_NOT_RESOLVED: {
+            return mdm_sdk_1.parseBoolean(value);
+        }
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return (value && mdm_sdk_2.utils.dates.toLocalDate(value)) || null;
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP:
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE: {
+            return (value && new Date(value)) || null;
+        }
+        case mdm_sdk_1.DataTypes.TYPE_DEPENDENT_LOOKUP:
+        case mdm_sdk_1.DataTypes.TYPE_LOOKUP: {
+            return { value: value, lookupCode: lookupCode };
+        }
+        default:
+            return value;
+    }
+};
+exports.attributeValueToEditorValue = attributeValueToEditorValue;
+var editorValueToAttributeValue = function (attributeType, editorValue) {
+    var type = mdm_sdk_1.getAttrDataTypeDefinition(attributeType).type;
+    switch (type) {
+        case mdm_sdk_1.DataTypes.TYPE_BOOLEAN:
+        case mdm_sdk_1.DataTypes.TYPE_BOOLEAN_RADIO:
+        case mdm_sdk_1.DataTypes.TYPE_RDM_LOOKUPS_NOT_RESOLVED:
+            return editorValue.toString();
+        case mdm_sdk_1.DataTypes.TYPE_DATE:
+            return moment_1.default(editorValue).format('YYYY-MM-DD');
+        case mdm_sdk_1.DataTypes.TYPE_TIMESTAMP: {
+            return moment_1.default(editorValue).format();
+        }
+        case mdm_sdk_1.DataTypes.TYPE_ACTIVENESS_DATE:
+        case mdm_sdk_1.DataTypes.TYPE_LOCAL_DATE:
+            return editorValue && editorValue.valueOf();
+        default:
+            return editorValue || '';
+    }
+};
+exports.editorValueToAttributeValue = editorValueToAttributeValue;
+var prepareChangeData = ramda_1.curry(function (attributeValue, attributeType, editorValue) {
+    var value = editorValueToAttributeValue(attributeType, editorValue);
+    return {
+        value: value,
+        uri: attributeValue.uri,
+        attributeType: attributeType
+    };
+});
+exports.prepareChangeData = prepareChangeData;

package/components/attributes/helpers/attributesView.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitPagersData = exports.getFilteredAttrTypes = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var getFilteredAttrTypes = function (metadata, type, includeUris, excludeUris) {
+    var attrTypes = ramda_1.pipe(mdm_sdk_1.getEntityType, ramda_1.defaultTo({}), ramda_1.props(['attributes', 'analyticsAttributes']), ramda_1.reject(ramda_1.isNil), ramda_1.flatten, ramda_1.concat(ramda_1.__, ramda_1.pipe(ramda_1.values, ramda_1.reject(ramda_1.propEq('uri', mdm_sdk_1.EntityAttrTypes.id.uri)))(mdm_sdk_1.EntityAttrTypes)))(metadata, type);
+    return includeUris.length
+        ? attrTypes.filter(function (_a) {
+            var uri = _a.uri;
+            return includeUris.includes(uri);
+        })
+        : attrTypes.filter(function (_a) {
+            var uri = _a.uri;
+            return !excludeUris.includes(uri);
+        });
+};
+exports.getFilteredAttrTypes = getFilteredAttrTypes;
+var splitPagersData = function (alwaysVisibleTypeUris, pagersData) {
+    return ramda_1.partition(ramda_1.pipe(ramda_1.path(['attrType', 'uri']), ramda_1.includes(ramda_1.__, alwaysVisibleTypeUris)), pagersData);
+};
+exports.splitPagersData = splitPagersData;

package/components/attributes/helpers/imageAttributes.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadImagesByURLs = void 0;
+var getFilenameFromURL = function (url) { return url.split('/').pop(); };
+var isAbsoluteUrl = function (url) { return url.indexOf('://') > 0 || url.indexOf('//') === 0; };
+var isExternalUrl = function (url) {
+    if (!isAbsoluteUrl(url))
+        return false;
+    var urlParts = new URL(url);
+    return urlParts.host !== location.host;
+};
+var REMOVE_IFRAME_DELAY = 30000;
+var downloadImagesByURLs = function (urls) {
+    urls.forEach(function (url, index) {
+        try {
+            if (isExternalUrl(url)) {
+                var iframe_1 = document.createElement('iframe');
+                iframe_1.setAttribute('style', 'display: none;');
+                iframe_1.setAttribute('src', url);
+                document.body.appendChild(iframe_1);
+                setTimeout(function () { return document.body.removeChild(iframe_1); }, (index + 1) * REMOVE_IFRAME_DELAY);
+            }
+            else {
+                var link = document.createElement('a');
+                link.href = url;
+                link.download = getFilenameFromURL(url);
+                document.body.appendChild(link);
+                link.click();
+                document.body.removeChild(link);
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+    });
+};
+exports.downloadImagesByURLs = downloadImagesByURLs;

package/components/attributes/inline/AttributesList/AttributesList.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    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 AttributesPager_1 = __importDefault(require("../AttributesPager/AttributesPager"));
+var ramda_1 = require("ramda");
+var Title_1 = __importDefault(require("../../../Title/Title"));
+var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
+var styles_1 = require("./styles");
+var AttributesList = function (_a) {
+    var attributeTypes = _a.attributeTypes, attributes = _a.attributes, props = __rest(_a, ["attributeTypes", "attributes"]);
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement(react_1.default.Fragment, null, attributeTypes.filter(mdm_sdk_1.isReadableAttribute).map(function (attributeType) { return (react_1.default.createElement(BranchDecorator_1.default, { key: attributeType.uri, enabled: true },
+        react_1.default.createElement(Title_1.default, { className: styles.title, label: attributeType.label, attributeType: attributeType }),
+        react_1.default.createElement(AttributesPager_1.default, __assign({ attributeType: attributeType, attributeValues: attributes[attributeType.name], paging: ramda_1.path(['paging', attributeType.uri], attributes) }, props)))); })));
+};
+exports.default = AttributesList;

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

@@ -0,0 +1,13 @@
+"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 ({
+    title: {
+        fontSize: '12px',
+        lineHeight: '14px',
+        paddingBottom: '4px',
+        display: 'inline-block',
+        color: theme.palette.text.secondary
+    }
+}); });