@reltio/components 1.4.1314 → 1.4.1316

package/cjs/components/activityLog/activities/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     link: {
         color: '#0072CE',
         textDecoration: 'none',

package/cjs/components/activityLog/contexts/CollapsibleItemsContext/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -18,22 +22,26 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCollapsibleItems = exports.CollapsibleItemsProvider = void 0;
 var react_1 = __importStar(require("react"));
 var DEFAULT_VISIBLE_ITEMS_COUNT = 3;
-var ExpandedItemsContext = react_1.createContext(null);
+var ExpandedItemsContext = (0, react_1.createContext)(null);
 var CollapsibleItemsProvider = function (_a) {
     var children = _a.children;
-    var _b = react_1.useState([]), expandedItems = _b[0], setExpandedItems = _b[1];
+    var _b = (0, react_1.useState)([]), expandedItems = _b[0], setExpandedItems = _b[1];
     var addExpandedItems = function (itemId) {
         if (!expandedItems.includes(itemId)) {
-            setExpandedItems(function (items) { return __spreadArray(__spreadArray([], items), [itemId]); });
+            setExpandedItems(function (items) { return __spreadArray(__spreadArray([], items, true), [itemId], false); });
         }
     };
     return (react_1.default.createElement(ExpandedItemsContext.Provider, { value: { expandedItems: expandedItems, addExpandedItems: addExpandedItems } }, children));
@@ -41,8 +49,8 @@ var CollapsibleItemsProvider = function (_a) {
 exports.CollapsibleItemsProvider = CollapsibleItemsProvider;
 var useCollapsibleItems = function (_a) {
     var itemsId = _a.itemsId, _b = _a.items, items = _b === void 0 ? [] : _b, _c = _a.limit, limit = _c === void 0 ? DEFAULT_VISIBLE_ITEMS_COUNT : _c;
-    var _d = react_1.useContext(ExpandedItemsContext), expandedItems = _d.expandedItems, addExpandedItems = _d.addExpandedItems;
-    var onExpand = react_1.useCallback(function () { return addExpandedItems(itemsId); }, [itemsId]);
+    var _d = (0, react_1.useContext)(ExpandedItemsContext), expandedItems = _d.expandedItems, addExpandedItems = _d.addExpandedItems;
+    var onExpand = (0, react_1.useCallback)(function () { return addExpandedItems(itemsId); }, [itemsId]);
     var isExpanded = expandedItems.includes(itemsId);
     var itemsToShow = items.slice(0, isExpanded ? items.length : limit);
     var collapsedItemsCount = items.length - itemsToShow.length;

package/cjs/components/activityLog/hooks/useActivitiesLoader.js

@@ -42,16 +42,16 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var filters_1 = require("../utils/filters");
 var useActivitiesLoader = function (_a) {
     var filter = _a.filter, max = _a.max, offset = _a.offset;
-    return react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    return (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var filterString, data, total;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filterString = filters_1.buildActivitiesFilterString(filter);
-                    return [4 /*yield*/, mdm_sdk_1.getActivities({ filter: filterString, max: max, offset: offset })];
+                    filterString = (0, filters_1.buildActivitiesFilterString)(filter);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getActivities)({ filter: filterString, max: max, offset: offset })];
                 case 1:
                     data = _a.sent();
-                    return [4 /*yield*/, mdm_sdk_1.getActivitiesTotal({ filter: filterString })];
+                    return [4 /*yield*/, (0, mdm_sdk_1.getActivitiesTotal)({ filter: filterString })];
                 case 2:
                     total = (_a.sent()).total;
                     return [2 /*return*/, { data: data, total: total }];

package/cjs/components/activityLog/hooks/useProfileActivitiesLoader.js

@@ -42,16 +42,16 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var filters_1 = require("../utils/filters");
 var useProfileActivitiesLoader = function (_a) {
     var filter = _a.filter, max = _a.max, offset = _a.offset, entityUri = _a.entityUri;
-    return react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+    return (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
         var filterString, data, total;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    filterString = filters_1.buildActivitiesFilterString(filter);
-                    return [4 /*yield*/, mdm_sdk_1.getProfileActivities({ filter: filterString, max: max, offset: offset, entityUri: entityUri })];
+                    filterString = (0, filters_1.buildActivitiesFilterString)(filter);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getProfileActivities)({ filter: filterString, max: max, offset: offset, entityUri: entityUri })];
                 case 1:
                     data = _a.sent();
-                    return [4 /*yield*/, mdm_sdk_1.getProfileActivitiesTotal({ filter: filterString, entityUri: entityUri })];
+                    return [4 /*yield*/, (0, mdm_sdk_1.getProfileActivitiesTotal)({ filter: filterString, entityUri: entityUri })];
                 case 2:
                     total = (_a.sent()).total;
                     return [2 /*return*/, { data: data, total: total }];

package/cjs/components/activityLog/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/activityLog/utils/activities.js

@@ -18,34 +18,34 @@ exports.getActivityLabel = exports.stringifyDeltaValue = exports.splitActivityBy
 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 getItemDataType = (0, 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); };
+var isValidActivityType = function (type) { return (0, ramda_1.pipe)(ramda_1.values, (0, ramda_1.includes)(type))(types_1.ActivityTypes); };
 exports.isValidActivityType = isValidActivityType;
 var removeIgnoredItems = function (activity) {
     var items = activity.items, label = activity.label;
-    var isImplementedItem = function (item) { return exports.isValidActivityType(getItemDataType(item) || label); };
-    var filteredItems = ramda_1.filter(isImplementedItem)(items);
+    var isImplementedItem = function (item) { return (0, exports.isValidActivityType)(getItemDataType(item) || label); };
+    var filteredItems = (0, ramda_1.filter)(isImplementedItem)(items);
     if (items.length !== filteredItems.length) {
-        console.error('Activities not implemented:', ramda_1.reject(isImplementedItem)(items));
+        console.error('Activities not implemented:', (0, ramda_1.reject)(isImplementedItem)(items));
     }
     return __assign(__assign({}, activity), { items: filteredItems, itemsTotal: filteredItems.length });
 };
 exports.removeIgnoredItems = removeIgnoredItems;
 var splitActivityByType = function (activity) {
-    return ramda_1.pipe(ramda_1.propOr([], 'items'), ramda_1.groupBy(getItemDataType), ramda_1.values, ramda_1.ifElse(function (_a) {
+    return (0, ramda_1.pipe)((0, ramda_1.propOr)([], 'items'), (0, ramda_1.groupBy)(getItemDataType), ramda_1.values, (0, 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);
+    }, (0, 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)) {
+    if ((0, ramda_1.isNil)(delta)) {
         return '';
     }
     else if (typeof delta === 'string') {
@@ -54,8 +54,8 @@ var stringifyDeltaValue = function (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 if ((0, ramda_1.is)(Object, delta)) {
+        return 'value' in delta ? (0, exports.stringifyDeltaValue)(delta.value) : (0, exports.stringifyDeltaValue)(Object.values(delta));
     }
     else {
         return delta.toString();

package/cjs/components/activityLog/utils/filters.js

@@ -11,7 +11,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 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;
+        return (0, ramda_1.type)(amount) === 'Number' && (0, 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];
@@ -19,44 +19,44 @@ var isDateRangeValid = function (value) {
     }
 };
 exports.isDateRangeValid = isDateRangeValid;
-var wrapInBrackets = function (str) { return "(" + str + ")"; };
+var wrapInBrackets = function (str) { return "(".concat(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 buildUserFilterClause = function (user) { return "equals(user, '".concat((0, mdm_sdk_1.escapeQueryValue)(user), "')"); };
 var buildActivityFilterClause = function (activityType) {
     if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_') || activityType.startsWith('SFDC_')) {
-        return "startsWith(label, '" + activityType + "')";
+        return "startsWith(label, '".concat(activityType, "')");
     }
     else {
-        return "equals(items.data.type, " + activityType + ")";
+        return "equals(items.data.type, ".concat(activityType, ")");
     }
 };
 var buildSourceFilterClause = function (source) {
-    return "equals(items.delta.sources, '" + source.abbreviation + "')";
+    return "equals(items.delta.sources, '".concat(source.abbreviation, "')");
 };
 var buildEntityTypeFilterClause = function (entityType) {
-    return "equals(items.objectType, '" + entityType.uri + "')";
+    return "equals(items.objectType, '".concat(entityType.uri, "')");
 };
 var buildAttributeFilterClause = function (attribute) {
-    return "equals(items.delta.attributeType, '" + attribute.value + "')";
+    return "equals(items.delta.attributeType, '".concat(attribute.value, "')");
 };
 var durationToTimestamp = function (period) {
     var amount = period[0], unit = period[1];
-    return moment_1.default().subtract(amount, unit).valueOf();
+    return (0, moment_1.default)().subtract(amount, unit).valueOf();
 };
 var buildDateRangeFilterClause = function (dateRange) {
     var period = dateRange.period, type = dateRange.type;
-    if (!exports.isDateRangeValid(dateRange))
+    if (!(0, exports.isDateRangeValid)(dateRange))
         return '';
     switch (type) {
         case types_1.DateRangeTypes.WITHIN: {
-            return "gte(timestamp, " + durationToTimestamp(period) + ")";
+            return "gte(timestamp, ".concat(durationToTimestamp(period), ")");
         }
         case types_1.DateRangeTypes.AGO: {
-            return "lte(timestamp, " + durationToTimestamp(period) + ")";
+            return "lte(timestamp, ".concat(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() + ")";
+            return "range(timestamp, ".concat(start.valueOf(), ", ").concat((0, moment_1.default)(end).endOf('date').valueOf(), ")");
         }
         default: {
             return '';
@@ -65,22 +65,22 @@ var buildDateRangeFilterClause = function (dateRange) {
 };
 var buildEntityUriFilterClause = function (entityUri) {
     var filters = [
-        "equals(items.objectUri, '" + entityUri + "')",
-        "equals(items.startObjectUri, '" + entityUri + "')",
-        "equals(items.endObjectUri, '" + entityUri + "')"
+        "equals(items.objectUri, '".concat(entityUri, "')"),
+        "equals(items.startObjectUri, '".concat(entityUri, "')"),
+        "equals(items.endObjectUri, '".concat(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('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
-    [ramda_1.equals('dateRange'), function () { return buildDateRangeFilterClause; }],
-    [ramda_1.equals('entityUri'), function () { return buildEntityUriFilterClause; }]
+var getFilterClauseBuilder = (0, ramda_1.cond)([
+    [(0, ramda_1.equals)('users'), function () { return multiValueFilter(buildUserFilterClause); }],
+    [(0, ramda_1.equals)('activities'), function () { return multiValueFilter(buildActivityFilterClause); }],
+    [(0, ramda_1.equals)('sources'), function () { return multiValueFilter(buildSourceFilterClause); }],
+    [(0, ramda_1.equals)('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
+    [(0, ramda_1.equals)('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
+    [(0, ramda_1.equals)('dateRange'), function () { return buildDateRangeFilterClause; }],
+    [(0, 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) {
+exports.buildActivitiesFilterString = (0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, (0, 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 '));
+}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), (0, ramda_1.map)(wrapInBrackets), (0, ramda_1.join)(' and '));

package/cjs/components/attributes/AttributesView/AttributesView.js

@@ -32,6 +32,6 @@ var AttributesView_2 = __importDefault(require("../editMode/AttributesView"));
 var contexts_1 = require("../../../contexts");
 var AttributesView = function (_a) {
     var _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, entity = _a.entity, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes", "entity"]);
-    return (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity }, mdm_sdk_1.isViewMode(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount, entity: entity }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode, pinnedAttributes: pinnedAttributes, entity: entity }, restProps)))));
+    return (react_1.default.createElement(contexts_1.EntityContext.Provider, { value: entity }, (0, mdm_sdk_1.isViewMode)(mode) ? (react_1.default.createElement(AttributesView_1.default, __assign({ attributesCount: attributesCount, entity: entity }, restProps))) : (react_1.default.createElement(AttributesView_2.default, __assign({ mode: mode, pinnedAttributes: pinnedAttributes, entity: entity }, restProps)))));
 };
 exports.default = AttributesView;

package/cjs/components/attributes/AttributesView/index.d.ts

@@ -3,5 +3,5 @@ import { AttributesViewOwnProps } from '../types';
 import AttributesView from './AttributesView';
 declare type Props = Pick<AttributesViewOwnProps, 'entity' | 'mode'>;
 export { AttributesView };
-declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
+declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "mode" | "entity"> & Props>;
 export default _default;

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

@@ -12,4 +12,4 @@ var mapStateToProps = function (state, ownProps) { return ({
     entity: ownProps.entity || mdm_module_1.default.selectors.getEntityWithDiff(state),
     mode: ownProps.mode || mdm_module_1.default.selectors.getMode(state)
 }); };
-exports.default = react_redux_1.connect(mapStateToProps)(AttributesView_1.default);
+exports.default = (0, react_redux_1.connect)(mapStateToProps)(AttributesView_1.default);

package/cjs/components/attributes/BranchDecorator/BranchDecorator.js

@@ -9,8 +9,8 @@ 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) },
+    var styles = (0, styles_1.useStyles)();
+    return enabled ? (react_1.default.createElement("div", { className: (0, 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/cjs/components/attributes/BranchDecorator/styles.js

@@ -6,7 +6,7 @@ var lineStyle = '1px solid #AFD4E9';
 var horizontalLineWidth = 5;
 var verticalNodeGap = 14;
 var arrowWidth = 16;
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     decorator: {
         marginLeft: arrowWidth / 2,
         borderLeft: lineStyle,

package/cjs/components/attributes/ImageAttributesLine/ImageAttributesLine.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -46,11 +50,11 @@ 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, paging = _a.paging, parentUri = _a.parentUri, showNonOv = _a.showNonOv, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
-    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);
-    react_1.useEffect(function () {
+    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
+    var isViewMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsViewMode);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var styles = (0, styles_1.useStyles)(imageSize);
+    (0, react_1.useEffect)(function () {
         if (paging && requestNextPageOfAttributeValues) {
             var totalVisibleValues = showNonOv ? paging.totalOvValues : paging.totalValues;
             if (totalVisibleValues > attributeValues.length) {
@@ -64,13 +68,13 @@ var ImageAttributesLine = function (_a) {
             }
         }
     }, [paging, requestNextPageOfAttributeValues, attributeType, parentUri, attributeValues.length, showNonOv]);
-    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 lastWidth = (0, react_1.useRef)();
+    var _f = (0, react_1.useState)(0), maxItems = _f[0], setMaxItems = _f[1];
+    var _g = (0, react_1.useState)(0), hiddenItemsLength = _g[0], setHiddenItemsLength = _g[1];
+    var isBlockImageGalleryDialog = (0, react_1.useContext)(contexts_1.BlockImageGalleryDialogContext);
+    var _h = (0, react_1.useState)(false), isOpenDialog = _h[0], setIsOpenDialog = _h[1];
+    var _j = (0, react_1.useState)(), currentAttributeValueUri = _j[0], setCurrentAttributeValueUri = _j[1];
+    var adjustMaxItemsToScreenWidth = (0, 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) <
@@ -83,29 +87,29 @@ var ImageAttributesLine = function (_a) {
             setHiddenItemsLength(0);
         }
     }, [attributeValues.length, countFixedItems, imageSize]);
-    var handleResize = react_1.useCallback(function (width) {
+    var handleResize = (0, react_1.useCallback)(function (width) {
         adjustMaxItemsToScreenWidth(width);
         lastWidth.current = width;
     }, [adjustMaxItemsToScreenWidth]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (lastWidth.current) {
             adjustMaxItemsToScreenWidth(lastWidth.current);
         }
     }, [attributeValues.length, adjustMaxItemsToScreenWidth]);
-    var handleOpenImageGalleryDialog = react_1.useCallback(function (uri) {
+    var handleOpenImageGalleryDialog = (0, react_1.useCallback)(function (uri) {
         if (!isBlockImageGalleryDialog) {
             setCurrentAttributeValueUri(uri);
             setIsOpenDialog(true);
         }
     }, [isBlockImageGalleryDialog]);
-    var handleCloseImageGalleryDialog = react_1.useCallback(function () {
+    var handleCloseImageGalleryDialog = (0, react_1.useCallback)(function () {
         setIsOpenDialog(false);
     }, []);
-    var handleDownload = function (urls) { return imageAttributes_1.downloadImagesByURLs(urls); };
+    var handleDownload = function (urls) { return (0, imageAttributes_1.downloadImagesByURLs)(urls); };
     var handleShareLink = function (url) { return navigator.clipboard.writeText(url); };
-    var handleSetAsDefault = react_1.useCallback(function (attributeValue) {
+    var handleSetAsDefault = (0, react_1.useCallback)(function (attributeValue) {
         if (isViewMode) {
-            mdm_sdk_1.insertDefaultImageByAttrUri(entity.uri, attributeValue.uri).then(function (_a) {
+            (0, 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));
@@ -132,6 +136,6 @@ var ImageAttributesLine = function (_a) {
             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)))))));
+                    react_1.default.createElement(Typography_1.default, { className: styles.number }, "+".concat(hiddenItemsLength))))))));
 };
 exports.default = ImageAttributesLine;

package/cjs/components/attributes/ImageAttributesLine/styles.js

@@ -3,7 +3,7 @@ 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     imageBox: {
         position: 'relative',
         display: 'flex',
@@ -33,7 +33,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
             alignItems: 'center',
             width: imageWidth,
             height: imageHeight,
-            backgroundColor: core_1.fade(theme.palette.primary.main, 0.06)
+            backgroundColor: (0, core_1.fade)(theme.palette.primary.main, 0.06)
         };
     },
     number: {

package/cjs/components/attributes/OvIcon/OvIcon.d.ts

@@ -12,19 +12,19 @@ declare namespace OvIcon {
         export const className: PropTypes.Requireable<string>;
         export const nonOvTotal: PropTypes.Requireable<number>;
         export { AttributeTypeType as attributeType };
-        export const nonOvValues: PropTypes.Requireable<(PropTypes.InferProps<{
-            value: PropTypes.Requireable<string | number | boolean>;
+        export const nonOvValues: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
+            value: PropTypes.Requireable<object>;
             ov: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
             uri: PropTypes.Requireable<string>;
-            lookupCode: PropTypes.Requireable<string>;
-            lookupRawValue: PropTypes.Requireable<string>;
         }> | PropTypes.InferProps<{
-            value: PropTypes.Requireable<object>;
+            value: PropTypes.Requireable<NonNullable<string | number | boolean>>;
             ov: PropTypes.Requireable<boolean>;
             type: PropTypes.Requireable<string>;
             uri: PropTypes.Requireable<string>;
-        }>)[]>;
+            lookupCode: PropTypes.Requireable<string>;
+            lookupRawValue: PropTypes.Requireable<string>;
+        }>>[]>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/attributes/OvIcon/OvIcon.js

@@ -12,18 +12,18 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("./styles");
 var DataTypeValue_1 = __importDefault(require("../../DataTypeValue/DataTypeValue"));
 var HOCs_1 = require("../../../HOCs");
-exports.ChipWithTooltip = HOCs_1.withTooltip(Chip_1.default);
+exports.ChipWithTooltip = (0, HOCs_1.withTooltip)(Chip_1.default);
 var OvIcon = function (_a) {
     var className = _a.className, attributeType = _a.attributeType, _b = _a.nonOvValues, nonOvValues = _b === void 0 ? [] : _b, nonOvTotal = _a.nonOvTotal;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     if (!nonOvTotal) {
         return null;
     }
     var tooltipTitle = nonOvValues.length
-        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, mdm_sdk_1.isComplexAttribute(attributeType) ? (mdm_sdk_1.getLabel(value.label)) : (react_1.default.createElement(DataTypeValue_1.default, { value: mdm_sdk_1.getAttributeValue(value), dataTypeDefinition: mdm_sdk_1.getAttrDataTypeDefinition(attributeType), rich: false })))); })
+        ? nonOvValues.map(function (value, i) { return (react_1.default.createElement("div", { key: i }, (0, mdm_sdk_1.isComplexAttribute)(attributeType) ? ((0, mdm_sdk_1.getLabel)(value.label)) : (react_1.default.createElement(DataTypeValue_1.default, { value: (0, mdm_sdk_1.getAttributeValue)(value), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType), rich: false })))); })
         : null;
-    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ " + nonOvTotal, variant: "outlined", classes: {
-            root: classnames_1.default(styles.container, className),
+    return (react_1.default.createElement(exports.ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ ".concat(nonOvTotal), variant: "outlined", classes: {
+            root: (0, classnames_1.default)(styles.container, className),
             label: styles.label
         } }));
 };

package/cjs/components/attributes/OvIcon/styles.js

@@ -2,10 +2,10 @@
 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 ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: styles_1.fade(theme.palette.primary.main, 0.54)
+        borderColor: (0, styles_1.fade)(theme.palette.primary.main, 0.54)
     },
     label: {
         paddingLeft: '4px',

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,29 +40,29 @@ var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
 var styles_1 = require("./styles");
 var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
-    var styles = styles_1.usePivotingTooltipStyles();
-    var contentStyles = styles_1.useStyles();
-    var dispatch = react_redux_1.useDispatch();
-    var pivotingAttributesList = react_1.useContext(contexts_1.PivotingAttributeContext) || [];
-    var isNestedAttribute = mdm_sdk_1.isNested(attributeType);
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
+    var styles = (0, styles_1.usePivotingTooltipStyles)();
+    var contentStyles = (0, styles_1.useStyles)();
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var pivotingAttributesList = (0, react_1.useContext)(contexts_1.PivotingAttributeContext) || [];
+    var isNestedAttribute = (0, mdm_sdk_1.isNested)(attributeType);
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata) || {};
     var pivotingValue = isNestedAttribute
-        ? helpers_1.generatePivotingValue(attributeType, value.value, pivotingAttributesList, metadata)
-        : helpers_1.preparePivotingAttributeValue(value.lookupCode || value.value, attributeType);
+        ? (0, helpers_1.generatePivotingValue)(attributeType, value.value, pivotingAttributesList, metadata)
+        : (0, helpers_1.preparePivotingAttributeValue)(value.lookupCode || value.value, attributeType);
     var isPivotingAttribute = pivotingAttributesList.some(function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     }) &&
         ((Array.isArray(pivotingValue) && pivotingValue.length) ||
-            (!Array.isArray(pivotingValue) && !ramda_1.isNil(pivotingValue)));
+            (!Array.isArray(pivotingValue) && !(0, ramda_1.isNil)(pivotingValue)));
     var pivotingAttribute = pivotingAttributesList.find(function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
     var handleSeeAllClick = function () {
         var generatedValue = Array.isArray(pivotingValue)
-            ? helpers_1.convertNestedAttributePivotingValue(pivotingValue)
-            : helpers_1.convertSimpleAttributePivotingValue(attributeType, pivotingValue);
+            ? (0, helpers_1.convertNestedAttributePivotingValue)(pivotingValue)
+            : (0, helpers_1.convertSimpleAttributePivotingValue)(attributeType, pivotingValue);
         dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
     };
     return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },