@reltio/components 1.4.873 → 1.4.877

package/components/CommentsContainer/CommentsContainer.js

@@ -1,43 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var classnames_1 = __importDefault(require("classnames"));
-var styles_1 = require("./styles");
-var hooks_1 = require("../../hooks");
-var contexts_1 = require("../../contexts");
-var CommentButton_1 = __importDefault(require("./buttons/CommentButton"));
-var AddCommentButton_1 = __importDefault(require("./buttons/AddCommentButton"));
-var CollaborationPopup_1 = require("../CollaborationPopup/CollaborationPopup");
+import React, { useContext, useState } from 'react';
+import classnames from 'classnames';
+import { useStyles } from './styles';
+import { useDidUpdateEffect } from '../../hooks';
+import { CollaborationContext } from '../../contexts';
+import CommentButton from './buttons/CommentButton';
+import AddCommentButton from './buttons/AddCommentButton';
+import { CollaborationPopup } from '../CollaborationPopup/CollaborationPopup';
 var CommentsContainer = function (_a) {
     var _b;
     var className = _a.className, uri = _a.uri, objectType = _a.objectType, relatedObjectUris = _a.relatedObjectUris, onChangePopupVisibility = _a.onChangePopupVisibility, _c = _a.allowOnlyOneComment, allowOnlyOneComment = _c === void 0 ? false : _c, _d = _a.showAlways, showAlways = _d === void 0 ? false : _d;
-    var styles = styles_1.useStyles();
-    var _e = react_1.useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
-    var _f = react_1.useState(false), shouldOpenPopup = _f[0], setShouldOpenPopup = _f[1];
+    var styles = useStyles();
+    var _e = useState(null), anchorEl = _e[0], setAnchorEl = _e[1];
+    var _f = useState(false), shouldOpenPopup = _f[0], setShouldOpenPopup = _f[1];
     var isOpenPopup = shouldOpenPopup && Boolean(anchorEl);
-    var _g = react_1.useContext(contexts_1.CollaborationContext), currentComment = _g.currentComment, commentsMap = _g.commentsMap, getComment = _g.getComment, clearCurrentComment = _g.clearCurrentComment, objectTypes = _g.objectTypes;
+    var _g = useContext(CollaborationContext), currentComment = _g.currentComment, commentsMap = _g.commentsMap, getComment = _g.getComment, clearCurrentComment = _g.clearCurrentComment, objectTypes = _g.objectTypes;
     var showComments = !!commentsMap && (!objectTypes || objectTypes.includes(objectType));
     var openComments = ((commentsMap === null || commentsMap === void 0 ? void 0 : commentsMap[uri]) || []).filter(function (_a) {
         var status = _a.status;
@@ -58,19 +34,19 @@ var CommentsContainer = function (_a) {
         clearCurrentComment();
         setShouldOpenPopup(false);
     };
-    hooks_1.useDidUpdateEffect(function () {
+    useDidUpdateEffect(function () {
         if (onChangePopupVisibility) {
             onChangePopupVisibility(isOpenPopup);
         }
     }, [isOpenPopup]);
-    return (showComments && (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
-        shouldShowAddCommentButton && (react_1.default.createElement(AddCommentButton_1.default, { className: classnames_1.default(styles.addButton, (_b = {},
+    return (showComments && (React.createElement("div", { className: classnames(styles.root, className) },
+        shouldShowAddCommentButton && (React.createElement(AddCommentButton, { className: classnames(styles.addButton, (_b = {},
                 _b[styles.showAlways] = showAlways || isOpenPopupWithNewComment,
                 _b)), onClick: handleClickAddCommentButton })),
         openComments.map(function (_a) {
             var replies = _a.replies, commentId = _a.commentId;
-            return (react_1.default.createElement(CommentButton_1.default, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
+            return (React.createElement(CommentButton, { ref: commentId === (currentComment === null || currentComment === void 0 ? void 0 : currentComment.commentId) ? setAnchorEl : null, key: commentId, onClick: function () { return handleClickCommentButton(commentId); } }, 1 + replies));
         }),
-        react_1.default.createElement(CollaborationPopup_1.CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
+        React.createElement(CollaborationPopup, { anchorEl: anchorEl, open: isOpenPopup, onClose: handleClose, uri: uri, relatedObjectUris: relatedObjectUris, objectType: objectType, comment: currentComment }))));
 };
-exports.default = CommentsContainer;
+export default CommentsContainer;

package/components/CommentsContainer/buttons/AddCommentButton.js

@@ -1,19 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var AddComment_1 = __importDefault(require("../../../icons/AddComment"));
-var styles_1 = require("./styles");
+import React from 'react';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import Tooltip from '@material-ui/core/Tooltip';
+import AddCommentIcon from '../../../icons/AddComment';
+import { useStyles } from './styles';
 var AddCommentButton = function (_a) {
     var className = _a.className, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Add comment') },
-        react_1.default.createElement("div", { className: classnames_1.default(styles.root, className), onClick: onClick },
-            react_1.default.createElement(AddComment_1.default, { className: styles.icon }))));
+    var styles = useStyles();
+    return (React.createElement(Tooltip, { title: i18n.text('Add comment') },
+        React.createElement("div", { className: classnames(styles.root, className), onClick: onClick },
+            React.createElement(AddCommentIcon, { className: styles.icon }))));
 };
-exports.default = AddCommentButton;
+export default AddCommentButton;

package/components/CommentsContainer/buttons/CommentButton.js

@@ -1,20 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var CommentBubble_1 = __importDefault(require("../../../icons/CommentBubble"));
-var styles_1 = require("./styles");
-var CommentButton = react_1.default.forwardRef(function (_a, ref) {
+import React from 'react';
+import i18n from 'ui-i18n';
+import Tooltip from '@material-ui/core/Tooltip';
+import CommentIcon from '../../../icons/CommentBubble';
+import { useStyles } from './styles';
+var CommentButton = React.forwardRef(function (_a, ref) {
     var children = _a.children, onClick = _a.onClick;
-    var styles = 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 }),
-            react_1.default.createElement("div", { className: styles.childrenWrapper }, children))));
+    var styles = useStyles();
+    return (React.createElement(Tooltip, { title: i18n.text('Show comment') },
+        React.createElement("div", { ref: ref, className: styles.root, onClick: onClick },
+            React.createElement(CommentIcon, { className: styles.icon }),
+            React.createElement("div", { className: styles.childrenWrapper }, children))));
 });
 CommentButton.displayName = 'CommentButton';
-exports.default = CommentButton;
+export default CommentButton;

package/components/CommentsContainer/buttons/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function () { return ({
     root: {
         position: 'relative',
         height: '18px',

package/components/CommentsContainer/styles.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var classnames_1 = require("../../constants/classnames");
-exports.useStyles = styles_1.makeStyles(function () {
+import { makeStyles } from '@material-ui/core/styles';
+import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../constants/classnames';
+export var useStyles = makeStyles(function () {
     var _a;
     return ({
         root: {
@@ -16,7 +13,7 @@ exports.useStyles = styles_1.makeStyles(function () {
                     visibility: 'visible'
                 }
             },
-            _a["." + classnames_1.COMMENTS_CONTAINER_VISIBILITY_AREA + ":hover &"] = {
+            _a["." + COMMENTS_CONTAINER_VISIBILITY_AREA + ":hover &"] = {
                 visibility: 'visible'
             },
             _a),

package/components/ConfigureColumnsPopup/ConfigureColumnsPopup.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -45,37 +25,32 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfigureColumnsPopup = void 0;
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var SelectionPopup_1 = __importDefault(require("../SelectionPopup/SelectionPopup"));
-var AttributeListItem_1 = __importDefault(require("../AttributeListItem/AttributeListItem"));
-var helpers_1 = require("../VirtualGroupedList/helpers");
-var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));
-var helpers_2 = require("../SelectionPopup/helpers");
-var Highlighter_1 = __importDefault(require("../Highlighter/Highlighter"));
-var styles_1 = __importDefault(require("./styles"));
+import React, { useCallback, useMemo, useRef } from 'react';
+import PropTypes from 'prop-types';
+import i18n from 'ui-i18n';
+import classnames from 'classnames';
+import { chain, curry, map } from 'ramda';
+import { getMaxItemWidth } from '@reltio/mdm-sdk';
+import SelectionPopup from '../SelectionPopup/SelectionPopup';
+import AttributeListItem from '../AttributeListItem/AttributeListItem';
+import { flattenGroupedItemsData } from '../VirtualGroupedList/helpers';
+import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
+import { useKeyboardNavigation } from '../SelectionPopup/helpers';
+import Highlighter from '../Highlighter/Highlighter';
+import useStyles from './styles';
 var ITEM_HEIGHT = 32;
 var LIST_CONTAINER_HEIGHT = 300;
 var DEFAULT_MIN_CONTAINER_WIDTH = 308;
-var ConfigureColumnsPopup = function (_a) {
+export 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 = 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 = useCallback(function (item) { return filterItem(item) || (item.children || []).some(filterItemsTree); }, [
         filterItem
     ]);
     var getItemSize = function () { return ITEM_HEIGHT; };
-    var getAttributeGroupData = react_1.useCallback(ramda_1.curry(function (level, item, groupId, groupName) { return __spreadArray([
+    var getAttributeGroupData = useCallback(curry(function (level, item, groupId, groupName) { return __spreadArray([
         {
             item: __assign(__assign({}, item), { filterText: filterText }),
             level: level,
@@ -83,13 +58,13 @@ var ConfigureColumnsPopup = function (_a) {
             groupName: groupName
         }
     ], getAttributesData(item.children || [], groupId, groupName, level + 1)); }), [getAttributesData, filterText]);
-    var getAttributesData = react_1.useCallback(function (data, groupId, groupName, level) {
+    var getAttributesData = useCallback(function (data, groupId, groupName, level) {
         if (level === void 0) { level = 0; }
         var getItemGroupData = function (item) { return getAttributeGroupData(level, item, groupId, groupName); };
         var filteredData = data.filter(filterItemsTree);
-        return (renderGroupTitle ? ramda_1.map : ramda_1.chain)(getItemGroupData, filteredData);
+        return (renderGroupTitle ? map : chain)(getItemGroupData, filteredData);
     }, [renderGroupTitle, filterItemsTree, getAttributeGroupData]);
-    var getGroupsData = react_1.useCallback(function (groups) {
+    var getGroupsData = useCallback(function (groups) {
         return groups
             .map(function (group) { return ({
             item: group,
@@ -97,54 +72,53 @@ var ConfigureColumnsPopup = function (_a) {
         }); })
             .filter(function (group) { return group.items.length; });
     }, [getAttributesData]);
-    var handleSearchOnEnter = react_1.useCallback(function (_a) {
+    var handleSearchOnEnter = useCallback(function (_a) {
         var item = _a.item;
         onListItemClick(item, !selected.find(function (column) { return column.id === item.id || column.id.includes(item.id + "."); }));
     }, [onListItemClick, selected]);
-    var groupedItems = react_1.useMemo(function () { return (renderGroupTitle ? getGroupsData : getAttributesData)(data); }, [
+    var groupedItems = 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 = useMemo(function () { return flattenGroupedItemsData(groupedItems); }, [groupedItems]);
+    var _b = useKeyboardNavigation({
         items: items,
         open: open,
         onSelectFocusedItem: handleSearchOnEnter,
         selectedItems: selected
     }), focusIndex = _b.focusIndex, handleKeyDown = _b.handleKeyDown;
-    var focusIndexRef = react_1.useRef(null);
+    var focusIndexRef = useRef(null);
     focusIndexRef.current = focusIndex;
-    var renderListItem = react_1.useCallback(function (style, _a, index) {
+    var renderListItem = 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 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 }));
+        return (React.createElement(AttributeListItem, { key: item.id, onClick: onListItemClick, checked: checked, level: level, data: item, label: React.createElement(Highlighter, { 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),
-        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 })));
+    var containerWidth = getMaxItemWidth('label')(groupedItems) || DEFAULT_MIN_CONTAINER_WIDTH;
+    var classes = useStyles();
+    return (React.createElement(SelectionPopup, __assign({ open: open, className: classnames(classes.container, classes.popupContainer), anchorEl: anchorEl, onClose: onClose, onSearch: onSearch, title: titleText, containerWidth: containerWidth, searchInputOnKeyDown: handleKeyDown }, otherProps),
+        React.createElement(VirtualGroupedList, { height: LIST_CONTAINER_HEIGHT, renderItem: renderListItem, items: items, hideSubtitles: true, getItemSize: getItemSize, containerWidth: containerWidth, focusIndex: focusIndex, renderGroupTitle: renderGroupTitle })));
 };
-exports.ConfigureColumnsPopup = ConfigureColumnsPopup;
-exports.ConfigureColumnsPopup.propTypes = {
-    open: prop_types_1.default.bool,
-    hideCheckBox: prop_types_1.default.bool,
-    anchorEl: prop_types_1.default.any,
-    selected: prop_types_1.default.array,
-    data: prop_types_1.default.array,
-    filterText: prop_types_1.default.string,
-    titleText: prop_types_1.default.string,
-    onClose: prop_types_1.default.func,
-    onListItemClick: prop_types_1.default.func,
-    onSearch: prop_types_1.default.func,
-    renderGroupTitle: prop_types_1.default.func
+ConfigureColumnsPopup.propTypes = {
+    open: PropTypes.bool,
+    hideCheckBox: PropTypes.bool,
+    anchorEl: PropTypes.any,
+    selected: PropTypes.array,
+    data: PropTypes.array,
+    filterText: PropTypes.string,
+    titleText: PropTypes.string,
+    onClose: PropTypes.func,
+    onListItemClick: PropTypes.func,
+    onSearch: PropTypes.func,
+    renderGroupTitle: PropTypes.func
 };
-exports.ConfigureColumnsPopup.defaultProps = {
+ConfigureColumnsPopup.defaultProps = {
     data: [],
     selected: [],
-    titleText: ui_i18n_1.default.text('Show/hide columns'),
+    titleText: i18n.text('Show/hide columns'),
     filterText: ''
 };
-exports.default = exports.ConfigureColumnsPopup;
+export default ConfigureColumnsPopup;

package/components/ConfigureColumnsPopup/styles.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles(function () { return ({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles(function () { return ({
     popupContainer: {},
     container: {
         '&$popupContainer': {
@@ -10,4 +8,4 @@ var useStyles = styles_1.makeStyles(function () { return ({
         }
     }
 }); });
-exports.default = useStyles;
+export default useStyles;

package/components/ConfirmDeleteDialog/ConfirmDeleteDialog.js

@@ -1,26 +1,21 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var DialogActions_1 = __importDefault(require("@material-ui/core/DialogActions"));
-var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@material-ui/core/DialogContentText"));
+import React from 'react';
+import i18n from 'ui-i18n';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
 var ConfirmDeleteDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onConfirm = _a.onConfirm;
     var handleConfirm = function () {
         onConfirm();
         onClose();
     };
-    return (react_1.default.createElement(Dialog_1.default, { open: open },
-        react_1.default.createElement(DialogContent_1.default, null,
-            react_1.default.createElement(DialogContentText_1.default, null, ui_i18n_1.default.text('Are you sure you want to delete this?'))),
-        react_1.default.createElement(DialogActions_1.default, null,
-            react_1.default.createElement(Button_1.default, { onClick: onClose, color: "primary" }, ui_i18n_1.default.text('No')),
-            react_1.default.createElement(Button_1.default, { onClick: handleConfirm, color: "primary" }, ui_i18n_1.default.text('Yes')))));
+    return (React.createElement(Dialog, { open: open },
+        React.createElement(DialogContent, null,
+            React.createElement(DialogContentText, null, i18n.text('Are you sure you want to delete this?'))),
+        React.createElement(DialogActions, null,
+            React.createElement(Button, { onClick: onClose, color: "primary" }, i18n.text('No')),
+            React.createElement(Button, { onClick: handleConfirm, color: "primary" }, i18n.text('Yes')))));
 };
-exports.default = ConfirmDeleteDialog;
+export default ConfirmDeleteDialog;

package/components/ConfirmationDialog/ConfirmationDialog.js

@@ -1,28 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var DialogActions_1 = __importDefault(require("@material-ui/core/DialogActions"));
-var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@material-ui/core/DialogContentText"));
-var DialogTitle_1 = __importDefault(require("@material-ui/core/DialogTitle"));
-var styles_1 = require("./styles");
+import React from 'react';
+import i18n from 'ui-i18n';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import { useStyles } from './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();
-    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 } },
-            react_1.default.createElement(DialogContentText_1.default, { classes: { root: styles.contentText } }, content)),
-        react_1.default.createElement(DialogActions_1.default, { className: styles.actionButtons, disableSpacing: true },
-            onCancel && react_1.default.createElement(Button_1.default, { onClick: onCancel }, cancelCaption),
-            react_1.default.createElement("div", null,
-                onDiscard && (react_1.default.createElement(Button_1.default, { onClick: onDiscard, classes: { root: styles.discardButton } }, discardCaption)),
-                react_1.default.createElement(Button_1.default, { onClick: onSave, color: "primary", disabled: disabledSave, autoFocus: true }, saveCaption)))));
+    var open = _a.open, title = _a.title, content = _a.content, onCancel = _a.onCancel, _b = _a.cancelCaption, cancelCaption = _b === void 0 ? i18n.text('Cancel') : _b, onDiscard = _a.onDiscard, _c = _a.discardCaption, discardCaption = _c === void 0 ? '' : _c, onSave = _a.onSave, _d = _a.saveCaption, saveCaption = _d === void 0 ? i18n.text('Save') : _d, _e = _a.disabledSave, disabledSave = _e === void 0 ? false : _e;
+    var styles = useStyles();
+    return (React.createElement(Dialog, { open: open, onClose: onCancel, classes: { paperScrollPaper: styles.paper } },
+        React.createElement(DialogTitle, { classes: { root: styles.title } }, title),
+        React.createElement(DialogContent, { classes: { root: styles.content } },
+            React.createElement(DialogContentText, { classes: { root: styles.contentText } }, content)),
+        React.createElement(DialogActions, { className: styles.actionButtons, disableSpacing: true },
+            onCancel && React.createElement(Button, { onClick: onCancel }, cancelCaption),
+            React.createElement("div", null,
+                onDiscard && (React.createElement(Button, { onClick: onDiscard, classes: { root: styles.discardButton } }, discardCaption)),
+                React.createElement(Button, { onClick: onSave, color: "primary", disabled: disabledSave, autoFocus: true }, saveCaption)))));
 };
-exports.default = ConfirmationDialog;
+export default ConfirmationDialog;

package/components/ConfirmationDialog/styles.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var useStyles = styles_1.makeStyles({
+import { makeStyles } from '@material-ui/core/styles';
+var useStyles = makeStyles({
     paper: {
         minHeight: '180px'
     },
@@ -37,4 +34,4 @@ var useStyles = styles_1.makeStyles({
         marginRight: '8px'
     }
 });
-exports.useStyles = useStyles;
+export { useStyles };

package/components/ConnectionRelationTypeSelector/ConnectionRelationTypeSelector.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -40,44 +20,40 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var hooks_1 = require("../../hooks");
-var RelationTypeSelector_1 = __importDefault(require("../attributes/editMode/RelationTypeSelector/RelationTypeSelector"));
+import React, { useMemo, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { ConnectionRelationType, RelationTypeType } from '@reltio/mdm-sdk';
+import { identity, pipe } from 'ramda';
+import { useRelationTypeSelector } from '../../hooks';
+import RelationTypeSelector from '../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 _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 ? 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 = useRelationTypeSelector({ reversedContextLabels: reversedContextLabels }), getRelationTypesOptions = _h.getRelationTypesOptions, fromEditorValue = _h.fromEditorValue, toEditorValue = _h.toEditorValue;
+    var relationsTypesOptions = useMemo(function () { return getRelationTypesOptions(inRelationTypes, outRelationTypes); }, [
         getRelationTypesOptions,
         inRelationTypes,
         outRelationTypes
     ]);
-    var handleChange = react_1.useCallback(ramda_1.pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
+    var handleChange = useCallback(pipe(fromEditorValue(inRelationTypes, outRelationTypes), onChange), [
         fromEditorValue,
         inRelationTypes,
         outRelationTypes,
         onChange
     ]);
-    react_1.useEffect(function () {
+    useEffect(function () {
         if (applyFirstByDefault && relationsTypesOptions.length) {
             handleChange(relationsTypesOptions[0]);
         }
     }, [relationsTypesOptions, applyFirstByDefault, handleChange]);
-    return (react_1.default.createElement(RelationTypeSelector_1.default, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
+    return (React.createElement(RelationTypeSelector, __assign({ value: toEditorValue(relation, relationsTypesOptions), options: relationsTypesOptions, onChange: handleChange }, otherProps)));
 };
 ConnectionRelationTypeSelector.propTypes = {
-    className: prop_types_1.default.string,
-    relation: mdm_sdk_1.ConnectionRelationType,
-    inRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    outRelationTypes: prop_types_1.default.arrayOf(mdm_sdk_1.RelationTypeType),
-    applyFirstByDefault: prop_types_1.default.bool,
-    reversedContextLabels: prop_types_1.default.bool,
-    onChange: prop_types_1.default.func
+    className: PropTypes.string,
+    relation: ConnectionRelationType,
+    inRelationTypes: PropTypes.arrayOf(RelationTypeType),
+    outRelationTypes: PropTypes.arrayOf(RelationTypeType),
+    applyFirstByDefault: PropTypes.bool,
+    reversedContextLabels: PropTypes.bool,
+    onChange: PropTypes.func
 };
-exports.default = ConnectionRelationTypeSelector;
+export default ConnectionRelationTypeSelector;