@reltio/components 1.4.1313 → 1.4.1315

package/cjs/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -9,10 +9,10 @@ var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
 var styles_1 = __importDefault(require("./styles"));
 var SimpleMatchRules = function (_a) {
     var isMlMatch = _a.isMlMatch, matchRules = _a.matchRules, className = _a.className;
-    var styles = styles_1.default();
-    return (react_1.default.createElement("div", { "data-reltio-id": "simple-match-rules", className: classnames_1.default(styles.container, className) },
+    var styles = (0, styles_1.default)();
+    return (react_1.default.createElement("div", { "data-reltio-id": "simple-match-rules", className: (0, classnames_1.default)(styles.container, className) },
         react_1.default.createElement("div", { className: styles.title },
             react_1.default.createElement(MatchRulesTitle_1.default, { isMlMatch: isMlMatch })),
-        react_1.default.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- " + match.label)); }))));
+        react_1.default.createElement("div", { className: styles.labelsContainer }, matchRules.map(function (match) { return (react_1.default.createElement("div", { key: match.uri }, "- ".concat(match.label))); }))));
 };
 exports.default = SimpleMatchRules;

package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) { return ({
+var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         fontSize: '13px',
         lineHeight: '15px'

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBlock/SimpleMatchRulesBlock.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];
@@ -31,12 +35,12 @@ var MatchRulesBadge_1 = __importDefault(require("../MatchRulesBadge/MatchRulesBa
 var styles_1 = __importDefault(require("./styles"));
 var MlMatch_1 = __importDefault(require("../../../icons/MlMatch"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-exports.MatchRuleBadgeWithTooltip = HOCs_1.withTooltip(MatchRulesBadge_1.default);
+exports.MatchRuleBadgeWithTooltip = (0, HOCs_1.withTooltip)(MatchRulesBadge_1.default);
 var SimpleMatchRulesBlock = function (_a) {
     var _b = _a.isMlMatch, isMlMatch = _b === void 0 ? false : _b, matchRules = _a.matchRules;
-    var styles = styles_1.default();
-    var _c = react_1.useState(false), expanded = _c[0], setExpanded = _c[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    var styles = (0, styles_1.default)();
+    var _c = (0, react_1.useState)(false), expanded = _c[0], setExpanded = _c[1];
+    var handleOnExpand = (0, react_1.useCallback)(function () { return setExpanded(function (expand) { return !expand; }); }, []);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement(exports.MatchRuleBadgeWithTooltip, { tooltipTitle: react_1.default.createElement(MatchRulesTooltip_1.default, { matchRules: matchRules, isMlMatch: isMlMatch }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, isMlMatch ? (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(MlMatch_1.default, { className: styles.icon }),

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBlock/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.js

@@ -33,11 +33,11 @@ var types_1 = require("../types");
 var styles_1 = __importDefault(require("./styles"));
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, _b = _a.variant, variant = _b === void 0 ? types_1.MatchRuleVariant.all : _b, otherProps = __rest(_a, ["matchRules", "Component", "variant"]);
-    var styles = styles_1.default();
-    var _c = mdm_sdk_1.partitionByMlMatch(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
+    var styles = (0, styles_1.default)();
+    var _c = (0, mdm_sdk_1.partitionByMlMatch)(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
     var all = types_1.MatchRuleVariant.all, simple = types_1.MatchRuleVariant.simple, excludeNotMatch = types_1.MatchRuleVariant.excludeNotMatch;
-    var showSimple = [all, simple, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(otherMatchRules);
-    var showML = [all, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(MlMatchRules);
+    var showSimple = [all, simple, excludeNotMatch].includes(variant) && !(0, ramda_1.isEmpty)(otherMatchRules);
+    var showML = [all, excludeNotMatch].includes(variant) && !(0, ramda_1.isEmpty)(MlMatchRules);
     return (react_1.default.createElement("div", { className: styles.container },
         showSimple ? react_1.default.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
         showML ? react_1.default.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/MatchRulesBlock/TransitiveMatchBlock/TransitiveMatchBlock.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];
@@ -41,12 +45,12 @@ var TransitiveMatchRule_1 = __importDefault(require("../TransitiveMatchRules/Tra
 var styles_1 = __importDefault(require("./styles"));
 var HOCs_1 = require("../../../HOCs");
 var TransitiveMatchRulesTooltip_1 = __importDefault(require("../TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip"));
-exports.MatchRuleBadgeWithTooltip = HOCs_1.withTooltip(MatchRulesBadge_1.default);
+exports.MatchRuleBadgeWithTooltip = (0, HOCs_1.withTooltip)(MatchRulesBadge_1.default);
 var TransitiveMatchBlock = function (_a) {
     var transitiveMatchRules = _a.transitiveMatchRules;
-    var styles = styles_1.default();
-    var _b = react_1.useState(false), expanded = _b[0], setExpanded = _b[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    var styles = (0, styles_1.default)();
+    var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
+    var handleOnExpand = (0, react_1.useCallback)(function () { return setExpanded(function (expand) { return !expand; }); }, []);
     return (react_1.default.createElement("div", { className: styles.container },
         react_1.default.createElement(exports.MatchRuleBadgeWithTooltip, { tooltipTitle: react_1.default.createElement(TransitiveMatchRulesTooltip_1.default, { transitiveMatchRules: transitiveMatchRules }), tooltipPlacement: "bottom-start", onExpand: handleOnExpand, expanded: expanded }, ui_i18n_1.default.text('Transitive matches')),
         expanded

package/cjs/components/MatchRulesBlock/TransitiveMatchBlock/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/MatchRulesBlock/TransitiveMatchRules/TransitiveMatchRule.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];
@@ -29,9 +33,9 @@ var SimpleMatchRulesBuilder_1 = __importDefault(require("../SimpleMatchRulesBuil
 var styles_1 = __importDefault(require("./styles"));
 var TransitiveMatchRule = function (_a) {
     var label = _a.label, matchRules = _a.matchRules;
-    var styles = styles_1.default();
-    var _b = react_1.useState(false), expanded = _b[0], setExpanded = _b[1];
-    var handleOnExpand = react_1.useCallback(function () { return setExpanded(function (expand) { return !expand; }); }, []);
+    var styles = (0, styles_1.default)();
+    var _b = (0, react_1.useState)(false), expanded = _b[0], setExpanded = _b[1];
+    var handleOnExpand = (0, react_1.useCallback)(function () { return setExpanded(function (expand) { return !expand; }); }, []);
     return (react_1.default.createElement("div", { "data-reltio-id": "transitive-match-rule", className: styles.container },
         react_1.default.createElement("div", { onClick: handleOnExpand, className: styles.badge },
             react_1.default.createElement(ArrowExpandButton_1.default, { expanded: expanded }),

package/cjs/components/MatchRulesBlock/TransitiveMatchRules/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles(function (theme) { return ({
+var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     label: {
         fontSize: '13px',
         lineHeight: '15px',

package/cjs/components/MatchRulesBlock/TransitiveMatchRulesTooltip/TransitiveMatchRulesTooltip.js

@@ -8,7 +8,7 @@ var MatchRulesTooltip_1 = __importDefault(require("../MatchRulesTooltip/MatchRul
 var styles_1 = __importDefault(require("./styles"));
 var TransitiveMatchRulesTooltip = function (_a) {
     var transitiveMatchRules = _a.transitiveMatchRules;
-    var styles = styles_1.default();
+    var styles = (0, styles_1.default)();
     return (react_1.default.createElement(react_1.default.Fragment, null, transitiveMatchRules.map(function (_a, index) {
         var label = _a.label, matchRules = _a.matchRules;
         return (react_1.default.createElement("div", { key: index, className: styles.ruleWrapper },

package/cjs/components/MatchRulesBlock/TransitiveMatchRulesTooltip/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles_1 = require("@material-ui/core/styles");
-var styles = styles_1.makeStyles({
+var styles = (0, styles_1.makeStyles)({
     ruleWrapper: {
         paddingTop: '8px'
     },

package/cjs/components/MatchRulesSelector/MatchRulesSelector.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,12 +40,12 @@ var prepareOptions = function (options) {
 };
 var MatchRulesSelector = function (_a) {
     var name = _a.name, values = _a.values, onChange = _a.onChange, entityType = _a.entityType, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var _b = react_1.useMemo(function () { return mdm_sdk_1.partitionByMlMatch(mdm_sdk_1.getMatchGroups(metadata, entityType === null || entityType === void 0 ? void 0 : entityType.uri)); }, [
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var _b = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.partitionByMlMatch)((0, mdm_sdk_1.getMatchGroups)(metadata, entityType === null || entityType === void 0 ? void 0 : entityType.uri)); }, [
         entityType === null || entityType === void 0 ? void 0 : entityType.uri,
         metadata
     ]), mlMatchRules = _b[0], matchRules = _b[1];
-    var options = react_1.useMemo(function () { return prepareOptions(name === mdm_sdk_1.MatchRulesAttrNames.matchRules ? matchRules : mlMatchRules); }, [name, matchRules, mlMatchRules]);
+    var options = (0, react_1.useMemo)(function () { return prepareOptions(name === mdm_sdk_1.MatchRulesAttrNames.matchRules ? matchRules : mlMatchRules); }, [name, matchRules, mlMatchRules]);
     return (react_1.default.createElement(MultiValueSelector_1.default, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
 };
 MatchRulesSelector.displayName = 'MatchRulesSelector';

package/cjs/components/MergeButton/MergeButton.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,9 +55,9 @@ var MergeDark_1 = __importDefault(require("../../icons/MergeDark"));
 var core_1 = require("../../core");
 var ActionButton_1 = require("../ActionButton/ActionButton");
 var hooks_1 = require("../../hooks");
-exports.MergeButton = react_1.forwardRef(function (_a, ref) {
+exports.MergeButton = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButton_1.ActionButtonMode.iconButton : _b, _c = _a.onMenuClose, onMenuClose = _c === void 0 ? core_1.noop : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, entity = _a.entity, entities = _a.entities, onStartRequest = _a.onStartRequest, onFinishRequest = _a.onFinishRequest, onSuccess = _a.onSuccess, onError = _a.onError, otherProps = __rest(_a, ["className", "mode", "onMenuClose", "disabled", "entity", "entities", "onStartRequest", "onFinishRequest", "onSuccess", "onError"]);
-    var sendMergeAllRequest = hooks_1.useMergeAllRequest({
+    var sendMergeAllRequest = (0, hooks_1.useMergeAllRequest)({
         entity: entity,
         entities: entities,
         onStartRequest: onStartRequest,

package/cjs/components/MetadataTypesSelector/ListLabel/ListLabel.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];
@@ -29,19 +33,19 @@ var styles_1 = require("./styles");
 var helpers_1 = require("./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 = (0, styles_1.useStyles)();
+    var labelRef = (0, react_1.useRef)();
+    var _b = (0, react_1.useState)(0), hiddenItemsCount = _b[0], setHiddenItemsCount = _b[1];
+    (0, react_1.useEffect)(function () {
+        setHiddenItemsCount((0, helpers_1.countHiddenItems)(list, labelRef.current));
     }, [list]);
-    var listLabel = helpers_1.getListLabel(list);
+    var listLabel = (0, helpers_1.getListLabel)(list);
     var hasHiddenItems = hiddenItemsCount > 0;
-    var visibleItemsLabel = hasHiddenItems ? helpers_1.getListLabel(list.slice(0, -hiddenItemsCount)) : listLabel;
+    var visibleItemsLabel = hasHiddenItems ? (0, 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", { style: { width: (0, 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))));
+            hasHiddenItems && react_1.default.createElement("div", { className: styles.hiddenCount }, "+".concat(hiddenItemsCount)))));
 };
 exports.ListLabel = ListLabel;

package/cjs/components/MetadataTypesSelector/ListLabel/helpers.js

@@ -43,7 +43,7 @@ var findFirstOverflowItemIndex = function (list, labelEl) {
 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";
-    return "calc(" + maxCssWidth + " - " + HIDDEN_COUNT_WIDTH + "px)";
+    var maxCssWidth = (0, ramda_1.isNil)(maxWidth) ? '100%' : "".concat(maxWidth, "px");
+    return "calc(".concat(maxCssWidth, " - ").concat(HIDDEN_COUNT_WIDTH, "px)");
 };
 exports.getListLabelWidth = getListLabelWidth;

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

package/cjs/components/MetadataTypesSelector/MetadataTypesSelector.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];
@@ -49,24 +53,24 @@ var styles_1 = require("./styles");
 var MIN_CONTAINER_WIDTH = 255;
 var LIST_HEIGHT = 245;
 var POPUP_HEIGHT = 355;
-exports.MetadataTypesSelector = react_1.memo(function (_a) {
+exports.MetadataTypesSelector = (0, react_1.memo)(function (_a) {
     var _b, _c, _d, _e;
     var placeholder = _a.placeholder, _f = _a.classes, classes = _f === void 0 ? {} : _f, items = _a.items, selectedItemsUris = _a.selectedItemsUris, onChange = _a.onChange, _g = _a.ListLabelProps, ListLabelProps = _g === void 0 ? {} : _g, disabled = _a.disabled, enableEmptyValueUnderline = _a.enableEmptyValueUnderline, single = _a.single, label = _a.label, dataReltioId = _a.dataReltioId, selectionPopupTitle = _a.selectionPopupTitle;
-    var styles = styles_1.useStyles();
-    var _h = react_1.useState(false), isPopupOpen = _h[0], setIsPopupOpen = _h[1];
-    var openPopup = react_1.useCallback(function () { return setIsPopupOpen(true); }, []);
-    var closePopup = react_1.useCallback(function () { return setIsPopupOpen(false); }, []);
-    var _j = react_1.useState(''), filterText = _j[0], setFilterText = _j[1];
-    var clearFilterText = react_1.useCallback(function () { return setFilterText(''); }, []);
-    var handleClose = react_1.useCallback(ramda_1.pipe(clearFilterText, closePopup), [closePopup, clearFilterText]);
+    var styles = (0, styles_1.useStyles)();
+    var _h = (0, react_1.useState)(false), isPopupOpen = _h[0], setIsPopupOpen = _h[1];
+    var openPopup = (0, react_1.useCallback)(function () { return setIsPopupOpen(true); }, []);
+    var closePopup = (0, react_1.useCallback)(function () { return setIsPopupOpen(false); }, []);
+    var _j = (0, react_1.useState)(''), filterText = _j[0], setFilterText = _j[1];
+    var clearFilterText = (0, react_1.useCallback)(function () { return setFilterText(''); }, []);
+    var handleClose = (0, react_1.useCallback)((0, ramda_1.pipe)(clearFilterText, closePopup), [closePopup, clearFilterText]);
     var filteredItems = items
         .filter(function (_a) {
         var label = _a.label;
         return mdm_sdk_1.utils.strings.search(label, filterText);
     })
         .map(function (item, index) { return ({ item: { item: __assign(__assign({}, item), { filterText: filterText }) }, index: index }); });
-    var selectedLabels = react_1.useMemo(function () { return selectedItemsUris.map(function (uri) { return items.find(ramda_1.propEq('uri', uri)); }).map(ramda_1.prop('label')); }, [selectedItemsUris, items]);
-    var handleListItemClick = react_1.useCallback(function (item, checked) {
+    var selectedLabels = (0, react_1.useMemo)(function () { return selectedItemsUris.map(function (uri) { return items.find((0, ramda_1.propEq)('uri', uri)); }).map((0, ramda_1.prop)('label')); }, [selectedItemsUris, items]);
+    var handleListItemClick = (0, react_1.useCallback)(function (item, checked) {
         if (single) {
             onChange(checked ? [item.uri] : []);
             handleClose();
@@ -77,34 +81,34 @@ exports.MetadataTypesSelector = react_1.memo(function (_a) {
                 : selectedItemsUris.filter(function (uri) { return uri !== item.uri; }));
         }
     }, [selectedItemsUris, onChange, single, handleClose]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+    var handleSearchOnEnter = (0, react_1.useCallback)(function (_a) {
         var item = _a.item;
         var checked = !selectedItemsUris.includes(item.uri);
         handleListItemClick(item, checked);
     }, [selectedItemsUris, handleListItemClick]);
-    var _k = helpers_1.useKeyboardNavigation({
+    var _k = (0, helpers_1.useKeyboardNavigation)({
         items: filteredItems,
         open: isPopupOpen,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selectedItemsUris,
         onClose: handleClose
     }), focusIndex = _k.focusIndex, handleKeyDown = _k.handleKeyDown;
-    var rootRef = react_1.useRef();
+    var rootRef = (0, react_1.useRef)();
     var rootWidth = rootRef.current ? rootRef.current.getBoundingClientRect().width : 0;
     var containerWidth = Math.max(rootWidth, MIN_CONTAINER_WIDTH);
     var noTypesSelected = selectedItemsUris.length === 0;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(TextField_1.default, { label: label, 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.ListLabel, __assign({}, ListLabelProps, { list: selectedLabels }))))),
+                startAdornment: noTypesSelected && !placeholder ? null : (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.inputText, classes.inputText) }, noTypesSelected ? (react_1.default.createElement("div", null, placeholder)) : (react_1.default.createElement(ListLabel_1.ListLabel, __assign({}, ListLabelProps, { list: selectedLabels }))))),
                 classes: {
                     root: styles.inputRoot,
-                    input: classnames_1.default(styles.input, classes.input, (_b = {},
+                    input: (0, classnames_1.default)(styles.input, classes.input, (_b = {},
                         _b[styles.emptyInput] = noTypesSelected && !placeholder,
                         _b)),
-                    disabled: classnames_1.default(styles.disabledInput, (_c = {}, _c[styles.disabledPointer] = disabled, _c)),
+                    disabled: (0, classnames_1.default)(styles.disabledInput, (_c = {}, _c[styles.disabledPointer] = disabled, _c)),
                     underline: styles.disabledUnderline
                 },
-                endAdornment: (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: 'L', icon: ArrowDropDown_1.default, iconClassName: classnames_1.default(styles.icon, (_d = {},
+                endAdornment: (react_1.default.createElement(SmallIconButton_1.SmallIconButton, { size: 'L', icon: ArrowDropDown_1.default, iconClassName: (0, classnames_1.default)(styles.icon, (_d = {},
                         _d[styles['popup-opened-icon']] = isPopupOpen,
                         _d)), disabled: disabled })),
                 readOnly: true,
@@ -114,10 +118,10 @@ exports.MetadataTypesSelector = react_1.memo(function (_a) {
                 tabIndex: -1
             }, InputLabelProps: {
                 classes: {
-                    root: classnames_1.default(styles.inputLabel, classes.label)
+                    root: (0, classnames_1.default)(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": dataReltioId }),
-        react_1.default.createElement(SelectionPopup_1.default, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: selectionPopupTitle, containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = dataReltioId + "-popup", _e) },
+            }, value: "", onClick: disabled ? undefined : openPopup, classes: { root: (0, classnames_1.default)(styles.root, classes.root) }, margin: "dense", variant: "filled", disabled: disabled, "data-reltio-id": dataReltioId }),
+        react_1.default.createElement(SelectionPopup_1.default, { open: isPopupOpen, anchorEl: rootRef.current, onClose: handleClose, onSearch: setFilterText, title: selectionPopupTitle, containerWidth: containerWidth, containerHeight: POPUP_HEIGHT, searchInputOnKeyDown: handleKeyDown, transformOrigin: { horizontal: 'left', vertical: 'top' }, anchorOrigin: { horizontal: 'left', vertical: 'bottom' }, PaperProps: (_e = {}, _e['data-reltio-id'] = "".concat(dataReltioId, "-popup"), _e) },
             react_1.default.createElement(SelectMetadataTypesList_1.SelectMetadataTypesList, { items: filteredItems, onItemClick: handleListItemClick, selectedItems: selectedItemsUris, width: containerWidth, height: LIST_HEIGHT, focusIndex: focusIndex }))));
 });
 exports.MetadataTypesSelector.displayName = 'MetadataTypesSelector';

package/cjs/components/MetadataTypesSelector/SelectMetadataTypesList.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,8 +55,8 @@ var AttributeListItem_1 = __importDefault(require("../AttributeListItem/Attribut
 var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
 var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));
 var ITEM_HEIGHT = 32;
-var getItemSize = ramda_1.always(ITEM_HEIGHT);
-exports.SelectMetadataTypesList = react_1.memo(function (_a) {
+var getItemSize = (0, ramda_1.always)(ITEM_HEIGHT);
+exports.SelectMetadataTypesList = (0, react_1.memo)(function (_a) {
     var selectedItems = _a.selectedItems, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, width = _a.width, height = _a.height, otherProps = __rest(_a, ["selectedItems", "onItemClick", "focusIndex", "width", "height"]);
     var renderItem = function (style, _a, index) {
         var item = _a.item;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "root" | "input" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/cjs/components/MetadataTypesSelector/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)({
     root: {
         borderRadius: '4px 4px 0 0',
         margin: 0,

package/cjs/components/ModeSwitcher/ModeSwitcher.js

@@ -9,15 +9,15 @@ var ButtonGroup_1 = __importDefault(require("@material-ui/core/ButtonGroup"));
 var classnames_1 = __importDefault(require("classnames"));
 var withTooltip_1 = __importDefault(require("../../HOCs/withTooltip/withTooltip"));
 var styles_1 = __importDefault(require("./styles"));
-var ButtonWithTooltip = withTooltip_1.default(Button_1.default);
+var ButtonWithTooltip = (0, withTooltip_1.default)(Button_1.default);
 var ModeSwitcher = function (_a) {
     var className = _a.className, _b = _a.classes, classes = _b === void 0 ? {} : _b, _c = _a.modes, modes = _c === void 0 ? [] : _c, modeId = _a.modeId, onChange = _a.onChange;
-    var styles = styles_1.default();
+    var styles = (0, styles_1.default)();
     var getChangeModeHandler = function (newMode) { return function () { return onChange(newMode); }; };
     return (react_1.default.createElement(ButtonGroup_1.default, { className: className }, modes.map(function (_a) {
         var _b;
         var id = _a.id, title = _a.title, tooltipTitle = _a.tooltipTitle, Icon = _a.Icon, disabled = _a.disabled;
-        return (react_1.default.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: classnames_1.default(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-" + id },
+        return (react_1.default.createElement(ButtonWithTooltip, { disabled: disabled, showForDisabled: disabled && !!tooltipTitle, key: String(id), className: (0, classnames_1.default)(styles.button, (_b = {}, _b[styles.current] = modeId === id, _b), classes.button), tooltipTitle: tooltipTitle, onClick: getChangeModeHandler(id), "data-reltio-id": "reltio-search-mode-".concat(id) },
             Icon && react_1.default.createElement(Icon, { className: styles.icon }),
             title && react_1.default.createElement("div", { className: styles.title }, title)));
     })));

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "icon" | "button" | "current">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "icon" | "current" | "title">;
 export default useStyles;

package/cjs/components/ModeSwitcher/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(function (theme) { return ({
+var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     button: {
         minWidth: '30px',
         padding: '8px 8px',
@@ -25,11 +25,11 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
         '& $icon': {
             color: theme.palette.primary.main
         },
-        backgroundColor: styles_1.fade(theme.palette.primary.main, 0.12),
+        backgroundColor: (0, styles_1.fade)(theme.palette.primary.main, 0.12),
         fill: theme.palette.primary.main,
         color: theme.palette.primary.main,
         '&:hover': {
-            backgroundColor: styles_1.fade(theme.palette.primary.main, 0.24)
+            backgroundColor: (0, styles_1.fade)(theme.palette.primary.main, 0.24)
         }
     }
 }); });

package/cjs/components/ModeSwitcherSelect/ModeSwitcherSelect.js

@@ -10,10 +10,14 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -32,10 +36,10 @@ var styles_1 = require("./styles");
 var isButton = function (value) { return 'onClick' in value; };
 var ModeSwitcherSelect = function (_a) {
     var optionsGroup = _a.optionsGroup, buttonsGroup = _a.buttonsGroup, value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var handleChange = function (e) {
         var value = e.target.value;
-        var isOption = optionsGroup.some(ramda_1.propEq('value', value));
+        var isOption = optionsGroup.some((0, ramda_1.propEq)('value', value));
         if (isOption)
             onChange(value);
     };
@@ -50,11 +54,11 @@ var ModeSwitcherSelect = function (_a) {
             };
             if (isButton(item)) {
                 menuItemProps.onClick = function () { return item.onClick(value); };
-                menuItemProps.className = classnames_1.default(menuItemProps.className, (_a = {},
+                menuItemProps.className = (0, classnames_1.default)(menuItemProps.className, (_a = {},
                     _a[styles.firstMenuItemButton] = idx === firstButtonIdx,
                     _a));
             }
-            return (react_1.default.createElement(MenuItem_1.default, __assign({ key: value }, menuItemProps, { "data-reltio-id": "reltio-profile-select-mode-" + value }),
+            return (react_1.default.createElement(MenuItem_1.default, __assign({ key: value }, menuItemProps, { "data-reltio-id": "reltio-profile-select-mode-".concat(value) }),
                 react_1.default.createElement(Box_1.default, { className: styles.menuItemInner },
                     react_1.default.createElement(IconComponent, { className: styles.menuItemIcon }),
                     react_1.default.createElement(Box_1.default, null,
@@ -67,7 +71,7 @@ var ModeSwitcherSelect = function (_a) {
             icon: styles.arrowIcon,
             outlined: styles.outlined
         }, value: value, onChange: handleChange, variant: "outlined", renderValue: function (value) {
-            var _a = optionsGroup.find(ramda_1.propEq('value', value)) || {}, IconComponent = _a.icon, _b = _a.label, label = _b === void 0 ? value : _b;
+            var _a = optionsGroup.find((0, ramda_1.propEq)('value', value)) || {}, IconComponent = _a.icon, _b = _a.label, label = _b === void 0 ? value : _b;
             return (react_1.default.createElement(Box_1.default, { className: styles.currentValue },
                 IconComponent && react_1.default.createElement(IconComponent, { className: styles.currentValueIcon }),
                 react_1.default.createElement(Tooltip_1.default, { title: label },
@@ -82,6 +86,6 @@ var ModeSwitcherSelect = function (_a) {
                 horizontal: 'right'
             },
             getContentAnchorEl: null
-        }, disabled: disabled, "data-reltio-id": "reltio-profile-select-mode" }, renderMenuItems(__spreadArray(__spreadArray([], optionsGroup), buttonsGroup))));
+        }, disabled: disabled, "data-reltio-id": "reltio-profile-select-mode" }, renderMenuItems(__spreadArray(__spreadArray([], optionsGroup, true), buttonsGroup, true))));
 };
 exports.ModeSwitcherSelect = ModeSwitcherSelect;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "outlined" | "menuItem" | "arrowIcon" | "currentValue" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "menuItem" | "outlined" | "currentValue" | "arrowIcon" | "currentValueIcon" | "currentValueText" | "firstMenuItemButton" | "menuItemInner" | "menuItemIcon" | "menuItemLabel" | "menuItemDescription">;

package/cjs/components/ModeSwitcherSelect/styles.js

@@ -6,7 +6,7 @@ var MAX_WIDTH_SELECT = 200;
 var SELECT_PADDING_RIGHT = 32;
 var SELECT_PADDING_LEFT = 12;
 var CALCULATED_MAX_WIDTH_SELECT = MAX_WIDTH_SELECT - SELECT_PADDING_LEFT - SELECT_PADDING_RIGHT;
-exports.useStyles = styles_1.makeStyles(function (theme) { return ({
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         maxWidth: CALCULATED_MAX_WIDTH_SELECT,
         paddingTop: '9px',