@reltio/components 1.4.876 → 1.4.880

package/components/DropDownSelector/DropDownSelector.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,58 +20,55 @@ 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 classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var DropdownIndicator_1 = __importDefault(require("../commonReactSelectComponents/DropdownIndicator"));
-var Menu_1 = __importDefault(require("./components/Menu"));
-var AsyncSelect_1 = __importDefault(require("../ReactSelect/AsyncSelect"));
-var Select_1 = __importDefault(require("../ReactSelect/Select"));
-var core_1 = require("../../core");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var constants_1 = require("../editors/constants");
-var SingleValue_1 = __importDefault(require("./components/SingleValue"));
-var styles_1 = require("./styles");
+import React, { useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { defaultTo, identity, isEmpty, path, prop } from 'ramda';
+import DropdownIndicator from '../commonReactSelectComponents/DropdownIndicator';
+import Menu from './components/Menu';
+import AsyncSelect from '../ReactSelect/AsyncSelect';
+import Select from '../ReactSelect/Select';
+import { EmptyStub } from '../../core';
+import { isEmptyValue } from '@reltio/mdm-sdk';
+import { useInputStyles } from '../editors/constants';
+import SingleValue from './components/SingleValue';
+import { useStyles, customStyles, overloadMenuListStyle, withoutLabelInputStyle } from './styles';
 var DropDownSelector = function (_a) {
     var _b;
-    var value = _a.value, label = _a.label, createLabel = _a.createLabel, getOptions = _a.getOptions, options = _a.options, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? ramda_1.identity : _d, onCreate = _a.onCreate, _e = _a.onClear, onClear = _e === void 0 ? ramda_1.identity : _e, components = _a.components, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps"]);
-    var styles = styles_1.useStyles({ height: height });
-    var underlineStyle = constants_1.useInputStyles();
-    var _f = react_1.useState(false), open = _f[0], setOpen = _f[1];
-    var inputRef = react_1.useRef(null);
-    var SelectComponent = getOptions ? AsyncSelect_1.default : Select_1.default;
-    var showIndicatorSeparator = ramda_1.prop('ClearIndicator', components)
+    var value = _a.value, label = _a.label, createLabel = _a.createLabel, getOptions = _a.getOptions, options = _a.options, _c = _a.height, height = _c === void 0 ? 46 : _c, _d = _a.onChange, onChange = _d === void 0 ? identity : _d, onCreate = _a.onCreate, _e = _a.onClear, onClear = _e === void 0 ? identity : _e, components = _a.components, textFieldInputRef = _a.textFieldInputRef, TextFieldProps = _a.TextFieldProps, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps"]);
+    var styles = useStyles({ height: height });
+    var underlineStyle = useInputStyles();
+    var _f = useState(false), open = _f[0], setOpen = _f[1];
+    var inputRef = useRef(null);
+    var SelectComponent = getOptions ? AsyncSelect : Select;
+    var showIndicatorSeparator = prop('ClearIndicator', components)
         ? {}
-        : { IndicatorSeparator: core_1.EmptyStub, ClearIndicator: core_1.EmptyStub };
+        : { IndicatorSeparator: EmptyStub, ClearIndicator: EmptyStub };
     var handleCreate = onCreate
         ? function (value, group) {
             onCreate(value, group);
             setOpen(false);
         }
         : undefined;
-    var overloadStylesIfGroup = ramda_1.prop('Group', components) ? styles_1.overloadMenuListStyle : {};
-    var overloadStylesIfNoLabel = ramda_1.isEmpty(label) ? styles_1.withoutLabelInputStyle : {};
-    var mergedStyles = __assign(__assign(__assign({}, styles_1.customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
-    return (react_1.default.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: ramda_1.defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: styles, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator_1.default, LoadingIndicator: core_1.EmptyStub, SingleValue: SingleValue_1.default,
-            Menu: Menu_1.default }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', margin: 'dense', classes: __assign(__assign({}, ramda_1.prop('classes', TextFieldProps)), { root: classnames_1.default(styles.formControl, ramda_1.path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, ramda_1.prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, ramda_1.prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, ramda_1.path(['InputProps', 'classes'], TextFieldProps)), { root: classnames_1.default(styles.filledInputRoot, ramda_1.path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames_1.default((_b = {}, _b[underlineStyle.filledInputUnderline] = mdm_sdk_1.isEmptyValue(value), _b), ramda_1.path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames_1.default('focused', ramda_1.path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, ramda_1.prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, ramda_1.path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames_1.default(styles.inputLabel, ramda_1.path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames_1.default('shrink', ramda_1.path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !mdm_sdk_1.isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
+    var overloadStylesIfGroup = prop('Group', components) ? overloadMenuListStyle : {};
+    var overloadStylesIfNoLabel = isEmpty(label) ? withoutLabelInputStyle : {};
+    var mergedStyles = __assign(__assign(__assign({}, customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
+    return (React.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: defaultTo(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: styles, styles: mergedStyles, components: __assign(__assign({ DropdownIndicator: DropdownIndicator, LoadingIndicator: EmptyStub, SingleValue: SingleValue,
+            Menu: Menu }, showIndicatorSeparator), components), menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { label: label, variant: 'filled', margin: 'dense', classes: __assign(__assign({}, prop('classes', TextFieldProps)), { root: classnames(styles.formControl, path(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, prop('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, prop('InputProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputProps', 'classes'], TextFieldProps)), { root: classnames(styles.filledInputRoot, path(['InputProps', 'classes', 'root'], TextFieldProps)), underline: classnames((_b = {}, _b[underlineStyle.filledInputUnderline] = isEmptyValue(value), _b), path(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: classnames('focused', path(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, prop('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, path(['InputLabelProps', 'classes'], TextFieldProps)), { root: classnames(styles.inputLabel, path(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: classnames('shrink', path(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !isEmptyValue(value) ? true : undefined }), ref: textFieldInputRef || inputRef }), inputRef: textFieldInputRef || inputRef, menuIsOpen: open, onMenuOpen: function () { return setOpen(true); }, onMenuClose: function () { return setOpen(false); } })));
 };
-DropDownSelector.propTypes = {
-    value: prop_types_1.default.object,
-    label: prop_types_1.default.string.isRequired,
-    getOptions: prop_types_1.default.func,
-    options: prop_types_1.default.array,
-    onChange: prop_types_1.default.func,
-    onCreate: prop_types_1.default.func,
-    onClear: prop_types_1.default.func,
-    createLabel: prop_types_1.default.string,
-    components: prop_types_1.default.object,
-    textFieldInputRef: prop_types_1.default.object,
-    TextFieldProps: prop_types_1.default.object,
-    height: prop_types_1.default.number
+export var DropDownSelectorType = {
+    value: PropTypes.object,
+    label: PropTypes.string.isRequired,
+    getOptions: PropTypes.func,
+    options: PropTypes.array,
+    onChange: PropTypes.func,
+    onCreate: PropTypes.func,
+    onClear: PropTypes.func,
+    createLabel: PropTypes.string,
+    components: PropTypes.object,
+    textFieldInputRef: PropTypes.object,
+    TextFieldProps: PropTypes.object,
+    height: PropTypes.number
 };
-exports.default = DropDownSelector;
+DropDownSelector.propTypes = DropDownSelectorType;
+export default DropDownSelector;

package/components/DropDownSelector/components/Menu.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,27 +9,23 @@ 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 prop_types_1 = __importDefault(require("prop-types"));
-var ramda_1 = require("ramda");
-var Add_1 = __importDefault(require("@material-ui/icons/Add"));
-var styles_1 = require("./styles");
-var MenuWithPopper_1 = __importDefault(require("../../commonReactSelectComponents/MenuWithPopper"));
+import React from 'react';
+import PropTypes from 'prop-types';
+import { prop } from 'ramda';
+import AddIcon from '@material-ui/icons/Add';
+import { useMenuStyles } from './styles';
+import MenuWithPopper from '../../commonReactSelectComponents/MenuWithPopper';
 var Menu = function (props) {
     var _a = props.selectProps, onCreate = _a.onCreate, createLabel = _a.createLabel, inputValue = _a.inputValue, components = _a.components, children = props.children;
-    var styles = styles_1.useMenuStyles();
-    return (react_1.default.createElement(MenuWithPopper_1.default, __assign({}, props),
+    var styles = useMenuStyles();
+    return (React.createElement(MenuWithPopper, __assign({}, props),
         children,
-        createLabel && !ramda_1.prop('Group', components) && (react_1.default.createElement("span", { className: styles.addLabel, onClick: function () { return onCreate(inputValue); } },
-            react_1.default.createElement(Add_1.default, { className: styles.addIcon }),
+        createLabel && !prop('Group', components) && (React.createElement("span", { className: styles.addLabel, onClick: function () { return onCreate(inputValue); } },
+            React.createElement(AddIcon, { className: styles.addIcon }),
             createLabel))));
 };
 Menu.propTypes = {
-    children: prop_types_1.default.element.isRequired,
-    selectProps: prop_types_1.default.object.isRequired
+    children: PropTypes.element.isRequired,
+    selectProps: PropTypes.object.isRequired
 };
-exports.default = Menu;
+export default Menu;

package/components/DropDownSelector/components/SingleValue.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,21 +9,16 @@ 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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importDefault(require("react"));
-var styles_1 = require("./styles");
-function SingleValue(props) {
+import Typography from '@material-ui/core/Typography';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useSingleValueStyles } from './styles';
+export default function SingleValue(props) {
     var menuIsOpen = props.selectProps.menuIsOpen, innerProps = props.innerProps, children = props.children;
-    var styles = styles_1.useSingleValueStyles();
-    return (!menuIsOpen && (react_1.default.createElement(Typography_1.default, __assign({ className: styles.singleValue }, innerProps), children)));
+    var styles = useSingleValueStyles();
+    return (!menuIsOpen && (React.createElement(Typography, __assign({ className: styles.singleValue }, innerProps), children)));
 }
-exports.default = SingleValue;
 SingleValue.propTypes = {
-    children: prop_types_1.default.node,
-    innerProps: prop_types_1.default.object
+    children: PropTypes.node,
+    innerProps: PropTypes.object
 };

package/components/DropDownSelector/components/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSingleValueStyles = exports.useMenuStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useMenuStyles = styles_1.makeStyles(function (theme) { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useMenuStyles = makeStyles(function (theme) { return ({
     addLabel: {
         display: 'flex',
         padding: '0 7px',
@@ -24,7 +21,7 @@ exports.useMenuStyles = styles_1.makeStyles(function (theme) { return ({
         padding: '0 9px'
     }
 }); });
-exports.useSingleValueStyles = styles_1.makeStyles({
+export var useSingleValueStyles = makeStyles({
     singleValue: {
         fontSize: '14px',
         lineHeight: '16px',

package/components/DropDownSelector/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"control" | "valueContainer" | "dropdownIndicator" | "formControl" | "filledInputUnderline" | "filledInputRoot" | "inputLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"control" | "valueContainer" | "dropdownIndicator" | "formControl" | "inputLabel" | "filledInputUnderline" | "filledInputRoot">;
 export namespace customStyles {
     function menu(baseStyles: any): any;
     function menuList(baseStyles: any): any;

package/components/DropDownSelector/styles.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,10 +9,8 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.withoutLabelInputStyle = exports.overloadMenuListStyle = exports.customStyles = 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({
     control: {
         height: 'auto'
     },
@@ -54,16 +51,16 @@ exports.useStyles = styles_1.makeStyles({
         }
     }
 });
-exports.customStyles = {
+export var customStyles = {
     menu: function (baseStyles) { return (__assign(__assign({}, baseStyles), { borderRadius: '0 0 4px 4px', backgroundColor: '#FFFFFFFF', boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)', margin: 0 })); },
     menuList: function (baseStyles) { return (__assign(__assign({}, baseStyles), { maxHeight: '208px', padding: '8px 0' })); },
     group: function (baseStyles) { return (__assign(__assign({}, baseStyles), { padding: '0 0 8px 0' })); },
     input: function (baseStyles) { return (__assign(__assign({}, baseStyles), { height: '16px', color: 'rgba(0, 0, 0, 0.87)', fontSize: '14px', lineHeight: '16px', margin: '16px 0 0', padding: 0 })); },
     option: function (baseStyles) { return (__assign(__assign({}, baseStyles), { fontSize: '13px', lineHeight: '15px', height: '32px' })); }
 };
-exports.overloadMenuListStyle = {
+export var overloadMenuListStyle = {
     menuList: function (baseStyles) { return (__assign(__assign({}, baseStyles), { padding: 0 })); }
 };
-exports.withoutLabelInputStyle = {
+export var withoutLabelInputStyle = {
     input: function (baseStyles) { return (__assign(__assign({}, baseStyles), { height: '16px', color: 'rgba(0, 0, 0, 0.87)', fontSize: '14px', lineHeight: '16px', margin: 0, padding: 0 })); }
 };

package/components/EmptySearchResult/NoData.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,16 +9,10 @@ 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 };
+import React from 'react';
+import i18n from 'ui-i18n';
+import NoMessageComponent from './NoMessageComponent';
+export var NoData = function (props) {
+    return React.createElement(NoMessageComponent, __assign({ message: i18n.text('No data available') }, props));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoData = void 0;
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var NoMessageComponent_1 = __importDefault(require("./NoMessageComponent"));
-var NoData = function (props) {
-    return react_1.default.createElement(NoMessageComponent_1.default, __assign({ message: ui_i18n_1.default.text('No data available') }, props));
-};
-exports.NoData = NoData;
-exports.default = exports.NoData;
+export default NoData;

package/components/EmptySearchResult/NoMessageComponent.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,19 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var NoDataSearch_1 = __importDefault(require("../../icons/NoDataSearch"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import NoDataIcon from '../../icons/NoDataSearch';
+import { useStyles } from './styles';
 var NoMessageComponent = function (_a) {
     var className = _a.className, message = _a.message, other = __rest(_a, ["className", "message"]);
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.container, className) }, other),
-        react_1.default.createElement(NoDataSearch_1.default, { className: styles.smallIcon }),
-        react_1.default.createElement("div", { className: styles.text }, message)));
+    var styles = useStyles();
+    return (React.createElement("div", __assign({ className: classnames(styles.container, className) }, other),
+        React.createElement(NoDataIcon, { className: styles.smallIcon }),
+        React.createElement("div", { className: styles.text }, message)));
 };
-exports.default = NoMessageComponent;
+export default NoMessageComponent;

package/components/EmptySearchResult/NoResults.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,9 @@ 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 };
+import React from 'react';
+import i18n from 'ui-i18n';
+import NoMessageComponent from './NoMessageComponent';
+export var NoResults = function (props) {
+    return React.createElement(NoMessageComponent, __assign({ message: i18n.text('No results found') }, props));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoResults = void 0;
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var NoMessageComponent_1 = __importDefault(require("./NoMessageComponent"));
-var NoResults = function (props) {
-    return react_1.default.createElement(NoMessageComponent_1.default, __assign({ message: ui_i18n_1.default.text('No results found') }, props));
-};
-exports.NoResults = NoResults;

package/components/EmptySearchResult/index.js

@@ -1,7 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoResults = exports.NoData = void 0;
-var NoData_1 = require("./NoData");
-Object.defineProperty(exports, "NoData", { enumerable: true, get: function () { return NoData_1.NoData; } });
-var NoResults_1 = require("./NoResults");
-Object.defineProperty(exports, "NoResults", { enumerable: true, get: function () { return NoResults_1.NoResults; } });
+export { NoData } from './NoData';
+export { NoResults } from './NoResults';

package/components/EmptySearchResult/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({
     container: {
         display: 'flex',
         flexShrink: 0,

package/components/EmptyState/EmptyState.js

@@ -1,36 +1,30 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EMPTY_STATE_ICONS = exports.EMPTY_STATE_VARIANTS = void 0;
-var react_1 = __importDefault(require("react"));
-var ramda_1 = require("ramda");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var EmptySearchResults_1 = __importDefault(require("../../icons/EmptySearchResults"));
-var SelectAttributes_1 = __importDefault(require("../../icons/SelectAttributes"));
-var NoData_1 = __importDefault(require("../../icons/NoData"));
-var styles_1 = require("./styles");
-var EMPTY_STATE_VARIANTS;
+import React from 'react';
+import { identity } from 'ramda';
+import Typography from '@material-ui/core/Typography';
+import Button from '@material-ui/core/Button';
+import EmptySearchResultsIcon from '../../icons/EmptySearchResults';
+import SelectAttributesIcon from '../../icons/SelectAttributes';
+import NoData from '../../icons/NoData';
+import { useStyles } from './styles';
+export var EMPTY_STATE_VARIANTS;
 (function (EMPTY_STATE_VARIANTS) {
     EMPTY_STATE_VARIANTS["full"] = "full";
     EMPTY_STATE_VARIANTS["embedded"] = "embedded";
-})(EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_VARIANTS || (exports.EMPTY_STATE_VARIANTS = {}));
-exports.EMPTY_STATE_ICONS = {
-    SEARCH_RESULTS: EmptySearchResults_1.default,
-    SELECT_ATTRIBUTES: SelectAttributes_1.default,
-    NO_DATA: NoData_1.default
+})(EMPTY_STATE_VARIANTS || (EMPTY_STATE_VARIANTS = {}));
+export var EMPTY_STATE_ICONS = {
+    SEARCH_RESULTS: EmptySearchResultsIcon,
+    SELECT_ATTRIBUTES: SelectAttributesIcon,
+    NO_DATA: NoData
 };
 var EmptyState = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? exports.EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? ramda_1.identity : _d, access = _a.access;
-    var styles = styles_1.useStyles();
+    var _b = _a.variant, variant = _b === void 0 ? EMPTY_STATE_VARIANTS.full : _b, _c = _a.LogoRenderer, LogoRenderer = _c === void 0 ? EMPTY_STATE_ICONS.SEARCH_RESULTS : _c, text = _a.text, secondaryText = _a.secondaryText, buttonTitle = _a.buttonTitle, _d = _a.onClick, onClick = _d === void 0 ? identity : _d, access = _a.access;
+    var styles = useStyles();
     var showButton = access && buttonTitle;
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(LogoRenderer, { className: styles["" + variant] }),
-        react_1.default.createElement("div", { className: styles.textBox },
-            react_1.default.createElement(Typography_1.default, { variant: "h5", classes: { h5: styles.text } }, text),
-            secondaryText && (react_1.default.createElement(Typography_1.default, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),
-        showButton && (react_1.default.createElement(Button_1.default, { className: styles.button, variant: "contained", color: "primary", onClick: onClick }, buttonTitle))));
+    return (React.createElement("div", { className: styles.root },
+        React.createElement(LogoRenderer, { className: styles["" + variant] }),
+        React.createElement("div", { className: styles.textBox },
+            React.createElement(Typography, { variant: "h5", classes: { h5: styles.text } }, text),
+            secondaryText && (React.createElement(Typography, { variant: "subtitle1", classes: { subtitle1: styles.secondaryText } }, secondaryText))),
+        showButton && (React.createElement(Button, { className: styles.button, variant: "contained", color: "primary", onClick: onClick }, buttonTitle))));
 };
-exports.default = EmptyState;
+export default EmptyState;

package/components/EmptyState/styles.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+import { makeStyles } from '@material-ui/core/styles';
 var maxWidth = 500;
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+export var useStyles = makeStyles(function (theme) { return ({
     root: {
         display: 'flex',
         flex: '1 1 auto',

package/components/EntityAvatar/EntityAvatar.js

@@ -1,26 +1,21 @@
-"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 react_redux_1 = require("react-redux");
-var classnames_1 = __importDefault(require("classnames"));
-var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
-var no_photo_svg_1 = require("./no-photo.svg");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+import React from 'react';
+import { useSelector } from 'react-redux';
+import classnames from 'classnames';
+import Avatar from '@material-ui/core/Avatar';
+import { DEFAULT_PROFILE_IMAGE } from './no-photo.svg';
+import { getEntityImage, getEntityTypeImage, getAbsoluteImageUrl, svg2Url } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
 var EntityAvatar = function (_a) {
     var entity = _a.entity, avatarClassName = _a.avatarClassName, imageClassName = _a.imageClassName;
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var absoluteImagePath = react_redux_1.useSelector(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
-    var entityImageSource = mdm_sdk_1.getEntityImage(metadata, absoluteImagePath, entity);
-    var fallbackImage = mdm_sdk_1.getAbsoluteImageUrl(absoluteImagePath, mdm_sdk_1.getEntityTypeImage(metadata, entity.type));
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var absoluteImagePath = useSelector(mdmModule.selectors.getAbsoluteImagePath) || '';
+    var entityImageSource = getEntityImage(metadata, absoluteImagePath, entity);
+    var fallbackImage = getAbsoluteImageUrl(absoluteImagePath, getEntityTypeImage(metadata, entity.type));
     var onImageLoadFail = function (e) {
         e.target.onError = null;
-        e.target.src = mdm_sdk_1.svg2Url(no_photo_svg_1.DEFAULT_PROFILE_IMAGE);
+        e.target.src = svg2Url(DEFAULT_PROFILE_IMAGE);
     };
-    return (react_1.default.createElement(Avatar_1.default, { className: classnames_1.default(avatarClassName, imageClassName), src: entityImageSource, imgProps: { onError: onImageLoadFail } },
-        react_1.default.createElement("img", { className: imageClassName, src: fallbackImage, alt: "fallback entity avatar", onError: onImageLoadFail })));
+    return (React.createElement(Avatar, { className: classnames(avatarClassName, imageClassName), src: entityImageSource, imgProps: { onError: onImageLoadFail } },
+        React.createElement("img", { className: imageClassName, src: fallbackImage, alt: "fallback entity avatar", onError: onImageLoadFail })));
 };
-exports.default = EntityAvatar;
+export default EntityAvatar;

package/components/EntityAvatar/no-photo.svg.js

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PROFILE_IMAGE = void 0;
-exports.DEFAULT_PROFILE_IMAGE = "\n<svg width=\"400px\" height=\"400px\" viewBox=\"0 0 400 400\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Group</title>\n    <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\" fill-rule=\"nonzero\">\n            <rect id=\"Rectangle\" fill=\"#DFE5E9\" x=\"0\" y=\"0\" width=\"400\" height=\"400\"></rect>\n            <path d=\"M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n            <path d=\"M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n            <path d=\"M5.68434189e-14,387.023257 L5.68434189e-14,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 5.68434189e-14,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n        </g>\n    </g>\n</svg>\n";
+export var DEFAULT_PROFILE_IMAGE = "\n<svg width=\"400px\" height=\"400px\" viewBox=\"0 0 400 400\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n    <title>Group</title>\n    <g id=\"Page-1\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"Group\" fill-rule=\"nonzero\">\n            <rect id=\"Rectangle\" fill=\"#DFE5E9\" x=\"0\" y=\"0\" width=\"400\" height=\"400\"></rect>\n            <path d=\"M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n            <path d=\"M0,387.023257 L0,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 0,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n            <path d=\"M5.68434189e-14,387.023257 L5.68434189e-14,399.918908 L400,399.918908 L400,386.023594 C366.631,377.336524 321.866,364.269931 315.979,359.161654 C308.985,353.083704 270.481,310.508063 270.481,310.508063 L270.481,286.186267 C270.481,286.186267 284.478,266.204006 284.478,261.854473 C284.478,257.515936 285.353,246.219746 291.481,241.011503 C297.61,235.792263 311.607,211.471466 312.481,206.253226 C313.355,201.043983 319.484,188.009379 312.481,185.400259 C305.478,182.801135 307.236,173.244359 308.984,168.026119 C310.733,162.817875 319.484,139.355788 322.981,133.277838 C326.488,127.199888 312.481,108.956041 312.481,108.956041 C312.481,108.956041 294.978,80.2857109 245.975,53.3547939 C196.971,26.4138803 168.967,42.9283105 168.967,42.9283105 L161.964,60.3024507 C161.964,60.3024507 138.341,64.6409874 123.46,77.6765909 C108.589,90.7121943 99.837,106.346921 98.963,115.903698 C98.088,125.460475 103.334,159.339048 105.966,164.557289 C108.589,169.765532 112.96,185.400259 112.96,185.400259 C112.96,185.400259 108.589,183.670842 105.966,188.879085 C103.334,194.097325 112.085,218.419122 112.96,220.159535 C113.834,221.897949 114.718,238.403382 119.963,237.532676 C125.218,236.663969 130.463,251.42799 130.463,251.42799 C130.463,251.42799 143.596,271.41125 144.47,275.759783 C145.344,280.09832 147.967,307.039233 147.967,307.039233 L126.967,331.36103 L102.46,355.682827 C102.459,355.682827 34.042,375.886013 5.68434189e-14,387.023257 Z\" id=\"Path\" fill=\"#B3BCC4\"></path>\n        </g>\n    </g>\n</svg>\n";

package/components/EntityTypeBadge/EntityTypeBadge.js

@@ -1,25 +1,20 @@
-"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 react_redux_1 = require("react-redux");
-var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = __importDefault(require("./styles"));
+import React from 'react';
+import { useSelector } from 'react-redux';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import { getEntityType, getEntityTypeLabel, getPropWithInheritance, theme, utils } from '@reltio/mdm-sdk';
+import mdmModule from '@reltio/mdm-module';
+import useStyles from './styles';
 var EntityTypeBadge = function (_a) {
     var entity = _a.entity, className = _a.className, _b = _a.size, size = _b === void 0 ? 'small' : _b;
-    var styles = styles_1.default();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var styles = useStyles();
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var entityTypeUri = entity.type;
-    var entityType = mdm_sdk_1.getEntityType(metadata, entityTypeUri) || {};
-    var entityTypeColor = mdm_sdk_1.getPropWithInheritance(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
-    return (react_1.default.createElement(Typography_1.default, { style: {
+    var entityType = getEntityType(metadata, entityTypeUri) || {};
+    var entityTypeColor = getPropWithInheritance(metadata, entityType, 'typeColor') || theme.palette.primary.main;
+    return (React.createElement(Typography, { style: {
             backgroundColor: entityTypeColor,
-            color: mdm_sdk_1.utils.Colors.getColor(entityTypeColor) ? '#FFFFFF' : '#212121'
-        }, className: classnames_1.default(styles["entityType-" + size], className), component: "div" }, mdm_sdk_1.getEntityTypeLabel(metadata, entity)));
+            color: utils.Colors.getColor(entityTypeColor) ? '#FFFFFF' : '#212121'
+        }, className: classnames(styles["entityType-" + size], className), component: "div" }, getEntityTypeLabel(metadata, entity)));
 };
-exports.default = EntityTypeBadge;
+export default EntityTypeBadge;

package/components/EntityTypeBadge/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles({
     'entityType-small': {
         padding: '1px 4px',
         fontSize: '10px',
@@ -20,4 +18,4 @@ var useStyles = styles_1.makeStyles({
         marginRight: '16px'
     }
 });
-exports.default = useStyles;
+export default useStyles;