@reltio/components 1.4.874 → 1.4.878

package/components/SimpleInput/SimpleInput.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,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,20 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var core_1 = require("../../core");
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { isNil, pipe, propEq, when } from 'ramda';
+import { getValue, noop } from '../../core';
+import TextField from '@material-ui/core/TextField';
 var SimpleInput = function (_a) {
-    var value = _a.value, _b = _a.onChange, onChange = _b === void 0 ? core_1.noop : _b, multiline = _a.multiline, otherProps = __rest(_a, ["value", "onChange", "multiline"]);
-    var _c = react_1.useState(''), currentValue = _c[0], setCurrentValue = _c[1];
-    react_1.useEffect(function () {
-        setCurrentValue(ramda_1.isNil(value) ? '' : value);
+    var value = _a.value, _b = _a.onChange, onChange = _b === void 0 ? noop : _b, multiline = _a.multiline, otherProps = __rest(_a, ["value", "onChange", "multiline"]);
+    var _c = useState(''), currentValue = _c[0], setCurrentValue = _c[1];
+    useEffect(function () {
+        setCurrentValue(isNil(value) ? '' : value);
     }, [value]);
     var applyCurrentValueChange = function () {
         if (currentValue !== value) {
@@ -65,13 +41,13 @@ var SimpleInput = function (_a) {
             applyCurrentValueChange();
         }
     };
-    return (react_1.default.createElement(TextField_1.default, __assign({}, otherProps, { multiline: multiline, value: currentValue, onKeyPress: ramda_1.when(ramda_1.propEq('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: ramda_1.pipe(core_1.getValue, setCurrentValue) })));
+    return (React.createElement(TextField, __assign({}, otherProps, { multiline: multiline, value: currentValue, onKeyPress: when(propEq('key', 'Enter'), onEnterPress), onBlur: applyCurrentValueChange, onChange: pipe(getValue, setCurrentValue) })));
 };
 SimpleInput.propTypes = {
-    value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]),
-    onChange: prop_types_1.default.func,
-    multiline: prop_types_1.default.bool,
-    InputProps: prop_types_1.default.object,
-    className: prop_types_1.default.string
+    value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    onChange: PropTypes.func,
+    multiline: PropTypes.bool,
+    InputProps: PropTypes.object,
+    className: PropTypes.string
 };
-exports.default = SimpleInput;
+export default SimpleInput;

package/components/SmallIconButton/SmallIconButton.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,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,13 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
-var styles_1 = require("@material-ui/core/styles");
+import React, { forwardRef } from 'react';
+import IconButton from '@material-ui/core/IconButton';
+import { withStyles } from '@material-ui/core/styles';
 var SIZES = {
     XXS: 'XXS',
     XS: 'XS',
@@ -101,9 +77,9 @@ var styles = function () { return ({
         fillOpacity: 0.5
     }
 }); };
-var SmallIconButton = react_1.forwardRef(function (props, ref) {
+var SmallIconButton = forwardRef(function (props, ref) {
     var classes = props.classes, className = props.className, onClick = props.onClick, Icon = props.icon, _a = props.size, size = _a === void 0 ? SIZES.XS : _a, iconClassName = props.iconClassName, extraProps = __rest(props, ["classes", "className", "onClick", "icon", "size", "iconClassName"]);
-    return (react_1.default.createElement(IconButton_1.default, __assign({ ref: ref, classes: { root: classes["root" + size] + " " + classes['rootAll'], disabled: classes.disabled }, onClick: onClick, className: className }, extraProps), Icon && react_1.default.createElement(Icon, { classes: { root: classes["icon" + size] }, className: iconClassName })));
+    return (React.createElement(IconButton, __assign({ ref: ref, classes: { root: classes["root" + size] + " " + classes['rootAll'], disabled: classes.disabled }, onClick: onClick, className: className }, extraProps), Icon && React.createElement(Icon, { classes: { root: classes["icon" + size] }, className: iconClassName })));
 });
 SmallIconButton.displayName = 'SmallIconButton';
-exports.default = styles_1.withStyles(styles)(SmallIconButton);
+export default withStyles(styles)(SmallIconButton);

package/components/SmallIconButton/index.js

@@ -1,11 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
-var HOCs_1 = require("../../HOCs");
-var SmallIconButton_1 = __importDefault(require("./SmallIconButton"));
-exports.SmallIconButton = SmallIconButton_1.default;
-var SmallIconButtonWithTooltip = HOCs_1.withTooltip(SmallIconButton_1.default);
-exports.SmallIconButtonWithTooltip = SmallIconButtonWithTooltip;
+import { withTooltip } from '../../HOCs';
+import SmallIconButton from './SmallIconButton';
+var SmallIconButtonWithTooltip = withTooltip(SmallIconButton);
+export { SmallIconButton, SmallIconButtonWithTooltip };

package/components/SourceIcon/SourceIcon.js

@@ -1,18 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
+import mdmModule from '@reltio/mdm-module';
+import { findSourceSystemByUri, getAbsoluteImageUrl } from '@reltio/mdm-sdk';
+import React from 'react';
+import { useSelector } from 'react-redux';
+import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
     var sourceType = _a.sourceType, className = _a.className;
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var _b = mdm_sdk_1.findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
-    return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var _b = findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
+    return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
 };
-exports.default = SourceIcon;
+export default SourceIcon;

package/components/Spacer/Spacer.js

@@ -1,8 +1,3 @@
-"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 Spacer = function () { return react_1.default.createElement("div", { style: { flex: 1 } }); };
-exports.default = Spacer;
+import React from 'react';
+var Spacer = function () { return React.createElement("div", { style: { flex: 1 } }); };
+export default Spacer;

package/components/Title/Title.js

@@ -1,27 +1,22 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var RequiredMark_1 = __importDefault(require("../RequiredMark/RequiredMark"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ScoreLabel_1 = __importDefault(require("../Score/ScoreLabel"));
+import PropTypes from 'prop-types';
+import React from 'react';
+import classnames from 'classnames';
+import RequiredMark from '../RequiredMark/RequiredMark';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
+import { AttributeTypeType } from '@reltio/mdm-sdk';
+import ScoreLabel from '../Score/ScoreLabel';
 var Title = function (_a) {
     var label = _a.label, isRequired = _a.isRequired, className = _a.className, _b = _a.attributeType, attributeType = _b === void 0 ? {} : _b;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.label, className), component: "span" },
-        react_1.default.createElement(ScoreLabel_1.default, { label: label, attrTypeUri: attributeType.uri }),
-        isRequired && react_1.default.createElement(RequiredMark_1.default, null)));
+    var styles = useStyles();
+    return (React.createElement(Typography, { className: classnames(styles.label, className), component: "span" },
+        React.createElement(ScoreLabel, { label: label, attrTypeUri: attributeType.uri }),
+        isRequired && React.createElement(RequiredMark, null)));
 };
 Title.propTypes = {
-    label: prop_types_1.default.string,
-    isRequired: prop_types_1.default.bool,
-    className: prop_types_1.default.string,
-    attributeType: mdm_sdk_1.AttributeTypeType
+    label: PropTypes.string,
+    isRequired: PropTypes.bool,
+    className: PropTypes.string,
+    attributeType: AttributeTypeType
 };
-exports.default = Title;
+export default Title;

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

package/components/UploadFileButton/UploadFileButton.js

@@ -1,52 +1,28 @@
-"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 });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Cancel_1 = __importDefault(require("@material-ui/icons/Cancel"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ErrorPopup_1 = __importDefault(require("../ErrorPopup/ErrorPopup"));
-var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
-var styles_js_1 = require("./styles.js");
+import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import CircularProgress from '@material-ui/core/CircularProgress';
+import Link from '@material-ui/core/Link';
+import Typography from '@material-ui/core/Typography';
+import Button from '@material-ui/core/Button';
+import CancelIcon from '@material-ui/icons/Cancel';
+import { getLabel } from '@reltio/mdm-sdk';
+import ErrorPopup from '../ErrorPopup/ErrorPopup';
+import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
+import { useStyles } from './styles.js';
 var MODES = { INIT: 1, UPLOADING: 2, UPLOADED: 3 };
 var PROGRESS_ICON_SIZE = 20;
 var showFileUploadError = function (error) {
     console.error(error); // eslint-disable-line
-    ErrorPopup_1.default.addError({
-        title: ui_i18n_1.default.text('File upload error'),
+    ErrorPopup.addError({
+        title: i18n.text('File upload error'),
         message: 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 = useStyles();
+    var fileUploader = useRef();
     var supportedFileTypesString = supportedFileTypes.join(',');
     var onSelectFileClick = function () {
         fileUploader.current.value = null;
@@ -61,31 +37,31 @@ var UploadMode = function (_a) {
         event.stopPropagation();
         event.preventDefault();
     };
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement(Button_1.default, { variant: "contained", onClick: onSelectFileClick }, ui_i18n_1.default.text('Select File')),
-        react_1.default.createElement("input", { type: "file", className: styles.fileUploaderInput, onChange: onUploadListener, ref: fileUploader, name: "uploadfile", accept: supportedFileTypesString })));
+    return (React.createElement(Fragment, null,
+        React.createElement(Button, { variant: "contained", onClick: onSelectFileClick }, i18n.text('Select File')),
+        React.createElement("input", { type: "file", className: styles.fileUploaderInput, onChange: onUploadListener, ref: fileUploader, name: "uploadfile", accept: supportedFileTypesString })));
 };
 UploadMode.propTypes = {
-    onUpload: prop_types_1.default.func,
-    onBeforeUpload: prop_types_1.default.func,
-    supportedFileTypes: prop_types_1.default.arrayOf(prop_types_1.default.string)
+    onUpload: PropTypes.func,
+    onBeforeUpload: PropTypes.func,
+    supportedFileTypes: PropTypes.arrayOf(PropTypes.string)
 };
 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 = useState(MODES.INIT), mode = _d[0], setMode = _d[1];
+    var _e = useState(''), name = _e[0], setName = _e[1];
+    var styles = useStyles();
+    useEffect(function () {
         setName(filename);
     }, [filename]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         setMode(link ? MODES.UPLOADED : MODES.INIT);
     }, [link]);
-    var onErrorHandler = react_1.useCallback(function (error) {
+    var onErrorHandler = useCallback(function (error) {
         setMode(MODES.INIT);
         onError(error);
     }, [onError]);
-    var onUploadHandler = react_1.useCallback(function (result) {
+    var onUploadHandler = useCallback(function (result) {
         return onUpload(result)
             .then(function () {
             setMode(MODES.UPLOADED);
@@ -93,35 +69,35 @@ var UploadFileButton = function (_a) {
         })
             .catch(onErrorHandler);
     }, [onUpload, onErrorHandler]);
-    var onBeforeUpload = react_1.useCallback(function () {
+    var onBeforeUpload = useCallback(function () {
         setMode(MODES.UPLOADING);
     }, []);
-    var switchToInitMode = react_1.useCallback(function () {
+    var switchToInitMode = useCallback(function () {
         setMode(MODES.INIT);
         onCancel();
     }, [onCancel]);
     switch (mode) {
         case MODES.INIT:
-            return (react_1.default.createElement(UploadMode, { supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onBeforeUpload: onBeforeUpload }));
+            return (React.createElement(UploadMode, { supportedFileTypes: supportedFileTypes, onUpload: onUploadHandler, onBeforeUpload: onBeforeUpload }));
         case MODES.UPLOADED: {
-            var label = 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 })));
+            var label = getLabel(name);
+            return (React.createElement("div", { className: styles.uploaded },
+                React.createElement(ExpandedValueTooltip, { value: label }, isValidLink ? (React.createElement(Link, { href: link, className: styles.label }, label)) : (React.createElement(Typography, { variant: "inherit", className: styles.label }, label))),
+                React.createElement(CancelIcon, { onClick: switchToInitMode, onMouseDown: switchToInitMode, onTouchEnd: switchToInitMode, className: styles.cancelIcon })));
         }
         case MODES.UPLOADING:
-            return react_1.default.createElement(CircularProgress_1.default, { size: PROGRESS_ICON_SIZE });
+            return React.createElement(CircularProgress, { size: PROGRESS_ICON_SIZE });
         default:
             return null;
     }
 };
 UploadFileButton.propTypes = {
-    link: prop_types_1.default.string,
-    filename: prop_types_1.default.string,
-    onUpload: prop_types_1.default.func,
-    onError: prop_types_1.default.func,
-    onCancel: prop_types_1.default.func,
-    supportedFileTypes: prop_types_1.default.arrayOf(prop_types_1.default.string),
-    isValidLink: prop_types_1.default.bool
+    link: PropTypes.string,
+    filename: PropTypes.string,
+    onUpload: PropTypes.func,
+    onError: PropTypes.func,
+    onCancel: PropTypes.func,
+    supportedFileTypes: PropTypes.arrayOf(PropTypes.string),
+    isValidLink: PropTypes.bool
 };
-exports.default = UploadFileButton;
+export default UploadFileButton;

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

package/components/UploadImageDialog/DividerWithText/DividerWithText.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DividerWithText = void 0;
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
-var DividerWithText = function (_a) {
+import React from 'react';
+import classnames from 'classnames';
+import Box from '@material-ui/core/Box';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
+export 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) },
-        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 })));
+    var styles = useStyles();
+    return (React.createElement(Box, { className: classnames(styles.root, className) },
+        React.createElement(Box, { className: styles.border }),
+        React.createElement(Typography, { className: styles.text }, children),
+        React.createElement(Box, { className: styles.border })));
 };
-exports.DividerWithText = DividerWithText;

package/components/UploadImageDialog/DividerWithText/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 ({
     root: {
         width: '100%',
         display: 'flex',

package/components/UploadImageDialog/ErrorSnackbar/ErrorSnackbar.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorSnackbar = void 0;
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
-var SmallIconButton_1 = require("../../SmallIconButton");
-var styles_1 = require("./styles");
-var ErrorSnackbar = function (_a) {
+import React from 'react';
+import i18n from 'ui-i18n';
+import CloseIcon from '@material-ui/icons/Close';
+import Snackbar from '@material-ui/core/Snackbar';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import { useStyles } from './styles';
+export var ErrorSnackbar = function (_a) {
     var error = _a.error, onClose = _a.onClose;
-    var styles = 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 }) }));
+    var styles = useStyles();
+    return (React.createElement(Snackbar, { open: Boolean(error), onClose: onClose, message: error, action: React.createElement(SmallIconButtonWithTooltip, { className: styles.closeIcon, tooltipTitle: i18n.text('Close'), icon: CloseIcon, onClick: onClose }) }));
 };
-exports.ErrorSnackbar = ErrorSnackbar;

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

package/components/UploadImageDialog/ImageByUrlField/ImageByUrlField.js

@@ -1,49 +1,24 @@
-"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.ImageByUrlField = void 0;
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var InputBase_1 = __importDefault(require("@material-ui/core/InputBase"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
+import React, { useState } from 'react';
+import i18n from 'ui-i18n';
+import Box from '@material-ui/core/Box';
+import Paper from '@material-ui/core/Paper';
+import InputBase from '@material-ui/core/InputBase';
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
 var isEmptyField = function (value) { return value.trim().length === 0; };
-var ImageByUrlField = function (_a) {
+export 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 = useStyles();
+    var _b = useState(''), value = _b[0], setValue = _b[1];
+    var _c = useState(null), error = _c[0], setError = _c[1];
     var handleChange = function (e) {
         var newValue = e.target.value;
         var regExp = new RegExp(/^(ftp|http|https):\/\/[^ "]+$/);
         var isCorrectUrl = regExp.test(newValue);
         setValue(newValue);
         if (!isCorrectUrl && !isEmptyField(newValue)) {
-            setError(ui_i18n_1.default.text('URL is not correct'));
+            setError(i18n.text('URL is not correct'));
         }
         else {
             setError(null);
@@ -54,10 +29,9 @@ var ImageByUrlField = function (_a) {
         setValue('');
         setError(null);
     };
-    return (react_1.default.createElement(Box_1.default, { className: styles.root },
-        react_1.default.createElement(Paper_1.default, { className: styles.paper },
-            react_1.default.createElement(InputBase_1.default, { value: value, onChange: handleChange, classes: { root: styles.inputRoot, input: styles.input }, placeholder: ui_i18n_1.default.text('Paste an image URL here') }),
-            react_1.default.createElement(Button_1.default, { disabled: Boolean(error) || isEmptyField(value), variant: "outlined", color: "primary", onClick: handleSend }, ui_i18n_1.default.text('Send'))),
-        error && react_1.default.createElement(Typography_1.default, { className: styles.errorMessage }, error)));
+    return (React.createElement(Box, { className: styles.root },
+        React.createElement(Paper, { className: styles.paper },
+            React.createElement(InputBase, { value: value, onChange: handleChange, classes: { root: styles.inputRoot, input: styles.input }, placeholder: i18n.text('Paste an image URL here') }),
+            React.createElement(Button, { disabled: Boolean(error) || isEmptyField(value), variant: "outlined", color: "primary", onClick: handleSend }, i18n.text('Send'))),
+        error && React.createElement(Typography, { className: styles.errorMessage }, error)));
 };
-exports.ImageByUrlField = ImageByUrlField;

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