@reltio/components 1.4.701 → 1.4.705

package/components/activityLog/hooks/useReadableSearchState.js

@@ -0,0 +1,48 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReadableSearchState = void 0;
+var react_1 = require("react");
+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 ramda_1 = require("ramda");
+var useReadableSearchState = function (searchState) {
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var dataTenants = react_redux_1.useSelector(mdm_module_1.default.selectors.getDataTenants);
+    var attributePresentations = react_redux_1.useSelector(mdm_module_1.default.selectors.getAttributePresentations);
+    var lookups = react_redux_1.useSelector(mdm_module_1.default.selectors.getLookups);
+    var map = searchState.map;
+    var keyword = mdm_sdk_1.getKeywordFromSearchState(searchState);
+    var groups = mdm_sdk_1.getGroupsFromSearchState(metadata, dataTenants, searchState);
+    var unresolvedLookups = mdm_sdk_1.getUnresolvedLookupsListFromSearchGroups(groups, lookups);
+    var dispatch = react_redux_1.useDispatch();
+    react_1.useEffect(function () {
+        if (unresolvedLookups.length > 0) {
+            ramda_1.pipe(ramda_1.chain(function (_a) {
+                var type = _a.type, codeValues = _a.codeValues;
+                return codeValues.map(function (codeValue) { return ({ type: type, codeValue: codeValue }); });
+            }), mdm_sdk_1.resolveLookupsList, ramda_1.andThen(ramda_1.pipe(mdm_module_1.profile.lookups.actions.lookupsListResolved, dispatch)))(unresolvedLookups);
+        }
+    }, [searchState]); // eslint-disable-line
+    return mdm_sdk_1.buildReadableQueryToString(metadata, attributePresentations, lookups, groups, keyword, map);
+};
+exports.useReadableSearchState = useReadableSearchState;

package/components/activityLog/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = void 0;
+var ActivityLog_1 = require("./ActivityLog/ActivityLog");
+Object.defineProperty(exports, "ActivityLog", { enumerable: true, get: function () { return __importDefault(ActivityLog_1).default; } });
+var ActivityLogFilter_1 = require("./ActivityLogFilter/ActivityLogFilter");
+Object.defineProperty(exports, "ActivityLogFilter", { enumerable: true, get: function () { return __importDefault(ActivityLogFilter_1).default; } });
+__exportStar(require("./types"), exports);
+var useActivitiesLoader_1 = require("./hooks/useActivitiesLoader");
+Object.defineProperty(exports, "useActivitiesLoader", { enumerable: true, get: function () { return useActivitiesLoader_1.useActivitiesLoader; } });
+var useProfileActivitiesLoader_1 = require("./hooks/useProfileActivitiesLoader");
+Object.defineProperty(exports, "useProfileActivitiesLoader", { enumerable: true, get: function () { return useProfileActivitiesLoader_1.useProfileActivitiesLoader; } });

package/components/activityLog/types/ActivitiesFilter.js

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

package/components/activityLog/types/ActivityData.js

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

package/components/activityLog/types/ActivityDelta.js

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

package/components/activityLog/types/ActivityItem.js

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

package/components/activityLog/types/ActivityTypes.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActivityTypes = void 0;
+var ActivityTypes;
+(function (ActivityTypes) {
+    ActivityTypes["MODEL_UPDATED"] = "MODEL_UPDATED";
+    ActivityTypes["ENTITY_REMOVED"] = "ENTITY_REMOVED";
+    ActivityTypes["ENTITY_CREATED"] = "ENTITY_CREATED";
+    ActivityTypes["ENTITY_CHANGED"] = "ENTITY_CHANGED";
+    ActivityTypes["ENTITIES_MERGED"] = "ENTITIES_MERGED";
+    ActivityTypes["ENTITIES_SPLITTED"] = "ENTITIES_SPLITTED";
+    ActivityTypes["ENTITY_LOST_MERGE"] = "ENTITY_LOST_MERGE";
+    ActivityTypes["RELATIONSHIP_CREATED"] = "RELATIONSHIP_CREATED";
+    ActivityTypes["RELATIONSHIP_REMOVED"] = "RELATIONSHIP_REMOVED";
+    ActivityTypes["RELATIONSHIP_CHANGED"] = "RELATIONSHIP_CHANGED";
+    ActivityTypes["POTENTIAL_MATCHES_FOUND"] = "POTENTIAL_MATCHES_FOUND";
+    ActivityTypes["NOT_MATCHES_SET"] = "NOT_MATCHES_SET";
+    ActivityTypes["NOT_MATCHES_RESET"] = "NOT_MATCHES_RESET";
+    ActivityTypes["PERIODIC_TASK_SCHEDULED"] = "PERIODIC_TASK_SCHEDULED";
+    ActivityTypes["ENTITIES_MERGED_MANUALLY"] = "ENTITIES_MERGED_MANUALLY";
+    ActivityTypes["POTENTIAL_MATCHES_REMOVED"] = "POTENTIAL_MATCHES_REMOVED";
+    ActivityTypes["ENTITIES_MERGED_ON_THE_FLY"] = "ENTITIES_MERGED_ON_THE_FLY";
+    ActivityTypes["USER_LOGIN"] = "USER_LOGIN";
+    ActivityTypes["USER_LOGOUT"] = "USER_LOGOUT";
+    ActivityTypes["USER_SEARCH"] = "USER_SEARCH";
+    ActivityTypes["USER_PROFILE_VIEW"] = "USER_PROFILE_VIEW";
+    ActivityTypes["COMMENT_ADDED"] = "COMMENT_ADDED";
+    ActivityTypes["COMMENT_UPDATED"] = "COMMENT_UPDATED";
+    ActivityTypes["COMMENT_DELETED"] = "COMMENT_DELETED";
+    ActivityTypes["GROUP_CREATED"] = "GROUP_CREATED";
+    ActivityTypes["GROUP_REMOVED"] = "GROUP_REMOVED";
+    ActivityTypes["GROUP_CHANGED"] = "GROUP_CHANGED";
+})(ActivityTypes = exports.ActivityTypes || (exports.ActivityTypes = {}));

package/components/activityLog/types/AttributeOption.js

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

package/components/activityLog/types/DateRangeTypes.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangeTypes = void 0;
+var DateRangeTypes;
+(function (DateRangeTypes) {
+    DateRangeTypes["WITHIN"] = "within";
+    DateRangeTypes["AGO"] = "ago";
+    DateRangeTypes["BETWEEN"] = "between";
+})(DateRangeTypes = exports.DateRangeTypes || (exports.DateRangeTypes = {}));

package/components/activityLog/types/DeltaTypes.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeltaTypes = void 0;
+var DeltaTypes;
+(function (DeltaTypes) {
+    DeltaTypes["ATTRIBUTE_CHANGED"] = "edited";
+    DeltaTypes["ATTRIBUTE_ADDED"] = "added";
+    DeltaTypes["ATTRIBUTE_REMOVED"] = "deleted";
+})(DeltaTypes = exports.DeltaTypes || (exports.DeltaTypes = {}));

package/components/activityLog/types/DeltaValue.js

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

package/components/activityLog/types/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateRangeTypes = exports.DeltaTypes = exports.ActivityTypes = void 0;
+var ActivityTypes_1 = require("./ActivityTypes");
+Object.defineProperty(exports, "ActivityTypes", { enumerable: true, get: function () { return ActivityTypes_1.ActivityTypes; } });
+var DeltaTypes_1 = require("./DeltaTypes");
+Object.defineProperty(exports, "DeltaTypes", { enumerable: true, get: function () { return DeltaTypes_1.DeltaTypes; } });
+var DateRangeTypes_1 = require("./DateRangeTypes");
+Object.defineProperty(exports, "DateRangeTypes", { enumerable: true, get: function () { return DateRangeTypes_1.DateRangeTypes; } });

package/components/activityLog/utils/activities.js

@@ -0,0 +1,89 @@
+"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 });
+exports.getActivityLabel = exports.stringifyDeltaValue = exports.splitActivityByType = exports.isValidActivity = exports.isValidActivityType = exports.getActivityType = void 0;
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var types_1 = require("../types");
+var getItemDataType = ramda_1.path(['data', 'type']);
+var getActivityType = function (activity) {
+    var items = activity.items, label = activity.label;
+    var firstItem = (items || [])[0];
+    return getItemDataType(firstItem) || label;
+};
+exports.getActivityType = getActivityType;
+var isValidActivityType = function (type) { return ramda_1.pipe(ramda_1.values, ramda_1.includes(type))(types_1.ActivityTypes); };
+exports.isValidActivityType = isValidActivityType;
+exports.isValidActivity = ramda_1.pipe(exports.getActivityType, exports.isValidActivityType);
+var splitActivityByType = function (activity) {
+    return ramda_1.pipe(ramda_1.propOr([], 'items'), ramda_1.groupBy(getItemDataType), ramda_1.values, ramda_1.ifElse(function (_a) {
+        var length = _a.length;
+        return length > 1;
+    }, ramda_1.map(function (items) { return (__assign(__assign({}, activity), { items: items, itemsTotal: items.length })); }), function () { return [activity]; }))(activity);
+};
+exports.splitActivityByType = splitActivityByType;
+var stringifyDeltaValue = function (delta) {
+    if (ramda_1.isNil(delta)) {
+        return '';
+    }
+    else if (typeof delta === 'string') {
+        return delta;
+    }
+    else if (Array.isArray(delta)) {
+        return delta.map(exports.stringifyDeltaValue).join(', ');
+    }
+    else if (ramda_1.is(Object, delta)) {
+        return 'value' in delta ? exports.stringifyDeltaValue(delta.value) : exports.stringifyDeltaValue(Object.values(delta));
+    }
+    else {
+        return delta.toString();
+    }
+};
+exports.stringifyDeltaValue = stringifyDeltaValue;
+var getActivityLabel = function (type) {
+    var _a;
+    var labels = (_a = {},
+        _a[types_1.ActivityTypes.COMMENT_ADDED] = ui_i18n_1.default.text('Comment added'),
+        _a[types_1.ActivityTypes.COMMENT_DELETED] = ui_i18n_1.default.text('Comment deleted'),
+        _a[types_1.ActivityTypes.COMMENT_UPDATED] = ui_i18n_1.default.text('Comment updated'),
+        _a[types_1.ActivityTypes.ENTITIES_MERGED] = ui_i18n_1.default.text('Profile merged'),
+        _a[types_1.ActivityTypes.ENTITIES_MERGED_MANUALLY] = ui_i18n_1.default.text('Profile merged manually'),
+        _a[types_1.ActivityTypes.ENTITIES_MERGED_ON_THE_FLY] = ui_i18n_1.default.text('Profile merged on the fly'),
+        _a[types_1.ActivityTypes.ENTITIES_SPLITTED] = ui_i18n_1.default.text('Profile un-merged'),
+        _a[types_1.ActivityTypes.ENTITY_CHANGED] = ui_i18n_1.default.text('Profile updated'),
+        _a[types_1.ActivityTypes.ENTITY_CREATED] = ui_i18n_1.default.text('Profile created'),
+        _a[types_1.ActivityTypes.ENTITY_LOST_MERGE] = ui_i18n_1.default.text('Profile lost merge'),
+        _a[types_1.ActivityTypes.ENTITY_REMOVED] = ui_i18n_1.default.text('Profile removed'),
+        _a[types_1.ActivityTypes.GROUP_CHANGED] = ui_i18n_1.default.text('Group updated'),
+        _a[types_1.ActivityTypes.GROUP_CREATED] = ui_i18n_1.default.text('Group created'),
+        _a[types_1.ActivityTypes.GROUP_REMOVED] = ui_i18n_1.default.text('Group removed'),
+        _a[types_1.ActivityTypes.MODEL_UPDATED] = ui_i18n_1.default.text('Model was updated'),
+        _a[types_1.ActivityTypes.NOT_MATCHES_RESET] = ui_i18n_1.default.text('Not matches reset'),
+        _a[types_1.ActivityTypes.NOT_MATCHES_SET] = ui_i18n_1.default.text('Not matches set'),
+        _a[types_1.ActivityTypes.PERIODIC_TASK_SCHEDULED] = ui_i18n_1.default.text('Periodic task was scheduled'),
+        _a[types_1.ActivityTypes.POTENTIAL_MATCHES_FOUND] = ui_i18n_1.default.text('Potential matches found'),
+        _a[types_1.ActivityTypes.POTENTIAL_MATCHES_REMOVED] = ui_i18n_1.default.text('Potential matches removed'),
+        _a[types_1.ActivityTypes.RELATIONSHIP_CHANGED] = ui_i18n_1.default.text('Relationship updated'),
+        _a[types_1.ActivityTypes.RELATIONSHIP_CREATED] = ui_i18n_1.default.text('Relationship created'),
+        _a[types_1.ActivityTypes.RELATIONSHIP_REMOVED] = ui_i18n_1.default.text('Relationship removed'),
+        _a[types_1.ActivityTypes.USER_LOGIN] = ui_i18n_1.default.text('Logged in'),
+        _a[types_1.ActivityTypes.USER_LOGOUT] = ui_i18n_1.default.text('Logged out'),
+        _a[types_1.ActivityTypes.USER_PROFILE_VIEW] = ui_i18n_1.default.text('Profile viewed'),
+        _a[types_1.ActivityTypes.USER_SEARCH] = ui_i18n_1.default.text('Searched'),
+        _a);
+    return labels[type] || '';
+};
+exports.getActivityLabel = getActivityLabel;

package/components/activityLog/utils/filters.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isDateRangeValid = exports.buildActivitiesFilterString = void 0;
+var ramda_1 = require("ramda");
+var moment_1 = __importDefault(require("moment"));
+var types_1 = require("../types");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var wrapInBrackets = function (str) { return "(" + str + ")"; };
+var multiValueFilter = function (filterClauseFn) { return function (values) { return values.map(filterClauseFn).join(' or '); }; };
+var buildUserFilterClause = function (user) { return "equals(user, '" + mdm_sdk_1.escapeQueryValue(user) + "')"; };
+var buildActivityFilterClause = function (activityType) {
+    if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_')) {
+        return "startsWith(label, '" + activityType + "')";
+    }
+    else {
+        return "equals(items.data.type, " + activityType + ")";
+    }
+};
+var buildSourceFilterClause = function (source) {
+    return "equals(items.delta.sources, '" + source.abbreviation + "')";
+};
+var buildAttributeFilterClause = function (attribute) {
+    return "equals(items.delta.attributeType, '" + attribute.value + "')";
+};
+var durationToTimestamp = function (period) {
+    var amount = period[0], unit = period[1];
+    return moment_1.default().subtract(amount, unit).valueOf();
+};
+var buildDateRangeFilterClause = function (_a) {
+    var type = _a.type, period = _a.period;
+    switch (type) {
+        case types_1.DateRangeTypes.WITHIN: {
+            return "gte(timestamp, " + durationToTimestamp(period) + ")";
+        }
+        case types_1.DateRangeTypes.AGO: {
+            return "lte(timestamp, " + durationToTimestamp(period) + ")";
+        }
+        case types_1.DateRangeTypes.BETWEEN: {
+            var start = period[0], end = period[1];
+            return "range(timestamp, " + start.valueOf() + ", " + moment_1.default(end).endOf('date').valueOf() + ")";
+        }
+        default: {
+            return '';
+        }
+    }
+};
+var buildEntityUriFilterClause = function (entityUri) {
+    var filters = [
+        "equals(items.objectUri, '" + entityUri + "')",
+        "equals(items.startObjectUri, '" + entityUri + "')",
+        "equals(items.endObjectUri, '" + entityUri + "')"
+    ];
+    return filters.join(' or ');
+};
+var getFilterClauseBuilder = ramda_1.cond([
+    [ramda_1.equals('users'), function () { return multiValueFilter(buildUserFilterClause); }],
+    [ramda_1.equals('activities'), function () { return multiValueFilter(buildActivityFilterClause); }],
+    [ramda_1.equals('sources'), function () { return multiValueFilter(buildSourceFilterClause); }],
+    [ramda_1.equals('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
+    [ramda_1.equals('dateRange'), function () { return buildDateRangeFilterClause; }],
+    [ramda_1.equals('entityUri'), function () { return buildEntityUriFilterClause; }]
+]);
+exports.buildActivitiesFilterString = ramda_1.pipe(ramda_1.defaultTo({}), ramda_1.reject(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, ramda_1.map(function (_a) {
+    var key = _a[0], value = _a[1];
+    return getFilterClauseBuilder(key)(value);
+}), ramda_1.reject(mdm_sdk_1.isEmptyValue), ramda_1.map(wrapInBrackets), ramda_1.join(' and '));
+var isDateRangeValid = function (value) {
+    if (value.type === types_1.DateRangeTypes.AGO || value.type === types_1.DateRangeTypes.WITHIN) {
+        var _a = value.period, amount = _a[0], unit = _a[1];
+        return ramda_1.type(amount) === 'Number' && ramda_1.type(unit) === 'String' && amount > 0;
+    }
+    else if (value.type === types_1.DateRangeTypes.BETWEEN) {
+        var _b = value.period, startDate = _b[0], endDate = _b[1];
+        return startDate instanceof Date && endDate instanceof Date;
+    }
+};
+exports.isDateRangeValid = isDateRangeValid;

package/components/attributes/AttributesView/AttributesView.js

@@ -0,0 +1,36 @@
+"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 AttributesView_1 = __importDefault(require("../readMode/AttributesView"));
+var AttributesView_2 = __importDefault(require("../editMode/AttributesView"));
+var AttributesView = function (_a) {
+    var _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, attributesCount = _a.attributesCount, restProps = __rest(_a, ["mode", "attributesCount"]);
+    return mdm_sdk_1.isViewMode(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode }, restProps)));
+};
+exports.default = AttributesView;

package/components/attributes/AttributesView/index.js

@@ -0,0 +1,15 @@
+"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;
+var mapStateToProps = function (state, ownProps) { return ({
+    entity: ownProps.entity || mdm_module_1.default.selectors.getEntity(state),
+    mode: ownProps.mode || mdm_module_1.default.selectors.getMode(state)
+}); };
+exports.default = react_redux_1.connect(mapStateToProps)(AttributesView_1.default);

package/components/attributes/BranchDecorator/BranchDecorator.js

@@ -0,0 +1,16 @@
+"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 classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("./styles");
+var BranchDecorator = function (_a) {
+    var _b;
+    var className = _a.className, children = _a.children, _c = _a.plain, plain = _c === void 0 ? false : _c, _d = _a.enabled, enabled = _d === void 0 ? false : _d;
+    var styles = styles_1.useStyles();
+    return enabled ? (react_1.default.createElement("div", { className: classnames_1.default(styles.decorator, (_b = {}, _b[styles.plain] = plain, _b), className) },
+        react_1.default.createElement("div", { className: styles.wrapper }, children))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+};
+exports.default = BranchDecorator;

package/components/attributes/BranchDecorator/styles.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+var lineStyle = '1px solid #AFD4E9';
+var horizontalLineWidth = 5;
+var verticalNodeGap = 14;
+var arrowWidth = 16;
+exports.useStyles = styles_1.makeStyles({
+    decorator: {
+        marginLeft: arrowWidth / 2,
+        borderLeft: lineStyle,
+        '&:last-child': {
+            borderLeft: 'none',
+            '&:before': {
+                borderLeft: lineStyle
+            }
+        },
+        '&:before': {
+            top: 0,
+            height: verticalNodeGap,
+            width: horizontalLineWidth,
+            borderBottom: lineStyle,
+            content: '""',
+            display: 'block',
+            left: '0'
+        },
+        '&$plain': {
+            '&:before': {
+                width: 0
+            }
+        }
+    },
+    plain: {},
+    wrapper: {
+        marginLeft: horizontalLineWidth + 11,
+        marginTop: -8
+    }
+});

package/components/attributes/ImageAttributesLine/ImageAttributesLine.js

@@ -0,0 +1,123 @@
+"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 __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 react_resize_detector_1 = __importDefault(require("react-resize-detector"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../contexts");
+var ImageAttributesGallery_1 = __importDefault(require("../../ImageAttributesGallery/ImageAttributesGallery"));
+var imageAttributes_1 = require("../helpers/imageAttributes");
+var constants_1 = require("./constants");
+var styles_1 = require("./styles");
+var ImageAttributesLine = function (_a) {
+    var attributeType = _a.attributeType, _b = _a.attributeValues, attributeValues = _b === void 0 ? [] : _b, renderImage = _a.renderImage, _c = _a.overlay, overlay = _c === void 0 ? false : _c, _d = _a.countFixedItems, countFixedItems = _d === void 0 ? 0 : _d, children = _a.children, onUpload = _a.onUpload, onDeleteAttribute = _a.onDeleteAttribute, _e = _a.imageSize, imageSize = _e === void 0 ? constants_1.DEFAULT_IMAGE_SIZE : _e;
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
+    var isViewMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsViewMode);
+    var dispatch = react_redux_1.useDispatch();
+    var styles = styles_1.useStyles(imageSize);
+    var lastWidth = react_1.useRef();
+    var _f = react_1.useState(0), maxItems = _f[0], setMaxItems = _f[1];
+    var _g = react_1.useState(0), hiddenItemsLength = _g[0], setHiddenItemsLength = _g[1];
+    var isBlockImageGalleryDialog = react_1.useContext(contexts_1.BlockImageGalleryDialogContext);
+    var _h = react_1.useState(false), isOpenDialog = _h[0], setIsOpenDialog = _h[1];
+    var _j = react_1.useState(), currentAttributeValueUri = _j[0], setCurrentAttributeValueUri = _j[1];
+    var adjustMaxItemsToScreenWidth = react_1.useCallback(function (width) {
+        var imageMargin = imageSize.imageMargin, imageWidth = imageSize.imageWidth;
+        var maxItemsPerScreen = Math.floor((width + imageMargin) / (imageWidth + imageMargin)) - countFixedItems;
+        var hasHiddenImage = width + imageMargin - (maxItemsPerScreen + countFixedItems) * (imageWidth + imageMargin) <
+            constants_1.IMAGE_MIN_VISIBLE_WIDTH;
+        setMaxItems(maxItemsPerScreen);
+        if (attributeValues.length > maxItemsPerScreen) {
+            setHiddenItemsLength(attributeValues.length - maxItemsPerScreen + (hasHiddenImage ? 1 : 0));
+        }
+        else {
+            setHiddenItemsLength(0);
+        }
+    }, [attributeValues.length, countFixedItems, imageSize]);
+    var handleResize = react_1.useCallback(function (width) {
+        adjustMaxItemsToScreenWidth(width);
+        lastWidth.current = width;
+    }, [adjustMaxItemsToScreenWidth]);
+    react_1.useEffect(function () {
+        if (lastWidth.current) {
+            adjustMaxItemsToScreenWidth(lastWidth.current);
+        }
+    }, [attributeValues.length, adjustMaxItemsToScreenWidth]);
+    var handleOpenImageGalleryDialog = react_1.useCallback(function (uri) {
+        if (!isBlockImageGalleryDialog) {
+            setCurrentAttributeValueUri(uri);
+            setIsOpenDialog(true);
+        }
+    }, [isBlockImageGalleryDialog]);
+    var handleCloseImageGalleryDialog = react_1.useCallback(function () {
+        setIsOpenDialog(false);
+    }, []);
+    var handleDownload = function (urls) { return imageAttributes_1.downloadImagesByURLs(urls); };
+    var handleShareLink = function (url) { return navigator.clipboard.writeText(url); };
+    var handleSetAsDefault = react_1.useCallback(function (attributeValue) {
+        if (isViewMode) {
+            mdm_sdk_1.insertDefaultImageByAttrUri(entity.uri, attributeValue.uri).then(function (_a) {
+                var status = _a.status;
+                if (status === 'success') {
+                    dispatch(mdm_module_1.profile.entity.actions.setDefaultProfilePic(attributeValue));
+                }
+            });
+        }
+        else {
+            dispatch(mdm_module_1.profile.modifiedEntities.actions.setDefaultProfilePic({
+                entityUri: entity.uri,
+                value: attributeValue
+            }));
+        }
+    }, [isViewMode, entity.uri, dispatch]);
+    var renderImageProps = __assign({ onOpenImageGalleryDialog: handleOpenImageGalleryDialog }, (overlay && {
+        onDownload: handleDownload,
+        onShareLink: handleShareLink,
+        onSetAsDefault: handleSetAsDefault
+    }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_resize_detector_1.default, { handleWidth: true, onResize: handleResize }),
+        react_1.default.createElement(ImageAttributesGallery_1.default, { attributeValues: attributeValues, open: isOpenDialog, onClose: handleCloseImageGalleryDialog, setCurrentAttributeValueUri: setCurrentAttributeValueUri, currentAttributeValueUri: currentAttributeValueUri, attributeType: attributeType, onDownload: handleDownload, onShareLink: handleShareLink, onSetAsDefault: handleSetAsDefault, onUpload: onUpload, onDeleteAttribute: onDeleteAttribute }),
+        react_1.default.createElement("div", { className: styles.imageBox },
+            children,
+            attributeValues.slice(0, maxItems).map(renderImage(renderImageProps)),
+            hiddenItemsLength > 0 && (react_1.default.createElement("div", { className: styles.moreButtonContainer },
+                react_1.default.createElement("div", { className: styles.moreButton, onClick: function () { return handleOpenImageGalleryDialog(); } },
+                    react_1.default.createElement(Typography_1.default, { className: styles.number }, "+" + hiddenItemsLength)))))));
+};
+exports.default = ImageAttributesLine;

package/components/attributes/ImageAttributesLine/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_IMAGE_SIZE = exports.IMAGE_MIN_VISIBLE_WIDTH = exports.IMAGE_MARGIN = exports.IMAGE_HEIGHT = exports.IMAGE_WIDTH = void 0;
+var Image_1 = require("../../Image/Image");
+exports.IMAGE_WIDTH = Image_1.ImageSizesStyles.SMALL.imageWidth;
+exports.IMAGE_HEIGHT = Image_1.ImageSizesStyles.SMALL.imageHeight;
+exports.IMAGE_MARGIN = 4;
+exports.IMAGE_MIN_VISIBLE_WIDTH = 8;
+exports.DEFAULT_IMAGE_SIZE = { imageMargin: exports.IMAGE_MARGIN, imageWidth: exports.IMAGE_WIDTH, imageHeight: exports.IMAGE_HEIGHT };

package/components/attributes/ImageAttributesLine/index.js

@@ -0,0 +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.default = void 0;
+var ImageAttributesLine_1 = require("./ImageAttributesLine");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ImageAttributesLine_1).default; } });

package/components/attributes/ImageAttributesLine/styles.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+var core_1 = require("@material-ui/core");
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+    imageBox: {
+        position: 'relative',
+        display: 'flex',
+        width: '100%',
+        flexGrow: 1,
+        flexShrink: 0,
+        flexWrap: 'nowrap',
+        marginTop: '2px',
+        overflow: 'hidden'
+    },
+    moreButtonContainer: function (_a) {
+        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
+        return {
+            backgroundColor: 'white',
+            width: imageWidth,
+            height: imageHeight,
+            position: 'absolute',
+            right: 0,
+            cursor: 'pointer'
+        };
+    },
+    moreButton: function (_a) {
+        var imageWidth = _a.imageWidth, imageHeight = _a.imageHeight;
+        return {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: imageWidth,
+            height: imageHeight,
+            backgroundColor: core_1.fade(theme.palette.primary.main, 0.06)
+        };
+    },
+    number: {
+        color: theme.palette.primary.main,
+        fontSize: '24px',
+        lineHeight: '42px',
+        letterSpacing: 0,
+        textAlign: 'center',
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+    }
+}); });