@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/DropDownMenuButton/styles.js

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     buttonRoot: {
         '&$selected': {
             color: theme.palette.action.active,
-            backgroundColor: styles_1.fade(theme.palette.action.active, 0.12),
+            backgroundColor: (0, styles_1.fade)(theme.palette.action.active, 0.12),
             '&:hover': {
-                backgroundColor: styles_1.fade(theme.palette.action.active, 0.15)
+                backgroundColor: (0, styles_1.fade)(theme.palette.action.active, 0.15)
             }
         }
     },

package/cjs/components/DropDownSelector/DropDownSelector.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -61,12 +65,12 @@ var styles_1 = require("./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, classes = _a.classes, otherProps = __rest(_a, ["value", "label", "createLabel", "getOptions", "options", "height", "onChange", "onCreate", "onClear", "components", "textFieldInputRef", "TextFieldProps", "classes"]);
-    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 styles = (0, styles_1.useStyles)({ height: height });
+    var underlineStyle = (0, constants_1.useInputStyles)();
+    var _f = (0, react_1.useState)(false), open = _f[0], setOpen = _f[1];
+    var inputRef = (0, react_1.useRef)(null);
     var SelectComponent = getOptions ? AsyncSelect_1.default : Select_1.default;
-    var showIndicatorSeparator = ramda_1.prop('ClearIndicator', components)
+    var showIndicatorSeparator = (0, ramda_1.prop)('ClearIndicator', components)
         ? {}
         : { IndicatorSeparator: core_1.EmptyStub, ClearIndicator: core_1.EmptyStub };
     var handleCreate = onCreate
@@ -75,12 +79,11 @@ var DropDownSelector = function (_a) {
             setOpen(false);
         }
         : undefined;
-    var overloadStylesIfGroup = ramda_1.prop('Group', components) ? styles_1.overloadMenuListStyle : {};
-    var overloadStylesIfNoLabel = ramda_1.isEmpty(label) ? styles_1.withoutLabelInputStyle : {};
+    var overloadStylesIfGroup = (0, ramda_1.prop)('Group', components) ? styles_1.overloadMenuListStyle : {};
+    var overloadStylesIfNoLabel = (0, ramda_1.isEmpty)(label) ? styles_1.withoutLabelInputStyle : {};
     var mergedStyles = __assign(__assign(__assign({}, styles_1.customStyles), overloadStylesIfGroup), overloadStylesIfNoLabel);
     var mergedClasses = __assign(__assign({}, styles), classes);
-    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: mergedClasses, 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); } })));
+    return (react_1.default.createElement(SelectComponent, __assign({ placeholder: "", defaultOptions: true }, otherProps, { value: (0, ramda_1.defaultTo)(null, value), loadOptions: getOptions, options: options, cacheOptions: true, onChange: onChange, onCreate: handleCreate, onClear: onClear, createLabel: createLabel, classes: mergedClasses, 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({}, (0, ramda_1.prop)('classes', TextFieldProps)), { root: (0, classnames_1.default)(styles.formControl, (0, ramda_1.path)(['classes', 'root'], TextFieldProps)) }), inputProps: __assign({}, (0, ramda_1.prop)('inputProps', TextFieldProps)), InputProps: __assign(__assign({}, (0, ramda_1.prop)('InputProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.filledInputRoot, (0, ramda_1.path)(['InputProps', 'classes', 'root'], TextFieldProps)), underline: (0, classnames_1.default)((_b = {}, _b[underlineStyle.filledInputUnderline] = (0, mdm_sdk_1.isEmptyValue)(value), _b), (0, ramda_1.path)(['InputProps', 'classes', 'underline'], TextFieldProps)), focused: (0, classnames_1.default)('focused', (0, ramda_1.path)(['InputProps', 'classes', 'focused'], TextFieldProps)) }) }), InputLabelProps: __assign(__assign({}, (0, ramda_1.prop)('InputLabelProps', TextFieldProps)), { classes: __assign(__assign({}, (0, ramda_1.path)(['InputLabelProps', 'classes'], TextFieldProps)), { root: (0, classnames_1.default)(styles.inputLabel, (0, ramda_1.path)(['InputLabelProps', 'classes', 'root'], TextFieldProps)), shrink: (0, classnames_1.default)('shrink', (0, ramda_1.path)(['InputLabelProps', 'classes', 'shrink'], TextFieldProps)) }), shrink: !(0, 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); } })));
 };
 exports.DropDownSelectorType = {
     value: prop_types_1.default.oneOfType([prop_types_1.default.object, prop_types_1.default.array]),

package/cjs/components/DropDownSelector/components/Menu.js

@@ -22,10 +22,10 @@ var styles_1 = require("./styles");
 var MenuWithPopper_1 = __importDefault(require("../../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();
+    var styles = (0, styles_1.useMenuStyles)();
     return (react_1.default.createElement(MenuWithPopper_1.default, __assign({}, props),
         children,
-        createLabel && !ramda_1.prop('Group', components) && (react_1.default.createElement("span", { className: styles.addLabel, onClick: function () { return onCreate(inputValue); } },
+        createLabel && !(0, 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))));
 };

package/cjs/components/DropDownSelector/components/SingleValue.js

@@ -20,7 +20,7 @@ var react_1 = __importDefault(require("react"));
 var styles_1 = require("./styles");
 function SingleValue(props) {
     var menuIsOpen = props.selectProps.menuIsOpen, innerProps = props.innerProps, children = props.children;
-    var styles = styles_1.useSingleValueStyles();
+    var styles = (0, styles_1.useSingleValueStyles)();
     return (!menuIsOpen && (react_1.default.createElement(Typography_1.default, __assign({ className: styles.singleValue }, innerProps), children)));
 }
 exports.default = SingleValue;

package/cjs/components/DropDownSelector/components/styles.js

@@ -2,7 +2,7 @@
 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 ({
+exports.useMenuStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     addLabel: {
         display: 'flex',
         padding: '0 7px',
@@ -24,7 +24,7 @@ exports.useMenuStyles = styles_1.makeStyles(function (theme) { return ({
         padding: '0 9px'
     }
 }); });
-exports.useSingleValueStyles = styles_1.makeStyles({
+exports.useSingleValueStyles = (0, styles_1.makeStyles)({
     singleValue: {
         fontSize: '14px',
         lineHeight: '16px',

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

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

package/cjs/components/DropDownSelector/styles.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
 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({
+exports.useStyles = (0, styles_1.makeStyles)({
     control: {
         height: 'auto'
     },
     dropdownIndicator: {
         transition: 'transform .15s ease',
-        padding: function (props) { return (props.height - 24) / 2 + "px 12px"; },
+        padding: function (props) { return "".concat((props.height - 24) / 2, "px 12px"); },
         cursor: 'pointer',
         color: 'rgba(0, 0, 0, 0.54)'
     },

package/cjs/components/EmptySearchResult/NoMessageComponent.js

@@ -31,8 +31,8 @@ var NoDataSearch_1 = __importDefault(require("../../icons/NoDataSearch"));
 var styles_1 = require("./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),
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement("div", __assign({ className: (0, 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)));
 };

package/cjs/components/EmptySearchResult/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',
         flexShrink: 0,

package/cjs/components/EmptyState/EmptyState.js

@@ -26,10 +26,10 @@ exports.EMPTY_STATE_ICONS = {
 };
 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 styles = (0, styles_1.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(LogoRenderer, { className: styles["".concat(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))),

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

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

package/cjs/components/EmptyState/styles.js

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

package/cjs/components/EntityAvatar/EntityAvatar.js

@@ -12,15 +12,15 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@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 = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var absoluteImagePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
+    var entityImageSource = (0, mdm_sdk_1.getEntityImage)(metadata, absoluteImagePath, entity);
+    var fallbackImage = (0, mdm_sdk_1.getAbsoluteImageUrl)(absoluteImagePath, (0, mdm_sdk_1.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 = (0, mdm_sdk_1.svg2Url)(no_photo_svg_1.DEFAULT_PROFILE_IMAGE);
     };
-    return (react_1.default.createElement(Avatar_1.default, { className: classnames_1.default(avatarClassName, imageClassName), src: entityImageSource, imgProps: { onError: onImageLoadFail } },
+    return (react_1.default.createElement(Avatar_1.default, { className: (0, 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 })));
 };
 exports.default = EntityAvatar;

package/cjs/components/EntityTypeBadge/EntityTypeBadge.js

@@ -13,16 +13,16 @@ var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/Ex
 var styles_1 = __importDefault(require("./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 = (0, styles_1.default)();
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.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;
-    var entityTypeLabel = mdm_sdk_1.getEntityTypeLabel(metadata, entity);
+    var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entityTypeUri) || {};
+    var entityTypeColor = (0, mdm_sdk_1.getPropWithInheritance)(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
+    var entityTypeLabel = (0, mdm_sdk_1.getEntityTypeLabel)(metadata, entity);
     return (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: entityTypeLabel, placement: "top" },
         react_1.default.createElement(Typography_1.default, { style: {
                 backgroundColor: entityTypeColor,
                 color: mdm_sdk_1.utils.Colors.getColor(entityTypeColor) ? '#FFFFFF' : '#212121'
-            }, className: classnames_1.default(styles["entityType-" + size], styles['entityType-overflow'], className), component: "div" }, entityTypeLabel)));
+            }, className: (0, classnames_1.default)(styles["entityType-".concat(size)], styles['entityType-overflow'], className), component: "div" }, entityTypeLabel)));
 };
 exports.default = EntityTypeBadge;

package/cjs/components/EntityTypeBadge/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles({
+var useStyles = (0, styles_1.makeStyles)({
     'entityType-overflow': {
         textOverflow: 'ellipsis',
         overflow: 'hidden',

package/cjs/components/EntityTypeIcon/EntityTypeIcon.js

@@ -20,7 +20,7 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var EntityTypeIcon_1 = __importDefault(require("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) || '';
+    var absoluteImagePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
     return react_1.default.createElement(EntityTypeIcon_1.default, __assign({}, props, { storagePath: ensureSlashEnding(absoluteImagePath) }));
 };
 exports.default = EntityTypeIcon;

package/cjs/components/EntityTypesSelector/EntityTypesSelector.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -27,9 +31,9 @@ var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var MetadataTypesSelector_1 = require("../MetadataTypesSelector/MetadataTypesSelector");
-exports.EntityTypesSelector = react_1.memo(function (_a) {
+exports.EntityTypesSelector = (0, react_1.memo)(function (_a) {
     var entityTypes = _a.entityTypes, selectedEntityTypes = _a.selectedEntityTypes, single = _a.single, placeholder = _a.placeholder, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, onChange = _a.onChange, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.ListLabelProps, ListLabelProps = _c === void 0 ? {} : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d;
-    var items = react_1.useMemo(function () { return entityTypes.filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypes]);
+    var items = (0, react_1.useMemo)(function () { return entityTypes.filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypes]);
     return (react_1.default.createElement(MetadataTypesSelector_1.MetadataTypesSelector, { items: items, selectedItemsUris: selectedEntityTypes, single: single, placeholder: placeholder, enableEmptyValueUnderline: enableEmptyValueUnderline, onChange: onChange, classes: classes, ListLabelProps: ListLabelProps, disabled: disabled, label: ui_i18n_1.default.text('Entity type'), dataReltioId: "entity-type-selector", selectionPopupTitle: ui_i18n_1.default.text('Select entity types') }));
 });
 exports.EntityTypesSelector.displayName = 'EntityTypesSelector';

package/cjs/components/EntityUriLink/EntityUriLink.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -24,13 +28,13 @@ 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) {
+var EntityUriLink = (0, react_1.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 () {
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
+    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var generateEntityUrl = function (uri) { return (0, mdm_sdk_1.getEntityLink)({ uiPath: uiPath, uri: uri }); };
+    var onClick = (0, react_1.useCallback)(function () {
         dispatch(mdm_module_1.ui.actions.openEntity({ uri: value, viewId: viewId }));
     }, [viewId, value, dispatch]);
     return (react_1.default.createElement("a", { ref: ref, href: generateEntityUrl(value), onClick: function (e) {

package/cjs/components/ErrorPopup/ErrorPopup.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,11 +48,11 @@ var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/Err
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var styles_1 = require("./styles");
 var ErrorPopup = function (props) {
-    var styles = styles_1.useStyles();
-    var autoCloseInterval = react_redux_1.useSelector(mdm_module_1.default.selectors.getAutoCloseInterval);
-    var uiError = react_redux_1.useSelector(mdm_module_1.default.selectors.getUiError);
-    var dispatch = react_redux_1.useDispatch();
-    react_1.useEffect(function () {
+    var styles = (0, styles_1.useStyles)();
+    var autoCloseInterval = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAutoCloseInterval);
+    var uiError = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUiError);
+    var dispatch = (0, react_redux_1.useDispatch)();
+    (0, react_1.useEffect)(function () {
         if (uiError && props.showErrorFromStore) {
             ErrorPopup.addError({
                 title: ui_i18n_1.default.text('Error'),
@@ -58,7 +62,7 @@ var ErrorPopup = function (props) {
         }
     }, [dispatch, uiError, props.showErrorFromStore]);
     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))));
+        react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: (0, classnames_1.default)(styles.errorBlock, (0, ramda_1.path)(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
 };
 ErrorPopup.propTypes = {
     showErrorFromStore: prop_types_1.default.bool

package/cjs/components/ErrorPopup/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     errorBlock: {
         fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
         minHeight: '58px',

package/cjs/components/ErrorWrapper/ErrorMessage.js

@@ -9,10 +9,10 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var ErrorMessage = function (_a) {
     var className = _a.className, message = _a.message;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.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_1.default.createElement(Typography_1.default, { variant: "caption", className: (0, classnames_1.default)(styles.caption, className) }, message));
 };
 exports.default = ErrorMessage;

package/cjs/components/ErrorWrapper/ErrorWrapper.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -52,11 +56,11 @@ var react_1 = __importStar(require("react"));
 var styles_1 = require("./styles");
 var ErrorWrapper = function (_a) {
     var errorMessage = _a.errorMessage, children = _a.children, className = _a.className, classes = _a.classes, otherProps = __rest(_a, ["errorMessage", "children", "className", "classes"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var hasError = !!errorMessage;
-    return (react_1.default.createElement(FormControl_1.default, __assign({ className: classnames_1.default(styles.wrapper, className, classes === null || classes === void 0 ? void 0 : classes.root), error: true }, otherProps),
+    return (react_1.default.createElement(FormControl_1.default, __assign({ className: (0, classnames_1.default)(styles.wrapper, className, classes === null || classes === void 0 ? void 0 : classes.root), error: true }, otherProps),
         children,
-        hasError && (react_1.default.createElement(FormHelperText_1.default, { className: classnames_1.default(styles.helperText, classes === null || classes === void 0 ? void 0 : classes.helperText) },
+        hasError && (react_1.default.createElement(FormHelperText_1.default, { className: (0, classnames_1.default)(styles.helperText, classes === null || classes === void 0 ? void 0 : classes.helperText) },
             react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage })))));
 };
-exports.default = react_1.memo(ErrorWrapper);
+exports.default = (0, react_1.memo)(ErrorWrapper);

package/cjs/components/ErrorWrapper/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     wrapper: {
         width: '100%'
     },

package/cjs/components/ExpandableSearchInput/ExpandableSearchInput.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -36,15 +40,15 @@ var core_1 = require("../../core");
 var styles_1 = require("./styles");
 var ExpandableSearchInput = function (_a) {
     var query = _a.query, onChange = _a.onChange;
-    var _b = react_1.useState(query), value = _b[0], setValue = _b[1];
-    var _c = react_1.useState(!!query), isOpen = _c[0], setIsOpen = _c[1];
-    react_1.useEffect(function () {
+    var _b = (0, react_1.useState)(query), value = _b[0], setValue = _b[1];
+    var _c = (0, react_1.useState)(!!query), isOpen = _c[0], setIsOpen = _c[1];
+    (0, react_1.useEffect)(function () {
         setValue(query);
     }, [query]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var hasValue = value && value.length;
-    return isOpen ? (react_1.default.createElement(Input_1.default, { className: styles.input, value: value, autoFocus: true, placeholder: ui_i18n_1.default.text('Search'), disableUnderline: true, onChange: ramda_1.pipe(core_1.getValue, setValue), startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
-            react_1.default.createElement(Search_1.default, { className: styles.startAdornment })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, hasValue && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "S", icon: Close_1.default, onClick: ramda_1.pipe(ramda_1.F, setIsOpen, ramda_1.always(''), ramda_1.tap(onChange), setValue) }))), onKeyPress: ramda_1.when(ramda_1.propEq('key', 'Enter'), ramda_1.pipe(ramda_1.always(value), ramda_1.trim, onChange)) })) : (react_1.default.createElement(IconButton_1.default, { className: styles.searchButton, onClick: ramda_1.pipe(ramda_1.T, setIsOpen) },
+    return isOpen ? (react_1.default.createElement(Input_1.default, { className: styles.input, value: value, autoFocus: true, placeholder: ui_i18n_1.default.text('Search'), disableUnderline: true, onChange: (0, ramda_1.pipe)(core_1.getValue, setValue), startAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "start" },
+            react_1.default.createElement(Search_1.default, { className: styles.startAdornment })), endAdornment: react_1.default.createElement(InputAdornment_1.default, { position: "end" }, hasValue && (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: "S", icon: Close_1.default, onClick: (0, ramda_1.pipe)(ramda_1.F, setIsOpen, (0, ramda_1.always)(''), (0, ramda_1.tap)(onChange), setValue) }))), onKeyPress: (0, ramda_1.when)((0, ramda_1.propEq)('key', 'Enter'), (0, ramda_1.pipe)((0, ramda_1.always)(value), ramda_1.trim, onChange)) })) : (react_1.default.createElement(IconButton_1.default, { className: styles.searchButton, onClick: (0, ramda_1.pipe)(ramda_1.T, setIsOpen) },
         react_1.default.createElement(Search_1.default, null)));
 };
 exports.ExpandableSearchInput = ExpandableSearchInput;

package/cjs/components/ExpandableSearchInput/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     searchButton: {
         marginLeft: 'auto !important',
         marginRight: '-4px',

package/cjs/components/ExpandedValueTooltip/ExpandedValueTooltip.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -51,7 +55,7 @@ var styles_1 = require("@material-ui/core/styles");
 var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
 var RootRef_1 = __importDefault(require("@material-ui/core/RootRef"));
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var useStyles = styles_1.makeStyles(function (theme) { return ({
+var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     tooltip: theme.tooltip,
     popper: {
         zIndex: 10000
@@ -64,13 +68,13 @@ var checkOverflow = function (el, showOnExceededWidth, showOnExceededHeight) {
 };
 var ExpandedValueTooltip = function (_a) {
     var children = _a.children, value = _a.value, className = _a.className, _b = _a.showOnExceededWidth, showOnExceededWidth = _b === void 0 ? true : _b, showOnExceededHeight = _a.showOnExceededHeight, otherProps = __rest(_a, ["children", "value", "className", "showOnExceededWidth", "showOnExceededHeight"]);
-    var childrenRef = react_1.useRef();
+    var childrenRef = (0, react_1.useRef)();
     var tooltipStyles = useStyles();
-    var _c = react_1.useState(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
+    var _c = (0, react_1.useState)(false), isOverflowing = _c[0], setIsOverflowing = _c[1];
     var updateOverflowState = function () {
         return setIsOverflowing(checkOverflow(childrenRef.current, showOnExceededWidth, showOnExceededHeight));
     };
-    react_1.useEffect(updateOverflowState, [showOnExceededHeight, showOnExceededWidth, value]);
+    (0, react_1.useEffect)(updateOverflowState, [showOnExceededHeight, showOnExceededWidth, value]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(react_resize_detector_1.default, { handleWidth: showOnExceededWidth, handleHeight: showOnExceededHeight, onResize: updateOverflowState }),
         react_1.default.createElement(RootRef_1.default, { rootRef: childrenRef },

package/cjs/components/FacetViewHeader/FacetViewHeader.js

@@ -9,7 +9,7 @@ var BasicViewHeader_1 = __importDefault(require("../BasicViewHeader/BasicViewHea
 var styles_1 = require("./styles");
 var FacetViewHeader = function (_a) {
     var className = _a.className, title = _a.title, children = _a.children;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(BasicViewHeader_1.default, { title: title, classes: { root: classnames_1.default(styles.container, className), title: styles.title } }, children));
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(BasicViewHeader_1.default, { title: title, classes: { root: (0, classnames_1.default)(styles.container, className), title: styles.title } }, children));
 };
 exports.default = FacetViewHeader;

package/cjs/components/FacetViewHeader/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles({
+exports.useStyles = (0, styles_1.makeStyles)({
     container: {
         padding: '0 16px',
         minHeight: '48px'

package/cjs/components/FlipCard/FlipCard.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -25,16 +29,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("./styles");
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var FlipCard = react_1.forwardRef(function (_a, ref) {
+var FlipCard = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.cardZIndex, cardZIndex = _b === void 0 ? 'auto' : _b, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, _d = _a.isCardFlipped, isCardFlipped = _d === void 0 ? false : _d, children = _a.children, className = _a.className;
-    var _e = react_1.useState(isCardFlipped), isFlipped = _e[0], setFlipped = _e[1];
-    var styles = styles_1.useStyles({ cardZIndex: cardZIndex, direction: direction, isFlipped: isFlipped });
-    react_1.useEffect(function () {
+    var _e = (0, react_1.useState)(isCardFlipped), isFlipped = _e[0], setFlipped = _e[1];
+    var styles = (0, styles_1.useStyles)({ cardZIndex: cardZIndex, direction: direction, isFlipped: isFlipped });
+    (0, react_1.useEffect)(function () {
         if (isCardFlipped !== isFlipped) {
             setFlipped(isCardFlipped);
         }
     }, [isCardFlipped, isFlipped]);
-    return (react_1.default.createElement("div", { className: classnames_1.default(styles.flipper, className), ref: ref },
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.flipper, className), ref: ref },
         react_1.default.createElement("div", { "data-id": "front", className: styles.front }, children[0]),
         react_1.default.createElement("div", { "data-id": "back", className: styles.back }, children[1])));
 });

package/cjs/components/FlipCard/styles.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-var frontRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 180 : 0) + "deg)"; };
-var frontRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 180 : 0) + "deg)"; };
-var backRotateY = function (isFlipped) { return "rotateY(" + (isFlipped ? 0 : -180) + "deg)"; };
-var backRotateX = function (isFlipped) { return "rotateX(" + (isFlipped ? 0 : -180) + "deg)"; };
-exports.useStyles = styles_1.makeStyles({
+var frontRotateY = function (isFlipped) { return "rotateY(".concat(isFlipped ? 180 : 0, "deg)"); };
+var frontRotateX = function (isFlipped) { return "rotateX(".concat(isFlipped ? 180 : 0, "deg)"); };
+var backRotateY = function (isFlipped) { return "rotateY(".concat(isFlipped ? 0 : -180, "deg)"); };
+var backRotateX = function (isFlipped) { return "rotateX(".concat(isFlipped ? 0 : -180, "deg)"); };
+exports.useStyles = (0, styles_1.makeStyles)({
     back: function (_a) {
         var isFlipped = _a.isFlipped, direction = _a.direction;
         return ({

package/cjs/components/HierarchicalAttributeTooltip/HierarchicalAttributeTooltip.js

@@ -31,9 +31,9 @@ var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
 var styles_1 = require("./styles");
 var HierarchicalAttributeTooltip = function (_a) {
     var pathToTitle = _a.pathToTitle, children = _a.children, tooltipProps = __rest(_a, ["pathToTitle", "children"]);
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var tooltipContent = (pathToTitle === null || pathToTitle === void 0 ? void 0 : pathToTitle.length) ? (react_1.default.createElement("div", { className: styles.tooltipContent },
-        react_1.default.createElement("p", null, ramda_1.last(pathToTitle)),
+        react_1.default.createElement("p", null, (0, ramda_1.last)(pathToTitle)),
         pathToTitle.length > 2 && (react_1.default.createElement("ul", null, pathToTitle.map(function (label) { return (react_1.default.createElement("li", { key: label }, label)); }))))) : ('');
     return (react_1.default.createElement(Tooltip_1.default, __assign({ title: tooltipContent, disableFocusListener: true, classes: { tooltip: styles.tooltip } }, tooltipProps), children));
 };