@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/ImageDetailsView/MetaInfo/MetaInfo.js

@@ -14,12 +14,12 @@ var MetaInfoList_1 = require("../MetaInfoList/MetaInfoList");
 var MetaInfoForm_1 = require("../MetaInfoForm/MetaInfoForm");
 var useEditMetaInfo_1 = require("../hooks/useEditMetaInfo");
 var theme_1 = require("../theme");
-var darkMuiTheme = styles_1.createMuiTheme(theme_1.darkTheme);
+var darkMuiTheme = (0, styles_1.createMuiTheme)(theme_1.darkTheme);
 var MetaInfo = function (_a) {
     var imageAttributeFieldsOrder = _a.imageAttributeFieldsOrder, attributeType = _a.attributeType, initialAttributeValue = _a.attributeValue;
-    var _b = useEditMetaInfo_1.useEditMetaInfo({ attributeType: attributeType, initialAttributeValue: initialAttributeValue }), addAttributes = _b.addAttributes, changeAttribute = _b.changeAttribute, deleteAttribute = _b.deleteAttribute, clearLocalChanges = _b.clearLocalChanges, applyLocalChanges = _b.applyLocalChanges, attributeValue = _b.attributeValue, hasChanges = _b.hasChanges;
-    var mode = react_redux_1.useSelector(mdm_module_1.default.selectors.getMode);
-    var isEditableMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsEditableMode);
+    var _b = (0, useEditMetaInfo_1.useEditMetaInfo)({ attributeType: attributeType, initialAttributeValue: initialAttributeValue }), addAttributes = _b.addAttributes, changeAttribute = _b.changeAttribute, deleteAttribute = _b.deleteAttribute, clearLocalChanges = _b.clearLocalChanges, applyLocalChanges = _b.applyLocalChanges, attributeValue = _b.attributeValue, hasChanges = _b.hasChanges;
+    var mode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMode);
+    var isEditableMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsEditableMode);
     return (react_1.default.createElement(styles_1.MuiThemeProvider, { theme: darkMuiTheme },
         react_1.default.createElement(Box_1.default, null,
             react_1.default.createElement(MetaInfoHeader_1.MetaInfoHeader, { attributeType: attributeType, uri: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, onAddAttributes: isEditableMode ? addAttributes : undefined }),

package/cjs/components/ImageDetailsView/MetaInfoForm/MetaInfoForm.js

@@ -15,13 +15,13 @@ var helpers_1 = require("../helpers");
 var styles_1 = require("./styles");
 var MetaInfoForm = function (_a) {
     var attributeType = _a.attributeType, imageAttributeFieldsOrder = _a.imageAttributeFieldsOrder, attributeValue = _a.attributeValue, hasChanges = _a.hasChanges, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onAddAttributes = _a.onAddAttributes, onCancel = _a.onCancel, onApply = _a.onApply, mode = _a.mode;
-    var styles = styles_1.useStyles();
-    var notSystemAttributesList = helpers_1.getNotSystemAttributesList(attributeValue, attributeType, imageAttributeFieldsOrder);
+    var styles = (0, styles_1.useStyles)();
+    var notSystemAttributesList = (0, helpers_1.getNotSystemAttributesList)(attributeValue, attributeType, imageAttributeFieldsOrder);
     var shouldShowActionButtons = notSystemAttributesList.length !== 0 || (notSystemAttributesList.length === 0 && hasChanges);
     return (react_1.default.createElement(Box_1.default, { className: styles.root },
         react_1.default.createElement(Box_1.default, { className: styles.form }, notSystemAttributesList.map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
-            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, parentUri: attributeValue.uri, attributeType: attrType, values: values, showEmptyEditors: mdm_sdk_1.isTempUri(attributeValue.uri), mode: mode, drawLines: false, onDeleteAttribute: onDeleteAttribute, onChangeAttribute: onChangeAttribute, onAddAttributes: onAddAttributes }));
+            return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, parentUri: attributeValue.uri, attributeType: attrType, values: values, showEmptyEditors: (0, mdm_sdk_1.isTempUri)(attributeValue.uri), mode: mode, drawLines: false, onDeleteAttribute: onDeleteAttribute, onChangeAttribute: onChangeAttribute, onAddAttributes: onAddAttributes }));
         })),
         shouldShowActionButtons && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(Divider_1.default, { className: styles.divider }),

package/cjs/components/ImageDetailsView/MetaInfoForm/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"form" | "root" | "actions" | "divider" | "cancelButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "root" | "form" | "divider" | "cancelButton">;

package/cjs/components/ImageDetailsView/MetaInfoForm/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {},
     form: {
         padding: '10px 0'

package/cjs/components/ImageDetailsView/MetaInfoHeader/MetaInfoHeader.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];
@@ -35,8 +39,8 @@ var styles_1 = require("./styles");
 var MetaInfoHeader = function (_a) {
     var _b;
     var attributeType = _a.attributeType, onAddAttributes = _a.onAddAttributes, uri = _a.uri;
-    var styles = styles_1.useStyles();
-    var moreAttrTypes = helpers_1.getMoreAttrTypes(attributeType);
+    var styles = (0, styles_1.useStyles)();
+    var moreAttrTypes = (0, helpers_1.getMoreAttrTypes)(attributeType);
     var canAdd = Boolean(onAddAttributes);
     var handleApply = function (attrTypes) {
         if (onAddAttributes) {
@@ -44,7 +48,7 @@ var MetaInfoHeader = function (_a) {
         }
     };
     return (react_1.default.createElement(Box_1.default, null,
-        react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.title, (_b = {}, _b[styles.canAdd] = canAdd, _b)) }, ui_i18n_1.default.text('Meta info')),
+        react_1.default.createElement(Typography_1.default, { className: (0, classnames_1.default)(styles.title, (_b = {}, _b[styles.canAdd] = canAdd, _b)) }, ui_i18n_1.default.text('Meta info')),
         canAdd && (react_1.default.createElement(react_1.Fragment, null,
             react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('Attributes'), data: moreAttrTypes, dense: false, onApply: handleApply }),
             react_1.default.createElement(Divider_1.default, { className: styles.divider })))));

package/cjs/components/ImageDetailsView/MetaInfoHeader/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     title: {
         marginBottom: '10px',
         color: 'white',

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoItem/MetaInfoItem.js

@@ -9,7 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var MetaInfoItem = function (_a) {
     var title = _a.title, content = _a.content, isLink = _a.isLink, children = _a.children;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement("span", { className: styles.title }, title),
         isLink ? (react_1.default.createElement("a", { className: styles.link, href: content }, ui_i18n_1.default.text('link'))) : (react_1.default.createElement("span", { className: styles.content }, content || children))));

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoItem/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "link" | "root">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "root" | "title" | "link">;

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoItem/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 ({
     root: {
         fontSize: '13px',
         letterSpacing: 0,

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoList.js

@@ -14,10 +14,10 @@ var helpers_1 = require("../helpers");
 var styles_1 = require("./styles");
 var MetaInfoList = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, imageAttributeFieldsOrder = _a.imageAttributeFieldsOrder;
-    var styles = styles_1.useStyles();
-    var isViewMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsViewMode);
-    var systemAttributesList = helpers_1.getSystemAttributesList(attributeValue, imageAttributeFieldsOrder);
-    var notSystemAttributesList = helpers_1.getNotSystemAttributesList(attributeValue, attributeType, imageAttributeFieldsOrder);
+    var styles = (0, styles_1.useStyles)();
+    var isViewMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsViewMode);
+    var systemAttributesList = (0, helpers_1.getSystemAttributesList)(attributeValue, imageAttributeFieldsOrder);
+    var notSystemAttributesList = (0, helpers_1.getNotSystemAttributesList)(attributeValue, attributeType, imageAttributeFieldsOrder);
     return (react_1.default.createElement(Box_1.default, { className: styles.root },
         systemAttributesList.map(function (_a) {
             var title = _a.title, value = _a.value, isLink = _a.isLink;

package/cjs/components/ImageDetailsView/MetaInfoList/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "root">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "root" | "title">;

package/cjs/components/ImageDetailsView/MetaInfoList/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         padding: '10px 0'
     },

package/cjs/components/ImageDetailsView/helpers/index.js

@@ -1,8 +1,12 @@
 "use strict";
-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));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -16,20 +20,20 @@ var constants_1 = require("../constants");
 var getFormattedSystemImageAttributeValue = function (_a, name) {
     var _b = _a === void 0 ? {} : _a, value = _b.value;
     if (['Url', 'UrlPreview', 'UrlThumbnail', 'CdnUrl', 'CdnUrlPreview', 'CdnUrlThumbnail', 'MimeType'].includes(name)) {
-        return ramda_1.path([name, 0, 'value'], value);
+        return (0, ramda_1.path)([name, 0, 'value'], value);
     }
-    if (name === 'CreationDate' && ramda_1.path(['CreationTimestamp', 0, 'value'], value)) {
-        return moment_1.default(value.CreationTimestamp[0].value).format('MM-DD-YYYY');
+    if (name === 'CreationDate' && (0, ramda_1.path)(['CreationTimestamp', 0, 'value'], value)) {
+        return (0, moment_1.default)(value.CreationTimestamp[0].value).format('MM-DD-YYYY');
     }
-    if (name === 'CreationTime' && ramda_1.path(['CreationTimestamp', 0, 'value'], value)) {
-        return moment_1.default(value.CreationTimestamp[0].value).format('HH:mm:ss');
+    if (name === 'CreationTime' && (0, ramda_1.path)(['CreationTimestamp', 0, 'value'], value)) {
+        return (0, moment_1.default)(value.CreationTimestamp[0].value).format('HH:mm:ss');
     }
-    if (name === 'Dimensions' && ramda_1.path(['Height', 0, 'value'], value) && ramda_1.path(['Width', 0, 'value'], value)) {
-        return value.Height[0].value + " x " + value.Width[0].value + " " + ui_i18n_1.default.text('pixels');
+    if (name === 'Dimensions' && (0, ramda_1.path)(['Height', 0, 'value'], value) && (0, ramda_1.path)(['Width', 0, 'value'], value)) {
+        return "".concat(value.Height[0].value, " x ").concat(value.Width[0].value, " ").concat(ui_i18n_1.default.text('pixels'));
     }
-    if (name === 'Size' && ramda_1.path(['Size', 0, 'value'], value)) {
+    if (name === 'Size' && (0, ramda_1.path)(['Size', 0, 'value'], value)) {
         var size = (Number(value.Size[0].value) / 1000).toFixed(2);
-        return size + " KB";
+        return "".concat(size, " KB");
     }
 };
 exports.getFormattedSystemImageAttributeValue = getFormattedSystemImageAttributeValue;
@@ -64,16 +68,16 @@ var getMoreAttrTypes = function (attrType) {
 };
 exports.getMoreAttrTypes = getMoreAttrTypes;
 var getSystemAttributesList = function (attrValue, fieldsOrder) {
-    return exports.filterByFieldsOrder(Object.keys(constants_1.SYSTEM_ATTRIBUTES_TITLES), fieldsOrder)
+    return (0, exports.filterByFieldsOrder)(Object.keys(constants_1.SYSTEM_ATTRIBUTES_TITLES), fieldsOrder)
         .map(function (key) {
-        var value = exports.getFormattedSystemImageAttributeValue(attrValue, key);
+        var value = (0, exports.getFormattedSystemImageAttributeValue)(attrValue, key);
         if (!value) {
             return null;
         }
         return {
             title: constants_1.SYSTEM_ATTRIBUTES_TITLES[key],
-            value: exports.getFormattedSystemImageAttributeValue(attrValue, key),
-            isLink: exports.isLink(key)
+            value: (0, exports.getFormattedSystemImageAttributeValue)(attrValue, key),
+            isLink: (0, exports.isLink)(key)
         };
     })
         .filter(Boolean);
@@ -82,12 +86,12 @@ exports.getSystemAttributesList = getSystemAttributesList;
 var getNotSystemAttributesList = function (attrValue, attrType, fieldsOrder) {
     if (attrValue === void 0) { attrValue = {}; }
     var notSystemAttrTypes = filterByNotSystemAttributeTypes(attrType.attributes);
-    return exports.filterByFieldsOrder(Object.keys(attrValue.value || {}), fieldsOrder).reduce(function (result, key) {
+    return (0, exports.filterByFieldsOrder)(Object.keys(attrValue.value || {}), fieldsOrder).reduce(function (result, key) {
         var attrType = notSystemAttrTypes.find(function (_a) {
             var name = _a.name;
             return name === key;
         });
-        return attrType ? __spreadArray(__spreadArray([], result), [{ attrType: attrType, values: attrValue.value[key] }]) : result;
+        return attrType ? __spreadArray(__spreadArray([], result, true), [{ attrType: attrType, values: attrValue.value[key] }], false) : result;
     }, []);
 };
 exports.getNotSystemAttributesList = getNotSystemAttributesList;

package/cjs/components/ImageDetailsView/hooks/useEditMetaInfo.js

@@ -9,19 +9,19 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../contexts");
 var useEditMetaInfo = function (_a) {
     var initialAttributeValue = _a.initialAttributeValue, attributeType = _a.attributeType;
-    var dispatch = react_redux_1.useDispatch();
-    var viewId = react_1.useContext(contexts_1.ViewIdContext);
-    var _b = react_1.useState(initialAttributeValue), attributeValue = _b[0], setAttributeValue = _b[1];
-    react_1.useEffect(function () {
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
+    var _b = (0, react_1.useState)(initialAttributeValue), attributeValue = _b[0], setAttributeValue = _b[1];
+    (0, react_1.useEffect)(function () {
         setAttributeValue(initialAttributeValue);
     }, [initialAttributeValue]);
     var nestingLevel = 1;
-    var hasChanges = !ramda_1.equals(attributeValue, initialAttributeValue);
-    var addAttributes = react_1.useCallback(function (attributes) {
+    var hasChanges = !(0, ramda_1.equals)(attributeValue, initialAttributeValue);
+    var addAttributes = (0, react_1.useCallback)(function (attributes) {
         setAttributeValue(function (prevAttrValue) {
             return attributes.reduce(function (attrValue, attribute) {
                 var attributeType = attribute.attributeType, parentUri = attribute.parentUri, index = attribute.index;
-                return mdm_sdk_1.addAttribute({
+                return (0, mdm_sdk_1.addAttribute)({
                     entity: attrValue,
                     attributeType: attributeType,
                     parentUri: parentUri,
@@ -31,10 +31,10 @@ var useEditMetaInfo = function (_a) {
             }, prevAttrValue);
         });
     }, []);
-    var changeAttribute = react_1.useCallback(function (_a) {
+    var changeAttribute = (0, react_1.useCallback)(function (_a) {
         var value = _a.value, attributeType = _a.attributeType, uri = _a.uri;
         setAttributeValue(function (prevAttrValue) {
-            return mdm_sdk_1.editAttribute({
+            return (0, mdm_sdk_1.editAttribute)({
                 entity: prevAttrValue,
                 attributeType: attributeType,
                 uri: uri,
@@ -43,16 +43,16 @@ var useEditMetaInfo = function (_a) {
             });
         });
     }, []);
-    var deleteAttribute = react_1.useCallback(function (_a) {
+    var deleteAttribute = (0, react_1.useCallback)(function (_a) {
         var attributeType = _a.attributeType, uri = _a.uri;
         setAttributeValue(function (prevAttrValue) {
-            return mdm_sdk_1.removeAttribute({ entity: prevAttrValue, attributeType: attributeType, uri: uri, nestingLevel: nestingLevel });
+            return (0, mdm_sdk_1.removeAttribute)({ entity: prevAttrValue, attributeType: attributeType, uri: uri, nestingLevel: nestingLevel });
         });
     }, []);
-    var clearLocalChanges = react_1.useCallback(function () {
+    var clearLocalChanges = (0, react_1.useCallback)(function () {
         setAttributeValue(initialAttributeValue);
     }, [initialAttributeValue]);
-    var applyLocalChanges = react_1.useCallback(function () {
+    var applyLocalChanges = (0, react_1.useCallback)(function () {
         dispatch(mdm_module_1.profile.actions.modifyAttribute({
             value: attributeValue,
             attributeType: attributeType,

package/cjs/components/ImageDetailsView/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"details" | "main" | "root">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "details" | "main">;

package/cjs/components/ImageDetailsView/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 () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         display: 'flex',
         width: '100%',

package/cjs/components/ImageGalleryDialog/ImageGalleryDialog.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];
@@ -43,8 +47,8 @@ var Mode;
 })(Mode = exports.Mode || (exports.Mode = {}));
 var ImageGalleryDialog = function (_a) {
     var open = _a.open, mode = _a.mode, children = _a.children, header = _a.header, onClose = _a.onClose, onChangeMode = _a.onChangeMode;
-    var styles = styles_1.useStyles();
-    var modes = react_1.useMemo(function () { return [
+    var styles = (0, styles_1.useStyles)();
+    var modes = (0, react_1.useMemo)(function () { return [
         {
             id: Mode.GALLERY_MODE,
             title: ui_i18n_1.default.text('Gallery'),

package/cjs/components/ImageGalleryDialog/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 () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     paper: {
         backgroundColor: 'rgba(0, 0, 0, .85)'
     },

package/cjs/components/ImportButton/ImportButton.js

@@ -21,7 +21,7 @@ var ImportModes;
 })(ImportModes = exports.ImportModes || (exports.ImportModes = {}));
 var ImportButton = function (_a) {
     var _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? core_1.noop : _d, _e = _a.mode, mode = _e === void 0 ? ImportModes.INIT : _e;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var renderCurrentMode = function () {
         switch (mode) {
             case ImportModes.INIT: {
@@ -30,11 +30,11 @@ var ImportButton = function (_a) {
             case ImportModes.PROGRESS:
                 return react_1.default.createElement(CircularProgress_1.default, { className: classes.spinner, size: 24 });
             case ImportModes.SUCCESS:
-                return react_1.default.createElement(Done_1.default, { className: classnames_1.default(styles.check, classes.check) });
+                return react_1.default.createElement(Done_1.default, { className: (0, classnames_1.default)(styles.check, classes.check) });
             default:
                 return null;
         }
     };
-    return react_1.default.createElement("div", { className: classnames_1.default(styles.root, classes.root) }, renderCurrentMode());
+    return react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, classes.root) }, renderCurrentMode());
 };
 exports.default = ImportButton;

package/cjs/components/ImportButton/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         display: 'flex',
         alignItems: 'center',

package/cjs/components/InternalLink/InternalLink.js

@@ -30,10 +30,10 @@ var react_router_dom_1 = require("react-router-dom");
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var InternalLink = function (props) {
-    var styles = styles_1.useStyles();
-    var inRouterContext = react_router_dom_1.useInRouterContext();
+    var styles = (0, styles_1.useStyles)();
+    var inRouterContext = (0, react_router_dom_1.useInRouterContext)();
     var href = props.href, className = props.className, otherProps = __rest(props, ["href", "className"]);
-    var linkClassName = classnames_1.default(styles.link, className);
+    var linkClassName = (0, classnames_1.default)(styles.link, className);
     return inRouterContext && href ? (react_1.default.createElement(react_router_dom_1.Link, __assign({ to: href.replace(window.location.origin, ''), className: linkClassName }, otherProps))) : (react_1.default.createElement("a", __assign({ href: href, className: linkClassName }, otherProps)));
 };
 exports.default = InternalLink;

package/cjs/components/InternalLink/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: theme.palette.primary.main,
         textDecoration: 'none'

package/cjs/components/LightArrowTooltip/LightArrowTooltip.js

@@ -18,7 +18,7 @@ var react_1 = __importDefault(require("react"));
 var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
 var styles_1 = require("./styles");
 var LightArrowTooltip = function (props) {
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return react_1.default.createElement(Tooltip_1.default, __assign({}, props, { classes: styles, arrow: true }));
 };
 exports.default = LightArrowTooltip;

package/cjs/components/LightArrowTooltip/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 ({
     tooltip: {
         backgroundColor: theme.palette.background.paper,
         color: theme.palette.text.primary,

package/cjs/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -10,9 +10,9 @@ var styles_1 = require("./styles");
 var LinearLoadIndicator = function (_a) {
     var _b;
     var _c = _a.transparent, transparent = _c === void 0 ? false : _c, _d = _a.relativePosition, relativePosition = _d === void 0 ? false : _d, className = _a.className;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, className, (_b = {},
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.loadingOverlay, className, (_b = {},
                 _b[styles.transparent] = transparent,
                 _b[styles.relativePosition] = relativePosition,
                 _b)) },

package/cjs/components/LinearLoadIndicator/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     loadingOverlay: {
         position: 'absolute',
         width: '100%',

package/cjs/components/Link/Link.js

@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
 var Link = function (_a) {
     var to = _a.to, children = _a.children, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("a", { href: to, onClick: function (e) {
             if (onClick) {
                 onClick();

package/cjs/components/Link/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     link: {
         textDecoration: 'inherit',
         color: 'inherit',

package/cjs/components/LoadingSpinner/LoadingSpinner.js

@@ -9,7 +9,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SpinnerSmall_gif_1 = require("./SpinnerSmall.gif");
 var LoadingSpinner = function (_a) {
     var className = _a.className;
-    return react_1.default.createElement("img", { className: className, alt: "loading", src: mdm_sdk_1.gif2Url(SpinnerSmall_gif_1.SpinnerSmall) });
+    return react_1.default.createElement("img", { className: className, alt: "loading", src: (0, mdm_sdk_1.gif2Url)(SpinnerSmall_gif_1.SpinnerSmall) });
 };
 exports.LoadingSpinner = LoadingSpinner;
 exports.default = exports.LoadingSpinner;

package/cjs/components/MatchRulesBlock/MatchRulesBadge/MatchRulesBadge.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];
@@ -48,11 +52,11 @@ var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
 var styles_1 = __importDefault(require("./styles"));
-var MatchRulesBadge = react_1.forwardRef(function (_a, ref) {
+var MatchRulesBadge = (0, react_1.forwardRef)(function (_a, ref) {
     var _b;
     var children = _a.children, expanded = _a.expanded, onExpand = _a.onExpand, className = _a.className, otherProps = __rest(_a, ["children", "expanded", "onExpand", "className"]);
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: classnames_1.default(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
+    var styles = (0, styles_1.default)();
+    return (react_1.default.createElement("div", __assign({ onClick: onExpand, ref: ref, className: (0, classnames_1.default)(styles.container, className, (_b = {}, _b[styles.expanded] = expanded, _b)) }, otherProps),
         react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),
         react_1.default.createElement("div", { className: styles.label }, children)));
 });

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "expanded" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"expanded" | "label" | "container">;
 export default styles;

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) {
+var styles = (0, styles_1.makeStyles)(function (theme) {
     return {
         label: {
             backgroundColor: 'rgba(43,152,240,0.12)',

package/cjs/components/MatchRulesBlock/MatchRulesBlock.js

@@ -15,8 +15,8 @@ var MatchRulesBlock = function (_a) {
     if (!match.matchRules) {
         return null;
     }
-    var isTransitive = mdm_sdk_1.isTransitiveMatch(match);
-    var matchRules = mdm_sdk_1.getMatchRules(metadata, entity.type, match.matchRules);
+    var isTransitive = (0, mdm_sdk_1.isTransitiveMatch)(match);
+    var matchRules = (0, mdm_sdk_1.getMatchRules)(metadata, entity.type, match.matchRules);
     var rules = matchRules.filter(function (_a) {
         var uri = _a.uri;
         return uri !== mdm_sdk_1.NOT_MATCH;
@@ -25,7 +25,7 @@ var MatchRulesBlock = function (_a) {
     var showSimple = !isTransitive && !hasNotMatch;
     var showNotMatch = hasNotMatch && variant !== types_1.MatchRuleVariant.excludeNotMatch;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        isTransitive ? (react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: mdm_sdk_1.getTransitiveMatchRules(metadata, match, entitiesMap) })) : null,
+        isTransitive ? (react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: (0, mdm_sdk_1.getTransitiveMatchRules)(metadata, match, entitiesMap) })) : null,
         showSimple ? (react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { variant: variant, matchRules: matchRules, Component: SimpleMatchRulesBlock_1.default })) : null,
         showNotMatch ? react_1.default.createElement(NotMatchRule_1.default, null) : null));
 };

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/MatchRulesTooltip.js

@@ -8,11 +8,11 @@ var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
 var styles_1 = __importDefault(require("./styles"));
 var MatchRulesTooltip = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
-    var styles = styles_1.default();
+    var styles = (0, styles_1.default)();
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement("div", { className: styles.title },
             react_1.default.createElement(MatchRulesTitle_1.default, { isMlMatch: isMlMatch }),
             ' '),
-        react_1.default.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+        react_1.default.createElement("div", { className: styles.body }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
 };
 exports.default = MatchRulesTooltip;

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.d.ts

@@ -1,2 +1,2 @@
-declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "body" | "container">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"body" | "title" | "container">;
 export default styles;

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+var styles = (0, styles_1.makeStyles)({
     title: {
         fontWeight: 500,
         marginBottom: '9px'

package/cjs/components/MatchRulesBlock/NotMatchRule/NotMatchRule.js

@@ -8,7 +8,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var NotMatchRule_1 = __importDefault(require("../../../icons/NotMatchRule"));
 var styles_1 = require("./styles");
 var NotMatchRule = function () {
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement("div", { className: styles.notMatch },
         react_1.default.createElement(NotMatchRule_1.default, null),
         " ",

package/cjs/components/MatchRulesBlock/NotMatchRule/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({
+exports.useStyles = (0, styles_1.makeStyles)({
     notMatch: {
         display: 'flex',
         '& svg': {