@reltio/components 1.4.1314 → 1.4.1315

package/cjs/components/CommentsContainer/buttons/CommentButton.js

@@ -10,7 +10,7 @@ var CommentBubble_1 = __importDefault(require("../../../icons/CommentBubble"));
 var styles_1 = require("./styles");
 var CommentButton = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Show comment') },
         react_1.default.createElement("div", { ref: ref, className: styles.root, onClick: onClick },
             react_1.default.createElement(CommentBubble_1.default, { className: styles.icon }),

package/cjs/components/CommentsContainer/buttons/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 ({
     root: {
         position: 'relative',
         height: '18px',

package/cjs/components/CommentsContainer/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 classnames_1 = require("../../constants/classnames");
-exports.useStyles = styles_1.makeStyles(function () {
+exports.useStyles = (0, styles_1.makeStyles)(function () {
     var _a;
     return ({
         root: {
@@ -16,7 +16,7 @@ exports.useStyles = styles_1.makeStyles(function () {
                     visibility: 'visible'
                 }
             },
-            _a["." + classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA + ":hover &"] = {
+            _a[".".concat(classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA, ":hover &")] = {
                 visibility: 'visible'
             },
             _a),

package/cjs/components/ConfigureColumnsPopup/ConfigureColumnsPopup.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];
@@ -40,10 +44,14 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-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 };
@@ -68,22 +76,22 @@ var LIST_CONTAINER_HEIGHT = 300;
 var DEFAULT_MIN_CONTAINER_WIDTH = 308;
 var ConfigureColumnsPopup = function (_a) {
     var open = _a.open, anchorEl = _a.anchorEl, data = _a.data, onSearch = _a.onSearch, onClose = _a.onClose, titleText = _a.titleText, filterText = _a.filterText, onListItemClick = _a.onListItemClick, selected = _a.selected, hideCheckBox = _a.hideCheckBox, renderGroupTitle = _a.renderGroupTitle, otherProps = __rest(_a, ["open", "anchorEl", "data", "onSearch", "onClose", "titleText", "filterText", "onListItemClick", "selected", "hideCheckBox", "renderGroupTitle"]);
-    var filterItem = react_1.useCallback(function (item) {
+    var filterItem = (0, react_1.useCallback)(function (item) {
         return item.label.toLowerCase().includes(filterText.toLowerCase());
     }, [filterText]);
-    var filterItemsTree = react_1.useCallback(function (item) { return filterItem(item) || (item.children || []).some(filterItemsTree); }, [
+    var filterItemsTree = (0, react_1.useCallback)(function (item) { return filterItem(item) || (item.children || []).some(filterItemsTree); }, [
         filterItem
     ]);
     var getItemSize = function () { return ITEM_HEIGHT; };
-    var getAttributesData = react_1.useMemo(function () {
-        var getAttributeGroupData = ramda_1.curry(function (level, item, groupId, groupName) { return __spreadArray([
+    var getAttributesData = (0, react_1.useMemo)(function () {
+        var getAttributeGroupData = (0, ramda_1.curry)(function (level, item, groupId, groupName) { return __spreadArray([
             {
                 item: __assign(__assign({}, item), { filterText: filterText }),
                 level: level,
                 groupId: groupId,
                 groupName: groupName
             }
-        ], getAttributesData(item.children || [], groupId, groupName, level + 1)); });
+        ], getAttributesData(item.children || [], groupId, groupName, level + 1), true); });
         var getAttributesData = function (data, groupId, groupName, level) {
             if (level === void 0) { level = 0; }
             var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
@@ -92,7 +100,7 @@ var ConfigureColumnsPopup = function (_a) {
         };
         return getAttributesData;
     }, [filterText, renderGroupTitle, filterItemsTree]);
-    var getGroupsData = react_1.useCallback(function (groups) {
+    var getGroupsData = (0, react_1.useCallback)(function (groups) {
         return groups
             .map(function (group) { return ({
             item: group,
@@ -100,34 +108,34 @@ var ConfigureColumnsPopup = function (_a) {
         }); })
             .filter(function (group) { return group.items.length; });
     }, [getAttributesData]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+    var handleSearchOnEnter = (0, react_1.useCallback)(function (_a) {
         var item = _a.item;
-        onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes(item.id + "."); }));
+        onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); }));
     }, [onListItemClick, selected]);
-    var groupedItems = react_1.useMemo(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [
+    var groupedItems = (0, react_1.useMemo)(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [
         data,
         renderGroupTitle,
         getGroupsData,
         getAttributesData
     ]);
-    var items = react_1.useMemo(function () { return helpers_1.flattenGroupedItemsData(groupedItems); }, [groupedItems]);
-    var _b = helpers_2.useKeyboardNavigation({
+    var items = (0, react_1.useMemo)(function () { return (0, helpers_1.flattenGroupedItemsData)(groupedItems); }, [groupedItems]);
+    var _b = (0, helpers_2.useKeyboardNavigation)({
         items: items,
         open: open,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selected
     }), focusIndex = _b.focusIndex, handleKeyDown = _b.handleKeyDown;
-    var focusIndexRef = react_1.useRef(null);
+    var focusIndexRef = (0, react_1.useRef)(null);
     focusIndexRef.current = focusIndex;
-    var renderListItem = react_1.useCallback(function (style, _a, index) {
+    var renderListItem = (0, react_1.useCallback)(function (style, _a, index) {
         var item = _a.item, _b = _a.level, level = _b === void 0 ? 0 : _b;
-        var checked = !!selected.find(function (column) { return column.id === item.id || column.id.includes(item.id + "."); });
+        var checked = !!selected.find(function (column) { return column.id === item.id || column.id.includes("".concat(item.id, ".")); });
         var isFocused = focusIndexRef.current === index;
         return (react_1.default.createElement(AttributeListItem_1.default, { key: item.id, onClick: onListItemClick, checked: checked, level: level, data: item, label: react_1.default.createElement(Highlighter_1.default, { text: item.label, highlight: item.filterText }), labelInText: item.label, style: style, hideCheckBox: hideCheckBox, isFocused: isFocused, notSelectable: item.notSelectable, LogoIcon: item.LogoIcon }));
     }, [hideCheckBox, onListItemClick, selected]);
-    var containerWidth = mdm_sdk_1.getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
-    var classes = styles_1.default();
-    return (react_1.default.createElement(SelectionPopup_1.default, __assign({ open: open, className: classnames_1.default(classes.container, classes.popupContainer), anchorEl: anchorEl, onClose: onClose, onSearch: onSearch, title: titleText, containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown }, otherProps),
+    var containerWidth = (0, mdm_sdk_1.getMaxItemWidth)('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
+    var classes = (0, styles_1.default)();
+    return (react_1.default.createElement(SelectionPopup_1.default, __assign({ open: open, className: (0, classnames_1.default)(classes.container, classes.popupContainer), anchorEl: anchorEl, onClose: onClose, onSearch: onSearch, title: titleText, containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown }, otherProps),
         react_1.default.createElement(VirtualGroupedList_1.default, { height: LIST_CONTAINER_HEIGHT, renderItem: renderListItem, items: items, hideSubtitles: true, getItemSize: getItemSize, containerWidth: containerWidth, focusIndex: focusIndex, renderGroupTitle: renderGroupTitle })));
 };
 exports.ConfigureColumnsPopup = ConfigureColumnsPopup;

package/cjs/components/ConfigureColumnsPopup/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 () { return ({
+var useStyles = (0, styles_1.makeStyles)(function () { return ({
     popupContainer: {},
     container: {
         '&$popupContainer': {

package/cjs/components/ConfirmationDialog/ConfirmationDialog.js

@@ -14,7 +14,7 @@ var DialogTitle_1 = __importDefault(require("@material-ui/core/DialogTitle"));
 var styles_1 = require("./styles");
 var ConfirmationDialog = function (_a) {
     var open = _a.open, title = _a.title, content = _a.content, onCancel = _a.onCancel, _b = _a.cancelCaption, cancelCaption = _b === void 0 ? ui_i18n_1.default.text('Cancel') : _b, onDiscard = _a.onDiscard, _c = _a.discardCaption, discardCaption = _c === void 0 ? '' : _c, onSave = _a.onSave, _d = _a.saveCaption, saveCaption = _d === void 0 ? ui_i18n_1.default.text('Save') : _d, _e = _a.disabledSave, disabledSave = _e === void 0 ? false : _e;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onCancel, classes: { paperScrollPaper: styles.paper } },
         react_1.default.createElement(DialogTitle_1.default, { classes: { root: styles.title } }, title),
         react_1.default.createElement(DialogContent_1.default, { classes: { root: styles.content } },

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

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "paper" | "contentText" | "actionButtons" | "discardButton">;
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "title" | "paper" | "actionButtons" | "contentText" | "discardButton">;
 export { useStyles };

package/cjs/components/ConfirmationDialog/styles.js

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

package/cjs/components/ConnectionEditor/ConnectionEditor.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,73 +53,73 @@ var EntitySelector_1 = __importDefault(require("../attributes/editMode/EntitySel
 var ConnectionEditor = function (_a) {
     var _b;
     var connection = _a.connection, relatedEntity = _a.relatedEntity, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, showEmptyEditors = _a.showEmptyEditors, entityErrorMessage = _a.entityErrorMessage, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, onChangeRelationType = _a.onChangeRelationType, onChangeEntity = _a.onChangeEntity;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var relation = connection.relation, entity = connection.entity;
     var _e = relation || {}, attributes = _e.attributes, relationUri = _e.uri, _f = _e.type, relationTypeUri = _f === void 0 ? '' : _f, direction = _e.direction;
     var isRelationTypeSelected = Boolean(relationTypeUri);
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var attributeListEntity = react_1.useMemo(function () {
-        return relation && __assign({ attributes: attributes }, mdm_sdk_1.getActivenessAttributes(relation));
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var attributeListEntity = (0, react_1.useMemo)(function () {
+        return relation && __assign({ attributes: attributes }, (0, mdm_sdk_1.getActivenessAttributes)(relation));
     }, [relation, attributes]);
-    var relationAttrTypes = react_1.useMemo(function () { return mdm_sdk_1.getRelationAttributesList(metadata, relationTypeUri); }, [
+    var relationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationTypeUri); }, [
         relationTypeUri,
         metadata
     ]);
-    var availableEntityTypeUris = react_1.useMemo(function () {
+    var availableEntityTypeUris = (0, react_1.useMemo)(function () {
         return isRelationTypeSelected
-            ? mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes(direction === mdm_sdk_1.Directions.OUT, metadata, [
-                mdm_sdk_1.getRelationType(metadata, relationTypeUri)
+            ? (0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(direction === mdm_sdk_1.Directions.OUT, metadata, [
+                (0, mdm_sdk_1.getRelationType)(metadata, relationTypeUri)
             ])
-            : ramda_1.uniq(mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes(true, metadata, outRelationTypes).concat(mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes(false, metadata, inRelationTypes)));
+            : (0, ramda_1.uniq)((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(true, metadata, outRelationTypes).concat((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(false, metadata, inRelationTypes)));
     }, [isRelationTypeSelected, relationTypeUri, metadata, inRelationTypes, outRelationTypes]);
-    var globalSearchRequestOptions = react_redux_1.useSelector(function (state) {
+    var globalSearchRequestOptions = (0, react_redux_1.useSelector)(function (state) {
         return mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
     });
-    var selectorCompatibleRelation = react_1.useMemo(function () {
+    var selectorCompatibleRelation = (0, react_1.useMemo)(function () {
         return relation && {
             relationType: relation.type,
             direction: relation.direction
         };
     }, [relation]);
-    var selectorCompatibleEntity = react_1.useMemo(function () {
+    var selectorCompatibleEntity = (0, react_1.useMemo)(function () {
         return entity && {
             entityUri: entity.uri,
             entityType: entity.type,
-            entityLabel: mdm_sdk_1.getLabel(entity.label)
+            entityLabel: (0, mdm_sdk_1.getLabel)(entity.label)
         };
     }, [entity]);
-    var availableInRelationTypes = react_1.useMemo(function () {
+    var availableInRelationTypes = (0, react_1.useMemo)(function () {
         return entity && entity.uri
-            ? inRelationTypes.filter(mdm_sdk_1.isAvailableRelationBetweenEntities(false, entity, relatedEntity, metadata))
+            ? inRelationTypes.filter((0, mdm_sdk_1.isAvailableRelationBetweenEntities)(false, entity, relatedEntity, metadata))
             : inRelationTypes;
     }, [entity, inRelationTypes, relatedEntity, metadata]);
-    var availableOutRelationTypes = react_1.useMemo(function () {
+    var availableOutRelationTypes = (0, react_1.useMemo)(function () {
         return entity && entity.uri
-            ? outRelationTypes.filter(mdm_sdk_1.isAvailableRelationBetweenEntities(true, entity, relatedEntity, metadata))
+            ? outRelationTypes.filter((0, mdm_sdk_1.isAvailableRelationBetweenEntities)(true, entity, relatedEntity, metadata))
             : outRelationTypes;
     }, [entity, outRelationTypes, relatedEntity, metadata]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         // autoselecting relation type on mount
-        var _a = mdm_sdk_1.getDefaultRelationTypeObject(inRelationTypes, outRelationTypes) || {}, type = _a.type, direction = _a.direction;
+        var _a = (0, mdm_sdk_1.getDefaultRelationTypeObject)(inRelationTypes, outRelationTypes) || {}, type = _a.type, direction = _a.direction;
         if (!relationTypeUri && type && onChangeRelationType) {
             onChangeRelationType({ type: type.uri, direction: direction });
         }
     }, [relationTypeUri, inRelationTypes, outRelationTypes, onChangeRelationType]);
-    hooks_1.useDidUpdateEffect(function () {
+    (0, hooks_1.useDidUpdateEffect)(function () {
         // autoselecting relation type on entity change
-        var _a = mdm_sdk_1.getDefaultRelationTypeObject(availableInRelationTypes, availableOutRelationTypes) || {}, type = _a.type, direction = _a.direction;
+        var _a = (0, mdm_sdk_1.getDefaultRelationTypeObject)(availableInRelationTypes, availableOutRelationTypes) || {}, type = _a.type, direction = _a.direction;
         if (!relationTypeUri && type) {
             onChangeRelationType({ type: type.uri, direction: direction });
         }
     }, [relationTypeUri, entity, availableInRelationTypes, availableOutRelationTypes, onChangeEntity]);
-    var handleChangeRelationType = react_1.useCallback(function (_a) {
+    var handleChangeRelationType = (0, react_1.useCallback)(function (_a) {
         var type = _a.type, direction = _a.direction;
         onChangeRelationType({ type: type.uri, direction: direction });
     }, [onChangeRelationType]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         onChangeRelationType && (react_1.default.createElement(ConnectionRelationTypeSelector_1.default, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
         onChangeEntity && (react_1.default.createElement(ErrorWrapper_1.default, { errorMessage: entityErrorMessage, className: styles.item },
-            react_1.default.createElement(EntitySelector_1.default, { key: relationTypeUri, className: classnames_1.default((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mdm_sdk_1.ModeTypes.EDITING, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
+            react_1.default.createElement(EntitySelector_1.default, { key: relationTypeUri, className: (0, classnames_1.default)((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mdm_sdk_1.ModeTypes.EDITING, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
         relationTypeUri && (react_1.default.createElement(AttributesList_1.default, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: mdm_sdk_1.ModeTypes.EDITING, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
 };
 exports.ConnectionEditor = ConnectionEditor;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"item" | "dense">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "item">;

package/cjs/components/ConnectionEditor/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)({
     item: {
         marginBottom: '16px'
     },

package/cjs/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.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,20 +56,20 @@ var hooks_1 = require("../../hooks");
 var RelationTypeSelector_1 = __importDefault(require("../attributes/editMode/RelationTypeSelector/RelationTypeSelector"));
 var ConnectionRelationTypeSelector = function (_a) {
     var _b = _a.relation, relation = _b === void 0 ? {} : _b, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, _e = _a.onChange, onChange = _e === void 0 ? ramda_1.identity : _e, _f = _a.applyFirstByDefault, applyFirstByDefault = _f === void 0 ? false : _f, _g = _a.reversedContextLabels, reversedContextLabels = _g === void 0 ? false : _g, otherProps = __rest(_a, ["relation", "inRelationTypes", "outRelationTypes", "onChange", "applyFirstByDefault", "reversedContextLabels"]);
-    var _h = hooks_1.useRelationTypeSelector({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
-    var relationsTypesOptions = react_1.useMemo(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [
+    var _h = (0, hooks_1.useRelationTypeSelector)({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
+    var relationsTypesOptions = (0, react_1.useMemo)(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [
         getRelationTypesOptions,
         inRelationTypes,
         outRelationTypes
     ]);
-    var handleChange = react_1.useCallback(ramda_1.pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
+    var handleChange = (0, react_1.useCallback)((0, ramda_1.pipe)(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
         fromEditorValue,
         inRelationTypes,
         outRelationTypes,
         onChange
     ]);
     var hasValue = !!relation.relationType;
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (applyFirstByDefault && relationsTypesOptions.length && !hasValue) {
             handleChange(relationsTypesOptions[0]);
         }

package/cjs/components/DataTypeValue/DataTypeValue.js

@@ -13,13 +13,13 @@ var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var SearchHighlighter_1 = __importDefault(require("../SearchHighlighter/SearchHighlighter"));
 var DataTypeValue = function (_a) {
     var _b = _a.value, value = _b === void 0 ? null : _b, dataTypeDefinition = _a.dataTypeDefinition, _c = _a.rich, rich = _c === void 0 ? true : _c;
-    var attributePresentations = react_redux_1.useSelector(mdm_module_1.default.selectors.getAttributePresentations);
+    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
     var localeDateFormat = moment_1.default.localeData().longDateFormat('L');
     var localeTimeFormat = moment_1.default.localeData().longDateFormat('LTS');
-    var dateMask = react_redux_1.useSelector(mdm_module_1.default.selectors.getDateMask) || localeDateFormat;
-    var dateTimeMask = react_redux_1.useSelector(mdm_module_1.default.selectors.getDateTimeMask) || localeDateFormat + ' ' + localeTimeFormat;
-    var formattedValue = mdm_sdk_1.formatDataTypeValue({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
-    return rich && mdm_sdk_1.isAttributeValueLink(dataTypeDefinition, value) ? (react_1.default.createElement(Link_1.default, { target: "_blank", href: mdm_sdk_1.addProtocolToLink(formattedValue), underline: "none" },
+    var dateMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateMask) || localeDateFormat;
+    var dateTimeMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateTimeMask) || localeDateFormat + ' ' + localeTimeFormat;
+    var formattedValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
+    return rich && (0, mdm_sdk_1.isAttributeValueLink)(dataTypeDefinition, value) ? (react_1.default.createElement(Link_1.default, { target: "_blank", href: (0, mdm_sdk_1.addProtocolToLink)(formattedValue), underline: "none" },
         react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }))) : (react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }));
 };
 DataTypeValue.propTypes = {

package/cjs/components/DateIntervalSelector/DateIntervalSelector.js

@@ -21,19 +21,19 @@ var periods = [
 ];
 var DateIntervalSelector = function (_a) {
     var _b = _a.interval, value = _b[0], unit = _b[1], onChange = _a.onChange, onFocus = _a.onFocus;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var getIntervalFromValue = function (newValue) { return [newValue, unit]; };
     var getIntervalFromUnit = function (_a) {
         var newUnit = _a.value;
         return [value, newUnit];
     };
-    var onNumberChange = ramda_1.pipe(utils_1.getValue, parseInt, getIntervalFromValue, onChange);
-    var onUnitChange = ramda_1.pipe(getIntervalFromUnit, onChange);
+    var onNumberChange = (0, ramda_1.pipe)(utils_1.getValue, parseInt, getIntervalFromValue, onChange);
+    var onUnitChange = (0, ramda_1.pipe)(getIntervalFromUnit, onChange);
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(TextField_1.default, { type: "number", value: value || '', onChange: onNumberChange, inputProps: { min: 1, onFocus: onFocus }, InputProps: { classes: { root: styles.input } }, className: styles.inputNumber }),
-        react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', placeholder: capitalize_1.default(unit), className: styles.inputUnit, value: { value: unit, label: capitalize_1.default(unit) }, options: periods.map(function (value) { return ({
+        react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', placeholder: (0, capitalize_1.default)(unit), className: styles.inputUnit, value: { value: unit, label: (0, capitalize_1.default)(unit) }, options: periods.map(function (value) { return ({
                 value: value,
-                label: capitalize_1.default(value)
+                label: (0, capitalize_1.default)(value)
             }); }), onChange: onUnitChange, TextFieldProps: {
                 inputProps: { onFocus: onFocus },
                 InputProps: { classes: { root: styles.input } }

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "root" | "inputNumber" | "inputUnit">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "input" | "inputNumber" | "inputUnit">;

package/cjs/components/DateIntervalSelector/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: {
         display: 'flex',
         flex: 1

package/cjs/components/DateRangePicker/DateRangePicker.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];
@@ -38,14 +42,14 @@ var DateEditor_1 = __importDefault(require("../editors/DateEditor/DateEditor"));
 var styles_1 = require("./styles");
 var START_DATE = 0;
 var END_DATE = 1;
-var getDate = function (values, index) { return ramda_1.pathOr(null, [index], values); };
-var DateRangePicker = react_1.forwardRef(function (_a, ref) {
+var getDate = function (values, index) { return (0, ramda_1.pathOr)(null, [index], values); };
+var DateRangePicker = (0, react_1.forwardRef)(function (_a, ref) {
     var onCancel = _a.onCancel, onApply = _a.onApply, values = _a.values, type = _a.type;
-    var styles = styles_1.useStyles();
-    var editorFromId = react_1.useRef(nanoid_1.default());
-    var editorToId = react_1.useRef(nanoid_1.default());
-    var _b = react_1.useState(null), startDate = _b[0], setStartDate = _b[1];
-    var _c = react_1.useState(null), endDate = _c[0], setEndDate = _c[1];
+    var styles = (0, styles_1.useStyles)();
+    var editorFromId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var editorToId = (0, react_1.useRef)((0, nanoid_1.default)());
+    var _b = (0, react_1.useState)(null), startDate = _b[0], setStartDate = _b[1];
+    var _c = (0, react_1.useState)(null), endDate = _c[0], setEndDate = _c[1];
     react_1.default.useEffect(function () {
         setStartDate(getDate(values, START_DATE));
         setEndDate(getDate(values, END_DATE));

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

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "button" | "header" | "container" | "actionButtons" | "dateRangeContainer" | "dateInput">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "title" | "header" | "container" | "dateRangeContainer" | "dateInput" | "actionButtons">;

package/cjs/components/DateRangePicker/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 ({
     container: {
         display: 'flex',
         flexDirection: 'column',

package/cjs/components/DragAndDrop/DragAndDrop.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];
@@ -28,9 +32,9 @@ exports.DragAndDrop = void 0;
 var react_dnd_1 = require("react-dnd");
 var react_dnd_html5_backend_1 = __importDefault(require("react-dnd-html5-backend"));
 var react_1 = __importStar(require("react"));
-var RNDContext = react_dnd_1.createDndContext(react_dnd_html5_backend_1.default);
+var RNDContext = (0, react_dnd_1.createDndContext)(react_dnd_html5_backend_1.default);
 var useDNDProviderElement = function (props) {
-    var manager = react_1.useRef(RNDContext);
+    var manager = (0, react_1.useRef)(RNDContext);
     if (!props.children)
         return null;
     return react_1.default.createElement(react_dnd_1.DndProvider, { manager: manager.current.dragDropManager }, props.children);

package/cjs/components/Drawer/Drawer.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,9 +53,9 @@ var Drawer_1 = __importDefault(require("@material-ui/core/Drawer"));
 var styles_1 = require("@material-ui/core/styles");
 var Drawer = function (_a) {
     var _b = _a.open, open = _b === void 0 ? true : _b, children = _a.children, otherProps = __rest(_a, ["open", "children"]);
-    var _c = react_1.useState(open), drawerContentsVisible = _c[0], setDrawerContentVisible = _c[1];
-    var hideDelay = styles_1.useTheme().transitions.duration.leavingScreen;
-    react_1.useEffect(function () {
+    var _c = (0, react_1.useState)(open), drawerContentsVisible = _c[0], setDrawerContentVisible = _c[1];
+    var hideDelay = (0, styles_1.useTheme)().transitions.duration.leavingScreen;
+    (0, react_1.useEffect)(function () {
         if (open !== drawerContentsVisible) {
             if (open) {
                 // mount children before appear

package/cjs/components/DropDownMenuButton/DropDownMenuButton.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];
@@ -45,13 +49,13 @@ function DropDownMenuButton(_a) {
     var _b;
     var className = _a.className, menuId = _a.menuId, _c = _a.buttonComponent, buttonComponent = _c === void 0 ? Button_1.default : _c, buttonContent = _a.buttonContent, _d = _a.menuItems, menuItems = _d === void 0 ? [] : _d, _e = _a.buttonProps, buttonProps = _e === void 0 ? {} : _e, _f = _a.popoverProps, popoverProps = _f === void 0 ? {} : _f, _g = _a.onMenuOpen, onMenuOpen = _g === void 0 ? ramda_1.identity : _g, _h = _a.onMenuClose, onMenuClose = _h === void 0 ? ramda_1.identity : _h, _j = _a.MenuItemRenderer, MenuItemRenderer = _j === void 0 ? MenuItemRenderer_1.default : _j;
     var ButtonComponent = buttonComponent;
-    var styles = styles_1.useStyles();
-    var buttonRef = react_1.useRef();
-    var _k = react_1.useState(false), isOpen = _k[0], setIsOpen = _k[1];
-    hooks_1.useDidUpdateEffect(function () {
+    var styles = (0, styles_1.useStyles)();
+    var buttonRef = (0, react_1.useRef)();
+    var _k = (0, react_1.useState)(false), isOpen = _k[0], setIsOpen = _k[1];
+    (0, hooks_1.useDidUpdateEffect)(function () {
         isOpen ? onMenuOpen() : onMenuClose();
     }, [isOpen]);
-    var handleToggle = react_1.useCallback(function (e) {
+    var handleToggle = (0, react_1.useCallback)(function (e) {
         e === null || e === void 0 ? void 0 : e.stopPropagation();
         setIsOpen(function (open) { return !open; });
     }, []);
@@ -59,7 +63,7 @@ function DropDownMenuButton(_a) {
         return react_1.default.createElement(MenuItemRenderer, { item: item, key: index, onMenuClose: handleToggle });
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ButtonComponent, __assign({ ref: buttonRef, className: classnames_1.default(styles.buttonRoot, (_b = {},
+        react_1.default.createElement(ButtonComponent, __assign({ ref: buttonRef, className: (0, classnames_1.default)(styles.buttonRoot, (_b = {},
                 _b[styles.selected] = isOpen,
                 _b), className), onClick: handleToggle, "aria-pressed": isOpen, "aria-controls": isOpen ? menuId : undefined, "aria-haspopup": "true" }, buttonProps), buttonContent),
         react_1.default.createElement(Menu_1.default, __assign({ id: menuId, variant: "menu", open: isOpen, autoFocus: false, classes: { paper: styles.paper }, anchorEl: buttonRef.current, onClose: handleToggle, anchorOrigin: {

package/cjs/components/DropDownMenuButton/MenuItemRenderer.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,16 +33,16 @@ var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
 var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var withTooltip_1 = __importDefault(require("../../HOCs/withTooltip/withTooltip"));
 var styles_1 = require("./styles");
-var MenuItemWithTooltip = withTooltip_1.default(MenuItem_1.default);
-var MenuItemRenderer = react_1.forwardRef(function (_a, ref) {
+var MenuItemWithTooltip = (0, withTooltip_1.default)(MenuItem_1.default);
+var MenuItemRenderer = (0, react_1.forwardRef)(function (_a, ref) {
     var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? ramda_1.identity : _b;
-    var styles = styles_1.useStyles();
+    var styles = (0, styles_1.useStyles)();
     var disabled = item.disabled, text = item.text, tooltip = item.tooltip, onClick = item.onClick, _c = item.id, id = _c === void 0 ? '' : _c, selectable = item.selectable, selected = item.selected;
     var handleClick = function (e) {
         onMenuClose(e);
         onClick(e);
     };
-    return (react_1.default.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-modal": true, "data-reltio-id": "reltio-search-menu-item" + id },
+    return (react_1.default.createElement(MenuItemWithTooltip, { tooltipTitle: tooltip, showForDisabled: true, classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref, "data-modal": true, "data-reltio-id": "reltio-search-menu-item".concat(id) },
         selectable && react_1.default.createElement(Checkbox_1.default, { checked: selected, color: "primary" }),
         react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, text)));
 });

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"selected" | "paper" | "buttonRoot" | "menuItem" | "menuText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "selected" | "paper" | "menuText" | "buttonRoot">;