@reltio/components 1.4.874 → 1.4.878

package/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -1,64 +1,40 @@
-"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 react_redux_1 = require("react-redux");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
-var ExpandedValueTooltip_1 = __importDefault(require("../../ExpandedValueTooltip/ExpandedValueTooltip"));
-var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
-var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
-var SmallIconButton_1 = require("../../SmallIconButton");
-var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
-var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
-var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var NestedAttribute_1 = __importDefault(require("../../../icons/NestedAttribute"));
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var CrosswalkAttributes_1 = __importDefault(require("../CrosswalkAttributes/CrosswalkAttributes"));
-var styles_1 = require("./styles");
+import React, { memo, useEffect, useRef, useState } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import Typography from '@material-ui/core/Typography';
+import DeleteIcon from '@material-ui/icons/Delete';
+import VisibilityIcon from '@material-ui/icons/Visibility';
+import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
+import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
+import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueTooltip';
+import ColoredBlock from '../ColoredBlock/ColoredBlock';
+import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
+import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import SourceIcon from '../../SourceIcon/SourceIcon';
+import Spacer from '../../Spacer/Spacer';
+import { useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from '../../../contexts/CrosswalksDisplayContext';
+import mdmModule from '@reltio/mdm-module';
+import DependentIcon from '../../../icons/NestedAttribute';
+import { useDrag } from 'react-dnd';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import CrosswalkAttributes from '../CrosswalkAttributes/CrosswalkAttributes';
+import { useStyles } from './styles';
 var CrosswalkRow = function (_a) {
     var crosswalk = _a.crosswalk, isDependent = _a.isDependent, _b = _a.isEmpty, isEmpty = _b === void 0 ? false : _b, _c = _a.isColored, isColored = _c === void 0 ? true : _c, _d = _a.focusable, focusable = _d === void 0 ? true : _d, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onDelete = _a.onDelete, onEdit = _a.onEdit;
-    var ref = react_1.useRef(null);
-    var crosswalkColor = CrosswalksDisplayContext_1.useCrosswalkColor(crosswalk);
-    var _e = CrosswalksDisplayContext_1.useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
+    var ref = useRef(null);
+    var crosswalkColor = useCrosswalkColor(crosswalk);
+    var _e = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
     var color = isEmpty ? '#FFF' : isColored ? crosswalkColor : '#CACCD1';
-    var _f = CrosswalksDisplayContext_1.useCrosswalkHighlight(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
-    var scrollToCrosswalk = CrosswalksDisplayContext_1.useHighlightedCrosswalks()[0];
-    var styles = styles_1.useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _g = react_1.useState(false), expanded = _g[0], setExpanded = _g[1];
-    var _h = react_1.useState(false), isDeleteDialogOpen = _h[0], setDeleteDialogOpen = _h[1];
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var sourceSystemLabel = mdm_sdk_1.getSourceSystemLabel(metadata, crosswalk.type);
-    var crosswalkId = mdm_sdk_1.getLastUriPart(crosswalk.uri);
-    var crosswalkDisabled = mdm_sdk_1.isCrosswalkDisabled(crosswalk);
-    var _j = react_dnd_1.useDrag({
+    var _f = useCrosswalkHighlight(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
+    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
+    var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
+    var _h = useState(false), isDeleteDialogOpen = _h[0], setDeleteDialogOpen = _h[1];
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
+    var crosswalkId = getLastUriPart(crosswalk.uri);
+    var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
+    var _j = useDrag({
         item: {
             type: 'Crosswalk',
             crosswalk: crosswalk
@@ -66,14 +42,14 @@ var CrosswalkRow = function (_a) {
         canDrag: !crosswalkDisabled
     }), drag = _j[1], preview = _j[2];
     var canDelete = !crosswalkDisabled && crosswalk.ownerType !== 'relation';
-    react_1.useEffect(function () {
-        preview(react_dnd_html5_backend_1.getEmptyImage(), { captureDraggingState: true });
+    useEffect(function () {
+        preview(getEmptyImage(), { captureDraggingState: true });
     }, []);
-    react_1.useEffect(function () {
+    useEffect(function () {
         var _a;
         if (focusable &&
             scrollToCrosswalk &&
-            mdm_sdk_1.eqCrosswalks(scrollToCrosswalk, crosswalk) &&
+            eqCrosswalks(scrollToCrosswalk, crosswalk) &&
             scrollToCrosswalk !== crosswalk) {
             (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ behavior: 'smooth' });
         }
@@ -83,23 +59,23 @@ var CrosswalkRow = function (_a) {
             toggleCrosswalkFocus();
         onDelete(crosswalkId);
     };
-    return (react_1.default.createElement("div", { className: styles.root, ref: ref },
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "XXS", className: styles.focusedIcon, icon: focusable && Visibility_1.default, onClick: function () { return toggleCrosswalkFocus(); }, disabled: !focusable, tooltipTitle: focusable && ui_i18n_1.default.text('Focus') }),
-        react_1.default.createElement("div", { className: styles.crosswalkWrapper },
-            react_1.default.createElement(ColoredBlock_1.default, { ref: drag, className: styles.header, color: color, variant: crosswalkDisabled ? 'outlined' : 'filled', onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
-                isDependent && react_1.default.createElement(NestedAttribute_1.default, { className: styles.dependentIcon }),
-                react_1.default.createElement(ArrowExpandButton_1.default, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
-                react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),
-                react_1.default.createElement(ExpandedValueTooltip_1.default, { value: sourceSystemLabel },
-                    react_1.default.createElement(Typography_1.default, { variant: 'body2', noWrap: true }, sourceSystemLabel)),
-                react_1.default.createElement(Spacer_1.default, null),
-                react_1.default.createElement(ExpandedValueTooltip_1.default, { value: crosswalk.value },
-                    react_1.default.createElement(Typography_1.default, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
-            expanded && (react_1.default.createElement("div", { className: styles.attributesWrapper },
-                canDelete && (react_1.default.createElement("div", { className: styles.deleteCrosswalkButton },
-                    react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Delete_1.default, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: ui_i18n_1.default.text('Delete crosswalk'), showForDisabled: true }),
-                    react_1.default.createElement(ConfirmDeleteDialog_1.default, { open: isDeleteDialogOpen, onConfirm: handleDeleteCrosswalk, onClose: function () { return setDeleteDialogOpen(false); } }))),
-                react_1.default.createElement(CrosswalkAttributes_1.default, { crosswalk: crosswalk, canEditAttribute: !disableEdit, onEditAttribute: function (attributeName, value) {
+    return (React.createElement("div", { className: styles.root, ref: ref },
+        React.createElement(SmallIconButtonWithTooltip, { size: "XXS", className: styles.focusedIcon, icon: focusable && VisibilityIcon, onClick: function () { return toggleCrosswalkFocus(); }, disabled: !focusable, tooltipTitle: focusable && i18n.text('Focus') }),
+        React.createElement("div", { className: styles.crosswalkWrapper },
+            React.createElement(ColoredBlock, { ref: drag, className: styles.header, color: color, variant: crosswalkDisabled ? 'outlined' : 'filled', onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
+                isDependent && React.createElement(DependentIcon, { className: styles.dependentIcon }),
+                React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
+                React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
+                React.createElement(ExpandedValueTooltip, { value: sourceSystemLabel },
+                    React.createElement(Typography, { variant: 'body2', noWrap: true }, sourceSystemLabel)),
+                React.createElement(Spacer, null),
+                React.createElement(ExpandedValueTooltip, { value: crosswalk.value },
+                    React.createElement(Typography, { variant: 'body2', className: styles.labelValue, noWrap: true }, crosswalk.value))),
+            expanded && (React.createElement("div", { className: styles.attributesWrapper },
+                canDelete && (React.createElement("div", { className: styles.deleteCrosswalkButton },
+                    React.createElement(SmallIconButtonWithTooltip, { icon: DeleteIcon, disabled: disableDelete, onClick: function () { return setDeleteDialogOpen(true); }, size: "XS", tooltipTitle: i18n.text('Delete crosswalk'), showForDisabled: true }),
+                    React.createElement(ConfirmDeleteDialog, { open: isDeleteDialogOpen, onConfirm: handleDeleteCrosswalk, onClose: function () { return setDeleteDialogOpen(false); } }))),
+                React.createElement(CrosswalkAttributes, { crosswalk: crosswalk, canEditAttribute: !disableEdit, onEditAttribute: function (attributeName, value) {
                         onEdit({
                             crosswalkId: crosswalkId,
                             attributeName: attributeName,
@@ -112,4 +88,4 @@ var CrosswalkRow = function (_a) {
                         });
                     } }))))));
 };
-exports.default = react_1.memo(CrosswalkRow);
+export default memo(CrosswalkRow);

package/components/crosswalks/CrosswalkRow/styles.js

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

package/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -1,47 +1,23 @@
-"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 react_redux_1 = require("react-redux");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
-var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
-var SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
-var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
+import React, { memo } from 'react';
+import { useSelector } from 'react-redux';
+import Typography from '@material-ui/core/Typography';
+import VisibilityIcon from '@material-ui/icons/Visibility';
+import SourceIcon from '../../SourceIcon/SourceIcon';
+import SmallIconButton from '../../SmallIconButton/SmallIconButton';
+import { useCrosswalkHighlight } from '../../../contexts/CrosswalksDisplayContext';
+import mdmModule from '@reltio/mdm-module';
+import { getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useStyles } from './styles';
 var DummyCrosswalkRow = function (_a) {
     var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
-    var isDimmed = CrosswalksDisplayContext_1.useCrosswalkHighlight().isDimmed;
-    var styles = styles_1.useStyles({ isOpaque: !isDimmed });
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
-    var sourceSystemLabel = mdm_sdk_1.getSourceSystemLabel(metadata, crosswalkType);
-    return (react_1.default.createElement("div", { className: styles.root },
-        react_1.default.createElement(SmallIconButton_1.default, { size: "XXS", className: styles.focusedIcon, icon: focusable && Visibility_1.default, disabled: true }),
-        react_1.default.createElement("div", { className: styles.wrapper },
-            react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalkType }),
-            react_1.default.createElement(Typography_1.default, { variant: 'body2' }, sourceSystemLabel))));
+    var isDimmed = useCrosswalkHighlight().isDimmed;
+    var styles = useStyles({ isOpaque: !isDimmed });
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalkType);
+    return (React.createElement("div", { className: styles.root },
+        React.createElement(SmallIconButton, { size: "XXS", className: styles.focusedIcon, icon: focusable && VisibilityIcon, disabled: true }),
+        React.createElement("div", { className: styles.wrapper },
+            React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalkType }),
+            React.createElement(Typography, { variant: 'body2' }, sourceSystemLabel))));
 };
-exports.default = react_1.memo(DummyCrosswalkRow);
+export default memo(DummyCrosswalkRow);

package/components/crosswalks/DummyCrosswalkRow/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: function (_a) {
         var isOpaque = _a.isOpaque;
         return ({

package/components/crosswalks/ShowDependentLink/ShowDependentLink.js

@@ -1,16 +1,11 @@
-"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 Link_1 = __importDefault(require("@material-ui/core/Link"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var styles_1 = require("./styles");
+import React from 'react';
+import Link from '@material-ui/core/Link';
+import i18n from 'ui-i18n';
+import { useStyles } from './styles';
 var ShowDependentLink = function (_a) {
     var showMore = _a.showMore, onClick = _a.onClick;
-    var styles = styles_1.useStyles();
-    return (react_1.default.createElement(Link_1.default, { className: styles.root, component: "button", variant: "caption", underline: "none", onClick: onClick },
-        react_1.default.createElement("span", null, showMore ? ui_i18n_1.default.text('View dependent crosswalks') : ui_i18n_1.default.text('Hide dependent crosswalks'))));
+    var styles = useStyles();
+    return (React.createElement(Link, { className: styles.root, component: "button", variant: "caption", underline: "none", onClick: onClick },
+        React.createElement("span", null, showMore ? i18n.text('View dependent crosswalks') : i18n.text('Hide dependent crosswalks'))));
 };
-exports.default = ShowDependentLink;
+export default ShowDependentLink;

package/components/crosswalks/ShowDependentLink/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: {
         display: 'flex',
         alignItems: 'center',

package/components/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.js

@@ -1,53 +1,29 @@
-"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 CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var types_1 = require("../types");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var DummyCrosswalkRow_1 = __importDefault(require("../DummyCrosswalkRow/DummyCrosswalkRow"));
-var CrosswalkRow_1 = __importDefault(require("../CrosswalkRow/CrosswalkRow"));
-var ShowDependentLink_1 = __importDefault(require("../ShowDependentLink/ShowDependentLink"));
+import React, { useEffect } from 'react';
+import { useHighlightedCrosswalks } from '../../../contexts/CrosswalksDisplayContext';
+import { CrosswalkType } from '../types';
+import { eqCrosswalks } from '@reltio/mdm-sdk';
+import DummyCrosswalkRow from '../DummyCrosswalkRow/DummyCrosswalkRow';
+import CrosswalkRow from '../CrosswalkRow/CrosswalkRow';
+import ShowDependentLink from '../ShowDependentLink/ShowDependentLink';
 var SourceCrosswalksRow = function (_a) {
     var source = _a.source, crosswalksByTypes = _a.crosswalksByTypes, _b = _a.showCrosswalkColors, showCrosswalkColors = _b === void 0 ? true : _b, _c = _a.crosswalksFocusEnabled, crosswalksFocusEnabled = _c === void 0 ? true : _c, expanded = _a.expanded, disableEditCrosswalk = _a.disableEditCrosswalk, disableDeleteCrosswalk = _a.disableDeleteCrosswalk, onEdit = _a.onEdit, onDelete = _a.onDelete, onToggleExpanded = _a.onToggleExpanded;
-    var highlightedCrosswalks = CrosswalksDisplayContext_1.useHighlightedCrosswalks();
-    react_1.useEffect(function () {
+    var highlightedCrosswalks = useHighlightedCrosswalks();
+    useEffect(function () {
         if (!expanded &&
             crosswalksFocusEnabled &&
-            crosswalksByTypes[types_1.CrosswalkType.Dependent].some(function (dependentCrosswalk) {
-                return highlightedCrosswalks.some(mdm_sdk_1.eqCrosswalks(dependentCrosswalk));
+            crosswalksByTypes[CrosswalkType.Dependent].some(function (dependentCrosswalk) {
+                return highlightedCrosswalks.some(eqCrosswalks(dependentCrosswalk));
             })) {
             onToggleExpanded();
         }
     }, [highlightedCrosswalks]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        crosswalksByTypes[types_1.CrosswalkType.Simple].length === 0 &&
-            crosswalksByTypes[types_1.CrosswalkType.Empty].length === 0 && (react_1.default.createElement(DummyCrosswalkRow_1.default, { crosswalkType: source, focusable: crosswalksFocusEnabled })),
-        crosswalksByTypes[types_1.CrosswalkType.Simple].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.default, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
-        crosswalksByTypes[types_1.CrosswalkType.Empty].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.default, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, isEmpty: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
+    return (React.createElement(React.Fragment, null,
+        crosswalksByTypes[CrosswalkType.Simple].length === 0 &&
+            crosswalksByTypes[CrosswalkType.Empty].length === 0 && (React.createElement(DummyCrosswalkRow, { crosswalkType: source, focusable: crosswalksFocusEnabled })),
+        crosswalksByTypes[CrosswalkType.Simple].map(function (crosswalk) { return (React.createElement(CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
+        crosswalksByTypes[CrosswalkType.Empty].map(function (crosswalk) { return (React.createElement(CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, focusable: crosswalksFocusEnabled, isEmpty: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, isColored: showCrosswalkColors })); }),
         expanded &&
-            crosswalksByTypes[types_1.CrosswalkType.Dependent].map(function (crosswalk) { return (react_1.default.createElement(CrosswalkRow_1.default, { key: crosswalk.uri, crosswalk: crosswalk, isDependent: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, focusable: crosswalksFocusEnabled, isColored: showCrosswalkColors })); }),
-        crosswalksByTypes[types_1.CrosswalkType.Dependent].length > 0 && (react_1.default.createElement(ShowDependentLink_1.default, { showMore: !expanded, onClick: function () { return onToggleExpanded(); } }))));
+            crosswalksByTypes[CrosswalkType.Dependent].map(function (crosswalk) { return (React.createElement(CrosswalkRow, { key: crosswalk.uri, crosswalk: crosswalk, isDependent: true, disableEdit: disableEditCrosswalk, disableDelete: disableDeleteCrosswalk, onDelete: onDelete, onEdit: onEdit, focusable: crosswalksFocusEnabled, isColored: showCrosswalkColors })); }),
+        crosswalksByTypes[CrosswalkType.Dependent].length > 0 && (React.createElement(ShowDependentLink, { showMore: !expanded, onClick: function () { return onToggleExpanded(); } }))));
 };
-exports.default = SourceCrosswalksRow;
+export default SourceCrosswalksRow;

package/components/crosswalks/hooks/useAttributeActions.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAttributeActions = void 0;
-var react_1 = require("react");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var core_1 = require("../../../core");
-var useAttributeActions = function (_a) {
-    var _b = _a.onSuccess, onSuccess = _b === void 0 ? core_1.noop : _b, _c = _a.onError, onError = _c === void 0 ? core_1.noop : _c, _d = _a.onLoad, onLoad = _d === void 0 ? core_1.noop : _d;
-    var handleAction = react_1.useCallback(function (request) {
+import { useCallback } from 'react';
+import { createAttribute, deleteAttribute, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
+import { andThen, pipe, prop } from 'ramda';
+import { noop } from '../../../core';
+export var useAttributeActions = function (_a) {
+    var _b = _a.onSuccess, onSuccess = _b === void 0 ? noop : _b, _c = _a.onError, onError = _c === void 0 ? noop : _c, _d = _a.onLoad, onLoad = _d === void 0 ? noop : _d;
+    var handleAction = useCallback(function (request) {
         onLoad();
         request
             .then(function () {
@@ -15,20 +12,20 @@ var useAttributeActions = function (_a) {
         })
             .catch(onError);
     }, [onError, onSuccess, onLoad]);
-    var handleErrorResponse = react_1.useCallback(function (request) {
+    var handleErrorResponse = useCallback(function (request) {
         return request.then(function (response) {
             if ('error' in response)
                 throw response.error;
             return response;
         });
     }, []);
-    var deleteAttributeAction = react_1.useCallback(function (_a) {
+    var deleteAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalks = _a.crosswalks;
-        var action = mdm_sdk_1.isReference(attributeType)
-            ? ramda_1.pipe(mdm_sdk_1.getReferencedRelationFromAttrValue, ramda_1.prop('objectURI'), mdm_sdk_1.removeRelation, handleErrorResponse)(attributeValue)
+        var action = isReference(attributeType)
+            ? pipe(getReferencedRelationFromAttrValue, prop('objectURI'), removeRelation, handleErrorResponse)(attributeValue)
             : Promise.all((crosswalks || []).map(function (_a) {
                 var type = _a.type, value = _a.value, sourceTable = _a.sourceTable;
-                return handleErrorResponse(mdm_sdk_1.deleteAttribute({
+                return handleErrorResponse(deleteAttribute({
                     attributeUri: attributeValue.uri,
                     sourceUri: type,
                     crosswalkValue: value,
@@ -37,35 +34,35 @@ var useAttributeActions = function (_a) {
             }));
         handleAction(action);
     }, [handleAction, handleErrorResponse]);
-    var pinAttributeAction = react_1.useCallback(function (_a) {
+    var pinAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue;
-        ramda_1.pipe(mdm_sdk_1.pinAttribute, handleErrorResponse, handleAction)({
+        pipe(pinAttribute, handleErrorResponse, handleAction)({
             attributeUri: attributeValue.uri,
             value: !attributeValue.pin
         });
     }, [handleAction, handleErrorResponse]);
-    var ignoreAttributeAction = react_1.useCallback(function (_a) {
+    var ignoreAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue;
-        ramda_1.pipe(mdm_sdk_1.ignoreAttribute, handleErrorResponse, handleAction)({
+        pipe(ignoreAttribute, handleErrorResponse, handleAction)({
             attributeUri: attributeValue.uri,
             value: !attributeValue.ignored
         });
     }, [handleAction, handleErrorResponse]);
-    var updateAttributeAction = react_1.useCallback(function (_a) {
+    var updateAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk;
-        if (mdm_sdk_1.isComplexAttribute(attributeType) || mdm_sdk_1.isImage(attributeType))
+        if (isComplexAttribute(attributeType) || isImage(attributeType))
             return;
-        ramda_1.pipe(mdm_sdk_1.updateAttribute, handleErrorResponse, handleAction)({
+        pipe(updateAttribute, handleErrorResponse, handleAction)({
             attributeUri: attributeValue.uri,
             sourceUri: crosswalk.type,
             crosswalkValue: crosswalk.value,
             crosswalkSourceTable: crosswalk.sourceTable,
-            value: mdm_sdk_1.isLookupAttrType(attributeType) ? attributeValue.lookupCode : attributeValue.value
+            value: isLookupAttrType(attributeType) ? attributeValue.lookupCode : attributeValue.value
         });
     }, [handleAction, handleErrorResponse]);
-    var createAttributeAction = react_1.useCallback(function (_a) {
+    var createAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue, crosswalk = _a.crosswalk;
-        ramda_1.pipe(mdm_sdk_1.createAttribute, ramda_1.andThen(function (_a) {
+        pipe(createAttribute, andThen(function (_a) {
             var errors = _a[0].errors;
             if (errors)
                 throw errors;
@@ -85,4 +82,3 @@ var useAttributeActions = function (_a) {
         createAttribute: createAttributeAction
     };
 };
-exports.useAttributeActions = useAttributeActions;

package/components/crosswalks/hooks/useCrosswalkActions.js

@@ -1,13 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCrosswalkActions = void 0;
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var core_1 = require("../../../core");
-var useCrosswalkActions = function (_a) {
-    var _b = _a.onLoad, onLoad = _b === void 0 ? core_1.noop : _b, _c = _a.onSuccess, onSuccess = _c === void 0 ? core_1.noop : _c, _d = _a.onError, onError = _d === void 0 ? core_1.noop : _d;
-    var handleRequest = react_1.useCallback(function (request) {
+import { useCallback } from 'react';
+import { andThen, ifElse, isNil, pipe } from 'ramda';
+import { addCrosswalk, addCrosswalkInContributor, deleteCrosswalk, deleteCrosswalkAttribute, editCrosswalkAttribute } from '@reltio/mdm-sdk';
+import { noop } from '../../../core';
+export var useCrosswalkActions = function (_a) {
+    var _b = _a.onLoad, onLoad = _b === void 0 ? noop : _b, _c = _a.onSuccess, onSuccess = _c === void 0 ? noop : _c, _d = _a.onError, onError = _d === void 0 ? noop : _d;
+    var handleRequest = useCallback(function (request) {
         onLoad();
         request
             .then(function (_a) {
@@ -18,10 +15,10 @@ var useCrosswalkActions = function (_a) {
         })
             .catch(onError);
     }, [onLoad, onError, onSuccess]);
-    var addCrosswalkAction = react_1.useCallback(function (_a) {
+    var addCrosswalkAction = useCallback(function (_a) {
         var entity = _a.entity, contributorCrosswalk = _a.contributorCrosswalk, crosswalk = _a.crosswalk;
         var addRequest = contributorCrosswalk
-            ? mdm_sdk_1.addCrosswalkInContributor({
+            ? addCrosswalkInContributor({
                 entityTypeUri: entity.type,
                 contributorCrosswalkType: contributorCrosswalk.type,
                 contributorCrosswalkValue: contributorCrosswalk.value,
@@ -31,18 +28,18 @@ var useCrosswalkActions = function (_a) {
                 crosswalkSourceTable: crosswalk.sourceTable,
                 crosswalkDeleteDate: crosswalk.deleteDate
             })
-            : mdm_sdk_1.addCrosswalk({ entityUri: entity.uri, crosswalk: crosswalk });
-        ramda_1.pipe(ramda_1.andThen(function (_a) {
+            : addCrosswalk({ entityUri: entity.uri, crosswalk: crosswalk });
+        pipe(andThen(function (_a) {
             var response = _a[0];
             return response;
         }), handleRequest)(addRequest);
     }, [handleRequest]);
-    var editCrosswalkAction = react_1.useCallback(function (_a) {
+    var editCrosswalkAction = useCallback(function (_a) {
         var entityUri = _a.entityUri, crosswalkId = _a.crosswalkId, attributeName = _a.attributeName, value = _a.value;
-        ramda_1.pipe(ramda_1.ifElse(function (_a) {
+        pipe(ifElse(function (_a) {
             var value = _a.value;
-            return ramda_1.isNil(value);
-        }, mdm_sdk_1.deleteCrosswalkAttribute, mdm_sdk_1.editCrosswalkAttribute), ramda_1.andThen(function (_a) {
+            return isNil(value);
+        }, deleteCrosswalkAttribute, editCrosswalkAttribute), andThen(function (_a) {
             var response = _a[0];
             return response;
         }), handleRequest)({
@@ -52,9 +49,9 @@ var useCrosswalkActions = function (_a) {
             value: value
         });
     }, [handleRequest]);
-    var deleteCrosswalkAction = react_1.useCallback(function (_a) {
+    var deleteCrosswalkAction = useCallback(function (_a) {
         var entityUri = _a.entityUri, crosswalkId = _a.crosswalkId;
-        ramda_1.pipe(mdm_sdk_1.deleteCrosswalk, handleRequest)({
+        pipe(deleteCrosswalk, handleRequest)({
             entityUri: entityUri,
             crosswalkId: crosswalkId
         });
@@ -65,4 +62,3 @@ var useCrosswalkActions = function (_a) {
         deleteCrosswalk: deleteCrosswalkAction
     };
 };
-exports.useCrosswalkActions = useCrosswalkActions;