@reltio/components 1.4.874 → 1.4.878

package/components/activityLog/utils/filters.js

@@ -1,16 +1,10 @@
-"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");
+import { cond, defaultTo, equals, join, map, pipe, reject, toPairs, type } from 'ramda';
+import moment from 'moment';
+import { DateRangeTypes } from '../../../types';
+import { escapeQueryValue, isEmptyValue } from '@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 buildUserFilterClause = function (user) { return "equals(user, '" + escapeQueryValue(user) + "')"; };
 var buildActivityFilterClause = function (activityType) {
     if (activityType.startsWith('USER_') || activityType.startsWith('COMMENT_')) {
         return "startsWith(label, '" + activityType + "')";
@@ -27,20 +21,20 @@ var buildAttributeFilterClause = function (attribute) {
 };
 var durationToTimestamp = function (period) {
     var amount = period[0], unit = period[1];
-    return moment_1.default().subtract(amount, unit).valueOf();
+    return moment().subtract(amount, unit).valueOf();
 };
 var buildDateRangeFilterClause = function (_a) {
     var type = _a.type, period = _a.period;
     switch (type) {
-        case types_1.DateRangeTypes.WITHIN: {
+        case DateRangeTypes.WITHIN: {
             return "gte(timestamp, " + durationToTimestamp(period) + ")";
         }
-        case types_1.DateRangeTypes.AGO: {
+        case DateRangeTypes.AGO: {
             return "lte(timestamp, " + durationToTimestamp(period) + ")";
         }
-        case types_1.DateRangeTypes.BETWEEN: {
+        case DateRangeTypes.BETWEEN: {
             var start = period[0], end = period[1];
-            return "range(timestamp, " + start.valueOf() + ", " + moment_1.default(end).endOf('date').valueOf() + ")";
+            return "range(timestamp, " + start.valueOf() + ", " + moment(end).endOf('date').valueOf() + ")";
         }
         default: {
             return '';
@@ -55,26 +49,25 @@ var buildEntityUriFilterClause = function (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; }]
+var getFilterClauseBuilder = cond([
+    [equals('users'), function () { return multiValueFilter(buildUserFilterClause); }],
+    [equals('activities'), function () { return multiValueFilter(buildActivityFilterClause); }],
+    [equals('sources'), function () { return multiValueFilter(buildSourceFilterClause); }],
+    [equals('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
+    [equals('dateRange'), function () { return buildDateRangeFilterClause; }],
+    [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) {
+export var buildActivitiesFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, 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) {
+}), reject(isEmptyValue), map(wrapInBrackets), join(' and '));
+export var isDateRangeValid = function (value) {
+    if (value.type === DateRangeTypes.AGO || value.type === 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 type(amount) === 'Number' && type(unit) === 'String' && amount > 0;
     }
-    else if (value.type === types_1.DateRangeTypes.BETWEEN) {
+    else if (value.type === 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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,16 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var AttributesView_1 = __importDefault(require("../readMode/AttributesView"));
-var AttributesView_2 = __importDefault(require("../editMode/AttributesView"));
+import React from 'react';
+import { isViewMode, Mode } from '@reltio/mdm-sdk';
+import ReadModeAttributesView from '../readMode/AttributesView';
+import EditModeAttributesView from '../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)));
+    var _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, attributesCount = _a.attributesCount, restProps = __rest(_a, ["mode", "attributesCount"]);
+    return isViewMode(mode) ? (React.createElement(ReadModeAttributesView, __assign({ attributesCount: attributesCount }, restProps))) : (React.createElement(EditModeAttributesView, __assign({ mode: mode }, restProps)));
 };
-exports.default = AttributesView;
+export default AttributesView;

package/components/attributes/AttributesView/index.js

@@ -1,15 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AttributesView = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var AttributesView_1 = __importDefault(require("./AttributesView"));
-exports.AttributesView = AttributesView_1.default;
+import { connect } from 'react-redux';
+import mdm from '@reltio/mdm-module';
+import AttributesView from './AttributesView';
 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)
+    entity: ownProps.entity || mdm.selectors.getEntity(state),
+    mode: ownProps.mode || mdm.selectors.getMode(state)
 }); };
-exports.default = react_redux_1.connect(mapStateToProps)(AttributesView_1.default);
+export { AttributesView };
+export default connect(mapStateToProps)(AttributesView);

package/components/attributes/BranchDecorator/BranchDecorator.js

@@ -1,16 +1,11 @@
-"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");
+import React from 'react';
+import classnames from 'classnames';
+import { useStyles } from './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));
+    var styles = useStyles();
+    return enabled ? (React.createElement("div", { className: classnames(styles.decorator, (_b = {}, _b[styles.plain] = plain, _b), className) },
+        React.createElement("div", { className: styles.wrapper }, children))) : (React.createElement(React.Fragment, null, children));
 };
-exports.default = BranchDecorator;
+export default BranchDecorator;

package/components/attributes/BranchDecorator/styles.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var lineStyle = '1px solid #AFD4E9';
 var horizontalLineWidth = 5;
 var verticalNodeGap = 14;
 var arrowWidth = 16;
-exports.useStyles = styles_1.makeStyles({
+export var useStyles = makeStyles({
     decorator: {
         marginLeft: arrowWidth / 2,
         borderLeft: lineStyle,

package/components/attributes/ImageAttributesLine/ImageAttributesLine.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,57 +9,34 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var 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");
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import ReactResizeDetector from 'react-resize-detector';
+import Typography from '@material-ui/core/Typography';
+import mdm, { profile } from '@reltio/mdm-module';
+import { insertDefaultImageByAttrUri } from '@reltio/mdm-sdk';
+import { BlockImageGalleryDialogContext } from '../../../contexts';
+import ImageAttributesGallery from '../../ImageAttributesGallery/ImageAttributesGallery';
+import { downloadImagesByURLs } from '../helpers/imageAttributes';
+import { DEFAULT_IMAGE_SIZE, IMAGE_MIN_VISIBLE_WIDTH } from './constants';
+import { useStyles } from './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 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 ? DEFAULT_IMAGE_SIZE : _e;
+    var entity = useSelector(mdm.selectors.getEntity) || {};
+    var isViewMode = useSelector(mdm.selectors.getIsViewMode);
+    var dispatch = useDispatch();
+    var styles = useStyles(imageSize);
+    var lastWidth = useRef();
+    var _f = useState(0), maxItems = _f[0], setMaxItems = _f[1];
+    var _g = useState(0), hiddenItemsLength = _g[0], setHiddenItemsLength = _g[1];
+    var isBlockImageGalleryDialog = useContext(BlockImageGalleryDialogContext);
+    var _h = useState(false), isOpenDialog = _h[0], setIsOpenDialog = _h[1];
+    var _j = useState(), currentAttributeValueUri = _j[0], setCurrentAttributeValueUri = _j[1];
+    var adjustMaxItemsToScreenWidth = 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;
+            IMAGE_MIN_VISIBLE_WIDTH;
         setMaxItems(maxItemsPerScreen);
         if (attributeValues.length > maxItemsPerScreen) {
             setHiddenItemsLength(attributeValues.length - maxItemsPerScreen + (hasHiddenImage ? 1 : 0));
@@ -69,37 +45,37 @@ var ImageAttributesLine = function (_a) {
             setHiddenItemsLength(0);
         }
     }, [attributeValues.length, countFixedItems, imageSize]);
-    var handleResize = react_1.useCallback(function (width) {
+    var handleResize = useCallback(function (width) {
         adjustMaxItemsToScreenWidth(width);
         lastWidth.current = width;
     }, [adjustMaxItemsToScreenWidth]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (lastWidth.current) {
             adjustMaxItemsToScreenWidth(lastWidth.current);
         }
     }, [attributeValues.length, adjustMaxItemsToScreenWidth]);
-    var handleOpenImageGalleryDialog = react_1.useCallback(function (uri) {
+    var handleOpenImageGalleryDialog = useCallback(function (uri) {
         if (!isBlockImageGalleryDialog) {
             setCurrentAttributeValueUri(uri);
             setIsOpenDialog(true);
         }
     }, [isBlockImageGalleryDialog]);
-    var handleCloseImageGalleryDialog = react_1.useCallback(function () {
+    var handleCloseImageGalleryDialog = useCallback(function () {
         setIsOpenDialog(false);
     }, []);
-    var handleDownload = function (urls) { return imageAttributes_1.downloadImagesByURLs(urls); };
+    var handleDownload = function (urls) { return downloadImagesByURLs(urls); };
     var handleShareLink = function (url) { return navigator.clipboard.writeText(url); };
-    var handleSetAsDefault = react_1.useCallback(function (attributeValue) {
+    var handleSetAsDefault = useCallback(function (attributeValue) {
         if (isViewMode) {
-            mdm_sdk_1.insertDefaultImageByAttrUri(entity.uri, attributeValue.uri).then(function (_a) {
+            insertDefaultImageByAttrUri(entity.uri, attributeValue.uri).then(function (_a) {
                 var status = _a.status;
                 if (status === 'success') {
-                    dispatch(mdm_module_1.profile.entity.actions.setDefaultProfilePic(attributeValue));
+                    dispatch(profile.entity.actions.setDefaultProfilePic(attributeValue));
                 }
             });
         }
         else {
-            dispatch(mdm_module_1.profile.modifiedEntities.actions.setDefaultProfilePic({
+            dispatch(profile.modifiedEntities.actions.setDefaultProfilePic({
                 entityUri: entity.uri,
                 value: attributeValue
             }));
@@ -110,14 +86,14 @@ var ImageAttributesLine = function (_a) {
         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 },
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ReactResizeDetector, { handleWidth: true, onResize: handleResize }),
+        React.createElement(ImageAttributesGallery, { attributeValues: attributeValues, open: isOpenDialog, onClose: handleCloseImageGalleryDialog, setCurrentAttributeValueUri: setCurrentAttributeValueUri, currentAttributeValueUri: currentAttributeValueUri, attributeType: attributeType, onDownload: handleDownload, onShareLink: handleShareLink, onSetAsDefault: handleSetAsDefault, onUpload: onUpload, onDeleteAttribute: onDeleteAttribute }),
+        React.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)))))));
+            hiddenItemsLength > 0 && (React.createElement("div", { className: styles.moreButtonContainer },
+                React.createElement("div", { className: styles.moreButton, onClick: function () { return handleOpenImageGalleryDialog(); } },
+                    React.createElement(Typography, { className: styles.number }, "+" + hiddenItemsLength)))))));
 };
-exports.default = ImageAttributesLine;
+export default ImageAttributesLine;

package/components/attributes/ImageAttributesLine/constants.js

@@ -1,9 +1,6 @@
-"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 };
+import { ImageSizesStyles } from '../../Image/Image';
+export var IMAGE_WIDTH = ImageSizesStyles.SMALL.imageWidth;
+export var IMAGE_HEIGHT = ImageSizesStyles.SMALL.imageHeight;
+export var IMAGE_MARGIN = 4;
+export var IMAGE_MIN_VISIBLE_WIDTH = 8;
+export var DEFAULT_IMAGE_SIZE = { imageMargin: IMAGE_MARGIN, imageWidth: IMAGE_WIDTH, imageHeight: IMAGE_HEIGHT };

package/components/attributes/ImageAttributesLine/index.js

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

package/components/attributes/ImageAttributesLine/styles.js

@@ -1,9 +1,6 @@
-"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 ({
+import { makeStyles } from '@material-ui/core/styles';
+import { fade } from '@material-ui/core';
+export var useStyles = makeStyles(function (theme) { return ({
     imageBox: {
         position: 'relative',
         display: 'flex',
@@ -33,7 +30,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: fade(theme.palette.primary.main, 0.06)
         };
     },
     number: {

package/components/attributes/OvIcon/OvIcon.js

@@ -1,36 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChipWithTooltip = void 0;
-var react_1 = __importDefault(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var classnames_1 = __importDefault(require("classnames"));
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
-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);
+import React from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import Chip from '@material-ui/core/Chip';
+import { AttributeTypeType, getAttrDataTypeDefinition, getAttributeValue, isComplexAttribute, NestedAttributeValueType, getLabel, ReferenceAttributeValueType, SimpleAttributeValueType } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
+import DataTypeValue from '../../DataTypeValue/DataTypeValue';
+import { withTooltip } from '../../../HOCs';
+export var ChipWithTooltip = withTooltip(Chip);
 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 = 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.createElement("div", { key: i }, isComplexAttribute(attributeType) ? (getLabel(value.label)) : (React.createElement(DataTypeValue, { value: getAttributeValue(value), dataTypeDefinition: 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.createElement(ChipWithTooltip, { tooltipTitle: tooltipTitle, tooltipPlacement: "top", label: "+ " + nonOvTotal, variant: "outlined", classes: {
+            root: classnames(styles.container, className),
             label: styles.label
         } }));
 };
 OvIcon.propTypes = {
-    className: prop_types_1.default.string,
-    nonOvTotal: prop_types_1.default.number,
-    attributeType: mdm_sdk_1.AttributeTypeType,
-    nonOvValues: prop_types_1.default.arrayOf(prop_types_1.default.oneOfType([mdm_sdk_1.SimpleAttributeValueType, mdm_sdk_1.NestedAttributeValueType, mdm_sdk_1.ReferenceAttributeValueType]))
+    className: PropTypes.string,
+    nonOvTotal: PropTypes.number,
+    attributeType: AttributeTypeType,
+    nonOvValues: PropTypes.arrayOf(PropTypes.oneOfType([SimpleAttributeValueType, NestedAttributeValueType, ReferenceAttributeValueType]))
 };
-exports.default = OvIcon;
+export default OvIcon;

package/components/attributes/OvIcon/index.js

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

package/components/attributes/OvIcon/styles.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+import { fade, makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: styles_1.fade(theme.palette.primary.main, 0.54)
+        borderColor: fade(theme.palette.primary.main, 0.54)
     },
     label: {
         paddingLeft: '4px',

package/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -1,62 +1,36 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PivotingTooltip = void 0;
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var contexts_1 = require("../../../contexts");
-var helpers_1 = require("./helpers");
-var PivotingIcon_1 = __importDefault(require("../../../icons/PivotingIcon"));
-var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
-var styles_1 = require("./styles");
-var PivotingTooltip = function (_a) {
+import React, { useContext } from 'react';
+import { useSelector } from 'react-redux';
+import Tooltip from '@material-ui/core/Tooltip';
+import mdm from '@reltio/mdm-module';
+import { isNested } from '@reltio/mdm-sdk';
+import { isNil } from 'ramda';
+import { PivotingAttributeContext } from '../../../contexts';
+import { generatePivotingValue, preparePivotingAttributeValue } from './helpers';
+import PivotingIcon from '../../../icons/PivotingIcon';
+import { PivotingTooltipContent } from './PivotingTooltipContent';
+import { usePivotingTooltipStyles, useStyles } from './styles';
+export 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 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 = usePivotingTooltipStyles();
+    var contentStyles = useStyles();
+    var pivotingAttributesList = useContext(PivotingAttributeContext) || [];
+    var isNestedAttribute = isNested(attributeType);
+    var metadata = useSelector(mdm.selectors.getMetadata) || {};
     var pivotingValue = isNestedAttribute
-        ? helpers_1.generatePivotingValue(attributeType, value.value, pivotingAttributesList, metadata)
-        : helpers_1.preparePivotingAttributeValue(value.lookupCode || value.value, attributeType);
+        ? generatePivotingValue(attributeType, value.value, pivotingAttributesList, metadata)
+        : 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) && !isNil(pivotingValue)));
     var pivotingAttribute = pivotingAttributesList.find(function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
-    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 }) },
-        react_1.default.createElement("span", { className: className },
-            react_1.default.createElement(PivotingIcon_1.default, { className: contentStyles.icon }),
-            react_1.default.createElement("span", { className: contentStyles.content }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup }) },
+        React.createElement("span", { className: className },
+            React.createElement(PivotingIcon, { className: contentStyles.icon }),
+            React.createElement("span", { className: contentStyles.content }, children)))) : (React.createElement(React.Fragment, null, children));
 };
-exports.PivotingTooltip = PivotingTooltip;