@reltio/components 1.4.875 → 1.4.879

package/components/ImageDetailsView/MetaInfoList/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     root: {
         padding: '10px 0'
     },

package/components/ImageDetailsView/constants/index.js

@@ -1,42 +1,36 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SYSTEM_ATTRIBUTES_TITLES = void 0;
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-exports.SYSTEM_ATTRIBUTES_TITLES = {
+import i18n from 'ui-i18n';
+export var SYSTEM_ATTRIBUTES_TITLES = {
     get CreationTime() {
-        return ui_i18n_1.default.text('Creation Time');
+        return i18n.text('Creation Time');
     },
     get CreationDate() {
-        return ui_i18n_1.default.text('Creation Date');
+        return i18n.text('Creation Date');
     },
     get Dimensions() {
-        return ui_i18n_1.default.text('Dimensions');
+        return i18n.text('Dimensions');
     },
     get MimeType() {
-        return ui_i18n_1.default.text('Mime Type');
+        return i18n.text('Mime Type');
     },
     get Size() {
-        return ui_i18n_1.default.text('Size');
+        return i18n.text('Size');
     },
     get Url() {
-        return ui_i18n_1.default.text('Full image URL (S3)');
+        return i18n.text('Full image URL (S3)');
     },
     get UrlPreview() {
-        return ui_i18n_1.default.text('Preview image URL (S3)');
+        return i18n.text('Preview image URL (S3)');
     },
     get UrlThumbnail() {
-        return ui_i18n_1.default.text('Small image URL (S3)');
+        return i18n.text('Small image URL (S3)');
     },
     get CdnUrl() {
-        return ui_i18n_1.default.text('Full image URL (CDN)');
+        return i18n.text('Full image URL (CDN)');
     },
     get CdnUrlPreview() {
-        return ui_i18n_1.default.text('Preview image URL (CDN)');
+        return i18n.text('Preview image URL (CDN)');
     },
     get CdnUrlThumbnail() {
-        return ui_i18n_1.default.text('Small image URL (CDN)');
+        return i18n.text('Small image URL (CDN)');
     }
 };

package/components/ImageDetailsView/helpers/index.js

@@ -1,38 +1,31 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isLink = exports.getNotSystemAttributesList = exports.getSystemAttributesList = exports.getMoreAttrTypes = exports.filterByFieldsOrder = exports.getFormattedSystemImageAttributeValue = void 0;
-var ramda_1 = require("ramda");
-var moment_1 = __importDefault(require("moment"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var constants_1 = require("../constants");
-var getFormattedSystemImageAttributeValue = function (_a, name) {
+import { path } from 'ramda';
+import moment from 'moment';
+import i18n from 'ui-i18n';
+import { SYSTEM_ATTRIBUTES_TITLES } from '../constants';
+export 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 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' && path(['CreationTimestamp', 0, 'value'], value)) {
+        return moment(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' && path(['CreationTimestamp', 0, 'value'], value)) {
+        return moment(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' && path(['Height', 0, 'value'], value) && path(['Width', 0, 'value'], value)) {
+        return value.Height[0].value + " x " + value.Width[0].value + " " + i18n.text('pixels');
     }
-    if (name === 'Size' && ramda_1.path(['Size', 0, 'value'], value)) {
+    if (name === 'Size' && path(['Size', 0, 'value'], value)) {
         var size = (Number(value.Size[0].value) / 1000).toFixed(2);
         return size + " KB";
     }
 };
-exports.getFormattedSystemImageAttributeValue = getFormattedSystemImageAttributeValue;
 var filterByNotSystemAttributeTypes = function (attrTypes) {
     if (attrTypes === void 0) { attrTypes = []; }
     return attrTypes.filter(function (_a) {
@@ -40,7 +33,7 @@ var filterByNotSystemAttributeTypes = function (attrTypes) {
         return !system;
     });
 };
-var filterByFieldsOrder = function (keys, fieldsOrder) {
+export var filterByFieldsOrder = function (keys, fieldsOrder) {
     var _a = fieldsOrder.includeNames, includeNames = _a === void 0 ? [] : _a, _b = fieldsOrder.excludeNames, excludeNames = _b === void 0 ? [] : _b, _c = fieldsOrder.order, order = _c === void 0 ? [] : _c;
     var filteredKeys = includeNames.length
         ? keys.filter(function (key) { return includeNames.includes(key); })
@@ -58,31 +51,28 @@ var filterByFieldsOrder = function (keys, fieldsOrder) {
         return indA - indB;
     });
 };
-exports.filterByFieldsOrder = filterByFieldsOrder;
-var getMoreAttrTypes = function (attrType) {
+export var getMoreAttrTypes = function (attrType) {
     return filterByNotSystemAttributeTypes(attrType.attributes);
 };
-exports.getMoreAttrTypes = getMoreAttrTypes;
-var getSystemAttributesList = function (attrValue, fieldsOrder) {
-    return exports.filterByFieldsOrder(Object.keys(constants_1.SYSTEM_ATTRIBUTES_TITLES), fieldsOrder)
+export var getSystemAttributesList = function (attrValue, fieldsOrder) {
+    return filterByFieldsOrder(Object.keys(SYSTEM_ATTRIBUTES_TITLES), fieldsOrder)
         .map(function (key) {
-        var value = exports.getFormattedSystemImageAttributeValue(attrValue, key);
+        var value = getFormattedSystemImageAttributeValue(attrValue, key);
         if (!value) {
             return null;
         }
         return {
-            title: constants_1.SYSTEM_ATTRIBUTES_TITLES[key],
-            value: exports.getFormattedSystemImageAttributeValue(attrValue, key),
-            isLink: exports.isLink(key)
+            title: SYSTEM_ATTRIBUTES_TITLES[key],
+            value: getFormattedSystemImageAttributeValue(attrValue, key),
+            isLink: isLink(key)
         };
     })
         .filter(Boolean);
 };
-exports.getSystemAttributesList = getSystemAttributesList;
-var getNotSystemAttributesList = function (attrValue, attrType, fieldsOrder) {
+export 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 filterByFieldsOrder(Object.keys(attrValue.value || {}), fieldsOrder).reduce(function (result, key) {
         var attrType = notSystemAttrTypes.find(function (_a) {
             var name = _a.name;
             return name === key;
@@ -90,8 +80,6 @@ var getNotSystemAttributesList = function (attrValue, attrType, fieldsOrder) {
         return attrType ? __spreadArray(__spreadArray([], result), [{ attrType: attrType, values: attrValue.value[key] }]) : result;
     }, []);
 };
-exports.getNotSystemAttributesList = getNotSystemAttributesList;
-var isLink = function (key) {
+export var isLink = function (key) {
     return ['Url', 'UrlPreview', 'UrlThumbnail', 'CdnUrl', 'CdnUrlPreview', 'CdnUrlThumbnail'].includes(key);
 };
-exports.isLink = isLink;

package/components/ImageDetailsView/hooks/useEditMetaInfo.js

@@ -1,27 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useEditMetaInfo = void 0;
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = require("@reltio/mdm-module");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var contexts_1 = require("../../../contexts");
-var useEditMetaInfo = function (_a) {
+import { useEffect, useState, useContext, useCallback } from 'react';
+import { equals } from 'ramda';
+import { useDispatch } from 'react-redux';
+import { profile } from '@reltio/mdm-module';
+import { addAttribute, editAttribute, removeAttribute } from '@reltio/mdm-sdk';
+import { ViewIdContext } from '../../../contexts';
+export 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 = useDispatch();
+    var viewId = useContext(ViewIdContext);
+    var _b = useState(initialAttributeValue), attributeValue = _b[0], setAttributeValue = _b[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 = !equals(attributeValue, initialAttributeValue);
+    var addAttributes = 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 addAttribute({
                     entity: attrValue,
                     attributeType: attributeType,
                     parentUri: parentUri,
@@ -31,10 +28,10 @@ var useEditMetaInfo = function (_a) {
             }, prevAttrValue);
         });
     }, []);
-    var changeAttribute = react_1.useCallback(function (_a) {
+    var changeAttribute = useCallback(function (_a) {
         var value = _a.value, attributeType = _a.attributeType, uri = _a.uri;
         setAttributeValue(function (prevAttrValue) {
-            return mdm_sdk_1.editAttribute({
+            return editAttribute({
                 entity: prevAttrValue,
                 attributeType: attributeType,
                 uri: uri,
@@ -43,17 +40,17 @@ var useEditMetaInfo = function (_a) {
             });
         });
     }, []);
-    var deleteAttribute = react_1.useCallback(function (_a) {
+    var deleteAttribute = 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 removeAttribute({ entity: prevAttrValue, attributeType: attributeType, uri: uri, nestingLevel: nestingLevel });
         });
     }, []);
-    var clearLocalChanges = react_1.useCallback(function () {
+    var clearLocalChanges = useCallback(function () {
         setAttributeValue(initialAttributeValue);
     }, [initialAttributeValue]);
-    var applyLocalChanges = react_1.useCallback(function () {
-        dispatch(mdm_module_1.profile.actions.modifyAttribute({
+    var applyLocalChanges = useCallback(function () {
+        dispatch(profile.actions.modifyAttribute({
             value: attributeValue,
             attributeType: attributeType,
             uri: attributeValue.uri,
@@ -70,4 +67,3 @@ var useEditMetaInfo = function (_a) {
         hasChanges: hasChanges
     };
 };
-exports.useEditMetaInfo = useEditMetaInfo;

package/components/ImageDetailsView/styles.js

@@ -1,8 +1,5 @@
-"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 () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     root: {
         display: 'flex',
         width: '100%',

package/components/ImageDetailsView/theme/index.js

@@ -1,12 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.darkTheme = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+import { theme } from '@reltio/mdm-sdk';
 var darkTheme = {
     palette: {
         type: 'dark',
-        primary: mdm_sdk_1.theme.palette.primary,
-        secondary: mdm_sdk_1.theme.palette.secondary
+        primary: theme.palette.primary,
+        secondary: theme.palette.secondary
     }
 };
-exports.darkTheme = darkTheme;
+export { darkTheme };

package/components/ImageDetailsView/types/index.js

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

package/components/ImageGalleryDialog/ImageGalleryDialog.js

@@ -1,70 +1,44 @@
-"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.ImageGalleryDialog = exports.Mode = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
-var AppBar_1 = __importDefault(require("@material-ui/core/AppBar"));
-var Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var ViewComfy_1 = __importDefault(require("@material-ui/icons/ViewComfy"));
-var Details_1 = __importDefault(require("../../icons/Details"));
-var SmallIconButton_1 = require("../SmallIconButton");
-var ModeSwitcher_1 = __importDefault(require("../ModeSwitcher/ModeSwitcher"));
-var styles_1 = require("./styles");
-var Mode;
+import React, { useMemo } from 'react';
+import i18n from 'ui-i18n';
+import Dialog from '@material-ui/core/Dialog';
+import DialogContent from '@material-ui/core/DialogContent';
+import AppBar from '@material-ui/core/AppBar';
+import Toolbar from '@material-ui/core/Toolbar';
+import Box from '@material-ui/core/Box';
+import CloseIcon from '@material-ui/icons/Close';
+import ViewComfyIcon from '@material-ui/icons/ViewComfy';
+import DetailsIcon from '../../icons/Details';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import ModeSwitcher from '../ModeSwitcher/ModeSwitcher';
+import { useStyles } from './styles';
+export var Mode;
 (function (Mode) {
     Mode["GALLERY_MODE"] = "gallery";
     Mode["DETAILS_MODE"] = "details";
-})(Mode = exports.Mode || (exports.Mode = {}));
-var ImageGalleryDialog = function (_a) {
+})(Mode || (Mode = {}));
+export 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 = useStyles();
+    var modes = useMemo(function () { return [
         {
             id: Mode.GALLERY_MODE,
-            title: ui_i18n_1.default.text('Gallery'),
-            Icon: ViewComfy_1.default
+            title: i18n.text('Gallery'),
+            Icon: ViewComfyIcon
         },
         {
             id: Mode.DETAILS_MODE,
-            title: ui_i18n_1.default.text('Details'),
-            Icon: Details_1.default
+            title: i18n.text('Details'),
+            Icon: DetailsIcon
         }
     ]; }, []);
-    return (react_1.default.createElement(Dialog_1.default, { classes: { paper: styles.paper }, open: open, BackdropProps: { className: styles.backdrop }, fullScreen: true },
-        react_1.default.createElement(AppBar_1.default, { classes: { colorPrimary: styles.appBar } },
-            react_1.default.createElement(Toolbar_1.default, { className: styles.toolbar },
-                react_1.default.createElement(Box_1.default, { className: styles.headerLeft },
-                    react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { tooltipTitle: ui_i18n_1.default.text('Close'), onClick: onClose, className: styles.closeButton, iconClassName: styles.closeIcon, icon: Close_1.default }), header === null || header === void 0 ? void 0 :
+    return (React.createElement(Dialog, { classes: { paper: styles.paper }, open: open, BackdropProps: { className: styles.backdrop }, fullScreen: true },
+        React.createElement(AppBar, { classes: { colorPrimary: styles.appBar } },
+            React.createElement(Toolbar, { className: styles.toolbar },
+                React.createElement(Box, { className: styles.headerLeft },
+                    React.createElement(SmallIconButtonWithTooltip, { tooltipTitle: i18n.text('Close'), onClick: onClose, className: styles.closeButton, iconClassName: styles.closeIcon, icon: CloseIcon }), header === null || header === void 0 ? void 0 :
                     header.left),
-                react_1.default.createElement(Box_1.default, { className: styles.headerCenter },
-                    react_1.default.createElement(ModeSwitcher_1.default, { modes: modes, modeId: mode, onChange: onChangeMode, className: styles.modeSwitcher })),
-                react_1.default.createElement(Box_1.default, { className: styles.headerRight }, header === null || header === void 0 ? void 0 : header.right))),
-        react_1.default.createElement(DialogContent_1.default, { className: styles.content }, children)));
+                React.createElement(Box, { className: styles.headerCenter },
+                    React.createElement(ModeSwitcher, { modes: modes, modeId: mode, onChange: onChangeMode, className: styles.modeSwitcher })),
+                React.createElement(Box, { className: styles.headerRight }, header === null || header === void 0 ? void 0 : header.right))),
+        React.createElement(DialogContent, { className: styles.content }, children)));
 };
-exports.ImageGalleryDialog = ImageGalleryDialog;

package/components/ImageGalleryDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "toolbar" | "backdrop" | "paper" | "closeIcon" | "appBar" | "closeButton" | "headerLeft" | "headerCenter" | "headerRight" | "modeSwitcher">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "toolbar" | "paper" | "backdrop" | "closeIcon" | "appBar" | "closeButton" | "headerLeft" | "headerCenter" | "headerRight" | "modeSwitcher">;

package/components/ImageGalleryDialog/styles.js

@@ -1,8 +1,5 @@
-"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 () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     paper: {
         backgroundColor: 'rgba(0, 0, 0, .85)'
     },

package/components/ImportButton/ImportButton.js

@@ -1,40 +1,34 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImportModes = void 0;
-var react_1 = __importDefault(require("react"));
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-var SmallIconButton_1 = require("../SmallIconButton");
-var CloudDownload_1 = __importDefault(require("@material-ui/icons/CloudDownload"));
-var Done_1 = __importDefault(require("@material-ui/icons/Done"));
-var core_1 = require("../../core");
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
-var ImportModes;
+import React from 'react';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import CloudDownloadIcon from '@material-ui/icons/CloudDownload';
+import DoneIcon from '@material-ui/icons/Done';
+import { noop } from '../../core';
+import classnames from 'classnames';
+import { useStyles } from './styles';
+export var ImportModes;
 (function (ImportModes) {
     ImportModes[ImportModes["INIT"] = 1] = "INIT";
     ImportModes[ImportModes["PROGRESS"] = 2] = "PROGRESS";
     ImportModes[ImportModes["SUCCESS"] = 3] = "SUCCESS";
     ImportModes[ImportModes["DONE"] = 4] = "DONE";
-})(ImportModes = exports.ImportModes || (exports.ImportModes = {}));
+})(ImportModes || (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 _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.tooltip, tooltip = _c === void 0 ? '' : _c, _d = _a.onClick, onClick = _d === void 0 ? noop : _d, _e = _a.mode, mode = _e === void 0 ? ImportModes.INIT : _e;
+    var styles = useStyles();
     var renderCurrentMode = function () {
         switch (mode) {
             case ImportModes.INIT: {
-                return (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { className: classes.button, size: 'M', tooltipTitle: tooltip, icon: CloudDownload_1.default, onClick: onClick }));
+                return (React.createElement(SmallIconButtonWithTooltip, { className: classes.button, size: 'M', tooltipTitle: tooltip, icon: CloudDownloadIcon, onClick: onClick }));
             }
             case ImportModes.PROGRESS:
-                return react_1.default.createElement(CircularProgress_1.default, { className: classes.spinner, size: 24 });
+                return React.createElement(CircularProgress, { 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.createElement(DoneIcon, { className: classnames(styles.check, classes.check) });
             default:
                 return null;
         }
     };
-    return react_1.default.createElement("div", { className: classnames_1.default(styles.root, classes.root) }, renderCurrentMode());
+    return React.createElement("div", { className: classnames(styles.root, classes.root) }, renderCurrentMode());
 };
-exports.default = ImportButton;
+export default ImportButton;

package/components/ImportButton/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     root: {
         display: 'flex',
         alignItems: 'center',

package/components/LightArrowTooltip/LightArrowTooltip.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,15 +9,11 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var styles_1 = require("./styles");
+import React from 'react';
+import Tooltip from '@material-ui/core/Tooltip';
+import { useStyles } from './styles';
 var LightArrowTooltip = function (props) {
-    var styles = styles_1.useStyles();
-    return react_1.default.createElement(Tooltip_1.default, __assign({}, props, { classes: styles, arrow: true }));
+    var styles = useStyles();
+    return React.createElement(Tooltip, __assign({}, props, { classes: styles, arrow: true }));
 };
-exports.default = LightArrowTooltip;
+export default LightArrowTooltip;

package/components/LightArrowTooltip/styles.js

@@ -1,8 +1,5 @@
-"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 { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     tooltip: {
         backgroundColor: theme.palette.background.paper,
         color: theme.palette.text.primary,

package/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -1,17 +1,12 @@
-"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 LinearProgress_1 = __importDefault(require("@material-ui/core/LinearProgress"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import LinearProgress from '@material-ui/core/LinearProgress';
+import { useStyles } from './styles';
 var LinearLoadIndicator = function (_a) {
     var _b;
     var _c = _a.transparent, transparent = _c === void 0 ? false : _c;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
-        react_1.default.createElement(LinearProgress_1.default, { color: "secondary" })));
+    var styles = useStyles();
+    return (React.createElement("div", { className: classnames(styles.loadingOverlay, (_b = {}, _b[styles.transparent] = transparent, _b)) },
+        React.createElement(LinearProgress, { color: "secondary" })));
 };
-exports.default = LinearLoadIndicator;
+export default LinearLoadIndicator;

package/components/LinearLoadIndicator/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     loadingOverlay: {
         position: 'absolute',
         width: '100%',

package/components/Link/Link.js

@@ -1,14 +1,9 @@
-"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 styles_1 = require("./styles");
+import React from 'react';
+import { useStyles } from './styles';
 var Link = function (_a) {
     var to = _a.to, children = _a.children, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("a", { href: to, onClick: function (e) {
+    var styles = useStyles();
+    return (React.createElement("a", { href: to, onClick: function (e) {
             if (onClick) {
                 onClick();
                 e.stopPropagation();
@@ -16,4 +11,4 @@ var Link = function (_a) {
             }
         }, className: styles.link }, children));
 };
-exports.default = Link;
+export default Link;

package/components/Link/styles.js

@@ -1,8 +1,5 @@
-"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({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
     link: {
         textDecoration: 'inherit',
         color: 'inherit',