@reltio/components 1.4.1819 → 1.4.1820

package/esm/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.d.ts

@@ -1,6 +0,0 @@
-import { CrosswalkBase } from '@reltio/mdm-sdk';
-type Props = {
-    crosswalk: CrosswalkBase;
-};
-declare const CrosswalkDragPreview: ({ crosswalk }: Props) => JSX.Element;
-export default CrosswalkDragPreview;

package/esm/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { getSourceSystemLabel } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import ColoredBlock from '../ColoredBlock/ColoredBlock';
-import { useCrosswalkColor } from '../../../contexts/CrosswalksDisplayContext';
-import { SourceIcon } from '../../../SourceIcon';
-import { useMdmMetadata } from '../../../contexts';
-import { useStyles } from './styles';
-var CrosswalkDragPreview = function (_a) {
-    var crosswalk = _a.crosswalk;
-    var styles = useStyles();
-    var metadata = useMdmMetadata();
-    var color = useCrosswalkColor(crosswalk);
-    var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
-    return (React.createElement(ColoredBlock, { color: color, className: styles.crosswalkPreview },
-        React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),
-        React.createElement(Typography, { className: styles.sourceLabel, variant: 'body2' }, sourceSystemLabel)));
-};
-export default CrosswalkDragPreview;

package/esm/components/crosswalks/CrosswalkDragLayer/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dragLayer" | "sourceIcon" | "crosswalkPreview" | "sourceLabel">;

package/esm/components/crosswalks/CrosswalkDragLayer/styles.js

@@ -1,34 +0,0 @@
-import { makeStyles } from '@mui/styles';
-import { POPUP_Z_INDEX } from '../../../constants';
-export var useStyles = makeStyles({
-    dragLayer: {
-        position: 'fixed',
-        top: 0,
-        left: 0,
-        width: '100%',
-        height: '100%',
-        overflow: 'hidden',
-        zIndex: POPUP_Z_INDEX,
-        pointerEvents: 'none'
-    },
-    crosswalkPreview: {
-        height: '28px',
-        maxWidth: '394px',
-        display: 'flex',
-        overflow: 'hidden',
-        padding: '6px',
-        alignItems: 'center',
-        boxSizing: 'border-box'
-    },
-    sourceLabel: {
-        fontSize: '13px',
-        whiteSpace: 'nowrap',
-        textOverflow: 'ellipsis',
-        overflow: 'hidden'
-    },
-    sourceIcon: {
-        width: '16px',
-        height: '16px',
-        marginRight: '9px'
-    }
-});

package/esm/components/crosswalks/CrosswalkEditor/CrosswalkEditor.d.ts

@@ -1,8 +0,0 @@
-import { Crosswalk } from '@reltio/mdm-sdk';
-type Props = {
-    className?: string;
-    onAdd: (event: Omit<Crosswalk, 'uri'>) => void;
-    onClose: () => void;
-};
-declare const CrosswalkEditor: ({ className, onAdd, onClose }: Props) => JSX.Element;
-export default CrosswalkEditor;

package/esm/components/crosswalks/CrosswalkEditor/CrosswalkEditor.js

@@ -1,27 +0,0 @@
-import React, { useState } from 'react';
-import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-import CrosswalkAttributes from '../CrosswalkAttributes/CrosswalkAttributes';
-import { assoc, dissoc } from 'ramda';
-import { useStyles } from './styles';
-var CrosswalkEditor = function (_a) {
-    var className = _a.className, onAdd = _a.onAdd, onClose = _a.onClose;
-    var styles = useStyles();
-    var _b = useState({ type: '', value: '' }), newCrosswalk = _b[0], setNewCrosswalk = _b[1];
-    var handleAdd = function () {
-        onAdd(newCrosswalk);
-        onClose();
-    };
-    return (React.createElement("div", { className: className },
-        React.createElement(Typography, { variant: 'body1', className: styles.caption }, i18n.text('Add crosswalk')),
-        React.createElement(CrosswalkAttributes, { crosswalk: newCrosswalk, onDeleteAttribute: function (attributeName) {
-                setNewCrosswalk(dissoc(attributeName));
-            }, onEditAttribute: function (attributeName, value) {
-                setNewCrosswalk(assoc(attributeName, value));
-            } }),
-        React.createElement("div", { className: styles.controlButtons },
-            React.createElement(Button, { className: styles.cancelButton, onClick: onClose }, i18n.text('Cancel')),
-            React.createElement(Button, { color: "primary", onClick: handleAdd, disabled: !newCrosswalk.type || !newCrosswalk.value }, i18n.text('Add')))));
-};
-export default CrosswalkEditor;

package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { Crosswalk, RelationCrosswalk } from '@reltio/mdm-sdk';
-type Props = {
-    crosswalk: Crosswalk | RelationCrosswalk;
-    isDependent?: boolean;
-    focusable?: boolean;
-    isEmpty?: boolean;
-    isColored?: boolean;
-    disableEdit: boolean;
-    disableDelete: boolean;
-    onDelete: (crosswalkId: string) => void;
-    onEdit: (event: {
-        crosswalkId: string;
-        attributeName: string;
-        value?: string;
-    }) => void;
-};
-declare const _default: React.MemoExoticComponent<({ crosswalk, isDependent, isEmpty, isColored, focusable, disableEdit, disableDelete, onDelete, onEdit }: Props) => JSX.Element>;
-export default _default;

package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -1,93 +0,0 @@
-import React, { useEffect, useRef, useState, memo } from 'react';
-import i18n from 'ui-i18n';
-import { useDrag } from 'react-dnd';
-import { getEmptyImage } from 'react-dnd-html5-backend';
-import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import DeleteIcon from '@mui/icons-material/Delete';
-import VisibilityIcon from '@mui/icons-material/Visibility';
-import { ArrowExpandButton } from '../../../ArrowExpandButton';
-import { ExpandedValueTooltip } from '../../../ExpandedValueTooltip';
-import ColoredBlock from '../ColoredBlock/ColoredBlock';
-import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
-import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import { SourceIcon } from '../../../SourceIcon';
-import Spacer from '../../Spacer/Spacer';
-import { useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from '../../../contexts/CrosswalksDisplayContext';
-import DependentIcon from '../../../icons/NestedAttribute';
-import CrosswalkAttributes from '../CrosswalkAttributes/CrosswalkAttributes';
-import { useMdmMetadata } from '../../../contexts';
-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 = useRef(null);
-    var _e = useState(false), expanded = _e[0], setExpanded = _e[1];
-    var _f = useState(false), isDeleteDialogOpen = _f[0], setDeleteDialogOpen = _f[1];
-    var metadata = useMdmMetadata();
-    var crosswalkColor = useCrosswalkColor(crosswalk);
-    var _g = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _g.toggleCrosswalkFocus, isFocused = _g.isFocused;
-    var _h = useCrosswalkHighlight(crosswalk), isDimmed = _h.isDimmed, highlightCrosswalk = _h.highlightCrosswalk, removeHighlight = _h.removeHighlight;
-    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
-    var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
-    var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
-    var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
-    var crosswalkId = getLastUriPart(crosswalk.uri);
-    var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
-    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _j = useDrag({
-        item: {
-            type: 'Crosswalk',
-            crosswalk: crosswalk
-        },
-        canDrag: !crosswalkDisabled
-    }), drag = _j[1], preview = _j[2];
-    var canDelete = !crosswalkDisabled && crosswalk.ownerType !== 'relation';
-    useEffect(function () {
-        preview(getEmptyImage(), { captureDraggingState: true });
-    }, []);
-    useEffect(function () {
-        var _a;
-        if (focusable &&
-            scrollToCrosswalk &&
-            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' });
-        }
-    }, [scrollToCrosswalk]);
-    var handleDeleteCrosswalk = function () {
-        if (isFocused)
-            toggleCrosswalkFocus();
-        onDelete(crosswalkId);
-    };
-    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 ? 'disabled' : 'standart', 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: disableDelete
-                            ? i18n.text("You don't have permissions to delete")
-                            : 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,
-                            value: value
-                        });
-                    }, onDeleteAttribute: function (attributeName) {
-                        onEdit({
-                            crosswalkId: crosswalkId,
-                            attributeName: attributeName
-                        });
-                    } }))))));
-};
-export default memo(CrosswalkRow);

package/esm/components/crosswalks/CrosswalkRow/styles.d.ts

@@ -1,7 +0,0 @@
-type StylesProps = {
-    color?: string;
-    isOpaque?: boolean;
-    isFocused?: boolean;
-};
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"header" | "root" | "sourceIcon" | "attributesWrapper" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
-export {};

package/esm/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type Props = {
-    crosswalkType: string;
-    focusable?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ crosswalkType, focusable }: Props) => JSX.Element>;
-export default _default;

package/esm/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -1,22 +0,0 @@
-import React, { memo } from 'react';
-import { getSourceSystemLabel } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
-import VisibilityIcon from '@mui/icons-material/Visibility';
-import { SourceIcon } from '../../../SourceIcon';
-import { SmallIconButton } from '../../../SmallIconButton';
-import { useCrosswalkHighlight } from '../../../contexts/CrosswalksDisplayContext';
-import { useMdmMetadata } from '../../../contexts';
-import { useStyles } from './styles';
-var DummyCrosswalkRow = function (_a) {
-    var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
-    var isDimmed = useCrosswalkHighlight().isDimmed;
-    var styles = useStyles({ isOpaque: !isDimmed });
-    var metadata = useMdmMetadata();
-    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))));
-};
-export default memo(DummyCrosswalkRow);

package/esm/components/crosswalks/ShowDependentLink/ShowDependentLink.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    showMore: boolean;
-    onClick: () => void;
-};
-declare const ShowDependentLink: ({ showMore, onClick }: Props) => JSX.Element;
-export default ShowDependentLink;

package/esm/components/crosswalks/ShowDependentLink/ShowDependentLink.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import Link from '@mui/material/Link';
-import i18n from 'ui-i18n';
-import { useStyles } from './styles';
-var ShowDependentLink = function (_a) {
-    var showMore = _a.showMore, onClick = _a.onClick;
-    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'))));
-};
-export default ShowDependentLink;

package/esm/components/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.d.ts

@@ -1,19 +0,0 @@
-import { CrosswalksByTypes } from '../types';
-type Props = {
-    source: string;
-    crosswalksByTypes: CrosswalksByTypes;
-    showCrosswalkColors?: boolean;
-    crosswalksFocusEnabled?: boolean;
-    expanded?: boolean;
-    disableEditCrosswalk: boolean;
-    disableDeleteCrosswalk: boolean;
-    onEdit: (event: {
-        crosswalkId: string;
-        attributeName: string;
-        value?: string;
-    }) => void;
-    onDelete: (crosswalkId: string) => void;
-    onToggleExpanded: () => void;
-};
-declare const SourceCrosswalksRow: ({ source, crosswalksByTypes, showCrosswalkColors, crosswalksFocusEnabled, expanded, disableEditCrosswalk, disableDeleteCrosswalk, onEdit, onDelete, onToggleExpanded }: Props) => JSX.Element;
-export default SourceCrosswalksRow;

package/esm/components/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.js

@@ -1,29 +0,0 @@
-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 = useHighlightedCrosswalks();
-    useEffect(function () {
-        if (!expanded &&
-            crosswalksFocusEnabled &&
-            crosswalksByTypes[CrosswalkType.Dependent].some(function (dependentCrosswalk) {
-                return highlightedCrosswalks.some(eqCrosswalks(dependentCrosswalk));
-            })) {
-            onToggleExpanded();
-        }
-    }, [highlightedCrosswalks]);
-    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[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(); } }))));
-};
-export default SourceCrosswalksRow;

package/esm/components/crosswalks/hooks/useAttributeActions.js

@@ -1,151 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { useCallback } from 'react';
-import { createAttribute, entityCumulativeDelete, getBaseUri, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isLookupValue, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
-import { andThen, pipe, prop, defaultTo, map } 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 () {
-            onSuccess();
-        })
-            .catch(onError);
-    }, [onError, onSuccess, onLoad]);
-    var handleErrorResponse = useCallback(function (request) {
-        return request.then(function (response) {
-            if ('error' in response)
-                throw response.error;
-            return response;
-        });
-    }, []);
-    var deleteAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalks = _a.crosswalks;
-        var action = isReference(attributeType)
-            ? pipe(getReferencedRelationFromAttrValue, prop('objectURI'), removeRelation, handleErrorResponse)(attributeValue)
-            : pipe(defaultTo([]), map(function (_a) {
-                var type = _a.type, value = _a.value, sourceTable = _a.sourceTable;
-                return ({
-                    type: 'DELETE_ATTRIBUTE',
-                    uri: attributeValue.uri,
-                    crosswalk: sourceTable ? { type: type, value: value, sourceTable: sourceTable } : { type: type, value: value }
-                });
-            }), function (diff) { return ({ uri: getBaseUri(attributeValue.uri), diff: diff }); }, entityCumulativeDelete, handleErrorResponse)(crosswalks);
-        handleAction(action);
-    }, [handleAction, handleErrorResponse]);
-    var pinAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue;
-        pipe(pinAttribute, handleErrorResponse, handleAction)({
-            attributeUri: attributeValue.uri,
-            value: !attributeValue.pin
-        });
-    }, [handleAction, handleErrorResponse]);
-    var ignoreAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue;
-        pipe(ignoreAttribute, handleErrorResponse, handleAction)({
-            attributeUri: attributeValue.uri,
-            value: !attributeValue.ignored
-        });
-    }, [handleAction, handleErrorResponse]);
-    var updateAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk, clearAttributeFlags = _a.clearAttributeFlags;
-        if (isComplexAttribute(attributeType) || isImage(attributeType))
-            return;
-        var update = function () { return __awaiter(void 0, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4 /*yield*/, handleErrorResponse(updateAttribute({
-                            attributeUri: attributeValue.uri,
-                            sourceUri: crosswalk.type,
-                            crosswalkValue: crosswalk.value,
-                            crosswalkSourceTable: crosswalk.sourceTable,
-                            value: isLookupAttrType(attributeType)
-                                ? attributeValue.lookupCode
-                                : attributeValue.value
-                        }))];
-                    case 1:
-                        _a.sent();
-                        if (!!clearAttributeFlags) return [3 /*break*/, 5];
-                        if (!attributeValue.ignored) return [3 /*break*/, 3];
-                        return [4 /*yield*/, handleErrorResponse(ignoreAttribute({
-                                attributeUri: attributeValue.uri,
-                                value: true
-                            }))];
-                    case 2:
-                        _a.sent();
-                        return [3 /*break*/, 5];
-                    case 3:
-                        if (!attributeValue.pin) return [3 /*break*/, 5];
-                        return [4 /*yield*/, handleErrorResponse(pinAttribute({
-                                attributeUri: attributeValue.uri,
-                                value: true
-                            }))];
-                    case 4:
-                        _a.sent();
-                        _a.label = 5;
-                    case 5: return [2 /*return*/];
-                }
-            });
-        }); };
-        handleAction(update());
-    }, [handleAction, handleErrorResponse]);
-    var createAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue, crosswalk = _a.crosswalk;
-        pipe(createAttribute, andThen(function (_a) {
-            var errors = _a[0].errors;
-            if (errors)
-                throw errors;
-        }), handleAction)({
-            attributeUri: attributeValue.uri,
-            sourceUri: crosswalk.type,
-            crosswalkValue: crosswalk.value,
-            crosswalkSourceTable: crosswalk.sourceTable,
-            value: isLookupValue(attributeValue)
-                ? attributeValue.lookupCode
-                : attributeValue.value
-        });
-    }, [handleAction]);
-    return {
-        deleteAttribute: deleteAttributeAction,
-        pinAttribute: pinAttributeAction,
-        ignoreAttribute: ignoreAttributeAction,
-        updateAttribute: updateAttributeAction,
-        createAttribute: createAttributeAction
-    };
-};

package/esm/components/crosswalks/hooks/useModifiedEntity.js

@@ -1,151 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-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));
-};
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { useAttributeActions } from './useAttributeActions';
-import { addNewAttribute, areOneHierarchyUris, createNewAttribute, editAttribute, findAttributeValueByUri, findAttributeValues, getAttributeValue, getCrosswalkAttributes, getRelationCrosswalks, isTempUri, removeAttribute } from '@reltio/mdm-sdk';
-import { difference, dissoc, evolve, isNil, pipe, without } from 'ramda';
-import { noop } from '../../../core';
-var emptyArray = [];
-export var useModifiedEntity = function (_a) {
-    var entity = _a.entity, _b = _a.onLoad, onLoad = _b === void 0 ? noop : _b, _c = _a.onModify, onModify = _c === void 0 ? noop : _c, _d = _a.onError, onError = _d === void 0 ? noop : _d;
-    var _e = useState(null), modifiedEntity = _e[0], setModifiedEntity = _e[1];
-    var _f = useState([]), emptyTempAttributeUris = _f[0], setEmptyTempAttributeUris = _f[1];
-    var _g = useState(null), crosswalksMap = _g[0], setCrosswalksMap = _g[1];
-    var temporaryAttributes = useRef([]);
-    var crosswalkForNewAttributes = useRef(null);
-    var resetCrosswalkForNewAttributes = useCallback(function () {
-        crosswalkForNewAttributes.current = null;
-    }, []);
-    var _h = useState(emptyArray), newlyCreatedAttributes = _h[0], setNewlyCreatedAttributes = _h[1];
-    var groupCrosswalksByAttrUri = function (crosswalks) {
-        if (crosswalks === void 0) { crosswalks = []; }
-        return crosswalks.reduce(function (acc, crosswalk) {
-            getCrosswalkAttributes(crosswalk).forEach(function (uri) {
-                acc[uri] = __spreadArray(__spreadArray([], (acc[uri] || []), true), [crosswalk], false);
-            });
-            return acc;
-        }, {});
-    };
-    useEffect(function () {
-        var newCrosswalksMap = {
-            entity: groupCrosswalksByAttrUri(entity === null || entity === void 0 ? void 0 : entity.crosswalks),
-            relation: pipe(getRelationCrosswalks, groupCrosswalksByAttrUri)(entity)
-        };
-        if ((modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.uri) === (entity === null || entity === void 0 ? void 0 : entity.uri) && crosswalkForNewAttributes.current) {
-            var ownerType = crosswalkForNewAttributes.current.ownerType;
-            var newAttributes = Object.keys(newCrosswalksMap[ownerType]);
-            var oldAttributes = Object.keys(crosswalksMap[ownerType]);
-            setNewlyCreatedAttributes(difference(newAttributes, oldAttributes));
-            setEmptyTempAttributeUris([]);
-        }
-        else {
-            setNewlyCreatedAttributes(emptyArray);
-        }
-        resetCrosswalkForNewAttributes();
-        setModifiedEntity(entity);
-        setCrosswalksMap(newCrosswalksMap);
-        temporaryAttributes.current = [];
-    }, [entity]);
-    var handleError = useCallback(pipe(onError, resetCrosswalkForNewAttributes), [
-        onError,
-        resetCrosswalkForNewAttributes
-    ]);
-    var _j = useAttributeActions({
-        onLoad: onLoad,
-        onSuccess: onModify,
-        onError: handleError
-    }), deleteAttribute = _j.deleteAttribute, ignoreAttribute = _j.ignoreAttribute, pinAttribute = _j.pinAttribute, createAttribute = _j.createAttribute, updateAttribute = _j.updateAttribute;
-    var onAddAttribute = useCallback(function (_a) {
-        var attributeType = _a.attributeType, parentUri = _a.parentUri, crosswalk = _a.crosswalk, index = _a.index;
-        var newAttribute = createNewAttribute({ parentUri: parentUri, attributeType: attributeType });
-        var uri = newAttribute.uri;
-        if (crosswalk) {
-            var ownerType_1 = crosswalk.ownerType;
-            setCrosswalksMap(function (crosswalksMap) {
-                var _a, _b;
-                return (__assign(__assign({}, crosswalksMap), (_a = {}, _a[ownerType_1] = __assign(__assign({}, crosswalksMap[ownerType_1]), (_b = {}, _b[uri] = [crosswalk], _b)), _a)));
-            });
-        }
-        setModifiedEntity(function (entity) {
-            var _a;
-            if (isNil(index)) {
-                index = (_a = findAttributeValues(entity, parentUri, attributeType.name)) === null || _a === void 0 ? void 0 : _a.length;
-            }
-            return addNewAttribute({ entity: entity, attributeType: attributeType, newAttribute: newAttribute, index: index });
-        });
-        if (!temporaryAttributes.current.some(function (tempUri) { return areOneHierarchyUris(uri, tempUri); })) {
-            temporaryAttributes.current.push(uri);
-        }
-        if (!emptyTempAttributeUris.includes(newAttribute.uri)) {
-            setEmptyTempAttributeUris(function (emptyTempAttributeUris) { return __spreadArray(__spreadArray([], emptyTempAttributeUris, true), [newAttribute.uri], false); });
-        }
-    }, []);
-    var onDeleteAttribute = useCallback(function (event) {
-        var uri = event.attributeValue.uri, attributeType = event.attributeType;
-        if (isTempUri(uri)) {
-            setModifiedEntity(function (entity) { return removeAttribute({ entity: entity, attributeType: attributeType, uri: uri }); });
-            setCrosswalksMap(evolve({
-                entity: dissoc(uri),
-                relation: dissoc(uri)
-            }));
-            temporaryAttributes.current = without([uri], temporaryAttributes.current);
-        }
-        else {
-            deleteAttribute(event);
-        }
-    }, [deleteAttribute]);
-    var onEditAttribute = useCallback(function (event) {
-        if (isTempUri(event.attributeValue.uri)) {
-            var attributeValue = event.attributeValue, attributeType = event.attributeType, crosswalk = event.crosswalk;
-            if (!isNil(attributeValue.value)) {
-                var uri_1 = attributeValue.uri;
-                var tempAttributeUri = temporaryAttributes.current.find(function (tempUri) {
-                    return areOneHierarchyUris(uri_1, tempUri);
-                });
-                var editedEntity = editAttribute({
-                    entity: modifiedEntity,
-                    attributeType: attributeType,
-                    uri: uri_1,
-                    value: getAttributeValue(attributeValue)
-                });
-                createAttribute({
-                    attributeValue: findAttributeValueByUri(editedEntity, tempAttributeUri),
-                    crosswalk: crosswalk
-                });
-                crosswalkForNewAttributes.current = crosswalk;
-            }
-        }
-        else {
-            updateAttribute(event);
-        }
-    }, [createAttribute, updateAttribute, modifiedEntity]);
-    return {
-        modifiedEntity: modifiedEntity,
-        crosswalksMap: crosswalksMap,
-        onAddAttribute: onAddAttribute,
-        onDeleteAttribute: onDeleteAttribute,
-        onPinAttribute: pinAttribute,
-        onIgnoreAttribute: ignoreAttribute,
-        onEditAttribute: onEditAttribute,
-        newlyCreatedAttributes: newlyCreatedAttributes,
-        emptyTempAttributeUris: emptyTempAttributeUris
-    };
-};

package/esm/components/crosswalks/index.d.ts

@@ -1,9 +0,0 @@
-export { default as AttributesTable } from './AttributesTable/AttributesTable';
-export { useModifiedEntity } from './hooks/useModifiedEntity';
-export { useCrosswalkActions } from './hooks/useCrosswalkActions';
-export { default as CrosswalkDragLayer } from './CrosswalkDragLayer/CrosswalkDragLayer';
-export { default as SourceCrosswalksRow } from './SourceCrosswalksRow/SourceCrosswalksRow';
-export { default as CrosswalkEditor } from './CrosswalkEditor/CrosswalkEditor';
-export { CrosswalkType } from './types';
-export type { CrosswalksByTypes, AddCrosswalkEvent, EditCrosswalkEvent, DeleteCrosswalkEvent } from './types';
-export { groupCrosswalksByTypesAndSources } from './utils/legend';