@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/TenantsDropDownSelector/TenantMenuItem/TenantMenuItem.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];
@@ -28,15 +32,15 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var core_1 = require("../../../core");
 var TenantIcon_1 = require("../../TenantIcon/TenantIcon");
 var styles_1 = require("./styles");
-var TenantMenuItem = react_1.forwardRef(function (_a, ref) {
+var TenantMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
     var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? core_1.noop : _b;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var tenant = item.tenant, onClick = item.onClick;
     var handleClick = function () {
         onMenuClose();
         onClick(tenant);
     };
-    var tenantCaption = tenant.label ? tenant.label + " : " + tenant.name : tenant.name;
+    var tenantCaption = tenant.label ? "".concat(tenant.label, " : ").concat(tenant.name) : tenant.name;
     return (react_1.default.createElement(MenuItem_1.default, { onClick: handleClick, ref: ref, className: styles.root },
         react_1.default.createElement(TenantIcon_1.TenantIcon, { tenant: tenant }),
         react_1.default.createElement(Typography_1.default, null, tenantCaption)));

package/cjs/components/TenantsDropDownSelector/TenantMenuItem/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: {
         minHeight: '48px',
         gap: '30px'

package/cjs/components/TenantsDropDownSelector/TenantsDropDownSelector.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];
@@ -34,19 +38,19 @@ var TenantMenuItem_1 = __importDefault(require("./TenantMenuItem/TenantMenuItem"
 var styles_1 = require("./styles");
 var TenantsDropDownSelector = function (_a) {
     var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant;
-    var styles = styles_1.useStyles();
-    var dataTenants = react_redux_1.useSelector(mdm_module_1.default.selectors.getDataTenants);
-    var customerTenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenantObject);
-    var menuItems = react_1.useMemo(function () {
-        return ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.filter(mdm_sdk_1.isAvailableTenantForEntityType(entityTypeUri)), ramda_1.map(function (dataTenant) { return ({
+    var styles = (0, styles_1.useStyles)();
+    var dataTenants = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDataTenants);
+    var customerTenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenantObject);
+    var menuItems = (0, react_1.useMemo)(function () {
+        return (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.filter)((0, mdm_sdk_1.isAvailableTenantForEntityType)(entityTypeUri)), (0, ramda_1.map)(function (dataTenant) { return ({
             tenant: dataTenant,
             onClick: onChangeTenant
-        }); }), ramda_1.prepend({
+        }); }), (0, ramda_1.prepend)({
             tenant: customerTenant,
             onClick: onChangeTenant
         }))(dataTenants);
     }, [dataTenants, entityTypeUri, onChangeTenant, customerTenant]);
-    if (mdm_sdk_1.isEmptyValue(dataTenants) || !onChangeTenant) {
+    if ((0, mdm_sdk_1.isEmptyValue)(dataTenants) || !onChangeTenant) {
         return null;
     }
     return (react_1.default.createElement(index_1.DropDownMenuButton, { menuId: 'tenantSelector', MenuItemRenderer: TenantMenuItem_1.default, buttonContent: react_1.default.createElement(index_1.TenantIcon, { tenant: selectedTenant }), menuItems: menuItems, buttonProps: {

package/cjs/components/TenantsDropDownSelector/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)({
     menuButtonRoot: {
         padding: 0
     }

package/cjs/components/Title/Title.js

@@ -32,8 +32,8 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var Title = function (_a) {
     var label = _a.label, isRequired = _a.isRequired, className = _a.className, otherProps = __rest(_a, ["label", "isRequired", "className"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Typography_1.default, __assign({ className: classnames_1.default(styles.label, className), component: "span" }, otherProps),
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Typography_1.default, __assign({ className: (0, classnames_1.default)(styles.label, className), component: "span" }, otherProps),
         label,
         isRequired && react_1.default.createElement(RequiredMark_1.default, null)));
 };

package/cjs/components/Title/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)({
     label: {
         color: 'rgba(0,0,0,0.6)',
         fontSize: '13px',

package/cjs/components/UploadFileButton/UploadFileButton.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];
@@ -40,13 +44,13 @@ var showFileUploadError = function (error) {
     console.error(error); // eslint-disable-line
     ErrorPopup_1.default.addError({
         title: ui_i18n_1.default.text('File upload error'),
-        message: mdm_sdk_1.getRequestErrorMessage(error)
+        message: (0, mdm_sdk_1.getRequestErrorMessage)(error)
     });
 };
 var UploadMode = function (_a) {
     var _b = _a.supportedFileTypes, supportedFileTypes = _b === void 0 ? [] : _b, onUpload = _a.onUpload, onBeforeUpload = _a.onBeforeUpload;
-    var styles = styles_js_1.useStyles();
-    var fileUploader = react_1.useRef();
+    var styles = (0, styles_js_1.useStyles)();
+    var fileUploader = (0, react_1.useRef)();
     var supportedFileTypesString = supportedFileTypes.join(',');
     var onSelectFileClick = function () {
         fileUploader.current.value = null;
@@ -72,20 +76,20 @@ UploadMode.propTypes = {
 };
 var UploadFileButton = function (_a) {
     var link = _a.link, filename = _a.filename, onUpload = _a.onUpload, _b = _a.onError, onError = _b === void 0 ? showFileUploadError : _b, onCancel = _a.onCancel, supportedFileTypes = _a.supportedFileTypes, _c = _a.isValidLink, isValidLink = _c === void 0 ? true : _c;
-    var _d = react_1.useState(MODES.INIT), mode = _d[0], setMode = _d[1];
-    var _e = react_1.useState(''), name = _e[0], setName = _e[1];
-    var styles = styles_js_1.useStyles();
-    react_1.useEffect(function () {
+    var _d = (0, react_1.useState)(MODES.INIT), mode = _d[0], setMode = _d[1];
+    var _e = (0, react_1.useState)(''), name = _e[0], setName = _e[1];
+    var styles = (0, styles_js_1.useStyles)();
+    (0, react_1.useEffect)(function () {
         setName(filename);
     }, [filename]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         setMode(link ? MODES.UPLOADED : MODES.INIT);
     }, [link]);
-    var onErrorHandler = react_1.useCallback(function (error) {
+    var onErrorHandler = (0, react_1.useCallback)(function (error) {
         setMode(MODES.INIT);
         onError(error);
     }, [onError]);
-    var onUploadHandler = react_1.useCallback(function (result) {
+    var onUploadHandler = (0, react_1.useCallback)(function (result) {
         return onUpload(result)
             .then(function () {
             setMode(MODES.UPLOADED);
@@ -93,10 +97,10 @@ var UploadFileButton = function (_a) {
         })
             .catch(onErrorHandler);
     }, [onUpload, onErrorHandler]);
-    var onBeforeUpload = react_1.useCallback(function () {
+    var onBeforeUpload = (0, react_1.useCallback)(function () {
         setMode(MODES.UPLOADING);
     }, []);
-    var switchToInitMode = react_1.useCallback(function () {
+    var switchToInitMode = (0, react_1.useCallback)(function () {
         setMode(MODES.INIT);
         onCancel();
     }, [onCancel]);
@@ -104,7 +108,7 @@ var UploadFileButton = function (_a) {
         case MODES.INIT:
             return (react_1.default.createElement(UploadMode, { supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onBeforeUpload: onBeforeUpload }));
         case MODES.UPLOADED: {
-            var label = mdm_sdk_1.getLabel(name);
+            var label = (0, mdm_sdk_1.getLabel)(name);
             return (react_1.default.createElement("div", { className: styles.uploaded },
                 react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label }, isValidLink ? (react_1.default.createElement(Link_1.default, { href: link, className: styles.label }, label)) : (react_1.default.createElement(Typography_1.default, { variant: "inherit", className: styles.label }, label))),
                 react_1.default.createElement(Cancel_1.default, { onClick: switchToInitMode, onMouseDown: switchToInitMode, onTouchEnd: switchToInitMode, className: styles.cancelIcon })));

package/cjs/components/UploadFileButton/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)({
     fileUploaderInput: {
         display: 'none'
     },

package/cjs/components/UploadImageDialog/DividerWithText/DividerWithText.js

@@ -11,8 +11,8 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var DividerWithText = function (_a) {
     var children = _a.children, className = _a.className;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Box_1.default, { className: classnames_1.default(styles.root, className) },
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Box_1.default, { className: styles.border }),
         react_1.default.createElement(Typography_1.default, { className: styles.text }, children),
         react_1.default.createElement(Box_1.default, { className: styles.border })));

package/cjs/components/UploadImageDialog/DividerWithText/styles.d.ts

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

package/cjs/components/UploadImageDialog/DividerWithText/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: {
         width: '100%',
         display: 'flex',
@@ -11,7 +11,7 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
         boxSizing: 'border-box'
     },
     border: {
-        borderBottom: "1px solid " + theme.palette.text.primary,
+        borderBottom: "1px solid ".concat(theme.palette.text.primary),
         flex: 1,
         opacity: 0.12
     },

package/cjs/components/UploadImageDialog/ErrorSnackbar/ErrorSnackbar.js

@@ -12,7 +12,7 @@ var SmallIconButton_1 = require("../../SmallIconButton");
 var styles_1 = require("./styles");
 var ErrorSnackbar = function (_a) {
     var error = _a.error, onClose = _a.onClose;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Snackbar_1.default, { open: Boolean(error), onClose: onClose, message: error, action: react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { className: styles.closeIcon, tooltipTitle: ui_i18n_1.default.text('Close'), icon: Close_1.default, onClick: onClose }) }));
 };
 exports.ErrorSnackbar = ErrorSnackbar;

package/cjs/components/UploadImageDialog/ErrorSnackbar/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)({
     closeIcon: {
         color: '#fff'
     }

package/cjs/components/UploadImageDialog/ImageByUrlField/ImageByUrlField.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];
@@ -34,9 +38,9 @@ var styles_1 = require("./styles");
 var isEmptyField = function (value) { return value.trim().length === 0; };
 var ImageByUrlField = function (_a) {
     var onSend = _a.onSend;
-    var styles = styles_1.useStyles();
-    var _b = react_1.useState(''), value = _b[0], setValue = _b[1];
-    var _c = react_1.useState(null), error = _c[0], setError = _c[1];
+    var styles = (0, styles_1.useStyles)();
+    var _b = (0, react_1.useState)(''), value = _b[0], setValue = _b[1];
+    var _c = (0, react_1.useState)(null), error = _c[0], setError = _c[1];
     var handleChange = function (e) {
         var newValue = e.target.value;
         var regExp = new RegExp(/^(ftp|http|https):\/\/[^ "]+$/);

package/cjs/components/UploadImageDialog/ImageByUrlField/styles.d.ts

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

package/cjs/components/UploadImageDialog/ImageByUrlField/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: {
         width: '328px'
     },

package/cjs/components/UploadImageDialog/TargetBox/TargetBox.js

@@ -17,8 +17,8 @@ var styles_1 = require("./styles");
 var TargetBox = function (_a) {
     var _b;
     var onAppendFile = _a.onAppendFile, className = _a.className;
-    var styles = styles_1.useStyles();
-    var _c = react_dnd_1.useDrop({
+    var styles = (0, styles_1.useStyles)();
+    var _c = (0, react_dnd_1.useDrop)({
         accept: [react_dnd_html5_backend_1.NativeTypes.FILE],
         drop: function (item) {
             if (item) {
@@ -34,7 +34,7 @@ var TargetBox = function (_a) {
         }); }
     }), _d = _c[0], canDrop = _d.canDrop, isOver = _d.isOver, drop = _c[1];
     var isActive = canDrop && isOver;
-    return (react_1.default.createElement("div", { ref: drop, className: classnames_1.default(styles.root, (_b = {}, _b[styles.isActive] = isActive, _b), className) },
+    return (react_1.default.createElement("div", { ref: drop, className: (0, classnames_1.default)(styles.root, (_b = {}, _b[styles.isActive] = isActive, _b), className) },
         react_1.default.createElement(UploadIcon_1.default, { className: styles.icon }),
         react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Drag an image here')),
         react_1.default.createElement(Typography_1.default, { className: styles.description }, ui_i18n_1.default.text('Acceptable image types would include JPG, PNG, TIFF, GIF, BMP. Maximum image size: ${MAX_IMAGE_SIZE}Mb', {

package/cjs/components/UploadImageDialog/TargetBox/styles.d.ts

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

package/cjs/components/UploadImageDialog/TargetBox/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: {
         padding: '36px 0 29px'
     },

package/cjs/components/UploadImageDialog/UploadImageDialog.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];
@@ -41,15 +45,15 @@ var styles_1 = require("./styles");
 var DragAndDrop_1 = require("../DragAndDrop/DragAndDrop");
 var UploadImageDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onUpload = _a.onUpload;
-    var styles = styles_1.useStyles();
-    var imageServicePath = react_redux_1.useSelector(mdm_module_1.default.selectors.getImageServicePath);
-    var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getEnvironment);
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var _b = react_1.useState(false), loading = _b[0], setLoading = _b[1];
-    var _c = react_1.useState(null), error = _c[0], setError = _c[1];
+    var styles = (0, styles_1.useStyles)();
+    var imageServicePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getImageServicePath);
+    var environment = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEnvironment);
+    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, react_1.useState)(null), error = _c[0], setError = _c[1];
     var uploadImage = function (image) {
         setLoading(true);
-        mdm_sdk_1.uploadImage({ image: image, imageServicePath: imageServicePath, environment: environment, tenant: tenant })
+        (0, mdm_sdk_1.uploadImage)({ image: image, imageServicePath: imageServicePath, environment: environment, tenant: tenant })
             .then(function (res) {
             onUpload(res);
             onClose();

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

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

package/cjs/components/UploadImageDialog/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: {},
     dialogPaper: {
         position: 'relative',

package/cjs/components/UserSelector/UserSelector.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,24 +39,24 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var styles_1 = require("./styles");
 var UserSelector = function (_a) {
     var selectedUsers = _a.selectedUsers, onChange = _a.onChange, className = _a.className, disableUnderline = _a.disableUnderline;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var valueToOption = function (value) { return ({ value: value, label: value }); };
     var prepareValues = function (values) { return values.map(valueToOption); };
     var filterUsers = function (inputValue) { return function (users) {
         return inputValue ? users.filter(function (username) { return mdm_sdk_1.utils.strings.search(username, inputValue); }) : users;
     }; };
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
-    var cachedRequest = react_1.useRef();
+    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
+    var servicesPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getServicesPath);
+    var cachedRequest = (0, react_1.useRef)();
     var getOptions = function (inputValue) {
         if (!cachedRequest.current) {
-            cachedRequest.current = mdm_sdk_1.getAllUsersForTenant({ tenant: tenant, servicesPath: servicesPath });
+            cachedRequest.current = (0, mdm_sdk_1.getAllUsersForTenant)({ tenant: tenant, servicesPath: servicesPath });
         }
-        return cachedRequest.current.then(ramda_1.pipe(ramda_1.prop('array'), ramda_1.pluck('username'), filterUsers(inputValue), prepareValues));
+        return cachedRequest.current.then((0, ramda_1.pipe)((0, ramda_1.prop)('array'), (0, ramda_1.pluck)('username'), filterUsers(inputValue), prepareValues));
     };
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Typography_1.default, { className: styles.title, variant: 'subtitle1' }, ui_i18n_1.default.text('User')),
-        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedUsers), onChange: ramda_1.pipe(ramda_1.defaultTo([]), ramda_1.pluck('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
+        react_1.default.createElement(MultiSelect_1.default, { value: prepareValues(selectedUsers), onChange: (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.pluck)('value'), onChange), defaultOptions: true, getOptions: getOptions, TextFieldProps: {
                 InputProps: { disableUnderline: disableUnderline },
                 className: styles.dropDownInput
             }, components: {

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

@@ -3,4 +3,4 @@ export declare const customStyles: {
     loadingMessage: (currentStyles: any) => any;
     menuPortal: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "option" | "root" | "dropDownInput">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "option" | "dropDownInput">;

package/cjs/components/UserSelector/styles.js

@@ -18,7 +18,7 @@ exports.customStyles = {
     loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
     menuPortal: function (currentStyles) { return (__assign(__assign({}, currentStyles), { zIndex: 1300 })); }
 };
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         flex: 1
     },

package/cjs/components/ValueChip/ValueChip.js

@@ -33,9 +33,9 @@ var utils_1 = require("../../core/utils");
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
 var ValueChip = function (_a) {
     var _b = _a.classes, classesProp = _b === void 0 ? {} : _b, label = _a.label, count = _a.count, otherProp = __rest(_a, ["classes", "label", "count"]);
-    var classes = styles_1.useChipStyles();
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Chip_1.default, __assign({ classes: utils_1.mergeClasses(classesProp, classes), label: react_1.default.createElement("div", { className: styles.container },
+    var classes = (0, styles_1.useChipStyles)();
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(Chip_1.default, __assign({ classes: (0, utils_1.mergeClasses)(classesProp, classes), label: react_1.default.createElement("div", { className: styles.container },
             react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
                 react_1.default.createElement("div", { className: styles.label }, label)),
             count && react_1.default.createElement("div", { className: styles.count }, count)) }, otherProp)));

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

@@ -1,2 +1,2 @@
-export const useChipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "root" | "deleteIcon">;
+export const useChipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "label" | "deleteIcon">;
 export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "label" | "container">;

package/cjs/components/ValueChip/styles.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.useChipStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 var margin = 2;
-exports.useChipStyles = styles_1.makeStyles({
+exports.useChipStyles = (0, styles_1.makeStyles)({
     root: {
         height: '28px',
         backgroundColor: 'rgba(43, 152, 240, 0.12)',
-        maxWidth: "calc(100% - " + margin * 2 + "px)",
-        margin: margin + "px"
+        maxWidth: "calc(100% - ".concat(margin * 2, "px)"),
+        margin: "".concat(margin, "px")
     },
     deleteIcon: {
         height: 18,
@@ -20,7 +20,7 @@ exports.useChipStyles = styles_1.makeStyles({
         overflow: 'hidden'
     }
 });
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         display: 'flex',
         alignItems: 'center',

package/cjs/components/VerticalDivider/VerticalDivider.js

@@ -9,9 +9,9 @@ var VerticalDivider = function (_a) {
     var height = _a.height, margin = _a.margin;
     return (react_1.default.createElement("div", { style: {
             width: '1px',
-            height: height + "px",
+            height: "".concat(height, "px"),
             borderLeft: '1px solid rgba(0,0,0,0.38)',
-            margin: "0 " + margin + "px",
+            margin: "0 ".concat(margin, "px"),
             flexShrink: '0'
         } }));
 };

package/cjs/components/VerticalHeadingsTable/TableCell/TableCell.js

@@ -11,11 +11,11 @@ var styles_1 = require("./styles");
 var TableCell = function (_a) {
     var _b;
     var columnValue = _a.columnValue, rowData = _a.rowData, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var CellRenderer = rowData.cellRenderer || helpers_1.DefaultCellRenderer;
     var onMouseOver = setHoveredColumn ? function () { return setHoveredColumn(columnValue); } : undefined;
     return (react_1.default.createElement("td", { onMouseOver: onMouseOver, onMouseLeave: resetHoveredColumn },
-        react_1.default.createElement("div", { className: classnames_1.default((_b = {}, _b[styles.hidden] = someRowIsDragging, _b)) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)((_b = {}, _b[styles.hidden] = someRowIsDragging, _b)) },
             react_1.default.createElement(CellRenderer, { value: columnValue[rowData.id] }))));
 };
 exports.TableCell = TableCell;

package/cjs/components/VerticalHeadingsTable/TableCell/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 ({
     hidden: {
         display: 'none'
     }

package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.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];
@@ -34,12 +38,12 @@ var styles_1 = require("./styles");
 var TableCellWithDnd = function (_a) {
     var _b;
     var columnValue = _a.columnValue, rowData = _a.rowData, index = _a.index, onMoveColumn = _a.onMoveColumn, shouldRenderDragIndicator = _a.shouldRenderDragIndicator, setHoveredColumn = _a.setHoveredColumn, resetHoveredColumn = _a.resetHoveredColumn, someRowIsDragging = _a.someRowIsDragging;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var dropRef = react_1.default.useRef(null);
     var dragRef = react_1.default.useRef(null);
     var getColumnWidth = function () { var _a; return (_a = dropRef === null || dropRef === void 0 ? void 0 : dropRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth; };
     var CellRenderer = rowData.cellRenderer || helpers_1.DefaultCellRenderer;
-    var _c = react_dnd_1.useDrop({
+    var _c = (0, react_dnd_1.useDrop)({
         accept: types_1.DndItemTypes.Column,
         hover: function (item, monitor) {
             var _a;
@@ -68,7 +72,7 @@ var TableCellWithDnd = function (_a) {
             targetId: monitor.getHandlerId()
         }); }
     }), targetId = _c[0].targetId, drop = _c[1];
-    var _d = react_dnd_1.useDrag({
+    var _d = (0, react_dnd_1.useDrag)({
         item: { type: types_1.DndItemTypes.Column, index: index, getColumnWidth: getColumnWidth, columnValue: columnValue, rowData: rowData },
         isDragging: function (monitor) {
             return monitor.getItem().index === index;
@@ -78,14 +82,14 @@ var TableCellWithDnd = function (_a) {
             sourceId: monitor.getHandlerId()
         }); }
     }), _e = _d[0], opacity = _e.opacity, sourceId = _e.sourceId, drag = _d[1], preview = _d[2];
-    react_1.useEffect(function () {
-        preview(react_dnd_html5_backend_1.getEmptyImage(), { captureDraggingState: true });
+    (0, react_1.useEffect)(function () {
+        preview((0, react_dnd_html5_backend_1.getEmptyImage)(), { captureDraggingState: true });
         drop(dropRef);
         drag(dragRef);
     }, []);
     var onMouseOver = setHoveredColumn ? function () { return setHoveredColumn(columnValue); } : undefined;
     return (react_1.default.createElement("td", { style: { opacity: opacity }, ref: dropRef, className: styles.tableData, "data-source-id": sourceId, "data-target-id": targetId, onMouseOver: onMouseOver, onMouseLeave: resetHoveredColumn },
-        react_1.default.createElement("div", { className: classnames_1.default((_b = {}, _b[styles.hidden] = someRowIsDragging, _b)) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)((_b = {}, _b[styles.hidden] = someRowIsDragging, _b)) },
             shouldRenderDragIndicator && (react_1.default.createElement("div", { ref: dragRef, className: styles.dragIndicator },
                 react_1.default.createElement(DragIndicator_1.default, { className: styles.dragIndicatorIcon }))),
             react_1.default.createElement(CellRenderer, { value: columnValue[rowData.id] }))));

package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/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 ({
     tableData: {
         position: 'relative',
         '&:hover': {