@reltio/components 1.4.874 → 1.4.878

package/components/EntityTypeIcon/EntityTypeIcon.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,17 +9,13 @@ 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 react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var EntityTypeIcon_1 = __importDefault(require("react-components/dist/EntityTypeIcon/EntityTypeIcon"));
+import React from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import RC_EntityTypeIcon from 'react-components/dist/EntityTypeIcon/EntityTypeIcon';
 var ensureSlashEnding = function (str) { return (str.endsWith('/') ? str : str + '/'); };
 var EntityTypeIcon = function (props) {
-    var absoluteImagePath = react_redux_1.useSelector(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
-    return react_1.default.createElement(EntityTypeIcon_1.default, __assign({}, props, { storagePath: ensureSlashEnding(absoluteImagePath) }));
+    var absoluteImagePath = useSelector(mdmModule.selectors.getAbsoluteImagePath) || '';
+    return React.createElement(RC_EntityTypeIcon, __assign({}, props, { storagePath: ensureSlashEnding(absoluteImagePath) }));
 };
-exports.default = EntityTypeIcon;
+export default EntityTypeIcon;

package/components/EntityTypesSelector/EntityTypesSelector.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,67 +9,44 @@ 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 __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 ramda_1 = require("ramda");
-var classnames_1 = __importDefault(require("classnames"));
-var icons_1 = require("@material-ui/icons");
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
-var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconButton"));
-var SelectionPopup_1 = __importDefault(require("../SelectionPopup/SelectionPopup"));
-var helpers_1 = require("../SelectionPopup/helpers");
-var SelectEntityTypesList_1 = __importDefault(require("./SelectEntityTypesList"));
-var ListLabel_1 = __importDefault(require("./ListLabel/ListLabel"));
+import React, { memo, useCallback, useMemo, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import { pipe, prop, propEq } from 'ramda';
+import classnames from 'classnames';
+import { ArrowDropDown } from '@material-ui/icons';
+import TextField from '@material-ui/core/TextField';
+import { utils, EntityTypeType, isAvailableEntityType } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
+import SmallIconButton from '../SmallIconButton/SmallIconButton';
+import SelectionPopup from '../SelectionPopup/SelectionPopup';
+import { useKeyboardNavigation } from '../SelectionPopup/helpers';
+import SelectEntityTypesList from './SelectEntityTypesList';
+import ListLabel from './ListLabel/ListLabel';
 var MIN_CONTAINER_WIDTH = 255;
 var LIST_HEIGHT = 245;
 var POPUP_HEIGHT = 355;
 var EntityTypesSelector = function (_a) {
     var _b, _c, _d, _e;
     var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _f = _a.classes, classes = _f === void 0 ? {} : _f, _g = _a.ListLabelProps, ListLabelProps = _g === void 0 ? {} : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h;
-    var styles = styles_1.useStyles();
-    var _j = react_1.useState(false), isPopupOpen = _j[0], setIsPopupOpen = _j[1];
-    var openPopup = react_1.useCallback(function () { return setIsPopupOpen(true); }, []);
-    var closePopup = react_1.useCallback(function () { return setIsPopupOpen(false); }, []);
-    var _k = react_1.useState(''), filterText = _k[0], setFilterText = _k[1];
-    var clearFilterText = react_1.useCallback(function () { return setFilterText(''); }, []);
-    var handleClose = react_1.useCallback(ramda_1.pipe(clearFilterText, closePopup), [closePopup, clearFilterText]);
-    var items = react_1.useMemo(function () {
+    var styles = useStyles();
+    var _j = useState(false), isPopupOpen = _j[0], setIsPopupOpen = _j[1];
+    var openPopup = useCallback(function () { return setIsPopupOpen(true); }, []);
+    var closePopup = useCallback(function () { return setIsPopupOpen(false); }, []);
+    var _k = useState(''), filterText = _k[0], setFilterText = _k[1];
+    var clearFilterText = useCallback(function () { return setFilterText(''); }, []);
+    var handleClose = useCallback(pipe(clearFilterText, closePopup), [closePopup, clearFilterText]);
+    var items = useMemo(function () {
         return entityTypes
-            .filter(mdm_sdk_1.isAvailableEntityType)
+            .filter(isAvailableEntityType)
             .filter(function (_a) {
             var label = _a.label;
-            return mdm_sdk_1.utils.strings.search(label, filterText);
+            return utils.strings.search(label, filterText);
         })
             .map(function (item, index) { return ({ item: { item: __assign(__assign({}, item), { filterText: filterText }) }, index: index }); });
     }, [entityTypes, filterText]);
-    var selectedLabels = react_1.useMemo(function () { return selectedEntityTypes.map(function (uri) { return entityTypes.find(ramda_1.propEq('uri', uri)); }).map(ramda_1.prop('label')); }, [selectedEntityTypes, entityTypes]);
-    var handleListItemClick = react_1.useCallback(function (entityType, checked) {
+    var selectedLabels = useMemo(function () { return selectedEntityTypes.map(function (uri) { return entityTypes.find(propEq('uri', uri)); }).map(prop('label')); }, [selectedEntityTypes, entityTypes]);
+    var handleListItemClick = useCallback(function (entityType, checked) {
         if (single) {
             onChange(checked ? [entityType.uri] : []);
             handleClose();
@@ -81,34 +57,34 @@ var EntityTypesSelector = function (_a) {
                 : selectedEntityTypes.filter(function (uri) { return uri !== entityType.uri; }));
         }
     }, [selectedEntityTypes, onChange, single, handleClose]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+    var handleSearchOnEnter = useCallback(function (_a) {
         var item = _a.item;
         var checked = !selectedEntityTypes.includes(item.uri);
         handleListItemClick(item, checked);
     }, [selectedEntityTypes, handleListItemClick]);
-    var _l = helpers_1.useKeyboardNavigation({
+    var _l = useKeyboardNavigation({
         items: items,
         open: isPopupOpen,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selectedEntityTypes,
         onClose: handleClose
     }), focusIndex = _l.focusIndex, handleKeyDown = _l.handleKeyDown;
-    var rootRef = react_1.useRef();
+    var rootRef = useRef();
     var rootWidth = rootRef.current ? rootRef.current.getBoundingClientRect().width : 0;
     var containerWidth = Math.max(rootWidth, MIN_CONTAINER_WIDTH);
     var noTypesSelected = selectedEntityTypes.length === 0;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TextField_1.default, { label: ui_i18n_1.default.text('Entity type'), ref: rootRef, InputProps: {
-                startAdornment: noTypesSelected && !placeholder ? null : (react_1.default.createElement("div", { className: classnames_1.default(styles.inputText, classes.inputText) }, noTypesSelected ? (react_1.default.createElement("div", null, placeholder)) : (react_1.default.createElement(ListLabel_1.default, __assign({}, ListLabelProps, { list: selectedLabels }))))),
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TextField, { label: i18n.text('Entity type'), ref: rootRef, InputProps: {
+                startAdornment: noTypesSelected && !placeholder ? null : (React.createElement("div", { className: classnames(styles.inputText, classes.inputText) }, noTypesSelected ? (React.createElement("div", null, placeholder)) : (React.createElement(ListLabel, __assign({}, ListLabelProps, { list: selectedLabels }))))),
                 classes: {
                     root: styles.inputRoot,
-                    input: classnames_1.default(styles.input, classes.input, (_b = {},
+                    input: classnames(styles.input, classes.input, (_b = {},
                         _b[styles.emptyInput] = noTypesSelected && !placeholder,
                         _b)),
-                    disabled: classnames_1.default(styles.disabledInput, (_c = {}, _c[styles.disabledPointer] = disabled, _c)),
+                    disabled: classnames(styles.disabledInput, (_c = {}, _c[styles.disabledPointer] = disabled, _c)),
                     underline: styles.disabledUnderline
                 },
-                endAdornment: (react_1.default.createElement(SmallIconButton_1.default, { size: 'L', icon: icons_1.ArrowDropDown, iconClassName: classnames_1.default(styles.icon, (_d = {},
+                endAdornment: (React.createElement(SmallIconButton, { size: 'L', icon: ArrowDropDown, iconClassName: classnames(styles.icon, (_d = {},
                         _d[styles['popup-opened-icon']] = isPopupOpen,
                         _d)), disabled: disabled })),
                 readOnly: true,
@@ -118,28 +94,28 @@ var EntityTypesSelector = function (_a) {
                 tabIndex: -1
             }, InputLabelProps: {
                 classes: {
-                    root: classnames_1.default(styles.inputLabel, classes.label)
+                    root: classnames(styles.inputLabel, classes.label)
                 }
-            }, value: "", onClick: disabled ? undefined : openPopup, classes: { root: classnames_1.default(styles.root, classes.root) }, margin: "dense", variant: "filled", disabled: disabled, "data-reltio-id": "entity-type-selector" }),
-        react_1.default.createElement(SelectionPopup_1.default, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: ui_i18n_1.default.text('Select entity types'), containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = 'entity-type-selector-popup', _e) },
-            react_1.default.createElement(SelectEntityTypesList_1.default, { items: items, onItemClick: handleListItemClick, selectedEntityTypes: selectedEntityTypes, width: containerWidth, height: LIST_HEIGHT, focusIndex: focusIndex }))));
+            }, value: "", onClick: disabled ? undefined : openPopup, classes: { root: classnames(styles.root, classes.root) }, margin: "dense", variant: "filled", disabled: disabled, "data-reltio-id": "entity-type-selector" }),
+        React.createElement(SelectionPopup, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: i18n.text('Select entity types'), containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = 'entity-type-selector-popup', _e) },
+            React.createElement(SelectEntityTypesList, { items: items, onItemClick: handleListItemClick, selectedEntityTypes: selectedEntityTypes, width: containerWidth, height: LIST_HEIGHT, focusIndex: focusIndex }))));
 };
 EntityTypesSelector.propTypes = {
-    entityTypes: prop_types_1.default.arrayOf(mdm_sdk_1.EntityTypeType),
-    selectedEntityTypes: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    onChange: prop_types_1.default.func.isRequired,
-    single: prop_types_1.default.bool,
-    enableEmptyValueUnderline: prop_types_1.default.bool,
-    placeholder: prop_types_1.default.string,
-    classes: prop_types_1.default.shape({
-        root: prop_types_1.default.string,
-        label: prop_types_1.default.string,
-        inputText: prop_types_1.default.string,
-        input: prop_types_1.default.string
+    entityTypes: PropTypes.arrayOf(EntityTypeType),
+    selectedEntityTypes: PropTypes.arrayOf(PropTypes.string).isRequired,
+    onChange: PropTypes.func.isRequired,
+    single: PropTypes.bool,
+    enableEmptyValueUnderline: PropTypes.bool,
+    placeholder: PropTypes.string,
+    classes: PropTypes.shape({
+        root: PropTypes.string,
+        label: PropTypes.string,
+        inputText: PropTypes.string,
+        input: PropTypes.string
     }),
-    ListLabelProps: prop_types_1.default.shape({
-        maxWidth: prop_types_1.default.number
+    ListLabelProps: PropTypes.shape({
+        maxWidth: PropTypes.number
     }),
-    disabled: prop_types_1.default.bool
+    disabled: PropTypes.bool
 };
-exports.default = react_1.memo(EntityTypesSelector);
+export default memo(EntityTypesSelector);

package/components/EntityTypesSelector/ListLabel/ListLabel.js

@@ -1,51 +1,27 @@
-"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 Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var styles_1 = require("./styles");
-var helpers_1 = require("./helpers");
+import React, { useEffect, useRef, useState } from 'react';
+import PropTypes from 'prop-types';
+import Tooltip from '@material-ui/core/Tooltip';
+import { useStyles } from './styles';
+import { countHiddenItems, getListLabel, getListLabelWidth } from './helpers';
 var ListLabel = function (_a) {
     var list = _a.list, maxWidth = _a.maxWidth;
-    var styles = styles_1.useStyles();
-    var labelRef = react_1.useRef();
-    var _b = react_1.useState(0), hiddenItemsCount = _b[0], setHiddenItemsCount = _b[1];
-    react_1.useEffect(function () {
-        setHiddenItemsCount(helpers_1.countHiddenItems(list, labelRef.current));
+    var styles = useStyles();
+    var labelRef = useRef();
+    var _b = useState(0), hiddenItemsCount = _b[0], setHiddenItemsCount = _b[1];
+    useEffect(function () {
+        setHiddenItemsCount(countHiddenItems(list, labelRef.current));
     }, [list]);
-    var listLabel = helpers_1.getListLabel(list);
+    var listLabel = getListLabel(list);
     var hasHiddenItems = hiddenItemsCount > 0;
-    var visibleItemsLabel = hasHiddenItems ? helpers_1.getListLabel(list.slice(0, -hiddenItemsCount)) : listLabel;
-    return (react_1.default.createElement(Tooltip_1.default, { title: hasHiddenItems ? listLabel : '' },
-        react_1.default.createElement("div", { className: styles.listLabelContainer },
-            react_1.default.createElement("div", { style: { width: helpers_1.getListLabelWidth(maxWidth) }, className: styles.listLabel, ref: labelRef }, listLabel),
-            react_1.default.createElement("div", { className: styles.visibleItemsLabel }, visibleItemsLabel),
-            hasHiddenItems && react_1.default.createElement("div", { className: styles.hiddenCount }, "+" + hiddenItemsCount))));
+    var visibleItemsLabel = hasHiddenItems ? getListLabel(list.slice(0, -hiddenItemsCount)) : listLabel;
+    return (React.createElement(Tooltip, { title: hasHiddenItems ? listLabel : '' },
+        React.createElement("div", { className: styles.listLabelContainer },
+            React.createElement("div", { style: { width: getListLabelWidth(maxWidth) }, className: styles.listLabel, ref: labelRef }, listLabel),
+            React.createElement("div", { className: styles.visibleItemsLabel }, visibleItemsLabel),
+            hasHiddenItems && React.createElement("div", { className: styles.hiddenCount }, "+" + hiddenItemsCount))));
 };
 ListLabel.propTypes = {
-    list: prop_types_1.default.arrayOf(prop_types_1.default.string).isRequired,
-    maxWidth: prop_types_1.default.number
+    list: PropTypes.arrayOf(PropTypes.string).isRequired,
+    maxWidth: PropTypes.number
 };
-exports.default = ListLabel;
+export default ListLabel;

package/components/EntityTypesSelector/ListLabel/helpers.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getListLabelWidth = exports.getListLabel = exports.countHiddenItems = void 0;
-var ramda_1 = require("ramda");
+import { isNil } from 'ramda';
 var ITEMS_SEPARATOR = ', ';
 var ALWAYS_VISIBLE_ITEMS_COUNT = 1;
 var HIDDEN_COUNT_WIDTH = 35;
@@ -11,7 +8,6 @@ var countHiddenItems = function (list, labelEl) {
     var visibleItemsCount = Math.max(ALWAYS_VISIBLE_ITEMS_COUNT, itemsCount - overflowItemsCount);
     return itemsCount - visibleItemsCount;
 };
-exports.countHiddenItems = countHiddenItems;
 var countOverflowItems = function (list, labelEl) {
     if (labelEl) {
         var firstOverflowItemIndex = findFirstOverflowItemIndex(list, labelEl);
@@ -41,9 +37,8 @@ var findFirstOverflowItemIndex = function (list, labelEl) {
     return -1;
 };
 var getListLabel = function (list) { return list.join(ITEMS_SEPARATOR); };
-exports.getListLabel = getListLabel;
 var getListLabelWidth = function (maxWidth) {
-    var maxCssWidth = ramda_1.isNil(maxWidth) ? '100%' : maxWidth + "px";
+    var maxCssWidth = isNil(maxWidth) ? '100%' : maxWidth + "px";
     return "calc(" + maxCssWidth + " - " + HIDDEN_COUNT_WIDTH + "px)";
 };
-exports.getListLabelWidth = getListLabelWidth;
+export { countHiddenItems, getListLabel, getListLabelWidth };

package/components/EntityTypesSelector/ListLabel/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({
     listLabelContainer: {
         display: 'flex',
         alignItems: 'center',

package/components/EntityTypesSelector/SelectEntityTypesList.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,31 +20,27 @@ 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 AttributeListItem_1 = __importDefault(require("../AttributeListItem/AttributeListItem"));
-var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
-var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import { always } from 'ramda';
+import AttributeListItem from '../AttributeListItem/AttributeListItem';
+import Highlighter from '../Highlighter/Highlighter';
+import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
 var ITEM_HEIGHT = 32;
-var getItemSize = ramda_1.always(ITEM_HEIGHT);
+var getItemSize = always(ITEM_HEIGHT);
 var SelectEntityTypesList = function (_a) {
     var selectedEntityTypes = _a.selectedEntityTypes, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, otherProps = __rest(_a, ["selectedEntityTypes", "onItemClick", "focusIndex"]);
     var renderItem = function (style, _a, index) {
         var item = _a.item;
         var isSelected = !!selectedEntityTypes.find(function (uri) { return item.uri === uri; });
         var isFocused = index === focusIndex;
-        return (react_1.default.createElement(AttributeListItem_1.default, { key: item.uri, onClick: onItemClick, checked: isSelected, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: true, LogoIcon: item.LogoIcon }));
+        return (React.createElement(AttributeListItem, { key: item.uri, onClick: onItemClick, checked: isSelected, data: item, label: React.createElement(Highlighter, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, isFocused: isFocused, hideIcon: true, LogoIcon: item.LogoIcon }));
     };
-    return (react_1.default.createElement(VirtualGroupedList_1.default, __assign({ getItemSize: getItemSize, renderItem: renderItem, focusIndex: focusIndex, fixedTitle: false, disableHorizontalScrollbar: true }, otherProps)));
+    return (React.createElement(VirtualGroupedList, __assign({ getItemSize: getItemSize, renderItem: renderItem, focusIndex: focusIndex, fixedTitle: false, disableHorizontalScrollbar: true }, otherProps)));
 };
 SelectEntityTypesList.propTypes = {
-    selectedEntityTypes: prop_types_1.default.array,
-    onItemClick: prop_types_1.default.func,
-    focusIndex: prop_types_1.default.number
+    selectedEntityTypes: PropTypes.array,
+    onItemClick: PropTypes.func,
+    focusIndex: PropTypes.number
 };
-exports.default = react_1.memo(SelectEntityTypesList);
+export default memo(SelectEntityTypesList);

package/components/EntityTypesSelector/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: {
         borderRadius: '4px 4px 0 0',
         margin: 0,

package/components/EntityUriLink/EntityUriLink.js

@@ -1,43 +1,22 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var contexts_1 = require("../../contexts");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityUriLink = react_1.forwardRef(function (_a, ref) {
+import React, { forwardRef, useCallback, useContext } from 'react';
+import { useSelector, useDispatch } from 'react-redux';
+import { ViewIdContext } from '../../contexts';
+import mdmModule, { ui } from '@reltio/mdm-module';
+import { getEntityLink } from '@reltio/mdm-sdk';
+var EntityUriLink = forwardRef(function (_a, ref) {
     var value = _a.value, children = _a.children, className = _a.className;
-    var dispatch = react_redux_1.useDispatch();
-    var viewId = react_1.useContext(contexts_1.ViewIdContext);
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
-    var generateEntityUrl = function (uri) { return mdm_sdk_1.getEntityLink({ uiPath: uiPath, uri: uri }); };
-    var onClick = react_1.useCallback(function () {
-        dispatch(mdm_module_1.ui.actions.openEntity({ uri: value, viewId: viewId }));
+    var dispatch = useDispatch();
+    var viewId = useContext(ViewIdContext);
+    var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var generateEntityUrl = function (uri) { return getEntityLink({ uiPath: uiPath, uri: uri }); };
+    var onClick = useCallback(function () {
+        dispatch(ui.actions.openEntity({ uri: value, viewId: viewId }));
     }, [viewId, value, dispatch]);
-    return (react_1.default.createElement("a", { ref: ref, href: generateEntityUrl(value), onClick: function (e) {
+    return (React.createElement("a", { ref: ref, href: generateEntityUrl(value), onClick: function (e) {
             onClick();
             e.stopPropagation();
             e.preventDefault();
         }, className: className }, children));
 });
 EntityUriLink.displayName = 'EntityUriLink';
-exports.default = EntityUriLink;
+export default EntityUriLink;

package/components/ErrorBoundary/ErrorBoundary.js

@@ -1,4 +1,3 @@
-"use strict";
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -14,11 +13,7 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-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"));
+import React from 'react';
 var ErrorBoundary = /** @class */ (function (_super) {
     __extends(ErrorBoundary, _super);
     function ErrorBoundary(props) {
@@ -42,5 +37,5 @@ var ErrorBoundary = /** @class */ (function (_super) {
         return children;
     };
     return ErrorBoundary;
-}(react_1.default.Component));
-exports.default = ErrorBoundary;
+}(React.Component));
+export default ErrorBoundary;

package/components/ErrorPopup/ErrorPopup.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,23 +9,19 @@ 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 react_redux_1 = require("react-redux");
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
-var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = require("./styles");
+import React from 'react';
+import { useSelector } from 'react-redux';
+import classnames from 'classnames';
+import { path } from 'ramda';
+import Portal from '@material-ui/core/Portal';
+import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
+import mdmModule from '@reltio/mdm-module';
+import { useStyles } from './styles';
 var ErrorPopup = function (props) {
-    var styles = styles_1.useStyles();
-    var autoCloseInterval = react_redux_1.useSelector(mdm_module_1.default.selectors.getAutoCloseInterval);
-    return (react_1.default.createElement(Portal_1.default, { container: document.body },
-        react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: classnames_1.default(styles.errorBlock, ramda_1.path(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
+    var styles = useStyles();
+    var autoCloseInterval = useSelector(mdmModule.selectors.getAutoCloseInterval);
+    return (React.createElement(Portal, { container: document.body },
+        React.createElement(RCErrorPopup, __assign({ classes: { errorBlock: classnames(styles.errorBlock, path(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
 };
-ErrorPopup.addError = ErrorPopup_1.default.addError;
-exports.default = ErrorPopup;
+ErrorPopup.addError = RCErrorPopup.addError;
+export default ErrorPopup;

package/components/ErrorPopup/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 ({
     errorBlock: {
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
         minHeight: '58px',

package/components/ErrorWrapper/ErrorMessage.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 react_1 = __importDefault(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var styles_1 = require("./styles");
+import React from 'react';
+import classnames from 'classnames';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
 var ErrorMessage = function (_a) {
     var className = _a.className, message = _a.message;
-    var styles = styles_1.useStyles();
+    var styles = useStyles();
     if (!message) {
         return null;
     }
-    return (react_1.default.createElement(Typography_1.default, { variant: "caption", className: classnames_1.default(styles.caption, className) }, message));
+    return (React.createElement(Typography, { variant: "caption", className: classnames(styles.caption, className) }, message));
 };
-exports.default = ErrorMessage;
+export default ErrorMessage;